:root{--shop-line:rgba(94,230,255,.24);--shop-muted:#9fbbcc;--shop-ink:#eefaff;--shop-cyan:#39e8ff;--shop-pink:#ff6bd8}
.diamond-shop-main{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px}
.diamond-shop-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.48fr);gap:24px;align-items:stretch;padding:clamp(24px,4vw,42px)}
.diamond-shop-hero h1{margin:8px 0 12px;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.045em;max-width:900px}
.diamond-shop-hero p{max-width:830px;color:var(--shop-muted);font-size:18px;line-height:1.55}
.diamond-shop-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.diamond-wallet-card{display:grid;align-content:center;gap:7px;padding:24px;border:1px solid rgba(255,107,216,.28);border-radius:22px;background:linear-gradient(145deg,rgba(33,22,76,.82),rgba(7,19,45,.78));box-shadow:0 18px 44px rgba(0,0,0,.24)}
.diamond-wallet-card span{font-family:"Press Start 2P",monospace;color:#f19cff;font-size:10px;text-transform:uppercase}
.diamond-wallet-card strong{font-size:44px;color:#fff}
.diamond-wallet-card p{margin:0;font-size:13px}
.diamond-shop-status{margin-top:16px;padding:14px 18px;color:#dff8ff}
.diamond-shop-status.is-error{border-color:rgba(255,95,120,.4);color:#ffd3da}
.diamond-shop-browser{margin-top:16px;padding:24px}
.diamond-shop-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
.diamond-shop-heading h2{margin:5px 0 0;font-size:clamp(30px,4vw,48px)}
.diamond-shop-count{padding:8px 11px;border:1px solid var(--shop-line);border-radius:999px;color:var(--shop-cyan);font-weight:900;font-size:12px;white-space:nowrap}
.diamond-shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.diamond-shop-tab{appearance:none;min-height:44px;padding:9px 16px;border:1px solid var(--shop-line);border-radius:999px;background:rgba(16,31,73,.68);color:var(--shop-ink);font:inherit;font-weight:900;cursor:pointer}
.diamond-shop-tab:hover{border-color:var(--shop-cyan)}
.diamond-shop-tab[aria-selected="true"]{border-color:var(--shop-pink);color:#ff91e2;box-shadow:0 0 0 1px rgba(255,107,216,.16)}
.diamond-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.diamond-shop-loading,.diamond-shop-empty{grid-column:1/-1;min-height:220px;display:grid;place-content:center;text-align:center;color:var(--shop-muted);border:1px dashed var(--shop-line);border-radius:18px}
.diamond-item{display:flex;flex-direction:column;min-width:0;border:1px solid var(--shop-line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(10,24,55,.8),rgba(5,10,24,.62));box-shadow:0 15px 36px rgba(0,0,0,.2)}
.diamond-item:hover{transform:translateY(-2px);border-color:rgba(57,232,255,.48);box-shadow:0 18px 42px rgba(0,0,0,.29)}
.diamond-item.is-equipped{border-color:var(--shop-cyan);box-shadow:0 0 0 1px rgba(57,232,255,.17),0 18px 42px rgba(0,0,0,.29)}
.diamond-item-preview{position:relative;display:grid;place-items:center;overflow:hidden;background:#050b18;border-bottom:1px solid rgba(94,230,255,.14);aspect-ratio:1}
.diamond-item[data-type="background"] .diamond-item-preview{aspect-ratio:3/1}
.diamond-item[data-type="bookend"] .diamond-item-preview{aspect-ratio:3/2}
.diamond-item-preview img{width:100%;height:100%;object-fit:cover;display:block}
.diamond-item:not([data-type="background"]):not([data-type="bookend"]) .diamond-item-preview img{object-fit:contain;padding:16px}
.diamond-item-badges{position:absolute;left:10px;top:10px;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 20px)}
.diamond-badge{padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(3,9,23,.8);color:#eafbff;font-size:10px;font-weight:900;text-transform:uppercase;backdrop-filter:blur(5px)}
.diamond-badge.owned{border-color:rgba(105,255,161,.42);color:#baffcf}.diamond-badge.equipped{border-color:rgba(57,232,255,.5);color:var(--shop-cyan)}.diamond-badge.reversible{border-color:rgba(255,186,94,.45);color:#ffd493}
.diamond-item-info{display:flex;flex-direction:column;flex:1 1 auto;padding:16px}
.diamond-item-info h3{margin:0 0 6px;font-size:19px}.diamond-item-info p{margin:0;color:var(--shop-muted);font-size:13px;line-height:1.5;min-height:58px}
.diamond-item-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:13px;font-size:12px;font-weight:900}.diamond-item-tier{color:#f5a5ff;text-transform:uppercase}.diamond-item-price{color:var(--shop-cyan)}
.diamond-item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:16px}.diamond-item-actions .btn{flex:1 1 130px;min-height:42px;padding:9px 11px;font-size:12px}.diamond-item-actions .btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.diamond-item-message{margin-top:9px;padding:8px 10px;border:1px solid rgba(105,255,161,.35);border-radius:11px;background:rgba(105,255,161,.07);color:#c9ffda;font-size:12px;font-weight:800}.diamond-item-message[hidden]{display:none!important}.diamond-item-message.is-error{border-color:rgba(255,95,120,.42);background:rgba(255,95,120,.08);color:#ffd3da}
@media(max-width:1050px){.diamond-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diamond-shop-hero{grid-template-columns:1fr}.diamond-wallet-card{max-width:520px}}
@media(max-width:650px){.diamond-shop-main{width:min(100% - 18px,1500px);padding-top:18px}.diamond-shop-browser,.diamond-shop-hero{padding:17px}.diamond-shop-grid{grid-template-columns:1fr}.diamond-shop-heading{align-items:flex-start}.diamond-shop-tabs{overflow-x:auto;flex-wrap:nowrap}.diamond-shop-tab{white-space:nowrap}}


/* Expansion 5 Step 6J — cutout bookend shop previews */
.diamond-item.is-cutout-bookend .diamond-item-preview{
  background:
    radial-gradient(circle at 50% 50%,rgba(41,231,255,.08),transparent 58%),
    #050b18;
}
.diamond-item.is-cutout-bookend .diamond-item-preview img{
  object-fit:contain;
  padding:8px;
}
.diamond-badge.fixed{border-color:rgba(255,125,170,.45);color:#ffc2d7}
.diamond-badge.cutout{border-color:rgba(130,210,255,.48);color:#cbeeff}


/* ==========================================================================\n   2026-10-08 — FULL BOOKEND Diamond Shop preview\n   Always show the entire left and right bookend. No zoom/crop.\n   ========================================================================== */
.diamond-item[data-type="bookend"] .diamond-item-preview{
  position:relative;
  aspect-ratio:3/2;
  overflow:hidden;
  padding:0 !important;
  background:#050b18;
}
.diamond-item[data-type="bookend"] .diamond-bookend-pair{
  position:absolute;
  inset:12px 18px 10px;
  display:block;
}
.diamond-item[data-type="bookend"] .diamond-bookend-side{
  position:absolute;
  top:0;
  bottom:0;
  width:34%;
  height:100%;
  max-width:none;
  max-height:none;
  padding:0 !important;
  margin:0;
  object-fit:contain;
  transform:none !important;
}
.diamond-item[data-type="bookend"] .diamond-bookend-side-left{
  left:4%;
  object-position:center bottom;
}
.diamond-item[data-type="bookend"] .diamond-bookend-side-right{
  right:4%;
  object-position:center bottom;
}
.diamond-item[data-type="bookend"] .diamond-item-preview > img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  box-sizing:border-box;
  padding:14px 22px !important;
  transform:none !important;
}
@media(max-width:650px){
  .diamond-item[data-type="bookend"] .diamond-bookend-pair{inset:10px 12px 8px}
  .diamond-item[data-type="bookend"] .diamond-bookend-side{width:36%}
  .diamond-item[data-type="bookend"] .diamond-bookend-side-left{left:2%}
  .diamond-item[data-type="bookend"] .diamond-bookend-side-right{right:2%}
}

.shop-poll-feature,.shop-collections-section,.shop-order-section{padding:clamp(20px,3vw,30px);margin:24px 0}.shop-poll-feature{display:flex;gap:24px;align-items:center;justify-content:space-between}.shop-poll-feature>div{max-width:75ch}.shop-poll-feature>.btn{flex-shrink:0}.shop-poll-feature p,.collection-card p{line-height:1.65}.collection-card li{margin:12px 0}.collection-card .btn{white-space:normal}.collection-price{font-weight:700}.diamond-item[data-type="journal_frame"] .diamond-item-preview img{object-fit:contain;width:100%;height:100%}.diamond-item[data-type="frame"] .diamond-item-preview img{object-fit:contain;max-width:100%;max-height:100%}.shop-order-section summary{cursor:pointer;font-weight:700}.shop-order-section p{padding:12px 0;border-bottom:1px solid var(--line,#31506f)}@media(max-width:700px){.shop-poll-feature{display:block}.shop-poll-feature>.btn{margin-top:12px}}

/* Diamond pack cards */
#diamond-pack-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 16px;
}

#diamond-pack-list > .panel {
  padding: 20px;
}

#diamond-pack-list > .panel h3 {
  margin: 0 0 12px;
}

#diamond-pack-list > .panel p {
  margin: 0 0 16px;
}