/* Baddest Gems DEV shop alignment; catalog remains supplier-review only */
body{background:#fffaf7;color:#331c22}header{background:#fffaf7;border-bottom:1px solid #f0e4e1}header .logo img{max-width:100%;height:auto}.topline{background:#382026;color:#fff0e9;letter-spacing:.12em;font-size:10px}.intro{text-align:center;padding:75px 6% 50px;background:linear-gradient(125deg,#fff8f3,#fbe5df)}.intro h1{font:400 clamp(42px,5vw,72px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:14px auto 22px}.intro h1 em{color:#eb4d69}.intro p{max-width:660px;margin:0 auto;line-height:1.8}.cards{gap:22px;padding-top:40px;padding-bottom:75px}.cards .item{border-radius:18px;background:#fff;box-shadow:0 8px 32px #52242a12;overflow:hidden;transition:transform .25s,box-shadow .25s}.cards .item:hover{transform:translateY(-4px);box-shadow:0 15px 38px #52242a20}.cards .item-body{padding:23px}.cards .item-body h3{font-size:clamp(23px,2vw,32px);line-height:1.15}.cards .illustration{background:linear-gradient(130deg,#fff0e9,#f9e0df);min-height:190px}.status,.supplier-pending{font-weight:700;color:#805f62}.pill{background:#f8e7e4;color:#81424b}@media(max-width:700px){.intro{padding:55px 6% 35px}.intro h1{font-size:clamp(40px,10vw,60px)}.cards{padding:24px 5% 55px;gap:16px}}
/* Editorial preview: imagery is illustrative, not a representation of verified inventory. */
.shop-collection-note{display:flex;justify-content:center;gap:clamp(18px,5vw,75px);flex-wrap:wrap;padding:22px 6%;background:#fffaf7;border-bottom:1px solid #f0e4e1;color:#73565a;font-size:12px;letter-spacing:.04em}
.shop-collection-note span:before{content:'✦';color:#d7798c;margin-right:9px}
.cards .illustration{padding:0;min-height:0;aspect-ratio:1.48;overflow:hidden;background:#f8e8e4}
.cards .illustration img{display:block;width:100%;height:100%;max-width:none!important;object-fit:cover;object-position:center;transition:transform .5s ease}
.cards .item:hover .illustration img{transform:scale(1.035)}
.cards .item-body{padding:24px 26px 30px}
.cards .item-body h3{margin:12px 0 8px}
.cards .item-body p{line-height:1.6}
.pill{letter-spacing:.1em;font-size:10px}
@media(max-width:700px){.shop-collection-note{gap:12px 22px;padding:20px 5%;font-size:11px}.cards .illustration{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.cards .illustration img{transition:none!important;transform:none!important}}
/* Shop mobile usability: accessible tap targets and non-clipping cards. */
.shop-collection-note{max-width:100%;overflow-wrap:anywhere}
.cards .item{min-width:0}
.cards .item-body{min-width:0;overflow-wrap:break-word}
.cards .item-body .status{display:block;margin-top:12px}
.cards .item-body .supplier-pending{font-size:12px;font-weight:600}
header nav a,header .nav-cta{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:700px){header{gap:12px}header nav{display:flex;flex-wrap:wrap;gap:5px 15px}header nav a{padding:8px 2px}.cards .item-body{padding:22px 20px 26px}.intro p{font-size:14px;line-height:1.7}}
.catalog-disclosure{max-width:820px;margin:30px auto -16px;padding:0 24px;text-align:center;color:#80676b;font-size:12px;line-height:1.6}
.cards .illustration{position:relative}
.cards .illustration .image-disclosure{position:absolute;bottom:10px;left:10px;right:10px;z-index:1;width:max-content;max-width:calc(100% - 20px);background:rgba(255,250,247,.96);color:#593d42;border-radius:5px;padding:8px 11px;font-size:10px;font-weight:700;letter-spacing:.025em;line-height:1.4}


/* Shop V3: disclosure badges must not inherit illustration placeholder full-height spans. */
.cards .illustration > .image-disclosure {
  position:absolute;
  z-index:2;
  inset:auto auto 12px 12px;
  display:inline-block;
  flex:none;
  width:max-content;
  max-width:calc(100% - 24px);
  height:auto;
  min-height:0;
  margin:0;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:9px;
  background:rgba(255,250,247,.94);
  box-shadow:0 4px 16px rgba(43,17,28,.12);
  color:#4c3037;
  font-family:Manrope,system-ui,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:0;
  text-align:left;
  white-space:normal;
  filter:none;
  pointer-events:none;
}
@media(max-width:700px){
  .cards .illustration > .image-disclosure{bottom:10px;left:10px;max-width:calc(100% - 20px);font-size:10px;padding:7px 9px}
}
