:root{--uas-cta-icon-gap:.28rem;--uas-cta-icon-shift:0} .uas-mobile-close{border:0;background:#f2f4f7;border-radius:10px;width:42px;height:42px;font-size:24px}.uas-mobile-menu{list-style:none;padding:12px 0;margin:0}.uas-mobile-menu li{border-bottom:1px solid var(--uas-border)}.uas-mobile-menu a{display:block;padding:15px 4px;font-weight:750}.uas-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:14px;font-weight:850}.uas-btn--primary{background:var(--uas-primary);color:#fff;box-shadow:0 14px 32px rgba(91,61,245,.22)}.uas-btn--primary:hover{background:var(--uas-primary-2)}.uas-btn--ghost{background:#fff;border:1px solid var(--uas-border)}.uas-section{padding:78px 0}.uas-section--muted{background:#eef1f5}.uas-section--tight{padding:48px 0}.uas-section__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.uas-section__head h2{font-size:clamp(31px,4vw,48px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 0}.uas-section__head p{max-width:650px;color:var(--uas-muted);margin:12px 0 0}.uas-empty{padding:34px;border:1px dashed #cfd4dc;border-radius:18px;background:#fff;color:var(--uas-muted);text-align:center}.uas-content,.uas-woocommerce{padding-block:48px 88px;min-height:60vh}.uas-page,.uas-single{background:#fff;border-radius:24px;padding:clamp(24px,4vw,52px);box-shadow:0 10px 40px rgba(16,24,40,.05)}.uas-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.uas-post-card{background:#fff;border:1px solid var(--uas-border);border-radius:20px;overflow:hidden}.uas-post-card__body{padding:20px}.woocommerce .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important;padding:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:13px!important;border:1px solid var(--uas-border);border-radius:18px;background:#fff;transition:.2s}.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:var(--uas-shadow)}.woocommerce ul.products li.product a img{border-radius:13px;margin-bottom:13px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.4!important;padding:0!important;min-height:40px}.woocommerce ul.products li.product .price{color:var(--uas-text)!important;font-size:17px!important;font-weight:900!important}.woocommerce ul.products li.product .button{width:100%;text-align:center;border-radius:12px;background:var(--uas-dark);color:#fff;padding:12px 14px;margin-top:12px}.woocommerce ul.products li.product .button:hover{background:var(--uas-primary)}.woocommerce span.onsale{min-width:auto!important;min-height:auto!important;line-height:1!important;padding:8px 10px!important;border-radius:10px!important;background:#ef4444!important;left:12px!important;top:12px!important}.woocommerce .quantity .qty{min-height:44px;border:1px solid var(--uas-border);border-radius:10px}.woocommerce div.product form.cart .button{min-height:48px;border-radius:12px;background:var(--uas-primary)} @media(max-width:1100px){.woocommerce .products{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.uas-btn{min-height:49px;padding:0 18px}.uas-section{padding:52px 0}.uas-section--tight{padding:36px 0}.uas-section__head{align-items:flex-start;margin-bottom:22px}.uas-section__head p{font-size:13px}.woocommerce .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.woocommerce ul.products li.product{padding:10px!important}} /* v0.1.2 - cache-safe polish / defensive layout */ /* UAS 0.2.0 — WooCommerce storefront */ .uas-section--products{background:#fff} /* Native WooCommerce archive support outside .woocommerce-scoped homepage */ .products{list-style:none} body.woocommerce ul.products,body.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important;padding:0!important} body.woocommerce ul.products:before,body.woocommerce ul.products:after,body.woocommerce-page ul.products:before,body.woocommerce-page ul.products:after{display:none!important} body.woocommerce ul.products li.product,body.woocommerce-page ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:13px!important;border:1px solid var(--uas-border);border-radius:18px;background:#fff;transition:.2s} body.woocommerce ul.products li.product:hover,body.woocommerce-page ul.products li.product:hover{transform:translateY(-3px);box-shadow:var(--uas-shadow)} body.woocommerce ul.products li.product a img,body.woocommerce-page ul.products li.product a img{border-radius:13px;margin-bottom:13px!important} body.woocommerce ul.products li.product .woocommerce-loop-product__title,body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.4!important;padding:0!important;min-height:40px} body.woocommerce ul.products li.product .price,body.woocommerce-page ul.products li.product .price{color:var(--uas-text)!important;font-size:17px!important;font-weight:900!important} body.woocommerce ul.products li.product .button,body.woocommerce-page ul.products li.product .button{width:100%;text-align:center;border-radius:12px;background:var(--uas-dark);color:#fff;padding:12px 14px;margin-top:12px} body.woocommerce ul.products li.product .button:hover,body.woocommerce-page ul.products li.product .button:hover{background:var(--uas-primary)} body.woocommerce span.onsale,body.woocommerce-page span.onsale{min-width:auto!important;min-height:auto!important;line-height:1!important;padding:8px 10px!important;border-radius:10px!important;background:#ef4444!important;left:12px!important;top:12px!important} .uas-woocommerce .woocommerce-products-header__title{font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;margin:0 0 24px} .uas-woocommerce .woocommerce-result-count{color:var(--uas-muted);font-size:13px} .uas-woocommerce .woocommerce-ordering select{min-height:44px;border:1px solid var(--uas-border);border-radius:12px;padding:0 38px 0 12px;background:#fff} .single-product .uas-woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:48px;align-items:start} .single-product .uas-woocommerce div.product .woocommerce-product-gallery{width:100%!important;float:none!important} .single-product .uas-woocommerce div.product .summary{width:100%!important;float:none!important;margin:0!important;background:#fff;border:1px solid var(--uas-border);border-radius:24px;padding:30px} .single-product .uas-woocommerce div.product .product_title{font-size:clamp(30px,3.5vw,48px);line-height:1.05;letter-spacing:-.045em} .single-product .uas-woocommerce div.product p.price{font-size:28px!important;color:var(--uas-text)!important;font-weight:900} .single-product .uas-woocommerce div.product form.cart{display:flex;gap:10px;align-items:center} .single-product .uas-woocommerce .woocommerce-tabs,.single-product .uas-woocommerce .related{grid-column:1/-1} @media(max-width:1100px){ body.woocommerce ul.products,body.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))} .single-product .uas-woocommerce div.product{grid-template-columns:1fr;gap:28px} } @media(max-width:760px){ body.woocommerce ul.products,body.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .single-product .uas-woocommerce div.product .summary{padding:20px} } /* v0.2.1 — Commerce surfaces */ .uas-breadcrumb{margin:0 0 24px!important;color:var(--uas-muted)!important;font-size:12px!important} .uas-breadcrumb a{color:var(--uas-muted);font-weight:700} .uas-breadcrumb a:hover{color:var(--uas-primary)} .uas-breadcrumb-sep{display:inline-block;margin:0 8px;color:#c7ccd5} .uas-commerce-page-head{margin:0 0 28px;padding:28px 30px;border:1px solid var(--uas-border);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f5f2ff 100%)} .uas-commerce-page-head>span{display:block;color:var(--uas-primary);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .uas-commerce-page-head h1{margin:7px 0 0;font-size:clamp(28px,3.6vw,46px);line-height:1.04;letter-spacing:-.045em} .uas-woocommerce .woocommerce-notices-wrapper:empty{display:none} .uas-woocommerce .woocommerce-message,.uas-woocommerce .woocommerce-info,.uas-woocommerce .woocommerce-error{ margin:0 0 22px!important;padding:17px 20px 17px 52px!important;border:1px solid var(--uas-border)!important;border-top:1px solid var(--uas-border)!important;border-radius:15px;background:#fff!important;box-shadow:0 10px 30px rgba(16,24,40,.04) } .uas-woocommerce .woocommerce-message:before,.uas-woocommerce .woocommerce-info:before,.uas-woocommerce .woocommerce-error:before{top:17px!important;left:19px!important;color:var(--uas-primary)!important} .uas-woocommerce a.button,.uas-woocommerce button.button,.uas-woocommerce input.button,.uas-woocommerce #respond input#submit{ min-height:44px;border-radius:12px!important;background:var(--uas-dark)!important;color:#fff!important;font-weight:850!important;padding:0 18px!important;display:inline-flex;align-items:center;justify-content:center } .uas-woocommerce a.button:hover,.uas-woocommerce button.button:hover,.uas-woocommerce input.button:hover,.uas-woocommerce #respond input#submit:hover{background:var(--uas-primary)!important;color:#fff!important} .single-product .uas-woocommerce div.product .woocommerce-product-gallery__wrapper{margin:0} .single-product .uas-woocommerce div.product .woocommerce-product-gallery__image{overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--uas-border)} .single-product .uas-woocommerce div.product .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px!important} .single-product .uas-woocommerce div.product .flex-control-thumbs li{width:auto!important;float:none!important} .single-product .uas-woocommerce div.product .flex-control-thumbs img{border:1px solid var(--uas-border);border-radius:10px;opacity:.72} .single-product .uas-woocommerce div.product .flex-control-thumbs img.flex-active{border-color:var(--uas-primary);opacity:1} .single-product .uas-woocommerce div.product .woocommerce-product-rating{display:flex;align-items:center;gap:8px;margin:0 0 14px!important} .single-product .uas-woocommerce div.product .woocommerce-product-details__short-description{color:var(--uas-muted);font-size:15px;line-height:1.75} .single-product .uas-woocommerce div.product .stock{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#ecfdf3;color:#087f5b!important;font-size:11px;font-weight:850} .single-product .uas-woocommerce div.product form.cart{margin-top:22px!important;padding-top:20px;border-top:1px solid var(--uas-border)} .single-product .uas-woocommerce div.product form.cart .quantity .qty{min-height:48px;width:76px;border:1px solid var(--uas-border);border-radius:12px;background:#fff} .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{min-height:48px!important;padding:0 22px!important;border-radius:12px!important;background:var(--uas-primary)!important} .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:hover{background:var(--uas-primary-2)!important} .single-product .uas-woocommerce div.product .product_meta{margin-top:20px;padding-top:18px;border-top:1px solid var(--uas-border);color:var(--uas-muted);font-size:12px} .single-product .uas-woocommerce div.product .product_meta>span{display:block;margin:4px 0} .uas-product-confidence{display:grid;gap:8px;margin-top:18px;padding:16px;border-radius:15px;background:#f8fafc;border:1px solid var(--uas-border)} .uas-product-confidence span{display:flex;gap:9px;align-items:flex-start;color:var(--uas-muted);font-size:11px;line-height:1.5} .uas-product-confidence b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:8px;background:var(--uas-soft);color:var(--uas-primary);font-size:11px} .single-product .uas-woocommerce .woocommerce-tabs{margin-top:26px;padding:26px;border:1px solid var(--uas-border);border-radius:22px;background:#fff} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs{display:flex;gap:8px;padding:0!important;margin:0 0 22px!important;border:0!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs:before{display:none!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li{border:1px solid var(--uas-border)!important;border-radius:999px!important;background:#fff!important;margin:0!important;padding:0!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li:before,.single-product .uas-woocommerce .woocommerce-tabs ul.tabs li:after{display:none!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a{padding:9px 14px!important;font-size:12px!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li.active{background:var(--uas-dark)!important;border-color:var(--uas-dark)!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li.active a{color:#fff!important} .single-product .uas-woocommerce .related>h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;margin:48px 0 22px} /* Cart */ .woocommerce-cart .uas-woocommerce .woocommerce-cart-form{width:min(100%,920px)} .woocommerce-cart .uas-woocommerce .cart-collaterals{margin-top:28px} .woocommerce-cart .uas-woocommerce table.shop_table{border:1px solid var(--uas-border)!important;border-radius:18px!important;background:#fff;border-collapse:separate!important;overflow:hidden} .woocommerce-cart .uas-woocommerce table.shop_table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--uas-muted)} .woocommerce-cart .uas-woocommerce table.shop_table td,.woocommerce-cart .uas-woocommerce table.shop_table th{padding:15px!important;border-color:var(--uas-border)!important} .woocommerce-cart .uas-woocommerce table.shop_table .product-thumbnail img{width:82px;border-radius:12px} .woocommerce-cart .uas-woocommerce .cart_totals{float:none!important;width:min(100%,520px)!important;margin-left:auto;padding:24px;border:1px solid var(--uas-border);border-radius:20px;background:#fff} .woocommerce-cart .uas-woocommerce .cart_totals h2{font-size:24px;letter-spacing:-.035em;margin-top:0} .woocommerce-cart .uas-woocommerce .wc-proceed-to-checkout{padding-bottom:0} .woocommerce-cart .uas-woocommerce .checkout-button{width:100%;min-height:52px!important;background:var(--uas-primary)!important} /* Checkout */ .woocommerce-checkout .uas-woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:26px;align-items:start} .woocommerce-checkout .uas-woocommerce #customer_details{display:grid;grid-template-columns:1fr;gap:18px} .woocommerce-checkout .uas-woocommerce #customer_details .col-1,.woocommerce-checkout .uas-woocommerce #customer_details .col-2{float:none!important;width:auto!important;padding:25px;border:1px solid var(--uas-border);border-radius:20px;background:#fff} .woocommerce-checkout .uas-woocommerce #order_review_heading{grid-column:2;margin:0;font-size:22px;letter-spacing:-.03em} .woocommerce-checkout .uas-woocommerce #order_review{grid-column:2;padding:24px;border:1px solid var(--uas-border);border-radius:20px;background:#fff} .woocommerce-checkout .uas-woocommerce .woocommerce-billing-fields>h3,.woocommerce-checkout .uas-woocommerce .woocommerce-additional-fields>h3{margin-top:0;font-size:22px;letter-spacing:-.03em} .woocommerce-checkout .uas-woocommerce .form-row{margin-bottom:13px!important} .woocommerce-checkout .uas-woocommerce input.input-text,.woocommerce-checkout .uas-woocommerce textarea,.woocommerce-checkout .uas-woocommerce select{ min-height:46px;border:1px solid var(--uas-border);border-radius:11px;background:#fff;padding:10px 12px } .woocommerce-checkout .uas-woocommerce textarea{min-height:110px} .woocommerce-checkout .uas-woocommerce #payment{background:#f8fafc!important;border-radius:15px!important} .woocommerce-checkout .uas-woocommerce #place_order{width:100%;min-height:52px!important;background:var(--uas-primary)!important} /* Account */ .woocommerce-account .uas-woocommerce .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start} .woocommerce-account .uas-woocommerce .woocommerce-MyAccount-navigation{float:none!important;width:auto!important} .woocommerce-account .uas-woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:10px;border:1px solid var(--uas-border);border-radius:18px;background:#fff} .woocommerce-account .uas-woocommerce .woocommerce-MyAccount-navigation li a{display:block;padding:11px 13px;border-radius:11px;font-size:13px;font-weight:750} .woocommerce-account .uas-woocommerce .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .uas-woocommerce .woocommerce-MyAccount-navigation li a:hover{background:var(--uas-soft);color:var(--uas-primary)} .woocommerce-account .uas-woocommerce .woocommerce-MyAccount-content{float:none!important;width:auto!important;padding:26px;border:1px solid var(--uas-border);border-radius:20px;background:#fff} .woocommerce-account .uas-woocommerce form.login,.woocommerce-account .uas-woocommerce form.register{border:1px solid var(--uas-border)!important;border-radius:20px!important;background:#fff;padding:25px!important} .woocommerce-account .uas-woocommerce input.input-text{min-height:46px;border:1px solid var(--uas-border);border-radius:11px;padding:9px 12px} @media(max-width:900px){ .woocommerce-checkout .uas-woocommerce form.checkout{grid-template-columns:1fr} .woocommerce-checkout .uas-woocommerce #order_review_heading,.woocommerce-checkout .uas-woocommerce #order_review{grid-column:auto} .woocommerce-account .uas-woocommerce .woocommerce{grid-template-columns:1fr} } @media(max-width:760px){ .uas-commerce-page-head{padding:22px 20px;margin-bottom:20px} .single-product .uas-woocommerce div.product form.cart{align-items:stretch;flex-wrap:wrap} .single-product .uas-woocommerce div.product form.cart .quantity{flex:0 0 76px} .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{flex:1 1 180px} .single-product .uas-woocommerce .woocommerce-tabs{padding:18px} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs{overflow:auto;white-space:nowrap} .woocommerce-cart .uas-woocommerce table.shop_table_responsive tr{padding:13px;border-bottom:1px solid var(--uas-border)} .woocommerce-cart .uas-woocommerce table.shop_table_responsive tr td{background:#fff!important} .woocommerce-checkout .uas-woocommerce #customer_details .col-1,.woocommerce-checkout .uas-woocommerce #customer_details .col-2,.woocommerce-checkout .uas-woocommerce #order_review{padding:18px} .woocommerce-account .uas-woocommerce .woocommerce-MyAccount-content{padding:18px} } /* v0.2.2 — Mini cart, mobile buying and marketplace discovery */ html.uas-cart-open,html.uas-menu-open{overflow:hidden} @keyframes uasCartIn{from{transform:translateX(28px);opacity:.4}to{transform:none;opacity:1}} .uas-mini-cart__content{min-height:0;overflow:auto;padding:6px 22px 20px} .uas-mini-cart__content .woocommerce-mini-cart{list-style:none;margin:0;padding:0} .uas-mini-cart__content .woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:70px 1fr;gap:13px;padding:16px 26px 16px 0!important;border-bottom:1px solid var(--uas-border)} .uas-mini-cart__content .woocommerce-mini-cart-item a:not(.remove){font-size:12px;font-weight:800;line-height:1.4} .uas-mini-cart__content .woocommerce-mini-cart-item img{float:none!important;width:70px!important;height:70px!important;margin:0!important;border-radius:12px;object-fit:cover;background:#f5f6f8} .uas-mini-cart__content .woocommerce-mini-cart-item .remove{position:absolute;right:0;top:17px;display:grid!important;place-items:center;width:23px;height:23px;border-radius:8px!important;background:#f2f4f7!important;color:#667085!important;font-size:17px!important} .uas-mini-cart__content .woocommerce-mini-cart-item .quantity{display:block;margin-top:6px;color:var(--uas-muted);font-size:11px} .uas-mini-cart__content .woocommerce-mini-cart__total{display:flex;justify-content:space-between;gap:15px;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--uas-border);font-size:14px} .uas-mini-cart__content .woocommerce-mini-cart__total strong{font-weight:800} .uas-mini-cart__content .woocommerce-mini-cart__buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 0} .uas-mini-cart__content .woocommerce-mini-cart__buttons a{display:flex!important;align-items:center;justify-content:center;min-height:45px!important;margin:0!important;border-radius:12px!important;background:var(--uas-dark)!important;color:#fff!important;font-size:11px!important;font-weight:850!important;padding:0 12px!important} .uas-mini-cart__content .woocommerce-mini-cart__buttons .checkout{background:var(--uas-primary)!important} .uas-mini-cart__content .woocommerce-mini-cart__empty-message{padding:38px 10px;text-align:center;color:var(--uas-muted);font-size:13px} .uas-shop-categories{display:flex;gap:8px;overflow:auto;margin:0 0 22px;padding:2px 0 5px;scrollbar-width:thin} .uas-shop-categories a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:37px;padding:0 14px;border:1px solid var(--uas-border);border-radius:999px;background:#fff;color:var(--uas-muted);font-size:11px;font-weight:800} .uas-shop-categories a:hover,.uas-shop-categories a.is-active{border-color:var(--uas-dark);background:var(--uas-dark);color:#fff} @media(max-width:760px){ .uas-mini-cart__content{padding-inline:16px} body.single-product{padding-bottom:130px} } /* v0.2.3 — Premium mobile navigation + catalogue filters + quick actions */ .uas-filter-shell{margin:0 0 16px} .uas-filter-shell__bar{display:flex;align-items:center;gap:12px} .uas-filter-toggle{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid var(--uas-border);border-radius:12px;background:#fff;color:var(--uas-text);font-size:12px;font-weight:850;cursor:pointer} .uas-filter-toggle:hover,.uas-filter-toggle[aria-expanded=true]{border-color:#d7d0ff;background:var(--uas-soft);color:var(--uas-primary)} .uas-filter-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round} .uas-filter-toggle strong{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--uas-primary);color:#fff;font-size:9px} .uas-filter-shell__hint{color:var(--uas-muted);font-size:11px} .uas-filter-panel{margin-top:10px;padding:16px;border:1px solid var(--uas-border);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(16,24,40,.05)} .uas-filter-panel form{display:grid;grid-template-columns:minmax(280px,1fr) auto auto auto;gap:12px;align-items:end} .uas-filter-field label{display:block;margin-bottom:7px;color:var(--uas-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em} .uas-filter-field--price>div{display:flex;align-items:center;gap:8px} .uas-filter-field input[type=number]{width:100%;min-height:42px;border:1px solid var(--uas-border);border-radius:11px;background:#f8fafc;padding:0 11px;outline:0} .uas-filter-field input[type=number]:focus{border-color:var(--uas-primary);background:#fff;box-shadow:0 0 0 3px rgba(91,61,245,.07)} .uas-filter-field--price>div>span{color:#98a2b3} .uas-filter-check{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid var(--uas-border);border-radius:11px;background:#f8fafc;color:var(--uas-muted);font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap} .uas-filter-check input{position:absolute;opacity:0;pointer-events:none} .uas-filter-check span{position:relative;width:18px;height:18px;border:1px solid #cdd3dd;border-radius:6px;background:#fff} .uas-filter-check input:checked+span{border-color:var(--uas-primary);background:var(--uas-primary)} .uas-filter-check input:checked+span:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900} .uas-filter-panel__actions{display:flex;align-items:center;gap:9px} .uas-filter-panel__actions a,.uas-filter-panel__actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:11px;font-size:11px;font-weight:850} .uas-filter-panel__actions a{border:1px solid var(--uas-border);background:#fff;color:var(--uas-muted)} .uas-filter-panel__actions button{border:0;background:var(--uas-primary);color:#fff;cursor:pointer} .woocommerce ul.products li.product{position:relative} .woocommerce ul.products li.product .price{margin-bottom:8px!important} .uas-loop-stock{display:inline-flex;align-items:center;gap:6px;margin:3px 0 12px;color:var(--uas-muted);font-size:10px;font-weight:750} .uas-loop-stock i{width:7px;height:7px;border-radius:50%;background:#98a2b3} .uas-loop-stock.is-in-stock{color:#087f5b}.uas-loop-stock.is-in-stock i{background:#10b981} .uas-loop-stock.is-out-of-stock{color:#b42318}.uas-loop-stock.is-out-of-stock i{background:#ef4444} .woocommerce ul.products li.product .button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px;margin-top:0!important} .uas-loop-view{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin-top:8px;border:1px solid var(--uas-border);border-radius:11px;color:var(--uas-muted);font-size:10px;font-weight:850} .uas-loop-view:hover{border-color:#d7d0ff;background:var(--uas-soft);color:var(--uas-primary)} .uas-loop-view svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7} @media(max-width:900px){ .uas-filter-panel form{grid-template-columns:1fr 1fr} .uas-filter-field--price{grid-column:1/-1} .uas-filter-panel__actions{justify-content:flex-end} } @media(max-width:760px){ .uas-filter-shell__bar{justify-content:space-between} .uas-filter-shell__hint{display:none} .uas-filter-toggle{min-height:40px} .uas-filter-panel{padding:13px} .uas-filter-panel form{grid-template-columns:1fr} .uas-filter-field--price{grid-column:auto} .uas-filter-panel__actions{justify-content:stretch} .uas-filter-panel__actions a,.uas-filter-panel__actions button{flex:1} } /* v0.2.4 — Premium catalogue hero, action row and mobile filter sheet */ html.uas-filter-open{overflow:hidden} .uas-woocommerce{padding-top:28px;padding-bottom:86px} .uas-catalog-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:24px;align-items:stretch;margin:0 0 18px;padding:34px;border:1px solid var(--uas-border);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f4f1ff 58%,#eef0ff 100%);overflow:hidden} .uas-catalog-hero:after{content:"";position:absolute;right:22%;top:-120px;width:300px;height:300px;border-radius:50%;background:rgba(91,61,245,.08);filter:blur(4px);pointer-events:none} .uas-catalog-hero__content{position:relative;z-index:2;min-width:0;padding:6px 0} .uas-catalog-hero h1{max-width:760px;margin:9px 0 12px;font-size:clamp(34px,4.5vw,58px);line-height:1;letter-spacing:-.052em} .uas-catalog-hero__description{max-width:700px;color:var(--uas-muted);font-size:14px;line-height:1.7} .uas-catalog-hero__description p{margin:0} .uas-catalog-hero__meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px} .uas-catalog-hero__meta>span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid rgba(91,61,245,.12);border-radius:999px;background:rgba(255,255,255,.72);color:var(--uas-muted);font-size:10px;font-weight:750} .uas-catalog-hero__meta strong{color:var(--uas-text);font-size:13px} .uas-catalog-hero__meta b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#ecfdf3;color:#087f5b} .uas-catalog-hero__media,.uas-catalog-hero__visual{position:relative;z-index:2;min-height:210px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#101735,#5b3df5)} .uas-catalog-hero__media img{width:100%;height:100%;object-fit:cover} .uas-catalog-hero__visual{display:grid;place-items:center} .uas-catalog-hero__visual span{position:relative;z-index:2;color:#fff;font-size:58px;font-weight:950;letter-spacing:-.08em} .uas-catalog-hero__visual i,.uas-catalog-hero__visual b{position:absolute;border-radius:50%;background:rgba(255,255,255,.1)} .uas-catalog-hero__visual i{width:220px;height:220px;right:-55px;top:-65px} .uas-catalog-hero__visual b{width:120px;height:120px;left:-25px;bottom:-35px} .uas-shop-categories{margin-bottom:14px;padding:3px 1px 8px} .uas-shop-categories a{box-shadow:0 3px 12px rgba(16,24,40,.025)} .uas-filter-shell{margin-bottom:22px} .uas-filter-panel__mobile-head{display:none} .uas-woocommerce .woocommerce-result-count{margin:10px 0 20px!important;min-height:44px;display:flex;align-items:center;color:var(--uas-muted);font-size:11px} .uas-woocommerce .woocommerce-ordering{margin:10px 0 20px!important} .uas-woocommerce .woocommerce-ordering select{min-width:220px;box-shadow:0 4px 14px rgba(16,24,40,.03);font-size:11px;font-weight:750;color:var(--uas-text)} body.woocommerce ul.products li.product,body.woocommerce-page ul.products li.product{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:12px!important;box-shadow:0 6px 20px rgba(16,24,40,.025)} body.woocommerce ul.products li.product:hover,body.woocommerce-page ul.products li.product:hover{border-color:#d9d3ff;box-shadow:0 20px 48px rgba(16,24,40,.10)} body.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link{display:block;min-width:0} body.woocommerce ul.products li.product a img,body.woocommerce-page ul.products li.product a img{aspect-ratio:1/1;object-fit:cover;background:#f6f7f9;transition:transform .28s ease} body.woocommerce ul.products li.product:hover a img,body.woocommerce-page ul.products li.product:hover a img{transform:scale(1.018)} body.woocommerce ul.products li.product .woocommerce-loop-product__title{margin-top:3px!important;min-height:42px;font-weight:780!important;letter-spacing:-.015em} body.woocommerce ul.products li.product .price{margin-top:6px!important;font-size:18px!important;letter-spacing:-.02em} .uas-loop-badges{position:absolute;z-index:5;left:22px;top:22px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none} .uas-loop-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:8px;background:#fff;color:var(--uas-text);box-shadow:0 6px 18px rgba(16,24,40,.12);font-size:9px;font-weight:900;letter-spacing:.02em} .uas-loop-badge--new{background:var(--uas-dark);color:#fff} .uas-loop-badge--sale{background:#ef4444;color:#fff} .uas-loop-actions{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;margin-top:auto;padding-top:5px} .uas-loop-actions__cart{min-width:0} .uas-loop-actions__cart .button{width:100%!important;min-width:0!important;margin:0!important} .uas-loop-view{min-height:44px!important;margin:0!important;background:#fff} .uas-loop-view span{white-space:nowrap} .uas-loop-view svg{flex:0 0 auto} @media(max-width:980px){ .uas-catalog-hero{grid-template-columns:minmax(0,1fr) 250px;padding:26px} .uas-catalog-hero__media,.uas-catalog-hero__visual{min-height:190px} .uas-loop-actions{grid-template-columns:minmax(0,1fr) 44px} .uas-loop-view span{display:none} } @media(max-width:760px){ .uas-woocommerce{width:min(calc(100% - 22px),var(--uas-container));padding-top:14px;padding-bottom:46px} .uas-breadcrumb{margin-bottom:12px!important;padding-inline:2px;white-space:nowrap;overflow:auto;scrollbar-width:none} .uas-catalog-hero{display:block;margin-bottom:12px;padding:22px 18px;border-radius:22px} .uas-catalog-hero:after{right:-100px;top:-100px} .uas-catalog-hero h1{font-size:34px;margin-top:7px} .uas-catalog-hero__description{font-size:12px;line-height:1.65} .uas-catalog-hero__media,.uas-catalog-hero__visual{display:none} .uas-catalog-hero__meta{margin-top:16px} .uas-shop-categories{margin:0 -11px 12px;padding:2px 11px 8px;scroll-snap-type:x proximity} .uas-shop-categories a{scroll-snap-align:start;min-height:36px} .uas-filter-shell__bar{position:relative;z-index:2} .uas-filter-toggle{width:100%;justify-content:center;min-height:44px;background:#fff} .uas-filter-panel{position:fixed;z-index:180;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom,8px));max-height:min(78vh,620px);margin:0;padding:0;border-radius:24px;box-shadow:0 -12px 60px rgba(10,16,32,.28);overflow:auto} .uas-filter-panel:before{content:"";position:fixed;z-index:-1;inset:0;background:rgba(10,16,32,.54);backdrop-filter:blur(3px)} .uas-filter-panel__mobile-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--uas-border);background:#fff} .uas-filter-panel__mobile-head span{display:block;color:var(--uas-primary);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .uas-filter-panel__mobile-head strong{display:block;margin-top:2px;font-size:20px;letter-spacing:-.03em} .uas-filter-panel__mobile-head button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:#f2f4f7;color:var(--uas-text);font-size:23px;cursor:pointer} .uas-filter-panel form{padding:14px 16px 18px} .uas-filter-check{min-height:48px;background:#fff} .uas-filter-panel__actions{position:sticky;bottom:0;margin:6px -16px -18px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--uas-border)} .uas-woocommerce .woocommerce-result-count{float:none!important;margin:8px 0 7px!important;min-height:auto} .uas-woocommerce .woocommerce-ordering{float:none!important;margin:0 0 14px!important} .uas-woocommerce .woocommerce-ordering select{width:100%;min-width:0} body.woocommerce ul.products li.product,body.woocommerce-page ul.products li.product{padding:9px!important;border-radius:16px} .uas-loop-badges{left:15px;top:15px;gap:4px} .uas-loop-badge{min-height:22px;padding:0 6px;font-size:8px;border-radius:7px} .uas-loop-actions{grid-template-columns:minmax(0,1fr) 38px;gap:6px} .uas-loop-actions .button,.uas-loop-view{min-height:38px!important;border-radius:10px!important;font-size:9px!important} .uas-loop-view{padding:0!important} .uas-loop-view svg{width:15px;height:15px} } /* v0.2.5 — Search, deals showcase and product-detail polish */ .single-product .uas-woocommerce div.product{position:relative} .single-product .uas-woocommerce div.product .summary{position:relative;box-shadow:0 18px 50px rgba(16,24,40,.05)} .single-product .uas-woocommerce div.product .product_title{margin:0 0 13px} .single-product .uas-woocommerce div.product p.price{display:flex;align-items:baseline;gap:9px;margin:12px 0 16px!important} .single-product .uas-woocommerce div.product p.price del{color:#98a2b3;font-size:16px;font-weight:700;opacity:1} .single-product .uas-woocommerce div.product p.price ins{text-decoration:none;color:var(--uas-primary)} .single-product .uas-woocommerce div.product .woocommerce-product-gallery{position:relative;padding:14px;border:1px solid var(--uas-border);border-radius:25px;background:#fff;box-shadow:0 18px 48px rgba(16,24,40,.04)} .single-product .uas-woocommerce div.product > span.onsale.uas-single-sale{z-index:8;left:26px!important;top:26px!important;display:inline-flex;align-items:center;justify-content:center;min-width:56px!important;min-height:32px!important;padding:0 10px!important;border-radius:10px!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1!important;box-shadow:0 9px 24px rgba(239,68,68,.23)} .uas-product-facts{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 17px;padding-bottom:17px;border-bottom:1px solid var(--uas-border)} .uas-product-facts>span,.uas-product-facts>a{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 9px;border:1px solid var(--uas-border);border-radius:999px;background:#f8fafc;color:var(--uas-muted);font-size:9px;font-weight:760;line-height:1.2} .uas-product-facts b{color:var(--uas-text);font-size:8px;text-transform:uppercase;letter-spacing:.05em} .uas-product-facts i{width:7px;height:7px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 3px rgba(152,162,179,.12)} .uas-product-facts .is-positive i{background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.12)} .uas-product-facts .is-negative i{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)} .single-product .uas-woocommerce div.product .woocommerce-product-details__short-description{margin-top:2px} .single-product .uas-woocommerce div.product form.cart{padding:18px;border:1px solid var(--uas-border);border-radius:16px;background:#f8fafc} .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{box-shadow:0 12px 26px rgba(91,61,245,.18)} .single-product .uas-woocommerce div.product .product_meta{font-size:10px} .single-product .uas-woocommerce div.product .product_meta a{font-weight:750;color:var(--uas-primary)} @media(min-width:1101px){ .single-product .uas-woocommerce div.product .summary{position:sticky;top:22px} } @media(max-width:760px){ .single-product .uas-woocommerce div.product .woocommerce-product-gallery{padding:8px;border-radius:19px} .single-product .uas-woocommerce div.product > span.onsale.uas-single-sale{left:17px!important;top:17px!important} .single-product .uas-woocommerce div.product form.cart{padding:13px} .uas-product-facts{gap:5px} .uas-product-facts>span,.uas-product-facts>a{font-size:8px} } /* v0.2.6 — Screenshot QA: related products, block checkout/cart, account and mobile footer */ /* Single product: prevent sticky summary from covering description/related rows. */ .single-product .uas-woocommerce div.product > .summary{position:relative!important;top:auto!important} .single-product .uas-woocommerce div.product > .woocommerce-tabs, .single-product .uas-woocommerce div.product > .related, .single-product .uas-woocommerce div.product > .uas-related-products{ grid-column:1 / -1!important; width:100%!important; max-width:none!important; min-width:0!important; float:none!important; clear:both!important; justify-self:stretch!important; } .single-product .uas-woocommerce div.product > .woocommerce-tabs{margin-top:18px} .uas-related-products{margin-top:54px;padding-top:8px} .uas-related-products__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px} .uas-related-products__head h2{margin:7px 0 0;font-size:clamp(28px,3.4vw,42px);line-height:1.04;letter-spacing:-.045em} /* Mini cart: keep image, title and quantity aligned instead of wrapping the title below the image. */ .uas-mini-cart__content .woocommerce-mini-cart-item{display:block;padding:16px 28px 16px 0!important} .uas-mini-cart__content .woocommerce-mini-cart-item>a:not(.remove){display:grid!important;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:13px;min-width:0} .uas-mini-cart__content .woocommerce-mini-cart-item>a:not(.remove) img{grid-column:1;grid-row:1 / span 2} .uas-mini-cart__content .woocommerce-mini-cart-item>a:not(.remove){font-size:12px!important;line-height:1.35!important} .uas-mini-cart__content .woocommerce-mini-cart-item .quantity{margin:6px 0 0 83px!important} .uas-mini-cart__content .woocommerce-mini-cart-item .remove{right:0!important;top:18px!important} /* WooCommerce Cart / Checkout Blocks — Woo now uses blocks on fresh installs. */ .woocommerce-cart .uas-content,.woocommerce-checkout .uas-content{padding-top:34px} .woocommerce-cart .uas-page,.woocommerce-checkout .uas-page{padding:clamp(22px,3.2vw,46px);border:1px solid rgba(16,24,40,.035)} .woocommerce-cart .uas-page>h1,.woocommerce-checkout .uas-page>h1{margin:0 0 28px;font-size:clamp(30px,3vw,42px);letter-spacing:-.04em} .woocommerce-cart .wp-block-woocommerce-cart,.woocommerce-checkout .wp-block-woocommerce-checkout{font-size:13px} .woocommerce-cart .wc-block-cart,.woocommerce-checkout .wc-block-checkout{gap:28px} .woocommerce-cart .wc-block-components-main,.woocommerce-checkout .wc-block-components-main{padding-right:0} .woocommerce-cart .wc-block-components-sidebar,.woocommerce-checkout .wc-block-components-sidebar{border:1px solid var(--uas-border);border-radius:20px;background:#fff;padding:18px!important} .woocommerce-cart .wc-block-cart-items,.woocommerce-cart .wc-block-cart-items td,.woocommerce-cart .wc-block-cart-items th{border-color:var(--uas-border)!important} .woocommerce-cart .wc-block-cart-item__image img,.woocommerce-checkout .wc-block-components-order-summary-item__image img{border-radius:10px;background:#f7f8fa} .woocommerce-cart .wc-block-components-product-name,.woocommerce-checkout .wc-block-components-product-name{font-weight:800!important;line-height:1.35} .woocommerce-cart .wc-block-components-product-metadata,.woocommerce-checkout .wc-block-components-product-metadata{color:var(--uas-muted);font-size:11px} .woocommerce-cart .wc-block-components-quantity-selector{border-color:#d8dde6!important;border-radius:9px!important} .woocommerce-cart .wc-block-cart__submit-button, .woocommerce-checkout .wc-block-components-checkout-place-order-button, .woocommerce-cart .wc-block-components-button:not(.is-link), .woocommerce-checkout .wc-block-components-button:not(.is-link){ min-height:50px!important;border:0!important;border-radius:13px!important;background:var(--uas-primary)!important;color:#fff!important;font-weight:850!important;box-shadow:0 11px 25px rgba(91,61,245,.16) } .woocommerce-cart .wc-block-cart__submit-button:hover, .woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{background:var(--uas-primary-2)!important} .woocommerce-cart .wc-block-components-totals-wrapper,.woocommerce-checkout .wc-block-components-totals-wrapper{border-color:var(--uas-border)!important} .woocommerce-checkout .wc-block-components-checkout-step{margin-bottom:22px!important} .woocommerce-checkout .wc-block-components-checkout-step__heading{margin-bottom:10px!important} .woocommerce-checkout .wc-block-components-checkout-step__title{font-size:20px!important;letter-spacing:-.025em} .woocommerce-checkout .wc-block-components-text-input input, .woocommerce-checkout .wc-block-components-combobox-control input, .woocommerce-checkout .wc-block-components-address-form__address_2-toggle{ border-color:#d8dde6!important;border-radius:10px!important;background:#fff!important } .woocommerce-checkout .wc-block-components-notice-banner{border-radius:13px!important} .woocommerce-checkout .wc-block-components-notice-banner.is-error{border-color:#fca5a5!important;background:#fff5f5!important} /* Account/login — page.php is used, so do not depend on the .uas-woocommerce wrapper. */ .woocommerce-account .uas-entry>.woocommerce{min-width:0} .woocommerce-account .uas-entry .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px} .woocommerce-account .uas-entry .u-column1,.woocommerce-account .uas-entry .u-column2{float:none!important;width:auto!important} .woocommerce-account .uas-entry form.login,.woocommerce-account .uas-entry form.register, .woocommerce-account .uas-entry .woocommerce-MyAccount-content{ margin:0!important;padding:24px!important;border:1px solid var(--uas-border)!important;border-radius:18px!important;background:#fff!important } .woocommerce-account .uas-entry form.login h2,.woocommerce-account .uas-entry form.register h2{margin-top:0} .woocommerce-account .uas-entry .form-row{margin-bottom:13px!important} .woocommerce-account .uas-entry input.input-text{min-height:46px;width:100%;padding:9px 12px;border:1px solid #d8dde6;border-radius:11px;background:#fff} .woocommerce-account .uas-entry button.button{min-height:44px;border-radius:11px!important;background:var(--uas-primary)!important;color:#fff!important;padding:0 18px!important} .woocommerce-account .uas-entry .woocommerce-MyAccount-navigation{float:none!important;width:auto!important;margin-bottom:18px} .woocommerce-account .uas-entry .woocommerce-MyAccount-navigation ul{display:flex;gap:7px;overflow:auto;list-style:none;margin:0;padding:8px;border:1px solid var(--uas-border);border-radius:15px;background:#fff} .woocommerce-account .uas-entry .woocommerce-MyAccount-navigation li{flex:0 0 auto} .woocommerce-account .uas-entry .woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:36px;padding:0 11px;border-radius:10px;font-size:11px;font-weight:800} .woocommerce-account .uas-entry .woocommerce-MyAccount-navigation li.is-active a{background:var(--uas-soft);color:var(--uas-primary)} .woocommerce-account .uas-entry .woocommerce-MyAccount-content{float:none!important;width:100%!important} /* Slightly tighter premium rhythm after screenshot review. */ @media(max-width:760px){ .single-product .uas-woocommerce div.product > .woocommerce-tabs{margin-top:8px!important} .uas-related-products{margin-top:38px;padding-bottom:4px} .uas-related-products__head{display:block;margin-bottom:16px} .uas-related-products__head h2{font-size:30px} .woocommerce-cart .uas-content,.woocommerce-checkout .uas-content,.woocommerce-account .uas-content{padding-top:18px} .woocommerce-cart .uas-page,.woocommerce-checkout .uas-page,.woocommerce-account .uas-page{padding:20px 14px;border-radius:18px} .woocommerce-cart .uas-page>h1,.woocommerce-checkout .uas-page>h1,.woocommerce-account .uas-page>h1{margin-bottom:20px;font-size:30px} .woocommerce-cart .wc-block-components-sidebar,.woocommerce-checkout .wc-block-components-sidebar{padding:12px!important;border-radius:15px} .woocommerce-cart .wc-block-cart-item__wrap{padding-left:8px!important} .woocommerce-cart .wc-block-components-product-name,.woocommerce-checkout .wc-block-components-product-name{font-size:11px!important} .woocommerce-checkout .wc-block-components-checkout-step__title{font-size:17px!important} .woocommerce-account .uas-entry .u-columns{grid-template-columns:1fr;gap:16px} .woocommerce-account .uas-entry form.login,.woocommerce-account .uas-entry form.register,.woocommerce-account .uas-entry .woocommerce-MyAccount-content{padding:17px!important;border-radius:15px!important} /* Mobile footer: compact 2-column navigation instead of a very tall single column. */ } /* v0.2.7 — Design Refinement Sprint 1: mobile cart + mobile header */ /* Keep the block cart from forcing horizontal overflow at every breakpoint. */ .woocommerce-cart .wp-block-woocommerce-cart, .woocommerce-cart .wc-block-cart, .woocommerce-cart .wc-block-components-main, .woocommerce-cart .wc-block-components-sidebar, .woocommerce-cart .wc-block-cart-items, .woocommerce-cart .wc-block-cart-items tbody, .woocommerce-cart .wc-block-cart-items__row, .woocommerce-cart .wc-block-cart-item__product{min-width:0;max-width:100%} .woocommerce-cart .uas-page{overflow:hidden} @media(max-width:760px){ /* Mobile header: brand + compact actions first, search second. */ /* Cart page shell. */ body.woocommerce-cart{overflow-x:hidden} .woocommerce-cart .uas-content{padding:14px 0 24px!important} .woocommerce-cart .uas-page{padding:20px 12px 28px!important;border-radius:20px!important;box-shadow:0 10px 35px rgba(16,24,40,.055)!important} .woocommerce-cart .uas-page>h1{margin:0 0 20px!important;font-size:30px!important;line-height:1.05!important} .woocommerce-cart .wp-block-woocommerce-cart{width:100%!important;margin:0!important} .woocommerce-cart .wc-block-cart{display:block!important;width:100%!important} .woocommerce-cart .wc-block-components-main.wc-block-cart__main{width:100%!important;margin:0!important;padding:0!important} /* Turn WooCommerce's table into true mobile product cards. */ .woocommerce-cart table.wc-block-cart-items{display:block!important;width:100%!important;border:0!important;margin:0!important} .woocommerce-cart .wc-block-cart-items thead{display:none!important} .woocommerce-cart .wc-block-cart-items tbody{display:grid!important;gap:10px!important;width:100%!important} .woocommerce-cart .wc-block-cart-items tr.wc-block-cart-items__row{ display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;grid-template-areas:"image product"!important; gap:0 13px!important;width:100%!important;margin:0!important;padding:14px!important; border:1px solid var(--uas-border)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important } .woocommerce-cart .wc-block-cart-items td{border:0!important;padding:0!important;min-width:0!important;max-width:100%!important} .woocommerce-cart .wc-block-cart-item__image{grid-area:image!important;width:88px!important;align-self:start!important} .woocommerce-cart .wc-block-cart-item__image a{display:block!important;width:88px!important} .woocommerce-cart .wc-block-cart-item__image img{display:block!important;width:88px!important;height:88px!important;object-fit:cover!important;border:1px solid #edf0f4!important;border-radius:12px!important;background:#f8fafc!important} .woocommerce-cart .wc-block-cart-item__product{grid-area:product!important;width:100%!important;padding:0!important;overflow:hidden!important} .woocommerce-cart .wc-block-cart-item__wrap{display:block!important;width:100%!important;padding:0!important;min-width:0!important} .woocommerce-cart .wc-block-components-product-name{ display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important; margin:0 0 6px!important;font-size:13px!important;line-height:1.35!important;font-weight:850!important;letter-spacing:-.01em!important } .woocommerce-cart .wc-block-components-product-price{display:flex!important;align-items:baseline!important;gap:6px!important;flex-wrap:wrap!important;margin:0 0 5px!important} .woocommerce-cart .wc-block-components-product-price__regular{color:#98a2b3!important;font-size:11px!important} .woocommerce-cart .wc-block-components-product-price__value{color:var(--uas-text)!important;font-size:15px!important;font-weight:900!important} .woocommerce-cart .wc-block-components-product-metadata{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;margin:4px 0 8px!important;font-size:10px!important;line-height:1.45!important;color:var(--uas-muted)!important} .woocommerce-cart .wc-block-cart-item__prices{margin:0!important} .woocommerce-cart .wc-block-cart-item__quantity{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:8px!important;width:100%!important} .woocommerce-cart .wc-block-components-quantity-selector{flex:0 0 118px!important;height:38px!important;margin:0!important;border:1px solid #d8dde6!important;border-radius:11px!important;background:#fff!important} .woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input{font-size:12px!important;font-weight:800!important} .woocommerce-cart .wc-block-components-quantity-selector button{min-width:34px!important;color:#667085!important} .woocommerce-cart .wc-block-cart-item__remove-link{margin:0!important;padding:8px 10px!important;border:0!important;border-radius:10px!important;background:#f8fafc!important;color:#667085!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important} /* The separate total cell duplicates information on small screens and caused the overflow. */ .woocommerce-cart .wc-block-cart-item__total{display:none!important} .woocommerce-cart .wc-block-components-product-badge{display:inline-flex!important;width:auto!important;max-width:100%!important;margin:5px 0 0!important;padding:4px 7px!important;border:0!important;border-radius:999px!important;background:#ecfdf3!important;color:#087f5b!important;font-size:8px!important;font-weight:850!important;white-space:normal!important} /* Summary becomes a strong full-width card, never a narrow side column. */ .woocommerce-cart .wc-block-components-sidebar.wc-block-cart__sidebar{ width:100%!important;margin:14px 0 0!important;padding:16px!important;border:1px solid var(--uas-border)!important;border-radius:16px!important;background:#fff!important } .woocommerce-cart .wc-block-components-totals-coupon{margin:0!important} .woocommerce-cart .wc-block-components-totals-wrapper{padding:14px 0!important} .woocommerce-cart .wc-block-components-totals-item__label{font-size:12px!important;font-weight:750!important} .woocommerce-cart .wc-block-components-totals-item__value{font-size:15px!important;font-weight:900!important} .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:20px!important;letter-spacing:-.02em!important} .woocommerce-cart .wc-block-cart__submit{margin:8px 0 0!important;padding:0!important} .woocommerce-cart .wc-block-cart__submit-container{position:sticky!important;bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:20;padding:8px 0;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%)} .woocommerce-cart .wc-block-cart__submit-button{min-height:52px!important;border-radius:14px!important;background:var(--uas-primary)!important;box-shadow:0 12px 28px rgba(91,61,245,.22)!important;font-size:13px!important;font-weight:900!important} /* Checkout gets the same compact visual rhythm. */ .woocommerce-checkout .uas-page{padding:20px 12px 28px!important} .woocommerce-checkout .wc-block-checkout{display:block!important;width:100%!important} .woocommerce-checkout .wc-block-components-main,.woocommerce-checkout .wc-block-components-sidebar{width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important} .woocommerce-checkout .wc-block-components-sidebar{margin-top:14px!important;padding:14px!important} .woocommerce-checkout .wc-block-components-checkout-step{margin-bottom:18px!important} .woocommerce-checkout .wc-block-components-checkout-step__title{font-size:17px!important} .woocommerce-checkout .wc-block-components-text-input input,.woocommerce-checkout .wc-block-components-combobox-control input{min-height:48px!important;border-radius:12px!important} /* The bottom navigation must never hide the cart CTA. */ } @media(max-width:430px){ .woocommerce-cart .wc-block-cart-items tr.wc-block-cart-items__row{grid-template-columns:80px minmax(0,1fr)!important;gap:0 11px!important;padding:12px!important} .woocommerce-cart .wc-block-cart-item__image,.woocommerce-cart .wc-block-cart-item__image a,.woocommerce-cart .wc-block-cart-item__image img{width:80px!important} .woocommerce-cart .wc-block-cart-item__image img{height:80px!important} .woocommerce-cart .wc-block-components-quantity-selector{flex-basis:108px!important} } /* v0.2.8 — Design Refinement Sprint 2: product decision experience + catalogue polish */ /* Product detail: calmer, denser and more commerce-focused. */ .single-product .uas-woocommerce{padding-top:30px;padding-bottom:72px} .single-product .uas-breadcrumb{margin-bottom:18px!important} .single-product .uas-woocommerce div.product{ grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); gap:34px; } .single-product .uas-woocommerce div.product .woocommerce-product-gallery{ border-radius:28px; padding:16px; box-shadow:0 22px 60px rgba(16,24,40,.06); } .single-product .uas-woocommerce div.product .woocommerce-product-gallery__image{ border:0; border-radius:20px; background:#f8fafc; } .single-product .uas-woocommerce div.product .summary{ padding:30px; border-radius:26px; box-shadow:0 22px 60px rgba(16,24,40,.07); } .single-product .uas-woocommerce div.product .product_title{ max-width:720px; margin-bottom:14px; font-size:clamp(34px,3.2vw,52px); line-height:1.02; letter-spacing:-.055em; } .single-product .uas-woocommerce div.product p.price{ margin:8px 0 14px!important; font-size:32px!important; line-height:1.1; } .single-product .uas-woocommerce div.product p.price del{ font-size:15px; } .single-product .uas-woocommerce div.product p.price ins{ color:var(--uas-primary); } .uas-product-saving{ display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:11px; margin:0 0 16px; padding:11px 12px; border:1px solid #dcd6ff; border-radius:14px; background:linear-gradient(135deg,#f8f6ff,#fff); } .uas-product-saving__icon{ display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:var(--uas-primary); color:#fff; font-size:15px; font-weight:950; } .uas-product-saving__copy{min-width:0} .uas-product-saving__copy small, .uas-product-saving__copy strong{display:block} .uas-product-saving__copy small{ color:var(--uas-muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; } .uas-product-saving__copy strong{ margin-top:1px; font-size:12px; line-height:1.3; } .uas-product-saving__percent{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 9px; border-radius:9px; background:#fee2e2; color:#b42318; font-size:10px; font-weight:900; white-space:nowrap; } .single-product .uas-woocommerce div.product .woocommerce-product-details__short-description{ margin:0; padding:1px 0 2px; color:#667085; font-size:14px; line-height:1.7; } .uas-product-facts{ margin-top:14px; margin-bottom:15px; padding:0 0 15px; } .uas-product-facts>span,.uas-product-facts>a{ min-height:33px; padding:0 10px; background:#fafbfc; } .uas-purchase-heading{ display:flex; align-items:end; justify-content:space-between; gap:14px; margin:18px 0 8px; } .uas-purchase-heading span{ color:var(--uas-primary); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.09em; } .uas-purchase-heading strong{ color:var(--uas-muted); font-size:10px; font-weight:700; text-align:right; } .single-product .uas-woocommerce div.product form.cart{ display:grid; grid-template-columns:82px minmax(0,1fr); align-items:center; gap:10px; margin-top:0!important; padding:12px; border-radius:16px; background:#f8fafc; } .single-product .uas-woocommerce div.product form.cart .quantity{ width:82px; } .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:82px; min-height:52px; border-color:#d9dee7; font-size:13px; font-weight:850; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ width:100%; min-height:52px!important; border-radius:12px!important; font-size:13px!important; box-shadow:0 13px 30px rgba(91,61,245,.2); } .uas-product-confidence{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; padding:0; border:0; background:transparent; } .uas-product-confidence span{ min-width:0; padding:11px; border:1px solid var(--uas-border); border-radius:13px; background:#fff; font-size:9px; line-height:1.45; } .uas-product-confidence b{ flex-basis:20px; height:20px; border-radius:7px; } .single-product .uas-woocommerce div.product .product_meta{ margin-top:14px; padding-top:14px; } .single-product .uas-woocommerce .woocommerce-tabs{ margin-top:32px!important; padding:30px; border-radius:24px; box-shadow:0 16px 46px rgba(16,24,40,.035); } .single-product .uas-woocommerce .woocommerce-tabs .panel{ color:#475467; font-size:14px; line-height:1.75; } .single-product .uas-woocommerce .woocommerce-tabs .panel h2{ color:var(--uas-text); font-size:24px; letter-spacing:-.035em; } .uas-related-products{ margin-top:48px; } .uas-related-products__head{ padding-bottom:4px; } .uas-related-products__head:after{ content:""; flex:1 1 auto; height:1px; margin-bottom:8px; background:var(--uas-border); } /* Our reusable marketplace cards: tighter title control and clearer price/CTA hierarchy. */ /* Native WooCommerce shop loop: bring it closer to the same card system. */ body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{ display:flex; flex-direction:column; min-width:0; padding:12px!important; border-radius:20px; } body.woocommerce ul.products li.product>a.woocommerce-LoopProduct-link, body.woocommerce-page ul.products li.product>a.woocommerce-LoopProduct-link{ display:flex; flex-direction:column; min-width:0; } body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img{ aspect-ratio:1/1; object-fit:cover; background:#f8fafc; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; min-height:39px; margin-bottom:4px; } body.woocommerce ul.products li.product .price, body.woocommerce-page ul.products li.product .price{ margin-top:auto; font-variant-numeric:tabular-nums; } .uas-loop-actions{ margin-top:auto; } /* Tablet product page */ @media(max-width:1100px){ .single-product .uas-woocommerce div.product{ grid-template-columns:minmax(0,1fr); gap:18px; } .single-product .uas-woocommerce div.product .woocommerce-product-gallery, .single-product .uas-woocommerce div.product .summary{ width:min(100%,820px)!important; margin-inline:auto!important; } } /* Mobile product detail: deliberately designed, not just desktop stacked. */ @media(max-width:760px){ body.single-product{overflow-x:hidden} .single-product .uas-woocommerce{ width:min(calc(100% - 16px),var(--uas-container)); padding-top:12px; padding-bottom:112px; } .single-product .uas-breadcrumb{ display:flex; overflow:auto; gap:0; margin:0 -2px 10px!important; padding:2px 2px 5px; white-space:nowrap; scrollbar-width:none; font-size:9px!important; } .single-product .uas-breadcrumb::-webkit-scrollbar{display:none} .single-product .uas-woocommerce div.product{gap:12px} .single-product .uas-woocommerce div.product .woocommerce-product-gallery{ padding:7px; border-radius:18px; box-shadow:0 10px 30px rgba(16,24,40,.045); } .single-product .uas-woocommerce div.product .woocommerce-product-gallery__image{ border-radius:14px; } .single-product .uas-woocommerce div.product .flex-control-thumbs{ gap:6px; margin-top:7px!important; } .single-product .uas-woocommerce div.product .flex-control-thumbs img{ border-radius:8px; } .single-product .uas-woocommerce div.product > span.onsale.uas-single-sale{ left:13px!important; top:13px!important; min-width:48px!important; min-height:28px!important; border-radius:9px!important; font-size:9px!important; } .single-product .uas-woocommerce div.product .summary{ padding:18px 16px; border-radius:18px; box-shadow:0 10px 32px rgba(16,24,40,.05); } .single-product .uas-woocommerce div.product .product_title{ margin:0 0 9px; font-size:27px; line-height:1.04; letter-spacing:-.045em; } .single-product .uas-woocommerce div.product p.price{ margin:5px 0 10px!important; font-size:24px!important; } .single-product .uas-woocommerce div.product p.price del{ font-size:12px; } .uas-product-saving{ grid-template-columns:32px minmax(0,1fr) auto; gap:8px; margin-bottom:11px; padding:8px 9px; border-radius:12px; } .uas-product-saving__icon{ width:32px; height:32px; border-radius:9px; font-size:12px; } .uas-product-saving__copy small{font-size:7px} .uas-product-saving__copy strong{font-size:10px} .uas-product-saving__percent{min-height:24px;padding:0 7px;font-size:8px} .uas-product-facts{ display:flex; flex-wrap:nowrap; overflow:auto; gap:6px; margin:10px -2px 11px; padding:0 2px 11px; scrollbar-width:none; } .uas-product-facts::-webkit-scrollbar{display:none} .uas-product-facts>span,.uas-product-facts>a{ flex:0 0 auto; min-height:29px; padding:0 8px; font-size:8px; } .single-product .uas-woocommerce div.product .woocommerce-product-details__short-description{ font-size:12px; line-height:1.62; } .single-product .uas-woocommerce div.product .stock{ min-height:27px; font-size:9px; } .uas-purchase-heading{ margin-top:14px; margin-bottom:6px; } .uas-purchase-heading span{font-size:8px} .uas-purchase-heading strong{font-size:8px} .single-product .uas-woocommerce div.product form.cart{ grid-template-columns:72px minmax(0,1fr); gap:8px; padding:9px; border-radius:13px; } .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:72px; } .single-product .uas-woocommerce div.product form.cart .quantity .qty{ min-height:46px; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ min-height:46px!important; font-size:11px!important; } .uas-product-confidence{ grid-template-columns:1fr; gap:6px; margin-top:9px; } .uas-product-confidence span{ align-items:center; min-height:39px; padding:8px 9px; border-radius:11px; font-size:8px; } .single-product .uas-woocommerce div.product .product_meta{ display:none; } .single-product .uas-woocommerce .woocommerce-tabs{ margin-top:6px!important; padding:16px 13px; border-radius:17px; } .single-product .uas-woocommerce .woocommerce-tabs ul.tabs{ gap:6px; margin-bottom:14px!important; } .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a{ padding:8px 11px!important; font-size:9px!important; } .single-product .uas-woocommerce .woocommerce-tabs .panel{ font-size:11px; line-height:1.65; } .single-product .uas-woocommerce .woocommerce-tabs .panel h2{ font-size:19px; } .uas-related-products{ margin-top:28px; } .uas-related-products__head:after{display:none} .uas-related-products__head h2{ font-size:28px; } } /* Small phones: preserve two-column product discovery without squeezed CTA text. */ /* v0.2.9 — Product purchase layout hotfix + polish The v0.2.8 grid treatment could let WooCommerce's native quantity/button rules fight the layout. Force a stable flex row on desktop and mobile. */ .single-product .uas-woocommerce div.product form.cart{ display:flex!important; flex-flow:row nowrap!important; align-items:stretch!important; justify-content:flex-start!important; gap:10px!important; width:100%!important; min-width:0!important; } .single-product .uas-woocommerce div.product form.cart .quantity{ float:none!important; flex:0 0 82px!important; width:82px!important; max-width:82px!important; margin:0!important; } .single-product .uas-woocommerce div.product form.cart .quantity .qty{ display:block!important; width:82px!important; max-width:82px!important; height:52px!important; min-height:52px!important; margin:0!important; text-align:center!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ float:none!important; flex:1 1 auto!important; width:auto!important; min-width:0!important; max-width:none!important; height:52px!important; min-height:52px!important; margin:0!important; padding:0 22px!important; white-space:nowrap!important; line-height:1!important; } .single-product .uas-woocommerce div.product form.cart:before, .single-product .uas-woocommerce div.product form.cart:after{ display:none!important; content:none!important; } /* Future-proof variable products: preserve the same purchase-row logic. */ .single-product .uas-woocommerce div.product .woocommerce-variation-add-to-cart{ display:flex!important; flex-flow:row nowrap!important; align-items:stretch!important; gap:10px!important; width:100%!important; } .single-product .uas-woocommerce div.product .woocommerce-variation-add-to-cart .quantity{ float:none!important; flex:0 0 82px!important; margin:0!important; } .single-product .uas-woocommerce div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button{ float:none!important; flex:1 1 auto!important; width:auto!important; margin:0!important; white-space:nowrap!important; } @media(max-width:760px){ .uas-purchase-heading{ align-items:center; } .uas-purchase-heading strong{ max-width:58%; line-height:1.35; } .single-product .uas-woocommerce div.product form.cart{ gap:8px!important; padding:9px!important; } .single-product .uas-woocommerce div.product form.cart .quantity{ flex-basis:70px!important; width:70px!important; max-width:70px!important; } .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:70px!important; max-width:70px!important; height:46px!important; min-height:46px!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ height:46px!important; min-height:46px!important; padding-inline:14px!important; font-size:11px!important; } .single-product .uas-woocommerce div.product .woocommerce-variation-add-to-cart .quantity{ flex-basis:70px!important; width:70px!important; } } /* v0.3.0 — Dual CTA purchase layer */ .uas-buy-now-shell{ margin-top:10px; } .uas-buy-now-button{ display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:58px; padding:14px 18px; border:1px solid rgba(91,61,245,.18)!important; border-radius:16px!important; background:linear-gradient(135deg,#fff 0%,#f7f5ff 55%,#efeaff 100%)!important; color:var(--uas-dark)!important; box-shadow:0 12px 26px rgba(91,61,245,.10); text-align:left; } .uas-buy-now-button span{ display:block; font-size:15px; font-weight:900; line-height:1.1; } .uas-buy-now-button small{ display:block; font-size:11px; font-weight:700; color:var(--uas-muted); line-height:1.3; } .uas-buy-now-button:after{ content:"→"; display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:linear-gradient(135deg,var(--uas-primary),var(--uas-primary-2)); color:#fff; font-size:16px; font-weight:900; box-shadow:0 10px 22px rgba(91,61,245,.22); } .uas-buy-now-button:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(91,61,245,.14); } @media(min-width:761px){ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ background:#10182d!important; box-shadow:0 14px 30px rgba(10,16,32,.18)!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:hover{ background:#182033!important; } } @media(max-width:760px){ .uas-buy-now-shell{ margin-top:8px; } .uas-buy-now-button{ min-height:52px; padding:11px 13px; border-radius:14px!important; } .uas-buy-now-button span{font-size:13px} .uas-buy-now-button small{font-size:9px} .uas-buy-now-button:after{ width:34px; height:34px; border-radius:11px; font-size:14px; } } /* v0.3.1 — Premium visual system + commerce hero */ /* CTA language: deep ink for cart, luminous violet for direct buy. */ .single-product .uas-woocommerce div.product form.cart{ background:linear-gradient(180deg,#fbfcff 0%,#f6f8fc 100%)!important; border:1px solid #e4e8f0!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(16,24,40,.05); } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ background:linear-gradient(145deg,var(--uas-ink) 0%,var(--uas-ink-2) 100%)!important; border:1px solid #202a40!important; box-shadow:0 12px 28px rgba(10,16,32,.22)!important; transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:hover{ transform:translateY(-1px); background:linear-gradient(145deg,#151e32 0%,#252f49 100%)!important; box-shadow:0 16px 34px rgba(10,16,32,.25)!important; } .uas-buy-now-shell{margin-top:9px} .uas-buy-now-button{ position:relative; overflow:hidden; min-height:60px; border:1px solid rgba(118,91,255,.30)!important; background:linear-gradient(120deg,#5136ea 0%,#6647fa 48%,#8067ff 100%)!important; color:#fff!important; box-shadow:0 18px 38px rgba(91,61,245,.27)!important; transition:transform .18s ease,box-shadow .18s ease!important; } .uas-buy-now-button:before{ content:""; position:absolute; inset:-40% auto -40% -22%; width:38%; transform:skewX(-18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent); pointer-events:none; } .uas-buy-now-button span,.uas-buy-now-button small,.uas-buy-now-button:after{position:relative;z-index:1} .uas-buy-now-button span{font-size:16px;color:#fff} .uas-buy-now-button small{color:#e8e3ff} .uas-buy-now-button:after{ background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.22); box-shadow:none; } .uas-buy-now-button:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(91,61,245,.32)!important} /* Product summary surfaces */ .single-product .uas-woocommerce div.product .summary{ border:1px solid rgba(225,229,237,.92); background:linear-gradient(180deg,#fff 0%,#fefeff 100%); } .uas-product-saving{ border-color:#ddd5ff; background:linear-gradient(135deg,#fbfaff 0%,#f5f1ff 100%); } .uas-product-saving__icon{ background:linear-gradient(135deg,#5136ea,#765bff); box-shadow:0 8px 18px rgba(91,61,245,.22); } .uas-product-confidence span{ background:linear-gradient(180deg,#fff,#fbfcfe); box-shadow:0 6px 18px rgba(16,24,40,.035); } /* Sticky purchase dock: a compact premium commerce control, not another nav bar. */ /* Home hero now behaves like a marketplace storefront. */ /* Homepage section rhythm and card sophistication. */ .uas-section{padding:70px 0} .uas-section__head{margin-bottom:26px} @media(max-width:760px){ .uas-section{padding:48px 0} .uas-section__head{margin-bottom:18px} .uas-section__head h2{font-size:32px} } /* v0.3.2 — Accepted premium Sepete Ekle visual language Based on the approved product-page mockup. */ /* Primary product-detail add-to-cart CTA */ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ position:relative!important; overflow:hidden!important; background:linear-gradient(110deg,var(--uas-cart-gradient-start) 0%,var(--uas-cart-gradient-mid) 44%,var(--uas-cart-gradient-end) 100%)!important; border:1px solid rgba(126,105,255,.38)!important; color:#fff!important; box-shadow: 0 14px 32px var(--uas-cart-glow), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(8,10,26,.18)!important; text-shadow:0 1px 1px rgba(0,0,0,.16); } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:before{ content:""; position:absolute; inset:0; background: linear-gradient(180deg,rgba(255,255,255,.10),transparent 42%), radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 30%); pointer-events:none; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:hover, .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:focus-visible{ background:linear-gradient(110deg,#1b1a3b 0%,#3a278c 42%,var(--uas-cart-gradient-hover) 100%)!important; box-shadow: 0 17px 38px rgba(91,61,245,.40), inset 0 1px 0 rgba(255,255,255,.20)!important; transform:translateY(-1px); } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:active{ transform:translateY(0) scale(.995); box-shadow:0 9px 22px rgba(91,61,245,.28)!important; } /* Sticky mobile Sepete Ekle — same accepted premium family, slightly calmer than Satın Al. */ /* Reusable catalogue cards use the same accepted Sepete Ekle color family. */ .uas-loop-actions .button,body.woocommerce ul.products li.product .button,body.woocommerce-page ul.products li.product .button{ background:linear-gradient(112deg,#1a183d 0%,#392586 50%,#6547f5 100%)!important; border:1px solid rgba(126,105,255,.30)!important; color:#fff!important; box-shadow:0 9px 22px rgba(72,49,196,.18)!important; } .uas-loop-actions .button:hover,body.woocommerce ul.products li.product .button:hover,body.woocommerce-page ul.products li.product .button:hover{ background:linear-gradient(112deg,#211d4c 0%,#432da0 50%,#7357ff 100%)!important; box-shadow:0 12px 26px rgba(91,61,245,.26)!important; transform:translateY(-1px); } @media(max-width:760px){ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ box-shadow: 0 12px 28px rgba(91,61,245,.30), inset 0 1px 0 rgba(255,255,255,.15)!important; } } /* v0.3.3 — Accepted dual-CTA purchase system Mobile mockup approved: compact quantity + two vivid premium CTAs. Desktop receives the same hierarchy plus a sticky purchase dock. */ /* Native purchase panel: quantity + cart + buy now in one deliberate row. */ .single-product .uas-woocommerce div.product form.cart{ display:grid!important; grid-template-columns:88px minmax(0,1.12fr) minmax(0,.88fr)!important; align-items:stretch!important; gap:10px!important; padding:10px!important; border-radius:17px!important; background:linear-gradient(180deg,#fbfcff 0%,#f7f8fc 100%)!important; border:1px solid #e3e7ef!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 14px 32px rgba(18,24,42,.055)!important; } .single-product .uas-woocommerce div.product form.cart .quantity{ float:none!important; width:88px!important; max-width:88px!important; margin:0!important; } .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:88px!important; max-width:88px!important; height:48px!important; min-height:48px!important; border:1px solid #d8deea!important; border-radius:12px!important; background:#fff!important; font-size:14px!important; font-weight:900!important; box-shadow:inset 0 1px 2px rgba(16,24,40,.025)!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ float:none!important; width:100%!important; min-width:0!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0 14px!important; border-radius:12px!important; font-size:12px!important; font-weight:900!important; line-height:1!important; white-space:nowrap!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ background:linear-gradient(112deg,var(--uas-cart-vivid-start) 0%,var(--uas-cart-vivid-mid) 48%,var(--uas-cart-vivid-end) 100%)!important; border:1px solid rgba(145,124,255,.50)!important; box-shadow:0 11px 25px rgba(91,61,245,.27),inset 0 1px 0 rgba(255,255,255,.18)!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:hover, .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:focus-visible{ background:linear-gradient(112deg,#5632ff 0%,#7145ff 50%,#8a67ff 100%)!important; box-shadow:0 14px 30px rgba(91,61,245,.34),inset 0 1px 0 rgba(255,255,255,.22)!important; } /* Accepted Satın Al accent: violet -> fuchsia, related but clearly distinct. */ .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; position:relative!important; overflow:hidden!important; background:linear-gradient(112deg,var(--uas-buy-start) 0%,var(--uas-buy-mid) 50%,var(--uas-buy-end) 100%)!important; border:1px solid rgba(244,150,255,.44)!important; color:#fff!important; box-shadow:0 11px 26px var(--uas-buy-glow),inset 0 1px 0 rgba(255,255,255,.20)!important; text-align:center!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 46%),radial-gradient(circle at 80% 18%,rgba(255,255,255,.16),transparent 34%); pointer-events:none; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button>*{position:relative;z-index:1} .uas-buy-now-button__icon{font-size:15px;font-weight:900;line-height:1} .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:hover, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:focus-visible{ background:linear-gradient(112deg,#7938f5 0%,#a13bf2 50%,#ec36cf 100%)!important; box-shadow:0 14px 31px rgba(188,50,220,.37),inset 0 1px 0 rgba(255,255,255,.24)!important; transform:translateY(-1px)!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:active{transform:translateY(0) scale(.995)!important} .uas-buy-now-shell{display:none!important} /* Variable-product add-to-cart remains compatible with the three-control layout. */ .single-product .uas-woocommerce div.product .woocommerce-variation-add-to-cart{ display:contents!important; } /* Sticky purchase dock — desktop + mobile. */ /* Desktop sticky dock requested by user. */ @media(min-width:761px){ body.single-product{padding-bottom:92px} } /* Approved mobile composition. */ @media(max-width:760px){ body.single-product{padding-bottom:144px} .single-product .uas-purchase-heading{margin-bottom:7px} .single-product .uas-woocommerce div.product form.cart{ grid-template-columns:72px minmax(0,1.12fr) minmax(0,.90fr)!important; gap:7px!important; padding:8px!important; border-radius:15px!important; } .single-product .uas-woocommerce div.product form.cart .quantity{ width:72px!important; max-width:72px!important; } .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:72px!important; max-width:72px!important; height:44px!important; min-height:44px!important; font-size:13px!important; border-radius:11px!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ height:44px!important; min-height:44px!important; padding:0 9px!important; border-radius:11px!important; font-size:10px!important; } .uas-buy-now-button__icon{font-size:12px} } @media(max-width:390px){ .single-product .uas-woocommerce div.product form.cart{ grid-template-columns:64px minmax(0,1.08fr) minmax(0,.92fr)!important; gap:6px!important; } .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:64px!important; max-width:64px!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{font-size:9px!important;padding-inline:6px!important} } /* v0.3.4 — Commerce polish hotfix Goals: exact CTA hierarchy, no decorative arrow artifacts, safe sticky pricing, and a balanced desktop "Yeni Gelenler" marketplace showcase. */ /* Remove legacy arrow/icon decorations from Buy Now completely. */ .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:after, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:before{ content:none!important; display:none!important; } .uas-buy-now-button__icon{display:none!important} /* Product purchase row: compact and premium, not oversized. */ .single-product .uas-woocommerce div.product form.cart{ grid-template-columns:82px minmax(0,1fr) minmax(0,.82fr)!important; gap:9px!important; padding:9px!important; border-radius:16px!important; background:linear-gradient(180deg,#fbfcff 0%,#f7f8fc 100%)!important; border:1px solid #e1e5ee!important; box-shadow:0 12px 30px rgba(17,24,39,.055),inset 0 1px 0 rgba(255,255,255,.92)!important; } .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:82px!important; max-width:82px!important; } .single-product .uas-woocommerce div.product form.cart .quantity .qty, .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ height:46px!important; min-height:46px!important; border-radius:12px!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-size:11px!important; font-weight:900!important; letter-spacing:-.01em!important; padding:0 14px!important; color:var(--uas-cta-text)!important; isolation:isolate; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ background: linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0) 48%), linear-gradient(115deg,var(--uas-cart-cta-a) 0%,var(--uas-cart-cta-b) 48%,var(--uas-cart-cta-c) 100%)!important; border:1px solid rgba(165,149,255,.62)!important; box-shadow:0 10px 23px rgba(82,56,232,.27),inset 0 1px 0 rgba(255,255,255,.25)!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ display:flex!important; align-items:center!important; justify-content:center!important; gap:0!important; background: linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 48%), linear-gradient(115deg,var(--uas-buy-cta-a) 0%,var(--uas-buy-cta-b) 52%,var(--uas-buy-cta-c) 100%)!important; border:1px solid rgba(238,141,242,.58)!important; box-shadow:0 10px 24px rgba(183,42,205,.25),inset 0 1px 0 rgba(255,255,255,.24)!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:hover, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:hover{ transform:translateY(-1px)!important; filter:saturate(1.05) brightness(1.035)!important; } /* Sticky commerce dock: current price only, no overlapping old price / labels. */ /* Desktop dock: smaller, centered and proportioned like a commerce tool, not a footer. */ @media(min-width:761px){ body.single-product{padding-bottom:84px} } /* Mobile dock: price and actions never compete for the same width. */ @media(max-width:760px){ body.single-product{padding-bottom:138px} .single-product .uas-woocommerce div.product form.cart{ grid-template-columns:66px minmax(0,1fr) minmax(0,.86fr)!important; gap:6px!important; padding:7px!important; border-radius:14px!important; } .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:66px!important; max-width:66px!important; } .single-product .uas-woocommerce div.product form.cart .quantity .qty, .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ height:43px!important; min-height:43px!important; border-radius:11px!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-size:9.5px!important; padding:0 7px!important; } } @media(max-width:390px){ .single-product .uas-woocommerce div.product form.cart{ grid-template-columns:60px minmax(0,1fr) minmax(0,.84fr)!important; gap:5px!important; } .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:60px!important; max-width:60px!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-size:8.8px!important; padding-inline:5px!important; } } /* Desktop "Yeni Gelenler": one balanced feature card + two compact cards. Prevents the oversized/clipped first product visible in v0.3.3 screenshots. */ /* v0.3.5 — Premium storefront cohesion Homepage, catalog cards and trust sections now share one visual system. */ /* More intentional storefront rhythm. */ .uas-section--catalog{ position:relative; background: radial-gradient(circle at 92% 8%,rgba(116,87,255,.07),transparent 22%), linear-gradient(180deg,#f7f8fb 0%,#f4f5f9 100%); } .uas-section--catalog:before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 26%); } .uas-section--catalog-products{background:#fff} .uas-section__head h2{ text-wrap:balance; } .uas-section__head p{ max-width:690px; color:#667085; } /* Category cards: image-first, clean count pill and premium hover. */ /* Product cards: one consistent marketplace component everywhere. */ /* Deal section — premium dark showroom with lighter, calmer product cards. */ /* Marketplace pulse strip: less dashboard-like, more brand/editorial. */ /* Buyer / seller story blocks: quieter copy, stronger visual separation. */ /* Benefits + final brand callout. */ /* Footer continues the premium dark brand surface instead of feeling detached. */ @media(max-width:760px){ .uas-section--catalog{padding-top:44px!important;padding-bottom:46px!important} } /* v0.3.6 — Ultra Premium Refinement 04 Desktop hero showcase, category geometry and sticky product dock. */ /* Desktop sticky purchase dock: actual product context + actions. */ /* Mobile keeps only the price + actions to avoid crowding the dock. */ /* Hero marketplace: editorial 1+2 composition rather than nested demo cards. */ /* Categories: exact internal geometry, no floating count/arrow mismatch. */ /* v0.3.7 — Deals card text visibility fix The dark deals section passes white text through inheritance. Product cards are white surfaces, so their content must explicitly return to the storefront text palette on desktop, tablet and mobile. */ /* Prevent any future dark-section inheritance from hiding white-card content. */ /* v0.3.8 — Ultra Premium Refinement 05 Header/search + catalogue archive + footer/mobile navigation. */ /* Header: cleaner commerce chrome, stronger search and calmer actions. */ /* Catalogue shell: the archive should feel designed, not like native WooCommerce. */ body.woocommerce-shop .uas-woocommerce, body.tax-product_cat .uas-woocommerce, body.tax-product_tag .uas-woocommerce{ padding-top:28px; padding-bottom:84px; } .uas-catalog-hero{ box-shadow:0 16px 48px rgba(16,24,40,.055); } .uas-shop-categories{ gap:7px!important; padding-bottom:9px!important; } .uas-shop-categories a{ min-height:38px!important; padding:0 14px!important; border-color:#e4e7ed!important; background:rgba(255,255,255,.88)!important; box-shadow:0 5px 16px rgba(16,24,40,.025)!important; transition:.18s ease!important; } .uas-shop-categories a:hover{ border-color:#d6cfff!important; background:#f6f3ff!important; color:#5b3df5!important; } .uas-shop-categories a.is-active{ border-color:#11182c!important; background:linear-gradient(135deg,#0c1428,#18203a)!important; color:#fff!important; box-shadow:0 8px 20px rgba(10,16,32,.14)!important; } .uas-filter-shell{ padding:10px 12px!important; border:1px solid #e6e8ee; border-radius:16px; background:rgba(255,255,255,.78); box-shadow:0 8px 28px rgba(16,24,40,.035); } .uas-filter-toggle{ min-height:40px!important; border-radius:11px!important; background:linear-gradient(135deg,#10182d,#18213d)!important; color:#fff!important; } .uas-filter-toggle strong{ background:#7253ff!important; color:#fff!important; } .uas-filter-shell__hint{font-size:10px!important} .uas-catalog-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 18px; padding:12px 14px; border:1px solid #e5e8ee; border-radius:16px; background:#fff; box-shadow:0 8px 28px rgba(16,24,40,.035); } .uas-catalog-toolbar__summary{ display:flex; align-items:center; gap:10px; min-width:0; } .uas-catalog-toolbar__dot{ flex:0 0 34px; width:34px; height:34px; border-radius:11px; background: radial-gradient(circle at center,#fff 0 3px,transparent 4px), linear-gradient(135deg,#5235ef,#7757ff); box-shadow:0 8px 18px rgba(91,61,245,.18); } .uas-catalog-toolbar__summary div{min-width:0} .uas-catalog-toolbar__summary strong{ display:block; font-size:12px; line-height:1.25; letter-spacing:-.015em; } .uas-catalog-toolbar__summary small{ display:block; margin-top:2px; color:#7a8496; font-size:9px; line-height:1.3; } .uas-catalog-toolbar .woocommerce-ordering{ float:none!important; margin:0!important; } .uas-catalog-toolbar .woocommerce-ordering select{ min-width:230px!important; height:42px!important; border-color:#e2e5eb!important; border-radius:11px!important; background-color:#f8fafc!important; box-shadow:none!important; font-size:10.5px!important; } /* Archive product cards: clearer product context and stronger purchase hierarchy. */ body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{ padding:10px!important; border-color:#e5e8ee!important; border-radius:20px!important; background:#fff!important; box-shadow:0 8px 24px rgba(16,24,40,.035)!important; } body.woocommerce ul.products li.product:hover, body.woocommerce-page ul.products li.product:hover{ transform:translateY(-4px)!important; border-color:#d8d0ff!important; box-shadow:0 22px 54px rgba(16,24,40,.105)!important; } body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img{ margin-bottom:12px!important; border:1px solid #edf0f4; border-radius:15px!important; background:linear-gradient(145deg,#f5f6f9,#fbfbfd)!important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{ min-height:38px!important; margin:3px 2px 4px!important; font-size:13px!important; font-weight:850!important; line-height:1.35!important; letter-spacing:-.02em!important; } .uas-loop-category{ display:inline-flex; align-self:flex-start; min-height:22px; margin:0 2px 5px; padding:0 7px; border-radius:999px; background:#f1eeff; color:#5b3df5; font-size:7.5px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; } body.woocommerce ul.products li.product .price, body.woocommerce-page ul.products li.product .price{ margin:5px 2px 3px!important; font-size:18px!important; font-weight:950!important; letter-spacing:-.025em!important; } .uas-loop-stock{margin:4px 2px 9px!important} .uas-loop-actions{ gap:7px!important; padding-top:7px!important; border-top:1px solid #eef0f4; } .uas-loop-actions__cart .button{ background:linear-gradient(135deg,#5235ef,#7555ff)!important; box-shadow:0 8px 18px rgba(91,61,245,.16)!important; } .uas-loop-actions__cart .button:hover{ background:linear-gradient(135deg,#482be8,#6648f6)!important; box-shadow:0 11px 22px rgba(91,61,245,.21)!important; } .uas-loop-view{ border-color:#e4e7ed!important; background:#f8fafc!important; } /* Footer: premium information surface, still lightweight. */ /* Mobile bottom navigation: quieter glass shell, clearer active destination. */ @media(max-width:760px){ body.woocommerce-shop .uas-woocommerce, body.tax-product_cat .uas-woocommerce, body.tax-product_tag .uas-woocommerce{padding-top:12px;padding-bottom:110px} .uas-filter-shell{padding:8px!important;border-radius:14px!important} .uas-filter-toggle{width:100%!important;min-height:42px!important} .uas-catalog-toolbar{ display:grid; grid-template-columns:1fr; gap:9px; margin-bottom:13px; padding:10px; border-radius:14px; } .uas-catalog-toolbar__summary small{display:none} .uas-catalog-toolbar__dot{flex-basis:30px;width:30px;height:30px;border-radius:9px} .uas-catalog-toolbar .woocommerce-ordering{width:100%!important} .uas-catalog-toolbar .woocommerce-ordering select{width:100%!important;min-width:0!important;height:40px!important} body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product{padding:8px!important;border-radius:16px!important} body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img{border-radius:12px!important;margin-bottom:9px!important} body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{min-height:33px!important;margin:2px 1px 3px!important;font-size:10.5px!important;line-height:1.3!important} .uas-loop-category{min-height:19px;margin:0 1px 4px;padding:0 6px;font-size:6.5px} body.woocommerce ul.products li.product .price, body.woocommerce-page ul.products li.product .price{font-size:14px!important;margin-inline:1px!important} .uas-loop-stock{margin:3px 1px 7px!important;font-size:7px!important} .uas-loop-actions{grid-template-columns:minmax(0,1fr) 36px!important;gap:5px!important;padding-top:6px!important} .uas-loop-actions .button,.uas-loop-view{min-height:36px!important;border-radius:9px!important;font-size:8px!important} .uas-mobile-cart-count{ right:-8px!important; top:-7px!important; min-width:18px!important; height:18px!important; border:2px solid #fff!important; font-size:7px!important; } } /* v0.3.9 — Homepage Composition Polish Final storefront rhythm pass before visual approval: hierarchy, section transitions, trust treatment and stronger closing conversion surface. */ /* Hero: more editorial balance without adding weight. */ /* Trust row becomes a premium bridge between hero and catalogue. */ /* Section header system: every block reads like one premium storefront. */ .uas-section__head{ position:relative; padding-bottom:2px; } .uas-section__head h2{ font-weight:900; letter-spacing:-.052em!important; } /* Categories: slightly calmer geometry so image + label feel intentional. */ /* New products gets its own soft editorial surface instead of a flat white band. */ .uas-home-new{ position:relative; overflow:hidden; background: radial-gradient(circle at 6% 0%,rgba(91,61,245,.055),transparent 20%), radial-gradient(circle at 96% 100%,rgba(117,87,255,.045),transparent 24%), linear-gradient(180deg,#fff 0%,#fbfbfd 100%)!important; border-block:1px solid #eef0f4; } /* Product cards: quieter chrome, stronger content hierarchy. */ /* Commerce strip: premium metric rail with stronger separators. */ /* Story section now has a deliberate editorial introduction. */ /* Benefit cards become a calmer credibility rail. */ .uas-section--tight{ background:linear-gradient(180deg,#f7f8fb 0%,#fff 100%); } /* Closing callout becomes a real conversion moment, not just a banner. */ @media(max-width:760px){ .uas-section__head h2{ font-size:30px!important; line-height:1.02!important; } .uas-section__head p{font-size:11px!important;line-height:1.62!important} .uas-home-new{padding-top:48px!important;padding-bottom:48px!important} } /* v0.4.0 — Homepage Final Integration The footer assurance rail is now a deliberate part of the dark footer, not a floating block borrowed from another section. */ /* Final homepage spacing bridge into the footer. */ /* v0.4.1 — Assurance Rail Rebuild New class namespace intentionally avoids every legacy footer-signal rule. */ /* v0.4.2 — Final Surface Polish I Replace the last prototype-like numbered strip with a quiet premium commerce rail, then normalize focus, motion and vertical rhythm across the storefront. */ /* Premium hero-to-catalogue trust rail. */ /* Make section rhythm read as one designed page rather than stacked templates. */ .home .uas-section__head{ margin-bottom:28px!important; } .home .uas-section__head p{ line-height:1.65; } /* Fine-grained interactive polish. */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:3px solid rgba(91,61,245,.20); outline-offset:3px; } .uas-btn{ -webkit-tap-highlight-color:transparent; } /* Footer finishing details. */ @media(max-width:760px){ .home .uas-section__head{margin-bottom:20px!important} } @media(prefers-reduced-motion:reduce){ *:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} } /* v0.4.3 — Home grid alignment + trust rail symmetry polish */ /* Product cards: reserve the same information rows so price/CTA never jump according to whether a title uses one or two lines. */ /* Trust rail: every tile gets the same internal grid and text rows. */ /* v0.4.4 — Trust rail symmetry hard-fix v0.4.3 contained malformed display declarations, so the intended copy grid never ran. This block enforces one shared geometry on desktop/tablet/mobile. */ /* v0.4.5 — Final Surface Polish II Conservative full-page QA pass: hero marketplace, category/product card rhythm, responsive spacing and mobile navigation safe-area. No commerce logic changes. */ /* Shared home section rhythm. */ .home .uas-section{ scroll-margin-top:110px; } .home .uas-section__head > div{ min-width:0; } .home .uas-section__head h2{ text-wrap:balance; } .home .uas-section__head p{ max-width:760px; } /* Hero marketplace: keep all real-product tiles visually disciplined. */ /* Category cards: count, title and arrow form one consistent lower rail. */ /* Product grids: one baseline for titles, stock, price and CTA. */ /* Deals cards should stay readable on the dark showcase without looking detached. */ /* Motion is a refinement, not a layout dependency. */ @media(max-width:1100px){ .home .uas-section{scroll-margin-top:92px} } @media(max-width:760px){ /* Keep sticky bottom navigation from visually swallowing the last row. */ body.home main#main{ padding-bottom:calc(88px + env(safe-area-inset-bottom)); } .home .uas-section{ scroll-margin-top:82px; } .home .uas-section__head{ gap:14px!important; } .home .uas-section__head h2{ line-height:1.04!important; } /* Hero commerce showcase should feel like a deliberate mobile module. */ /* Category lower rails line up even when category names wrap. */ /* Two-column product grid: protect CTA baseline and touch target. */ } /* v0.4.6 — Final Interaction Polish III Product purchase CTA typography is normalized so Sepete Ekle and Satın Al carry equal visual weight. Also tightens the final CTA interaction language without changing WooCommerce commerce logic. */ /* Product detail: equal CTA label hierarchy. */ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-size:15px!important; font-weight:900!important; letter-spacing:-.015em!important; line-height:1!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button span{ font:inherit!important; font-size:inherit!important; font-weight:inherit!important; letter-spacing:inherit!important; line-height:inherit!important; color:inherit!important; } /* Keep quantity visually secondary to both purchase actions. */ .single-product .uas-woocommerce div.product form.cart .quantity .qty{ font-size:14px!important; font-weight:850!important; } /* Final CTA interaction consistency. */ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button,.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ -webkit-tap-highlight-color:transparent; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:focus-visible,.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:focus-visible{ outline:3px solid rgba(112,82,255,.22)!important; outline-offset:3px!important; } /* Desktop dock labels gain the same crisp type rhythm as the in-page CTAs. */ /* Mobile: equal labels, still compact enough for the three-control row. */ @media(max-width:760px){ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-size:14px!important; letter-spacing:-.018em!important; padding-inline:6px!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button span{ font-size:inherit!important; } } @media(max-width:390px){ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-size:13px!important; padding-inline:4px!important; } } /* v0.4.7 — Final Quality Audit I Premium feedback states, empty states and commerce micro-interactions. Presentation only; WooCommerce remains the commerce engine. */ .woocommerce-notices-wrapper:empty{display:none!important} .woocommerce-message, .woocommerce-info, .woocommerce-error{ position:relative!important; margin:0 0 20px!important; padding:15px 18px 15px 48px!important; border:1px solid #e4e7ec!important; border-top:1px solid #e4e7ec!important; border-radius:15px!important; background:#fff!important; color:var(--uas-text)!important; box-shadow:0 12px 34px rgba(16,24,40,.055)!important; font-size:12px!important; line-height:1.55!important; } .woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before{ top:14px!important; left:17px!important; width:22px!important; height:22px!important; line-height:22px!important; text-align:center!important; font-size:13px!important; } .woocommerce-message{border-left:3px solid #12b76a!important;background:linear-gradient(90deg,#f2fff8 0,#fff 22%)!important} .woocommerce-message:before{color:#039855!important} .woocommerce-info{border-left:3px solid var(--uas-primary)!important;background:linear-gradient(90deg,#f6f4ff 0,#fff 22%)!important} .woocommerce-info:before{color:var(--uas-primary)!important} .woocommerce-error{border-left:3px solid #f04438!important;background:linear-gradient(90deg,#fff5f5 0,#fff 22%)!important} .woocommerce-error:before{color:#d92d20!important} .woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button{ min-height:34px!important; padding:0 12px!important; border-radius:9px!important; font-size:10px!important; } .woocommerce ul.products li.product{position:relative} .woocommerce ul.products li.product .button{ position:relative; overflow:hidden; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease!important; } .woocommerce ul.products li.product .button.uas-is-loading{ color:transparent!important; pointer-events:none; } .woocommerce ul.products li.product .button.uas-is-loading:after{ content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:15px!important; height:15px!important; margin:-7.5px 0 0 -7.5px!important; border:2px solid rgba(255,255,255,.38)!important; border-top-color:#fff!important; border-radius:50%!important; animation:uas-spin .7s linear infinite!important; } .woocommerce ul.products li.product .button.uas-is-added{ background:linear-gradient(135deg,#067647,#12b76a)!important; box-shadow:0 10px 24px rgba(18,183,106,.20)!important; color:#fff!important; } .woocommerce ul.products li.product .added_to_cart.wc-forward{display:none!important} @keyframes uas-spin{to{transform:rotate(360deg)}} .woocommerce .woocommerce-info.wc-no-matching-variations, .woocommerce .woocommerce-info.woocommerce-no-products-found, .woocommerce p.cart-empty, .wc-block-cart__empty-cart__title{text-align:center!important} .woocommerce p.cart-empty{ margin:18px 0 12px!important; padding:34px 22px!important; border:1px dashed #d7dce5!important; border-radius:20px!important; background:linear-gradient(180deg,#fff,#fafbfc)!important; color:var(--uas-muted)!important; font-size:14px!important; } .woocommerce .return-to-shop{text-align:center} .woocommerce .return-to-shop .button{ min-height:46px!important; padding-inline:20px!important; background:linear-gradient(135deg,var(--uas-primary),var(--uas-primary-2))!important; box-shadow:0 12px 28px rgba(91,61,245,.18)!important; } .woocommerce ul.products li.product{min-width:0} .woocommerce ul.products li.product .woocommerce-loop-product__title{overflow-wrap:anywhere} .uas-btn:focus-visible,.woocommerce a.button:focus-visible,.woocommerce button.button:focus-visible{ outline:3px solid rgba(91,61,245,.20)!important; outline-offset:3px!important; } @media(max-width:760px){ .woocommerce-message, .woocommerce-info, .woocommerce-error{ margin-bottom:14px!important; padding:13px 12px 13px 42px!important; border-radius:13px!important; font-size:10.5px!important; } .woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before{left:14px!important;top:12px!important} .woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button{ float:none!important; display:flex!important; width:max-content!important; margin:8px 0 0!important; } } @media(prefers-reduced-motion:reduce){ .woocommerce ul.products li.product .button.uas-is-loading:after{animation-duration:1.4s!important} } /* v0.4.8 — Discovery tools: mobile search, favorites and compare. */ .uas-wishlist-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#fff0f6;color:#c11574;font-size:9px;font-weight:900} .uas-wishlist-list{display:grid;gap:9px;padding:15px 0} .uas-wishlist-item{display:grid;grid-template-columns:68px minmax(0,1fr) 32px;gap:11px;align-items:center;padding:9px;border:1px solid var(--uas-border);border-radius:14px;background:#fff} .uas-wishlist-item img{width:68px;height:68px;border-radius:10px;object-fit:cover;background:#f8fafc} .uas-wishlist-item div{display:grid;gap:2px;min-width:0} .uas-wishlist-item small{color:var(--uas-primary);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .uas-wishlist-item a{font-size:11px;font-weight:850;line-height:1.3} .uas-wishlist-item strong{font-size:12px} .uas-wishlist-item>button{width:30px;height:30px;border:0;border-radius:9px;background:#f5f6f8;color:#667085;cursor:pointer} .uas-wishlist-empty{padding:34px 16px;text-align:center;color:#98a2b3;font-size:12px} .uas-mobile-search-form{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:17px;padding:7px 7px 7px 13px;border:1px solid #d9dee7;border-radius:16px;background:#f8fafc} .uas-mobile-search-form>svg{width:20px;height:20px;fill:none;stroke:#98a2b3;stroke-width:1.8} .uas-mobile-search-form input{min-width:0;height:42px;border:0!important;outline:0;background:transparent;font-size:14px}.uas-mobile-search-form button{height:42px;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--uas-primary),var(--uas-primary-2));color:#fff;font-size:11px;font-weight:900} html.uas-wishlist-open,html.uas-search-sheet-open{overflow:hidden} @media(max-width:760px){ .uas-wishlist-item{grid-template-columns:58px minmax(0,1fr) 30px}.uas-wishlist-item img{width:58px;height:58px} } /* v0.4.8a — discovery overlay clearance */ /* v0.4.9 — Discovery Hub: live search, quick view, non-intrusive mobile compare. */ /* Product-card discovery tools */ /* Desktop + mobile live AJAX search */ @keyframes uas-live-search-shimmer{to{background-position:-220% 0}} /* Premium quick view */ /* Compare is desktop tray + mobile Discovery Hub, never a mobile content-covering bar. */ .uas-mobile-compare-preview{display:flex!important;align-items:center!important;gap:0!important;margin-left:auto} .uas-mobile-compare-preview img{width:26px!important;height:26px!important;margin-left:-7px;border:2px solid #fff;border-radius:8px;object-fit:cover;background:#fff;box-shadow:0 4px 10px rgba(16,24,40,.10)} .uas-mobile-compare-preview img:first-child{margin-left:0} /* v0.5.0 — Discovery stability, comparison matrix, recent history and mobile performance. */ .uas-gallery-hint{position:absolute;left:28px;bottom:25px;z-index:4;padding:7px 10px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(14,20,39,.72);color:#fff;font-size:8px;font-weight:850;pointer-events:none} .single-product .woocommerce-product-gallery .flex-control-thumbs{display:flex!important;gap:8px;margin-top:10px!important;padding:0!important;list-style:none!important}.single-product .woocommerce-product-gallery .flex-control-thumbs li{float:none!important;width:64px!important;margin:0!important}.single-product .woocommerce-product-gallery .flex-control-thumbs img{aspect-ratio:1/1;object-fit:cover;border:2px solid transparent;border-radius:10px;opacity:.66;transition:.18s}.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active{border-color:var(--uas-primary);opacity:1} @media(max-width:760px){ .uas-gallery-hint{left:18px;bottom:18px} /* These surfaces are already opaque on mobile; skipping live blur reduces scroll/compositor cost. */ } /* v0.5.0 comparison table alignment override */ /* v0.5.1 — Search reliability + isolated mobile quick-view geometry */ /* v0.5.2 — Search result containment + Code Finder */ /* Critical: only the form submit button may be positioned inside header search. */ /* v0.5.3 — Smart part discovery, compatibility check and real bestsellers. */ .uas-fit-result{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:9px;border:1px solid #e7e9ef;border-radius:14px;background:#fff;color:#111827;box-shadow:0 8px 24px rgba(15,23,42,.06)} .uas-fit-result>img{width:74px;height:74px;object-fit:cover;border-radius:11px;background:#f4f6f8} .uas-fit-result__body{display:grid;gap:5px;min-width:0}.uas-fit-result__top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.uas-fit-result__top small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b93a3;font-size:7px;font-weight:800} .uas-fit-result__status{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;background:#f0edff;color:#6548ed;font-size:6.8px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .uas-fit-result__status.is-verified{background:#e9fff5;color:#078c5e}.uas-fit-result__status.is-verify{background:#fff6e7;color:#b86b00} .uas-fit-result__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#111827;font-size:11px;font-weight:950;line-height:1.3} .uas-fit-result__codes{display:flex;flex-wrap:wrap;gap:5px}.uas-fit-result__codes span{padding:3px 6px;border-radius:999px;background:#f5f6f8;color:#687386;font-size:6.8px;font-weight:850} .uas-fit-result p{margin:0;color:#667085;font-size:8px;line-height:1.45} .uas-fit-result__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:3px}.uas-fit-result__foot strong{color:var(--uas-primary);font-size:11px;font-weight:950}.uas-fit-result__foot a{color:#111827;font-size:7.5px;font-weight:900} @media(max-width:760px){ .uas-fit-result{grid-template-columns:58px minmax(0,1fr);padding:8px}.uas-fit-result>img{width:58px;height:58px}.uas-fit-result__title{font-size:10px}.uas-fit-result p{font-size:7.5px} } @media(max-width:420px){ .uas-fit-result__top{align-items:flex-start;flex-direction:column;gap:4px} } /* ========================================================= v0.5.4 — Discovery UX II / product confidence ========================================================= */ .uas-product-fit-card{margin:14px 0 18px;padding:15px;border:1px solid #e7e8f0;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fbfaff 100%);box-shadow:0 12px 30px rgba(31,39,65,.055)} .uas-product-fit-card__head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px} .uas-product-fit-card__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#ede9ff,#f7f4ff);color:var(--uas-primary)} .uas-product-fit-card__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .uas-product-fit-card__head>div{display:grid;gap:2px;min-width:0}.uas-product-fit-card__head small{color:var(--uas-primary);font-size:7px;font-weight:950;letter-spacing:.11em}.uas-product-fit-card__head strong{color:#111827;font-size:13px;font-weight:950} .uas-product-fit-card__state{padding:6px 8px;border-radius:999px;background:#f1edff;color:#6750d8;font-size:7px;font-weight:900;white-space:nowrap} .uas-product-fit-card>p{margin:11px 0 9px;color:#667085;font-size:10px;line-height:1.55} .uas-product-fit-card__stored{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border-radius:11px;background:#f7f8fb;color:#667085;font-size:8px;line-height:1.45}.uas-product-fit-card__stored b{flex:0 0 auto;color:#374151;font-size:7px;text-transform:uppercase;letter-spacing:.05em} .uas-product-fit-card__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:10px}.uas-product-fit-card__form label{display:grid;gap:5px}.uas-product-fit-card__form label>span{color:#667085;font-size:7px;font-weight:850}.uas-product-fit-card__form input[type=search]{width:100%;height:42px;border:1px solid #dfe3ea;border-radius:11px;background:#fff;padding:0 11px;outline:0;color:#111827;font-size:10px;font-weight:750}.uas-product-fit-card__form input[type=search]:focus{border-color:rgba(91,61,245,.55);box-shadow:0 0 0 3px rgba(91,61,245,.09)} .uas-product-fit-card__form button{height:42px;padding:0 13px;border:0;border-radius:11px;background:linear-gradient(135deg,#5535f5,#805cff);color:#fff;font-size:9px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(91,61,245,.20)} .uas-product-fit-card__form button:disabled{opacity:.6;cursor:wait}.uas-product-fit-card__results{margin-top:9px}.uas-product-fit-card__results .uas-fit-result{border-color:#e4e6ed;background:#fff}.uas-product-fit-card__results .uas-fit-result__body{color:#111827}.uas-product-fit-card__results .uas-fit-result__title{color:#111827}.uas-product-fit-card__results .uas-fit-result__body p{color:#667085}.uas-product-fit-card__results .uas-fit-result__foot strong{color:#111827} .uas-product-fit-card__note{display:block;margin-top:8px;color:#8a94a6;font-size:7px;line-height:1.45} @media(max-width:767px){ .uas-product-fit-card{margin:12px 0 15px;padding:13px;border-radius:16px} .uas-product-fit-card__head{grid-template-columns:36px minmax(0,1fr);gap:9px}.uas-product-fit-card__icon{width:36px;height:36px}.uas-product-fit-card__state{grid-column:1/-1;justify-self:start;margin-top:1px} .uas-product-fit-card__form{grid-template-columns:1fr}.uas-product-fit-card__form button{width:100%} } /* ========================================================= v0.5.5 — Search quality + perceived performance ========================================================= */ @supports (content-visibility:auto){ .home .uas-section--catalog,.home .uas-home-new,.home .uas-section--tight{ content-visibility:auto; contain-intrinsic-size:auto 720px; } } @media(max-width:767px){ @supports (content-visibility:auto){ .home .uas-section--catalog,.home .uas-home-new,.home .uas-section--tight{contain-intrinsic-size:auto 980px} } } /* ========================================================= v0.5.6 — Smooth scroll hot-zone fix + typo tolerant search UI ========================================================= */ /* These two product-heavy sections were the exact scroll jank boundary. Do not defer their layout/paint with content-visibility; render them normally once. */ @supports (content-visibility:auto){ .home .uas-home-new{ content-visibility:visible!important; contain-intrinsic-size:none!important; } } /* Keep hover polish for mouse users, but don't make touch scrolling pay for it. */ /* ========================================================= v0.5.7 — Quick View first-open stability + decision tools ========================================================= */ /* ========================================================= v0.5.8 — mobile compositor polish + clean Quick View tools ========================================================= */ /* ========================================================= v0.5.9 — Purchase CTA standard + smarter discovery decisions ========================================================= */ /* One commercial type language across product, sticky, quick-view and catalogue CTAs. */ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button,.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-family:inherit!important; font-size:var(--uas-purchase-label-size)!important; font-weight:var(--uas-purchase-label-weight)!important; line-height:1!important; letter-spacing:-.018em!important; text-transform:none!important; white-space:nowrap!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button span{ font:inherit!important; font-size:inherit!important; font-weight:inherit!important; line-height:inherit!important; letter-spacing:inherit!important; } /* Matching-category shortcuts make live search feel intentional without another request. */ /* Compatibility result becomes a small decision table, not a wall of text. */ .uas-fit-result__decision{display:grid;gap:4px;margin-top:2px;padding:7px;border:1px solid #eceef3;border-radius:10px;background:#fafbfc} .uas-fit-result__decision>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start;padding:4px 3px;border-bottom:1px solid #eef0f4} .uas-fit-result__decision>div:last-child{border-bottom:0} .uas-fit-result__decision span{color:#8a93a2;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.04em} .uas-fit-result__decision strong{min-width:0;color:#344054;font-size:8px;font-weight:850;line-height:1.4;overflow-wrap:anywhere} .uas-fit-result__decision .is-verified strong{color:#078c5e}.uas-fit-result__decision .is-verify strong{color:#b86b00} /* Hidden comparison content stays truly lazy; reduce touch-time painting further. */ @media(max-width:760px){ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button,.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ font-size:var(--uas-purchase-label-mobile)!important; font-weight:900!important; } .uas-fit-result__decision>div{grid-template-columns:78px minmax(0,1fr)} } @media(max-width:390px){ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button,.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{font-size:13.5px!important} } /* v0.6.0 — Commerce Icon System + Discovery Decision Signals Lightweight inline SVG icons: no external icon/font dependency, no extra request. */ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button,.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button,.uas-loop-actions__cart .button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:var(--uas-cta-icon-gap,.52rem)!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:before,.uas-loop-actions__cart .button:before{ content:""!important; display:block!important; position:static!important; inset:auto!important; width:1.05em!important; height:1.05em!important; flex:0 0 1.05em!important; margin:0!important; margin-inline-end:0!important; transform:none; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h2l1.5 9.2a2 2 0 0 0 2 1.7h7.7a2 2 0 0 0 1.9-1.5L21 8H7'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E") center/contain no-repeat!important; pointer-events:none!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:before{ content:""!important; display:block!important; position:static!important; inset:auto!important; width:1.04em!important; height:1.04em!important; flex:0 0 1.04em!important; margin:0!important; margin-inline-end:0!important; transform:none; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.2 2 5 13h6l-.8 9L19 10h-6l.2-8Z'/%3E%3C/svg%3E") center/contain no-repeat!important; pointer-events:none!important; } .uas-loop-actions__cart .button.uas-is-loading:before{opacity:.45} /* Search result quality is shown as a calm signal instead of mixing every detail into one line. */ /* Only real structured compatibility data produces this card signal. */ /* Quick View V1 decision ribbon: stock/spec/fitment facts from current product data only. */ @media(max-width:390px){ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:before,.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:before{width:.95em!important;height:.95em!important;flex-basis:.95em!important} } /* ===== UAS v0.6.4 — robust home modules / template-independent ===== */ @keyframes uas-cat-064-spin{to{transform:rotate(360deg)}} /* ===== UAS v0.6.5 — mobile showcase geometry / overlap fix ===== Keep CTA controls and product media in separate layout tracks on narrow screens. */ /* ===== UAS v0.6.6 — mobile showcase CTA pair ===== Keep both commerce/navigation actions on one clean row without letting the product media overlap them. The media remains its own grid track. */ /* ===== UAS v0.6.7 — homepage category premium system + explorer price cleanup ===== */ /* v0.6.9.10 — Mobile single-product premium purchase + tabs polish */ .single-product .uas-purchase-heading{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:18px 0 10px; padding:0 2px; } .single-product .uas-purchase-heading span{ display:inline-flex; align-items:center; gap:7px; color:#6a4ff3; font-size:11px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; } .single-product .uas-purchase-heading span:before{ content:""; width:8px; height:8px; border-radius:999px; background:linear-gradient(135deg,#6c49ff,#c04bf2); box-shadow:0 0 0 6px rgba(108,73,255,.10); } .single-product .uas-purchase-heading strong{ color:#7b849a; font-size:12px; font-weight:700; } .single-product .uas-woocommerce div.product form.cart{ position:relative!important; isolation:isolate; grid-template-columns:84px minmax(0,1fr) minmax(0,.96fr)!important; gap:10px!important; padding:12px!important; border-radius:24px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%)!important; border:1px solid rgba(153,161,183,.20)!important; box-shadow:0 22px 52px rgba(17,24,39,.08),inset 0 1px 0 rgba(255,255,255,.98)!important; overflow:hidden; } .single-product .uas-woocommerce div.product form.cart:before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at top left,rgba(102,78,255,.12),transparent 34%),radial-gradient(circle at top right,rgba(233,92,226,.10),transparent 28%); pointer-events:none; } .single-product .uas-woocommerce div.product form.cart>*{position:relative;z-index:1} .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{ width:84px!important; max-width:84px!important; } .single-product .uas-woocommerce div.product form.cart .quantity .qty{ height:50px!important; min-height:50px!important; border:1px solid #d7dded!important; border-radius:17px!important; background:linear-gradient(180deg,#fff 0%,#f8faff 100%)!important; color:#111b37!important; font-size:16px!important; font-weight:950!important; text-align:center!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 14px rgba(17,24,39,.04)!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ height:50px!important; min-height:50px!important; border-radius:17px!important; font-size:12px!important; font-weight:950!important; letter-spacing:-.01em!important; box-shadow:none!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button{ background:linear-gradient(180deg,#12214d 0%,#07163b 100%)!important; border:1px solid rgba(8,25,69,.82)!important; color:#fff!important; box-shadow:0 16px 30px rgba(7,22,59,.22),inset 0 1px 0 rgba(255,255,255,.08)!important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:hover, .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:focus-visible{ background:linear-gradient(180deg,#15285d 0%,#0a1d4a 100%)!important; transform:translateY(-1px)!important; box-shadow:0 18px 34px rgba(7,22,59,.26),inset 0 1px 0 rgba(255,255,255,.10)!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{ background:linear-gradient(135deg,#6d49ff 0%,#9947ff 55%,#d247f3 100%)!important; border:1px solid rgba(188,116,255,.48)!important; color:#fff!important; box-shadow:0 16px 30px rgba(106,73,255,.24),inset 0 1px 0 rgba(255,255,255,.18)!important; } .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:hover, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:focus-visible{ background:linear-gradient(135deg,#6440fb 0%,#933dff 52%,#cc3eed 100%)!important; transform:translateY(-1px)!important; box-shadow:0 18px 34px rgba(133,60,255,.29),inset 0 1px 0 rgba(255,255,255,.22)!important; } .single-product .uas-woocommerce .woocommerce-tabs{ margin-top:16px!important; padding:16px 14px 18px!important; border-radius:28px!important; background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%)!important; border:1px solid #e4e8f1!important; box-shadow:0 18px 42px rgba(17,24,39,.055),inset 0 1px 0 rgba(255,255,255,.96)!important; } .single-product .uas-woocommerce .woocommerce-tabs ul.tabs{ display:flex!important; flex-wrap:wrap!important; gap:10px!important; margin-bottom:16px!important; padding:0!important; } .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:54px!important; border-radius:999px!important; background:#fff!important; border:1px solid #e1e6f0!important; box-shadow:0 8px 18px rgba(17,24,39,.045)!important; } .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:54px!important; padding:0 20px!important; color:#667085!important; font-size:11px!important; font-weight:860!important; line-height:1!important; } .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li.active{ background:linear-gradient(135deg,#f4f0ff 0%,#ece6ff 100%)!important; border-color:#d8cdfd!important; box-shadow:0 12px 24px rgba(108,73,255,.10), inset 0 1px 0 rgba(255,255,255,.88)!important; } .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li.active a{ color:#382876!important; } .single-product .uas-woocommerce .woocommerce-tabs .panel, .single-product .uas-woocommerce .woocommerce-tabs .panel p, .single-product .uas-woocommerce .woocommerce-tabs .panel li{ color:#4e596f; font-size:16px; line-height:1.78; } .single-product .uas-woocommerce .woocommerce-tabs .panel h2{ margin-bottom:16px!important; color:#121b36; font-size:20px!important; line-height:1.12; letter-spacing:-.02em; } .uas-sticky-buy{ border:1px solid rgba(208,214,230,.72); border-radius:24px; background:linear-gradient(180deg,rgba(255,255,255,.985) 0%,rgba(248,249,255,.965) 100%); box-shadow:0 24px 60px rgba(12,20,39,.18),inset 0 1px 0 rgba(255,255,255,.98); backdrop-filter:blur(18px) saturate(1.2); } .uas-sticky-buy__actions{gap:8px} .uas-sticky-buy__button{ min-height:50px; border-radius:17px; font-size:11px; font-weight:950; letter-spacing:-.01em; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; } .uas-sticky-buy__button:active{transform:scale(.98)} .uas-sticky-buy__button--cart{ background:linear-gradient(180deg,#11204b 0%,#081639 100%); color:#fff; box-shadow:0 16px 34px rgba(9,22,57,.24),inset 0 1px 0 rgba(255,255,255,.08); } .uas-sticky-buy__button--buy{ background:linear-gradient(135deg,#6e48ff 0%,#9847ff 52%,#cf47f1 100%); color:#fff; box-shadow:0 16px 34px rgba(112,72,255,.26),inset 0 1px 0 rgba(255,255,255,.17); } @media(max-width:760px){ body.single-product{padding-bottom:160px} .single-product .uas-purchase-heading{margin:14px 0 10px;padding:0 2px 2px;align-items:flex-end} .single-product .uas-purchase-heading span{font-size:10px} .single-product .uas-purchase-heading strong{font-size:11px;text-align:right;max-width:180px} .single-product .uas-woocommerce div.product form.cart{ grid-template-columns:74px minmax(0,1fr) minmax(0,.92fr)!important; gap:8px!important; padding:12px!important; border-radius:22px!important; } .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{width:74px!important;max-width:74px!important} .single-product .uas-woocommerce div.product form.cart .quantity .qty, .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{height:48px!important;min-height:48px!important;border-radius:16px!important} .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{font-size:11px!important;padding:0 10px!important} .single-product .uas-woocommerce .woocommerce-tabs{margin-top:18px!important;padding:14px 12px 16px!important;border-radius:24px!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs{gap:8px!important;margin-bottom:14px!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li, .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a{min-height:48px!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a{padding:0 16px!important;font-size:10px!important} .single-product .uas-woocommerce .woocommerce-tabs .panel, .single-product .uas-woocommerce .woocommerce-tabs .panel p, .single-product .uas-woocommerce .woocommerce-tabs .panel li{font-size:15px;line-height:1.72} .uas-sticky-buy{ left:10px; right:10px; bottom:calc(var(--uas-mobile-nav-h) + 10px + env(safe-area-inset-bottom)); width:auto; min-height:74px; padding:10px; border-radius:24px; grid-template-columns:1fr; gap:0; } .uas-sticky-buy__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%} .uas-sticky-buy__button{min-height:52px;padding:0 10px;font-size:11px} } @media(max-width:390px){ .single-product .uas-purchase-heading{display:grid;gap:5px} .single-product .uas-purchase-heading strong{max-width:none;text-align:left} .single-product .uas-woocommerce div.product form.cart{grid-template-columns:68px minmax(0,1fr) minmax(0,.95fr)!important;gap:7px!important;padding:10px!important} .single-product .uas-woocommerce div.product form.cart .quantity, .single-product .uas-woocommerce div.product form.cart .quantity .qty{width:68px!important;max-width:68px!important} .single-product .uas-woocommerce div.product form.cart .quantity .qty, .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{height:46px!important;min-height:46px!important;border-radius:14px!important} .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{font-size:10px!important;padding-inline:8px!important} .single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a{padding:0 14px!important;font-size:9.5px!important} } /* v0.6.9.11 — extra mobile bottom clearance for richer sticky buy bar */ @media(max-width:760px){ body.single-product{padding-bottom:188px!important} } @media(max-width:390px){ body.single-product{padding-bottom:196px!important} } /* v0.6.9.13 — Product confidence cards premium polish */ .uas-product-confidence{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; padding:0; border:0; background:transparent; } .uas-product-confidence .uas-product-confidence__item{ position:relative; display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-areas: "icon overline" "icon title"; gap:2px 12px; align-items:center; min-width:0; padding:16px 16px 16px 14px; border:1px solid #e7eaf3; border-radius:22px; background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%); box-shadow:0 14px 30px rgba(16,24,40,.055), inset 0 1px 0 rgba(255,255,255,.98); overflow:hidden; } .uas-product-confidence .uas-product-confidence__item:before{ content:""; position:absolute; inset:0 auto 0 0; width:3px; border-radius:999px; background:linear-gradient(180deg,#7450ff 0%,#ca4af1 100%); opacity:.95; } .uas-product-confidence .uas-product-confidence__item b{ grid-area:icon; display:grid; place-items:center; width:48px; height:48px; margin:0; border-radius:16px; background:linear-gradient(135deg,#f4f0ff 0%,#ece6ff 100%); color:#6447f5; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 18px rgba(100,71,245,.10); } .uas-product-confidence .uas-product-confidence__item b svg{width:21px;height:21px;display:block} .uas-product-confidence .uas-product-confidence__item i{ grid-area:overline; display:block; font-style:normal; color:#715be2; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; line-height:1.2; } .uas-product-confidence .uas-product-confidence__item strong{ grid-area:title; display:block; color:#49556c; font-size:13px; font-weight:650; line-height:1.55; } .uas-product-confidence .uas-product-confidence__item.is-live b{ background:linear-gradient(135deg,#ebf9f0 0%,#dbf7e6 100%); color:#1c9c55; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 18px rgba(28,156,85,.10); } .uas-product-confidence .uas-product-confidence__item.is-live:before{background:linear-gradient(180deg,#22c55e 0%,#0f9f4d 100%)} .uas-product-confidence .uas-product-confidence__item.is-live i{color:#1d8f50} .uas-product-confidence .uas-product-confidence__item.is-summary b{ background:linear-gradient(135deg,#eef2ff 0%,#e2e9ff 100%); color:#4b64e8; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 18px rgba(75,100,232,.10); } .uas-product-confidence .uas-product-confidence__item.is-summary:before{background:linear-gradient(180deg,#6d77ff 0%,#5162f1 100%)} .uas-product-confidence .uas-product-confidence__item.is-summary i{color:#5669e5} .uas-product-confidence .uas-product-confidence__item.is-track b{ background:linear-gradient(135deg,#fff0fb 0%,#f9e7ff 100%); color:#b949d8; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 10px 18px rgba(185,73,216,.10); } .uas-product-confidence .uas-product-confidence__item.is-track:before{background:linear-gradient(180deg,#d459f3 0%,#b947de 100%)} .uas-product-confidence .uas-product-confidence__item.is-track i{color:#b14ad4} @media(max-width:1024px){ .uas-product-confidence{grid-template-columns:1fr;gap:10px} } @media(max-width:760px){ .uas-product-confidence{grid-template-columns:1fr;gap:12px;margin-top:14px} .uas-product-confidence .uas-product-confidence__item{ grid-template-columns:42px minmax(0,1fr); padding:14px 14px 14px 12px; border-radius:20px; gap:2px 11px; } .uas-product-confidence .uas-product-confidence__item b{width:42px;height:42px;border-radius:14px} .uas-product-confidence .uas-product-confidence__item b svg{width:19px;height:19px} .uas-product-confidence .uas-product-confidence__item i{font-size:9px} .uas-product-confidence .uas-product-confidence__item strong{font-size:12px;line-height:1.5} } @media(max-width:390px){ .uas-product-confidence{gap:10px} .uas-product-confidence .uas-product-confidence__item{padding:13px 13px 13px 11px;border-radius:18px} .uas-product-confidence .uas-product-confidence__item strong{font-size:11px;line-height:1.48} } /* v0.6.9.14 — CTA icon spacing normalization */ .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button{column-gap:var(--uas-cta-icon-gap,.52rem)!important} .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button span, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button span{display:inline-flex!important;align-items:center!important} :root{ --uas-bg:#f6f7fb; --uas-surface:#fff; --uas-surface-2:#f9f9fd; --uas-ink:#0c1530; --uas-text:#111b35; --uas-muted:#6e7890; --uas-border:#e4e7f0; --uas-border-strong:#d8dceb; --uas-primary:#5b3df5; --uas-primary-2:#7458ff; --uas-primary-soft:#f1eeff; --uas-navy:#09142f; --uas-navy-2:#121b45; --uas-danger:#ef315d; --uas-success:#14966f; --uas-radius-sm:12px; --uas-radius:18px; --uas-radius-lg:26px; --uas-shadow-sm:0 8px 22px rgba(13,23,51,.06); --uas-shadow:0 18px 46px rgba(13,23,51,.10); --uas-shadow-xl:0 28px 80px rgba(9,20,47,.18); --uas-container:1420px; --uas-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --uas-mobile-nav-h:78px; } *{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--uas-bg)} body{margin:0;background:var(--uas-bg);color:var(--uas-text);font-family:var(--uas-font);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} body.uas-theme-build-069{overflow-x:hidden} img{display:block;max-width:100%;height:auto} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{color:inherit} svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} [hidden]{display:none!important} .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .uas-container{width:min(calc(100% - 44px),var(--uas-container));margin-inline:auto} .uas-skip-link{position:fixed;left:14px;top:-70px;z-index:100000;padding:12px 16px;border-radius:12px;background:#fff;color:var(--uas-text);box-shadow:var(--uas-shadow);font-weight:800;transition:top .18s ease} .uas-skip-link:focus{top:14px} /* Header */ /* Shared storefront headings */ .uas-home-main{background:#fff} .uas-section{padding:66px 0} .uas-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:25px} .uas-section__head>div{min-width:0;max-width:850px} .uas-section__head--compact{margin-bottom:20px} .uas-section__head h2,.uas-category-explorer-064__head h2{margin:5px 0 0;color:var(--uas-text);font-size:clamp(27px,2.35vw,38px);line-height:1.08;letter-spacing:-.042em} .uas-section__head p,.uas-category-explorer-064__head p{max-width:720px;margin:7px 0 0;color:var(--uas-muted);font-size:12px;line-height:1.65} .uas-eyebrow{display:inline-flex;align-items:center;color:var(--uas-primary);font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase} .uas-eyebrow--light{color:#c7bcff} .uas-text-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 12px;border:1px solid #e4e0ff;border-radius:10px;background:#f8f7ff;color:var(--uas-primary);font-size:10px;font-weight:850;white-space:nowrap;transition:.18s ease} .uas-text-link:hover{background:#eeebff;transform:translateY(-1px)} /* Premium hero */ .uas-hero-premium{padding:18px 0 26px;background:linear-gradient(180deg,#fff,#f8f9fd)} .uas-hero-premium__slider{position:relative} .uas-hero-premium__stage{position:relative;isolation:isolate;min-height:510px;border-radius:26px;overflow:hidden;background:#08142d;box-shadow:0 24px 60px rgba(9,20,47,.16)} .uas-hero-premium__slide{position:absolute;inset:0;display:grid;align-items:stretch;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease,transform .5s ease;transform:scale(1.01)} .uas-hero-premium__slide.is-active{opacity:1;visibility:visible;transform:none;z-index:2} .uas-hero-premium__slide::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--uas-hero-image);background-size:cover;background-position:center center;transform:scale(1.006)} .uas-hero-premium__slide::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,10,25,.95) 0%,rgba(7,16,39,.92) 28%,rgba(7,16,39,.60) 49%,rgba(7,16,39,.18) 72%,rgba(7,16,39,.28) 100%),radial-gradient(circle at 16% 26%,rgba(108,74,255,.28),transparent 28%),linear-gradient(0deg,rgba(8,17,38,.24),transparent 44%)} .uas-hero-premium__content{position:relative;z-index:2;width:min(53%,660px);padding:54px 58px 94px;color:#fff} .uas-hero-premium h1{max-width:620px;margin:11px 0 13px;color:#fff;font-size:clamp(39px,3.65vw,56px);line-height:.98;letter-spacing:-.055em;text-wrap:balance} .uas-hero-premium__content>p{max-width:540px;margin:0;color:#d7ddea;font-size:15px;line-height:1.62} .uas-hero-premium__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px} .uas-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:12px;font-size:11px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease} .uas-btn--primary{background:linear-gradient(135deg,#7054ff,#5738ec);color:#fff;box-shadow:0 14px 28px rgba(91,61,245,.30)} .uas-btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(91,61,245,.38)} .uas-btn--glass{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)} .uas-btn--glass:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.32)} .uas-hero-premium__trust{display:flex;align-items:center;gap:24px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)} .uas-hero-premium__trust>span{display:flex;align-items:center;gap:10px;min-width:0} .uas-hero-premium__trust b{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);color:#ded8ff} .uas-hero-premium__trust b svg{width:18px;height:18px} .uas-hero-premium__trust i{font-style:normal;min-width:0} .uas-hero-premium__trust strong,.uas-hero-premium__trust small{display:block} .uas-hero-premium__trust strong{font-size:10.5px;color:#fff} .uas-hero-premium__trust small{margin-top:2px;color:#aeb8cb;font-size:8px;line-height:1.25} .uas-hero-premium__signature{position:absolute;right:32px;top:30px;display:grid;gap:1px;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(8,18,42,.34);backdrop-filter:blur(12px);color:#fff;text-align:right;text-shadow:0 3px 18px rgba(0,0,0,.36)} .uas-hero-premium__signature span{font-family:var(--uas-font);font-size:13px;font-weight:900;letter-spacing:.02em} .uas-hero-premium__signature strong{margin-top:0;color:#d9d2ff;font-size:9px;letter-spacing:.11em;text-transform:uppercase} .uas-hero-premium__controls{position:absolute;right:26px;bottom:22px;z-index:6;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,19,46,.38);backdrop-filter:blur(16px);box-shadow:0 18px 34px rgba(6,16,37,.18)} .uas-hero-premium__arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;transition:transform .18s ease,background .18s ease,border-color .18s ease} .uas-hero-premium__arrow:hover{transform:translateY(-1px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)} .uas-hero-premium__arrow svg{width:18px;height:18px} .uas-hero-premium__dots{display:flex;align-items:center;gap:8px} .uas-hero-premium__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.28);transition:width .18s ease,background .18s ease,transform .18s ease} .uas-hero-premium__dot.is-active{width:22px;background:#fff} .uas-hero-premium__dot:hover{transform:translateY(-1px);background:rgba(255,255,255,.6)} /* Category overview */ .uas-section--categories{padding-top:34px;padding-bottom:42px;background:#fff} .uas-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .uas-category-card{position:relative;display:block;min-width:0;min-height:200px;border-radius:15px;overflow:hidden;background:var(--uas-navy);box-shadow:0 10px 26px rgba(13,23,51,.09);transition:transform .2s ease,box-shadow .2s ease} .uas-category-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(13,23,51,.15)} .uas-category-card__media{position:absolute;inset:0;display:block;background:linear-gradient(145deg,#101a37,#182954)} .uas-category-card__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease} .uas-category-card:hover .uas-category-card__media img{transform:scale(1.035)} .uas-category-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,29,.07) 10%,rgba(5,12,29,.30) 47%,rgba(5,12,29,.92) 100%)} .uas-category-card__icon{position:absolute;left:13px;bottom:62px;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(8,18,42,.58);backdrop-filter:blur(8px);color:#fff} .uas-category-card__icon svg{width:18px;height:18px} .uas-category-card__copy{position:absolute;inset:auto 13px 12px;z-index:2;color:#fff} .uas-category-card__copy strong{display:block;min-height:34px;font-size:12px;line-height:1.18;letter-spacing:-.015em} .uas-category-card__copy small{display:block;margin-top:2px;color:#c4ccdc;font-size:8px} .uas-category-card__copy b{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.13);font-size:8px;font-weight:800} .uas-category-card__copy b i{font-style:normal;font-size:12px} /* Smart finder */ .uas-smart-finder{padding:8px 0 48px;background:#fff} .uas-smart-finder__shell{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(420px,1.4fr) 260px;gap:17px;align-items:center;padding:20px 22px;border:1px solid #e1e3ee;border-radius:20px;background:linear-gradient(135deg,#fbfbff 0%,#f4f1ff 56%,#fbfbff 100%);box-shadow:0 12px 34px rgba(22,27,65,.055)} .uas-smart-finder__intro{display:flex;align-items:flex-start;gap:13px;min-width:0} .uas-smart-finder__mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#6042f6,#825fff);color:#fff;font-size:16px;font-weight:900;box-shadow:0 10px 22px rgba(91,61,245,.24)} .uas-smart-finder__intro h2{margin:4px 0 3px;font-size:18px;line-height:1.15;letter-spacing:-.03em} .uas-smart-finder__intro p{margin:0;color:var(--uas-muted);font-size:9.5px;line-height:1.45} .uas-smart-finder__workbench{position:relative;min-width:0} .uas-smart-finder__form,.uas-code-finder__form{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 82px;align-items:center;min-height:46px;border:1px solid #dce0eb;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(20,29,63,.04);overflow:hidden} .uas-smart-finder__form>svg,.uas-code-finder__form>svg{justify-self:center;width:18px;height:18px;color:#6954df} .uas-smart-finder__form input,.uas-code-finder__form input{min-width:0;height:44px;border:0;outline:0;color:var(--uas-text);font-size:10px;font-weight:650;background:transparent} .uas-smart-finder__form input::placeholder,.uas-code-finder__form input::placeholder{color:#9ba4b6} .uas-smart-finder__form button,.uas-code-finder__form button{align-self:stretch;border:0;background:linear-gradient(135deg,var(--uas-primary),#7655ff);color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:900;cursor:pointer} .uas-smart-finder__chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px} .uas-smart-finder__chips span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid #e3e0f7;border-radius:999px;background:#fff;color:#655d81;font-size:8px;font-weight:800} .uas-smart-finder__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px} .uas-smart-finder__actions button,.uas-smart-finder__actions a{min-width:0;min-height:72px;padding:8px 5px;border:1px solid #e1e3ed;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#34405c;font-size:8px;font-weight:800;text-align:center;cursor:pointer} .uas-smart-finder__actions svg{width:20px;height:20px;color:var(--uas-primary)} .uas-smart-finder__actions button:hover,.uas-smart-finder__actions a:hover{border-color:#cfc7ff;background:#f8f6ff;color:var(--uas-primary)} /* Live search */ .uas-live-search{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:130;padding:8px;border:1px solid #e0e3ed;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 20px 55px rgba(13,23,51,.16);backdrop-filter:blur(15px);max-height:min(520px,70vh);overflow:auto} .uas-smart-finder__workbench>.uas-live-search{top:54px} .uas-live-search__loading,.uas-live-search__empty{padding:18px;color:var(--uas-muted);font-size:11px;text-align:center} .uas-live-search__correction{margin:2px 2px 8px;padding:8px 10px;border-radius:9px;background:#f5f2ff;color:#5f4dc5;font-size:9px;font-weight:750} .uas-live-search__list{display:grid;gap:3px} .uas-live-search__item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px;border-radius:10px;transition:background .15s ease} .uas-live-search__item:hover{background:#f7f8fc} .uas-live-search__item img{width:52px;height:52px;border:1px solid #eef0f4;border-radius:9px;background:#fff;object-fit:contain;padding:3px} .uas-live-search__copy{min-width:0} .uas-live-search__copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10px;line-height:1.3} .uas-live-search__copy small{display:block;margin-top:3px;color:#8c95a8;font-size:8px} .uas-live-search__signal,.uas-live-search__signals{color:#6e5ae1;font-size:8px;font-weight:800} .uas-live-search__all{display:flex;align-items:center;justify-content:center;min-height:36px;margin-top:6px;border-radius:9px;background:#f2efff;color:var(--uas-primary);font-size:9px;font-weight:900} .uas-live-search__shortcuts,.uas-live-search__intent{display:flex;flex-wrap:wrap;gap:5px;margin:6px 2px} .uas-live-search__shortcuts a,.uas-live-search__intent a{padding:5px 8px;border:1px solid #e5e7ef;border-radius:999px;background:#fff;color:#6c758a;font-size:8px;font-weight:750} /* Product cards */ .uas-section--products{background:linear-gradient(180deg,#fbfbfe,#fff)} .uas-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .uas-product-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #e3e6ee;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 7px 18px rgba(13,23,51,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .uas-product-card:hover{transform:translateY(-2px);border-color:#d2ccfa;box-shadow:0 14px 30px rgba(13,23,51,.09)} .uas-product-card__media-shell{position:relative;min-width:0} .uas-product-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.2/1;min-height:0;padding:14px 13px 7px;background:#fff;overflow:hidden} .uas-product-card__media>img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;transition:transform .22s ease} .uas-product-card:hover .uas-product-card__media>img{transform:scale(1.025)} .uas-product-card__badges{position:absolute;z-index:6;left:9px;top:9px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none} .uas-product-card__new,.uas-product-card__sale{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 7px;border-radius:7px;color:#fff;font-size:8px;font-weight:900;box-shadow:0 5px 12px rgba(13,23,51,.12)} .uas-product-card__new{background:linear-gradient(135deg,#6548ff,#5537e9)} .uas-product-card__sale{background:linear-gradient(135deg,#ff2f68,#e92757)} .uas-product-card__view{position:absolute;left:10px;right:10px;bottom:-36px;z-index:5;display:flex;align-items:center;justify-content:center;gap:4px;min-height:30px;border-radius:8px;background:rgba(9,20,47,.92);color:#fff;font-size:8px;font-weight:850;transition:bottom .18s ease} .uas-product-card:hover .uas-product-card__view{bottom:8px} .uas-product-card__body{display:flex;flex:1;flex-direction:column;padding:8px 11px 11px;min-width:0} .uas-product-card__category{display:block;overflow:hidden;margin-bottom:4px;color:#7e6fea;font-size:7.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis} .uas-product-card h3{margin:0;min-height:34px;font-size:10.5px;line-height:1.35;letter-spacing:-.018em} .uas-product-card h3 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2} .uas-product-card__meta{display:flex;align-items:center;gap:6px;min-height:17px;margin-top:4px;color:#949cad;font-size:7.5px;overflow:hidden} .uas-product-card__meta>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .uas-product-card__stock{display:inline-flex!important;align-items:center;gap:4px;flex:0 0 auto;color:#667085} .uas-product-card__stock::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#9da4b2} .uas-product-card__stock.is-in-stock{color:#20866a}.uas-product-card__stock.is-in-stock::before{background:#18a37b} .uas-product-card__stock.is-out-of-stock{color:#be3e51}.uas-product-card__stock.is-out-of-stock::before{background:#ef5a68} .uas-product-card__countdown{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:5px 7px;border-radius:8px;background:#f6f4ff;color:#6854d5;font-size:7.5px;font-weight:800} .uas-product-card__countdown strong{font-size:8px;letter-spacing:.04em} .uas-product-card__bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:auto;padding-top:7px;border-top:1px solid #edf0f5} .uas-product-card__price{min-height:29px;color:#121a32;font-size:14px;font-weight:950;line-height:1.05;letter-spacing:-.025em} .uas-product-card__price del{display:inline-block;margin-right:5px;color:#a1a8b7;font-size:8px;font-weight:650} .uas-product-card__price ins{text-decoration:none;color:#e72d56} .uas-product-card__action{min-width:0} .uas-product-card__action .button{width:100%!important;min-height:34px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#5b3df5,#6e4df6)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:8.5px!important;font-weight:900!important;line-height:1!important;box-shadow:0 7px 14px rgba(91,61,245,.20)!important;white-space:nowrap!important} .uas-product-card__action .button:hover{background:linear-gradient(135deg,#5136dc,#6d4cf5)!important;transform:translateY(-1px)} .uas-product-card__action .button.uas-is-loading{opacity:.65;pointer-events:none} .uas-product-card__action .button.uas-is-added{background:#118d68!important} .uas-cart-glyph{width:14px;height:14px;flex:0 0 14px} .uas-product-card__action .added_to_cart{display:none!important} .uas-product-tools.is-compact{position:absolute;z-index:8;right:8px;top:8px;display:flex;gap:4px} .uas-product-tool{appearance:none;border:1px solid #e0e4ed;background:rgba(255,255,255,.94);color:#687186;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease} .uas-product-tools.is-compact .uas-product-tool{width:29px;height:29px;padding:0;border-radius:50%;box-shadow:0 4px 12px rgba(13,23,51,.07)} .uas-product-tools.is-compact .uas-product-tool span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .uas-product-tool svg{width:14px;height:14px} .uas-product-tool:hover,.uas-product-tool[aria-pressed=true]{border-color:#c8c0ff;background:#f3f0ff;color:var(--uas-primary)} .uas-product-tools.is-wide{position:static;display:flex;flex-wrap:wrap;gap:7px;margin:10px 0} .uas-product-tools.is-wide .uas-product-tool{min-height:36px;padding:0 11px;border-radius:10px;gap:6px;font-size:9px;font-weight:800} /* Deals */ .uas-deals{position:relative;overflow:hidden;background:linear-gradient(115deg,#09152f 0%,#111942 58%,#3d2a9d 100%);color:#fff} .uas-deals::before{content:"";position:absolute;right:-160px;top:-220px;width:520px;height:520px;border-radius:50%;background:rgba(111,80,255,.32);filter:blur(20px);pointer-events:none} .uas-deals::after{content:"";position:absolute;left:-90px;bottom:-180px;width:360px;height:360px;border-radius:50%;background:rgba(77,101,211,.15);pointer-events:none} .uas-deals>.uas-container{position:relative;z-index:1} .uas-deals__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px} .uas-deals__head h2{margin:5px 0 0;font-size:clamp(28px,2.5vw,40px);line-height:1.05;letter-spacing:-.04em} .uas-deals__head p{max-width:660px;margin:7px 0 0;color:#b9c1d3;font-size:11px} .uas-deals__all{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:9px;font-weight:850;white-space:nowrap} .uas-deals__layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:10px;align-items:stretch} .uas-deals__summary{min-width:0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(6,14,35,.45);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center} .uas-deals__summary-kicker{color:#bcc5d7;font-size:8px;font-weight:800} .uas-deals__countdown{margin-top:12px} .uas-deals__countdown strong,.uas-deals__metric{display:block;color:#fff;font-size:28px;font-weight:950;letter-spacing:.04em;line-height:1} .uas-deals__countdown small,.uas-deals__summary>small{display:block;margin-top:7px;color:#8f9ab1;font-size:7px;line-height:1.4} .uas-deals__summary>a{display:flex;align-items:center;justify-content:space-between;margin-top:18px;min-height:35px;padding:0 10px;border-radius:9px;background:linear-gradient(135deg,#6848ff,#5738e8);color:#fff;font-size:8px;font-weight:900} .uas-product-grid--deals{grid-template-columns:repeat(4,minmax(0,1fr))} .uas-deals .uas-product-card{border-color:rgba(255,255,255,.14);box-shadow:0 12px 28px rgba(0,0,0,.14)} /* Category explorer */ .uas-category-explorer-064{padding:62px 0;background:#fff} .uas-category-explorer-064__head{margin-bottom:20px;max-width:850px} .uas-category-explorer-064__shell{display:grid;grid-template-columns:218px minmax(0,1fr);gap:10px;padding:10px;border:1px solid #e1e4ed;border-radius:19px;background:#fbfbfe;box-shadow:0 10px 28px rgba(14,24,50,.05)} .uas-category-explorer-064__rail{display:flex;flex-direction:column;gap:3px;padding:4px;border-right:1px solid #e7e9f0;max-height:540px;overflow:auto} .uas-category-explorer-064__rail a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;padding:6px 8px;border-radius:10px;color:#5d667c;font-size:9px;font-weight:800;transition:.15s ease} .uas-category-explorer-064__rail a:hover{background:#f1efff;color:#5d47d1} .uas-category-explorer-064__rail a.is-active{background:linear-gradient(135deg,#5c3ef2,#7456fb);color:#fff;box-shadow:0 8px 18px rgba(91,61,245,.2)} .uas-category-explorer-064__rail-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(91,61,245,.07);color:var(--uas-primary)} .uas-category-explorer-064__rail a.is-active .uas-category-explorer-064__rail-icon{background:rgba(255,255,255,.15);color:#fff} .uas-category-explorer-064__rail-icon svg{width:15px;height:15px} .uas-category-explorer-064__rail small{font-size:7px;opacity:.78} .uas-category-explorer-064__panel{min-width:0;padding:7px 10px 10px} .uas-category-explorer-064__summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:5px 4px 12px;border-bottom:1px solid #e7e9f0} .uas-category-explorer-064__summary small{color:#8a94a8;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .uas-category-explorer-064__summary h3{margin:2px 0 0;font-size:20px;letter-spacing:-.03em} .uas-category-explorer-064__summary p{margin:2px 0 0;color:#7a8498;font-size:8.5px} .uas-category-explorer-064__summary>a{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid #dfdcfb;border-radius:9px;background:#f7f5ff;color:#5d49cd;font-size:8px;font-weight:850;white-space:nowrap} .uas-category-explorer-064__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:12px;padding-top:12px} .uas-category-explorer-064__label{display:block;margin-bottom:7px;color:#7c8496;font-size:7px;font-weight:950;letter-spacing:.11em;text-transform:uppercase} .uas-category-explorer-064__children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .uas-category-explorer-064__children article{min-width:0;padding:9px;border:1px solid #e5e7ef;border-radius:10px;background:#fff} .uas-category-explorer-064__children article>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} .uas-category-explorer-064__children article>div:first-child a{font-size:9px;font-weight:850} .uas-category-explorer-064__children article>div:first-child span{color:#9ba3b2;font-size:7px;white-space:nowrap} .uas-category-explorer-064__subcats{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px} .uas-category-explorer-064__subcats a{padding:4px 6px;border-radius:999px;background:#f5f6fa;color:#7c8597;font-size:7px} .uas-category-explorer-064__aside{padding-left:11px;border-left:1px solid #e7e9f0} .uas-category-explorer-064__brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px} .uas-category-explorer-064__brands a{display:grid;place-items:center;min-height:37px;padding:4px;border:1px solid #e4e7ef;border-radius:8px;background:#fff;color:#4e596f;font-size:7.5px;font-weight:900;text-align:center} .uas-category-explorer-064__products{display:grid;gap:5px} .uas-category-explorer-064__products>a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;min-width:0;padding:6px;border:1px solid #e6e8ef;border-radius:9px;background:#fff} .uas-category-explorer-064__products img{width:48px;height:48px;border-radius:7px;background:#fff;object-fit:contain;padding:2px} .uas-category-explorer-064__products>a>span{min-width:0} .uas-category-explorer-064__products b{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:8.5px;line-height:1.25} .uas-category-explorer-064__price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:3px} .uas-category-explorer-064__price del{color:#9da4b3;font-size:7px} .uas-category-explorer-064__price strong{color:#171e34;font-size:9px} .uas-category-explorer-064__empty,.uas-category-explorer-064__error,.uas-category-explorer-064__loading{padding:22px;border:1px dashed #daddE8;border-radius:12px;background:#fff;color:#778196;font-size:9px;text-align:center} .uas-category-explorer-064__empty a,.uas-category-explorer-064__error a{display:block;margin-top:6px;color:var(--uas-primary);font-weight:900} /* Recently viewed */ .uas-recently-viewed{padding:45px 0 50px;background:#f9f9fc} .uas-recently-viewed__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px} .uas-recently-viewed__head h2{margin:4px 0 0;font-size:26px;line-height:1.08;letter-spacing:-.04em} .uas-recently-viewed__head button{min-height:34px;padding:0 10px;border:1px solid #e3e5ed;border-radius:9px;background:#fff;color:#737d90;font-size:8px;font-weight:800;cursor:pointer} .uas-recently-viewed__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:auto;scrollbar-width:thin;padding-bottom:2px} .uas-recent-card{min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr);border:1px solid #e3e5ed;border-radius:12px;background:#fff;overflow:hidden} .uas-recent-card__media{display:grid;place-items:center;padding:7px;background:#fbfbfd} .uas-recent-card__media img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply} .uas-recent-card__body{min-width:0;padding:8px 8px 8px 0;display:flex;flex-direction:column} .uas-recent-card__body small{color:#8a93a5;font-size:7px} .uas-recent-card__body>a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:2px;font-size:8.5px;font-weight:800;line-height:1.25} .uas-recent-card__body>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto;padding-top:5px} .uas-recent-card__body>div strong{font-size:10px} .uas-recent-card__body>div a{color:var(--uas-primary);font-size:7px;font-weight:850} /* Benefits / editorial / home CTA */ .uas-benefits-section{padding-top:50px;padding-bottom:50px;background:#fff} .uas-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .uas-benefits>div{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:10px;align-items:start;min-width:0;padding:13px;border:1px solid #e2e5ed;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(13,23,51,.035)} .uas-benefits>div>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1eeff;color:var(--uas-primary)} .uas-benefits svg{width:20px;height:20px} .uas-benefits strong{font-size:9.5px} .uas-benefits p{margin:2px 0 0;color:#7d8698;font-size:7.5px;line-height:1.4} /* Footer */ .uas-footer{position:relative;overflow:hidden;padding:42px 0 calc(20px + env(safe-area-inset-bottom));background:linear-gradient(135deg,#07132d 0%,#0f1c41 54%,#201a58 100%);color:#d8deec} .uas-footer__glow{position:absolute;right:-160px;top:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(112,79,255,.23),transparent 67%);pointer-events:none} .uas-footer__top{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr repeat(3,minmax(150px,.7fr));gap:34px} .uas-footer__brand{max-width:460px} .uas-footer__logo{display:inline-flex;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.96)} .uas-footer__logo img{height:32px;width:auto} .uas-footer__brand p{max-width:430px;margin:13px 0 0;color:#aeb8cd;font-size:10px;line-height:1.6} .uas-footer__trust{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:13px;color:#c2c9d9;font-size:8px;font-weight:750} .uas-footer__trust span{display:flex;align-items:center;gap:5px} .uas-footer__trust i{width:5px;height:5px;border-radius:50%;background:#7661ff;box-shadow:0 0 0 3px rgba(118,97,255,.12)} .uas-footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:7px} .uas-footer__col h3{margin:0 0 4px;color:#fff;font-size:10px} .uas-footer__col a,.uas-footer__col button{padding:0;border:0;background:none;color:#aeb8cd;font-size:8.5px;cursor:pointer;text-align:left} .uas-footer__col a:hover,.uas-footer__col button:hover{color:#fff} .uas-footer__bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:15px;border-top:1px solid rgba(255,255,255,.10);color:#8995ad;font-size:8px} .uas-footer__bottom-note{display:flex;align-items:center;gap:7px} .uas-footer__bottom-note i{width:5px;height:5px;border-radius:50%;background:#7a66ff} /* Cart drawer */ .uas-cart-drawer,.uas-wishlist-drawer,.uas-quick-view,.uas-compare-modal{position:fixed;inset:0;z-index:500} .uas-cart-drawer__backdrop,.uas-overlay-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(4,10,26,.60);backdrop-filter:blur(4px);cursor:pointer} .uas-cart-drawer__panel,.uas-wishlist-drawer__panel{position:absolute;right:14px;top:max(14px,calc(var(--wp-admin--admin-bar--height,0px) + 10px));bottom:14px;width:min(430px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(5,13,31,.28);overflow:auto;display:flex;flex-direction:column} .uas-cart-drawer__head,.uas-wishlist-drawer__panel>header,.uas-quick-view__panel>header,.uas-compare-modal__panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid var(--uas-border);background:linear-gradient(180deg,#fff,#fafbfe)} .uas-cart-drawer__head span,.uas-wishlist-drawer__panel>header span,.uas-quick-view__panel>header span,.uas-compare-modal__panel>header span{display:block;color:var(--uas-primary);font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .uas-cart-drawer__head strong,.uas-wishlist-drawer__panel>header strong,.uas-quick-view__panel>header strong,.uas-compare-modal__panel>header strong{display:block;margin-top:2px;font-size:16px;letter-spacing:-.025em} .uas-cart-drawer__close,.uas-wishlist-drawer__panel>header button,.uas-quick-view__panel>header button,.uas-compare-modal__panel>header button{width:36px;height:36px;border:1px solid var(--uas-border);border-radius:10px;background:#f6f7fa;color:#4b566c;font-size:21px;line-height:1;cursor:pointer} .uas-mini-cart__content{flex:1;padding:12px 14px} .uas-mini-cart-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;text-align:center} .uas-mini-cart-empty__icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:linear-gradient(145deg,#f1eeff,#e7e1ff);color:var(--uas-primary);box-shadow:0 12px 28px rgba(91,61,245,.12)} .uas-mini-cart-empty__icon svg{width:30px;height:30px} .uas-mini-cart-empty strong{margin-top:18px;font-size:17px;letter-spacing:-.025em} .uas-mini-cart-empty p{max-width:290px;margin:7px 0 0;color:#7f889c;font-size:10px;line-height:1.55} .uas-mini-cart-empty a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin-top:16px;padding:0 14px;border-radius:10px;background:var(--uas-primary);color:#fff;font-size:9px;font-weight:900} .uas-mini-cart__content .woocommerce-mini-cart{list-style:none;margin:0;padding:0} .uas-mini-cart__content .woocommerce-mini-cart-item{position:relative;display:grid!important;grid-template-columns:68px minmax(0,1fr);gap:10px;min-height:82px;padding:9px 30px 9px 0!important;border-bottom:1px solid #eceef3} .uas-mini-cart__content .woocommerce-mini-cart-item>a:not(.remove){display:contents!important;font-size:9px;font-weight:800} .uas-mini-cart__content .woocommerce-mini-cart-item img{grid-column:1;width:68px!important;height:68px!important;margin:0!important;border:1px solid #eceef3;border-radius:10px;object-fit:contain;padding:4px;background:#fff} .uas-mini-cart__content .woocommerce-mini-cart-item .quantity{grid-column:2;color:#737d90;font-size:8px} .uas-mini-cart__content .remove{position:absolute!important;right:0!important;top:10px!important;display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border-radius:7px!important;background:#f5f6f8!important;color:#a14a5a!important;font-size:15px!important} .uas-mini-cart__content .woocommerce-mini-cart__total{margin:10px 0!important;padding:10px 0!important;border-top:0!important;display:flex;align-items:center;justify-content:space-between;font-size:10px} .uas-mini-cart__content .woocommerce-mini-cart__buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0!important} .uas-mini-cart__content .woocommerce-mini-cart__buttons .button{min-height:40px!important;margin:0!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:900!important} .uas-mini-cart__content .woocommerce-mini-cart__buttons .checkout{background:var(--uas-primary)!important;color:#fff!important} .uas-cart-drawer__secure{display:flex;align-items:flex-start;gap:8px;margin:0 14px 14px;padding:11px;border:1px solid #e5e2fb;border-radius:11px;background:#f8f6ff;color:#655e7f} .uas-cart-drawer__secure>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ebe7ff;color:var(--uas-primary);font-weight:900} .uas-cart-drawer__secure p{margin:1px 0 0;font-size:8px;line-height:1.45} /* Wishlist / compare / quick view */ .uas-wishlist-drawer__panel{padding-bottom:10px} .uas-wishlist-list{display:grid;gap:7px;padding:12px} .uas-wishlist-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid #e4e7ee;border-radius:10px;background:#fff} .uas-wishlist-item img{width:58px;height:58px;border-radius:8px;object-fit:contain} .uas-wishlist-empty{padding:35px 18px;color:#8a93a5;font-size:10px;text-align:center} .uas-compare-tray{position:fixed;left:50%;bottom:26px;z-index:360;transform:translateX(-50%);width:min(780px,calc(100vw - 32px));min-height:60px;padding:8px 10px;border:1px solid #dedaf8;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(14,24,50,.16);backdrop-filter:blur(15px);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center} .uas-compare-tray__copy span{display:block;color:#8c94a7;font-size:7px}.uas-compare-tray__copy strong{font-size:9px} .uas-compare-tray__thumbs{display:flex;gap:4px;overflow:hidden}.uas-compare-tray__thumbs img{width:38px;height:38px;border:1px solid #e7e9ef;border-radius:8px;object-fit:contain;background:#fff} .uas-compare-tray__actions{display:flex;gap:6px}.uas-compare-tray__actions button{min-height:34px;padding:0 10px;border:1px solid #e0e3eb;border-radius:9px;background:#fff;font-size:8px;font-weight:850;cursor:pointer}.uas-compare-tray__actions .is-primary{border-color:var(--uas-primary);background:var(--uas-primary);color:#fff} .uas-compare-modal__panel,.uas-quick-view__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1020px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 28px));border:1px solid rgba(255,255,255,.9);border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(5,13,31,.3);overflow:auto} .uas-compare-grid{padding:14px;overflow:auto} .uas-compare-table{width:100%;border-collapse:separate;border-spacing:0;min-width:680px;font-size:9px}.uas-compare-table th,.uas-compare-table td{padding:9px;border-right:1px solid #eceef3;border-bottom:1px solid #eceef3;text-align:left;vertical-align:top}.uas-compare-table th:first-child,.uas-compare-table td:first-child{position:sticky;left:0;background:#fafbfe;z-index:2}.uas-compare-table__hero img{width:90px;height:90px;object-fit:contain} .uas-quick-view__content{padding:14px} .uas-quick-view__skeleton{height:320px;border-radius:14px;background:linear-gradient(90deg,#f3f4f7 20%,#fbfbfd 35%,#f3f4f7 55%);background-size:220% 100%;animation:uas-live-search-shimmer 1.1s linear infinite} @keyframes uas-live-search-shimmer{to{background-position:-220% 0}} .uas-quick-view__stage{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:22px} .uas-quick-view__media{display:grid;place-items:center;min-height:330px;border:1px solid #e8eaf0;border-radius:14px;background:#fbfbfd;overflow:hidden}.uas-quick-view__media img{max-height:320px;object-fit:contain} .uas-quick-view__info{min-width:0;padding:4px 4px 4px 0}.uas-quick-view__category{color:var(--uas-primary);font-size:8px;font-weight:900;text-transform:uppercase}.uas-quick-view__info h2{margin:5px 0 8px;font-size:26px;line-height:1.1;letter-spacing:-.04em}.uas-quick-view__price{font-size:22px;font-weight:950}.uas-quick-view__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.uas-quick-view__meta span{padding:5px 8px;border-radius:999px;background:#f5f6f9;color:#778195;font-size:8px}.uas-quick-view__actions{display:flex;gap:7px;margin-top:14px}.uas-quick-view__add,.uas-quick-view__buy,.uas-quick-view__link{min-height:42px;padding:0 13px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:900}.uas-quick-view__add{border:0;background:var(--uas-navy);color:#fff}.uas-quick-view__buy{border:0;background:linear-gradient(135deg,#633ff1,#b031e7);color:#fff}.uas-quick-view__link{border:1px solid #e1e4eb;background:#fff;color:#47536a}.uas-quick-view__tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.uas-quick-view__tool{min-height:34px;padding:0 9px;border:1px solid #e2e5ec;border-radius:9px;background:#fff;font-size:8px;font-weight:800} .uas-toast{position:fixed;left:50%;bottom:100px;z-index:700;transform:translateX(-50%);min-width:180px;max-width:calc(100vw - 30px);padding:10px 14px;border-radius:10px;background:#0b1530;color:#fff;box-shadow:0 12px 30px rgba(5,13,31,.22);font-size:9px;font-weight:800;text-align:center} /* Sticky buy */ .uas-sticky-buy{position:fixed;left:50%;bottom:18px;z-index:320;transform:translate(-50%,140%);width:min(760px,calc(100vw - 34px));min-height:66px;padding:8px 10px;border:1px solid #ddd9f7;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(10,17,38,.18);backdrop-filter:blur(16px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;transition:transform .22s ease} .uas-sticky-buy.is-visible{transform:translate(-50%,0)} .uas-sticky-buy__product{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center;min-width:0}.uas-sticky-buy__thumb img{width:48px;height:48px;border-radius:9px;object-fit:contain}.uas-sticky-buy__copy{min-width:0}.uas-sticky-buy__copy small{display:block;color:#8b94a7;font-size:7px}.uas-sticky-buy__title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px}.uas-sticky-buy__price{display:block;margin-top:1px;font-size:11px}.uas-sticky-buy__actions{display:flex;gap:6px}.uas-sticky-buy__button{min-height:42px;padding:0 13px;border:0;border-radius:10px;font-size:9px;font-weight:900;cursor:pointer}.uas-sticky-buy__button--cart{background:var(--uas-navy);color:#fff}.uas-sticky-buy__button--buy{background:linear-gradient(135deg,#6541f0,#ba30df);color:#fff} /* Mobile bottom nav / search sheet */ .uas-mobile-bottom{display:none} .uas-mobile-search-sheet{position:fixed;inset:0;z-index:520;--uas-mobile-search-kb:0px} .uas-mobile-search-sheet__panel{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom) + var(--uas-mobile-search-kb));max-height:min(720px,calc(100dvh - 22px - var(--uas-mobile-search-kb)));padding:0 12px calc(14px + env(safe-area-inset-bottom)) ;border:1px solid #e0e3eb;border-radius:22px;background:#fff;box-shadow:0 26px 80px rgba(5,13,31,.28);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:bottom .18s ease,max-height .18s ease} .uas-mobile-search-sheet__panel>header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 1px 11px;background:#fff;border-bottom:1px solid #eceef3}.uas-mobile-search-sheet__panel>header span{display:block;color:var(--uas-primary);font-size:7px;font-weight:950;letter-spacing:.12em}.uas-mobile-search-sheet__panel>header strong{display:block;font-size:18px}.uas-mobile-search-sheet__panel>header button{width:36px;height:36px;border:1px solid #e2e5ec;border-radius:10px;background:#f7f8fa;font-size:21px} html.uas-keyboard-open .uas-mobile-search-sheet__panel{box-shadow:0 18px 52px rgba(5,13,31,.22)} html.uas-keyboard-open .uas-mobile-search-sheet__panel>header{padding-top:12px} .uas-mobile-search-form{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 70px;align-items:center;min-height:48px;margin-top:11px;border:1px solid #dddfea;border-radius:12px;background:#fff;overflow:hidden}.uas-mobile-search-form>svg{justify-self:center;width:18px;height:18px;color:var(--uas-primary)}.uas-mobile-search-form input{min-width:0;height:46px;border:0;outline:0;font-size:10px}.uas-mobile-search-form button{align-self:stretch;border:0;background:var(--uas-primary);color:#fff;font-size:9px;font-weight:900} .uas-live-search--mobile{position:static;margin-top:12px;padding:12px;border:1px solid #e7e3f6;border-radius:20px;background:linear-gradient(180deg,#fcfbff 0%,#f8f8fe 100%);box-shadow:0 12px 28px rgba(18,27,52,.08), inset 0 1px 0 rgba(255,255,255,.88);max-height:340px;scrollbar-width:thin;scrollbar-color:#cfc6fb transparent}.uas-live-search--mobile .uas-live-search__empty,.uas-live-search--mobile .uas-live-search__loading{padding:22px 16px;border:1px dashed #e8e2ff;border-radius:16px;background:rgba(255,255,255,.72);color:#64708a;font-size:11px}.uas-live-search--mobile .uas-live-search__correction,.uas-live-search--mobile .uas-live-search__intent{display:grid;gap:5px;margin:0 0 12px;padding:12px 13px;border:1px solid #ebe5ff;border-radius:16px;background:linear-gradient(180deg,#f7f4ff 0%,#f1edff 100%);color:#5c4bc8;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.uas-live-search--mobile .uas-live-search__correction span,.uas-live-search--mobile .uas-live-search__intent span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.uas-live-search--mobile .uas-live-search__correction strong,.uas-live-search--mobile .uas-live-search__intent strong{font-size:12px;line-height:1.45}.uas-live-search--mobile .uas-live-search__shortcuts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;padding:14px;border:1px solid #ece7ff;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(17,24,39,.04)}.uas-live-search--mobile .uas-live-search__shortcuts>span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f5f1ff;color:#6958db;font-size:10px;font-weight:900;letter-spacing:.04em}.uas-live-search--mobile .uas-live-search__shortcuts a{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid #e7e1ff;border-radius:999px;background:#fff;color:#657089;font-size:10px;font-weight:820;box-shadow:0 6px 14px rgba(91,61,245,.05)}.uas-live-search--mobile .uas-live-search__list{gap:10px}.uas-live-search--mobile .uas-live-search__item{grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #eceef5;border-radius:18px;background:#fff;box-shadow:0 12px 22px rgba(16,24,40,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.uas-live-search--mobile .uas-live-search__item:hover,.uas-live-search--mobile .uas-live-search__item:focus-visible{background:#fff;border-color:#ddd5ff;box-shadow:0 14px 28px rgba(91,61,245,.10);transform:translateY(-1px)}.uas-live-search--mobile .uas-live-search__item img{width:68px;height:68px;padding:4px;border:1px solid #eef0f5;border-radius:16px;background:linear-gradient(180deg,#fff,#fafbff);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}.uas-live-search--mobile .uas-live-search__copy{display:grid;gap:4px}.uas-live-search--mobile .uas-live-search__signals{display:flex;flex-wrap:wrap;gap:5px}.uas-live-search--mobile .uas-live-search__signal{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:860}.uas-live-search--mobile .uas-live-search__signal.is-strong{background:#efeaff;color:#5b47db}.uas-live-search--mobile .uas-live-search__signal.is-related{background:#f2f4f8;color:#667085}.uas-live-search--mobile .uas-live-search__signal.is-fitment{background:#eef9f2;color:#1f8b4d}.uas-live-search--mobile .uas-live-search__copy small{margin-top:0;color:#8a93a6;font-size:10px;line-height:1.45}.uas-live-search--mobile .uas-live-search__copy strong{font-size:15px;line-height:1.28;color:#19233f}.uas-live-search--mobile .uas-live-search__copy em{display:block;margin-top:2px;color:#1b253d;font-size:11px;font-style:normal;font-weight:780}.uas-live-search--mobile .uas-live-search__item b{align-self:center;justify-self:end;color:#17203a;font-size:14px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}.uas-live-search--mobile .uas-live-search__all{min-height:52px;margin-top:12px;border:1px solid #ebe5ff;border-radius:16px;background:linear-gradient(180deg,#f5f1ff 0%,#efeaff 100%);color:#5b3df5;font-size:12px;font-weight:920;box-shadow:0 10px 20px rgba(91,61,245,.08)}.uas-live-search--mobile .uas-live-search__all:hover{background:linear-gradient(180deg,#f1ebff 0%,#e9e1ff 100%)} .uas-mobile-search-sheet__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.uas-mobile-search-sheet__saved{min-height:42px;padding:0 10px;border:1px solid #e3e5ed;border-radius:10px;background:#fafbfe;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;font-weight:850}.uas-mobile-search-sheet__saved>span:first-child{display:flex;align-items:center;gap:6px}.uas-mobile-search-sheet__saved svg{width:16px;height:16px;color:var(--uas-primary)} .uas-mobile-search-sheet__history{margin-top:13px;padding-top:11px;border-top:1px solid #eceef2}.uas-mobile-search-sheet__history-head{display:flex;align-items:center;justify-content:space-between;font-size:9px}.uas-mobile-search-sheet__history-head button{border:0;background:none;color:var(--uas-primary);font-size:8px}.uas-mobile-search-sheet__history-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.uas-mobile-search-sheet__history-list button{padding:5px 8px;border:1px solid #e4e6ec;border-radius:999px;background:#fff;font-size:8px} .uas-mobile-search-sheet__quick{margin-top:13px}.uas-mobile-search-sheet__quick>strong{font-size:9px}.uas-mobile-search-sheet__quick>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.uas-mobile-search-sheet__quick a{padding:6px 8px;border-radius:999px;background:#f1efff;color:#5f4fd0;font-size:8px;font-weight:800} @media(max-width:1240px){.uas-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uas-category-card{min-height:190px}.uas-smart-finder__shell{grid-template-columns:minmax(240px,.8fr) minmax(380px,1.4fr) 220px}.uas-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.uas-product-grid--new .uas-product-card:nth-child(n/**/+9){display:none}.uas-deals__layout{grid-template-columns:190px minmax(0,1fr)}.uas-footer__top{grid-template-columns:1.3fr repeat(3,minmax(130px,.65fr));gap:26px}} @media(max-width:1024px){.uas-container{width:min(calc(100% - 30px),var(--uas-container))}.uas-hero-premium__content{width:68%;padding:46px 38px 36px}.uas-hero-premium__trust{gap:14px}.uas-smart-finder__shell{grid-template-columns:1fr;gap:12px}.uas-smart-finder__actions{grid-template-columns:repeat(3,1fr)}.uas-smart-finder__actions button,.uas-smart-finder__actions a{min-height:55px;flex-direction:row}.uas-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uas-product-grid--new .uas-product-card:nth-child(n/**/+7){display:none}.uas-deals__layout{grid-template-columns:1fr}.uas-deals__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.uas-deals__summary>a{margin:0;min-width:150px}.uas-product-grid--deals{grid-template-columns:repeat(4,minmax(0,1fr))}.uas-category-explorer-064__shell{grid-template-columns:180px minmax(0,1fr)}.uas-category-explorer-064__grid{grid-template-columns:1fr}.uas-category-explorer-064__aside{padding:10px 0 0;border-left:0;border-top:1px solid #e7e9f0}.uas-category-explorer-064__products{grid-template-columns:repeat(2,minmax(0,1fr))}.uas-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.uas-footer__top{grid-template-columns:1.3fr 1fr 1fr}.uas-footer__col:last-child{display:none}} @media(max-width:760px){:root{--uas-mobile-nav-h:94px}html{scroll-padding-bottom:calc(var(--uas-mobile-nav-h) + 18px)}body{padding-bottom:calc(var(--uas-mobile-nav-h) + env(safe-area-inset-bottom));background:#fff}.uas-container{width:min(calc(100% - 20px),var(--uas-container))}.uas-section{padding:40px 0}.uas-section__head{align-items:flex-start;margin-bottom:16px}.uas-section__head h2,.uas-category-explorer-064__head h2{font-size:23px}.uas-section__head p,.uas-category-explorer-064__head p{font-size:9.5px}.uas-text-link{min-height:32px;padding:0 9px;font-size:8px}.uas-eyebrow{font-size:7.5px}.uas-hero-premium{padding:0;background:#fff}.uas-hero-premium>.uas-container{width:100%}.uas-hero-premium__stage{min-height:420px;border-radius:0;box-shadow:none}.uas-hero-premium__slide::before{background-position:64% 50%}.uas-hero-premium__slide::after{background:linear-gradient(90deg,rgba(5,14,34,.96) 0%,rgba(5,14,34,.86) 46%,rgba(5,14,34,.30) 100%),linear-gradient(0deg,rgba(5,13,31,.50),transparent 46%)}.uas-hero-premium__content{width:82%;padding:34px 18px 86px}.uas-hero-premium h1{font-size:36px;line-height:.98;margin:8px 0 10px}.uas-hero-premium__content>p{font-size:11px;line-height:1.45}.uas-hero-premium__actions{margin-top:16px}.uas-btn{min-height:40px;padding:0 12px;border-radius:9px;font-size:8.5px}.uas-hero-premium__trust{display:none}.uas-hero-premium__signature{right:16px;top:30px}.uas-hero-premium__signature span{font-size:17px}.uas-hero-premium__signature strong{font-size:9px}.uas-hero-premium__controls{left:16px;right:16px;bottom:14px;justify-content:center;padding:8px 10px;border-radius:14px}.uas-hero-premium__arrow{width:34px;height:34px}.uas-hero-premium__dot.is-active{width:22px}.uas-section--categories{padding:18px 0 24px}.uas-section--categories .uas-section__head{display:flex}.uas-section--categories .uas-section__head p{display:none}.uas-category-grid{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px;margin-right:-10px;scrollbar-width:none}.uas-category-grid::-webkit-scrollbar{display:none}.uas-category-card{flex:0 0 126px;min-height:150px;border-radius:11px;scroll-snap-align:start}.uas-category-card__icon{left:9px;bottom:49px;width:25px;height:25px;border-radius:7px}.uas-category-card__icon svg{width:14px;height:14px}.uas-category-card__copy{inset:auto 9px 8px}.uas-category-card__copy strong{min-height:27px;font-size:9px}.uas-category-card__copy small{font-size:6.5px}.uas-category-card__copy b{margin-top:4px;padding-top:4px;font-size:6.5px}.uas-smart-finder{padding:2px 0 29px}.uas-smart-finder__shell{padding:13px;border-radius:14px;gap:10px}.uas-smart-finder__intro{gap:10px}.uas-smart-finder__mark{width:39px;height:39px;flex-basis:39px;border-radius:11px;font-size:14px}.uas-smart-finder__intro h2{font-size:15px}.uas-smart-finder__intro p{font-size:8px}.uas-smart-finder__form{grid-template-columns:33px minmax(0,1fr) 65px;min-height:43px}.uas-smart-finder__form input{height:41px;font-size:8.5px}.uas-smart-finder__form button{font-size:8px}.uas-smart-finder__chips{gap:4px}.uas-smart-finder__chips span{min-height:21px;padding:0 7px;font-size:6.5px}.uas-smart-finder__actions{display:none}.uas-smart-finder__workbench>.uas-live-search{top:50px}.uas-home-new{padding-top:34px}.uas-home-new .uas-section__head p{display:none}.uas-product-grid{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 1px 6px;margin-right:-10px;scrollbar-width:none}.uas-product-grid::-webkit-scrollbar{display:none}.uas-product-card{flex:0 0 169px;border-radius:12px;scroll-snap-align:start}.uas-product-grid--new .uas-product-card:nth-child(n){display:flex}.uas-product-card__media{aspect-ratio:1.15/1;padding:10px 9px 5px}.uas-product-tools.is-compact{right:5px;top:5px;gap:3px}.uas-product-tools.is-compact .uas-product-tool{width:26px;height:26px}.uas-product-tool svg{width:12px;height:12px}.uas-product-card__badges{left:6px;top:6px}.uas-product-card__new,.uas-product-card__sale{min-height:20px;padding:0 6px;font-size:6.5px}.uas-product-card__view{display:none}.uas-product-card__body{padding:6px 8px 8px}.uas-product-card h3{min-height:31px;font-size:9px}.uas-product-card__category{font-size:6px}.uas-product-card__meta{font-size:6px}.uas-product-card__price{font-size:12px}.uas-product-card__price del{font-size:6.5px}.uas-product-card__action .button{min-height:31px!important;font-size:7.5px!important;border-radius:8px!important}.uas-cart-glyph{width:12px;height:12px;flex-basis:12px}.uas-deals{padding:34px 0}.uas-deals__head{align-items:flex-start;margin-bottom:14px}.uas-deals__head h2{font-size:24px}.uas-deals__head p{font-size:8px}.uas-deals__all{min-height:32px;padding:0 9px;font-size:7px}.uas-deals__layout{gap:8px}.uas-deals__summary{display:flex;min-height:104px;padding:13px}.uas-deals__summary-kicker{font-size:7px}.uas-deals__countdown strong,.uas-deals__metric{font-size:24px}.uas-deals__summary>a{align-self:flex-start;min-width:0;min-height:31px;margin-top:11px;padding:0 9px}.uas-product-grid--deals{display:flex}.uas-deals .uas-product-card{flex-basis:165px}.uas-category-explorer-064{padding:38px 0}.uas-category-explorer-064__head{margin-bottom:13px}.uas-category-explorer-064__shell{display:block;padding:7px;border-radius:14px}.uas-category-explorer-064__rail{flex-direction:row;gap:5px;margin-bottom:7px;padding:2px 1px 7px;border-right:0;border-bottom:1px solid #e7e9f0;overflow-x:auto;scrollbar-width:none}.uas-category-explorer-064__rail::-webkit-scrollbar{display:none}.uas-category-explorer-064__rail a{flex:0 0 auto;grid-template-columns:22px auto;min-height:34px;padding:5px 8px;font-size:7.5px}.uas-category-explorer-064__rail small{display:none}.uas-category-explorer-064__rail-icon{width:22px;height:22px;border-radius:6px}.uas-category-explorer-064__rail-icon svg{width:12px;height:12px}.uas-category-explorer-064__panel{padding:4px}.uas-category-explorer-064__summary{gap:8px;padding:3px 2px 8px}.uas-category-explorer-064__summary h3{font-size:16px}.uas-category-explorer-064__summary p{font-size:7px}.uas-category-explorer-064__summary>a{min-height:30px;padding:0 8px;font-size:7px}.uas-category-explorer-064__grid{display:block;padding-top:9px}.uas-category-explorer-064__children{grid-template-columns:1fr 1fr;gap:5px}.uas-category-explorer-064__children article{padding:7px}.uas-category-explorer-064__children article>div:first-child a{font-size:7.5px}.uas-category-explorer-064__subcats{display:none}.uas-category-explorer-064__aside{padding-top:8px;margin-top:8px}.uas-category-explorer-064__brands{display:flex;overflow-x:auto}.uas-category-explorer-064__brands a{flex:0 0 78px;min-height:32px}.uas-category-explorer-064__products{display:flex;gap:5px;overflow-x:auto}.uas-category-explorer-064__products>a{flex:0 0 170px;grid-template-columns:44px minmax(0,1fr)}.uas-category-explorer-064__products img{width:44px;height:44px}.uas-recently-viewed{padding:30px 0 34px}.uas-recently-viewed__head h2{font-size:21px}.uas-recently-viewed__rail{display:flex;gap:6px;overflow-x:auto}.uas-recent-card{flex:0 0 185px;grid-template-columns:68px minmax(0,1fr)}.uas-recent-card__media img{width:56px;height:56px}.uas-benefits-section{padding:34px 0}.uas-benefits{grid-template-columns:1fr 1fr;gap:6px}.uas-benefits>div{grid-template-columns:32px minmax(0,1fr);padding:9px;column-gap:7px}.uas-benefits>div>span{width:32px;height:32px}.uas-benefits svg{width:16px;height:16px}.uas-benefits strong{font-size:8px}.uas-benefits p{font-size:6.5px}.uas-editorial{padding:34px 0}.uas-editorial__grid{display:flex;gap:7px;overflow-x:auto}.uas-editorial-card{flex:0 0 240px}.uas-home-cta{padding-top:6px}.uas-home-cta>.uas-container{width:100%}.uas-home-cta__shell{border-radius:0;min-height:80px;padding:12px 14px}.uas-home-cta__icon{width:36px;height:36px}.uas-home-cta__shell strong{font-size:10px}.uas-home-cta__shell p{font-size:7px}.uas-home-cta__shell>a{min-height:35px;padding:0 10px;font-size:8px}.uas-footer{padding:31px 0 calc(22px + var(--uas-mobile-nav-h) + env(safe-area-inset-bottom))}.uas-footer__top{grid-template-columns:1fr 1fr;gap:24px 15px}.uas-footer__brand{grid-column:1/-1}.uas-footer__brand p{font-size:8.5px}.uas-footer__trust{font-size:7px}.uas-footer__col:last-child{display:flex}.uas-footer__col h3{font-size:9px}.uas-footer__col a,.uas-footer__col button{font-size:7.5px}.uas-footer__bottom{flex-direction:column;align-items:flex-start;gap:5px;margin-top:22px;font-size:7px}.uas-mobile-bottom{position:fixed;left:14px;right:14px;bottom:max(10px,env(safe-area-inset-bottom,10px));z-index:340;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:2px;padding:6px 5px;border:1px solid rgba(213,217,227,.84);border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 18px 48px rgba(16,24,40,.18);backdrop-filter:blur(18px) saturate(1.35)}.uas-mobile-bottom>a,.uas-mobile-bottom>button{position:relative;min-width:0;min-height:58px;margin:0;padding:5px 2px 4px;border:0;border-radius:17px;background:transparent;color:#778195;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8.5px;font-weight:820;line-height:1.05;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.uas-mobile-bottom>a:active,.uas-mobile-bottom>button:active{transform:scale(.97)}.uas-mobile-bottom__icon{position:relative;display:grid;place-items:center;width:30px;height:28px;border-radius:10px}.uas-mobile-bottom__icon svg{width:22px;height:22px}.uas-mobile-bottom a.is-active{background:linear-gradient(135deg,#f3f0ff,#ebe6ff);color:var(--uas-primary);box-shadow:inset 0 0 0 1px rgba(91,61,245,.045)}.uas-mobile-bottom a.is-active .uas-mobile-bottom__icon{background:transparent}.uas-mobile-bottom__search{color:var(--uas-primary)!important;overflow:visible}.uas-mobile-bottom__search-icon{display:grid;place-items:center;width:54px;height:54px;margin-top:-25px;border:5px solid rgba(255,255,255,.99);border-radius:18px;background:linear-gradient(145deg,#5b3df5,#8d4eff);color:#fff;box-shadow:0 13px 30px rgba(91,61,245,.34),0 3px 8px rgba(42,25,125,.16)}.uas-mobile-bottom__search-icon svg{width:24px;height:24px}.uas-mobile-bottom__search>span:nth-child(2){margin-top:1px;color:var(--uas-primary);font-weight:930}.uas-mobile-cart-count{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--uas-primary);color:#fff;font-size:7px;font-weight:950;box-shadow:0 5px 12px rgba(91,61,245,.20)}.uas-mobile-bottom__compare-badge{position:absolute;top:-4px;right:4px;display:flex;align-items:center;gap:2px;min-height:17px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#151c3c;color:#fff;font-size:6px;font-weight:900;box-shadow:0 4px 10px rgba(9,20,47,.18)}.uas-cart-drawer__panel,.uas-wishlist-drawer__panel{right:7px;top:max(7px,calc(var(--wp-admin--admin-bar--height,0px) + 7px));bottom:calc(var(--uas-mobile-nav-h) + 8px + env(safe-area-inset-bottom));width:calc(100vw - 14px);border-radius:17px}.uas-mini-cart-empty{min-height:300px}.uas-compare-tray{display:none!important}.uas-quick-view__panel,.uas-compare-modal__panel{top:auto;left:7px;right:7px;bottom:calc(var(--uas-mobile-nav-h) + 7px + env(safe-area-inset-bottom));transform:none;width:auto;max-height:calc(100vh - var(--uas-mobile-nav-h) - 18px);border-radius:17px}.uas-quick-view__stage{grid-template-columns:1fr;gap:10px}.uas-quick-view__media{min-height:210px}.uas-quick-view__media img{max-height:205px}.uas-quick-view__info h2{font-size:20px}.uas-quick-view__actions{display:grid;grid-template-columns:1fr 1fr}.uas-quick-view__link{grid-column:1/-1}.uas-sticky-buy{left:7px;right:7px;bottom:calc(var(--uas-mobile-nav-h) + 7px + env(safe-area-inset-bottom));transform:translateY(160%);width:auto;min-height:62px;padding:7px;border-radius:14px;grid-template-columns:auto 1fr}.uas-sticky-buy.is-visible{transform:none}.uas-sticky-buy__product{display:none}.uas-sticky-buy__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.uas-sticky-buy__button{min-height:46px;padding:0 8px;font-size:8.5px}html.uas-cart-open,html.uas-menu-open,html.uas-search-sheet-open,html.uas-wishlist-open,html.uas-quick-view-open,html.uas-compare-open{overflow:hidden}} @media(max-width:390px){.uas-mobile-bottom{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom,8px));padding:5px 4px;border-radius:20px}.uas-mobile-bottom>a,.uas-mobile-bottom>button{min-height:56px;padding-inline:1px;font-size:8px}.uas-mobile-bottom__search-icon{width:52px;height:52px;margin-top:-24px;border-radius:17px}.uas-mobile-bottom__icon svg{width:21px;height:21px}} @media(max-width:360px){.uas-mobile-bottom{left:8px;right:8px;gap:0}.uas-mobile-bottom>a,.uas-mobile-bottom>button{font-size:7.5px}.uas-mobile-bottom__search-icon{width:50px;height:50px}} @media(max-width:430px){.uas-container{width:min(calc(100% - 16px),var(--uas-container))}.uas-hero-premium__stage{min-height:385px}.uas-hero-premium__content{width:86%;padding:28px 14px 82px}.uas-hero-premium h1{font-size:34px}.uas-hero-premium__content>p{font-size:10px}.uas-hero-premium__signature{display:none}.uas-hero-premium__actions{gap:8px}.uas-btn--glass{display:none}.uas-hero-premium__controls{left:12px;right:12px;bottom:12px}.uas-section__head h2,.uas-category-explorer-064__head h2{font-size:21px}.uas-text-link{font-size:7px}.uas-category-card{flex-basis:118px;min-height:143px}.uas-product-card{flex-basis:160px}.uas-deals .uas-product-card{flex-basis:157px}.uas-smart-finder__shell{padding:11px}.uas-smart-finder__intro p{display:none}.uas-category-explorer-064__children{grid-template-columns:1fr}.uas-category-explorer-064__children article:nth-child(n/**/+5){display:none}.uas-benefits{grid-template-columns:1fr 1fr}.uas-benefits p{display:none}.uas-benefits>div{align-items:center}.uas-benefits>div>span{grid-row:auto}.uas-home-cta__shell{gap:8px}.uas-home-cta__shell p{display:none}.uas-home-cta__icon{display:none}.uas-footer__top{grid-template-columns:1fr 1fr}.uas-footer__brand{grid-column:1/-1}} @media(max-width:360px){.uas-hero-premium h1{font-size:31px}.uas-hero-premium__content{width:89%;padding-bottom:78px}.uas-category-card{flex-basis:111px}.uas-product-card{flex-basis:153px}.uas-deals .uas-product-card{flex-basis:150px}.uas-benefits{grid-template-columns:1fr}.uas-footer__top{grid-template-columns:1fr}.uas-footer__brand{grid-column:auto}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}} /* WordPress admin-bar collision guard for fixed commerce drawers. */ .admin-bar .uas-cart-drawer__panel, .admin-bar .uas-wishlist-drawer__panel { top: 42px; max-height: calc(100dvh - 56px); } @media (max-width: 782px) {.admin-bar .uas-cart-drawer__panel, .admin-bar .uas-wishlist-drawer__panel { top: 56px; max-height: calc(100dvh - 68px - var(--uas-mobile-nav-h)); }} [data-uas-countdown].is-expired [data-uas-countdown-output] { opacity: .72; } @media(max-width:390px){.uas-live-search--mobile{padding:10px;border-radius:18px}.uas-live-search--mobile .uas-live-search__shortcuts{padding:12px}.uas-live-search--mobile .uas-live-search__item{grid-template-columns:60px minmax(0,1fr);gap:10px}.uas-live-search--mobile .uas-live-search__item img{width:60px;height:60px}.uas-live-search--mobile .uas-live-search__item b{grid-column:2;justify-self:start;margin-top:2px;font-size:13px}.uas-live-search--mobile .uas-live-search__copy strong{font-size:14px}} /* v0.6.9.11 — Mobile sticky buy refinement with price + quantity */ .single-product .uas-sticky-buy{ grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; } .single-product .uas-sticky-buy__purchase{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; min-width:0; } .single-product .uas-sticky-buy__meta small{ display:block; color:#7f89a0; font-size:9px; font-weight:860; letter-spacing:.06em; text-transform:uppercase; } .single-product .uas-sticky-buy__meta strong{ display:block; margin-top:2px; color:#152140; font-size:18px; font-weight:950; line-height:1.05; white-space:nowrap; } .single-product .uas-sticky-buy__qty{ display:grid; grid-template-columns:36px 52px 36px; gap:6px; align-items:center; padding:6px; border:1px solid #dfe5f0; border-radius:16px; background:linear-gradient(180deg,#ffffff 0%,#f8faff 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(17,24,39,.05); } .single-product .uas-sticky-buy__qty-btn{ width:36px; height:36px; border:0; border-radius:12px; background:#eff2f8; color:#16213f; font-size:22px; font-weight:900; line-height:1; cursor:pointer; } .single-product .uas-sticky-buy__qty-input{ width:52px; height:36px; padding:0; border:0; background:transparent; color:#131d37; font-size:16px; font-weight:950; text-align:center; appearance:textfield; -moz-appearance:textfield; } .single-product .uas-sticky-buy__qty-input::-webkit-outer-spin-button, .single-product .uas-sticky-buy__qty-input::-webkit-inner-spin-button{appearance:none;margin:0} .single-product .uas-sticky-buy__qty-btn:disabled, .single-product .uas-sticky-buy__qty-input:disabled{opacity:.5;cursor:not-allowed} .single-product .uas-sticky-buy__actions{ display:flex; justify-content:flex-end; gap:8px; } @media(max-width:760px){ .single-product .uas-sticky-buy{ left:10px; right:10px; bottom:calc(var(--uas-mobile-nav-h) + 10px + env(safe-area-inset-bottom)); width:auto; grid-template-columns:1fr; gap:10px; padding:12px; border-radius:24px; } .single-product .uas-sticky-buy__product{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; } .single-product .uas-sticky-buy__thumb{display:none} .single-product .uas-sticky-buy__copy{min-width:0} .single-product .uas-sticky-buy__copy small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#7260df;font-weight:950} .single-product .uas-sticky-buy__title{font-size:11px;color:#16203a} .single-product .uas-sticky-buy__price{display:none} .single-product .uas-sticky-buy__purchase{ grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; } .single-product .uas-sticky-buy__meta strong{font-size:20px} .single-product .uas-sticky-buy__qty{grid-template-columns:34px 48px 34px;gap:5px;padding:5px 6px;border-radius:15px} .single-product .uas-sticky-buy__qty-btn{width:34px;height:34px;border-radius:11px;font-size:20px} .single-product .uas-sticky-buy__qty-input{width:48px;height:34px;font-size:15px} .single-product .uas-sticky-buy__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%} .single-product .uas-sticky-buy__button{min-height:52px;padding:0 10px;font-size:11px} } @media(max-width:390px){ .single-product .uas-sticky-buy{padding:10px;gap:9px} .single-product .uas-sticky-buy__product, .single-product .uas-sticky-buy__purchase{grid-template-columns:1fr;gap:8px} .single-product .uas-sticky-buy__meta strong{font-size:18px} .single-product .uas-sticky-buy__qty{justify-self:start} .single-product .uas-sticky-buy__button{min-height:50px;font-size:10px} } /* v0.6.9.12 — Mobile sticky buy aesthetic refinement */ .single-product .uas-sticky-buy{ border-radius:28px; background:linear-gradient(180deg,rgba(255,255,255,.985) 0%,rgba(251,251,255,.97) 100%); box-shadow:0 20px 44px rgba(13,22,42,.14), inset 0 1px 0 rgba(255,255,255,.98); } .single-product .uas-sticky-buy__product{display:none} .single-product .uas-sticky-buy__purchase{ padding:2px 0 0; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:end; } .single-product .uas-sticky-buy__meta small{ font-size:8.5px; letter-spacing:.14em; color:#7c69ea; } .single-product .uas-sticky-buy__meta strong{ font-size:24px; letter-spacing:-.03em; } .single-product .uas-sticky-buy__qty{ padding:4px; border-radius:18px; border-color:#e6e9f2; background:#f8f9fd; box-shadow:none; } .single-product .uas-sticky-buy__qty-btn{ background:#fff; border:1px solid #e4e9f3; color:#223052; box-shadow:0 6px 12px rgba(17,24,39,.04); } .single-product .uas-sticky-buy__qty-input{color:#1a2340} .single-product .uas-sticky-buy__actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; width:100%; } .single-product .uas-sticky-buy__button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:54px; padding:0 14px; border-radius:18px; font-size:12px; } .single-product .uas-sticky-buy__button-icon{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; } .single-product .uas-sticky-buy__button-icon svg{width:18px;height:18px;display:block} .single-product .uas-sticky-buy__button-label{display:inline-block;line-height:1} .single-product .uas-sticky-buy__button--cart{ background:linear-gradient(180deg,#eef2ff 0%,#e6ecff 100%); border:1px solid #d8e1ff; color:#2946b8; box-shadow:0 10px 22px rgba(73,104,219,.12), inset 0 1px 0 rgba(255,255,255,.75); } .single-product .uas-sticky-buy__button--cart:hover, .single-product .uas-sticky-buy__button--cart:focus-visible{ background:linear-gradient(180deg,#e9efff 0%,#dde6ff 100%); box-shadow:0 12px 24px rgba(73,104,219,.16), inset 0 1px 0 rgba(255,255,255,.8); } .single-product .uas-sticky-buy__button--buy{ background:linear-gradient(135deg,#714cff 0%,#9f4bff 52%,#db4bdd 100%); border:1px solid rgba(194,118,255,.44); color:#fff; box-shadow:0 14px 28px rgba(121,71,255,.24), inset 0 1px 0 rgba(255,255,255,.18); } @media(max-width:760px){ .single-product .uas-sticky-buy{ padding:12px; gap:12px; border-radius:26px; } .single-product .uas-sticky-buy__purchase{grid-template-columns:minmax(0,1fr) auto;gap:12px} .single-product .uas-sticky-buy__meta strong{font-size:22px} .single-product .uas-sticky-buy__button{min-height:52px;border-radius:17px;font-size:11px} } @media(max-width:390px){ .single-product .uas-sticky-buy{padding:10px;gap:10px} .single-product .uas-sticky-buy__purchase{grid-template-columns:1fr auto;gap:10px} .single-product .uas-sticky-buy__meta strong{font-size:20px} .single-product .uas-sticky-buy__qty{grid-template-columns:32px 44px 32px} .single-product .uas-sticky-buy__qty-btn{width:32px;height:32px} .single-product .uas-sticky-buy__qty-input{width:44px;height:32px;font-size:14px} .single-product .uas-sticky-buy__actions{gap:8px} .single-product .uas-sticky-buy__button{min-height:50px;padding:0 10px;gap:6px;font-size:10.5px} .single-product .uas-sticky-buy__button-icon, .single-product .uas-sticky-buy__button-icon svg{width:16px;height:16px;flex-basis:16px} } /* v0.6.9.14 — sticky CTA icon spacing normalization */ .single-product .uas-sticky-buy__button{column-gap:10px} .single-product .uas-sticky-buy__button-icon{margin-inline-end:2px} .single-product .uas-sticky-buy__button-label{display:inline-flex;align-items:center} @media(max-width:390px){.single-product .uas-sticky-buy__button{column-gap:8px}.single-product .uas-sticky-buy__button-icon{margin-inline-end:1px}} /* v0.6.9.15 — Mobile premium footer refinement */ .uas-footer{ background: radial-gradient(circle at 82% 14%,rgba(118,92,255,.22),transparent 28%), radial-gradient(circle at 10% 92%,rgba(58,111,255,.12),transparent 24%), linear-gradient(135deg,#06122c 0%,#0d1c45 48%,#1c1b59 100%); } .uas-footer__brand, .uas-footer__col, .uas-footer__bottom{ backdrop-filter:saturate(1.1) blur(6px); } .uas-footer__logo{ padding:10px 12px; border-radius:16px; box-shadow:0 14px 34px rgba(11,18,36,.14); } .uas-footer__brand p{font-size:12px;line-height:1.75;color:#c3cbe0} .uas-footer__trust{gap:10px 10px;font-size:11px;font-weight:820} .uas-footer__trust span{ padding:9px 11px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.04); } .uas-footer__trust i{width:8px;height:8px;box-shadow:0 0 0 6px rgba(118,97,255,.10)} .uas-footer__col{ padding:18px 16px; border:1px solid rgba(255,255,255,.08); border-radius:24px; background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.025) 100%); box-shadow:0 18px 34px rgba(6,13,29,.16), inset 0 1px 0 rgba(255,255,255,.06); gap:10px; } .uas-footer__col h3{font-size:15px;letter-spacing:-.02em;margin-bottom:4px} .uas-footer__col a, .uas-footer__col button{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:44px; padding:0 14px; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:rgba(255,255,255,.035); color:#d7ddee; font-size:12px; font-weight:700; line-height:1.25; transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease; } .uas-footer__col a::after, .uas-footer__col button::after{ content:"›"; font-size:16px; line-height:1; color:#8974ff; opacity:.95; } .uas-footer__col a:hover, .uas-footer__col button:hover, .uas-footer__col a:focus-visible, .uas-footer__col button:focus-visible{ background:rgba(255,255,255,.065); border-color:rgba(137,116,255,.34); color:#fff; transform:translateY(-1px); } .uas-footer__bottom{ padding:16px 18px; border-top:0; border:1px solid rgba(255,255,255,.08); border-radius:22px; background:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.025) 100%); box-shadow:0 18px 34px rgba(6,13,29,.16), inset 0 1px 0 rgba(255,255,255,.06); color:#c0c8dc; font-size:11px; } .uas-footer__bottom-note{ padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.05); color:#dce2ef; } .uas-footer__bottom-note i{width:8px;height:8px;box-shadow:0 0 0 6px rgba(122,102,255,.10)} @media(max-width:760px){ .uas-footer{ padding:30px 0 calc(26px + var(--uas-mobile-nav-h) + env(safe-area-inset-bottom)); } .uas-footer__top{ grid-template-columns:1fr!important; gap:14px!important; } .uas-footer__brand{ grid-column:auto!important; max-width:none; padding:18px 16px; border:1px solid rgba(255,255,255,.09); border-radius:28px; background:linear-gradient(180deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.028) 100%); box-shadow:0 22px 42px rgba(7,14,30,.20), inset 0 1px 0 rgba(255,255,255,.07); } .uas-footer__logo{padding:12px 14px;border-radius:18px} .uas-footer__logo img{height:40px;width:auto;max-width:100%} .uas-footer__brand p{ margin-top:14px; font-size:13px!important; line-height:1.7; } .uas-footer__trust{ display:grid; grid-template-columns:1fr; margin-top:16px; font-size:11px!important; } .uas-footer__col{ padding:16px 14px; border-radius:22px; gap:9px; } .uas-footer__col h3{font-size:15px!important} .uas-footer__col a, .uas-footer__col button{ min-height:46px; padding:0 14px; font-size:12px!important; border-radius:14px; } .uas-footer__bottom{ flex-direction:column; align-items:flex-start; gap:10px; margin-top:16px; padding:15px 16px; font-size:10.5px!important; } } @media(max-width:430px){ .uas-footer__brand{padding:16px 14px;border-radius:24px} .uas-footer__logo img{height:34px} .uas-footer__brand p{font-size:12px!important} .uas-footer__trust span{padding:8px 10px;font-size:10.5px} .uas-footer__col{padding:14px 12px;border-radius:20px} .uas-footer__col h3{font-size:14px!important} .uas-footer__col a, .uas-footer__col button{min-height:42px;font-size:11.5px!important;padding:0 12px} .uas-footer__bottom{border-radius:18px;font-size:10px!important} .uas-footer__bottom-note{font-size:10px} } @media(max-width:360px){ .uas-footer__brand p{font-size:11.5px!important} .uas-footer__col a, .uas-footer__col button{font-size:11px!important} } /* v0.6.9.16 — Mobile categories + smart finder premium refresh */ .uas-section--categories .uas-section__head{ align-items:flex-start; gap:16px; } .uas-section--categories .uas-text-link{ border:1px solid #e6e0fb; border-radius:20px; background:linear-gradient(180deg,#ffffff 0%,#faf8ff 100%); box-shadow:0 12px 26px rgba(65,43,145,.06); color:#5a43dd; font-weight:900; } .uas-section--categories .uas-text-link span{margin-left:4px;font-size:1.1em} .uas-category-card{ border:1px solid rgba(216,221,236,.56); box-shadow:0 16px 34px rgba(18,28,60,.10), inset 0 1px 0 rgba(255,255,255,.15); } .uas-category-card__media{ background: radial-gradient(circle at 84% 18%,rgba(117,89,255,.88),transparent 20%), radial-gradient(circle at 10% 100%,rgba(56,126,246,.24),transparent 24%), linear-gradient(145deg,#08142f,#101c47 56%,#14265a 100%); } .uas-category-card__shade{ background:linear-gradient(180deg,rgba(4,10,28,.06) 0%,rgba(4,10,28,.20) 34%,rgba(4,10,28,.82) 100%); } .uas-category-card__icon{ width:38px; height:38px; border-radius:12px; border-color:rgba(255,255,255,.22); background:linear-gradient(180deg,rgba(16,29,63,.66) 0%,rgba(10,18,41,.78) 100%); box-shadow:0 10px 18px rgba(7,15,36,.22), inset 0 1px 0 rgba(255,255,255,.16); } .uas-category-card__icon svg{width:20px;height:20px} .uas-category-card__copy strong{letter-spacing:-.025em} .uas-category-card__copy small{margin-top:4px;font-weight:600} .uas-category-card__copy b{ margin-top:10px; padding-top:10px; color:#fff; } .uas-category-card__copy b i{ display:grid; place-items:center; width:22px; height:22px; border-radius:999px; background:rgba(255,255,255,.11); font-size:12px; } .uas-smart-finder{ padding-top:12px; } .uas-smart-finder__shell{ position:relative; overflow:hidden; border-color:#e8e6f5; background: radial-gradient(circle at 10% 8%,rgba(112,79,255,.12),transparent 26%), radial-gradient(circle at 88% 92%,rgba(80,135,255,.10),transparent 20%), linear-gradient(135deg,#fcfbff 0%,#f5f2ff 56%,#fbfbff 100%); box-shadow:0 18px 42px rgba(22,27,65,.08); } .uas-smart-finder__shell::before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 28%); } .uas-smart-finder__mark{ width:58px; height:58px; flex-basis:58px; border-radius:18px; font-size:20px; background:linear-gradient(145deg,#6141f7 0%,#8a59ff 100%); box-shadow:0 14px 28px rgba(91,61,245,.24), inset 0 1px 0 rgba(255,255,255,.18); } .uas-smart-finder__intro h2{font-size:20px;line-height:1.08} .uas-smart-finder__intro p{font-size:10px;line-height:1.58} .uas-smart-finder__form,.uas-code-finder__form{ min-height:56px; border-radius:18px; border-color:#e1deef; box-shadow:0 12px 28px rgba(19,27,56,.06); } .uas-smart-finder__form input,.uas-code-finder__form input{height:54px;font-size:11px} .uas-smart-finder__form button,.uas-code-finder__form button{ font-size:11px; letter-spacing:-.01em; } .uas-smart-finder__chips{gap:8px;margin-top:10px} .uas-smart-finder__chips span{ min-height:28px; padding:0 12px; border-color:#dfd9fb; background:rgba(255,255,255,.88); box-shadow:0 8px 14px rgba(86,62,196,.04); color:#5f5a7b; font-size:8.5px; } @media(max-width:760px){ .uas-section--categories{padding:22px 0 26px} .uas-section--categories .uas-section__head{ display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:10px; margin-bottom:14px; } .uas-section--categories .uas-section__head>div{min-width:0} .uas-section--categories .uas-section__head h2{ font-size:28px!important; line-height:.96; letter-spacing:-.055em; margin-top:6px; } .uas-section--categories .uas-text-link{ min-height:48px; padding:0 16px; font-size:11px!important; border-radius:18px; white-space:nowrap; } .uas-category-grid{ gap:10px!important; padding:4px 2px 8px 1px; margin-right:-14px; scroll-padding-left:1px; } .uas-category-card{ flex-basis:178px!important; min-height:212px!important; border-radius:22px!important; } .uas-category-card__media img{opacity:.9} .uas-category-card__icon{ left:14px!important; bottom:72px!important; width:42px; height:42px; border-radius:14px; } .uas-category-card__icon svg{width:22px;height:22px} .uas-category-card__copy{inset:auto 14px 14px!important} .uas-category-card__copy strong{ min-height:50px; font-size:14px!important; line-height:1.12; } .uas-category-card__copy small{font-size:9px!important;color:#d4dbeb} .uas-category-card__copy b{ font-size:10px!important; padding-top:11px; margin-top:9px; } .uas-smart-finder{padding:8px 0 34px!important} .uas-smart-finder__shell{ padding:16px!important; border-radius:26px!important; gap:14px!important; } .uas-smart-finder__intro{ gap:14px; align-items:flex-start; } .uas-smart-finder__mark{ width:60px; height:60px; flex-basis:60px; border-radius:19px; font-size:24px; } .uas-smart-finder__intro .uas-eyebrow{font-size:10px!important;letter-spacing:.12em} .uas-smart-finder__intro h2{ margin-top:5px; font-size:20px!important; line-height:1.08; letter-spacing:-.04em; } .uas-smart-finder__intro p{ display:block!important; margin-top:8px; font-size:11px!important; line-height:1.55; color:#6e7892; } .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:40px minmax(0,1fr) 96px!important; min-height:58px!important; border-radius:20px!important; } .uas-smart-finder__form>svg, .uas-code-finder__form>svg{width:20px;height:20px} .uas-smart-finder__form input, .uas-code-finder__form input{ height:56px!important; font-size:11px!important; font-weight:760; } .uas-smart-finder__form button, .uas-code-finder__form button{ font-size:11px!important; gap:6px; } .uas-smart-finder__chips{ gap:8px 7px!important; margin-top:12px!important; } .uas-smart-finder__chips span{ min-height:36px!important; padding:0 14px!important; font-size:10px!important; font-weight:850; border-radius:999px; } } @media(max-width:430px){ .uas-section--categories .uas-section__head h2{font-size:26px!important} .uas-section--categories .uas-text-link{padding:0 14px;font-size:10px!important} .uas-category-card{flex-basis:166px!important;min-height:202px!important} .uas-category-card__copy strong{font-size:13px!important;min-height:46px} .uas-smart-finder__shell{padding:15px 14px!important;border-radius:24px!important} .uas-smart-finder__mark{width:54px;height:54px;flex-basis:54px;font-size:22px} .uas-smart-finder__intro h2{font-size:18px!important} .uas-smart-finder__intro p{font-size:10px!important} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:38px minmax(0,1fr) 88px!important} .uas-smart-finder__form input, .uas-code-finder__form input{font-size:10px!important} .uas-smart-finder__chips span{min-height:34px!important;padding:0 12px!important;font-size:9px!important} } @media(max-width:360px){ .uas-section--categories .uas-section__head{grid-template-columns:1fr!important} .uas-section--categories .uas-text-link{width:100%;justify-content:center} .uas-category-card{flex-basis:154px!important;min-height:194px!important} .uas-smart-finder__shell{padding:14px 12px!important} .uas-smart-finder__intro{gap:11px} .uas-smart-finder__mark{width:50px;height:50px;flex-basis:50px;font-size:20px} .uas-smart-finder__intro h2{font-size:17px!important} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:36px minmax(0,1fr) 82px!important} .uas-smart-finder__form button, .uas-code-finder__form button{font-size:10px!important} } /* v0.6.9.17 — Mobile categories + smart finder refinement pass */ @media(max-width:760px){ .uas-section--categories .uas-section__head{ gap:12px!important; margin-bottom:16px!important; } .uas-section--categories .uas-text-link{ box-shadow:0 14px 30px rgba(74,54,170,.08), inset 0 1px 0 rgba(255,255,255,.86); } .uas-category-grid{ padding-top:4px; gap:12px!important; } .uas-category-card{ flex-basis:186px!important; min-height:224px!important; border-radius:24px!important; border:1px solid rgba(191,200,223,.66); background:linear-gradient(180deg,#0a1535 0%,#0e1d48 56%,#111a3a 100%); box-shadow:0 20px 40px rgba(12,23,50,.16), inset 0 1px 0 rgba(255,255,255,.08); } .uas-category-card::before{ content:""; position:absolute; inset:1px; z-index:1; border-radius:23px; border:1px solid rgba(255,255,255,.08); pointer-events:none; } .uas-category-card__media{ background: radial-gradient(circle at 86% 16%,rgba(117,89,255,.90),transparent 21%), radial-gradient(circle at 88% 18%,rgba(255,255,255,.10),transparent 12%), radial-gradient(circle at 11% 100%,rgba(56,126,246,.18),transparent 22%), linear-gradient(145deg,#071126,#0d1b43 58%,#13265a 100%); } .uas-category-card__media::before{ content:""; position:absolute; left:0; right:0; bottom:0; height:58%; background:linear-gradient(180deg,transparent 0%,rgba(5,12,30,.20) 18%,rgba(5,12,30,.74) 58%,rgba(6,11,24,.94) 100%); z-index:0; } .uas-category-card__media::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,0) 18%), radial-gradient(circle at 84% 18%,rgba(255,255,255,.06),transparent 10%); pointer-events:none; z-index:1; } .uas-category-card__media img{ opacity:.14!important; filter:blur(8px) saturate(.82) brightness(.82)!important; transform:scale(1.16)!important; mix-blend-mode:screen; } .uas-category-card__shade{display:none} .uas-category-card__icon{ z-index:3; left:15px!important; bottom:80px!important; width:46px; height:46px; border-radius:15px; border-color:rgba(255,255,255,.18); background:linear-gradient(180deg,rgba(16,31,67,.74) 0%,rgba(8,17,40,.88) 100%); box-shadow:0 12px 22px rgba(8,16,37,.26), inset 0 1px 0 rgba(255,255,255,.12); } .uas-category-card__icon svg{width:22px;height:22px} .uas-category-card__copy{ inset:auto 15px 15px!important; z-index:3; } .uas-category-card__copy strong{ min-height:50px; font-size:15px!important; line-height:1.1; letter-spacing:-.035em; text-shadow:0 8px 18px rgba(3,9,21,.28); } .uas-category-card__copy small{ display:inline-flex; align-items:center; min-height:24px; margin-top:6px; padding:0 10px; border:1px solid rgba(255,255,255,.09); border-radius:999px; background:rgba(255,255,255,.06); color:#dbe2f2; font-size:9px!important; font-weight:800; } .uas-category-card__copy b{ margin-top:12px; padding-top:12px; font-size:10px!important; font-weight:900; letter-spacing:.02em; } .uas-category-card__copy b i{ width:24px; height:24px; background:rgba(255,255,255,.10); box-shadow:inset 0 1px 0 rgba(255,255,255,.10); } .uas-smart-finder{ padding-top:10px!important; padding-bottom:36px!important; } .uas-smart-finder__shell{ padding:18px!important; border-radius:28px!important; border-color:#e7e2f7!important; background: radial-gradient(circle at 12% 10%,rgba(118,87,255,.12),transparent 24%), radial-gradient(circle at 92% 92%,rgba(79,138,255,.10),transparent 20%), linear-gradient(135deg,#fffefe 0%,#f8f4ff 54%,#f9fbff 100%)!important; box-shadow:0 22px 46px rgba(24,31,68,.10), inset 0 1px 0 rgba(255,255,255,.56)!important; } .uas-smart-finder__shell::after{ content:""; position:absolute; inset:1px; border-radius:27px; border:1px solid rgba(255,255,255,.46); pointer-events:none; } .uas-smart-finder__mark{ position:relative; overflow:hidden; } .uas-smart-finder__mark::after{ content:""; position:absolute; inset:-10px; background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.34),transparent 32%); pointer-events:none; } .uas-smart-finder__intro h2{ font-size:21px!important; line-height:1.05; } .uas-smart-finder__intro p{ color:#707a93!important; } .uas-smart-finder__workbench{ padding:14px; border:1px solid rgba(219,217,238,.86); border-radius:22px; background:rgba(255,255,255,.54); box-shadow:inset 0 1px 0 rgba(255,255,255,.65); } .uas-smart-finder__form, .uas-code-finder__form{ border-radius:22px!important; border-color:#ddd8f2!important; background:rgba(255,255,255,.98)!important; box-shadow:0 12px 28px rgba(19,27,56,.08)!important; } .uas-smart-finder__form input, .uas-code-finder__form input{ padding-right:8px; } .uas-smart-finder__form button, .uas-code-finder__form button{ position:relative; border-top-left-radius:0; border-bottom-left-radius:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.16); } .uas-smart-finder__form button::before, .uas-code-finder__form button::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 44%); pointer-events:none; } .uas-smart-finder__chips{ margin-top:14px!important; gap:9px 8px!important; } .uas-smart-finder__chips span{ min-height:38px!important; padding:0 15px!important; border-color:#ddd8f5!important; background:rgba(255,255,255,.94)!important; box-shadow:0 10px 18px rgba(86,62,196,.05); color:#5e5878!important; font-size:10px!important; } } @media(max-width:430px){ .uas-category-card{ flex-basis:170px!important; min-height:212px!important; } .uas-category-card__icon{bottom:76px!important;width:43px;height:43px} .uas-category-card__copy strong{font-size:14px!important;min-height:46px} .uas-smart-finder__shell{padding:16px 15px!important;border-radius:26px!important} .uas-smart-finder__shell::after{border-radius:25px} .uas-smart-finder__intro{gap:12px} .uas-smart-finder__workbench{padding:12px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:38px minmax(0,1fr) 92px!important} .uas-smart-finder__form button, .uas-code-finder__form button{font-size:10.5px!important} .uas-smart-finder__chips span{min-height:35px!important;padding:0 13px!important} } @media(max-width:360px){ .uas-category-card{flex-basis:156px!important;min-height:198px!important} .uas-category-card__icon{bottom:72px!important;width:40px;height:40px} .uas-category-card__copy strong{font-size:13px!important;min-height:42px} .uas-category-card__copy small{font-size:8.5px!important} .uas-smart-finder__shell{padding:14px 12px!important} .uas-smart-finder__workbench{padding:11px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:36px minmax(0,1fr) 84px!important} } /* v0.6.9.18 — Smart Finder live results premium refresh */ .uas-live-search--smart{ left:0; right:0; top:58px; padding:12px; border:1px solid #e8e2f6; border-radius:22px; background: radial-gradient(circle at 8% 0%,rgba(116,86,255,.08),transparent 18%), linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(250,248,255,.98) 100%); box-shadow:0 24px 60px rgba(18,27,52,.12), inset 0 1px 0 rgba(255,255,255,.9); overflow:hidden auto; scrollbar-width:thin; scrollbar-color:#d6cef7 transparent; } .uas-live-search--smart::before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 24%); } .uas-live-search--smart > *{position:relative;z-index:1} .uas-live-search--smart .uas-live-search__loading, .uas-live-search--smart .uas-live-search__empty{ display:grid; gap:8px; padding:18px; border:1px solid #ede7ff; border-radius:18px; background:rgba(255,255,255,.82); box-shadow:inset 0 1px 0 rgba(255,255,255,.85); color:#667188; font-size:11px; text-align:left; } .uas-live-search--smart .uas-live-search__empty strong{font-size:14px;color:#1f2944} .uas-live-search--smart .uas-live-search__empty span{line-height:1.5} .uas-live-search--smart .uas-live-search__empty a{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 14px; justify-self:start; border-radius:13px; background:linear-gradient(135deg,#f4efff,#ebe4ff); color:#5b3df5; font-size:11px; font-weight:900; } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ display:grid; gap:6px; margin:0 0 10px; padding:14px 16px; border:1px solid #ebe5ff; border-radius:18px; background:linear-gradient(180deg,#f7f4ff 0%,#f2eeff 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.92); color:#5f4dc5; } .uas-live-search--smart .uas-live-search__correction span, .uas-live-search--smart .uas-live-search__intent span{ font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{ font-size:13px; line-height:1.45; font-weight:900; } .uas-live-search--smart .uas-live-search__shortcuts{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 12px; padding:14px; border:1px solid #ece6ff; border-radius:18px; background:rgba(255,255,255,.86); box-shadow:0 10px 20px rgba(17,24,39,.04); } .uas-live-search--smart .uas-live-search__shortcuts > span{ display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; background:#f5f1ff; color:#6958db; font-size:10px; font-weight:900; letter-spacing:.04em; } .uas-live-search--smart .uas-live-search__shortcuts a{ display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border:1px solid #e4defb; border-radius:999px; background:#fff; color:#64708a; font-size:10px; font-weight:850; box-shadow:0 6px 14px rgba(91,61,245,.05); } .uas-live-search--smart .uas-live-search__list{gap:10px} .uas-live-search--smart .uas-live-search__item{ display:grid; grid-template-columns:72px minmax(0,1fr) auto; gap:12px; align-items:center; padding:11px; border:1px solid #e8ebf4; border-radius:20px; background:rgba(255,255,255,.92); box-shadow:0 12px 22px rgba(16,24,40,.05); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease; } .uas-live-search--smart .uas-live-search__item:hover, .uas-live-search--smart .uas-live-search__item:focus-visible{ background:#fff; border-color:#ddd5ff; box-shadow:0 14px 28px rgba(91,61,245,.10); transform:translateY(-1px); } .uas-live-search--smart .uas-live-search__item img{ width:72px; height:72px; padding:5px; border:1px solid #edf0f7; border-radius:18px; background:linear-gradient(180deg,#fff,#fafbff); box-shadow:inset 0 1px 0 rgba(255,255,255,.92); } .uas-live-search--smart .uas-live-search__copy{display:grid;gap:5px} .uas-live-search--smart .uas-live-search__signals{display:flex;flex-wrap:wrap;gap:5px;color:inherit} .uas-live-search--smart .uas-live-search__signal{ display:inline-flex; align-items:center; min-height:23px; padding:0 8px; border-radius:999px; font-size:9px; font-weight:860; } .uas-live-search--smart .uas-live-search__signal.is-strong{background:#efeaff;color:#5b47db} .uas-live-search--smart .uas-live-search__signal.is-related{background:#f2f4f8;color:#667085} .uas-live-search--smart .uas-live-search__signal.is-fitment{background:#eef9f2;color:#1f8b4d} .uas-live-search--smart .uas-live-search__copy small{ margin-top:0; color:#8a93a6; font-size:10px; line-height:1.45; } .uas-live-search--smart .uas-live-search__copy strong{ display:block; font-size:15px; line-height:1.28; color:#18233f; } .uas-live-search--smart .uas-live-search__copy em{ display:block; margin-top:2px; color:#1b253d; font-size:11px; font-style:normal; font-weight:780; } .uas-live-search--smart .uas-live-search__item b{ align-self:center; justify-self:end; padding-left:6px; color:#17203a; font-size:16px; line-height:1.05; letter-spacing:-.02em; white-space:nowrap; } .uas-live-search--smart .uas-live-search__all{ min-height:52px; margin-top:12px; border:1px solid #ebe5ff; border-radius:16px; background:linear-gradient(180deg,#f5f1ff 0%,#efeaff 100%); color:#5b3df5; font-size:12px; font-weight:920; box-shadow:0 10px 20px rgba(91,61,245,.08); } .uas-live-search--smart .uas-live-search__all:hover{background:linear-gradient(180deg,#f1ebff 0%,#e9e1ff 100%)} @media(max-width:760px){ .uas-smart-finder__workbench>.uas-live-search.uas-live-search--smart{ left:0; right:0; top:64px; padding:10px; border-radius:20px; max-height:430px; } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{padding:12px 13px;border-radius:16px} .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{font-size:12px} .uas-live-search--smart .uas-live-search__shortcuts{padding:12px;border-radius:16px} .uas-live-search--smart .uas-live-search__shortcuts > span{min-height:28px;font-size:9px} .uas-live-search--smart .uas-live-search__shortcuts a{min-height:30px;font-size:9px} .uas-live-search--smart .uas-live-search__list{gap:8px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:62px minmax(0,1fr) auto; gap:10px; padding:10px; border-radius:18px; } .uas-live-search--smart .uas-live-search__item img{width:62px;height:62px;border-radius:15px} .uas-live-search--smart .uas-live-search__copy strong{font-size:14px} .uas-live-search--smart .uas-live-search__copy small{font-size:9.5px} .uas-live-search--smart .uas-live-search__copy em{font-size:10px} .uas-live-search--smart .uas-live-search__item b{font-size:14px} .uas-live-search--smart .uas-live-search__all{min-height:48px;font-size:11px} } @media(max-width:430px){ .uas-smart-finder__workbench>.uas-live-search.uas-live-search--smart{top:62px;padding:9px;border-radius:18px} .uas-live-search--smart .uas-live-search__shortcuts{gap:7px;padding:11px} .uas-live-search--smart .uas-live-search__item{grid-template-columns:58px minmax(0,1fr);gap:10px} .uas-live-search--smart .uas-live-search__item img{width:58px;height:58px} .uas-live-search--smart .uas-live-search__item b{grid-column:2;justify-self:start;padding-left:0;margin-top:1px;font-size:13px} .uas-live-search--smart .uas-live-search__copy strong{font-size:13px} } @media(max-width:360px){ .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{padding:11px 12px} .uas-live-search--smart .uas-live-search__shortcuts{padding:10px} .uas-live-search--smart .uas-live-search__item{grid-template-columns:54px minmax(0,1fr);padding:9px} .uas-live-search--smart .uas-live-search__item img{width:54px;height:54px} .uas-live-search--smart .uas-live-search__copy small{font-size:9px} .uas-live-search--smart .uas-live-search__copy strong{font-size:12px} } /* v0.6.9.19 — Smart Finder live results compact premium correction */ .uas-live-search--smart{ padding:10px; border-radius:20px; border-color:#e7e1f7; background:linear-gradient(180deg,rgba(255,255,255,.985) 0%,rgba(248,246,255,.985) 100%); box-shadow:0 20px 48px rgba(19,27,56,.10), inset 0 1px 0 rgba(255,255,255,.92); } .uas-live-search--smart::before{ background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 20%); } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ position:relative; gap:4px; margin:0 0 8px; padding:12px 14px 12px 16px; border-radius:16px; background:linear-gradient(180deg,#f6f2ff 0%,#f2eeff 100%); } .uas-live-search--smart .uas-live-search__correction::before, .uas-live-search--smart .uas-live-search__intent::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:4px; border-radius:999px; background:linear-gradient(180deg,#6f53ff,#9d65ff); } .uas-live-search--smart .uas-live-search__correction span, .uas-live-search--smart .uas-live-search__intent span{ font-size:9px; letter-spacing:.12em; } .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{ font-size:12px; line-height:1.35; } .uas-live-search--smart .uas-live-search__shortcuts{ display:grid; grid-template-columns:1fr; gap:8px; margin:0 0 10px; padding:12px 12px 10px; border-radius:16px; } .uas-live-search--smart .uas-live-search__shortcuts > span{ justify-self:start; min-height:26px; padding:0 10px; font-size:9px; } .uas-live-search--smart .uas-live-search__shortcuts a{ min-height:30px; padding:0 12px; font-size:9.5px; } .uas-live-search--smart .uas-live-search__shortcuts{ grid-auto-flow:row; } .uas-live-search--smart .uas-live-search__shortcuts a{display:inline-flex} .uas-live-search--smart .uas-live-search__list{gap:8px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:60px minmax(0,1fr); grid-template-areas: "image meta" "image price"; align-items:start; padding:10px; border-radius:18px; } .uas-live-search--smart .uas-live-search__item img{ grid-area:image; width:60px; height:60px; border-radius:15px; } .uas-live-search--smart .uas-live-search__copy{ grid-area:meta; gap:4px; padding-top:2px; } .uas-live-search--smart .uas-live-search__signals{gap:4px} .uas-live-search--smart .uas-live-search__signal{ min-height:21px; padding:0 7px; font-size:8.5px; } .uas-live-search--smart .uas-live-search__copy small{ font-size:9px; line-height:1.4; } .uas-live-search--smart .uas-live-search__copy strong{ font-size:13px; line-height:1.25; } .uas-live-search--smart .uas-live-search__copy em{ font-size:10px; line-height:1.3; } .uas-live-search--smart .uas-live-search__item b{ grid-area:price; justify-self:start; align-self:end; margin-top:4px; padding:7px 10px; border-radius:12px; background:#f7f8fc; color:#18223b; font-size:13px; font-weight:900; line-height:1; } .uas-live-search--smart .uas-live-search__all{ min-height:46px; margin-top:10px; border-radius:14px; font-size:11px; } @media(min-width:761px){ .uas-live-search--smart .uas-live-search__shortcuts{ display:flex; flex-wrap:wrap; align-items:center; } } @media(max-width:760px){ .uas-smart-finder__workbench>.uas-live-search.uas-live-search--smart{ top:60px; padding:8px; border-radius:18px; max-height:390px; } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ padding:11px 12px 11px 14px; margin-bottom:7px; } .uas-live-search--smart .uas-live-search__shortcuts{ padding:10px; gap:7px; margin-bottom:8px; } .uas-live-search--smart .uas-live-search__item{ grid-template-columns:56px minmax(0,1fr); padding:9px; } .uas-live-search--smart .uas-live-search__item img{width:56px;height:56px} .uas-live-search--smart .uas-live-search__copy strong{font-size:12px} .uas-live-search--smart .uas-live-search__copy small{font-size:8.5px} .uas-live-search--smart .uas-live-search__item b{font-size:12px;padding:6px 9px} } @media(max-width:430px){ .uas-smart-finder__workbench>.uas-live-search.uas-live-search--smart{top:58px;max-height:360px} .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{font-size:11px} .uas-live-search--smart .uas-live-search__shortcuts > span{font-size:8.5px} .uas-live-search--smart .uas-live-search__shortcuts a{font-size:9px} } /* v0.6.9.20 — Smart Finder visibility + premium redesign */ .uas-smart-finder{ position:relative; z-index:24; } .uas-smart-finder__shell, .uas-smart-finder__workbench{ position:relative; overflow:visible; } .uas-smart-finder__shell{ border-color:#e7e0f8; background: radial-gradient(circle at 0% 0%,rgba(122,92,255,.10),transparent 28%), radial-gradient(circle at 100% 100%,rgba(87,138,255,.08),transparent 24%), linear-gradient(135deg,#fffefe 0%,#f7f3ff 52%,#fbfcff 100%); box-shadow:0 24px 56px rgba(22,27,65,.10), inset 0 1px 0 rgba(255,255,255,.72); } .uas-smart-finder__shell::before{ content:""; position:absolute; inset:1px; border-radius:inherit; border:1px solid rgba(255,255,255,.55); pointer-events:none; } .uas-smart-finder__intro{ position:relative; z-index:1; } .uas-smart-finder__mark{ background:linear-gradient(145deg,#6746ff,#8f63ff); box-shadow:0 18px 32px rgba(98,71,255,.22); } .uas-smart-finder__intro h2{ line-height:1.05; letter-spacing:-.04em; } .uas-smart-finder__intro p{ color:#737b91; } .uas-smart-finder__workbench{ z-index:36; } .uas-smart-finder__workbench::before{ content:""; position:absolute; inset:-12px -12px -14px; z-index:-1; border:1px solid rgba(227,222,245,.86); border-radius:26px; background:rgba(255,255,255,.38); backdrop-filter:blur(8px); box-shadow:inset 0 1px 0 rgba(255,255,255,.58); } .uas-smart-finder__form, .uas-code-finder__form{ border-color:#ddd7f2; border-radius:24px; box-shadow:0 14px 30px rgba(18,27,52,.07), inset 0 1px 0 rgba(255,255,255,.92); } .uas-smart-finder__form button, .uas-code-finder__form button{ background:linear-gradient(135deg,#6f50ff 0%,#7f5cff 52%,#9a58ff 100%); } .uas-live-search--smart{ z-index:260; top:calc(100% + 10px); padding:10px; border:1px solid #e8e1f8; border-radius:24px; background:linear-gradient(180deg,rgba(255,255,255,.995) 0%,rgba(248,245,255,.99) 100%); box-shadow:0 28px 68px rgba(15,23,46,.18), inset 0 1px 0 rgba(255,255,255,.94); max-height:min(68vh,520px); overflow:auto; } .uas-live-search--smart::after{ content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px 0 rgba(255,255,255,.65); } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ margin:0 0 10px; padding:12px 14px 12px 18px; border:1px solid #ebe5ff; border-radius:18px; background:linear-gradient(180deg,#f7f4ff 0%,#f1edff 100%); } .uas-live-search--smart .uas-live-search__shortcuts{ padding:12px; border:1px solid #ece6fb; border-radius:18px; background:rgba(255,255,255,.88); } .uas-live-search--smart .uas-live-search__shortcuts > span{ background:#f1ecff; color:#6a55d5; } .uas-live-search--smart .uas-live-search__shortcuts a{ background:#fff; border-color:#e1daf7; color:#5e6982; } .uas-live-search--smart .uas-live-search__list{ gap:9px; } .uas-live-search--smart .uas-live-search__item{ border:1px solid #eaedf5; border-radius:20px; background:rgba(255,255,255,.94); box-shadow:0 10px 22px rgba(18,27,52,.05); } .uas-live-search--smart .uas-live-search__item:hover, .uas-live-search--smart .uas-live-search__item:focus-visible{ border-color:#d9d0fb; background:#fff; box-shadow:0 16px 28px rgba(96,69,244,.10); } .uas-live-search--smart .uas-live-search__item b{ background:linear-gradient(180deg,#f8f8fd 0%,#f0f3fa 100%); border:1px solid #e8ebf4; } .uas-live-search--smart .uas-live-search__all{ border-radius:16px; background:linear-gradient(180deg,#f4efff 0%,#ece4ff 100%); } @media(max-width:760px){ .uas-smart-finder{ z-index:26; } .uas-smart-finder__shell{ padding:18px 16px 20px!important; border-radius:28px!important; gap:14px!important; } .uas-smart-finder__intro{ display:grid; grid-template-columns:60px minmax(0,1fr); align-items:flex-start; gap:14px; } .uas-smart-finder__mark{ width:60px; height:60px; flex-basis:60px; border-radius:20px; font-size:28px; } .uas-smart-finder__intro h2{ margin:2px 0 8px; font-size:18px!important; } .uas-smart-finder__intro p{ font-size:10.5px!important; line-height:1.55; } .uas-smart-finder__workbench::before{ inset:-10px -8px -12px; border-radius:22px; } .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:44px minmax(0,1fr) 118px!important; min-height:56px!important; border-radius:22px!important; } .uas-smart-finder__form>svg, .uas-code-finder__form>svg{width:22px;height:22px} .uas-smart-finder__form input, .uas-code-finder__form input{ height:54px; font-size:12px!important; font-weight:750; } .uas-smart-finder__form button, .uas-code-finder__form button{ font-size:12px!important; font-weight:900; } .uas-smart-finder__chips{ margin-top:12px!important; gap:8px!important; } .uas-smart-finder__chips span{ min-height:34px!important; padding:0 14px!important; font-size:9.5px!important; box-shadow:0 8px 18px rgba(96,69,244,.05); } .uas-smart-finder__workbench>.uas-live-search.uas-live-search--smart{ top:66px; left:-2px; right:-2px; padding:10px; border-radius:22px; max-height:min(62vh,460px); } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ padding:11px 13px 11px 16px; margin-bottom:9px; } .uas-live-search--smart .uas-live-search__shortcuts{ display:flex; flex-wrap:wrap; gap:8px; padding:11px; margin-bottom:9px; } .uas-live-search--smart .uas-live-search__shortcuts > span{ min-height:30px; padding:0 12px; font-size:9px; } .uas-live-search--smart .uas-live-search__shortcuts a{ min-height:32px; padding:0 13px; font-size:9.5px; } .uas-live-search--smart .uas-live-search__item{ grid-template-columns:64px minmax(0,1fr); padding:11px; gap:11px; } .uas-live-search--smart .uas-live-search__item img{ width:64px; height:64px; border-radius:16px; } .uas-live-search--smart .uas-live-search__copy strong{ font-size:14px; } .uas-live-search--smart .uas-live-search__copy small{ font-size:10px; } .uas-live-search--smart .uas-live-search__copy em{ font-size:11px; } .uas-live-search--smart .uas-live-search__item b{ font-size:13px; padding:8px 11px; } } @media(max-width:430px){ .uas-smart-finder__shell{ padding:16px 14px 18px!important; } .uas-smart-finder__intro{ grid-template-columns:54px minmax(0,1fr); gap:12px; } .uas-smart-finder__mark{ width:54px; height:54px; flex-basis:54px; font-size:24px; border-radius:18px; } .uas-smart-finder__intro h2{ font-size:17px!important; } .uas-smart-finder__intro p{ font-size:9.8px!important; } .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:40px minmax(0,1fr) 104px!important; min-height:52px!important; } .uas-smart-finder__form input, .uas-code-finder__form input{ height:50px; font-size:11px!important; } .uas-smart-finder__form button, .uas-code-finder__form button{ font-size:11px!important; } .uas-smart-finder__workbench>.uas-live-search.uas-live-search--smart{ top:62px; padding:9px; border-radius:20px; max-height:min(58vh,420px); } } @media(max-width:360px){ .uas-smart-finder__intro h2{font-size:15px!important} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:38px minmax(0,1fr) 96px!important} .uas-smart-finder__chips span{padding:0 12px!important;font-size:9px!important} .uas-live-search--smart .uas-live-search__item{grid-template-columns:58px minmax(0,1fr);padding:10px} .uas-live-search--smart .uas-live-search__item img{width:58px;height:58px} } /* Keep following section below the overlayed search results */ .uas-home-new, .uas-section--products, .uas-section--deals, .uas-category-explorer-064, .uas-recently-viewed, .uas-benefits-section, .uas-editorial, .uas-home-cta, .uas-footer{position:relative;z-index:1} /* v0.6.9.29 — Quick View premium rework */ .uas-quick-view__panel{ display:flex; flex-direction:column; overflow:hidden; background:linear-gradient(180deg,#fff 0%,#fcfbff 100%); } .uas-quick-view__panel>header{ position:sticky; top:0; z-index:5; padding:16px 18px 14px; background:rgba(255,255,255,.94); backdrop-filter:blur(18px) saturate(1.25); box-shadow:0 8px 24px rgba(15,23,42,.06); } .uas-quick-view__panel>header button{ flex:0 0 auto; width:42px; height:42px; border-radius:14px; background:linear-gradient(180deg,#ffffff,#f4f6fb); color:#19233c; font-weight:700; box-shadow:0 8px 18px rgba(18,26,52,.08); } .uas-quick-view__content{ flex:1 1 auto; overflow:auto; padding:18px; background:linear-gradient(180deg,rgba(247,244,255,.72) 0%,rgba(255,255,255,.96) 22%,#fff 100%); } .uas-quick-view__stage{ display:grid; grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr); gap:22px; align-items:start; } .uas-quick-view__media{ display:flex; flex-direction:column; gap:12px; padding:14px; border:1px solid rgba(218,222,235,.96); border-radius:24px; background:linear-gradient(180deg,#ffffff 0%,#fafbff 100%); box-shadow:0 22px 40px rgba(17,24,39,.06); } .uas-quick-view__media-frame{ display:grid; place-items:center; min-height:360px; padding:18px; border-radius:20px; background:linear-gradient(180deg,#ffffff 0%,#f7f8fc 100%); border:1px solid rgba(229,232,240,.95); overflow:hidden; } .uas-quick-view__media img{ width:100%; max-height:360px; object-fit:contain; } .uas-quick-view__thumbs{ display:flex; gap:10px; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; } .uas-quick-view__thumbs::-webkit-scrollbar{display:none} .uas-quick-view__thumb{ flex:0 0 72px; width:72px; height:72px; padding:6px; border:1px solid rgba(224,228,239,.98); border-radius:16px; background:#fff; box-shadow:0 8px 18px rgba(15,23,42,.04); cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; } .uas-quick-view__thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px} .uas-quick-view__thumb.is-active{border-color:rgba(103,72,245,.55);box-shadow:0 10px 24px rgba(103,72,245,.16);transform:translateY(-1px)} .uas-quick-view__info{ min-width:0; padding:4px 2px 2px; } .uas-quick-view__category{ display:inline-flex; align-items:center; padding:7px 12px; border-radius:999px; background:rgba(106,76,245,.08); color:var(--uas-primary); font-size:11px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; } .uas-quick-view__info h2{ margin:14px 0 10px; font-size:34px; line-height:1.03; letter-spacing:-.04em; color:#101938; } .uas-quick-view__price{ font-size:30px; font-weight:950; line-height:1.06; color:#101938; } .uas-quick-view__price ins{text-decoration:none} .uas-quick-view__meta, .uas-quick-view__decision-signals, .uas-quick-view__fitment{ display:flex; flex-wrap:wrap; gap:8px; } .uas-quick-view__meta{margin-top:12px} .uas-quick-view__meta span, .uas-quick-view__decision-signals span, .uas-quick-view__fitment span{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 12px; border-radius:999px; border:1px solid rgba(227,231,241,.96); background:#fff; color:#5d667b; font-size:12px; font-weight:800; line-height:1.1; } .uas-quick-view__decision-signals{margin-top:14px} .uas-quick-view__decision-signals .is-good{background:rgba(35,181,114,.12);border-color:rgba(35,181,114,.18);color:#16824f} .uas-quick-view__decision-signals .is-fitment{background:rgba(106,76,245,.08);border-color:rgba(106,76,245,.16);color:var(--uas-primary)} .uas-quick-view__desc{ margin:18px 0 0; font-size:16px; line-height:1.7; color:#495469; } .uas-quick-view__specs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; } .uas-quick-view__specs span{ display:flex; flex-direction:column; gap:6px; padding:14px 15px; border:1px solid rgba(227,231,241,.96); border-radius:18px; background:linear-gradient(180deg,#fff 0%,#fbfbfe 100%); } .uas-quick-view__specs b{ font-size:12px; font-weight:900; line-height:1.25; color:#161f3e; } .uas-quick-view__specs i{ font-style:normal; font-size:14px; line-height:1.5; color:#5e677b; } .uas-quick-view__fitment{ margin-top:14px; padding:15px; border:1px solid rgba(227,231,241,.96); border-radius:20px; background:linear-gradient(180deg,#fff 0%,#fbfbfe 100%); } .uas-quick-view__fitment>b{ display:block; width:100%; margin-bottom:4px; font-size:12px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; color:var(--uas-primary); } .uas-quick-view__tools{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:18px; } .uas-quick-view__tool{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 14px; border:1px solid rgba(227,231,241,.96); border-radius:16px; background:#fff; font-size:13px; font-weight:850; color:#212b45; box-shadow:0 10px 20px rgba(15,23,42,.035); } .uas-quick-view__tool span{font-size:16px;line-height:1} .uas-quick-view__tool b{font-weight:900} .uas-quick-view__tool.is-active{border-color:rgba(106,76,245,.25);background:rgba(106,76,245,.06);color:var(--uas-primary)} .uas-quick-view__actions{ display:grid; grid-template-columns:minmax(126px,146px) minmax(0,1fr) minmax(0,1fr); gap:12px; margin-top:18px; align-items:stretch; } .uas-quick-view__qty-shell{ display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid rgba(227,231,241,.96); border-radius:18px; background:#fff; box-shadow:0 10px 20px rgba(15,23,42,.035); } .uas-quick-view__qty-shell small{ font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; color:#768099; } .uas-quick-view__qty-wrap{ display:grid; grid-template-columns:40px minmax(0,1fr) 40px; gap:8px; align-items:center; } .uas-quick-view__qty-btn{ width:40px; height:40px; border:1px solid rgba(227,231,241,.96); border-radius:12px; background:#f7f8fc; color:#1a2340; font-size:24px; font-weight:700; line-height:1; cursor:pointer; } .uas-quick-view__qty{ width:100%; height:40px; padding:0 8px; border:1px solid rgba(227,231,241,.96); border-radius:12px; background:#fff; text-align:center; font-size:18px; font-weight:900; color:#111938; -moz-appearance:textfield; } .uas-quick-view__qty::-webkit-outer-spin-button, .uas-quick-view__qty::-webkit-inner-spin-button{appearance:none;margin:0} .uas-quick-view__add, .uas-quick-view__buy, .uas-quick-view__details, .uas-quick-view__link{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:64px; padding:0 18px; border-radius:18px; font-size:17px; font-weight:900; letter-spacing:-.02em; text-decoration:none; } .uas-quick-view__add span, .uas-quick-view__buy span{font-size:20px;line-height:1} .uas-quick-view__add b, .uas-quick-view__buy b{font-weight:950} .uas-quick-view__add{ border:0; background:linear-gradient(135deg,#061a4f 0%,#123685 52%,#5c43f3 100%); color:#fff; box-shadow:0 16px 28px rgba(12,28,79,.2); } .uas-quick-view__buy{ border:0; background:linear-gradient(135deg,#6c47ff 0%,#8f53ff 48%,#d83fdb 100%); color:#fff; box-shadow:0 16px 28px rgba(108,71,255,.22); } .uas-quick-view__details, .uas-quick-view__link{ border:1px solid rgba(227,231,241,.96); background:#fff; color:#33405f; } .uas-quick-view__link{margin-top:12px;width:100%} .uas-quick-view__error{ display:flex; flex-direction:column; gap:8px; padding:24px; border:1px solid rgba(227,231,241,.96); border-radius:20px; background:#fff; color:#4d566b; } @media (max-width: 760px){ .uas-quick-view__panel{ max-height:calc(100vh - var(--uas-mobile-nav-h) - 14px); border-radius:22px; } .uas-quick-view__panel>header{ padding:14px 14px 12px; } .uas-quick-view__panel>header strong{font-size:15px} .uas-quick-view__content{padding:12px} .uas-quick-view__stage{grid-template-columns:1fr;gap:14px} .uas-quick-view__media{padding:10px;border-radius:20px} .uas-quick-view__media-frame{min-height:200px;padding:10px;border-radius:16px} .uas-quick-view__media img{max-height:190px} .uas-quick-view__thumb{flex-basis:58px;width:58px;height:58px;border-radius:14px} .uas-quick-view__thumb img{border-radius:10px} .uas-quick-view__category{font-size:9px;padding:6px 10px} .uas-quick-view__info h2{margin:10px 0 8px;font-size:22px} .uas-quick-view__price{font-size:21px} .uas-quick-view__meta span, .uas-quick-view__decision-signals span, .uas-quick-view__fitment span{min-height:30px;padding:0 10px;font-size:10px} .uas-quick-view__desc{margin-top:14px;font-size:13px;line-height:1.65} .uas-quick-view__specs{grid-template-columns:1fr;gap:8px;margin-top:14px} .uas-quick-view__specs span{padding:12px 13px;border-radius:15px} .uas-quick-view__specs b{font-size:10px} .uas-quick-view__specs i{font-size:13px} .uas-quick-view__fitment{margin-top:12px;padding:12px;border-radius:16px} .uas-quick-view__tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px} .uas-quick-view__tool{min-height:40px;padding:0 8px;border-radius:13px;font-size:10px;gap:5px} .uas-quick-view__tool span{font-size:13px} .uas-quick-view__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px} .uas-quick-view__qty-shell{grid-column:1 / -1;padding:10px;border-radius:16px} .uas-quick-view__qty-shell small{font-size:9px} .uas-quick-view__qty-wrap{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px} .uas-quick-view__qty-btn,.uas-quick-view__qty{height:36px} .uas-quick-view__qty-btn{width:36px;border-radius:11px;font-size:20px} .uas-quick-view__qty{border-radius:11px;font-size:16px} .uas-quick-view__add, .uas-quick-view__buy, .uas-quick-view__details, .uas-quick-view__link{min-height:50px;padding:0 12px;border-radius:15px;font-size:14px;gap:8px} .uas-quick-view__add span,.uas-quick-view__buy span{font-size:16px} .uas-quick-view__link{margin-top:10px} } /* v0.6.9.30 — Mobile Quick View viewport + composition fix */ .uas-quick-view__cta-icon{ display:inline-grid; place-items:center; width:20px; height:20px; flex:0 0 20px; } .uas-quick-view__cta-icon svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } .uas-quick-view__cta-icon.is-loading{font-size:18px;font-weight:950} @media(max-width:760px){ html.uas-quick-view-open, html.uas-quick-view-open body{overflow:hidden!important} .uas-quick-view{ position:fixed; inset:0; z-index:620; } .uas-quick-view__panel{ position:absolute!important; left:8px!important; right:8px!important; top:max(8px,env(safe-area-inset-top))!important; bottom:calc(var(--uas-mobile-nav-h) + 8px + env(safe-area-inset-bottom))!important; width:auto!important; height:auto!important; max-height:none!important; transform:none!important; border-radius:22px!important; overflow:hidden!important; box-shadow:0 30px 80px rgba(5,13,31,.34)!important; } .uas-quick-view__panel>header{ position:sticky!important; top:0!important; z-index:20!important; min-height:66px; padding:12px 12px 11px 14px!important; background:rgba(255,255,255,.97)!important; border-bottom:1px solid #eceef4!important; box-shadow:0 8px 24px rgba(15,23,42,.06)!important; backdrop-filter:blur(18px) saturate(1.2); } .uas-quick-view__panel>header>div{min-width:0} .uas-quick-view__panel>header span{ font-size:7.5px!important; letter-spacing:.14em!important; } .uas-quick-view__panel>header strong{ display:block; max-width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px!important; line-height:1.2; } .uas-quick-view__panel>header button{ position:relative!important; top:auto!important; right:auto!important; display:grid!important; place-items:center; width:42px!important; height:42px!important; min-width:42px!important; margin:0!important; padding:0!important; border:1px solid #dfe3ec!important; border-radius:14px!important; background:linear-gradient(180deg,#fff 0%,#f4f6fa 100%)!important; color:#101938!important; font-size:25px!important; font-weight:600!important; line-height:1!important; box-shadow:0 8px 18px rgba(15,23,42,.08)!important; } .uas-quick-view__content{ height:calc(100% - 66px); min-height:0; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:12px 12px 18px!important; scroll-padding-top:12px; } .uas-quick-view__stage{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:12px!important; } .uas-quick-view__media{ min-height:0!important; padding:9px!important; border-radius:18px!important; box-shadow:0 14px 26px rgba(15,23,42,.045)!important; } .uas-quick-view__media-frame{ min-height:188px!important; max-height:240px; padding:8px!important; border-radius:15px!important; } .uas-quick-view__media-frame img{ width:100%!important; height:100%!important; max-height:224px!important; object-fit:contain!important; } .uas-quick-view__info{padding:0!important} .uas-quick-view__category{font-size:8.5px!important;padding:6px 9px!important} .uas-quick-view__info h2{ margin:9px 0 7px!important; font-size:20px!important; line-height:1.06!important; } .uas-quick-view__price{ display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; font-size:19px!important; line-height:1.08!important; } .uas-quick-view__price del{font-size:.78em;color:#858da0;font-weight:800} .uas-quick-view__price ins{font-size:1em;text-decoration:none} .uas-quick-view__meta{margin-top:9px!important;gap:6px!important} .uas-quick-view__meta span, .uas-quick-view__decision-signals span{min-height:28px!important;padding:0 9px!important;font-size:9px!important} .uas-quick-view__decision-signals{margin-top:8px!important;gap:6px!important} .uas-quick-view__desc{ margin:12px 0 0!important; font-size:12.5px!important; line-height:1.6!important; color:#515b6f!important; } .uas-quick-view__specs{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; margin-top:12px!important; } .uas-quick-view__specs span{ min-width:0; padding:10px 11px!important; border-radius:14px!important; } .uas-quick-view__specs b{font-size:9px!important} .uas-quick-view__specs i{font-size:11px!important;line-height:1.35!important} .uas-quick-view__tools{ gap:7px!important; margin-top:12px!important; } .uas-quick-view__tool{ min-height:39px!important; padding:0 7px!important; font-size:9px!important; border-radius:12px!important; } .uas-quick-view__actions{ position:relative; grid-template-columns:1fr 1fr!important; gap:8px!important; margin-top:12px!important; padding:9px!important; border:1px solid #e7e9f1; border-radius:18px; background:linear-gradient(180deg,#fff 0%,#f9f9fe 100%); box-shadow:0 12px 24px rgba(15,23,42,.05); } .uas-quick-view__qty-shell{ grid-column:1/-1!important; padding:8px!important; border-radius:14px!important; box-shadow:none!important; } .uas-quick-view__qty-shell small{font-size:8px!important} .uas-quick-view__qty-wrap{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:7px!important} .uas-quick-view__qty-btn,.uas-quick-view__qty{height:34px!important} .uas-quick-view__qty-btn{width:34px!important;border-radius:10px!important;font-size:19px!important} .uas-quick-view__qty{font-size:15px!important;border-radius:10px!important} .uas-quick-view__add, .uas-quick-view__buy{ min-height:48px!important; padding:0 10px!important; border-radius:14px!important; font-size:12.5px!important; gap:8px!important; } .uas-quick-view__cta-icon{ width:18px; height:18px; flex-basis:18px; } .uas-quick-view__cta-icon svg{width:18px;height:18px} .uas-quick-view__link{ min-height:44px!important; margin-top:9px!important; border-radius:14px!important; font-size:11px!important; } } @media(max-width:390px){ .uas-quick-view__panel{ left:6px!important; right:6px!important; top:max(6px,env(safe-area-inset-top))!important; } .uas-quick-view__content{padding:10px 10px 16px!important} .uas-quick-view__media-frame{min-height:170px!important;max-height:215px} .uas-quick-view__media-frame img{max-height:200px!important} .uas-quick-view__info h2{font-size:18px!important} .uas-quick-view__price{font-size:17.5px!important} .uas-quick-view__specs{grid-template-columns:1fr 1fr!important} .uas-quick-view__add,.uas-quick-view__buy{font-size:11.5px!important} } @media(max-width:360px){ .uas-quick-view__panel>header strong{max-width:210px} .uas-quick-view__specs{grid-template-columns:1fr!important} .uas-quick-view__tools{grid-template-columns:1fr 1fr 1fr!important} .uas-quick-view__tool b{font-size:8.5px} } /* v0.6.9.39 — Category Explorer premium refresh */ .uas-category-explorer-064{ background:linear-gradient(180deg,#ffffff 0%,#fcfbff 100%); } .uas-category-explorer-064__shell{ position:relative; overflow:hidden; padding:14px; border:1px solid rgba(225,228,237,.96); border-radius:26px; background:linear-gradient(180deg,#fcfbff 0%,#f8f7ff 100%); box-shadow:0 18px 48px rgba(16,24,40,.06); } .uas-category-explorer-064__shell::before{ content:""; position:absolute; inset:auto -120px -120px auto; width:260px; height:260px; border-radius:999px; background:radial-gradient(circle,rgba(112,79,255,.10),transparent 70%); pointer-events:none; } .uas-category-explorer-064__rail{ position:relative; z-index:1; gap:8px; padding:4px 10px 4px 4px; } .uas-category-explorer-064__rail a{ min-height:50px; padding:8px 12px; border:1px solid rgba(231,234,244,.96); border-radius:16px; background:rgba(255,255,255,.92); box-shadow:0 8px 22px rgba(17,24,39,.04); } .uas-category-explorer-064__rail a:hover{ background:#f7f4ff; border-color:#e6defd; } .uas-category-explorer-064__rail a.is-active{ border-color:transparent; background:linear-gradient(135deg,#5a3ff2,#8c52ff); box-shadow:0 14px 30px rgba(92,62,242,.24); } .uas-category-explorer-064__rail-icon{ width:34px; height:34px; border-radius:12px; background:rgba(91,61,245,.08); } .uas-category-explorer-064__rail a.is-active .uas-category-explorer-064__rail-icon{ background:rgba(255,255,255,.16); } .uas-category-explorer-064__panel{ position:relative; z-index:1; padding:6px 8px 8px; } .uas-category-explorer-064__summary{ align-items:center; gap:18px; padding:14px 16px 16px; border:1px solid rgba(228,231,240,.96); border-radius:20px; background:linear-gradient(180deg,#ffffff 0%,#fcfbff 100%); box-shadow:0 14px 34px rgba(15,23,42,.04); } .uas-category-explorer-064__summary small{ display:inline-block; margin-bottom:6px; padding:7px 10px; border-radius:999px; background:#f3f0ff; color:#7a69e8; font-size:7.5px; letter-spacing:.14em; } .uas-category-explorer-064__summary h3{ margin:0; font-size:22px; color:#111b35; } .uas-category-explorer-064__summary p{ margin:6px 0 0; font-size:9px; line-height:1.65; } .uas-category-explorer-064__summary>a{ justify-content:center; min-height:40px; padding:0 14px; border:1px solid #e4dcff; border-radius:14px; background:#f8f5ff; color:#604bd7; box-shadow:0 10px 24px rgba(92,62,242,.08); } .uas-category-explorer-064__grid{ gap:14px; padding-top:14px; } .uas-category-explorer-064__label{ margin-bottom:9px; color:#848da2; font-size:7.4px; letter-spacing:.14em; } .uas-category-explorer-064__children article{ padding:12px; border:1px solid rgba(229,232,239,.96); border-radius:16px; background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%); box-shadow:0 10px 24px rgba(15,23,42,.03); } .uas-category-explorer-064__children article>div:first-child a{ color:#17203b; font-size:9.4px; } .uas-category-explorer-064__subcats{ gap:6px; margin-top:9px; } .uas-category-explorer-064__subcats a{ padding:5px 8px; border-radius:999px; background:#f6f4ff; color:#6f5be0; } .uas-category-explorer-064__brands{ gap:8px; } .uas-category-explorer-064__brands a{ min-height:40px; border-radius:12px; background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%); box-shadow:0 10px 22px rgba(15,23,42,.03); } .uas-category-explorer-064__products{ gap:8px; } .uas-category-explorer-064__products>a{ padding:8px; border:1px solid rgba(230,232,239,.96); border-radius:16px; background:linear-gradient(180deg,#ffffff 0%,#fcfbff 100%); box-shadow:0 12px 26px rgba(15,23,42,.03); } .uas-category-explorer-064__products img{ width:54px; height:54px; border-radius:12px; border:1px solid #edf0f6; background:#fff; box-shadow:0 8px 18px rgba(15,23,42,.04); } .uas-category-explorer-064__products b{ color:#16203b; font-size:9px; } .uas-category-explorer-064__price{ gap:6px; margin-top:5px; } .uas-category-explorer-064__price strong{ font-size:10px; } .uas-category-explorer-064__empty, .uas-category-explorer-064__error, .uas-category-explorer-064__loading{ min-height:154px; display:grid; place-items:center; gap:8px; padding:18px; border:1px dashed #dddaf5; border-radius:20px; background:linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(15,23,42,.03); text-align:center; } .uas-category-explorer-064__empty a, .uas-category-explorer-064__error a{ display:inline-flex; align-items:center; justify-content:center; min-height:36px; margin-top:2px; padding:0 14px; border-radius:12px; background:#f6f1ff; color:#684de4; box-shadow:0 8px 18px rgba(104,77,228,.10); } .uas-category-explorer-064__loading strong{font-size:10px;color:#5f6a81} @media(max-width:760px){ .uas-category-explorer-064{ padding:40px 0; } .uas-category-explorer-064__head{ margin-bottom:15px; } .uas-category-explorer-064__shell{ padding:10px; border-radius:22px; } .uas-category-explorer-064__rail{ gap:8px; margin-bottom:10px; padding:2px 2px 10px; border-bottom:1px solid #ebeef5; scroll-snap-type:x proximity; } .uas-category-explorer-064__rail a{ flex:0 0 auto; min-width:150px; min-height:46px; padding:7px 10px; grid-template-columns:24px minmax(0,1fr); border-radius:15px; font-size:8px; white-space:nowrap; scroll-snap-align:start; } .uas-category-explorer-064__rail a span:last-child{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .uas-category-explorer-064__rail small{ display:none; } .uas-category-explorer-064__rail-icon{ width:24px; height:24px; border-radius:8px; } .uas-category-explorer-064__rail-icon svg{ width:13px; height:13px; } .uas-category-explorer-064__panel{ padding:2px; } .uas-category-explorer-064__summary{ display:grid; gap:10px; padding:14px; border-radius:18px; } .uas-category-explorer-064__summary h3{ font-size:17px; line-height:1.14; } .uas-category-explorer-064__summary p{ font-size:7.6px; } .uas-category-explorer-064__summary>a{ justify-self:start; min-height:36px; padding:0 12px; border-radius:12px; font-size:7.4px; } .uas-category-explorer-064__grid{ display:grid; gap:10px; padding-top:10px; } .uas-category-explorer-064__children{ grid-template-columns:1fr; gap:7px; } .uas-category-explorer-064__children article{ padding:10px; border-radius:14px; } .uas-category-explorer-064__aside{ padding:0; margin-top:0; border:0; } .uas-category-explorer-064__brands{ display:flex; gap:6px; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; } .uas-category-explorer-064__brands::-webkit-scrollbar{display:none} .uas-category-explorer-064__brands a{ flex:0 0 92px; min-height:36px; border-radius:12px; } .uas-category-explorer-064__products{ display:grid !important; grid-template-columns:1fr 1fr; gap:8px; overflow:visible; } .uas-category-explorer-064__products>a{ grid-template-columns:52px minmax(0,1fr); align-items:center; min-width:0; min-height:82px; padding:8px; border-radius:14px; } .uas-category-explorer-064__products img{ width:52px; height:52px; border-radius:11px; } .uas-category-explorer-064__products b{ -webkit-line-clamp:2; font-size:8.6px; line-height:1.25; } .uas-category-explorer-064__price del{ font-size:6.8px; } .uas-category-explorer-064__price strong{ font-size:8.8px; } .uas-category-explorer-064__empty, .uas-category-explorer-064__error, .uas-category-explorer-064__loading{ min-height:138px; padding:16px 14px; border-radius:18px; font-size:8px; } } @media(max-width:430px){ .uas-category-explorer-064__head h2{ font-size:20px; line-height:1.07; } .uas-category-explorer-064__head p{ font-size:8.5px; line-height:1.6; } .uas-category-explorer-064__shell{ padding:8px; border-radius:20px; } .uas-category-explorer-064__rail a{ min-width:136px; } .uas-category-explorer-064__summary{ padding:12px; } .uas-category-explorer-064__summary small{ padding:6px 9px; font-size:7px; } .uas-category-explorer-064__summary h3{ font-size:15px; } .uas-category-explorer-064__summary>a{ min-height:34px; font-size:7px; } .uas-category-explorer-064__products{ grid-template-columns:1fr 1fr; gap:6px; } .uas-category-explorer-064__products>a{ grid-template-columns:46px minmax(0,1fr); min-height:76px; padding:7px; } .uas-category-explorer-064__products img{ width:46px; height:46px; } .uas-category-explorer-064__products b{ font-size:8px; } .uas-category-explorer-064__price strong{ font-size:8.4px; } } /* v0.6.9.40 — Category Explorer: remove redundant category-link block */ .uas-category-explorer-064__grid.has-no-branches{ grid-template-columns:1fr; } .uas-category-explorer-064__grid.has-no-branches .uas-category-explorer-064__aside{ padding-left:0; border-left:0; } @media(max-width:760px){ .uas-category-explorer-064__grid.has-no-branches{ padding-top:10px; } .uas-category-explorer-064__grid.has-no-branches .uas-category-explorer-064__aside{ margin-top:0; padding-top:0; } } /* v0.6.9.41 — Recently Viewed premium compact marketplace rail */ .uas-recently-viewed{ position:relative; overflow:hidden; padding:50px 0 54px; background: radial-gradient(circle at 5% 15%,rgba(101,74,245,.07),transparent 22%), radial-gradient(circle at 96% 82%,rgba(221,72,187,.05),transparent 20%), linear-gradient(180deg,#fbfbfe 0%,#f7f8fc 100%); } .uas-recently-viewed::before{ content:""; position:absolute; left:0;right:0;top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(102,75,245,.20),transparent); } .uas-recently-viewed__head{ position:relative; z-index:1; align-items:center; margin-bottom:18px; } .uas-recently-viewed__head>div{ min-width:0; } .uas-recently-viewed__head .uas-eyebrow{ display:inline-flex; align-items:center; gap:7px; color:#654fe0; letter-spacing:.16em; } .uas-recently-viewed__head .uas-eyebrow::before{ content:""; width:24px; height:2px; border-radius:999px; background:linear-gradient(90deg,#6548f5,#a063ff); } .uas-recently-viewed__head h2{ margin-top:7px; color:#101a35; font-size:30px; letter-spacing:-.045em; } .uas-recently-viewed__head button{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 13px; border:1px solid rgba(222,225,235,.96); border-radius:14px; background:rgba(255,255,255,.92); color:#6f788d; font-size:8.5px; font-weight:850; box-shadow:0 10px 24px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.96); backdrop-filter:blur(10px); } .uas-recently-viewed__head button b{font-weight:900} .uas-recently-viewed__clear-icon{ display:grid; place-items:center; width:24px; height:24px; border-radius:9px; background:#f4f1ff; color:#6b4fe3; } .uas-recently-viewed__clear-icon svg{ width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .uas-recently-viewed__rail{ position:relative; z-index:1; gap:10px; padding:2px 1px 6px; scrollbar-width:none; } .uas-recently-viewed__rail::-webkit-scrollbar{display:none} .uas-recent-card{ position:relative; grid-template-columns:88px minmax(0,1fr); min-height:116px; border:1px solid rgba(225,228,237,.98); border-radius:18px; background:linear-gradient(180deg,#ffffff 0%,#fdfdff 100%); box-shadow:0 14px 30px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.96); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; } .uas-recent-card:hover{ transform:translateY(-2px); border-color:#ddd5ff; box-shadow:0 18px 34px rgba(15,23,42,.08); } .uas-recent-card::before{ content:""; position:absolute; left:10px;right:10px;top:0; height:2px; border-radius:999px; background:linear-gradient(90deg,#624af5 0%,#9259ff 55%,#ef68ad 100%); opacity:.72; } .uas-recent-card__media{ margin:8px; padding:6px; border:1px solid #eceef4; border-radius:14px; background:linear-gradient(180deg,#fbfbfe 0%,#f6f7fb 100%); overflow:hidden; } .uas-recent-card__media img{ width:72px; height:72px; border-radius:10px; object-fit:contain; mix-blend-mode:multiply; transition:transform .18s ease; } .uas-recent-card:hover .uas-recent-card__media img{transform:scale(1.025)} .uas-recent-card__body{ padding:14px 12px 12px 2px; } .uas-recent-card__body small{ color:#8372e7; font-size:7px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; } .uas-recent-card__body>a{ margin-top:5px; color:#17203b; font-size:9.5px; font-weight:900; line-height:1.28; letter-spacing:-.012em; } .uas-recent-card__body>div{ gap:8px; margin-top:auto; padding-top:8px; } .uas-recent-card__body>div strong{ color:#111a35; font-size:11.5px; font-weight:950; letter-spacing:-.02em; } .uas-recent-card__body>div a{ display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 9px; border-radius:10px; background:#f4f1ff; color:#654bdc; font-size:7.2px; font-weight:900; white-space:nowrap; } @media(max-width:760px){ .uas-recently-viewed{ padding:34px 0 38px; } .uas-recently-viewed__head{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:10px; margin-bottom:14px; } .uas-recently-viewed__head h2{ max-width:230px; margin-top:5px; font-size:22px !important; line-height:1.02; } .uas-recently-viewed__head button{ align-self:start; min-height:36px !important; padding:0 10px !important; border-radius:12px !important; font-size:7.2px !important; gap:6px; } .uas-recently-viewed__clear-icon{ width:21px; height:21px; border-radius:8px; } .uas-recently-viewed__clear-icon svg{width:12px;height:12px} .uas-recently-viewed__rail{ display:flex !important; gap:8px !important; margin:0 !important; padding:2px 0 7px !important; overflow-x:auto !important; scroll-snap-type:x proximity; } .uas-recent-card{ flex:0 0 calc((100% - 8px)/2) !important; width:calc((100% - 8px)/2) !important; min-width:0 !important; grid-template-columns:1fr !important; min-height:0; border-radius:16px; scroll-snap-align:start; } .uas-recent-card__media{ display:grid; place-items:center; margin:7px 7px 0; padding:6px; aspect-ratio:1.24/1; border-radius:13px; } .uas-recent-card__media img{ width:100%; height:100%; max-height:88px; border-radius:9px; } .uas-recent-card__body{ padding:9px 9px 10px; } .uas-recent-card__body small{ font-size:6.2px; } .uas-recent-card__body>a{ min-height:30px; margin-top:4px; font-size:8.5px; line-height:1.22; } .uas-recent-card__body>div{ align-items:center; gap:5px; padding-top:7px; } .uas-recent-card__body>div strong{ font-size:10px; } .uas-recent-card__body>div a{ min-height:26px; padding:0 7px; border-radius:9px; font-size:6.6px; } } @media(max-width:430px){ .uas-recently-viewed__head h2{max-width:210px;font-size:20px !important} .uas-recently-viewed__head button{min-height:34px !important;padding:0 9px !important;font-size:6.8px !important} .uas-recent-card{flex-basis:calc((100% - 7px)/2) !important;width:calc((100% - 7px)/2) !important} .uas-recently-viewed__rail{gap:7px !important} .uas-recent-card__media{aspect-ratio:1.18/1} .uas-recent-card__media img{max-height:78px} .uas-recent-card__body>a{font-size:8.1px} .uas-recent-card__body>div strong{font-size:9.5px} .uas-recent-card__body>div a{padding:0 6px;font-size:6.2px} } @media(max-width:360px){ .uas-recently-viewed__head{grid-template-columns:1fr;gap:8px} .uas-recently-viewed__head button{justify-self:start} .uas-recent-card__body>div{display:grid;grid-template-columns:1fr} .uas-recent-card__body>div a{justify-self:start} } /* v0.6.9.42 — Recently Viewed visual-media upgrade */ .uas-recent-card__media-wrap{ position:relative; min-width:0; } .uas-recent-card__wishlist{ position:absolute; z-index:4; top:14px; right:14px; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid rgba(224,228,238,.96); border-radius:999px; background:rgba(255,255,255,.92); color:#6b4fe3; box-shadow:0 12px 24px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.98); backdrop-filter:blur(10px) saturate(1.15); cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease; } .uas-recent-card__wishlist:hover, .uas-recent-card__wishlist:focus-visible, .uas-recent-card__wishlist[aria-pressed=true]{ transform:translateY(-1px); border-color:rgba(104,76,240,.34); background:#f4efff; color:#5d40ef; } .uas-recent-card__wishlist svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .uas-recent-card__wishlist span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); } @media(max-width:760px){ .uas-recent-card{ overflow:hidden; border-radius:20px !important; background:linear-gradient(180deg,#fff 0%,#fdfdff 100%) !important; box-shadow:0 16px 34px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.98) !important; } .uas-recent-card__media-wrap{ padding:10px 10px 0; } .uas-recent-card__media{ margin:0 !important; padding:0 !important; aspect-ratio:1/1 !important; border-radius:16px !important; border:1px solid rgba(232,234,241,.96) !important; background:linear-gradient(180deg,#fafaff 0%,#f6f7fb 100%) !important; overflow:hidden; } .uas-recent-card__media img{ width:100% !important; height:100% !important; max-height:none !important; border-radius:15px !important; object-fit:cover !important; object-position:center !important; mix-blend-mode:normal !important; transform:scale(1.01); } .uas-recent-card:hover .uas-recent-card__media img{ transform:scale(1.035); } .uas-recent-card__wishlist{ top:18px; right:18px; width:34px; height:34px; border-radius:13px; } .uas-recent-card__wishlist svg{ width:17px; height:17px; } .uas-recent-card__body{ padding:10px 10px 11px !important; } .uas-recent-card__body small{ font-size:6.6px !important; } .uas-recent-card__body>a{ min-height:34px !important; margin-top:5px !important; font-size:8.8px !important; line-height:1.24 !important; } .uas-recent-card__body>div{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; padding-top:8px !important; } .uas-recent-card__body>div strong{ font-size:11.5px !important; } .uas-recent-card__body>div a{ width:100%; min-height:34px !important; padding:0 10px !important; border-radius:12px !important; background:linear-gradient(180deg,#f4f0ff 0%,#eee8ff 100%) !important; color:#5d43e5 !important; font-size:7.5px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 18px rgba(91,61,245,.08); } } @media(max-width:430px){ .uas-recent-card__media-wrap{ padding:8px 8px 0; } .uas-recent-card__media{ border-radius:14px !important; } .uas-recent-card__media img{ border-radius:13px !important; } .uas-recent-card__wishlist{ top:14px; right:14px; width:32px; height:32px; border-radius:12px; } .uas-recent-card__body{ padding:9px 9px 10px !important; } .uas-recent-card__body>a{ font-size:8.3px !important; } .uas-recent-card__body>div strong{ font-size:10.5px !important; } .uas-recent-card__body>div a{ min-height:32px !important; font-size:7px !important; } } @media(max-width:360px){ .uas-recent-card__wishlist{ width:30px; height:30px; } .uas-recent-card__wishlist svg{ width:15px; height:15px; } } /* v0.6.9.45 — Functional premium quick-actions hub */ .uas-quick-actions{ padding:54px 0 58px; background:linear-gradient(180deg,#fff 0%,#faf9ff 100%); } .uas-quick-actions__shell{ position:relative; overflow:hidden; padding:22px; border:1px solid rgba(221,225,237,.96); border-radius:28px; background: radial-gradient(circle at 4% 0%,rgba(111,78,255,.10),transparent 34%), radial-gradient(circle at 96% 100%,rgba(213,69,214,.07),transparent 30%), linear-gradient(180deg,#ffffff 0%,#fbfaff 100%); box-shadow:0 22px 54px rgba(15,23,42,.07); } .uas-quick-actions__shell::after{ content:""; position:absolute; right:-70px; top:-90px; width:240px; height:240px; border:1px solid rgba(117,86,255,.10); border-radius:999px; pointer-events:none; } .uas-quick-actions__head{ position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:18px; } .uas-quick-actions__head h2{ margin:6px 0 0; color:#101932; font-size:clamp(27px,2.35vw,38px); line-height:1.04; letter-spacing:-.045em; } .uas-quick-actions__head p{ margin:8px 0 0; color:#778196; font-size:11px; line-height:1.6; } .uas-quick-actions__status{ display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 13px; border:1px solid rgba(35,181,114,.16); border-radius:999px; background:rgba(35,181,114,.07); color:#25825a; font-size:8px; font-weight:900; white-space:nowrap; } .uas-quick-actions__status i{ width:8px; height:8px; border-radius:999px; background:#32d893; box-shadow:0 0 0 5px rgba(50,216,147,.12); } .uas-quick-actions__grid{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .uas-quick-action{ position:relative; min-width:0; min-height:142px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; grid-template-rows:auto 1fr; gap:11px 12px; align-items:start; padding:16px; border:1px solid rgba(225,228,237,.96); border-radius:20px; background:linear-gradient(180deg,#fff 0%,#fbfbfe 100%); color:#17203a; text-align:left; text-decoration:none; box-shadow:0 12px 28px rgba(15,23,42,.045); cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; } button.uas-quick-action{font:inherit;width:100%} .uas-quick-action:hover, .uas-quick-action:focus-visible{ transform:translateY(-2px); border-color:rgba(112,80,245,.28); box-shadow:0 18px 36px rgba(81,57,188,.10); outline:none; } .uas-quick-action__icon{ grid-row:1/3; display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:linear-gradient(145deg,#f1edff,#e7e2ff); color:#674bea; box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 10px 22px rgba(92,61,238,.11); } .uas-quick-action__icon svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .uas-quick-action__copy{min-width:0;display:flex;flex-direction:column} .uas-quick-action__copy small{ color:#8876e8; font-size:6.8px; font-weight:950; letter-spacing:.12em; } .uas-quick-action__copy strong{ margin-top:3px; color:#151f39; font-size:12px; font-weight:950; line-height:1.2; } .uas-quick-action__copy em{ margin-top:7px; color:#7b8598; font-size:8px; font-style:normal; font-weight:650; line-height:1.45; } .uas-quick-action__arrow{ display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:#f5f2ff; color:#6a4ce5; font-size:15px; transition:transform .18s ease; } .uas-quick-action:hover .uas-quick-action__arrow, .uas-quick-action:focus-visible .uas-quick-action__arrow{transform:translateX(2px)} .uas-quick-action__count{ position:absolute; top:12px; right:12px; display:grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border:2px solid #fff; border-radius:999px; background:linear-gradient(135deg,#5b3df5,#9252ff); color:#fff; font-size:7px; font-weight:950; box-shadow:0 7px 16px rgba(92,61,238,.22); } .uas-quick-action__count[hidden]{display:none!important} .uas-quick-action__count + .uas-quick-action__arrow{margin-right:22px} .uas-quick-action.is-search .uas-quick-action__icon{background:linear-gradient(145deg,#5d41f5,#8e52ff);color:#fff} .uas-quick-action.is-wishlist .uas-quick-action__icon{background:linear-gradient(145deg,#f7edff,#eee6ff);color:#7a4de8} .uas-quick-action.is-compare .uas-quick-action__icon{background:linear-gradient(145deg,#edf2ff,#e5ebff);color:#5064d9} .uas-quick-action.is-orders .uas-quick-action__icon{background:linear-gradient(145deg,#eef9f4,#e4f5ec);color:#21865b} @media(max-width:1024px){ .uas-quick-actions__grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .uas-quick-actions{ padding:34px 0 38px; } .uas-quick-actions__shell{ padding:14px; border-radius:22px; } .uas-quick-actions__head{ align-items:flex-start; margin-bottom:13px; } .uas-quick-actions__head h2{ font-size:23px; } .uas-quick-actions__head p{ max-width:250px; font-size:8.5px; } .uas-quick-actions__status{ min-height:31px; padding:0 10px; font-size:6.8px; } .uas-quick-actions__status i{ width:6px; height:6px; } .uas-quick-actions__grid{ grid-template-columns:1fr 1fr; gap:7px; } .uas-quick-action{ min-height:112px; grid-template-columns:38px minmax(0,1fr); gap:8px; padding:11px; border-radius:17px; } .uas-quick-action__icon{ width:38px; height:38px; border-radius:13px; } .uas-quick-action__icon svg{ width:18px; height:18px; } .uas-quick-action__copy small{font-size:5.8px} .uas-quick-action__copy strong{font-size:10px} .uas-quick-action__copy em{ margin-top:5px; font-size:6.7px; line-height:1.35; } .uas-quick-action__arrow{ position:absolute; right:10px; bottom:10px; width:26px; height:26px; border-radius:9px; font-size:13px; } .uas-quick-action__count{ top:8px; right:8px; min-width:18px; height:18px; font-size:6.5px; } .uas-quick-action__count + .uas-quick-action__arrow{margin-right:0} } @media(max-width:430px){ .uas-quick-actions__shell{padding:12px} .uas-quick-actions__head h2{font-size:20px} .uas-quick-actions__head p{font-size:8px} .uas-quick-actions__status{display:none} .uas-quick-action{ min-height:108px; padding:10px; } .uas-quick-action__copy strong{font-size:9.4px} .uas-quick-action__copy em{font-size:6.3px} } @media(max-width:360px){ .uas-quick-actions__grid{grid-template-columns:1fr} .uas-quick-action{ min-height:86px; grid-template-columns:40px minmax(0,1fr) 28px; grid-template-rows:auto; align-items:center; } .uas-quick-action__icon{grid-row:auto;width:40px;height:40px} .uas-quick-action__arrow{position:static} .uas-quick-action__copy em{display:none} } /* ========================================================================== v0.7.0 Design & Accessibility Improvements ========================================================================== */ /* Better readability for very small text */ .uas-eyebrow, .uas-smart-finder__intro p, .uas-smart-finder__form input, .uas-code-finder__form input, .uas-smart-finder__form button, .uas-code-finder__form button { font-size: max(11px, 0.6875rem) !important; } .uas-quick-action__copy strong { font-size: max(12px, 0.75rem) !important; } .uas-quick-action__copy em { font-size: max(10px, 0.625rem) !important; } /* Stronger focus visibility for keyboard users */ :focus-visible { outline: 2px solid var(--uas-primary, #5b3df5); outline-offset: 2px; } button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--uas-primary, #5b3df5); outline-offset: 2px; } /* Reduced motion preference */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Subtle improvement to product card hover */ .uas-product-card:hover, .uas-category-card:hover { transform: translateY(-2px); } /* Ensure images never overflow */ img { max-width: 100%; height: auto; } /* Better empty state */ .uas-empty { padding: 48px 24px; text-align: center; color: var(--uas-muted, #6e7890); font-size: 15px; line-height: 1.6; } /* ========================================================================== v0.8.0 — Dark Mode + Performance & Polish ========================================================================== */ /* Dark mode via system preference */ @media (prefers-color-scheme: dark) { :root { --uas-bg: #070b16; --uas-surface: #0e1528; --uas-surface-2: #121b33; --uas-ink: #eef1fb; --uas-text: #e6eaf8; --uas-muted: #9aa3bc; --uas-border: #1e2740; --uas-border-strong: #2a3454; --uas-primary-soft: #1a1535; --uas-navy: #050a16; --uas-navy-2: #0a1228; --uas-shadow-sm: 0 8px 22px rgba(0,0,0,.28); --uas-shadow: 0 18px 46px rgba(0,0,0,.38); --uas-shadow-xl: 0 28px 80px rgba(0,0,0,.5); } body { background: var(--uas-bg); color: var(--uas-text); } .uas-product-card, .uas-smart-finder__shell, .uas-deals__summary, .uas-footer, .uas-header, .uas-cart-drawer, .uas-mobile-panel { background: var(--uas-surface); } } /* Manual dark mode class (for future toggle) */ html.uas-dark { --uas-bg: #070b16; --uas-surface: #0e1528; --uas-surface-2: #121b33; --uas-ink: #eef1fb; --uas-text: #e6eaf8; --uas-muted: #9aa3bc; --uas-border: #1e2740; --uas-border-strong: #2a3454; --uas-primary-soft: #1a1535; --uas-navy: #050a16; --uas-navy-2: #0a1228; --uas-shadow-sm: 0 8px 22px rgba(0,0,0,.28); --uas-shadow: 0 18px 46px rgba(0,0,0,.38); --uas-shadow-xl: 0 28px 80px rgba(0,0,0,.5); } html.uas-dark body { background: var(--uas-bg); color: var(--uas-text); } /* Smooth theme transitions */ html { color-scheme: light dark; } /* Improved card hover (performance-friendly) */ .uas-product-card, .uas-premium-category, .uas-category-card { will-change: transform; transition: transform .18s ease, box-shadow .18s ease; } .uas-product-card:hover, .uas-premium-category:hover, .uas-category-card:hover { transform: translateY(-3px); } /* Better skeleton / loading feel */ @keyframes uas-pulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } } .uas-loading { animation: uas-pulse 1.4s ease-in-out infinite; } /* Print styles (basic) */ @media print { .uas-header, .uas-footer, .uas-mobile-panel, .uas-cart-drawer, .uas-skip-link, .uas-sticky-buy { display: none !important; } body { background: #fff; color: #000; } } /* Forced light mode (overrides system dark) */ html.uas-light { --uas-bg: #f6f7fb; --uas-surface: #fff; --uas-surface-2: #f9f9fd; --uas-ink: #0c1530; --uas-text: #111b35; --uas-muted: #6e7890; --uas-border: #e4e7f0; --uas-border-strong: #d8dceb; --uas-primary-soft: #f1eeff; --uas-navy: #09142f; --uas-navy-2: #121b45; --uas-shadow-sm: 0 8px 22px rgba(13,23,51,.06); --uas-shadow: 0 18px 46px rgba(13,23,51,.10); --uas-shadow-xl: 0 28px 80px rgba(9,20,47,.18); color-scheme: light; } html.uas-light body { background: var(--uas-bg); color: var(--uas-text); } /* ========================================================================== v0.8.1 — Readability & Overlap Fixes Tiny fonts (7–9px) were causing unreadable / overlapping text. ========================================================================== */ /* Product card — readable type */ .uas-product-card__category { font-size: 11px !important; letter-spacing: 0.06em !important; } .uas-product-card h3 { min-height: 0 !important; font-size: 14px !important; line-height: 1.35 !important; } .uas-product-card__new, .uas-product-card__sale, .uas-product-card__view { font-size: 11px !important; min-height: 26px !important; } .uas-product-card__price, .uas-product-card .price { font-size: 15px !important; } .uas-product-card .button, .uas-product-card__action .button { font-size: 13px !important; min-height: 42px !important; } /* New products section overrides */ .uas-home-new .uas-product-card h3 { font-size: 14px !important; min-height: 0 !important; } .uas-home-new .uas-product-card__action .button { font-size: 13px !important; min-height: 42px !important; } .uas-home-new .uas-text-link { font-size: 13px !important; min-height: 42px !important; } /* Smart finder — readable */ .uas-smart-finder__intro p, .uas-smart-finder__form input, .uas-code-finder__form input { font-size: 14px !important; } .uas-smart-finder__form button, .uas-code-finder__form button { font-size: 13px !important; } .uas-smart-finder__status, .uas-smart-finder__meta .uas-eyebrow { font-size: 11px !important; } .uas-live-search__shortcuts a, .uas-live-search__intent a { font-size: 12px !important; padding: 6px 10px !important; } /* Deals / badges */ .uas-deals .uas-product-card h3, .uas-product-grid--deals .uas-product-card h3 { font-size: 14px !important; min-height: 0 !important; } /* Quick actions */ .uas-quick-action__copy strong { font-size: 13px !important; } .uas-quick-action__copy em { font-size: 11px !important; } /* General safety: never go below 11px for body-ish text */ .uas-section__head p, .uas-eyebrow { font-size: max(12px, 0.75rem); } /* Prevent absolute children from escaping cards */ .uas-product-card, .uas-premium-category, .uas-home-showcase-064__slide { isolation: isolate; } /* Ensure description never collapses to zero when empty */ .uas-premium-category__description:empty { display: none; } /* ========================================================================== v0.8.2 — Product page layout fixes (tools, related cards, confidence) ========================================================================== */ /* ---- Wide product tools (single product: Favori / Karşılaştır / Paylaş) ---- */ .uas-product-tools.is-wide { position: static !important; display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 8px !important; margin: 14px 0 6px !important; } .uas-product-tools.is-wide .uas-product-tool { position: relative; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 42px !important; min-width: 0; max-width: 100%; padding: 0 14px !important; border: 1px solid #e4e7f0 !important; border-radius: 999px !important; background: #fff !important; color: #4b5569 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 4px 14px rgba(13, 23, 51, 0.05); } .uas-product-tools.is-wide .uas-product-tool span { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: nowrap !important; } .uas-product-tools.is-wide .uas-product-tool svg { width: 16px !important; height: 16px !important; flex-shrink: 0; } .uas-product-tools.is-wide .uas-product-tool:hover, .uas-product-tools.is-wide .uas-product-tool[aria-pressed="true"] { border-color: #c8c0ff !important; background: #f5f2ff !important; color: var(--uas-primary, #5b3df5) !important; } /* ---- Compact tools on product cards (related / loop) ---- */ .uas-product-card__media-shell { position: relative; } .uas-product-tools.is-compact { position: absolute !important; z-index: 12 !important; top: 10px !important; right: 10px !important; left: auto !important; display: flex !important; flex-direction: column !important; gap: 6px !important; pointer-events: none; } .uas-product-tools.is-compact .uas-product-tool { pointer-events: auto; width: 34px !important; height: 34px !important; min-width: 34px !important; padding: 0 !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; background: rgba(255, 255, 255, 0.96) !important; box-shadow: 0 6px 16px rgba(13, 23, 51, 0.12) !important; color: #5a6478 !important; } .uas-product-tools.is-compact .uas-product-tool span { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .uas-product-tools.is-compact .uas-product-tool svg { width: 15px !important; height: 15px !important; } /* Badges stay on the left, tools on the right — no collision */ .uas-product-card__badges { position: absolute !important; z-index: 10 !important; left: 10px !important; top: 10px !important; right: auto !important; display: flex !important; flex-wrap: wrap !important; gap: 5px !important; max-width: calc(100% - 56px) !important; pointer-events: none; } .uas-product-card__new, .uas-product-card__sale { font-size: 11px !important; min-height: 26px !important; padding: 0 8px !important; border-radius: 8px !important; font-weight: 800 !important; } /* Related / card CTA always visible */ .uas-product-card__action, .uas-product-card .uas-product-card__action { display: block !important; margin-top: auto; padding-top: 8px; min-height: 44px; } .uas-product-card__action .button, .uas-product-card .button, .uas-product-card a.button, .uas-product-card .add_to_cart_button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; padding: 0 12px !important; border-radius: 12px !important; font-size: 13px !important; font-weight: 800 !important; opacity: 1 !important; visibility: visible !important; background: linear-gradient(135deg, var(--uas-primary, #5b3df5), #7458ff) !important; color: #fff !important; border: 0 !important; } .uas-product-card__body { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; min-height: 0; } /* ---- Product confidence: no overlap with title ---- */ .uas-product-confidence { position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin: 18px 0 8px !important; padding: 0 !important; border: 0 !important; background: transparent !important; clear: both; } .uas-product-confidence .uas-product-confidence__item, .uas-product-confidence > span { position: relative !important; z-index: 1 !important; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 4px 12px !important; align-items: center !important; min-width: 0 !important; margin: 0 !important; padding: 14px 14px 14px 12px !important; border: 1px solid #e7eaf3 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(16, 24, 40, 0.05) !important; overflow: hidden !important; } .uas-product-confidence .uas-product-confidence__item i, .uas-product-confidence span i { font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; line-height: 1.25 !important; } .uas-product-confidence .uas-product-confidence__item strong, .uas-product-confidence span strong { font-size: 13px !important; font-weight: 600 !important; line-height: 1.45 !important; color: #4b5569 !important; } /* Single product title never underlapped */ .single-product .uas-woocommerce div.product .product_title, .single-product .product_title, .single-product h1.product_title { position: relative !important; z-index: 2 !important; margin: 0 0 12px !important; clear: both; } .single-product .uas-woocommerce div.product .summary { position: relative !important; z-index: 2 !important; overflow: visible !important; } /* Desktop: confidence can be 3 columns when space allows */ @media (min-width: 900px) { .uas-product-confidence { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { .uas-product-tools.is-wide { gap: 6px !important; } .uas-product-tools.is-wide .uas-product-tool { min-height: 40px !important; padding: 0 12px !important; font-size: 12px !important; } .uas-product-tools.is-compact .uas-product-tool { width: 32px !important; height: 32px !important; } } .uas-product-card__bottom { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: auto !important; padding-top: 4px; } .uas-product-card__price { font-size: 16px !important; font-weight: 800 !important; line-height: 1.2 !important; } .uas-product-card__price del { font-size: 13px !important; opacity: 0.65; margin-right: 6px; } /* Related grid: single column on mobile so cards are full width */ @media (max-width: 760px) { .uas-product-grid--related { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; } .uas-product-grid--related .uas-product-card { max-width: 100% !important; } } /* ========================================================================== v0.8.3 — CTA icon tight spacing + product tools rebuild + hide confidence ========================================================================== */ /* Hide confidence if any cached markup remains */ .uas-product-confidence { display: none !important; } /* CTA: tight icon-to-text spacing (was doubled via gap + margin) */ :root { --uas-cta-icon-gap: 0.28rem; --uas-cta-icon-shift: 0; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button { gap: 0.28rem !important; column-gap: 0.28rem !important; } .single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button:before, .single-product .uas-woocommerce div.product form.cart .uas-buy-now-button:before { margin-inline-end: 0 !important; margin-right: 0 !important; margin-left: 0 !important; transform: none !important; } /* ---- Product tools (Favori / Karşılaştır / Paylaş) — force pill layout ---- */ .single-product .uas-product-tools.is-wide, .uas-woocommerce .uas-product-tools.is-wide, div.product .uas-product-tools.is-wide { position: static !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin: 12px 0 4px !important; width: 100% !important; height: auto !important; } .single-product .uas-product-tools.is-wide .uas-product-tool, .uas-woocommerce .uas-product-tools.is-wide .uas-product-tool, div.product .uas-product-tools.is-wide .uas-product-tool { position: relative !important; display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 40px !important; max-width: none !important; padding: 8px 14px !important; border: 1px solid #e4e7f0 !important; border-radius: 999px !important; background: #fff !important; color: #4b5569 !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: visible !important; box-shadow: 0 4px 12px rgba(13, 23, 51, 0.05) !important; cursor: pointer !important; } .single-product .uas-product-tools.is-wide .uas-product-tool span, .uas-woocommerce .uas-product-tools.is-wide .uas-product-tool span, div.product .uas-product-tools.is-wide .uas-product-tool span { position: static !important; display: inline !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: nowrap !important; font-size: inherit !important; font-weight: inherit !important; color: inherit !important; } .single-product .uas-product-tools.is-wide .uas-product-tool svg, .uas-woocommerce .uas-product-tools.is-wide .uas-product-tool svg, div.product .uas-product-tools.is-wide .uas-product-tool svg { position: static !important; display: block !important; width: 15px !important; height: 15px !important; flex-shrink: 0 !important; margin: 0 !important; } .single-product .uas-product-tools.is-wide .uas-product-tool:hover, .single-product .uas-product-tools.is-wide .uas-product-tool[aria-pressed="true"] { border-color: #c8c0ff !important; background: #f5f2ff !important; color: var(--uas-primary, #5b3df5) !important; } @media (max-width: 430px) { .single-product .uas-product-tools.is-wide .uas-product-tool { min-height: 38px !important; padding: 7px 12px !important; font-size: 12px !important; } } /* ========================================================================== v0.8.4 — Ultra Premium Marketplace Hero ========================================================================== */ .uas-hero-premium--v084 { padding: 16px 0 28px; background: linear-gradient(180deg, #f7f8fc 0%, #eef1f8 100%); } .uas-hero-premium--v084 .uas-hero-premium__stage { position: relative; min-height: min(72vh, 620px); border-radius: 28px; overflow: hidden; background: #0a1228; box-shadow: 0 28px 80px rgba(9, 20, 47, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.06) inset; } .uas-hero-premium--v084 .uas-hero-premium__slide { position: absolute; inset: 0; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.55s ease, visibility 0.55s ease, transform 0.55s ease; transform: scale(1.02); } .uas-hero-premium--v084 .uas-hero-premium__slide.is-active { opacity: 1; visibility: visible; transform: none; z-index: 2; } /* Softer cinematic overlay — product/person still readable */ .uas-hero-premium--v084 .uas-hero-premium__slide::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: var(--uas-hero-image); background-size: cover; background-position: center right; transform: scale(1.04); } .uas-hero-premium--v084 .uas-hero-premium__slide::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient( 105deg, rgba(5, 10, 24, 0.94) 0%, rgba(7, 14, 32, 0.88) 32%, rgba(8, 16, 38, 0.55) 52%, rgba(8, 16, 38, 0.18) 72%, rgba(8, 16, 38, 0.35) 100% ), radial-gradient(ellipse 60% 50% at 18% 40%, rgba(99, 70, 255, 0.22), transparent 55%); } .uas-hero-premium--v084 .uas-hero-premium__content { position: relative; z-index: 3; width: min(560px, 92%); padding: 48px 48px 120px; color: #fff; } .uas-hero-premium--v084 .uas-eyebrow--light { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 14px; color: #c4b5ff; font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; } .uas-hero-premium--v084 .uas-eyebrow--light::after { content: ""; width: 36px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, #a78bfa, transparent); } .uas-hero-premium--v084 h1 { margin: 0 0 14px; max-width: 14ch; color: #fff; font-size: clamp(32px, 4.2vw, 52px); font-weight: 800; line-height: 1.08; letter-spacing: -0.04em; text-wrap: balance; } .uas-hero-premium--v084 .uas-hero-premium__content > p { margin: 0 0 22px; max-width: 42ch; color: rgba(226, 232, 245, 0.88); font-size: 15.5px; line-height: 1.6; font-weight: 450; } /* Hero search dock */ .uas-hero-search { display: flex; align-items: center; gap: 0; width: 100%; max-width: 440px; min-height: 52px; margin: 0 0 14px; padding: 5px 5px 5px 16px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 16px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18); } .uas-hero-search__icon { flex: 0 0 20px; width: 20px; height: 20px; margin-right: 10px; stroke: rgba(255, 255, 255, 0.7); fill: none; stroke-width: 1.9; } .uas-hero-search input[type="search"] { flex: 1 1 auto; min-width: 0; height: 42px; border: 0; outline: 0; background: transparent; color: #fff; font-size: 14px; font-weight: 550; } .uas-hero-search input::placeholder { color: rgba(255, 255, 255, 0.55); } .uas-hero-search__submit { flex: 0 0 auto; min-height: 42px; padding: 0 18px; border: 0; border-radius: 12px; background: linear-gradient(135deg, #6d4dff, #8b5cf6); color: #fff; font-size: 13px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 20px rgba(109, 77, 255, 0.35); transition: transform 0.15s ease, box-shadow 0.15s ease; } .uas-hero-search__submit:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(109, 77, 255, 0.45); } /* Category chips */ .uas-hero-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; } .uas-hero-chip { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.92); font-size: 12px; font-weight: 650; text-decoration: none; transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease; } .uas-hero-chip:hover { background: rgba(255, 255, 255, 0.16); border-color: rgba(196, 181, 255, 0.45); transform: translateY(-1px); } /* Dual CTA */ .uas-hero-premium--v084 .uas-hero-premium__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; } .uas-hero-premium--v084 .uas-btn--primary { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 14px; background: linear-gradient(135deg, #6d4dff 0%, #8b5cf6 100%); color: #fff; font-size: 14px; font-weight: 800; box-shadow: 0 14px 32px rgba(109, 77, 255, 0.38); text-decoration: none; transition: transform 0.15s ease, box-shadow 0.15s ease; } .uas-hero-premium--v084 .uas-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(109, 77, 255, 0.48); } .uas-hero-premium--v084 .uas-btn--glass { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 14px; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 14px; font-weight: 700; backdrop-filter: blur(10px); text-decoration: none; transition: background 0.15s ease, border-color 0.15s ease; } .uas-hero-premium--v084 .uas-btn--glass:hover { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.35); } /* Bottom trust bar — persistent on stage */ .uas-hero-premium__trustbar { position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 28px; padding: 14px 28px; background: linear-gradient(180deg, transparent, rgba(4, 8, 20, 0.72)); border-top: 1px solid rgba(255, 255, 255, 0.08); backdrop-filter: blur(8px); } .uas-hero-premium__trustbar-item { display: inline-flex; align-items: center; gap: 8px; color: rgba(230, 235, 250, 0.9); font-size: 12.5px; font-weight: 650; } .uas-hero-premium__trustbar-item i { display: block; width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, #a78bfa, #6d4dff); box-shadow: 0 0 10px rgba(167, 139, 250, 0.6); } /* Glass controls */ .uas-hero-premium--v084 .uas-hero-premium__controls { position: absolute; z-index: 6; left: 50%; bottom: 58px; transform: translateX(-50%); display: flex; align-items: center; gap: 10px; padding: 6px 8px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(8, 14, 32, 0.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); } .uas-hero-premium--v084 .uas-hero-premium__arrow { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: #fff; cursor: pointer; transition: background 0.15s ease; } .uas-hero-premium--v084 .uas-hero-premium__arrow:hover { background: rgba(255, 255, 255, 0.2); } .uas-hero-premium--v084 .uas-hero-premium__arrow svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; } .uas-hero-premium--v084 .uas-hero-premium__dots { display: flex; align-items: center; gap: 6px; padding: 0 4px; } .uas-hero-premium--v084 .uas-hero-premium__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.35); cursor: pointer; transition: width 0.2s ease, background 0.2s ease; } .uas-hero-premium--v084 .uas-hero-premium__dot.is-active { width: 22px; background: #fff; } /* Hide old signature / inline trust if residual */ .uas-hero-premium--v084 .uas-hero-premium__signature, .uas-hero-premium--v084 .uas-hero-premium__trust { display: none !important; } /* Responsive */ @media (max-width: 900px) { .uas-hero-premium--v084 .uas-hero-premium__stage { min-height: min(68vh, 560px); border-radius: 22px; } .uas-hero-premium--v084 .uas-hero-premium__content { width: min(100%, 92%); padding: 36px 28px 110px; } .uas-hero-premium--v084 h1 { max-width: 16ch; font-size: clamp(28px, 7vw, 40px); } .uas-hero-premium--v084 .uas-hero-premium__slide::before { background-position: 70% center; } } @media (max-width: 600px) { .uas-hero-premium--v084 { padding: 10px 0 20px; } .uas-hero-premium--v084 .uas-hero-premium__stage { min-height: 520px; border-radius: 18px; } .uas-hero-premium--v084 .uas-hero-premium__content { padding: 28px 18px 100px; } .uas-hero-premium--v084 .uas-hero-premium__content > p { font-size: 14px; } .uas-hero-search { max-width: 100%; min-height: 48px; padding-left: 12px; } .uas-hero-search input[type="search"] { font-size: 13px; } .uas-hero-search__submit { padding: 0 14px; font-size: 12px; } .uas-hero-premium--v084 .uas-btn--primary, .uas-hero-premium--v084 .uas-btn--glass { min-height: 44px; font-size: 13px; flex: 1 1 auto; justify-content: center; } .uas-hero-premium__trustbar { gap: 6px 16px; padding: 12px 16px; } .uas-hero-premium__trustbar-item { font-size: 11px; } .uas-hero-premium--v084 .uas-hero-premium__controls { bottom: 52px; scale: 0.95; } /* On small screens keep image more atmospheric */ .uas-hero-premium--v084 .uas-hero-premium__slide::after { background: linear-gradient( 180deg, rgba(5, 10, 24, 0.55) 0%, rgba(5, 10, 24, 0.78) 40%, rgba(5, 10, 24, 0.92) 100% ), linear-gradient( 90deg, rgba(5, 10, 24, 0.75) 0%, rgba(5, 10, 24, 0.35) 100% ); } } /* ========================================================================== v0.8.5 — Persistent hero dock (search + chips on all slides) ========================================================================== */ .uas-hero-premium--v085 .uas-hero-premium__content { padding-bottom: 48px; } .uas-hero-premium--v085 .uas-hero-premium__content > p { margin-bottom: 18px; } /* Fixed functional layer: search + chips always visible while slides change */ .uas-hero-dock { position: absolute; z-index: 4; left: 48px; right: auto; bottom: 72px; width: min(480px, calc(100% - 96px)); display: flex; flex-direction: column; gap: 12px; pointer-events: none; } .uas-hero-dock .uas-hero-search, .uas-hero-dock .uas-hero-chips { pointer-events: auto; } .uas-hero-premium--v085 .uas-hero-search { margin: 0; max-width: 100%; } .uas-hero-premium--v085 .uas-hero-chips { margin: 0; } .uas-hero-premium--v085 .uas-hero-premium__controls { bottom: 64px; left: auto; right: 24px; transform: none; } .uas-hero-premium--v085 .uas-hero-premium__trustbar { padding-left: 48px; padding-right: 48px; } /* Content actions sit above dock */ .uas-hero-premium--v085 .uas-hero-premium__actions { margin-top: 8px; } @media (max-width: 900px) { .uas-hero-dock { left: 28px; width: min(440px, calc(100% - 56px)); bottom: 68px; } .uas-hero-premium--v085 .uas-hero-premium__controls { right: 16px; bottom: 58px; } .uas-hero-premium--v085 .uas-hero-premium__trustbar { padding-left: 28px; padding-right: 28px; } } @media (max-width: 600px) { .uas-hero-premium--v085 .uas-hero-premium__stage { min-height: 580px; } .uas-hero-premium--v085 .uas-hero-premium__content { padding: 28px 18px 200px; } .uas-hero-dock { left: 16px; right: 16px; width: auto; bottom: 56px; } .uas-hero-premium--v085 .uas-hero-premium__controls { left: 50%; right: auto; bottom: 12px; transform: translateX(-50%); } .uas-hero-premium--v085 .uas-hero-premium__trustbar { display: none; /* declutter mobile; search is priority */ } .uas-hero-chips { gap: 6px; } .uas-hero-chip { min-height: 30px; padding: 0 10px; font-size: 11px; } } /* ========================================================================== v0.8.6 — Hero visual feast + mobile layout fix Absolute dock + centered content caused a huge empty gap on phones. ========================================================================== */ .uas-hero-premium--v085.uas-hero-premium--v084 .uas-hero-premium__stage { min-height: min(68vh, 600px); } /* Desktop: refined content block */ @media (min-width: 761px) { .uas-hero-premium--v085 .uas-hero-premium__content { width: min(520px, 48%); padding: 52px 40px 40px 52px; } .uas-hero-premium--v085 .uas-hero-premium__slide { align-items: center; } .uas-hero-dock { left: 52px; bottom: 88px; width: min(460px, 46%); } .uas-hero-premium--v085 .uas-hero-premium__controls { bottom: 78px; right: 28px; } .uas-hero-premium--v085 .uas-hero-premium__actions { margin-bottom: 0; } /* Push CTAs up so dock sits naturally under them */ .uas-hero-premium--v085 .uas-hero-premium__content { padding-bottom: 120px; } } /* Tablet + mobile: pack content to top, dock in flow under CTAs */ @media (max-width: 760px) { .uas-hero-premium--v085 { padding: 8px 0 16px; } .uas-hero-premium--v085 .uas-hero-premium__stage { display: flex; flex-direction: column; min-height: 0; border-radius: 20px; /* Let content define height — no forced empty void */ min-height: auto; } .uas-hero-premium--v085 .uas-hero-premium__slide { position: absolute; inset: 0; align-items: flex-start; justify-content: flex-start; } .uas-hero-premium--v085 .uas-hero-premium__content { width: 100%; padding: 28px 20px 12px; } .uas-hero-premium--v085 h1 { max-width: none; font-size: clamp(26px, 7.5vw, 34px); line-height: 1.12; margin-bottom: 10px; } .uas-hero-premium--v085 .uas-hero-premium__content > p { margin-bottom: 16px; font-size: 14px; line-height: 1.5; max-width: none; } .uas-hero-premium--v085 .uas-eyebrow--light { margin-bottom: 10px; font-size: 10px; } /* CTAs full width stack, tight */ .uas-hero-premium--v085 .uas-hero-premium__actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 14px; width: 100%; } .uas-hero-premium--v085 .uas-btn--primary, .uas-hero-premium--v085 .uas-btn--glass { width: 100%; justify-content: center; min-height: 48px; border-radius: 14px; font-size: 14px; } .uas-hero-premium--v085 .uas-btn--glass { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.28); } /* Dock: no longer absolute void — sits in document flow under slides */ .uas-hero-dock { position: relative; z-index: 4; left: auto; right: auto; bottom: auto; width: auto; margin: 0; padding: 0 16px 12px; /* Reserve space so absolute slides don't cover dock */ margin-top: min(52vh, 340px); } .uas-hero-premium--v085 .uas-hero-search { max-width: 100%; min-height: 50px; border-radius: 14px; background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.22); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22); } .uas-hero-premium--v085 .uas-hero-search input[type="search"] { font-size: 14px; } .uas-hero-premium--v085 .uas-hero-search__submit { min-height: 40px; border-radius: 11px; padding: 0 16px; font-size: 13px; } .uas-hero-chips { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding-bottom: 2px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .uas-hero-chips::-webkit-scrollbar { display: none; } .uas-hero-chip { flex: 0 0 auto; min-height: 32px; padding: 0 12px; font-size: 12px; background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.2); } /* Controls under dock, centered, not overlapping search */ .uas-hero-premium--v085 .uas-hero-premium__controls { position: relative; z-index: 5; left: auto; right: auto; bottom: auto; transform: none; align-self: center; margin: 0 auto 14px; } .uas-hero-premium--v085 .uas-hero-premium__trustbar { display: none; } /* Stronger mobile gradient for readability */ .uas-hero-premium--v085 .uas-hero-premium__slide::after { background: linear-gradient( 180deg, rgba(6, 10, 24, 0.72) 0%, rgba(6, 10, 24, 0.55) 35%, rgba(6, 10, 24, 0.82) 70%, rgba(6, 10, 24, 0.94) 100% ) !important; } .uas-hero-premium--v085 .uas-hero-premium__slide::before { background-position: 65% center; } } @media (max-width: 400px) { .uas-hero-premium--v085 .uas-hero-premium__content { padding: 24px 16px 10px; } .uas-hero-dock { margin-top: min(48vh, 300px); padding: 0 14px 10px; } .uas-hero-premium--v085 h1 { font-size: 25px; } } /* ========================================================================== v0.8.7 — Mobile hero: natural height, no black void, controls inside card ========================================================================== */ @media (max-width: 760px) { .uas-hero-premium--v085 { padding: 6px 0 12px; } .uas-hero-premium--v085 .uas-hero-premium__stage { display: block; position: relative; min-height: 0 !important; height: auto !important; border-radius: 22px; overflow: hidden; background: #0a1022; } /* Inactive slides: only background layer, no layout space */ .uas-hero-premium--v085 .uas-hero-premium__slide { position: absolute !important; inset: 0; height: 100%; opacity: 0; visibility: hidden; pointer-events: none; transform: none !important; align-items: flex-start; justify-content: flex-start; } /* Active slide: in document flow → natural height, no empty void */ .uas-hero-premium--v085 .uas-hero-premium__slide.is-active { position: relative !important; inset: auto; height: auto; opacity: 1; visibility: visible; pointer-events: auto; z-index: 2; display: flex; flex-direction: column; } /* Background image fills active slide */ .uas-hero-premium--v085 .uas-hero-premium__slide::before { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: 70% center; } .uas-hero-premium--v085 .uas-hero-premium__slide::after { position: absolute; inset: 0; z-index: -1; background: linear-gradient( 165deg, rgba(6, 10, 24, 0.88) 0%, rgba(6, 10, 24, 0.72) 42%, rgba(6, 10, 24, 0.90) 100% ) !important; } .uas-hero-premium--v085 .uas-hero-premium__content { position: relative; z-index: 2; width: 100%; padding: 26px 18px 8px; } .uas-hero-premium--v085 h1 { font-size: clamp(25px, 7vw, 32px); line-height: 1.15; margin: 0 0 10px; max-width: none; } .uas-hero-premium--v085 .uas-hero-premium__content > p { margin: 0 0 16px; font-size: 13.5px; line-height: 1.55; color: rgba(230, 234, 248, 0.9); } .uas-hero-premium--v085 .uas-hero-premium__actions { display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 14px; } .uas-hero-premium--v085 .uas-btn--primary { min-height: 48px; border-radius: 14px; font-size: 14px; font-weight: 800; box-shadow: 0 12px 28px rgba(109, 77, 255, 0.4); } .uas-hero-premium--v085 .uas-btn--glass { min-height: 46px; border-radius: 14px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.28); color: #fff; font-size: 14px; } /* Dock sits right under content — no margin-top void */ .uas-hero-dock { position: relative !important; z-index: 4; left: auto !important; right: auto !important; bottom: auto !important; width: auto !important; margin: 0 !important; margin-top: 0 !important; padding: 0 16px 12px !important; } .uas-hero-premium--v085 .uas-hero-search { max-width: 100%; min-height: 48px; border-radius: 14px; background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.24); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); } .uas-hero-premium--v085 .uas-hero-search input[type="search"] { font-size: 13.5px; height: 40px; } .uas-hero-premium--v085 .uas-hero-search__submit { min-height: 38px; padding: 0 15px; border-radius: 11px; font-size: 13px; font-weight: 800; } .uas-hero-chips { display: flex; flex-wrap: nowrap; gap: 7px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .uas-hero-chips::-webkit-scrollbar { display: none; } .uas-hero-chip { flex: 0 0 auto; min-height: 30px; padding: 0 11px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.1); color: #fff; font-size: 11.5px; font-weight: 650; } /* Controls INSIDE the card */ .uas-hero-premium--v085 .uas-hero-premium__controls { position: relative !important; z-index: 5; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; display: flex; justify-content: center; align-self: center; width: fit-content; margin: 0 auto 16px; padding: 5px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(12px); } .uas-hero-premium--v085 .uas-hero-premium__arrow { width: 34px; height: 34px; background: rgba(255, 255, 255, 0.12); } .uas-hero-premium--v085 .uas-hero-premium__dot { width: 7px; height: 7px; } .uas-hero-premium--v085 .uas-hero-premium__dot.is-active { width: 18px; background: #fff; } .uas-hero-premium--v085 .uas-hero-premium__trustbar { display: none !important; } } /* Desktop polish */ @media (min-width: 761px) { .uas-hero-premium--v085 .uas-hero-premium__stage { min-height: min(64vh, 560px); } .uas-hero-premium--v085 .uas-hero-premium__content { padding: 48px 40px 100px 48px; } .uas-hero-dock { bottom: 80px; } } /* ========================================================================== v0.8.8 — Hero final mobile polish (premium) ========================================================================== */ @media (max-width: 760px) { .uas-hero-premium--v085 .uas-hero-premium__stage { border-radius: 24px; box-shadow: 0 20px 50px rgba(9, 20, 47, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.06) inset; } .uas-hero-premium--v085 .uas-hero-premium__content { padding: 24px 18px 4px; } .uas-hero-premium--v085 .uas-eyebrow--light { margin-bottom: 8px; font-size: 10px; letter-spacing: 0.16em; color: #c4b5ff; } .uas-hero-premium--v085 .uas-eyebrow--light::after { width: 28px; } .uas-hero-premium--v085 h1 { margin: 0 0 8px; font-size: clamp(24px, 6.8vw, 30px); line-height: 1.14; letter-spacing: -0.035em; } .uas-hero-premium--v085 .uas-hero-premium__content > p { margin: 0 0 14px; font-size: 13px; line-height: 1.5; color: rgba(220, 226, 242, 0.88); } .uas-hero-premium--v085 .uas-hero-premium__actions { gap: 8px; margin: 0 0 12px; } .uas-hero-premium--v085 .uas-btn--primary { min-height: 50px; border-radius: 15px; font-size: 14.5px; letter-spacing: -0.01em; background: linear-gradient(135deg, #7c5cff 0%, #6d4dff 45%, #8b5cf6 100%); box-shadow: 0 14px 32px rgba(109, 77, 255, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.22); } .uas-hero-premium--v085 .uas-btn--glass { min-height: 46px; border-radius: 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.32); color: rgba(255, 255, 255, 0.95); font-weight: 700; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } /* Search — cleaner, shorter visual weight */ .uas-hero-dock { padding: 0 16px 8px !important; } .uas-hero-premium--v085 .uas-hero-search { min-height: 48px; padding: 4px 4px 4px 14px; border-radius: 15px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.26); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); } .uas-hero-premium--v085 .uas-hero-search__icon { width: 18px; height: 18px; margin-right: 8px; opacity: 0.75; } .uas-hero-premium--v085 .uas-hero-search input[type="search"] { font-size: 13.5px; height: 40px; } .uas-hero-premium--v085 .uas-hero-search__submit { min-height: 40px; padding: 0 16px; border-radius: 12px; font-size: 13px; background: linear-gradient(135deg, #7c5cff, #6d4dff); box-shadow: 0 6px 16px rgba(109, 77, 255, 0.35); } /* Chips — full labels, elegant pills, safe edge fade */ .uas-hero-chips { position: relative; gap: 8px; margin-top: 10px; padding-right: 8px; mask-image: linear-gradient(90deg, #000 0%, #000 88%, transparent 100%); -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 88%, transparent 100%); } .uas-hero-chip { min-height: 32px; padding: 0 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.95); font-size: 12px; font-weight: 650; white-space: nowrap; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); } .uas-hero-chip:active { background: rgba(255, 255, 255, 0.18); } /* Controls — tighter, less bottom void */ .uas-hero-premium--v085 .uas-hero-premium__controls { margin: 4px auto 14px !important; padding: 4px 6px; background: rgba(0, 0, 0, 0.28); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); } .uas-hero-premium--v085 .uas-hero-premium__arrow { width: 32px; height: 32px; background: rgba(255, 255, 255, 0.1); } .uas-hero-premium--v085 .uas-hero-premium__arrow svg { width: 15px; height: 15px; } .uas-hero-premium--v085 .uas-hero-premium__dot { width: 6px; height: 6px; background: rgba(255, 255, 255, 0.35); } .uas-hero-premium--v085 .uas-hero-premium__dot.is-active { width: 16px; background: #fff; } } /* ========================================================================== v0.8.9 — Clean hero: no search dock, no chips (header search is enough) ========================================================================== */ .uas-hero-dock, .uas-hero-search, .uas-hero-chips { display: none !important; } @media (max-width: 760px) { .uas-hero-premium--v085 .uas-hero-premium__content { padding: 28px 18px 8px; } .uas-hero-premium--v085 .uas-hero-premium__actions { margin: 0 0 16px; } .uas-hero-premium--v085 .uas-hero-premium__controls { margin: 0 auto 18px !important; } /* Slightly richer bottom gradient so image doesn't look cut off */ .uas-hero-premium--v085 .uas-hero-premium__slide.is-active { min-height: 0; } } @media (min-width: 761px) { /* Desktop: content no longer needs space for dock */ .uas-hero-premium--v085 .uas-hero-premium__content { padding: 56px 48px 64px 52px; width: min(540px, 50%); } .uas-hero-premium--v085 .uas-hero-premium__actions { margin-top: 8px; } .uas-hero-premium--v085 .uas-hero-premium__controls { bottom: 28px; right: 28px; } .uas-hero-premium--v085 .uas-hero-premium__trustbar { display: flex; } } /* v0.8.10 — Hero without CTA buttons (cleaner) */ .uas-hero-premium__actions { display: none !important; } /* ========================================================================== v0.9.0 — Homepage vitrine: categories always visible, empty states, rhythm ========================================================================== */ .uas-premium-category-grid--v09 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; opacity: 1 !important; visibility: visible !important; min-height: 0; } .uas-premium-category-grid--v09 .uas-premium-category { display: flex !important; min-height: 280px; } .uas-premium-category-grid--v09 .uas-premium-category__visual { min-height: 140px; } .uas-premium-category-grid--v09 .uas-premium-category__content { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 14px 16px 16px; } .uas-premium-category-grid--v09 .uas-premium-category__title { font-size: 16px; font-weight: 800; line-height: 1.25; color: #fff; } .uas-premium-category-grid--v09 .uas-premium-category__count { display: inline-flex; align-items: center; width: fit-content; min-height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.85); font-size: 11.5px; font-weight: 700; } .uas-premium-category-grid--v09 .uas-premium-category__description { color: rgba(220, 226, 242, 0.78); font-size: 12.5px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .uas-premium-category-grid--v09 .uas-premium-category__cta { margin-top: auto; display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.14); color: #fff; } .uas-premium-category-grid--v09 .uas-premium-category__cta b { font-size: 12.5px; font-weight: 800; } /* Empty vitrine */ .uas-home-empty-vitrine { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 28px 24px; border: 1px dashed #d5d9e8; border-radius: 20px; background: linear-gradient(180deg, #fbfcff, #f4f6fb); } .uas-home-empty-vitrine__copy { min-width: 0; flex: 1 1 240px; } .uas-home-empty-vitrine__copy strong { display: block; margin-bottom: 6px; color: #121a33; font-size: 17px; font-weight: 800; } .uas-home-empty-vitrine__copy p { margin: 0; color: #6b7389; font-size: 14px; line-height: 1.5; } .uas-home-empty-vitrine .uas-btn--primary { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 18px; border-radius: 14px; background: linear-gradient(135deg, #6d4dff, #8b5cf6); color: #fff; font-size: 13.5px; font-weight: 800; text-decoration: none; box-shadow: 0 12px 28px rgba(109, 77, 255, 0.28); } /* Product grid force visible */ .uas-product-grid--new { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .uas-home-new { padding: 48px 0 56px; } .uas-home-new .uas-section__head { margin-bottom: 24px; } @media (max-width: 1100px) { .uas-premium-category-grid--v09, .uas-product-grid--new { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .uas-premium-category-grid--v09 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; } .uas-premium-category-grid--v09 .uas-premium-category { min-height: 240px; } .uas-product-grid--new { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; } .uas-home-empty-vitrine { padding: 22px 18px; border-radius: 16px; } /* Mobile hero: show compact trust line */ .uas-hero-premium--v085 .uas-hero-premium__trustbar { display: flex !important; position: relative; flex-wrap: wrap; gap: 8px 14px; padding: 10px 16px 14px; background: transparent; border-top: 1px solid rgba(255, 255, 255, 0.1); } .uas-hero-premium--v085 .uas-hero-premium__trustbar-item { font-size: 11px; color: rgba(230, 235, 250, 0.88); } } @media (max-width: 430px) { .uas-premium-category-grid--v09 .uas-premium-category__description { display: none; } .uas-premium-category-grid--v09 .uas-premium-category { min-height: 210px; } } /* ========================================================================== v0.9.1 — Premium product cards (global) Readable type, clear price, solid CTA, elegant tools ========================================================================== */ .uas-product-card { position: relative; display: flex; flex-direction: column; min-width: 0; height: 100%; overflow: hidden; border: 1px solid #e6e9f2; border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(16, 24, 40, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .uas-product-card:hover { transform: translateY(-3px); border-color: #d4ceff; box-shadow: 0 18px 40px rgba(16, 24, 40, 0.1); } .uas-product-card__media-shell { position: relative; } .uas-product-card__media { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: linear-gradient(180deg, #f7f8fc, #eef1f7); text-decoration: none; } .uas-product-card__media img { width: 100%; height: 100%; object-fit: contain; padding: 12px; transition: transform 0.3s ease; } .uas-product-card:hover .uas-product-card__media img { transform: scale(1.04); } .uas-product-card__badges { position: absolute; z-index: 3; top: 10px; left: 10px; display: flex; flex-wrap: wrap; gap: 6px; max-width: calc(100% - 56px); } .uas-product-card__new, .uas-product-card__sale { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border-radius: 999px; font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: 0.02em; } .uas-product-card__new { background: #121a33; color: #fff; } .uas-product-card__sale { background: linear-gradient(135deg, #ef4444, #f97316); color: #fff; } .uas-product-card__view { position: absolute; z-index: 2; left: 50%; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 12px; border-radius: 999px; background: rgba(17, 24, 39, 0.88); color: #fff; font-size: 12px; font-weight: 700; opacity: 0; transform: translate(-50%, 6px); transition: opacity 0.2s ease, transform 0.2s ease; pointer-events: none; } .uas-product-card:hover .uas-product-card__view { opacity: 1; transform: translate(-50%, 0); } /* Compact tools on cards */ .uas-product-card .uas-product-tools { position: absolute !important; z-index: 4; top: 10px; right: 10px; display: flex !important; flex-direction: column; gap: 6px; margin: 0 !important; width: auto !important; } .uas-product-card .uas-product-tools .uas-product-tool { width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; padding: 0 !important; border-radius: 50% !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; background: rgba(255, 255, 255, 0.95) !important; box-shadow: 0 6px 16px rgba(16, 24, 40, 0.12) !important; color: #4b5569 !important; } .uas-product-card .uas-product-tools .uas-product-tool span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; } .uas-product-card .uas-product-tools .uas-product-tool svg { width: 15px !important; height: 15px !important; } .uas-product-card__body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 14px 14px 14px; min-width: 0; } .uas-product-card__category { display: inline-block; max-width: 100%; overflow: hidden; color: #6d5ae8; font-size: 11.5px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; } .uas-product-card h3 { margin: 0; min-height: 2.6em; font-size: 14.5px; font-weight: 750; line-height: 1.35; letter-spacing: -0.015em; } .uas-product-card h3 a { color: #121a33; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .uas-product-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; color: #8b93a7; font-size: 11.5px; font-weight: 650; } .uas-product-card__stock { display: inline-flex; align-items: center; gap: 5px; } .uas-product-card__stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; } .uas-product-card__stock.is-in-stock { color: #15803d; } .uas-product-card__stock.is-in-stock::before { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18); } .uas-product-card__stock.is-out-of-stock { color: #b91c1c; } .uas-product-card__stock.is-out-of-stock::before { background: #ef4444; } .uas-product-card__bottom { display: flex; flex-direction: column; gap: 10px; margin-top: auto; padding-top: 4px; } .uas-product-card__price { color: #101828; font-size: 17px; font-weight: 850; letter-spacing: -0.02em; line-height: 1.2; } .uas-product-card__price del { margin-right: 6px; color: #9aa3b5; font-size: 12.5px; font-weight: 650; } .uas-product-card__price ins { text-decoration: none; color: #5b3df5; } .uas-product-card__action .button, .uas-product-card__action .add_to_cart_button, .uas-product-card__action a.button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100%; min-height: 42px !important; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(135deg, #1a2238, #121a33) !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: 0 8px 20px rgba(16, 24, 40, 0.16); transition: transform 0.15s ease, background 0.15s ease; } .uas-product-card__action .button:hover, .uas-product-card__action .add_to_cart_button:hover { background: linear-gradient(135deg, #6d4dff, #8b5cf6) !important; transform: translateY(-1px); } .uas-product-card__countdown { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 34px; padding: 0 10px; border-radius: 10px; background: #fff7ed; color: #9a3412; font-size: 11.5px; font-weight: 700; } /* Grid defaults */ .uas-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } @media (max-width: 1100px) { .uas-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 760px) { .uas-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .uas-product-card { border-radius: 16px; } .uas-product-card__body { padding: 12px; gap: 6px; } .uas-product-card h3 { font-size: 13.5px; min-height: 2.5em; } .uas-product-card__price { font-size: 15.5px; } .uas-product-card__action .button, .uas-product-card__action .add_to_cart_button { min-height: 40px !important; font-size: 12.5px !important; border-radius: 11px !important; } .uas-product-card__view { display: none; } /* Override tiny fonts from older new-products mobile CSS */ .uas-home-new .uas-section__head h2 { font-size: clamp(24px, 6.5vw, 30px) !important; line-height: 1.1 !important; } .uas-home-new .uas-section__head p { font-size: 13px !important; line-height: 1.5 !important; } .uas-home-new .uas-text-link { font-size: 12px !important; } .uas-home-new .uas-product-card h3 { font-size: 13.5px !important; } .uas-home-new .uas-product-card__price { font-size: 15.5px !important; } .uas-home-new .uas-product-card__category, .uas-home-new .uas-product-card__meta { font-size: 11.5px !important; } } @media (max-width: 400px) { .uas-product-card__meta span:not(.uas-product-card__stock) { display: none; } } /* ========================================================================== v0.9.2 — Premium shop / category archive ========================================================================== */ /* Catalog hero */ .uas-catalog-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(200px, 0.7fr); gap: 24px; align-items: center; margin: 0 0 22px; padding: 28px 30px; border: 1px solid #e6e9f2; border-radius: 24px; background: radial-gradient(circle at 100% 0%, rgba(109, 77, 255, 0.1), transparent 42%), linear-gradient(180deg, #fff 0%, #f7f8fc 100%); overflow: hidden; } .uas-catalog-hero h1 { margin: 8px 0 10px; max-width: 18ch; color: #101828; font-size: clamp(28px, 3.8vw, 44px); font-weight: 800; line-height: 1.08; letter-spacing: -0.04em; } .uas-catalog-hero__description { max-width: 52ch; color: #667085; font-size: 14.5px; line-height: 1.6; } .uas-catalog-hero__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; } .uas-catalog-hero__meta > span { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border: 1px solid #e4e7f0; border-radius: 999px; background: #fff; color: #667085; font-size: 12.5px; font-weight: 700; } .uas-catalog-hero__meta strong { color: #101828; font-size: 14px; } .uas-catalog-hero__media, .uas-catalog-hero__visual { min-height: 180px; border-radius: 18px; overflow: hidden; } .uas-catalog-hero__media img { width: 100%; height: 100%; object-fit: cover; } /* Toolbar */ .uas-catalog-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; padding: 12px 14px; border: 1px solid #e8ebf3; border-radius: 16px; background: #fff; box-shadow: 0 6px 18px rgba(16, 24, 40, 0.04); } .uas-catalog-toolbar__summary { display: flex; align-items: center; gap: 10px; color: #667085; font-size: 13px; font-weight: 650; } .uas-catalog-toolbar__dot { width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg, #6d4dff, #8b5cf6); box-shadow: 0 0 0 4px rgba(109, 77, 255, 0.15); } .uas-catalog-toolbar .woocommerce-ordering { margin: 0 !important; } .uas-catalog-toolbar .woocommerce-ordering select { min-height: 42px; padding: 0 36px 0 14px; border: 1px solid #e4e7f0; border-radius: 12px; background: #fafbff; color: #101828; font-size: 13px; font-weight: 700; } /* Shop loop products → card language */ body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product { position: relative; display: flex !important; flex-direction: column; min-width: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid #e6e9f2 !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 10px 26px rgba(16, 24, 40, 0.05); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } body.woocommerce ul.products li.product:hover, body.woocommerce-page ul.products li.product:hover { transform: translateY(-3px); border-color: #d4ceff !important; box-shadow: 0 16px 36px rgba(16, 24, 40, 0.1); } body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img { aspect-ratio: 1 / 1; width: 100%; object-fit: contain; margin: 0 !important; padding: 14px; background: linear-gradient(180deg, #f7f8fc, #eef1f7); border-radius: 0 !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title, body.woocommerce-page ul.products li.product .woocommerce-loop-product__title { margin: 10px 14px 0 !important; min-height: 2.5em; padding: 0 !important; color: #121a33 !important; font-size: 14.5px !important; font-weight: 750 !important; line-height: 1.35 !important; letter-spacing: -0.015em; } body.woocommerce ul.products li.product .price, body.woocommerce-page ul.products li.product .price { margin: 8px 14px 0 !important; color: #101828 !important; font-size: 16.5px !important; font-weight: 850 !important; } body.woocommerce ul.products li.product .price del { color: #9aa3b5; font-size: 12.5px; font-weight: 650; } body.woocommerce ul.products li.product .price ins { text-decoration: none; color: #5b3df5; } .uas-loop-badges { position: absolute; z-index: 3; top: 10px; left: 10px; display: flex; flex-wrap: wrap; gap: 6px; max-width: 70%; } .uas-loop-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border-radius: 999px; font-size: 11px; font-weight: 800; } .uas-loop-badge--new { background: #121a33; color: #fff; } .uas-loop-badge--sale { background: linear-gradient(135deg, #ef4444, #f97316); color: #fff; } .uas-loop-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 14px 0; color: #8b93a7; font-size: 11.5px; font-weight: 650; } .uas-loop-stock { display: inline-flex; align-items: center; gap: 5px; } .uas-loop-stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; } .uas-loop-stock.is-in-stock { color: #15803d; } .uas-loop-stock.is-in-stock::before { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.16); } .uas-loop-stock.is-out-of-stock { color: #b91c1c; } .uas-loop-stock.is-out-of-stock::before { background: #ef4444; } .uas-loop-actions { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: auto; padding: 12px 14px 14px; } .uas-loop-actions__cart .button, .uas-loop-actions__cart a.button { display: flex !important; align-items: center !important; justify-content: center !important; width: 100%; min-height: 42px !important; margin: 0 !important; border: 0 !important; border-radius: 12px !important; background: linear-gradient(135deg, #1a2238, #121a33) !important; color: #fff !important; font-size: 12.5px !important; font-weight: 800 !important; box-shadow: 0 8px 18px rgba(16, 24, 40, 0.14); } .uas-loop-actions__cart .button:hover { background: linear-gradient(135deg, #6d4dff, #8b5cf6) !important; } .uas-loop-view { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 42px; min-height: 42px; padding: 0 12px; border: 1px solid #e4e7f0; border-radius: 12px; background: #fff; color: #4b5569; font-size: 12px; font-weight: 750; text-decoration: none; } .uas-loop-view svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; } .uas-loop-view:hover { border-color: #c8c0ff; background: #f5f2ff; color: #5b3df5; } @media (max-width: 760px) { .uas-catalog-hero { display: block; padding: 20px 18px; border-radius: 18px; margin-bottom: 14px; } .uas-catalog-hero h1 { max-width: none; font-size: clamp(24px, 7vw, 30px); } .uas-catalog-hero__description { font-size: 13.5px; } .uas-catalog-hero__media, .uas-catalog-hero__visual { display: none; } .uas-catalog-toolbar { padding: 10px; border-radius: 14px; } .uas-catalog-toolbar__summary { font-size: 12.5px; } body.woocommerce ul.products, body.woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 13.5px !important; margin: 8px 10px 0 !important; } body.woocommerce ul.products li.product .price { margin: 6px 10px 0 !important; font-size: 15px !important; } .uas-loop-meta { margin: 5px 10px 0; font-size: 11px; } .uas-loop-actions { grid-template-columns: 1fr; padding: 10px; } .uas-loop-view span { display: none; } .uas-loop-view { min-width: 100%; } } /* ========================================================================== v0.9.3 — Single product page optimization Clear hierarchy: gallery | summary | purchase | tabs | related ========================================================================== */ body.single-product .uas-woocommerce { padding-block: 28px 72px; } body.single-product .uas-woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 28px 36px; align-items: start; } body.single-product .uas-woocommerce div.product .woocommerce-product-gallery { position: relative; margin: 0 !important; padding: 12px; border: 1px solid #e6e9f2; border-radius: 22px; background: #fff; box-shadow: 0 12px 32px rgba(16, 24, 40, 0.05); } body.single-product .uas-woocommerce div.product .woocommerce-product-gallery__wrapper { border-radius: 16px; overflow: hidden; background: linear-gradient(180deg, #f8f9fc, #eef1f7); } body.single-product .uas-woocommerce div.product .woocommerce-product-gallery img { border-radius: 12px; } body.single-product .uas-woocommerce div.product .flex-control-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0 !important; padding: 0; } body.single-product .uas-woocommerce div.product .flex-control-thumbs li { width: calc(25% - 6px) !important; margin: 0 !important; } body.single-product .uas-woocommerce div.product .flex-control-thumbs li img { border: 1px solid #e6e9f2; border-radius: 10px; opacity: 0.85; } body.single-product .uas-woocommerce div.product .flex-control-thumbs li img.flex-active, body.single-product .uas-woocommerce div.product .flex-control-thumbs li img:hover { opacity: 1; border-color: #c4b5ff; box-shadow: 0 0 0 2px rgba(109, 77, 255, 0.2); } /* Summary column */ body.single-product .uas-woocommerce div.product .summary { margin: 0 !important; padding: 4px 0 0; } body.single-product .uas-woocommerce div.product .product_title { margin: 0 0 12px !important; color: #101828; font-size: clamp(24px, 2.6vw, 34px) !important; font-weight: 800 !important; line-height: 1.18 !important; letter-spacing: -0.03em; } body.single-product .uas-woocommerce div.product .price { margin: 0 0 14px !important; color: #101828 !important; font-size: 28px !important; font-weight: 850 !important; letter-spacing: -0.025em; } body.single-product .uas-woocommerce div.product .price del { color: #98a2b3; font-size: 16px; font-weight: 650; } body.single-product .uas-woocommerce div.product .price ins { text-decoration: none; color: #5b3df5; } /* Facts row */ body.single-product .uas-product-facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; } body.single-product .uas-product-facts > span, body.single-product .uas-product-facts > a { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 11px; border: 1px solid #e8ebf3; border-radius: 999px; background: #f8f9fc; color: #475467; font-size: 12px; font-weight: 700; text-decoration: none; } body.single-product .uas-product-facts > span.is-positive { background: #ecfdf3; border-color: #bbf7d0; color: #15803d; } body.single-product .uas-product-facts > span.is-negative { background: #fef2f2; border-color: #fecaca; color: #b91c1c; } body.single-product .uas-product-facts b { color: #98a2b3; font-weight: 650; } /* Tools on single: keep pill style */ body.single-product .uas-product-tools.is-wide { margin: 0 0 18px !important; } /* Purchase block */ body.single-product .uas-purchase-heading { margin: 0 0 10px; padding: 0; } body.single-product .uas-purchase-heading span { display: block; color: #694fe1; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } body.single-product .uas-purchase-heading strong { display: block; margin-top: 4px; color: #101828; font-size: 15px; font-weight: 750; } body.single-product .uas-woocommerce div.product form.cart { display: grid !important; grid-template-columns: 88px minmax(0, 1fr) minmax(0, 1fr); gap: 10px !important; align-items: stretch; margin: 0 0 16px !important; padding: 12px !important; border: 1px solid #e6e9f2 !important; border-radius: 18px !important; background: linear-gradient(180deg, #fcfdff, #f5f7fb) !important; box-shadow: 0 10px 28px rgba(16, 24, 40, 0.04); } body.single-product .uas-woocommerce div.product form.cart .quantity { width: 88px !important; max-width: 88px !important; margin: 0 !important; } body.single-product .uas-woocommerce div.product form.cart .quantity .qty { width: 100% !important; min-height: 48px !important; height: 48px !important; border: 1px solid #e4e7f0 !important; border-radius: 12px !important; background: #fff !important; color: #101828; font-size: 15px !important; font-weight: 800 !important; text-align: center; } body.single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, body.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button { min-height: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border-radius: 12px !important; font-size: 13.5px !important; font-weight: 800 !important; gap: 0.28rem !important; } body.single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button { background: linear-gradient(135deg, #1a2238, #121a33) !important; color: #fff !important; border: 0 !important; box-shadow: 0 10px 22px rgba(16, 24, 40, 0.18) !important; } body.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button { background: linear-gradient(135deg, #6d4dff, #8b5cf6) !important; color: #fff !important; border: 0 !important; box-shadow: 0 10px 24px rgba(109, 77, 255, 0.32) !important; } body.single-product .uas-woocommerce div.product .product_meta { margin-top: 14px; padding-top: 14px; border-top: 1px solid #eef0f5; color: #667085; font-size: 12.5px; line-height: 1.7; } /* Tabs */ body.single-product .uas-woocommerce .woocommerce-tabs { grid-column: 1 / -1; margin-top: 8px; padding: 22px; border: 1px solid #e6e9f2; border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(16, 24, 40, 0.04); } body.single-product .uas-woocommerce .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; } body.single-product .uas-woocommerce .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 1px solid #e6e9f2 !important; border-radius: 999px !important; background: #fff !important; } body.single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a { display: block; padding: 10px 16px !important; color: #475467 !important; font-size: 13px !important; font-weight: 750 !important; } body.single-product .uas-woocommerce .woocommerce-tabs ul.tabs li.active { background: #121a33 !important; border-color: #121a33 !important; } body.single-product .uas-woocommerce .woocommerce-tabs ul.tabs li.active a { color: #fff !important; } body.single-product .uas-woocommerce .woocommerce-tabs .panel { margin: 0; color: #344054; font-size: 14.5px; line-height: 1.65; } /* Related */ body.single-product .uas-woocommerce .related { grid-column: 1 / -1; margin-top: 12px; } body.single-product .uas-woocommerce .related > h2 { margin: 28px 0 18px; color: #101828; font-size: clamp(22px, 2.5vw, 32px); font-weight: 800; letter-spacing: -0.03em; } body.single-product .uas-woocommerce .related ul.products { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } /* Sticky buy bar polish */ .uas-sticky-buy { z-index: 90; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 18px; background: rgba(12, 18, 36, 0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28); } .uas-sticky-buy__button { border-radius: 12px; font-weight: 800; } .uas-sticky-buy__button--cart { background: #fff; color: #121a33; } .uas-sticky-buy__button--buy { background: linear-gradient(135deg, #6d4dff, #8b5cf6); color: #fff; } /* Hide residual confidence */ body.single-product .uas-product-confidence { display: none !important; } @media (max-width: 980px) { body.single-product .uas-woocommerce div.product { grid-template-columns: 1fr; gap: 18px; } body.single-product .uas-woocommerce .related ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 760px) { body.single-product .uas-woocommerce { padding-block: 16px 120px; } body.single-product .uas-woocommerce div.product .woocommerce-product-gallery { padding: 8px; border-radius: 16px; } body.single-product .uas-woocommerce div.product .product_title { font-size: 22px !important; } body.single-product .uas-woocommerce div.product .price { font-size: 22px !important; } body.single-product .uas-woocommerce div.product form.cart { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr) !important; gap: 8px !important; padding: 8px !important; border-radius: 14px !important; } body.single-product .uas-woocommerce div.product form.cart .quantity { width: 72px !important; max-width: 72px !important; } body.single-product .uas-woocommerce div.product form.cart .quantity .qty, body.single-product .uas-woocommerce div.product form.cart .single_add_to_cart_button, body.single-product .uas-woocommerce div.product form.cart .uas-buy-now-button { min-height: 46px !important; height: 46px !important; font-size: 12.5px !important; } body.single-product .uas-woocommerce .woocommerce-tabs { padding: 16px; border-radius: 16px; } body.single-product .uas-woocommerce .woocommerce-tabs ul.tabs li a { padding: 9px 12px !important; font-size: 12.5px !important; } body.single-product .uas-woocommerce .related ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } } @media (max-width: 400px) { body.single-product .uas-woocommerce div.product form.cart { grid-template-columns: 1fr 1fr !important; } body.single-product .uas-woocommerce div.product form.cart .quantity { grid-column: 1 / -1; width: 100% !important; max-width: none !important; } body.single-product .uas-woocommerce div.product form.cart .quantity .qty { width: 100% !important; } } /* ========================================================================== v0.9.4 — Product image display optimization Contain (not cover) so parts/tools are fully visible; stable aspect boxes ========================================================================== */ /* Cards & loop */ .uas-product-card__media, body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link, body.woocommerce ul.products li.product > a:first-child { background: linear-gradient(180deg, #f8f9fc 0%, #eef1f6 100%); } .uas-product-card__media img, .uas-product-card__img, body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img { width: 100% !important; height: 100% !important; max-width: 100%; object-fit: contain !important; object-position: center; padding: 12px; background: transparent; } /* Single gallery main */ body.single-product .uas-woocommerce div.product .woocommerce-product-gallery__image img, body.single-product .uas-woocommerce div.product .woocommerce-product-gallery__wrapper img { width: 100%; height: auto; max-height: min(72vh, 640px); object-fit: contain !important; object-position: center; margin: 0 auto; background: linear-gradient(180deg, #f8f9fc, #eef1f6); } body.single-product .uas-woocommerce div.product .woocommerce-product-gallery__image { background: linear-gradient(180deg, #f8f9fc, #eef1f6); border-radius: 14px; } /* Thumbs: fixed square, contain */ body.single-product .uas-woocommerce div.product .flex-control-thumbs li img { aspect-ratio: 1 / 1; width: 100%; height: auto; object-fit: contain !important; padding: 4px; background: #f4f6fa; } /* Related / grid images same rule */ .uas-product-grid .uas-product-card__media img { object-fit: contain !important; } /* Prevent layout shift: reserve square box */ .uas-product-card__media { aspect-ratio: 1 / 1; } /* Placeholder when no image */ .woocommerce-product-gallery__image--placeholder img, .uas-product-card__media img[src*="placeholder"] { opacity: 0.7; object-fit: contain; } @media (max-width: 760px) { body.single-product .uas-woocommerce div.product .woocommerce-product-gallery__image img { max-height: min(55vh, 420px); } .uas-product-card__media img, body.woocommerce ul.products li.product a img { padding: 10px; } } /* Reduce motion: no zoom scale on images if preferred */ @media (prefers-reduced-motion: reduce) { .uas-product-card:hover .uas-product-card__media img, body.woocommerce ul.products li.product:hover a img { transform: none !important; } } /* ========================================================================== v0.9.5 — Cart, checkout & mini-cart premium polish ========================================================================== */ /* Page heads */ .uas-commerce-page-head { margin: 0 0 22px; } .uas-commerce-page-head span { display: inline-flex; align-items: center; gap: 10px; color: #694fe1; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .uas-commerce-page-head span::after { content: ""; width: 36px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, #7c5cff, transparent); } .uas-commerce-page-head h1 { margin: 10px 0 0; color: #101828; font-size: clamp(26px, 3.5vw, 40px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.12; } /* Cart layout */ .woocommerce-cart .uas-woocommerce { padding-block: 24px 72px; } .woocommerce-cart .uas-woocommerce .woocommerce { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.75fr); gap: 22px; align-items: start; } .woocommerce-cart .uas-woocommerce .woocommerce-cart-form { width: 100% !important; margin: 0; padding: 0; border: 1px solid #e6e9f2; border-radius: 20px; background: #fff; overflow: hidden; box-shadow: 0 10px 28px rgba(16, 24, 40, 0.04); } .woocommerce-cart .uas-woocommerce table.shop_table { margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff; } .woocommerce-cart .uas-woocommerce table.shop_table th { padding: 14px 16px !important; background: #f8f9fc; color: #667085 !important; font-size: 11.5px !important; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } .woocommerce-cart .uas-woocommerce table.shop_table td { padding: 16px !important; vertical-align: middle; border-color: #eef0f5 !important; } .woocommerce-cart .uas-woocommerce table.shop_table .product-thumbnail img { width: 72px !important; height: 72px !important; object-fit: contain; padding: 6px; border: 1px solid #eef0f5; border-radius: 12px; background: #f7f8fc; } .woocommerce-cart .uas-woocommerce table.shop_table .product-name a { color: #101828; font-size: 14.5px; font-weight: 750; text-decoration: none; } .woocommerce-cart .uas-woocommerce table.shop_table .product-price, .woocommerce-cart .uas-woocommerce table.shop_table .product-subtotal { font-size: 15px; font-weight: 800; color: #101828; } .woocommerce-cart .uas-woocommerce table.shop_table .quantity .qty { min-height: 40px; width: 64px; border: 1px solid #e4e7f0; border-radius: 10px; text-align: center; font-weight: 750; } .woocommerce-cart .uas-woocommerce table.shop_table .product-remove a { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #f2f4f7; color: #667085 !important; font-size: 18px; text-decoration: none; } .woocommerce-cart .uas-woocommerce table.shop_table .product-remove a:hover { background: #fee2e2; color: #b91c1c !important; } .woocommerce-cart .uas-woocommerce .actions { padding: 14px 16px !important; background: #fafbff; } .woocommerce-cart .uas-woocommerce .coupon { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .woocommerce-cart .uas-woocommerce .coupon input { min-height: 42px; padding: 0 12px; border: 1px solid #e4e7f0; border-radius: 11px; font-size: 13.5px; } .woocommerce-cart .uas-woocommerce .button, .woocommerce-cart .uas-woocommerce button.button { min-height: 42px !important; padding: 0 16px !important; border: 0 !important; border-radius: 11px !important; background: #121a33 !important; color: #fff !important; font-size: 13px !important; font-weight: 800 !important; } .woocommerce-cart .uas-woocommerce .cart-collaterals { margin: 0 !important; width: 100% !important; } .woocommerce-cart .uas-woocommerce .cart_totals { float: none !important; width: 100% !important; margin: 0 !important; padding: 20px !important; border: 1px solid #e6e9f2 !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 12px 32px rgba(16, 24, 40, 0.05); } .woocommerce-cart .uas-woocommerce .cart_totals h2 { margin: 0 0 14px !important; font-size: 20px !important; font-weight: 800; letter-spacing: -0.02em; } .woocommerce-cart .uas-woocommerce .cart_totals table th, .woocommerce-cart .uas-woocommerce .cart_totals table td { padding: 10px 0 !important; border-color: #eef0f5 !important; font-size: 14px; } .woocommerce-cart .uas-woocommerce .cart_totals .order-total th, .woocommerce-cart .uas-woocommerce .cart_totals .order-total td { font-size: 17px; font-weight: 850; color: #101828; } .woocommerce-cart .uas-woocommerce .wc-proceed-to-checkout a.checkout-button { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 52px !important; margin: 12px 0 0 !important; border-radius: 14px !important; background: linear-gradient(135deg, #6d4dff, #8b5cf6) !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; box-shadow: 0 12px 28px rgba(109, 77, 255, 0.3); text-decoration: none !important; } /* Checkout */ .woocommerce-checkout .uas-woocommerce { padding-block: 24px 72px; } .woocommerce-checkout .uas-woocommerce form.checkout { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr); gap: 22px; align-items: start; } .woocommerce-checkout .uas-woocommerce #customer_details { display: grid; gap: 16px; } .woocommerce-checkout .uas-woocommerce #customer_details .col-1, .woocommerce-checkout .uas-woocommerce #customer_details .col-2 { float: none !important; width: auto !important; margin: 0 !important; padding: 22px !important; border: 1px solid #e6e9f2; border-radius: 18px; background: #fff; box-shadow: 0 10px 26px rgba(16, 24, 40, 0.04); } .woocommerce-checkout .uas-woocommerce .woocommerce-billing-fields > h3, .woocommerce-checkout .uas-woocommerce .woocommerce-shipping-fields > h3, .woocommerce-checkout .uas-woocommerce .woocommerce-additional-fields > h3, .woocommerce-checkout .uas-woocommerce #order_review_heading { margin: 0 0 14px !important; color: #101828; font-size: 18px !important; font-weight: 800; letter-spacing: -0.02em; } .woocommerce-checkout .uas-woocommerce input.input-text, .woocommerce-checkout .uas-woocommerce textarea, .woocommerce-checkout .uas-woocommerce select, .woocommerce-checkout .uas-woocommerce .select2-selection { min-height: 46px !important; border: 1px solid #e4e7f0 !important; border-radius: 12px !important; background: #fafbff !important; color: #101828 !important; font-size: 14px !important; box-shadow: none !important; } .woocommerce-checkout .uas-woocommerce input.input-text:focus, .woocommerce-checkout .uas-woocommerce textarea:focus, .woocommerce-checkout .uas-woocommerce select:focus { border-color: #c4b5ff !important; outline: 0; box-shadow: 0 0 0 3px rgba(109, 77, 255, 0.15) !important; } .woocommerce-checkout .uas-woocommerce #order_review_heading { grid-column: auto; margin: 0 !important; } .woocommerce-checkout .uas-woocommerce #order_review { grid-column: auto; padding: 20px !important; border: 1px solid #e6e9f2; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(16, 24, 40, 0.05); } .woocommerce-checkout .uas-woocommerce #payment { margin-top: 14px !important; padding: 14px !important; border-radius: 14px !important; background: #f5f7fb !important; border: 1px solid #e8ebf3 !important; } .woocommerce-checkout .uas-woocommerce #place_order { width: 100%; min-height: 52px !important; margin-top: 12px !important; border: 0 !important; border-radius: 14px !important; background: linear-gradient(135deg, #6d4dff, #8b5cf6) !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; box-shadow: 0 12px 28px rgba(109, 77, 255, 0.3); } /* Mini cart drawer */ .uas-cart-drawer__panel { border-radius: 20px !important; box-shadow: 0 20px 50px rgba(9, 20, 47, 0.22); } .uas-cart-drawer__head { padding: 16px 18px; border-bottom: 1px solid #eef0f5; } .uas-cart-drawer__head strong { font-size: 17px; font-weight: 800; color: #101828; } .uas-mini-cart__content .woocommerce-mini-cart-item img { object-fit: contain !important; background: #f7f8fc !important; border: 1px solid #eef0f5; } .uas-mini-cart__content .woocommerce-mini-cart__buttons a { border-radius: 12px !important; font-size: 12.5px !important; font-weight: 800 !important; } .uas-mini-cart__content .woocommerce-mini-cart__buttons .checkout { background: linear-gradient(135deg, #6d4dff, #8b5cf6) !important; } @media (max-width: 900px) { .woocommerce-cart .uas-woocommerce .woocommerce, .woocommerce-checkout .uas-woocommerce form.checkout { grid-template-columns: 1fr; } } @media (max-width: 760px) { .woocommerce-cart .uas-woocommerce, .woocommerce-checkout .uas-woocommerce { padding-block: 12px 100px; } .uas-commerce-page-head h1 { font-size: 26px; } .woocommerce-cart .uas-woocommerce .woocommerce-cart-form, .woocommerce-cart .uas-woocommerce .cart_totals, .woocommerce-checkout .uas-woocommerce #customer_details .col-1, .woocommerce-checkout .uas-woocommerce #customer_details .col-2, .woocommerce-checkout .uas-woocommerce #order_review { border-radius: 16px; } .woocommerce-cart .uas-woocommerce table.shop_table_responsive tr { padding: 14px !important; border-bottom: 1px solid #eef0f5; } .woocommerce-cart .uas-woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .uas-woocommerce #place_order { min-height: 50px !important; font-size: 14.5px !important; } } /* Ustasından Al — Header component * Desktop pass 02. Header/nav owns a single shared grid with the storefront container. * No legacy header overrides are required in main.css. */ .uas-header{ position:relative; z-index:90; background:rgba(255,255,255,.98); border-bottom:1px solid #e8eaf2; box-shadow:0 1px 0 rgba(9,20,47,.025); } .uas-header .uas-container, .uas-nav .uas-container{ width:min(calc(100% - 44px),var(--uas-container)); margin-inline:auto; } .uas-topbar{display:none} /* Main desktop row */ .uas-header__main{ min-height:96px; display:grid; grid-template-columns:minmax(190px,212px) minmax(0,1fr) minmax(318px,auto); align-items:center; gap:20px; } .uas-brand{display:flex;align-items:center;min-width:0} .uas-brand a,.uas-brand__logo{display:inline-flex;align-items:center;max-width:100%} .uas-brand img{width:auto;max-width:205px;max-height:49px;object-fit:contain} .uas-menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid #e3e6ef;border-radius:11px;background:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(9,20,47,.05)} .uas-menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;border-radius:999px;background:#13213f} /* Search */ .uas-header__search{position:relative;min-width:0;z-index:95} .uas-product-search{ position:relative; display:grid; grid-template-columns:minmax(250px,1fr) minmax(136px,160px) 34px 104px; align-items:center; width:100%; min-height:56px; overflow:hidden; border:1px solid #dfe3ed; border-radius:17px; background:linear-gradient(180deg,#fcfdff 0%,#f8f9fc 100%); box-shadow:0 7px 22px rgba(9,20,47,.04),inset 0 1px 0 rgba(255,255,255,.95); transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } .uas-product-search:focus-within{ border-color:rgba(91,61,245,.48); background:#fff; box-shadow:0 0 0 4px rgba(91,61,245,.07),0 12px 28px rgba(9,20,47,.065); } .uas-product-search__icon{ position:absolute; left:18px; top:50%; z-index:2; width:20px; height:20px; transform:translateY(-50%); color:#7d879b; pointer-events:none; } .uas-product-search__icon svg{display:block;width:100%;height:100%;stroke-width:1.85} .uas-product-search input[type=search]{ min-width:0; width:100%; height:56px; margin:0; padding:0 14px 0 51px; border:0; outline:0; background:transparent; color:#111b35; font-size:13.5px; font-weight:650; letter-spacing:-.01em; text-overflow:ellipsis; } .uas-product-search input[type=search]::placeholder{color:#848da0;font-weight:570;opacity:1} .uas-product-search input[type=search]::-webkit-search-cancel-button{opacity:.45} .uas-search-category{ position:relative; display:flex; align-items:center; height:36px; min-width:0; padding-left:12px; border-left:1px solid #e3e6ee; color:#3e4962; } .uas-search-category select{ width:100%; min-width:0; height:34px; padding:0 28px 0 0; border:0; outline:0; appearance:none; -webkit-appearance:none; background:transparent; color:#43506a; font-size:11.5px; font-weight:780; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; } .uas-search-category svg{ position:absolute; right:8px; top:50%; width:14px; height:14px; transform:translateY(-50%); color:#8d96a9; pointer-events:none; } .uas-search-category:focus-within{color:var(--uas-primary)} .uas-search-shortcut{ display:grid; place-items:center; width:26px; height:26px; justify-self:center; border:0; border-radius:8px; background:#f1f4fa; color:#7b8599; box-shadow:inset 0 1px 0 rgba(255,255,255,.85); font:800 11px/1 var(--uas-font); } .uas-product-search>button[type=submit]{ align-self:stretch; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:98px; margin:4px; padding:0 16px; border:0; border-radius:11px; background:linear-gradient(135deg,#6647f5 0%,#5735e9 100%); color:#fff; font-size:12px; font-weight:850; letter-spacing:-.005em; cursor:pointer; box-shadow:0 7px 18px rgba(91,61,245,.20),inset 0 1px 0 rgba(255,255,255,.2); transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; } .uas-product-search>button[type=submit]:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 10px 23px rgba(91,61,245,.28)} .uas-product-search>button[type=submit]:active{transform:translateY(0)} .uas-product-search>button[type=submit] svg{width:13px;height:13px;stroke-width:2.15} .uas-header__search>.uas-live-search{ position:absolute; top:calc(100% + 10px); left:0; right:0; z-index:160; max-height:min(590px,calc(100vh - 150px)); overflow:auto; border:1px solid #e1e4ee; border-radius:17px; background:rgba(255,255,255,.985); box-shadow:0 24px 65px rgba(9,20,47,.18); } /* Account actions */ .uas-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:1px;min-width:0} .uas-action, button.uas-action{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:43px; padding:0 9px; border:0; border-radius:11px; background:transparent; color:#17233f; font-size:13px; font-weight:830; line-height:1; white-space:nowrap; cursor:pointer; transition:background .16s ease,color .16s ease,transform .16s ease; } .uas-action:hover{background:#f5f3ff;color:#4c31d8;transform:translateY(-1px)} .uas-action svg{width:20px;height:20px;flex:0 0 auto;stroke-width:1.8} .uas-action--muted{color:#8b94a7;cursor:default} .uas-action--wishlist .uas-wishlist-count,.uas-cart-count{ display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:linear-gradient(135deg,#6a49ff,#5735eb); color:#fff; box-shadow:0 5px 12px rgba(91,61,245,.18); font-size:9.5px; font-weight:950; line-height:1; } .uas-action--wishlist .uas-wishlist-count[hidden]{display:none!important} /* Navigation row */ .uas-nav{position:relative;border-top:1px solid #eef0f5;background:#fff} .uas-nav__inner{position:relative;display:flex;align-items:center;gap:22px;min-height:64px} .uas-categories-trigger{ flex:0 0 auto; display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:0 15px; border:1px solid #15264c; border-radius:11px; background:linear-gradient(145deg,#111e40 0%,#0a1530 100%); color:#fff; box-shadow:0 8px 20px rgba(9,20,47,.11); font-size:12.75px; font-weight:840; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; } .uas-categories-trigger:hover,.uas-categories-trigger[aria-expanded=true]{transform:translateY(-1px);background:linear-gradient(145deg,#1b2a51 0%,#0e1938 100%);box-shadow:0 11px 25px rgba(9,20,47,.16)} .uas-categories-trigger__icon{display:grid;gap:3px;width:17px} .uas-categories-trigger__icon i{display:block;height:1.8px;border-radius:999px;background:currentColor;transition:transform .18s ease} .uas-categories-trigger__icon i:nth-child(2){width:12px} .uas-categories-trigger__chevron{width:14px;height:14px;margin-left:1px;transition:transform .18s ease} .uas-categories-trigger[aria-expanded=true] .uas-categories-trigger__chevron{transform:rotate(180deg)} .uas-nav__menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0;min-width:0} .uas-nav__menu li{margin:0;padding:0} .uas-nav__menu a{position:relative;display:inline-flex;align-items:center;min-height:42px;color:#34405a;font-size:12.5px;font-weight:790;white-space:nowrap} .uas-nav__menu a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;border-radius:999px;background:var(--uas-primary);transition:right .18s ease} .uas-nav__menu a:hover{color:#5036dc} .uas-nav__menu a:hover:after{right:0} .uas-nav__promise{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap} .uas-nav__promise span{ display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 12px; border:1px solid #e7e1ff; border-radius:999px; background:linear-gradient(180deg,#fdfcff 0%,#f8f6ff 100%); color:#5d6780; font-size:11px; font-weight:830; box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 5px 12px rgba(65,44,177,.03); } .uas-nav__promise i{ width:6px; height:6px; border-radius:50%; background:#7255ff; box-shadow:0 0 0 0 rgba(114,85,255,.22); animation:uasTrustPulse 3.1s ease-out infinite; } .uas-nav__promise span:nth-child(2) i{animation-delay:.55s} .uas-nav__promise span:nth-child(3) i{animation-delay:1.1s} @keyframes uasTrustPulse{0%,60%,100%{box-shadow:0 0 0 0 rgba(114,85,255,0)}70%{box-shadow:0 0 0 5px rgba(114,85,255,.10)}80%{box-shadow:0 0 0 8px rgba(114,85,255,0)}} /* Category dropdown — intentionally vertical for fast scanning */ .uas-category-menu{ position:absolute; left:0; top:calc(100% + 9px); z-index:180; width:min(392px,calc(100vw - 44px)); padding:12px; border:1px solid #e1e4ef; border-radius:16px; background:rgba(255,255,255,.995); box-shadow:0 22px 54px rgba(9,20,47,.15); transform-origin:top left; } .uas-category-menu:not([hidden]){animation:uasCategoryMenuIn .17s ease-out both} @keyframes uasCategoryMenuIn{from{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}} .uas-category-menu__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:3px 4px 10px;border-bottom:1px solid #eceef4} .uas-category-menu__head>div{display:grid;gap:1px} .uas-category-menu__head>div>span{color:#735cf0;font-size:8.5px;font-weight:930;letter-spacing:.10em;text-transform:uppercase} .uas-category-menu__head strong{color:#101a35;font-size:15.5px;font-weight:880;letter-spacing:-.02em} .uas-category-menu__head>a{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border-radius:10px;border:1px solid #ece7ff;background:#faf8ff;color:#563adb;font-size:11px;font-weight:840;transition:background .16s ease,border-color .16s ease,transform .16s ease} .uas-category-menu__head>a:hover{background:#f1edff;border-color:#dfd6ff;transform:translateY(-1px)} .uas-category-menu__head>a svg{width:14px;height:14px} .uas-category-menu__list{display:grid;gap:1px;max-height:min(440px,58vh);margin-top:8px;padding-right:3px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d7d2f7 transparent} .uas-category-menu__item{ display:grid; grid-template-columns:40px minmax(0,1fr) 24px; align-items:center; gap:10px; min-height:54px; padding:6px 6px; border:1px solid transparent; border-radius:11px; transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease; } .uas-category-menu__item:hover{background:linear-gradient(90deg,#f8f6ff 0%,#fbfaff 100%);border-color:#e8e3ff;transform:translateX(1px);box-shadow:0 5px 14px rgba(65,44,177,.045)} .uas-category-menu__icon{ display:grid; place-items:center; width:40px; height:40px; border:1px solid #e5e0ff; border-radius:11px; background:linear-gradient(145deg,#f3f0ff,#fbfaff); color:#5a3ce8; box-shadow:inset 0 1px 0 rgba(255,255,255,.9); } .uas-category-menu__icon svg{width:18px;height:18px;stroke-width:1.7} .uas-category-menu__copy{display:grid;min-width:0;gap:1px} .uas-category-menu__copy strong{overflow:hidden;color:#19243f;font-size:12px;font-weight:820;text-overflow:ellipsis;white-space:nowrap} .uas-category-menu__copy small{color:#8b94a7;font-size:9px;font-weight:660} .uas-category-menu__arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#9aa2b3;transition:background .16s ease,color .16s ease,transform .16s ease} .uas-category-menu__arrow svg{width:13px;height:13px} .uas-category-menu__item:hover .uas-category-menu__arrow{background:#f1f4fa;color:#5b3df5;transform:translateX(1px)} /* Mobile menu */ .uas-mobile-panel{position:fixed;inset:0;z-index:999;background:rgba(8,15,33,.5)} .uas-mobile-panel__backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:default} .uas-mobile-panel__inner{position:relative;z-index:1;width:min(88vw,390px);height:100%;padding:20px;background:#fff;box-shadow:24px 0 70px rgba(9,20,47,.2);overflow:auto} .uas-mobile-panel__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid #e7e9f0} .uas-mobile-panel__head strong{font-size:18px;letter-spacing:-.02em} .uas-mobile-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e2e5ee;border-radius:11px;background:#f8f9fc;color:#26324d;font-size:25px;line-height:1;cursor:pointer} .uas-mobile-menu{list-style:none;margin:0;padding:10px 0} .uas-mobile-menu li{border-bottom:1px solid #eef0f5} .uas-mobile-menu a{display:block;padding:15px 4px;color:#1d2945;font-size:14px;font-weight:850} .uas-mobile-panel__note{margin-top:16px;padding:15px;border:1px solid #e7e3ff;border-radius:14px;background:#f7f5ff;color:#69738b;font-size:12px;font-weight:650;line-height:1.55} .uas-action:focus-visible, .uas-categories-trigger:focus-visible, .uas-product-search>button[type=submit]:focus-visible, .uas-category-menu a:focus-visible, .uas-menu-toggle:focus-visible, .uas-mobile-close:focus-visible{ outline:3px solid rgba(91,61,245,.22); outline-offset:2px; } /* Desktop compression without changing the design language */ @media (max-width:1420px){ .uas-header__main{grid-template-columns:185px minmax(0,1fr) minmax(292px,auto);gap:16px} .uas-brand img{max-width:185px} .uas-product-search{grid-template-columns:minmax(210px,1fr) 146px 34px 96px} .uas-product-search input[type=search]{font-size:13.5px} .uas-search-category{padding-left:11px} .uas-search-category select{font-size:11.5px} .uas-action,button.uas-action{padding-inline:7px;font-size:12.5px} .uas-nav__inner{gap:18px} .uas-nav__menu{gap:18px} .uas-nav__promise{gap:5px} .uas-nav__promise span{padding-inline:7px;font-size:10.5px} } @media (max-width:1240px){ .uas-header__main{grid-template-columns:176px minmax(0,1fr) minmax(255px,auto);gap:14px} .uas-brand img{max-width:176px} .uas-product-search{grid-template-columns:minmax(185px,1fr) 145px 92px} .uas-search-shortcut{display:none} .uas-action,button.uas-action{gap:6px;padding-inline:6px;font-size:12px} .uas-action svg{width:19px;height:19px} .uas-nav__promise span{font-size:10px} } @media (max-width:1120px){ .uas-header__main{grid-template-columns:44px 172px minmax(330px,1fr) auto} .uas-menu-toggle{display:block} .uas-brand img{max-width:172px} .uas-product-search{grid-template-columns:minmax(170px,1fr) 94px} .uas-search-category,.uas-search-shortcut{display:none} .uas-action span:not(.uas-cart-count):not(.uas-wishlist-count){display:none} .uas-action,button.uas-action{width:42px;padding:0} .uas-nav{display:none} } @media (max-width:760px){ .uas-header{position:relative} .uas-header .uas-container{width:min(calc(100% - 24px),100%)} .uas-header__main{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:76px;padding:9px 0 11px} .uas-menu-toggle{width:42px;height:42px;border-radius:12px} .uas-brand{justify-self:start} .uas-brand img{max-width:158px;max-height:42px} .uas-header__actions{grid-column:3;grid-row:1;gap:1px} .uas-action,button.uas-action{width:40px;min-height:40px;border-radius:11px} .uas-action svg{width:20px;height:20px} .uas-cart-count,.uas-action--wishlist .uas-wishlist-count{position:absolute;right:0;top:0;min-width:17px;height:17px;padding:0 4px;font-size:8px} .uas-header__search{grid-column:1/-1;grid-row:2;width:100%} .uas-product-search{grid-template-columns:minmax(0,1fr) 52px;min-height:52px;border-radius:15px} .uas-product-search__icon{left:15px;width:19px;height:19px} .uas-product-search input[type=search]{height:50px;padding-left:44px;padding-right:8px;font-size:13px} .uas-search-category,.uas-search-shortcut{display:none} .uas-product-search>button[type=submit]{width:46px;min-width:46px;height:42px;margin:4px;border-radius:11px;padding:0} .uas-product-search>button[type=submit] span{display:none} .uas-product-search>button[type=submit] svg{width:18px;height:18px} .uas-header__search>.uas-live-search{top:calc(100% + 7px);max-height:55vh;border-radius:15px} } @media (max-width:430px){ .uas-header .uas-container{width:min(calc(100% - 20px),100%)} .uas-header__main{grid-template-columns:40px minmax(0,1fr) auto;gap:8px} .uas-menu-toggle{width:40px;height:40px;padding:8px} .uas-brand img{max-width:142px} .uas-action,button.uas-action{width:37px;min-height:38px} .uas-header__actions .uas-action--wishlist{display:none} } @media (max-width:360px){ .uas-brand img{max-width:128px} .uas-product-search input[type=search]{font-size:12px} } @media (prefers-reduced-motion:reduce){ .uas-nav__promise i{animation:none} .uas-category-menu:not([hidden]){animation:none} .uas-action,.uas-categories-trigger,.uas-product-search>button[type=submit],.uas-category-menu__item{transition:none} } /* Ustasindan Al — Smart Finder Command Center v0.6.9.22 */ .uas-smart-finder{ position:relative; z-index:28; padding:18px 0 58px; background: radial-gradient(circle at 20% 0%,rgba(104,76,255,.045),transparent 24%), linear-gradient(180deg,#fff 0%,#fbfbfe 100%); } .uas-smart-finder__shell{ position:relative; display:grid; grid-template-columns:minmax(290px,.82fr) minmax(500px,1.45fr); grid-template-areas: "intro workbench" "actions workbench"; gap:18px 24px; align-items:center; padding:28px; border:1px solid rgba(126,111,211,.18); border-radius:32px; overflow:visible; background: radial-gradient(circle at 8% 8%,rgba(116,82,255,.26),transparent 26%), radial-gradient(circle at 88% 14%,rgba(78,119,255,.20),transparent 24%), linear-gradient(135deg,#08152f 0%,#111b45 48%,#211b5e 100%); box-shadow:0 32px 80px rgba(13,22,54,.20),inset 0 1px 0 rgba(255,255,255,.08); } .uas-smart-finder__shell::before{ content:""; position:absolute; inset:1px; border-radius:31px; border:1px solid rgba(255,255,255,.055); pointer-events:none; } .uas-smart-finder__shell::after{ content:""; position:absolute; width:260px; height:260px; right:-78px; bottom:-120px; border-radius:50%; background:radial-gradient(circle,rgba(130,94,255,.16),transparent 66%); pointer-events:none; } .uas-smart-finder__intro{ grid-area:intro; position:relative; z-index:2; display:grid; grid-template-columns:70px minmax(0,1fr); gap:16px; align-items:start; min-width:0; } .uas-smart-finder__mark{ display:grid; place-items:center; width:70px; height:70px; border:1px solid rgba(255,255,255,.16); border-radius:23px; background:linear-gradient(145deg,#6b48ff 0%,#985eff 100%); color:#fff; font-size:26px; font-weight:950; letter-spacing:-.04em; box-shadow:0 18px 42px rgba(95,64,255,.34),inset 0 1px 0 rgba(255,255,255,.20); } .uas-smart-finder__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-bottom:8px; } .uas-smart-finder__meta .uas-eyebrow{ color:#bdb1ff; font-size:9px; font-weight:950; letter-spacing:.14em; } .uas-smart-finder__status{ display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:0 9px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background:rgba(255,255,255,.055); color:#dce4f5; font-size:8px; font-weight:850; backdrop-filter:blur(10px); } .uas-smart-finder__status i{ width:7px; height:7px; border-radius:50%; background:#55e394; box-shadow:0 0 0 5px rgba(85,227,148,.10); } .uas-smart-finder__intro h2{ margin:0; max-width:490px; color:#fff; font-size:30px; line-height:1.02; letter-spacing:-.05em; text-wrap:balance; } .uas-smart-finder__intro p{ max-width:480px; margin:11px 0 0; color:#aeb9d1; font-size:11px; line-height:1.7; } .uas-smart-finder__workbench{ grid-area:workbench; position:relative; z-index:6; min-width:0; padding:16px; border:1px solid rgba(255,255,255,.56); border-radius:26px; background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(248,247,253,.96) 100%); box-shadow:0 24px 54px rgba(5,12,35,.28),inset 0 1px 0 rgba(255,255,255,.96); } .uas-smart-finder__form, .uas-code-finder__form{ position:relative; display:grid; grid-template-columns:52px minmax(0,1fr) 122px; align-items:center; min-height:62px; border:1px solid #dde2ee; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 12px 30px rgba(16,24,40,.07),inset 0 1px 0 rgba(255,255,255,.98); } .uas-smart-finder__form:focus-within, .uas-code-finder__form:focus-within{ border-color:#b9abff; box-shadow:0 0 0 4px rgba(104,75,255,.09),0 16px 34px rgba(16,24,40,.09); } .uas-smart-finder__form>svg, .uas-code-finder__form>svg{ justify-self:center; width:22px; height:22px; color:#6d54ef; } .uas-smart-finder__form input, .uas-code-finder__form input{ min-width:0; height:60px; border:0; outline:0; background:transparent; color:#18213a; font-size:12px; font-weight:750; } .uas-smart-finder__form input::placeholder, .uas-code-finder__form input::placeholder{color:#a0a7b8} .uas-smart-finder__form button, .uas-code-finder__form button{ align-self:stretch; border:0; background:linear-gradient(135deg,#6544f7 0%,#8056ff 52%,#9b5af8 100%); color:#fff; display:flex; align-items:center; justify-content:center; gap:7px; font-size:11px; font-weight:950; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.16); } .uas-smart-finder__form button span, .uas-code-finder__form button span{font-size:14px;transform:translateY(-1px)} .uas-smart-finder__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; } .uas-smart-finder__chips span{ display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border:1px solid #e1def0; border-radius:999px; background:#fff; color:#5e6579; font-size:9px; font-weight:850; box-shadow:0 8px 16px rgba(16,24,40,.035); } .uas-smart-finder__chips span::before{ content:""; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#7d5cff; box-shadow:0 0 0 4px rgba(125,92,255,.08); } .uas-smart-finder__actions{ grid-area:actions; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; position:relative; z-index:2; } .uas-smart-finder__actions button, .uas-smart-finder__actions a{ min-width:0; min-height:72px; padding:10px 8px; border:1px solid rgba(255,255,255,.09); border-radius:17px; background:rgba(255,255,255,.055); color:#d6deee; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; font-size:8px; font-weight:850; text-align:center; backdrop-filter:blur(12px); } .uas-smart-finder__actions svg{width:19px;height:19px;color:#bbaeff} .uas-smart-finder__actions button:hover, .uas-smart-finder__actions a:hover{ border-color:rgba(176,158,255,.30); background:rgba(255,255,255,.09); color:#fff; } /* Command palette live results */ .uas-smart-finder__workbench>.uas-live-search--smart{ position:absolute; left:16px; right:16px; top:86px; z-index:300; padding:10px; border:1px solid #e5e0f4; border-radius:20px; background:rgba(255,255,255,.99); box-shadow:0 26px 60px rgba(13,22,54,.20),inset 0 1px 0 rgba(255,255,255,.92); max-height:min(520px,64vh); overflow:auto; backdrop-filter:blur(18px); } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ position:relative; display:grid; gap:4px; margin:0 0 8px; padding:11px 13px 11px 16px; border:1px solid #ebe5ff; border-radius:15px; background:linear-gradient(180deg,#f7f4ff 0%,#f1edff 100%); color:#5f4dc5; } .uas-live-search--smart .uas-live-search__correction::before, .uas-live-search--smart .uas-live-search__intent::before{ content:""; position:absolute; left:0; top:11px; bottom:11px; width:3px; border-radius:999px; background:linear-gradient(180deg,#7657ff,#9a64ff); } .uas-live-search--smart .uas-live-search__correction span, .uas-live-search--smart .uas-live-search__intent span{ font-size:8px; font-weight:950; letter-spacing:.12em; text-transform:uppercase; } .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{ font-size:11px; line-height:1.35; } .uas-live-search--smart .uas-live-search__shortcuts{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin:0 0 8px; padding:10px; border:1px solid #ece8f7; border-radius:15px; background:#fafaff; } .uas-live-search--smart .uas-live-search__shortcuts>span, .uas-live-search--smart .uas-live-search__shortcuts a{ display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:999px; font-size:8.5px; font-weight:850; } .uas-live-search--smart .uas-live-search__shortcuts>span{background:#eee9ff;color:#6751d4} .uas-live-search--smart .uas-live-search__shortcuts a{border:1px solid #e1dcf2;background:#fff;color:#5e667a} .uas-live-search--smart .uas-live-search__list{display:grid;gap:7px} .uas-live-search--smart .uas-live-search__item{ display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px; border:1px solid #eceef5; border-radius:16px; background:#fff; box-shadow:0 8px 18px rgba(16,24,40,.035); } .uas-live-search--smart .uas-live-search__item:hover, .uas-live-search--smart .uas-live-search__item:focus-visible{ border-color:#d9d0fb; background:#fdfcff; box-shadow:0 12px 22px rgba(91,61,245,.08); } .uas-live-search--smart .uas-live-search__item img{ width:58px; height:58px; padding:4px; border:1px solid #edf0f5; border-radius:14px; background:#fff; object-fit:contain; } .uas-live-search--smart .uas-live-search__copy{display:grid;gap:3px;min-width:0} .uas-live-search--smart .uas-live-search__signals{display:flex;flex-wrap:wrap;gap:4px} .uas-live-search--smart .uas-live-search__signal{ display:inline-flex; align-items:center; min-height:20px; padding:0 7px; border-radius:999px; font-size:8px; font-weight:850; } .uas-live-search--smart .uas-live-search__signal.is-strong{background:#efeaff;color:#5b47db} .uas-live-search--smart .uas-live-search__signal.is-related{background:#f2f4f8;color:#667085} .uas-live-search--smart .uas-live-search__signal.is-fitment{background:#eef9f2;color:#1f8b4d} .uas-live-search--smart .uas-live-search__copy small{color:#8b94a6;font-size:8.5px;line-height:1.4} .uas-live-search--smart .uas-live-search__copy strong{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#19223b; font-size:12px; line-height:1.25; } .uas-live-search--smart .uas-live-search__copy em{color:#1f7e4e;font-size:9px;font-style:normal;font-weight:800} .uas-live-search--smart .uas-live-search__item b{ justify-self:end; padding:7px 9px; border:1px solid #e7eaf2; border-radius:11px; background:#f7f8fc; color:#18223b; font-size:12px; font-weight:950; white-space:nowrap; } .uas-live-search--smart .uas-live-search__all{ display:flex; align-items:center; justify-content:center; min-height:44px; margin-top:8px; border:1px solid #e6e0fb; border-radius:13px; background:linear-gradient(180deg,#f5f1ff,#eee8ff); color:#5d42e4; font-size:10px; font-weight:950; } .uas-live-search--smart .uas-live-search__loading, .uas-live-search--smart .uas-live-search__empty{ padding:18px; border:1px dashed #e5e0f2; border-radius:15px; background:#fbfaff; color:#667085; font-size:10px; text-align:center; } @media(max-width:900px){ .uas-smart-finder__shell{ grid-template-columns:1fr; grid-template-areas:"intro" "workbench"; } .uas-smart-finder__actions{display:none} } @media(max-width:760px){ .uas-smart-finder{padding:10px 0 36px} .uas-smart-finder__shell{ display:block; padding:18px 15px 16px; border-radius:28px; background: radial-gradient(circle at 4% 4%,rgba(119,84,255,.30),transparent 28%), radial-gradient(circle at 94% 8%,rgba(83,126,255,.20),transparent 26%), linear-gradient(145deg,#07142f 0%,#111c47 54%,#221b60 100%); } .uas-smart-finder__shell::before{border-radius:27px} .uas-smart-finder__intro{ grid-template-columns:58px minmax(0,1fr); gap:13px; margin-bottom:16px; } .uas-smart-finder__mark{ width:58px; height:58px; border-radius:19px; font-size:23px; } .uas-smart-finder__meta{gap:7px;margin-bottom:6px} .uas-smart-finder__meta .uas-eyebrow{font-size:8px} .uas-smart-finder__status{min-height:23px;padding:0 8px;font-size:7px} .uas-smart-finder__intro h2{ font-size:21px; line-height:1.03; } .uas-smart-finder__intro p{ margin-top:9px; font-size:10px; line-height:1.55; } .uas-smart-finder__workbench{ padding:11px; border-radius:22px; } .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:42px minmax(0,1fr) 96px; min-height:54px; border-radius:17px; } .uas-smart-finder__form>svg, .uas-code-finder__form>svg{width:20px;height:20px} .uas-smart-finder__form input, .uas-code-finder__form input{height:52px;font-size:11px} .uas-smart-finder__form button, .uas-code-finder__form button{font-size:10.5px} .uas-smart-finder__chips{gap:7px;margin-top:10px} .uas-smart-finder__chips span{ min-height:30px; padding:0 10px; font-size:8.5px; } .uas-smart-finder__workbench.has-live-results .uas-smart-finder__chips{display:none} .uas-smart-finder__workbench>.uas-live-search--smart{ position:static!important; inset:auto!important; margin-top:10px; padding:8px; border-radius:17px; max-height:390px; box-shadow:0 16px 34px rgba(15,23,46,.12),inset 0 1px 0 rgba(255,255,255,.94); } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{padding:10px 11px 10px 14px;border-radius:13px} .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{font-size:10px} .uas-live-search--smart .uas-live-search__shortcuts{padding:8px;border-radius:13px} .uas-live-search--smart .uas-live-search__shortcuts>span, .uas-live-search--smart .uas-live-search__shortcuts a{min-height:27px;font-size:8px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:54px minmax(0,1fr); grid-template-areas:"image copy" "image price"; align-items:start; padding:8px; border-radius:14px; } .uas-live-search--smart .uas-live-search__item img{grid-area:image;width:54px;height:54px;border-radius:12px} .uas-live-search--smart .uas-live-search__copy{grid-area:copy} .uas-live-search--smart .uas-live-search__item b{ grid-area:price; justify-self:start; margin-top:2px; padding:6px 8px; font-size:11px; } .uas-live-search--smart .uas-live-search__copy strong{font-size:11px} .uas-live-search--smart .uas-live-search__copy small{font-size:8px} .uas-live-search--smart .uas-live-search__copy em{font-size:8.5px} .uas-live-search--smart .uas-live-search__all{min-height:40px;font-size:9px} } @media(max-width:430px){ .uas-smart-finder__shell{padding:16px 13px 14px;border-radius:25px} .uas-smart-finder__shell::before{border-radius:24px} .uas-smart-finder__intro{grid-template-columns:52px minmax(0,1fr);gap:11px} .uas-smart-finder__mark{width:52px;height:52px;border-radius:17px;font-size:21px} .uas-smart-finder__meta{display:grid;justify-items:start;gap:5px} .uas-smart-finder__intro h2{font-size:19px} .uas-smart-finder__intro p{font-size:9.5px} .uas-smart-finder__workbench{padding:10px;border-radius:20px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:38px minmax(0,1fr) 88px;min-height:51px} .uas-smart-finder__form input, .uas-code-finder__form input{height:49px;font-size:10px} .uas-smart-finder__form button, .uas-code-finder__form button{font-size:10px} } @media(max-width:360px){ .uas-smart-finder__shell{padding:14px 11px 13px} .uas-smart-finder__intro{grid-template-columns:48px minmax(0,1fr)} .uas-smart-finder__mark{width:48px;height:48px;font-size:19px} .uas-smart-finder__intro h2{font-size:17px} .uas-smart-finder__intro p{font-size:9px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:36px minmax(0,1fr) 82px} .uas-smart-finder__chips span{padding:0 9px;font-size:8px} } /* Ustasindan Al — Smart Finder Signature Light v0.6.9.22 */ @media(max-width:760px){ .uas-smart-finder{ padding:12px 0 38px; background:linear-gradient(180deg,#fff 0%,#fbfbfe 100%); } .uas-smart-finder__shell{ position:relative; display:block; overflow:visible; padding:18px 15px 16px; border:1px solid #e5e1f5; border-radius:28px; background: radial-gradient(circle at 10% 0%,rgba(108,76,255,.12),transparent 28%), radial-gradient(circle at 100% 100%,rgba(74,126,255,.08),transparent 24%), linear-gradient(145deg,#fff 0%,#f8f6ff 52%,#fbfcff 100%); box-shadow:0 24px 54px rgba(34,37,78,.10),inset 0 1px 0 rgba(255,255,255,.92); } .uas-smart-finder__shell::before{ inset:1px; border-radius:27px; border:1px solid rgba(255,255,255,.75); } .uas-smart-finder__shell::after{ width:150px; height:150px; right:-48px; bottom:-54px; background:radial-gradient(circle,rgba(121,88,255,.10),transparent 68%); } .uas-smart-finder__intro{ display:grid; grid-template-columns:58px minmax(0,1fr); gap:13px; margin-bottom:16px; align-items:start; } .uas-smart-finder__mark{ width:58px; height:58px; border:1px solid rgba(113,82,255,.20); border-radius:19px; background:linear-gradient(145deg,#6948ff 0%,#8f58ff 100%); color:#fff; font-size:23px; box-shadow:0 16px 34px rgba(97,69,246,.24),inset 0 1px 0 rgba(255,255,255,.22); } .uas-smart-finder__meta{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:7px; } .uas-smart-finder__meta .uas-eyebrow{ color:#6b55db; font-size:8px; letter-spacing:.13em; } .uas-smart-finder__status{ min-height:24px; padding:0 9px; border:1px solid #e1efe8; background:#f3fbf7; color:#34845c; font-size:7.5px; box-shadow:inset 0 1px 0 rgba(255,255,255,.9); } .uas-smart-finder__status i{ width:7px; height:7px; background:#43d88c; box-shadow:0 0 0 5px rgba(67,216,140,.10); } .uas-smart-finder__intro h2{ margin:0; color:#121c39; font-size:20px; line-height:1.05; letter-spacing:-.045em; text-shadow:none; } .uas-smart-finder__intro p{ margin-top:9px; color:#69748a; font-size:10px; line-height:1.58; } .uas-smart-finder__workbench{ position:relative; z-index:8; padding:11px; border:1px solid #e5e1f1; border-radius:22px; background:linear-gradient(180deg,#fff 0%,#fafaff 100%); box-shadow:0 16px 36px rgba(25,31,66,.08),inset 0 1px 0 rgba(255,255,255,.98); } .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:42px minmax(0,1fr) 96px; min-height:54px; border:1px solid #ddd8ef; border-radius:18px; background:#fff; box-shadow:0 10px 24px rgba(30,35,66,.06); } .uas-smart-finder__form>svg, .uas-code-finder__form>svg{ width:20px; height:20px; color:#684fe7; } .uas-smart-finder__form input, .uas-code-finder__form input{ height:52px; color:#17213b; font-size:11px; font-weight:780; } .uas-smart-finder__form input::placeholder, .uas-code-finder__form input::placeholder{color:#a0a7b6} .uas-smart-finder__form button, .uas-code-finder__form button{ font-size:10.5px; background:linear-gradient(135deg,#6647f8 0%,#8156ff 55%,#9656f6 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.18); } .uas-smart-finder__chips{ gap:7px; margin-top:10px; } .uas-smart-finder__chips span{ min-height:30px; padding:0 10px; border-color:#e3dff0; background:#fff; color:#5f667a; font-size:8.5px; box-shadow:0 7px 14px rgba(30,35,66,.035); } .uas-smart-finder__workbench.has-live-results .uas-smart-finder__chips{display:none} .uas-smart-finder__workbench>.uas-live-search--smart{ position:static!important; inset:auto!important; margin-top:10px; padding:9px; border:1px solid #e7e1f4; border-radius:18px; background:linear-gradient(180deg,#fff 0%,#faf8ff 100%); box-shadow:0 14px 30px rgba(24,31,66,.08),inset 0 1px 0 rgba(255,255,255,.96); max-height:390px; overflow:auto; } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ position:relative; display:grid; gap:4px; margin:0 0 8px; padding:11px 12px 11px 15px; border:1px solid #e8e1fb; border-radius:14px; background:linear-gradient(180deg,#f7f3ff 0%,#f2edff 100%); color:#5f49c6; } .uas-live-search--smart .uas-live-search__correction::before, .uas-live-search--smart .uas-live-search__intent::before{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:4px; border-radius:999px; background:linear-gradient(180deg,#7755ff,#a86cff); } .uas-live-search--smart .uas-live-search__correction span, .uas-live-search--smart .uas-live-search__intent span{ font-size:8.5px; font-weight:950; letter-spacing:.11em; text-transform:uppercase; } .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{ font-size:10.5px; line-height:1.35; font-weight:900; } .uas-live-search--smart .uas-live-search__shortcuts{ display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:0 0 8px; padding:9px; border:1px solid #e9e5f2; border-radius:14px; background:#fff; } .uas-live-search--smart .uas-live-search__shortcuts>span{ min-height:28px; padding:0 10px; border-radius:999px; background:#f3efff; color:#6550d0; font-size:8px; font-weight:900; } .uas-live-search--smart .uas-live-search__shortcuts a{ min-height:28px; padding:0 10px; border:1px solid #e1dbf4; border-radius:999px; background:#fff; color:#5c6578; font-size:8.5px; font-weight:850; } .uas-live-search--smart .uas-live-search__list{ display:grid; gap:8px; } .uas-live-search--smart .uas-live-search__item{ display:grid; grid-template-columns:56px minmax(0,1fr) auto; grid-template-areas:"image copy price"; gap:10px; align-items:center; padding:10px; border:1px solid #e9ecf4; border-radius:16px; background:#fff; box-shadow:0 8px 18px rgba(20,27,54,.04); } .uas-live-search--smart .uas-live-search__item img{ grid-area:image; width:56px; height:56px; padding:4px; border:1px solid #edf0f5; border-radius:14px; background:#fff; object-fit:contain; } .uas-live-search--smart .uas-live-search__copy{ grid-area:copy; min-width:0; display:grid; gap:3px; } .uas-live-search--smart .uas-live-search__signals{ display:flex; flex-wrap:wrap; gap:4px; } .uas-live-search--smart .uas-live-search__signal{ min-height:20px; padding:0 7px; border-radius:999px; font-size:7.8px; } .uas-live-search--smart .uas-live-search__copy small{ color:#8a93a5; font-size:8.2px; line-height:1.35; } .uas-live-search--smart .uas-live-search__copy strong{ color:#18223b; font-size:11.5px; line-height:1.25; } .uas-live-search--smart .uas-live-search__copy em{ color:#27814f; font-size:9px; font-weight:850; font-style:normal; } .uas-live-search--smart .uas-live-search__item b{ grid-area:price; justify-self:end; padding:7px 9px; border:1px solid #e6e9f1; border-radius:12px; background:#f8f9fc; color:#17213b; font-size:11.5px; line-height:1; white-space:nowrap; } .uas-live-search--smart .uas-live-search__all{ min-height:42px; margin-top:9px; border:1px solid #e4dcfb; border-radius:14px; background:linear-gradient(180deg,#f5f1ff 0%,#eee8ff 100%); color:#5d42dd; font-size:9.5px; font-weight:950; } } @media(max-width:430px){ .uas-smart-finder__shell{padding:16px 13px 14px;border-radius:25px} .uas-smart-finder__shell::before{border-radius:24px} .uas-smart-finder__intro{grid-template-columns:52px minmax(0,1fr);gap:11px} .uas-smart-finder__mark{width:52px;height:52px;border-radius:17px;font-size:21px} .uas-smart-finder__meta{display:grid;justify-items:start;gap:5px} .uas-smart-finder__intro h2{font-size:18px} .uas-smart-finder__intro p{font-size:9.5px} .uas-smart-finder__workbench{padding:10px;border-radius:20px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:38px minmax(0,1fr) 88px;min-height:51px} .uas-smart-finder__form input, .uas-code-finder__form input{height:49px;font-size:10px} .uas-smart-finder__form button, .uas-code-finder__form button{font-size:10px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:52px minmax(0,1fr); grid-template-areas:"image copy" "image price"; } .uas-live-search--smart .uas-live-search__item img{width:52px;height:52px} .uas-live-search--smart .uas-live-search__item b{justify-self:start} } @media(max-width:360px){ .uas-smart-finder__shell{padding:14px 11px 13px} .uas-smart-finder__intro{grid-template-columns:48px minmax(0,1fr)} .uas-smart-finder__mark{width:48px;height:48px;font-size:19px} .uas-smart-finder__intro h2{font-size:16px} .uas-smart-finder__intro p{font-size:9px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:36px minmax(0,1fr) 82px} .uas-smart-finder__chips span{padding:0 9px;font-size:8px} .uas-live-search--smart .uas-live-search__item{grid-template-columns:48px minmax(0,1fr)} .uas-live-search--smart .uas-live-search__item img{width:48px;height:48px} } /* v0.6.9.23 — Smart Finder mobile premium rework */ @media(max-width:760px){ .uas-smart-finder{ padding-top:4px; } .uas-smart-finder__shell{ position:relative; overflow:hidden; padding:18px 16px 18px !important; border:1px solid #ebe5f7; border-radius:28px; background: radial-gradient(circle at 0% 0%, rgba(116,81,255,.14), transparent 32%), radial-gradient(circle at 100% 100%, rgba(83,137,255,.10), transparent 28%), linear-gradient(180deg,#fffefe 0%,#faf7ff 44%,#fbfcff 100%); box-shadow:0 20px 52px rgba(24,31,66,.08), inset 0 1px 0 rgba(255,255,255,.95); } .uas-smart-finder__shell::before{ border-color:rgba(255,255,255,.88); } .uas-smart-finder__shell::after{ content:""; position:absolute; right:-40px; top:-36px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle, rgba(116,81,255,.12), rgba(116,81,255,0) 68%); pointer-events:none; } .uas-smart-finder__intro{ grid-template-columns:58px minmax(0,1fr); gap:14px; align-items:start; margin-bottom:14px; } .uas-smart-finder__mark{ width:58px; height:58px; border-radius:20px; border:1px solid rgba(111,83,255,.22); background:linear-gradient(145deg,#6c4cff 0%,#8e60ff 100%); color:#fff; box-shadow:0 18px 34px rgba(96,69,244,.22), inset 0 1px 0 rgba(255,255,255,.22); } .uas-smart-finder__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:7px; } .uas-smart-finder__meta .uas-eyebrow{ font-size:8px; letter-spacing:.16em; color:#6d55e4; } .uas-smart-finder__status{ min-height:27px; padding:0 11px; border:1px solid #dbeee2; border-radius:999px; background:linear-gradient(180deg,#f7fff9 0%,#eefbf2 100%); color:#307b57; font-size:8px; font-weight:900; box-shadow:0 10px 20px rgba(49,133,88,.06), inset 0 1px 0 rgba(255,255,255,.96); } .uas-smart-finder__status i{ width:8px; height:8px; background:#41d685; box-shadow:0 0 0 6px rgba(65,214,133,.10); } .uas-smart-finder__intro h2{ margin:0; font-size:18px; line-height:1.06; letter-spacing:-.045em; color:#172342; } .uas-smart-finder__intro p{ margin-top:8px; color:#69758b; font-size:10.5px; line-height:1.58; } .uas-smart-finder__workbench{ padding:12px; border:1px solid #e6e1f2; border-radius:24px; background:linear-gradient(180deg,#fff 0%,#fbfbff 100%); box-shadow:0 16px 36px rgba(24,31,66,.07), inset 0 1px 0 rgba(255,255,255,.95); } .uas-smart-finder__workbench::before{ display:none; } .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:44px minmax(0,1fr) 112px !important; min-height:56px !important; border:1px solid #ddd8ef; border-radius:22px !important; background:#fff; box-shadow:0 10px 28px rgba(24,31,66,.06), inset 0 1px 0 rgba(255,255,255,.96); } .uas-smart-finder__form > svg, .uas-code-finder__form > svg{ width:22px; height:22px; color:#6b51e6; } .uas-smart-finder__form input, .uas-code-finder__form input{ height:54px; color:#15203a; font-size:12px; font-weight:780; } .uas-smart-finder__form button, .uas-code-finder__form button{ font-size:12px; font-weight:900; letter-spacing:-.01em; background:linear-gradient(135deg,#6b4cff 0%,#875dff 55%,#a35dff 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.20); } .uas-smart-finder__form button svg, .uas-code-finder__form button svg{ transform:translateX(1px); } .uas-smart-finder__chips{ margin-top:11px; gap:7px; } .uas-smart-finder__chips span{ min-height:30px; padding:0 11px; border-color:#e8e2f8; background:#fff; color:#626c81; font-size:8.5px; font-weight:850; box-shadow:0 8px 16px rgba(24,31,66,.035); } .uas-smart-finder__workbench.has-live-results > .uas-live-search.uas-live-search--smart{ position:static !important; inset:auto !important; margin-top:12px; padding:12px; border:1px solid #e8e2f5; border-radius:22px; background:linear-gradient(180deg,#fff 0%,#fcfbff 100%); box-shadow:0 18px 34px rgba(24,31,66,.07), inset 0 1px 0 rgba(255,255,255,.96); max-height:none; overflow:visible; } .uas-live-search--smart::before, .uas-live-search--smart::after{ display:none; } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ position:relative; display:grid; gap:5px; margin:0 0 10px; padding:13px 14px 13px 16px; border:1px solid #ebe4fb; border-radius:18px; background:linear-gradient(180deg,#f8f5ff 0%,#f4f0ff 100%); color:#5d48cf; box-shadow:inset 0 1px 0 rgba(255,255,255,.90); } .uas-live-search--smart .uas-live-search__correction::before, .uas-live-search--smart .uas-live-search__intent::before{ content:""; position:absolute; left:0; top:11px; bottom:11px; width:5px; border-radius:999px; background:linear-gradient(180deg,#7755ff,#a86dff); } .uas-live-search--smart .uas-live-search__correction span, .uas-live-search--smart .uas-live-search__intent span{ font-size:8.5px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; } .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{ font-size:11px; line-height:1.42; font-weight:900; } .uas-live-search--smart .uas-live-search__shortcuts{ display:flex; flex-wrap:nowrap; gap:8px; align-items:center; overflow-x:auto; scrollbar-width:none; margin:0 0 10px; padding:10px; border:1px solid #e8e3f3; border-radius:18px; background:linear-gradient(180deg,#fff 0%,#fbfbff 100%); } .uas-live-search--smart .uas-live-search__shortcuts::-webkit-scrollbar{display:none} .uas-live-search--smart .uas-live-search__shortcuts > span, .uas-live-search--smart .uas-live-search__shortcuts a{ white-space:nowrap; } .uas-live-search--smart .uas-live-search__shortcuts > span{ min-height:30px; padding:0 13px; border-radius:999px; background:linear-gradient(180deg,#f5f1ff 0%,#efebff 100%); color:#6650d9; font-size:9px; font-weight:900; } .uas-live-search--smart .uas-live-search__shortcuts a{ min-height:32px; padding:0 14px; border:1px solid #e2ddf0; border-radius:999px; background:#fff; color:#626d83; font-size:9.5px; font-weight:850; box-shadow:0 8px 18px rgba(24,31,66,.035); } .uas-live-search--smart .uas-live-search__list{ gap:10px; } .uas-live-search--smart .uas-live-search__item{ grid-template-columns:64px minmax(0,1fr); grid-template-areas:"image copy" "image price"; gap:12px; align-items:center; padding:12px; border:1px solid #ebe7f4; border-radius:20px; background:linear-gradient(180deg,#ffffff 0%,#fcfcff 100%); box-shadow:0 12px 26px rgba(18,27,52,.05), inset 0 1px 0 rgba(255,255,255,.92); } .uas-live-search--smart .uas-live-search__item:hover, .uas-live-search--smart .uas-live-search__item:focus-visible{ transform:none; border-color:#ded7f8; box-shadow:0 16px 28px rgba(96,69,244,.08), inset 0 1px 0 rgba(255,255,255,.94); } .uas-live-search--smart .uas-live-search__item img{ width:64px; height:64px; padding:4px; border:1px solid #edf0f5; border-radius:16px; background:linear-gradient(180deg,#fff 0%,#fafbff 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.92); } .uas-live-search--smart .uas-live-search__copy{ display:grid; gap:4px; } .uas-live-search--smart .uas-live-search__signals{ display:flex; flex-wrap:wrap; gap:5px; } .uas-live-search--smart .uas-live-search__signal{ min-height:21px; padding:0 8px; border-radius:999px; font-size:7.9px; font-weight:900; } .uas-live-search--smart .uas-live-search__copy small{ color:#8a93a5; font-size:8.9px; line-height:1.42; } .uas-live-search--smart .uas-live-search__copy strong{ color:#16213c; font-size:13px; line-height:1.24; font-weight:900; } .uas-live-search--smart .uas-live-search__copy em{ display:inline-flex; align-items:center; width:max-content; min-height:24px; padding:0 10px; border-radius:999px; background:linear-gradient(180deg,#edf8f1 0%,#e6f5ec 100%); color:#237d4d; font-size:9px; font-weight:900; font-style:normal; } .uas-live-search--smart .uas-live-search__item b{ justify-self:start; margin-top:2px; padding:9px 14px; border:1px solid #e4e7ef; border-radius:14px; background:linear-gradient(180deg,#ffffff 0%,#f7f8fc 100%); color:#172340; font-size:12.5px; font-weight:950; line-height:1; box-shadow:inset 0 1px 0 rgba(255,255,255,.92); } .uas-live-search--smart .uas-live-search__all{ min-height:46px; margin-top:10px; border:1px solid #e7defd; border-radius:16px; background:linear-gradient(180deg,#f7f3ff 0%,#efe8ff 100%); color:#5c44d8; font-size:10px; font-weight:950; box-shadow:inset 0 1px 0 rgba(255,255,255,.94); } } @media(max-width:430px){ .uas-smart-finder__shell{ padding:16px 13px 16px !important; border-radius:26px; } .uas-smart-finder__intro{ grid-template-columns:52px minmax(0,1fr); gap:12px; } .uas-smart-finder__mark{ width:52px; height:52px; border-radius:18px; font-size:22px; } .uas-smart-finder__intro h2{font-size:17px} .uas-smart-finder__intro p{font-size:9.9px} .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:40px minmax(0,1fr) 102px !important; min-height:53px !important; } .uas-smart-finder__form input, .uas-code-finder__form input{ height:51px; font-size:11px; } .uas-smart-finder__form button, .uas-code-finder__form button{ font-size:11px; } .uas-live-search--smart .uas-live-search__item{ grid-template-columns:58px minmax(0,1fr); gap:11px; padding:11px; } .uas-live-search--smart .uas-live-search__item img{ width:58px; height:58px; } } @media(max-width:360px){ .uas-smart-finder__shell{padding:14px 11px 15px !important} .uas-smart-finder__intro{grid-template-columns:48px minmax(0,1fr)} .uas-smart-finder__mark{width:48px;height:48px;font-size:20px;border-radius:17px} .uas-smart-finder__intro h2{font-size:15px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:36px minmax(0,1fr) 92px !important} .uas-live-search--smart .uas-live-search__shortcuts{padding:9px} .uas-live-search--smart .uas-live-search__shortcuts > span, .uas-live-search--smart .uas-live-search__shortcuts a{font-size:8.5px} .uas-live-search--smart .uas-live-search__item{grid-template-columns:52px minmax(0,1fr);padding:10px} .uas-live-search--smart .uas-live-search__item img{width:52px;height:52px} .uas-live-search--smart .uas-live-search__copy strong{font-size:12px} } /* v0.6.9.24 — Smart Finder mobile composition polish */ @media(max-width:760px){ .uas-smart-finder__shell{ padding:17px 15px 16px !important; border-radius:27px; } .uas-smart-finder__intro{margin-bottom:13px} .uas-smart-finder__meta{gap:7px;margin-bottom:6px} .uas-smart-finder__status{min-height:25px;padding:0 10px} .uas-smart-finder__workbench{ padding:11px; border-radius:22px; } .uas-smart-finder__workbench.has-live-results > .uas-live-search.uas-live-search--smart{ margin-top:10px; padding:10px; border-radius:20px; } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ grid-template-columns:auto 1fr; grid-template-areas:"label label" "text text"; gap:3px; margin-bottom:8px; padding:11px 13px 11px 16px; border-radius:16px; } .uas-live-search--smart .uas-live-search__correction span, .uas-live-search--smart .uas-live-search__intent span{grid-area:label} .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{grid-area:text} .uas-live-search--smart .uas-live-search__shortcuts{ gap:7px; margin-bottom:8px; padding:9px; border-radius:16px; } .uas-live-search--smart .uas-live-search__shortcuts > span, .uas-live-search--smart .uas-live-search__shortcuts a{ min-height:29px; padding:0 12px; } .uas-live-search--smart .uas-live-search__list{gap:8px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:62px minmax(0,1fr); grid-template-areas:"image copy" "image price"; gap:10px 12px; padding:11px; border-radius:18px; } .uas-live-search--smart .uas-live-search__item img{ width:62px; height:62px; border-radius:15px; } .uas-live-search--smart .uas-live-search__copy{gap:3px} .uas-live-search--smart .uas-live-search__signals{gap:4px} .uas-live-search--smart .uas-live-search__signal{ min-height:20px; padding:0 7px; font-size:7.6px; } .uas-live-search--smart .uas-live-search__copy small{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:8.5px; line-height:1.34; } .uas-live-search--smart .uas-live-search__copy strong{ font-size:13px; line-height:1.22; } .uas-live-search--smart .uas-live-search__copy em{ min-height:22px; padding:0 9px; font-size:8.6px; } .uas-live-search--smart .uas-live-search__item b{ grid-area:price; justify-self:end; align-self:end; margin:0; padding:8px 12px; border-radius:12px; font-size:12px; } .uas-live-search--smart .uas-live-search__all{ min-height:44px; margin-top:9px; border-radius:15px; } } @media(max-width:430px){ .uas-smart-finder__shell{padding:15px 12px 15px !important} .uas-smart-finder__intro{grid-template-columns:50px minmax(0,1fr);gap:11px} .uas-smart-finder__mark{width:50px;height:50px;border-radius:17px;font-size:21px} .uas-smart-finder__meta{display:flex;flex-wrap:wrap;gap:6px} .uas-smart-finder__meta .uas-eyebrow{font-size:7.6px} .uas-smart-finder__status{min-height:24px;padding:0 9px;font-size:7.6px} .uas-smart-finder__intro h2{font-size:16.5px;line-height:1.04} .uas-smart-finder__intro p{font-size:9.6px;line-height:1.52} .uas-smart-finder__workbench{padding:10px;border-radius:20px} .uas-smart-finder__form, .uas-code-finder__form{ grid-template-columns:38px minmax(0,1fr) 96px !important; min-height:51px !important; } .uas-smart-finder__form input, .uas-code-finder__form input{height:49px;font-size:10.5px} .uas-smart-finder__form button, .uas-code-finder__form button{font-size:10.5px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:56px minmax(0,1fr); gap:9px 11px; padding:10px; } .uas-live-search--smart .uas-live-search__item img{width:56px;height:56px} .uas-live-search--smart .uas-live-search__copy strong{font-size:12.5px} .uas-live-search--smart .uas-live-search__item b{font-size:11.5px;padding:7px 11px} } @media(max-width:360px){ .uas-smart-finder__shell{padding:13px 10px 14px !important} .uas-smart-finder__intro{grid-template-columns:46px minmax(0,1fr);gap:10px} .uas-smart-finder__mark{width:46px;height:46px;font-size:19px;border-radius:16px} .uas-smart-finder__intro h2{font-size:15px} .uas-smart-finder__intro p{font-size:9px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:34px minmax(0,1fr) 88px !important} .uas-live-search--smart .uas-live-search__item{grid-template-columns:50px minmax(0,1fr);gap:9px;padding:9px} .uas-live-search--smart .uas-live-search__item img{width:50px;height:50px} .uas-live-search--smart .uas-live-search__copy strong{font-size:12px} } /* v0.6.9.25 — Smart Finder mobile final premium polish */ @media(max-width:760px){ .uas-smart-finder__shell{ padding:16px 14px 15px !important; border-radius:28px; background:linear-gradient(180deg,#fcfbff 0%,#f7f4ff 100%); box-shadow:0 18px 34px rgba(67,44,160,.08), inset 0 1px 0 rgba(255,255,255,.92); } .uas-smart-finder__intro{margin-bottom:12px} .uas-smart-finder__meta{gap:8px;margin-bottom:6px} .uas-smart-finder__status{ min-height:26px; padding:0 11px; border-color:#dbeedc; background:linear-gradient(180deg,#effaf1 0%,#e6f5ea 100%); box-shadow:0 8px 18px rgba(53,153,90,.08); } .uas-smart-finder__workbench{ padding:10px; border-radius:24px; border:1px solid #e9e2f5; background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,246,255,.94) 100%); box-shadow:0 12px 26px rgba(37,26,77,.06), inset 0 1px 0 rgba(255,255,255,.92); } .uas-smart-finder__form, .uas-code-finder__form{ min-height:56px !important; border-radius:30px !important; border-color:#ddd8ef !important; background:#fff !important; box-shadow:0 10px 22px rgba(31,24,56,.05), inset 0 1px 0 rgba(255,255,255,.92); } .uas-smart-finder__form input, .uas-code-finder__form input{ height:54px; font-size:11.4px; } .uas-smart-finder__form button, .uas-code-finder__form button{ min-width:110px; border-radius:26px !important; background:linear-gradient(135deg,#6f56ff 0%,#885fff 46%,#c253ef 100%) !important; box-shadow:0 14px 28px rgba(116,83,255,.22), inset 0 1px 0 rgba(255,255,255,.22); letter-spacing:-.01em; } .uas-smart-finder__workbench.has-live-results > .uas-live-search.uas-live-search--smart{ margin-top:8px; padding:8px; border:1px solid #ebe5f7; border-radius:18px; background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%); box-shadow:none; } .uas-live-search--smart .uas-live-search__correction, .uas-live-search--smart .uas-live-search__intent{ gap:2px; margin-bottom:7px; padding:10px 12px 10px 14px; border-radius:15px; border-color:#e8e0fb; background:linear-gradient(180deg,#f7f4ff 0%,#f1edff 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.9); } .uas-live-search--smart .uas-live-search__correction::before, .uas-live-search--smart .uas-live-search__intent::before{ width:6px; border-radius:999px; } .uas-live-search--smart .uas-live-search__correction span, .uas-live-search--smart .uas-live-search__intent span{font-size:7.9px} .uas-live-search--smart .uas-live-search__correction strong, .uas-live-search--smart .uas-live-search__intent strong{ font-size:10.3px; line-height:1.35; } .uas-live-search--smart .uas-live-search__shortcuts{ gap:6px; margin-bottom:7px; padding:8px; border-radius:15px; border-color:#ebe5f7; background:#fff; box-shadow:none; } .uas-live-search--smart .uas-live-search__shortcuts > span, .uas-live-search--smart .uas-live-search__shortcuts a{ min-height:30px; padding:0 12px; border-radius:999px; } .uas-live-search--smart .uas-live-search__shortcuts > span{font-size:8.4px} .uas-live-search--smart .uas-live-search__shortcuts a{font-size:8.8px} .uas-live-search--smart .uas-live-search__list{gap:7px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:56px minmax(0,1fr) auto; grid-template-areas:"image copy price"; gap:10px; align-items:end; padding:10px 11px; border-radius:16px; border-color:#ece7f7; background:linear-gradient(180deg,#fff 0%,#fcfbff 100%); box-shadow:0 10px 20px rgba(18,25,48,.05); } .uas-live-search--smart .uas-live-search__item img{ width:56px; height:56px; border-radius:14px; padding:3px; } .uas-live-search--smart .uas-live-search__copy{ gap:4px; align-self:center; } .uas-live-search--smart .uas-live-search__signals{gap:4px} .uas-live-search--smart .uas-live-search__signal{ min-height:20px; padding:0 7px; font-size:7.4px; } .uas-live-search--smart .uas-live-search__copy small{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:8.2px; line-height:1.34; } .uas-live-search--smart .uas-live-search__copy strong{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:13.6px; line-height:1.18; } .uas-live-search--smart .uas-live-search__copy em{ min-height:20px; padding:0 8px; font-size:8.5px; } .uas-live-search--smart .uas-live-search__item b{ justify-self:end; align-self:end; margin:0 0 2px; padding:8px 10px; border-color:#e5e4ef; border-radius:12px; background:linear-gradient(180deg,#ffffff 0%,#f7f8fc 100%); color:#172340; font-size:11.7px; box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 6px 14px rgba(21,27,52,.04); } .uas-live-search--smart .uas-live-search__all{ min-height:42px; margin-top:8px; border-radius:14px; border-color:#eae2fb; font-size:10px; } } @media(max-width:430px){ .uas-smart-finder__shell{padding:15px 12px 14px !important} .uas-smart-finder__intro{grid-template-columns:50px minmax(0,1fr);gap:11px} .uas-smart-finder__mark{width:50px;height:50px;border-radius:17px;font-size:21px} .uas-smart-finder__intro h2{font-size:16px;line-height:1.06} .uas-smart-finder__intro p{font-size:9.5px;line-height:1.5} .uas-smart-finder__workbench{padding:9px;border-radius:22px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:38px minmax(0,1fr) 96px !important;min-height:53px !important} .uas-smart-finder__form input, .uas-code-finder__form input{height:51px;font-size:10.8px} .uas-smart-finder__form button, .uas-code-finder__form button{min-width:96px;font-size:10.7px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:52px minmax(0,1fr) auto; gap:9px; padding:10px; } .uas-live-search--smart .uas-live-search__item img{width:52px;height:52px;border-radius:13px} .uas-live-search--smart .uas-live-search__copy strong{font-size:12.8px} .uas-live-search--smart .uas-live-search__copy small{font-size:8px} .uas-live-search--smart .uas-live-search__item b{font-size:11px;padding:7px 9px} } @media(max-width:360px){ .uas-smart-finder__shell{padding:13px 10px 14px !important} .uas-smart-finder__intro{grid-template-columns:46px minmax(0,1fr);gap:10px} .uas-smart-finder__mark{width:46px;height:46px;border-radius:16px;font-size:19px} .uas-smart-finder__intro h2{font-size:14.7px} .uas-smart-finder__form, .uas-code-finder__form{grid-template-columns:34px minmax(0,1fr) 88px !important} .uas-smart-finder__form button, .uas-code-finder__form button{min-width:88px} .uas-live-search--smart .uas-live-search__item{ grid-template-columns:48px minmax(0,1fr); grid-template-areas:"image copy" "price price"; gap:9px; padding:9px; } .uas-live-search--smart .uas-live-search__item img{width:48px;height:48px;border-radius:12px} .uas-live-search--smart .uas-live-search__item b{ justify-self:start; margin:0 0 0 57px; font-size:10.7px; } .uas-live-search--smart .uas-live-search__copy strong{font-size:12px} } /* Ustasından Al — Mobile New Products premium component v0.6.9.27 */ @media(max-width:760px){ .uas-home-new{ padding:42px 0 46px !important; overflow:hidden; border-block:1px solid #eef0f6; background: radial-gradient(circle at 4% 0%,rgba(103,75,255,.08),transparent 24%), radial-gradient(circle at 96% 100%,rgba(133,84,255,.05),transparent 24%), linear-gradient(180deg,#fff 0%,#fafbff 100%) !important; } .uas-home-new .uas-section__head{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; margin-bottom:18px; } .uas-home-new .uas-section__head>div{min-width:0} .uas-home-new .uas-eyebrow{ font-size:9px !important; letter-spacing:.16em; color:#694fe1; } .uas-home-new .uas-section__head h2{ margin-top:7px; max-width:300px; font-size:29px !important; line-height:.98 !important; letter-spacing:-.055em !important; color:#101a35; } .uas-home-new .uas-section__head p{ display:block !important; max-width:360px; margin-top:10px; color:#7a8498; font-size:10px !important; line-height:1.55 !important; } .uas-home-new .uas-text-link{ min-height:44px; padding:0 14px; border:1px solid #e4def7; border-radius:16px; background:linear-gradient(180deg,#fff 0%,#faf8ff 100%); color:#5d45d8; box-shadow:0 10px 24px rgba(92,66,204,.07), inset 0 1px 0 rgba(255,255,255,.92); font-size:9px !important; font-weight:900; white-space:nowrap; } .uas-home-new .uas-text-link span{ margin-left:5px; font-size:12px; } .uas-home-new .uas-product-grid--new{ display:flex !important; gap:12px !important; margin-right:-16px; padding:2px 16px 10px 1px !important; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scroll-padding-inline:1px 16px; scrollbar-width:none; } .uas-home-new .uas-product-grid--new::-webkit-scrollbar{display:none} .uas-home-new .uas-product-grid--new .uas-product-card{ position:relative; flex:0 0 clamp(220px,68vw,258px) !important; min-width:0; scroll-snap-align:start; overflow:hidden; border:1px solid #e6e8f2; border-radius:24px !important; background:linear-gradient(180deg,#fff 0%,#fdfdff 100%); box-shadow:0 16px 34px rgba(16,24,40,.075), inset 0 1px 0 rgba(255,255,255,.96); transform:none !important; } .uas-home-new .uas-product-grid--new .uas-product-card::before{ content:""; position:absolute; inset:0 0 auto; height:3px; z-index:10; background:linear-gradient(90deg,#6a4cff 0%,#9a5cff 52%,#e24da7 100%); opacity:.9; } .uas-home-new .uas-product-card__media{ aspect-ratio:1.22/1 !important; min-height:0; padding:14px 14px 8px !important; background: radial-gradient(circle at 50% 36%,rgba(108,82,255,.05),transparent 42%), linear-gradient(180deg,#fbfbfe 0%,#f7f8fb 100%); border-bottom:1px solid #eef0f5; } .uas-home-new .uas-product-card__media>img{ width:100% !important; height:100% !important; max-width:100%; max-height:100%; object-fit:contain !important; object-position:center !important; mix-blend-mode:normal !important; transform:none !important; filter:none !important; } .uas-home-new .uas-product-card__badges{ left:10px; top:10px; gap:5px; } .uas-home-new .uas-product-card__new, .uas-home-new .uas-product-card__sale{ min-height:24px; padding:0 8px; border-radius:9px; font-size:7.5px; box-shadow:0 7px 15px rgba(20,27,52,.12); } .uas-home-new .uas-product-tools.is-compact{ top:10px; right:10px; gap:5px; padding:4px; border:1px solid rgba(221,224,235,.9); border-radius:999px; background:rgba(255,255,255,.93); box-shadow:0 10px 22px rgba(18,25,47,.10); backdrop-filter:blur(10px) saturate(1.2); } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{ width:30px; height:30px; border:0; border-radius:50%; background:transparent; color:#69738a; box-shadow:none; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool:hover, .uas-home-new .uas-product-tools.is-compact .uas-product-tool:focus-visible{ background:#f2efff; color:#6547e8; } .uas-home-new .uas-product-tool svg{ width:15px; height:15px; } .uas-home-new .uas-product-card__view{display:none !important} .uas-home-new .uas-product-card__body{ padding:13px 14px 14px !important; } .uas-home-new .uas-product-card__category{ margin-bottom:7px; color:#765fe2; font-size:8px !important; font-weight:950; letter-spacing:.11em; } .uas-home-new .uas-product-card h3{ min-height:42px !important; color:#121b35; font-size:14px !important; line-height:1.28 !important; letter-spacing:-.025em; } .uas-home-new .uas-product-card__meta{ min-height:25px; margin-top:8px; padding-bottom:8px; gap:7px; border-bottom:1px solid #eef0f4; color:#8992a4; font-size:8px !important; } .uas-home-new .uas-product-card__stock{ min-height:22px; padding:0 8px; border-radius:999px; background:#eff9f4; color:#23805a !important; font-weight:850; } .uas-home-new .uas-product-card__stock::before{ width:6px; height:6px; flex-basis:6px; } .uas-home-new .uas-product-card__bottom{ display:grid; gap:10px; margin-top:10px; padding-top:0; border-top:0; } .uas-home-new .uas-product-card__price{ display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; min-height:31px; color:#13203e; font-size:18px !important; font-weight:950; letter-spacing:-.035em; } .uas-home-new .uas-product-card__price del{ order:-1; margin-right:0; color:#9ca4b4; font-size:9px !important; font-weight:700; } .uas-home-new .uas-product-card__price ins{ color:#dd2b59; } .uas-home-new .uas-product-card__action .button{ min-height:46px !important; border-radius:15px !important; background:linear-gradient(135deg,#6448f6 0%,#754fff 55%,#9257ff 100%) !important; box-shadow:0 14px 26px rgba(101,71,245,.22), inset 0 1px 0 rgba(255,255,255,.16) !important; font-size:10px !important; letter-spacing:-.01em; } .uas-home-new .uas-product-card__action .button .uas-cart-glyph, .uas-home-new .uas-cart-glyph{ width:16px; height:16px; flex-basis:16px; margin-right:2px; } } @media(max-width:430px){ .uas-home-new{padding-top:38px !important;padding-bottom:42px !important} .uas-home-new .uas-section__head h2{font-size:27px !important;max-width:270px} .uas-home-new .uas-section__head p{font-size:9.5px !important} .uas-home-new .uas-text-link{min-height:42px;padding:0 12px;font-size:8.5px !important} .uas-home-new .uas-product-grid--new{ gap:10px !important; margin-right:-12px; padding-right:12px !important; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:clamp(214px,72vw,244px) !important; border-radius:22px !important; } .uas-home-new .uas-product-card__media{padding:13px 12px 8px !important} .uas-home-new .uas-product-tools.is-compact{top:9px;right:9px;gap:4px;padding:3px} .uas-home-new .uas-product-tools.is-compact .uas-product-tool{width:28px;height:28px} .uas-home-new .uas-product-card__body{padding:12px 13px 13px !important} .uas-home-new .uas-product-card h3{font-size:13.5px !important;min-height:40px !important} .uas-home-new .uas-product-card__price{font-size:17px !important} .uas-home-new .uas-product-card__action .button{min-height:44px !important;font-size:9.5px !important} } @media(max-width:360px){ .uas-home-new .uas-section__head{ grid-template-columns:1fr; gap:10px; } .uas-home-new .uas-text-link{ width:100%; justify-content:center; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:clamp(204px,78vw,226px) !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{width:27px;height:27px} .uas-home-new .uas-product-card h3{font-size:13px !important} .uas-home-new .uas-product-card__price{font-size:16px !important} } /* v0.6.9.27 — Mobile New Products final premium composition */ @media(max-width:760px){ .uas-home-new{ padding:36px 0 40px !important; background: radial-gradient(circle at 0% 0%,rgba(104,79,255,.07),transparent 25%), radial-gradient(circle at 100% 100%,rgba(143,86,255,.04),transparent 24%), linear-gradient(180deg,#fff 0%,#fbfcff 100%) !important; } .uas-home-new .uas-section__head{ grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-bottom:16px; } .uas-home-new .uas-eyebrow{ font-size:8.5px !important; letter-spacing:.15em; } .uas-home-new .uas-section__head h2{ margin-top:6px; max-width:280px; font-size:26px !important; line-height:1 !important; letter-spacing:-.05em !important; } .uas-home-new .uas-section__head p{ max-width:330px; margin-top:8px; font-size:9.6px !important; line-height:1.48 !important; } .uas-home-new .uas-text-link{ min-height:40px; padding:0 12px; border-radius:14px; font-size:8.5px !important; box-shadow:0 8px 20px rgba(92,66,204,.06), inset 0 1px 0 rgba(255,255,255,.94); } .uas-home-new .uas-product-grid--new{ gap:10px !important; margin-right:-12px; padding:2px 12px 8px 1px !important; scroll-padding-inline:1px 12px; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:clamp(202px,64vw,232px) !important; border-radius:22px !important; border-color:#e7e9f1; box-shadow:0 14px 30px rgba(16,24,40,.065), inset 0 1px 0 rgba(255,255,255,.96); } .uas-home-new .uas-product-grid--new .uas-product-card::before{ height:2px; opacity:.82; } .uas-home-new .uas-product-card__media{ aspect-ratio:1.30/1 !important; padding:12px 12px 7px !important; background: radial-gradient(circle at 50% 38%,rgba(109,84,255,.04),transparent 44%), linear-gradient(180deg,#fcfcfe 0%,#f8f9fc 100%); } .uas-home-new .uas-product-card__badges{ left:8px; top:8px; gap:4px; } .uas-home-new .uas-product-card__new, .uas-home-new .uas-product-card__sale{ min-height:22px; padding:0 7px; border-radius:8px; font-size:7px; } .uas-home-new .uas-product-tools.is-compact{ top:8px; right:8px; gap:2px; padding:3px; border-radius:999px; background:rgba(255,255,255,.95); box-shadow:0 8px 18px rgba(18,25,47,.08); } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{ width:27px; height:27px; } .uas-home-new .uas-product-tool svg{ width:14px; height:14px; } .uas-home-new .uas-product-card__body{ padding:11px 12px 12px !important; } .uas-home-new .uas-product-card__category{ margin-bottom:5px; font-size:7.4px !important; letter-spacing:.10em; } .uas-home-new .uas-product-card h3{ min-height:34px !important; font-size:12.6px !important; line-height:1.25 !important; } .uas-home-new .uas-product-card__meta{ min-height:22px; margin-top:6px; padding-bottom:7px; gap:6px; font-size:7.5px !important; } .uas-home-new .uas-product-card__stock{ min-height:20px; padding:0 7px; font-size:7.5px; } .uas-home-new .uas-product-card__stock::before{ width:5px; height:5px; flex-basis:5px; } .uas-home-new .uas-product-card__bottom{ gap:8px; margin-top:8px; } .uas-home-new .uas-product-card__price{ min-height:28px; font-size:16.5px !important; gap:4px; } .uas-home-new .uas-product-card__price del{ font-size:8px !important; } .uas-home-new .uas-product-card__action .button{ min-height:42px !important; border-radius:14px !important; background:linear-gradient(135deg,#15234e 0%,#263f87 48%,#6a4df4 100%) !important; box-shadow:0 12px 22px rgba(41,55,112,.16), inset 0 1px 0 rgba(255,255,255,.14) !important; font-size:9.2px !important; } .uas-home-new .uas-product-card__action .button:hover, .uas-home-new .uas-product-card__action .button:focus-visible{ background:linear-gradient(135deg,#132047 0%,#304a96 48%,#6548e8 100%) !important; } .uas-home-new .uas-product-card__action .button .uas-cart-glyph, .uas-home-new .uas-cart-glyph{ width:15px; height:15px; flex-basis:15px; margin-right:3px; } } @media(max-width:430px){ .uas-home-new{padding-top:34px !important;padding-bottom:38px !important} .uas-home-new .uas-section__head h2{font-size:25px !important;max-width:250px} .uas-home-new .uas-section__head p{font-size:9.2px !important} .uas-home-new .uas-text-link{min-height:38px;padding:0 11px;font-size:8.2px !important} .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:clamp(196px,62vw,224px) !important; border-radius:20px !important; } .uas-home-new .uas-product-card__media{padding:11px 10px 6px !important} .uas-home-new .uas-product-card__body{padding:10px 11px 11px !important} .uas-home-new .uas-product-card h3{font-size:12.2px !important;min-height:32px !important} .uas-home-new .uas-product-card__price{font-size:15.5px !important} .uas-home-new .uas-product-card__action .button{min-height:40px !important;font-size:9px !important} } @media(max-width:360px){ .uas-home-new .uas-section__head{grid-template-columns:1fr;gap:9px} .uas-home-new .uas-text-link{width:100%;justify-content:center} .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:clamp(188px,66vw,214px) !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{width:25px;height:25px} .uas-home-new .uas-product-card h3{font-size:11.8px !important} .uas-home-new .uas-product-card__price{font-size:15px !important} } /* v0.6.9.28 — Mobile New Products signature compact editorial polish */ @media(max-width:760px){ .uas-home-new{ padding:30px 0 34px !important; background: radial-gradient(circle at 0% 0%,rgba(103,74,255,.065),transparent 24%), radial-gradient(circle at 100% 100%,rgba(145,86,255,.05),transparent 24%), linear-gradient(180deg,#ffffff 0%,#fbfbff 56%,#f8f9fd 100%) !important; } .uas-home-new > .uas-container{ position:relative; } .uas-home-new .uas-section__head{ grid-template-columns:minmax(0,1fr) auto; gap:12px; margin-bottom:14px; } .uas-home-new .uas-section__head > div{ position:relative; padding:6px 0 0; } .uas-home-new .uas-section__head > div::before{ content:""; position:absolute; left:-10px; top:-8px; width:118px; height:118px; border-radius:50%; background:radial-gradient(circle,rgba(113,86,255,.12) 0%,rgba(113,86,255,.04) 46%,transparent 68%); filter:blur(2px); pointer-events:none; } .uas-home-new .uas-eyebrow{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:7px; font-size:8.5px !important; letter-spacing:.16em; } .uas-home-new .uas-section__head h2{ position:relative; z-index:1; max-width:250px; margin-top:5px; font-size:24px !important; line-height:.98 !important; letter-spacing:-.052em !important; } .uas-home-new .uas-section__head p{ position:relative; z-index:1; max-width:280px; margin-top:9px; font-size:9px !important; line-height:1.52 !important; color:#7b8497; } .uas-home-new .uas-text-link{ align-self:start; min-height:38px; padding:0 12px; border-radius:14px; border-color:#e8e2fb; background:linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%); box-shadow:0 10px 22px rgba(92,66,204,.05), inset 0 1px 0 rgba(255,255,255,.98); font-size:8.3px !important; } .uas-home-new .uas-product-grid--new{ gap:10px !important; margin-right:-10px; padding:2px 10px 8px 1px !important; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex:0 0 clamp(190px,58vw,214px) !important; border-radius:22px !important; border:1px solid #e8eaf3; background:linear-gradient(180deg,#ffffff 0%,#fcfcff 58%,#f9faff 100%); box-shadow:0 14px 28px rgba(17,24,39,.058), 0 2px 0 rgba(255,255,255,.9) inset; } .uas-home-new .uas-product-grid--new .uas-product-card::before{ height:2px; background:linear-gradient(90deg,#6b4df6 0%,#9158ff 54%,#ff4c8b 100%); opacity:.78; } .uas-home-new .uas-product-card__media{ aspect-ratio:1.04/1 !important; padding:10px 10px 6px !important; background: radial-gradient(circle at 50% 34%,rgba(111,84,255,.06),transparent 40%), linear-gradient(180deg,#fbfbfe 0%,#f6f8fc 100%); } .uas-home-new .uas-product-card__badges{ left:8px; top:8px; gap:4px; } .uas-home-new .uas-product-card__new, .uas-home-new .uas-product-card__sale{ min-height:21px; padding:0 7px; border-radius:8px; font-size:6.8px; } .uas-home-new .uas-product-tools.is-compact{ top:8px; right:8px; gap:2px; padding:3px; border:1px solid rgba(224,227,236,.95); box-shadow:0 8px 18px rgba(18,25,47,.07); } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{ width:26px; height:26px; color:#778093; } .uas-home-new .uas-product-tool svg{ width:13px; height:13px; } .uas-home-new .uas-product-card__body{ padding:10px 11px 11px !important; } .uas-home-new .uas-product-card__category{ margin-bottom:5px; font-size:7px !important; letter-spacing:.11em; } .uas-home-new .uas-product-card h3{ min-height:32px !important; font-size:11.5px !important; line-height:1.24 !important; } .uas-home-new .uas-product-card__meta{ min-height:22px; margin-top:6px; padding-bottom:7px; gap:6px; font-size:7px !important; } .uas-home-new .uas-product-card__stock{ min-height:19px; padding:0 7px; font-size:7px; } .uas-home-new .uas-product-card__bottom{ gap:8px; margin-top:7px; } .uas-home-new .uas-product-card__price{ min-height:26px; font-size:15px !important; line-height:1.02; gap:4px; } .uas-home-new .uas-product-card__price del{ font-size:7.5px !important; } .uas-home-new .uas-product-card__action .button{ min-height:38px !important; padding:0 10px !important; border-radius:13px !important; background:linear-gradient(112deg,#171c40 0%,#2c3271 42%,#6d4ef7 100%) !important; box-shadow:0 10px 20px rgba(37,50,108,.14), inset 0 1px 0 rgba(255,255,255,.14) !important; font-size:8.8px !important; gap:6px !important; } .uas-home-new .uas-product-card__action .button .uas-cart-glyph, .uas-home-new .uas-cart-glyph{ width:14px; height:14px; flex-basis:14px; margin-right:2px; } } @media(max-width:430px){ .uas-home-new .uas-section__head h2{max-width:235px;font-size:22.5px !important} .uas-home-new .uas-section__head p{max-width:260px;font-size:8.7px !important} .uas-home-new .uas-text-link{min-height:36px;padding:0 10px;font-size:8px !important} .uas-home-new .uas-product-grid--new .uas-product-card{flex-basis:clamp(184px,56vw,204px) !important} .uas-home-new .uas-product-card__media{padding:9px 9px 6px !important} .uas-home-new .uas-product-card__body{padding:9px 10px 10px !important} .uas-home-new .uas-product-card h3{font-size:11px !important} .uas-home-new .uas-product-card__price{font-size:14.4px !important} .uas-home-new .uas-product-card__action .button{min-height:36px !important;font-size:8.5px !important} } @media(max-width:360px){ .uas-home-new .uas-section__head{grid-template-columns:1fr;gap:9px} .uas-home-new .uas-section__head h2{max-width:220px} .uas-home-new .uas-text-link{width:100%;justify-content:center} .uas-home-new .uas-product-grid--new .uas-product-card{flex-basis:clamp(176px,60vw,194px) !important} .uas-home-new .uas-product-tools.is-compact .uas-product-tool{width:24px;height:24px} .uas-home-new .uas-product-card h3{font-size:10.7px !important} } /* v0.6.9.34 — Luxury marketplace mobile card layout */ @media(max-width:760px){ .uas-home-new .uas-product-grid--new .uas-product-card{ position:relative; overflow:hidden; border:1px solid #e8eaf2; border-radius:22px !important; background:linear-gradient(180deg,#fff 0%,#fcfcff 100%); box-shadow:0 16px 34px rgba(18,25,47,.07), inset 0 1px 0 rgba(255,255,255,.96); } .uas-home-new .uas-product-grid--new .uas-product-card::before{ height:2px; opacity:.82; background:linear-gradient(90deg,#6a4df4 0%,#8c5cff 55%,#f05ca7 100%); } .uas-home-new .uas-product-card__media-shell{ position:relative; isolation:isolate; overflow:hidden; border-radius:22px 22px 0 0; background:linear-gradient(180deg,#fafaff 0%,#f6f7fb 100%); } .uas-home-new .uas-product-card__media{ position:relative; z-index:1; border-radius:22px 22px 0 0; padding:12px 12px 10px !important; background: radial-gradient(circle at 26% 14%,rgba(108,77,244,.09),transparent 26%), linear-gradient(180deg,#fbfbfe 0%,#f6f7fb 100%) !important; } .uas-home-new .uas-product-card__media>img{ border-radius:17px; } /* Information badges: premium horizontal pair */ .uas-home-new .uas-product-card__badges{ z-index:6 !important; top:12px !important; left:12px !important; right:auto !important; display:flex !important; flex-direction:row !important; align-items:center !important; flex-wrap:nowrap !important; gap:6px !important; max-width:calc(100% - 70px) !important; } .uas-home-new .uas-product-card__new, .uas-home-new .uas-product-card__sale{ min-height:25px !important; padding:0 10px !important; border-radius:999px !important; font-size:7.3px !important; line-height:1 !important; font-weight:900 !important; letter-spacing:.01em !important; box-shadow:0 9px 18px rgba(18,25,47,.15), inset 0 1px 0 rgba(255,255,255,.20) !important; } .uas-home-new .uas-product-card__new{ background:linear-gradient(135deg,#6348f5 0%,#8059ff 100%) !important; } .uas-home-new .uas-product-card__sale{ background:linear-gradient(135deg,#ff2d6b 0%,#ff5a74 100%) !important; } /* Luxury marketplace action rail: right side of image */ .uas-home-new .uas-product-tools.is-compact{ position:absolute !important; z-index:8 !important; top:50% !important; right:10px !important; bottom:auto !important; left:auto !important; transform:translateY(-46%) !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:6px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{ width:33px !important; height:33px !important; flex:0 0 33px !important; padding:0 !important; border:1px solid rgba(224,228,239,.96) !important; border-radius:12px !important; background:rgba(255,255,255,.92) !important; color:#697386 !important; box-shadow:0 10px 22px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.98) !important; backdrop-filter:blur(10px) saturate(1.2); } .uas-home-new .uas-product-tools.is-compact .uas-product-tool--wishlist{order:1} .uas-home-new .uas-product-tools.is-compact .uas-product-tool--quick{ order:2; border-color:rgba(100,72,245,.22) !important; background:linear-gradient(180deg,rgba(248,246,255,.96),rgba(239,234,255,.94)) !important; color:#6148dd !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool--compare{ order:3; background:rgba(255,255,255,.80) !important; color:#8790a1 !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool[aria-pressed=true], .uas-home-new .uas-product-tools.is-compact .uas-product-tool:hover, .uas-home-new .uas-product-tools.is-compact .uas-product-tool:focus-visible{ transform:translateY(-1px) !important; border-color:rgba(100,72,245,.30) !important; background:linear-gradient(180deg,#f7f4ff 0%,#ece6ff 100%) !important; color:#5b3fd8 !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool svg{ width:15px !important; height:15px !important; } .uas-home-new .uas-product-card__body{ padding:11px 12px 12px !important; } .uas-home-new .uas-product-card__category{ margin-bottom:5px; font-size:7.3px !important; letter-spacing:.11em; } .uas-home-new .uas-product-card h3{ min-height:32px !important; font-size:12px !important; line-height:1.24 !important; } .uas-home-new .uas-product-card__meta{ margin-top:7px; gap:7px; padding-bottom:7px; } .uas-home-new .uas-product-card__price{ min-height:27px; font-size:15.5px !important; line-height:1.04; } .uas-home-new .uas-product-card__action .button{ position:relative; min-height:40px !important; padding:0 14px !important; border-radius:14px !important; background:linear-gradient(110deg,#171c40 0%,#2f3475 45%,#704cf6 100%) !important; box-shadow:0 12px 22px rgba(35,48,108,.16), inset 0 1px 0 rgba(255,255,255,.15) !important; font-size:9px !important; } .uas-home-new .uas-product-card__action .button::after{ content:"→"; margin-left:auto; font-size:12px; line-height:1; opacity:.9; } } @media(max-width:430px){ .uas-home-new .uas-product-card__badges{ top:10px !important; left:10px !important; gap:5px !important; } .uas-home-new .uas-product-card__new, .uas-home-new .uas-product-card__sale{ min-height:23px !important; padding:0 9px !important; font-size:6.9px !important; } .uas-home-new .uas-product-tools.is-compact{ right:8px !important; gap:5px !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{ width:30px !important; height:30px !important; flex-basis:30px !important; border-radius:11px !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool svg{ width:14px !important; height:14px !important; } } @media(max-width:360px){ .uas-home-new .uas-product-tools.is-compact{ right:7px !important; gap:4px !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{ width:27px !important; height:27px !important; flex-basis:27px !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool svg{ width:13px !important; height:13px !important; } .uas-home-new .uas-product-card__action .button{ padding:0 11px !important; } } /* v0.6.9.35 — Mobile 2-up card fit + stronger premium CTA */ @media(max-width:760px){ /* Exactly two cards fit inside the mobile content width while preserving horizontal discovery. */ .uas-home-new .uas-product-grid--new{ display:flex !important; gap:10px !important; margin-right:0 !important; padding:2px 0 10px !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; scroll-padding-inline:0 !important; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex:0 0 calc((100% - 10px)/2) !important; width:calc((100% - 10px)/2) !important; min-width:0 !important; max-width:none !important; scroll-snap-align:start !important; } /* Keep media balanced after reducing card width. */ .uas-home-new .uas-product-card__media{ padding:10px 10px 9px !important; } .uas-home-new .uas-product-card__media>img{ width:100% !important; height:100% !important; object-fit:contain !important; } /* Slightly tighten content without making it feel cramped. */ .uas-home-new .uas-product-card__body{ padding:10px 10px 11px !important; } .uas-home-new .uas-product-card h3{ min-height:34px !important; font-size:11.7px !important; line-height:1.22 !important; } .uas-home-new .uas-product-card__meta{ gap:5px !important; } .uas-home-new .uas-product-card__meta > *{ min-width:0; } /* CTA closer to the approved mockup: larger type, stronger icon, clearer spacing. */ .uas-home-new .uas-product-card__action .button{ min-height:44px !important; padding:0 11px !important; border-radius:15px !important; font-size:10.8px !important; font-weight:950 !important; line-height:1 !important; letter-spacing:-.015em !important; gap:8px !important; white-space:nowrap !important; background:linear-gradient(108deg,#151a3d 0%,#30367d 43%,#724cff 100%) !important; box-shadow:0 13px 24px rgba(35,48,108,.18), inset 0 1px 0 rgba(255,255,255,.16) !important; } .uas-home-new .uas-product-card__action .button .uas-cart-glyph, .uas-home-new .uas-cart-glyph{ width:16px !important; height:16px !important; flex-basis:16px !important; margin-right:1px !important; } .uas-home-new .uas-product-card__action .button::after{ margin-left:auto !important; font-size:13px !important; font-weight:800 !important; } /* Keep overlay controls proportional on the narrower two-up cards. */ .uas-home-new .uas-product-card__badges{ max-width:calc(100% - 52px) !important; } .uas-home-new .uas-product-card__new, .uas-home-new .uas-product-card__sale{ min-height:23px !important; padding:0 8px !important; font-size:6.8px !important; } .uas-home-new .uas-product-tools.is-compact{ right:7px !important; gap:4px !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool{ width:28px !important; height:28px !important; flex-basis:28px !important; border-radius:10px !important; } .uas-home-new .uas-product-tools.is-compact .uas-product-tool svg{ width:13px !important; height:13px !important; } } @media(max-width:430px){ .uas-home-new .uas-product-grid--new{ gap:8px !important; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:calc((100% - 8px)/2) !important; width:calc((100% - 8px)/2) !important; } .uas-home-new .uas-product-card__body{ padding:9px 9px 10px !important; } .uas-home-new .uas-product-card h3{ font-size:11px !important; } .uas-home-new .uas-product-card__action .button{ min-height:42px !important; padding:0 9px !important; font-size:10.2px !important; gap:7px !important; } .uas-home-new .uas-product-card__action .button .uas-cart-glyph, .uas-home-new .uas-cart-glyph{ width:15px !important; height:15px !important; flex-basis:15px !important; } .uas-home-new .uas-product-card__action .button::after{ font-size:12px !important; } } @media(max-width:390px){ .uas-home-new .uas-product-grid--new{ gap:7px !important; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:calc((100% - 7px)/2) !important; width:calc((100% - 7px)/2) !important; } .uas-home-new .uas-product-card__action .button{ min-height:41px !important; padding:0 8px !important; font-size:9.9px !important; } } @media(max-width:360px){ .uas-home-new .uas-product-grid--new{ gap:6px !important; } .uas-home-new .uas-product-grid--new .uas-product-card{ flex-basis:calc((100% - 6px)/2) !important; width:calc((100% - 6px)/2) !important; } .uas-home-new .uas-product-card__action .button{ min-height:40px !important; padding:0 7px !important; font-size:9.4px !important; gap:6px !important; } .uas-home-new .uas-product-card__action .button::after{ font-size:11px !important; } } /* v0.6.9.36 — Mobile CTA icon + label true-center fix */ @media(max-width:760px){ .uas-home-new .uas-product-card__action .button{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; padding-left:34px !important; padding-right:34px !important; text-align:center !important; } .uas-home-new .uas-product-card__action .button .uas-cart-glyph, .uas-home-new .uas-cart-glyph{ margin:0 !important; } .uas-home-new .uas-product-card__action .button::after{ position:absolute !important; right:12px !important; top:50% !important; margin:0 !important; transform:translateY(-50%) !important; line-height:1 !important; } } @media(max-width:430px){ .uas-home-new .uas-product-card__action .button{ padding-left:30px !important; padding-right:30px !important; } .uas-home-new .uas-product-card__action .button::after{ right:10px !important; } } @media(max-width:360px){ .uas-home-new .uas-product-card__action .button{ padding-left:27px !important; padding-right:27px !important; } .uas-home-new .uas-product-card__action .button::after{ right:8px !important; } } /* Ustasından Al — Fırsatlar premium showcase * v0.6.9.38 * Mobile visual QA: restore product info visibility, reduce excess whitespace, tighten summary height. */ .uas-deals{ position:relative; overflow:hidden; isolation:isolate; background: radial-gradient(circle at 84% 14%,rgba(105,70,255,.26),transparent 31%), radial-gradient(circle at 14% 96%,rgba(64,104,255,.13),transparent 34%), linear-gradient(135deg,#071631 0%,#101b4d 48%,#3523a0 100%); color:#fff; } .uas-deals::before{ content:""; position:absolute; inset:-18% -14% auto auto; width:62vw; max-width:920px; aspect-ratio:1/1; border-radius:50%; background:conic-gradient(from 220deg,transparent 0 31%,rgba(111,76,255,.20) 38%,transparent 49% 100%); filter:blur(2px); pointer-events:none; z-index:-1; } .uas-deals::after{ content:""; position:absolute; left:-18%; bottom:-34%; width:62vw; max-width:760px; aspect-ratio:1/1; border-radius:50%; border:1px solid rgba(134,111,255,.10); box-shadow:0 0 0 70px rgba(103,75,244,.035),0 0 0 140px rgba(103,75,244,.025); pointer-events:none; z-index:-1; } .uas-deals>.uas-container{position:relative;z-index:1} .uas-deals__head{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:24px; margin-bottom:24px; } .uas-deals__head>div{max-width:760px} .uas-deals__head .uas-eyebrow{ display:inline-flex; align-items:center; gap:12px; font-size:10px; letter-spacing:.20em; color:#c9c3ff; } .uas-deals__head .uas-eyebrow::before{ content:""; width:42px; height:3px; border-radius:999px; background:linear-gradient(90deg,#7656ff,#a066ff); box-shadow:0 0 20px rgba(118,86,255,.45); } .uas-deals__head h2{ max-width:680px; margin:10px 0 0; font-size:clamp(36px,4vw,60px); line-height:.98; letter-spacing:-.052em; color:#fff; } .uas-deals__head p{ max-width:680px; margin:14px 0 0; color:#c4c9dc; font-size:14px; line-height:1.6; } .uas-deals__all{ display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:58px; padding:0 24px; border:1px solid rgba(192,182,255,.33); border-radius:20px; background:linear-gradient(180deg,rgba(98,73,215,.32),rgba(54,45,145,.24)); color:#fff; font-size:13px; font-weight:900; white-space:nowrap; box-shadow:0 16px 34px rgba(13,20,59,.20),inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter:blur(12px); } .uas-deals__all span{font-size:18px} .uas-deals__layout{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:18px; align-items:stretch; } .uas-deals__summary{ position:relative; overflow:hidden; min-height:430px; padding:34px 28px 28px; border:1px solid rgba(153,146,255,.30); border-radius:30px; background: radial-gradient(circle at 14% 36%,rgba(99,75,255,.24),transparent 28%), radial-gradient(circle at 84% 80%,rgba(97,70,255,.13),transparent 30%), linear-gradient(150deg,rgba(31,41,108,.86) 0%,rgba(22,28,79,.82) 58%,rgba(37,29,114,.84) 100%); box-shadow:0 24px 60px rgba(3,8,28,.28),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(14px); display:flex; flex-direction:column; align-items:center; text-align:center; } .uas-deals__summary::before{ content:"%"; position:absolute; left:22px; top:50%; transform:translateY(-44%) rotate(-14deg); display:grid; place-items:center; width:92px; height:116px; border-radius:24px 24px 30px 24px; background:linear-gradient(145deg,#8f7cff 0%,#6d4eff 58%,#4938c4 100%); color:#fff; font-size:48px; font-weight:950; text-shadow:0 2px 18px rgba(255,255,255,.30); box-shadow:0 18px 38px rgba(59,39,191,.34),inset 0 1px 0 rgba(255,255,255,.26),0 0 0 1px rgba(201,195,255,.20); opacity:.86; pointer-events:none; } .uas-deals__summary::after{ content:"Ustasından\A Al"; white-space:pre; position:absolute; right:24px; top:52%; transform:translateY(-50%) rotate(-7deg); color:rgba(150,131,255,.46); font-family:cursive; font-size:28px; line-height:.9; text-align:center; pointer-events:none; } .uas-deals__summary-kicker{ position:relative; z-index:1; display:flex; align-items:center; gap:14px; color:#d6d7e7; font-size:12px; font-weight:850; } .uas-deals__summary-kicker::before, .uas-deals__summary-kicker::after{ content:""; width:42px; height:2px; border-radius:999px; background:linear-gradient(90deg,transparent,#6f58ff); } .uas-deals__summary-kicker::after{background:linear-gradient(90deg,#6f58ff,transparent)} .uas-deals__metric, .uas-deals__countdown strong{ position:relative; z-index:1; margin-top:24px; color:#fff; font-size:64px; font-weight:950; line-height:.92; letter-spacing:-.045em; text-shadow:0 8px 28px rgba(99,75,255,.28); } .uas-deals__countdown{position:relative;z-index:1;margin-top:20px} .uas-deals__countdown strong{margin-top:0;font-size:36px;letter-spacing:.03em} .uas-deals__countdown small, .uas-deals__summary>small{ position:relative; z-index:1; display:block; margin-top:12px; color:#aeb6cf; font-size:11px; line-height:1.45; } .uas-deals__summary>a{ position:relative; z-index:1; align-self:center; display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:56px; margin-top:auto; padding:0 28px; border:1px solid rgba(206,199,255,.18); border-radius:18px; background:linear-gradient(135deg,#7248ff 0%,#5d39ef 100%); color:#fff; font-size:14px; font-weight:950; box-shadow:0 16px 32px rgba(74,50,224,.28),inset 0 1px 0 rgba(255,255,255,.16); } /* Desktop cards: keep the marketplace language consistent with Yeni Ürünler. */ .uas-deals .uas-product-grid--deals{gap:14px} .uas-deals .uas-product-card{ border:1px solid rgba(255,255,255,.20); border-radius:22px; background:linear-gradient(180deg,#fff 0%,#fbfbff 100%); box-shadow:0 20px 42px rgba(0,0,0,.14); } @media(max-width:1024px){ .uas-deals__layout{grid-template-columns:1fr;gap:16px} .uas-deals__summary{ min-height:300px; padding:28px; } .uas-deals__summary::before{left:9%;width:78px;height:98px;font-size:40px} .uas-deals__summary::after{right:10%;font-size:24px} } @media(max-width:760px){ .uas-deals{ padding:44px 0 48px !important; background: radial-gradient(circle at 76% 8%,rgba(105,70,255,.22),transparent 32%), linear-gradient(155deg,#071631 0%,#101b4d 53%,#2d2390 100%) !important; } .uas-deals>.uas-container{ width:min(calc(100% - 20px),var(--uas-container)) !important; } .uas-deals__head{ grid-template-columns:minmax(0,1fr) auto; gap:12px; margin-bottom:20px; } .uas-deals__head .uas-eyebrow{ font-size:8px !important; letter-spacing:.18em; gap:8px; } .uas-deals__head .uas-eyebrow::before{width:30px;height:2px} .uas-deals__head h2{ max-width:260px; margin-top:8px; font-size:29px !important; line-height:.99 !important; letter-spacing:-.05em !important; } .uas-deals__head p{ max-width:300px; margin-top:10px; font-size:10px !important; line-height:1.55; } .uas-deals__all{ align-self:start; min-height:44px !important; padding:0 12px !important; border-radius:15px; font-size:8.5px !important; gap:8px; } .uas-deals__all span{font-size:13px} .uas-deals__layout{ display:block !important; } .uas-deals__summary{ min-height:214px !important; margin-bottom:14px; padding:18px 16px 16px !important; border-radius:24px; background: radial-gradient(circle at 8% 60%,rgba(106,77,255,.18),transparent 24%), linear-gradient(150deg,rgba(27,38,102,.90),rgba(23,28,79,.88) 56%,rgba(41,31,118,.90)); } .uas-deals__summary::before{ left:14px; top:58%; width:54px; height:68px; border-radius:16px 16px 20px 16px; font-size:28px; opacity:.68; } .uas-deals__summary::after{ right:14px; top:58%; font-size:16px; opacity:.72; } .uas-deals__summary-kicker{ font-size:8.2px !important; gap:8px; } .uas-deals__summary-kicker::before, .uas-deals__summary-kicker::after{width:24px} .uas-deals__metric, .uas-deals__countdown strong{ margin-top:14px; font-size:38px !important; } .uas-deals__countdown strong{font-size:24px !important} .uas-deals__countdown small, .uas-deals__summary>small{ margin-top:6px; font-size:8px !important; } .uas-deals__summary>a{ min-height:42px !important; margin-top:auto !important; padding:0 16px !important; border-radius:14px; font-size:9.4px !important; } /* Same two-up product card system as Yeni Ürünler. */ .uas-deals .uas-product-grid--deals{ display:flex !important; gap:10px !important; margin:0 !important; padding:2px 0 10px !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; scrollbar-width:none; } .uas-deals .uas-product-grid--deals::-webkit-scrollbar{display:none} .uas-deals .uas-product-grid--deals .uas-product-card{ position:relative; overflow:hidden; flex:0 0 calc((100% - 10px)/2) !important; width:calc((100% - 10px)/2) !important; min-width:0 !important; max-width:none !important; scroll-snap-align:start !important; border:1px solid rgba(230,232,241,.98) !important; border-radius:22px !important; background:linear-gradient(180deg,#fff 0%,#fcfcff 100%) !important; box-shadow:0 16px 34px rgba(3,8,28,.18),inset 0 1px 0 rgba(255,255,255,.96) !important; } .uas-deals .uas-product-grid--deals .uas-product-card::before{ content:""; position:absolute; z-index:3; left:0;right:0;top:0; height:2px; background:linear-gradient(90deg,#6a4df4 0%,#8c5cff 55%,#f05ca7 100%); opacity:.82; } .uas-deals .uas-product-card__media-shell{ position:relative; isolation:isolate; overflow:hidden; border-radius:22px 22px 0 0; background:linear-gradient(180deg,#fafaff 0%,#f6f7fb 100%); } .uas-deals .uas-product-card__media{ position:relative; z-index:1; aspect-ratio:1.05/1 !important; padding:10px 10px 9px !important; border-radius:22px 22px 0 0; background: radial-gradient(circle at 26% 14%,rgba(108,77,244,.09),transparent 26%), linear-gradient(180deg,#fbfbfe 0%,#f6f7fb 100%) !important; } .uas-deals .uas-product-card__media>img{ width:100% !important; height:100% !important; object-fit:contain !important; border-radius:17px; } .uas-deals .uas-product-card__badges{ z-index:6 !important; top:10px !important; left:10px !important; right:auto !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; gap:5px !important; max-width:calc(100% - 52px) !important; } .uas-deals .uas-product-card__new, .uas-deals .uas-product-card__sale{ min-height:23px !important; padding:0 8px !important; border-radius:999px !important; font-size:6.8px !important; font-weight:900 !important; line-height:1 !important; box-shadow:0 9px 18px rgba(18,25,47,.15),inset 0 1px 0 rgba(255,255,255,.20) !important; } .uas-deals .uas-product-card__new{background:linear-gradient(135deg,#6348f5 0%,#8059ff 100%) !important} .uas-deals .uas-product-card__sale{background:linear-gradient(135deg,#ff2d6b 0%,#ff5a74 100%) !important} .uas-deals .uas-product-tools.is-compact{ position:absolute !important; z-index:8 !important; top:50% !important; right:7px !important; bottom:auto !important; left:auto !important; transform:translateY(-46%) !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:4px !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } .uas-deals .uas-product-tools.is-compact .uas-product-tool{ width:28px !important; height:28px !important; flex:0 0 28px !important; padding:0 !important; border:1px solid rgba(224,228,239,.96) !important; border-radius:10px !important; background:rgba(255,255,255,.92) !important; color:#697386 !important; box-shadow:0 10px 22px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.98) !important; backdrop-filter:blur(10px) saturate(1.2); } .uas-deals .uas-product-tools.is-compact .uas-product-tool--wishlist{order:1} .uas-deals .uas-product-tools.is-compact .uas-product-tool--quick{ order:2; border-color:rgba(100,72,245,.22) !important; background:linear-gradient(180deg,rgba(248,246,255,.96),rgba(239,234,255,.94)) !important; color:#6148dd !important; } .uas-deals .uas-product-tools.is-compact .uas-product-tool--compare{order:3;background:rgba(255,255,255,.80) !important;color:#8790a1 !important} .uas-deals .uas-product-tools.is-compact .uas-product-tool svg{width:13px !important;height:13px !important} .uas-deals .uas-product-card__body{ padding:12px 10px 11px !important; } .uas-deals .uas-product-card__category{ display:block !important; margin-bottom:6px; color:#7d6ceb !important; font-size:7.2px !important; letter-spacing:.11em; } .uas-deals .uas-product-card h3{ min-height:0 !important; margin:0 0 8px !important; color:#141c36 !important; font-size:11px !important; line-height:1.24 !important; } .uas-deals .uas-product-card h3 a{ color:#141c36 !important; } .uas-deals .uas-product-card__meta{ margin-top:0; gap:5px !important; flex-wrap:wrap !important; row-gap:4px !important; min-height:0 !important; padding-bottom:8px; color:#8f96a8 !important; font-size:7px !important; } .uas-deals .uas-product-card__meta > span{ max-width:100%; } .uas-deals .uas-product-card__stock{ min-height:20px; padding:0 7px; font-size:7px; } .uas-deals .uas-product-card__price{ min-height:27px; font-size:15px !important; line-height:1.04; } .uas-deals .uas-product-card__price del{font-size:7.5px !important} .uas-deals .uas-product-card__bottom{ gap:8px !important; margin-top:auto !important; padding-top:8px !important; border-top:1px solid #edf1f6 !important; } .uas-deals .uas-product-card__action .button{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:42px !important; padding-left:30px !important; padding-right:30px !important; border-radius:15px !important; background:linear-gradient(108deg,#151a3d 0%,#30367d 43%,#724cff 100%) !important; color:#fff !important; font-size:10.2px !important; font-weight:950 !important; line-height:1 !important; letter-spacing:-.015em !important; gap:7px !important; white-space:nowrap !important; box-shadow:0 13px 24px rgba(35,48,108,.22),inset 0 1px 0 rgba(255,255,255,.16) !important; } .uas-deals .uas-product-card__action .button .uas-cart-glyph, .uas-deals .uas-cart-glyph{ width:15px !important; height:15px !important; flex-basis:15px !important; margin:0 !important; } .uas-deals .uas-product-card__action .button::after{ content:"→"; position:absolute !important; right:10px !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; font-size:12px !important; line-height:1 !important; opacity:.9; } } @media(max-width:430px){ .uas-deals>.uas-container{width:min(calc(100% - 16px),var(--uas-container)) !important} .uas-deals__head h2{max-width:230px;font-size:25px !important} .uas-deals__head p{max-width:250px;font-size:9px !important} .uas-deals__all{min-height:40px !important;padding:0 10px !important;font-size:7.7px !important} .uas-deals__summary{min-height:198px !important;padding:16px 13px 14px !important;border-radius:22px} .uas-deals__summary::before{left:12px;width:48px;height:60px;font-size:25px} .uas-deals__summary::after{right:12px;font-size:14px} .uas-deals .uas-product-grid--deals{gap:8px !important} .uas-deals .uas-product-grid--deals .uas-product-card{flex-basis:calc((100% - 8px)/2) !important;width:calc((100% - 8px)/2) !important} .uas-deals .uas-product-card__action .button{min-height:41px !important;font-size:9.9px !important} } @media(max-width:390px){ .uas-deals .uas-product-grid--deals{gap:7px !important} .uas-deals .uas-product-grid--deals .uas-product-card{flex-basis:calc((100% - 7px)/2) !important;width:calc((100% - 7px)/2) !important} .uas-deals .uas-product-card__action .button{min-height:40px !important;padding-left:28px !important;padding-right:28px !important;font-size:9.5px !important} .uas-deals .uas-product-card__action .button::after{right:8px !important;font-size:11px !important} } @media(max-width:360px){ .uas-deals__head{grid-template-columns:1fr;gap:10px} .uas-deals__all{justify-self:start} .uas-deals__summary::after{display:none} .uas-deals .uas-product-grid--deals{gap:6px !important} .uas-deals .uas-product-grid--deals .uas-product-card{flex-basis:calc((100% - 6px)/2) !important;width:calc((100% - 6px)/2) !important} .uas-deals .uas-product-card__action .button{min-height:39px !important;padding-left:27px !important;padding-right:27px !important;font-size:9.1px !important} } /* Ustasından Al — premium footer accordion * v0.6.9.43 * Mobile-only accordion behavior; desktop footer remains fully expanded. */ .uas-footer__accordion-toggle{ appearance:none; width:100%; margin:0 0 4px; padding:0; border:0; background:transparent; color:#fff; display:flex; align-items:center; text-align:left; cursor:default; } .uas-footer__accordion-copy{display:flex;flex-direction:column;gap:2px;min-width:0} .uas-footer__accordion-copy strong{font-size:15px;line-height:1.2;letter-spacing:-.02em;color:#fff} .uas-footer__accordion-copy small, .uas-footer__accordion-icon, .uas-footer__accordion-chevron{display:none} .uas-footer__accordion-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%} @media (max-width:760px){ .uas-footer{ background: radial-gradient(circle at 84% 5%,rgba(101,68,255,.28),transparent 27%), radial-gradient(circle at 14% 76%,rgba(45,93,224,.16),transparent 30%), linear-gradient(155deg,#061330 0%,#0a1a45 46%,#161b60 100%); } .uas-footer__top{gap:12px!important} .uas-footer__brand{ padding:18px 16px!important; border:1px solid rgba(134,151,225,.22)!important; background: radial-gradient(circle at 82% 8%,rgba(111,78,255,.13),transparent 34%), linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important; box-shadow:0 22px 50px rgba(4,11,32,.24),inset 0 1px 0 rgba(255,255,255,.06)!important; } .uas-footer__logo{ padding:12px 15px!important; border-radius:20px!important; background:#fff!important; box-shadow:0 16px 36px rgba(0,0,0,.17)!important; } .uas-footer__brand p{ margin-top:16px!important; color:#c9d2e8!important; font-size:12.5px!important; line-height:1.72!important; } .uas-footer__trust{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; margin-top:16px!important; } .uas-footer__trust span{ position:relative; min-height:48px; padding:0 42px 0 14px!important; border:1px solid rgba(144,158,218,.18)!important; border-radius:17px!important; background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))!important; color:#e0e6f4!important; font-size:11px!important; font-weight:850!important; } .uas-footer__trust span::after{ content:"›"; position:absolute; right:16px; top:50%; transform:translateY(-52%); color:#8b73ff; font-size:22px; font-weight:500; } .uas-footer__trust i{ width:9px!important; height:9px!important; background:#7860ff!important; box-shadow:0 0 0 7px rgba(117,91,255,.12)!important; } .uas-footer__col.uas-footer__accordion{ display:block!important; padding:10px!important; border:1px solid rgba(134,151,225,.20)!important; border-radius:24px!important; background: radial-gradient(circle at 88% 12%,rgba(111,78,255,.09),transparent 34%), linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024))!important; box-shadow:0 18px 42px rgba(4,11,32,.20),inset 0 1px 0 rgba(255,255,255,.055)!important; } .uas-footer__accordion-toggle, .uas-footer__col .uas-footer__accordion-toggle{ display:grid!important; grid-template-columns:48px minmax(0,1fr) 40px!important; gap:12px!important; align-items:center!important; min-height:68px!important; margin:0!important; padding:8px 8px!important; border:0!important; border-radius:18px!important; background:transparent!important; box-shadow:none!important; color:#fff!important; text-align:left!important; transform:none!important; cursor:pointer!important; } .uas-footer__accordion-toggle::after{display:none!important} .uas-footer__accordion-icon{ display:grid!important; place-items:center; width:48px; height:48px; border-radius:16px; background:linear-gradient(145deg,#4931bd 0%,#6e45f5 100%); color:#fff; box-shadow:0 12px 28px rgba(82,52,222,.28),inset 0 1px 0 rgba(255,255,255,.14); } .uas-footer__accordion-icon svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .uas-footer__accordion-copy{ display:flex!important; flex-direction:column; gap:4px; min-width:0; } .uas-footer__accordion-copy strong{ color:#fff!important; font-size:15px!important; line-height:1.12; letter-spacing:-.02em; } .uas-footer__accordion-copy small{ display:block!important; overflow:hidden; color:#aeb9d4!important; font-size:9.8px!important; font-weight:600!important; line-height:1.35; white-space:nowrap; text-overflow:ellipsis; } .uas-footer__accordion-chevron{ display:grid!important; place-items:center; width:40px; height:40px; justify-self:end; border:1px solid rgba(139,116,255,.22); border-radius:14px; background:rgba(105,77,234,.10); color:#8d72ff; transition:transform .22s ease,background .22s ease,border-color .22s ease; } .uas-footer__accordion-chevron svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; } .uas-footer__accordion.is-open .uas-footer__accordion-chevron{ transform:rotate(180deg); background:rgba(105,77,234,.18); border-color:rgba(139,116,255,.32); } .uas-footer__accordion-body{ display:flex!important; flex-direction:column; gap:8px!important; max-height:0; margin-top:0; opacity:0; overflow:hidden; visibility:hidden; pointer-events:none; transition:max-height .28s ease,opacity .20s ease,margin-top .28s ease,visibility .20s ease; } .uas-footer__accordion.is-open .uas-footer__accordion-body{ max-height:360px; margin-top:8px; opacity:1; visibility:visible; pointer-events:auto; } .uas-footer__accordion-body>a, .uas-footer__accordion-body>button{ position:relative; display:flex!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; min-height:46px!important; margin:0!important; padding:0 42px 0 14px!important; border:1px solid rgba(143,156,216,.16)!important; border-radius:15px!important; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022))!important; color:#e2e7f3!important; font-size:11.5px!important; font-weight:760!important; text-align:left!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; transform:none!important; } .uas-footer__accordion-body>a::after, .uas-footer__accordion-body>button::after{ content:"›"!important; position:absolute; right:15px; top:50%; transform:translateY(-52%)!important; color:#8c72ff!important; font-size:20px!important; opacity:1!important; } .uas-footer__accordion-body>a:hover, .uas-footer__accordion-body>button:hover, .uas-footer__accordion-body>a:focus-visible, .uas-footer__accordion-body>button:focus-visible{ background:rgba(255,255,255,.07)!important; border-color:rgba(139,116,255,.32)!important; } .uas-footer__bottom{ margin-top:14px!important; } } @media (max-width:430px){ .uas-footer__accordion-toggle, .uas-footer__col .uas-footer__accordion-toggle{ grid-template-columns:44px minmax(0,1fr) 38px!important; gap:10px!important; min-height:62px!important; padding:7px!important; } .uas-footer__accordion-icon{width:44px;height:44px;border-radius:14px} .uas-footer__accordion-icon svg{width:22px;height:22px} .uas-footer__accordion-copy strong{font-size:14px!important} .uas-footer__accordion-copy small{font-size:9px!important} .uas-footer__accordion-chevron{width:38px;height:38px;border-radius:13px} .uas-footer__accordion-body>a, .uas-footer__accordion-body>button{min-height:44px!important;font-size:11px!important} } @media (max-width:360px){ .uas-footer__accordion-copy small{font-size:8.5px!important} } /* Ustasından Al — Premium Categories Component * v0.8.1 — Layout fix: flexible heights, readable type, no overlap */ .uas-section--categories { padding: 48px 0 56px; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #fbfaff 100%); } .uas-section--categories .uas-section__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 24px; margin-bottom: 28px; } .uas-section--categories .uas-section__head > div { min-width: 0; } .uas-section--categories .uas-eyebrow { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; color: #6049da; font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; } .uas-section--categories .uas-eyebrow::after { content: ""; width: 46px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, #7158f2, #c5a6ff); } .uas-section--categories .uas-section__head h2 { margin: 0; max-width: 16ch; color: #101a35; font-size: clamp(28px, 3.6vw, 48px); line-height: 1.08; letter-spacing: -0.04em; } .uas-section--categories .uas-section__head p { margin: 12px 0 0; max-width: 42ch; color: #6f7892; font-size: 15px; line-height: 1.55; } .uas-premium-categories__all { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 48px !important; padding: 0 20px !important; border: 1px solid #ddd7ff !important; border-radius: 16px !important; background: rgba(255, 255, 255, 0.97) !important; color: #5942d2 !important; font-size: 13px !important; font-weight: 800 !important; box-shadow: 0 10px 28px rgba(89, 66, 210, 0.07) !important; white-space: nowrap; text-decoration: none !important; } .uas-premium-categories__all:hover { border-color: #c4b8ff !important; background: #f7f5ff !important; } /* Grid */ .uas-premium-category-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .uas-premium-category-slide { display: contents; } /* Card — flexible, no rigid text heights */ .uas-premium-category { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid rgba(130, 145, 208, 0.28); border-radius: 24px; background: linear-gradient(180deg, #09152f 0%, #0b193b 48%, #07122d 100%); box-shadow: 0 18px 40px rgba(5, 13, 35, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08); color: #fff; isolation: isolate; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; } .uas-premium-category:hover { transform: translateY(-4px); box-shadow: 0 24px 52px rgba(5, 13, 35, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.1); } .uas-premium-category::before { content: ""; position: absolute; inset: 2px; z-index: 8; pointer-events: none; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 22px; } .uas-premium-category::after { content: ""; position: absolute; right: -14%; top: -8%; z-index: 1; width: 74%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(128, 92, 255, 0.38) 0%, rgba(128, 92, 255, 0.08) 45%, transparent 72%); filter: blur(8px); pointer-events: none; } /* Visual area — aspect-ratio based, no fixed flex-basis conflict */ .uas-premium-category__visual { position: relative; z-index: 2; display: block; flex: 0 0 auto; width: 100%; aspect-ratio: 16 / 11; overflow: hidden; background: linear-gradient(155deg, #08142f, #0c1f4b 60%, #07142f); } .uas-premium-category__visual::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(7, 15, 39, 0.02) 0%, rgba(7, 15, 39, 0.12) 55%, rgba(7, 15, 39, 0.88) 100%); pointer-events: none; } .uas-premium-category__visual img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: var(--uas-cat-img-x, 50%) var(--uas-cat-img-y, 50%); transform: scale(var(--uas-cat-img-scale, 1.02)); filter: saturate(0.96) contrast(1.05) brightness(0.92); } .uas-premium-category__accent { position: absolute; top: 16px; left: 16px; z-index: 4; width: 40px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, #785cff, #f1a2ff); box-shadow: 0 0 16px rgba(132, 95, 255, 0.35); } .uas-premium-category__icon { position: absolute; left: 16px; bottom: 14px; z-index: 5; display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid rgba(183, 189, 255, 0.25); border-radius: 16px; background: linear-gradient(145deg, rgba(111, 91, 241, 0.44), rgba(15, 25, 61, 0.9)); backdrop-filter: blur(12px); box-shadow: 0 12px 24px rgba(1, 7, 25, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.15); } .uas-premium-category__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } /* Content — natural flow, no fixed min/max heights that clip text */ .uas-premium-category__content { position: relative; z-index: 4; display: flex; flex: 1 1 auto; flex-direction: column; gap: 8px; padding: 16px 18px 18px; min-height: 0; } .uas-premium-category__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; min-height: 0; color: #fff; font-size: 17px; font-weight: 800; line-height: 1.25; letter-spacing: -0.02em; } .uas-premium-category__count { display: inline-flex; align-items: center; gap: 6px; width: fit-content; min-height: 28px; padding: 0 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.85); font-size: 12px; font-weight: 700; white-space: nowrap; } .uas-premium-category__count svg { width: 14px; height: 14px; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 1.8; } .uas-premium-category__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; min-height: 0; max-height: none; color: rgba(220, 226, 245, 0.82); font-size: 13px; font-weight: 500; line-height: 1.45; } .uas-premium-category__divider { display: block; height: 1px; margin: 4px 0 2px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 80%); } .uas-premium-category__cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 44px; margin-top: auto; padding: 0 8px 0 16px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; background: rgba(255, 255, 255, 0.05); color: #fff; transition: background 0.18s ease, border-color 0.18s ease; } .uas-premium-category:hover .uas-premium-category__cta { background: rgba(120, 92, 255, 0.28); border-color: rgba(180, 160, 255, 0.35); } .uas-premium-category__cta b { font-size: 13px; font-weight: 800; } .uas-premium-category__cta i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: rgba(255, 255, 255, 0.1); font-style: normal; font-size: 14px; font-weight: 700; } /* Focal points */ .uas-premium-category--elektrikli-el-aletleri { --uas-cat-img-scale: 1.04; --uas-cat-img-x: 53%; --uas-cat-img-y: 50%; } .uas-premium-category--hirdavat { --uas-cat-img-scale: 1.03; --uas-cat-img-x: 53%; --uas-cat-img-y: 49%; } .uas-premium-category--yedek-parca { --uas-cat-img-scale: 1.025; --uas-cat-img-x: 50%; --uas-cat-img-y: 45%; } .uas-premium-category--is-guvenligi { --uas-cat-img-scale: 1.025; --uas-cat-img-x: 50%; --uas-cat-img-y: 47%; } /* ========== Responsive ========== */ @media (max-width: 1240px) { .uas-premium-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .uas-premium-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .uas-section--categories .uas-section__head { grid-template-columns: 1fr; gap: 16px; } .uas-premium-categories__all { justify-self: start; } } @media (max-width: 760px) { .uas-section--categories { padding: 36px 0 42px; } .uas-section--categories .uas-section__head h2 { font-size: clamp(24px, 7vw, 32px); max-width: none; } .uas-section--categories .uas-section__head p { font-size: 14px; max-width: none; } .uas-premium-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .uas-premium-category { border-radius: 20px; } .uas-premium-category::before { border-radius: 18px; } .uas-premium-category__visual { aspect-ratio: 1.2 / 1; } .uas-premium-category__icon { width: 48px; height: 48px; border-radius: 14px; left: 12px; bottom: 12px; } .uas-premium-category__icon svg { width: 22px; height: 22px; } .uas-premium-category__content { padding: 12px 14px 14px; gap: 6px; } .uas-premium-category__title { font-size: 15px; } .uas-premium-category__count { font-size: 11px; min-height: 26px; } .uas-premium-category__description { font-size: 12px; } .uas-premium-category__cta { min-height: 42px; border-radius: 12px; } .uas-premium-category__cta b { font-size: 12px; } } @media (max-width: 430px) { .uas-premium-category-grid { gap: 10px; } .uas-premium-category__visual { aspect-ratio: 1.15 / 1; } .uas-premium-category__title { font-size: 14px; } .uas-premium-category__description { font-size: 11.5px; -webkit-line-clamp: 2; } .uas-premium-category__content { padding: 10px 12px 12px; } .uas-premium-categories__all { min-height: 42px !important; font-size: 12px !important; padding: 0 14px !important; } } @media (max-width: 360px) { .uas-premium-category__title { font-size: 13px; } .uas-premium-category__count { font-size: 10.5px; } .uas-premium-category__description { font-size: 11px; } } @media (max-width: 760px) and (orientation: landscape) { .uas-premium-category__visual { aspect-ratio: 1.4 / 1; } } /* Dark mode compatibility */ @media (prefers-color-scheme: dark) { .uas-section--categories { background: linear-gradient(180deg, #070b16 0%, #0a1020 100%); } .uas-section--categories .uas-section__head h2 { color: #eef1fb; } .uas-section--categories .uas-section__head p { color: #9aa3bc; } } html.uas-dark .uas-section--categories { background: linear-gradient(180deg, #070b16 0%, #0a1020 100%); } html.uas-dark .uas-section--categories .uas-section__head h2 { color: #eef1fb; } html.uas-dark .uas-section--categories .uas-section__head p { color: #9aa3bc; }