/* Geode / blue agate backdrop behind design thumbnails (Halloween flash, Birth Flowers, weekly specials, viewer strips).
   Self-contained add-on: overrides only backgrounds/frames, never sizes or layout. Textures: geode-1..3-v2.webp (~185 KB total): crops of a photoreal polished blue agate slice (AI-generated, upscaled).
   Style "mat": each card is a polished agate slab; the design sits on it like a matted print with a gold hairline,
   and the title/size/prices sit on a dark glass panel so they stay readable. */
#halloween .flash,#birth-flowers .flash{
  background:#0b1f4a url(geode-1-v2.webp) 22% 18%/210% auto no-repeat;
  border:1px solid rgba(227,192,136,.78);
  box-shadow:inset 0 0 0 1px rgba(2,8,22,.55),inset 0 0 22px rgba(2,8,24,.55),0 3px 10px rgba(2,10,24,.35);
  color:#f4ead4}
#halloween .flash:nth-child(3n+2),#birth-flowers .flash:nth-child(3n+2){background-image:url(geode-2-v2.webp)}
#halloween .flash:nth-child(3n+3),#birth-flowers .flash:nth-child(3n+3){background-image:url(geode-3-v2.webp)}
#halloween .flash:nth-child(4n+2),#birth-flowers .flash:nth-child(4n+2){background-position:78% 40%}
#halloween .flash:nth-child(4n+3),#birth-flowers .flash:nth-child(4n+3){background-position:40% 82%}
#halloween .flash:nth-child(4n+4),#birth-flowers .flash:nth-child(4n+4){background-position:90% 96%}
#halloween .flash:nth-child(5n+5),#birth-flowers .flash:nth-child(5n+5){background-size:250% auto}
#halloween .flash:hover,#birth-flowers .flash:hover{box-shadow:inset 0 0 0 1px rgba(2,8,22,.55),inset 0 0 22px rgba(2,8,24,.55),0 10px 22px rgba(2,10,24,.45),0 0 14px rgba(227,192,136,.25)}
#halloween .flash img,#birth-flowers .flash img{border-radius:1px;box-shadow:0 0 0 1px #e9c98d,0 0 0 2.5px rgba(3,10,26,.75),0 5px 12px rgba(0,0,0,.55)}
#halloween .flash figcaption,#birth-flowers .flash figcaption{
  margin-top:8px;padding:4px 3px 6px;border-radius:3px;color:#f8eed8;
  background:linear-gradient(180deg,rgba(4,12,32,.76),rgba(3,8,24,.86));
  box-shadow:inset 0 0 0 1px rgba(227,192,136,.3);text-shadow:0 1px 2px rgba(0,0,0,.55)}
#halloween .flash .fprice,#birth-flowers .flash .fprice{color:#d5e3ec}
#halloween .flash .fstart,#birth-flowers .flash .fstart{color:#f2d08e}
#halloween .flash .ftiers,#birth-flowers .flash .ftiers{opacity:1}
#halloween .flash .ap-card,#birth-flowers .flash .ap-card{color:#b9cddb}
/* the sheet behind the cards: deep navy velvet inside the existing brass frame */
#halloween .flash-sheet,#birth-flowers .flash-sheet{
  background:radial-gradient(ellipse at 30% 15%,#16305e,#0b1a3c 60%,#060f26) padding-box,var(--metal) border-box;
  box-shadow:inset 0 0 0 1px rgba(227,192,136,.35),inset 0 0 40px rgba(0,0,0,.45),0 0 0 1px rgba(4,20,22,.7),0 24px 60px rgba(0,0,0,.5)}
@media (max-width:360px){#halloween .flash figcaption,#birth-flowers .flash figcaption{margin-top:6px;padding:3px 0 5px}}

/* viewer thumbnail strips (preview card + full view): a thin agate mat around each thumbnail */
.vw .pv-strip button,.vw .ex-strip button{padding:3px!important;background:#0b1f4a url(geode-2-v2.webp) 30% 30%/260% auto!important}
.vw .pv-strip button:nth-child(3n+2),.vw .ex-strip button:nth-child(3n+2){background-image:url(geode-3-v2.webp)!important;background-position:70% 60%!important}
.vw .pv-strip button:nth-child(3n+3),.vw .ex-strip button:nth-child(3n+3){background-image:url(geode-1-v2.webp)!important;background-position:50% 85%!important}
.vw .pv-strip img,.vw .ex-strip img{border-radius:3px;box-shadow:0 0 0 1px rgba(233,201,141,.8)}

/* weekly specials (shop.html): an agate medallion with a gold ring behind each design */
#grid .tile .art::before{inset:4%;filter:none;border-radius:50%;
  background:#0b1f4a url(geode-3-v2.webp) 50% 40%/170% auto;
  box-shadow:0 0 0 1.5px #e3c088,0 0 0 3px rgba(3,10,26,.8),0 6px 16px rgba(0,0,0,.6),inset 0 0 14px rgba(2,8,24,.7)}
#grid .tile:nth-child(3n+1) .art::before{background-image:url(geode-1-v2.webp);background-position:30% 60%}
#grid .tile:nth-child(3n+2) .art::before{background-image:url(geode-2-v2.webp);background-position:70% 30%}
#grid .tile .art img{mix-blend-mode:normal;-webkit-mask:radial-gradient(circle,#000 40%,transparent 57%);mask:radial-gradient(circle,#000 40%,transparent 57%)}
#grid .feat .art::before{width:44%;left:28%;top:0;aspect-ratio:1;border-radius:50%;
  background:#0b1f4a url(geode-1-v2.webp) 60% 35%/150% auto;
  box-shadow:0 0 0 2px #e3c088,0 0 0 4px rgba(3,10,26,.8),0 0 30px rgba(255,201,40,.3),0 10px 24px rgba(0,0,0,.6),inset 0 0 20px rgba(2,8,24,.7)}
#grid .feat .art img{-webkit-mask:radial-gradient(circle,#000 42%,transparent 58%);mask:radial-gradient(circle,#000 42%,transparent 58%)}