*{box-sizing:border-box}html,body{margin:0;background:#050606;color:#eee;font-family:Arial,sans-serif}.shell{width:min(1450px,95%);margin:auto}.top{height:100px;display:flex;align-items:center;gap:36px}.logo{text-decoration:none;width:320px;line-height:.9}.logo span{display:block;color:#fff;font-size:39px;font-weight:900}.logo b{display:block;color:#f4c400;font-size:25px;margin-top:8px}.search{height:50px;flex:1;max-width:570px;display:flex;background:#222}.search input{flex:1;border:0;background:none;color:#fff;padding:0 20px;font-size:15px}.search button{width:58px;border:0;background:none;color:#fff;font-size:28px}.login,.cart{color:#eee;text-decoration:none;white-space:nowrap}.cart i{background:#f4c400;color:#111;border-radius:50%;padding:2px 6px;font-style:normal}.navband{background:#161819}.navrow{height:62px;display:flex;align-items:center}.category{height:62px;width:235px;border:0;background:#f4c400;font-weight:900}.navrow nav{display:flex}.navrow nav a{color:#fff;text-decoration:none;font-weight:900;font-size:14px;padding:23px 25px}.quick{margin-left:auto;display:flex;gap:42px}.menu{display:none}.hero{position:relative;width:100%;aspect-ratio:1536/539;background:url('../images/hero-dirty-text.jpg') center/cover no-repeat}.slide{position:absolute;top:42%;width:62px;height:76px;background:#10151bd9;border:0;color:#fff;font-size:48px}.next{right:0}.prev{left:0}.dots{position:absolute;bottom:20px;left:50%;display:flex;gap:11px}.dots>*{width:14px;height:14px;border-radius:50%;background:#fff}.dots b{background:#f4c400}.footgrid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);padding:32px 0}.footgrid section{padding:0 28px;border-right:1px solid #393939}.footgrid h2{font-size:18px;border-bottom:2px solid #d1ad00;padding-bottom:13px}.footgrid p,.footgrid a{font-size:14px;line-height:1.8;color:#ccc}.footgrid a{display:block;text-decoration:none;margin:7px 0}.social{display:flex;gap:13px}.social a{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#1877f2;color:#fff;font-size:23px}.social a:nth-child(2){background:linear-gradient(135deg,#7337ff,#ff297c,#ffb234)}.copyright{text-align:center;padding:30px;color:#aaa;border-top:1px solid #111}@media(max-width:1100px){.login,.cart,.quick{display:none}.footgrid{grid-template-columns:1fr 1fr}.footgrid section{border-bottom:1px solid #333;padding:25px}}@media(max-width:720px){.search{display:none}.logo{width:auto}.logo span{font-size:27px}.logo b{font-size:18px}.navrow nav{display:none;position:absolute;top:162px;left:0;right:0;z-index:10;background:#111;flex-direction:column}.navrow nav.open{display:flex}.menu{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}.hero{aspect-ratio:4/3;background-position:center}.footgrid{grid-template-columns:1fr}}

/* V2.1 footer alignment refinement */
.footgrid{
  grid-template-columns:
    minmax(0,1.12fr)
    minmax(0,1fr)
    minmax(230px,1.18fr)
    minmax(0,1fr)
    minmax(0,1.12fr);
  align-items:start;
}
.footgrid section{
  min-width:0;
}
.footgrid h2{
  margin:0 0 19px;
  height:44px;
  display:flex;
  align-items:flex-start;
  white-space:nowrap;
  line-height:1.1;
}
.footgrid section > h2 + p,
.footgrid section > h2 + a{
  margin-top:0;
}
@media (max-width:1100px){
  .footgrid{
    grid-template-columns:1fr 1fr;
  }
  .footgrid h2{
    height:auto;
    min-height:44px;
  }
}
@media (max-width:720px){
  .footgrid{
    grid-template-columns:1fr;
  }
  .footgrid h2{
    white-space:normal;
    min-height:0;
  }
}


/* V2.3 Approved Footer: Contact Us presentation update only */
.contact-footer .contact-line{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:46px;
  margin:2px 0;
  white-space:nowrap;
}
.contact-footer .contact-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #d1ad00;
  border-radius:50%;
  color:#fff;
  text-decoration:none;
  line-height:1;
  font-size:18px;
}
.contact-footer .map-pin{
  color:#fff;
  font-size:0;
}
.contact-footer .map-pin::before{
  content:"●";
  display:block;
  width:10px;
  height:14px;
  color:#fff;
  font-size:14px;
  line-height:12px;
  transform:rotate(45deg);
}
.contact-footer .contact-value{
  color:#ccc;
  font-size:14px;
  line-height:1.4;
}
.contact-footer a.contact-value{
  display:inline;
  margin:0;
  text-decoration:none;
}
.contact-footer a.contact-value::before{
  content:none !important;
  margin:0 !important;
}
@media(max-width:720px){
  .contact-footer .contact-line{
    white-space:normal;
  }
}


/* V2.4 Approved Footer contact refinement */
.contact-footer{
  padding-left:20px !important;
  padding-right:8px !important;
}
.contact-footer .contact-line{
  gap:14px;
}
.contact-footer .contact-icon{
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:0;
  border-radius:0;
  color:#fff;
  background:transparent;
  font-size:20px;
}
.contact-footer .map-pin{
  font-size:0;
}
.contact-footer .map-pin::before{
  content:"●";
  color:#fff;
  font-size:16px;
  line-height:1;
  transform:none;
  width:auto;
  height:auto;
}
.contact-footer .contact-value{
  white-space:nowrap;
}
@media(max-width:720px){
  .contact-footer{
    padding-left:12px !important;
  }
  .contact-footer .contact-value{
    white-space:normal;
  }
}


/* V2.5 Contact Us icon set: clean white individual SVG icons */
.contact-footer .contact-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
}
.contact-footer .contact-icon::before,
.contact-footer .map-pin::before{
  content:none !important;
  display:none !important;
}
.contact-footer .contact-icon svg{
  width:24px;
  height:24px;
  display:block;
  fill:currentColor;
}
.contact-footer .contact-line{
  align-items:center;
}


/* V2.7 homepage carousel — does not alter the Approved Footer */
.hero{
  position:relative;
  width:100%;
  aspect-ratio:1536/539;
  overflow:hidden;
  background:#111;
}
.hero-slide{
  position:absolute;
  inset:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:0;
  transition:opacity .8s ease-in-out;
}
.hero-slide.active{
  opacity:1;
}
@media(max-width:720px){
  .hero{
    aspect-ratio:4/3;
  }
  .hero-slide{
    background-size:cover;
    background-position:center center;
  }
}

/* SDP Test 007: footer slogan only */
.footer-slogan{text-transform:uppercase;font-weight:900;line-height:1.15;}

/* SDP Test 008 — MY ACCOUNT Login/Register hover note only */
footer .coming-soon-link{position:relative;display:block;cursor:default;}
footer .coming-soon-note{
  position:absolute;
  left:auto;
  margin-left:6px;
  top:50%;
  transform:translateY(-50%);
  opacity:0;
  white-space:nowrap;
  pointer-events:none;
  color:rgba(255,255,255,.48);
  font-size:11px;
  font-weight:700;
  letter-spacing:.5px;
  transition:opacity .18s ease;
}
footer .coming-soon-link:hover .coming-soon-note{opacity:1;}