:root{--red:#ef101b;--red2:#d70913;--nav:#050a0f;--top:#07131e;--ink:#0a1118;--muted:#6a7480;--line:#e7edf2;--sky:#eaf7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block}.container{width:min(91.5%,1450px);margin:auto}
.topbar{height:34px;background:var(--top);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw;font-size:11px}.top-left,.top-right{display:flex;align-items:center;gap:15px}.topbar a{opacity:.96}.topbar a:hover{opacity:1}.sep{opacity:.35}
.navbar{height:72px;background:var(--nav);color:#fff;display:flex;align-items:center;padding:0 5.2vw;gap:34px}.brand{width:205px;flex:0 0 205px}.brand img{width:100%;height:auto}.navlinks{flex:1;display:flex;align-items:center;justify-content:center;gap:36px;font-size:13px;font-weight:700}.navlinks a{height:72px;display:flex;align-items:center;position:relative}.navlinks a:after{content:'';position:absolute;height:2px;background:var(--red);left:50%;right:50%;bottom:10px;transition:.2s}.navlinks a:hover:after,.navlinks .active:after{left:0;right:0}.navtools{display:flex;gap:15px;font-size:21px}.navtools a{transition:.18s;position:relative}.navtools a:hover{color:var(--red);transform:translateY(-2px)}.cart-count{position:absolute;top:-8px;right:-9px;width:17px;height:17px;border-radius:50%;background:var(--red);font-size:9px;display:grid;place-items:center;color:#fff}
.hero{position:relative;height:505px;background:#08131e;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.99) 0%,rgba(3,9,15,.93) 26%,rgba(3,9,15,.52) 42%,rgba(3,9,15,.08) 66%,transparent)}.hero-copy{position:relative;z-index:2;padding:63px 0 0 5.2vw;color:#fff;width:500px}.hero-kicker{font-size:12px;letter-spacing:7px;font-weight:700}.hero h1{font-size:68px;line-height:.87;letter-spacing:-4px;font-style:italic;font-weight:1000;margin:15px 0 12px}.hero h1 span{color:var(--red)}.hero-rule{width:42px;height:3px;background:var(--red);margin:0 0 12px}.hero p{font-size:16px;line-height:1.4;margin:0 0 18px}.shopbtn{display:inline-flex;gap:22px;align-items:center;background:linear-gradient(135deg,#f21a24,var(--red2));padding:14px 26px;border-radius:5px;font-size:13px;font-weight:900;box-shadow:0 0 22px rgba(239,16,27,.34);transition:.2s}.shopbtn:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(239,16,27,.48)}.hero-tags{margin-top:31px;font-size:9px;font-weight:700;letter-spacing:1.3px}.hero-tags i{font-style:normal;margin:0 9px;opacity:.5}
.light{background:linear-gradient(#fff,#f9fbfd)}.benefits{height:90px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefit{height:54px;display:flex;align-items:center;justify-content:center;gap:13px;border-right:1px solid var(--line)}.benefit:last-child{border:0}.icon{width:38px;height:38px;border:1px solid #dfe5eb;border-radius:9px;display:grid;place-items:center;background:#fff;box-shadow:0 5px 15px rgba(15,23,42,.06);font-size:18px}.benefit b,.benefit small{display:block}.benefit b{font-size:13px}.benefit small{font-size:10px;color:#5c6671;margin-top:2px}
.section{padding-top:41px}.kicker{text-align:center;color:var(--red);font-size:10px;letter-spacing:5px;font-weight:900;margin:0}.section-title{text-align:center;font-size:34px;letter-spacing:-1.5px;line-height:1;margin:8px 0 5px}.section-title span{color:var(--red)}.subtitle{text-align:center;font-size:11px;color:var(--muted);margin:0 0 22px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category{position:relative;height:305px;border-radius:10px;overflow:hidden;background:#0b1118;box-shadow:0 9px 24px rgba(15,23,42,.12);transition:.23s}.category:hover{transform:translateY(-6px);box-shadow:0 19px 40px rgba(15,23,42,.18)}.category>img.main{width:100%;height:100%;object-fit:cover;transition:.3s}.category:hover>img.main{transform:scale(1.035)}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(2,7,13,.95))}.cat-logo{position:absolute;z-index:3;left:12px;top:12px;width:52px;background:#fff;border-radius:4px}.cat-copy{position:absolute;z-index:4;left:16px;right:16px;bottom:16px;color:#fff}.cat-copy h3{font-size:19px;line-height:1.02;margin:0 0 6px}.cat-copy p{font-size:10px;line-height:1.3;margin:0 0 10px}.outline{display:inline-flex;padding:7px 12px;border:1px solid #fff;border-radius:99px;font-size:10px}.category:nth-child(2) .outline{border-color:#13a7ff}.category:nth-child(4) .outline{border-color:#15cf79}
.products-section{padding-top:39px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 7px 22px rgba(15,23,42,.06);transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(15,23,42,.13)}.media{position:relative;height:210px;background:#fff}.media img.product{width:100%;height:100%;object-fit:contain;padding:12px}.badge{position:absolute;left:10px;top:10px;background:var(--red);color:#fff;border-radius:99px;padding:4px 9px;font-size:9px;font-weight:900}.heart{position:absolute;right:11px;top:7px;font-size:21px}.watermark{position:absolute;right:8px;bottom:7px;width:52px;background:#fff;border-radius:4px}.info{padding:10px 12px 13px}.info small,.sku{display:block;font-size:9px;color:#7b8590}.ptitle{font-size:13px;font-weight:900;display:block;margin:4px 0 3px}.stars{color:#ffae00;font-size:12px;margin-top:6px}.stars em{font-style:normal;color:#6b7580;font-size:10px}.price{font-size:17px;font-weight:900;margin:6px 0 9px}.actions{display:grid;grid-template-columns:36px 1fr;gap:7px}.quick,.add{height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center}.quick{border:1px solid #9ca6b1}.add{background:linear-gradient(135deg,#f01823,var(--red2));color:#fff;font-size:11px;font-weight:900}.viewall{display:flex;width:max-content;margin:25px auto 0;border:1px solid var(--red);color:var(--red);padding:10px 21px;border-radius:6px;font-size:11px;font-weight:900}.viewall:hover{background:var(--red);color:#fff}
.about{padding:62px 0;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.visual{position:relative;min-height:350px}.photo{position:absolute;right:0;top:0;width:86%;height:350px;border-radius:10px;overflow:hidden;box-shadow:0 18px 44px rgba(20,35,55,.14);z-index:2}.photo img{width:100%;height:100%;object-fit:cover}.dots{position:absolute;left:0;top:-18px;width:105px;height:105px;background-image:radial-gradient(circle,var(--red) 1.6px,transparent 1.8px);background-size:12px 12px}.squares{position:absolute;left:-10px;bottom:-3px;width:120px;height:165px}.squares i{position:absolute;width:48px;height:48px;background:rgba(197,230,245,.55)}.squares i:nth-child(1){left:0;top:50px}.squares i:nth-child(2){left:48px;top:0}.squares i:nth-child(3){left:48px;top:96px}.squares i:nth-child(4){left:0;top:144px}.side-kicker{color:var(--red);font-size:10px;letter-spacing:5px;font-weight:900;margin-bottom:9px}.about h2,.process h2{font-family:Georgia,'Times New Roman',serif;font-size:43px;line-height:1;margin:0 0 18px;font-weight:500;letter-spacing:-1.7px}.about h2 span{color:var(--red)}.about p{font-size:12px;line-height:1.6;color:#67727e;margin:0 0 14px}.redbtn{display:inline-flex;background:linear-gradient(135deg,#f21a24,var(--red2));color:#fff;padding:12px 22px;border-radius:6px;font-size:11px;font-weight:900;margin-top:5px}
.process-band{background:linear-gradient(90deg,#fafdff,#eaf7ff 52%,#e4f3fb);border-top:1px solid #edf2f6}.process{padding:61px 0;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.process .photo{height:335px}.steps{margin-top:15px}.step{display:grid;grid-template-columns:56px 1fr;gap:17px;position:relative;padding-bottom:15px}.step:not(:last-child):after{content:'';position:absolute;left:27px;top:47px;height:31px;border-left:1px dashed #ef5e67}.num{width:52px;height:45px;border-radius:10px;background:#fff;color:var(--red);display:grid;place-items:center;font-family:Georgia,'Times New Roman',serif;font-size:18px;box-shadow:0 7px 18px rgba(39,73,100,.1)}.step h3{margin:2px 0 3px;font-family:Georgia,'Times New Roman',serif;font-size:16px}.step p{margin:0;color:#68727e;font-size:11px;line-height:1.5}.yellowbtn{display:inline-flex;background:linear-gradient(135deg,#f4bc13,#e5a500);color:#fff;padding:12px 22px;border-radius:6px;font-size:11px;font-weight:900;margin-top:2px}
.footer{background:#06121d;color:#fff;padding:42px 0 15px}.footer-grid{display:grid;grid-template-columns:1.15fr .8fr .95fr 1.1fr;gap:38px}.fbrand img{width:205px;margin-bottom:12px}.footer p,.footer a,.footer span{font-size:11px;line-height:1.6;color:#d7dfe7}.footer h4{font-size:13px;margin:0 0 12px}.footer-grid>div:not(.fbrand){display:flex;flex-direction:column;gap:6px}.fsocial{display:flex;gap:13px;margin-top:12px}.fsocial a{font-size:19px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:16px;display:flex;justify-content:space-between}.footer-bottom i{display:inline-block;width:27px;height:2px;background:var(--red);margin-left:10px;vertical-align:middle}
@media(max-width:1050px){.navlinks{gap:18px;font-size:11px}.container{width:94%}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.about,.process{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topbar{display:none}.navbar{padding:0 20px}.brand{width:175px;flex-basis:175px}.navlinks{display:none}.hero{height:480px}.hero-copy{padding-left:22px;width:92%}.hero h1{font-size:52px}.container{width:94%}.benefits{height:auto;padding:12px 0;grid-template-columns:repeat(2,1fr)}.category-grid,.product-grid{grid-template-columns:1fr}.category{height:400px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}


/* =========================================================
   FINAL SECTION LAYOUT FIX
   IMPORTANT: Header + Hero/Banner are intentionally untouched.
   ========================================================= */

/* Featured Products — compact complete cards like approved design */
.products-section{
  padding-top:42px;
  padding-bottom:8px;
}
.products-section .product-grid{
  align-items:stretch;
}
.products-section .card{
  display:flex !important;
  flex-direction:column !important;
  min-height:390px !important;
  height:auto !important;
  overflow:hidden !important;
}
.products-section .media{
  display:block !important;
  flex:0 0 215px !important;
  height:215px !important;
  min-height:215px !important;
  overflow:hidden !important;
  background:#fff !important;
}
.products-section .media img.product{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:12px !important;
}
.products-section .info{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  flex:1 1 auto !important;
  min-height:154px !important;
  padding:11px 13px 13px !important;
  background:#fff !important;
  color:#0a1118 !important;
  z-index:3 !important;
}
.products-section .info small,
.products-section .sku,
.products-section .ptitle,
.products-section .stars,
.products-section .price,
.products-section .actions{
  display:block;
  visibility:visible;
  opacity:1;
}
.products-section .ptitle{font-size:13px !important;line-height:1.2 !important}
.products-section .actions{display:grid !important;grid-template-columns:36px 1fr !important}

/* About — match approved 2-column proportion and spacing */
.about{
  padding:64px 0 70px !important;
  display:grid !important;
  grid-template-columns:47% 1fr !important;
  gap:58px !important;
  align-items:center !important;
}
.about .visual{
  min-height:360px !important;
}
.about .photo{
  width:86% !important;
  height:355px !important;
  right:0 !important;
  top:0 !important;
  border-radius:11px !important;
}
.about > div:last-child{
  padding-right:4% !important;
}
.about h2{
  font-size:44px !important;
  line-height:1.02 !important;
  margin-bottom:18px !important;
}
.about p{
  font-size:12px !important;
  line-height:1.65 !important;
  max-width:600px !important;
}

/* How We Work — keep same approved 2-column layout */
.process-band{
  width:100% !important;
  background:linear-gradient(90deg,#fafdff 0%,#eaf7ff 52%,#e4f3fb 100%) !important;
}
.process{
  padding:62px 0 66px !important;
  display:grid !important;
  grid-template-columns:47% 1fr !important;
  gap:58px !important;
  align-items:center !important;
}
.process .visual{
  min-height:350px !important;
}
.process .photo{
  width:86% !important;
  height:335px !important;
  right:0 !important;
  top:0 !important;
  border-radius:11px !important;
}
.process > div:last-child{
  padding-right:4% !important;
}
.process h2{
  font-size:43px !important;
  line-height:1.02 !important;
  margin-bottom:19px !important;
}
.steps{margin-top:14px !important}
.step{
  grid-template-columns:58px 1fr !important;
  gap:17px !important;
  padding-bottom:14px !important;
}
.step h3{font-size:16px !important}
.step p{font-size:11px !important;line-height:1.5 !important}

/* Footer — four clean columns as approved */
.footer{
  padding:44px 0 16px !important;
}
.footer-grid{
  display:grid !important;
  grid-template-columns:1.18fr .78fr .95fr 1.12fr !important;
  gap:42px !important;
  align-items:start !important;
}
.fbrand img{
  width:205px !important;
  height:auto !important;
}
.footer-grid > div{
  min-width:0 !important;
}
.footer-grid > div:not(.fbrand){
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
.footer p,.footer a,.footer span{
  font-size:11px !important;
  line-height:1.65 !important;
}
.footer-bottom{
  margin-top:32px !important;
  padding-top:16px !important;
}

/* Desktop width in the approved mockup */
@media(min-width:1051px){
  .container{
    width:calc(100% - 140px) !important;
    max-width:1450px !important;
  }
}

/* Tablet */
@media(max-width:1050px){
  .about,.process{
    grid-template-columns:1fr 1fr !important;
    gap:34px !important;
  }
  .about h2,.process h2{font-size:36px !important}
}

/* Mobile */
@media(max-width:720px){
  .products-section .product-grid{grid-template-columns:1fr !important}
  .products-section .card{min-height:auto !important}
  .products-section .media{height:300px !important;min-height:300px !important;flex-basis:300px !important}
  .about,.process{
    grid-template-columns:1fr !important;
    gap:28px !important;
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
  .about .visual,.process .visual{min-height:330px !important}
  .about .photo,.process .photo{
    position:absolute !important;
    left:6% !important;
    right:auto !important;
    width:88% !important;
    height:310px !important;
  }
  .about > div:last-child,.process > div:last-child{padding-right:0 !important}
  .footer-grid{grid-template-columns:1fr !important;gap:28px !important}
}


/* =========================================================
   FINAL REQUESTED EDITS ONLY
   Existing approved sections above are unchanged.
   ========================================================= */

/* Product section: remove card/image backgrounds and keep the cutout products clean */
.products-section .card{
  background:transparent !important;
  box-shadow:none !important;
  border-color:#e4e9ef !important;
}
.products-section .media{
  background:transparent !important;
}
.products-section .info{
  background:transparent !important;
}
.products-section .media img.product{
  object-fit:contain !important;
  filter:drop-shadow(0 14px 18px rgba(18,28,38,.10));
}
.products-section .watermark{
  background:transparent !important;
  box-shadow:none !important;
}
.featured-brandline{
  margin:-13px 0 24px;
  text-align:center;
  color:#111820;
  font-size:10px;
  letter-spacing:2.6px;
  font-weight:900;
}

/* About / How We Work images: keep them crisp */
.about .photo img,
.process .photo img{
  image-rendering:auto !important;
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* Brand logos: no visible box/background */
.brand img,
.cat-logo,
.watermark,
.fbrand img{
  background:transparent !important;
  box-shadow:none !important;
}

/* Footer requested pure black */
.footer{
  background:#000000 !important;
}


/* =========================================================
   FINAL USER-APPROVED EDITS ONLY
   ========================================================= */

/* Product cards: white filled backgrounds */
.products-section .card,
.product-card{
  background:#ffffff !important;
}
.products-section .media,
.product-media{
  background:#ffffff !important;
}
.products-section .info,
.product-details{
  background:#ffffff !important;
}

/* Keep product images neatly contained */
.products-section .media img.product,
.product-photo{
  object-fit:contain !important;
}

/* Featured brand line */
.featured-brandline{
  text-align:center;
  margin:-10px 0 22px;
  font-size:10px;
  letter-spacing:2.5px;
  font-weight:900;
  color:#111820;
}

/* Contact section replacing How We Work */
.contact-band{
  width:100%;
  background:linear-gradient(90deg,#fbfdff 0%,#eaf7ff 55%,#e4f3fb 100%);
  border-top:1px solid #edf2f6;
}
.contact-section{
  padding:54px 0 58px;
  display:grid;
  grid-template-columns:.82fr 1.55fr;
  gap:48px;
  align-items:center;
}
.contact-copy{
  position:relative;
  padding-left:44px;
}
.contact-copy::before{
  content:"";
  position:absolute;
  left:0;
  top:-5px;
  width:86px;
  height:86px;
  background-image:radial-gradient(circle,#ef111c 1.6px,transparent 1.8px);
  background-size:11px 11px;
  opacity:.85;
  transform:translate(-45px,-20px);
}
.contact-kicker{
  text-align:left !important;
  color:#ef111c !important;
}
.contact-copy h2{
  margin:10px 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:44px;
  line-height:.98;
  font-weight:500;
  letter-spacing:-1.5px;
  color:#111820;
}
.contact-copy h2 span{color:#ef111c}
.contact-copy p{
  margin:0;
  color:#68727e;
  font-size:13px;
  line-height:1.55;
  max-width:380px;
}

.contact-form{
  background:#fff;
  border:1px solid #e1e7ee;
  border-radius:10px;
  padding:16px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  box-shadow:0 12px 32px rgba(20,35,55,.08);
}
.field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.field label{
  font-size:11px;
  font-weight:700;
  color:#343d47;
}
.field input,
.field textarea{
  width:100%;
  border:1px solid #d7dee7;
  border-radius:5px;
  background:#fff;
  color:#111820;
  font:inherit;
  font-size:12px;
  padding:11px 12px;
  outline:none;
  transition:border-color .18s,box-shadow .18s;
}
.field textarea{
  min-height:40px;
  max-height:110px;
  resize:vertical;
}
.field input:focus,
.field textarea:focus{
  border-color:#ef111c;
  box-shadow:0 0 0 3px rgba(239,17,28,.08);
}
.send-message{
  grid-column:1/-1;
  min-height:42px;
  border:0;
  border-radius:5px;
  background:linear-gradient(135deg,#f21a24,#dc0711);
  color:#fff;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  transition:.18s;
}
.send-message:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(239,17,28,.28);
}
.form-success{
  display:none;
  grid-column:1/-1;
  text-align:center;
  font-size:11px;
  color:#257a42;
  font-weight:700;
}
.contact-form.submitted .form-success{display:block}

/* Footer pure black */
.footer,
.gk2-footer,
.gk-footer{
  background:#000000 !important;
}

@media(max-width:900px){
  .contact-section{
    grid-template-columns:1fr;
    gap:28px;
  }
  .contact-copy{padding-left:0}
  .contact-copy::before{display:none}
}
@media(max-width:620px){
  .contact-form{grid-template-columns:1fr}
}


/* =========================================================
   FINAL 3 REQUESTED CHANGES ONLY
   ========================================================= */

/* 1) Hero-below feature icons: larger, cleaner and clearer */
.benefits{
  height:104px !important;
}
.benefit{
  gap:16px !important;
  height:64px !important;
}
.benefit .icon{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:11px !important;
  box-shadow:0 7px 20px rgba(15,23,42,.09) !important;
  background:#fff !important;
  padding:9px !important;
  font-size:0 !important;
}
.benefit .icon svg{
  width:100% !important;
  height:100% !important;
  fill:none !important;
  stroke:#0a1118 !important;
  stroke-width:2.1 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.benefit:first-child .icon svg path:first-child{
  stroke:#ef111c !important;
}
.benefit b{font-size:14px !important}
.benefit small{font-size:10px !important}

/* 2) Featured product image area exactly in the approved white-card direction */
.products-section .card{
  background:#fff !important;
  border:1px solid #e3e8ee !important;
  border-radius:10px !important;
  box-shadow:0 8px 24px rgba(15,23,42,.07) !important;
}
.products-section .media{
  height:228px !important;
  min-height:228px !important;
  flex-basis:228px !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.products-section .media img.product{
  width:88% !important;
  height:88% !important;
  padding:4px !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:none !important;
}
.products-section .info{
  background:#fff !important;
  min-height:158px !important;
}
.products-section .watermark{
  width:50px !important;
  right:9px !important;
  bottom:8px !important;
  background:transparent !important;
}

/* 3) Header + footer Facebook / Instagram icons larger and clearer */
.social-icons a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:27px !important;
  height:27px !important;
  opacity:1 !important;
  transition:transform .18s ease,opacity .18s ease !important;
}
.social-icons a:hover{
  transform:translateY(-2px) scale(1.06) !important;
}
.social-icons svg{
  width:21px !important;
  height:21px !important;
  stroke:#fff !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.social-icons a:first-child svg path{
  fill:#fff !important;
  stroke:none !important;
}
.top-right.social-icons{
  gap:9px !important;
}
.fsocial.social-icons{
  gap:10px !important;
  margin-top:13px !important;
}
.fsocial.social-icons a{
  width:31px !important;
  height:31px !important;
}
.fsocial.social-icons svg{
  width:24px !important;
  height:24px !important;
}

/* Keep the existing mobile layout intact while retaining clearer icons */
@media(max-width:720px){
  .benefit .icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }
  .products-section .media{
    height:280px !important;
    min-height:280px !important;
    flex-basis:280px !important;
  }
}

/* ===== CONTACT FORM — PREMIUM SPLIT LAYOUT ===== */
.contact-band{
  padding:64px 0;
  background:#f7f9fc !important;
  border-top:1px solid #e8edf2;
}
.contact-shell{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  max-width:1180px;
  min-height:500px;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(9,20,34,.12);
  background:#fff;
}
.contact-panel{
  position:relative;
  padding:58px 54px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 10%,rgba(239,17,28,.24),transparent 32%),
    linear-gradient(145deg,#07111b 0%,#0d1a26 100%);
  overflow:hidden;
}
.contact-panel:after{
  content:"";
  position:absolute;
  right:-82px;
  bottom:-82px;
  width:230px;
  height:230px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.02);
}
.contact-kicker{
  text-align:left !important;
  color:#ff3540 !important;
  letter-spacing:4px !important;
}
.contact-panel h2{
  margin:12px 0 16px;
  font-size:42px;
  line-height:1.03;
  letter-spacing:-1.6px;
  font-weight:900;
}
.contact-panel h2 span{color:#ff2632}
.contact-panel>p{
  max-width:420px;
  margin:0 0 34px;
  color:#aeb9c4;
  font-size:13px;
  line-height:1.7;
}
.contact-details{display:grid;gap:13px;position:relative;z-index:2}
.contact-details>a,.contact-details>div{
  display:flex;
  align-items:center;
  gap:13px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  transition:.2s ease;
}
.contact-details>a:hover{transform:translateX(4px);border-color:rgba(239,17,28,.48);background:rgba(239,17,28,.08)}
.contact-detail-icon{
  width:36px;height:36px;flex:0 0 36px;border-radius:8px;
  display:grid;place-items:center;background:#ef111c;color:#fff;font-size:15px;
}
.contact-details b{display:block;font-size:11px;margin-bottom:3px;color:#fff}
.contact-details small{display:block;color:#9eabb7;font-size:10px;line-height:1.35}
.contact-form-card{padding:48px 50px 46px;background:#fff}
.form-heading{margin-bottom:25px}
.form-heading>span{font-size:9px;letter-spacing:3.5px;color:#ef111c;font-weight:900}
.form-heading h3{margin:7px 0 5px;font-size:29px;line-height:1.05;color:#111820;letter-spacing:-.7px}
.form-heading p{margin:0;color:#7b8590;font-size:12px}
.contact-form{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.field{gap:7px}
.field-wide{grid-column:1/-1}
.field label{font-size:10px;font-weight:800;color:#2e3741}
.field label em{font-style:normal;font-weight:500;color:#98a1ab}
.field input,.field textarea{
  border:1px solid #dce2e8 !important;
  border-radius:8px !important;
  background:#f9fbfd !important;
  font-size:12px !important;
  padding:12px 13px !important;
}
.field input{height:44px}
.field textarea{min-height:120px !important;resize:vertical}
.field input:focus,.field textarea:focus{background:#fff !important;border-color:#ef111c !important;box-shadow:0 0 0 3px rgba(239,17,28,.08) !important}
.send-message{
  grid-column:1/-1;
  min-height:46px !important;
  border-radius:8px !important;
  display:flex;align-items:center;justify-content:center;gap:13px;
  letter-spacing:.15px;
}
.send-message b{font-size:17px;line-height:1;transition:transform .18s ease}
.send-message:hover b{transform:translateX(4px)}
@media(max-width:900px){
  .contact-band{padding:42px 18px}
  .contact-shell{grid-template-columns:1fr}
  .contact-panel{padding:42px 34px}
  .contact-form-card{padding:38px 34px}
}
@media(max-width:620px){
  .contact-form{grid-template-columns:1fr}
  .field-wide{grid-column:auto}
  .contact-panel h2{font-size:34px}
  .contact-panel,.contact-form-card{padding:34px 24px}
}


/* ===== CONTACT SECTION — FINAL TWO CONTAINER LAYOUT ===== */
.contact-band{padding:72px 0 76px;background:linear-gradient(180deg,#f7fafc 0%,#eef5f9 100%)!important;border-top:1px solid #e5edf3}
.contact-wrap{max-width:1220px}
.contact-head{text-align:center;max-width:680px;margin:0 auto 34px}
.contact-eyebrow{margin:0 0 8px;color:#ef101b;font-size:10px;letter-spacing:4px;font-weight:900}
.contact-head h2{margin:0 0 10px;font-size:38px;line-height:1.05;letter-spacing:-1.5px;color:#0a1118;font-weight:900}
.contact-head h2 span{color:#ef101b}
.contact-head>p:last-child{margin:0;color:#68727e;font-size:13px;line-height:1.65}
.contact-two-col{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:stretch}
.business-info-card,.contact-form-card-new{border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(11,25,40,.10)}
.business-info-card{position:relative;padding:38px 38px 34px;color:#fff;background:radial-gradient(circle at 92% 5%,rgba(239,16,27,.22),transparent 26%),linear-gradient(145deg,#07111b,#0d1a26 72%,#111f2d)}
.business-info-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-130px;bottom:-120px;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 34px rgba(255,255,255,.022),0 0 0 68px rgba(255,255,255,.017)}
.business-card-top{position:relative;z-index:1;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.10)}
.business-mini{display:block;color:#ff3a44;font-size:9px;letter-spacing:3.4px;font-weight:900;margin-bottom:8px}
.business-card-top h3{margin:0 0 8px;font-size:30px;line-height:1.05;letter-spacing:-.8px}
.business-card-top p{margin:0;color:#aeb9c4;font-size:12px;line-height:1.6}
.business-info-list{display:grid;gap:10px;position:relative;z-index:1}
.business-row{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);transition:.18s ease}
.business-row:hover{border-color:rgba(239,16,27,.38);background:rgba(239,16,27,.07);transform:translateX(3px)}
.business-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#ef101b;color:#fff;font-size:13px;font-weight:900}
.business-row small{display:block;color:#8f9eab;font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin:1px 0 4px;font-weight:700}
.business-row strong{display:block;color:#f8fbfd;font-size:11px;line-height:1.48;font-weight:700}
.business-row strong a{color:inherit}
.response-row .business-icon{font-size:10px}
.contact-form-card-new{padding:40px 42px;background:#fff;border:1px solid #e8edf2}
.contact-form-card-new .form-heading{margin:0 0 26px}
.contact-form-card-new .form-heading>span{font-size:9px;letter-spacing:3.4px;color:#ef101b;font-weight:900}
.contact-form-card-new .form-heading h3{margin:7px 0 7px;font-size:30px;line-height:1.05;letter-spacing:-.8px;color:#0a1118}
.contact-form-card-new .form-heading p{margin:0;color:#7a8590;font-size:12px;line-height:1.55}
.contact-form-new{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.contact-form-new .field{display:flex;flex-direction:column;gap:7px}
.contact-form-new .field-wide{grid-column:1/-1}
.contact-form-new .field label{font-size:10px;font-weight:800;color:#27313b}
.contact-form-new .field label i{font-style:normal;color:#ef101b}
.contact-form-new .field label em{font-style:normal;font-weight:500;color:#9aa4ad}
.contact-form-new input,.contact-form-new textarea{width:100%;border:1px solid #dce3e9!important;border-radius:9px!important;background:#f9fbfc!important;color:#111820;font-family:inherit;font-size:12px!important;outline:0;transition:.18s ease;padding:12px 13px!important}
.contact-form-new input{height:46px!important}
.contact-form-new textarea{min-height:148px!important;resize:vertical}
.contact-form-new input::placeholder,.contact-form-new textarea::placeholder{color:#a1aab3}
.contact-form-new input:focus,.contact-form-new textarea:focus{background:#fff!important;border-color:#ef101b!important;box-shadow:0 0 0 3px rgba(239,16,27,.08)!important}
.contact-form-new .send-message{grid-column:1/-1;border:0;min-height:48px;border-radius:9px;background:linear-gradient(135deg,#f21a24,#d70913);color:#fff;font-family:inherit;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 10px 24px rgba(239,16,27,.18);transition:.18s ease}
.contact-form-new .send-message:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(239,16,27,.26)}
.contact-form-new .send-message b{font-size:17px;transition:.18s ease}
.contact-form-new .send-message:hover b{transform:translateX(4px)}
.contact-form-new .form-success{display:none;grid-column:1/-1;padding:11px 13px;border-radius:8px;background:#eefbf2;color:#18733a;font-size:11px;font-weight:700;text-align:center}
.contact-form-new.submitted .form-success{display:block}
@media(max-width:900px){.contact-band{padding:52px 0}.contact-two-col{grid-template-columns:1fr}.business-info-card,.contact-form-card-new{padding:34px}.contact-head h2{font-size:34px}}
@media(max-width:620px){.contact-form-card-new,.business-info-card{padding:27px 22px}.contact-form-new{grid-template-columns:1fr!important}.contact-form-new .field-wide{grid-column:auto}.contact-head{margin-bottom:25px}.contact-head h2{font-size:30px}.business-card-top h3,.contact-form-card-new .form-heading h3{font-size:26px}}


/* ===== APPROVED PREMIUM PRODUCT SECTION — ONLY PRODUCT SECTION ===== */
.premium-products{position:relative;padding:54px 0 42px!important;background:#f8fafc;max-width:none!important;width:100%!important;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.premium-products>*{max-width:1180px;margin-left:auto;margin-right:auto}
.premium-products .kicker{letter-spacing:4px!important;font-size:11px!important}
.premium-products .section-title{font-size:42px!important;line-height:1!important;margin-top:12px!important}
.premium-products .subtitle{margin-top:12px!important;color:#667085!important}
.product-mini-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:28px!important;margin-bottom:28px!important;padding:17px 4px;border-top:1px solid #e5e9ef;border-bottom:1px solid #e5e9ef}
.product-mini-benefits>div{padding:0 24px;border-right:1px solid #d8dee6;font-size:25px;color:#111827;display:grid;grid-template-columns:36px 1fr;align-items:center}
.product-mini-benefits>div:last-child{border-right:0}.product-mini-benefits b{font-size:12px}.product-mini-benefits small{grid-column:2;font-size:10px;color:#7b8490;margin-top:-5px}
.premium-products .product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.premium-products .card{border:1px solid #dde3ea!important;border-radius:9px!important;box-shadow:0 8px 26px rgba(17,24,39,.07)!important;overflow:hidden!important;background:#fff!important;transition:.25s ease!important}
.premium-products .card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 40px rgba(17,24,39,.14)!important}
.premium-products .media{height:330px!important;min-height:330px!important;position:relative!important;background:#fff!important;padding:56px 12px 6px!important;overflow:hidden!important}
.premium-products .media img.product{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;image-rendering:auto!important;filter:none!important;transform:translateZ(0)}
.premium-products .card-brand{position:absolute;left:14px;top:13px;width:105px;height:40px;object-fit:contain;object-position:left center;z-index:4}
.premium-products .badge{left:14px!important;top:60px!important;border-radius:7px!important;padding:6px 10px!important;font-size:9px!important;z-index:5!important}.premium-products .dark-badge{background:#374151!important}.premium-products .blue-badge{background:#1689e8!important}
.premium-products .heart{right:14px!important;top:14px!important;width:34px;height:34px;border:1px solid #d9e0e7;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:22px!important;z-index:5}
.premium-products .info{padding:12px 16px 16px!important;min-height:190px!important;background:#fff!important;border-top:0!important}
.premium-products .model-label{display:block;color:#667085;font-size:9px;letter-spacing:1.4px;border-top:3px solid #ef111c;padding-top:7px;width:max-content}
.premium-products .ptitle{font-size:15px!important;line-height:1.25!important;margin:7px 0 5px!important;color:#101828!important}.premium-products .stars{font-size:14px!important;margin-top:7px!important}.premium-products .price{font-size:23px!important;margin:8px 0 12px!important;color:#101828!important}
.premium-products .actions{display:grid!important;grid-template-columns:1fr 46px!important;gap:8px!important}.premium-products .add{height:42px!important;background:#ed111c!important;border-radius:6px!important;font-size:12px!important}.premium-products .quick{height:42px!important;border:1px solid #d5dce4!important;border-radius:6px!important;font-size:17px!important}
.premium-products .viewall{background:#0d1722!important;color:#fff!important;border:0!important;border-radius:24px!important;padding:13px 28px!important;margin-top:24px!important}.premium-products .viewall:hover{background:#ef111c!important}
.premium-products .build-tag{text-align:center;margin-top:20px!important;font-size:9px;letter-spacing:5px;color:#8a94a3}
@media(max-width:1050px){.premium-products .product-grid{grid-template-columns:repeat(2,1fr)!important}.premium-products>*{max-width:94%}.product-mini-benefits{grid-template-columns:repeat(2,1fr)}.product-mini-benefits>div:nth-child(2){border-right:0}}
@media(max-width:720px){.premium-products{padding:40px 0 34px!important}.premium-products .section-title{font-size:31px!important}.premium-products .product-grid{grid-template-columns:1fr!important}.product-mini-benefits{grid-template-columns:1fr!important}.product-mini-benefits>div{border-right:0;border-bottom:1px solid #e5e9ef;padding:12px 18px}.product-mini-benefits>div:last-child{border-bottom:0}.premium-products .media{height:350px!important;min-height:350px!important}}