:root{
  --white:#FFFFFF;--off-white:#F7F6F3;--cream:#F0EDE6;
  --navy:#184090;--navy-mid:#1a52b8;--navy-pale:#E8EFF7;--navy-paler:#F2F6FB;
  --charcoal:#1A1A1A;--charcoal-mid:#3D3D3D;--charcoal-dim:#6B6B6B;
  --silver:#B8BEC8;--silver-light:#E4E7ED;--silver-pale:#F4F5F7;
  --gold:#C9A84C;--gold-light:#D4B46A;--gold-pale:#F5EDD8;
  --red:#E81820;--border:#E4E7ED;--border-dk:#C8CDD6;
  --ease:cubic-bezier(.4,0,.2,1);
  --sh-sm:0 2px 12px rgba(24,64,144,.06);
  --sh-md:0 6px 32px rgba(24,64,144,.10);
  --sh-lg:0 16px 60px rgba(24,64,144,.13);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Roboto",Arial,sans-serif;color:var(--charcoal);background:var(--white);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;}
.container{width:100%;margin:0 auto;padding:0 52px;}

/* TOPBAR */
.topbar{background:var(--navy);color:#fff;text-align:center;padding:8px 52px;font-size:11.5px;letter-spacing:.8px;display:flex;align-items:center;justify-content:center;gap:6px;}
.topbar strong{font-weight:700;}
.sep{opacity:.35;margin:0 16px;}

/* HEADER */
header{position:sticky;top:0;z-index:200;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--sh-sm);}
.header-inner{display:flex;align-items:center;height:72px;}
.logo-link{display:flex;align-items:center;padding-right:36px;flex-shrink:0;line-height:0;}
nav{flex:1;display:flex;align-items:center;height:72px;}
.nav-item{position:relative;height:72px;display:flex;align-items:center;}
.nav-link{padding:0 16px;font-size:13px;letter-spacing:.8px;color:var(--charcoal-mid);text-transform:uppercase;font-family:"Roboto","Jost",sans-serif;font-weight:600;white-space:nowrap;height:72px;display:flex;align-items:center;transition:color .2s;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--navy);transform:scaleX(0);transition:transform .25s var(--ease);transform-origin:left;}
.nav-item:hover>.nav-link{color:var(--navy);}
.nav-item:hover>.nav-link::after{transform:scaleX(1);}
.chev{width:11px;height:11px;margin-left:4px;transition:transform .2s;}
.nav-item:hover .chev,.nav-item.mega-open .chev{transform:rotate(180deg);}
.mega{position:fixed;top:108px;left:0;right:0;width:100%;transform:translateY(-8px);background:var(--white);border-top:2px solid var(--navy);border-bottom:1px solid var(--border);box-shadow:0 8px 32px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:all .22s var(--ease);z-index:300;padding:28px 0;}
.nav-item.mega-open .mega{opacity:1;pointer-events:all;transform:translateY(0);}
.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0 52px;}
.mega-col{padding:0 24px;border-right:1px solid var(--border);}
.mega-col:first-child{padding-left:0;}
.mega-col:last-child{border-right:none;padding-right:0;}
.mega-col-ttl{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--charcoal-dim);font-family:"Roboto",sans-serif;font-weight:600;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.mega-link{display:flex;align-items:center;gap:7px;padding:6px 0;font-size:14px;color:var(--charcoal-mid);font-family:"Roboto",sans-serif;font-weight:500;transition:all .15s;}
.mega-link:hover{color:var(--navy);padding-left:5px;}
.mega-link::before{content:'—';font-size:10px;opacity:.35;flex-shrink:0;}
.simple-dd{position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--border);box-shadow:var(--sh-md);opacity:0;pointer-events:none;transition:all .22s var(--ease);z-index:300;min-width:200px;padding:10px 0;transform:translateY(-6px);}
.nav-item:hover .simple-dd{opacity:1;pointer-events:all;transform:translateY(0);}
.simple-dd a{display:block;padding:8px 20px;font-size:14px;color:var(--charcoal-mid);font-family:"Roboto",sans-serif;font-weight:500;transition:all .15s;}
.simple-dd a:hover{color:var(--navy);background:var(--navy-paler);padding-left:26px;}
.hdr-right{display:flex;align-items:center;gap:4px;margin-left:auto;}
.ibtn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;color:var(--charcoal-mid);transition:all .2s;position:relative;}
.ibtn:hover{color:var(--navy);border-color:var(--border);background:var(--navy-paler);}
.ibtn svg{width:19px;height:19px;}
.bdg{position:absolute;top:5px;right:5px;min-width:17px;height:17px;border-radius:50%;background:var(--navy);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;}
.hdr-cta{margin-left:12px;padding:10px 22px;background:var(--navy);color:#fff;font-size:10px;letter-spacing:2px;font-family:"Jost","Roboto",sans-serif;font-weight:400;text-transform:uppercase;border:none;transition:background .2s;}
.hdr-cta:hover{background:var(--navy-mid);}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:480px;max-height:calc(100vh - 160px);overflow:hidden;}
.hero-left{display:flex;flex-direction:column;justify-content:center;padding:48px 56px 48px 52px;background:var(--off-white);position:relative;overflow:hidden;}
.hero-left::before{content:'EA';position:absolute;right:-20px;bottom:-60px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:320px;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(27,58,92,.04);line-height:1;pointer-events:none;}
.hero-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:32px;}
.hero-tag-chip{background:var(--navy);color:#fff;font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;padding:5px 14px;}
.hero-tag-txt{font-size:12px;color:var(--charcoal-dim);}
h1.hero-title{font-family:"Cormorant Garamond","Roboto Condensed",serif;font-size:clamp(48px,5.5vw,82px);line-height:1.04;color:var(--charcoal);letter-spacing:-.5px;font-weight:400;margin-bottom:8px;}
.hero-title-it{font-family:"Cormorant Garamond","Roboto Condensed",serif;font-style:italic;font-size:clamp(48px,5.5vw,82px);line-height:1.04;color:var(--navy);display:block;letter-spacing:-.5px;font-weight:300;margin-bottom:24px;}
.hero-sub{font-family:"Jost","Roboto",sans-serif;font-size:17px;font-weight:300;color:var(--charcoal-mid);line-height:1.8;margin-bottom:44px;max-width:440px;}
.hero-acts{display:flex;align-items:center;gap:20px;margin-bottom:56px;}
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:13px 32px;background:var(--navy);color:#fff;font-size:11px;letter-spacing:2px;font-family:"Jost","Roboto",sans-serif;font-weight:400;text-transform:uppercase;border:none;transition:all .25s var(--ease);}
.btn-primary:hover{background:var(--navy-mid);transform:translateY(-1px);box-shadow:var(--sh-md);}
.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:12px 32px;background:transparent;color:var(--navy);font-size:11px;letter-spacing:2px;font-family:"Jost","Roboto",sans-serif;font-weight:400;text-transform:uppercase;border:1.5px solid var(--navy);transition:all .25s var(--ease);}
.btn-outline:hover{background:var(--navy);color:#fff;}
.hero-stats{display:flex;gap:36px;padding-top:28px;border-top:1px solid var(--border-dk);}
.stat-num{font-family:"Roboto Condensed",Arial,sans-serif;font-size:36px;font-weight:500;color:var(--navy);line-height:1;}
.stat-lbl{font-size:11px;color:var(--charcoal-dim);letter-spacing:.5px;margin-top:4px;}
/* HERO RIGHT — SLIDER */
.hero-right{
  position:relative;
  overflow:hidden;
  border-radius:0;
  background:#000;
  height:100%;
}
/* ─ Slider container ─ */
.hero-slider{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
/* ─ Each slide ─ */
.hero-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .8s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}
.hero-slide.active{
  opacity:1;
  pointer-events:auto;
}
.hero-slide-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
  display:block;
}
/* ─ Arrow buttons ─ */
.hero-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;
  background:rgba(0,0,0,.5);
  border:1.5px solid rgba(255,255,255,.25);
  color:#fff;cursor:pointer;z-index:20;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,border-color .2s;
  border-radius:0;
}
.hero-arrow:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.6);}
.hero-arrow svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;}
.hero-arrow-prev{left:16px;}
.hero-arrow-next{right:16px;}
/* ─ Dots ─ */
.hero-dots{
  position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
  display:flex;gap:10px;z-index:20;
}
.hero-dot{
  width:9px;height:9px;border-radius:50%;
  background:rgba(255,255,255,.4);
  border:1.5px solid rgba(255,255,255,.5);
  cursor:pointer;transition:all .25s;padding:0;
}
.hero-dot.active{background:#fff;transform:scale(1.35);border-color:#fff;}

/* TRUST BAR */
.trust-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.trust-item{display:flex;align-items:center;gap:14px;padding:20px 28px;border-right:1px solid var(--border);}
.trust-item:last-child{border-right:none;}
.trust-icon{width:38px;height:38px;flex-shrink:0;background:var(--navy-paler);display:flex;align-items:center;justify-content:center;}
.trust-icon svg{width:18px;height:18px;color:var(--navy);}
.trust-ttl{font-size:13px;font-weight:600;color:var(--charcoal);margin-bottom:2px;}
.trust-desc{font-size:11px;color:var(--charcoal-dim);}

/* EYEBROW */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:3px;text-transform:uppercase;font-family:"Jost","Roboto",sans-serif;font-weight:300;color:var(--navy);}
.eyebrow::before,.eyebrow::after{content:'';display:block;width:20px;height:1px;background:var(--navy);flex-shrink:0;}
.sec-title{font-family:"Cormorant Garamond","Roboto Condensed",serif;font-size:clamp(34px,3.8vw,56px);font-weight:400;line-height:1.06;color:var(--charcoal);letter-spacing:-.3px;}
.sec-title em{font-style:italic;color:var(--navy);font-weight:300;}

/* BRANDS */
.brands-section{padding:24px 0;background:var(--off-white);}
.brands-hdr{text-align:center;margin-bottom:24px;}
.brands-hdr .eyebrow{margin-bottom:14px;}
.brands-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border);border:1px solid var(--border);padding:0 52px;}
.brand-tile{background:var(--white);padding:32px 20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .25s var(--ease);text-decoration:none;}
.brand-tile:hover{background:var(--navy-paler);transform:translateY(-3px);box-shadow:var(--sh-md);z-index:1;position:relative;}
.brand-logo-box{height:56px;display:flex;align-items:center;justify-content:center;padding:0 8px;}
.brand-logo-box svg{max-width:140px;max-height:52px;}
.brand-country{font-size:10px;color:var(--charcoal-dim);letter-spacing:.8px;text-align:center;}
.brand-sku{font-size:11px;color:var(--navy);font-weight:600;}

/* CATEGORIES */
.categories-section{padding:28px 0;}
.sec-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;color:var(--navy);border-bottom:1.5px solid var(--navy);padding-bottom:2px;transition:opacity .2s;}
.btn-ghost:hover{opacity:.6;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:300px 300px;gap:3px;}
.cat-tile{position:relative;overflow:hidden;cursor:pointer;background:var(--silver-pale);transition:all .3s var(--ease);display:block;text-decoration:none;}
.cat-tile:hover{box-shadow:var(--sh-lg);z-index:2;}
.cat-tile.c5,.cat-tile.c4,.cat-tile.c3,.cat-tile.c7,.cat-tile.c12{grid-column:span 1;}
.cat-img{position:absolute;inset:0;transition:transform .5s var(--ease);}
.cat-tile:hover .cat-img{transform:scale(1.04);}
.bg1{background:linear-gradient(145deg,#D4E0EF,#BDD0E8);}
.bg2{background:linear-gradient(145deg,#E8DDD0,#D8C8B0);}
.bg3{background:linear-gradient(145deg,#D0D8E8,#B8C8DC);}
.bg4{background:linear-gradient(145deg,#E0E8D8,#C8D8BC);}
.bg5{background:linear-gradient(145deg,#E8D8D0,#D8C0B4);}
.cat-ovl{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,26,.75) 0%,rgba(26,26,26,.1) 60%,transparent 100%);}
.cat-tile:hover .cat-ovl{background:linear-gradient(to top,rgba(26,26,26,.85) 0%,rgba(26,26,26,.2) 60%,transparent 100%);}
.cat-content{position:absolute;bottom:0;left:0;right:0;padding:22px 24px;color:#fff;}
.cat-badge{display:inline-block;margin-bottom:7px;font-size:9px;letter-spacing:2px;font-weight:700;text-transform:uppercase;background:rgba(27,58,92,.7);padding:3px 10px;backdrop-filter:blur(4px);}
.cat-name{font-family:"Cormorant Garamond","Roboto Condensed",serif;font-size:22px;font-weight:400;line-height:1.15;margin-bottom:4px;}
.cat-tile .cat-name{font-size:24px;}
.cat-meta{font-size:11px;color:rgba(255,255,255,.7);}
.cat-arrow{position:absolute;bottom:20px;right:20px;width:32px;height:32px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:all .2s;}
.cat-tile:hover .cat-arrow{background:var(--navy);}

/* PRODUCTS */
.products-section{padding:50px 0;background:var(--off-white);}
.pf-tabs{display:flex;gap:2px;}
.pf-btn{padding:8px 18px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-family:"Jost","Roboto",sans-serif;font-weight:300;background:var(--white);color:var(--charcoal-dim);border:1px solid var(--border);transition:all .2s;}
.pf-btn.active{background:var(--navy);color:#fff;border-color:var(--navy);}
.pf-btn:hover:not(.active){border-color:var(--navy);color:var(--navy);}
.products-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:2px !important;background:var(--border) !important;border:1px solid var(--border) !important;}
.products-grid ul.products{display:contents;list-style:none;margin:0;padding:0;}
.products-grid ul.products li.product{display:contents;}
.pcard{background:var(--white);position:relative;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s;cursor:pointer;}
.pcard:hover{box-shadow:var(--sh-lg);z-index:2;}
.pflags{position:absolute;top:14px;left:14px;z-index:2;display:flex;flex-direction:column;gap:4px;}
.flag{font-size:9px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;padding:3px 9px;display:inline-block;}
.f-new{background:var(--navy);color:#fff;}
.f-sale{background:#C0392B;color:#fff;}
.f-hot{background:var(--charcoal);color:#fff;}
.f-promo{background:var(--gold);color:#fff;}
.phov{position:absolute;top:12px;right:12px;z-index:2;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateX(8px);transition:all .25s var(--ease);}
.pcard:hover .phov{opacity:1;transform:translateX(0);}
.abtn{width:34px;height:34px;background:var(--white);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-sm);transition:all .15s;}
.abtn:hover{background:var(--navy);border-color:var(--navy);}
.abtn svg{width:14px;height:14px;color:var(--charcoal-mid);}
.abtn:hover svg{color:#fff;}
.pimg{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative;}
.pmock{width:92%;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease);}
.pcard:hover .pmock{transform:scale(1.05) translateY(-4px);}
.pbrand-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 0;background:var(--navy-paler);}
.pbrand-logo{height:22px;display:flex;align-items:center;}
.pbrand-logo svg{max-width:80px;max-height:22px;}
.prating{display:flex;align-items:center;gap:2px;}
.star{color:var(--gold);font-size:11px;}
.rcnt{font-size:10px;color:var(--charcoal-dim);}
.pinfo{padding:8px 18px 20px;flex:1;display:flex;flex-direction:column;background:var(--navy-paler);justify-content:space-between;}
.pname{font-family:"Roboto Condensed",Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.35;color:var(--charcoal);margin-bottom:5px;letter-spacing:0;flex:1;}
.pspec{font-size:11.5px;color:var(--charcoal-dim);margin-bottom:auto;}
.pfoot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);}
.price-old{font-size:11px;color:var(--charcoal-dim);text-decoration:line-through;}
.price-cur{font-family:"Roboto Condensed",Arial,sans-serif;font-size:21px;font-weight:600;color:var(--charcoal);line-height:1;}
.price-unit{font-size:12px;color:var(--charcoal-dim);font-family:"Roboto",Arial,sans-serif;font-weight:400;}
.price-inst{font-size:11px;color:var(--navy);margin-top:2px;}
.btncart{width:38px;height:38px;background:var(--navy);color:#fff;border:none;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
.btncart:hover{background:var(--navy-mid);}
.btncart svg{width:16px;height:16px;}

/* PROMO STRIP */
.promo-strip{background:var(--navy);color:#fff;padding:70px 0;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;}
.promo-divider{background:rgba(255,255,255,.12);height:100%;}
.promo-block{padding:0 80px;}
.promo-lbl{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:700;margin-bottom:14px;}
.promo-ttl{font-family:"Roboto Condensed",Arial,sans-serif;font-size:38px;font-weight:400;line-height:1.15;margin-bottom:14px;}
.promo-ttl em{font-style:italic;}
.promo-desc{font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:28px;}
.promo-feats{display:flex;flex-direction:column;gap:14px;}
.promo-feat{display:flex;align-items:flex-start;gap:14px;}
.promo-feat-icon{width:36px;height:36px;flex-shrink:0;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;}
.promo-feat-icon svg{width:16px;height:16px;color:rgba(255,255,255,.9);}
.promo-feat h5{font-size:13px;font-weight:600;margin-bottom:2px;}
.promo-feat p{font-size:12px;color:rgba(255,255,255,.6);line-height:1.4;}
.btn-wht{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#fff;color:var(--navy);font-size:12px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;border:none;transition:all .2s;}
.btn-wht:hover{background:var(--cream);}

/* TESTIMONIALS */
.testi-section{padding:50px 0;background:var(--off-white);}
.testi-hdr{text-align:center;margin-bottom:56px;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.tcard{background:var(--white);padding:38px 34px;border:1px solid var(--border);transition:box-shadow .2s;}
.tcard:hover{box-shadow:var(--sh-md);}
.tquote{font-family:"Roboto Condensed",Arial,sans-serif;font-size:56px;line-height:.7;color:var(--navy);opacity:.2;margin-bottom:14px;font-weight:700;}
.ttext{font-family:"Cormorant Garamond","Roboto Condensed",serif;font-size:20px;line-height:1.7;font-style:italic;font-weight:400;color:var(--charcoal-mid);margin-bottom:26px;}
.tauthor{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding-top:18px;}
.tavatar{width:40px;height:40px;background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:"Roboto Condensed",Arial,sans-serif;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;}
.tname{font-size:13px;font-weight:600;color:var(--charcoal);}
.trole{font-size:11px;color:var(--charcoal-dim);}
.tstars{display:flex;gap:2px;margin-top:3px;}

/* CTA FORM */
.cta-section{padding:4px 0;background:var(--cream);position:relative;overflow:hidden;}
.cta-section::before{content:'euroappliances';position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-family:"Roboto Condensed",Arial,sans-serif;font-size:130px;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(27,58,92,.06);white-space:nowrap;pointer-events:none;}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.cta-title{font-family:"Cormorant Garamond","Roboto Condensed",serif;font-size:clamp(34px,3.8vw,56px);font-weight:400;line-height:1.06;color:var(--charcoal);margin-bottom:14px;}
.cta-title em{font-style:italic;color:var(--navy);}
.cta-desc{font-size:14px;color:var(--charcoal-dim);line-height:1.8;margin-bottom:32px;}
.form-inputs{display:flex;flex-direction:column;gap:10px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.finput{padding:12px 16px;background:var(--white);border:1px solid var(--border-dk);color:var(--charcoal);font-size:13px;font-family:"Roboto",Arial,sans-serif;outline:none;transition:border-color .2s;}
.finput:focus{border-color:var(--navy);}
.finput::placeholder{color:var(--silver);}
.fsubmit{width:100%;padding:14px;background:var(--navy);color:#fff;font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;border:none;margin-top:4px;transition:background .2s;cursor:pointer;}
.fsubmit:hover{background:var(--navy-mid);}
.cta-feats{display:flex;flex-direction:column;gap:26px;}
.cta-feat{display:flex;align-items:flex-start;gap:18px;padding-bottom:26px;border-bottom:1px solid var(--border-dk);}
.cta-feat:last-child{border-bottom:none;padding-bottom:0;}
.cta-feat-num{font-family:"Roboto Condensed",Arial,sans-serif;font-size:40px;font-weight:600;color:var(--navy);opacity:.22;line-height:1;flex-shrink:0;width:48px;}
.cta-feat h4{font-size:14px;font-weight:600;color:var(--charcoal);margin-bottom:4px;}
.cta-feat p{font-size:13px;color:var(--charcoal-dim);line-height:1.6;}

/* FOOTER */
footer{background:var(--charcoal);color:#fff;}
.footer-main{padding:32px 0 36px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;border-bottom:1px solid rgba(255,255,255,.08);align-items:start;}
.flogo-name{font-family:"Roboto Condensed",Arial,sans-serif;font-size:24px;font-weight:500;color:#fff;margin-bottom:4px;}
.flogo-url{font-size:10px;color:rgba(255,255,255,.35);letter-spacing:1.5px;margin-bottom:16px;}
.ftagline{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7;margin-bottom:22px;}
.fcontacts{display:flex;flex-direction:column;gap:10px;}
.fcontact{display:flex;align-items:flex-start;gap:10px;}
.fcontact svg{width:14px;height:14px;color:var(--gold-light);flex-shrink:0;margin-top:2px;}
.fcontact span{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.5;}
.fcontact strong{color:rgba(255,255,255,.85);display:block;}
.fcol-ttl{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:var(--gold-light);margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);}
.flinks{list-style:none;display:flex;flex-direction:column;gap:9px;}
.flinks a{font-size:13px;color:rgba(255,255,255,.45);transition:color .15s;}
.flinks a:hover{color:#fff;}
.fbrand-links{display:flex;flex-direction:column;gap:8px;}
.fbl{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:1px solid rgba(255,255,255,.07);font-size:11px;font-weight:700;letter-spacing:1.5px;color:rgba(255,255,255,.45);text-decoration:none;text-transform:uppercase;transition:all .15s;}
.fbl:hover{border-color:rgba(255,255,255,.2);color:#fff;}
.fbl span{font-size:9px;color:rgba(255,255,255,.25);font-weight:400;letter-spacing:0;flex:1;}
.footer-bottom{padding:20px 0;display:flex;align-items:center;justify-content:space-between;}
.fcopy{font-size:12px;color:rgba(255,255,255,.25);}
.flegals{display:flex;gap:20px;}
.flegals a{font-size:12px;color:rgba(255,255,255,.25);transition:color .15s;}
.flegals a:hover{color:rgba(255,255,255,.7);}
.fsocials{display:flex;gap:8px;}
.social-lnk{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .2s;}
.social-lnk:hover{border-color:var(--gold-light);}
.social-lnk svg{width:14px;height:14px;color:rgba(255,255,255,.35);}
.social-lnk:hover svg{color:var(--gold-light);}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero-left>*{animation:fadeUp .6s var(--ease) both;}
.hero-left>*:nth-child(1){animation-delay:.05s}.hero-left>*:nth-child(2){animation-delay:.12s}
.hero-left>*:nth-child(3){animation-delay:.18s}.hero-left>*:nth-child(4){animation-delay:.24s}
.hero-left>*:nth-child(5){animation-delay:.3s}.hero-left>*:nth-child(6){animation-delay:.38s}

/* ─── ƯU ĐÃI THÁNG 4 ─── */
.promo-section{padding:40px 0;background:var(--charcoal);position:relative;overflow:hidden;}
.promo-section::before{content:"APRIL";position:absolute;right:-30px;top:50%;transform:translateY(-50%);
  font-family:"Roboto Condensed",Arial,sans-serif;font-size:240px;font-weight:700;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);pointer-events:none;line-height:1;}
.promo-inner{position:relative;z-index:1;}
.promo-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;}
.promo-header-left{}
.promo-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:600;
  color:var(--gold-light);display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.promo-eyebrow::before{content:"";display:block;width:24px;height:1px;background:var(--gold-light);}
.promo-main-title{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(32px,4vw,52px);
  font-weight:400;line-height:1.1;color:#fff;}
.promo-main-title em{font-style:italic;color:var(--gold);}

/* Countdown */
.promo-countdown{display:flex;align-items:center;gap:6px;}
.countdown-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.4);
  font-weight:600;margin-right:6px;}
.countdown-block{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  padding:12px 14px;text-align:center;min-width:60px;}
.countdown-num{font-family:"Roboto Condensed",Arial,sans-serif;font-size:32px;font-weight:500;color:var(--gold);line-height:1;}
.countdown-unit{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-top:4px;}
.countdown-sep{font-family:"Roboto Condensed",Arial,sans-serif;font-size:28px;color:rgba(255,255,255,.2);margin-top:-4px;}

/* Deal cards grid */
.promo-deals-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:3px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);margin-bottom:28px;}
.deal-card{background:rgba(255,255,255,.03);padding:32px 28px;transition:background .25s;
  display:flex;flex-direction:column;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;}
.deal-card:hover{background:rgba(255,255,255,.07);}
.deal-card.featured{background:rgba(201,168,76,.08);border:1px solid rgba(201,168,76,.2);}
.deal-card.featured:hover{background:rgba(201,168,76,.12);}
.deal-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;}
.deal-discount{font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(52px,6vw,84px);
  font-weight:500;line-height:1;color:var(--gold);letter-spacing:-2px;}
.deal-card:not(.featured) .deal-discount{font-size:clamp(36px,4vw,56px);}
.deal-brand{font-size:11px;letter-spacing:3px;font-weight:700;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:8px;}
.deal-name{font-family:"Roboto Condensed",Arial,sans-serif;font-size:20px;font-weight:400;
  color:#fff;line-height:1.3;margin-bottom:8px;}
.deal-card:not(.featured) .deal-name{font-size:16px;}
.deal-desc{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:20px;flex:1;}
.deal-cta{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;
  font-weight:700;text-transform:uppercase;color:var(--gold);
  border-bottom:1px solid rgba(201,168,76,.4);padding-bottom:2px;align-self:flex-start;
  transition:border-color .2s;}
.deal-card:hover .deal-cta{border-color:var(--gold);}
.deal-card-corner{position:absolute;top:0;right:0;background:var(--gold);
  padding:5px 14px;font-size:9px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--charcoal);}

/* Bottom deals row */
.promo-mini-deals{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.mini-deal{background:rgba(255,255,255,.02);padding:20px 20px;
  display:flex;align-items:center;gap:16px;transition:background .2s;cursor:pointer;text-decoration:none;}
.mini-deal:hover{background:rgba(255,255,255,.05);}
.mini-deal-icon{width:44px;height:44px;flex-shrink:0;border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;}
.mini-deal-icon svg{width:20px;height:20px;color:var(--gold);}
.mini-deal-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:3px;}
.mini-deal-desc{font-size:11.5px;color:rgba(255,255,255,.45);}

/* ─── BÀI TƯ VẤN ─── */
.tu-van-section{padding:8px 0 24px;background:var(--white);}
.tv-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;}
.tv-cats{display:flex;gap:2px;margin-top:16px;}
.tv-cat{padding:7px 18px;background:var(--off-white);border:1px solid var(--border);
  font-size:11px;letter-spacing:1px;font-weight:600;text-transform:uppercase;
  color:var(--charcoal-dim);cursor:pointer;transition:all .2s;}
.tv-cat:hover,.tv-cat.active{background:var(--navy);color:#fff;border-color:var(--navy);}

.tv-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:3px;
  background:var(--border);border:1px solid var(--border);}
.tv-card{background:var(--white);overflow:hidden;cursor:pointer;
  transition:box-shadow .25s;text-decoration:none;display:flex;flex-direction:column;}
.tv-card:hover{box-shadow:var(--sh-lg);z-index:2;}
.tv-card.featured{grid-row:span 2;}

.tv-img{position:relative;overflow:hidden;}
.tv-card.featured .tv-img{height:280px;}
.tv-card:not(.featured) .tv-img{height:160px;}
.tv-img-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  transition:transform .5s var(--ease);}
.tv-card:hover .tv-img-bg{transform:scale(1.04);}
.tv-cat-badge{position:absolute;top:0;left:0;padding:6px 14px;
  font-size:9px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#fff;z-index:1;}
.tv-read-time{position:absolute;bottom:12px;right:14px;
  background:rgba(0,0,0,.55);backdrop-filter:blur(4px);
  padding:3px 10px;font-size:10px;color:rgba(255,255,255,.8);letter-spacing:.5px;}

.tv-body{padding:24px 26px 28px;flex:1;display:flex;flex-direction:column;}
.tv-card:not(.featured) .tv-body{padding:18px 20px 22px;}
.tv-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.tv-date{font-size:11px;color:var(--charcoal-dim);letter-spacing:.5px;}
.tv-dot{width:3px;height:3px;border-radius:50%;background:var(--silver);}
.tv-author{font-size:11px;color:var(--charcoal-dim);}
.tv-title{font-family:"Roboto Condensed",Arial,sans-serif;font-size:22px;font-weight:500;
  line-height:1.3;color:var(--charcoal);margin-bottom:10px;}
.tv-card.featured .tv-title{font-size:28px;margin-bottom:12px;}
.tv-card:not(.featured) .tv-title{font-size:18px;}
.tv-excerpt{font-size:13.5px;color:var(--charcoal-dim);line-height:1.7;margin-bottom:auto;}
.tv-card:not(.featured) .tv-excerpt{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.tv-footer{display:flex;align-items:center;justify-content:space-between;
  margin-top:18px;padding-top:14px;border-top:1px solid var(--border);}
.tv-more{font-size:11px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase;
  color:var(--navy);border-bottom:1px solid var(--navy);padding-bottom:2px;}
.tv-tags{display:flex;gap:6px;}
.tv-tag{font-size:10px;padding:3px 8px;background:var(--navy-pale);color:var(--navy);
  letter-spacing:.5px;font-weight:500;}

/* Bottom row articles */
.tv-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;
  background:var(--border);border:1px solid var(--border);border-top:none;margin-top:0;}
.tv-card-sm{background:var(--white);padding:24px 24px;display:flex;gap:18px;
  cursor:pointer;transition:box-shadow .2s;text-decoration:none;align-items:flex-start;}
.tv-card-sm:hover{box-shadow:var(--sh-md);z-index:2;}
.tv-card-sm-num{font-family:"Roboto Condensed",Arial,sans-serif;font-size:40px;font-weight:500;
  color:transparent;-webkit-text-stroke:1.5px var(--border-dk);line-height:1;flex-shrink:0;width:40px;}
.tv-card-sm-cat{font-size:9px;letter-spacing:2px;font-weight:700;text-transform:uppercase;
  color:var(--navy);margin-bottom:7px;}
.tv-card-sm-title{font-family:"Roboto Condensed",Arial,sans-serif;font-size:16px;font-weight:500;
  color:var(--charcoal);line-height:1.35;margin-bottom:6px;}
.tv-card-sm-meta{font-size:11px;color:var(--charcoal-dim);}



/* ─── PRODUCT DETAIL ─── */

.breadcrumb-bar{
  background:var(--off-white);
  border-bottom:1px solid var(--border);
  padding:14px 0;
}



/* ─── GALLERY ─── */

.gallery{position:sticky;top:120px;}
.gallery-main{
  aspect-ratio:1/1;background:var(--navy-pale);
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border);margin-bottom:12px;
  overflow:hidden;position:relative;cursor:zoom-in;
}
.gallery-badge{
  position:absolute;top:0;left:0;
  background:var(--navy);padding:7px 16px;
  font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:#fff;
  z-index:2;
}
.gallery-main-img{
  width:72%;transition:transform .4s var(--ease);
}
.gallery-main:hover .gallery-main-img{transform:scale(1.04);}
.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.thumb{
  aspect-ratio:1/1;background:var(--navy-pale);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .2s;overflow:hidden;
}
.thumb.active{border-color:var(--navy);border-width:2px;}
.thumb:hover{border-color:var(--navy-mid);}
.thumb svg{width:60%;opacity:.3;}
.gallery-zoom{
  position:absolute;bottom:16px;right:16px;
  width:36px;height:36px;background:rgba(255,255,255,.9);
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:2;
}
.gallery-zoom svg{width:16px;height:16px;color:var(--charcoal-dim);}



/* ─── PRODUCT INFO ─── */

.product-info{}



/* ─── TABS ─── */

.product-tabs-section{padding:0 0 80px;}
.tabs-bar{
  display:flex;border-bottom:1px solid var(--border);
  margin-bottom:40px;overflow-x:auto;
  scrollbar-width:none;
}
.tabs-bar::-webkit-scrollbar{display:none;}
.tab-btn{
  padding:0 28px;height:50px;font-size:12px;letter-spacing:1px;
  text-transform:uppercase;font-weight:600;color:var(--charcoal-dim);
  background:none;border:none;border-bottom:2px solid transparent;
  cursor:pointer;white-space:nowrap;transition:all .2s;
}
.tab-btn:hover{color:var(--charcoal);}
.tab-btn.active{color:var(--navy);border-bottom-color:var(--navy);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}



/* ─── SPECS TABLE ─── */

.specs-table{width:100%;border-collapse:collapse;}
.specs-group-ttl{
  background:#fff;color:#1A1A1A;
  border-bottom:2px solid #E8E6E0;
  padding:12px 20px;
  font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;
}
.specs-table tr:nth-child(even) td{background:#fff;}
.specs-table td{
  padding:13px 20px;font-size:13.5px;
  border-bottom:1px solid var(--border);
  background:#fff;color:#1A1A1A;
}
.specs-table td:first-child{
  color:#1A1A1A;width:44%;font-weight:600;
}
.specs-table td:last-child{color:#1A1A1A;font-weight:500;}



/* ─── RELATED ─── */

.related-section{padding:48px 0 80px;}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border);border:1px solid var(--border);}
.pcard-sm{background:var(--white);cursor:pointer;transition:box-shadow .2s;text-decoration:none;display:block;}
.pcard-sm:hover{box-shadow:var(--sh-lg);z-index:2;}
.pcard-sm .pimg{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;}
.pcard-sm .pmock{width:92%;}.pcard-sm .pname{font-family:"Roboto Condensed",Arial,sans-serif;font-size:14px;font-weight:500;color:var(--charcoal);margin-bottom:4px;padding:14px 16px 0;line-height:1.35;letter-spacing:0;flex:1;}
.pcard-sm .pspec-sm{font-size:11px;color:var(--charcoal-dim);padding:0 16px;}
.pcard-sm .pprice{font-family:"Roboto Condensed",Arial,sans-serif;font-size:18px;font-weight:600;color:var(--charcoal);padding:10px 16px 16px;border-top:1px solid var(--border);margin-top:12px;}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}


/* ─── CATEGORY PAGE ─── */
.sort-select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #ddd;padding:8px 32px 8px 12px;font-size:13px;cursor:pointer;}

/* ─── UTILITIES ─── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.w-full{width:100%;}
.text-center{text-align:center;}
.ea-fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.ea-visible{opacity:1;transform:translateY(0);}

/* ═══════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE CSS — euroappliances
   Breakpoints: 768px (tablet), 480px (phone)
═══════════════════════════════════════════════════════════════ */

/* ── HAMBURGER BUTTON ───────────────────────────────────────── */
.mob-menu-btn{
  display:none !important;
  flex-direction:column;justify-content:center;align-items:center;
  gap:5px;width:40px;height:40px;
  background:none;border:none;cursor:pointer;padding:6px;
}
.mob-menu-btn span{
  display:block;width:22px;height:2px;
  background:var(--charcoal);border-radius:1px;
  transition:all .25s ease;
}
.mob-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mob-menu-btn.open span:nth-child(2){opacity:0;}
.mob-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ── MOBILE NAV OVERLAY ─────────────────────────────────────── */
.mob-nav{
  display:none;
  position:fixed;inset:0;z-index:500;
  background:#fff;
  overflow-y:auto;
  padding:0 0 80px;
  transform:translateX(100%);
  transition:transform .3s ease;
}

.mob-nav-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;border-bottom:1px solid var(--border);
  position:sticky;top:0;background:#fff;z-index:10;
}
.mob-nav-close{
  background:none;border:none;cursor:pointer;padding:8px;
  font-size:22px;color:var(--charcoal);line-height:1;
}
.mob-nav-section{border-bottom:1px solid var(--border);}
.mob-nav-title{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;font-size:14px;font-weight:700;
  color:var(--charcoal);letter-spacing:.3px;cursor:pointer;
}
.mob-nav-title .chev{width:16px;height:16px;transition:transform .2s;}
.mob-nav-section.open .mob-nav-title .chev{transform:rotate(180deg);}
.mob-nav-sub{
  display:none;padding:4px 0 12px;background:var(--off-white);
}
.mob-nav-section.open .mob-nav-sub{display:block;}
.mob-nav-sub a{
  display:block;padding:11px 32px;font-size:13px;
  color:var(--charcoal-mid);text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.04);
}
.mob-nav-sub a:active{background:var(--cream);}
.mob-nav-sub-ttl{
  padding:10px 20px 4px;
  font-size:9.5px;letter-spacing:2px;font-weight:700;
  text-transform:uppercase;color:var(--navy);opacity:.6;
}
.mob-nav-direct{
  display:block;padding:16px 20px;
  font-size:14px;font-weight:600;color:var(--charcoal);
  text-decoration:none;border-bottom:1px solid var(--border);
}
.mob-nav-cta{
  padding:20px;display:flex;flex-direction:column;gap:10px;
}
.mob-nav-cta .btn-primary{text-align:center;padding:13px;}
.mob-nav-cta .btn-ghost{text-align:center;padding:12px;}


/* ── DESKTOP: FORCE HIDE MOBILE ELEMENTS ─────────────────── */
@media screen and (min-width:769px){
  .mob-nav{display:none !important;visibility:hidden !important;}
  .mob-menu-btn{display:none !important;}
  .mob-nav-backdrop{display:none !important;}
}

@media screen and (max-width:768px){
.mob-nav.open{display:block !important;visibility:visible !important;transform:translateX(0) !important;}
/* ── GLOBAL ───────────────────────────────────────────────── */
.container{padding:0 16px !important;}

/* ── TOPBAR ────────────────────────────────────────────────── */
.topbar{display:none;}

/* ── HEADER ────────────────────────────────────────────────── */
#site-header{position:sticky;top:0;z-index:400;}
.header-inner{padding:0 4px;}
.hdr-nav{display:none !important;}
.mob-menu-btn{display:flex !important;}
.logo-link svg,.logo-link img{width:140px !important;height:auto !important;}
.hdr-cta{display:none;}
.ibtn{width:36px;height:36px;}
.search-bar .container{padding:10px 16px !important;}

/* ── HERO (Homepage) ───────────────────────────────────────── */
.hero{
  display:flex !important;flex-direction:column !important;
  min-height:auto !important;max-height:none !important;
  grid-template-columns:none !important;
}
.hero-right{
  order:1 !important;
  height:56vw !important;min-height:220px !important;max-height:340px !important;
  width:100% !important;
}
.hero-right .hero-slide,.hero-right .hero-slider{
  height:100% !important;width:100% !important;
}
.hero-left{
  order:2 !important;
  padding:24px 20px 20px !important;
  border-right:none !important;border-top:1px solid #f0ede8 !important;
}
h1.hero-title{font-size:clamp(26px,7vw,36px) !important;line-height:1.1 !important;}
.hero-title-it{font-size:clamp(26px,7vw,36px) !important;}
.hero-sub{font-size:14px !important;margin-bottom:18px !important;line-height:1.6 !important;}
.hero-acts{gap:10px !important;flex-wrap:wrap !important;}
.hero-acts .btn-primary,.hero-acts .btn-outline{
  padding:11px 18px !important;font-size:11px !important;
}
.hero-stats{gap:16px !important;flex-wrap:wrap !important;padding-top:18px !important;}

/* Slider dots: center on mobile */
.hero-dots{
  left:50% !important;transform:translateX(-50%) !important;bottom:12px !important;
}

/* ── TRUST BAR ─────────────────────────────────────────────── */
.trust-grid{
  grid-template-columns:repeat(2,1fr) !important;
}
.trust-item{
  padding:14px 12px !important;
  border-right:1px solid var(--border) !important;
  border-bottom:1px solid var(--border) !important;
}
.trust-item:nth-child(2n){border-right:none !important;}
.trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:none !important;}
.trust-ttl{font-size:11px !important;}
.trust-desc{font-size:10px !important;}

/* ── BRANDS SECTION ────────────────────────────────────────── */
.brands-section{padding:16px 0 !important;}
.brands-rail{
  grid-template-columns:repeat(3,1fr) !important;
  padding:0 !important;
}
.brand-tile{padding:20px 12px 16px !important;}
.brand-logo-box{height:40px !important;}
.brand-logo-box svg{max-width:80px !important;max-height:36px !important;}
.brand-country,.brand-sku{display:none !important;}

/* ── CATEGORIES ────────────────────────────────────────────── */
.categories-section{padding:16px 0 !important;}
.sec-hdr{flex-direction:column !important;gap:12px !important;margin-bottom:20px !important;}
.sec-title{font-size:clamp(24px,6vw,36px) !important;}
.cat-grid{
  grid-template-columns:repeat(2,1fr) !important;
  gap:8px !important;
}
.cat-tile{height:180px !important;}
.c3,.c4,.c5,.c7{grid-column:span 1 !important;}
.cat-name{font-size:16px !important;}

/* ── PRODUCTS ──────────────────────────────────────────────── */
.products-section{padding:16px 0 !important;}
.products-grid{
  grid-template-columns:repeat(2,1fr) !important;
  gap:8px !important;
}
.pf-tabs{
  display:flex;flex-wrap:wrap;gap:4px;
  justify-content:center;
}
.pf-btn{padding:6px 12px !important;font-size:10px !important;}

/* ── DEALS / PROMO ─────────────────────────────────────────── */
.promo-section,.deals-section{padding:16px 0 !important;}
.promo-inner{flex-direction:column !important;gap:20px !important;}
.promo-main-title{font-size:28px !important;}
.promo-mini-deals{grid-template-columns:1fr !important;}
.deal-card{padding:20px !important;}
.deals-grid,.mini-deals-grid{grid-template-columns:1fr !important;gap:10px !important;}
.promo-strip{flex-direction:column !important;gap:8px !important;text-align:center !important;}

/* ── TESTIMONIALS ──────────────────────────────────────────── */
.testi-section{padding:16px 0 !important;}
.testi-grid{
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.testi-hdr{flex-direction:column !important;gap:10px !important;}

/* ── CTA SECTION ───────────────────────────────────────────── */
.cta-section{padding:32px 0 !important;}
.cta-grid{
  grid-template-columns:1fr !important;
  gap:28px !important;
}
.cta-title{font-size:clamp(22px,6vw,32px) !important;}
.cta-feat{gap:12px !important;}
.cta-feat-num{font-size:28px !important;min-width:36px !important;}
.form-row{flex-direction:column !important;gap:8px !important;}
.finput{padding:11px 14px !important;font-size:14px !important;}

/* ── BLOG / TƯ VẤN ────────────────────────────────────────── */
.tu-van-section{padding:12px 0 24px !important;}
.tv-header{flex-direction:column !important;gap:12px !important;margin-bottom:20px !important;}
.tv-grid{
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.tv-bottom-grid{
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.tv-card.featured .tv-img-bg{height:220px !important;}
.tv-img-bg{height:180px !important;}

/* ── FOOTER ────────────────────────────────────────────────── */
.footer-main{
  grid-template-columns:1fr !important;
  gap:28px !important;
  padding:32px 0 !important;
}
.flogo-name{font-size:18px !important;}
.flinks{columns:2 !important;gap:4px !important;}
.fbrand-links{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:6px !important;
}
.fbl{padding:10px 12px !important;font-size:12px !important;}
.fcontacts{flex-direction:column !important;gap:4px !important;}
.footer-bottom{
  flex-direction:column !important;
  gap:10px !important;
  text-align:center !important;
  padding:16px 0 !important;
}
.flegals{justify-content:center !important;flex-wrap:wrap !important;}

/* ── BRAND HERO SLIDERS ────────────────────────────────────── */
/* Bosch */
.bo-hero{height:72vw !important;max-height:380px !important;min-height:260px !important;}
.bo-hero-content{padding:0 20px !important;}
.bo-hero-left{flex:1 !important;max-width:100% !important;padding:24px 0 !important;}
.bo-hero-h1{font-size:28px !important;}
.bo-hero-sub{font-size:13px !important;margin-bottom:20px !important;}
.bo-hero-right-info,.lh-hero-stats,.si-hero-stats-wrap,.ml-hero-stats-new{display:none !important;}
.bo-dots,.si-dots,.ml-dots,.lh-dots{left:20px !important;bottom:14px !important;}

/* Siemens */
.si-hero{height:72vw !important;max-height:380px !important;min-height:260px !important;}
.si-hero-content{padding:0 20px !important;}
.si-hero-left-new{flex:1 !important;max-width:100% !important;padding:24px 0 !important;}
.si-hero-h1{font-size:28px !important;}
.si-hero-sub{font-size:13px !important;margin-bottom:20px !important;}

/* Miele */
.ml-hero{height:72vw !important;max-height:380px !important;min-height:260px !important;}
.ml-hero-content{padding:0 20px !important;}
.ml-hero-left{flex:1 !important;max-width:100% !important;padding:24px 0 !important;}
.ml-hero-h1{font-size:28px !important;}
.ml-hero-sub{font-size:13px !important;margin-bottom:20px !important;}

/* Liebherr */
.lh-hero{height:72vw !important;max-height:380px !important;min-height:260px !important;}
.lh-hero-content{padding:0 20px !important;}
.lh-hero-left{flex:1 !important;max-width:100% !important;padding:24px 0 !important;}
.lh-hero-h1{font-size:26px !important;}
.lh-hero-sub{font-size:13px !important;margin-bottom:20px !important;}
.lh-wrap{padding:0 16px !important;}
.lh-cat-grid{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;}
.lh-tech-grid{grid-template-columns:1fr !important;}
.lh-monolith-grid,.lh-why-grid{grid-template-columns:1fr !important;gap:28px !important;}
.lh-prod-grid{grid-template-columns:repeat(2,1fr) !important;}
.lh-cat-tabs{padding:0 16px !important;}

/* Brand arrows: smaller */
.bo-arr,.si-arr,.ml-arr,.lh-arr{width:36px !important;height:36px !important;}


/* =============================================
   PRODUCT DETAIL PAGE - Mobile
   Style: eurolux.vn inspired
   ============================================= */

/* Stack layout vertically - image on top */
.product-layout{
  grid-template-columns:1fr !important;
  gap:0 !important;
  padding:0 0 40px !important;
}

/* Gallery: full width, no sticky */
.gallery{
  position:static !important;
  width:100% !important;
}

/* Main image: full width, 4:3 */
.gallery-main{
  aspect-ratio:4/3 !important;
  border:none !important;
  border-bottom:1px solid var(--border) !important;
  margin-bottom:0 !important;
  background:#F7F7F5 !important;
}

/* Bigger image on mobile */
.gallery-main-img{
  width:85% !important;
}

/* Thumbnails: horizontal scroll */
.gallery .gallery-thumbs,
.gallery > div[style*="grid-template-columns:repeat(5"]{
  display:flex !important;
  flex-direction:row !important;
  overflow-x:auto !important;
  border-bottom:1px solid var(--border) !important;
  padding:10px 16px !important;
  gap:8px !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
  grid-template-columns:none !important;
}
.gallery-thumb{
  flex:0 0 64px !important;
  width:64px !important;
  height:64px !important;
  aspect-ratio:1 !important;
  margin-right:4px !important;
}

/* Product info padding */
.product-info{
  padding:20px 16px !important;
}

/* Title smaller */
.product-info h1,
.product-layout h1{
  font-size:clamp(20px,6vw,28px) !important;
  line-height:1.25 !important;
  margin-bottom:14px !important;
}

/* Price box compact */
.product-info > div[style*="border-left:3px solid"]{
  margin:14px 0 !important;
  padding:16px !important;
}

/* Price font size */
.product-info > div > div[style*="font-size:36px"]{
  font-size:28px !important;
}

/* CTA buttons full width */
.product-layout .btn-primary,
.product-layout .btn-outline,
.product-layout button[class*="btn"]{
  width:100% !important;
  padding:15px !important;
  justify-content:center !important;
  display:flex !important;
  align-items:center !important;
}

/* Tabs scrollable */
.tabs-bar{
  overflow-x:auto !important;
  white-space:nowrap !important;
  scrollbar-width:none !important;
  padding:0 16px !important;
}
.tabs-bar::-webkit-scrollbar{display:none !important;}
.tab-btn{
  font-size:11px !important;
  padding:12px 14px !important;
  flex-shrink:0 !important;
  display:inline-flex !important;
}

/* Tab panel padding */
.tab-panel{padding:20px 16px !important;}

/* Specs table responsive */
.specs-table{font-size:13px !important;}
.specs-table td{padding:10px 12px !important;}

/* Related products 2 cols */
.related-grid{
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  padding:0 12px !important;
}

/* Hide zoom on mobile */
.gallery-zoom{display:none !important;}

/* Service badges 2 cols */
.service-badges{
  grid-template-columns:1fr 1fr !important;
}

} /* end @media 768px */

/* ── 480px: extra small phones ───────────────────────────── */
@media screen and (max-width:480px){
  h1.hero-title,.hero-title-it{font-size:30px !important;}
  .hero-right{height:200px !important;}
  .cat-grid{grid-template-columns:1fr !important;}
  .cat-tile{height:160px !important;}
  .brands-rail{grid-template-columns:repeat(2,1fr) !important;}
  .products-grid{grid-template-columns:repeat(2,1fr) !important;}
  .trust-grid{grid-template-columns:1fr !important;}
  .trust-item:nth-child(n){border-right:none !important;border-bottom:1px solid var(--border) !important;}
  .bo-hero,.si-hero,.ml-hero,.lh-hero{height:80vw !important;}
  .lh-cat-grid{grid-template-columns:1fr !important;}
}

@media screen and (max-width:768px){
  .mob-nav-backdrop.mob-bkd-visible{display:block !important;opacity:1;}
}

.cat-tile.c12{grid-column:span 12;}
.cat-tile.c6{grid-column:span 6;}

/* ══ DỰ ÁN SECTION ══ */
.duanan-section{padding:28px 0 24px;background:#f7f6f3;overflow:hidden;}

.duanan-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px;}
.duanan-sub{font-size:14px;color:#6b7280;line-height:1.75;max-width:520px;margin-top:10px;}
.duanan-all-link{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;}
.duanan-all-link:hover{gap:10px;}

/* Stats */
.duanan-stats{display:flex;align-items:center;gap:0;background:var(--navy);padding:16px 32px;margin-bottom:16px;flex-wrap:wrap;}
.duanan-stat{text-align:center;flex:1;padding:0 20px;}
.duanan-stat-n{font-family:"Roboto Condensed",Arial,sans-serif;font-size:26px;font-weight:700;color:#d4aa72;margin-bottom:3px;}
.duanan-stat-l{font-size:10px;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;}
.duanan-stat-div{width:1px;height:40px;background:rgba(255,255,255,.12);flex-shrink:0;}

/* Grid */
.duanan-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:16px;margin-bottom:32px;}
.duanan-card{background:#fff;overflow:hidden;border:1px solid rgba(0,0,0,.06);transition:all .25s;}
.duanan-card:hover{box-shadow:0 8px 32px rgba(24,64,144,.12);transform:translateY(-2px);}
.duanan-card--lg{grid-row:1/3;}
.duanan-card-img{height:200px;overflow:hidden;}
.duanan-card--lg .duanan-card-img{height:280px;}
.duanan-card-body{padding:20px;}
.duanan-card-tag{font-size:9px;letter-spacing:.25em;text-transform:uppercase;font-weight:700;color:var(--navy);margin-bottom:8px;}
.duanan-card-title{font-family:"Roboto Condensed",Arial,sans-serif;font-size:17px;font-weight:700;color:#111;line-height:1.3;margin-bottom:8px;}
.duanan-card--lg .duanan-card-title{font-size:22px;}
.duanan-card-desc{font-size:12px;color:#6b7280;line-height:1.7;margin-bottom:12px;}
.duanan-card-meta{display:flex;gap:16px;font-size:11px;color:#9ca3af;flex-wrap:wrap;}

/* CTA bar */
.duanan-cta-bar{background:#111827;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.duanan-cta-text h3{font-family:"Roboto Condensed",Arial,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;}
.duanan-cta-text p{font-size:12px;color:rgba(255,255,255,.55);}
.duanan-cta-btns{display:flex;gap:12px;flex-shrink:0;}
.btn-outline-dark{border:2px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);padding:10px 22px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;transition:all .2s;text-decoration:none;display:inline-block;}
.btn-outline-dark:hover{border-color:#fff;color:#fff;}

@media(max-width:900px){
  .duanan-grid{grid-template-columns:1fr 1fr;}
  .duanan-card--lg{grid-row:auto;}
  .duanan-stats{gap:16px;}
  .duanan-stat-div{display:none;}
  .duanan-cta-bar{flex-direction:column;text-align:center;}
}
@media(max-width:600px){
  .duanan-grid{grid-template-columns:1fr;}
}


/* ══ DUANAN SLIDER ══ */
.duanan-slider-wrap{
  position:relative;display:flex;align-items:stretch;gap:0;
  margin-bottom:16px;overflow:hidden;width:100%;
}
.dsl-viewport{
  overflow:hidden;flex:1;
}
.dsl-track{
  display:flex;gap:16px;
  transition:transform .45s cubic-bezier(.25,.46,.45,.94);
  will-change:transform;
}
.dsl-card{
  flex:0 0 calc((100% - 32px)/3);
  background:#fff;border:1px solid rgba(0,0,0,.07);
  overflow:hidden;cursor:pointer;
  transition:box-shadow .25s,transform .25s;
}
.dsl-card:hover{
  box-shadow:0 8px 28px rgba(24,64,144,.12);
  transform:translateY(-2px);
}
.dsl-img{
  height:220px;overflow:hidden;
}
.dsl-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s ease;
}
.dsl-card:hover .dsl-img img{transform:scale(1.04);}
.dsl-body{padding:20px 22px 22px;}
.dsl-tag{
  font-size:9px;letter-spacing:.3em;text-transform:uppercase;
  font-weight:700;color:#184090;margin-bottom:6px;
}
.dsl-title{
  font-family:'Roboto Condensed',Arial,sans-serif;
  font-size:18px;font-weight:700;color:#111;
  line-height:1.25;margin-bottom:7px;letter-spacing:-.2px;
}
.dsl-desc{
  font-size:13px;color:#6b7280;line-height:1.65;margin-bottom:10px;
}
.dsl-meta{
  display:flex;gap:12px;font-size:10px;
  color:#9ca3af;flex-wrap:wrap;
  border-top:1px solid #f0ede8;padding-top:10px;
}
/* Arrows */
.dsl-btn{
  flex-shrink:0;width:36px;
  background:transparent;color:var(--navy,#184090);
  border:2px solid var(--navy,#184090);cursor:pointer;font-size:16px;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;z-index:2;border-radius:2px;
}
.dsl-btn:hover{background:var(--navy,#184090);color:#fff;}

.dsl-prev{margin-right:12px;}
.dsl-next{margin-left:12px;}

/* Dots */
.dsl-dots{
  display:flex;justify-content:center;gap:6px;
  padding:4px 0 8px;
}
.dsl-dot{
  width:7px;height:7px;border-radius:50%;
  border:none;background:#d1d5db;cursor:pointer;
  padding:0;transition:all .2s;
}
.dsl-dot.on{background:#184090;width:20px;border-radius:4px;}

@media(max-width:1024px){
  .dsl-card{flex:0 0 calc((100% - 16px)/2);}
}
@media(max-width:640px){
  .dsl-card{flex:0 0 100%;}
  .dsl-btn{width:36px;font-size:14px;}
  .dsl-prev{margin-right:8px;}
  .dsl-next{margin-left:8px;}
}


/* ══ DUANAN COMPACT HEADER ══ */
.duanan-hdr-compact{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;flex-wrap:wrap;gap:8px;
}
.duanan-hdr-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.duanan-label{
  font-size:11px;letter-spacing:2.5px;text-transform:uppercase;
  font-weight:600;color:var(--navy,#184090);
  display:flex;align-items:center;gap:8px;white-space:nowrap;
}
.duanan-label::before{content:'';width:20px;height:2px;
  background:var(--navy,#184090);display:inline-block;}
.duanan-htitle{
  font-family:'Roboto Condensed',Arial,sans-serif;
  font-size:clamp(30px,3.5vw,50px);font-weight:500;
  color:var(--charcoal,#1a1a1a);line-height:1.1;margin:0;letter-spacing:-.5px;
}
.duanan-htitle em{font-style:italic;color:var(--navy,#184090);}

/* Compact stats */
.duanan-stats{
  background:var(--navy,#184090);
  display:flex;align-items:center;
  padding:12px 24px;margin-bottom:14px;
}
.duanan-stat{text-align:center;flex:1;padding:0 12px;}
.duanan-stat-n{
  font-family:'Roboto Condensed',Arial,sans-serif;
  font-size:22px;font-weight:700;color:#d4aa72;margin-bottom:2px;letter-spacing:-.3px;
}
.duanan-stat-l{font-size:9px;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;}
.duanan-stat-div{width:1px;height:32px;background:rgba(255,255,255,.12);flex-shrink:0;}

/* Compact slider */
.duanan-slider-wrap{margin-bottom:0;}
.dsl-img{height:220px;}
.dsl-body{padding:12px 16px 14px;}
.dsl-tag{font-size:9px;letter-spacing:.3em;margin-bottom:6px;}
.dsl-title{font-size:17px;margin-bottom:7px;line-height:1.25;}
.dsl-desc{font-size:12px;line-height:1.65;margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dsl-meta{font-size:10px;padding-top:8px;}
.dsl-btn{width:36px;font-size:16px;}
.dsl-prev{margin-right:8px;}
.dsl-next{margin-left:8px;}

.footer-logo-wrap,.footer-logo-link{display:block;}


/* ════════════════════════════════════════════════════════════════
   EUROCOOK MOBILE RESPONSIVE v2.0
   Breakpoints: 768px (tablet/phone), 480px (small phone)
════════════════════════════════════════════════════════════════ */

/* ══ VIEWPORT META ══ */
@-ms-viewport{width:device-width;}

@media screen and (max-width:768px){

/* ── TYPOGRAPHY SCALE ─────────────────────────────────────── */
body{font-size:15px !important;}
h1{font-size:clamp(26px,7vw,36px) !important;}
h2{font-size:clamp(22px,6vw,30px) !important;}
h3{font-size:clamp(18px,5vw,22px) !important;}

/* ── HEADER: logo size fix ────────────────────────────────── */
.logo-link svg,.logo-link img{width:140px !important;height:auto !important;}
.header-inner{height:56px !important;}
#site-header{height:auto !important;}

/* ── MOBILE NAV: full-screen overlay ──────────────────────── */
.mob-nav{
  position:fixed !important;top:0 !important;left:0 !important;
  width:100% !important;height:100vh !important;
  background:#fff !important;z-index:999 !important;
  overflow-y:auto !important;
  transform:translateX(-100%) !important;
  transition:transform .3s cubic-bezier(.25,.46,.45,.94) !important;
  padding:0 !important;
}
.mob-nav.open{transform:translateX(0) !important;}
.mob-nav-head{
  display:flex !important;align-items:center !important;
  justify-content:space-between !important;
  padding:14px 20px !important;
  border-bottom:1px solid #f0ede8 !important;
  position:sticky !important;top:0 !important;
  background:#fff !important;z-index:1 !important;
}
.mob-nav-links{padding:12px 0 !important;}
.mob-nav-direct{
  display:block !important;
  padding:14px 20px !important;
  font-size:15px !important;font-weight:500 !important;
  color:#111 !important;border-bottom:1px solid #f7f6f3 !important;
}
.mob-nav-direct.highlight{
  color:#184090 !important;font-weight:700 !important;
  background:#e8f0fb !important;
}

/* ── HERO ─────────────────────────────────────────────────── */
.hero{flex-direction:column !important;min-height:auto !important;}
.hero-left{
  order:2 !important;padding:28px 20px 24px !important;
  border-right:none !important;border-top:1px solid #f0ede8 !important;
}
.hero-right{order:1 !important;height:55vw !important;min-height:220px !important;max-height:320px !important;}
h1.hero-title{font-size:clamp(26px,7.5vw,36px) !important;line-height:1.1 !important;}
.hero-title-it{font-size:clamp(26px,7.5vw,36px) !important;}
.hero-sub{font-size:14px !important;margin-bottom:20px !important;line-height:1.6 !important;}
.hero-acts{gap:10px !important;flex-wrap:wrap !important;}
.hero-acts .btn-primary,.hero-acts .btn-outline{
  padding:11px 18px !important;font-size:11px !important;
  letter-spacing:1px !important;
}
.hero-stats{gap:16px !important;flex-wrap:wrap !important;padding-top:20px !important;}
.hero-stat-n{font-size:24px !important;}
.hero-stat-l{font-size:9px !important;}
.hero-tag{margin-bottom:16px !important;}
.hero-dots{left:50% !important;transform:translateX(-50%) !important;bottom:10px !important;}

/* ── TRUST BAR ────────────────────────────────────────────── */
.trust-grid{grid-template-columns:repeat(2,1fr) !important;}
.trust-item{padding:14px 12px !important;}
.trust-ttl{font-size:11px !important;}
.trust-icon{font-size:18px !important;}

/* ── BRANDS ───────────────────────────────────────────────── */
.brands-section{padding:16px 0 !important;}
.brands-hdr{margin-bottom:16px !important;}
.brands-rail{
  grid-template-columns:repeat(3,1fr) !important;
  padding:0 !important;
}
.brand-tile{padding:16px 12px !important;}
.brand-logo-box{height:36px !important;}
.brand-logo-box svg{max-width:80px !important;max-height:32px !important;}
.brand-country,.brand-sku,.brand-desc{display:none !important;}
.brand-name{font-size:11px !important;}

/* ── CATEGORIES ───────────────────────────────────────────── */
.categories-section{padding:16px 0 !important;}
.sec-hdr{flex-direction:column !important;gap:8px !important;margin-bottom:16px !important;align-items:flex-start !important;}
.sec-title{font-size:clamp(22px,6vw,30px) !important;}
.see-all-link{font-size:10px !important;}
.cat-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important;}
.cat-tile{height:160px !important;}
.c3,.c4,.c5,.c7{grid-column:span 1 !important;}
.cat-name{font-size:14px !important;}
.cat-icon{font-size:22px !important;margin-bottom:6px !important;}

/* ── PRODUCTS ─────────────────────────────────────────────── */
.products-section{padding:16px 0 !important;}
.products-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px !important;}
.pcard{border-radius:0 !important;}
.pcard-img{height:160px !important;}
.pcard-body{padding:12px !important;}
.pcard-name{font-size:13px !important;-webkit-line-clamp:2 !important;}
.pcard-brand{font-size:9px !important;}
.pcard-actions{gap:6px !important;}
.pcard-cta{padding:9px 10px !important;font-size:9px !important;}
.pf-tabs{
  display:flex !important;flex-wrap:wrap !important;
  gap:4px !important;justify-content:flex-start !important;
  margin-bottom:16px !important;
  overflow-x:auto !important;scrollbar-width:none !important;
  flex-wrap:nowrap !important;padding-bottom:4px !important;
}
.pf-tabs::-webkit-scrollbar{display:none !important;}
.pf-btn{
  padding:7px 14px !important;font-size:10px !important;
  white-space:nowrap !important;flex-shrink:0 !important;
}

/* ── DỰ ÁN MODULE (homepage) ─────────────────────────────── */
.duanan-section{padding:20px 0 16px !important;}
.duanan-hdr-compact{margin-bottom:10px !important;}
.duanan-htitle{font-size:clamp(20px,5.5vw,28px) !important;}
.duanan-label{font-size:10px !important;letter-spacing:2px !important;}
.duanan-stats{padding:10px 16px !important;margin-bottom:10px !important;}
.duanan-stat{padding:0 10px !important;}
.duanan-stat-n{font-size:18px !important;}
.duanan-stat-l{font-size:9px !important;}
/* Slider */
.duanan-slider-wrap{overflow:hidden !important;}
.dsl-card{flex:0 0 82% !important;}
.dsl-img{height:180px !important;}
.dsl-body{padding:12px 14px 14px !important;}
.dsl-title{font-size:15px !important;}
.dsl-desc{-webkit-line-clamp:2 !important;font-size:12px !important;}

/* ── TESTIMONIALS ─────────────────────────────────────────── */
.testi-section{padding:24px 0 !important;}
.testi-grid{grid-template-columns:1fr !important;gap:12px !important;}
.testi-hdr{flex-direction:column !important;gap:8px !important;margin-bottom:20px !important;align-items:flex-start !important;}
.testi-card{padding:20px !important;}
.testi-quote{font-size:13px !important;}

/* ── CTA/TƯ VẤN ───────────────────────────────────────────── */
.cta-section,.ea-consult-section,.tu-van-section{padding:24px 0 !important;}
.cta-grid{grid-template-columns:1fr !important;gap:24px !important;}
.cta-title{font-size:clamp(22px,6vw,30px) !important;line-height:1.2 !important;}
.cta-desc{font-size:13px !important;}
.cta-feat{gap:10px !important;}
.form-row{flex-direction:column !important;gap:8px !important;}
.finput{
  padding:12px 14px !important;font-size:16px !important;
  border-radius:2px !important;
}
.fsubmit{
  padding:14px !important;font-size:11px !important;
  letter-spacing:1.5px !important;
}

/* ── FOOTER ───────────────────────────────────────────────── */
.footer-main{
  grid-template-columns:1fr !important;
  gap:24px !important;padding:28px 0 24px !important;
}
.footer-col-brand{margin-bottom:4px !important;}
.footer-col-brand img{width:220px !important;height:auto !important;}
.ftagline{font-size:12px !important;margin-top:8px !important;margin-bottom:14px !important;}
.fcontact{font-size:11px !important;}
.fcontact span{font-size:11px !important;}
.fcol-ttl{font-size:9px !important;margin-bottom:12px !important;padding-bottom:8px !important;}
.fcol-links{columns:2 !important;column-gap:8px !important;}
.fcol-link{font-size:12px !important;padding:4px 0 !important;break-inside:avoid !important;}
.footer-bottom{
  flex-direction:column !important;gap:8px !important;
  text-align:center !important;padding:14px 0 !important;
}
.flegals{justify-content:center !important;flex-wrap:wrap !important;gap:8px !important;}
.fleg-item{font-size:10px !important;}
.fcopy{font-size:10px !important;}

/* ── BRAND HERO PAGES ─────────────────────────────────────── */
.bo-hero,.si-hero,.ml-hero,.lh-hero{
  height:auto !important;min-height:auto !important;max-height:none !important;
  padding:28px 0 !important;
}
.bo-hero-content,.si-hero-content,.ml-hero-content,.lh-hero-content{
  flex-direction:column !important;
  padding:0 20px !important;gap:0 !important;
}
.bo-hero-left,.si-hero-left-new,.ml-hero-left,.lh-hero-left{
  flex:none !important;max-width:100% !important;
  padding:0 !important;
}
.bo-hero-h1,.si-hero-h1,.ml-hero-h1,.lh-hero-h1{
  font-size:28px !important;line-height:1.1 !important;
  margin-bottom:10px !important;
}
.bo-hero-sub,.si-hero-sub,.ml-hero-sub,.lh-hero-sub{
  font-size:13px !important;
  margin-bottom:16px !important;
  line-height:1.6 !important;
}
.bo-hero-right-info,.si-hero-stats-wrap,.ml-hero-stats-new,.lh-hero-stats{
  display:none !important;
}
.bo-arr,.si-arr,.ml-arr,.lh-arr{width:32px !important;height:32px !important;font-size:14px !important;}
.bo-dots,.si-dots,.ml-dots,.lh-dots{left:16px !important;bottom:12px !important;}

/* ── SHOWROOM PAGE ─────────────────────────────────────────── */
.sr-grid{grid-template-columns:1fr !important;gap:12px !important;}
.sr-hero{padding:28px 20px !important;}
.sr-hero-h{font-size:clamp(22px,6vw,30px) !important;}
.sr-hotline-bar{flex-direction:column !important;gap:12px !important;padding:14px 20px !important;}
.sr-section-hdr{padding:0 0 10px !important;margin-bottom:16px !important;}
.sr-card-body{padding:12px 14px !important;}
.sr-row{font-size:11px !important;}
.sr-lbl{width:70px !important;font-size:10px !important;}

/* ── DỰ ÁN PAGE (/du-an/) ─────────────────────────────────── */
.dp-ph{flex-direction:column !important;padding:28px 20px 0 !important;gap:16px !important;}
.dp-ph-h{font-size:clamp(32px,9vw,52px) !important;}
.dp-ph-meta{gap:20px !important;padding-bottom:24px !important;}
.dp-stat-n{font-size:24px !important;}
.dp-fb-wrap{padding:0 16px !important;top:56px !important;}
.dp-ftab{padding:14px 12px !important;font-size:10px !important;margin-right:12px !important;}
.dp-feat{grid-template-columns:1fr !important;}
.dp-feat-img{height:260px !important;}
.dp-feat-body{padding:28px 20px !important;}
.dp-pf-h{font-size:clamp(20px,5.5vw,28px) !important;}
.dp-sh{padding:36px 20px 20px !important;}
.dp-grid{grid-template-columns:1fr 1fr !important;gap:1px !important;}
.dp-proc{padding:40px 20px !important;}
.dp-proc-top{grid-template-columns:1fr !important;gap:16px !important;margin-bottom:32px !important;}
.dp-proc-steps{grid-template-columns:1fr 1fr !important;gap:20px !important;}
.dp-proc-steps::before{display:none !important;}
.dp-cta{padding:44px 20px !important;grid-template-columns:1fr !important;gap:24px !important;text-align:center !important;}
.dp-cta-btns{flex-direction:column !important;gap:10px !important;}

/* ── ĐĂNG KÝ ĐẠI LÝ PAGE ─────────────────────────────────── */
.dl-hero{grid-template-columns:1fr !important;}
.dl-hero-left,.dl-hero-right{padding:28px 20px !important;}
.dl-hero-h{font-size:clamp(26px,7vw,36px) !important;line-height:1.1 !important;}
.dl-form-sect{grid-template-columns:1fr !important;}
.dl-form-info{padding:28px 20px !important;}
.dl-form-wrap{padding:28px 20px !important;}
.dl-form{grid-template-columns:1fr !important;}
.dl-form .span2{grid-column:1 !important;}
.dl-submit-row{grid-column:1 !important;flex-direction:column !important;gap:10px !important;}
.dl-result{grid-column:1 !important;}
.dl-steps{display:none !important;}
.dl-proc-steps{grid-template-columns:1fr 1fr !important;gap:16px !important;}
.dl-proc-steps::before{display:none !important;}
.dl-cta{padding:32px 20px !important;grid-template-columns:1fr !important;gap:16px !important;text-align:center !important;}

/* ── SEARCH ─────────────────────────────────────────────────── */
.search-bar{top:56px !important;}
.search-bar input{font-size:16px !important;}
.search-results-grid{grid-template-columns:1fr !important;}

/* ── GENERAL UTILS ─────────────────────────────────────────── */
.hide-mobile{display:none !important;}
.show-mobile{display:block !important;}
.container{padding:0 16px !important;}
section{scroll-margin-top:56px !important;}

/* Prevent iOS zoom on inputs */
input,select,textarea{font-size:16px !important;}

/* Touch target minimum */
a,button{min-height:44px;min-width:44px;}
.nav-link,.fcol-link,.footer-link{min-height:36px !important;display:flex;align-items:center;}

} /* end 768px */

/* ══ 480px: Small phones (iPhone SE, etc.) ══════════════════ */
@media screen and (max-width:480px){

h1.hero-title,.hero-title-it{font-size:clamp(24px,7.5vw,30px) !important;}
.hero-right{height:60vw !important;min-height:200px !important;}
.hero-sub{font-size:13px !important;}

.cat-grid{grid-template-columns:1fr !important;}
.cat-tile{height:150px !important;}

.brands-rail{grid-template-columns:repeat(2,1fr) !important;}

.products-grid{grid-template-columns:1fr !important;gap:10px !important;}
.pcard-img{height:180px !important;}

.bo-hero,.si-hero,.ml-hero,.lh-hero{padding:20px 0 !important;}
.bo-hero-h1,.si-hero-h1,.ml-hero-h1,.lh-hero-h1{font-size:24px !important;}

.dp-grid{grid-template-columns:1fr !important;}
.dp-proc-steps{grid-template-columns:1fr !important;}

.sr-grid{grid-template-columns:1fr !important;}

.dl-hero-facts{grid-template-columns:1fr 1fr !important;}
.dl-why-icon{width:30px !important;height:30px !important;font-size:13px !important;}

.dsl-card{flex:0 0 90% !important;}

.footer-col-brand img{width:220px !important;height:auto !important;}

} /* end 480px */

/* ══ SMOOTH SCROLLING + TOUCH ════════════════════════════════ */
@media (hover: none) and (pointer: coarse) {
  /* Touch devices */
  .pcard:hover,.duanan-card:hover,.dp-card:hover,.sr-card:hover{
    transform:none !important;box-shadow:none !important;
  }
  .pcard:active{transform:scale(.98) !important;}
  .btn-primary:active,.btn-outline:active{opacity:.85 !important;}
}

/* V-ZUG sub-links in mega menu */
.mega-link-vzug{
  display:block;
  font-size:11px;font-weight:500;color:var(--charcoal-mid);
  padding:3px 0 3px 12px;
  border-left:2px solid #B8976A;
  margin-left:4px;margin-top:2px;
  text-decoration:none;letter-spacing:.2px;
  transition:color .15s,border-color .15s;
}
.mega-link-vzug:hover{color:#B8976A;border-color:#B8976A;}
.mega-link-vzug::before{content:'🇨🇭 ';font-size:9px;}
.mega-vzug-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);}
.mega-vzug-label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;
  color:#B8976A;font-weight:600;margin-bottom:4px;padding-left:4px;}


/* =============================================
   FIX: Images in product description / tabs
   SAFE: Only targets tab content, not global
   ============================================= */
.tab-panel img,
.woocommerce-Tabs-panel img,
#tab-description img,
#tab-additional_information img,
.wc-tab img,
.specs-table img {
  max-width: 100% !important;
  height: auto !important;
}

/* Fix tables in description - safe */
.tab-panel table,
.woocommerce-Tabs-panel table {
  width: 100% !important;
  table-layout: fixed !important;
  word-wrap: break-word !important;
  overflow-x: auto !important;
}

/* Fix iframes/videos */
.tab-panel iframe,
.tab-panel video {
  max-width: 100% !important;
}

/* =============================================
   WOOCOMMERCE PAGINATION
   ============================================= */
.woocommerce-pagination,
nav.woocommerce-pagination {
  display: flex;
  justify-content: center;
  margin: 40px 0 20px;
}

.woocommerce-pagination ul,
nav.woocommerce-pagination ul {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-pagination ul li,
nav.woocommerce-pagination ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
nav.woocommerce-pagination ul li a,
nav.woocommerce-pagination ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1.5px solid var(--border, #E5E2DC);
  font-size: 13px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: var(--charcoal, #1A1A1A);
  text-decoration: none;
  transition: all 0.2s;
  background: #fff;
  letter-spacing: 0.5px;
}

.woocommerce-pagination ul li a:hover,
nav.woocommerce-pagination ul li a:hover {
  background: var(--navy, #184090);
  color: #fff;
  border-color: var(--navy, #184090);
}

.woocommerce-pagination ul li span.current,
nav.woocommerce-pagination ul li span.current {
  background: var(--navy, #184090);
  color: #fff;
  border-color: var(--navy, #184090);
}

.woocommerce-pagination ul li a.prev,
.woocommerce-pagination ul li a.next,
nav.woocommerce-pagination ul li a.prev,
nav.woocommerce-pagination ul li a.next {
  font-size: 16px;
  font-weight: 400;
}

/* Mobile pagination */
@media (max-width: 768px) {
  .woocommerce-pagination ul,
  nav.woocommerce-pagination ul {
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .woocommerce-pagination ul li a,
  .woocommerce-pagination ul li span,
  nav.woocommerce-pagination ul li a,
  nav.woocommerce-pagination ul li span {
    min-width: 36px;
    height: 36px;
    font-size: 12px;
  }
}

/* Brand Filter pcard safeguard */
.products-grid .pcard { display: flex !important; flex-direction: column !important; }
.products-grid .pcard[style*="display: none"] { display: none !important; }


/* FIX: pcard height - keep flex centering for pimg */
.pcard { min-height: 320px; }
.pimg  { min-height: 180px; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; }
.pimg .pmock { min-height: 140px; display: flex !important; align-items: center !important; justify-content: center !important; }
.pimg .pmock img { width: 100% !important; height: 100% !important; object-fit: contain !important; max-height: none !important; }

/* ── Mobile: Gallery Slider Fix ── */
@media (max-width: 768px) {
  .gallery-thumbs-wrap { background: #fff; }
  .gallery-thumb { background: #fff !important; }
  .gallery-thumbs { background: #fff !important; }
  .gallery-thumbs-track { background: #fff !important; }
}

/* ── FIX: pcard-sm image height on mobile ── */
.pcard-sm .pimg {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 4/3 !important;
}
.pcard-sm .pmock {
  min-height: 0 !important;
}
.pcard-sm .pmock img {
  max-height: 160px !important;
  width: auto !important;
  max-width: 90% !important;
}

/* ── FIX: Gallery thumb borders - neutral gray not blue ── */
.gallery-thumb {
  border-color: #D8D8D8 !important;
  background: #FAFAFA !important;
}
.gallery-thumb.active {
  border-color: var(--navy) !important;
  border-width: 2px !important;
  background: #fff !important;
}

/* ── FIX: Gallery thumbs-wrap - pure white, no blue tint ── */
.gallery-thumbs-wrap,
.gallery-thumbs,
.gallery-thumbs-track {
  background: #fff !important;
}
.gallery-thumbs-wrap {
  border-top: 1px solid #E8E8E8 !important;
  border-bottom: 1px solid #E8E8E8 !important;
}

/* ══════════════════════════════════════════════════════
   MOBILE GALLERY SLIDER: Natural scroll, no buttons
   ══════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Ẩn prev/next buttons - mobile dùng native scroll */
  .gallery-thumb-btn { display: none !important; }

  /* Thumbs wrap: no extra padding, white bg */
  .gallery-thumbs-wrap {
    padding: 8px 12px !important;
    background: #FFFFFF !important;
    border-top: 1px solid #EBEBEB !important;
    border-bottom: 1px solid #EBEBEB !important;
    overflow: visible !important;
  }

  /* Thumbs container: horizontal scroll */
  .gallery-thumbs {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: #FFFFFF !important;
    gap: 8px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .gallery-thumbs::-webkit-scrollbar { display: none !important; }

  /* Track: no transform needed, just flex */
  .gallery-thumbs-track {
    display: flex !important;
    gap: 8px !important;
    transform: none !important;
    transition: none !important;
    background: #FFFFFF !important;
  }

  /* Individual thumb */
  .gallery-thumb {
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
    background: #FFFFFF !important;
    border: 1px solid #DCDCDC !important;
    border-radius: 3px !important;
  }
  .gallery-thumb.active {
    border: 2px solid #184090 !important;
  }
  .gallery-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

/* Liên hệ label in pcard - smaller, aligned */
.price-contact {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--navy, #184090);
  letter-spacing: 0.3px;
  line-height: 1;
}

/* =====================================
   price-contact: Lien he label
   ===================================== */
.price-contact {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--navy, #184090);
  letter-spacing: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}

/* Mobile: align center, smaller */
@media (max-width: 768px) {
  .pfoot {
    align-items: center !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }
  .price-contact {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
  }
  .price-cur {
    font-size: 15px !important;
    line-height: 1 !important;
  }
  .btncart {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
  }
}

/* ── Align Lien he / price to bottom of all pcards ── */
.pcard { display: flex !important; flex-direction: column !important; }
.pinfo { display: flex !important; flex-direction: column !important; justify-content: space-between !important; }
.pname { flex: 1 !important; }
.pfoot { margin-top: auto !important; }

/* ── Tab Mô tả: ảnh căn giữa ── */
#tab-desc img,
.tab-panel img {
  display: block !important;
  margin: 20px auto !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Brand logo trong pcard - dùng img thay text */
.pbrand-logo img {
  max-height: 22px !important;
  width: auto !important;
  max-width: 100px !important;
  object-fit: contain !important;
  display: block;
}

/* ── pcard thumbnail: hiển thị full ảnh, không bị cắt ── */
.pimg {
  aspect-ratio: 4/3 !important;
  overflow: hidden !important;
  background: #fff !important;
}
.pimg .pmock {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}
.pimg .pmock img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* ── Blog Eurocook Section (eurolux layout, eurocook colors) ── */
.blog-eurolux{padding:80px 0 90px;background:var(--off-white);}
.bl-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:48px;}
.bl-title{font-family:"Roboto Condensed",Arial,sans-serif;font-size:40px;font-weight:300;color:var(--charcoal);letter-spacing:.5px;}
.bl-title em{font-style:italic;color:var(--navy);font-weight:400;}
.bl-viewall{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--charcoal-dim);text-decoration:none;border-bottom:1px solid var(--charcoal-dim);padding-bottom:2px;transition:all .3s;}
.bl-viewall:hover{color:var(--navy);border-color:var(--navy);}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.bl-card{display:block;text-decoration:none;overflow:hidden;cursor:pointer;background:var(--white);border-radius:6px;box-shadow:var(--sh-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease);}
.bl-card:hover{transform:translateY(-6px);box-shadow:var(--sh-lg);}
.bl-img{width:100%;height:300px;background-size:cover;background-position:center;transition:transform .5s var(--ease);overflow:hidden;position:relative;}
.bl-card:hover .bl-img{transform:scale(1.03);}
.bl-body{padding:28px 28px 32px;}
.bl-card-title{font-family:"Roboto Condensed",Arial,sans-serif;font-size:20px;font-weight:600;color:var(--charcoal);line-height:1.4;margin-bottom:12px;transition:color .3s;}
.bl-card:hover .bl-card-title{color:var(--navy);}
.bl-card-excerpt{font-size:13.5px;color:var(--charcoal-dim);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:768px){
  .blog-eurolux{padding:48px 0 56px;}
  .bl-grid{grid-template-columns:1fr;gap:28px;}
  .bl-img{height:220px;}
  .bl-title{font-size:30px;}
  .bl-header{flex-direction:column;gap:12px;}
}