@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Nunito:wght@700;800;900&display=swap');

:root{
  --black:#10110d;
  --charcoal:#24271f;
  --olive:#4f5c43;
  --olive-dark:#29321f;
  --sage:#727867;
  --khaki:#d8c7a2;
  --sand:#f3e6c9;
  --cream:#fffaf0;
  --bone:#f9f4e8;
  --lime:#b7ff28;
  --orange:#ff9b21;
  --stroke:#11130f;
  --muted:#6c6f61;
  --shadow: 0 14px 0 rgba(16,17,13,.32), 0 18px 34px rgba(0,0,0,.28);
  --softshadow: 0 8px 0 rgba(16,17,13,.18), 0 14px 25px rgba(0,0,0,.18);
  --radius-xl: 30px;
  --radius-lg: 22px;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  color:var(--black);
  font-family: Nunito, Arial, sans-serif;
  font-weight:800;
  background-color:#525b4b;
  background-image:
    linear-gradient(rgba(35,39,31,.18), rgba(35,39,31,.18)),
    url('assets/camo-seamless.svg');
  background-size:auto, 680px 680px;
  background-repeat:repeat;
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,250,240,.22), transparent 38%),
    rgba(37,43,32,.08);
  z-index:-1;
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
.page{
  width:min(1180px, calc(100% - 34px));
  margin:0 auto;
  padding:0 0 42px;
}
.top-strip{
  margin:0 auto 14px;
  background:var(--black);
  color:var(--sand);
  border:3px solid #000;
  border-top:0;
  border-radius:0 0 20px 20px;
  text-align:center;
  padding:8px 14px 7px;
  font-size:14px;
  letter-spacing:.09em;
  text-transform:uppercase;
  box-shadow:0 7px 0 rgba(0,0,0,.35);
}
.bubble-font,
h1,h2,h3,.nav a,.btn,.badge,.price-pill,.cart,.crumbs{
  font-family:"Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  letter-spacing:.035em;
  font-weight:900;
}
.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:rgba(255,250,240,.97);
  border:4px solid var(--stroke);
  border-radius:var(--radius-xl);
  padding:20px 24px;
  box-shadow:var(--shadow);
  position:relative;
  top:auto;
  z-index:10;
}
.logo img{
  width:170px;
  height:auto;
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  font-size:17px;
  text-transform:uppercase;
}
.nav a{ position:relative; padding:8px 0 5px; }
.nav a:after{
  content:"";
  position:absolute;
  height:6px;
  width:0;
  left:0;
  bottom:0;
  border-radius:999px;
  background:var(--lime);
  transition:width .2s ease;
}
.nav a:hover:after, .nav a.active:after{ width:100%; }
.cart{
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--black);
  color:var(--cream);
  border-radius:999px;
  padding:14px 18px;
  border:3px solid var(--stroke);
  box-shadow:0 6px 0 rgba(0,0,0,.22);
  white-space:nowrap;
}
.cart span{
  display:inline-grid;
  place-items:center;
  width:26px;
  height:26px;
  background:var(--khaki);
  color:var(--black);
  border-radius:999px;
}

.hero{
  margin-top:28px;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:24px;
  background:linear-gradient(135deg, rgba(255,250,240,.98), rgba(245,255,208,.96));
  border:4px solid var(--stroke);
  border-radius:var(--radius-xl);
  padding:54px 58px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.hero:before{
  content:"";
  position:absolute;
  inset:auto -40px -70px auto;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(183,255,40,.55), transparent 64%);
  pointer-events:none;
}
.hero h1{
  margin:0;
  font-size:clamp(48px, 7vw, 91px);
  line-height:.9;
  text-transform:uppercase;
}
.hero h1 span{ color:var(--olive); }
.hero p{
  max-width:540px;
  font-size:20px;
  line-height:1.35;
  margin:22px 0 26px;
}
.actions{ display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:4px solid var(--stroke);
  border-radius:999px;
  padding:16px 28px 13px;
  text-transform:uppercase;
  font-size:18px;
  box-shadow:0 7px 0 rgba(0,0,0,.24);
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn:hover{ transform:translateY(-2px); box-shadow:0 9px 0 rgba(0,0,0,.28); }
.btn-primary{ background:var(--lime); }
.btn-secondary{ background:var(--cream); }
.btn-dark{ background:var(--black); color:var(--cream); }

.product-spotlight{
  background:rgba(255,250,240,.72);
  border:4px solid var(--stroke);
  border-radius:26px;
  padding:24px;
  display:grid;
  place-items:center;
  position:relative;
  min-height:330px;
}
.badge{
  position:absolute;
  top:-24px;
  left:-4px;
  background:var(--sand);
  border:4px solid var(--stroke);
  border-radius:999px;
  padding:11px 18px 8px;
  text-transform:uppercase;
  font-size:18px;
}
.product-spotlight img{
  max-height:290px;
  filter:drop-shadow(0 18px 20px rgba(0,0,0,.25));
}
.spot-name{
  position:absolute;
  bottom:22px;
  left:20px;
  background:var(--sand);
  border:4px solid var(--stroke);
  border-radius:16px;
  padding:12px 15px 9px;
  text-transform:uppercase;
  line-height:1;
}
.price-pill{
  position:absolute;
  right:24px;
  bottom:22px;
  background:var(--black);
  color:var(--cream);
  border-radius:18px;
  padding:12px 18px 9px;
  text-align:center;
  text-transform:uppercase;
}

.panel{
  margin-top:20px;
  background:rgba(255,250,240,.97);
  border:4px solid var(--stroke);
  border-radius:var(--radius-lg);
  padding:28px;
  box-shadow:var(--softshadow);
}
.panel h2{
  margin:0 0 18px;
  font-size:34px;
  text-transform:uppercase;
}
.panel-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.panel-intro p{
  margin:0;
  max-width:670px;
  color:var(--charcoal);
  font-size:18px;
  line-height:1.4;
}
.category-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}
.category-card{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:138px;
  background:var(--bone);
  border:4px solid var(--stroke);
  border-radius:22px;
  padding:20px;
  box-shadow:0 7px 0 rgba(0,0,0,.18);
}
.category-card:hover{ transform:translateY(-2px); }
.category-card img{ width:78px; height:86px; object-fit:contain; }
.category-card h3{ margin:0; font-size:30px; text-transform:uppercase; }
.category-card p{ margin:5px 0 0; color:var(--muted); line-height:1.3; }




.filter-shell{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin:4px 0 26px;
  padding:16px 18px;
  background:linear-gradient(180deg, rgba(255,250,240,.98), rgba(243,230,201,.95));
  border:4px solid var(--stroke);
  border-radius:24px;
  box-shadow:0 7px 0 rgba(0,0,0,.18);
}
.filter-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px 9px;
  background:var(--black);
  color:var(--cream);
  border:3px solid var(--stroke);
  border-radius:999px;
  font-family:"Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  letter-spacing:.035em;
  font-size:18px;
  text-transform:uppercase;
  box-shadow:0 5px 0 rgba(0,0,0,.2);
  white-space:nowrap;
}
.shop-filters{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:0;
}
.filter-btn{
  appearance:none;
  -webkit-appearance:none;
  border:4px solid var(--stroke);
  border-radius:999px;
  background:linear-gradient(180deg, var(--cream), var(--bone));
  color:var(--black);
  padding:14px 24px 11px;
  font-family:"Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  letter-spacing:.035em;
  font-size:18px;
  line-height:1;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 6px 0 rgba(0,0,0,.22);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}
.filter-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 0 rgba(0,0,0,.25);
}
.filter-btn.active{
  background:var(--lime);
  color:var(--black);
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
}
.product-card{
  background:linear-gradient(180deg, var(--cream), var(--bone));
  border:4px solid var(--stroke);
  border-radius:24px;
  padding:18px;
  box-shadow:0 8px 0 rgba(0,0,0,.2);
  position:relative;
  overflow:hidden;
}
.product-card:before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-38px;
  top:-45px;
  background:var(--lime);
  border-radius:999px;
  opacity:.42;
}
.product-card .tag{
  display:inline-flex;
  background:var(--orange);
  border:3px solid var(--stroke);
  border-radius:999px;
  padding:7px 12px 5px;
  font-size:13px;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:12px;
  position:relative;
  z-index:1;
}
.product-card .image-wrap{
  display:grid;
  place-items:center;
  background:rgba(79,92,67,.12);
  border:3px solid rgba(17,19,15,.25);
  border-radius:18px;
  min-height:205px;
  margin-bottom:16px;
}
.product-card img{ max-height:190px; object-fit:contain; filter:drop-shadow(0 15px 15px rgba(0,0,0,.22)); }
.product-card h3{ margin:0; font-size:26px; line-height:1; text-transform:uppercase; }
.product-card .meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin:11px 0 10px;
  color:var(--olive);
  text-transform:uppercase;
}
.product-card p{ margin:0 0 14px; line-height:1.35; color:var(--charcoal); font-size:15px; }
.product-card .btn{ width:100%; padding:13px 18px 10px; font-size:16px; }

.steps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}
.step{
  background:var(--bone);
  border:4px solid var(--stroke);
  border-radius:22px;
  padding:24px;
  min-height:180px;
  box-shadow:0 7px 0 rgba(0,0,0,.18);
}
.step-num{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  background:var(--lime);
  border:3px solid var(--stroke);
  border-radius:999px;
  font-family:"Luckiest Guy";
  margin-bottom:16px;
}
.step h3{ margin:0 0 8px; font-size:28px; text-transform:uppercase; }
.step p{ margin:0; color:var(--charcoal); line-height:1.35; }

.feature-strip{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0;
  background:rgba(41,50,31,.96);
  border:4px solid var(--stroke);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--softshadow);
}
.feature{
  color:var(--cream);
  padding:22px;
  border-right:2px solid rgba(243,230,201,.35);
}
.feature:last-child{ border-right:0; }
.feature strong{ display:block; text-transform:uppercase; }
.feature span{ display:block; color:var(--sand); margin-top:3px; font-weight:700; }

.page-hero{
  margin-top:28px;
  background:linear-gradient(135deg, rgba(255,250,240,.98), rgba(245,255,208,.96));
  border:4px solid var(--stroke);
  border-radius:var(--radius-xl);
  padding:48px;
  box-shadow:var(--shadow);
}
.crumbs{
  color:var(--olive);
  text-transform:uppercase;
  margin-bottom:14px;
}
.page-hero h1{
  margin:0;
  font-size:clamp(48px, 7vw, 82px);
  line-height:.9;
  text-transform:uppercase;
}
.page-hero p{
  max-width:720px;
  font-size:20px;
  line-height:1.4;
  margin:18px 0 0;
}
.about-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:26px;
  align-items:center;
}
.about-copy p{
  font-size:18px;
  line-height:1.55;
  color:var(--charcoal);
  margin:0 0 16px;
}
.about-photo{
  background:var(--bone);
  border:4px solid var(--stroke);
  border-radius:28px;
  padding:16px;
  box-shadow:0 8px 0 rgba(0,0,0,.2);
}
.about-photo img{
  border-radius:20px;
  width:100%;
  height:auto;
}
.callout{
  margin-top:18px;
  background:var(--lime);
  border:4px solid var(--stroke);
  border-radius:22px;
  padding:18px;
  font-size:19px;
  box-shadow:0 7px 0 rgba(0,0,0,.18);
}

.footer{
  margin-top:28px;
  background:rgba(16,17,13,.98);
  border:4px solid #000;
  border-radius:var(--radius-xl);
  color:var(--cream);
  padding:34px;
  box-shadow:var(--shadow);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1.4fr;
  gap:30px;
}
.footer img{ width:135px; margin-bottom:12px; }
.footer p, .footer a{ color:var(--sand); line-height:1.45; }
.footer h3{ margin:0 0 10px; text-transform:uppercase; font-size:19px; }
.footer-links{ display:grid; gap:9px; }
.email-box{
  display:flex;
  background:#1d2018;
  border:3px solid var(--khaki);
  border-radius:999px;
  overflow:hidden;
  max-width:300px;
}
.email-box input{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  color:var(--cream);
  padding:13px 16px;
  font-weight:800;
  min-width:0;
}
.email-box button{
  border:0;
  background:var(--khaki);
  color:var(--black);
  padding:0 16px;
  font-weight:900;
  cursor:pointer;
}
.copyright{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid rgba(243,230,201,.18);
  color:var(--sand);
  text-align:center;
  font-size:14px;
}

@media (max-width: 920px){
  .site-header{ flex-wrap:wrap; justify-content:center; }
  .nav{ order:3; width:100%; gap:18px; flex-wrap:wrap; }
  .hero{ grid-template-columns:1fr; padding:40px 26px; }
  

.product-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .steps,.feature-strip,.footer-grid,.about-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px){

  .filter-shell{
    align-items:flex-start;
  }
  .filter-label{
    width:100%;
  }

  body{ background-size:auto, 520px 520px; }
  .page{ width:min(100% - 20px, 1180px); }
  .site-header{ padding:16px; border-radius:24px; }
  .logo img{ width:140px; }
  .hero,.page-hero{ padding:34px 20px; }
  .hero h1,.page-hero h1{ font-size:48px; }
  .hero p,.page-hero p{ font-size:17px; }
  .category-row,.product-grid,.steps,.feature-strip,.footer-grid,.about-grid{ grid-template-columns:1fr; }
  .feature{ border-right:0; border-bottom:2px solid rgba(243,230,201,.35); }
  .feature:last-child{ border-bottom:0; }
}





/* Final header behavior: header stays at top and scrolls away on all devices */
.site-header{
  position:relative !important;
  top:auto !important;
}
.top-strip{
  position:relative !important;
}
.site-header.mobile-compact{
  position:relative !important;
  top:auto !important;
  padding:20px 24px !important;
  border-radius:var(--radius-xl) !important;
}
body.mobile-scrolled .top-strip{
  opacity:1 !important;
  height:auto !important;
  padding:8px 14px 7px !important;
  margin:0 auto 14px !important;
  border:3px solid #000 !important;
  border-top:0 !important;
  overflow:visible !important;
  box-shadow:0 7px 0 rgba(0,0,0,.35) !important;
}
@media (max-width: 760px){
  .site-header{
    position:relative !important;
    top:auto !important;
  }
  .site-header.mobile-compact .logo img{
    width:140px !important;
  }
  .site-header.mobile-compact .nav{
    display:flex !important;
  }
}


/* Product photography card support */
.product-card .image-wrap.photo-wrap{
  overflow:hidden;
  background:#1f261b;
}
.product-card .image-wrap.photo-wrap img{
  width:100%;
  height:205px;
  max-height:none;
  object-fit:cover;
  border-radius:14px;
  filter:none;
}
.product-spotlight img[src*="timber-moss"]{
  width:100%;
  max-height:330px;
  object-fit:cover;
  border:3px solid rgba(17,19,15,.28);
  border-radius:20px;
  filter:drop-shadow(0 18px 20px rgba(0,0,0,.25));
}
.featured-product-panel{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:24px;
  align-items:stretch;
  margin:8px 0 28px;
  padding:22px;
  background:linear-gradient(135deg, rgba(249,244,232,.98), rgba(243,230,201,.96));
  border:4px solid var(--stroke);
  border-radius:26px;
  box-shadow:0 8px 0 rgba(0,0,0,.2);
}
.featured-product-image{
  min-height:380px;
  overflow:hidden;
  border:4px solid var(--stroke);
  border-radius:22px;
  background:#1f261b;
}
.featured-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.featured-product-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.featured-product-copy .tag{
  display:inline-flex;
  background:var(--orange);
  border:3px solid var(--stroke);
  border-radius:999px;
  padding:8px 13px 6px;
  font-size:13px;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:12px;
}
.featured-product-copy h2{
  margin:0 0 8px;
  font-size:clamp(34px, 4vw, 56px);
  line-height:.95;
  text-transform:uppercase;
}
.featured-price{
  display:inline-flex;
  background:var(--black);
  color:var(--cream);
  border:3px solid var(--stroke);
  border-radius:999px;
  padding:10px 18px 8px;
  font-family:"Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  font-size:24px;
  margin:4px 0 14px;
}
.featured-product-copy p{
  margin:0 0 12px;
  color:var(--charcoal);
  font-size:16px;
  line-height:1.45;
  font-weight:800;
}
.featured-product-copy h3{
  margin:6px 0 8px;
  font-size:24px;
  text-transform:uppercase;
}
.featured-product-copy ul{
  margin:0 0 16px;
  padding-left:20px;
  color:var(--charcoal);
  line-height:1.55;
}
.featured-product-copy .btn{
  margin-top:auto;
}
@media (max-width: 920px){
  .featured-product-panel{ grid-template-columns:1fr; }
  .featured-product-image{ min-height:460px; }
}
@media (max-width: 760px){
  .featured-product-panel{ padding:16px; }
  .featured-product-image{ min-height:360px; }
}

.shop-main-panel{ margin-top:28px; }


/* Timber Moss transparent product image framing fixes */
.category-card img[src*="timber-moss-kung-fu-grip-transparent"],
.product-card img[src*="timber-moss-kung-fu-grip-transparent"],
.product-spotlight img[src*="timber-moss-kung-fu-grip-transparent"],
.featured-product-image img[src*="timber-moss-kung-fu-grip-transparent"]{
  object-fit:contain;
  object-position:center;
}

/* Homepage latest drop: rectangular product frame, larger product, not clickable */
.product-spotlight{
  align-self:center;
  min-height:500px;
  padding:28px 28px 92px;
  display:grid;
  place-items:center;
}
.product-spotlight img[src*="timber-moss-kung-fu-grip-transparent"]{
  width:auto;
  height:100%;
  max-height:390px;
  max-width:92%;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  filter:drop-shadow(0 22px 24px rgba(0,0,0,.22));
}

/* Product cards: fixed rectangular image windows with complete borders */
.product-card .image-wrap,
.product-card .image-wrap.photo-wrap{
  width:100%;
  height:300px;
  min-height:0;
  aspect-ratio:auto;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:18px;
  margin-bottom:16px;
  background:linear-gradient(180deg, rgba(255,250,240,.98), rgba(243,230,201,.72));
  border:3px solid rgba(17,19,15,.25);
  border-radius:18px;
  position:relative;
  z-index:1;
}
.product-card .image-wrap img,
.product-card .image-wrap.photo-wrap img{
  width:auto;
  height:auto;
  max-width:92%;
  max-height:255px;
  object-fit:contain;
  object-position:center;
  border-radius:0;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));
}
.product-card .image-wrap.photo-wrap img[src*="timber-moss-kung-fu-grip-transparent"]{
  max-height:270px;
}

/* Shop feature image: tall rectangle with larger full grip, not clickable */
.featured-product-image{
  min-height:560px;
  display:grid;
  place-items:center;
  padding:28px;
  background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.98), rgba(243,230,201,.9));
  overflow:hidden;
}
.featured-product-image img{
  width:auto;
  height:100%;
  max-height:500px;
  max-width:94%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 24px 26px rgba(0,0,0,.18));
}

.category-card img[src*="timber-moss-kung-fu-grip-transparent"]{
  width:96px;
  height:116px;
  object-fit:contain;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.16));
}

.drop-note,
.uniqueness-panel{
  position:relative;
}
.drop-note{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin:0 0 24px;
  padding:18px 20px;
  background:linear-gradient(135deg, rgba(183,255,40,.24), rgba(255,250,240,.98));
  border:4px solid var(--stroke);
  border-radius:22px;
  box-shadow:0 7px 0 rgba(0,0,0,.18);
}
.drop-note strong{
  flex:0 0 auto;
  font-family:"Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:.035em;
}
.drop-note span{
  color:var(--charcoal);
  line-height:1.35;
  font-size:16px;
}

/* Click-to-expand image behavior: product grid only */
.product-grid .clickable-image{
  cursor:zoom-in;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.product-grid .clickable-image:hover{
  transform:translateY(-2px);
  border-color:rgba(17,19,15,.5);
}
.product-grid .clickable-image:focus-visible{
  outline:5px solid var(--lime);
  outline-offset:5px;
}
.image-lightbox{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(16,17,13,.84);
  z-index:9999;
}
.image-lightbox.open{ display:flex; }
.lightbox-inner{
  width:min(92vw, 980px);
  max-height:92vh;
  background:linear-gradient(180deg, var(--cream), var(--bone));
  border:4px solid var(--stroke);
  border-radius:28px;
  padding:28px;
  box-shadow:0 18px 0 rgba(0,0,0,.32), 0 32px 70px rgba(0,0,0,.45);
  display:grid;
  place-items:center;
}
.lightbox-inner img{
  max-width:100%;
  max-height:72vh;
  object-fit:contain;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.22));
}
.lightbox-title{
  margin-top:16px;
  font-family:"Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  text-transform:uppercase;
  font-size:24px;
  text-align:center;
  letter-spacing:.035em;
}
.lightbox-close{
  position:fixed;
  top:22px;
  right:22px;
  width:56px;
  height:56px;
  border:4px solid var(--stroke);
  border-radius:999px;
  background:var(--lime);
  color:var(--black);
  font-family:"Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 7px 0 rgba(0,0,0,.28);
  z-index:10000;
}
body.lightbox-active{ overflow:hidden; }

@media (max-width: 920px){
  .product-spotlight{ min-height:450px; }
  .product-spotlight img[src*="timber-moss-kung-fu-grip-transparent"]{ max-height:340px; }
  .featured-product-image{ min-height:500px; }
  .featured-product-image img{ max-height:430px; }
}
@media (max-width: 760px){
  .product-spotlight{ min-height:390px; padding:24px 18px 88px; }
  .product-spotlight img[src*="timber-moss-kung-fu-grip-transparent"]{ max-height:290px; }
  .product-card .image-wrap,
  .product-card .image-wrap.photo-wrap{ height:260px; }
  .product-card .image-wrap img,
  .product-card .image-wrap.photo-wrap img{ max-height:225px; }
  .drop-note{ display:block; }
  .drop-note strong{ display:block; margin-bottom:8px; }
  .featured-product-image{ min-height:390px; padding:20px; }
  .featured-product-image img{ max-height:340px; }
  .image-lightbox{ padding:14px; }
  .lightbox-inner{ padding:18px; border-radius:22px; }
  .lightbox-inner img{ max-height:70vh; }
  .lightbox-title{ font-size:19px; }
  .lightbox-close{ top:12px; right:12px; }
}


/* FINAL card image centering + clean frame fix */
.product-card{
  isolation:isolate;
}
.product-card:before{
  z-index:0;
}
.product-card .tag,
.product-card .image-wrap,
.product-card h3,
.product-card .meta,
.product-card p,
.product-card .btn{
  position:relative;
  z-index:1;
}
.product-card .image-wrap,
.product-card .image-wrap.photo-wrap{
  height:280px !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
  margin:0 0 16px !important;
  border:0 !important;
  box-shadow:inset 0 0 0 3px rgba(17,19,15,.24) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,250,240,.98), rgba(243,230,201,.72)) !important;
  overflow:hidden !important;
}
.product-card .image-wrap img,
.product-card .image-wrap.photo-wrap img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:235px !important;
  margin:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  border:0 !important;
  border-radius:0 !important;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.18)) !important;
  transform:none !important;
}
.product-card .image-wrap.photo-wrap img[src*="timber-moss-kung-fu-grip-transparent"]{
  max-height:250px !important;
  max-width:90% !important;
}
@media (max-width:760px){
  .product-card .image-wrap,
  .product-card .image-wrap.photo-wrap{
    height:250px !important;
  }
  .product-card .image-wrap img,
  .product-card .image-wrap.photo-wrap img{
    max-height:215px !important;
  }
  .product-card .image-wrap.photo-wrap img[src*="timber-moss-kung-fu-grip-transparent"]{
    max-height:225px !important;
  }
}

/* Timber Moss PMAG asset support */
.category-card img[src*="timber-moss-pmag-transparent"],
.product-card img[src*="timber-moss-pmag-transparent"],
.featured-product-image img[src*="timber-moss-pmag-transparent"]{
  object-fit:contain;
  object-position:center;
}
.category-card img[src*="timber-moss-pmag-transparent"]{
  width:72px;
  height:112px;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.16));
}


/* ---- final Timber Moss combo and proportion fixes ---- */
.product-spotlight{
  min-height: 400px;
  padding: 24px 24px 86px;
}
.product-spotlight img{
  width: auto;
  height: auto;
  max-width: 86%;
  max-height: 300px;
  object-fit: contain;
}
.product-spotlight img[src*="timber-moss-combo-transparent"]{
  max-width: 88%;
  max-height: 300px;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.20));
}
.product-spotlight .spot-name{
  max-width: 190px;
}
.product-spotlight .price-pill{
  min-width: 88px;
}

/* Home/shop card proportion fixes so PMAG and grip feel balanced */
.product-card .image-wrap,
.product-card .image-wrap.photo-wrap{
  height: 265px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-card .image-wrap img,
.product-card .image-wrap.photo-wrap img{
  width: auto;
  height: auto;
  object-fit: contain;
}
.product-card .image-wrap img[src*="timber-moss-kung-fu-grip-transparent"],
.product-card .image-wrap.photo-wrap img[src*="timber-moss-kung-fu-grip-transparent"]{
  max-height: 205px;
  max-width: 76%;
}
.product-card .image-wrap img[src*="timber-moss-pmag-transparent"],
.product-card .image-wrap.photo-wrap img[src*="timber-moss-pmag-transparent"]{
  max-height: 232px;
  max-width: 82%;
}

/* Compact shop feature sections */
.shop-main-panel .featured-product-panel{
  grid-template-columns: minmax(220px, 300px) 1fr;
  gap: 24px;
  padding: 22px 24px;
  margin-bottom: 22px;
  align-items: center;
}
.shop-main-panel .featured-product-image{
  min-height: 270px;
  max-height: 300px;
  padding: 16px;
  width: 100%;
}
.shop-main-panel .featured-product-image img{
  width: auto;
  height: auto;
  max-width: 88%;
  max-height: 240px;
  object-fit: contain;
}
.shop-main-panel #timber-moss .featured-product-image img{
  max-height: 220px;
  max-width: 78%;
}
.shop-main-panel #timber-moss-pmag .featured-product-image img{
  max-height: 245px;
  max-width: 68%;
}
.shop-main-panel .featured-product-copy h2{
  font-size: clamp(1.9rem, 2vw, 2.5rem);
  line-height: .98;
}
.shop-main-panel .featured-product-copy p,
.shop-main-panel .featured-product-copy li{
  font-size: 1rem;
}
.shop-main-panel .featured-product-copy ul{
  margin-bottom: 18px;
}

@media (max-width: 900px){
  .product-spotlight{ min-height: 360px; }
  .product-spotlight img[src*="timber-moss-combo-transparent"]{ max-height: 250px; }
  .shop-main-panel .featured-product-panel{
    grid-template-columns: 1fr;
  }
  .shop-main-panel .featured-product-image{
    min-height: 240px;
    max-height: none;
  }
}
@media (max-width: 760px){
  .product-card .image-wrap,
  .product-card .image-wrap.photo-wrap{ height: 235px; }
  .product-card .image-wrap img[src*="timber-moss-kung-fu-grip-transparent"],
  .product-card .image-wrap.photo-wrap img[src*="timber-moss-kung-fu-grip-transparent"]{ max-height: 184px; }
  .product-card .image-wrap img[src*="timber-moss-pmag-transparent"],
  .product-card .image-wrap.photo-wrap img[src*="timber-moss-pmag-transparent"]{ max-height: 205px; }
}


/* FINAL HERO + PROPORTION + SHOP SIZE FIXES */
.hero .product-spotlight {
  min-height: 390px !important;
  padding: 20px 22px 84px !important;
}
.hero .product-spotlight img[src*="timber-moss-combo-doodle-transparent"] {
  width: auto !important;
  height: auto !important;
  max-width: 90% !important;
  max-height: 290px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.20)) !important;
}
.hero .product-spotlight .spot-name { max-width: 220px !important; }

/* Make Timber Moss grip and PMAG feel proportional in cards */
.product-grid .product-card:nth-child(1) .image-wrap,
.product-grid .product-card:nth-child(2) .image-wrap,
.product-grid .product-card:nth-child(1) .image-wrap.photo-wrap,
.product-grid .product-card:nth-child(2) .image-wrap.photo-wrap {
  height: 260px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product-grid .product-card:nth-child(1) img[src*="timber-moss-kung-fu-grip-transparent"] {
  max-height: 195px !important;
  max-width: 76% !important;
}
.product-grid .product-card:nth-child(2) img[src*="timber-moss-pmag-transparent"] {
  max-height: 230px !important;
  max-width: 82% !important;
}

/* Keep featured sections on shop page compact */
.shop-main-panel .featured-product-panel {
  grid-template-columns: minmax(220px, 280px) 1fr !important;
  gap: 22px !important;
  padding: 20px 22px !important;
  margin-bottom: 18px !important;
  align-items: center !important;
}
.shop-main-panel .featured-product-image {
  min-height: 240px !important;
  max-height: 260px !important;
  padding: 14px !important;
}
.shop-main-panel .featured-product-image img {
  width: auto !important;
  height: auto !important;
  max-width: 84% !important;
  max-height: 215px !important;
  object-fit: contain !important;
}
.shop-main-panel #timber-moss .featured-product-image img {
  max-width: 74% !important;
  max-height: 200px !important;
}
.shop-main-panel #timber-moss-pmag .featured-product-image img {
  max-width: 66% !important;
  max-height: 225px !important;
}
.shop-main-panel .featured-product-copy h2 {
  font-size: clamp(1.6rem, 1.8vw, 2.2rem) !important;
  line-height: 1.02 !important;
}
.shop-main-panel .featured-product-copy p,
.shop-main-panel .featured-product-copy li {
  font-size: .97rem !important;
}
.shop-main-panel .featured-product-copy ul { margin-bottom: 14px !important; }
.shop-main-panel .featured-product-copy .btn { margin-top: 4px !important; }

@media (max-width: 900px) {
  .shop-main-panel .featured-product-panel {
    grid-template-columns: 1fr !important;
  }
  .shop-main-panel .featured-product-image {
    min-height: 220px !important;
    max-height: none !important;
  }
}
@media (max-width: 760px) {
  .hero .product-spotlight { min-height: 340px !important; }
  .hero .product-spotlight img[src*="timber-moss-combo-doodle-transparent"] {
    max-height: 235px !important;
  }
  .product-grid .product-card:nth-child(1) .image-wrap,
  .product-grid .product-card:nth-child(2) .image-wrap,
  .product-grid .product-card:nth-child(1) .image-wrap.photo-wrap,
  .product-grid .product-card:nth-child(2) .image-wrap.photo-wrap {
    height: 235px !important;
  }
  .product-grid .product-card:nth-child(1) img[src*="timber-moss-kung-fu-grip-transparent"] { max-height: 178px !important; }
  .product-grid .product-card:nth-child(2) img[src*="timber-moss-pmag-transparent"] { max-height: 205px !important; }
}


/* FINAL TIGHT HERO + COMPACT SHOP FEATURE FIX */
.hero .product-spotlight {
  min-height: 390px !important;
  padding: 16px 18px 80px !important;
}
.hero .product-spotlight img[src*="timber-moss-combo-doodle-transparent"] {
  max-width: 96% !important;
  max-height: 325px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Make Timber Moss product grid cards feel more proportional */
.product-grid .product-card img[src*="timber-moss-kung-fu-grip-transparent"] {
  max-height: 188px !important;
  max-width: 72% !important;
}
.product-grid .product-card img[src*="timber-moss-pmag-transparent"] {
  max-height: 242px !important;
  max-width: 86% !important;
}

/* Shop top featured sections: no inner frame/border, photo fills left area, smaller overall */
.shop-main-panel .featured-product-panel {
  grid-template-columns: minmax(220px, 285px) 1fr !important;
  gap: 18px !important;
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
  align-items: center !important;
}
.shop-main-panel .featured-product-image {
  min-height: 250px !important;
  max-height: 250px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow: visible !important;
}
.shop-main-panel .featured-product-image img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
.shop-main-panel #timber-moss .featured-product-image img {
  max-height: 240px !important;
  max-width: 86% !important;
}
.shop-main-panel #timber-moss-pmag .featured-product-image img {
  max-height: 248px !important;
  max-width: 92% !important;
}
.shop-main-panel .featured-product-copy h2 {
  font-size: clamp(1.5rem, 1.8vw, 2rem) !important;
  line-height: 1.02 !important;
  margin-bottom: 10px !important;
}
.shop-main-panel .featured-product-copy p {
  font-size: 0.95rem !important;
  margin-bottom: 12px !important;
}
.shop-main-panel .featured-price {
  margin-bottom: 10px !important;
}
.shop-main-panel .featured-product-copy .btn {
  margin-top: 12px !important;
}

/* Collapsible features */
.feature-details {
  margin: 8px 0 0 !important;
  border: 3px solid var(--stroke) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.45) !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.feature-details summary {
  list-style: none;
  cursor: pointer;
  font-family: "Luckiest Guy", "Cooper Black", "Arial Black", Nunito, sans-serif;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 1.05rem;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feature-details summary::-webkit-details-marker { display: none; }
.feature-details summary::after {
  content: "+";
  font-size: 1.5rem;
  line-height: 1;
}
.feature-details[open] summary::after { content: "−"; }
.feature-details ul {
  margin: 0 !important;
  padding: 0 20px 16px 38px !important;
}
.feature-details li {
  font-size: 0.95rem !important;
  margin-bottom: 8px !important;
}

@media (max-width: 900px) {
  .shop-main-panel .featured-product-panel {
    grid-template-columns: 1fr !important;
  }
  .shop-main-panel .featured-product-image {
    min-height: 210px !important;
    max-height: none !important;
  }
}
@media (max-width: 760px) {
  .hero .product-spotlight {
    min-height: 330px !important;
  }
  .hero .product-spotlight img[src*="timber-moss-combo-doodle-transparent"] {
    max-height: 250px !important;
  }
  .product-grid .product-card img[src*="timber-moss-kung-fu-grip-transparent"] {
    max-height: 178px !important;
  }
  .product-grid .product-card img[src*="timber-moss-pmag-transparent"] {
    max-height: 214px !important;
  }
}


/* TRUE FINAL SHOP FEATURE LAYOUT FIX */
.shop-main-panel .featured-product-panel{
  display:flex !important;
  align-items:flex-start !important;
  gap:18px !important;
  padding:18px 18px !important;
  margin-bottom:16px !important;
}
.shop-main-panel .featured-product-image{
  flex:0 0 160px !important;
  width:160px !important;
  min-width:160px !important;
  max-width:160px !important;
  min-height:160px !important;
  max-height:160px !important;
  height:160px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
.shop-main-panel #timber-moss .featured-product-image img,
.shop-main-panel #timber-moss-pmag .featured-product-image img,
.shop-main-panel .featured-product-image img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}
.shop-main-panel #timber-moss .featured-product-image img{
  max-height:150px !important;
}
.shop-main-panel #timber-moss-pmag .featured-product-image img{
  max-height:158px !important;
}
.shop-main-panel .featured-product-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.shop-main-panel .featured-product-copy h2{
  font-size:clamp(1.35rem, 1.6vw, 1.9rem) !important;
  line-height:1.02 !important;
  margin:0 0 8px !important;
}
.shop-main-panel .featured-product-copy p,
.shop-main-panel .featured-product-copy li{
  font-size:.92rem !important;
  line-height:1.4 !important;
}
.shop-main-panel .featured-product-copy p{ margin-bottom:10px !important; }
.shop-main-panel .featured-price{ margin:3px 0 10px !important; font-size:20px !important; }
.shop-main-panel .featured-product-copy .btn{ margin-top:10px !important; }
.shop-main-panel .feature-details{ width:100% !important; }

/* keep them left of the writing even on fairly small screens */
@media (max-width: 700px){
  .shop-main-panel .featured-product-panel{
    gap:14px !important;
    padding:14px !important;
  }
  .shop-main-panel .featured-product-image{
    flex:0 0 118px !important;
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    min-height:118px !important;
    max-height:118px !important;
    height:118px !important;
  }
  .shop-main-panel #timber-moss .featured-product-image img{ max-height:112px !important; }
  .shop-main-panel #timber-moss-pmag .featured-product-image img{ max-height:116px !important; }
  .shop-main-panel .featured-product-copy h2{ font-size:1.08rem !important; }
  .shop-main-panel .featured-price{ font-size:17px !important; padding:8px 14px 7px !important; }
  .shop-main-panel .featured-product-copy p,
  .shop-main-panel .featured-product-copy li{ font-size:.8rem !important; }
  .feature-details summary{ font-size:.9rem !important; padding:10px 12px !important; }
}
@media (max-width: 480px){
  .shop-main-panel .featured-product-image{
    flex:0 0 98px !important;
    width:98px !important;
    min-width:98px !important;
    max-width:98px !important;
    min-height:98px !important;
    max-height:98px !important;
    height:98px !important;
  }
  .shop-main-panel #timber-moss .featured-product-image img{ max-height:92px !important; }
  .shop-main-panel #timber-moss-pmag .featured-product-image img{ max-height:96px !important; }
  .shop-main-panel .featured-product-copy h2{ font-size:.96rem !important; }
  .shop-main-panel .featured-price{ font-size:15px !important; }
}


/* MOBILE POLISH PASS — prevents double borders and tightens the phone layout */
.product-spotlight img[src*="timber-moss-combo-doodle-transparent"],
.product-spotlight img[src*="timber-moss-combo-transparent"]{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
}

@media (max-width: 760px){
  body{
    background-size:auto, 440px 440px !important;
    overflow-x:hidden !important;
  }
  .page{
    width:100% !important;
    max-width:100% !important;
    padding:0 12px 34px !important;
    overflow:hidden !important;
  }
  .top-strip{
    width:calc(100% - 12px) !important;
    margin:0 auto 10px !important;
    padding:7px 10px 6px !important;
    font-size:10px !important;
    letter-spacing:.055em !important;
    border-width:2px !important;
    border-radius:0 0 14px 14px !important;
  }
  .site-header{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 10px !important;
    border-width:3px !important;
    border-radius:18px !important;
    box-shadow:0 7px 0 rgba(16,17,13,.28), 0 10px 18px rgba(0,0,0,.18) !important;
  }
  .logo img{ width:104px !important; }
  .nav{
    order:initial !important;
    width:auto !important;
    gap:9px !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    font-size:10px !important;
    line-height:1 !important;
  }
  .nav a{ padding:5px 0 3px !important; white-space:nowrap !important; }
  .nav a:after{ height:4px !important; }
  .cart{
    gap:6px !important;
    padding:9px 9px 7px !important;
    font-size:10px !important;
    border-width:2px !important;
    box-shadow:0 4px 0 rgba(0,0,0,.22) !important;
  }
  .cart span{ width:18px !important; height:18px !important; font-size:10px !important; }

  .hero{
    margin-top:16px !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:30px 22px 24px !important;
    border-width:3px !important;
    border-radius:24px !important;
    box-shadow:0 9px 0 rgba(16,17,13,.28), 0 14px 26px rgba(0,0,0,.18) !important;
  }
  .hero h1{
    font-size:clamp(42px, 15vw, 58px) !important;
    line-height:.9 !important;
    letter-spacing:.025em !important;
    max-width:100% !important;
  }
  .hero p{
    font-size:17px !important;
    line-height:1.33 !important;
    margin:18px 0 18px !important;
    max-width:100% !important;
  }
  .actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    width:100% !important;
  }
  .actions .btn{
    width:100% !important;
    min-width:0 !important;
    padding:14px 12px 11px !important;
    font-size:14px !important;
    border-width:3px !important;
    box-shadow:0 5px 0 rgba(0,0,0,.24) !important;
  }

  .hero .product-spotlight{
    width:100% !important;
    min-height:auto !important;
    padding:22px 14px 76px !important;
    border-width:3px !important;
    border-radius:22px !important;
    overflow:visible !important;
  }
  .hero .product-spotlight .badge{
    top:-24px !important;
    left:16px !important;
    font-size:15px !important;
    padding:9px 16px 6px !important;
    border-width:3px !important;
  }
  .hero .product-spotlight img[src*="timber-moss-combo-doodle-transparent"]{
    max-width:100% !important;
    max-height:236px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:drop-shadow(0 12px 14px rgba(0,0,0,.16)) !important;
  }
  .hero .spot-name{
    left:16px !important;
    bottom:18px !important;
    max-width:175px !important;
    padding:10px 12px 8px !important;
    font-size:16px !important;
    line-height:1.04 !important;
    border-width:3px !important;
    border-radius:14px !important;
  }
  .hero .price-pill{
    right:16px !important;
    bottom:18px !important;
    min-width:82px !important;
    padding:12px 12px 9px !important;
    font-size:15px !important;
    border-radius:14px !important;
  }

  .panel,
  .page-hero,
  .footer{
    border-width:3px !important;
    border-radius:24px !important;
    padding:26px 20px !important;
    box-shadow:0 9px 0 rgba(16,17,13,.25), 0 12px 24px rgba(0,0,0,.16) !important;
  }
  .panel{ margin-top:20px !important; }
  .panel-intro{
    display:block !important;
  }
  .panel-intro h2{
    font-size:clamp(36px, 12vw, 50px) !important;
    line-height:.96 !important;
    margin-bottom:12px !important;
  }
  .panel-intro p{
    font-size:17px !important;
    line-height:1.38 !important;
  }
  .panel-intro .btn{
    width:100% !important;
    margin-top:16px !important;
  }

  .category-card{
    min-height:150px !important;
    padding:18px !important;
    border-width:3px !important;
    border-radius:20px !important;
  }
  .category-card h3{ font-size:28px !important; }
  .category-card p{ font-size:15px !important; }

  .product-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .product-card{
    padding:18px !important;
    border-width:3px !important;
    border-radius:22px !important;
  }
  .product-card h3{ font-size:25px !important; }
  .product-card .image-wrap,
  .product-card .image-wrap.photo-wrap{
    height:240px !important;
    border-radius:16px !important;
    border-width:2px !important;
  }
  .product-card .image-wrap img[src*="timber-moss-kung-fu-grip-transparent"],
  .product-card .image-wrap.photo-wrap img[src*="timber-moss-kung-fu-grip-transparent"]{ max-height:184px !important; }
  .product-card .image-wrap img[src*="timber-moss-pmag-transparent"],
  .product-card .image-wrap.photo-wrap img[src*="timber-moss-pmag-transparent"]{ max-height:214px !important; }

  .feature-strip{
    border-width:3px !important;
    border-radius:22px !important;
  }
  .footer-grid{ gap:22px !important; }
}

@media (max-width: 390px){
  .site-header{ grid-template-columns:1fr auto !important; }
  .logo img{ width:112px !important; }
  .nav{ grid-column:1 / -1 !important; order:3 !important; justify-content:space-around !important; margin-top:4px !important; }
  .hero{ padding-left:18px !important; padding-right:18px !important; }
  .hero h1{ font-size:42px !important; }
  .actions{ grid-template-columns:1fr !important; }
  .hero .product-spotlight img[src*="timber-moss-combo-doodle-transparent"]{ max-height:218px !important; }
}


/* FINAL MOBILE CTA + SHOP IMAGE CENTERING */
.hero .actions{
  justify-content:center !important;
}
.hero .actions .btn{
  width:100% !important;
  max-width:330px !important;
}
.shop-main-panel > .featured-product-panel{
  align-items:center !important;
}
.shop-main-panel > .featured-product-panel > .featured-product-image{
  align-self:center !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}