/*
 * Katniss Wild — understated metalwork on the OUTSIDE of large panels.
 * Unpublished preview only; replaces the too-bright starbursts.
 * The satin/bordeaux backgrounds and working content remain intact.
 */

/* 1. Large book-series frames: gently curved, warm metallic perimeter.
   Different corners catch a little light, WITHOUT hotspots on a line. */
.kwv-page .kwv-series-block{
  --kw-metal-corner-x:18%;
  --kw-metal-side-y:68%;
  border:1px solid rgba(198,151,105,.43);
  border-radius:3px;
  box-shadow:
    inset 0 0 0 1px rgba(255,217,172,.028),
    0 8px 22px rgba(6,0,3,.2);
  overflow:visible;
  isolation:isolate;
}
.kwv-page .kwv-series-block:nth-child(3n+1){
  --kw-metal-corner-x:16%;
  --kw-metal-side-y:79%;
}
.kwv-page .kwv-series-block:nth-child(3n+2){
  --kw-metal-corner-x:79%;
  --kw-metal-side-y:27%;
}
.kwv-page .kwv-series-block:nth-child(3n+3){
  --kw-metal-corner-x:32%;
  --kw-metal-side-y:61%;
}
.kwv-page .kwv-series-block::before{
  content:"";
  display:block;
  position:absolute;
  inset:-1px;
  z-index:2;
  padding:1.4px;
  border:0;
  border-radius:4px;
  pointer-events:none;
  opacity:.88;
  background:
    radial-gradient(ellipse 122px 85px at var(--kw-metal-corner-x) 0%,
      rgba(255,233,194,.68) 0%,
      rgba(230,186,129,.36) 40%,
      transparent 86%),
    radial-gradient(ellipse 90px 115px at 100% var(--kw-metal-side-y),
      rgba(241,211,167,.36) 0%,
      rgba(201,142,86,.17) 48%,
      transparent 85%),
    radial-gradient(ellipse 74px 100px at 0% 92%,
      rgba(231,191,142,.30),transparent 82%),
    linear-gradient(110deg,
      rgba(148,99,62,.16) 0%,
      rgba(223,175,116,.38) 23%,
      rgba(176,116,67,.25) 57%,
      rgba(211,166,112,.32) 82%,
      rgba(132,80,47,.15) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  filter:none;
  box-shadow:none;
}

/* 2. Inner series-heading rule and shop underlines: plain, dark, quiet. */
.kwv-page .kwv-series-heading::after{
  height:1px;
  background:linear-gradient(90deg,
    rgba(193,137,91,.28),
    rgba(176,121,78,.22) 65%,
    transparent 100%);
  filter:none;
  box-shadow:none;
}
.kwv-page .kwv-catalog-category::before{
  content:none!important;
  display:none!important;
}
.kwv-page .kwv-catalog-category{
  border-bottom:1px solid rgba(185,135,90,.21);
  box-shadow:none;
}
.kwv-page .kwv-catalog-category .kwv-catalog-buy,
.kwv-page .kwv-catalog-category .kwv-catalog-book .kwv-catalog-buy{
  background:none;
  box-shadow:none;
  filter:none;
  text-shadow:none;
  border-bottom:1px solid rgba(197,146,102,.23);
}

/* 3. The same fine OUTER edging on the other site pages and cards.
   Only the outer contour has a shimmer; no extra starbursts. */
.kwv-page .kwv-subpage .kwv-alternate,
.kwv-page .kwv-catalog-elsewhere .kwv-other-stores-translations,
.kwv-page .kwv-gift-card{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(205,155,108,.35);
  border-radius:3px;
  box-shadow:0 8px 24px rgba(7,0,3,.22);
}
.kwv-page .kwv-subpage .kwv-alternate::before,
.kwv-page .kwv-catalog-elsewhere .kwv-other-stores-translations::before,
.kwv-page .kwv-gift-card::before{
  content:"";
  position:absolute;
  display:block;
  inset:-1px;
  z-index:2;
  padding:1.25px;
  border:0;
  border-radius:4px;
  pointer-events:none;
  opacity:.78;
  background:
    radial-gradient(ellipse 88px 100px at 0% 24%,rgba(247,211,166,.48),transparent 86%),
    radial-gradient(ellipse 122px 85px at 76% 0%,rgba(247,222,180,.39),transparent 86%),
    linear-gradient(125deg,rgba(166,117,73,.18),rgba(212,168,112,.30) 36%,rgba(162,112,69,.17) 77%,rgba(204,152,98,.24));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  box-shadow:none;
  filter:none;
}
.kwv-page .kwv-subpage .kwv-alternate>*,
.kwv-page .kwv-catalog-elsewhere .kwv-other-stores-translations>*,
.kwv-page .kwv-gift-card>*{
  position:relative;
  z-index:3;
}

/* 4. Home page: subtle metal tint outlining the large editorial panels.
   The HERO photograph with Alexis/Ryan/Lily stays completely untouched. */
.kwv-page .kwv-feature-with-feed-main>.kwv-spotlight{
  box-shadow:inset 0 1px 0 rgba(229,185,136,.25),inset 0 -1px 0 rgba(219,168,117,.20);
}
.kwv-page .kwv-feature-with-feed-main>.kwv-books{
  box-shadow:inset 0 1px 0 rgba(171,120,81,.25),inset 0 -1px 0 rgba(165,120,84,.20);
}
.kwv-page .kwv-feature-with-feed-side{
  border-left:1px solid rgba(213,162,109,.38);
  box-shadow:inset 1px 0 0 rgba(244,212,162,.10);
}
.kwv-page .kwv-microfeed .kwv-feed-card{
  border:1px solid rgba(205,153,104,.31);
  border-radius:3px;
  box-shadow:inset 0 1px 0 rgba(244,205,162,.035),0 5px 15px rgba(4,0,2,.18);
}
.kwv-page .kwv-genres{
  border-top:1px solid rgba(216,166,114,.30);
  border-bottom:1px solid rgba(216,166,114,.30);
  box-shadow:inset 0 1px 0 rgba(237,200,155,.08);
}
.kwv-page .kwv-newsletter{
  box-shadow:inset 0 1px 0 rgba(160,107,81,.21),inset 0 -1px 0 rgba(160,107,81,.21);
}
.kwv-page .kwv-footer{
  border-top:1px solid rgba(210,161,108,.40);
  box-shadow:inset 0 1px 0 rgba(241,203,159,.065);
}
.kwv-page .kwv-page-cta{
  border-top:1px solid rgba(207,159,110,.28);
}
@media(max-width:1000px){
  .kwv-page .kwv-feature-with-feed-side{
    border-left:0;
    border-top:1px solid rgba(213,162,109,.32);
    box-shadow:inset 0 1px 0 rgba(244,212,162,.09);
  }
}
@media(prefers-reduced-motion:reduce){
  .kwv-page .kwv-series-block::before,
  .kwv-page .kwv-subpage .kwv-alternate::before{
    animation:none;
  }
}