@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--black:#080909;--ink:#111;--muted:#737373;--line:#dededb;--paper:#f7f7f5;--white:#fff;--red:#c90000;--green:#0c8d5a;--olive:#596039}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{height:29px;background:#090909;color:#fff;font-size:10px;letter-spacing:1.4px;display:flex;align-items:center;justify-content:center;gap:10px}.site-header{height:62px;border-bottom:1px solid #e8e8e8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 42px;position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20}.wordmark{font-family:cursive;font-size:35px;line-height:1;letter-spacing:-3px;font-weight:700}.wordmark span{font:10px Inter;letter-spacing:0;vertical-align:top;margin-left:2px}.site-header nav{display:flex;gap:45px;font-size:12px;letter-spacing:1.4px}.site-header nav a{padding:22px 0}.site-header nav a.active{border-bottom:1px solid #111}.header-actions{justify-self:end;display:flex;align-items:center;gap:22px;font-size:23px}.header-actions button{border:0;background:none;cursor:pointer;font-size:27px}.cart-link{position:relative}.cart-count{position:absolute;top:-7px;right:-9px;background:#050505;color:#fff;border-radius:50%;min-width:16px;height:16px;font:9px Inter;display:grid;place-items:center}.hero{height:min(43vw,700px);min-height:500px;position:relative;overflow:hidden;background:#222}.hero>img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 40%,rgba(0,0,0,.18))}.hero-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.hero-center small{font-size:12px;letter-spacing:8px}.hero-center h1{font:clamp(62px,7vw,125px) Anton,sans-serif;letter-spacing:1px;margin:7px 0 0;line-height:.9}.hero-center p{letter-spacing:8px;font-size:13px;margin:15px 0 28px}.hero-side{position:absolute;bottom:38px;color:#fff;font-weight:600;font-size:12px;line-height:1.55;letter-spacing:2px}.hero-side.left{left:38px}.hero-side.right{right:38px;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 34px;border:1px solid #111;font-size:12px;letter-spacing:1.8px;font-weight:700;cursor:pointer;transition:.2s}.btn.black{background:#050505;color:#fff}.btn.white{background:#fff;color:#111;border-color:#fff}.btn:hover{transform:translateY(-2px)}.btn.full{width:100%}.section{padding:54px 4.4%}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:35px}.section-head h2{font:60px Anton;margin:0;letter-spacing:1px}.section-head p:not(.manifesto){margin:0;letter-spacing:5px;font-size:11px}.manifesto{font-size:15px;line-height:1.6;margin:0;max-width:430px;border-left:1px solid #111;padding-left:30px}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.products-grid.two{grid-template-columns:repeat(2,1fr)}.product-card{background:#f5f5f3;position:relative}.product-image{height:430px;background:#f1f1ef;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-card:hover .product-image img{transform:scale(1.02)}.product-meta{padding:18px 4px 22px;display:grid;grid-template-columns:1fr auto;gap:8px}.product-meta h3{font-size:14px;margin:0;font-weight:700;letter-spacing:.3px}.product-meta p{margin:6px 0 0;color:#777;font-size:10px;letter-spacing:1.5px}.price{font-size:14px;font-weight:800}.size-row{display:flex;gap:4px;margin-top:12px}.size{border:1px solid #bbb;background:#fff;padding:8px 13px;font-size:10px}.card-actions{display:flex;justify-content:flex-end;gap:7px}.mini-add{background:#050505;color:#fff;border:0;padding:9px 14px;font-size:10px;cursor:pointer}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:24px 4.4%;gap:20px}.service-strip div{display:grid;grid-template-columns:35px 1fr;column-gap:10px}.service-strip strong{grid-row:span 2;font-size:23px}.service-strip b{font-size:10px;letter-spacing:1px}.service-strip span{font-size:9px;color:#777;letter-spacing:1px}.editorial{display:grid;grid-template-columns:1fr 1fr;padding:100px 8%;min-height:380px;align-items:center}.editorial h2{font:80px Anton;line-height:.9;margin:15px 0}.editorial p{font-size:20px;line-height:1.7;max-width:520px}.page{padding:65px 5% 90px}.shop-heading,.page-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #111;padding-bottom:25px}.shop-heading h1,.page-title h1{font:70px Anton;margin:8px 0 0}.shop-heading small,.page-title small{letter-spacing:4px}.shop-heading>p{font-size:11px;letter-spacing:2px}.filterbar{display:flex;justify-content:space-between;padding:22px 0;font-size:10px;letter-spacing:1px}.filterbar select{border:0;background:#fff;font-size:10px;letter-spacing:1px}.products-grid:not(.two){grid-template-columns:repeat(2,1fr)}footer{padding:40px 5%;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #ddd;font-size:10px;letter-spacing:1px;align-items:center}footer>div:nth-child(2){text-align:center}footer>div:nth-child(3){text-align:right}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100;align-items:flex-start;justify-content:center;padding-top:120px}.modal.open{display:flex}.modal-card{width:min(650px,90vw);background:#fff;padding:35px;position:relative}.modal-card h3{font:35px Anton;margin:0 0 20px}.modal-card input{width:100%;border:0;border-bottom:1px solid #111;padding:14px 0;font-size:16px;outline:none}.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:28px;cursor:pointer}.search-result{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #ddd}.search-result img{width:70px;height:70px;object-fit:cover}.product-page{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;padding:50px 5% 90px}.gallery-main{background:#f4f4f2;height:650px;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:8px;margin-top:10px}.thumbs button{border:1px solid #ddd;background:#fff;width:90px;height:75px;padding:0}.thumbs img{width:100%;height:100%;object-fit:cover}.product-info{padding:20px 0}.product-info small{letter-spacing:3px}.product-info h1{font:58px Anton;line-height:.95;margin:15px 0}.product-info .big-price{font-size:20px;font-weight:800;margin:25px 0}.product-info .description{color:#666;line-height:1.7;max-width:480px}.choice-label{font-size:10px;letter-spacing:2px;margin:28px 0 10px}.choices{display:flex}.choices button{background:#fff;border:1px solid #bbb;padding:14px 24px;cursor:pointer}.choices button.selected{background:#111;color:#fff;border-color:#111}.qty{display:flex;border:1px solid #bbb;width:max-content;margin:25px 0}.qty button{width:40px;height:40px;border:0;background:#fff}.qty span{width:40px;display:grid;place-items:center}.stock-note{font-size:10px;color:#777}.product-details{border-top:1px solid #ddd;margin-top:30px;padding-top:20px}.cart-page{min-height:600px}.cart-layout{display:grid;grid-template-columns:1.5fr .5fr;gap:40px}.cart-row{display:grid;grid-template-columns:110px 1fr auto auto;gap:20px;padding:20px 0;border-bottom:1px solid #ddd;align-items:center}.cart-row img{width:110px;height:110px;object-fit:cover;background:#f5f5f3}.cart-row h3{margin:0;font-size:14px}.cart-row p{font-size:10px;color:#777;letter-spacing:1px}.cart-qty{display:flex;border:1px solid #bbb}.cart-qty button{border:0;background:#fff;width:30px}.cart-qty span{padding:7px 10px;font-size:11px}.remove{border:0;background:none;text-decoration:underline;font-size:10px;cursor:pointer}.cart-summary,.summary-card{background:#f5f5f3;padding:28px;height:max-content}.cart-summary h2,.summary-card h2{font:30px Anton;margin-top:0}.summary-line{display:flex;justify-content:space-between;padding:12px 0;font-size:12px}.summary-line.total{border-top:1px solid #bbb;margin-top:10px;padding-top:18px;font-size:16px;font-weight:800}.checkout-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:55px;margin-top:40px}.checkout-form h2{font:34px Anton}.checkout-form label{display:block;font-size:10px;letter-spacing:1px;margin:15px 0}.checkout-form input,.checkout-form select,.checkout-form textarea{display:block;width:100%;border:1px solid #ccc;padding:13px;margin-top:7px;background:#fff;outline:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.cod-box{background:#f2f2ef;padding:20px;margin:25px 0;display:flex;flex-direction:column;gap:7px}.cod-box b{font-size:11px;letter-spacing:1px}.cod-box span{font-size:11px;color:#666}.error{color:#c00;font-size:11px}.success{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.success-mark{width:65px;height:65px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:30px;margin-bottom:25px}.success h1{font:75px Anton;margin:15px 0}.success p{color:#666;margin-bottom:30px}.admin-body{background:#f4f5f5;display:flex;min-height:100vh}.admin-sidebar{width:240px;background:#0d1112;color:#fff;position:fixed;left:0;top:0;bottom:0;padding:28px 15px;display:flex;flex-direction:column}.admin-logo{font-family:cursive;font-size:32px;letter-spacing:-2px;padding:0 20px 35px}.admin-logo small{font:8px Inter;letter-spacing:2px;display:block;margin-left:35px;margin-top:-2px}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav a{padding:13px 14px;border-radius:9px;font-size:13px;display:flex;gap:15px;align-items:center}.admin-sidebar nav a.selected,.admin-sidebar nav a:hover{background:#272d2f}.admin-sidebar nav b{margin-left:auto;background:#15966a;border-radius:12px;padding:2px 8px;font-size:9px}.store-mini{margin-top:auto;border:1px solid #3a4041;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:5px;font-size:11px}.store-mini span{color:#999}.admin-main{margin-left:240px;width:calc(100% - 240px)}.admin-header{height:72px;background:#fff;border-bottom:1px solid #e2e2e2;display:flex;align-items:center;gap:20px;padding:0 22px}.admin-header>input{flex:1;max-width:500px;border:0;background:#f6f7f7;border-radius:9px;padding:13px 16px;outline:none}.admin-user{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:12px}.admin-user small{display:block;color:#888;margin-top:3px}.avatar{width:35px;height:35px;border-radius:50%;background:#222;color:#fff;display:grid;place-items:center}.admin-content{padding:24px}.admin-title{display:flex;justify-content:space-between;align-items:center}.admin-title h1{font-size:27px;margin:0}.admin-title p{color:#777;margin:4px 0 20px;font-size:12px}.date-pill{border:1px solid #ddd;background:#fff;border-radius:8px;padding:11px 15px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid #e5e5e5;border-radius:11px;padding:20px}.stat-top{display:flex;justify-content:space-between;color:#777;font-size:11px}.stat-icon{width:38px;height:38px;border-radius:50%;background:#eaf7f2;display:grid;place-items:center;color:#0a9a67}.stat-value{font-size:26px;font-weight:800;margin:12px 0 3px}.trend{font-size:10px;color:#0a9a67}.trend.red{color:#e33}.admin-grid-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin-top:15px}.panel{background:#fff;border:1px solid #e5e5e5;border-radius:11px;padding:18px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:15px;margin:0}.panel-head a,.panel-head>span{font-size:10px;color:#087e52}.chart-panel{min-height:260px}.status-panel,.cities-panel{min-height:260px}.donut-wrap{display:flex;align-items:center;gap:20px;justify-content:center;height:200px}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#07915b 0 79%,#ffb91d 79% 94%,#e8333f 94% 100%);display:grid;place-items:center;position:relative;font-size:18px}.donut:after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:#fff}.donut b,.donut span{z-index:1}.donut span{font-size:9px;position:absolute;margin-top:28px}.legend-row{display:flex;gap:7px;font-size:10px;margin:10px 0}.dot{width:9px;height:9px;border-radius:50%;background:#07915b}.dot.yellow{background:#ffb91d}.dot.red{background:#e8333f}.city-row{display:grid;grid-template-columns:18px 1fr 110px;gap:8px;align-items:center;margin:18px 0;font-size:10px}.bar{height:8px;background:#eceeee;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:#07915b;border-radius:10px}.admin-grid-bottom{display:grid;grid-template-columns:2fr .7fr;gap:15px;margin-top:15px}.orders-panel{min-height:390px}.table-wrap{overflow:auto;margin-top:15px}table{width:100%;border-collapse:collapse;font-size:10px;min-width:720px}th{background:#f6f7f7;text-align:left;padding:11px}td{padding:11px;border-bottom:1px solid #eee;white-space:nowrap}.status-pill{padding:6px 9px;border-radius:7px;background:#e9f7ee;color:#07824e}.status-pill.pending{background:#fff3d8;color:#bd7900}.status-pill.cancelled{background:#ffe6e8;color:#d82332}.action-btn{border:0;padding:6px 8px;margin-right:3px;border-radius:5px;cursor:pointer}.confirm{background:#0a9a67;color:#fff}.cancel{background:#ef3340;color:#fff}.view{background:#f2f2f2}.detail-panel{min-height:390px}.detail-panel h3{margin:0}.detail-section{border-top:1px solid #eee;margin-top:18px;padding-top:15px}.detail-section p{font-size:11px;line-height:1.7}.detail-actions{display:flex;gap:8px;margin-top:18px}.products-panel{margin-top:15px}.admin-product{display:grid;grid-template-columns:70px 1fr 100px 160px 80px;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #eee;font-size:11px}.admin-product img{width:65px;height:55px;object-fit:cover}.stock-badges{display:flex;gap:4px}.stock-badges span{background:#eef7f2;padding:5px;border-radius:5px;font-size:9px}.empty{padding:70px 10px;text-align:center;color:#777}
@media(max-width:900px){.site-header{padding:0 18px;grid-template-columns:auto 1fr auto}.site-header nav{display:none}.hero{min-height:520px;height:80vh}.hero-side{display:none}.section-head,.editorial,.checkout-grid,.cart-layout,.product-page{grid-template-columns:1fr}.products-grid,.products-grid.two{grid-template-columns:1fr}.service-strip{grid-template-columns:1fr 1fr}.section-head h2{font-size:45px}.manifesto{margin-top:20px}.product-image{height:360px}.shop-heading h1,.page-title h1{font-size:50px}.product-page{padding:25px 4% 60px;gap:25px}.gallery-main{height:500px}.form-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:80px 1fr auto}.cart-row>strong{grid-column:2}.cart-row img{width:80px;height:80px}.cart-summary{margin-top:20px}.admin-sidebar{width:70px;padding:18px 8px}.admin-logo{font-size:24px;padding:0 8px 30px}.admin-logo small,.admin-sidebar nav span,.store-mini{display:none}.admin-sidebar nav a{justify-content:center;padding:13px 5px}.admin-main{margin-left:70px;width:calc(100% - 70px)}.stats{grid-template-columns:1fr 1fr}.admin-grid-top,.admin-grid-bottom{grid-template-columns:1fr}.admin-content{padding:12px}.admin-title{align-items:flex-start;gap:10px}.date-pill{display:none}.topbar{font-size:8px;letter-spacing:.7px}.wordmark{font-size:30px}.header-actions{gap:13px;font-size:20px}.editorial{padding:70px 8%}.editorial h2{font-size:55px}footer{grid-template-columns:1fr;gap:15px}footer>div{text-align:left!important}}
@media(max-width:520px){.service-strip{grid-template-columns:1fr}.hero-center h1{font-size:60px}.hero-center p{font-size:9px;letter-spacing:4px}.hero-center small{font-size:9px}.section{padding:40px 5%}.product-image{height:300px}.admin-header{padding:0 10px}.admin-header>input{font-size:10px}.admin-user span{display:none}.stats{grid-template-columns:1fr}.stats .stat{padding:14px}.admin-grid-top{display:block}.panel{margin-bottom:12px}.cart-row{grid-template-columns:65px 1fr}.cart-row .cart-qty,.cart-row .remove{grid-column:2}.cart-row img{width:65px;height:65px}}

/* WAGWAN refinement */
.site-header{grid-template-columns:1fr 1fr;height:76px;padding:0 42px}
.brand-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:190px;height:58px;align-items:center;justify-content:center}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.header-right{margin-left:auto;display:flex;align-items:center;gap:34px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:11px;letter-spacing:1.7px}.site-header nav a{padding:29px 0 25px;white-space:nowrap}.header-actions{justify-self:auto;display:flex;align-items:center;gap:18px;font-size:0}.icon-btn{width:27px;height:27px;display:grid;place-items:center;position:relative;border:0;background:transparent;padding:0;cursor:pointer}.icon-btn svg{width:22px;height:22px;fill:none;stroke:#111;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cart-count{top:-5px;right:-8px}.size-selector{margin-top:12px}.size-label{display:block;font-size:8px;letter-spacing:1.4px;color:#777;margin-bottom:7px}.size-home{cursor:pointer;transition:.18s}.size-home:hover,.size-home.selected{background:#050505;color:#fff;border-color:#050505}.mini-add:disabled{opacity:.45;cursor:not-allowed;transform:none}.card-actions{grid-column:1/-1;justify-content:stretch}.mini-add{width:100%;padding:13px 14px;letter-spacing:1px}.product-image{height:470px}.size-help-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.size-help-btn{border:0;border-bottom:1px solid #111;background:none;padding:0 0 3px;font-size:9px;letter-spacing:1.4px;cursor:pointer}.size-guide{display:none;margin-top:14px;border:1px solid #ddd;background:#fafafa;padding:16px}.size-guide.open{display:block}.size-guide-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:9px;letter-spacing:1.2px}.size-guide-head span{color:#777}.size-guide table{width:100%;border-collapse:collapse;font-size:9px}.size-guide th,.size-guide td{border-bottom:1px solid #e5e5e5;padding:9px 5px;text-align:left}.size-guide th{font-size:8px;letter-spacing:1px}.size-guide p{font-size:9px;color:#777;line-height:1.5;margin:12px 0 0}.choices button{cursor:pointer}.choices button.out{opacity:.4;cursor:not-allowed}.choices button.selected{background:#050505;color:#fff;border-color:#050505}.product-info .btn:disabled{opacity:.4;cursor:not-allowed}.product-details{margin-top:35px;padding-top:24px;border-top:1px solid #ddd}.product-details>b{font-size:10px;letter-spacing:1.7px}.product-details ul{list-style:none;padding:0;margin:15px 0 0}.product-details li{font-size:12px;letter-spacing:.5px;padding:7px 0;border-bottom:1px solid #eee}.product-details li:before{content:'— '}.faq{padding-top:30px;padding-bottom:100px;border-top:1px solid #eee}.faq-head small{font-size:9px;letter-spacing:2px}.faq-head h2{font:70px Anton;margin:12px 0 45px}.faq-list{max-width:980px;margin-left:auto}.faq details{border-top:1px solid #111}.faq details:last-child{border-bottom:1px solid #111}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:30px;padding:22px 0;font-size:13px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400}.faq details p{max-width:760px;color:#666;line-height:1.7;font-size:12px;margin:0 0 24px}.footer-logo img{width:145px;height:auto;display:block}.topbar{letter-spacing:1.2px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:68px;padding:0 18px}.brand-logo{width:150px;height:48px}.header-right{gap:15px}.site-header nav{display:none}.product-image{height:360px}.faq-head h2{font-size:52px}.faq-list{margin-left:0}}
@media(max-width:520px){.brand-logo{width:135px}.header-actions{gap:12px}.topbar{font-size:8px}.hero>img{object-position:center}.product-image{height:300px}.faq{padding-top:20px;padding-bottom:70px}.faq summary{font-size:12px}}


/* WAGWAN V3 — header / services / FAQ / WhatsApp */
.site-header{grid-template-columns:1fr auto 1fr!important;position:sticky!important;height:76px;padding:0 42px!important}
.main-nav{justify-self:start!important;display:flex!important;gap:34px!important;align-items:center!important;font-size:11px!important;letter-spacing:1.7px!important}
.main-nav a{padding:29px 0 25px!important;white-space:nowrap}
.brand-logo{position:static!important;transform:none!important;justify-self:center!important;width:190px!important;height:58px!important}
.header-actions{justify-self:end!important;margin-left:0!important;display:flex!important;align-items:center!important;gap:24px!important}
.header-actions .icon-btn svg{width:23px;height:23px;stroke-width:1.5}
.faq-list{margin-left:0!important;margin-right:auto!important;max-width:980px!important}
.faq-head,.faq-list{width:100%}
.service-strip strong.service-icon{display:grid!important;place-items:center!important;width:35px;height:35px;font-size:0!important;color:#111}
.service-icon svg{width:24px;height:24px;fill:none;stroke:#111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wagwan-whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}
.wagwan-whatsapp:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(0,0,0,.28)}
.wagwan-whatsapp svg{width:29px;height:29px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto 1fr!important;padding:0 18px!important}.main-nav{gap:14px!important;font-size:9px!important}.main-nav a{padding:25px 0 22px!important}.brand-logo{width:145px!important;height:48px!important}.header-actions{gap:14px!important}.wagwan-whatsapp{right:16px;bottom:16px;width:52px;height:52px}}
@media(max-width:680px){.main-nav{gap:10px!important;font-size:8px!important;letter-spacing:1px!important}.main-nav a:nth-child(3),.main-nav a:nth-child(4){display:none}.brand-logo{width:125px!important}.header-actions{gap:11px!important}.header-actions .icon-btn svg{width:21px;height:21px}}
/* ===== WAGWAN ADMIN V5 ===== */
.admin-section{display:none}.admin-section.section-active{display:block}.admin-section#dashboard.section-active{display:block}
.section-note{font-size:11px;color:#888;display:block;margin-top:4px}
.orders-table{font-size:13px;min-width:980px}.orders-table th{font-size:12px;padding:14px}.orders-table td{font-size:13px;padding:14px 11px;vertical-align:middle}.orders-table td:first-child{font-size:13px}.customer-cell span{font-weight:600}.order-product-cell{display:flex;align-items:center;gap:10px;min-width:220px}.order-product-cell img{width:48px;height:48px;border-radius:7px;object-fit:cover;background:#f4f4f2;border:1px solid #eee}.order-product-cell strong{font-size:12px;white-space:normal;line-height:1.25}.order-actions{display:flex;gap:7px;align-items:center}.action-btn{width:38px;height:38px;padding:0!important;display:grid;place-items:center;border-radius:8px!important}.action-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-btn.view{background:#f0f1f1;color:#111}.action-btn.confirm{background:#07915b}.action-btn.cancel{background:#e93340}.detail-panel{position:sticky;top:15px;align-self:start}.empty-detail{padding:70px 15px;text-align:center;color:#777;line-height:1.8}.detail-close{border:0;background:#f3f3f3;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer}.customer-info{display:flex;flex-direction:column;gap:14px;margin-top:14px}.customer-info p{display:flex;gap:12px;align-items:flex-start;margin:0}.info-icon{width:31px;height:31px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;flex:none}.info-icon svg{width:16px;height:16px;fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.customer-info small,.customer-info strong{display:block}.customer-info small{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.customer-info strong{font-size:12px;line-height:1.35}.detail-item{display:grid;grid-template-columns:58px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.detail-item img{width:58px;height:58px;object-fit:cover;background:#f5f5f3;border-radius:6px}.detail-item strong{display:block;font-size:11px}.detail-item span{display:block;font-size:10px;color:#777;margin-top:4px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn.danger{background:#ef3340;color:#fff;border-color:#ef3340}.print-order-btn{width:100%;margin-top:10px;height:42px;border:1px solid #111;background:#fff;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer}.print-order-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-manager{min-height:600px}.admin-add-btn{background:#111;color:#fff;border:0;padding:12px 17px;border-radius:8px;font-size:11px;letter-spacing:.5px;cursor:pointer}.product-form-wrap{background:#f7f7f5;border:1px solid #e4e4e2;border-radius:10px;padding:20px;margin-top:20px}.form-title{font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:13px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product-form-wrap label{font-size:10px;font-weight:700;display:block;margin-bottom:13px}.product-form-wrap input,.product-form-wrap select,.product-form-wrap textarea{width:100%;margin-top:7px;border:1px solid #d7d7d7;background:#fff;padding:11px 12px;outline:none;font:inherit;font-size:11px}.upload-box{border:1px dashed #bbb;background:#fff;padding:15px;margin:12px 0 20px}.upload-box>div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.upload-box small{font-size:10px;color:#888}.image-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.image-preview img{width:78px;height:78px;object-fit:cover;border:1px solid #ddd;border-radius:6px}.stock-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.stock-fields label{background:#fff;border:1px solid #ddd;padding:10px}.catalog-title{margin-top:28px}.admin-product{grid-template-columns:65px 1.4fr 100px 170px 100px 80px}.admin-product small{display:block;color:#888;font-size:9px;margin-top:4px}.product-admin-actions{display:flex;gap:6px}.product-admin-actions button{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;display:grid;place-items:center;cursor:pointer}.product-admin-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.category-list{margin-top:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category-row{border:1px solid #e5e5e5;background:#fafafa;padding:22px;border-radius:10px;display:flex;flex-direction:column;gap:9px}.category-row b{font-size:15px}.category-row span{font-size:10px;color:#888}.customers-table{min-width:950px;font-size:12px}.customers-table th{font-size:10px;letter-spacing:.5px}.customers-table td{font-size:12px}.customer-status{padding:6px 9px;border-radius:7px;background:#e9f7ee;color:#07824e;font-size:10px}.customer-status.pending{background:#fff3d8;color:#bd7900}.customer-status.delivered{background:#e8f1ff;color:#245caa}.settings-panel{min-height:300px}.settings-card{margin-top:12px;padding:16px;border:1px solid #e5e5e5;background:#fafafa;display:flex;justify-content:space-between;font-size:12px}.settings-card span{color:#777}
@media(max-width:1100px){.admin-form-grid{grid-template-columns:1fr 1fr}.category-list{grid-template-columns:1fr 1fr}.admin-product{grid-template-columns:60px 1fr 90px 140px 80px}.order-product-cell{min-width:180px}}
@media(max-width:700px){.orders-table{min-width:900px}.admin-form-grid{grid-template-columns:1fr}.stock-fields{grid-template-columns:1fr 1fr}.category-list{grid-template-columns:1fr}.admin-product{grid-template-columns:55px 1fr 75px}.admin-product>div:nth-child(4),.admin-product>span{display:none}.detail-actions{grid-template-columns:1fr}.detail-panel{position:relative}.product-form-wrap{padding:14px}}
.promotion-badge{position:absolute;top:14px;left:14px;background:#111;color:#fff;padding:7px 10px;font-size:9px;letter-spacing:1.2px;z-index:2}.product-image{position:relative}.big-price del{font-size:13px;color:#999;margin-left:8px;font-weight:500}

/* WAGWAN ADMIN V6 refinements */
.orders-table{min-width:1120px}
.orders-table th,.orders-table td{font-size:14px}
.orders-table th{font-size:12px;letter-spacing:.3px}
.orders-table td{padding:16px 12px}
.order-product-cell img{width:52px;height:52px}
.order-product-cell strong{font-size:14px}
.order-phone a,.detail-phone{color:#111;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.order-actions{gap:9px}
.action-btn{width:42px;height:42px}
.action-btn svg{width:22px;height:22px}
.city-row{grid-template-columns:42px 1fr 110px}
.city-count{font-size:14px}
.city-row span{font-size:12px}
.detail-status-row{margin-top:10px}
.detail-phone{display:block;margin-top:2px}
.detail-item img{width:58px;height:58px;object-fit:cover}
.print-order-btn{width:100%;margin-top:12px}
.product-card .price del{font-size:12px;color:#999;margin-left:6px;font-weight:500}
.admin-product>strong del{font-size:10px;color:#999;margin-left:5px;font-weight:500}
.promotion-admin-label{display:inline-flex!important;background:#111;color:#fff!important;padding:5px 8px;border-radius:2px;font-size:9px!important;letter-spacing:1px;text-transform:uppercase;width:max-content}
.category-create{display:flex;gap:10px;margin:18px 0 8px}
.category-create input{flex:1;border:1px solid #ddd;background:#fff;padding:12px 13px;font:inherit;font-size:11px;outline:none}
.category-delete{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;display:grid;place-items:center;cursor:pointer}
.category-delete svg{width:15px;height:15px}
.category-row{display:flex;align-items:center;justify-content:space-between}
.customer-status.normal{background:#f1f1f1;color:#555}
.customer-status.active{background:#e9f7ee;color:#07824e}
/* ===== WAGWAN ADMIN V7 ===== */
.image-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
.image-upload-group{border:1px solid #e4e4e4;background:#fafafa;padding:14px;border-radius:8px;min-width:0}
.upload-label{display:flex!important;flex-direction:column;gap:7px!important;font-size:10px!important;letter-spacing:.7px}
.upload-label span{font-size:9px;color:#888;font-weight:500;letter-spacing:0}
.upload-label input{margin-top:2px!important;padding:10px!important;background:#fff}
.image-preview{min-height:86px;align-items:flex-start}
.image-thumb{position:relative;width:86px;height:86px;flex:0 0 86px}
.image-thumb img{width:86px!important;height:86px!important;display:block;border:1px solid #ddd;border-radius:7px;object-fit:cover;background:#fff}
.image-thumb button{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border:0;border-radius:50%;background:#111;color:#fff;font-size:15px;line-height:22px;padding:0;cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.image-thumb small{display:block;text-align:center;font-size:8px;color:#777;margin-top:4px}
.image-empty{display:flex;align-items:center;min-height:86px;color:#999;font-size:10px}
.category-row{display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:18px!important;padding:16px 18px!important}
.category-name{font-size:14px;font-weight:700}
.category-product-count{font-size:11px;color:#777;justify-self:start;min-width:100px}
.category-delete{justify-self:end}
#orders-chart{display:block;width:100%;height:170px}
@media(max-width:900px){.image-upload-grid{grid-template-columns:1fr}}


/* ========================= WAGWAN FEEDBACK + RESPONSIVE FINAL ========================= */
.feedback-section{background:#f5f5f3;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.feedback-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}
.feedback-head h2{font:clamp(48px,6vw,82px) Anton,sans-serif;line-height:.9;margin:8px 0 0}
.feedback-head>p{max-width:390px;margin:0;font-size:11px;line-height:1.7;letter-spacing:1.5px;color:#666;text-align:right}
.feedback-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}
.feedback-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.feedback-card{background:#fff;border:1px solid #e3e3e1;padding:22px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}
.feedback-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.feedback-card-top>span{font-size:9px;color:#999;letter-spacing:1px}
.feedback-card p{font-size:14px;line-height:1.65;margin:22px 0;color:#222}.feedback-author{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1px;text-transform:uppercase}.feedback-author span{color:#888}.feedback-star{font-size:13px;color:#d3d3d0;letter-spacing:2px}.feedback-star.filled{color:#111}
.feedback-form-card{background:#fff;border:1px solid #dededb;padding:30px}.feedback-form-card h3{font:34px Anton;margin:7px 0 25px}.feedback-form-card label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;margin:14px 0}.feedback-form-card input,.feedback-form-card textarea{display:block;width:100%;border:1px solid #d6d6d4;background:#fff;padding:12px;margin-top:7px;outline:none;resize:vertical}.star-input{display:flex;gap:4px;margin-top:8px}.star-input button{border:0;background:transparent;padding:2px;font-size:24px;color:#cfcfcb;cursor:pointer}.star-input button.selected{color:#111}.feedback-form-message{font-size:10px;line-height:1.5;color:#666;min-height:16px;margin:12px 0 0}.feedback-empty,.feedback-loading{background:#fff;border:1px solid #e3e3e1;padding:35px;font-size:11px;color:#777;grid-column:1/-1;text-align:center}
.mobile-menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.mobile-menu-toggle span{display:block;width:20px;height:1px;background:#111;margin:4px 0}.mobile-menu{display:none}
.feedback-admin-filters{display:flex;gap:6px;flex-wrap:wrap}.feedback-filter{border:1px solid #ddd;background:#fff;padding:8px 10px;font-size:9px;letter-spacing:1px;cursor:pointer}.feedback-filter.active{background:#111;color:#fff;border-color:#111}.feedback-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.feedback-admin-stats>div{background:#f7f7f5;border:1px solid #e5e5e2;padding:14px;display:flex;flex-direction:column;gap:4px}.feedback-admin-stats b{font-size:22px}.feedback-admin-stats span{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:1px}.feedback-table{min-width:950px;font-size:12px}.feedback-table th{font-size:10px;letter-spacing:.5px}.feedback-table td{padding:13px 10px;vertical-align:top}.feedback-comment-cell{max-width:300px;white-space:normal;line-height:1.45;color:#555}.feedback-stars-inline .feedback-star{font-size:11px}.feedback-status{display:inline-flex;padding:6px 8px;border-radius:4px;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.feedback-status.pending{background:#fff3d8;color:#a66a00}.feedback-status.approved{background:#e9f7ee;color:#07824e}.feedback-status.rejected{background:#fde9eb;color:#b21f2d}.feedback-actions{display:flex;gap:5px}.feedback-action{width:31px;height:31px;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;border-radius:5px;font-weight:800}.feedback-action.approve{background:#078a58}.feedback-action.reject{background:#e33a46}.feedback-action.delete{background:#111}

@media(max-width:900px){
  .site-header{height:64px;padding:0 15px;grid-template-columns:44px 1fr 44px;position:sticky}
  .site-header .main-nav{display:none}.mobile-menu-toggle{display:block;justify-self:start}.brand-logo{justify-self:center;width:132px!important;height:auto}.header-actions{justify-self:end;gap:9px}.header-actions .icon-btn:first-child{display:none}.header-actions .icon-btn svg{width:22px;height:22px}.mobile-menu{display:block;position:fixed;inset:0;background:#080808;color:#fff;z-index:999;transform:translateX(-100%);transition:transform .28s ease;visibility:hidden}.mobile-menu.open{transform:translateX(0);visibility:visible}.mobile-menu-close{position:absolute;right:20px;top:16px;border:0;background:none;color:#fff;font-size:34px;line-height:1;cursor:pointer}.mobile-menu-inner{padding:95px 32px 30px;display:flex;flex-direction:column;align-items:flex-start}.mobile-menu-inner small{font-size:9px;letter-spacing:3px;color:#777;margin-bottom:28px}.mobile-menu-inner a{font:clamp(34px,9vw,52px) Anton,sans-serif;line-height:1.1;padding:7px 0}.mobile-menu-inner a:last-child{font-size:22px;margin-top:18px}.mobile-menu-inner .mobile-cart-count{position:static;display:inline-grid;margin-left:8px;vertical-align:middle;background:#fff;color:#111}
  body.menu-open{overflow:hidden}
  .feedback-head{display:block}.feedback-head>p{text-align:left;margin-top:18px}.feedback-layout{grid-template-columns:1fr}.feedback-list{grid-template-columns:1fr 1fr}
  .section{padding-left:5%;padding-right:5%}.products-grid,.products-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:clamp(260px,55vw,430px)}.product-meta{padding:13px 3px 18px}.size-row{flex-wrap:wrap}.size{padding:8px 10px}.mini-add{width:100%;padding:10px 8px}.product-page{grid-template-columns:1fr;gap:25px}.gallery-main{height:min(105vw,650px)}.cart-layout,.checkout-grid{grid-template-columns:1fr}.cart-summary,.summary-card{margin-top:12px}.admin-main{overflow-x:hidden}
}
@media(max-width:600px){
  .topbar{height:25px;font-size:7px;letter-spacing:.55px;padding:0 8px;text-align:center}.topbar span{display:none}.site-header{height:58px}.brand-logo{width:115px!important}.hero{height:76vh;min-height:480px}.hero-center h1{font-size:clamp(54px,17vw,82px)}.hero-center p{font-size:8px;letter-spacing:3px}.hero-center small{font-size:8px;letter-spacing:5px}.hero-center .btn{padding:13px 20px}.section-head{display:block}.section-head h2{font-size:45px}.manifesto{border-left:0;border-top:1px solid #111;padding:16px 0 0;margin-top:18px}.products-grid,.products-grid.two{grid-template-columns:1fr}.product-image{height:calc(100vw - 10vw)}.service-strip{grid-template-columns:1fr 1fr;padding:20px 5%;gap:15px}.service-strip div{grid-template-columns:29px 1fr}.service-strip strong{font-size:19px}.service-strip b{font-size:9px}.service-strip span{font-size:8px}.editorial{grid-template-columns:1fr;padding:65px 8%;min-height:auto}.editorial h2{font-size:54px}.editorial p{font-size:16px}.faq-head h2{font-size:48px}.feedback-list{grid-template-columns:1fr}.feedback-card{padding:18px;min-height:0}.feedback-form-card{padding:20px}.feedback-form-card h3{font-size:30px}.feedback-head h2{font-size:50px}.shop-heading,.page-title{display:block}.shop-heading h1,.page-title h1{font-size:48px;line-height:.9}.filterbar{gap:15px}.gallery-main{height:105vw;max-height:520px}.product-info h1{font-size:44px}.cart-row{grid-template-columns:72px 1fr}.cart-row .cart-qty,.cart-row .remove{grid-column:2}.cart-row img{width:72px;height:72px}.feedback-admin-stats{grid-template-columns:1fr 1fr}.feedback-admin-filters{width:100%}.feedback-filter{flex:1}.admin-product{grid-template-columns:55px 1fr}.admin-product>strong,.admin-product>div:nth-child(4),.admin-product>span{display:none}.image-upload-grid{grid-template-columns:1fr}.feedback-table{min-width:850px}
}
@media(max-width:380px){.brand-logo{width:102px!important}.header-actions .cart-link svg{width:20px;height:20px}.mobile-menu-inner{padding-left:24px}.mobile-menu-inner a{font-size:34px}.service-strip{grid-template-columns:1fr}.product-meta h3{font-size:12px}.btn{padding:13px 20px}.feedback-form-card{padding:16px}}

/* WAGWAN MOBILE HEADER FIX V4 */
@media (max-width: 900px){
  .site-header{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    padding:0 12px!important;
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .mobile-menu-toggle{
    position:absolute!important;
    left:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:26px!important;
    height:30px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    padding:0!important;
    z-index:3!important;
  }
  .mobile-menu-toggle span{width:20px!important;height:1px!important;margin:3px 0!important}
  .site-header .main-nav{
    position:absolute!important;
    left:43px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    height:auto!important;
    justify-self:auto!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:1px!important;
    z-index:2!important;
  }
  .site-header .main-nav a{
    display:block!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    white-space:nowrap!important;
  }
  .site-header .main-nav a:nth-child(3),
  .site-header .main-nav a:nth-child(4){display:none!important}
  .brand-logo{
    position:static!important;
    left:auto!important;top:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    width:125px!important;
    height:46px!important;
    margin:0!important;
    z-index:2!important;
  }
  .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
  .header-actions{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    margin:0!important;
    z-index:3!important;
  }
  .header-actions .icon-btn:first-child{display:none!important}
  .header-actions .cart-link{display:grid!important;width:28px!important;height:28px!important;place-items:center!important}
  .header-actions .cart-link svg{width:22px!important;height:22px!important}
  .header-actions .cart-count{top:-4px!important;right:-5px!important}
}
@media (max-width:380px){
  .site-header{height:58px!important;min-height:58px!important;padding:0 9px!important}
  .site-header .main-nav{left:40px!important;gap:9px!important;font-size:7.5px!important}
  .mobile-menu-toggle{left:8px!important}
  .brand-logo{width:110px!important;height:42px!important}
  .header-actions{right:8px!important}
  .header-actions .cart-link{width:25px!important;height:25px!important}
  .header-actions .cart-link svg{width:20px!important;height:20px!important}
}


/* ===== WAGWAN MOBILE HEADER — PHONE LAYOUT ===== */
@media (max-width: 680px){
  .site-header{
    position:sticky!important;
    top:0!important;
    height:64px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 16px!important;
    overflow:visible!important;
  }

  /* Hide HOME / SHOP / LOOKBOOK / ABOUT from the phone header */
  .site-header .main-nav{
    display:none!important;
  }

  /* Hamburger: fixed to the far left */
  .site-header .mobile-menu-toggle{
    display:flex!important;
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:28px!important;
    padding:0!important;
    margin:0!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    z-index:5!important;
  }

  .site-header .mobile-menu-toggle span{
    display:block!important;
    width:20px!important;
    height:1px!important;
    margin:3px 0!important;
    background:#111!important;
  }

  /* Logo: mathematically centered in the viewport */
  .site-header .brand-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    justify-self:auto!important;
    width:125px!important;
    height:46px!important;
    margin:0!important;
    z-index:4!important;
  }

  /* Cart: fixed to the far right */
  .site-header .header-actions{
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    justify-self:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    z-index:5!important;
  }

  .site-header .header-actions .icon-btn:first-child{
    display:none!important;
  }

  .site-header .header-actions .cart-link{
    display:grid!important;
    width:27px!important;
    height:27px!important;
    margin:0!important;
  }

  .site-header .header-actions .cart-link svg{
    width:22px!important;
    height:22px!important;
  }
}

@media (max-width:380px){
  .site-header{padding:0 12px!important}
  .site-header .mobile-menu-toggle{left:12px!important}
  .site-header .header-actions{right:12px!important}
  .site-header .brand-logo{width:112px!important}
}


/* =========================================================
   WAGWAN V8 — FULL DEVICE RESPONSIVE SYSTEM
   Phone hero uses the dedicated portrait campaign image.
   iPad/tablet/desktop keep the original landscape hero.
   ========================================================= */

/* Hero image wrapper */
.hero > picture{
  display:block;
  width:100%;
  height:100%;
}
.hero > picture > img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Tablet / iPad product page */
@media (max-width: 1100px){
  .product-page{
    grid-template-columns:1fr 1fr;
    gap:32px;
    padding-left:4%;
    padding-right:4%;
  }
  .gallery-main{height:clamp(520px,62vw,650px)}
  .product-info h1{font-size:clamp(42px,5vw,58px)}
  .choices{flex-wrap:wrap}
  .choices button{min-width:58px}
}

/* Admin tablet / iPad */
@media (max-width: 1100px){
  .admin-sidebar{width:210px}
  .admin-main{margin-left:210px;width:calc(100% - 210px)}
  .admin-content{padding:18px}
  .admin-grid-top{grid-template-columns:1.5fr 1fr}
  .admin-grid-top .cities-panel{grid-column:1 / -1}
  .stats{grid-template-columns:repeat(2,1fr)}
  .admin-title{gap:15px}
  .admin-form-grid{grid-template-columns:1fr 1fr}
}

/* Phone-only layout */
@media (max-width: 767px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}

  /* Dedicated portrait campaign photo on phones */
  .hero{
    height:calc(100svh - 83px);
    min-height:560px;
    max-height:none;
  }
  .hero > picture > img{
    object-position:center center;
  }
  .hero-overlay{
    background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.34));
  }
  .hero-center{width:90%}
  .hero-side{font-size:9px;line-height:1.45;bottom:22px}
  .hero-side.left{left:16px}
  .hero-side.right{right:16px}

  /* Product page */
  .product-page{
    display:flex;
    flex-direction:column;
    gap:22px;
    padding:24px 16px 60px;
  }
  .gallery{width:100%;min-width:0}
  .gallery-main{
    width:100%;
    height:auto;
    aspect-ratio:4 / 5;
    max-height:none;
  }
  .gallery-main img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .thumbs{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:4px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .thumbs::-webkit-scrollbar{display:none}
  .thumbs button{
    flex:0 0 72px;
    width:72px;
    height:72px;
  }
  .product-info{
    width:100%;
    min-width:0;
    padding:4px 0;
  }
  .product-info h1{
    font-size:clamp(38px,11vw,52px);
    overflow-wrap:anywhere;
  }
  .product-info .description{
    max-width:none;
    font-size:13px;
  }
  .choices{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    width:100%;
  }
  .choices button{
    min-width:0;
    padding:13px 6px;
    font-size:11px;
  }
  .qty{margin:20px 0}
  .product-details{font-size:13px}

  /* General storefront */
  .section{padding-left:16px;padding-right:16px}
  .shop-heading{padding-left:16px;padding-right:16px}
  .filterbar{margin-left:16px;margin-right:16px}
  .products-grid,.products-grid.two{grid-template-columns:1fr}
  .product-card{min-width:0}
  .product-image{height:auto;aspect-ratio:1 / 1.12}
  .product-meta{min-width:0}
  .product-meta h3{overflow-wrap:anywhere}
  .cart-layout,.checkout-grid{display:flex;flex-direction:column;gap:20px}
  .cart-summary,.summary-card{width:100%;box-sizing:border-box}

  /* Admin becomes a real mobile dashboard */
  .admin-body{
    display:block;
    min-width:0;
    width:100%;
    overflow-x:hidden;
  }
  .admin-sidebar{
    position:sticky;
    top:0;
    left:auto;
    bottom:auto;
    width:100%;
    height:auto;
    min-height:0;
    padding:10px 10px 8px;
    box-sizing:border-box;
    z-index:2000;
    display:block;
  }
  .admin-logo{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 6px 10px;
    font-size:25px;
  }
  .admin-logo small{
    margin:0;
    font-size:7px;
  }
  .admin-sidebar nav{
    display:flex;
    flex-direction:row;
    gap:5px;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 0 5px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .admin-sidebar nav::-webkit-scrollbar{display:none}
  .admin-sidebar nav a{
    flex:0 0 auto;
    white-space:nowrap;
    padding:10px 11px;
    font-size:10px;
    gap:6px;
    border-radius:7px;
  }
  .admin-sidebar nav a span{display:inline}
  .admin-sidebar nav b{font-size:8px;padding:2px 5px}
  .store-mini{display:none}
  .admin-main{
    margin-left:0;
    width:100%;
    min-width:0;
  }
  .admin-header{
    height:auto;
    min-height:64px;
    padding:10px 12px;
    flex-wrap:wrap;
    gap:9px;
    box-sizing:border-box;
  }
  .admin-header>input{
    order:1;
    flex:1 1 100%;
    max-width:none;
    min-width:0;
  }
  .admin-notification{display:none}
  .admin-user{
    order:0;
    margin-left:auto;
    font-size:10px;
  }
  .avatar{width:30px;height:30px}
  .admin-content{padding:12px}
  .admin-title{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .admin-title h1{font-size:25px}
  .date-pill{width:100%;box-sizing:border-box}
  .stats{grid-template-columns:1fr 1fr;gap:8px}
  .stat{padding:13px}
  .stat-value{font-size:21px}
  .admin-grid-top{grid-template-columns:1fr;gap:10px}
  .admin-grid-top .cities-panel{grid-column:auto}
  .panel{padding:13px;border-radius:9px}
  .panel-head{gap:10px;align-items:flex-start}
  .panel-head h2{font-size:17px}
  .chart-panel canvas{width:100%!important;height:180px!important}
  .table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .orders-table{min-width:980px}
  .customers-table{min-width:650px}
  .feedback-table{min-width:850px}
  .orders-table th,.orders-table td{font-size:11px;padding:10px 8px}
  .order-product-cell{min-width:170px}
  .order-product-cell img{width:42px;height:42px}
  .order-product-cell strong{font-size:11px}
  .action-btn{width:34px;height:34px}
  .action-btn svg{width:18px;height:18px}
  .detail-panel{position:relative;top:auto}
  .detail-actions{grid-template-columns:1fr}
  .admin-form-grid{grid-template-columns:1fr}
  .stock-fields{grid-template-columns:repeat(2,1fr)}
  .image-upload-grid{grid-template-columns:1fr}
  .product-form-wrap{padding:12px}
  .admin-product{
    grid-template-columns:52px 1fr 70px!important;
    gap:8px;
  }
  .admin-product>div:nth-child(4),
  .admin-product>span{display:none}
  .category-create{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .category-create input,.category-create button{width:100%;box-sizing:border-box}
  .feedback-admin-stats{grid-template-columns:1fr 1fr}
  .feedback-admin-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .feedback-filter{width:100%}
}

/* Very small phones */
@media (max-width: 390px){
  .hero{min-height:520px}
  .hero-center h1{font-size:54px}
  .hero-center p{font-size:8px;letter-spacing:3px}
  .product-page{padding-left:12px;padding-right:12px}
  .product-info h1{font-size:38px}
  .choices button{font-size:10px;padding:12px 4px}
  .admin-sidebar{padding-left:7px;padding-right:7px}
  .admin-logo{font-size:22px}
  .admin-sidebar nav a{padding:9px 9px;font-size:9px}
  .admin-content{padding:9px}
  .stats{grid-template-columns:1fr}
}

/* WAGWAN V9 — SIZE HELP MOBILE ONLY */
@media (max-width: 767px){
  .size-guide{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding:12px 10px;
    overflow:hidden;
  }
  .size-guide-head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    margin-bottom:10px;
    line-height:1.35;
  }
  .size-guide-head span{
    font-size:8px;
  }
  .size-guide table{
    width:100%;
    max-width:100%;
    table-layout:fixed;
    border-collapse:collapse;
    font-size:8px;
  }
  .size-guide th,
  .size-guide td{
    width:25%;
    box-sizing:border-box;
    padding:8px 2px;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .size-guide th{
    font-size:7px;
    letter-spacing:.6px;
  }
  .size-guide p{
    font-size:8px;
    line-height:1.45;
    margin:10px 0 0;
  }
}

@media (max-width: 390px){
  .size-guide{padding:10px 8px;}
  .size-guide table{font-size:7.5px;}
  .size-guide th{font-size:6.5px;letter-spacing:.35px;}
  .size-guide th,.size-guide td{padding:7px 1px;}
  .size-guide p{font-size:7.5px;}
}

/* ================= SENDIT DELIVERY UI ================= */
.sendit-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;background:#eef3f5;color:#34444b;font-size:10px;font-weight:700;white-space:nowrap}.sendit-pill.created{background:#eef3f5;color:#46545a}.sendit-pill.picked_up{background:#e9f7ee;color:#07824e}.sendit-pill.in_transit{background:#e8f1ff;color:#2563a6}.sendit-pill.warehouse{background:#f0eafa;color:#6b43a3}.sendit-pill.delivering{background:#fff3d8;color:#a96a00}.sendit-pill.delivered{background:#dff8eb;color:#087947}.sendit-pill.exception{background:#ffe6e8;color:#d82332}.sendit-card{border:1px solid #e6e8e8;border-radius:10px;padding:15px;margin-top:18px;background:#fbfcfc}.sendit-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sendit-card h3{font-size:13px;margin:0}.sendit-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.sendit-meta>div{background:#fff;border:1px solid #eee;border-radius:8px;padding:10px}.sendit-meta small{display:block;color:#888;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.sendit-meta strong{font-size:11px}.sendit-timeline{margin:18px 0 8px;display:grid;gap:8px}.sendit-step{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;font-size:10px;color:#999}.sendit-step .dot{width:12px;height:12px;border-radius:50%;border:2px solid #ccc;background:#fff}.sendit-step.done{color:#111}.sendit-step.done .dot{border-color:#07915b;background:#07915b}.sendit-step.current{font-weight:800;color:#111}.sendit-step.current .dot{border-color:#111;background:#111}.sendit-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.sendit-actions button{border:1px solid #111;background:#fff;padding:9px 12px;font-size:10px;font-weight:700;letter-spacing:.8px;cursor:pointer}.sendit-actions button.primary{background:#111;color:#fff}.sendit-actions button.green{background:#07915b;border-color:#07915b;color:#fff}.sendit-exception{margin-top:10px;padding:10px;border-radius:7px;background:#fff1f2;color:#b4232d;font-size:10px;line-height:1.5}.sendit-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:3000;align-items:center;justify-content:center;padding:25px}.sendit-modal-backdrop.open{display:flex}.sendit-modal{width:min(650px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:24px}.sendit-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sendit-modal-head h2{font-size:19px;margin:0}.sendit-modal-close{border:0;background:#f1f2f2;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:20px}.sendit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.sendit-form-grid label{font-size:9px;letter-spacing:1px;font-weight:700}.sendit-form-grid input,.sendit-form-grid select{display:block;width:100%;margin-top:6px;border:1px solid #ddd;border-radius:7px;padding:11px;background:#fff;outline:none}.sendit-checks{display:flex;gap:18px;margin:15px 0;font-size:10px}.sendit-checks label{display:flex;align-items:center;gap:6px}.sendit-help{font-size:10px;color:#777;line-height:1.6;margin:10px 0 16px}.sendit-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.sendit-modal-footer button{border:1px solid #111;padding:11px 15px;font-size:10px;font-weight:700;cursor:pointer}.sendit-modal-footer .primary{background:#111;color:#fff}.sendit-loading{font-size:10px;color:#777;padding:10px 0}.sendit-link{color:#0a8054;text-decoration:underline;font-weight:700}.sendit-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.sendit-status-note{font-size:9px;color:#888;margin-top:3px}@media(max-width:700px){.sendit-meta,.sendit-form-grid{grid-template-columns:1fr}.sendit-modal-backdrop{padding:10px}.sendit-modal{padding:18px}}

/* ================= SENDIT SHIPPING V11.1 ================= */
#shipping.section-active{display:block}
.shipping-page{min-width:0}
.shipping-title{margin-bottom:20px}
.shipping-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.shipping-stat{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:16px;min-height:82px}
.shipping-stat .label{display:block;font-size:9px;letter-spacing:1.3px;font-weight:800;color:#777;text-transform:uppercase}
.shipping-stat .value{display:block;font-size:25px;font-weight:800;line-height:1.1;margin-top:9px}
.shipping-stat .sub{display:block;font-size:9px;color:#999;margin-top:5px}
.shipping-toolbar{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.shipping-toolbar-left{display:flex;gap:8px;flex:1}
.shipping-toolbar input,.shipping-toolbar select{height:40px;border:1px solid #ddd;background:#fff;border-radius:7px;padding:0 12px;font:inherit;font-size:11px;outline:none}
.shipping-toolbar input{width:min(480px,100%)}
.shipping-toolbar select{min-width:190px}
.shipping-toolbar-note{font-size:10px;color:#666;display:flex;align-items:center;gap:7px;white-space:nowrap}
.shipping-live-dot{width:8px;height:8px;background:#07915b;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #07915b18}
.shipping-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);gap:14px;align-items:start}
.shipping-list-panel,.shipping-detail-panel{min-width:0}
.shipping-list{display:flex;flex-direction:column;gap:8px;padding:0 14px 14px}
.shipping-row{border:1px solid #e7e7e7;background:#fff;border-radius:9px;padding:13px;cursor:pointer;transition:.16s ease;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:12px;align-items:center}
.shipping-row:hover{border-color:#bbb;transform:translateY(-1px)}
.shipping-row.selected{border-color:#111;box-shadow:0 0 0 1px #111}
.shipping-row-main{min-width:0}.shipping-order-code{font-size:12px;font-weight:900;letter-spacing:.3px}.shipping-client{font-size:10px;color:#555;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shipping-row-meta small{display:block;color:#999;font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.shipping-row-meta strong{font-size:10px}
.shipping-row-actions{display:flex;align-items:center;gap:6px}.shipping-row-actions button{border:1px solid #ddd;background:#fff;border-radius:6px;width:30px;height:30px;cursor:pointer}
.shipping-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}
.shipping-empty{padding:45px 25px;text-align:center;color:#777}.shipping-empty-icon{font-size:30px;margin-bottom:10px}.shipping-empty h3{color:#111;margin:0 0 7px;font-size:15px}.shipping-empty p{font-size:10px;line-height:1.6;margin:0}
.shipping-detail-panel{position:sticky;top:15px;max-height:calc(100vh - 30px);overflow:auto}
.shipping-detail-inner{padding:18px}.shipping-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #eee;padding-bottom:14px}.shipping-detail-head h2{font-size:18px;margin:0}.shipping-detail-head p{font-size:10px;color:#777;margin:5px 0 0}.shipping-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.shipping-detail-field{border:1px solid #eee;background:#fafafa;border-radius:7px;padding:10px}.shipping-detail-field small{display:block;font-size:8px;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.shipping-detail-field strong{font-size:10px;word-break:break-word}.shipping-timeline{position:relative;margin:18px 0;padding-left:10px}.shipping-timeline:before{content:"";position:absolute;left:17px;top:9px;bottom:9px;width:1px;background:#ddd}.shipping-timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:9px;min-height:39px;align-items:start}.shipping-timeline-dot{position:relative;z-index:1;width:10px;height:10px;margin-top:2px;border-radius:50%;background:#fff;border:2px solid #c8c8c8}.shipping-timeline-item.done .shipping-timeline-dot{border-color:#07915b;background:#07915b}.shipping-timeline-item.current .shipping-timeline-dot{border-color:#111;background:#111;box-shadow:0 0 0 4px #11112}.shipping-timeline-item .t-title{font-size:10px;font-weight:700}.shipping-timeline-item .t-time{font-size:8px;color:#999;text-align:right}.shipping-timeline-item.pending .t-title{color:#aaa;font-weight:500}
.shipping-events{border-top:1px solid #eee;margin-top:15px;padding-top:14px}.shipping-events h3{font-size:11px;margin:0 0 9px}.shipping-event{padding:9px 0;border-bottom:1px solid #f0f0f0}.shipping-event:last-child{border-bottom:0}.shipping-event-top{display:flex;justify-content:space-between;gap:8px}.shipping-event-top strong{font-size:9px}.shipping-event-top span{font-size:8px;color:#999}.shipping-event p{font-size:9px;color:#666;margin:4px 0 0;line-height:1.4}.shipping-detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.shipping-detail-actions button{border:1px solid #111;background:#fff;padding:10px 12px;font-size:9px;font-weight:800;letter-spacing:.7px;cursor:pointer;border-radius:5px}.shipping-detail-actions .primary{background:#111;color:#fff}.shipping-detail-actions .green{background:#07915b;border-color:#07915b;color:#fff}
.shipping-uncertainty{margin-top:12px;padding:10px;background:#fff5df;border:1px solid #f0dfb2;border-radius:7px;font-size:9px;color:#765900;line-height:1.5}.shipping-error{margin-top:12px;padding:10px;background:#fff0f1;border:1px solid #f0c9cc;border-radius:7px;font-size:9px;color:#a6222c;line-height:1.5}
.shipping-no-results{padding:35px 15px;text-align:center;color:#999;font-size:10px}
.settings-card-stack{align-items:center}.settings-card-stack>div:first-child{display:flex;flex-direction:column;gap:4px}.settings-card-stack small{font-size:9px;color:#999}.settings-delivery-status{display:flex;align-items:center;gap:9px;font-size:9px;color:#444}.settings-delivery-status code{background:#f0f0f0;padding:5px 7px;border-radius:4px;font-size:8px}
.settings-delivery-map{margin-top:12px;border:1px solid #e5e5e5;background:#fafafa;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.settings-delivery-map b{font-size:12px}.settings-delivery-map p{font-size:9px;color:#777;margin:6px 0 0;line-height:1.5}
#shipping-badge{display:none}
@media(max-width:1100px){.shipping-layout{grid-template-columns:1fr}.shipping-detail-panel{position:relative;top:auto;max-height:none}.shipping-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.shipping-stats{grid-template-columns:repeat(2,1fr)}.shipping-toolbar{align-items:stretch;flex-direction:column}.shipping-toolbar-left{width:100%;flex-direction:column}.shipping-toolbar input,.shipping-toolbar select{width:100%}.shipping-row{grid-template-columns:1fr 1fr}.shipping-row-actions{justify-content:flex-end}.shipping-detail-grid{grid-template-columns:1fr}.settings-delivery-map,.settings-card-stack{align-items:flex-start;flex-direction:column}.shipping-title .date-pill{display:none}}

/* WAGWAN ADMIN ICON SYSTEM */
.admin-sidebar .admin-nav a{display:flex;align-items:center;gap:12px}
.admin-sidebar .admin-nav .nav-icon{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.admin-sidebar .admin-nav a:hover .nav-icon,.admin-sidebar .admin-nav a.section-active .nav-icon{opacity:1}
.shipping-refresh-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.shipping-refresh-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shipping-refresh-btn.is-loading svg{animation:wagwan-spin .8s linear infinite}
.shipping-refresh-btn:disabled{opacity:.58;cursor:wait}
@keyframes wagwan-spin{to{transform:rotate(360deg)}}
.shipping-empty-icon{width:58px;height:58px;margin:0 auto 13px;display:grid;place-items:center;border:1px solid #e4e4e4;border-radius:16px;background:#fafafa;color:#111}
.shipping-empty-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.shipping-empty-icon svg .accent{stroke-width:1.9}
.shipping-row-actions button svg,.shipping-detail-actions button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}