/* The store — dark glass + marble re-skin.
 *
 * The product photograph still does the selling; the card around it is now
 * quiet dark glass instead of quiet paper. Includes the authority-label rule
 * that used to arrive via bible-studies.css.
 */

.authority-label{
    margin:22px 0 10px;
    text-transform:uppercase;letter-spacing:.17em;
    font-size:.61rem;font-weight:950;color:var(--gold);
}

.store{background:transparent}

.store-head{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(260px,.85fr);
    gap:clamp(24px,5vw,64px);
    align-items:start;
    padding:clamp(44px,6vw,86px) clamp(20px,6vw,90px) clamp(28px,3vw,44px);
    background:radial-gradient(circle at 12% 10%,rgba(201,164,92,.10),transparent 40%);
    position:relative;
}
.store-head:after{
    content:"";position:absolute;inset:16px;
    border:1px solid rgba(201,164,92,.22);pointer-events:none;
    border-radius:var(--radius);
}
.store-head>*{position:relative;z-index:1}
.store-head h1{
    margin:0;
    font:400 clamp(2.6rem,5.4vw,5rem)/.94 var(--serif);
    letter-spacing:-.03em;color:#f4efe2;
}
.store-head h1 em{font-style:italic;color:var(--gold)}
.store-head>div>p:last-child{
    margin:18px 0 0;max-width:56ch;
    font:1.05rem/1.7 var(--serif);color:var(--muted);
}
/* Says plainly that nothing can be bought yet. */
.store-honesty{
    padding:20px 22px;
    background:var(--glass);
    border:1px solid var(--glass-border);
    border-left:3px solid var(--gold);
    border-radius:var(--radius-sm);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.store-honesty .authority-label{margin-top:0}
.store-honesty p:last-child{margin:0;font-size:.86rem;line-height:1.62;color:var(--muted)}

/* ---- filters ---- */

.store-filters{
    display:flex;flex-wrap:wrap;gap:8px;
    max-width:1250px;margin:0 auto;
    padding:18px clamp(20px,6vw,90px) 6px;
}
.store-filters button{
    display:inline-flex;align-items:center;gap:7px;
    padding:9px 16px;
    border:1px solid var(--glass-border);
    border-radius:999px;
    background:var(--glass);color:var(--gold-pale);
    font:800 .78rem var(--serif);cursor:pointer;
}
.store-filters button b{
    font:900 .62rem var(--serif);color:var(--gold);
}
.store-filters button:hover{border-color:var(--gold);color:#fff}
.store-filters button[aria-pressed="true"]{
    background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);
    color:#141109;border-color:var(--gold);
}
.store-filters button[aria-pressed="true"] b{color:#3d2f12}

.store-interest{
    max-width:1250px;margin:0 auto;
    padding:6px clamp(20px,6vw,90px) 0;
    font-size:.88rem;color:var(--muted);
}
.store-interest b{font:400 1.3rem var(--serif);color:var(--gold-pale)}

/* ---- shelves and products ---- */

.store-shelf{max-width:1250px;margin:0 auto;padding:clamp(22px,3vw,36px) clamp(20px,6vw,90px) 0}
.store-shelf:last-child{padding-bottom:clamp(40px,5vw,70px)}
.store-shelf h2{
    display:flex;align-items:center;gap:10px;
    margin:0 0 4px;font:400 1.9rem var(--serif);color:#f4efe2;
}
.store-shelf h2 b{
    padding:.2rem .6rem;background:rgba(255,255,255,.08);
    border-radius:6px;
    font:900 .62rem var(--serif);color:var(--muted);
}
.shelf-blurb{margin:0 0 16px;font-size:.94rem;color:var(--muted)}

.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:16px}
.product{
    display:flex;flex-direction:column;
    background:var(--glass);
    border:1px solid var(--glass-border);
    border-radius:var(--radius);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    overflow:hidden;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.product:hover{transform:translateY(-5px);border-color:rgba(201,164,92,.4);box-shadow:0 20px 40px rgba(0,0,0,.45)}
.product-art{aspect-ratio:1;background:rgba(255,255,255,.04)}
.product-art img{width:100%;height:100%;object-fit:cover;display:block}
/* A product whose photograph has not been made yet still lists properly. */
.product.is-artless .product-art{
    display:grid;place-items:center;
    background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 10px,rgba(255,255,255,.02) 10px 20px);
}
.product.is-artless .product-art:after{
    content:"photo to come";
    font:900 .58rem var(--serif);letter-spacing:.14em;
    text-transform:uppercase;color:var(--muted);
}

.product-body{display:flex;flex-direction:column;gap:5px;flex:1;padding:14px 16px 16px}
.product-body h3{margin:0;font:400 1.22rem var(--serif);color:#f4efe2}
.product-verse{
    margin:0;font:900 .6rem var(--serif);letter-spacing:.11em;
    text-transform:uppercase;color:var(--gold);
}
.product-hook{margin:4px 0 0;font:italic .88rem/1.5 var(--serif);color:var(--muted)}
.product-price{margin:8px 0 0;font:700 1rem var(--serif);color:var(--gold-pale)}

.product-tell{
    margin-top:auto;width:100%;
    padding:11px 12px;
    border:1px solid var(--glass-border);
    border-radius:999px;
    background:transparent;color:var(--gold-pale);
    font:800 .7rem var(--serif);letter-spacing:.04em;cursor:pointer;
    transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.product-tell:hover{border-color:var(--gold);color:#fff}
.product-tell[aria-pressed="true"]{
    background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);
    color:#141109;border-color:var(--gold);
}

.store-foot{
    max-width:1250px;margin:0 auto;
    padding:0 clamp(20px,6vw,90px) clamp(44px,6vw,80px);
}
.store-foot p:last-child{
    margin:0;max-width:62ch;
    font:1rem/1.68 var(--serif);color:var(--muted);
}

@media (max-width:900px){.store-head{grid-template-columns:1fr}}