:root{color-scheme:dark;--bg:#111114;--text:#f7f6f9;--muted:#b8b7bf;--orange:#ff9b2b;--line:#303036}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffc76b;outline-offset:4px}.wrap{max-width:1320px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line);background:#141217}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:46px;height:46px}.brand b{font-size:21px}.brand b span{color:#fa9650}.brand small{display:block;font-size:12px;color:var(--muted)}.links{display:flex;gap:26px;font-size:14px}.links a:hover,.links [aria-current]{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:10px 24px;border:1px solid var(--orange);border-radius:6px;background:var(--orange);color:#17120b;font-weight:600;font-size:15px;line-height:1.4;text-align:center}.button:hover{background:#ffb652}.button.outline{background:transparent;color:var(--orange)}.button.outline:hover{background:#ff9b2b16}.compact{min-height:40px}.intro{padding-top:24px;padding-bottom:26px}.crumb{font-size:13px;color:var(--muted);margin-bottom:10px}h1,h2,h3{font-family:'Space Grotesk',Inter,sans-serif;line-height:1.15;margin:0;font-weight:700}h1{font-size:56px;margin-bottom:14px}h1 span,.catalog h2 span{color:#ffb151}p{color:var(--muted);margin:10px 0}.access-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:20px}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.access-grid article+article{border-left:1px solid var(--line);padding-left:38px}.access-grid h2{font-size:23px}.access-grid p{font-size:14px;margin:8px 0}.price{font-size:44px;font-weight:700;line-height:1.25;margin:8px 0 10px}.price small{font-size:14px;font-weight:400;white-space:nowrap}.one-time{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:8px}.agency-price{display:flex;justify-content:space-between;align-items:center;gap:15px}.access-note{text-align:center;font-size:13px;margin:12px 24px 16px}.catalog{padding-top:22px}.catalog h2{font-size:32px}.catalog>p{margin:8px 0 20px}.themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.cover{position:relative;display:block;width:100%;padding:0;background:#19171e;border:1px solid #3b3544;border-radius:6px;overflow:hidden;aspect-ratio:1}.cover>img{display:block;width:100%;height:100%;object-fit:contain}.lock{position:absolute;top:12px;right:12px;background:#151219e8;border:1px solid #ffffff65;border-radius:6px;width:34px;height:34px;display:grid;place-items:center}.lock img{width:19px;height:19px;filter:invert(1)}.theme h3{font-size:20px;margin-top:12px}.theme-price{font-size:25px;font-weight:700;color:white;min-height:38px;margin:5px 0}.theme-price small{font-size:12px;color:var(--muted);font-weight:400}.theme-price.included{font-size:16px;font-weight:400;display:flex;align-items:center}.theme-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px;font-size:13px;color:var(--muted)}.theme-bottom .button{min-width:130px}.catalog .delivery-note{border-top:1px solid var(--line);text-align:center;margin:30px 0 0;padding:18px;font-size:14px}.details{padding-top:28px;padding-bottom:40px}.details h2{font-size:26px;margin-bottom:16px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600}details p{max-width:850px;font-size:15px}footer{display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--line);min-height:80px;align-items:center;color:var(--muted);font-size:13px}dialog{background:#18161d;color:var(--text);border:1px solid #55455e;border-radius:8px;padding:30px;width:min(850px,calc(100% - 24px));max-height:90vh;overflow:auto}dialog::backdrop{background:#000b}.close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:#232029;color:white;font-size:25px}#dialogContent{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}#dialogContent>img{width:100%;height:auto;border-radius:6px}#dialogContent h2{font-size:28px;margin:20px 0 16px}#dialogContent ul{padding-left:20px;columns:2;font-size:14px;line-height:2}#dialogContent .button{width:100%}#dialogContent small{display:block;color:var(--muted);margin:12px 0}
/* Keep the storefront on the same visual foundation as the main site. */
:root{--bg:#120f14;--text:#fff0db;--muted:#c0b1a2;--orange:#ff7a18;--line:#4a3652;--purple:#8b5cf6}
body{background:linear-gradient(180deg,#211821 0%,#120f14 48%,#1b151f 100%);background-attachment:fixed}
header{position:sticky;top:0;z-index:100;background:rgba(24,18,26,.86);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,140,0,.12)}
.nav{min-height:86px}.brand{gap:10px}.brand img{padding:3px;border-radius:13px;border:1px solid rgba(255,140,0,.42);background:linear-gradient(145deg,#ff8c0024,#7c3aed33 52%,#07050af5);box-shadow:0 0 24px #ff8c0026,inset 0 0 18px #7c3aed2e}
.brand b{font-family:'Space Grotesk',sans-serif;font-size:19px;color:#fff}.brand b span{color:#c084fc;text-shadow:0 0 18px #a855f757}.brand small{font-weight:500}
.links{color:var(--muted);font-weight:500}.links a:hover{color:white}.links [aria-current]{color:#ffc166}
.button{background:linear-gradient(135deg,var(--orange),var(--purple));color:white;border-color:transparent;border-radius:8px;transition:background .2s,box-shadow .2s}
.button:hover{background:linear-gradient(135deg,#ff9d2e,#a855f7);box-shadow:0 0 24px #ff8c0038}.button.outline{border-color:#ff8c006b;background:#ff8c000a;color:#ffc166}.button.outline:hover{background:#ff8c001c;box-shadow:0 0 18px #ff8c001a}
h1,h2,h3{color:white}h1 span,.catalog h2 span{color:#ffb347}.crumb a:hover{color:#ffc166}
.access-band{background:linear-gradient(110deg,#ff7a1812,#8b5cf60d);border-color:#ff8c0026}.access-grid article+article{border-color:#ff8c0026}
.cover{border-color:#70437c80;box-shadow:0 8px 24px #0003;transition:border-color .2s,box-shadow .2s}.cover:hover{border-color:#ff9d2e;box-shadow:0 0 22px #ff8c0026}.lock{background:#1b151feb;border-color:#ff8c006b}
.theme-bottom,.delivery-note,details,footer{border-color:#ff8c0026}.theme-price{color:#ffc166}.theme-price.included{color:var(--muted)}dialog{background:#1b151f;border-color:#4a3652;box-shadow:0 24px 80px #0009}.close{background:#241b29;color:#fff0db}
@media(min-width:1101px){.intro{padding-top:20px;padding-bottom:16px}.access-band{padding-top:16px}.access-note{margin-top:6px;margin-bottom:10px}.catalog{padding-top:16px}.catalog>p{margin-bottom:14px}.access-grid .button{min-height:42px}.wrap{max-width:1376px}.intro h1{margin-bottom:8px}}
@media(max-width:1100px){.links{gap:14px}.links a:nth-child(2){display:none}.agency-price{display:block}.themes{gap:20px}.price{font-size:36px}}@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.nav{flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}.links{order:3;width:100%;display:flex;flex-wrap:wrap;gap:12px 20px;padding-top:5px}.links a:nth-child(2){display:block}.brand b{font-size:19px}h1{font-size:36px}.intro{padding-top:22px}.access-grid{grid-template-columns:1fr;gap:22px}.access-grid article+article{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.access-note{text-align:left;margin:20px}.themes{grid-template-columns:1fr;gap:32px}.catalog h2{font-size:28px}.theme-price{font-size:25px}.theme-price small{font-size:13px}.details h2{font-size:24px}footer{flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:16px}#dialogContent{grid-template-columns:1fr}#dialogContent>img{max-width:300px;margin:auto}dialog{padding:40px 20px 20px}#dialogContent h2{margin-top:0}}
