/* Store preview: mock storefront, collection cards, why-now grid, CTA row. Sizes in rem; tokens from site.css. */
html{font-size:clamp(14px,1.1vw,16px)}
.store-section{background:#0f1918}
.store-mock{border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;background:var(--panel);box-shadow:0 1.5rem 4rem #0006}
.sm-bar{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--line);background:#121c1b}
.sm-bar i{width:.65rem;height:.65rem;border-radius:50%;background:#3a4a43}
.sm-bar span{margin-left:.9rem;padding:.3rem 1rem;border-radius:6.25rem;background:#0e1515;color:var(--muted);font-size:.75rem}
.sm-head{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.6rem;border-bottom:1px solid var(--line)}
.sm-head img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover}
.sm-head strong{display:block;font-size:1.15rem}
.sm-head span{display:block;font-size:.8rem;color:var(--muted)}
.sm-head .sm-tag{display:block;font-size:.95rem;margin-top:.15rem}
.sm-head .sm-bag{margin-left:auto;border:1px solid var(--line);border-radius:6.25rem;padding:.45rem 1rem;color:var(--ink);font-size:.8rem}
.sm-tabs{display:flex;gap:.6rem;flex-wrap:wrap;padding:1rem 1.6rem 0}
.sm-tabs span{padding:.4rem .95rem;border:1px solid var(--line);border-radius:6.25rem;font-size:.8rem;color:var(--muted)}
.sm-tabs .on{background:var(--lime);border-color:var(--lime);color:#15221d}
.sm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;padding:1.4rem 1.6rem}
.sm-card figure{position:relative;aspect-ratio:3/4;border-radius:1rem;overflow:hidden;background:#0e1515}
.sm-card img{width:100%;height:100%;object-fit:cover;display:block}
.sm-card figcaption{position:absolute;left:.6rem;bottom:.6rem;padding:.2rem .6rem;border-radius:6.25rem;background:#0e1515cc;font-size:.65rem;color:var(--ink)}
.sm-card h3{font-size:1rem;margin-top:.8rem;line-height:1.25}
.sm-price{font-size:.8rem;color:var(--muted);margin-top:.2rem}
.sm-add{margin-top:.7rem;width:100%;border:1px solid var(--line);background:transparent;border-radius:6.25rem;padding:.55rem;font-size:.8rem;color:var(--muted);cursor:default}
.sm-note{padding:0 1.6rem 1.4rem;font-size:.75rem;color:var(--muted)}
.coll-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-bottom:4rem}
.coll-card{border:1px solid var(--line);border-radius:1.25rem;overflow:hidden;background:var(--panel)}
.coll-card figure{aspect-ratio:4/5;overflow:hidden}
.coll-card img{width:100%;height:100%;object-fit:cover;display:block}
.coll-card>div{padding:1.1rem 1.2rem 1.3rem}
.coll-card h3{font-size:1.2rem}
.coll-card p{font-size:.9rem;color:var(--muted);line-height:1.55;margin-top:.5rem}
.coll-card .coll-tags{font-size:.75rem;color:var(--lime)}
.coll-price{display:inline-block;margin-top:.8rem;padding:.25rem .75rem;border:1px solid var(--line);border-radius:6.25rem;font-size:.72rem;color:var(--muted)}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:2.5rem}
.why-grid article{padding:1.6rem;border:1px solid #405046;border-radius:1.1rem}
.why-grid p{margin-top:.6rem;font-size:.95rem;color:var(--muted);line-height:1.6}
.one-offer{grid-template-columns:minmax(0,34rem)}
.one-offer .price h3{font-size:4.2rem}
.one-offer .price h3 span{font-size:1.4rem}
.cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-row .button{margin-top:1.8rem;width:auto}
@media(max-width:1000px){.sm-grid,.coll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sm-head{flex-wrap:wrap}.sm-head .sm-bag{margin-left:0}.sm-grid{padding:1rem;gap:.8rem}.sm-tabs{padding:1rem 1rem 0}.sm-head,.sm-note{padding-left:1rem;padding-right:1rem}.coll-grid{gap:.8rem}.cta-row .button{width:100%}.one-offer .price h3{font-size:3.4rem}}
.one-offer{justify-content:center}
.one-offer .price{min-height:0;background:var(--lime);border-color:var(--lime);color:#14251a}
.one-offer .price .phase-tag,.one-offer .price p,.one-offer .price small{color:#2d4331}
.one-offer .price h3{color:#14251a}
.one-offer .price h3 span{color:#14251a}
.one-offer .price .commission{color:#14251a;font-size:1.3rem;line-height:1.3}
.cta-row{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}
.cta-row .button{flex:0 0 auto;width:auto!important;margin-top:1.8rem;gap:1.2rem}
.cta-row .contract-cta{padding:1.1rem 2.4rem}
.cta-row .button:not(.primary){padding:1.1rem 2rem;font-size:1rem}