/*
Theme Name: Variation
Description: Premium Men's Shirts - WooCommerce Ready Theme with B2B Support
Version: 4.0.0
Author: VARIATION
*/

/* ══ GOOGLE FONTS ══ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700;800&display=swap');

/* ══ RESET & BASE ══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{--black:#111111;--white:#ffffff;--gray:#666666;--border:#e5e5e5;--blue:#1a56db;--gold:#f5c518;}
html{scroll-behavior:smooth;}
html{overflow-x:hidden;}body{font-family:'Montserrat',sans-serif;color:#111;background:#fff;overflow-x:hidden;line-height:1.6;max-width:100%;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
input,textarea,select{font-family:'Montserrat',sans-serif;}

/* ══ UTILITY ══ */
.var-sw{max-width:1320px;margin:0 auto;padding:0 24px;}

/* ══ BUTTONS ══ */
.btn-f{display:inline-block;background:#111;color:#fff;padding:13px 28px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s;white-space:nowrap;}
.btn-f:hover{background:#333;color:#fff;}
.btn-o{display:inline-block;background:transparent;color:#111;padding:13px 28px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:2px solid #111;transition:all .2s;white-space:nowrap;}
.btn-o:hover{background:#111;color:#fff;}

/* ══ TOAST ══ */
.var-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(20px);background:#111;color:#fff;padding:12px 24px;font-size:12px;font-weight:600;letter-spacing:1px;z-index:9999;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;}
.var-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ══ ANNOUNCEMENT BAR ══ */
.var-announce{background:#111;color:#fff;text-align:center;padding:10px 24px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;position:relative;z-index:500;}

/* ══ HEADER ══ */
.var-header{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:400;}
.var-hinner{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px;height:64px;}
.var-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:8px;color:#111;text-decoration:none;flex-shrink:0;}
.var-nav{display:flex;align-items:center;gap:28px;flex:1;}
.var-nav>a,.var-nav>.has-drop>a{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#666;text-decoration:none;padding:4px 0;transition:color .2s;white-space:nowrap;}
.var-nav>a:hover,.var-nav>.has-drop>a:hover{color:#111;}
.var-hicons{display:flex;align-items:center;gap:8px;margin-left:auto;}
.var-ico{background:none;border:none;font-size:20px;cursor:pointer;padding:6px;color:#111;line-height:1;position:relative;}
.var-cbadge{position:absolute;top:-3px;right:-3px;width:17px;height:17px;background:#e02020;color:#fff;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.var-lbtn{background:#111;color:#fff;border:none;padding:9px 18px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;font-family:'Montserrat',sans-serif;white-space:nowrap;text-decoration:none;display:inline-block;}
.var-lbtn:hover{background:#333;color:#fff;}

/* Dropdown */
.has-drop{position:relative;}
.has-drop:hover .drop-menu{display:block;}
.drop-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e5e5;min-width:180px;box-shadow:0 8px 32px rgba(0,0,0,.1);z-index:500;padding:8px 0;}
.drop-menu a{display:block;padding:10px 18px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#666;text-decoration:none;transition:all .2s;}
.drop-menu a:hover{background:#f7f7f7;color:#111;}

/* Search bar */
.var-search-bar{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;z-index:400;padding:14px 24px;}
.var-search-bar.open{display:block;}
.var-search-bar form{display:flex;max-width:600px;margin:0 auto;}
.var-search-bar input{flex:1;padding:11px 16px;border:1.5px solid #e5e5e5;border-right:none;font-size:13px;outline:none;font-family:'Montserrat',sans-serif;}
.var-search-bar button{padding:11px 20px;background:#111;color:#fff;border:none;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;}

/* Category nav */
.var-catnav{border-top:1px solid #e5e5e5;display:flex;align-items:center;padding:0 24px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;}
.var-catnav::-webkit-scrollbar{display:none;}
.var-catnav a{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#888;padding:11px 14px;display:inline-block;border-bottom:2px solid transparent;transition:all .2s;text-decoration:none;flex-shrink:0;}
.var-catnav a:hover,.var-catnav a.active{color:#111;border-bottom-color:#111;}

/* Mobile nav */
.mob-menu-btn{display:none;background:none;border:none;font-size:22px;color:#111;cursor:pointer;padding:4px;}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:600;}
.mob-overlay.open{display:block;}
.mob-drawer{position:fixed;top:0;left:-100%;width:300px;height:100vh;background:#fff;z-index:700;transition:left .3s ease;display:flex;flex-direction:column;overflow-y:auto;}
.mob-drawer.open{left:0;}
.mob-dhead{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;}
.mob-dlogo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:6px;color:#111;text-decoration:none;}
.mob-dcls{background:none;border:none;font-size:22px;color:#666;cursor:pointer;}
.mob-nav a{display:block;padding:13px 24px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#111;text-decoration:none;border-bottom:1px solid #f5f5f5;}
.mob-nav a:hover{background:#f7f7f7;}
.mob-nav a.b2b{color:#1a56db;}
.mob-nav .mob-sub{padding:9px 24px 9px 36px;font-size:11px;font-weight:500;letter-spacing:1px;color:#666;background:#fafafa;}
.mob-nav .mob-sec{padding:14px 24px 6px;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#aaa;}
.mob-foot{padding:20px 24px;border-top:1px solid #e5e5e5;margin-top:auto;}
.mob-foot a{display:block;font-size:11px;color:#666;text-decoration:none;padding:5px 0;}

/* ══ HERO ══ */
.var-hero{background:#f9f9f9;overflow:hidden;}
.var-hero-inner{display:grid;grid-template-columns:1fr 1fr;min-height:86vh;max-width:1320px;margin:0 auto;padding:0 24px;align-items:center;gap:40px;}
.var-hero-left{padding:48px 0;}
.var-hero-badge{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#888;display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.var-hero-badge::before{content:'';width:28px;height:1px;background:#888;display:inline-block;flex-shrink:0;}
.var-hero-h{font-family:'Bebas Neue',sans-serif;font-size:96px;line-height:.92;letter-spacing:2px;color:#111;margin-bottom:20px;}
.var-hero-outline{-webkit-text-stroke:2px #111;color:transparent;}
.var-hero-p{font-size:14px;color:#666;line-height:1.8;max-width:420px;margin-bottom:28px;}
.var-hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:0;}
.var-hero-facts{display:flex;gap:32px;margin-top:36px;padding-top:28px;border-top:1px solid #e5e5e5;}
.vhf{display:flex;flex-direction:column;}
.vhf-n{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:1px;color:#111;line-height:1;}
.vhf-l{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#aaa;margin-top:3px;}
.var-hero-right{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:500px;}
.var-hero-bg-word{position:absolute;font-family:'Bebas Neue',sans-serif;font-size:180px;letter-spacing:-8px;color:rgba(0,0,0,.04);white-space:nowrap;pointer-events:none;line-height:1;z-index:0;}
.var-hero-img-wrap{position:relative;z-index:1;}
.var-price-card{position:absolute;bottom:60px;left:-20px;background:#111;color:#fff;padding:14px 20px;min-width:160px;z-index:2;}
.vpc-from{display:block;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:2px;}
.vpc-price{display:block;font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:2px;}
.vpc-note{display:block;font-size:10px;color:rgba(255,255,255,.35);margin-top:2px;}

/* ══ TICKER ══ */
.var-ticker{background:#111;padding:11px 0;overflow:hidden;}
.var-ticker-inner{display:flex;gap:28px;animation:tickerScroll 18s linear infinite;white-space:nowrap;}
.var-ticker-inner span{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:4px;color:rgba(255,255,255,.5);}
.tk-dot{color:rgba(255,255,255,.2)!important;}
@keyframes tickerScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ══ SECTIONS ══ */
.var-section{padding:64px 0;width:100%;box-sizing:border-box;}
.var-section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.var-section-title{font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:4px;color:#111;}
.var-section-link{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#111;text-decoration:none;border-bottom:1.5px solid #111;padding-bottom:2px;}

/* ══ CATEGORIES ══ */
.var-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.var-cat-card{position:relative;height:260px;background:#eee;background-size:cover;background-position:center;text-decoration:none;overflow:hidden;display:block;transition:transform .3s;}
.var-cat-card:hover{transform:scale(1.01);}
.vcc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.05));transition:opacity .3s;}
.vcc-info{position:absolute;bottom:20px;left:20px;z-index:1;}
.vcc-info h3{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;color:#fff;margin-bottom:2px;}
.vcc-info span{font-size:11px;color:rgba(255,255,255,.6);font-weight:600;letter-spacing:1px;}

/* ══ MARQUEE ══ */
.var-marquee{background:#111;padding:14px 0;overflow:hidden;}
.var-marquee-inner{display:flex;gap:24px;animation:marqueeScroll 22s linear infinite;white-space:nowrap;}
.var-marquee-inner span{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:4px;color:rgba(255,255,255,.55);}
.mk-dot{color:rgba(255,255,255,.18)!important;}
@keyframes marqueeScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ══ B2B SECTION ══ */
.var-b2b-sec{background:#f7f7f7;padding:72px 0;}
.var-b2b-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.var-b2b-badge{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:#111;color:#fff;padding:5px 12px;display:inline-block;margin-bottom:16px;}
.var-b2b-title{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:3px;line-height:1.05;margin-bottom:16px;color:#111;}
.var-b2b-text{font-size:14px;color:#555;line-height:1.8;margin-bottom:20px;}
.var-b2b-list{padding:0;margin:0;}
.var-b2b-list li{font-size:13px;color:#555;padding:7px 0;border-bottom:1px solid #e5e5e5;font-weight:600;}
.var-b2b-right{display:flex;align-items:center;justify-content:center;}
.var-b2b-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e5e5e5;width:100%;}
.vbs{background:#fff;padding:32px 24px;text-align:center;}
.vbs-n{display:block;font-family:'Bebas Neue',sans-serif;font-size:48px;letter-spacing:2px;color:#111;}
.vbs-l{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#aaa;margin-top:4px;}

/* ══ TESTIMONIALS ══ */
.var-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.var-test-card{background:#fff;border:1.5px solid #e5e5e5;padding:24px;}
.vtc-stars{color:#f5c518;font-size:14px;margin-bottom:12px;letter-spacing:2px;}
.vtc-text{font-size:13px;color:#555;line-height:1.8;font-style:italic;margin-bottom:16px;}
.vtc-author{display:flex;align-items:center;gap:12px;}
.vtc-av{width:36px;height:36px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:16px;flex-shrink:0;}
.vtc-name{font-size:12px;font-weight:700;color:#111;}
.vtc-city{font-size:11px;color:#aaa;}

/* ══ NEWSLETTER ══ */
.var-nl{background:#111;padding:72px 24px;text-align:center;position:relative;overflow:hidden;}
.var-nl-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:200px;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;line-height:1;z-index:0;}
.var-nl-title{font-family:'Bebas Neue',sans-serif;font-size:44px;letter-spacing:4px;color:#fff;margin-bottom:8px;position:relative;z-index:1;}
.var-nl-sub{font-size:14px;color:rgba(255,255,255,.5);margin-bottom:28px;position:relative;z-index:1;}
.var-nl-form{display:flex;max-width:480px;margin:0 auto;gap:0;position:relative;z-index:1;}
.var-nl-form input{flex:1;padding:13px 18px;border:none;font-size:13px;font-family:'Montserrat',sans-serif;outline:none;}
.var-nl-form button{padding:13px 24px;background:#fff;color:#111;border:none;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;white-space:nowrap;}
.var-nl-form button:hover{background:#e5e5e5;}

/* ══ FOOTER ══ */
.var-footer{background:#111;color:#fff;padding:56px 24px 28px;}
.var-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1320px;margin:0 auto 40px;}
.var-footer-logo{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:8px;color:#fff;text-decoration:none;display:block;margin-bottom:12px;}
.var-footer-tagline{font-size:12px;color:rgba(255,255,255,.4);line-height:1.8;margin-bottom:20px;}
.var-footer-social{display:flex;gap:8px;}
.vsoc{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);font-size:11px;font-weight:700;text-decoration:none;transition:all .2s;text-transform:uppercase;}
.vsoc:hover{background:rgba(255,255,255,.18);color:#fff;}
.var-footer-col h4{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:16px;}
.var-footer-col a{display:block;font-size:12px;color:rgba(255,255,255,.55);text-decoration:none;padding:4px 0;transition:color .2s;}
.var-footer-col a:hover,.var-footer-col p{font-size:12px;color:rgba(255,255,255,.3);}
.var-footer-pay{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap;}
.var-footer-pay span{background:rgba(255,255,255,.08);color:rgba(255,255,255,.5);padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:1px;}
.var-footer-bottom{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;font-size:11px;color:rgba(255,255,255,.3);}
.var-footer-bottom a{color:rgba(255,255,255,.3);margin-left:20px;text-decoration:none;}
.var-footer-bottom a:hover{color:rgba(255,255,255,.6);}

/* ══ CART DRAWER ══ */
.var-cart-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:800;}
.var-cart-ov.open{display:block;}
.var-cart-drw{position:fixed;top:0;right:-420px;width:420px;max-width:100%;height:100vh;background:#fff;z-index:900;transition:right .35s ease;display:flex;flex-direction:column;}
.var-cart-drw.open{right:0;}
.cd-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e5e5;}
.cd-head h3{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:3px;}
.cd-cls{background:none;border:none;font-size:20px;cursor:pointer;color:#666;}
.cd-body{flex:1;overflow-y:auto;padding:8px 0;}
.cd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:12px;}
.cd-item{display:flex;gap:14px;padding:16px 22px;border-bottom:1px solid #f5f5f5;}
.ci-img{width:72px;height:90px;object-fit:cover;flex-shrink:0;}
.ci-info{flex:1;}
.ci-nm{font-size:13px;font-weight:700;margin-bottom:4px;}
.ci-mt{font-size:11px;color:#888;}
.ci-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px;}
.ci-pr{font-size:13px;font-weight:700;}
.ci-rm{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;text-decoration:none;border-bottom:1px solid #ddd;display:inline-block;margin-top:6px;}
.ci-rm:hover{color:#e02020;border-bottom-color:#e02020;}
.cd-foot{padding:16px 22px;border-top:1px solid #e5e5e5;}
.cd-tr{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;}
.cd-fs{font-size:11px;font-weight:700;letter-spacing:1px;color:#16a34a;margin-bottom:12px;text-align:center;}
.cd-co{display:block;width:100%;padding:14px;background:#111;color:#fff;border:none;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;text-align:center;margin-bottom:8px;text-decoration:none;}
.cd-co:hover{background:#333;color:#fff;}
.cd-ct{display:block;width:100%;padding:12px;background:none;color:#111;border:1.5px solid #e5e5e5;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;}

/* ══ LOGIN MODAL ══ */
.var-mlov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1000;align-items:center;justify-content:center;padding:20px;}
.var-mlov.open{display:flex;}
.var-ml{background:#fff;width:100%;max-width:680px;max-height:90vh;overflow-y:auto;position:relative;}
.ml-cls{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:#aaa;z-index:1;line-height:1;}
.ml-ch{padding:32px;}
.ml-chh{text-align:center;margin-bottom:24px;}
.ml-chh h2{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:4px;margin-bottom:6px;}
.ml-chh p{font-size:13px;color:#666;}
.ml-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ml-card{border:1.5px solid #e5e5e5;padding:22px;cursor:pointer;transition:border-color .2s;position:relative;}
.ml-card:hover{border-color:#111;}
.ml-card.rt:hover{border-color:#111;}
.ml-card.b2:hover{border-color:#1a56db;}
.ml-ctag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;margin-bottom:10px;}
.t-r{background:#f3f4f6;color:#374151;}
.t-b{background:#dbeafe;color:#1e40af;}
.ml-card h3{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;margin-bottom:6px;}
.ml-card p{font-size:12px;color:#666;margin-bottom:12px;line-height:1.6;}
.ml-clist{padding-left:12px;}
.ml-clist li{font-size:11px;color:#666;padding:3px 0;list-style:disc;}
.ml-cbtn{margin-top:14px;width:100%;padding:10px;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;}
.ml-cbtn-r{background:#111;color:#fff;}
.ml-cbtn-b{background:#1a56db;color:#fff;}
.ml-form{padding:28px 32px;}
.ml-bk{background:none;border:none;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;cursor:pointer;font-family:'Montserrat',sans-serif;margin-bottom:18px;padding:0;display:flex;align-items:center;gap:6px;}
.ml-bk:hover{color:#111;}
.ml-ftag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;margin-bottom:10px;}
.ml-ftit{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:3px;margin-bottom:8px;}
.ml-fsub{font-size:13px;color:#666;margin-bottom:20px;line-height:1.6;}
.ml-fg{margin-bottom:14px;}
.ml-fg label{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#666;margin-bottom:6px;}
.ml-fg input,.ml-fg select,.ml-fg textarea{width:100%;padding:11px 13px;border:1.5px solid #e5e5e5;font-size:13px;font-family:'Montserrat',sans-serif;outline:none;transition:border-color .2s;background:#fff;}
.ml-fg input:focus,.ml-fg select:focus{border-color:#111;}
.ml-fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ml-sub{display:block;width:100%;padding:13px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;border:none;margin-top:4px;}
.ml-sub-r{background:#111;color:#fff;}
.ml-sub-r:hover{background:#333;}
.ml-sub-b{background:#1a56db;color:#fff;}
.ml-sub-b:hover{background:#1447b0;}
.ml-note{font-size:11px;color:#aaa;text-align:center;margin-top:12px;line-height:1.7;}

/* ══ PAGE HEADER ══ */
.var-phdr{background:#f7f7f7;padding:36px 24px;border-bottom:1px solid #e5e5e5;text-align:center;}
.var-phdr-t{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:4px;margin-bottom:6px;}
.var-phdr-c{font-size:11px;color:#aaa;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;}
.var-phdr-c a{color:#aaa;text-decoration:none;}
.var-phdr-c a:hover{color:#111;}

/* ══════════════════════════════
   WOOCOMMERCE — SHOP (ARCHIVE)
   ══════════════════════════════ */

/* Page wrapper */
.woocommerce-page .var-sw,.woocommerce .var-sw{padding:0!important;}
.var-shop-wrap{max-width:1320px;margin:0 auto;padding:32px 24px;}

/* Page header */
.var-phdr{background:#fff;border-bottom:1px solid #efefef;padding:24px;text-align:center;}
.var-phdr-t{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:4px;color:#111;text-transform:uppercase;}

/* Sort bar */
.woocommerce-page .woocommerce-ordering{margin-bottom:0;}
.woocommerce-page .woocommerce-ordering select{font-family:'Montserrat',sans-serif;border:1.5px solid #e5e5e5;padding:8px 12px;font-size:11px;font-weight:600;outline:none;border-radius:0;background:#fff;}
.woocommerce-page .woocommerce-result-count{font-size:11px;color:#aaa;letter-spacing:1px;margin-bottom:0;display:flex;align-items:center;}
.woocommerce-notices-wrapper{max-width:1320px;margin:0 auto;padding:0 24px;}

/* Product grid — desktop 4 col, tablet 3 col, mobile 2 col */
.woocommerce ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  background:#ebebeb!important;
  margin:0!important;padding:0!important;list-style:none!important;
}
.woocommerce ul.products li.product{
  background:#fff!important;margin:0!important;padding:0!important;
  position:relative!important;overflow:hidden!important;
  transition:box-shadow .2s!important;
}
.woocommerce ul.products li.product:hover{box-shadow:0 4px 24px rgba(0,0,0,.08)!important;z-index:2!important;}

/* Product image */
.woocommerce-loop-product__link{display:block!important;overflow:hidden!important;}
.woocommerce ul.products li.product a img{
  width:100%!important;height:340px!important;object-fit:cover!important;
  display:block!important;transition:transform .4s ease!important;
}
.woocommerce ul.products li.product:hover a img{transform:scale(1.03)!important;}

/* Sale badge */
.woocommerce ul.products li.product .onsale{
  position:absolute!important;top:10px!important;left:10px!important;z-index:3!important;
  background:#111!important;color:#fff!important;
  font-size:9px!important;font-weight:700!important;letter-spacing:2px!important;
  text-transform:uppercase!important;padding:4px 8px!important;
  border-radius:0!important;min-height:auto!important;min-width:auto!important;line-height:1.5!important;
}

/* Product info */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:13px!important;font-weight:600!important;
  padding:14px 14px 4px!important;color:#111!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  letter-spacing:.2px!important;
}
.woocommerce ul.products li.product .price{
  display:block!important;padding:2px 14px 14px!important;
  font-size:14px!important;font-weight:700!important;color:#111!important;
}
.woocommerce ul.products li.product .price del{
  font-size:12px!important;color:#bbb!important;font-weight:400!important;margin-right:4px!important;
}
.woocommerce ul.products li.product .price ins{text-decoration:none!important;}

/* Add to cart button */
.woocommerce ul.products li.product a.button{
  display:block!important;margin:0 14px 14px!important;
  background:#111!important;color:#fff!important;
  padding:11px 14px!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:2px!important;text-transform:uppercase!important;
  border:none!important;cursor:pointer!important;text-align:center!important;text-decoration:none!important;
  transition:background .2s!important;
}
.woocommerce ul.products li.product a.button:hover{background:#333!important;}
.woocommerce ul.products li.product a.button.loading::after{border-top-color:#fff!important;}

/* Pagination */
.woocommerce-pagination{text-align:center;padding:32px 0;}
.woocommerce-pagination ul{display:inline-flex;gap:4px;list-style:none;padding:0;margin:0;}
.woocommerce-pagination ul li a,.woocommerce-pagination ul li span{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;font-size:12px;font-weight:700;
  border:1.5px solid #e5e5e5;color:#111;text-decoration:none;
}
.woocommerce-pagination ul li span.current{background:#111;color:#fff;border-color:#111;}

/* ══════════════════════════════
   SINGLE PRODUCT PAGE
   ══════════════════════════════ */

.woocommerce div.product{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:0!important;align-items:start!important;
  max-width:1200px!important;margin:0 auto!important;
}

/* Gallery */
.woocommerce div.product .woocommerce-product-gallery{
  position:sticky!important;top:72px!important;
  background:#f5f5f5!important;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img{
  width:100%!important;height:600px!important;object-fit:cover!important;display:block!important;
}
.woocommerce div.product .flex-control-thumbs{
  display:flex!important;gap:4px!important;padding:4px!important;background:#f5f5f5!important;
}
.woocommerce div.product .flex-control-thumbs li{flex:1!important;}
.woocommerce div.product .flex-control-thumbs li img{
  width:100%!important;height:80px!important;object-fit:cover!important;
  cursor:pointer!important;opacity:.6!important;transition:opacity .2s!important;
}
.woocommerce div.product .flex-control-thumbs li img.flex-active{opacity:1!important;outline:2px solid #111!important;}

/* Product info panel */
.woocommerce div.product .summary{
  padding:40px 48px!important;overflow-y:auto!important;
}
.woocommerce div.product .product_title{
  font-size:22px!important;font-weight:700!important;
  font-family:'Montserrat',sans-serif!important;
  letter-spacing:.3px!important;margin-bottom:8px!important;color:#111!important;
  line-height:1.3!important;
}
.woocommerce div.product p.price{
  font-size:22px!important;font-weight:700!important;color:#111!important;
  margin-bottom:24px!important;display:flex!important;align-items:center!important;gap:10px!important;
}
.woocommerce div.product p.price del{
  font-size:16px!important;color:#bbb!important;font-weight:400!important;
}
.woocommerce div.product p.price ins{text-decoration:none!important;color:#e02020!important;}
.woocommerce div.product .woocommerce-product-details__short-description{
  font-size:13px!important;color:#666!important;line-height:1.9!important;
  margin-bottom:24px!important;border-top:1px solid #f0f0f0!important;padding-top:16px!important;
}

/* Variations (size selector) */
.woocommerce div.product .variations{width:100%!important;border:none!important;}
.woocommerce div.product .variations tr{display:block!important;margin-bottom:16px!important;}
.woocommerce div.product .variations td,.woocommerce div.product .variations th{
  display:block!important;padding:0!important;border:none!important;
}
.woocommerce div.product .variations .label label{
  font-size:10px!important;font-weight:700!important;letter-spacing:2px!important;
  text-transform:uppercase!important;color:#888!important;margin-bottom:10px!important;display:block!important;
}
.woocommerce div.product .variations select{
  font-family:'Montserrat',sans-serif!important;border:1.5px solid #e5e5e5!important;
  padding:10px 14px!important;font-size:13px!important;
  border-radius:0!important;outline:none!important;width:100%!important;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23111' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center!important;
  appearance:none!important;-webkit-appearance:none!important;
}

/* Quantity + Add to cart row */
.woocommerce div.product form.cart{display:flex!important;gap:10px!important;margin-bottom:20px!important;align-items:stretch!important;}
.woocommerce div.product form.cart .quantity{flex-shrink:0!important;}
.woocommerce div.product form.cart .qty{
  font-family:'Montserrat',sans-serif!important;border:1.5px solid #e5e5e5!important;
  padding:0 14px!important;font-size:14px!important;font-weight:700!important;
  text-align:center!important;width:64px!important;height:52px!important;
  border-radius:0!important;outline:none!important;
}
.woocommerce div.product .single_add_to_cart_button{
  flex:1!important;background:#111!important;color:#fff!important;
  padding:0 28px!important;height:52px!important;
  font-family:'Montserrat',sans-serif!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:2.5px!important;text-transform:uppercase!important;
  border:none!important;cursor:pointer!important;border-radius:0!important;
  transition:background .2s!important;
}
.woocommerce div.product .single_add_to_cart_button:hover{background:#333!important;}
.woocommerce div.product .single_add_to_cart_button.loading{opacity:.7!important;}

/* Product meta (SKU, category) */
.woocommerce div.product .product_meta{
  font-size:11px!important;color:#aaa!important;
  padding-top:16px!important;border-top:1px solid #f0f0f0!important;margin-top:16px!important;
  line-height:1.9!important;
}
.woocommerce div.product .product_meta a{color:#666!important;text-decoration:none!important;}
.woocommerce div.product .product_meta a:hover{color:#111!important;}

/* Tabs (Description, Reviews) */
.woocommerce-tabs{padding:48px 0!important;border-top:1.5px solid #ebebeb!important;max-width:1200px!important;margin:0 auto!important;}
.woocommerce-tabs .wc-tabs{display:flex!important;gap:0!important;border-bottom:2px solid #ebebeb!important;padding:0 48px!important;list-style:none!important;margin:0 0 32px!important;}
.woocommerce-tabs .wc-tabs li{margin:0!important;}
.woocommerce-tabs .wc-tabs li a{
  display:block!important;padding:12px 24px!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:2px!important;text-transform:uppercase!important;color:#aaa!important;
  text-decoration:none!important;border-bottom:2px solid transparent!important;margin-bottom:-2px!important;
}
.woocommerce-tabs .wc-tabs li.active a{color:#111!important;border-bottom-color:#111!important;}
.woocommerce-tabs .panel{padding:0 48px!important;}
.woocommerce-tabs .panel h2{font-family:'Bebas Neue',sans-serif!important;font-size:22px!important;letter-spacing:3px!important;margin-bottom:16px!important;}
.woocommerce-tabs .panel p,.woocommerce-tabs .panel li{font-size:13px!important;color:#555!important;line-height:1.9!important;}

/* Related products */
.related.products{max-width:1200px!important;margin:0 auto!important;padding:0 0 48px!important;}
.related.products h2{font-family:'Bebas Neue',sans-serif!important;font-size:22px!important;letter-spacing:3px!important;padding:0 48px 20px!important;border-top:1.5px solid #ebebeb!important;padding-top:40px!important;}
.related.products ul.products{grid-template-columns:repeat(4,1fr)!important;}

/* Notices */
.woocommerce-message,.woocommerce-error,.woocommerce-info{
  max-width:1320px!important;margin:0 auto 16px!important;
  padding:14px 20px!important;border-radius:0!important;font-size:13px!important;
  font-family:'Montserrat',sans-serif!important;
}
.woocommerce-message{background:#d1fae5!important;border-top:3px solid #16a34a!important;color:#065f46!important;}
.woocommerce-error{background:#fee2e2!important;border-top:3px solid #e02020!important;color:#991b1b!important;}

/* Buttons global */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{
  background:#111;color:#fff;font-family:'Montserrat',sans-serif;
  font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:12px 24px;border-radius:0;border:none;cursor:pointer;
}
.woocommerce .button:hover{background:#333;color:#fff;}
.woocommerce .checkout_coupon,.woocommerce .login,.woocommerce .register{border:1.5px solid #e5e5e5;border-radius:0;}
.woocommerce-page .woocommerce-MyAccount-navigation ul{padding:0;list-style:none;}
.woocommerce-page .woocommerce-MyAccount-navigation a{display:block;padding:10px 16px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#666;border-bottom:1px solid #f0f0f0;text-decoration:none;}
.woocommerce-page .woocommerce-MyAccount-navigation a:hover{color:#111;}

/* ══════════════════════════════
   MOBILE — SHOP + SINGLE PRODUCT
   ══════════════════════════════ */
@media(max-width:900px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;}
  .woocommerce ul.products li.product a img{height:260px!important;}
  .related.products ul.products{grid-template-columns:repeat(2,1fr)!important;}

  /* Mobile single product — stacked layout */
  .woocommerce div.product{grid-template-columns:1fr!important;gap:0!important;}
  .woocommerce div.product .woocommerce-product-gallery{position:relative!important;top:0!important;}
  .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img{height:480px!important;}
  .woocommerce div.product .summary{padding:24px 20px!important;}
  .woocommerce div.product .product_title{font-size:18px!important;}
  .woocommerce div.product p.price{font-size:20px!important;}
  .woocommerce-tabs .wc-tabs{padding:0 20px!important;}
  .woocommerce-tabs .panel{padding:0 20px!important;}
  .related.products h2{padding:32px 20px 16px!important;}
  .related.products{padding:0 0 32px!important;}

  /* Sticky Add to Cart on mobile */
  .woocommerce div.product .single_add_to_cart_button{
    position:fixed!important;bottom:0!important;left:0!important;right:0!important;
    width:100%!important;z-index:500!important;
    height:56px!important;font-size:12px!important;letter-spacing:3px!important;
    border-radius:0!important;
  }
  .woocommerce div.product form.cart{padding-bottom:64px!important;}
}

@media(max-width:480px){
  .woocommerce ul.products li.product a img{height:220px!important;}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px!important;}
  .woocommerce ul.products li.product .price{font-size:13px!important;}
  .var-shop-wrap{padding:16px!important;}
}

/* ══ MOBILE RESPONSIVE ══ */
@media(max-width:900px){
  .mob-menu-btn{display:block;}
  .var-nav{display:none!important;}
  .var-hinner{padding:0 16px;gap:12px;}
  .var-logo{font-size:20px;letter-spacing:5px;}
  .var-lbtn{padding:7px 12px;font-size:9px;letter-spacing:1.5px;}
  .var-cbadge{width:15px;height:15px;font-size:8px;}
  .var-announce{font-size:10px;padding:8px 16px;}
  .var-hero{min-height:auto;}
  .var-hero-inner{grid-template-columns:1fr;min-height:auto;padding:40px 16px;}
  .var-hero-right{display:none;}
  .var-hero-h{font-size:56px;}
  .var-hero-facts{gap:20px;flex-wrap:wrap;}
  .vhf-n{font-size:26px;}
  .var-hero-btns .btn-f,.var-hero-btns .btn-o{width:100%;text-align:center;}
  .var-ticker-inner span{font-size:11px;}
  .var-section{padding:36px 0;}
  .var-section-title{font-size:24px;}
  .var-cat-grid{grid-template-columns:repeat(2,1fr);}
  .var-cat-card{height:200px;}
  .var-marquee-inner span{font-size:14px;}
  .var-b2b-sec{padding:44px 0;}
  .var-b2b-grid{grid-template-columns:1fr;}
  .var-b2b-stats{display:none;}
  .var-b2b-title{font-size:28px;}
  .var-test-grid{grid-template-columns:1fr;}
  .var-nl{padding:44px 16px;}
  .var-nl-title{font-size:28px;}
  .var-nl-form{flex-direction:column;}
  .var-nl-form input,.var-nl-form button{width:100%;}
  .var-footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .var-footer-bottom{flex-direction:column;gap:10px;text-align:center;}
  .var-cart-drw{width:100%;right:-100%;}
  .ml-grid{grid-template-columns:1fr;}
  .ml-fr2{grid-template-columns:1fr;}
  .ml-ch,.ml-form{padding:24px 20px;}
  .var-ml{max-height:100vh;max-width:100%;margin:0;border-radius:0;}
  .var-mlov{padding:0;align-items:flex-end;}
  /* WC mobile handled in dedicated section above */
}
@media(max-width:480px){
  .var-hero-h{font-size:42px;}
  .var-footer-grid{grid-template-columns:1fr;}
  .var-logo{font-size:18px;letter-spacing:4px;}
}

/* ── REVIEW FORM ── */
.var-review-form{background:#fff;border:1.5px solid #e5e5e5;padding:28px;margin-top:24px;}
.var-review-form h3{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:3px;margin-bottom:18px;}
.vrf-stars{display:flex;gap:6px;margin-bottom:16px;}
.vrf-star{font-size:28px;color:#e5e5e5;cursor:pointer;transition:color .15s;}
.vrf-star.active,.vrf-star:hover{color:#f5c518;}
.vrf-g{margin-bottom:14px;}
.vrf-g label{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#666;margin-bottom:5px;}
.vrf-g input,.vrf-g textarea{width:100%;padding:10px 12px;border:1.5px solid #e5e5e5;font-size:13px;font-family:'Montserrat',sans-serif;outline:none;resize:vertical;}
.vrf-g input:focus,.vrf-g textarea:focus{border-color:#111;}
/* ── B2B CATALOGUE TAG ── */
.b2b-only-badge{background:#1a56db;color:#fff;font-size:9px;font-weight:700;letter-spacing:2px;padding:3px 8px;text-transform:uppercase;display:inline-block;margin-bottom:6px;}
/* ── PAYMENT GATEWAY SECTION ── */
.pg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;}
.pg-card{border:2px solid #e5e5e5;padding:24px;cursor:pointer;transition:border-color .2s;}
.pg-card.selected{border-color:#111;}
.pg-card-logo{font-size:28px;margin-bottom:8px;}
.pg-card-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;margin-bottom:6px;}
.pg-card-desc{font-size:12px;color:#666;line-height:1.6;}
@media(max-width:900px){
  .pg-grid{grid-template-columns:1fr;}
  .var-hero-inner{grid-template-columns:1fr;min-height:auto;}
  .var-hero-right{min-height:280px;}
  .var-hero-h{font-size:64px;}
  .var-b2b-grid{grid-template-columns:1fr;}
  .var-test-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .var-hero-h{font-size:48px;}
  .var-cat-grid{grid-template-columns:1fr 1fr;}
}

/* ════════════════════════════
   HOMEPAGE SECTIONS - v5
   ════════════════════════════ */

/* HERO */
.hp-hero{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:88vh!important;width:100%!important;}
.hp-hero-l{background:#f2f2f2!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:64px 52px!important;position:relative!important;overflow:hidden!important;}
.hp-hero-bgw{position:absolute!important;font-family:'Bebas Neue',sans-serif;font-size:20vw;color:rgba(0,0,0,.04);line-height:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;z-index:0;}
.hp-hero-inner{position:relative!important;z-index:1!important;}
.hp-htag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#888;margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.hp-htag::before{content:'';display:inline-block;width:24px;height:1px;background:#888;flex-shrink:0;}
.hp-hh1{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,6.5vw,96px);line-height:.92;letter-spacing:2px;margin-bottom:20px;color:#111;}
.hp-hh1 span{display:block;-webkit-text-stroke:2px #111;color:transparent;}
.hp-hp{font-size:13px;color:#666;line-height:1.8;max-width:340px;margin-bottom:32px;}
.hp-hbtns{display:flex;gap:12px;flex-wrap:wrap;}
.hp-hbf{background:#111;color:#fff;padding:14px 32px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none;display:inline-block;}
.hp-hbo{background:transparent;color:#111;padding:14px 32px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border:1.5px solid #111;cursor:pointer;text-decoration:none;display:inline-block;}
.hp-hero-r{background:#e8e8e8!important;display:flex!important;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.hp-hero-ri{width:100%;height:100%;min-height:88vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ebebeb,#d8d8d8);position:relative;}
.hp-hpc{position:absolute;bottom:32px;left:32px;background:#fff;border:1px solid #e5e5e5;padding:16px 20px;min-width:190px;box-shadow:0 4px 20px rgba(0,0,0,.08);}
.hp-hpe{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#888;margin-bottom:4px;}
.hp-hpn{font-size:14px;font-weight:700;margin-bottom:2px;}
.hp-hpp{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:1px;}

/* TICKER */
.hp-ticker{background:#111;padding:11px 0;overflow:hidden;}
.hp-tkw{display:flex;animation:hptk 22s linear infinite;width:max-content;}
.hp-ti{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:3px;color:#fff;padding:0 26px;white-space:nowrap;display:inline-flex;align-items:center;gap:22px;}
.hp-ti::after{content:'✦';font-size:8px;color:#f5c518;}
@keyframes hptk{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* SECTION COMMON */
.hp-sec{padding:68px 48px;}
.hp-sec-inner{max-width:1320px;margin:0 auto;}
.hp-srow{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;}
.hp-slbl{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#888;margin-bottom:6px;}
.hp-stitle{font-family:'Bebas Neue',sans-serif;font-size:clamp(30px,3vw,44px);letter-spacing:2px;}
.hp-sall{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#111;border-bottom:1.5px solid #111;padding-bottom:2px;text-decoration:none;}

/* CATEGORY GRID */
.hp-cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:0;}
.hp-ccard{position:relative;height:300px;overflow:hidden;display:block;text-decoration:none;background-size:cover;background-position:center;}
.hp-ccard:hover .hp-cci{transform:scale(1.05);}
.hp-cci{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .5s ease;}
.hp-ccov{position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.55));}
.hp-cclbl{position:absolute;bottom:0;left:0;right:0;padding:18px;}
.hp-ccnum{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:4px;}
.hp-ccnm{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;color:#fff;line-height:1;}
.hp-cccnt{font-size:11px;color:rgba(255,255,255,.6);margin-top:2px;}

/* MARQUEE BAND */
.hp-mband{background:#f7f7f7;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:16px 0;overflow:hidden;}
.hp-mwrap{display:flex;animation:hpmk 28s linear infinite;width:max-content;}
.hp-mi{font-size:13px;font-weight:500;color:#666;font-style:italic;padding:0 32px;white-space:nowrap;display:inline-flex;align-items:center;gap:24px;}
.hp-dot{width:4px;height:4px;border-radius:50%;background:#111;display:inline-block;}
@keyframes hpmk{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* B2B DARK SECTION */
.hp-b2bs{margin:0 48px 68px;background:#111;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;}
.hp-b2bl{padding:52px;}
.hp-b2btag{display:inline-block;background:#1a56db;color:#fff;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:4px 14px;margin-bottom:16px;}
.hp-b2bh{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,3vw,48px);letter-spacing:2px;color:#fff;line-height:1;margin-bottom:12px;}
.hp-b2bp{font-size:13px;color:rgba(255,255,255,.5);line-height:1.8;margin-bottom:24px;max-width:340px;font-weight:300;}
.hp-b2bperks{list-style:none;margin-bottom:28px;display:flex;flex-direction:column;gap:7px;}
.hp-b2bperks li{font-size:12px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:10px;font-weight:500;}
.hp-b2bperks li::before{content:'✓';color:#1a56db;font-weight:700;}
.hp-b2bcta{display:inline-block;background:#1a56db;color:#fff;padding:13px 28px;border:none;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;cursor:pointer;}
.hp-b2br{background:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:36px;}
.hp-b2bsts{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:100%;}
.hp-bst{background:#161616;padding:24px 18px;text-align:center;border:1px solid #222;}
.hp-bsv{font-family:'Bebas Neue',sans-serif;font-size:40px;color:#1a56db;letter-spacing:1px;}
.hp-bsl{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:4px;}

/* TESTIMONIALS */
.hp-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;}
.hp-tcard{border:1.5px solid #e5e5e5;padding:24px;}
.hp-tstars{color:#111;font-size:12px;letter-spacing:2px;margin-bottom:12px;}
.hp-ttxt{font-size:13px;color:#666;line-height:1.75;margin-bottom:18px;font-style:italic;}
.hp-tau{display:flex;align-items:center;gap:12px;}
.hp-tav{width:36px;height:36px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:16px;flex-shrink:0;}
.hp-tnm{font-size:12px;font-weight:700;color:#111;}
.hp-trl{font-size:11px;color:#aaa;}

/* REVIEW FORM */
.hp-rv-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;}
.hp-rv-formbox{background:#fff;border:1.5px solid #e5e5e5;padding:28px;}
.hp-fg{margin-bottom:14px;}
.hp-fg label{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#666;margin-bottom:6px;}
.hp-fg input,.hp-fg textarea{width:100%;padding:10px 12px;border:1.5px solid #e5e5e5;font-size:13px;font-family:'Montserrat',sans-serif;outline:none;box-sizing:border-box;}
.hp-fg input:focus,.hp-fg textarea:focus{border-color:#111;}
.hp-fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.hp-rv-stars{display:flex;gap:4px;margin-bottom:14px;}
.hp-rv-star{font-size:30px;color:#e5e5e5;cursor:pointer;transition:color .1s;}
.hp-rv-star.active{color:#f5c518;}
.hp-rv-btn{width:100%;padding:14px;background:#111;color:#fff;border:none;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;}
.hp-rv-card{background:#fff;border:1.5px solid #e5e5e5;padding:18px;margin-bottom:12px;}
.hp-rv-card-stars{color:#f5c518;font-size:14px;letter-spacing:2px;margin-bottom:8px;}
.hp-rv-msg{display:none;padding:10px 14px;margin-bottom:14px;font-size:12px;font-weight:600;border-left:3px solid #111;}

/* NEWSLETTER */
.hp-nl{background:#111;padding:56px 48px;text-align:center;position:relative;overflow:hidden;}
.hp-nl::before{content:'VARIATION';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:180px;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none;line-height:1;}
.hp-nltitle{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,3.5vw,48px);color:#fff;letter-spacing:3px;margin-bottom:6px;position:relative;}
.hp-nlsub{font-size:12px;color:rgba(255,255,255,.4);margin-bottom:26px;position:relative;font-weight:300;}
.hp-nlform{display:flex;max-width:420px;margin:0 auto;position:relative;}
.hp-nlform input{flex:1;padding:13px 16px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.15);border-right:none;color:#fff;font-size:13px;outline:none;font-family:'Montserrat',sans-serif;}
.hp-nlform input::placeholder{color:rgba(255,255,255,.3);}
.hp-nlform button{background:#fff;color:#111;padding:13px 20px;border:none;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;cursor:pointer;}

/* OFFERS */
.hp-offers-grid{display:grid;gap:14px;}
.hp-offer-card{background:#fff;border:1.5px solid #e5e5e5;padding:22px;}

/* RESPONSIVE */
/* ── HOMEPAGE MOBILE ── */
@media(min-width:769px) and (max-width:1024px){
  /* Hero: side-by-side on tablet only */
  .hp-hero{grid-template-columns:1fr 1fr!important;min-height:80vh;}
  .hp-hero-l{padding:40px 28px;}
  .hp-hh1{font-size:clamp(44px,5.5vw,72px);}
  .hp-b2bs{grid-template-columns:1fr;margin:0 0 48px;}
  .hp-b2br{padding:28px 20px;}
  .hp-rv-grid{grid-template-columns:1fr;}
  .hp-tgrid{grid-template-columns:1fr 1fr;}
  .hp-cgrid{grid-template-columns:1fr 1fr;}
  .hp-sec{padding:48px 20px;}
}
@media(max-width:768px){
  /* HERO — full width fashion style on mobile */
  .hp-hero{
    display:block!important;
    position:relative;
    height:100svh;min-height:580px;max-height:780px;
    overflow:hidden;
  }
  /* Right side becomes full background */
  .hp-hero-r{
    position:absolute!important;inset:0!important;
    min-height:unset!important;z-index:0!important;
  }
  .hp-hero-ri{
    min-height:unset!important;height:100%!important;
    background:linear-gradient(135deg,#d8d8d8,#c8c8c8)!important;
  }
  .hp-hero-ri img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center top!important;
  }
  /* Left side overlaid on top of image */
  .hp-hero-l{
    position:absolute!important;inset:0!important;z-index:2!important;
    background:linear-gradient(to right, rgba(242,242,242,.92) 55%, transparent 100%)!important;
    padding:0 24px 48px!important;
    justify-content:flex-end!important;
    display:flex!important;flex-direction:column!important;
  }
  .hp-hero-bgw{font-size:30vw;opacity:.5;}
  .hp-hh1{font-size:clamp(48px,12vw,72px);line-height:.9;margin-bottom:16px;}
  .hp-hp{font-size:12px;line-height:1.7;margin-bottom:24px;max-width:260px;}
  .hp-hbtns{gap:10px;}
  .hp-hbf{padding:12px 20px;font-size:10px;}
  .hp-hbo{padding:12px 20px;font-size:10px;}
  /* Featured card — hide on small mobile */
  .hp-hpc{display:none;}

  /* Other sections */
  .hp-sec{padding:40px 20px;}
  .hp-sec-inner{overflow-x:hidden;}
  .hp-b2bl{padding:28px 20px;}
  .hp-tgrid{grid-template-columns:1fr;}
  .hp-nl{padding:40px 20px;}
  .hp-nlform{flex-direction:column;}
  .hp-nlform input,.hp-nlform button{width:100%;}
  .hp-b2bs{margin:0 0 40px;grid-template-columns:1fr;}
  .hp-b2bsts{grid-template-columns:1fr 1fr;}
  .hp-bsv{font-size:28px;}
  .hp-rv-grid{grid-template-columns:1fr;}
  .hp-rv-formbox{padding:20px;}
  .hp-fg2{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .hp-hero{min-height:520px;max-height:680px;}
  .hp-hero-l{padding:0 16px 40px!important;}
  .hp-hh1{font-size:clamp(44px,11vw,62px);}
  .hp-hp{font-size:12px;max-width:220px;}
  .hp-sec{padding:32px 16px;}
  .hp-cgrid{grid-template-columns:1fr 1fr;}
  .hp-ccard{height:180px;}
  .hp-fg2{grid-template-columns:1fr;}
  .hp-tgrid{grid-template-columns:1fr;}
  .hp-nl{padding:36px 16px;}
  .hp-b2bs{margin:0 0 32px;}
  .hp-b2bl{padding:24px 16px;}
  .hp-b2bh{font-size:28px;}
  .hp-b2bsts{grid-template-columns:1fr 1fr;}
  .hp-bsv{font-size:24px;}
  .hp-b2br{padding:20px 16px;}
  .hp-stitle{font-size:26px;}
}

/* ── LOGIN MODAL MOBILE FIX ── */
@media(max-width:768px){
  .var-mlov{padding:0;align-items:flex-end;}
  .var-ml{max-width:100%!important;width:100%!important;max-height:92vh;border-radius:0;margin:0;}
  .ml-ch{padding:24px 18px 18px;}
  .ml-chooser-grid{grid-template-columns:1fr!important;gap:12px;}
  .ml-card{padding:18px 16px;}
  .ml-form{padding:24px 18px;}
  .ml-fr2{grid-template-columns:1fr!important;}
  .ml-grid{grid-template-columns:1fr!important;}
  .b2b-vertabs{flex-direction:column;}
}
@media(max-width:480px){
  .var-ml{max-height:96vh;}
  .ml-ch{padding:20px 14px 16px;}
  .ml-ch h2{font-size:22px;}
  .ml-form h2{font-size:22px;}
}

/* ── GLOBAL OVERFLOW PREVENTION ── */
*{box-sizing:border-box;}
.hp-sec-inner,.hp-tgrid,.hp-cgrid,.hp-rv-grid,.hp-b2bs,.hp-b2bsts{max-width:100%;}

/* ── B2B FORM MOBILE ── */
@media(max-width:768px){
  #mlB2B .ml-fr2{grid-template-columns:1fr!important;}
  .b2b-vertabs{display:flex;flex-direction:row;}
  .b2b-vertabs button{font-size:9px!important;padding:8px 6px!important;letter-spacing:1px!important;}
  #mlB2B{overflow-y:auto;}
  .ml-form{width:100%!important;}
  /* Fix horizontal scroll on all sections */
  section,div{max-width:100%;}
  .hp-b2bs *{max-width:100%;}
  .hp-b2bsts{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:480px){
  .hp-tgrid{grid-template-columns:1fr!important;}
  .hp-tcard{padding:16px!important;}
  .hp-ttxt{font-size:12px!important;}
  /* Login modal full screen on small phones */
  .var-mlov{padding:0!important;align-items:flex-end!important;}
  .var-ml{width:100%!important;max-width:100%!important;max-height:94vh!important;overflow-y:auto!important;}
  .ml-ch,.ml-form{padding:18px 14px!important;}
  .ml-grid{grid-template-columns:1fr!important;}
  .ml-fr2{grid-template-columns:1fr!important;}
  .ml-card{padding:14px 12px!important;}
}

/* ════════════════════════════
   WOOCOMMERCE CHECKOUT & ACCOUNT
   ════════════════════════════ */
.woocommerce-page{padding:0;}
/* Checkout page */
.woocommerce-checkout .woocommerce{max-width:1320px;margin:0 auto;padding:48px 24px;}
.woocommerce-checkout h3{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:16px;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  font-family:'Montserrat',sans-serif;border:1.5px solid #e5e5e5!important;
  padding:11px 13px!important;font-size:13px!important;border-radius:0!important;
  box-shadow:none!important;outline:none!important;width:100%!important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{border-color:#111!important;}
.woocommerce form .form-row label{font-size:10px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:#666!important;margin-bottom:6px!important;display:block!important;}
.woocommerce #payment{background:#f7f7f7!important;border:1.5px solid #e5e5e5!important;border-radius:0!important;}
.woocommerce #payment ul.payment_methods{border-bottom:1px solid #e5e5e5!important;}
.woocommerce #payment ul.payment_methods li{font-size:13px;font-weight:600;}
.woocommerce #payment div.payment_box{background:#efefef!important;font-size:13px;}
.woocommerce #payment #place_order{background:#111!important;color:#fff!important;font-family:'Montserrat',sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:2.5px!important;text-transform:uppercase!important;padding:16px 32px!important;border-radius:0!important;width:100%!important;}
.woocommerce-checkout #order_review_heading{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;}
.woocommerce table.shop_table{border:1.5px solid #e5e5e5!important;border-radius:0!important;}
.woocommerce table.shop_table th{background:#f7f7f7;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 14px;}
.woocommerce table.shop_table td{padding:12px 14px;font-size:13px;}
/* Cart page */
.woocommerce-cart .woocommerce{max-width:1320px;margin:0 auto;padding:48px 24px;}
.woocommerce-cart table.shop_table{border:1.5px solid #e5e5e5!important;border-radius:0!important;}
.woocommerce .cart_totals{border:1.5px solid #e5e5e5;padding:24px;}
.woocommerce .cart_totals h2{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;margin-bottom:16px;}
.woocommerce a.checkout-button{background:#111!important;color:#fff!important;font-size:11px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;padding:14px 28px!important;border-radius:0!important;display:block!important;text-align:center!important;}
/* My Account */
.woocommerce-account .woocommerce{max-width:1320px;margin:0 auto;padding:48px 24px;}
.woocommerce-account nav.woocommerce-MyAccount-navigation{float:left;width:200px;}
.woocommerce-account .woocommerce-MyAccount-content{float:right;width:calc(100% - 240px);}
/* Notice/Alert */
.woocommerce-message,.woocommerce-error,.woocommerce-info{max-width:1320px!important;margin:16px auto!important;padding:14px 20px!important;border-radius:0!important;font-size:13px!important;}
.woocommerce-message{border-top-color:#111!important;background:#d1fae5!important;color:#065f46!important;}
.woocommerce-error{border-top-color:#e02020!important;background:#fee2e2!important;color:#991b1b!important;}
/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb{max-width:1320px;margin:0 auto;padding:12px 24px;font-size:12px;color:#aaa;}
.woocommerce .woocommerce-breadcrumb a{color:#666;}
/* Mobile checkout */
@media(max-width:768px){
  .woocommerce-checkout .woocommerce,
  .woocommerce-cart .woocommerce{padding:24px 16px;}
  /* handled above */
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:480px){
  /* WC 480px handled above */
}

/* Cart fragment aliases */
.ci{display:flex;gap:14px;padding:16px 22px;border-bottom:1px solid #f5f5f5;}
.cd-free{font-size:11px;font-weight:700;letter-spacing:1px;color:#16a34a;margin-bottom:12px;text-align:center;}
.cd-checkout{display:block;width:100%;padding:14px;background:#111;color:#fff;border:none;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;text-align:center;margin-bottom:8px;text-decoration:none;}
.cd-checkout:hover{background:#333;color:#fff;}
.cd-viewcart{display:block;width:100%;padding:12px;background:none;color:#111;border:1.5px solid #e5e5e5;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;}
.cd-foot-wrap{} /* fragment target wrapper */

/* ══════════════════════════════
   MOBILE BOTTOM NAV (Snitch-style)
   ══════════════════════════════ */
.mob-bottom-nav{
  display:none;
  position:fixed!important;
  bottom:0!important;left:0!important;right:0!important;
  z-index:9000!important;
  background:#fff!important;
  border-top:1.5px solid #e5e5e5!important;
  grid-template-columns:repeat(5,1fr);
  padding-bottom:env(safe-area-inset-bottom,4px);
  box-shadow:0 -2px 16px rgba(0,0,0,.07)!important;
  width:100%!important;
  transform:translateZ(0);/* GPU layer — prevents scroll hiding */
  -webkit-transform:translateZ(0);
}
.mbn-item{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  padding:10px 2px 8px!important;gap:3px!important;
  color:#888!important;text-decoration:none!important;
  font-size:9px!important;font-weight:700!important;
  letter-spacing:.5px!important;text-transform:uppercase!important;
  transition:color .15s;min-width:0;overflow:hidden;
}
.mbn-item.active{color:#111!important;}
.mbn-item span{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:100%;display:block;text-align:center;
}
.mbn-item svg{flex-shrink:0;}
.mbn-item.active svg{stroke:#111!important;}
.mbn-badge{
  position:absolute!important;top:-5px!important;right:-6px!important;
  background:#e02020!important;color:#fff!important;
  width:16px!important;height:16px!important;border-radius:50%!important;
  font-size:9px!important;font-weight:700!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  line-height:1!important;
}
/* Show on mobile */
@media(max-width:900px){
  .mob-bottom-nav{display:grid!important;}
  body{padding-bottom:64px!important;}
  .var-lbtn{display:none!important;}
}

/* ══════════════════════════════
   SHOP PAGE — FILTER BAR + SORT
   ══════════════════════════════ */

/* Category filter pill bar */
.var-cat-bar{
  background:#fff;border-bottom:1px solid #ebebeb;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.var-cat-bar::-webkit-scrollbar{display:none;}
.var-cat-bar-inner{
  display:flex;gap:0;padding:0 24px;
  white-space:nowrap;max-width:1320px;margin:0 auto;
}
.var-cat-pill{
  display:inline-block;padding:14px 20px;
  font-size:10px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:#888;
  text-decoration:none;border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;white-space:nowrap;
}
.var-cat-pill:hover{color:#111;}
.var-cat-pill.active{color:#111;border-bottom-color:#111;}

/* Sort bar */
.var-shop-sort{background:#fafafa;border-bottom:1px solid #ebebeb;padding:10px 24px;}
.var-shop-sort-inner{
  max-width:1320px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
}
.woocommerce-result-count{font-size:11px;color:#aaa;letter-spacing:.5px;margin:0!important;}
.woocommerce-ordering{margin:0!important;}
.woocommerce-ordering select{
  font-family:'Montserrat',sans-serif!important;
  border:1px solid #e5e5e5!important;background:#fff!important;
  padding:6px 10px!important;font-size:11px!important;
  font-weight:600!important;outline:none!important;border-radius:0!important;
}

/* Grid wrapper */
.var-shop-grid{max-width:1320px;margin:0 auto;}
.var-shop-grid .woocommerce{max-width:100%!important;padding:0!important;}

/* Mobile tweaks for filter bar */
@media(max-width:900px){
  .var-cat-bar-inner{padding:0 16px;gap:0;}
  .var-cat-pill{padding:12px 14px;font-size:9px;}
  .var-shop-sort{padding:8px 16px;}
}

/* ══ SINGLE PRODUCT — WC FORM OVERRIDE ══ */
/* Simple product */
.sp-wc-form form.cart{margin-bottom:0!important;}
.sp-wc-form .quantity{display:flex!important;border:1.5px solid #e5e5e5!important;width:fit-content!important;}
.sp-wc-form input.qty{
  width:48px!important;height:52px!important;border:none!important;
  border-left:1px solid #e5e5e5!important;border-right:1px solid #e5e5e5!important;
  text-align:center!important;font-size:15px!important;font-weight:700!important;
  font-family:'Montserrat',sans-serif!important;outline:none!important;padding:0!important;border-radius:0!important;
}
/* Qty +/- buttons via WC input-number */
.sp-wc-form .qty-minus,.sp-wc-form .qty-plus{
  width:44px!important;height:52px!important;background:#fff!important;border:none!important;
  font-size:22px!important;cursor:pointer!important;color:#111!important;font-weight:200!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transition:background .15s!important;
}
.sp-wc-form .qty-minus:hover,.sp-wc-form .qty-plus:hover{background:#f5f5f5!important;}
/* ATC Button */
.sp-wc-form .single_add_to_cart_button{
  flex:1!important;height:52px!important;background:#111!important;color:#fff!important;
  border:none!important;font-family:'Montserrat',sans-serif!important;
  font-size:11px!important;font-weight:700!important;letter-spacing:3px!important;
  text-transform:uppercase!important;cursor:pointer!important;border-radius:0!important;
  transition:background .2s!important;
}
.sp-wc-form .single_add_to_cart_button:hover{background:#222!important;}
.sp-wc-form .single_add_to_cart_button.loading{background:#555!important;opacity:.8!important;}
/* Layout: qty + ATC in a row */
.sp-wc-form form.cart.grouped_form,
.sp-wc-form form.cart:not(.variations_form){
  display:flex!important;gap:10px!important;align-items:stretch!important;
}
/* Variation product */
.sp-wc-form .variations{width:100%!important;border:none!important;margin-bottom:8px!important;}
.sp-wc-form .variations tr{display:block!important;margin-bottom:20px!important;}
.sp-wc-form .variations td,.sp-wc-form .variations th{display:block!important;padding:0!important;border:none!important;}
.sp-wc-form .variations .label label{
  font-size:9px!important;font-weight:700!important;letter-spacing:2.5px!important;
  text-transform:uppercase!important;color:#888!important;display:flex!important;
  justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important;
}
/* Size variation — show as buttons if it's Size */
.sp-wc-form .variations select{
  font-family:'Montserrat',sans-serif!important;border:1.5px solid #e5e5e5!important;
  padding:12px 14px!important;font-size:13px!important;font-weight:600!important;
  border-radius:0!important;outline:none!important;width:100%!important;background:#fff!important;
  cursor:pointer!important;
}
.sp-wc-form .variations select:focus{border-color:#111!important;}
.sp-wc-form .woocommerce-variation-add-to-cart{
  display:flex!important;gap:10px!important;align-items:stretch!important;margin-top:8px!important;
}
.sp-wc-form .woocommerce-variation-price{margin-bottom:12px!important;font-size:18px!important;font-weight:700!important;}
.sp-wc-form .reset_variations{font-size:10px!important;color:#aaa!important;text-decoration:none!important;font-weight:600!important;}
.sp-wc-form .reset_variations:hover{color:#111!important;}
/* Mobile */
@media(max-width:768px){
  .sp-wc-form{
    position:fixed!important;bottom:60px!important;left:0!important;right:0!important;
    background:#fff!important;border-top:1px solid #ebebeb!important;
    padding:10px 16px!important;z-index:600!important;
    box-shadow:0 -4px 20px rgba(0,0,0,.08)!important;
  }
  .sp-wc-form .single_add_to_cart_button{font-size:12px!important;letter-spacing:2px!important;}
  /* Hide variations label on mobile sticky bar, just show select + button */
  .sp-wc-form .variations .label{display:none!important;}
  .sp-wc-form .variations tr{margin-bottom:8px!important;}
  .sp-info .sp-wc-form{position:static!important;padding:0!important;border:none!important;box-shadow:none!important;display:none!important;}
}

/* ══ PRODUCT CARDS — no-image placeholder ══ */
.woocommerce ul.products li.product a.woocommerce-loop-product__link img[src*="woocommerce-placeholder"]{
  opacity:.3!important;padding:20%!important;box-sizing:border-box!important;background:#f5f5f5!important;
}
/* Homepage new arrivals 2-col mobile */
@media(max-width:768px){
  .hp-sec .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;}
  .hp-sec .woocommerce ul.products li.product a img{height:240px!important;}
}