/* STICGA's violet print universe: product-led imagery, lime labels, quiet controls. */
:root{--cosmic-ink:#10091d;--cosmic-violet:#702dba;--cosmic-lime:#b4f044;--cosmic-paper:#f7f1ff;--cosmic-line:#543668}
body{background:var(--cosmic-ink);color:var(--cosmic-paper)}
.home-hub{padding-top:24px}
.hub-heading{position:relative;isolation:isolate;max-width:none!important;min-height:550px;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,64px);border:1px solid #624580;border-radius:28px;overflow:hidden;background:#180b2b url('images/cosmic-print-hero-v2.png') center/cover no-repeat}
.hub-heading::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10081bea 0%,#10081ba8 34%,transparent 70%)}
.hub-heading .hub-kicker{color:var(--cosmic-lime);font-weight:800;letter-spacing:.18em}
.hub-heading h1{max-width:650px;font-size:clamp(40px,5.8vw,84px);line-height:1.06;font-weight:900;text-shadow:0 3px 20px #180b2b;letter-spacing:-.04em;margin:22px 0}
.hub-heading h1 em{display:block;color:var(--cosmic-lime)}
.hub-heading p{max-width:440px;font-size:17px;color:#eee2f7;text-shadow:0 2px 6px #000}
.hub-paths{gap:16px}.hub-path{border-radius:20px;background:linear-gradient(140deg,#30203f,#1b102a);border-color:var(--cosmic-line)}
.hub-copy h2{font-weight:850}.hub-copy b{color:var(--cosmic-lime)}
.hub-sheet-note{color:#d6c4e4;border-color:#674580}
.jar-selector{border-top:1px solid var(--cosmic-line);padding-block:42px}
.jar-selector h2{font-size:clamp(34px,4vw,58px);font-weight:900;letter-spacing:-.035em}
.jar-collection-photo{border-radius:24px;border:1px solid #8154aa;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;box-shadow:0 16px 65px #62269130}
.jar-choices button{background:linear-gradient(145deg,#32203f,#150d20);border-color:#6e4f83}
.jar-choices button[aria-pressed=true]{background:#334223;box-shadow:0 0 0 3px #b4f04414}
.jar-selected{border:1px solid #66457e;border-radius:20px;background:#21132e;padding:24px;min-width:0}
.jar-selected>strong{font-size:38px}.jar-buy label{font-weight:700;display:block;margin:16px 0 8px}
.jar-buy input{background:#140b20;color:#fff;border:1px solid #9871b1;border-radius:10px;min-height:48px;width:140px;padding:10px 14px;font:700 20px inherit}
.jar-dimensions{color:#f0dffc!important;font-size:19px!important;font-weight:650}.jar-dimensions span{color:#967ba9;padding-inline:8px}
.jar-live-price{font-size:19px!important;color:#d4f798!important}.jar-live-price strong{display:block;font-size:36px;margin-top:6px}
.jar-tier-table{border-collapse:collapse;width:100%;font-size:14px;margin:18px 0}.jar-tier-table th,.jar-tier-table td{text-align:left;padding:10px;border-bottom:1px solid #4d345f}.jar-tier-table th{color:#d4b9e8;font-size:12px}.jar-tier-table .current{background:#394625;color:#d6ff8c;font-weight:bold}
.jar-fine{font-size:12px;line-height:1.7}.jar-actions{gap:10px}.jar-actions .btn{flex:1 1 180px;text-align:center;justify-content:center}
.matcard{border-color:#6c4a81}.mprice{color:var(--cosmic-lime)}
.studio-wide .studio-wizard{gap:16px 24px}.studio-page .panel,.studio-basket{background:#20142d;border-color:#62427b}.studio-page .matopt.active{outline:1px solid #b4f044}
#fileGrp .seg{border-radius:14px;border-color:#674780;background:#271833}#fileGrp .seg.active{background:#354127;border-color:var(--cosmic-lime)}#fileGrp .seg b{font-size:16px}#fileGrp .seg span:not(.artwork-icon){color:#c9ed99;font-weight:750}#fileGrp del{color:#ac94bc;font-size:12px;margin-right:8px}
.studio-dock{border-color:#9472ae}.btn-lime{background:var(--cosmic-lime);color:#142008;text-shadow:none}
.uc-dialog{border-color:#956bb4;background:#1d112b}.uc-dialog select{background:#301e40;color:white;border:1px solid #8a639e;border-radius:10px;padding:10px}.uc-dialog input{background:#160b23;color:white;border:1px solid #8a639e;border-radius:8px;padding:8px}
@media(min-width:1024px){.jar-collection-photo{position:sticky;top:90px}.jar-selected{margin-top:0}.jar-choices{margin-bottom:16px}}
@media(min-width:768px) and (max-width:1023px){.hub-heading{min-height:440px}.hub-heading h1{max-width:430px}.jar-selector{display:grid;grid-template-columns:1fr 1fr;gap:20px}.jar-selector>div:first-child,.jar-collection-photo{grid-column:1/-1}.jar-choices{grid-column:1;margin:0;align-self:start;grid-template-columns:repeat(2,1fr)}.jar-selected{grid-column:2}.jar-actions{flex-direction:column}}
@media(max-width:767px){.hub-heading{min-height:530px;padding:26px 22px;background-position:62% center;justify-content:flex-end;border-radius:20px}.hub-heading::before{background:linear-gradient(0deg,#10081bf5 0%,#10081b8a 45%,transparent 85%)}.hub-heading h1{font-size:43px;margin:16px 0}.hub-heading p{font-size:15px;max-width:280px}.hub-heading .hub-kicker{font-size:10px}.hub-visual{min-height:145px}.jar-selector{padding-block:26px}.jar-selected{padding:18px}.jar-collection-photo{margin:18px 0}.jar-choices{margin:18px 0;max-width:none}.jar-tier-table{font-size:14px}.jar-actions .btn{flex-basis:auto}.jar-live-price strong{font-size:30px}.studio-page .panel{border-radius:16px}.studio-progress{background:#10091d}#fileGrp .seg{padding:16px}.hub-path:hover{transform:none}}
@media(min-width:768px) and (max-width:1023px){.jar-collection-photo{max-width:none}.jar-actions .btn{flex:0 0 auto;min-height:48px}}
.collab-intro{max-width:none;margin:24px;min-height:440px;border:1px solid #77528e;border-radius:24px;background:linear-gradient(90deg,#160c24f0,#160c24bb 48%,#160c2420),url('images/cosmic-print-hero-v2.png') center/cover;padding:48px!important}.collab-intro h1,.collab-intro p{max-width:580px}.collab-intro h1{transform:none;color:#c1f35b}.collab-intro .uc-note{color:#c9b9d6;max-width:440px}
@media(max-width:767px){.collab-intro{margin:14px;padding:26px!important;background-position:65% center}.collab-intro h1{font-size:48px}}
/* 100 and 150 ml share the same height; 150 ml is only 22% wider. */
.jarico.cyl{width:27px;height:50px}.jarico.l{width:33px;height:50px}

/* Product categories: empty, labels only, fully applied. */
.category-paths .category-choice{display:flex;flex-direction:column;overflow:hidden;background:#161020;border:1px solid #574266;border-radius:22px}.category-picture{width:100%;background:radial-gradient(ellipse at center,#433051 0%,#181120 70%)}.category-picture img{display:block;width:100%;height:260px;object-fit:contain}.category-choice .hub-copy{padding:20px 24px 26px}.category-choice .hub-copy h2{font-size:26px}.category-choice .hub-copy p{color:#e1d4e9;min-height:40px}.category-choice .hub-copy b{display:block;color:#c0ff70}.category-choice:hover{border-color:#b7f364}@media(max-width:767px){.category-paths{grid-template-columns:1fr!important}.category-paths .category-choice{display:grid;grid-template-columns:38% 62%;gap:0}.category-picture{height:100%;display:flex;align-items:center}.category-picture img{height:170px}.category-choice .hub-copy{padding:22px 14px}.category-choice .hub-copy h2{font-size:21px}.category-choice .hub-copy p{font-size:13px;min-height:0}}

.link-pick{flex:0 0 38px;width:38px;height:40px;border:1px solid #715086;border-radius:12px;background:#25182f;color:#ddc7ed;font-size:21px;cursor:pointer}.link-pick[aria-pressed=true]{background:#b6ed67;color:#172108;border-color:#b6ed67}.oitem.link-selected{background:#302239;outline:1px solid #a4cd70}.group-unlink{display:inline-flex;align-items:center;min-height:36px;padding:5px 9px;margin:5px 0 2px 6px;background:#342244;color:#e9d6ff;border:1px solid;border-radius:9px;font:inherit;font-size:12px;cursor:pointer}.group-unlink:hover{background:#533164}#grpBtn:disabled{opacity:.4;cursor:default}.link-pick:focus-visible,.group-unlink:focus-visible{outline:2px solid #b8f66b;outline-offset:3px}

.buy-guide{padding-top:42px;padding-bottom:42px}.buy-guide h2{font-size:clamp(25px,4vw,42px)}.buy-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.buy-guide-grid article{background:#21172c;border:1px solid #584268;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px}.buy-guide-grid img{height:145px;width:100%;object-fit:contain}.buy-guide-grid b{font-size:19px}.buy-guide-grid p{line-height:1.6;color:#d5c8e2;margin:0}.buy-guide-grid a{color:#b7f477;margin-top:auto;min-height:44px;display:flex;align-items:center}.guide-delivery{height:145px;display:grid;place-items:center;font-size:90px;color:#bbf86c}.jar-apply{display:flex;align-items:center;gap:12px;border:1px solid #8cae53;padding:14px;border-radius:12px;margin:16px 0}.jar-apply input{width:22px!important;min-height:22px!important;flex:0 0 22px;accent-color:#9bda50}@media(max-width:1000px){.buy-guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.buy-guide-grid{grid-template-columns:1fr}.buy-guide-grid img,.guide-delivery{height:115px}}
