/* Universal Store Clean Child 5.6.0 — Phase 2: Product & Mobile Professional * Safe, non-looping, product-focused layer. */ :root{ --usg-product-max: 1720px; --usg-product-gap: clamp(18px, 2.2vw, 42px); --usg-product-radius: 22px; --usg-soft-border: rgba(15,23,42,.10); --usg-soft-shadow: 0 18px 48px rgba(15,23,42,.08); } body.single-product{overflow-x:hidden;} body.single-product .site-content, body.single-product .inside-article, body.single-product .entry-content{max-width:none!important;} body.single-product .site-main, body.single-product .content-area, body.single-product .container.grid-container, body.single-product .inside-article{width:100%!important;} body.single-product .usg-single-product-layout, body.single-product div.product{box-sizing:border-box;} body.single-product .usg-single-product-layout{ width:min(var(--usg-product-max), calc(100vw - 32px))!important; max-width:var(--usg-product-max)!important; margin-inline:auto!important; padding-inline:0!important; } body.single-product .usg-single-product-hero{ display:grid!important; grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr)!important; gap:var(--usg-product-gap)!important; align-items:start!important; width:100%!important; margin-inline:auto!important; clear:both!important; } body.single-product .usg-single-product-gallery, body.single-product .usg-single-product-summary{ min-width:0!important; max-width:100%!important; width:100%!important; box-sizing:border-box!important; position:relative!important; top:auto!important; inset:auto!important; transform:none!important; } body.single-product .usg-single-product-summary, body.single-product .summary.entry-summary{ position:static!important; float:none!important; clear:none!important; display:flex!important; flex-direction:column!important; gap:14px!important; background:linear-gradient(180deg,#fff,#fbfbfd)!important; border:1px solid var(--usg-soft-border)!important; border-radius:var(--usg-product-radius)!important; box-shadow:var(--usg-soft-shadow)!important; padding:clamp(18px,2vw,28px)!important; overflow:visible!important; z-index:1!important; } body.single-product .product_title.entry-title, body.single-product h1.product_title{ font-size:clamp(22px, 2vw, 32px)!important; line-height:1.45!important; letter-spacing:-.04em!important; margin:0 0 8px!important; max-width:100%!important; overflow-wrap:anywhere!important; } body.single-product .woocommerce-product-details__short-description{ font-size:15px!important; line-height:2!important; color:#475569!important; margin:0!important; position:relative!important; max-width:100%!important; } body.single-product .woocommerce-product-details__short-description:not(.is-expanded){ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } body.single-product .usg-short-desc-toggle{ align-self:flex-start!important; border:0!important; background:#f1f5f9!important; color:#0f172a!important; border-radius:999px!important; padding:8px 14px!important; font-size:13px!important; font-weight:800!important; cursor:pointer!important; transition:transform .16s ease, background-color .16s ease!important; } body.single-product .usg-short-desc-toggle:active{transform:scale(.97)!important;} body.single-product .price, body.single-product p.price{ display:flex!important; flex-wrap:wrap!important; align-items:baseline!important; gap:8px 10px!important; margin:6px 0 0!important; font-weight:900!important; color:#16a34a!important; } body.single-product .price del, body.single-product .price del .amount{ color:#dc2626!important; opacity:1!important; text-decoration-color:#dc2626!important; } body.single-product .price ins, body.single-product .price ins .amount, body.single-product .price > .amount{color:#16a34a!important;text-decoration:none!important;} body.single-product .product_meta{display:none!important;} body.single-product .woocommerce-product-gallery{ width:100%!important; float:none!important; margin:0!important; border:1px solid var(--usg-soft-border)!important; border-radius:var(--usg-product-radius)!important; background:#fff!important; box-shadow:var(--usg-soft-shadow)!important; padding:clamp(12px,1.6vw,20px)!important; overflow:hidden!important; } body.single-product .woocommerce-product-gallery__wrapper{margin:0!important;} body.single-product .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__image a{display:block!important;width:100%!important;} body.single-product .woocommerce-product-gallery__image img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; max-height:min(620px, 68vh)!important; object-fit:contain!important; margin-inline:auto!important; border-radius:18px!important; background:#f8fafc!important; } body.single-product .flex-control-thumbs{ display:grid!important; grid-template-columns:repeat(auto-fill,minmax(74px,1fr))!important; gap:10px!important; margin:14px 0 0!important; padding:0!important; max-width:100%!important; } body.single-product .flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important;list-style:none!important;} body.single-product .flex-control-thumbs img{ width:100%!important; aspect-ratio:1/1!important; object-fit:contain!important; border:1px solid rgba(15,23,42,.10)!important; border-radius:12px!important; background:#f8fafc!important; padding:4px!important; opacity:.72!important; cursor:pointer!important; transition:opacity .15s ease,border-color .15s ease,transform .15s ease!important; } body.single-product .flex-control-thumbs img.flex-active, body.single-product .flex-control-thumbs img.is-active{opacity:1!important;border-color:var(--usg-primary,#2563eb)!important;transform:translateY(-1px)!important;} /* Product options / add-ons must be full-width blocks above price and buy row. */ body.single-product form.cart, body.single-product .summary form.cart{ display:flex!important; flex-direction:column!important; gap:14px!important; align-items:stretch!important; width:100%!important; max-width:100%!important; clear:both!important; } body.single-product form.cart .variations, body.single-product form.cart .woocommerce-variation, body.single-product form.cart .woocommerce-variation-add-to-cart, body.single-product form.cart .single_variation_wrap, body.single-product form.cart .pcb-master-box, body.single-product form.cart [class*="pcb-"]{ max-width:100%!important; width:100%!important; box-sizing:border-box!important; } body.single-product form.cart .pcb-master-box{ order:10!important; margin:8px 0!important; overflow:hidden!important; position:relative!important; } body.single-product form.cart .pcb-grid{grid-template-columns:repeat(auto-fit,minmax(156px,1fr))!important;} body.single-product form.cart .pcb-card{min-width:0!important;overflow:hidden!important;} body.single-product form.cart .pcb-addon-item{display:flex!important;flex-wrap:wrap!important;align-items:center!important;} body.single-product form.cart .pcb-addon-info{min-width:0!important;flex:1 1 240px!important;} body.single-product form.cart .pcb-addon-title{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;} body.single-product form.cart .single_variation_wrap{order:30!important;display:flex!important;flex-direction:column!important;gap:12px!important;} body.single-product form.cart .woocommerce-variation{order:40!important;} body.single-product form.cart .woocommerce-variation-price{order:45!important;width:100%!important;margin-top:4px!important;} body.single-product form.cart .woocommerce-variation-add-to-cart, body.single-product form.cart:not(.variations_form){order:50!important;} body.single-product form.cart .quantity, body.single-product .usg-quantity-wrap{ flex:0 0 auto!important; width:auto!important; min-width:112px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } body.single-product form.cart button.single_add_to_cart_button, body.single-product form.cart .single_add_to_cart_button{ min-height:52px!important; border-radius:16px!important; font-size:16px!important; font-weight:900!important; flex:1 1 auto!important; width:auto!important; min-width:210px!important; padding-inline:24px!important; } body.single-product form.cart:not(.variations_form){flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;} body.single-product form.cart:not(.variations_form) .price{flex-basis:100%!important;} body.single-product .woocommerce-tabs, body.single-product .usg-single-product-content{ width:100%!important; max-width:var(--usg-product-max)!important; margin:28px auto 0!important; clear:both!important; } body.single-product .woocommerce-tabs ul.tabs{ display:flex!important; gap:8px!important; overflow-x:auto!important; scrollbar-width:none!important; border-bottom:1px solid rgba(15,23,42,.08)!important; padding:0 0 10px!important; margin:0 0 18px!important; } body.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none!important;} body.single-product .woocommerce-tabs ul.tabs li{flex:0 0 auto!important;margin:0!important;border:0!important;background:transparent!important;} body.single-product .woocommerce-tabs ul.tabs li a{ display:block!important; white-space:nowrap!important; border-radius:999px!important; padding:10px 16px!important; background:#f8fafc!important; color:#334155!important; font-weight:800!important; } body.single-product .woocommerce-tabs ul.tabs li.active a{background:#0f172a!important;color:#fff!important;} body.single-product .related.products, body.single-product .upsells.products{margin-top:34px!important;} body.single-product .related.products ul.products, body.single-product .upsells.products ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;} @media (max-width:1024px){ body.single-product .usg-single-product-layout{width:min(100%, calc(100vw - 24px))!important;} body.single-product .usg-single-product-hero{grid-template-columns:1fr!important;gap:18px!important;} body.single-product .usg-single-product-summary{padding:18px!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;} body.single-product .woocommerce-product-gallery__image img{max-height:380px!important;} body.single-product .flex-control-thumbs{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:4px!important;} body.single-product .flex-control-thumbs li{flex:0 0 76px!important;scroll-snap-align:start!important;} body.single-product .product_title.entry-title,body.single-product h1.product_title{font-size:20px!important;line-height:1.6!important;} body.single-product form.cart:not(.variations_form){flex-wrap:nowrap!important;} body.single-product form.cart button.single_add_to_cart_button{min-width:0!important;} body.single-product .related.products ul.products, body.single-product .upsells.products ul.products{display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important;padding-bottom:8px!important;} body.single-product .related.products ul.products li.product, body.single-product .upsells.products ul.products li.product{flex:0 0 72vw!important;max-width:320px!important;scroll-snap-align:start!important;} } @media (max-width:520px){ body.single-product .usg-single-product-layout{width:min(100%, calc(100vw - 16px))!important;} body.single-product .woocommerce-product-gallery{padding:10px!important;border-radius:18px!important;} body.single-product .woocommerce-product-gallery__image img{max-height:320px!important;border-radius:14px!important;} body.single-product .usg-single-product-summary{padding:14px!important;border-radius:18px!important;} body.single-product .woocommerce-product-details__short-description{font-size:14px!important;line-height:1.9!important;} body.single-product form.cart .pcb-grid{grid-template-columns:1fr!important;} body.single-product form.cart .pcb-total-bar{align-items:stretch!important;} body.single-product form.cart:not(.variations_form), body.single-product form.cart .woocommerce-variation-add-to-cart{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:center!important;width:100%!important;} body.single-product form.cart .quantity, body.single-product .usg-quantity-wrap{min-width:104px!important;} body.single-product form.cart button.single_add_to_cart_button{min-height:54px!important;font-size:15px!important;} body.single-product .usg-mobile-buy-bar{bottom:calc(var(--usg-bottom-nav-height,74px) + env(safe-area-inset-bottom,0px) + 8px)!important;} } @media (prefers-reduced-motion:reduce){ body.single-product *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;} }