/* Kingdom Minded conversion redesign layer */
:root{
  --km-bg:#070708;
  --km-panel:#101013;
  --km-panel-2:#17171b;
  --km-line:rgba(244,241,234,.14);
  --km-line-strong:rgba(244,241,234,.26);
  --km-cream:#f7f1e8;
  --km-muted:rgba(247,241,232,.68);
  --km-soft:rgba(247,241,232,.46);
  --km-gold:#c8a55e;
  --km-gold-2:#e0c17b;
}

html{scroll-behavior:auto}
body{background:var(--km-bg);text-rendering:optimizeLegibility}
section[id],
.categories,
.banner-cmp{
  scroll-margin-top:150px;
}
a:focus-visible,button:focus-visible,input:focus-visible{
  outline:2px solid var(--km-gold);
  outline-offset:4px;
}

.topbar{background:#050505;border-bottom:1px solid var(--km-line)}
.nav{background:rgba(7,7,8,.9)!important;border-bottom:1px solid var(--km-line)!important}
.nav-inner{max-width:1480px}
.wordmark img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}
.cart-pill{border-color:var(--km-line-strong)!important;background:rgba(255,255,255,.035)}
.cart-pill:hover{border-color:var(--km-gold)!important;color:var(--km-gold-2)!important}

.sec-pad{padding:96px 0!important}
.sec-pad-sm{padding:74px 0!important}
.sec-head{margin-bottom:42px!important}

/* Homepage hero */
.hero{min-height:82vh;display:flex;align-items:center;border-bottom:1px solid var(--km-line)}
.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,6,.70) 0%,rgba(5,5,6,.42) 42%,rgba(5,5,6,.08) 74%),
    linear-gradient(180deg,rgba(5,5,6,.12),rgba(5,5,6,.45));
  pointer-events:none;
}
.hero-bg img{object-position:center 42%;filter:saturate(1.04) contrast(1.06) brightness(1.08)}
.hero-content{position:relative;z-index:2}
.hero-headline{max-width:760px}
.hero-sub{font-size:clamp(18px,2.1vw,28px)!important;max-width:560px!important;margin-top:22px!important}
.hero-ctas{gap:12px;flex-wrap:wrap}
.btn{border-radius:0;min-height:50px}
.btn .arrow,.cat-arrow,.next-link .arrow{display:none!important}
.btn.gold{box-shadow:0 18px 40px rgba(198,166,100,.16)}
.btn.gold:hover{transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.035)}
.hero-foot{display:none!important}

/* Smooth shop rail directly after the hero */
.sales-path{
  background:#0d0d10;
  border-bottom:1px solid var(--km-line);
  padding:14px 0;
}
.shop-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  gap:8px;
}
.shop-rail-label{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  color:var(--km-muted);
}
.shop-rail-label span{
  font-family:var(--mono,"JetBrains Mono",monospace);
  color:var(--km-gold);
  font-size:10px;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.shop-rail-label strong{
  color:var(--km-cream);
  font-family:var(--serif,"Cormorant Garamond",serif);
  font-size:22px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.005em;
}
.shop-rail-link{
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:12px 16px;
  color:var(--km-cream);
  text-decoration:none;
  border:1px solid var(--km-line);
  background:rgba(255,255,255,.018);
  transition:background .22s ease,border-color .22s ease,transform .22s ease;
}
.shop-rail-link:hover{
  background:rgba(198,166,100,.07);
  border-color:rgba(198,166,100,.48);
  transform:translateY(-2px);
}
.shop-rail-link span{
  font-family:var(--serif,"Cormorant Garamond",serif);
  font-size:21px;
  line-height:1;
  font-weight:500;
}
.shop-rail-link small{
  color:var(--km-muted);
  font-size:11px;
  line-height:1.25;
}

.km-trust-strip{
  background:#0a0a0b;
  border-bottom:1px solid var(--km-line);
}
.km-trust-line{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  color:var(--km-muted);
  font-family:var(--mono,"JetBrains Mono",monospace);
  font-size:10px;
  letter-spacing:.17em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
}
.km-trust-line span{
  display:inline-flex;
  align-items:center;
  gap:24px;
}
.km-trust-line span+span::before{
  content:"";
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--km-gold);
  opacity:.8;
}

/* Product and collection cards */
.col-grid,.piece-grid,.best-grid,.feature-grid,.story-grid,.cat-grid{align-items:stretch}
.product,.piece-card,.feature-card,.story-card,.cat,.rel-card,.related-card{
  border-radius:0!important;
  text-decoration:none!important;
}
.product-media,.piece-media,.story-media,.card-media,.rel-card .media,.related-card .media,.cat .ph{
  background:linear-gradient(180deg,#202026,#111115)!important;
  border:1px solid var(--km-line)!important;
}
.product-media img,.piece-media img,.story-media img,.card-media img,.rel-card img,.related-card img{
  object-fit:contain;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.28)) saturate(1.08) contrast(1.06) brightness(1.05)!important;
}
.product-photo.model-photo,.cat-cover{
  object-fit:cover!important;
  object-position:center top!important;
  padding:0!important;
}
.product-photo.model-photo.face-safe-photo{
  object-position:center 18%!important;
}
.categories .sec-head{
  margin-bottom:28px!important;
}
.categories .lede{
  max-width:520px!important;
}
.cat-grid{
  gap:14px!important;
}
.cat{
  background:#0d0d10!important;
  border:1px solid var(--km-line)!important;
}
.cat .ph{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  display:grid;
  place-items:stretch;
  overflow:hidden!important;
}
.cat .ph.accessory-ph{
  position:relative;
  transform:none!important;
}
.cat:hover .ph.accessory-ph{
  transform:none!important;
}
.cat .ph img.fit-cutout{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  transform:scale(1.01)!important;
  filter:saturate(1.1) contrast(1.05) brightness(1.08)!important;
}
.cat:hover .ph img.fit-cutout{
  transform:scale(1.055)!important;
}
.cat .ph img.cat-position-tshirt{object-position:center 28%!important}
.cat .ph img.cat-position-sweatshirt{object-position:center 24%!important}
.cat .ph img.cat-position-polo{object-position:center 22%!important}
.cat .ph img.cat-position-premium{object-position:center 30%!important}
.cat .ph img.cat-position-accessories{
  object-fit:cover!important;
  object-position:center center!important;
  position:relative;
  z-index:1;
  transform:scale(1)!important;
}
.cat:hover .ph img.cat-position-accessories{
  transform:scale(1.015)!important;
}
.cat-body{
  min-height:94px!important;
  padding:18px!important;
}
.cat-name{
  font-size:clamp(24px,2vw,30px)!important;
}
.cat-meta{
  color:var(--km-muted)!important;
}
.product-photo.mockup-photo{
  padding:2% 2%!important;
  transform:none;
  object-fit:contain!important;
}
.product:hover .product-photo.mockup-photo{transform:scale(1.03)}
.product-photo.product-polo-mockup{
  padding:2% 2%!important;
  transform:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 28px 30px rgba(0,0,0,.38)) saturate(1.08) contrast(1.08) brightness(1.08)!important;
}
.product:hover .product-photo.product-polo-mockup{
  transform:scale(1.03)!important;
}
.product-photo.product-focus-angels{
  object-fit:cover!important;
  object-position:center 25%!important;
  transform:none!important;
  background:transparent;
  padding:0!important;
  filter:saturate(1.06) contrast(1.08) brightness(1.03)!important;
}
.product-photo.product-focus-rooted{
  object-fit:cover!important;
  object-position:center 25%!important;
  transform:none!important;
  background:transparent;
  padding:0!important;
  filter:saturate(1.06) contrast(1.07) brightness(1.03)!important;
}
.product:hover .product-photo.product-focus-angels{
  transform:scale(1.02)!important;
}
.product:hover .product-photo.product-focus-rooted{
  transform:scale(1.02)!important;
}
.best-placeholder-grid,.best-ph,.best-ph-img,.best-ph-line,.best-ph-price{
  display:none!important;
}
.product-info,.piece-info,.story-content,.card-info{
  color:var(--km-cream);
}
.product-info h3,.piece-info h3,.story-content h3,.card-info h3{
  letter-spacing:-.01em;
}
.product-info .meta,.story-kicker,.story-formats,.type,.piece-price{
  color:var(--km-muted)!important;
}
.price,.product-info .price,.piece-price,.km-product-price{color:var(--km-gold-2)!important}
.product-flag{
  background:rgba(7,7,8,.64)!important;
  color:var(--km-cream)!important;
  border-color:var(--km-line-strong)!important;
}
.product-flag.flag-safe{
  top:auto!important;
  bottom:14px!important;
  left:14px!important;
}
.product-media .product-overlay{
  z-index:5;
}

.mission-logo-link img{
  width:84%!important;
  height:84%!important;
  max-width:540px;
  max-height:540px;
}
.mission-img .mi-main{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Shop hub */
.shop-head{
  background:
    radial-gradient(circle at 78% 14%,rgba(198,166,100,.09),transparent 32%),
    linear-gradient(180deg,#0b0b0d,#070708)!important;
  border-bottom:1px solid var(--km-line)!important;
}
.shop-head h1{max-width:900px}
.shop-head .intro{max-width:660px}
.shop-path-bar{
  border-bottom:1px solid var(--km-line)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.24);
}
.shop-hub>.wrap{
  display:flex;
  flex-direction:column;
}
.shop-hub.hide-product-browser #pieces{
  display:none!important;
}
#product-types{order:1}
#featured{order:2}
#best-sellers{order:3}
#pieces{order:4}
#collections{order:5}
#volumes{order:6}
.path-pill,.piece-filter,.filter-pill,.type-filter{
  border-color:var(--km-line-strong)!important;
}
.path-pill:hover,.piece-filter:hover,.type-filter:hover{
  border-color:var(--km-gold)!important;
  color:var(--km-gold-2)!important;
}
.type-card{
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.006))!important;
  min-height:210px!important;
}
.type-card.active,.type-card:hover{
  border-color:rgba(198,166,100,.55)!important;
  transform:translateY(-2px);
}
.piece-card{
  background:transparent!important;
}
.piece-media{
  min-height:480px;
}
.piece-media img{transform:scale(1.1)!important}
.piece-card:hover .piece-media img{transform:scale(1.14)!important}

/* Collection pages */
.col-hero{
  background:
    radial-gradient(circle at 80% 20%,rgba(198,166,100,.08),transparent 34%),
    linear-gradient(180deg,#0a0a0c,#070708)!important;
}
.col-title{letter-spacing:-.018em!important}
.col-copy,.col-description,.col-hero p{color:var(--km-muted)!important}
.col-media{
  border:1px solid var(--km-line)!important;
  background:linear-gradient(180deg,#17171b,#0b0b0d)!important;
}
.col-media img{filter:drop-shadow(0 28px 36px rgba(0,0,0,.36))!important}
.filter-bar{border-top:1px solid var(--km-line);border-bottom:1px solid var(--km-line)}
.filter-pill{cursor:pointer}

/* Volumes stay, but read as an intentional deeper path */
.volumes{
  background:
    linear-gradient(180deg,#080809,#0d0d10 42%,#070708)!important;
  border-top:1px solid var(--km-line);
  border-bottom:1px solid var(--km-line);
}
.vol-shell,.vol-item,.volume-card{
  border-color:var(--km-line)!important;
}
.vol-row:hover,.volume-card:hover{border-color:rgba(198,166,100,.52)!important}
.vol-theme,.vol-list,.vol-panel{color:var(--km-muted)}
.vol-chip:hover{background:var(--km-gold)!important;color:#080808!important}

.banner-cmp{
  background:#171511!important;
  margin-top:8px!important;
}
.banner-grid{
  min-height:960px!important;
  grid-template-columns:.78fr .92fr!important;
  background:
    linear-gradient(90deg,rgba(23,21,17,.66),rgba(23,21,17,.28) 42%,rgba(23,21,17,.02) 74%)!important;
}
.banner-img{
  background:
    radial-gradient(circle at 52% 44%,rgba(255,255,255,.12),transparent 46%),
    linear-gradient(180deg,#211f1a,#0b0b0b)!important;
}
.banner-text{
  background:linear-gradient(90deg,rgba(23,21,17,.78),rgba(23,21,17,.32),transparent)!important;
  padding-left:clamp(44px,6vw,90px)!important;
  padding-right:clamp(34px,5vw,72px)!important;
}
.banner-img img{
  object-fit:contain!important;
  object-position:center center!important;
  filter:saturate(1.14) contrast(1.06) brightness(1.24)!important;
  opacity:1!important;
  transform:none!important;
}
.banner-next{display:none!important}

/* Related collections need product art, not empty gradient panels. */
.related{
  background:#070708!important;
}
.related-head{
  align-items:end!important;
}
.related-head .btn,
.related-head .ghost{
  min-height:56px!important;
  padding:0 28px!important;
  border-color:var(--km-line-strong)!important;
  background:rgba(255,255,255,.025)!important;
}
.rel-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006)),
    #0c0c0f!important;
}
.rel-img{
  background:
    radial-gradient(circle at 50% 36%,rgba(244,241,234,.08),transparent 43%),
    linear-gradient(180deg,#19191d,#080809 78%)!important;
}
.rel-img::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:46px 34px 114px;
  background-image:var(--rel-product);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.46)) saturate(1.08) contrast(1.05) brightness(1.08);
  transition:transform .55s ease, filter .55s ease;
}
.rel-img::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg,rgba(7,7,8,.08),transparent 42%,rgba(7,7,8,.92)),
    linear-gradient(90deg,rgba(7,7,8,.55),transparent 38%,rgba(7,7,8,.35));
  pointer-events:none;
}
.rel-card:hover .rel-img::before{
  transform:scale(1.045) translateY(-4px);
  filter:drop-shadow(0 36px 40px rgba(0,0,0,.52)) saturate(1.12) contrast(1.08) brightness(1.1);
}
.rel-card[href*="Kingdom Minded"]{--rel-product:url("product-kingdom-minded-tee.png")}
.rel-card[href*="Born Again"]{--rel-product:url("product-born-again.png")}
.rel-card[href*="Rooted In Christ"]{--rel-product:url("product-rooted-in-christ.png")}
.rel-card[href*="Praying For My Enemies"]{--rel-product:url("product-praying-enemies.png")}
.rel-card[href*="Undefeated Undisputed"]{--rel-product:url("revised-undefeated-undisputed-tee.png")}
.rel-card[href*="Chosen"]{--rel-product:url("product-kingdom-minded-tee.png")}
.rel-card[href*="Faith"]{--rel-product:url("product-rooted-in-christ.png")}
.rel-card[href*="Favor"]{--rel-product:url("revised-favor-tee.jpg")}
.rel-card:not([style]):not([href*="Kingdom Minded"]):not([href*="Born Again"]):not([href*="Rooted In Christ"]):not([href*="Praying For My Enemies"]):not([href*="Undefeated Undisputed"]):not([href*="Chosen"]):not([href*="Faith"]):not([href*="Favor"]){
  --rel-product:url("product-km-sweatshirt.png");
}
.rel-body{
  z-index:4!important;
}
.rel-arrow{
  display:none!important;
}

/* Product-type rails should wrap cleanly instead of clipping off the edge. */
.path-links,
.type-filter-row,
.piece-filter-row,
.filters{
  max-width:100%;
  min-width:0;
}
.piece-filter-row,
.type-filter-row{
  flex:1 1 100%;
  flex-wrap:wrap;
  overflow:visible!important;
  padding:1px 1px 4px;
}
.piece-filter,
.type-filter,
.path-pill,
.filter-pill{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
}
.piece-filter,
.type-filter{
  white-space:normal!important;
  text-align:center;
}
.piece-filter[data-filter="all"]{
  display:none!important;
}
.pieces-toolbar,
.collection-toolbar{
  align-items:flex-start!important;
}
.filter-inner{
  align-items:flex-start!important;
  flex-wrap:wrap;
}
.filters{
  flex:1 1 100%;
  flex-wrap:wrap!important;
  overflow:visible!important;
  padding:1px 1px 4px;
}
.filter-pill{
  white-space:normal!important;
  text-align:center;
}

/* Editorial polish across product and campaign surfaces. */
.story-media,
.product-media,
.piece-media,
.card-media,
.col-media{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 26px 58px -38px rgba(0,0,0,.8);
}
.story-media img,
.product-media img,
.piece-media img,
.card-media img{
  max-width:96%;
  max-height:96%;
}
.story-card,
.feature-card,
.product,
.piece-card,
.volume-card,
.type-card{
  box-shadow:0 22px 54px -44px rgba(0,0,0,.88);
}

/* Product page confidence block */
.product-detail-head{
  background:
    radial-gradient(circle at 82% 20%,rgba(198,166,100,.09),transparent 34%),
    linear-gradient(180deg,#0c0c0f,#070708)!important;
}
.product-detail-body{
  background:#080809;
}
.pdp-confidence{
  display:grid;
  grid-template-columns:1.15fr repeat(3,1fr);
  gap:1px;
  margin-top:34px;
  border:1px solid var(--km-line);
  background:var(--km-line);
}
.pdp-confidence>div{
  background:#0d0d10;
  padding:22px;
}
.pdp-confidence h3{
  color:var(--km-cream);
  font-family:var(--serif,"Cormorant Garamond",serif);
  font-size:30px;
  line-height:1.05;
  margin:0 0 10px;
}
.pdp-confidence strong{
  display:block;
  color:var(--km-gold);
  font-family:var(--mono,"JetBrains Mono",monospace);
  font-size:10px;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.pdp-confidence p{
  color:var(--km-muted);
  font-size:13px;
  line-height:1.55;
  margin:0;
}

/* Hide prototype-only wording if the standalone mock PDP is opened. */
.ecwid-stub{display:none!important}

/* Mobile */
@media (max-width:980px){
  .shop-rail{grid-template-columns:1fr 1fr}
  .shop-rail-label{grid-column:1/-1}
  .pdp-confidence{grid-template-columns:1fr 1fr}
  .banner-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .banner-img{
    min-height:680px;
    order:1;
  }
  .banner-text{
    order:2;
  }
}
@media (max-width:760px){
  .hero{min-height:72vh;align-items:flex-end;padding-bottom:32px}
  .hero-bg::after{
    background:
      linear-gradient(180deg,rgba(5,5,6,.10),rgba(5,5,6,.72)),
      linear-gradient(90deg,rgba(5,5,6,.54),rgba(5,5,6,.18));
  }
  .hero-headline{font-size:clamp(54px,18vw,82px)!important}
  .hero-ctas .btn{width:100%;justify-content:space-between}
  .sec-pad{padding:70px 0!important}
  .sec-pad-sm{padding:56px 0!important}
  .sales-path{padding:12px 0}
  .shop-rail,.pdp-confidence{grid-template-columns:1fr}
  .shop-rail-label{display:none}
  .shop-rail-link{min-height:52px}
  .km-trust-line{justify-content:flex-start;overflow-x:auto;padding:0 2px}
  .shop-path-inner{align-items:flex-start!important}
  .path-note{display:none}
  .piece-media{min-height:360px}
  .product-info{gap:10px}
  .banner-img{min-height:560px}
  .banner-text{padding:56px 24px!important}
  .col-controls{
    display:block!important;
    max-width:100%;
    overflow:hidden;
    margin-bottom:30px!important;
  }
  .col-tabs{
    max-width:100%;
    overflow-x:auto;
    gap:18px!important;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .col-tabs::-webkit-scrollbar{display:none}
  .col-tabs a{
    flex:0 0 auto;
    font-size:10px!important;
  }
  .col-meta{
    display:none!important;
  }
  .piece-filter-row,
  .type-filter-row,
  .path-links,
  .filters{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding:0 20px 8px!important;
    margin-left:-20px;
    margin-right:-20px;
    scroll-padding-left:20px;
  }
  .piece-filter,
  .type-filter,
  .path-pill,
  .filter-pill{
    flex:0 0 auto;
    white-space:nowrap!important;
  }
  .rel-img::before{
    inset:36px 28px 104px;
  }
}


/* KM SURGICAL AUDIT POLISH - 2026-05-20 */
/* Keep layout intact; only enlarge model photography inside existing product cards. */
#bestPlaceholderGrid .product-photo.model-photo,
#productsGrid .product-photo.model-photo {
  transform:scale(1.07) !important;
  transform-origin:center center !important;
  object-fit:cover !important;
}
#bestPlaceholderGrid .product:hover .product-photo.model-photo,
#productsGrid .product:hover .product-photo.model-photo {
  transform:scale(1.095) !important;
}
#bestPlaceholderGrid .product-photo.face-safe-photo,
#productsGrid .product-photo.face-safe-photo {
  object-position:center 16% !important;
}
#bestPlaceholderGrid .product-photo.product-focus-angels,
#productsGrid .product-photo.product-focus-angels,
#productsGrid .product-photo.product-focus-rooted {
  transform:scale(1.055) !important;
  object-position:center 22% !important;
}
#bestPlaceholderGrid .product:hover .product-photo.product-focus-angels,
#productsGrid .product:hover .product-photo.product-focus-angels,
#productsGrid .product:hover .product-photo.product-focus-rooted {
  transform:scale(1.08) !important;
}
/* Mission KM mark: slightly smaller and semi-transparent, without changing the mission layout. */
.mission-logo-link img {
  width:80% !important;
  height:80% !important;
  max-width:520px !important;
  max-height:520px !important;
  transform:none !important;
  opacity:.72 !important;
}


/* KM CORRECTION PASS - product counts, clarity, mockup sizing, mission transparent logo */
/* Homepage model images: keep sharp and clean; do not over-scale or filter them. */
#bestPlaceholderGrid .product-photo.model-photo,
#productsGrid .product-photo.model-photo{
  filter:none !important;
  transform:none !important;
  object-fit:cover !important;
  image-rendering:auto !important;
  backface-visibility:hidden !important;
}
#bestPlaceholderGrid .product:hover .product-photo.model-photo,
#productsGrid .product:hover .product-photo.model-photo{
  transform:scale(1.018) !important;
}
#bestPlaceholderGrid .product-photo.face-safe-photo,
#productsGrid .product-photo.face-safe-photo{
  object-position:center 18% !important;
}
/* Ghost/mockup product images: slightly larger, still below the label/neckline zone. */
#bestPlaceholderGrid .product-photo.mockup-photo,
#productsGrid .product-photo.mockup-photo{
  padding:0 !important;
  object-fit:contain !important;
  object-position:center 55% !important;
  transform:scale(1.065) !important;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.32)) saturate(1.08) contrast(1.06) brightness(1.05) !important;
}
#bestPlaceholderGrid .product:hover .product-photo.mockup-photo,
#productsGrid .product:hover .product-photo.mockup-photo{
  transform:scale(1.085) !important;
}
#bestPlaceholderGrid .product-photo.product-polo-mockup,
#productsGrid .product-photo.product-polo-mockup{
  transform:scale(1.075) !important;
}
#bestPlaceholderGrid .product:hover .product-photo.product-polo-mockup,
#productsGrid .product:hover .product-photo.product-polo-mockup{
  transform:scale(1.095) !important;
}
/* Mission KM logo: true transparent-background image, no faded opacity box. */
.mission-logo-link{
  background:transparent !important;
}
.mission-logo-link img{
  width:76% !important;
  height:76% !important;
  max-width:500px !important;
  max-height:500px !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

/* KM REQUEST FIX PASS - precise homepage corrections only */
/* Raise Bestseller / 02 label to the top of its product box. */
#bestPlaceholderGrid .product-flag.flag-top{
  top:14px !important;
  bottom:auto !important;
  left:14px !important;
}
/* Lower Bestseller / 06 label to the bottom of its product box. */
#bestPlaceholderGrid .product-flag.flag-bottom{
  top:auto !important;
  bottom:14px !important;
  left:14px !important;
}
/* Keep all ghost/mockup product images visually consistent and larger without covering the neckline area. */
#bestPlaceholderGrid .product-photo.mockup-photo,
#productsGrid .product-photo.mockup-photo,
#bestPlaceholderGrid .product-photo.product-polo-mockup,
#productsGrid .product-photo.product-polo-mockup{
  padding:0 !important;
  object-fit:contain !important;
  object-position:center 54% !important;
  transform:scale(1.095) !important;
  filter:drop-shadow(0 22px 26px rgba(0,0,0,.32)) saturate(1.08) contrast(1.06) brightness(1.05) !important;
}
#bestPlaceholderGrid .product:hover .product-photo.mockup-photo,
#productsGrid .product:hover .product-photo.mockup-photo,
#bestPlaceholderGrid .product:hover .product-photo.product-polo-mockup,
#productsGrid .product:hover .product-photo.product-polo-mockup{
  transform:scale(1.11) !important;
}
/* Slightly increase the transparent KM mark under the mission section. */
.mission-logo-link img{
  width:84% !important;
  height:84% !important;
  max-width:560px !important;
  max-height:560px !important;
  object-fit:contain !important;
  opacity:1 !important;
}


/* KM FINAL HOMEPAGE LABEL UNIFORMITY FIX
   Keep every homepage product label at the bottom-left of its product image box. */
#index-placeholder-never-used{}
#bestPlaceholderGrid .product-flag,
#productsGrid .product-flag{
  top:auto !important;
  bottom:14px !important;
  left:14px !important;
  right:auto !important;
}


/* =====================================================================
   KM PRODUCT TYPOGRAPHY LOCK — 2026-05-30
   One canonical treatment for every product NAME and PRICE, on every
   surface (homepage grids, best-sellers, Shop hub, collection pages,
   product detail page, related rails, and the Ecwid store widget).
   This removes the stray browser-default / Times-fallback look and any
   mismatched weights so product text always reads as Kingdom Minded.
   - Names : Cormorant Garamond, medium (500), upright, tight tracking.
   - Prices: Cormorant Garamond, italic, regular (400), gold.
   Sizes are intentionally left to each context; only family / weight /
   style / spacing / color are unified.
   ===================================================================== */

/* ---- Product NAMES ---- */
.product-info h3,
.product-overlay h4,
.piece-info h3,
.card-info h3,
.km-product-info h3,
.related-card h3,
.rel-name,
html body #my-store-135866006 .grid-product__title,
html body #my-store-135866006 .grid-product__title-inner,
html body #my-store-135866006 .grid-product__title a,
html body #my-store-135866006 [class*="grid-product__title"],
html body #my-store-best-135866006 .grid-product__title,
html body #my-store-best-135866006 .grid-product__title-inner,
html body #my-store-best-135866006 [class*="grid-product__title"]{
  font-family:var(--serif,"Cormorant Garamond","Times New Roman",serif) !important;
  font-weight:500 !important;
  font-style:normal !important;
  letter-spacing:-.01em !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---- Product PRICES ---- */
.price,
.product-info .price,
.piece-price,
.card-info .price,
.km-product-price,
.related-card .price,
html body #my-store-135866006 .ec-price-item,
html body #my-store-135866006 [class*="price-item"],
html body #my-store-best-135866006 .ec-price-item,
html body #my-store-best-135866006 [class*="price-item"]{
  font-family:var(--serif,"Cormorant Garamond","Times New Roman",serif) !important;
  font-style:italic !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:var(--km-gold-2) !important;
}

/* =====================================================================
   KM NAV "SEARCH" ALIGNMENT — 2026-05-30
   The header "Search" control was an .icon-btn (11px / .22em / light)
   while the primary nav links (Shop, New Releases, Volumes, About) are
   12px / .18em / weight 500. Match the two so Search reads as a peer
   navigation link, not a default button.
   ===================================================================== */
.nav .nav-right .icon-btn.km-search-trigger,
.nav .nav-right .km-search-trigger{
  font-family:var(--sans,"Inter",system-ui,sans-serif) !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--ivory-dim,#D6D3CC) !important;
  gap:8px !important;
}
.nav .nav-right .icon-btn.km-search-trigger:hover,
.nav .nav-right .km-search-trigger:hover{
  color:var(--ivory,#F4F1EA) !important;
}
/* Keep the magnifier glyph visually proportionate to the 12px label. */
.nav .nav-right .km-search-trigger svg{
  width:15px !important;
  height:15px !important;
}

/* =====================================================================
   KM MOBILE NAVIGATION — 2026-05-30
   On-brand hamburger + slide-down panel (built by km-cart.js from the
   existing nav links). Hidden on desktop; shown at/below 980px where the
   primary nav links are otherwise hidden.
   ===================================================================== */
.km-nav-toggle{
  display:none;
  width:42px;
  height:42px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  background:transparent;
  border:0;
  cursor:pointer;
  padding:0;
  z-index:60;
}
.km-nav-toggle span{
  display:block;
  width:22px;
  height:1.5px;
  background:var(--km-cream);
  transition:transform .32s cubic-bezier(.2,.7,.2,1), opacity .2s ease;
}
body.km-mnav-open .km-nav-toggle span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
body.km-mnav-open .km-nav-toggle span:nth-child(2){ opacity:0; }
body.km-mnav-open .km-nav-toggle span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

.km-mnav-backdrop{
  position:fixed;
  inset:0;
  background:rgba(5,5,6,.72);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
  z-index:54;
}
.km-mnav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:#0a0a0c;
  border-bottom:1px solid var(--km-line-strong);
  box-shadow:0 30px 70px -28px rgba(0,0,0,.85);
  transform:translateY(-102%);
  transition:transform .42s cubic-bezier(.2,.7,.2,1);
  z-index:55;
  padding:88px 0 22px;
}
.km-mnav-list{
  display:flex;
  flex-direction:column;
}
.km-mnav-list a{
  display:flex;
  align-items:center;
  min-height:58px;
  padding:0 26px;
  font-family:var(--sans,"Inter",system-ui,sans-serif);
  font-size:13px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--km-cream);
  text-decoration:none;
  border-top:1px solid var(--km-line);
  transition:color .2s ease, background .2s ease, padding-left .2s ease;
}
.km-mnav-list a:first-child{ border-top:0; }
.km-mnav-list a.active{ color:var(--km-gold-2); }
.km-mnav-list a:active,
.km-mnav-list a:hover{
  color:var(--km-gold-2);
  background:rgba(198,166,100,.06);
  padding-left:32px;
}
body.km-mnav-open{ overflow:hidden; }
body.km-mnav-open .km-mnav{ transform:translateY(0); }
body.km-mnav-open .km-mnav-backdrop{ opacity:1; visibility:visible; }

@media (max-width:980px){
  .km-nav-toggle{ display:flex; }
}
@media (min-width:981px){
  /* Desktop always shows the real nav links; never show mobile chrome. */
  .km-nav-toggle, .km-mnav, .km-mnav-backdrop{ display:none !important; }
}