*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#172033;background:#fff}.retail-container{width:min(1180px,calc(100% - 32px));margin:auto}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.site-main{min-height:65vh}.utility-bar{background:#0a438f;color:#fff;font-size:12px}.utility-inner{display:flex;gap:28px;align-items:center;min-height:36px}.utility-inner a{margin-left:auto}.retail-header{background:#0879e6;color:#fff}.account-strip{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:10px 0}.account-strip div{display:flex;gap:28px}.header-core{display:grid;grid-template-columns:205px minmax(320px,1fr) 280px;gap:28px;align-items:center;padding:9px 0 17px}.retail-logo img{display:block;width:190px;max-height:62px;object-fit:contain}.retail-search{display:flex;background:#fff;border-radius:28px;overflow:hidden;height:48px;box-shadow:0 2px 10px #004a9b22}.retail-search input{flex:1;border:0;padding:0 22px;outline:0;color:#333}.retail-search button{width:58px;border:0;background:#ffd500;font-size:26px;cursor:pointer}.retail-actions{display:flex;justify-content:flex-end;gap:24px}.action-link{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;position:relative}.action-icon{font-size:28px}.cart-count{position:absolute;right:-12px;top:-10px;background:#ffd500;color:#112;padding:3px 7px;border-radius:50%;font-size:10px}.mobile-menu-btn{display:none}.category-nav{background:#0879e6;border-top:1px solid #ffffff26}.category-nav-inner{display:flex;align-items:center;justify-content:center}.category-nav a{padding:14px 28px;font-weight:800}.category-nav a:hover,.category-nav .nav-primary{background:#0068cc}.category-nav .nav-primary{background:#ffd500;color:#18233b;border-radius:8px 8px 0 0}.sale-nav{color:#ffd500}.mega-menu{position:absolute;left:0;right:0;background:#fff;color:#353b47;z-index:40;box-shadow:0 18px 45px #183c6c25;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.mega-menu.open{opacity:1;visibility:visible;transform:none}.mega-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;gap:34px;padding:27px 0 30px}.mega-grid h4{font-size:13px;margin:0 0 13px}.mega-grid a{display:block;color:#5b6170;font-size:13px;margin:9px 0}.mega-more{color:#0879e6!important;font-weight:800}.mega-promos{display:grid;gap:10px}.mega-promo{padding:22px;border-radius:8px;color:#fff!important;min-height:92px}.mega-promo b{display:block;font-size:18px}.mega-promo span{font-size:12px}.mega-promo.blue{background:linear-gradient(135deg,#0b4295,#0879e6)}.mega-promo.yellow{background:#ffd500;color:#15213b!important}.service-strip{background:#fff;color:#343b48;border-bottom:1px solid #e8ebef}.service-strip .retail-container{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:11px;padding:9px 0}.home-hero{margin-top:18px;min-height:350px;border-radius:10px;background:linear-gradient(110deg,#062453 0%,#083e84 48%,#0a69c4 100%);color:#fff;position:relative;display:grid;grid-template-columns:42% 58%;overflow:hidden}.home-hero:after{content:"";position:absolute;inset:auto -50px -80px auto;width:420px;height:180px;background:#ffd500;transform:rotate(-8deg);opacity:.96}.hero-copy{z-index:2;padding:55px 0 45px 62px;align-self:center}.hero-label{font-size:14px;font-weight:900}.hero-copy h1{font-size:46px;line-height:1.03;margin:10px 0 14px;letter-spacing:-.03em}.hero-copy p{max-width:470px;color:#e7effa;line-height:1.55}.hero-price{font-size:27px;font-weight:900;margin:18px 0}.hero-product{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.hero-product img{width:85%;height:285px;object-fit:contain;filter:drop-shadow(0 25px 22px #001a3a66)}.hero-product span{position:absolute;bottom:20px;right:32px;background:#fff;color:#14233c;border-radius:20px;padding:7px 12px;font-size:11px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-arrow{position:absolute;z-index:3;top:50%;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#1a2e4e;font-size:28px}.hero-arrow.left{left:14px}.hero-arrow.right{right:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:24px;padding:13px 24px;font-weight:900;cursor:pointer}.btn-yellow{background:#ffd500;color:#172033}.btn-dark{background:#172033;color:#fff}.full{width:100%}.benefit-cards{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #e5e8ed;border-radius:9px;margin-top:14px;background:#fff}.benefit-cards>div{padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;border-right:1px solid #e5e8ed;font-size:20px}.benefit-cards>div:last-child{border-right:0}.benefit-cards b{font-size:12px}.benefit-cards span{font-size:10px;color:#677082;grid-column:2}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin:30px 0 14px}.section-title-row h2{font-size:22px;margin:0}.section-title-row a{color:#0879e6;font-size:12px;font-weight:800}.circle-cat-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:13px;text-align:center}.circle-cat-grid a{font-size:10px;font-weight:800}.circle-cat-img{width:82px;height:82px;margin:0 auto 8px;border-radius:50%;background:#f2f5f8;display:grid;place-items:center;border:1px solid #ebedf0}.circle-cat-img img{width:75%;height:75%;object-fit:contain}.circle-cat-img.all{font-size:28px;color:#0879e6}.retail-section{margin-top:25px}.retail-products-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #e4e7eb;border-top:1px solid #e4e7eb}.retail-products-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #e4e7eb;border-top:1px solid #e4e7eb}.retail-product-card{position:relative;border-right:1px solid #e4e7eb;border-bottom:1px solid #e4e7eb;background:#fff;min-width:0;display:flex;flex-direction:column;transition:.2s}.retail-product-card:hover{box-shadow:0 12px 28px #142f521a;z-index:2;transform:translateY(-2px)}.retail-product-image{display:block;height:210px;padding:14px}.retail-product-image img{width:100%;height:100%;object-fit:contain;transition:.25s}.retail-product-card:hover img{transform:scale(1.035)}.discount-badge,.best-badge{position:absolute;z-index:3;left:10px;top:10px;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:900}.discount-badge{background:#e91422;color:#fff}.best-badge{background:#ffd500}.retail-wish{position:absolute;z-index:3;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid #dfe3e9;background:#fff;font-size:22px}.retail-product-info{padding:3px 14px 14px;display:flex;flex-direction:column;flex:1}.retail-product-cat{font-size:9px;color:#6c7482;text-transform:uppercase}.retail-product-name{font-weight:800;font-size:13px;line-height:1.35;min-height:52px;margin:6px 0}.retail-set{font-size:10px;color:#78818f}.retail-rating{color:#0879e6;font-size:11px;margin:7px 0}.retail-rating small{color:#7b8492}.retail-price{display:flex;align-items:center;gap:8px;margin-top:auto}.retail-price strong{font-size:18px;color:#cf142b}.retail-price del{font-size:11px;color:#7f8792}.retail-stock{font-size:10px;color:#039343;margin:8px 0}.retail-stock.out{color:#c9303b}.retail-add{border:0;background:#ffd500;border-radius:20px;padding:10px;font-weight:900;font-size:11px;cursor:pointer}.retail-add:disabled{opacity:.5}.gift-banner{margin-top:35px;margin-bottom:35px;border-radius:10px;background:linear-gradient(100deg,#ffcf00,#ffd92d);padding:38px 45px;display:grid;grid-template-columns:1fr 300px;overflow:hidden}.gift-banner span{font-size:12px;font-weight:900}.gift-banner h2{font-size:30px;margin:7px 0}.gift-bricks{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-10deg)}.gift-bricks i{display:block;height:80px;border-radius:8px;background:#e51b2b;box-shadow:inset 0 18px 0 #f04}.gift-bricks i:nth-child(2){background:#0879e6}.gift-bricks i:nth-child(3){background:#26a65b}.gift-bricks i:nth-child(4){background:#fff}.breadcrumbs{font-size:11px;color:#7e8794;padding:22px 0 10px}.catalog-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e4e7eb;padding-bottom:18px}.catalog-top h1{font-size:34px;margin:0}.catalog-top p{color:#707a88}.catalog-top select{height:42px;border:1px solid #d5dae1;border-radius:6px;padding:0 34px 0 12px;background:#fff}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:26px;padding-top:24px}.filter-panel{border:1px solid #e3e6eb;border-radius:8px;height:max-content;overflow:hidden}.filter-panel h3{padding:15px;margin:0;background:#f6f8fa}.filter-panel a{display:flex;justify-content:space-between;padding:12px 14px;border-top:1px solid #e8ebef;font-size:12px}.filter-sale{color:#d41427;font-weight:900}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.retail-product-page{display:grid;grid-template-columns:90px minmax(0,1fr) 370px;gap:25px;align-items:start;padding-bottom:35px}.vertical-thumbs{display:grid;gap:10px}.product-thumb{height:82px;border:1px solid #dde2e8;border-radius:7px;background:#fff;padding:6px}.product-thumb.active{border:2px solid #0879e6}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-main-visual{position:relative;min-height:540px;display:grid;place-items:center}.product-main-visual>img{width:100%;height:540px;object-fit:contain}.zoom-btn{position:absolute;right:15px;bottom:15px;border:1px solid #d8dde5;background:#fff;border-radius:50%;width:45px;height:45px}.buy-panel{border-radius:12px;background:#fff;box-shadow:0 4px 22px #21375213;padding:24px;border:1px solid #edf0f3;position:sticky;top:15px}.buy-category{font-size:11px;color:#687383;text-transform:uppercase}.buy-panel h1{font-size:24px;line-height:1.15;margin:8px 0}.buy-ref{font-size:10px;color:#7b8390;text-align:right}.buy-price{font-size:28px;color:#c91529;font-weight:900;margin:12px 0}.buy-price del{font-size:12px;color:#888;margin-left:8px}.vat-line{font-size:10px;color:#697485;margin-bottom:16px}.delivery-choice{border:1px solid #dde2e8;border-radius:8px;padding:14px;margin-bottom:10px;display:grid;gap:5px;font-size:12px}.delivery-choice.active{border:2px solid #0879e6}.green-dot{color:#069844}.buy-actions{display:grid;grid-template-columns:95px 1fr 48px;gap:8px;margin-top:20px}.qty-control{display:grid;grid-template-columns:28px 1fr 28px;border:1px solid #d6dbe2;border-radius:24px;overflow:hidden}.qty-control button,.qty-control input{border:0;background:#fff;text-align:center}.big-cart-button{border:0;border-radius:28px;background:#069844;color:#fff;font-weight:900}.round-wish{border:1px solid #d7dce3;border-radius:50%;background:#fff;font-size:24px}.buy-benefit{font-size:11px;border-top:1px solid #e2e6eb;margin-top:14px;padding-top:14px}.product-pay{margin-top:14px}.product-tabs{border-top:1px solid #e3e6ea;padding:20px 0 40px}.product-tabs nav{display:flex;gap:5px}.product-tabs button{border:0;background:#f2f5f8;border-radius:18px;padding:10px 18px}.product-tabs button.active{background:#0879e6;color:#fff}.tab-content{padding:22px 3px;line-height:1.7;color:#525c69}.mobile-sticky-buy{display:none}.cart-drawer{position:fixed;z-index:100;top:0;right:0;width:min(430px,94vw);height:100vh;background:#fff;transform:translateX(102%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.drawer-backdrop{position:fixed;z-index:90;inset:0;background:#0b183e80;opacity:0;visibility:hidden}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer-head{display:flex;justify-content:space-between;padding:21px;border-bottom:1px solid #e3e6ea}.drawer-head h3{margin:2px 0}.drawer-head button{border:0;background:#f3f5f8;border-radius:50%;width:38px;height:38px;font-size:23px}.drawer-items{padding:0 20px;overflow:auto;flex:1}.drawer-item{display:grid;grid-template-columns:70px 1fr 30px;gap:10px;padding:14px 0;border-bottom:1px solid #eceff2;align-items:center}.drawer-item img{width:70px;height:70px;object-fit:contain}.drawer-item b{font-size:11px}.drawer-item small{display:block;color:#7c8490;margin-top:5px}.drawer-remove{border:0;background:none;font-size:20px}.drawer-foot{padding:18px;border-top:1px solid #e3e6ea}.drawer-total-row{display:flex;justify-content:space-between;margin-bottom:14px}.drawer-cart-link{display:block;text-align:center;margin-top:10px;font-size:11px;text-decoration:underline}.empty{padding:50px;border:1px dashed #d8dde4;border-radius:8px;text-align:center;color:#76808d}.empty.compact{margin-top:22px;padding:30px}.retail-footer{background:#f5f7f9;border-top:1px solid #e5e8ec;margin-top:40px}.footer-news{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.footer-news h3{margin:0}.footer-news p{font-size:12px;color:#6c7582}.footer-news form{display:flex}.footer-news input{width:300px;height:43px;border:1px solid #cfd5dd;border-radius:22px 0 0 22px;padding:0 17px}.footer-news button{border:0;background:#0879e6;color:#fff;padding:0 22px;border-radius:0 22px 22px 0;font-weight:800}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding:30px 0}.footer-brand img{width:210px;max-height:70px;object-fit:contain}.footer-brand p{font-size:12px;color:#697383;max-width:350px}.footer-grid h4{font-size:12px}.footer-grid a{display:block;font-size:11px;color:#606a78;margin:9px 0}.footer-payment-row{border-top:1px solid #e0e4e9;padding:18px 0;display:flex;justify-content:space-between;align-items:center}.pay{display:inline-grid;place-items:center;border:1px solid #d2d7de;background:#fff;border-radius:5px;min-width:42px;height:27px;padding:0 7px;margin-right:4px;font-size:9px;font-weight:900}.pay.visa{color:#1236a5}.pay.mc{color:#e31d2e}.pay.amex{color:#1c8dcd}.footer-payment-row small{color:#747e8b}.footer-bottom{background:#0c2b5f;color:#c9d6e8;font-size:10px;padding:15px 0}.mobile-menu,.mobile-backdrop,.mobile-bottom-nav{display:none}.alert{padding:12px 15px;border-radius:6px;margin-top:10px}.alert.ok{background:#e8f7ee;color:#176c3d}.alert.err{background:#fdebed;color:#a92b39}.reveal{opacity:0;transform:translateY(12px);transition:.45s}.reveal.reveal-in{opacity:1;transform:none}
@media(max-width:1000px){.header-core{grid-template-columns:180px 1fr}.retail-actions{grid-column:1/-1}.mega-grid{grid-template-columns:repeat(3,1fr)}.mega-promos{display:none}.retail-products-grid,.retail-products-row{grid-template-columns:repeat(3,1fr)}.circle-cat-grid{grid-template-columns:repeat(6,1fr)}.retail-product-page{grid-template-columns:75px 1fr}.buy-panel{grid-column:1/-1;position:static}.catalog-layout{grid-template-columns:180px 1fr}.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){body{padding-bottom:64px}.utility-bar,.account-strip,.service-strip{display:none}.retail-container{width:min(100% - 20px,1180px)}.header-core{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;padding:10px 0}.mobile-menu-btn{display:block;border:0;background:transparent;color:#fff;font-size:24px}.retail-logo{justify-self:center}.retail-logo img{width:150px;max-height:48px}.retail-search{grid-column:1/-1;grid-row:2;height:42px}.retail-actions .action-link:first-child{display:none}.retail-actions{grid-column:3;grid-row:1}.retail-actions .cart-link span:nth-child(2){display:none}.category-nav{display:none}.home-hero{grid-template-columns:1fr;min-height:390px;margin-top:10px}.hero-copy{padding:28px 26px 0}.hero-copy h1{font-size:35px}.hero-product{align-items:end}.hero-product img{height:190px}.hero-product span{display:none}.benefit-cards{grid-template-columns:1fr 1fr;gap:0}.benefit-cards>div{border-bottom:1px solid #e5e8ed}.circle-cat-grid{grid-template-columns:repeat(4,1fr);gap:11px}.circle-cat-img{width:66px;height:66px}.retail-products-grid,.retail-products-row,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-product-image{height:160px;padding:9px}.retail-product-info{padding:3px 9px 10px}.retail-product-name{font-size:11px;min-height:45px}.retail-price strong{font-size:16px}.retail-add{font-size:10px}.gift-banner{grid-template-columns:1fr;padding:25px}.gift-bricks{display:none}.catalog-layout{display:block}.filter-panel{display:none}.catalog-top{align-items:start;gap:10px}.catalog-top h1{font-size:26px}.retail-product-page{grid-template-columns:1fr;gap:10px}.vertical-thumbs{display:flex;overflow:auto;order:2}.product-thumb{min-width:70px}.product-main-visual{min-height:350px;order:1}.product-main-visual>img{height:350px}.buy-panel{order:3;padding:17px}.buy-panel h1{font-size:21px}.buy-actions{grid-template-columns:80px 1fr 44px}.mobile-sticky-buy{display:flex;position:fixed;z-index:70;bottom:62px;left:0;right:0;background:#fff;border-top:1px solid #dfe3e8;padding:9px 12px;justify-content:space-between;align-items:center;box-shadow:0 -4px 15px #18335315}.mobile-sticky-buy small{display:block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-sticky-buy button{border:0;background:#069844;color:#fff;border-radius:22px;padding:11px 17px;font-weight:900}.footer-news{display:block}.footer-news form{margin-top:15px}.footer-news input{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-payment-row{display:block}.footer-payment-row small{display:block;margin-top:10px}.mobile-menu{display:block;position:fixed;z-index:120;inset:0 auto 0 0;width:min(340px,86vw);background:#fff;color:#1d2a40;transform:translateX(-102%);transition:.25s;padding:16px}.mobile-menu.open{transform:none}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e8ed;padding-bottom:14px}.mobile-menu-head img{width:160px}.mobile-menu-head button{border:0;background:#f1f3f6;width:36px;height:36px;border-radius:50%;font-size:22px}.mobile-menu>a{display:block;padding:14px 4px;border-bottom:1px solid #edf0f3;font-weight:800}.mobile-backdrop{display:block;position:fixed;z-index:110;inset:0;background:#061b3b99;opacity:0;visibility:hidden}.mobile-backdrop.open{opacity:1;visibility:visible}.mobile-bottom-nav{display:grid;position:fixed;z-index:60;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e5e9;grid-template-columns:repeat(4,1fr);padding:7px 0 env(safe-area-inset-bottom)}.mobile-bottom-nav a{text-align:center;color:#1f2a3d;font-size:20px}.mobile-bottom-nav span{display:block;font-size:9px;margin-top:2px}.mobile-bottom-nav a:first-child{color:#0879e6}}
/* ===== v5 stability layer: unified functional pages ===== */
.wish-count{position:absolute;right:-10px;top:-10px;background:#ffd500;color:#112;padding:3px 7px;border-radius:50%;font-size:10px}.retail-wish.active,.round-wish.active{color:#e4142b;border-color:#e4142b;background:#fff4f5}.page-head{padding:34px 0 18px}.page-head h1{font-size:36px;margin:4px 0 7px}.page-head p{color:#6d7785;margin:0}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:900;color:#0879e6}.btn-outline{background:#fff;color:#172033;border:1px solid #cfd5dd}.stable-cart{padding-bottom:45px}.stable-cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.stable-cart-list{border:1px solid #e2e6eb;border-radius:12px;overflow:hidden;height:max-content}.stable-cart-row{display:grid;grid-template-columns:100px minmax(0,1fr) 90px 110px 34px;gap:16px;align-items:center;padding:16px;border-bottom:1px solid #e8ebef}.stable-cart-row>a img{width:100px;height:90px;object-fit:contain}.cart-product-copy h3{font-size:14px;margin:0 0 5px}.cart-product-copy small{display:block;color:#7a8390}.cart-product-copy .retail-stock{display:block}.cart-qty{font-size:10px;color:#687180}.cart-qty span{display:block;margin-bottom:5px}.cart-qty input{width:70px;height:38px;border:1px solid #d3d9e0;border-radius:6px;text-align:center}.cart-remove-js{width:32px;height:32px;border-radius:50%;border:0;background:#f1f3f6;font-size:20px}.cart-list-actions{display:flex;justify-content:space-between;align-items:center;padding:16px}.cart-list-actions>a{color:#0879e6;font-size:12px;font-weight:800}.stable-summary{background:#f7f9fb;border:1px solid #e1e5ea;border-radius:12px;padding:22px;height:max-content;position:sticky;top:18px}.stable-summary h2{margin-top:0}.stable-summary>div:not(.summary-trust):not(.summary-product){display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e1e5ea;font-size:13px}.stable-summary .summary-grand{font-size:17px;border-bottom:0!important;padding:18px 0!important}.summary-trust{margin-top:15px;background:#fff;border-radius:8px;padding:14px;font-size:11px;line-height:1.8;color:#596575}.stable-checkout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:30px;padding-bottom:45px}.checkout-main-card{border:1px solid #e2e6eb;border-radius:12px;padding:24px}.checkout-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-mode{border:1px solid #d8dde4;background:#fff;border-radius:10px;padding:16px;text-align:left;cursor:pointer}.checkout-mode.active{border:2px solid #0879e6;background:#f4f9ff}.checkout-mode b,.checkout-mode span{display:block}.checkout-mode span{font-size:11px;color:#707a87;margin-top:4px}.checkout-login-line{font-size:12px;padding:14px 0 20px}.checkout-login-line a{color:#0879e6;font-weight:800}.stable-checkout-form fieldset{border:0;border-top:1px solid #e5e8ec;margin:0;padding:22px 0}.stable-checkout-form legend{font-weight:900;font-size:17px;padding-right:10px}.stable-checkout-form label{display:block;font-size:11px;font-weight:800;color:#475160;margin-bottom:13px}.stable-checkout-form input,.stable-checkout-form select{display:block;width:100%;height:46px;border:1px solid #d5dae1;border-radius:7px;margin-top:6px;padding:0 12px;background:#fff}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-account-fields{display:none;background:#f5f9ff;border:1px solid #d7e8ff;border-radius:8px;padding:14px;margin-bottom:12px}.create-account-fields.show{display:block}.gateway-card{display:flex;gap:12px;border:2px solid #0879e6;border-radius:9px;padding:15px}.gateway-card>span{font-size:23px}.gateway-card b,.gateway-card small{display:block}.gateway-card small{color:#687383;margin-top:4px}.payment-logos{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.payment-logos span{border:1px solid #d5dae1;border-radius:4px;background:#fff;padding:6px 9px;font-size:9px;font-weight:900}.payment-disclaimer{display:block;color:#777f8a;margin-top:9px}.checkout-submit{min-height:54px}.checkout-summary{position:sticky;top:18px}.summary-product{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e4e8ec}.summary-product img{width:56px;height:56px;object-fit:contain}.summary-product b,.summary-product small{display:block;font-size:10px}.summary-product small{color:#747e8a;margin-top:3px}.auth-shell{min-height:60vh;display:grid;place-items:center;padding:45px 0}.auth-box{width:min(480px,100%);border:1px solid #e0e5ea;border-radius:14px;padding:30px;background:#fff;box-shadow:0 15px 45px #17385c0d}.auth-box.wide-auth{width:min(650px,100%)}.auth-box h1{margin:5px 0 8px}.auth-box>p{color:#6f7986}.auth-form label{display:block;font-size:11px;font-weight:800;margin:12px 0}.auth-form input{display:block;width:100%;height:46px;border:1px solid #d4dae1;border-radius:7px;padding:0 12px;margin-top:6px}.auth-separator{display:flex;align-items:center;gap:10px;color:#89919b;margin:18px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#e2e6ea;flex:1}.auth-foot{text-align:center!important;font-size:12px}.auth-foot a{color:#0879e6;font-weight:800}.tracking-result{margin-top:22px;border-top:1px solid #e4e8ec}.tracking-result>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e9ecf0}.tracking-result span{color:#737d89}.account-shell{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:36px 0 50px}.account-nav{border:1px solid #e1e5ea;border-radius:12px;padding:18px;height:max-content}.account-avatar{width:52px;height:52px;border-radius:50%;background:#0879e6;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.account-nav h3{font-size:14px}.account-nav a{display:block;padding:11px;border-radius:6px;font-size:12px}.account-nav a.active,.account-nav a:hover{background:#eef6ff;color:#0879e6}.account-head{padding-top:0}.account-orders{border:1px solid #e1e5ea;border-radius:10px;overflow:hidden}.account-order{display:grid;grid-template-columns:1fr 100px 100px 20px;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #e8ebef}.account-order:last-child{border-bottom:0}.account-order small{display:block;color:#7d8691;margin-top:3px}.order-pill{font-size:10px;background:#eef6ff;color:#0879e6;padding:6px 9px;border-radius:20px;text-align:center}.order-detail{padding:30px 0 50px}.back-link{color:#0879e6;font-size:12px;font-weight:800}.order-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.order-status-grid>div{border:1px solid #e1e5ea;border-radius:9px;padding:15px}.order-status-grid span,.order-status-grid b{display:block}.order-status-grid span{font-size:10px;color:#747d89;margin-bottom:5px}.order-items-card{margin-top:18px;border:1px solid #e1e5ea;border-radius:9px;padding:15px}.order-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e8ebef}.order-total{border-bottom:0;font-size:18px}.product-tabs .tab-content{display:none}.product-tabs .tab-content.active{display:block}.product-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-facts>div{background:#f6f8fa;padding:13px;border-radius:7px}.product-facts dt{font-size:10px;color:#727c88}.product-facts dd{margin:4px 0 0;font-weight:800}.image-modal{position:fixed;z-index:200;inset:0;background:#09172bd9;display:grid;place-items:center;padding:20px}.image-modal img{max-width:95vw;max-height:90vh;object-fit:contain;background:#fff;border-radius:10px}.image-modal button{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:26px}
@media(max-width:720px){.page-head h1{font-size:28px}.stable-cart-grid,.stable-checkout,.account-shell{display:block}.stable-summary,.checkout-summary{position:static;margin-top:15px}.stable-cart-row{grid-template-columns:75px 1fr 55px;gap:9px}.stable-cart-row>a img{width:75px;height:70px}.stable-cart-row>strong{grid-column:2}.cart-qty{grid-column:3;grid-row:1}.cart-remove-js{grid-column:3;grid-row:2}.checkout-mode-grid,.field-grid,.order-status-grid{grid-template-columns:1fr}.checkout-main-card{padding:16px}.account-nav{margin-bottom:20px}.account-order{grid-template-columns:1fr auto}.account-order strong{grid-column:1}.account-order>span:last-child{display:none}.product-facts{grid-template-columns:1fr}}
/* ==========================================================
BRICKORA STABLE v6 — layout safety & cache-fix release
========================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:320px;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
.site-main{width:100%;overflow:hidden}
/* Never let imported product media break layout */
.retail-product-image,
.product-main-visual,
.summary-product,
.stable-cart-row>a,
.drawer-item,
.order-product-media{overflow:hidden}
.retail-product-image img{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important}
.product-main-visual>img{max-width:100%!important;max-height:540px!important;width:100%!important;height:540px!important;object-fit:contain!important}
.summary-product img{display:block!important;width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important}
.drawer-item img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important;object-fit:contain!important}
.stable-cart-row>a{width:100px;height:92px;display:grid;place-items:center}
.stable-cart-row>a img{width:100%!important;height:100%!important;max-width:100px!important;max-height:92px!important;object-fit:contain!important}
/* Checkout — fixed professional grid */
.checkout-head{padding-top:36px!important}
.stable-checkout{
width:min(1180px,calc(100% - 32px))!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) 390px!important;
gap:32px!important;
align-items:start!important;
padding:0 0 56px!important
}
.checkout-main-card{
width:100%!important;
min-width:0!important;
background:#fff!important;
border:1px solid #e0e5eb!important;
border-radius:16px!important;
padding:30px!important;
box-shadow:0 8px 30px rgba(13,45,82,.05)!important
}
.stable-checkout-form{width:100%!important}
.stable-checkout-form fieldset{min-width:0!important}
.stable-checkout-form input,
.stable-checkout-form select{
width:100%!important;
max-width:none!important;
min-width:0!important;
height:48px!important;
font-size:14px!important
}
.checkout-mode{
min-height:78px!important;
font-size:14px!important
}
.stable-summary.checkout-summary{
width:390px!important;
max-width:100%!important;
margin:0!important;
padding:24px!important;
background:#f7f9fc!important;
border:1px solid #e0e5eb!important;
border-radius:16px!important;
position:sticky!important;
top:18px!important;
overflow:hidden!important
}
.checkout-summary h2{font-size:21px!important;margin:0 0 12px!important}
.summary-product{
display:grid!important;
grid-template-columns:64px minmax(0,1fr) auto!important;
gap:12px!important;
align-items:center!important;
width:100%!important;
padding:13px 0!important
}
.summary-product>span{min-width:0!important}
.summary-product b{
display:block!important;
font-size:12px!important;
line-height:1.35!important;
white-space:normal!important;
overflow-wrap:anywhere!important
}
.summary-product small{font-size:11px!important}
.summary-product>strong{font-size:12px!important;white-space:nowrap!important}
.stable-summary>div:not(.summary-trust):not(.summary-product){
width:100%!important;
font-size:13px!important
}
.checkout-submit{height:56px!important;font-size:14px!important;border-radius:28px!important}
/* Header should never collapse to microscopic sizes */
.retail-header{font-size:14px}
.header-core{min-height:78px}
.retail-logo img{width:190px!important;height:auto!important;max-height:58px!important}
.retail-search input{font-size:14px!important}
.category-nav a{font-size:13px!important}
/* Cart */
.stable-cart-grid{align-items:start}
.stable-cart-list,.stable-summary{min-width:0}
.stable-cart-row{width:100%}
/* Products */
.retail-product-card{overflow:hidden}
.retail-product-name{overflow-wrap:anywhere}
.circle-cat-img img{max-width:75%!important;max-height:75%!important}
/* Avoid accidental huge images in content imported from external stores */
.tab-content img,
.page-content img,
.product-description img{
max-width:100%!important;
height:auto!important
}
@media(max-width:900px){
.stable-checkout{
grid-template-columns:minmax(0,1fr) 330px!important;
gap:20px!important
}
.stable-summary.checkout-summary{width:330px!important}
}
@media(max-width:720px){
.stable-checkout{
display:block!important;
width:min(100% - 20px,1180px)!important;
padding-bottom:35px!important
}
.checkout-main-card{padding:18px!important;border-radius:12px!important}
.stable-summary.checkout-summary{
position:static!important;
width:100%!important;
margin-top:16px!important
}
.summary-product{
grid-template-columns:58px minmax(0,1fr) auto!important
}
.summary-product img{
width:58px!important;height:58px!important;
max-width:58px!important;max-height:58px!important
}
.product-main-visual>img{
height:340px!important;max-height:340px!important
}
}
/* ==========================================================
BRICKORA FINAL v7 — unified responsive retail UI
========================================================== */
:root{--b-blue:#0879e6;--b-blue-dark:#083d85;--b-ink:#17233a;--b-yellow:#ffd500;--b-red:#e91f31;--b-green:#079447;--b-line:#e5e9ef;--b-soft:#f5f8fc}
body{font-size:15px;background:#fff}.topline{background:var(--b-blue-dark);color:#fff;font-size:11px}.top-inner{height:34px;display:flex;justify-content:space-between;align-items:center}.top-benefits,.top-links{display:flex;gap:24px;align-items:center}.top-links a{font-weight:700}.language-switch{position:relative}.language-switch>button{border:0;background:transparent;color:#fff;font-weight:800;cursor:pointer}.language-menu{position:absolute;right:0;top:28px;background:#fff;color:var(--b-ink);width:165px;padding:7px;border-radius:10px;box-shadow:0 14px 38px #102b5250;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s;z-index:200}.language-switch.open .language-menu{opacity:1;visibility:visible;transform:none}.language-menu a{display:block;padding:9px 10px;border-radius:7px;font-size:12px}.language-menu a:hover,.language-menu a.active{background:#edf5ff;color:var(--b-blue)}
.retail-header{position:sticky;top:0;z-index:80;background:var(--b-blue);box-shadow:0 3px 13px rgba(10,49,95,.12)}.header-core{grid-template-columns:205px minmax(300px,1fr) auto;padding:12px 0;min-height:76px}.retail-logo img{width:190px!important;max-height:55px!important}.retail-actions{gap:18px}.action-link{font-size:12px}.action-icon{font-size:24px}.wish-count,.cart-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:var(--b-yellow);color:#111;border-radius:10px;font-size:9px;position:absolute;top:-8px;right:-8px}.category-nav{background:#066cd3}.category-nav-inner{justify-content:flex-start}.category-nav a{padding:12px 22px;font-size:12px}.category-nav .nav-primary{border-radius:6px 6px 0 0}.mega-menu{top:auto}.mega-grid{grid-template-columns:.7fr 1.4fr 1.4fr 1fr;padding:24px 0}.site-main{background:#fff}.benefit-cards{grid-template-columns:repeat(4,1fr);box-shadow:0 5px 18px #1836500b}.home-hero{min-height:385px;background:linear-gradient(115deg,#061d4e 0%,#0754b2 55%,#078be7 100%);box-shadow:0 12px 32px #0b4a8d22}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.25}.orb-one{width:250px;height:250px;background:#24c4ff;right:20%;top:-110px}.orb-two{width:220px;height:220px;background:#ffd500;right:-70px;bottom:-120px}.hero-product img{animation:heroFloat 5s ease-in-out infinite}.circle-cat-img{position:relative;overflow:hidden;transition:.25s;box-shadow:inset 0 0 0 1px #e4e9ef}.circle-cat-grid a:hover .circle-cat-img{transform:translateY(-5px) scale(1.04);box-shadow:0 12px 24px #1739591b}.category-symbol{font-weight:950;font-size:24px;color:#fff;text-shadow:0 2px 8px #0003}.tone-0{background:linear-gradient(145deg,#ef3340,#ff786f)}.tone-1{background:linear-gradient(145deg,#086fe1,#3ebaff)}.tone-2{background:linear-gradient(145deg,#ffb600,#ffd94b)}.tone-3{background:linear-gradient(145deg,#179d59,#56cf88)}.tone-4{background:linear-gradient(145deg,#7a43c6,#b277ff)}.tone-5{background:linear-gradient(145deg,#252f45,#66748b)}.tone-6{background:linear-gradient(145deg,#ea4d95,#ff8bbe)}.circle-cat-img.all{background:#eef5fd;color:var(--b-blue)}
.payment-brand-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.payment-brand{height:31px;min-width:49px;border:1px solid #dbe1e8;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:10px;font-weight:900;box-shadow:0 1px 3px #0000000a}.payment-brand.visa{color:#1434cb;font-style:italic}.payment-brand.amex{background:#1877b9;color:#fff}.payment-brand.apple{font-size:12px}.payment-brand.google b{color:#4285f4;font-size:14px}.payment-brand.jcb{color:#107c3b}.payment-brand.paypal{color:#003087}.payment-brand.mastercard{position:relative;min-width:48px}.payment-brand.mastercard i{width:15px;height:15px;border-radius:50%;display:block}.payment-brand.mastercard i:first-child{background:#eb001b;margin-right:-5px}.payment-brand.mastercard i:last-child{background:#f79e1b;opacity:.95}.footer-payment-row{justify-content:flex-start}.product-pay{margin-top:16px}.checkout-pay{margin-top:12px}
.product-tabs{max-width:1180px}.tab-content{display:none;font-size:14px}.tab-content.active{display:block}.tab-content h1,.tab-content h2,.tab-content h3{line-height:1.2;color:var(--b-ink);margin:24px 0 12px}.tab-content h1{font-size:24px}.tab-content h2{font-size:21px}.tab-content h3{font-size:18px}.tab-content p,.tab-content li{line-height:1.75;color:#536072}.tab-content ul,.tab-content ol{padding-left:22px}.tab-content table{width:100%;border-collapse:collapse;margin:15px 0}.tab-content td,.tab-content th{padding:10px;border:1px solid var(--b-line);text-align:left}.tab-content img{max-width:100%!important;height:auto!important;margin:15px auto;border-radius:10px}
.site-toast{position:fixed;z-index:300;left:50%;bottom:32px;transform:translate(-50%,25px);background:#14223b;color:#fff;border-radius:24px;padding:11px 20px;font-weight:800;font-size:12px;opacity:0;visibility:hidden;transition:.25s;box-shadow:0 10px 35px #071a3555}.site-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.retail-product-card{border-radius:0;transition:transform .25s,box-shadow .25s}.retail-add,.big-cart-button,.btn{transition:transform .18s,box-shadow .18s,filter .18s}.retail-add:hover,.big-cart-button:hover,.btn:hover{transform:translateY(-2px);filter:brightness(.98);box-shadow:0 8px 18px #163a5c22}.retail-wish{transition:.2s}.retail-wish.active,.round-wish.active{background:#fff0f3;color:#d51f3a;border-color:#f3b6c1}.product-main-visual>img{transition:opacity .18s,transform .25s}.product-main-visual:hover>img{transform:scale(1.018)}
.footer-grid{padding-top:25px}.retail-footer{margin-top:50px}.mobile-languages{display:flex;gap:5px;flex-wrap:wrap;padding-top:15px}.mobile-languages a{border:1px solid #e1e6ec!important;padding:8px!important;border-radius:8px!important}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1050px){.top-benefits span:nth-child(3),.top-benefits span:nth-child(4){display:none}.header-core{grid-template-columns:180px minmax(260px,1fr) auto}.account-action span:last-child{display:none}.retail-products-grid,.retail-products-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.topline{display:none}.retail-header{top:0}.header-core{grid-template-columns:42px 1fr 46px;gap:8px;padding:9px 0}.mobile-menu-btn{display:block}.retail-logo{justify-self:center}.retail-logo img{width:155px!important}.retail-actions{grid-column:3;grid-row:1}.retail-actions .account-action,.retail-actions>a:not(.cart-link){display:none}.retail-actions .cart-link span:nth-child(2){display:none}.retail-search{grid-column:1/-1;grid-row:2;height:42px}.category-nav{display:none}.mega-menu{display:none}.home-hero{grid-template-columns:1fr;min-height:420px}.hero-copy{padding:34px 28px 4px}.hero-copy h1{font-size:36px}.hero-product img{height:205px}.benefit-cards{grid-template-columns:repeat(2,1fr)}.circle-cat-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.circle-cat-grid>a{min-width:78px;scroll-snap-align:start}.retail-products-grid,.retail-products-row,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-product-page{display:flex;flex-direction:column}.product-main-visual{order:1;width:100%;min-height:360px}.product-main-visual>img{height:360px!important}.vertical-thumbs{order:2;display:flex;width:100%;overflow:auto}.buy-panel{order:3;width:100%}.product-tabs{padding-bottom:85px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-news{display:block}.footer-news form{margin-top:14px}.mobile-bottom-nav{display:grid}.mobile-sticky-buy{display:flex}.site-toast{bottom:132px}.stable-checkout{display:block!important}.stable-summary.checkout-summary{position:static!important;width:100%!important;margin-top:18px!important}}
@media(max-width:480px){.retail-container{width:calc(100% - 20px)}.hero-copy h1{font-size:31px}.home-hero{min-height:400px;border-radius:9px}.hero-product img{height:175px}.benefit-cards>div{padding:12px}.retail-product-image{height:150px}.retail-product-name{font-size:11px}.retail-price strong{font-size:15px}.retail-add{font-size:9px;padding:9px 4px}.catalog-top{display:block}.catalog-top form{margin-top:10px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.payment-brand{height:29px;min-width:43px;padding:0 6px}.checkout-main-card{padding:15px!important}}
/* ===== Brickora v8 Contact & content pages ===== */
.content-page{padding:34px 0 60px;min-height:520px}
.content-page .page-head{padding:0 0 20px;border-bottom:1px solid #e6eaf0}
.content-page .page-head h1{font-size:42px;letter-spacing:-.03em;margin:6px 0}
.content-page-body{max-width:900px;padding:28px 0;font-size:15px;line-height:1.75;color:#424c5a}
.content-page-body h2,.content-page-body h3{color:#172033}
.contact-hero{margin-top:24px;min-height:230px;border-radius:18px;background:linear-gradient(120deg,#075bb8,#0879e6);color:#fff;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}
.contact-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-70px;top:-85px;background:#ffd500}
.contact-hero>div:first-child{position:relative;z-index:2;max-width:670px}.contact-hero h1{font-size:42px;margin:7px 0 12px;letter-spacing:-.035em}.contact-hero p{font-size:16px;line-height:1.6;color:#eaf4ff;margin:0}.contact-hero-icon{position:relative;z-index:2;width:110px;height:110px;border-radius:50%;background:#fff;color:#0879e6;display:grid;place-items:center;font-size:46px;box-shadow:0 15px 40px #00386b44}
.contact-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:30px;padding:32px 0 18px}
.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card{border:1px solid #e1e6ed;border-radius:14px;padding:20px;background:#fff;min-height:165px;box-shadow:0 6px 20px #16385d0b}.contact-card>span{width:42px;height:42px;border-radius:11px;background:#eaf4ff;color:#0879e6;display:grid;place-items:center;font-size:21px}.contact-card h3{margin:14px 0 7px;font-size:15px}.contact-card p{margin:0 0 6px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.contact-card small{font-size:10px;color:#7d8694}.contact-card a{font-size:11px;color:#0879e6;font-weight:800}
.contact-form-card{border:1px solid #e0e5eb;border-radius:16px;padding:30px;background:#fff;box-shadow:0 12px 34px #12365910}.contact-form-card h2{font-size:28px;margin:6px 0}.contact-form-card>div>p{color:#677282;font-size:13px}.contact-form{display:grid;gap:15px;margin-top:20px}.contact-form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#3f4855}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d7dde5;border-radius:9px;background:#fff;padding:12px 13px;outline:0;font-size:14px;resize:vertical}.contact-form input,.contact-form select{height:47px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0879e6;box-shadow:0 0 0 3px #0879e61a}.contact-success{background:#e9f9ef;border:1px solid #bee9cc;color:#16753b;padding:13px 15px;border-radius:9px;margin:18px 0;font-size:13px;font-weight:800}
.contact-faq-strip{margin-top:10px;margin-bottom:45px;background:#ffd500;border-radius:14px;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}.contact-faq-strip div{display:grid;gap:4px}.contact-faq-strip b{font-size:18px}.contact-faq-strip span{font-size:12px}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-info-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.content-page{padding-top:20px}.content-page .page-head h1{font-size:30px}.contact-hero{margin-top:10px;padding:30px 22px;min-height:250px}.contact-hero h1{font-size:32px}.contact-hero-icon{width:72px;height:72px;font-size:30px}.contact-layout{padding-top:18px}.contact-info-grid{grid-template-columns:1fr 1fr}.contact-card{min-height:145px;padding:16px}.contact-form-card{padding:20px}.contact-form .field-grid{grid-template-columns:1fr}.contact-faq-strip{display:grid;gap:16px}.contact-faq-strip .btn{width:max-content}}
@media(max-width:430px){.contact-hero-icon{display:none}.contact-info-grid{grid-template-columns:1fr}.contact-card{min-height:auto}}
/* ===== Brickora v8.2 Brand + Account ===== */
.retail-logo{min-width:205px;display:flex;align-items:center}
.retail-logo img{
display:block!important;
width:205px!important;
height:62px!important;
max-width:205px!important;
max-height:62px!important;
object-fit:contain!important;
object-position:left center!important;
}
.footer-brand img{
display:block!important;
width:220px!important;
height:72px!important;
max-width:220px!important;
max-height:72px!important;
object-fit:contain!important;
object-position:left center!important;
}
.account-edit-card{max-width:680px;background:#fff;border:1px solid #e0e5eb;border-radius:16px;padding:26px;display:grid;gap:16px;box-shadow:0 8px 28px #1236590d}
.account-edit-card label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#3e4856}
.account-edit-card input{width:100%;height:48px;border:1px solid #d7dde5;border-radius:9px;padding:0 13px;font-size:14px;outline:0}
.account-edit-card input:focus{border-color:#0879e6;box-shadow:0 0 0 3px #0879e61a}
.account-edit-card input:disabled{background:#f4f6f8;color:#7c8592}
@media(max-width:720px){
.retail-logo{min-width:0;justify-content:center}
.retail-logo img{width:156px!important;height:48px!important;max-width:156px!important;max-height:48px!important;object-position:center!important}
.account-edit-card{padding:18px}
}
/* ============================================================
Brickora v8.4 — Checkout rebuild
============================================================ */
input[type="radio"][hidden],
input[type="checkbox"][hidden],
[hidden]{display:none!important}
.checkout-head{
padding-top:28px!important;
padding-bottom:16px!important;
}
.checkout-head .eyebrow{
color:#0879e6;
font-weight:900;
font-size:11px;
letter-spacing:1.2px;
}
.checkout-head h1{
margin:4px 0 6px!important;
font-size:36px!important;
line-height:1.05!important;
letter-spacing:-.035em!important;
}
.checkout-head p{
margin:0!important;
color:#6d7785!important;
font-size:14px!important;
}
.stable-checkout{
width:min(1120px,calc(100% - 32px))!important;
grid-template-columns:minmax(0,720px) 360px!important;
gap:26px!important;
justify-content:center!important;
margin:0 auto 60px!important;
}
.checkout-main-card{
padding:28px!important;
border-radius:16px!important;
border:1px solid #dfe5ec!important;
box-shadow:0 10px 30px rgba(12,43,95,.05)!important;
}
.checkout-mode-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
margin:0 0 12px!important;
}
.checkout-mode{
min-height:84px!important;
border:1px solid #d8dee7!important;
background:#fff!important;
border-radius:12px!important;
padding:17px 18px!important;
text-align:left!important;
cursor:pointer!important;
transition:border-color .18s,box-shadow .18s,background .18s,transform .18s!important;
}
.checkout-mode:hover{
transform:translateY(-1px)!important;
border-color:#99c8ff!important;
box-shadow:0 8px 18px rgba(8,121,230,.08)!important;
}
.checkout-mode.active{
border:2px solid #0879e6!important;
background:#f4f9ff!important;
box-shadow:0 0 0 3px rgba(8,121,230,.08)!important;
}
.checkout-mode b{display:block!important;font-size:14px!important;color:#172033!important;margin-bottom:5px!important}
.checkout-mode span{display:block!important;font-size:11px!important;color:#77808d!important}
.checkout-login-line{
font-size:12px!important;
margin:12px 0 24px!important;
color:#636e7c!important;
}
.checkout-login-line a{color:#0879e6!important;font-weight:900!important}
.stable-checkout-form fieldset{
border:0!important;
border-top:1px solid #e3e8ee!important;
margin:0!important;
padding:24px 0 8px!important;
}
.stable-checkout-form legend{
font-size:18px!important;
color:#172033!important;
padding:0 12px 0 0!important;
font-weight:900!important;
}
.stable-checkout-form label{
display:grid!important;
gap:7px!important;
margin:0 0 14px!important;
font-size:11px!important;
font-weight:800!important;
color:#485260!important;
}
.stable-checkout-form input:not([type="hidden"]),
.stable-checkout-form select{
display:block!important;
width:100%!important;
height:48px!important;
min-height:48px!important;
border:1px solid #d6dde6!important;
border-radius:9px!important;
background:#fff!important;
padding:0 13px!important;
margin:0!important;
outline:0!important;
font-size:14px!important;
color:#172033!important;
}
.stable-checkout-form input:focus,
.stable-checkout-form select:focus{
border-color:#0879e6!important;
box-shadow:0 0 0 3px rgba(8,121,230,.10)!important;
}
.field-grid{gap:12px!important}
.create-account-fields{
margin:4px 0 14px!important;
padding:15px!important;
border:1px solid #cae3ff!important;
background:#f5faff!important;
border-radius:10px!important;
}
.gateway-card{
align-items:center!important;
background:#f8fbff!important;
border:1px solid #c9e3ff!important;
border-radius:12px!important;
padding:16px!important;
}
.checkout-pay{margin:14px 0 0!important}
.checkout-submit{
width:100%!important;
height:56px!important;
margin-top:18px!important;
border-radius:28px!important;
font-size:14px!important;
letter-spacing:.1px!important;
}
.stable-summary.checkout-summary{
width:360px!important;
padding:22px!important;
border-radius:16px!important;
background:#f7f9fc!important;
border:1px solid #dfe5ec!important;
box-shadow:0 10px 30px rgba(12,43,95,.04)!important;
}
.checkout-summary h2{
margin:0 0 14px!important;
font-size:20px!important;
}
.summary-product{
grid-template-columns:58px minmax(0,1fr) auto!important;
gap:11px!important;
padding:12px 0!important;
}
.summary-product img{
width:58px!important;
height:58px!important;
max-width:58px!important;
max-height:58px!important;
border-radius:7px!important;
background:#fff!important;
}
.summary-product b{
font-size:11px!important;
line-height:1.35!important;
}
.summary-product small{
font-size:10px!important;
color:#7a8492!important;
}
.summary-product>strong{
font-size:12px!important;
}
.stable-summary.checkout-summary>div:not(.summary-product):not(.summary-trust){
display:flex!important;
justify-content:space-between!important;
gap:14px!important;
padding:12px 0!important;
border-bottom:1px solid #e2e7ed!important;
}
.stable-summary.checkout-summary>div:last-of-type{
border-bottom:0!important;
}
.summary-trust{
margin-top:15px!important;
background:#fff!important;
border:1px solid #e3e8ee!important;
border-radius:10px!important;
padding:13px!important;
font-size:10px!important;
color:#5d6876!important;
}
@media(max-width:900px){
.stable-checkout{
grid-template-columns:minmax(0,1fr) 320px!important;
width:min(100% - 24px,1000px)!important;
}
.stable-summary.checkout-summary{width:320px!important}
}
@media(max-width:760px){
.checkout-head{
width:calc(100% - 20px)!important;
padding-top:20px!important;
}
.checkout-head h1{font-size:30px!important}
.stable-checkout{
display:block!important;
width:calc(100% - 20px)!important;
margin-bottom:30px!important;
}
.checkout-main-card{padding:18px!important}
.checkout-mode-grid{grid-template-columns:1fr!important}
.checkout-mode{min-height:74px!important}
.field-grid{grid-template-columns:1fr!important}
.stable-summary.checkout-summary{
position:static!important;
width:100%!important;
margin-top:16px!important;
}
.stable-checkout-form legend{font-size:16px!important}
}
@media(max-width:420px){
.checkout-head h1{font-size:27px!important}
.checkout-main-card{padding:15px!important}
.stable-checkout-form input:not([type="hidden"]),
.stable-checkout-form select{height:46px!important;min-height:46px!important}
}
/* Reliable brand logo */
.retail-logo img,
.mobile-menu-head img,
.footer-brand img{
object-fit:contain!important;
}
.retail-logo img{width:205px!important;height:58px!important}
@media(max-width:800px){
.retail-logo img{width:150px!important;height:44px!important}
}
/* Brickora v8.7 payments */
.unpaid-order-box,.track-pay-box{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:18px;border:1px solid #ffd34d;background:#fff9df;border-radius:14px}.unpaid-order-box div{display:grid;gap:4px}.unpaid-order-box b{font-size:14px}.unpaid-order-box span,.track-pay-box p{font-size:11px;color:#6e6750;margin:0}.payment-retry-card{max-width:620px}.retry-order-summary{display:flex;justify-content:space-between;align-items:center;margin:22px 0;padding:18px;background:#f5f8fc;border-radius:12px}.retry-order-summary strong{font-size:24px}.retry-back{display:block;margin-top:18px}.track-pay-box{display:block}.track-pay-box .btn{margin-top:12px}@media(max-width:650px){.unpaid-order-box{display:grid}.unpaid-order-box .btn{width:100%}}
/* BRICKORA v8.8 — merchandising / trust / visual upgrade */
.hero-slider{display:block!important;padding:0;position:relative}
.hero-slide{display:none;grid-template-columns:42% 58%;min-height:385px;position:relative;overflow:hidden}
.hero-slide.active{display:grid;animation:heroFade .45s ease}
.hero-slide:after{content:"";position:absolute;inset:auto -50px -80px auto;width:420px;height:180px;background:#ffd500;transform:rotate(-8deg);opacity:.96}
.hero-price{display:flex;align-items:center;gap:12px}.hero-price del{font-size:15px;opacity:.7;font-weight:600}
.hero-dots{position:absolute;z-index:8;right:22px;bottom:18px;display:flex;gap:7px}
.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#ffffff75;padding:0;cursor:pointer}
.hero-dots button.active{width:25px;border-radius:10px;background:#ffd500}
.hero-arrow{cursor:pointer;box-shadow:0 5px 16px #001a3a2b}
@keyframes heroFade{from{opacity:.35;transform:translateX(10px)}to{opacity:1;transform:none}}
.theme-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.theme-card{min-height:178px;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;color:#fff;position:relative;box-shadow:0 8px 25px #17395912;transition:.25s}
.theme-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #17395924}
.theme-card-copy{padding:22px 8px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2}
.theme-card-copy small{font-size:8px;letter-spacing:.12em;font-weight:900;opacity:.8}.theme-card-copy strong{font-size:20px;line-height:1.05;margin:8px 0 18px}.theme-card-copy span{font-size:10px;font-weight:900;background:#fff;color:#172033;border-radius:20px;padding:7px 10px}
.theme-card-media{display:grid;place-items:center;overflow:hidden;padding:12px}.theme-card-media img{width:100%;height:145px;object-fit:contain;filter:drop-shadow(0 12px 10px #0003);transition:.25s}.theme-card:hover img{transform:scale(1.07) rotate(-1deg)}
.theme-card-media b{font-size:46px}.theme-all{background:linear-gradient(135deg,#172033,#344866)}
.retail-products-grid,.retail-products-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.retail-product-image{height:260px;padding:18px}.retail-product-name{font-size:14px;min-height:48px}.retail-product-info{padding:5px 17px 17px}
.retail-card-meta{font-size:9px;color:#397253;margin:8px 0}.verified-mini{display:inline-flex;align-items:center;gap:4px}
.retail-price{flex-wrap:wrap}.save-price{width:100%;font-size:9px;font-weight:800;color:#087b45;margin-top:-3px}
.product-confidence-line{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.product-confidence-line span{font-size:9px;font-weight:800;background:#eef8f2;color:#247447;border-radius:20px;padding:6px 8px}
.buy-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.buy-save{display:block;width:100%;font-size:10px;color:#087b45;font-weight:900}
.product-trust-card{display:grid;gap:0;border:1px solid #dfe6ed;border-radius:10px;overflow:hidden;margin:14px 0;background:#fff}
.product-trust-card>div{padding:11px 12px;border-bottom:1px solid #e7ebef}.product-trust-card>div:last-child{border-bottom:0}.product-trust-card b,.product-trust-card span{display:block}.product-trust-card b{font-size:11px}.product-trust-card span{font-size:9px;color:#687383;line-height:1.4;margin-top:3px}
.description-trust-intro{background:linear-gradient(135deg,#f3f8ff,#fffbe9);border:1px solid #dfe9f5;border-radius:14px;padding:22px;margin-bottom:25px}.description-trust-intro>span{font-size:9px;color:#0879e6;font-weight:950;letter-spacing:.12em}.description-trust-intro h2{margin:7px 0!important;font-size:22px!important}.description-trust-intro p{margin:0!important}
@media(max-width:1050px){.theme-card-grid{grid-template-columns:repeat(3,1fr)}.retail-products-grid,.retail-products-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.hero-slide.active{display:flex;flex-direction:column;min-height:520px}.hero-slide .hero-copy{padding:34px 28px 0}.hero-slide .hero-product{min-height:230px}.hero-slide .hero-product img{height:220px}.hero-arrow{top:58%}.theme-card-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.theme-card{min-width:245px;scroll-snap-align:start}.retail-products-grid,.retail-products-row{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-product-image{height:210px}}
@media(max-width:480px){.hero-slide.active{min-height:480px}.hero-slide .hero-copy h1{font-size:29px}.hero-slide .hero-product img{height:185px}.theme-card{min-width:220px;min-height:155px}.theme-card-copy strong{font-size:17px}.retail-product-image{height:175px;padding:10px}.retail-product-info{padding:4px 10px 12px}.retail-product-name{font-size:11px}.product-trust-card{margin-top:12px}}
.recommendation-note{font-size:11px;color:#75808d;margin:-7px 0 13px}
/* Brickora v8.9 reviews */
.customer-reviews{padding:34px 0 52px;border-top:1px solid #e3e7eb;margin-top:35px}
.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.reviews-head h2{font-size:24px;margin:0 0 8px}.reviews-score{display:flex;gap:9px;align-items:center;font-size:13px}.reviews-score strong{font-size:23px}.review-stars{color:#0b8f82;font-size:22px;letter-spacing:1px}.review-write{background:#0d8f82;color:#fff!important;border-radius:8px;min-width:245px;text-align:center}
.review-photo-strip{display:flex;gap:9px;overflow-x:auto;margin:23px 0}.review-photo-strip img{width:100px;height:100px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.review-list{max-width:1100px}.review-item{padding:28px 0;border-bottom:1px solid #d8dde2}.review-person{display:flex;align-items:center;gap:11px;margin:14px 0}.review-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e9f3f1;font-weight:900}.review-person strong,.review-person time{display:block}.review-person time{font-size:12px;color:#77808a;margin-top:3px}.review-item h3{font-size:17px;margin:12px 0}.review-item p{font-size:15px;line-height:1.65;max-width:1050px}.review-origin{font-size:11px;color:#6c7680;margin-top:12px}.verified-review{background:#bff5e9;color:#086b5f;border-radius:20px;padding:5px 8px;font-weight:800}.review-item-photos{display:flex;gap:9px;overflow-x:auto;margin-top:15px}.review-item-photos img{width:160px;height:160px;object-fit:cover;border-radius:8px}.reviews-empty{color:#77808a}
@media(max-width:700px){.reviews-head{align-items:stretch;flex-direction:column}.review-write{min-width:0;width:100%}.reviews-score{flex-wrap:wrap}.review-stars{font-size:19px}.review-item p{font-size:14px}.review-item-photos img{width:125px;height:125px}}
/* Brickora v9.0.1 — imported review photos */
.review-photo-strip a,.review-item-photos a{display:block;flex:0 0 auto}
.review-photo-strip a img,.review-item-photos a img{display:block;transition:transform .18s ease,box-shadow .18s ease}
.review-photo-strip a:hover img,.review-item-photos a:hover img{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,41,69,.18)}
/* =========================================================
Brickora v9.0.3 — Animated theme illustrations
========================================================= */
.theme-card{
isolation:isolate;
transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,filter .32s ease!important;
}
.theme-card:before{
content:"";position:absolute;inset:-45% -20% auto auto;width:180px;height:180px;border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.26),rgba(255,255,255,0) 70%);
opacity:.5;z-index:0;transition:.35s;pointer-events:none
}
.theme-card:after{
content:"";position:absolute;left:-30%;bottom:-85%;width:160%;height:100%;
background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.13) 48%,transparent 70%);
transform:translateX(-45%) rotate(-8deg);transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none
}
.theme-card:hover{transform:translateY(-7px) scale(1.012)!important;filter:saturate(1.08)}
.theme-card:hover:before{transform:scale(1.28);opacity:.8}
.theme-card:hover:after{transform:translateX(48%) rotate(-8deg)}
.theme-card-media{position:relative;overflow:visible!important;min-width:0}
.theme-card-media .motion-icon{
width:108px;height:108px;color:#fff;position:relative;z-index:3;
filter:drop-shadow(0 12px 16px rgba(0,0,0,.18));
transform-origin:center;
}
.theme-ghost-image{
position:absolute!important;inset:3px!important;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;
object-fit:contain!important;opacity:.11!important;filter:blur(.2px) saturate(.7)!important;
transform:scale(1.15)!important;z-index:1!important;
}
.theme-card:hover .theme-ghost-image{opacity:.17!important;transform:scale(1.25)!important}
.motion-icon *{transform-box:fill-box;transform-origin:center}
.mi-orbit,.mi-space-orbit{animation:miSpin 9s linear infinite;transform-origin:center}
.mi-gear{animation:miSpin 8s linear infinite}
.mi-shuriken{animation:miSpin 10s linear infinite}
.theme-card:hover .mi-shuriken{animation-duration:1.25s}
.theme-card:hover .mi-gear{animation-duration:2.5s}
.mi-ring{animation:miPulse 2.4s ease-in-out infinite}
.mi-rise{animation:miFloat 3.2s ease-in-out infinite}
.mi-cloud{animation:miCloud 6s ease-in-out infinite}
.mi-bolt{animation:miMagicPulse 2.2s ease-in-out infinite}
.mi-sparks>*{animation:miSpark 2s ease-in-out infinite}
.mi-sparks>*:nth-child(2){animation-delay:.45s}.mi-sparks>*:nth-child(3){animation-delay:.9s}.mi-sparks>*:nth-child(4){animation-delay:1.3s}
.mi-cubes{animation:miFloat 3.8s ease-in-out infinite}
.mi-pixel{animation:miPixel 2.7s ease-in-out infinite}.mi-pixel.p2{animation-delay:1.15s}
.mi-planet{animation:miPulse 3s ease-in-out infinite}
.mi-ship{animation:miShip 5.5s ease-in-out infinite}
.mi-stars>*{animation:miSpark 2.4s ease-in-out infinite}.mi-stars>*:nth-child(2){animation-delay:.7s}.mi-stars>*:nth-child(3){animation-delay:1.25s}
.mi-star-main{animation:miStar 4s ease-in-out infinite}
.mi-satellite{animation:miSpinReverse 8s linear infinite}
.mi-grid rect{animation:miGrid 2.5s ease-in-out infinite}
.mi-grid rect:nth-child(2n){animation-delay:.35s}.mi-grid rect:nth-child(3n){animation-delay:.7s}
.mi-cursor{animation:miCursor 3s ease-in-out infinite}
.mi-block.b1{animation:miBlock1 3.3s ease-in-out infinite}.mi-block.b2{animation:miBlock2 3.3s ease-in-out infinite}
.mi-windows rect{animation:miWindow 3s ease-in-out infinite}.mi-windows rect:nth-child(2n){animation-delay:.8s}.mi-windows rect:nth-child(3n){animation-delay:1.4s}
.mi-draw{stroke-dasharray:330;stroke-dashoffset:330;animation:miDraw 4.5s ease-in-out infinite}
.theme-card:hover .mi-draw{animation-duration:2.2s}
@keyframes miSpin{to{transform:rotate(360deg)}}
@keyframes miSpinReverse{to{transform:rotate(-360deg)}}
@keyframes miPulse{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.75;transform:scale(1.08)}}
@keyframes miFloat{0%,100%{transform:translateY(4px)}50%{transform:translateY(-7px)}}
@keyframes miCloud{0%,100%{transform:translateX(-5px)}50%{transform:translateX(7px)}}
@keyframes miMagicPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(255,255,255,0));transform:scale(.98)}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.85));transform:scale(1.06)}}
@keyframes miSpark{0%,100%{opacity:.25;transform:scale(.55) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(60deg)}}
@keyframes miPixel{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-9px)}}
@keyframes miShip{0%,100%{transform:translate(-7px,5px)}50%{transform:translate(8px,-6px)}}
@keyframes miStar{0%,100%{transform:rotate(-5deg) scale(.94)}50%{transform:rotate(5deg) scale(1.08)}}
@keyframes miGrid{0%,100%{opacity:.3;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}
@keyframes miCursor{0%,100%{transform:translate(-4px,-4px)}50%{transform:translate(5px,5px)}}
@keyframes miBlock1{0%,100%{transform:translate(-2px,3px) rotate(-8deg)}50%{transform:translate(4px,-4px) rotate(5deg)}}
@keyframes miBlock2{0%,100%{transform:translate(3px,-2px) rotate(6deg)}50%{transform:translate(-4px,4px) rotate(-4deg)}}
@keyframes miWindow{0%,100%{opacity:.28}45%,65%{opacity:1}}
@keyframes miDraw{0%,12%{stroke-dashoffset:330;opacity:.25}45%,78%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-330;opacity:.25}}
@media(max-width:800px){
.theme-card-media .motion-icon{width:92px;height:92px}
.theme-card:hover{transform:translateY(-3px)!important}
}
@media(prefers-reduced-motion:reduce){
.motion-icon *,.theme-card:after,.theme-card:before{animation:none!important;transition:none!important}
.theme-card:hover{transform:none!important}
}
/* =========================================================
Brickora v9.0.5 — Live ratings + animated footer brand
========================================================= */
/* Real review stars */
.card-rating,.product-top-rating{display:flex;align-items:center;gap:7px}
.card-rating{margin:8px 0 7px;min-height:18px}
.card-rating small{font-size:9px;color:#77808c}
.stars-shell{display:inline-flex;gap:1px;line-height:1}
.star-unit{position:relative;display:inline-block;width:14px;height:14px;font-size:14px;line-height:14px}
.star-empty{position:absolute;inset:0;color:#d7dce2}
.star-fill{position:absolute;left:0;top:0;height:100%;overflow:hidden;color:#ffc400;white-space:nowrap}
.stars-shell.large .star-unit{width:19px;height:19px;font-size:19px;line-height:19px}
.product-top-rating{margin:8px 0 10px}
.product-top-rating a,.product-top-rating>span:last-child{font-size:11px;color:#5e6977;font-weight:700}
.product-top-rating a:hover{color:#0879e6;text-decoration:underline}
/* Footer animated logo */
.footer-motion-logo{
display:inline-flex;align-items:center;gap:14px;position:relative;
text-decoration:none!important;color:#172033!important;
padding:6px 4px;margin-bottom:15px
}
.footer-cube{
width:54px;height:54px;position:relative;display:block;flex:0 0 54px;
animation:footerCubeFloat 4.8s ease-in-out infinite;
filter:drop-shadow(0 10px 13px rgba(23,32,51,.16))
}
.footer-cube .fc-top,.footer-cube .fc-left,.footer-cube .fc-right{
position:absolute;display:block
}
.fc-top{
width:39px;height:24px;left:7px;top:4px;
background:#ef3340;
clip-path:polygon(50% 0,100% 28%,50% 58%,0 28%);
}
.fc-left{
width:27px;height:34px;left:7px;top:17px;
background:#ffc400;
clip-path:polygon(0 0,100% 32%,100% 100%,0 68%);
}
.fc-right{
width:27px;height:34px;left:33px;top:17px;
background:#0879e6;
clip-path:polygon(0 32%,100% 0,100% 68%,0 100%);
}
.fc-b{
position:absolute;left:18px;top:25px;z-index:4;color:#fff;font-weight:950;
font-size:20px;line-height:1;text-shadow:0 2px 2px rgba(0,0,0,.15)
}
.fc-stud{
position:absolute;width:11px;height:7px;border-radius:50%;background:#ff4b57;
top:4px;z-index:5;box-shadow:0 2px 0 #c81f2d
}
.fc-stud.s1{left:10px}.fc-stud.s2{left:22px;top:1px}.fc-stud.s3{left:34px}
.footer-wordmark{position:relative;display:grid;overflow:hidden;padding-right:4px}
.footer-wordmark strong{
font-size:26px;line-height:1;font-weight:950;letter-spacing:.02em;color:#172033
}
.footer-wordmark small{
margin-top:5px;font-size:7px;letter-spacing:.28em;font-weight:900;color:#8b96a6
}
.wordmark-shine{
position:absolute;top:-8px;bottom:-8px;width:42px;left:-55px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
transform:skewX(-18deg);
animation:footerLogoShine 5.6s ease-in-out infinite
}
.footer-motion-logo:hover .footer-cube{animation-duration:1.8s}
.footer-motion-logo:hover .footer-wordmark strong{color:#0879e6}
@keyframes footerCubeFloat{
0%,100%{transform:translateY(0) rotate(-2deg)}
50%{transform:translateY(-6px) rotate(2deg)}
}
@keyframes footerLogoShine{
0%,62%{left:-55px;opacity:0}
70%{opacity:.9}
84%{left:115%;opacity:.9}
100%{left:115%;opacity:0}
}
@media(max-width:700px){
.footer-motion-logo{gap:10px}
.footer-cube{width:46px;height:46px;flex-basis:46px;transform:scale(.9)}
.footer-wordmark strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
.footer-cube,.wordmark-shine{animation:none!important}
}
/* =========================================================
Brickora v9.0.6 — Animated header brand
========================================================= */
.header-motion-logo{
display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
gap:10px!important;width:auto!important;min-width:205px!important;height:64px!important;
text-decoration:none!important;position:relative!important;overflow:visible!important
}
.header-cube{
width:46px;height:46px;position:relative;display:block;flex:0 0 46px;
animation:headerCubeFloat 4.2s ease-in-out infinite;
filter:drop-shadow(0 7px 10px rgba(0,30,75,.28));transform-origin:center
}
.header-cube .hc-top,.header-cube .hc-left,.header-cube .hc-right{position:absolute;display:block}
.hc-top{width:34px;height:20px;left:6px;top:4px;background:#ff3345;clip-path:polygon(50% 0,100% 28%,50% 60%,0 28%)}
.hc-left{width:23px;height:29px;left:6px;top:15px;background:#ffc400;clip-path:polygon(0 0,100% 31%,100% 100%,0 69%)}
.hc-right{width:23px;height:29px;left:28px;top:15px;background:#0879e6;clip-path:polygon(0 31%,100% 0,100% 69%,0 100%)}
.hc-b{position:absolute;z-index:5;left:15px;top:22px;color:#fff;font-weight:950;font-size:18px;line-height:1;text-shadow:0 2px 2px rgba(0,0,0,.18)}
.hc-stud{position:absolute;width:9px;height:6px;border-radius:50%;background:#ff4b57;top:4px;z-index:6;box-shadow:0 2px 0 #d32231;animation:headerStudPulse 2.6s ease-in-out infinite}
.hc-stud.s1{left:8px}.hc-stud.s2{left:19px;top:1px;animation-delay:.35s}.hc-stud.s3{left:30px;animation-delay:.7s}
.header-wordmark{position:relative;display:grid;overflow:hidden;white-space:nowrap;min-width:0}
.header-wordmark strong{color:#fff;font-size:24px;line-height:1;font-weight:950;letter-spacing:.025em;text-shadow:0 2px 4px rgba(0,35,85,.16)}
.header-wordmark small{color:#dcecff;font-size:6px;letter-spacing:.25em;font-weight:900;margin-top:4px}
.header-shine{position:absolute;top:-8px;bottom:-8px;width:38px;left:-50px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-18deg);animation:headerLogoShine 5.3s ease-in-out infinite;pointer-events:none}
.header-motion-logo:hover .header-cube{animation-duration:1.6s;filter:drop-shadow(0 9px 13px rgba(0,30,75,.38))}
.header-motion-logo:hover .header-wordmark strong{text-shadow:0 0 12px rgba(255,255,255,.35),0 2px 4px rgba(0,35,85,.16)}
.header-motion-logo:hover .hc-stud{animation-duration:1s}
@keyframes headerCubeFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes headerStudPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.16);opacity:1}}
@keyframes headerLogoShine{0%,58%{left:-50px;opacity:0}67%{opacity:.9}81%{left:115%;opacity:.9}100%{left:115%;opacity:0}}
@media(max-width:900px){.header-motion-logo{min-width:170px!important;height:58px!important;gap:8px!important}.header-cube{width:40px;height:40px;flex-basis:40px;transform:scale(.9)}.header-wordmark strong{font-size:20px}.header-wordmark small{font-size:5px;letter-spacing:.2em}}
@media(max-width:620px){.header-motion-logo{min-width:0!important;height:50px!important}.header-cube{width:36px;height:36px;flex-basis:36px;transform:scale(.82)}.header-wordmark strong{font-size:17px}.header-wordmark small{font-size:4.5px}}
@media(prefers-reduced-motion:reduce){.header-cube,.hc-stud,.header-shine{animation:none!important}}
/* =========================================================
Brickora v9.0.8 — Cinematic product hero slider
========================================================= */
.cinematic-hero{
position:relative!important;
min-height:590px;
margin-top:18px!important;
padding:0!important;
border-radius:22px;
overflow:hidden;
background:#071a3a;
box-shadow:0 24px 60px rgba(0,30,70,.16);
}
.cinematic-slide{
display:none;
position:relative;
min-height:590px;
overflow:hidden;
background:
radial-gradient(circle at 78% 42%,rgba(15,106,218,.42),transparent 25%),
linear-gradient(110deg,#06162f 0%,#08265b 45%,#0a4e9f 100%);
}
.cinematic-slide.active{display:block;animation:cinematicSlideIn .55s cubic-bezier(.2,.8,.2,1)}
.cinematic-bg-grid{
position:absolute;right:-5%;top:0;width:58%;height:100%;
opacity:.18;
background:
linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
background-size:36px 36px;
mask-image:linear-gradient(90deg,transparent,#000 25%);
}
.cinematic-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
.glow-a{width:360px;height:360px;right:10%;top:10%;background:rgba(0,143,255,.22)}
.glow-b{width:280px;height:280px;right:28%;bottom:-14%;background:rgba(0,87,255,.18)}
.cinematic-copy{
position:absolute;left:5.2%;top:11%;width:42%;z-index:6;color:#fff
}
.cinematic-kicker{
display:block;font-size:11px;font-weight:950;letter-spacing:.06em;color:#ffd500;margin-bottom:16px
}
.cinematic-copy h1{
margin:0 0 18px!important;font-size:48px!important;line-height:.99!important;letter-spacing:-.045em!important;
max-width:650px;color:#fff!important;text-wrap:balance
}
.cinematic-category{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;margin-bottom:23px}
.category-orb{
width:33px;height:33px;border-radius:50%;display:grid;place-items:center;
color:#fff;background:#0b5cc3;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 20px rgba(32,129,255,.28)
}
.cinematic-price{display:flex;align-items:baseline;gap:14px;margin-bottom:25px}
.cinematic-price strong{font-size:36px;line-height:1;font-weight:950}
.cinematic-price del{font-size:18px;color:#a6b9d4;font-weight:800}
.cinematic-cta{
background:#ffd400!important;color:#141b27!important;border:0!important;
min-width:190px!important;height:54px!important;border-radius:28px!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;
font-size:14px!important;font-weight:950!important;box-shadow:0 13px 28px rgba(255,212,0,.18)
}
.cinematic-cta:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 18px 35px rgba(255,212,0,.26)}
.cinematic-stage{
position:absolute;right:2.5%;top:5%;width:52%;height:76%;display:grid;place-items:center;z-index:4
}
.stage-light{
position:absolute;width:74%;height:45%;left:13%;bottom:4%;
background:radial-gradient(ellipse,rgba(0,128,255,.38),rgba(0,76,166,.1) 45%,transparent 72%);
filter:blur(12px)
}
.stage-floor{
position:absolute;left:7%;right:4%;bottom:0;height:26%;
background:
linear-gradient(180deg,rgba(255,255,255,.025),transparent),
radial-gradient(ellipse at center,rgba(11,115,239,.22),transparent 68%);
transform:perspective(500px) rotateX(66deg);
border-radius:50%;
border-top:1px solid rgba(111,186,255,.12)
}
.cinematic-main-image{
position:relative;z-index:5;
width:86%;height:86%;object-fit:contain;
mix-blend-mode:multiply;
filter:contrast(1.08) saturate(1.05) drop-shadow(0 30px 22px rgba(0,0,0,.42));
transform:perspective(900px) rotateY(-4deg) translateY(-3px) scale(1.03);
transition:opacity .2s ease,transform .4s ease,filter .35s ease
}
.cinematic-slide:hover .cinematic-main-image{
transform:perspective(900px) rotateY(-1deg) translateY(-7px) scale(1.055);
filter:contrast(1.1) saturate(1.08) drop-shadow(0 36px 28px rgba(0,0,0,.48))
}
.cinematic-main-image.is-switching{opacity:.15;transform:scale(.96)}
.cinematic-thumbs{
position:absolute;left:3%;right:3%;bottom:18px;height:128px;z-index:8;
display:flex;gap:12px;padding:10px;
background:linear-gradient(180deg,rgba(4,18,45,.28),rgba(4,18,45,.78));
border-top:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(10px);
border-radius:15px
}
.cinematic-thumb{
flex:1;min-width:0;border:1px solid rgba(255,255,255,.14);padding:0;border-radius:12px;overflow:hidden;
background:rgba(8,30,70,.72);cursor:pointer;transition:.22s
}
.cinematic-thumb.active{border:2px solid #ffd400;box-shadow:0 0 0 2px rgba(255,212,0,.12)}
.cinematic-thumb:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.42)}
.thumb-stage{display:block;width:100%;height:100%;background:linear-gradient(145deg,#082754,#06162e);position:relative;overflow:hidden}
.thumb-stage:after{content:"";position:absolute;inset:auto 12% 8% 12%;height:28%;background:radial-gradient(ellipse,rgba(0,124,255,.28),transparent 70%);filter:blur(5px)}
.thumb-stage img{
width:100%;height:100%;object-fit:contain;padding:7px;position:relative;z-index:2;
mix-blend-mode:multiply;filter:contrast(1.08) saturate(1.04) drop-shadow(0 8px 8px rgba(0,0,0,.3))
}
.cinematic-arrow{
position:absolute;z-index:12;top:39%;width:48px;height:48px;border-radius:50%;
border:1px solid rgba(255,255,255,.13);background:rgba(7,28,63,.72);color:#fff;
font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(7px)
}
.cinematic-arrow.left{left:14px}.cinematic-arrow.right{right:14px}
.cinematic-arrow:hover{background:#0b5cc3;transform:scale(1.06)}
.cinematic-dots{
position:absolute;right:32px;bottom:154px;z-index:12;display:flex;gap:8px
}
.cinematic-dots button{
width:25px;height:6px;padding:0;border:0;border-radius:20px;background:#d7e3f4;opacity:.8;cursor:pointer
}
.cinematic-dots button.active{background:#ffd400;opacity:1}
@keyframes cinematicSlideIn{
from{opacity:.25;transform:scale(1.008)}
to{opacity:1;transform:none}
}
@media(max-width:1050px){
.cinematic-hero,.cinematic-slide{min-height:560px}
.cinematic-copy h1{font-size:39px!important}
.cinematic-copy{width:43%;left:5%;top:10%}
.cinematic-stage{width:54%;right:0}
}
@media(max-width:800px){
.cinematic-hero{min-height:700px;border-radius:15px}
.cinematic-slide{min-height:700px}
.cinematic-copy{position:relative;left:auto;top:auto;width:auto;padding:30px 28px 0;height:290px}
.cinematic-copy h1{font-size:35px!important;max-width:580px}
.cinematic-category{margin-bottom:15px}
.cinematic-price{margin-bottom:16px}
.cinematic-stage{top:265px;right:4%;left:4%;width:auto;height:285px}
.cinematic-main-image{width:88%;height:95%}
.cinematic-thumbs{height:112px;bottom:14px}
.cinematic-dots{bottom:137px;right:22px}
.cinematic-arrow{top:51%}
}
@media(max-width:520px){
.cinematic-hero,.cinematic-slide{min-height:645px}
.cinematic-copy{height:270px;padding:24px 20px 0}
.cinematic-copy h1{font-size:29px!important}
.cinematic-price strong{font-size:28px}
.cinematic-cta{height:47px!important;min-width:160px!important}
.cinematic-stage{top:250px;height:235px}
.cinematic-thumbs{height:95px;gap:7px;padding:7px}
.cinematic-dots{bottom:122px}
.cinematic-arrow{width:40px;height:40px;font-size:28px}
}
@media(prefers-reduced-motion:reduce){
.cinematic-slide.active,.cinematic-main-image,.cinematic-thumb,.cinematic-cta{animation:none!important;transition:none!important}
}
/* =========================================================
Brickora v9.1.0 — Hero Studio
========================================================= */
.hero-studio-slider{position:relative;min-height:650px;margin-top:18px!important;padding:0!important;border-radius:23px;overflow:hidden;background:#06172f;box-shadow:0 25px 70px rgba(9,38,75,.18)}
.hero-studio-slide{display:none;position:relative;min-height:650px;overflow:hidden;color:#fff;background:#071a38}
.hero-studio-slide.active{display:block;animation:hsEnter .45s ease}
.hs-environment{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hs-environment:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(0,133,255,.27),transparent 31%),linear-gradient(110deg,#06152d,#082b65 58%,#071c3f)}
.hs-environment i:nth-child(1){position:absolute;right:-5%;bottom:-20%;width:67%;height:58%;background:radial-gradient(ellipse,rgba(22,129,255,.27),transparent 65%);filter:blur(18px)}
.hs-environment i:nth-child(2){position:absolute;right:4%;top:5%;width:52%;height:68%;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}
.hs-environment i:nth-child(3){position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22))}
/* category-specific atmosphere */
.theme-space .hs-environment:before{background:radial-gradient(circle at 75% 36%,rgba(0,117,255,.3),transparent 26%),radial-gradient(circle at 88% 16%,rgba(114,167,255,.12),transparent 3%),linear-gradient(110deg,#030b1c,#06245a 55%,#061430)}
.theme-industrial .hs-environment:before{background:radial-gradient(circle at 76% 38%,rgba(255,133,33,.18),transparent 27%),linear-gradient(110deg,#111820,#263443 60%,#101821)}
.theme-magic .hs-environment:before{background:radial-gradient(circle at 76% 35%,rgba(146,55,255,.35),transparent 29%),linear-gradient(110deg,#100c24,#28185a 56%,#071733)}
.theme-minecraft .hs-environment:before{background:radial-gradient(circle at 77% 37%,rgba(50,205,111,.24),transparent 30%),linear-gradient(110deg,#081c18,#164b3f 56%,#102436)}
.theme-architecture .hs-environment:before{background:radial-gradient(circle at 75% 35%,rgba(84,167,255,.2),transparent 28%),linear-gradient(110deg,#111925,#263b52 57%,#0d1c2d)}
.theme-city .hs-environment:before{background:radial-gradient(circle at 77% 38%,rgba(48,170,255,.25),transparent 28%),linear-gradient(110deg,#061d3c,#0b4d82 58%,#08223e)}
.theme-neutral .hs-environment:before{background:radial-gradient(circle at 77% 37%,rgba(93,147,214,.22),transparent 30%),linear-gradient(110deg,#11192a,#243957 58%,#101a2c)}
.hs-copy{position:absolute;z-index:6;left:5.3%;top:10%;width:39%}
.hs-kicker{font-size:11px;font-weight:950;color:#ffd500;letter-spacing:.07em}
.hs-copy h1{font-size:48px!important;line-height:1!important;letter-spacing:-.045em!important;margin:17px 0!important;color:#fff!important;text-wrap:balance}
.hs-category{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:850;margin:0 0 22px}.hs-category span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0d64d6}
.hs-price{display:flex;align-items:baseline;gap:14px;margin-bottom:25px}.hs-price strong{font-size:36px;font-weight:950}.hs-price del{font-size:18px;color:#a9bad0;font-weight:800}
.hs-cta{min-width:190px!important;height:54px!important;border-radius:28px!important;background:#ffd400!important;color:#151b25!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important}
.hs-visual{position:absolute;z-index:4;right:1.5%;top:2.5%;width:57%;height:78%;display:grid;place-items:center;overflow:hidden;border-radius:18px}
.hs-aura{position:absolute;inset:15% 8% 4%;background:radial-gradient(ellipse,rgba(0,124,255,.28),transparent 65%);filter:blur(14px)}
.hs-floor{position:absolute;bottom:-7%;width:94%;height:35%;background:radial-gradient(ellipse,rgba(15,112,231,.26),transparent 68%);transform:perspective(500px) rotateX(68deg)}
.hs-scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-x) var(--hero-y);transform:scale(var(--hero-scale));transition:opacity .22s,transform .38s;filter:saturate(1.04) contrast(1.03)}
.has-scene .hs-visual:after{content:"";position:absolute;inset:0;box-shadow:inset 65px 0 80px rgba(4,18,42,.45),inset 0 -35px 55px rgba(3,15,34,.28);pointer-events:none}
.has-scene:hover .hs-scene-image{transform:scale(calc(var(--hero-scale) * 1.025))}
.hs-scene-image.switching,.hs-product-cutout.switching{opacity:.1}
.hs-fallback-panel{width:88%;height:85%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(22,100,191,.22),rgba(4,22,52,.12) 48%,transparent 70%)}
.hs-product-cutout{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.13) saturate(1.04) drop-shadow(0 30px 25px rgba(0,0,0,.42));transform:scale(var(--hero-scale));transition:.3s}
.hs-fallback-note{position:absolute;right:15px;bottom:13px;background:rgba(0,0,0,.55);color:#dce9f8;padding:6px 9px;border-radius:20px;font-size:8px;opacity:.7}
.hs-thumbs{position:absolute;z-index:10;left:3%;right:3%;bottom:18px;height:132px;display:flex;gap:12px;padding:10px;background:rgba(4,18,43,.73);border:1px solid rgba(255,255,255,.08);border-radius:17px;backdrop-filter:blur(12px)}
.hs-thumb{flex:1;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden;padding:0;background:#071d40;cursor:pointer;transition:.2s}.hs-thumb.active{border:2px solid #ffd400;box-shadow:0 0 0 2px rgba(255,212,0,.12)}.hs-thumb:hover{transform:translateY(-3px)}
.hs-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fallback-scene .hs-thumb img{object-fit:contain;mix-blend-mode:multiply;background:#092654}
.hs-arrow{position:absolute;z-index:15;top:39%;width:47px;height:47px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(3,20,48,.75);color:#fff;font-size:31px;cursor:pointer}.hs-arrow.left{left:14px}.hs-arrow.right{right:14px}
.hs-dots{position:absolute;z-index:15;right:30px;bottom:159px;display:flex;gap:8px}.hs-dots button{border:0;width:25px;height:6px;border-radius:20px;background:#d1dfef;padding:0}.hs-dots button.active{background:#ffd400}
@keyframes hsEnter{from{opacity:.25;transform:scale(1.005)}to{opacity:1;transform:none}}
@media(max-width:850px){.hero-studio-slider,.hero-studio-slide{min-height:720px}.hs-copy{position:relative;left:auto;top:auto;width:auto;padding:28px 26px 0;height:300px}.hs-copy h1{font-size:36px!important}.hs-visual{top:280px;left:4%;right:4%;width:auto;height:290px}.hs-thumbs{height:110px}.hs-dots{bottom:139px}.hs-arrow{top:53%}}
@media(max-width:520px){.hero-studio-slider,.hero-studio-slide{min-height:655px}.hs-copy{height:275px;padding:23px 19px 0}.hs-copy h1{font-size:29px!important}.hs-price strong{font-size:29px}.hs-visual{top:260px;height:235px}.hs-thumbs{height:94px;gap:7px;padding:7px}.hs-dots{bottom:119px}.hs-cta{height:47px!important;min-width:155px!important}}
@media(prefers-reduced-motion:reduce){.hero-studio-slide.active,.hs-scene-image,.hs-product-cutout,.hs-thumb{animation:none!important;transition:none!important}}
/* Brickora v9.6.2 — real ratings only */
.card-rating:empty,.product-top-rating:empty{display:none!important}
.retail-product-info .card-rating{min-height:0}