/* Campanha lunar do Saturn Janis I */
.sj-store {
  --sj-navy:#0d1b2d; --sj-ink:#11263b; --sj-milk:#f8f6ef; --sj-sand:#ece8df;
  --sj-gold:#f4cb85; --sj-rule:#cfc8b9;
  color:var(--sj-ink); background:var(--sj-milk);
}
.sj-store h1,.sj-store h2,.sj-store p{margin:0}
.sj-store h2{font-size:clamp(30px,4.8cqw,67px);line-height:1.02;letter-spacing:-.043em}
.sj-eyebrow{display:flex;align-items:center;gap:.65em;font:400 clamp(10px,1.15cqw,15px)/1.5 var(--mono);letter-spacing:.085em;text-transform:uppercase}
.sj-eyebrow::before{content:"";width:1.55em;height:2px;background:currentColor;opacity:.83}
.sj-eyebrow b{font:inherit;opacity:.55}
.sj-cover{background:var(--sj-navy);color:#f9f6eb}
/* The photographic plate and the lunar image have separate art direction. */
.sj-stage{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(430px,48cqw,730px);display:grid;align-items:center;background:#050e1b}
.sj-sky{position:absolute;inset:0;overflow:hidden;z-index:-1;isolation:isolate}
.sj-plate{position:absolute;inset:0 0 0 auto;width:83%;height:100%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}
.sj-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050e1bf5 2%,#050e1bea 27%,#050e1baf 41%,#050e1b18 63%,transparent 72%);pointer-events:none}
.sj-moon{position:absolute;right:-6%;top:auto;bottom:35%;width:54%;height:auto;pointer-events:none}
.sj-lunar-credit{position:absolute;right:2%;bottom:2.5%;z-index:1;color:#f8f5eb;background:#08101bd9;border-radius:3px;padding:2px 6px;font:400 clamp(9px,.95cqw,13px)/1.3 var(--sans)}
.sj-lead{width:58%;padding:clamp(30px,4.8cqw,76px) 0 clamp(30px,4cqw,64px) 6%}
.sj-lead .sj-eyebrow,.sj-galaxy .sj-eyebrow,.sj-band-head .sj-eyebrow{color:var(--sj-gold)}
.sj-store .sj-lead .sj-claim{margin:.44em 0 .34em;font:400 clamp(30px,4.55cqw,70px)/1.04 var(--sans);letter-spacing:-.045em}
.sj-claim span,.sj-claim strong,.sj-claim em{display:block}
.sj-claim strong{font-weight:650;color:#fff}
.sj-claim em{color:#f3ce92;font-size:.85em;font-style:normal;margin-top:.18em}
.sj-store .sj-lead .sj-deck{max-width:37ch;margin:0 0 1.2em;text-align:start;color:#f1ece4;font:400 clamp(15px,1.6cqw,22px)/1.42 var(--sans)}
.sj-buy{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.75em;max-width:100%;min-height:50px;padding:.85em 1.15em;background:linear-gradient(#ffe184,#f6bf42);color:#102137;border:1px solid #ffdf87;border-radius:16px;box-shadow:inset 0 1px 1px #fff8,0 3px 0 #a27029;font:600 clamp(16px,1.75cqw,24px)/1.18 var(--strong);text-align:center;transition:transform .16s}
.sj-buy span{min-width:0;text-wrap:balance}.sj-buy svg{flex:none}
.sj-buy:hover{transform:translateY(-2px);color:#08192d;background:#ffdb75}
.sj-first-order{display:grid;justify-items:start;gap:1em;margin-top:1.4em}
.sj-first-order .sj-first-price{display:flex;align-items:baseline;gap:.8em;margin:0;font:400 clamp(14px,1.45cqw,19px)/1.25 var(--sans);color:#e6e4df}
.sj-first-price strong{font:600 clamp(23px,2.65cqw,40px)/1.1 var(--strong);color:white}
.sj-explore,.sj-link{display:inline-flex;align-items:center;gap:.7em;font:600 clamp(14px,1.55cqw,20px)/1.3 var(--strong);padding:5px 0;border-bottom:1px solid currentColor}
.sj-explore{color:#fff2ce}.sj-lead .sj-explore{display:table;width:fit-content;margin-top:.85em}
.sj-explore:hover{color:#ffd273}.sj-link:hover{color:#884816}
.sj-band-head{padding:3.5cqw 6% 2.5cqw;background:#13263b;color:var(--sj-milk);border-top:1px solid #d6b07855}
.sj-band-head h2,.sj-bonus h2,.sj-nights h2{margin:.48cqw 0 .65cqw}.sj-band-head h2{max-width:20ch;text-wrap:balance}.sj-band-head>p:last-child{max-width:56ch}
.sj-band-head>p:last-child,.sj-bonus>p:not(.sj-eyebrow){font-size:clamp(15px,1.7cqw,23px);line-height:1.48}
.sj-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.2cqw;padding:.7cqw 6% 2.2cqw}
.sj-item{min-width:0;align-self:start;border:0;border-bottom:1px solid var(--sj-rule)}
.sj-item summary{display:grid;grid-template-columns:minmax(0,1fr);justify-content:normal;justify-items:center;align-content:start;gap:0;width:100%;box-sizing:border-box;list-style:none;text-align:center;cursor:pointer;padding:2cqw .45cqw 1.7cqw;color:var(--sj-ink)}
.sj-item summary::-webkit-details-marker,.sj-after summary::-webkit-details-marker{display:none}
.sj-item summary img{display:block;width:78%;height:clamp(86px,11cqw,150px);object-fit:contain;margin:0 0 .9cqw;transition:transform .18s}
.sj-item summary:hover img{transform:translateY(-3px)}
.sj-item-name,.sj-short{display:block;min-width:0;width:100%;height:auto;letter-spacing:normal}
.sj-item-name{font:600 clamp(17px,2.05cqw,29px)/1.18 var(--strong);letter-spacing:-.025em;text-wrap:balance}
.sj-short{max-width:28ch;margin:.45em auto .8em;min-height:2.7em;font:400 clamp(14px,1.46cqw,20px)/1.38 var(--sans);color:#4e514e;text-wrap:balance}
.sj-expand{display:grid;place-items:center;width:26px;height:26px;border:1px solid #a39c8f;border-radius:50%;color:#324559}
.sj-expand::before{content:"";display:block;width:7px;height:7px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:translateY(-1.5px) rotate(45deg)}
.sj-item[open] .sj-expand::before{transform:translateY(1.5px) rotate(225deg)}
.sj-item>p{padding:.2em .4em 1.25em;font-size:clamp(14px,1.5cqw,21px);line-height:1.48;text-align:left;color:#36434c}
.sj-nights{padding:2.5cqw 6% 2.9cqw}
.sj-nights .sj-eyebrow,.sj-bonus .sj-eyebrow{color:#8b5129}
.sj-nights h2,.sj-bonus h2{font-size:clamp(27px,3.7cqw,55px)}
.sj-pair,.sj-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7cqw}
.sj-pair{margin-top:1.6cqw}
.sj-pair img{width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;object-position:50% 45%}
.sj-pair figcaption,.sj-photo-credit small,.sj-gift-action>span{font:400 clamp(12px,1.35cqw,18px)/1.4 var(--sans);color:#42535a}
.sj-pair figcaption{margin-top:.45em}
.sj-photo-credit,.sj-gift-action{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap;margin-top:1.2cqw}
.sj-bonus{background:var(--sj-sand);padding:3.8cqw 6% 4.2cqw}
.sj-looks{border:0;padding:0;margin:1.7cqw 0 0;min-width:0}
.sj-looks legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.sj-hoodie{min-width:0;position:relative;cursor:pointer}
.sj-hoodie input{position:absolute;width:1px;height:1px;margin:0;clip-path:inset(50%)}
.sj-look{display:grid;justify-items:center;gap:.25em}
.sj-garment{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:var(--sj-outline);-webkit-mask-image:var(--sj-outline);mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.sj-garment-preto{--sj-outline:url(assets/janis-loja/silhueta-preto.svg)}
.sj-garment-branco{--sj-outline:url(assets/janis-loja/silhueta-branco.svg)}
.sj-choice{display:inline-flex;align-items:center;gap:.65em;padding:.55em .95em .65em;border:1px solid transparent;border-radius:2em;line-height:1.2;color:var(--sj-ink)}
.sj-choice strong,.sj-choice small{display:block}.sj-choice strong{font-size:clamp(17px,1.8cqw,24px)}.sj-choice small{font-size:clamp(12px,1.3cqw,18px);margin-top:.2em}
.sj-swatch,.sj-check{border-radius:50%;width:.9em;height:.9em;border:1px solid #8c897e;flex:none}
.sj-swatch.preto{background:#1b1a18}.sj-swatch.branco{background:#fff}
.sj-check{width:1.2em;height:1.2em;display:grid;place-items:center;color:transparent;font-size:.9em}
.sj-hoodie:hover .sj-choice{border-color:#b5ae9e}
.sj-hoodie input:checked+.sj-look .sj-choice{border-color:var(--sj-ink)}
.sj-hoodie input:checked+.sj-look .sj-check{background:#14283b;border-color:#14283b;color:#fff}
.sj-hoodie input:focus-visible+.sj-look .sj-choice{outline:3px solid #017b99;outline-offset:3px}
.sj-gift-action{margin-top:1.6cqw}.sj-gift-action>span{max-width:38ch}
.sj-buy.sj-dark{background:#10263b;border-color:#233a4c;box-shadow:0 3px 0 #070f1c;color:#fff}
.sj-galaxy{position:relative;isolation:isolate;overflow:hidden;background:#0a1625;color:#fff;padding:6.1cqw 6% 3.5cqw}
.sj-galaxy::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#091625 0%,#091625ee 28%,#0916257a 53%,#09162519 90%),url(assets/janis-loja/m104.webp) right 52% / 78% auto no-repeat}
.sj-wave{position:absolute;left:0;top:-1px;width:100%;height:2.9cqw;color:var(--sj-milk);transform:rotate(180deg)}
.sj-galaxy h2{margin:.6cqw 0 1cqw;font-size:clamp(31px,4.5cqw,65px);max-width:14ch}
.sj-galaxy>p:not(.sj-eyebrow){max-width:36ch;line-height:1.46;font-size:clamp(15px,1.65cqw,22px);color:#f3f1e9}
.sj-galaxy .sj-buy{margin:1.6cqw 0 2.5cqw}
.sj-galaxy small{display:block;font:400 clamp(10px,1.05cqw,15px)/1.5 var(--sans);color:#e1e0d9}.sj-galaxy small a{text-decoration:underline;text-underline-offset:2px}
.sj-after{padding:1.4cqw 6% 2.3cqw;background:#f4f1e8}
.sj-after details{border-bottom:1px solid var(--sj-rule);padding:.85em 0}
.sj-after summary{cursor:pointer;line-height:1.35;font-family:var(--strong)}
.sj-after p{max-width:65ch;margin:.75em 0;text-align:justify;hyphens:auto}.sj-after a{margin:0 1em .5em 0}






@media(max-width:760px){
 .sj-stage{min-height:0;display:block;padding:0}
 .sj-sky{position:relative;inset:auto;z-index:0;height:clamp(173px,49vw,290px)}
 .sj-sky::after{background:linear-gradient(0deg,#050e1b 0%,#050e1b6b 9%,transparent 28%)}
 .sj-plate{width:100%;object-position:center 80%;mask-image:none;-webkit-mask-image:none}
 .sj-moon{width:61%;right:-5%;top:auto;bottom:33%}
 .sj-lunar-credit{font-size:9px;bottom:10%;right:4%}
 .sj-lead{width:100%;padding:12px 5.5% 25px}
 .sj-store .sj-lead .sj-claim{font-size:clamp(28px,7.6vw,45px);margin:.35em 0 .48em}
 .sj-buy{font-size:16px}.sj-first-order{gap:.8em;margin-top:1em}
 .sj-band-head,.sj-nights,.sj-bonus{padding:25px 5.5%}
 .sj-band-head h2,.sj-nights h2,.sj-bonus h2{margin:5px 0 8px}
 .sj-items{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5.5% 12px;gap:0 12px}
 .sj-item summary{padding:16px 0 12px}.sj-item summary img{height:77px;margin-bottom:7px}.sj-short{min-height:2.6em}
 .sj-pair,.sj-looks{gap:10px}.sj-pair,.sj-looks{margin-top:14px}
 .sj-looks .sj-choice{padding:8px;gap:6px}.sj-looks .sj-choice small{font-size:11px}.sj-check{width:1.1em;height:1.1em}
 .sj-pair img{aspect-ratio:1.28}
 .sj-photo-credit,.sj-gift-action{margin-top:14px}.sj-gift-action{align-items:start}
 .sj-galaxy{padding:33px 5.5% 19px}.sj-galaxy h2{margin:7px 0}.sj-galaxy .sj-buy{margin:15px 0}
 .sj-galaxy::before{background-size:auto,auto 90%;background-position:center,right -50px bottom}
 .sj-after{padding:5px 5.5% 14px}

}
@media(prefers-reduced-motion:reduce){.sj-item summary img,.sj-buy{transition:none}}
@media(max-width:600px){.sj-looks{grid-template-columns:1fr;gap:20px}.sj-look{max-width:420px;margin:0 auto}.sj-gift-action{margin-top:24px}}
@media(max-width:370px){.sj-item-name{font-size:16px}.sj-short{font-size:13px}}

.sj-request{background:#f7f4ec;color:#10273d;padding:clamp(25px,5cqw,76px) 6%;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5cqw,74px)}
.sj-request header{align-self:start}.sj-request h1{font:600 clamp(33px,4.5cqw,62px)/1.05 var(--strong);letter-spacing:-.045em;margin:.45em 0 .35em}
.sj-request header>p:not(.tag){max-width:37ch;margin:0 0 1em}.sj-request header>a{text-decoration:underline;text-underline-offset:3px}
.sj-request .contact-form{min-width:0}.sj-request .contact-form textarea{min-height:7em;width:100%}
@media(max-width:760px){.sj-request{grid-template-columns:1fr;gap:18px}.sj-request header>p:not(.tag){max-width:55ch}}

.sj-first-order .sj-price-story{width:100%;max-width:30em;padding:.8em 1em .88em;border-left:3px solid #efc367;background:#172a3d;color:#f9f6ec}
.sj-price-story div,.sj-price-story p{display:flex;align-items:baseline;justify-content:space-between;gap:.7em}
.sj-price-story div{font:400 clamp(13px,1.32cqw,18px)/1.55 var(--sans);color:#e4e6e7}.sj-price-story b{color:#f9ce77;font-family:var(--strong)}
.sj-first-order .sj-price-story p{margin:.42em 0 0;padding-top:.4em;border-top:1px solid #7c879066;font-size:clamp(14px,1.5cqw,20px)}
.sj-price-story strong{font:600 clamp(23px,2.5cqw,38px)/1.08 var(--strong);color:#fff;white-space:nowrap}
.sj-guide-link{display:inline-block;color:#f8e6c3;text-decoration:underline;text-underline-offset:.25em;font:600 clamp(14px,1.4cqw,18px)/1.4 var(--strong)}

/* A oferta concentra a cor de compra. A leitura do guia e do kit é secundária. */
.sj-instrument {grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
.sj-instrument .instrument-copy {min-width:0;padding:clamp(26px,3.9cqw,62px) 6% clamp(30px,4.5cqw,68px) 10.4%}
.sj-instrument h1 {margin:.22em 0 .24em}
.sj-instrument .product-art img {object-position:65% center}
.sj-instrument .specs {margin:.95em 0 .75em}
.sj-first-order {margin-top:.95em;gap:.65em;align-items:start}
.sj-first-order .sj-price-story {max-width:32em;background:transparent;border:0;border-block:1px solid #506071;padding:.65em 0 .72em}
.sj-first-order .sj-price-story p {border:0;padding:0;margin:.4em 0 0;align-items:baseline}
.sj-price-story strong {color:#fff4d9}
.sj-price-story b {color:#f1e6cc}
.sj-buy,.sj-buy.sj-dark {
  min-height:48px;border:1px solid #ffd365;border-radius:9px;padding:.82em 1.05em;
  background:#ffd264;color:#102138;box-shadow:0 2px 0 #825c29;
  font:600 clamp(16px,1.68cqw,22px)/1.25 var(--strong);
}
.sj-buy.sj-dark {background:#18334b;border-color:#18334b;color:#fff;box-shadow:0 2px 0 #0a1c2b}
.sj-buy svg {margin-inline-start:.15em}
.sj-buy:hover {transform:none;background:#ffdd86}
.sj-buy.sj-dark:hover {background:#23465e;color:#fff}
.sj-buy:focus-visible,.sj-read-options a:focus-visible,.sj-kit-link:focus-visible {outline:3px solid #76ddea;outline-offset:4px}
.sj-first-order .sj-order-note {margin:0;color:#d1dce6;font:400 clamp(13px,1.38cqw,18px)/1.4 var(--sans);max-width:45ch;text-align:start}
.sj-read-options {display:flex;flex-wrap:wrap;align-items:center;gap:0 1.05em;max-width:100%;margin-top:.15em}
.sj-read-options a,.sj-kit-link {
  display:inline-flex;align-items:center;gap:.45em;min-height:44px;padding:.35em 0;border:0;color:#f1e6cc;
  text-decoration:underline;text-decoration-color:#a09271;text-underline-offset:.28em;
  font:600 clamp(14px,1.47cqw,19px)/1.28 var(--strong);
}
.sj-read-options a:hover,.sj-kit-link:hover {color:white;text-decoration-color:white}
.sj-kit-link {color:#ffdf9c}
@media(max-width:760px){
  .sj-instrument {grid-template-columns:1fr}
  .sj-instrument .instrument-copy {padding:27px 5.5% 22px}
  .sj-instrument .product-art {aspect-ratio:1.1}
  .sj-instrument .product-art img {object-position:center 55%}
  .sj-instrument h1 br {display:none}
  .sj-read-options {gap:0 1em}
}