:root{--ink:#14191f;--muted:#68717b;--line:#e5e8eb;--soft:#f6f7f8;--soft-blue:#eef6f8;--brand:#008ba8;--brand-dark:#006e87;--accent:#e84225;--green:#2b9f46;--shadow:0 12px 34px rgba(13,25,35,.08);--container:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body.drawer-open,body.filter-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.mobile-only{display:none!important}.eyebrow{display:inline-block;margin-bottom:8px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.16em}.text-link{color:var(--brand-dark);font-weight:700;white-space:nowrap}.text-link:hover{color:var(--accent)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--brand);border-radius:7px;padding:10px 22px;color:#fff;background:var(--brand);font-size:13px;font-weight:800;letter-spacing:.04em;transition:.2s}.button:hover{border-color:var(--brand-dark);background:var(--brand-dark);transform:translateY(-1px)}.button--outline{color:var(--brand-dark);background:#fff}.button--outline:hover{color:#fff}.button--outline-light{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}.button--full{width:100%}.button--large{min-height:52px;padding-inline:34px}.button--small{min-height:36px;padding:7px 12px}
.top-strip{border-bottom:1px solid #dbe9ec;color:#33414a;background:#edf8fa;font-size:12px}.top-strip__inner{display:flex;min-height:32px;align-items:center;justify-content:space-between}.top-strip a:hover{color:var(--brand)}.top-strip strong{color:var(--accent)}.top-separator{margin:0 12px;color:#9aa9b0}.site-header{position:relative;z-index:50;background:#fff;box-shadow:0 2px 10px rgba(14,24,33,.06)}.header-main{display:grid;min-height:78px;grid-template-columns:255px minmax(320px,1fr) auto;align-items:center;gap:34px}.brand{position:relative;display:inline-flex;width:max-content;align-items:baseline;font-weight:900;line-height:1;letter-spacing:-.055em}.brand__home,.brand__office{font-size:25px}.brand__office{color:var(--brand)}.brand small{position:absolute;top:27px;left:2px;font-size:6px;letter-spacing:.08em}.search-box{display:flex;height:42px;max-width:620px;overflow:hidden;border:1px solid #d9dee3;border-radius:4px;background:#fff}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,139,168,.1)}.search-box input{width:100%;min-width:0;border:0;outline:0;padding:0 14px}.search-box button{width:52px;border:0;border-left:1px solid #e4e7e9;background:#fff;font-size:26px}.header-actions{display:flex;align-items:center;gap:10px}.round-action{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid #dfe3e6;border-radius:50%;background:#fff;font-size:20px;transition:.2s}.round-action:hover{border-color:var(--brand);color:var(--brand)}.badge-count{position:absolute;top:-6px;right:-6px;display:grid;min-width:19px;height:19px;place-items:center;border:2px solid #fff;border-radius:20px;color:#fff;background:var(--accent);font-size:10px;font-weight:800}.account-menu{position:relative}.account-popover{position:absolute;top:calc(100% + 12px);right:-24px;display:none;width:230px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.account-menu:hover .account-popover{display:grid;gap:9px}.account-popover a,.account-popover button{border:0;padding:4px 0;color:#4d5961;background:transparent;text-align:left}.desktop-nav{border-top:1px solid #f0f1f2}.nav-list{display:flex;min-height:46px;align-items:stretch;justify-content:center}.nav-item{position:relative;display:flex;align-items:stretch}.nav-item>a{display:flex;align-items:center;padding:0 15px;white-space:nowrap;font-size:13px;font-weight:600}.nav-item>a:hover{color:var(--accent)}.mega-menu{position:fixed;top:156px;left:50%;display:none;width:min(1120px,calc(100vw - 50px));min-height:330px;grid-template-columns:270px 1fr 260px;gap:32px;padding:30px;border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:0 0 12px 12px;background:#fff;box-shadow:0 22px 45px rgba(18,29,37,.14);transform:translateX(-50%)}.nav-item:hover .mega-menu{display:grid}.mega-menu__intro{padding:12px 22px 12px 4px;border-right:1px solid var(--line)}.mega-menu__intro h3{margin:0 0 12px;font-size:27px}.mega-menu__intro p{color:var(--muted);font-size:13px}.mega-menu__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px 22px}.mega-menu__links a{display:grid;padding:9px 12px;border-radius:7px}.mega-menu__links a:hover{color:var(--brand-dark);background:var(--soft-blue)}.mega-menu__links small{color:#98a0a6;font-size:11px}.mega-menu__visual{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:#f6f7f7}.mega-menu__visual img{width:100%;height:100%;object-fit:contain}
.alert{margin-top:18px;border-radius:8px;padding:12px 16px}.alert ul{margin:5px 0 0;padding-left:20px}.alert-success{border:1px solid #b9dfc3;color:#17662d;background:#eefaf1}.alert-danger{border:1px solid #f1b9b1;color:#a52816;background:#fff2f0}
.hero-section{padding:16px 0 0}.hero-grid{display:grid;grid-template-columns:1.73fr 1fr;gap:16px}.hero-main,.hero-side a{overflow:hidden;border-radius:12px;background:var(--soft)}.hero-main img{width:100%;height:100%;min-height:430px;object-fit:cover}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.hero-side img{width:100%;height:100%;min-height:207px;object-fit:cover}.section{padding:62px 0}.section-soft{background:var(--soft)}.section-sale{background:#fff8f5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading--center{display:grid;justify-content:center;text-align:center}.section-heading h2{margin:0;font-size:29px;line-height:1.2;letter-spacing:-.025em}.categories-section{padding-top:44px;padding-bottom:54px}.category-scroller{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.category-card{display:grid;min-width:0;justify-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 8px 14px;background:#fff;text-align:center;transition:.22s}.category-card:hover{border-color:#b7d8df;box-shadow:0 10px 28px rgba(26,40,48,.09);transform:translateY(-4px)}.category-card img{width:100%;aspect-ratio:1/.78;object-fit:contain}.category-card strong{margin-top:6px;font-size:13px;line-height:1.25}.category-card small{color:#8a939a;font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.product-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;transition:.22s}.product-card:hover{border-color:#cdd6da;box-shadow:0 12px 30px rgba(20,32,40,.09);transform:translateY(-3px)}.product-card__media{position:relative;overflow:hidden;background:#f8f9f9}.product-card__media>a{display:block}.product-card__media img{width:100%;aspect-ratio:1/.92;object-fit:contain;padding:10px;transition:transform .35s}.product-card:hover .product-card__media img{transform:scale(1.035)}.sale-badge,.new-badge{position:absolute;top:0;right:0;min-width:42px;padding:5px 8px;color:#fff;background:var(--accent);font-size:11px;font-weight:800;text-align:center}.new-badge{background:var(--brand)}.sale-badge--large{top:14px;right:14px;border-radius:4px;font-size:13px}.product-card__actions{position:absolute;top:12px;left:10px;display:grid;gap:7px;opacity:0;transform:translateX(-8px);transition:.2s}.product-card:hover .product-card__actions{opacity:1;transform:none}.product-card__actions button,.product-card__actions a{display:grid;width:34px;height:34px;place-items:center;border:1px solid #dfe4e7;border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(19,27,32,.1)}.product-card__body{display:flex;min-height:205px;flex-direction:column;padding:14px}.product-card__category{color:#8c959c;font-size:10px;text-transform:uppercase}.product-card__body h3{min-height:44px;margin:5px 0;font-size:13px;font-weight:600;line-height:1.45}.product-card__body h3 a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rating{display:flex;align-items:center;gap:5px;margin-bottom:8px}.rating span,.stars{color:#49a623;font-size:11px;letter-spacing:1px}.rating small{color:#a0a8ad;font-size:10px}.product-card__price{display:flex;min-height:42px;flex-wrap:wrap;align-items:baseline;gap:5px 8px;margin-top:auto}.product-card__price strong{font-size:16px}.product-card__price del{color:#9aa1a6;font-size:11px}.quick-cart{margin-top:8px}.quick-cart button{width:100%;min-height:34px;border:1px solid var(--brand);border-radius:4px;color:var(--brand-dark);background:#fff;font-size:11px;font-weight:800;opacity:0;transition:.2s}.product-card:hover .quick-cart button{opacity:1}.quick-cart button:hover{color:#fff;background:var(--brand)}.custom-made-section{color:#fff;background:#172c34}.custom-made-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px;padding-top:55px;padding-bottom:55px}.custom-made-grid h2{margin:0 0 16px;font-size:40px;line-height:1.14}.custom-made-grid p{color:#c7d2d6}.custom-made-grid>img{width:100%;border-radius:12px}.custom-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:25px 0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-grid article{min-height:220px;border:1px solid var(--line);border-radius:12px;padding:28px;background:#fff}.value-grid b{color:#cbd8dc;font-size:36px}.value-grid h3{margin:12px 0 8px}.value-grid p{margin:0;color:var(--muted);font-size:13px}
.breadcrumb{display:flex;min-height:52px;align-items:center;gap:9px;overflow:hidden;color:#858d93;font-size:12px;white-space:nowrap}.breadcrumb strong{overflow:hidden;color:#4b555b;text-overflow:ellipsis}.catalog-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:30px;padding-bottom:65px}.filter-sidebar{position:sticky;top:18px;border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff}.filter-group{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid var(--line)}.filter-group h3{margin:0 0 14px;font-size:15px}.filter-group>label:not(.radio-row){display:grid;gap:5px;margin-top:10px;color:var(--muted);font-size:12px}.filter-group input[type=number]{width:100%;height:39px;border:1px solid #dce1e4;border-radius:4px;padding:0 10px}.radio-row{display:flex;align-items:center;gap:8px;padding:5px 0;color:#4e575d;font-size:13px}.clear-filter{display:block;margin-top:12px;color:var(--muted);font-size:12px;text-align:center;text-decoration:underline}.filter-mobile-heading,.filter-toggle{display:none}.catalog-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.catalog-header h1{margin:0;font-size:30px}.catalog-header p{max-width:780px;margin:8px 0 0;color:var(--muted)}.catalog-toolbar{display:flex;min-height:49px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;color:var(--muted);font-size:12px}.catalog-toolbar select{height:34px;border:1px solid #dce1e4;border-radius:4px;padding:0 32px 0 10px;background:#fff}.product-grid--catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.pagination-wrap{margin-top:28px}.pagination{display:flex;flex-wrap:wrap;gap:5px;padding:0;list-style:none}.page-item .page-link{display:grid;min-width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:4px;padding:0 8px;background:#fff}.page-item.active .page-link{border-color:var(--brand);color:#fff;background:var(--brand)}.empty-state{display:grid;min-height:360px;place-items:center;align-content:center;gap:8px;padding:45px 20px;text-align:center}.empty-state>span{color:#b7c1c6;font-size:60px}.empty-state h2{margin:0}.empty-state p{margin:0 0 12px;color:var(--muted)}
.product-detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);gap:48px;padding-top:12px;padding-bottom:52px}.gallery-main{position:relative;display:grid;min-height:540px;place-items:center;overflow:hidden;border:1px solid var(--line);background:#fafbfb}.gallery-main img{width:100%;height:540px;object-fit:contain;padding:20px}.gallery-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.gallery-thumbs button{flex:0 0 82px;height:75px;border:1px solid var(--line);border-radius:4px;padding:4px;background:#fff}.gallery-thumbs button.active{border-color:var(--brand)}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.product-code{color:#8b949a;font-size:11px;text-transform:uppercase}.product-info h1{margin:8px 0 10px;font-size:29px;line-height:1.3}.product-rating{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.detail-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;padding:20px 0 10px}.detail-price strong{color:var(--accent);font-size:30px}.detail-price del{color:#949ca1}.detail-price span{border-radius:4px;padding:3px 7px;color:#a93220;background:#fff1ee;font-size:11px}.stock-line{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#3d7b4a;font-size:12px;font-weight:700}.stock-dot{width:8px;height:8px;border-radius:50%;background:#34a853;box-shadow:0 0 0 4px rgba(52,168,83,.12)}.short-description{color:#5c666d}.spec-list{border-top:1px dashed #d9dddf;border-bottom:1px dashed #d9dddf;padding:9px 0;margin:18px 0}.spec-list div{display:grid;grid-template-columns:105px 1fr;padding:5px 0;font-size:13px}.spec-list dt{color:#8a9297}.spec-list dd{margin:0;font-weight:600}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.option-grid select{width:100%;height:42px;border:1px solid #d8dde0;border-radius:4px;padding:0 10px;background:#fff}.buy-row{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-top:16px}.quantity-control{display:grid;height:52px;grid-template-columns:36px 1fr 36px;border:1px solid #d8dde0;border-radius:5px;overflow:hidden}.quantity-control button{border:0;background:#f5f6f6}.quantity-control input{min-width:0;border:0;outline:0;text-align:center}.add-cart-button{display:grid;align-content:center}.add-cart-button small{font-size:10px;font-weight:400;opacity:.85}.detail-actions{display:flex;gap:24px;margin:16px 0}.detail-actions button,.detail-actions a{border:0;color:#59636a;background:transparent;font-size:12px}.product-service-box{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;margin-top:20px}.product-service-box>div{display:flex;min-width:0;align-items:center;gap:8px;padding:12px;border-right:1px solid var(--line)}.product-service-box>div:last-child{border:0}.product-service-box b{font-size:20px}.product-service-box span{display:grid;min-width:0}.product-service-box strong{font-size:11px}.product-service-box small{overflow:hidden;color:#8b949a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-tabs{padding-bottom:65px}.product-tabs nav{display:flex;gap:30px;border-bottom:1px solid var(--line)}.product-tabs nav a{padding:14px 0;color:#606a70;font-weight:700}.product-tabs nav a.active{border-bottom:2px solid var(--brand);color:var(--brand-dark)}.product-description{max-width:900px;padding-top:30px;color:#4e585f}.product-description h2,.product-description h3{color:var(--ink)}.product-description table{width:100%;border-collapse:collapse;margin:20px 0 30px}.product-description th,.product-description td{border:1px solid var(--line);padding:10px 14px;text-align:left}.product-description th{width:190px;background:var(--soft)}.description-highlight{border-left:4px solid var(--brand);padding:18px 22px;margin:25px 0;background:var(--soft-blue)}
.page-section{padding-top:18px;padding-bottom:70px}.page-heading{margin-bottom:28px}.page-heading h1{margin:0;font-size:31px}.page-heading p{color:var(--muted)}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:30px}.cart-table{border-top:1px solid var(--line)}.cart-item{position:relative;display:grid;grid-template-columns:105px minmax(180px,1fr) 100px 110px 115px 25px;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.cart-item__image{display:grid;width:105px;height:92px;place-items:center;background:#f8f9f9}.cart-item__image img{width:100%;height:100%;object-fit:contain}.cart-item__info small{color:#9aa1a6;font-size:10px}.cart-item__info h3{margin:4px 0;font-size:14px;line-height:1.4}.cart-item__info p{margin:0;color:var(--muted);font-size:11px}.cart-item__price{font-size:13px}.cart-item__total{text-align:right}.mobile-item-price{display:none}.quantity-control--small{width:104px;height:38px;grid-template-columns:30px 1fr 30px}.remove-item{border:0;color:#9da4a8;background:transparent;font-size:22px}.cart-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.cart-actions>a{color:var(--muted);font-size:12px}.order-summary,.checkout-summary{position:sticky;top:20px;border:1px solid var(--line);border-radius:10px;padding:24px;background:#fff;box-shadow:0 8px 25px rgba(20,30,36,.05)}.order-summary h2,.checkout-summary h2{margin:0 0 22px;font-size:20px}.order-summary>div{display:flex;justify-content:space-between;padding:8px 0;color:#59636a}.shipping-progress{border-radius:6px;padding:10px;color:#4d727b;background:var(--soft-blue);font-size:11px}.order-summary .summary-total{border-top:1px solid var(--line);padding:18px 0;color:var(--ink)}.summary-total strong{color:var(--accent);font-size:21px}.order-summary>small{display:block;margin-top:12px;color:#8d959a;font-size:10px;text-align:center}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:45px;padding-top:15px;padding-bottom:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px;color:#4d575d;font-size:12px;font-weight:700}.field--full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dde0;border-radius:5px;outline:0;padding:11px 12px;color:var(--ink);background:#fff;font-weight:400}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,139,168,.08)}.payment-method{margin:32px 0 24px}.payment-method>label{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:7px;padding:14px;margin-top:10px}.payment-method>label:has(input:checked){border-color:var(--brand);background:var(--soft-blue)}.payment-method span{display:grid}.payment-method small{color:var(--muted)}.checkout-items{display:grid;gap:14px;max-height:365px;overflow:auto}.checkout-items>div{display:grid;grid-template-columns:66px 1fr auto;align-items:center;gap:12px}.checkout-items img{width:66px;height:58px;object-fit:contain;background:var(--soft)}.checkout-items span{display:grid}.checkout-items strong{font-size:12px;line-height:1.4}.checkout-items small{color:var(--muted);font-size:10px}.checkout-items b{font-size:12px;white-space:nowrap}.checkout-totals{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.checkout-totals p{display:flex;justify-content:space-between}.checkout-totals .grand-total{border-top:1px solid var(--line);padding-top:15px;font-size:17px}.grand-total strong{color:var(--accent);font-size:22px}.secure-note{color:#738087;font-size:10px;text-align:center}.success-page{display:grid;max-width:820px;min-height:650px;place-items:center;align-content:center;padding:55px 0 70px;text-align:center}.success-icon{display:grid;width:76px;height:76px;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:38px}.success-page h1{margin:8px 0;font-size:34px}.success-page>p{max-width:650px;color:var(--muted)}.success-order{display:grid;width:100%;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;margin:26px 0}.success-order>div{display:grid;padding:16px;border-right:1px solid var(--line)}.success-order>div:last-child{border:0}.success-order span{color:var(--muted);font-size:10px}.bank-box{width:100%;border:1px dashed #e0b989;border-radius:8px;padding:18px;background:#fff9f1}.success-actions{display:flex;gap:12px;margin-top:25px}
.auth-page{display:grid;min-height:calc(100vh - 156px);grid-template-columns:1.1fr .9fr}.auth-visual{position:relative;min-height:700px;overflow:hidden;color:#fff;background:#172c34}.auth-visual:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,27,34,.85),rgba(10,27,34,.1));content:''}.auth-visual img{width:100%;height:100%;object-fit:cover}.auth-visual>div{position:absolute;z-index:1;left:8%;bottom:11%}.auth-visual h2{margin:0;font-size:38px;line-height:1.2}.auth-card{display:grid;width:min(470px,calc(100% - 50px));align-content:center;justify-self:center}.auth-card .brand{margin-bottom:35px}.auth-card h1{margin:0;font-size:32px}.auth-card>p{margin:5px 0 25px;color:var(--muted)}.auth-card form{display:grid;gap:16px}.check-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.auth-switch{margin-top:20px;color:var(--muted);text-align:center}.auth-switch a{color:var(--brand);font-weight:700}.demo-account{display:grid;border-radius:6px;padding:11px;margin-top:20px;color:#49616a;background:var(--soft-blue);font-size:11px;text-align:center}.compare-scroll{overflow-x:auto}.compare-table{width:100%;min-width:760px;border-collapse:collapse}.compare-table th,.compare-table td{width:22%;border:1px solid var(--line);padding:15px;text-align:center}.compare-table th{width:150px;background:var(--soft);text-align:left}.compare-table img{width:160px;height:145px;object-fit:contain;margin:auto}.compare-table h3{font-size:13px}.compare-price{color:var(--accent);font-size:17px}.link-danger{border:0;color:var(--accent);background:transparent;font-size:11px;text-decoration:underline}.page-hero{padding:55px 0;color:#fff;background:linear-gradient(105deg,#172d35,#315763)}.page-hero h1{margin:0;font-size:38px}.page-hero p{max-width:720px;color:#cfdbde}.rich-content{max-width:950px;padding:30px 0 70px;color:#505b62}.rich-content h2,.rich-content h3{color:var(--ink)}.rich-content table{width:100%;border-collapse:collapse}.rich-content th,.rich-content td{border:1px solid var(--line);padding:10px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:55px 0 70px}.contact-info h2,.contact-form h2{margin-top:0;font-size:28px}.contact-info>p,.contact-form>p{color:var(--muted)}.contact-list{display:grid;gap:10px;margin:24px 0}.contact-list>div{display:flex;align-items:center;gap:13px}.contact-list>div>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:var(--brand);background:var(--soft-blue)}.contact-list p{display:grid;margin:0}.contact-list small{color:var(--muted)}.contact-map{display:grid;min-height:210px;place-items:center;border-radius:10px;background:radial-gradient(circle at 25% 20%,#d2eaed,transparent 35%),linear-gradient(135deg,#eef5f5,#dfe7e8);text-align:center}.contact-map div{display:grid}.contact-map span{color:var(--muted);font-size:11px}.contact-form{border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:var(--shadow)}.contact-form>.field,.contact-form>.form-grid{margin-bottom:15px}.account-layout{display:grid;grid-template-columns:235px 1fr;gap:35px;padding:20px 0 70px}.account-sidebar{display:grid;align-content:start;justify-items:center;border:1px solid var(--line);border-radius:9px;padding:25px 18px}.account-avatar{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#fff;background:var(--brand);font-size:23px;font-weight:800}.account-sidebar>strong{margin-top:10px}.account-sidebar>small{color:var(--muted)}.account-sidebar nav{display:grid;width:100%;gap:3px;border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.account-sidebar nav a,.account-sidebar nav button{width:100%;border:0;border-radius:5px;padding:9px;color:#59646a;background:transparent;text-align:left}.account-sidebar nav a.active{color:var(--brand-dark);background:var(--soft-blue)}.order-list{border-top:1px solid var(--line)}.order-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 120px 20px;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 4px}.order-row>span:not(.status){display:grid}.order-row small{color:var(--muted);font-size:10px}.status{display:inline-flex;width:max-content;align-items:center;justify-content:center;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700;text-transform:uppercase}.status--pending{color:#9d6412;background:#fff4d9}.status--confirmed{color:#176c80;background:#e6f6fa}.status--shipping{color:#384eae;background:#edf0ff}.status--completed{color:#26713a;background:#eaf7ed}.status--cancelled{color:#a13b2c;background:#fff0ed}.order-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.order-detail-header h1{margin:0}.order-detail-grid{display:grid;grid-template-columns:1fr 330px;align-items:start;gap:30px}.order-products,.delivery-card{border:1px solid var(--line);border-radius:9px;padding:22px}.order-products>div:not(.order-money){display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:14px;border-top:1px solid var(--line);padding:12px 0}.order-products img{width:75px;height:65px;object-fit:contain;background:var(--soft)}.order-products span{display:grid}.order-products small,.delivery-card small{color:var(--muted)}.order-money{border-top:1px solid var(--line);padding-top:10px}.order-money p{display:flex;justify-content:space-between}.delivery-card p{display:grid;border-top:1px solid var(--line);padding-top:10px}
.site-footer{color:#c9d2d6;background:#17252b}.footer-benefits{border-bottom:1px solid rgba(255,255,255,.1);background:#20343c}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit-grid>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;border-right:1px solid rgba(255,255,255,.1);padding:20px}.benefit-grid>div:last-child{border:0}.benefit-grid>div>span{grid-row:1/3;color:#7bc7d6;font-size:25px}.benefit-grid strong{color:#fff;font-size:13px}.benefit-grid small{font-size:10px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:55px;padding:50px 0 42px}.brand--footer .brand__home,.brand--footer .brand__office{font-size:22px}.footer-grid h4{margin-top:0;color:#fff}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:8px}.footer-grid a:not(.button){color:#b3bec2;font-size:12px}.footer-grid p{color:#aeb9bd;font-size:12px}.footer-hotline{color:#fff!important;font-size:21px!important;font-weight:800}.footer-bottom{display:flex;min-height:55px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);color:#839197;font-size:10px}.floating-contact{position:fixed;z-index:40;right:20px;bottom:25px;display:grid;gap:9px}.floating-contact a,.floating-contact button{display:grid;width:46px;height:46px;place-items:center;border:4px solid #fff;border-radius:50%;color:#fff;box-shadow:0 3px 10px rgba(20,30,36,.25);font-size:14px;font-weight:800}.float-zalo{background:#008bd2;font-size:10px!important}.float-message{background:#087bf0}.float-phone{background:#ff7335}.float-top{border:0!important;color:#59636a!important;background:#e8ecee;opacity:0;pointer-events:none;transition:.2s}.float-top.visible{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;z-index:100;inset:0;visibility:hidden}.mobile-drawer__overlay{position:absolute;inset:0;background:rgba(6,17,22,.58);opacity:0;transition:.25s}.mobile-drawer__panel{position:absolute;inset:0 auto 0 0;width:min(88vw,380px);overflow-y:auto;background:#fff;transform:translateX(-100%);transition:.25s}.drawer-open .mobile-drawer{visibility:visible}.drawer-open .mobile-drawer__overlay{opacity:1}.drawer-open .mobile-drawer__panel{transform:none}.mobile-drawer__header{display:flex;min-height:58px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 16px}.mobile-drawer__header button{border:0;background:transparent;font-size:28px}.mobile-search{display:flex;height:42px;border:1px solid var(--line);border-radius:6px;margin:14px;overflow:hidden}.mobile-search input{width:100%;border:0;padding:0 10px}.mobile-search button{width:45px;border:0;background:var(--soft)}.mobile-account{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 13px}.mobile-account a{border-radius:5px;padding:9px;color:var(--brand-dark);background:var(--soft-blue);text-align:center}.mobile-menu-list{border-top:1px solid var(--line)}.mobile-menu-list details{border-bottom:1px solid var(--line)}.mobile-menu-list summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;list-style:none;font-weight:700}.mobile-menu-list summary::-webkit-details-marker{display:none}.mobile-submenu{display:grid;padding:0 16px 12px 30px}.mobile-submenu a{padding:7px 0;color:var(--muted)}.mobile-drawer__footer{display:grid;gap:7px;padding:18px 14px}.mobile-drawer__footer a{border:1px solid var(--line);border-radius:5px;padding:10px;text-align:center}
.admin-body{background:#f3f5f6}.admin-shell{display:grid;min-height:100vh;grid-template-columns:245px 1fr}.admin-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:23px 16px;color:#cbd5d9;background:#16272e}.brand--admin{margin:0 10px 34px;color:#fff}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav a,.admin-sidebar__bottom a,.admin-sidebar__bottom button{width:100%;border:0;border-radius:6px;padding:10px 12px;color:#b7c4c9;background:transparent;text-align:left}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:rgba(104,193,211,.15)}.admin-sidebar__bottom{display:grid;gap:3px;margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:14px}.admin-main{min-width:0}.admin-topbar{display:flex;min-height:68px;align-items:center;gap:12px;border-bottom:1px solid #e1e5e7;padding:0 28px;background:#fff}.admin-topbar>div{display:grid}.admin-topbar small{color:var(--muted)}.admin-user{margin-left:auto;border-radius:30px;padding:7px 12px;background:var(--soft);font-size:12px}.admin-menu-button{display:none;border:0;background:transparent;font-size:22px}.admin-content{padding:28px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-heading h1{margin:0;font-size:27px}.admin-heading p{margin:4px 0 0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-grid article{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;border:1px solid #e0e4e6;border-radius:9px;padding:18px;background:#fff}.stat-grid article>span{display:grid;grid-row:1/3;width:34px;height:34px;place-items:center;border-radius:7px;color:var(--brand);background:var(--soft-blue)}.stat-grid small{color:var(--muted)}.stat-grid strong{font-size:20px}.admin-card{border:1px solid #e0e4e6;border-radius:9px;padding:20px;background:#fff}.admin-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.admin-card h2{margin-top:0;font-size:18px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{color:#758087;background:#f7f8f8;font-size:10px;text-align:left;text-transform:uppercase}.admin-table th,.admin-table td{border-bottom:1px solid #e7eaec;padding:12px;vertical-align:middle}.admin-table td{font-size:12px}.admin-table td small{display:block;color:var(--muted)}.admin-table a{color:var(--brand-dark);font-weight:700}.table-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.table-actions form{display:inline}.table-actions button{border:0;color:var(--accent);background:transparent;padding:0}.admin-product{display:flex;min-width:270px;align-items:center;gap:10px}.admin-product img{width:54px;height:48px;object-fit:contain;background:var(--soft)}.admin-product span{display:grid}.admin-search{display:flex;max-width:620px;gap:8px;margin-bottom:16px}.admin-search input,.admin-search select{min-width:0;height:40px;border:1px solid #d9dfe2;border-radius:5px;padding:0 10px;background:#fff}.admin-search input{flex:1}.admin-search button{border:0;border-radius:5px;padding:0 18px;color:#fff;background:var(--brand)}.admin-form{max-width:1000px}.admin-form>.field{margin-bottom:15px}.check-group{display:flex;flex-wrap:wrap;gap:22px;margin:20px 0}.check-group label{display:flex;align-items:center;gap:7px}.admin-order-grid{display:grid;grid-template-columns:1fr 340px;align-items:start;gap:20px}.admin-order-grid aside{display:grid;gap:20px}.admin-order-grid aside p{display:grid;border-top:1px solid var(--line);padding-top:9px}.admin-order-grid aside small{color:var(--muted)}.admin-order-item{display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}.admin-order-item img{width:65px;height:56px;object-fit:contain;background:var(--soft)}.admin-order-item span{display:grid}.admin-order-item small{color:var(--muted)}.banner-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.banner-admin-grid article{display:grid;grid-template-columns:220px 1fr;gap:18px}.banner-admin-grid img{width:220px;height:130px;object-fit:cover;border-radius:6px;background:var(--soft)}
@media(max-width:1180px){.header-main{grid-template-columns:210px 1fr auto;gap:22px}.nav-item>a{padding:0 9px;font-size:11px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-scroller{grid-template-columns:repeat(6,minmax(0,1fr))}.product-grid--catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.product-detail{gap:30px}.gallery-main,.gallery-main img{min-height:460px;height:460px}.cart-item{grid-template-columns:85px minmax(160px,1fr) 90px 100px 100px 20px;gap:12px}.cart-item__image{width:85px;height:78px}.stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.container{width:min(100% - 30px,var(--container))}.desktop-only{display:none!important}.mobile-only{display:flex!important}body{padding-bottom:62px}.top-strip{display:none}.site-header{position:sticky;top:0}.header-main{min-height:62px;grid-template-columns:42px 1fr auto;gap:9px}.brand{justify-self:center}.brand__home,.brand__office{font-size:19px}.brand small{top:21px;font-size:5px}.icon-button{display:grid!important;width:40px;height:40px;place-items:center;border:0;background:transparent}.hamburger,.hamburger:before,.hamburger:after{display:block;width:22px;height:2px;background:#253039;content:''}.hamburger{position:relative}.hamburger:before{position:absolute;top:-7px}.hamburger:after{position:absolute;top:7px}.search-box{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:39px;margin-bottom:10px}.header-actions{justify-self:end}.round-action{width:38px;height:38px;border:0;font-size:18px}.hero-section{padding-top:10px}.hero-grid{grid-template-columns:1fr}.hero-main img{min-height:0;aspect-ratio:1.68/1}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.hero-side img{min-height:0;aspect-ratio:1.72/1}.section{padding:44px 0}.section-heading h2{font-size:25px}.category-scroller{display:flex;margin-inline:-15px;overflow-x:auto;padding:0 15px 10px}.category-card{flex:0 0 145px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card__actions{display:none}.quick-cart button{opacity:1}.custom-made-grid{grid-template-columns:1fr;gap:28px;padding:42px 0}.value-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filter-sidebar{position:fixed;z-index:120;inset:0 auto 0 0;width:min(88vw,350px);overflow-y:auto;border-radius:0;transform:translateX(-105%);transition:.25s}.filter-open .filter-sidebar{transform:none;box-shadow:20px 0 50px rgba(11,22,27,.3)}.filter-mobile-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.filter-mobile-heading button{border:0;background:transparent;font-size:26px}.filter-toggle{display:inline-flex;border:1px solid var(--line);border-radius:5px;padding:8px 12px;background:#fff}.product-grid--catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}.gallery-main,.gallery-main img{min-height:0;height:auto;aspect-ratio:1/1}.cart-layout,.checkout-layout{grid-template-columns:1fr}.order-summary,.checkout-summary{position:static}.cart-item{grid-template-columns:85px 1fr 105px 20px}.cart-item__price{display:none}.cart-item__total{grid-column:3;grid-row:2}.cart-item .quantity-control{grid-column:3;grid-row:1}.cart-item .remove-item{grid-column:4;grid-row:1/3}.mobile-item-price{display:inline;color:var(--accent);font-weight:700}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{min-height:630px}.contact-layout{grid-template-columns:1fr}.account-layout{grid-template-columns:1fr}.account-sidebar{display:none}.order-detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-grid>div:last-child{grid-column:1/-1}.floating-contact{right:12px;bottom:75px}.mobile-bottom-nav{position:fixed;z-index:70;right:0;bottom:0;left:0;display:grid!important;height:61px;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fff;box-shadow:0 -5px 18px rgba(20,30,36,.08)}.mobile-bottom-nav a,.mobile-bottom-nav button{display:grid;place-items:center;align-content:center;border:0;color:#687278;background:#fff;font-size:9px}.mobile-bottom-nav span{color:var(--brand);font-size:19px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;z-index:200;inset:0 auto 0 0;width:245px;transform:translateX(-100%);transition:.25s}.admin-menu-open .admin-sidebar{transform:none}.admin-menu-button{display:block}.admin-content{padding:20px}.admin-order-grid{grid-template-columns:1fr}}
@media(max-width:640px){.container{width:calc(100% - 24px)}.header-main{grid-template-columns:38px 1fr auto}.header-actions{gap:0}.hero-grid,.hero-side{gap:8px}.hero-main,.hero-side a{border-radius:7px}.section{padding:35px 0}.section-heading{align-items:center;margin-bottom:18px}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:9px}.category-card{flex-basis:125px}.product-grid,.product-grid--catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card__body{min-height:190px;padding:10px}.product-card__body h3{font-size:12px}.product-card__price strong{font-size:14px}.quick-cart button{opacity:1;min-height:31px}.custom-made-grid h2{font-size:28px}.custom-features{grid-template-columns:1fr;font-size:12px}.value-grid{grid-template-columns:1fr}.value-grid article{min-height:0;padding:22px}.catalog-header{align-items:center}.catalog-header h1{font-size:24px}.catalog-header p{display:none}.catalog-toolbar select{max-width:155px}.product-info h1{font-size:22px}.detail-price strong{font-size:25px}.option-grid{grid-template-columns:1fr}.buy-row{grid-template-columns:105px 1fr}.product-service-box{grid-template-columns:1fr}.product-service-box>div{border-right:0;border-bottom:1px solid var(--line)}.product-tabs nav{gap:15px;overflow-x:auto;white-space:nowrap;font-size:12px}.cart-item{grid-template-columns:76px 1fr 87px 18px;gap:8px;padding:14px 0}.cart-item__image{width:76px;height:70px}.cart-item__info h3{font-size:12px}.cart-item__info p{display:none}.quantity-control--small{width:87px;grid-template-columns:26px 1fr 26px}.cart-actions>a{display:none}.cart-actions .button{width:100%}.form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}.success-order{grid-template-columns:1fr 1fr}.success-actions{flex-direction:column;width:100%}.auth-card{width:calc(100% - 30px)}.page-hero{padding:38px 0}.page-hero h1{font-size:28px}.contact-form{padding:20px}.order-row{grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;margin-bottom:10px;padding:14px}.order-row>b{display:none}.order-detail-header{align-items:flex-start;flex-direction:column}.footer-benefits{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px;padding-top:36px}.footer-brand,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center}.floating-contact .float-message,.floating-contact .float-zalo{display:none}.admin-content{padding:14px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-heading .button{width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-grid article{padding:12px}.admin-card{padding:14px}.admin-search{flex-wrap:wrap}.admin-search input{flex-basis:100%}.banner-admin-grid{grid-template-columns:1fr}.banner-admin-grid article{grid-template-columns:1fr}.banner-admin-grid img{width:100%;height:auto}}

/* =========================================================
   THEME V4 - ACTIVE NAV, CATEGORY SIDEBAR & PREMIUM MOTION
   ========================================================= */
:root{
    --ink:#111a22;
    --muted:#667680;
    --line:#e1e8eb;
    --soft:#f5f8f9;
    --soft-blue:#eaf7f9;
    --brand:#008ca8;
    --brand-dark:#006a80;
    --brand-rgb:0,140,168;
    --accent:#f04b2f;
    --green:#36a449;
    --radius-sm:8px;
    --radius-md:14px;
    --radius-lg:20px;
    --shadow-sm:0 8px 24px rgba(17,31,40,.07);
    --shadow:0 18px 48px rgba(17,31,40,.11);
    --ease:cubic-bezier(.22,.72,.28,1);
}
body{background:#fbfcfd}
a,button,input,select,textarea{transition:border-color .22s var(--ease),background-color .22s var(--ease),color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease),opacity .22s var(--ease)}
:focus-visible{outline:3px solid rgba(var(--brand-rgb),.22);outline-offset:3px}
.button{border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 8px 20px rgba(var(--brand-rgb),.18)}
.button:hover{box-shadow:0 12px 26px rgba(var(--brand-rgb),.25);transform:translateY(-2px)}
.site-header{transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.site-header.is-scrolled{box-shadow:0 10px 32px rgba(15,30,39,.11)}
.header-main{transition:min-height .25s var(--ease)}
.search-box{border-radius:10px;box-shadow:0 3px 14px rgba(20,35,44,.035)}
.search-box:focus-within{box-shadow:0 0 0 4px rgba(var(--brand-rgb),.1),0 8px 24px rgba(20,35,44,.07)}
.round-action{box-shadow:0 4px 14px rgba(18,31,39,.045)}
.round-action:hover{box-shadow:0 8px 20px rgba(var(--brand-rgb),.13);transform:translateY(-2px)}

/* Desktop horizontal navigation: clear active state */
.desktop-nav{background:rgba(255,255,255,.96);box-shadow:0 5px 15px rgba(19,31,39,.035)}
.nav-item>a{position:relative;color:#1d2830;font-weight:700;transition:color .22s var(--ease)}
.nav-item>a::after{position:absolute;right:14px;bottom:0;left:14px;height:3px;border-radius:6px 6px 0 0;background:linear-gradient(90deg,var(--brand),#16b4c7);content:"";transform:scaleX(0);transform-origin:center;transition:transform .28s var(--ease)}
.nav-item:hover>a,.nav-item:focus-within>a,.nav-item.is-active>a{color:var(--brand-dark)}
.nav-item:hover>a::after,.nav-item:focus-within>a::after,.nav-item.is-active>a::after{transform:scaleX(1)}
.nav-item.is-active>a{background:linear-gradient(180deg,rgba(var(--brand-rgb),.02),rgba(var(--brand-rgb),.075));font-weight:800}
.nav-item.is-active>a::before{position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--accent);content:"";box-shadow:0 0 0 4px rgba(240,75,47,.1)}

/* Animated mega menu */
.mega-menu{display:grid;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,14px);transform-origin:top center;transition:opacity .22s var(--ease),transform .28s var(--ease),visibility .22s;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 28px 65px rgba(15,28,36,.18)}
.nav-item:hover .mega-menu,.nav-item:focus-within .mega-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.mega-menu__links a{border:1px solid transparent;transition:all .22s var(--ease)}
.mega-menu__links a:hover{border-color:rgba(var(--brand-rgb),.16);background:linear-gradient(135deg,var(--soft-blue),#fff);transform:translateX(3px)}
.mega-menu__links a.is-active{border-color:rgba(var(--brand-rgb),.22);color:var(--brand-dark);background:var(--soft-blue);box-shadow:inset 3px 0 0 var(--brand)}
.mega-menu__links a.is-active small{color:var(--brand)}
.mega-menu__intro .text-link.is-active{color:var(--accent)}

/* Catalog layout */
.breadcrumb{margin-top:8px;color:#7c8b94}
.breadcrumb a:hover{color:var(--brand)}
.catalog-layout{grid-template-columns:278px minmax(0,1fr);gap:34px;padding-bottom:76px}
.catalog-content{min-width:0}
.catalog-header{padding:10px 0 4px}
.catalog-header h1{font-size:34px;letter-spacing:-.035em}
.catalog-header p{font-size:14px}
.catalog-toolbar{min-height:58px;border-color:var(--line);margin-bottom:24px}
.sort-control{display:flex;align-items:center;gap:10px}
.sort-control>span{color:#89969e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.catalog-toolbar select{min-width:172px;height:39px;border-radius:9px;background-color:#fff;box-shadow:0 3px 12px rgba(20,35,44,.04)}

/* New category navigation sidebar */
.filter-sidebar.category-sidebar{position:sticky;top:18px;overflow:hidden;border:1px solid #dfe7ea;border-radius:var(--radius-md);padding:0;background:#fff;box-shadow:var(--shadow-sm)}
.subcategory-panel{padding:22px 16px 14px;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}
.subcategory-panel__heading{padding:0 8px 17px;border-bottom:1px solid var(--line)}
.subcategory-panel__heading .eyebrow{margin-bottom:5px}
.subcategory-panel__heading h2{margin:0;color:var(--ink);font-size:19px;line-height:1.25;letter-spacing:-.02em}
.subcategory-panel__heading p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.subcategory-list{display:grid;gap:5px;padding-top:12px}
.subcategory-link{position:relative;display:grid;min-height:48px;grid-template-columns:30px minmax(0,1fr) auto 16px;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:6px 8px;color:#34434c;background:transparent;font-size:13px;line-height:1.3}
.subcategory-link::before{position:absolute;top:8px;bottom:8px;left:-1px;width:3px;border-radius:0 4px 4px 0;background:var(--brand);content:"";opacity:0;transform:scaleY(.35);transition:opacity .2s var(--ease),transform .25s var(--ease)}
.subcategory-link:hover{border-color:rgba(var(--brand-rgb),.14);color:var(--brand-dark);background:var(--soft-blue);transform:translateX(3px)}
.subcategory-link.is-active{border-color:rgba(var(--brand-rgb),.2);color:var(--brand-dark);background:linear-gradient(135deg,rgba(var(--brand-rgb),.12),rgba(var(--brand-rgb),.045));box-shadow:0 7px 18px rgba(var(--brand-rgb),.1);font-weight:800}
.subcategory-link.is-active::before{opacity:1;transform:scaleY(1)}
.subcategory-link__icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#7d8b93;background:#f0f4f5;font-size:9px;font-weight:900;letter-spacing:.03em}
.subcategory-link:hover .subcategory-link__icon,.subcategory-link.is-active .subcategory-link__icon{color:#fff;background:linear-gradient(135deg,var(--brand),#18aabe);box-shadow:0 5px 12px rgba(var(--brand-rgb),.2)}
.subcategory-link__label{min-width:0}
.subcategory-link__count{display:grid;min-width:23px;height:23px;place-items:center;border-radius:20px;color:#718089;background:#eef2f3;font-size:9px;font-weight:800}
.subcategory-link.is-active .subcategory-link__count{color:var(--brand-dark);background:#fff}
.subcategory-link__arrow{color:#a4afb5;font-size:18px;transition:transform .22s var(--ease),color .22s var(--ease)}
.subcategory-link:hover .subcategory-link__arrow,.subcategory-link.is-active .subcategory-link__arrow{color:var(--brand);transform:translateX(2px)}
.subcategory-link--all{margin-bottom:2px}

.price-filter-card{display:grid;gap:15px;border-top:1px solid var(--line);padding:20px;background:#f8fafb}
.price-filter-card__heading{display:flex;align-items:center;gap:11px}
.price-filter-card__heading>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:var(--brand-dark);background:var(--soft-blue);font-size:17px;font-weight:900}
.price-filter-card__heading div{display:grid}
.price-filter-card__heading strong{font-size:14px}
.price-filter-card__heading small{color:#8a969d;font-size:10px}
.price-filter-inputs{display:grid;grid-template-columns:1fr 12px 1fr;align-items:end;gap:6px}
.price-filter-inputs label{display:grid;gap:5px;color:#718089;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.price-filter-inputs input{width:100%;height:38px;border:1px solid #d8e1e4;border-radius:8px;padding:0 9px;color:var(--ink);background:#fff;font-size:12px;outline:0}
.price-filter-inputs input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.09)}
.price-filter-separator{align-self:end;padding-bottom:8px;color:#9ba6ac;text-align:center}
.price-filter-card .button{min-height:40px;padding:8px 12px;font-size:11px}
.price-filter-card .clear-filter{margin:0;color:var(--accent);font-weight:700;text-decoration:none}
.filter-overlay{display:none}
.filter-toggle{align-items:center;gap:7px;border-radius:10px;color:var(--brand-dark);font-weight:800;box-shadow:0 4px 14px rgba(20,35,44,.05)}
.filter-toggle:hover{border-color:var(--brand);background:var(--soft-blue);transform:translateY(-1px)}

/* Unified cards and subtle premium effects */
.category-card,.product-card,.value-grid article,.auth-card,.contact-form,.order-summary,.checkout-summary{border-color:#e1e8eb;border-radius:var(--radius-md)}
.product-card{overflow:hidden;box-shadow:0 5px 18px rgba(17,31,40,.035)}
.product-card:hover{border-color:rgba(var(--brand-rgb),.26);box-shadow:0 18px 42px rgba(17,31,40,.12);transform:translateY(-6px)}
.product-card__media{background:radial-gradient(circle at 80% 20%,rgba(var(--brand-rgb),.055),transparent 28%),linear-gradient(180deg,#fbfcfc,#f5f7f7)}
.product-card__media img{transition:transform .48s var(--ease),filter .35s var(--ease)}
.product-card:hover .product-card__media img{filter:saturate(1.04);transform:scale(1.055)}
.sale-badge,.new-badge{box-shadow:0 6px 16px rgba(20,35,44,.13)}
.quick-cart button{border-radius:8px}
.pagination-wrap .page-link{transition:all .2s var(--ease)}
.pagination-wrap .page-link:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}

/* Mobile menu active state */
.mobile-menu-list details.is-active{background:linear-gradient(90deg,rgba(var(--brand-rgb),.08),transparent)}
.mobile-menu-list details.is-active>summary{color:var(--brand-dark);box-shadow:inset 4px 0 0 var(--brand)}
.mobile-menu-list summary a.is-active,.mobile-submenu a.is-active{color:var(--brand-dark);font-weight:800}
.mobile-submenu a{border-radius:7px;padding:8px 10px}
.mobile-submenu a:hover,.mobile-submenu a.is-active{background:var(--soft-blue)}
.mobile-bottom-nav a,.mobile-bottom-nav button{position:relative;transition:color .2s var(--ease),background-color .2s var(--ease)}
.mobile-bottom-nav .is-active{color:var(--brand-dark);background:linear-gradient(180deg,rgba(var(--brand-rgb),.08),rgba(var(--brand-rgb),.02))}
.mobile-bottom-nav .is-active::before{position:absolute;top:0;left:50%;width:34px;height:3px;border-radius:0 0 4px 4px;background:var(--brand);content:"";transform:translateX(-50%)}
.mobile-bottom-nav .is-active span{transform:translateY(-1px)}

/* Scroll reveal is enabled only after JS adds the helper class */
.reveal-ready{opacity:0;transform:translateY(16px)}
.reveal-ready.reveal-visible{opacity:1;transform:none;transition:opacity .55s var(--ease) var(--reveal-delay,0ms),transform .55s var(--ease) var(--reveal-delay,0ms)}

@media(max-width:1180px){
    .catalog-layout{grid-template-columns:248px minmax(0,1fr);gap:24px}
    .subcategory-link{font-size:12px}
}

@media(max-width:900px){
    .site-header.is-scrolled{box-shadow:0 8px 25px rgba(15,30,39,.12)}
    .catalog-layout{display:block}
    .filter-sidebar.category-sidebar{position:fixed;z-index:131;top:0;bottom:0;left:0;width:min(89vw,370px);max-height:100vh;overflow-y:auto;border:0;border-radius:0;box-shadow:none;transform:translateX(-105%);transition:transform .32s var(--ease)}
    .filter-open .filter-sidebar.category-sidebar{transform:translateX(0);box-shadow:24px 0 65px rgba(9,22,29,.28)}
    .filter-mobile-heading{position:sticky;z-index:2;top:0;display:flex;min-height:66px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0;padding:10px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
    .filter-mobile-heading div{display:grid}
    .filter-mobile-heading small{color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.14em}
    .filter-mobile-heading strong{font-size:16px}
    .filter-mobile-heading button{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#54616a;background:#f0f4f5;font-size:24px}
    .filter-overlay{position:fixed;z-index:130;inset:0;display:block;visibility:hidden;border:0;background:rgba(8,20,27,.57);opacity:0;backdrop-filter:blur(2px);transition:opacity .28s var(--ease),visibility .28s}
    .filter-open .filter-overlay{visibility:visible;opacity:1}
    .subcategory-panel{padding-top:18px}
    .price-filter-card{padding-bottom:30px}
    .catalog-header{align-items:center}
    .catalog-header h1{font-size:29px}
    .filter-toggle{display:inline-flex;flex:0 0 auto}
}

@media(max-width:640px){
    .catalog-header{align-items:flex-start;gap:12px}
    .catalog-header h1{font-size:25px}
    .catalog-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 0}
    .catalog-toolbar form,.sort-control{width:100%}
    .sort-control{justify-content:space-between}
    .catalog-toolbar select{width:100%;max-width:none}
    .filter-toggle{min-height:40px;padding:8px 10px;font-size:11px}
    .product-card:hover{transform:translateY(-3px)}
    .subcategory-panel__heading h2{font-size:18px}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
    .reveal-ready{opacity:1;transform:none}
}

/* =========================================================
   THEME V5 - wider layout, sticky navigation and AJAX cart
   ========================================================= */
:root{
    --container:1520px;
    --sticky-header-height:124px;
    --page-gutter:48px;
}
.container{
    width:min(var(--container),calc(100% - var(--page-gutter)));
    margin-left:auto;
    margin-right:auto;
}
.site-header{
    position:sticky;
    z-index:100;
    top:0;
    transition:box-shadow .25s var(--ease),background-color .25s var(--ease),transform .25s var(--ease);
}
.site-header.is-scrolled{
    background:rgba(255,255,255,.97);
    box-shadow:0 10px 30px rgba(12,28,37,.12);
    backdrop-filter:saturate(1.2) blur(14px);
}
.site-header.is-scrolled .desktop-nav{box-shadow:0 5px 14px rgba(16,29,37,.035)}
.site-header:not(.is-scrolled) .mega-menu{top:156px}
.site-header.is-scrolled .mega-menu{top:124px}
main{min-height:55vh}

/* Account popover opens by click and always sits below the complete header. */
.account-menu:hover .account-popover{display:none}
.account-menu.is-open .account-popover{display:grid}
.account-popover{
    position:fixed;
    z-index:260;
    top:156px;
    right:max(24px,calc((100vw - var(--container))/2 + 102px));
    width:272px;
    gap:4px;
    overflow:hidden;
    border:1px solid #dce6e9;
    border-radius:14px;
    padding:10px;
    background:#fff;
    box-shadow:0 22px 55px rgba(13,28,37,.18);
    transform-origin:top right;
    animation:popover-in .22s var(--ease) both;
}
.site-header.is-scrolled .account-popover{top:124px}
.account-popover::before{
    position:absolute;
    inset:0 0 auto;
    height:3px;
    background:linear-gradient(90deg,var(--brand),#22b8cc,var(--accent));
    content:"";
}
.account-popover__welcome{
    display:grid;
    gap:1px;
    margin:2px 4px 7px;
    border-bottom:1px solid var(--line);
    padding:10px 8px 13px;
}
.account-popover__welcome span{color:#849199;font-size:11px}
.account-popover__welcome strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.account-popover a,.account-popover button{
    display:flex;
    width:100%;
    min-height:42px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:0;
    border-radius:9px;
    padding:9px 11px;
    color:#34444d;
    background:transparent;
    font-size:13px;
    text-align:left;
    transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease);
}
.account-popover a:hover,.account-popover button:hover{color:var(--brand-dark);background:var(--soft-blue);transform:translateX(2px)}
.account-popover b{color:#a0abb0;font-size:17px}

/* Header mini cart */
.cart-menu{position:relative}
.cart-menu.is-open .cart-preview{display:grid}
.cart-preview{
    position:fixed;
    z-index:260;
    top:156px;
    right:max(24px,calc((100vw - var(--container))/2));
    display:none;
    width:min(420px,calc(100vw - 32px));
    overflow:hidden;
    border:1px solid #dce6e9;
    border-radius:16px;
    background:#fff;
    box-shadow:0 26px 65px rgba(11,27,36,.2);
    transform-origin:top right;
    animation:popover-in .24s var(--ease) both;
}
.site-header.is-scrolled .cart-preview{top:124px}
.cart-preview::before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand),#1db5c8,var(--accent));content:""}
.cart-preview__header{display:flex;min-height:70px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 18px 12px}
.cart-preview__header>div{display:grid;gap:2px}
.cart-preview__header span{color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.15em}
.cart-preview__header strong{font-size:16px}
.cart-preview__header strong b{font-weight:900}
.cart-preview__header button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;color:#65727a;background:#f1f5f6;font-size:22px;transition:.2s var(--ease)}
.cart-preview__header button:hover{color:#fff;background:var(--brand);transform:rotate(6deg)}
.cart-preview__items{display:grid;max-height:min(420px,52vh);overflow-y:auto;overscroll-behavior:contain;padding:4px 16px}
.mini-cart-item{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid #edf1f2;padding:12px 0}
.mini-cart-item:last-child{border-bottom:0}
.mini-cart-item>a{display:block;overflow:hidden;border-radius:9px;background:#f5f8f8}
.mini-cart-item img{width:68px;height:62px;object-fit:contain;padding:4px;transition:transform .25s var(--ease)}
.mini-cart-item:hover img{transform:scale(1.06)}
.mini-cart-item>div{display:grid;gap:5px;min-width:0}
.mini-cart-item>div>a{display:-webkit-box;overflow:hidden;color:#26343c;font-size:12px;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mini-cart-item>div>a:hover{color:var(--brand)}
.mini-cart-item small{color:#89959c;font-size:10px}
.mini-cart-item>strong{color:var(--ink);font-size:12px;white-space:nowrap}
.cart-preview__empty{display:grid;min-height:190px;place-items:center;align-content:center;gap:6px;color:#65737b;text-align:center}
.cart-preview__empty span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--soft-blue);font-size:25px}
.cart-preview__empty strong{color:var(--ink);font-size:15px}
.cart-preview__empty small{font-size:11px}
.cart-preview__footer{display:grid;gap:13px;border-top:1px solid var(--line);padding:15px 18px 18px;background:linear-gradient(180deg,#fbfdfd,#f5f9fa)}
.cart-preview__footer.is-empty{display:none}
.cart-preview__footer>div:first-child{display:flex;align-items:center;justify-content:space-between}
.cart-preview__footer>div:first-child span{color:#68767e;font-size:12px}
.cart-preview__footer>div:first-child strong{color:var(--accent);font-size:18px}
.cart-preview__actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cart-preview__actions .button{min-height:42px;padding:8px 12px;font-size:11px}

/* AJAX cart feedback */
.toast-stack{position:fixed;z-index:400;top:18px;left:50%;display:grid;width:min(420px,calc(100vw - 28px));gap:9px;pointer-events:none;transform:translateX(-50%)}
.site-toast{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #cde6dd;border-radius:12px;padding:10px 14px;color:#285345;background:rgba(247,255,251,.98);box-shadow:0 15px 38px rgba(10,28,36,.16);opacity:0;transform:translateY(-16px) scale(.96);transition:opacity .24s var(--ease),transform .24s var(--ease)}
.site-toast.is-visible{opacity:1;transform:none}
.site-toast--error{border-color:#f2d2cd;color:#8f2e20;background:rgba(255,248,247,.98)}
.site-toast__icon{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#31a66b;font-size:17px;font-weight:900}
.site-toast--error .site-toast__icon{background:var(--accent)}
.cart-fly-image{position:fixed;z-index:390;object-fit:contain;border:2px solid rgba(255,255,255,.92);border-radius:14px;background:#fff;box-shadow:0 18px 38px rgba(8,25,34,.24);pointer-events:none}
.cart-action.cart-pulse{animation:cart-pulse .62s var(--ease)}
.badge-count.is-bumping{animation:badge-bump .48s var(--ease)}
button.is-loading{cursor:wait;opacity:.86}
.button-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner .65s linear infinite}

/* Desktop sticky category panel. The contents can scroll internally only when the viewport is short. */
.filter-sidebar.category-sidebar{
    top:calc(var(--sticky-header-height) + 16px);
    max-height:calc(100vh - var(--sticky-header-height) - 32px);
    overflow-x:hidden;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#c8d6da transparent;
}
.filter-sidebar.category-sidebar::-webkit-scrollbar{width:5px}
.filter-sidebar.category-sidebar::-webkit-scrollbar-thumb{border-radius:10px;background:#c8d6da}
.filter-sidebar.category-sidebar::-webkit-scrollbar-track{background:transparent}

@keyframes popover-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes cart-pulse{0%,100%{transform:scale(1)}30%{transform:scale(1.16) rotate(-7deg)}58%{transform:scale(.96) rotate(3deg)}}
@keyframes badge-bump{0%,100%{transform:scale(1)}45%{transform:scale(1.5)}}
@keyframes spinner{to{transform:rotate(1turn)}}

@media(max-width:1180px){
    :root{--page-gutter:34px}
    .account-popover{right:88px}
    .cart-preview{right:18px}
}

@media(max-width:900px){
    :root{--page-gutter:30px;--sticky-header-height:111px}
    .site-header{top:0}
    .site-header.is-scrolled .header-main{min-height:62px}
    .cart-preview,.site-header.is-scrolled .cart-preview{
        top:111px;
        right:15px;
        left:15px;
        width:auto;
        max-height:calc(100vh - 128px);
    }
    .cart-preview__items{max-height:44vh}
    .filter-sidebar.category-sidebar{
        top:0;
        max-height:100vh;
    }
    .toast-stack{top:12px}
}

@media(max-width:640px){
    :root{--page-gutter:24px;--sticky-header-height:111px}
    .container{width:calc(100% - var(--page-gutter))}
    .cart-preview,.site-header.is-scrolled .cart-preview{right:8px;left:8px;border-radius:13px}
    .cart-preview__header{min-height:62px;padding:10px 13px}
    .cart-preview__items{padding-inline:12px}
    .mini-cart-item{grid-template-columns:58px minmax(0,1fr);gap:9px}
    .mini-cart-item img{width:58px;height:54px}
    .mini-cart-item>strong{grid-column:2;justify-self:start;margin-top:-5px;color:var(--accent)}
    .cart-preview__footer{padding:13px}
    .cart-preview__actions{grid-template-columns:1fr}
    .toast-stack{top:9px}
}

/* =========================================================
   THEME V6 - sticky navigation, premium values and analytics
   ========================================================= */
:root{
    --admin-ink:#27182a;
    --admin-muted:#806f7e;
    --admin-accent:#f47b45;
    --admin-plum:#54243e;
    --admin-soft:#fbf7f4;
    --admin-line:#eadfda;
}

/* Keep the complete customer header visible and align floating layers to it. */
.site-header{position:sticky!important;top:0!important;z-index:220!important}
.desktop-nav{position:relative;z-index:3;background:rgba(255,255,255,.98);backdrop-filter:blur(14px)}
.mega-menu,.account-popover,.cart-preview{top:calc(var(--sticky-header-height,124px) + 8px)!important}
.account-menu:hover .account-popover{display:none!important}
.account-menu.is-open .account-popover{display:grid!important}
.filter-sidebar.category-sidebar{
    position:sticky!important;
    top:calc(var(--sticky-header-height,124px) + 18px)!important;
    max-height:calc(100vh - var(--sticky-header-height,124px) - 36px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    align-self:start;
}

/* Guaranteed button contrast, including mini cart and admin actions. */
.button,.admin-button{color:#fff!important;background:var(--brand);border-color:var(--brand)}
.button:hover,.admin-button:hover{color:#fff!important;background:var(--brand-dark);border-color:var(--brand-dark)}
.button--outline,.admin-button--ghost{color:var(--brand-dark)!important;background:#fff!important;border-color:#a9d5df!important}
.button--outline:hover,.admin-button--ghost:hover{color:#fff!important;background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}
.button--outline-light{color:#fff!important;background:transparent!important;border-color:rgba(255,255,255,.65)!important}
.cart-preview__actions .button{box-shadow:0 8px 18px rgba(0,139,168,.14)}
.cart-preview__actions .button--outline{color:#006b80!important;background:#fff!important}
.cart-preview__actions .button--outline:hover{color:#fff!important;background:#006e87!important}

/* Long-form value section. */
.value-showcase{position:relative;overflow:hidden;padding:94px 0 88px;color:#f5fbfc;background:linear-gradient(135deg,#132e38 0%,#0b222c 54%,#143944 100%)}
.value-showcase::before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 86%);content:""}
.value-showcase__glow{position:absolute;width:460px;height:460px;border-radius:50%;filter:blur(10px);opacity:.24;pointer-events:none}
.value-showcase__glow--one{top:-240px;right:-90px;background:radial-gradient(circle,#28c0d5,transparent 68%)}
.value-showcase__glow--two{bottom:-300px;left:-110px;background:radial-gradient(circle,#f07845,transparent 68%)}
.value-showcase__inner{position:relative;z-index:1}
.value-showcase__heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr);align-items:end;gap:70px;margin-bottom:42px}
.value-showcase__heading .eyebrow{color:#66d5e6}
.value-showcase__heading h2{max-width:860px;margin:0;font-size:clamp(34px,3.5vw,56px);line-height:1.08;letter-spacing:-.045em}
.value-showcase__heading>p{margin:0 0 5px;color:#b7cbd1;font-size:15px;line-height:1.8}
.value-showcase__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.value-card{position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:28px 27px;background:linear-gradient(155deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 24px 50px rgba(2,13,18,.18);transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .35s,background .35s;animation:value-rise .7s both;animation-delay:calc(var(--value-index) * 90ms)}
.value-card::after{position:absolute;right:-45px;bottom:-65px;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle,rgba(55,198,219,.2),transparent 70%);content:"";transition:transform .45s}
.value-card:hover{border-color:rgba(85,214,231,.52);background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.055));transform:translateY(-9px)}
.value-card:hover::after{transform:scale(1.25) translate(-7px,-7px)}
.value-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.value-card__icon{display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(94,218,234,.25);border-radius:16px;color:#72dceb;background:rgba(45,190,210,.12);box-shadow:inset 0 0 20px rgba(39,191,211,.06)}
.value-card__icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.value-card__top b{color:rgba(255,255,255,.17);font-size:38px;line-height:1}
.value-card h3{margin:0 0 13px;font-size:21px;letter-spacing:-.02em}
.value-card p{min-height:100px;margin:0;color:#b6c8ce;font-size:13px;line-height:1.72}
.value-card ul{display:grid;gap:8px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.1);list-style:none}
.value-card li{display:flex;align-items:center;gap:9px;color:#d9e7ea;font-size:12px}
.value-card li::before{display:block;width:6px;height:6px;border-radius:50%;background:#57d0df;box-shadow:0 0 0 4px rgba(87,208,223,.1);content:""}
.value-showcase__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(300px,1.25fr);align-items:stretch;gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;margin-top:22px;background:rgba(255,255,255,.08)}
.value-showcase__trust>div{display:grid;align-content:center;gap:3px;min-height:110px;padding:20px 28px;background:rgba(5,21,28,.36)}
.value-showcase__trust strong{color:#fff;font-size:28px}
.value-showcase__trust span{color:#aebfc5;font-size:12px}
.value-showcase__trust>a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 30px;color:#fff;background:linear-gradient(135deg,#008ba8,#006f88);font-weight:800;transition:filter .25s,transform .25s}
.value-showcase__trust>a span{color:#fff;font-size:14px}
.value-showcase__trust>a b{font-size:25px;transition:transform .25s}
.value-showcase__trust>a:hover{filter:brightness(1.08)}
.value-showcase__trust>a:hover b{transform:translateX(6px)}
@keyframes value-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* Admin visual system. */
.admin-body{color:var(--admin-ink);background:radial-gradient(circle at 8% 4%,#fff5ed 0,transparent 24%),linear-gradient(135deg,#fbf8f6,#f5f1ef 58%,#f9f7f5);font-family:Arial,Helvetica,sans-serif}
.admin-sidebar{background:linear-gradient(180deg,#172d35,#12242b);box-shadow:10px 0 30px rgba(10,25,31,.08)}
.admin-sidebar nav a{display:flex;align-items:center;min-height:43px;border-radius:10px;transition:.22s}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:linear-gradient(90deg,rgba(40,185,207,.2),rgba(40,185,207,.08));transform:translateX(2px)}
.admin-topbar{position:sticky;z-index:40;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(15px)}
.admin-content{max-width:1760px;width:100%;margin-inline:auto;padding:30px 34px 54px}
.admin-eyebrow{display:inline-block;margin-bottom:5px;color:var(--admin-accent);font-size:10px;font-weight:900;letter-spacing:.15em}
.admin-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--brand);border-radius:11px;padding:10px 18px;font-size:12px;font-weight:800;box-shadow:0 9px 20px rgba(0,139,168,.14);transition:.22s}
.admin-button:hover{transform:translateY(-2px)}
.dashboard-hero,.report-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.dashboard-hero h1,.report-heading h1{margin:0;color:var(--admin-ink);font-size:32px;line-height:1.12;letter-spacing:-.04em}
.dashboard-hero p,.report-heading p{margin:6px 0 0;color:var(--admin-muted);font-size:13px}
.dashboard-hero__actions{display:flex;gap:10px}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dashboard-stat{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;min-height:100px;overflow:hidden;border:1px solid rgba(84,36,62,.09);border-radius:17px;padding:18px 20px;background:rgba(255,255,255,.88);box-shadow:0 12px 32px rgba(79,49,61,.065);transition:transform .25s,box-shadow .25s}
.dashboard-stat:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(79,49,61,.1)}
.dashboard-stat>i{position:absolute;right:-30px;bottom:-50px;width:115px;height:115px;border-radius:50%;opacity:.85}
.dashboard-stat__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;position:relative;z-index:1}
.dashboard-stat__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-stat>div{position:relative;z-index:1;display:grid}
.dashboard-stat small{color:#8d7684;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.dashboard-stat strong{margin:2px 0;color:var(--admin-ink);font-family:Georgia,serif;font-size:25px;letter-spacing:-.025em}
.dashboard-stat>div>span{color:#9b8c95;font-size:10px}
.dashboard-stat--revenue .dashboard-stat__icon{color:#e45f26;background:#fff0e7}.dashboard-stat--revenue>i{background:#ffe0cf}
.dashboard-stat--orders .dashboard-stat__icon{color:#764166;background:#f4e8f4}.dashboard-stat--orders>i{background:#ead7eb}
.dashboard-stat--products .dashboard-stat__icon{color:#168a69;background:#e5f5ef}.dashboard-stat--products>i{background:#d4eee4}
.dashboard-stat--average .dashboard-stat__icon{color:#a66b00;background:#fff3d8}.dashboard-stat--average>i{background:#ffe8b5}
.dashboard-split-grid,.report-data-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}
.dashboard-panel{overflow:hidden;border:1px solid rgba(84,36,62,.1);border-radius:17px;background:rgba(255,255,255,.91);box-shadow:0 13px 34px rgba(79,49,61,.06)}
.dashboard-panel__header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--admin-line);padding:14px 16px}
.dashboard-panel__header>div{display:flex;align-items:center;gap:10px}
.dashboard-panel__header h2{margin:0;color:var(--admin-ink);font-size:15px}
.dashboard-panel__header p{margin:1px 0 0;color:var(--admin-muted);font-size:9px}
.dashboard-panel__header a{color:var(--admin-plum);font-size:10px;font-weight:800}
.dashboard-panel__header a span{display:inline-block;transition:transform .2s}.dashboard-panel__header a:hover span{transform:translateX(4px)}
.dashboard-panel__icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:var(--admin-plum);background:#f2e7ef;font-size:14px}
.dashboard-panel__icon--star{color:#e76f38;background:#fff0e6}
.dashboard-table-wrap{overflow:auto}.dashboard-table{width:100%;border-collapse:collapse}
.dashboard-table th{padding:10px 12px;color:#8b7784;background:#fcfaf9;font-size:8px;letter-spacing:.05em;text-align:left;text-transform:uppercase}
.dashboard-table td{border-top:1px solid #eee5e1;padding:10px 12px;color:#4f3e49;font-size:10px;vertical-align:middle}
.dashboard-table tbody tr{transition:background .18s}.dashboard-table tbody tr:hover{background:#fffaf7}
.dashboard-table td strong{display:block;color:#2e1f2a;font-size:10px}.dashboard-table td small{display:block;color:#9e8e97;font-size:8px}
.dashboard-table--products td:nth-child(3),.dashboard-table--products th:nth-child(3){text-align:center}
.status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase}
.status--pending{color:#9a6200;background:#fff0c9}.status--confirmed{color:#006f85;background:#dff3f7}.status--shipping{color:#554fc4;background:#ecebff}.status--completed{color:#137d55;background:#e0f5ec}.status--cancelled,.status--canceled{color:#a33c31;background:#fde8e5}
.table-arrow{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:var(--admin-plum);background:#f5edf2;font-weight:900;transition:.2s}.table-arrow:hover{color:#fff;background:var(--admin-plum);transform:translateX(2px)}
.rank-badge{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;color:#e66a32;background:#fff0e5;font-size:9px;font-weight:900}
.quantity-pill{display:inline-grid;min-width:28px;height:24px;place-items:center;border-radius:8px;color:#16845f;background:#e7f5ef;font-size:9px;font-weight:900}
.quantity-pill--neutral{color:#66455e;background:#f1e9ef}
.dashboard-empty{display:grid;min-height:160px;place-items:center;align-content:center;gap:4px;color:#9d8d96;text-align:center}.dashboard-empty>span{font-size:25px}.dashboard-empty strong{font-size:12px!important}.dashboard-empty small{font-size:9px!important}

/* Revenue report. */
.report-filter-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid rgba(84,36,62,.1);border-radius:17px;margin-bottom:16px;padding:10px 12px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(79,49,61,.055)}
.report-mode-tabs{display:flex;gap:6px}
.report-mode-tabs>a{display:flex;min-width:185px;align-items:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:9px 11px;color:#75626e;transition:.2s}
.report-mode-tabs>a:hover{background:#faf4f1}.report-mode-tabs>a.is-active{border-color:#ead9d1;color:var(--admin-plum);background:#fff6ef;box-shadow:0 5px 15px rgba(101,53,70,.06)}
.report-mode-tabs__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#ef7741;background:#ffeadf}
.report-mode-tabs a>span:last-child{display:grid}.report-mode-tabs strong{font-size:11px}.report-mode-tabs small{color:#9b8a94;font-size:8px}
.report-filter-form{display:flex;align-items:end;justify-content:flex-end;gap:9px}
.report-filter-form label{display:grid;gap:4px}.report-filter-form label>span{color:#8e7a86;font-size:8px;font-weight:900;text-transform:uppercase}
.report-filter-form input,.report-filter-form select{min-width:155px;height:40px;border:1px solid #e3d7d2;border-radius:10px;padding:0 12px;color:var(--admin-ink);background:#fff;outline:none}
.report-filter-form input:focus,.report-filter-form select:focus{border-color:#ef9e79;box-shadow:0 0 0 3px rgba(244,123,69,.11)}
.report-filter-form__arrow{margin-bottom:10px;color:#ad9ca5}.report-filter-form--year select{min-width:180px}
.report-chart-card{overflow:hidden;border:1px solid rgba(84,36,62,.1);border-radius:18px;margin-bottom:16px;background:rgba(255,255,255,.92);box-shadow:0 13px 34px rgba(79,49,61,.055)}
.report-card-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--admin-line);padding:13px 16px}
.report-card-header>div{display:flex;align-items:center;gap:10px}.report-card-header small{color:#9b8793;font-size:8px}.report-card-header h2{margin:1px 0 0;font-size:14px}.report-card-header p{color:#9b8c94;font-size:8px}
.report-card-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--admin-plum);background:#f2e7ef}
.revenue-chart-scroll{overflow-x:auto;padding:18px 14px 6px}
.revenue-chart{position:relative;display:grid;grid-template-columns:repeat(var(--bar-count),minmax(36px,1fr));align-items:end;gap:6px;min-width:max(100%,calc(var(--bar-count) * 42px));height:190px;padding:10px 5px 28px}
.revenue-chart--year{grid-template-columns:repeat(12,minmax(50px,1fr));min-width:760px}
.revenue-chart__grid{position:absolute;inset:10px 5px 28px;display:grid;grid-template-rows:repeat(4,1fr);pointer-events:none}.revenue-chart__grid i{border-top:1px solid #f1e8e4}
.revenue-bar{position:relative;display:flex;height:100%;align-items:flex-end;justify-content:center;border:0;padding:0;background:transparent;outline:0}
.revenue-bar>i{display:block;width:min(16px,55%);height:var(--bar-height);min-height:3px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#f79567,#ee6f36);box-shadow:0 6px 13px rgba(239,111,54,.19);transform:scaleY(0);transform-origin:bottom;transition:filter .2s,transform .7s cubic-bezier(.2,.8,.2,1),width .2s}
.revenue-chart.is-ready .revenue-bar>i{transform:scaleY(1)}
.revenue-bar:hover>i,.revenue-bar.is-active>i{width:min(23px,72%);filter:saturate(1.16) brightness(1.04)}
.revenue-bar.is-zero>i{background:#e7ddda;box-shadow:none}
.revenue-bar>em{position:absolute;right:50%;bottom:-21px;color:#8e7d86;font-size:8px;font-style:normal;transform:translateX(50%);white-space:nowrap}
.revenue-bar__tooltip{position:absolute;z-index:5;right:50%;bottom:calc(var(--bar-height) + 13px);display:grid;visibility:hidden;width:155px;gap:2px;border:1px solid #e5d9d4;border-radius:10px;padding:9px 10px;color:#fff;background:#3a2634;box-shadow:0 12px 30px rgba(44,24,37,.22);opacity:0;transform:translate(50%,8px);transition:.18s;pointer-events:none}
.revenue-bar__tooltip::after{position:absolute;right:50%;bottom:-5px;width:10px;height:10px;background:#3a2634;content:"";transform:translateX(50%) rotate(45deg)}
.revenue-bar__tooltip strong{font-size:9px}.revenue-bar__tooltip b{color:#ffb38e;font-size:12px}.revenue-bar__tooltip small{color:#d5c7cf;font-size:8px}
.revenue-bar:hover .revenue-bar__tooltip,.revenue-bar:focus .revenue-bar__tooltip,.revenue-bar.is-active .revenue-bar__tooltip{visibility:visible;opacity:1;transform:translate(50%,0)}
.report-stat-grid{margin-top:0}.report-data-grid{margin-top:0}.report-table-wrap{max-height:520px}.is-muted-row{opacity:.54}

@media(max-width:1200px){
    .value-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-card{min-height:360px}
    .value-showcase__trust{grid-template-columns:repeat(3,1fr)}.value-showcase__trust>a{grid-column:1/-1}
    .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-filter-card{align-items:stretch;flex-direction:column}.report-filter-form{justify-content:flex-start}
}
@media(max-width:900px){
    .mega-menu,.account-popover,.cart-preview{top:calc(var(--sticky-header-height,111px) + 6px)!important}
    .filter-sidebar.category-sidebar{position:fixed!important;top:0!important;max-height:100vh!important}
    .value-showcase{padding:66px 0}.value-showcase__heading{grid-template-columns:1fr;gap:18px}.value-showcase__heading h2{font-size:36px}.value-showcase__grid{grid-template-columns:1fr 1fr}.value-showcase__trust{grid-template-columns:1fr 1fr}.value-showcase__trust>a{grid-column:1/-1}
    .admin-content{padding:22px 18px 44px}.dashboard-split-grid,.report-data-grid{grid-template-columns:1fr}.dashboard-hero,.report-heading{align-items:flex-start;flex-direction:column}.dashboard-hero__actions{width:100%}.dashboard-hero__actions .admin-button{flex:1}
    .report-filter-form{align-items:stretch;flex-wrap:wrap}.report-filter-form label{flex:1}.report-filter-form input,.report-filter-form select{width:100%;min-width:140px}.report-filter-form__arrow{display:none}
}
@media(max-width:640px){
    .value-showcase{padding:54px 0}.value-showcase__heading h2{font-size:30px}.value-showcase__heading>p{font-size:13px}.value-showcase__grid{grid-template-columns:1fr}.value-card{min-height:0}.value-card p{min-height:0}.value-showcase__trust{grid-template-columns:1fr}.value-showcase__trust>a{grid-column:auto}
    .dashboard-stat-grid{grid-template-columns:1fr}.dashboard-stat{min-height:92px}.dashboard-hero h1,.report-heading h1{font-size:27px}.dashboard-hero__actions{flex-direction:column}.dashboard-split-grid,.report-data-grid{gap:12px}
    .report-mode-tabs{display:grid;grid-template-columns:1fr 1fr}.report-mode-tabs>a{min-width:0}.report-mode-tabs small{display:none}.report-filter-form{display:grid;grid-template-columns:1fr}.report-filter-form label{width:100%}.report-filter-form .admin-button{width:100%}
    .report-card-header{align-items:flex-start}.report-card-header p{display:none}.revenue-chart{height:170px}
}

/* =========================================================
   THEME V7 - image upload manager and contact refinements
   ========================================================= */
.field > span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:var(--ink)}
.field small{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}
.field--subtle{padding:14px 16px;border:1px solid #e3ebee;border-radius:13px;background:#f8fbfc}
.image-uploader{display:grid;grid-template-columns:minmax(220px,310px) minmax(0,1fr);align-items:stretch;gap:20px;overflow:hidden;border:1px dashed #9ccfd9;border-radius:16px;padding:14px;background:linear-gradient(135deg,#f7fcfd,#fff);transition:border-color .25s,box-shadow .25s,transform .25s}
.image-uploader:hover{border-color:var(--brand);box-shadow:0 14px 28px rgba(0,139,168,.1);transform:translateY(-1px)}
.image-uploader--compact{grid-template-columns:180px minmax(0,1fr)}
.image-uploader__preview{display:grid;min-height:180px;place-items:center;overflow:hidden;border:1px solid #e4ecef;border-radius:12px;background:#fff}
.image-uploader__preview--product{min-height:230px}
.image-uploader__preview img{display:block;width:100%;height:100%;max-height:260px;object-fit:contain;padding:8px}
.image-uploader__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 8px}
.image-uploader__content strong{font-size:16px;color:var(--ink)}
.image-uploader__content p{margin:8px 0 16px;color:var(--muted);font-size:12px;line-height:1.55}
.upload-button{position:relative;display:inline-flex;min-height:42px;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--brand);border-radius:11px;padding:10px 17px;color:#fff;background:linear-gradient(135deg,var(--brand),#006e87);box-shadow:0 9px 20px rgba(0,139,168,.16);cursor:pointer;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s,filter .2s}
.upload-button:hover{filter:brightness(1.06);box-shadow:0 13px 24px rgba(0,139,168,.23);transform:translateY(-2px)}
.upload-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-button--large{min-width:250px}
.upload-remove{display:flex;align-items:center;gap:8px;margin-top:15px;color:#b94d3c;font-size:12px;font-weight:700;cursor:pointer}
.existing-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:8px 0 16px}
.existing-gallery__item{position:relative;overflow:hidden;border:1px solid #dfe8eb;border-radius:13px;background:#fff;box-shadow:0 6px 14px rgba(19,46,56,.05)}
.existing-gallery__item img{display:block;width:100%;height:112px;object-fit:contain;padding:7px;background:#f8fafb}
.existing-gallery__item span{display:flex;align-items:center;gap:6px;padding:9px 10px;color:#b54a3b;font-size:11px;font-weight:800}
.multi-image-upload{border:1px dashed #c4dce2;border-radius:14px;padding:16px;background:#fbfdfd}
.multi-image-upload>p{margin:9px 0 0;color:var(--muted);font-size:11px}
.multi-image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:14px}
.multi-image-preview:empty{display:none}
.multi-image-preview__item{overflow:hidden;border:1px solid #dfe8eb;border-radius:11px;background:#fff}
.multi-image-preview__item img{display:block;width:100%;height:96px;object-fit:cover}
.multi-image-preview__item span{display:block;overflow:hidden;padding:7px 8px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.footer-brand a:not(.brand){color:#c9e7ec;text-decoration:underline;text-underline-offset:3px}
.footer-bottom strong{color:#6bd4e4}

@media(max-width:760px){
    .image-uploader,.image-uploader--compact{grid-template-columns:1fr;gap:12px}
    .image-uploader__preview,.image-uploader__preview--product{min-height:180px}
    .image-uploader__content{align-items:stretch;padding:5px}
    .upload-button,.upload-button--large{width:100%}
    .existing-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* =========================================================
   THEME V8 - seamless mega menu hover bridge
   ========================================================= */
:root{--sticky-header-bottom:156px}

@media(min-width:961px){
    /* backdrop-filter creates a containing block for fixed descendants.
       Keep the mega menu relative to the viewport so it can sit exactly
       below the sticky header. */
    .desktop-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

    .mega-menu{
        top:var(--sticky-header-bottom,156px)!important;
        margin-top:0!important;
        transform:translateX(-50%) scale(.992)!important;
        transform-origin:top center!important;
        transition:opacity .16s var(--ease),transform .2s var(--ease),visibility .16s!important;
    }

    .nav-item:hover .mega-menu,
    .nav-item:focus-within .mega-menu{
        transform:translateX(-50%) scale(1)!important;
    }

    /* Invisible bridge prevents the hover state from being lost while the
       pointer moves from the horizontal menu into the dropdown. */
    .mega-menu::after{
        position:absolute;
        right:0;
        bottom:100%;
        left:0;
        height:10px;
        content:"";
        background:transparent;
    }
}

/* =========================================================
   THEME V9 - automatic admin search and category filter
   ========================================================= */
.admin-search--filters{
    position:relative;
    display:flex;
    width:min(100%,900px);
    max-width:none;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:10px;
    border:1px solid rgba(84,36,62,.09);
    border-radius:15px;
    margin-bottom:18px;
    padding:12px;
    background:rgba(255,255,255,.88);
    box-shadow:0 10px 28px rgba(69,45,58,.045);
    transition:border-color .2s,box-shadow .2s,opacity .2s;
}
.admin-search--filters:focus-within{
    border-color:rgba(0,139,168,.3);
    box-shadow:0 12px 30px rgba(0,139,168,.08);
}
.admin-search__control{
    display:grid;
    min-width:230px;
    gap:5px;
}
.admin-search__control--grow{flex:1 1 350px}
.admin-search__control>span{
    color:#75656e;
    font-size:9px;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.admin-search--filters input,
.admin-search--filters select{
    width:100%;
    height:44px;
    border:1px solid #dce4e7;
    border-radius:10px;
    padding:0 13px;
    color:var(--admin-ink,#2d1f29);
    background:#fff;
    outline:none;
    transition:border-color .2s,box-shadow .2s,background .2s;
}
.admin-search--filters input:focus,
.admin-search--filters select:focus{
    border-color:var(--brand);
    box-shadow:0 0 0 3px rgba(0,139,168,.1);
}
.admin-search__submit{
    min-height:44px;
    border:0;
    border-radius:10px!important;
    padding:0 20px!important;
    color:#fff;
    background:linear-gradient(135deg,var(--brand),#006f88)!important;
    font-weight:800;
}
.admin-search--filters.has-auto-filter .admin-search__submit{display:none}
.admin-search__clear{
    display:inline-flex;
    min-height:42px;
    align-items:center;
    justify-content:center;
    border:1px solid #eadfdc;
    border-radius:10px;
    padding:0 14px;
    color:#8a5262;
    background:#fff8f5;
    font-size:11px;
    font-weight:800;
    transition:.2s;
}
.admin-search__clear:hover{
    border-color:#dcbeb6;
    color:#fff;
    background:#7d4057;
    transform:translateY(-1px);
}
.admin-search__loading{
    display:none;
    min-height:42px;
    align-items:center;
    gap:8px;
    padding:0 8px;
    color:#6e7c82;
    font-size:11px;
    font-weight:700;
}
.admin-search--filters.is-filtering .admin-search__loading{display:inline-flex}
.admin-search__loading i{
    width:15px;
    height:15px;
    border:2px solid #cde7ec;
    border-top-color:var(--brand);
    border-radius:50%;
    animation:admin-filter-spin .65s linear infinite;
}
.admin-search--filters.is-filtering{
    opacity:1;
    pointer-events:auto;
}
.admin-search__clear[hidden]{display:none!important}
[data-auto-filter-results]{transition:opacity .18s ease,transform .18s ease}
[data-auto-filter-results].is-filtering{opacity:.56;transform:translateY(2px);pointer-events:none}
@keyframes admin-filter-spin{to{transform:rotate(360deg)}}
.admin-filter-empty{
    display:grid;
    min-height:190px;
    place-items:center;
    align-content:center;
    gap:5px;
    color:#94868e;
    text-align:center;
}
.admin-filter-empty>span{font-size:30px;color:#9dcfd8}
.admin-filter-empty strong{font-size:14px;color:#49323f}
.admin-filter-empty small{font-size:10px!important}

@media(max-width:760px){
    .admin-search--filters{align-items:stretch;padding:11px}
    .admin-search__control,.admin-search__control--grow{width:100%;min-width:0;flex-basis:100%}
    .admin-search__clear{width:100%}
    .admin-search__loading{justify-content:center;width:100%}
}

/* =========================================================
   THEME V10 - mobile readability and quiet add-to-cart
   ========================================================= */
@media(max-width:900px){
    :root{--sticky-header-height:122px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px)}
    html,body{max-width:100%;overflow-x:hidden}
    body{font-size:15px;padding-bottom:calc(66px + var(--mobile-safe-bottom))}
    .site-header{width:100%;overflow:visible;background:#fff}
    .header-main{
        min-height:122px!important;
        grid-template-columns:44px minmax(0,1fr) 44px!important;
        grid-template-rows:58px 46px;
        gap:4px 10px!important;
        padding:4px 0 10px;
    }
    .header-main>.icon-button{grid-column:1;grid-row:1;align-self:center;justify-self:start}
    .header-main>.brand{grid-column:2;grid-row:1;align-self:center;justify-self:center;max-width:100%;white-space:nowrap}
    .header-main>.header-actions{grid-column:3;grid-row:1;align-self:center;justify-self:end}
    .brand__home,.brand__office{font-size:20px!important}
    .brand small{top:22px!important;font-size:5px!important}
    .icon-button{width:42px!important;height:42px!important;border-radius:10px!important}
    .icon-button:active{background:var(--soft-blue)}
    .round-action{width:42px!important;height:42px!important;border:1px solid #dfe6e9!important;background:#fff!important;font-size:19px!important;box-shadow:0 3px 10px rgba(17,31,40,.05)}
    .badge-count{top:-5px;right:-5px;min-width:20px;height:20px;font-size:10px}
    .search-box{
        grid-column:1/-1!important;
        grid-row:2!important;
        width:100%!important;
        height:44px!important;
        margin:0!important;
        border-radius:10px!important;
        box-shadow:0 3px 12px rgba(18,36,45,.045);
    }
    .search-box input{min-width:0;padding:0 13px;font-size:16px;line-height:44px}
    .search-box button{flex:0 0 46px;width:46px;font-size:22px}

    /* Drawer must sit above the sticky header; previously its heading was hidden behind it. */
    .mobile-drawer{z-index:600!important}
    .mobile-drawer__overlay{background:rgba(7,19,25,.62);backdrop-filter:blur(2px)}
    .mobile-drawer__panel{
        width:min(92vw,400px)!important;
        max-width:100%;
        padding-bottom:calc(18px + var(--mobile-safe-bottom));
        overscroll-behavior:contain;
        box-shadow:24px 0 60px rgba(7,21,28,.28);
    }
    .mobile-drawer__header{
        position:sticky;
        z-index:3;
        top:0;
        min-height:64px;
        padding:0 18px;
        background:rgba(255,255,255,.98);
        backdrop-filter:blur(14px);
    }
    .mobile-drawer__header strong{font-size:18px;letter-spacing:-.01em}
    .mobile-drawer__header button{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#59676f;background:#f1f5f6;font-size:26px}
    .mobile-search{height:46px;margin:15px 16px;border-radius:10px}
    .mobile-search input{min-width:0;padding:0 13px;font-size:16px;outline:0}
    .mobile-search button{width:48px;font-size:21px}
    .mobile-account{gap:9px;padding:0 16px 15px}
    .mobile-account a{display:flex;min-height:44px;align-items:center;justify-content:center;border-radius:9px;padding:9px 10px;font-size:14px;font-weight:700;line-height:1.25}
    .mobile-menu-list summary{min-height:52px;padding:14px 18px;font-size:15px;line-height:1.35}
    .mobile-menu-list summary>a{min-width:0;padding-right:8px}
    .mobile-menu-list summary>span{flex:0 0 auto;font-size:19px}
    .mobile-submenu{gap:2px;padding:2px 16px 14px 29px}
    .mobile-submenu a{min-height:42px;padding:10px 12px!important;font-size:14px;line-height:1.35}
    .mobile-drawer__footer{gap:9px;padding:20px 16px}
    .mobile-drawer__footer a{min-height:44px;border-radius:9px;padding:10px 12px;font-size:14px;font-weight:700}

    /* Mobile cart is a readable bottom sheet and only opens when the cart icon is tapped. */
    .cart-preview,.site-header.is-scrolled .cart-preview{
        position:fixed!important;
        top:auto!important;
        right:8px!important;
        bottom:calc(68px + var(--mobile-safe-bottom))!important;
        left:8px!important;
        width:auto!important;
        max-height:min(74vh,640px)!important;
        grid-template-rows:auto minmax(0,1fr) auto;
        overflow:hidden;
        border-radius:18px!important;
        transform-origin:bottom center;
    }
    .cart-menu.is-open .cart-preview{animation:mobile-cart-sheet-in .24s cubic-bezier(.22,.8,.25,1)}
    .cart-preview__header{min-height:64px;padding:11px 15px}
    .cart-preview__header span{font-size:10px}
    .cart-preview__header strong{font-size:17px}
    .cart-preview__items{min-height:0;max-height:none!important;overflow-y:auto;padding:4px 14px}
    .mini-cart-item{grid-template-columns:64px minmax(0,1fr) auto!important;gap:11px!important;padding:13px 0}
    .mini-cart-item img{width:64px!important;height:58px!important}
    .mini-cart-item>div>a{font-size:13px!important;line-height:1.4}
    .mini-cart-item small{font-size:11px}
    .mini-cart-item>strong{grid-column:auto!important;justify-self:end!important;margin-top:0!important;color:var(--ink)!important;font-size:12px!important}
    .cart-preview__footer{gap:12px;padding:14px 15px calc(15px + var(--mobile-safe-bottom))}
    .cart-preview__footer>div:first-child span{font-size:13px}
    .cart-preview__footer>div:first-child strong{font-size:19px}
    .cart-preview__actions{grid-template-columns:1fr 1fr!important;gap:9px}
    .cart-preview__actions .button{min-height:44px;font-size:12px}

    .toast-stack{z-index:700;top:calc(10px + env(safe-area-inset-top,0px));width:min(430px,calc(100vw - 20px))}
    .site-toast{grid-template-columns:36px minmax(0,1fr);padding:11px 13px;font-size:14px;line-height:1.35}
    .site-toast__icon{width:34px;height:34px}
    .mobile-bottom-nav{z-index:350;height:calc(64px + var(--mobile-safe-bottom));padding-bottom:var(--mobile-safe-bottom)}
    .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:10px;font-weight:700;line-height:1.2}
    .mobile-bottom-nav span{font-size:21px}
    .floating-contact{z-index:200}

    .breadcrumb{min-height:46px;font-size:12px}
    .page-heading h1,.catalog-header h1{line-height:1.18}
    .product-card__body h3{font-size:13px!important;line-height:1.4}
    .product-card__price strong{font-size:15px!important}
    .quick-cart button{font-size:12px;font-weight:800}
}

@media(max-width:480px){
    :root{--page-gutter:20px;--sticky-header-height:116px}
    .container{width:calc(100% - 20px)!important}
    .header-main{min-height:116px!important;grid-template-columns:42px minmax(0,1fr) 42px!important;grid-template-rows:56px 44px;gap:3px 7px!important;padding-bottom:9px}
    .brand__home,.brand__office{font-size:18px!important}
    .brand small{top:20px!important}
    .icon-button,.round-action{width:40px!important;height:40px!important}
    .search-box{height:42px!important}
    .search-box input{line-height:42px}
    .mobile-drawer__panel{width:min(94vw,400px)!important}
    .mobile-account{grid-template-columns:1fr 1fr}
    .cart-preview,.site-header.is-scrolled .cart-preview{right:6px!important;bottom:calc(66px + var(--mobile-safe-bottom))!important;left:6px!important;border-radius:16px!important}
    .mini-cart-item{grid-template-columns:58px minmax(0,1fr)!important}
    .mini-cart-item img{width:58px!important;height:54px!important}
    .mini-cart-item>strong{grid-column:2!important;justify-self:start!important;margin-top:-4px!important;color:var(--accent)!important}
    .cart-preview__actions{grid-template-columns:1fr 1fr!important}
    .cart-preview__actions .button{padding-inline:8px;font-size:11px}
    .product-grid,.product-grid--catalog{gap:10px}
    .product-card__body{min-height:185px;padding:11px}
    .section-heading h2{font-size:22px;line-height:1.2}
}

@keyframes mobile-cart-sheet-in{
    from{opacity:0;transform:translateY(18px) scale(.985)}
    to{opacity:1;transform:none}
}

/* =========================================================
   THEME V11 - fixed mobile headers for storefront and admin
   ========================================================= */
@media (max-width:900px){
    /*
     * Use fixed instead of sticky on mobile. Some mobile browsers stop
     * honoring sticky when an ancestor controls horizontal overflow.
     */
    .site-body{
        padding-top:var(--sticky-header-height) !important;
    }
    .site-body .site-header{
        position:fixed !important;
        z-index:500 !important;
        top:0 !important;
        right:0 !important;
        left:0 !important;
        width:100% !important;
        margin:0 !important;
        transform:none !important;
        box-shadow:0 5px 20px rgba(13,30,39,.10);
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
    }
    .site-body .site-header.is-scrolled{
        transform:none !important;
        box-shadow:0 8px 26px rgba(13,30,39,.14);
    }

    /* Admin top bar stays visible while the page content scrolls. */
    .admin-main{
        padding-top:68px;
    }
    .admin-topbar{
        position:fixed !important;
        z-index:160 !important;
        top:0 !important;
        right:0 !important;
        left:0 !important;
        min-height:68px;
        padding:0 16px;
        background:rgba(255,255,255,.97) !important;
        box-shadow:0 5px 20px rgba(13,30,39,.09);
        backdrop-filter:saturate(1.15) blur(16px);
        -webkit-backdrop-filter:saturate(1.15) blur(16px);
        transform:none !important;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
    }
    .admin-topbar .admin-menu-button{
        flex:0 0 42px;
        width:42px;
        height:42px;
        border-radius:10px;
    }
    .admin-topbar .admin-user{
        overflow:hidden;
        max-width:42vw;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}

@media (max-width:480px){
    .admin-main{padding-top:64px}
    .admin-topbar{
        min-height:64px;
        gap:8px;
        padding:0 10px;
    }
    .admin-topbar strong{font-size:13px}
    .admin-topbar small{font-size:10px}
    .admin-topbar .admin-user{max-width:34vw;padding:7px 9px;font-size:11px}
}


/* =========================================================
   THEME V12 - stable mobile cart preview
   ========================================================= */
.cart-preview.is-open{display:grid}

@media (max-width:900px){
    body.cart-preview-open{overflow:hidden;touch-action:none}

    /*
     * The preview is portaled to <body> by app.js, then constrained between
     * the fixed header and bottom navigation. Header/footer stay visible and
     * only the product list scrolls.
     */
    .cart-preview,
    .site-header.is-scrolled .cart-preview{
        position:fixed!important;
        z-index:720!important;
        top:calc(var(--sticky-header-height,116px) + 8px)!important;
        right:8px!important;
        bottom:calc(68px + var(--mobile-safe-bottom))!important;
        left:8px!important;
        width:auto!important;
        height:auto!important;
        max-height:none!important;
        grid-template-rows:auto minmax(0,1fr) auto!important;
        overflow:hidden!important;
        border-radius:18px!important;
        transform-origin:center bottom;
    }
    .cart-preview.is-open{animation:mobile-cart-sheet-in .24s cubic-bezier(.22,.8,.25,1)}
    .cart-preview__items{
        min-height:0!important;
        max-height:none!important;
        overflow-y:auto!important;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
    }
}

@media (max-width:480px){
    .cart-preview,
    .site-header.is-scrolled .cart-preview{
        top:calc(var(--sticky-header-height,116px) + 6px)!important;
        right:6px!important;
        bottom:calc(66px + var(--mobile-safe-bottom))!important;
        left:6px!important;
        border-radius:16px!important;
    }
}