/* GENERATED by sj-darkgen.js from the engine CSS. Do not edit by hand: re-run the generator. */
.sj ::selection{background:color-mix(in srgb,var(--brand) 20%,#07151a)}
.sj .band-trace{color:rgba(220,189,128,0.15)}
.sj .pn-toast{background:#081a20;box-shadow:0 10px 30px rgba(0,0,0,0.768);border-left:3px solid rgba(198,168,116,0.36)}
.sj .skip:focus{outline:2px solid rgba(198,168,116,0.24)}
.sj .btn{box-shadow:0 1px 1px rgba(0,0,0,0.24)}
.sj .btn:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
.sj .btn.ghost{background:#07151a}
.sj .ann span{color:#c9c2b2}
.sj .ann .dot{background:#07151a}
.sj .hd{background:rgba(4,20,26,0.92);box-shadow:0 1px 2px rgba(0,0,0,0.096)}
.sj .logo .m{box-shadow:0 3px 8px -2px color-mix(in srgb,var(--brand) 55%,transparent),inset 0 1px 0 rgba(0,0,0,0.392)}
.sj .hero-trio img{filter:drop-shadow(0 26px 34px rgba(0,0,0,0.576)) drop-shadow(0 6px 10px rgba(0,0,0,0.288))}
.sj .ft .logo-img-ft{background:#08161c}
.sj .search-pop .sr-head{color:var(--ink-3,#a39d90)}
.sj .sr-cat{color:var(--ink-2,#efe9dc)}
.sj .sr-cat:hover,.sj .sr-cat:focus-visible{background:var(--brand-tint,#231d12)}
.sj .sr-rq-x{color:var(--ink-3,#a39d90)}
.sj .search-pop .sr-thumb{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
.sj .search-pop .sr-ptag{color:var(--ink-3,#a39d90)}
.sj .search:focus-within{background:#07151a}
.sj .hero{background:radial-gradient(1150px 680px at 86% -12%,rgba(46,36,19,0.26),transparent 56%),linear-gradient(180deg,#091d24,#07151a)}
.sj .hero .btn.ghost{border-color:rgba(198,168,116,0.072)}
.sj .hero .eyebrow{color:#c9c2b2}
.sj .hero-offer{border:1px solid rgba(198,168,116,0.082);background:rgba(42,33,17,0.1)}
.sj .hero-offer b{color:#c9c2b2}
.sj .hero-art::after{background:radial-gradient(ellipse at center,rgba(8,26,33,0.16),transparent 70%)}
.sj .hero-art .stage{filter:drop-shadow(0 20px 24px rgba(0,0,0,0.48))}
.sj .hero-box{box-shadow:0 34px 74px rgba(0,0,0,0.9),0 4px 14px rgba(0,0,0,0.72)}
.sj .pc .ph .pc-img{filter:drop-shadow(0 12px 15px rgba(0,0,0,0.384))}
.sj .pdp-main .pdp-photo{filter:drop-shadow(0 20px 28px rgba(0,0,0,0.48))}
.sj .dose-best{box-shadow:0 1px 3px rgba(0,0,0,0.432)}
.sj .toc>summary.toc-h:hover,.sj .toc>summary.toc-h:focus-visible{color:var(--ink-2,#efe9dc)}
.sj .toc li a{color:var(--ink-2,#efe9dc)}
.sj .pm-off{background:color-mix(in srgb,var(--save) 12%,#07151a)}
.sj .scr-cimg{background:linear-gradient(180deg,#08161b,#08171d)}
.sj .scr-guarantee{background:color-mix(in srgb,var(--ok) 6%,#07151a)}
.sj .cr-now{background:color-mix(in srgb,var(--ok) 13%,#07151a)}
.sj .acct-card{box-shadow:0 6px 22px -14px rgba(0,0,0,0.672)}
.sj .caps-warn{color:#e5b36c}
.sj .refer-card{background:linear-gradient(150deg,color-mix(in srgb,var(--brand) 13%,#07151a),#07151a 62%);box-shadow:0 1px 2px rgba(0,0,0,0.096),0 22px 48px -22px color-mix(in srgb,var(--brand) 42%,transparent)}
.sj .ref-link input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,rgba(0,0,0,0.6))}
.sj .co-wallet{background:color-mix(in srgb,var(--ok) 8%,#07151a)}
.sj .hero-art .chip{background:rgba(4,20,26,0.94);box-shadow:0 16px 32px -14px rgba(0,0,0,0.768)}
.sj .hero-art .chip .ck{background:color-mix(in srgb,var(--ok) 15%,#07151a)}
.sj .select{background:#07151a}
.sj .goal{background:#07151a}
.sj .goal:hover{box-shadow:0 12px 30px rgba(0,0,0,0.192)}
.sj .goal-ic{background:color-mix(in srgb,var(--ca) 13%,#07151a)}
.sj .goal.goal-ph{background:#051014}
.sj .goal-ph::after{background:linear-gradient(180deg,rgba(3,8,10,0) 28%,rgba(3,8,10,0.74) 100%)}
.sj .goal-ph:hover{box-shadow:0 14px 34px rgba(0,0,0,0.48)}
.sj .hero-rating .hstars svg{fill:#e5b96c}
.sj .bnd-card{box-shadow:0 1px 2px rgba(0,0,0,0.096),0 14px 34px rgba(0,0,0,0.12)}
.sj .bnd-card:hover{box-shadow:0 1px 2px rgba(0,0,0,0.12),0 20px 44px rgba(0,0,0,0.192)}
.sj .bnd-v{background:linear-gradient(180deg,#08151a,#08161c)}
.sj .bnd-price .bnd-freeship{color:var(--ok,#6fe2b8)}
.sj .bnd-was{color:var(--ink-3,#a39d90)}
.sj .bnd-price .bnd-save{color:var(--sale,#e46d70)}
.sj .cat .ic{background:color-mix(in srgb,var(--ca,var(--brand)) 14%,#07151a)}
.sj .cat:hover .ic{background:color-mix(in srgb,var(--ca,var(--brand)) 18%,#07151a)}
.sj .cat:hover .go{background:color-mix(in srgb,var(--ca,var(--brand)) 12%,#07151a)}
.sj .cat .cat-eg{color:var(--ink-3,#c9c2b2)}
.sj .pc .ph{background:linear-gradient(180deg,#08151a,#08161c)}
.sj .pc .ph::after{background:radial-gradient(ellipse at center,rgba(8,25,31,0.18),transparent 70%)}
.sj .pc .sale{background:#07151a}
.sj .pc .cat-t{background:rgba(4,20,26,0.82)}
.sj .pc-qv{background:rgba(4,20,26,0.92)}
.sj .pc-cmp{background:rgba(4,20,26,0.92)}
.sj .cmpbar{box-shadow:0 18px 44px -14px rgba(0,0,0,0.9)}
.sj .cmpbar-th{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
.sj .cmpbar-th .cx{background:#07151a}
.sj .cmp-ov{background:rgba(5,15,19,0.55)}
.sj .cmp{box-shadow:0 30px 80px -20px rgba(0,0,0,0.9)}
.sj .cmp-prodcard .cmp-img{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
.sj .cmp-best{background:color-mix(in srgb,var(--ok) 14%,#07151a)}
.sj .cmp-stars{color:#e5c06c}
.sj .qv-ov{background:rgba(5,15,19,0.55)}
.sj .qv{box-shadow:0 30px 80px -20px rgba(0,0,0,0.9)}
.sj .qv-x{background:rgba(4,20,26,0.9)}
.sj .qv-media{background:linear-gradient(180deg,#08151a,#08161c)}
.sj .qv-media .qv-cat{background:rgba(4,20,26,0.82)}
.sj .qv-media .qv-img{filter:drop-shadow(0 14px 18px rgba(0,0,0,0.432))}
.sj .qv-rate .qv-st.on{color:#e5b76c}
.sj .qv-pv{filter:drop-shadow(0 2px 2px rgba(0,0,0,0.432))}
.sj .qv-pv-back{filter:brightness(.86) drop-shadow(0 1px 1px rgba(0,0,0,0.36))}
.sj .qv-stock{color:#6ee3a0}
.sj .qv-stock .dot{box-shadow:0 0 0 3px rgba(0,0,0,0.432)}
.sj .qv-price .qv-save{background:#220e0e}
.sj .qv-dose-p .qv-dose-best{box-shadow:0 1px 3px rgba(0,0,0,0.432)}
.sj .qv-dose-p:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
@media(max-width:640px){.sj .qv-buy{box-shadow:0 -10px 22px -13px rgba(0,0,0,0.528)}
}
.sj .verify .eyebrow::before{background:color-mix(in srgb,var(--brand) 60%,#07151a)}
.sj .verify .vb-copy>p{color:#c9c2b2}
.sj .verify .vb-copy .btn{box-shadow:0 1px 2px rgba(0,0,0,0.72),0 10px 26px -8px color-mix(in srgb,var(--brand) 70%,transparent)}
.sj .vb-card{border:1px solid rgba(198,168,116,0.029);box-shadow:0 40px 90px -34px rgba(0,0,0,0.9),inset 0 1px 0 rgba(0,0,0,0.112)}
.sj .vb-viewcoa{border-bottom:1px solid rgba(198,168,116,0.077)}
.sj .vb-viewcoa:hover{border-bottom-color:rgba(198,168,116,0.24)}
.sj .vb-viewcoa:focus-visible{outline:2px solid rgba(198,168,116,0.168)}
.sj .vb-head{border-bottom:1px solid rgba(198,168,116,0.024)}
.sj .vb-mk{box-shadow:inset 0 1px 0 rgba(0,0,0,0.42)}
.sj .vb-head span{color:#c9c2b2}
.sj .vb-pass{color:#6ce4b0;border:1px solid color-mix(in srgb,rgba(198,168,116,0.3) 40%,transparent)}
.sj .vb-pass svg{stroke:#6ce4b0}
.sj .vb-plot{background:rgba(4,14,17,0.42);border:1px solid rgba(198,168,116,0.019)}
.sj .vb-cap{color:#a39d90}
.sj .vb-chart .vb-fill{fill:color-mix(in srgb,var(--brand) 55%,#c9c2b2)}
.sj .vb-row{border-top:1px solid rgba(198,168,116,0.019)}
.sj .vb-m{color:#a39d90}
.sj .vb-ok svg{stroke:#6ce4b0}
.sj .news .eyebrow::before{background:color-mix(in srgb,var(--brand) 55%,#07151a)}
.sj .news p{color:#c9c2b2}
.sj .news input{background:#07151a;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.14)}
.sj .news .btn{background:#07151a;box-shadow:0 8px 20px -8px rgba(0,0,0,0.9)}
.sj .news .btn:hover{background:#07151a}
.sj .ft{color:#c9c2b2}
.sj .ft::before{background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 30%,#050f13))}
.sj .ft a{color:#c9c2b2}
.sj .ft .pay{background:#06151a;border:1px solid rgba(198,168,116,0.3);color:#c9c2b2}
.sj .ft .pay-marks .pay-mark{color:#c9c2b2}
.sj .pay-row-marks .pay-mark{color:#a39d90}
.sj .ft-legit{border-top:1px solid rgba(198,168,116,0.3)}
.sj .ft-legit .ftl b{color:#a39d90}
.sj .ft-legit .ftl a,.sj .ft-legit .ftl span{color:#c9c2b2}
.sj .ft .legal{border-top:1px solid rgba(198,168,116,0.3);color:#a39d90}
.sj .ft-policies a{color:#c9c2b2}
@media(max-width:600px){.sj .ft .legal{color:#c9c2b2}
}
@media print{.sj body{background:#07151a}
}
.sj .pdp-pur{background:color-mix(in srgb,var(--ok) 6%,#07151a)}
.sj .coa-row .pc-badge{background:color-mix(in srgb,var(--ok) 8%,#07151a)}
.sj .pc .cat-t{color:color-mix(in srgb,var(--ca,#dcbd80) 82%,#efe9dc);border-color:color-mix(in srgb,var(--ca,#c6a874) 32%,var(--line));background:color-mix(in srgb,var(--ca,#c6a874) 11%,#07151a)}
.sj .pc-rate{color:#e5bf6c}
.sj .btn{box-shadow:0 1px 2px rgba(0,0,0,0.192)}
.sj .btn:hover{box-shadow:0 2px 6px -1px rgba(0,0,0,0.336)}
.sj .hero .cta .btn,.sj .pdp-buy .btn,.sj .co-sum .btn,.sj .dsum .btn,.sj .news .btn{box-shadow:0 1px 2px rgba(0,0,0,0.24)}
.sj .hero .cta .btn:hover,.sj .pdp-buy .btn:hover,.sj .co-sum .btn:hover,.sj .dsum .btn:hover{box-shadow:0 3px 8px -1px rgba(0,0,0,0.432)}
.sj .co-tot .r.t{border-top:1px dashed color-mix(in srgb,var(--ink) 22%,rgba(198,168,116,0.24))}
.sj .dsum .r.tot{border-top:1px dashed color-mix(in srgb,var(--ink) 22%,rgba(198,168,116,0.24))}
.sj .pdp-stickybar{background:rgba(4,20,26,0.96);box-shadow:0 -8px 24px -12px rgba(0,0,0,0.48)}
.sj .pss-thumb{background:linear-gradient(180deg,#08151a,#08161c)}
.sj .pss-price .pss-was{color:var(--ink-3,#a39d90)}
.sj .stars svg{fill:#e5bf6c}
.sj .buymode .bm:has(input:checked){background:color-mix(in srgb,var(--brand) 5%,#07151a)}
.sj .buymode .bm-t b em{background:color-mix(in srgb,var(--ok) 12%,#07151a)}
.sj .buymode .bm:focus-within{outline:2px solid color-mix(in srgb,var(--brand) 45%,rgba(198,168,116,0.24))}
.sj .buymode .bm-off{background:var(--bg-2,#08151b)}
.sj .buymode .bm-off:has(input:checked){background:var(--bg-2,#08151b)}
.sj .pdp-main{background:radial-gradient(120% 90% at 50% 0,#07151a 42%,var(--soft) 100%);box-shadow:0 1px 2px rgba(0,0,0,0.096),0 18px 40px rgba(0,0,0,0.12)}
.sj .pdp-zoomcue{background:rgba(8,25,31,0.7)}
.sj .pdp-zoomcue:focus-visible{outline:2px solid rgba(198,168,116,0.24)}
.sj .pdp-lb{background:rgba(6,19,24,0.85)}
.sj .pdp-lb img,.sj .pdp-lb svg{filter:drop-shadow(0 30px 60px rgba(0,0,0,0.9))}
.sj .pdp-lb .lb-x:focus-visible{outline:2px solid rgba(198,168,116,0.24)}
.sj .pdp-main svg{filter:drop-shadow(0 18px 26px rgba(0,0,0,0.336))}
.sj .pdp-main .glass{background:rgba(4,20,26,0.92)}
.sj .pdp-thumbs .t{background:#07151a}
.sj .pdp-thumbs .t:hover{border-color:rgba(198,168,116,0.24)}
.sj .pdp-thumbs .t.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,rgba(0,0,0,0.6))}
.sj .pdp-share{background:var(--card,#07151a)}
.sj .pdp-pur{background:color-mix(in srgb,var(--brand) 7%,#07151a)}
.sj .pdp-ship-guarantee{background:color-mix(in srgb,var(--ok) 6%,#07151a)}
.sj .pdp-stock{color:#6ee3a0}
.sj .pdp-paysave{background:#0e1e13;border:1px solid rgba(198,168,116,0.24);color:#74dd9e}
.sj .pdp-freeship.isfree{color:#6ee3a0}
.sj .pdp-freeship.isfree b{color:#6ee3a0}
.sj .pdp-freeship .pfs-bar{background-color:color-mix(in srgb,var(--brand) 13%,#07151a);background-image:linear-gradient(90deg,var(--brand-dk),var(--brand) 55%,color-mix(in srgb,var(--brand) 55%,#07151a))}
.sj .pdp-paysave>svg{stroke:#6ee3a0}
.sj .pdp-paysave .pay-row-marks .pay-mark{color:#81d0a7}
.sj .pdp-stock .dot{box-shadow:0 0 0 3px rgba(0,0,0,0.432)}
.sj .pdp-price .save{background:#220e0e}
.sj .buybox{background:#07151a;box-shadow:0 1px 2px rgba(0,0,0,0.096),0 14px 34px rgba(0,0,0,0.144)}
.sj .qbox button:hover{background:color-mix(in srgb,var(--brand) 10%,#07151a)}
.sj .subrow{color:#efe9dc;background:color-mix(in srgb,var(--brand) 5%,#07151a)}
.sj .bulk .bl-h{color:#a39d90}
.sj .tier-best{background:#07151a}
.sj .bulk .tier.tier-on{background:#07151a}
.sj .bulk .tier.tier-g{background:#07151a}
.sj .bulk .tier.tier-g.tier-on{background:color-mix(in srgb,var(--brand) 5%,#07151a)}
.sj .bulk .qv-pv{filter:drop-shadow(0 2px 2px rgba(0,0,0,0.432))}
.sj .bulk .qv-pv-back{filter:brightness(.86) drop-shadow(0 1px 1px rgba(0,0,0,0.36))}
.sj .pdp-ship li{color:#efe9dc}
.sj .pdp-desc{color:#efe9dc}
.sj .pdp-facts b{color:#a39d90}
.sj .spec-tbl td.k{color:#efe9dc}
.sj .sv-copy .sv-ci{stroke:#a39d90}
.sj .sv-copy.copied::after{box-shadow:0 4px 12px rgba(0,0,0,0.528)}
.sj .coa-item{background:#07151a}
.sj .coa-guide-link:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
.sj .coa-item:hover{border-color:rgba(198,168,116,0.24);box-shadow:0 8px 22px rgba(0,0,0,0.144)}
.sj .coa-item .dl:hover{background:color-mix(in srgb,var(--brand) 6%,#07151a)}
.sj .guar{background:color-mix(in srgb,var(--brand) 5%,#07151a);color:#efe9dc}
.sj .fbt-pr .fbt-was{color:var(--ink-3,#a39d90)}
.sj .fbt-was-total{color:var(--ink-3,#a39d90)}
.sj .co-secure{color:#efe9dc}
.sj .co-geo{background:#231d12;border:1px solid #c6a874;color:#dcbd80}
.sj .co-paybar .pay-mark{color:#efe9dc}
.sj .co-guestfill{color:var(--ink-2,#efe9dc)}
.sj .co-empty-ord{background:#08151b}
.sj .co-step{background:#07151a;box-shadow:0 1px 2px rgba(0,0,0,0.072)}
.sj .co-num{background:color-mix(in srgb,var(--brand) 12%,#07151a)}
.sj .field label{color:#a39d90}
.sj .field input,.sj .field select{border:1.5px solid rgba(198,168,116,0.24);background:#07151a;box-shadow:inset 0 1px 2px rgba(0,0,0,0.12)}
.sj #f_email.field-ok,.sj #f_postal.field-ok,.sj #f_phone.field-ok,.sj #na_postal.field-ok,.sj #na_phone.field-ok,.sj #newsEmail.field-ok{border-color:color-mix(in srgb,var(--ok,rgba(198,168,116,0.3)) 55%,rgba(198,168,116,0.24))}
.sj .field input::placeholder{color:#c9c2b2}
.sj .field input:focus,.sj .field select:focus{background:#07151a;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,rgba(0,0,0,0.6))}
.sj .field input[aria-invalid="true"]{border-color:rgba(198,168,116,0.36);background:#07151a;box-shadow:0 0 0 3px rgba(0,0,0,0.288)}
.sj .ferr{color:#e5746c}
.sj .ferr--go{color:#dcbd80}
.sj .ref-custom-ok{color:#70e099}
.sj .co-formerr{background:#220f0e;border:1px solid rgba(198,168,116,0.24);color:#e5746c}
.sj .co-formerr--go{background:#231d12;border-color:#c6a874;color:#dcbd80}
.sj .co-canceled{background:color-mix(in srgb,var(--brand) 7%,#07151a)}
.sj .pay-opt{background:#07151a}
.sj .pay-opt:hover{border-color:rgba(198,168,116,0.24)}
.sj .pay-opt.on{background:color-mix(in srgb,var(--brand) 5%,#07151a);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,rgba(0,0,0,0.6))}
.sj .pay-opt.on .pay-ic{background:color-mix(in srgb,var(--brand) 12%,#07151a)}
.sj .pay-opt .disc{background:color-mix(in srgb,var(--brand) 12%,#07151a)}
.sj .pay-info{color:#a39d90}
.sj .ack{color:#efe9dc}
.sj .co-sum{background:#07151a;box-shadow:0 1px 2px rgba(0,0,0,0.096),0 16px 40px rgba(0,0,0,0.144)}
.sj .co-edit:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
@media(max-width:820px){.sj .co-sumwrap{box-shadow:0 1px 2px rgba(0,0,0,0.096)}
.sj .co-sumwrap:not(.open) .co-sum-plan.is-sub{color:var(--ok-dk,#6ce5a2)}
.sj .co-sum-peek .cst-thumb{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
}
.sj .co-plan-opt{background:var(--card,#07151a)}
.sj .co-plan-opt.on{background:color-mix(in srgb,var(--brand) 6%,#07151a)}
.sj .co-plan-nudge{color:#e5ae6c;background:#221a0e;border:1px solid rgba(198,168,116,0.24)}
.sj .addr-summary{background:color-mix(in srgb,var(--brand) 5%,var(--card,#07151a))}
.sj .co-thumb{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
.sj .co-li .lp .co-was{color:var(--ink-3,#a39d90)}
.sj .co-save{background:color-mix(in srgb,var(--ok,#1a7f5a) 10%,#07151a);border:1px solid color-mix(in srgb,var(--ok,rgba(198,168,116,0.3)) 26%,transparent);color:var(--ok-dk,#6fe1b0)}
.sj .co-freebar{background:linear-gradient(180deg,var(--brand-tint),color-mix(in srgb,var(--brand) 3%,#07151a))}
.sj .co-freebar::after{background-color:color-mix(in srgb,var(--brand) 13%,#07151a);background-image:radial-gradient(circle at calc(100% - 5px) 50%,color-mix(in srgb,var(--brand) 55%,#07151a) 2.2px,transparent 3px),linear-gradient(90deg,var(--brand-dk),var(--brand) 55%,color-mix(in srgb,var(--brand) 55%,#07151a))}
.sj .d-save{background:color-mix(in srgb,var(--ok,#1a7f5a) 10%,#07151a);border:1px solid color-mix(in srgb,var(--ok,rgba(198,168,116,0.3)) 26%,transparent);color:var(--ok-dk,#6fe1b0)}
.sj .co-tot .r span:last-child{color:#efe9dc}
.sj .co-done .ic{background:color-mix(in srgb,var(--brand) 14%,#07151a)}
.sj .co-done .pi-row{background:#07151a}
.sj .addr-opt .adf{background:color-mix(in srgb,var(--ok) 12%,#07151a)}
@media(max-width:820px){.sj .co-mobar{box-shadow:0 -5px 18px -8px rgba(0,0,0,0.672)}
}
.sj .city-ac{background:var(--card,#07151a);box-shadow:0 10px 26px rgba(0,0,0,0.312)}
.sj .city-ac-i.on,.sj .city-ac-i:hover{background:var(--soft,#08161c)}
.sj .cat-pill{background:#07151a}
.sj .rc-preset{background:#07151a}
.sj .rc-field input{background:#07151a}
.sj .rc-pick select{background:#07151a}
.sj .rc-out{background:#07151a}
.sj .rc-out-draw{background:color-mix(in srgb,var(--brand) 7%,#07151a)}
.sj .rc-syr-cap{color:var(--ink-3,#a39d90)}
.sj .rc-syr-plc{fill:#c9c2b2}
.sj .rc-syr-barrel{stroke:#c9c2b2}
.sj .rc-syringe.over .rc-syr-fill{fill:color-mix(in srgb,var(--sale,#e46d70) 22%,#fff)}
.sj .rc-syr-ticks line{stroke:#c9c2b2}
.sj .rc-syr-hub{fill:#c9c2b2}
.sj .rc-syr-needle{stroke:#c9c2b2}
.sj .rc-syringe.over .rc-syr-mkline{stroke:var(--sale,#e46d70)}
.sj .rc-syringe.over .rc-syr-mklb{fill:var(--sale,#e46d70)}
.sj .rc-warn{color:#e5b56c;border:1px solid color-mix(in srgb,rgba(198,168,116,0.36) 34%,var(--line))}
.sj .rc-share-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
.sj .chip{background:#07151a;color:#efe9dc}
.sj .chip:hover{border-color:rgba(198,168,116,0.24)}
.sj .card-box{background:#07151a;box-shadow:0 1px 2px rgba(0,0,0,0.096),0 16px 40px rgba(0,0,0,0.12)}
.sj .acct-welcome{background:color-mix(in srgb,var(--ok) 8%,#07151a)}
.sj .acct-order:hover{border-color:rgba(198,168,116,0.24);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.sj .ao-eta-arr,.sj .ao-eta-arr b{color:var(--ok-dk,#6ce599)}
.sj .ao-item .ao-thumb{background:#07151a}
.sj .badge.ok{background:color-mix(in srgb,var(--ok) 13%,#07151a)}
.sj .badge.paid{background:color-mix(in srgb,var(--brand) 11%,#07151a)}
.sj .badge.wait{background:#231b0e;color:#e5af6c;border-color:rgba(198,168,116,0.24)}
.sj .acct-paynudge{border:1px solid rgba(198,168,116,0.24);background:#22190e}
.sj .acct-paynudge .apn-t b{color:#e5ae6c}
.sj .howpay .h{background:#07151a;box-shadow:0 1px 2px rgba(0,0,0,0.072)}
.sj .howpay .h:hover{border-color:rgba(198,168,116,0.24);box-shadow:0 14px 36px rgba(0,0,0,0.168)}
.sj .howpay .h ol{color:#a39d90}
.sj .howpay .h .tag{background:color-mix(in srgb,var(--brand) 12%,#07151a)}
.sj .vbatch{background:#07151a}
.sj .vbatch:hover{border-color:rgba(198,168,116,0.24);box-shadow:0 8px 20px rgba(0,0,0,0.12)}
.sj .vbatch .dl:hover{background:color-mix(in srgb,var(--brand) 6%,#07151a)}
@media print{.sj .trk-prbrand{border-bottom:1px solid rgba(198,168,116,0.24)}
}
.sj .trk-next-links a{background:#07151a}
.sj .trk-tl .tl-dt{color:var(--ink-3,#a39d90)}
.sj .trk-pay{background:color-mix(in srgb,var(--brand) 5%,#07151a)}
.sj .trk-sub-msg.ok{color:#6fe1b0}
.sj .trk-sub-msg.bad{color:#dd7478}
.sj .ti-thumb{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
.sj .lookup input:focus{background:#07151a;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,rgba(0,0,0,0.6))}
@media print{.sj .coa-prbrand{border-bottom:1px solid rgba(198,168,116,0.24)}
.sj .coa-prbrand span{color:#a39d90}
}
.sj .drawer-ov{background:rgba(5,15,19,0.46)}
.sj .drawer{background:#07151a;box-shadow:-28px 0 80px -22px rgba(0,0,0,0.84)}
.sj .drawer-h{background:#07151a}
.sj .drawer-x:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
.sj .dcrypto{background:color-mix(in srgb,var(--ok) 9%,#07151a)}
.sj .d-guar{background:color-mix(in srgb,var(--ok) 6%,#07151a)}
.sj .dpair-thumb{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
.sj .scr-err{color:#e5746c;background:#220f0e;border:1px solid rgba(198,168,116,0.24)}
.sj .dfree{background:linear-gradient(180deg,var(--brand-tint),color-mix(in srgb,var(--brand) 3%,#07151a))}
.sj .rv-h{color:var(--ink-3,#a39d90)}
.sj .rv-thumb{background:radial-gradient(130% 105% at 50% 0,#07151a 45%,var(--soft) 130%)}
.sj .rv-p .rv-was{color:var(--ink-3,#a39d90)}
.sj .dpair-p .dpair-was{color:var(--ink-3,#a39d90)}
.sj .dfree::after{background-color:color-mix(in srgb,var(--brand) 13%,#07151a);background-image:radial-gradient(circle at calc(100% - 5px) 50%,color-mix(in srgb,var(--brand) 55%,#07151a) 2.2px,transparent 3px),linear-gradient(90deg,var(--brand-dk),var(--brand) 55%,color-mix(in srgb,var(--brand) 55%,#07151a))}
.sj .dfree:not(:has(b)){color:#6ce5a7}
.sj .dfree:not(:has(b))::after{background-color:#0e2015;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.432)}
.sj .dundo-btn{border:1px solid rgba(198,168,116,0.091)}
.sj .dundo-btn:hover{border-color:rgba(198,168,116,0.149)}
.sj .dundo-btn:focus-visible{outline:2px solid rgba(198,168,116,0.24)}
.sj .ditems::-webkit-scrollbar-thumb{border:3px solid rgba(198,168,116,0.24)}
.sj .di .dimg{background:radial-gradient(130% 105% at 50% 0,#07151a 40%,var(--soft) 120%)}
.sj .di .dimg::before{background:linear-gradient(180deg,color-mix(in srgb,var(--cap,var(--brand)) 86%,#07151a),color-mix(in srgb,var(--cap,var(--brand)) 78%,#03080a));box-shadow:0 1.5px 0 rgba(0,0,0,0.6)}
.sj .di .dimg::after{background:linear-gradient(100deg,#07151a 8%,#231e12 46%,#221c11 82%);border:1px solid rgba(198,168,116,0.24);box-shadow:0 6px 10px -5px rgba(0,0,0,0.6)}
.sj .di .dimg b{background:#07151a;box-shadow:0 1px 2px rgba(0,0,0,0.192)}
.sj .di .dimg.has-img{background:radial-gradient(130% 105% at 50% 0,#07151a 42%,var(--soft) 130%)}
.sj .di .sub .di-was{color:var(--ink-3,#a39d90)}
.sj .di .qty button:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
.sj .di .qty .qi:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
.sj .di .rm:hover{background:color-mix(in srgb,var(--sale) 7%,#07151a)}
.sj .shiptag.ship-2d{color:#70e1a8;background:#0e1f15;border-color:rgba(198,168,116,0.24)}
.sj .shiptag.ship-ext{color:#e5ae6c;background:#231b0e;border-color:rgba(198,168,116,0.24)}
.sj .co-fsn-pre{color:#e5ae6c!important}
.sj .ctr-head .stars svg{fill:#e5b76c}
.sj .ctr-vf{stroke:#70e1a8}
.sj .pay-element .pay-ph--blocked{color:#e5746c;border-color:rgba(198,168,116,0.3);background:#21100e}
.sj .pay-renew{border:1px solid var(--line,rgba(198,168,116,0.24));border-left:3px solid var(--brand,rgba(198,168,116,0.3));background:#0d1d15;color:#efe9dc}
.sj .dsum{background:linear-gradient(180deg,#07151a,var(--soft));box-shadow:0 -14px 34px -22px rgba(0,0,0,0.6)}
.sj .scr-ov{background:radial-gradient(1000px 640px at 50% 12%,color-mix(in srgb,var(--brand) 26%,rgba(4,14,17,0.55)),rgba(4,14,17,0.78))}
.sj .scr{background:linear-gradient(180deg,var(--brand-tint),#07151a 130px);box-shadow:0 44px 110px -28px rgba(0,0,0,0.9),0 18px 40px -20px rgba(0,0,0,0.9)}
.sj .scr::before{background:linear-gradient(90deg,var(--brand-dk),var(--brand) 45%,color-mix(in srgb,var(--brand) 30%,#07151a))}
.sj .scr .m{box-shadow:0 12px 26px -10px color-mix(in srgb,var(--brand) 65%,transparent),inset 0 1px 0 rgba(0,0,0,0.42),0 0 0 8px color-mix(in srgb,var(--brand) 8%,transparent)}
.sj .scr label:hover{background:#07151a}
.sj .gtee::before{background-image:radial-gradient(rgba(8,25,31,0.05) 1px,transparent 1px)}
.sj .faq .qa summary:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 55%,rgba(198,168,116,0.24))}
.sj #mnav-ov{background:rgba(4,14,17,0.58)}
.sj #mnav{background:#07151a;box-shadow:16px 0 44px rgba(0,0,0,0.384)}
.sj .mnav-util a:hover,.sj .mnav-util button:hover{background:#07151a}
.sj #toTop{background:rgba(4,20,26,0.92);box-shadow:0 8px 22px -8px rgba(0,0,0,0.672)}
.sj body{background:#08171c;color:#dcbd80}
.sj .adm-load{color:#a39d90}
.sj .adm-login{background:#07151a;border:1px solid rgba(198,168,116,0.24)}
.sj .adm-login p.sub{color:#a39d90}
.sj .adm-login input{border:1px solid rgba(198,168,116,0.24)}
.sj .adm-login input:focus{border-color:#c6a874}
.sj .adm-pw-show{color:#a39d90}
.sj .adm-pw-show:hover{color:#dcbd80}
.sj .adm-caps{color:#e5a06c}
.sj .adm-err{color:#df7c71}
.sj .btn{background:#c6a874}
.sj .adm-out{border:1px solid rgba(198,168,116,0.24);color:#a39d90}
.sj .adm-range{border:1px solid rgba(198,168,116,0.24);background:#07151a}
.sj .adm-rbtn{background:#07151a;color:#a39d90;border-left:1px solid rgba(198,168,116,0.24)}
.sj .adm-rbtn.on{background:#c6a874}
.sj .adm-rbtn:not(.on):hover{background:#08161c;color:#dcbd80}
.sj .adm-basis{color:#a39d90}
.sj .adm-basis b{color:#efe9dc}
.sj .adm-card{background:#07151a;border:1px solid rgba(198,168,116,0.24)}
.sj .adm-cl{color:#a39d90}
.sj .adm-card em{color:#a39d90}
.sj .adm-panel{background:#07151a;border:1px solid rgba(198,168,116,0.24)}
.sj .adm-lu input{border:1px solid rgba(198,168,116,0.24);color:#dcbd80}
.sj .adm-lu input:focus{border-color:#c6a874;box-shadow:0 0 0 3px rgba(0,0,0,0.288)}
.sj .adm-lu-msg{color:#a39d90}
.sj .adm-order{border:1px solid rgba(198,168,116,0.24);background:#08151a}
.sj .adm-order-h>b{color:#dcbd80}
.sj .adm-order-meta{color:#a39d90}
.sj .adm-order-b{color:#efe9dc}
.sj .adm-order-b .adm-k{color:#a39d90}
.sj .adm-t th{color:#a39d90;border-bottom:1px solid rgba(198,168,116,0.24)}
.sj .adm-t td{border-bottom:1px solid rgba(198,168,116,0.24)}
.sj .adm-ff-det td{background:#08151b;color:#a39d90}
.sj .adm-ff-det .adm-ff-k{color:#a39d90}
.sj .adm-ff-copy{color:#6fe2b8;background:#07151a;border:1px solid rgba(198,168,116,0.24)}
.sj .adm-ff-copy:hover{background:#0e1f16}
.sj .adm-empty{color:#a39d90}
.sj .adm-badge.wait{background:#23100e;color:#df7c71}
.sj .adm-badge.ok{background:#0e1f14;color:#72dea4}
.sj .adm-badge.no{background:#08171c;color:#a39d90}
.sj .adm-act{border:1px solid rgba(198,168,116,0.24);background:#07151a;color:#efe9dc}
.sj .adm-act:hover{border-color:#c6a874;color:#dcbd80}
.sj .adm-act.ok:hover{border-color:rgba(198,168,116,0.3);color:#72dea4}
.sj .adm-act.no:hover{border-color:rgba(198,168,116,0.36);color:#df7c71}
.sj .adm-track{color:#72dea4}
.sj .lead-when{color:#a39d90}
.sj .lead-src{background:#08171c;color:#a39d90}
.sj .lead-src.fb{background:#241e12;color:#dcbd80}
.sj .lead-contact a{color:#dcbd80}
.sj .lead-interest{color:#efe9dc}
.sj .lead-ans span{color:#a39d90}
.sj .lead-camp{color:#a39d90}
.sj .lead-sel,.sj .lead-fu{border:1px solid rgba(198,168,116,0.24);background:#07151a;color:#efe9dc}
.sj .lead-notes{border:1px solid rgba(198,168,116,0.24);color:#efe9dc}
.sj .lead-notes:focus,.sj .lead-sel:focus,.sj .lead-fu:focus{border-color:#c6a874}
.sj .lead-saved{border-color:rgba(198,168,116,0.3)!important;background:#0d1e12}
.sj .lead-row.due{background:#221b0e}
.sj .lead-row.due .lead-fu{border-color:rgba(198,168,116,0.36);color:#df7c71}
.sj .adm-lead-count{color:#df7c71}
.sj .adm-lead-sync input{border:1px solid rgba(198,168,116,0.24)}
.sj .adm-lead-sync input:focus{border-color:#c6a874}
.sj .adm-lead-imp summary{color:#dcbd80}
.sj .adm-lead-imp textarea{border:1px solid rgba(198,168,116,0.24)}
.sj .adm-lead-msg{color:#a39d90}
.sj .adm-export-note{color:#a39d90}
.sj .adm-fulfill{border-color:rgba(198,168,116,0.24);background:#211c0e}
.sj .adm-ship{border-color:rgba(198,168,116,0.24);background:#0d1d15}
.sj .adm-fulfill-note{color:#a39d90}
.sj .adm-ff-tries{background:#23170e;color:#e59d6c;border:1px solid rgba(198,168,116,0.24)}
.sj .adm-ff-sub{background:#0e111e;color:#7c8bd4;border:1px solid rgba(198,168,116,0.24)}
.sj .adm-ff-sub.adm-ff-sub-off{background:#220e0e;color:#dd7373;border-color:rgba(198,168,116,0.24)}
.sj .adm-age-new{background:#0e1f15;color:#6fe2b8}
.sj .adm-age-warn{background:#231c0e;color:#e5b36c}
.sj .adm-age-old{background:#220e0e;color:#df7c71}
.sj .adm-funnel-note{color:#a39d90}
.sj .adm-bar-t b{background:#c6a874}
.sj .adm-bar em{color:#a39d90}
.sj .pay-el--loading::before{background:var(--card,#07151a);border:1px dashed var(--line,rgba(198,168,116,0.24))}
.sj .pay-el--loading::after{color:var(--muted,#a39d90)}
.sj .legalx .ctf-out.is-ok{color:var(--ok,#6ce5a2)}
.sj .mg-login{background:radial-gradient(1100px 460px at 50% -12%,#06151a,var(--bg))}
.sj .mg-card{box-shadow:0 24px 70px rgba(0,0,0,0.9)}
.sj .mg-mono{color:#6ce5c1}
.sj .mg-btn{color:#6ce5c1}
.sj .mg-bar{background:rgba(5,16,20,0.9)}
.sj .mg-add{color:#6ce5c1}
.sj .rguide .rg-fig{background:#07151a}
.sj .rguide ol.steps li:before{background:color-mix(in srgb,var(--brand) 12%,#07151a)}
.sj .rh-kind-guide{background:color-mix(in srgb,var(--brand) 12%,#07151a)}
.sj .rh-kind-tool{background:color-mix(in srgb,var(--ok) 15%,#07151a)}
.sj .coadoc{background:#07151a;border:1px solid rgba(198,168,116,0.24);color:#dcbd80;box-shadow:0 18px 50px rgba(0,0,0,0.24)}
.sj .coadoc .frame{border:1px solid color-mix(in srgb,var(--ac) 26%,rgba(198,168,116,0.24));box-shadow:inset 0 0 0 3px rgba(0,0,0,0.6)}
.sj .coadoc .hd:after{background:linear-gradient(90deg,#07151a 0 62%,var(--ac) 62% 100%)}
.sj .coadoc .mono{background:linear-gradient(150deg,#07151a,#0a1f27);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.14)}
.sj .coadoc .lab{color:#dcbd80}
.sj .coadoc .sub{color:#a39d90}
.sj .coadoc .rep{color:#c9c2b2}
.sj .coadoc .rep .rv{color:#dcbd80}
.sj .coadoc .rep .rv2{color:#efe9dc}
.sj .coadoc .titlebar{border-bottom:1px solid #c6a874}
.sj .coadoc .titlebar .ctitle{color:#dcbd80}
.sj .coadoc .titlebar .doc{color:#c9c2b2}
.sj .coadoc h2{color:#efe9dc}
.sj .coadoc h2 .no{border:1px solid color-mix(in srgb,var(--ac) 40%,rgba(198,168,116,0.24))}
.sj .coadoc h2:after{background:#231e12}
.sj .coadoc .meta div{border-bottom:1px solid #c6a874}
.sj .coadoc .meta .k{color:#a39d90}
.sj .coadoc .meta .l{border-bottom:1px dotted rgba(198,168,116,0.24)}
.sj .coadoc .chrom{border:1px solid #c6a874;background:#07151a}
.sj .coadoc .cap{color:#c9c2b2}
.sj .coadoc table.res th,.sj .coadoc table.sum th{background:#231d12;color:#a39d90;border-bottom:1px solid #c6a874}
.sj .coadoc table.res td,.sj .coadoc table.sum td{border-bottom:1px solid #c6a874}
.sj .coadoc table.res tbody tr:nth-child(even),.sj .coadoc table.sum tbody tr:nth-child(even){background:#221d12}
.sj .coadoc table.res .c{color:#c9c2b2}
.sj .coadoc table.res tr.main{background:color-mix(in srgb,var(--ac) 7%,#07151a)!important}
.sj .coadoc table.res tr.main td{border-color:color-mix(in srgb,var(--ac) 16%,rgba(198,168,116,0.24))}
.sj .coadoc table.res .hi{color:#dcbd80}
.sj .coadoc table.sum .mut{color:#a39d90}
.sj .coadoc table.sum .p{color:#6ce599}
.sj .coadoc .ck{background:#0e1f14;color:#6ce599}
.sj .coadoc .verdict{background:color-mix(in srgb,var(--ac) 8%,#07151a);border:1px solid color-mix(in srgb,var(--ac) 26%,rgba(198,168,116,0.24));color:#dcbd80}
.sj .coadoc .concl{color:#a39d90;background:#221d12}
.sj .coadoc .sig{border-top:1px solid #c6a874}
.sj .coadoc .sig .rule{border-top:1px solid rgba(198,168,116,0.36);color:#a39d90}
.sj .coadoc .sig .rule b{color:#efe9dc}
.sj .coadoc .foot{background:#221d12;border-top:1px solid #c6a874;color:#c9c2b2}
@media(max-width:640px){.sj .coadoc .tblwrap::after{background:linear-gradient(90deg,transparent,#07151a)}
.sj .coadoc table.sum tbody tr{border:1px solid #c6a874;background:#07151a}
.sj .coadoc table.sum tbody tr:nth-child(even){background:#07151a}
.sj .coadoc table.sum td::before{color:#c9c2b2}
.sj .coadoc table.sum td:first-child{color:#dcbd80;border-bottom:1px solid #c6a874}
}
.sj .tr-rate.ok{background:color-mix(in srgb,var(--ok) 12%,#07151a)}
.sj .tr-rate.save{background:color-mix(in srgb,var(--save) 12%,#07151a)}
.sj .tr-rate.sale{background:color-mix(in srgb,var(--sale) 10%,#07151a)}
.sj .whl-tier.feat{box-shadow:0 2px 4px rgba(0,0,0,0.096),0 16px 30px -14px color-mix(in srgb,var(--brand) 50%,transparent)}
.sj .whl-tier .tag{background:color-mix(in srgb,var(--brand) 12%,#07151a)}
.sj .whl-ic .ck{background:color-mix(in srgb,var(--brand) 12%,#07151a)}

/* S&J Prime Vitality theme. Loaded after the engine stylesheet on every page; html carries class "sj".
   Engine components are re-skinned with a leading .sj so each rule out-ranks the same selector in any
   later in-body <style> block. S&J's own components use sj- class names the engine never uses. */
:root.sj{
  color-scheme:dark;
  --sj-bg:#010b0e;--sj-bg2:#03121a;--sj-panel:#061820;--sj-panel2:#0a1d27;--sj-card:#081b24;
  --sj-gold:#c6a874;--sj-gold-hi:#efd9a1;--sj-gold-lo:#9c7a43;
  --sj-text:#efe9dc;--sj-text2:#cfc7b6;--sj-muted:#968f80;
  --sj-line:rgba(198,168,116,.62);--sj-line2:rgba(198,168,116,.3);--sj-line3:rgba(198,168,116,.16);
  --sj-gold-text:linear-gradient(180deg,#f6e4ad 0%,#e0bf7b 34%,#c09450 64%,#9f7438 82%,#d9b874 100%);
  --sj-gold-btn:linear-gradient(180deg,#f1dca2 0%,#dcbb77 42%,#bd9352 78%,#c9a160 100%);
  --sj-hair:linear-gradient(90deg,rgba(198,168,116,.15),#c6a874 18%,#e8d29a 50%,#c6a874 82%,rgba(198,168,116,.15));
  --sj-fs:'EB Garamond',Georgia,'Times New Roman',serif;
  --brand:#c6a874;--brand-dk:#b08f55;--brand-tint:rgba(198,168,116,.1);--brand-tint-2:rgba(198,168,116,.18);
  --ink:#efe9dc;--ink-2:#d3cbba;--muted:#9a9384;--ink-3:#8d8778;
  --line:rgba(198,168,116,.24);--line-2:rgba(198,168,116,.13);
  --bg:#010b0e;--soft:#071920;--card:#071a22;--sale:#e58b7c;--ok:#86c99e;--ok-dk:#64ad80;--save:#d9b773;
  --dark:#010b0e;--dark-2:#061820;
  --sh-sm:0 1px 2px rgba(0,0,0,.5);--sh:0 10px 28px -12px rgba(0,0,0,.8);--sh-lg:0 26px 50px -18px rgba(0,0,0,.85);
  --fh:'Cinzel',Georgia,'Times New Roman',serif;--fb:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --rad:6px;--rad-lg:8px
}
.sj body{background:#010b0e;color:var(--ink);font-family:var(--fb);overflow-x:hidden}
.sj ::selection{background:rgba(198,168,116,.35);color:#fff}
.sj :focus-visible{outline:2px solid #d9b773;outline-offset:2px}
.sj .skip{background:#c6a874;color:#0b0904}
.sj .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ---------- primitives ---------- */
.sj-wrap{max-width:1240px;margin:0 auto;padding:0 40px;position:relative}
/* Black Watch sett (navy | black guards | green split by a black line), woven both ways */
.sj-tartan{--tw:0deg;background-color:#021411;background-image:
  repeating-linear-gradient(calc(var(--tw) + 45deg),rgba(255,255,255,.016) 0 1px,transparent 1px 3px),
  repeating-linear-gradient(calc(var(--tw) + 0deg),rgba(12,28,48,.5) 0 22px,rgba(0,0,0,.55) 22px 24px,rgba(12,28,48,.5) 24px 27px,rgba(0,0,0,.5) 27px 36px,rgba(20,78,56,.42) 36px 55px,rgba(0,0,0,.6) 55px 57px,rgba(20,78,56,.42) 57px 76px,rgba(0,0,0,.5) 76px 96px),
  repeating-linear-gradient(calc(var(--tw) + 90deg),rgba(12,28,48,.5) 0 22px,rgba(0,0,0,.55) 22px 24px,rgba(12,28,48,.5) 24px 27px,rgba(0,0,0,.5) 27px 36px,rgba(20,78,56,.42) 36px 55px,rgba(0,0,0,.6) 55px 57px,rgba(20,78,56,.42) 57px 76px,rgba(0,0,0,.5) 76px 96px)}
.sj-tartan-x{--tw:45deg}
.sj-eyebrow{font-family:var(--fb);font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#a7a39a;margin:0 0 10px}
.sj-gold{background:var(--sj-gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sj-h1{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(34px,5.3vw,68px);line-height:1.02;letter-spacing:.005em;margin:0;text-transform:uppercase;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
.sj-h1 span{display:block}
.sj-h2{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(24px,3.2vw,40px);line-height:1.08;letter-spacing:.02em;margin:0;text-transform:uppercase}
.sj-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 30px;border-radius:4px;font-family:var(--fb);font-size:13.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;white-space:nowrap;transition:filter .15s,background-color .15s,border-color .15s,transform .15s;border:1px solid transparent}
.sj-btn .sj-ar{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sj .sj-btn-gold,.sj-btn-gold{background:var(--sj-gold-btn);color:#1d1408;border-color:#e6cc8c;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(90,60,20,.35),0 8px 20px -8px rgba(0,0,0,.8)}
.sj-btn-gold:hover{filter:brightness(1.07)}
.sj .sj-btn-line,.sj-btn-line{background:rgba(1,11,14,.72);color:#f1ebdf;border-color:#c6a874;box-shadow:inset 0 0 0 1px rgba(198,168,116,.12)}
.sj-btn-line:hover{background:rgba(198,168,116,.12)}
.sj-btn-sm{min-height:42px;padding:0 20px;font-size:12px}
.sj-link{color:#dcc28a;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(220,194,138,.45);display:inline-flex;align-items:center;gap:6px}
.sj-link:hover{color:#f0dba6}
.sj-link .sj-ar{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6}
.sj-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}
.sj-cta-c{justify-content:center}
.sj-i{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}

/* ---------- header ---------- */
.sj-hd{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#02101500 0,#021015 0),#010d11;border-bottom:1px solid transparent;box-shadow:0 1px 0 rgba(198,168,116,.7),0 10px 28px -12px rgba(0,0,0,.9)}
.sj-hd::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--sj-hair)}
.sj-hd-in{max-width:1320px;margin:0 auto;padding:0 40px;height:104px;display:flex;align-items:center;gap:28px}
.sj-logo{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1;flex:none}
.sj-logo-m{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:50px;letter-spacing:.01em;line-height:.92;background:var(--sj-gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sj-logo-t{font-family:'Cinzel',Georgia,serif;font-weight:600;font-size:15.5px;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;color:#d7b878;white-space:nowrap}
.sj-logo-inline{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.sj-logo-inline .sj-logo-m{font-size:30px}.sj-logo-inline .sj-logo-t{font-size:10px;margin-top:3px}
.sj-nav{margin-left:auto;display:flex;align-items:center;gap:34px}
.sj-nav a{font-family:var(--fb);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ece7dc;text-decoration:none;white-space:nowrap;padding:8px 0;position:relative}
.sj-nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#c6a874;transform:scaleX(0);transition:transform .2s}
.sj-nav a:hover{color:#f3dfaa}.sj-nav a:hover::after,.sj-nav a[aria-current="page"]::after{transform:scaleX(1)}
.sj-nav a[aria-current="page"]{color:#e8cf95}
.sj-act{display:flex;align-items:center;gap:12px;margin-left:22px}
.sj-ic{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:8px 6px;color:#ece7dc;cursor:pointer;text-decoration:none;font-family:var(--fb);font-size:13.5px}
.sj-ic:hover{color:#f0d9a0}
.sj-ic .sj-i{width:25px;height:25px}
.sj-cc{letter-spacing:.04em}
.sj .sj-cart .cnt,.sj .sj-cart #cnt{display:none!important}
.sj .sj-burger{display:none;width:44px;height:44px;color:#ece7dc;border-radius:6px}
.sj .sj-burger .sj-i{width:26px;height:26px;stroke-width:1.6}
/* search panel */
.sj-search{position:absolute;left:0;right:0;top:100%;background:#020f13;border-bottom:1px solid rgba(198,168,116,.45);box-shadow:0 18px 40px -16px rgba(0,0,0,.9)}
.sj-search-in{max-width:880px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;gap:12px}
.sj .sj-search .search-wrap{flex:1;min-width:0;position:relative;max-width:none;margin:0}
.sj .sj-search .search{display:flex;align-items:center;gap:10px;background:#061820;border:1px solid rgba(198,168,116,.45);border-radius:4px;padding:0 14px;height:48px;width:100%}
.sj .sj-search .search .icn{width:20px;height:20px;stroke:#c6a874;fill:none;stroke-width:1.6}
.sj .sj-search .search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#f1ebdf;font:16px var(--fb)}
.sj .sj-search .search input::placeholder{color:#8e887b}
.sj-search-x{background:none;border:0;color:#d6c79f;cursor:pointer;padding:8px}
.sj .search-pop{background:#041419;border:1px solid rgba(198,168,116,.4);border-radius:6px;box-shadow:0 24px 48px -16px rgba(0,0,0,.9);color:var(--ink)}
.sj .search-pop *{border-color:rgba(198,168,116,.15)!important}
.sj .search-pop a,.sj .search-pop .sr{color:var(--ink);background:transparent}
.sj .search-pop .sr:hover,.sj .search-pop .sr[aria-selected="true"],.sj .search-pop .sr.on{background:rgba(198,168,116,.1)}
.sj .search-pop mark{background:rgba(198,168,116,.3);color:#fff}

/* mobile drawer */
.sj #mnav{background:#020f13;border-right:1px solid rgba(198,168,116,.4);box-shadow:16px 0 44px rgba(0,0,0,.6)}
.sj #mnav .mnav-h{border-bottom:1px solid rgba(198,168,116,.3);padding:14px 12px 14px 18px}
.sj .sj-logo-sm .sj-logo-m{font-size:30px}.sj .sj-logo-sm .sj-logo-t{font-size:10px;margin-top:3px}
.sj #mnav-close{color:#d6c79f;background:transparent}
.sj #mnav-close:hover{background:rgba(198,168,116,.1);color:#fff}
.sj #mnav-close .sj-i{width:24px;height:24px}
.sj .mnav-search{background:#061820;border:1px solid rgba(198,168,116,.35);border-radius:4px;margin-top:14px}
.sj .mnav-search input{color:#f1ebdf}
.sj .mnav-search .icn{stroke:#c6a874}
.sj .mnav-links{margin-top:6px}
.sj .mnav-links a{color:#ece7dc;font-family:var(--fb);font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(198,168,116,.16)}
.sj .mnav-links a[aria-current="page"],.sj .mnav-links a:hover{color:#e8cf95}
.sj .mnav-util button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 14px;background:var(--sj-gold-btn);border:1px solid #e6cc8c;border-radius:4px;color:#1d1408;font:600 13px var(--fb);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;margin-top:16px}
.sj .mnav-util button .sj-i{width:20px;height:20px}
.sj #mnav-cnt{margin-left:auto;background:#1d1408;color:#f1dca2;border-radius:99px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:11px;padding:0 6px}
.sj .mnav-foot{border-top:1px solid rgba(198,168,116,.25);color:#968f80;font-size:12px;padding:14px 18px;background:transparent}
.sj #mnav-ov{background:rgba(0,0,0,.66)}

/* ---------- home: hero ---------- */
.sj-hero{position:relative;overflow:hidden;background:#010b0e;min-height:560px;border-bottom:1px solid transparent}
.sj-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sj-hair);z-index:3}
.sj-hero-tartan{position:absolute;inset:0;z-index:0}
.sj-hero-tartan::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 0% 40%,rgba(1,11,14,.15),rgba(1,11,14,.55) 70%),linear-gradient(90deg,rgba(1,11,14,.2),rgba(1,11,14,0) 40%)}
.sj-hero.has-scene .sj-hero-tartan::after{background:linear-gradient(90deg,rgba(1,11,14,.55),rgba(1,11,14,.25) 38%,rgba(1,11,14,0) 60%)}
.sj-hero.has-scene .sj-hero-scene{width:100%;-webkit-mask-image:none;mask-image:none;object-position:64% 50%}
.sj-hero.has-scene .sj-hero-tartan{z-index:2;background:none}
.sj-hero-scene{position:absolute;top:0;right:0;bottom:0;width:62%;height:100%;object-fit:cover;object-position:70% 50%;z-index:1;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 16%,#000 34%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 16%,#000 34%)}
.sj-hero-css{background:radial-gradient(60% 50% at 78% 22%,rgba(203,150,72,.32),transparent 60%),radial-gradient(18% 26% at 92% 30%,rgba(255,196,110,.28),transparent 70%),radial-gradient(10% 14% at 64% 18%,rgba(255,206,130,.22),transparent 70%),linear-gradient(180deg,#0e1612 0,#130f0a 60%,#160d06 100%)}
.sj-bokeh{position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(255,210,140,.45) 0 6px,transparent 7px),radial-gradient(circle at 90% 34%,rgba(255,200,120,.35) 0 9px,transparent 10px),radial-gradient(circle at 76% 12%,rgba(255,220,160,.3) 0 5px,transparent 6px),radial-gradient(circle at 96% 46%,rgba(255,190,110,.3) 0 12px,transparent 13px),radial-gradient(circle at 70% 30%,rgba(120,150,90,.25) 0 26px,transparent 28px);filter:blur(3px)}
.sj-wood{position:absolute;left:0;right:0;bottom:0;height:32%;background:repeating-linear-gradient(178deg,rgba(0,0,0,.18) 0 2px,transparent 2px 7px),linear-gradient(180deg,#4a2a12 0,#6a3e1a 18%,#3d220e 60%,#1d1007 100%);box-shadow:inset 0 14px 22px -10px rgba(0,0,0,.7)}
.sj-hero-in{position:relative;z-index:2;display:flex;align-items:center;min-height:560px;padding-top:56px;padding-bottom:64px}
.sj-hero-copy{max-width:640px}
.sj-hero-copy .sj-eyebrow{margin-bottom:12px}
.sj-hero-sub{font-family:var(--sj-fs);font-size:23px;line-height:1.4;color:#f3eee3;margin:22px 0 0;max-width:620px}
.sj-hero-sub span:nth-child(3){display:block}
.sj-hero-art{margin-left:auto;margin-right:7%;align-self:flex-end;position:relative;z-index:2;transform:scale(1.42);transform-origin:50% 100%;margin-bottom:-6px}
.sj-hero-m{display:none}
/* the CSS vial shown until the photographed hero arrives */
.sj-vial{position:relative;width:180px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 30px 30px rgba(0,0,0,.65))}
.sj-vial-cap{display:block;width:158px;height:72px;border-radius:12px 12px 8px 8px;background:linear-gradient(90deg,#6b4c1c 0,#c49a4f 14%,#f3dc9b 30%,#d4ad62 46%,#8e6526 70%,#c79d55 86%,#6e4e1d 100%);box-shadow:inset 0 -6px 10px rgba(0,0,0,.35),inset 0 3px 4px rgba(255,255,255,.35)}
.sj-vial-neck{display:block;width:124px;height:22px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.35) 30%,rgba(255,255,255,.1) 60%,rgba(255,255,255,.28));border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25)}
.sj-vial-body{display:block;width:180px;padding:16px 8px 26px;border-radius:14px 14px 18px 18px;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.32) 12%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.04) 70%,rgba(255,255,255,.26) 88%,rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.32)}
.sj-vial-label{display:flex;flex-direction:column;align-items:center;padding:14px 8px 12px;border-top:2px solid #c6a874;border-bottom:2px solid #c6a874;text-align:center;box-shadow:inset 0 0 0 1px rgba(198,168,116,.35)}
.sj-vl-m{font-family:'Cinzel',serif;font-weight:700;font-size:30px;line-height:1;background:var(--sj-gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sj-vl-b{font-family:'Cinzel',serif;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#e5c98c;margin-top:3px}
.sj-vl-n{font-family:'Cinzel',serif;font-size:17px;color:#f0e6cf;margin:10px 0 8px;padding:6px 0;border-top:1px solid rgba(198,168,116,.6);border-bottom:1px solid rgba(198,168,116,.6);width:86%}
.sj-vl-r{font-family:var(--fb);font-size:7.5px;letter-spacing:.06em;text-transform:uppercase;color:#d8cfbb;line-height:1.5}

/* ---------- home: trust strip ---------- */
.sj-trust{position:relative;background:linear-gradient(180deg,#02121a,#010d12);border-bottom:1px solid transparent}
.sj-trust::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sj-hair)}
.sj-trust-in{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.sj-trust-in li{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;padding:6px 18px}
.sj-trust-in li+li::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(180deg,transparent,#c6a874 25%,#c6a874 75%,transparent)}
.sj-ti-ic{flex:none;width:60px;height:60px;border-radius:50%;border:1.5px solid #c6a874;display:grid;place-items:center;color:#d7b878;box-shadow:inset 0 0 0 4px rgba(198,168,116,.06)}
.sj-ti-ic svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sj-ti-ic svg .fill{fill:currentColor;stroke:none;opacity:.9}
.sj-ti-t{font-family:var(--fb);font-size:14px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:#ece7dc;line-height:1.55}

/* ---------- home: featured ---------- */
.sj-feat{position:relative;padding:44px 0 56px;background:radial-gradient(90% 70% at 50% 0%,#04161d,#010b0e 70%)}
.sj-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.sj-more{display:inline-flex;align-items:center;gap:8px;font-family:var(--fb);font-size:15px;color:#ece7dc;text-decoration:underline;text-underline-offset:6px;text-decoration-color:rgba(236,231,220,.55);white-space:nowrap;margin-bottom:8px}
.sj-more:hover{color:#f0d9a0}
.sj-more .sj-ar{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}
.sj-pager{position:relative}
.sj-pg{display:none}
.sj-fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sj-feat-all{display:none}
/* card */
.sj-card{display:flex;flex-direction:column;background:#071923;border:1px solid #c6a874;border-radius:7px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 18px 34px -18px rgba(0,0,0,.9);min-width:0;transition:transform .18s,box-shadow .18s}
.sj-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(198,168,116,.4),0 24px 40px -18px rgba(0,0,0,.95)}
.sj-card-img{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:#0b1410;border-bottom:1px solid rgba(198,168,116,.35)}
.sj-card-photo{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.sj-card-scene{position:absolute;inset:0;display:grid;place-items:end center;background:radial-gradient(70% 55% at 50% 30%,rgba(203,150,72,.26),transparent 65%),linear-gradient(180deg,#0e1612 0,#151009 66%,#3b210c 66%,#1f1107 100%)}
.sj-card-vial{height:84%;width:auto;max-width:none;margin-bottom:8%;filter:drop-shadow(0 12px 12px rgba(0,0,0,.6))}
.sj-card-b{padding:18px 20px 18px;display:flex;flex-direction:column;flex:1;background:linear-gradient(180deg,#0a1f2a,#071823)}
.sj-card-t{font-family:var(--fb);font-size:19px;font-weight:500;letter-spacing:.005em;color:#f3eee3;margin:0 0 6px;line-height:1.25}
.sj-card-t a{text-decoration:none}
.sj-card-t a:hover{color:#f0d9a0}
.sj-card-ru{font-size:14px;color:#a9a397;margin:0 0 10px}
.sj-card-lead{color:#8f897c;font-size:12px}
.sj-card-mg{font-size:14px;color:#c7c0b0;margin:0}
.sj-card-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:4px}
.sj-card-pr{font-family:var(--fb);font-size:19px;font-weight:700;color:#f6f1e6;letter-spacing:.01em}
.sj-from{font-size:12px;font-weight:500;color:#a9a397;letter-spacing:.06em;text-transform:uppercase}
/* sj22: a price range wraps after the dash on a narrow card, never mid-price */
.sj-card-pr.is-rng{display:flex;flex-wrap:wrap;column-gap:.3em;min-width:0}
.sj-card-pr.is-rng>span{white-space:nowrap}
.sj-card-add{flex:none;width:48px;height:48px;border-radius:5px;border:1.5px solid #c6a874;background:rgba(1,11,14,.4);color:#d9bb7c;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}
.sj-card-add:hover{background:#c6a874;color:#130d05}
.sj-card-add .sj-i{width:24px;height:24px;stroke-width:1.5}
.sj-card-add.is-busy{opacity:.6}
.sj-card-add.is-added{background:#c6a874;color:#130d05}
/* placeholder art */
.sj-ph{display:grid;place-items:center;width:100%;height:100%;container-type:inline-size;background:radial-gradient(80% 60% at 50% 35%,rgba(198,168,116,.12),transparent 70%),linear-gradient(160deg,#0b2027,#04121a 55%,#020d12);color:#e9dcbc;text-align:center}
.sj-ph-in{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10% 8%;width:84%;height:84%;border:1px solid rgba(198,168,116,.55);box-shadow:inset 0 0 0 4px rgba(1,11,14,.6),inset 0 0 0 5px rgba(198,168,116,.22);border-radius:4px}
.sj-ph-m{font-family:'Cinzel',serif;font-weight:700;font-size:clamp(16px,15cqw,40px);line-height:1;background:var(--sj-gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sj-ph-b{font-family:'Cinzel',serif;font-size:clamp(7px,4.4cqw,12px);letter-spacing:.12em;text-transform:uppercase;color:#d7b878;margin-top:4px}
.sj-ph-rule{width:56%;height:1px;background:linear-gradient(90deg,transparent,#c6a874,transparent);margin:9% 0 7%}
.sj-ph-n{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(11px,9cqw,24px);color:#f3ead4;line-height:1.15;max-width:100%;overflow-wrap:anywhere}
.sj-ph-g{font-family:var(--fb);font-size:clamp(9px,5.2cqw,14px);color:#bdb4a2;margin-top:6px;letter-spacing:.04em}
.sj-ph-r{font-family:var(--fb);font-size:clamp(7px,3.4cqw,10px);letter-spacing:.14em;text-transform:uppercase;color:#8f897c;margin-top:8%}
@container (max-width:140px){.sj-ph-b,.sj-ph-rule,.sj-ph-g,.sj-ph-r{display:none}.sj-ph-n{font-size:11px;margin-top:4px}.sj-ph-in{padding:6%}}
@container (max-width:70px){.sj-ph-n{display:none}.sj-ph-in{border:0;box-shadow:none}}
.sj-ph-vial,.sj-ph-shot{width:min(100%,var(--w,220px));height:auto;aspect-ratio:3/4;margin:0 auto;border-radius:6px}
.sj-ph-thumb{aspect-ratio:1/1;border-radius:4px}

/* ---------- home: quality ---------- */
.sj-qual{position:relative;overflow:hidden;background:#010b0e;min-height:330px}
.sj-qual::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--sj-hair);z-index:3}
.sj-qual-bg{position:absolute;inset:0;z-index:0}
.sj-qual-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,11,14,.62),rgba(1,11,14,.45) 50%,rgba(1,11,14,.3))}
.sj-qual-wood{position:absolute;top:0;right:0;bottom:0;width:48%;z-index:1;background:repeating-linear-gradient(92deg,rgba(0,0,0,.2) 0 2px,transparent 2px 9px),linear-gradient(180deg,#2b1709,#3e2210 40%,#25140a);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
.sj-qual-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;min-height:330px}
.sj-qual-copy{padding:48px 0}
.sj-qual-copy p{font-family:var(--fb);font-size:17px;line-height:1.65;color:#ece7dc;max-width:540px;margin:16px 0 26px}
.sj-qual-art{position:relative;height:100%;min-height:330px}
.sj-cloth{position:absolute;left:4%;bottom:-30px;width:150px;height:200px;transform:rotate(-16deg);border-radius:6px;box-shadow:0 20px 30px rgba(0,0,0,.6);background-size:60px 60px}
.sj-coa{position:absolute;right:2%;top:26px;width:min(520px,100%);background:#f6f4ee;color:#1f2328;border:6px solid #e9e3d3;outline:1px solid #b99a5f;box-shadow:0 30px 50px -20px rgba(0,0,0,.85),0 2px 0 #c6a874;transform:rotate(4deg);padding:22px 24px 26px;font-family:var(--fb)}
.sj-coa-h{display:flex;gap:22px;align-items:flex-start;margin-bottom:14px}
.sj-coa-logo{display:flex;flex-direction:column;align-items:center;line-height:1;flex:none;padding-top:4px}
.sj-coa-logo b{font-family:'Cinzel',serif;font-size:34px;font-weight:700;color:#1b1f24}
.sj-coa-logo span{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#333;margin-top:3px}
.sj-coa-t{flex:1;min-width:0}
.sj-coa-t>b{display:block;font-family:'Cinzel',serif;font-size:17px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1b1f24;margin-bottom:8px}
.sj-coa dl{margin:0;border:1px solid #c9c6bd}
.sj-coa dl div{display:flex;justify-content:space-between;gap:10px;padding:4px 8px;font-size:11.5px;border-bottom:1px solid #dedad0}
.sj-coa dl div:last-child{border-bottom:0}
.sj-coa dt{color:#444}.sj-coa dd{margin:0;color:#1b1f24;font-weight:500}
.sj-coa table{width:100%;border-collapse:collapse;font-size:12.5px;border:1px solid #b9b5aa}
.sj .sj-coa th{font-family:'Cinzel',serif;font-size:12px;letter-spacing:.06em;text-align:left;padding:8px 10px;border-bottom:1px solid #b9b5aa;border-right:1px solid #cfcbc0;color:#1b1f24;font-weight:600}
.sj .sj-coa td{padding:8px 10px;border-bottom:1px solid #dedad0;border-right:1px solid #e1ddd3;color:#2b3036}
.sj-coa-foot{height:10px;border-bottom:1px solid #d0ccc2;margin-top:12px}

/* ---------- footer ---------- */
.sj-ft{position:relative;background:linear-gradient(180deg,#010d12,#010a0d);border-top:1px solid transparent;margin-top:0;color:#bdb6a7}
.sj-ft::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--sj-hair)}
.sj-ft-top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:36px;padding:56px 0 40px}
.sj-ft-brand p{font-size:14px;line-height:1.6;color:#a9a397;max-width:330px;margin:16px 0 20px}
.sj-logo-ft{align-items:flex-start}.sj-logo-ft .sj-logo-m{font-size:40px}.sj-logo-ft .sj-logo-t{font-size:12.5px}
.sj-ft-col h3{font-family:'Cinzel',serif;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#d7b878;margin:6px 0 14px}
.sj-ft-col a{display:block;font-size:14px;color:#c9c2b2;text-decoration:none;padding:5px 0}
.sj-ft-col a:hover{color:#f0d9a0}
.sj-news label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d7b878;margin-bottom:8px}
.sj-news-row{display:flex;gap:8px;max-width:380px}
.sj-news-row input{flex:1;min-width:0;height:42px;padding:0 12px;background:#061820;border:1px solid rgba(198,168,116,.4);border-radius:4px;color:#f1ebdf;font:15px var(--fb)}
.sj-news-row input::placeholder{color:#7f796d}
.sj-news-msg{font-size:13px;color:#cdbf98;margin:8px 0 0}
.sj-ft-legal{border-top:1px solid rgba(198,168,116,.22);padding:22px 0 30px;font-size:12.5px;line-height:1.6;color:#8f897c}
.sj-ft-legal p{margin:0 0 8px;max-width:980px}
.sj-ft-copy{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;max-width:none!important}
.sj-ft-copy a{color:#c9b27f;text-decoration:none}

/* ---------- S&J inner pages ---------- */
.sj-phero{position:relative;overflow:hidden;border-bottom:1px solid transparent}
.sj-phero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sj-hair)}
.sj-phero-bg{position:absolute;inset:0}
.sj-phero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,11,14,.2),rgba(1,11,14,.75) 75%,#010b0e)}
.sj-phero-in{position:relative;padding:40px 40px 48px}
.sj-crumb{display:flex;gap:10px;font-size:12.5px;letter-spacing:.06em;color:#9c968a;margin-bottom:22px}
.sj-crumb a{color:#c9b27f;text-decoration:none}
.sj-h1-page{font-size:clamp(30px,4.4vw,54px)}
.sj-phero-sub{font-family:var(--sj-fs);font-size:21px;line-height:1.45;color:#ece7dc;max-width:720px;margin:18px 0 0}
.sj-sec{padding:56px 0}
.sj-sec-alt{background:linear-gradient(180deg,#03131a,#010b0e)}
.sj-fine{font-size:13px;color:#8f897c;margin:28px 0 0;max-width:820px}
.sj-stacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sj-stack{display:flex;flex-direction:column;background:linear-gradient(180deg,#0a1f2a,#061720);border:1px solid #c6a874;border-radius:7px;padding:24px 22px 22px;min-width:0}
.sj-stack h2{font-family:'Cinzel',serif;font-size:20px;font-weight:700;color:#efd9a1;margin:0 0 10px;line-height:1.2}
.sj-stack-note{font-size:14.5px;line-height:1.6;color:#c7c0b0;margin:0 0 18px}
.sj-stack-list{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid rgba(198,168,116,.22)}
.sj-stack-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(198,168,116,.14);font-size:14.5px}
.sj-st-th{width:44px;height:44px;border-radius:4px;overflow:hidden;display:grid;place-items:center;background:#0b1410}
.sj-st-th img{width:100%;height:100%;object-fit:cover}.sj-st-th img.is-vial{object-fit:contain}
.sj-stack-list a{color:#f1ebdf;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sj-stack-list a:hover{color:#f0d9a0}
.sj-st-mg{color:#a39d90;font-size:13px}
.sj-stack-list b{color:#f1ebdf;font-weight:600}
.sj-stack-f{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.sj-stack-pr span{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#a39d90}
.sj-stack-pr b{font-size:22px;color:#f6f1e6}
.sj-vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sj-vid{background:#071923;border:1px solid rgba(198,168,116,.7);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}
.sj-vid-th{position:relative;aspect-ratio:16/9;display:grid;place-items:center;border-bottom:1px solid rgba(198,168,116,.4)}
.sj-vid-th::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 50%,rgba(1,11,14,.2),rgba(1,11,14,.7))}
.sj-vid-play{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;border:1.5px solid #c6a874;display:grid;place-items:center;color:#d9bb7c;background:rgba(1,11,14,.55)}
.sj-vid-play svg{width:30px;height:30px}.sj-vid-play svg .fill{fill:currentColor}
.sj-vid-soon{position:absolute;z-index:1;left:12px;top:12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#1d1408;background:var(--sj-gold-btn);padding:5px 9px;border-radius:3px;font-weight:600}
.sj-vid-b{padding:18px 20px 22px}
.sj-vid-b h2{font-family:'Cinzel',serif;font-size:18px;font-weight:700;color:#efd9a1;margin:0 0 8px;line-height:1.25}
.sj-vid-b p{font-size:14.5px;line-height:1.6;color:#c7c0b0;margin:0 0 14px}
.sj-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sj-pillar{border:1px solid rgba(198,168,116,.5);border-radius:7px;padding:28px 26px;background:linear-gradient(180deg,#0a1f2a,#061720)}
.sj-pillar h2{font-family:'Cinzel',serif;font-size:24px;font-weight:700;margin:18px 0 10px;color:#efd9a1}
.sj-pillar p,.sj-split p,.sj-cta-band p{font-size:16px;line-height:1.65;color:#d3ccbd;margin:0}
.sj-split{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.sj-split h2,.sj-cta-band h2{margin-bottom:14px}
.sj-cta-band{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.sj-cta-band .sj-cta{margin-top:0}
.sj-table-wrap{border:1px solid rgba(198,168,116,.55);border-radius:7px;overflow:hidden}
.sj-table{width:100%;border-collapse:collapse;font-size:15px}
.sj-table th{font-family:'Cinzel',serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:#e5c98c;background:#0a1f2a;padding:14px 18px;border-bottom:1px solid rgba(198,168,116,.45)}
.sj-table td{padding:14px 18px;border-bottom:1px solid rgba(198,168,116,.14);color:#d9d2c3;vertical-align:top}
.sj-table tr:last-child td{border-bottom:0}
.sj-table td:first-child{color:#f3eee3;font-weight:600;white-space:nowrap}
.sj-steps{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sj-steps li{border:1px solid rgba(198,168,116,.45);border-radius:7px;padding:24px;background:#061720}
.sj-step-n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid #c6a874;font-family:'Cinzel',serif;font-weight:700;color:#e5c98c;margin-bottom:14px}
.sj-steps h3{font-family:var(--fb);font-size:17px;font-weight:600;color:#f3eee3;margin:0 0 6px;letter-spacing:0}
.sj-steps p{font-size:14.5px;color:#c7c0b0;line-height:1.6;margin:0}
.sj-qual-page{margin-top:0}
.sj-coa-full{position:relative;max-width:760px;margin:0 auto 34px}
.sj-coa-full .sj-coa{position:relative;right:auto;top:auto;width:100%;transform:none;padding:34px 38px 40px}
.sj-coa-full .sj-coa dl div{font-size:13.5px;padding:7px 12px}
.sj-coa-full .sj-coa table{font-size:14.5px}.sj-coa-full .sj-coa th{font-size:14px;padding:11px 14px}.sj-coa-full .sj-coa td{padding:11px 14px}
.sj-coa-stamp{position:absolute;z-index:2;right:28px;top:22px;transform:rotate(-8deg);font-family:'Cinzel',serif;font-weight:700;font-size:26px;letter-spacing:.2em;text-transform:uppercase;color:rgba(160,40,30,.75);border:3px solid rgba(160,40,30,.6);padding:4px 14px;border-radius:4px;pointer-events:none}
.sj-samplenote,.sj-paynote{max-width:1160px;margin:22px auto 0;padding:14px 18px;border:1px solid rgba(198,168,116,.6);border-left:4px solid #c6a874;border-radius:4px;background:#071a22;color:#e2dacb;font-size:14.5px;line-height:1.55}
.sj-samplenote b,.sj-paynote b{color:#efd9a1}
.sj-paynote a{color:#e5c98c}
.sj-samplenote{width:calc(100% - 44px)}
.sj-paynote{width:calc(100% - 44px);margin-bottom:6px}

/* =================================================================================================
   ENGINE PAGES RE-SKINNED (shop, category, product, cart, checkout, account, verify, COA, guides,
   policies, contact, FAQ, track, 404). Every rule is prefixed with .sj.
   ================================================================================================= */
.sj main{background:transparent;--fh:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.sj main h1,.sj main h2,.sj .drawer-title,.sj .scr h3{font-family:'Cinzel',Georgia,'Times New Roman',serif}
.sj .wrap{max-width:1240px;padding-left:40px;padding-right:40px}
.sj h1,.sj h2{font-family:var(--fh);letter-spacing:.01em}
.sj h3,.sj h4{font-family:var(--fb);letter-spacing:0}
.sj .pg h1,.sj .pg-head h1,.sj .cat-h1,.sj .pdp-info h1,.sj .co-h1,.sj .cp-hero h1,.sj main h1{color:#e9cf93;text-transform:uppercase;font-weight:700}
.sj main h2{color:#e9cf93}
.sj main p,.sj main li{color:var(--ink-2)}
.sj main a:not(.sj-btn):not(.btn):not(.sj-card-img):not(.chip):not(.cat-pill){color:inherit}
.sj .crumb,.sj .crumb a{color:#a39d90}
.sj .crumb a:hover{color:#e5c98c}
.sj .lead,.sj .pg .lead{color:var(--ink-2)}
/* buttons */
.sj .btn{background:var(--sj-gold-btn);color:#1d1408;border:1px solid #e6cc8c;border-radius:4px;font-family:var(--fb);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 16px -8px rgba(0,0,0,.8)}
.sj .btn:hover{filter:brightness(1.06);background:var(--sj-gold-btn)}
.sj .btn.ghost,.sj .btn.sec,.sj .btn.outline,.sj .btn-ghost,.sj .btn.alt{background:transparent;color:#f1ebdf;border-color:#c6a874;box-shadow:none}
.sj .btn[disabled],.sj button[disabled].btn{opacity:.55}
/* chips, pills */
.sj .chip,.sj .cat-pill{background:#061820;color:#d9d2c3;border:1px solid rgba(198,168,116,.35);border-radius:3px;font-family:var(--fb);letter-spacing:.05em}
.sj .chip.on,.sj .chip[aria-pressed="true"],.sj .chip:hover,.sj .cat-pill:hover{background:rgba(198,168,116,.16);color:#f3dfaa;border-color:#c6a874}
.sj .chip-n{background:rgba(198,168,116,.18);color:#e5c98c}
/* forms */
.sj input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.sj select,.sj textarea{background:#061820;color:#f1ebdf;border-color:rgba(198,168,116,.38)}
.sj input::placeholder,.sj textarea::placeholder{color:#7f796d}
.sj input:focus,.sj select:focus,.sj textarea:focus{border-color:#c6a874;outline:none;box-shadow:0 0 0 3px rgba(198,168,116,.18)}
.sj select option{background:#061820;color:#f1ebdf}
.sj label{color:var(--ink-2)}
.sj input[type="checkbox"],.sj input[type="radio"]{accent-color:#c6a874}
/* grids of S&J cards inside engine pages */
.sj .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sj .shop-item{min-width:0;display:flex}
.sj .shop-item>.sj-card{flex:1}
.sj .shop-item.hide{display:none!important}
/* generic light surfaces -> dark panels */
.sj .card-box,.sj .acct-card,.sj .co-card,.sj .co-box,.sj .panel,.sj .box,.sj .tcell,.sj .qitem,.sj .qa,.sj .faq .qa,.sj .rc-faq,.sj details.rc-faq,.sj .cat-faq,.sj .cat-more,.sj .shop-more,.sj .faq-more-in,.sj .vb-card,.sj .hub-card,.sj .guide-card,.sj .rh-card,.sj .tr-card,.sj .ord,.sj .order,.sj .addr,.sj .acct-box,.sj .ref-box,.sj .wallet{background:#071a22;border-color:rgba(198,168,116,.28);color:var(--ink)}
.sj .alt,.sj .sec.alt{background:#020f14}
.sj table{border-color:rgba(198,168,116,.25)}
.sj th{color:#e5c98c;border-color:rgba(198,168,116,.25)}
.sj td{border-color:rgba(198,168,116,.14);color:var(--ink-2)}
.sj hr{border-color:rgba(198,168,116,.2)}
.sj code,.sj kbd{background:#0a1f2a;color:#efd9a1;border-color:rgba(198,168,116,.3)}
/* cart drawer */
.sj .drawer{background:#020f14;border-left:1px solid rgba(198,168,116,.45);color:var(--ink);box-shadow:-20px 0 50px rgba(0,0,0,.7)}
.sj .drawer-h{border-bottom:1px solid rgba(198,168,116,.3);background:#020f14}
.sj .drawer-title{color:#e9cf93;font-family:var(--fh)}
.sj .drawer-x{color:#d6c79f;background:transparent}
.sj .drawer-ov{background:rgba(0,0,0,.66)}
.sj .dsum{background:#031319;border-top:1px solid rgba(198,168,116,.35)}
.sj .dfree,.sj .dundo{background:#061820;color:var(--ink-2);border-color:rgba(198,168,116,.25)}
.sj .ditems>*{border-color:rgba(198,168,116,.16)}
/* quick view + compare + screening gate + toast */
.sj .qv-ov,.sj .scr-ov{background:rgba(0,0,0,.7)}
.sj .qv,.sj .scr{background:#041419;border:1px solid rgba(198,168,116,.5);color:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.8)}
.sj .qv-x{color:#d6c79f;background:transparent}
.sj .scr h3{color:#e9cf93;font-family:var(--fh)}
.sj .scr .m{color:#c6a874}
.sj .scr p,.sj .scr label{color:var(--ink-2)}
.sj .scr .decline{color:#a39d90}
.sj .pn-toast{background:#061820;color:#f1ebdf;border:1px solid rgba(198,168,116,.4);border-left:3px solid #c6a874}
.sj #toTop{background:rgba(2,15,20,.92);color:#e5c98c;border-color:rgba(198,168,116,.5)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .sj-nav{gap:22px}.sj-nav a{font-size:12px;letter-spacing:.06em}
  .sj-hd-in{gap:20px;padding:0 28px}
  .sj-logo-m{font-size:44px}.sj-logo-t{font-size:13.5px}
}
@media (max-width:1024px){
  .sj-wrap,.sj .wrap{padding-left:28px;padding-right:28px}
  .sj-fgrid,.sj .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sj-stacks,.sj-vids{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sj-ft-top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sj-ft-brand{grid-column:1/-1}
  .sj-trust-in li{gap:14px;padding:6px 10px}.sj-ti-t{font-size:12.5px}
}
@media (max-width:900px){
  .sj-nav,.sj-acct{display:none}
  .sj .sj-burger{display:inline-grid;place-items:center}
  .sj-hd-in{height:76px;padding:0 16px;gap:8px}
  .sj-act{margin-left:auto;gap:2px}
  .sj-logo-m{font-size:34px}.sj-logo-t{font-size:10.5px;margin-top:3px;letter-spacing:.11em}
  .sj-ic{padding:8px}
  .sj-ic .sj-i{width:24px;height:24px}
  .sj-search-in{padding:12px 16px}
  /* hero becomes a centred stack with the vial image under the buttons */
  .sj-hero{min-height:0}
  .sj-hero-scene,.sj-hero .sj-hero-scene,.sj-hero-art{display:none}
  .sj-hero-tartan::after{background:linear-gradient(180deg,rgba(1,11,14,.25),rgba(1,11,14,.5))}
  .sj-hero-in{min-height:0;padding-top:26px;padding-bottom:22px;justify-content:center;text-align:center}
  .sj-hero-copy{max-width:520px;margin:0 auto}
  .sj-hero .sj-eyebrow{font-size:11.5px;letter-spacing:.18em}
  .sj-h1{font-size:clamp(28px,8.6vw,46px);line-height:1.06}
  .sj-hero-sub{font-family:var(--fb);font-size:15.5px;line-height:1.5;margin-top:14px}
  .sj-hero-sub span{display:block}
  .sj-hero .sj-cta{flex-direction:column;gap:12px;margin-top:22px}
  .sj-hero .sj-btn{width:100%;min-height:48px;font-size:13px}
  .sj-hero-m{display:block;position:relative;z-index:1;margin:0 16px;height:min(78vw,420px);border-radius:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%);mask-image:linear-gradient(180deg,transparent 0,#000 7%)}
  .sj-hero-m img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;max-width:none}
  .sj-hero-m-css{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
  .sj-hero-m-css .sj-vial{position:relative;z-index:1;transform:scale(.95);transform-origin:50% 100%;margin-bottom:4%}
  .sj-hero-m{padding-top:14px}
  .sj-trust-in{grid-template-columns:1fr;padding:6px 0}
  .sj-trust-in li{justify-content:flex-start;padding:12px 8px 12px 18px;gap:26px}
  .sj-trust-in li+li::before{left:0;right:0;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(198,168,116,.75) 12%,rgba(198,168,116,.75) 88%,transparent)}
  .sj-ti-ic{width:52px;height:52px}.sj-ti-ic svg{width:24px;height:24px}
  .sj-ti-t{font-size:13px;letter-spacing:.12em}
  .sj-feat{padding:24px 0 30px}
  .sj-sec-h{margin-bottom:16px}
  .sj-feat .sj-h2{font-size:clamp(22px,6.6vw,34px);line-height:1.12}
  .sj-feat .sj-more{display:none}
  .sj-br{display:block}
  .sj-feat-all{display:flex;width:100%;margin-top:22px}
  .sj-fgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .sj-pager.is-paged .sj-pg{display:grid;place-items:center;position:absolute;top:30%;z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid rgba(236,231,220,.75);background:rgba(1,11,14,.82);color:#f1ebdf;cursor:pointer;padding:0}
  .sj-pg svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .sj-pg-prev{left:-9px}.sj-pg-next{right:-9px}
  .sj-pg[disabled]{opacity:.35;cursor:default}
  .sj-fgrid .sj-card-b{padding:9px 9px 10px}
  .sj-fgrid .sj-card-t{font-size:14px;margin-bottom:2px}
  .sj-fgrid .sj-card-ru{display:none}
  .sj-fgrid .sj-card-mg{font-size:12px}
  .sj-fgrid .sj-card-pr{font-size:14px}
  .sj-fgrid .sj-card-add{width:32px;height:32px;border-radius:4px}
  .sj-fgrid .sj-card-add .sj-i{width:18px;height:18px}
  .sj-fgrid .sj-card-row{gap:4px}
  .sj-qual-in{grid-template-columns:1fr;gap:0;min-height:0}
  .sj-qual-copy{padding:30px 0 6px}
  .sj-qual .sj-h2{font-size:clamp(22px,6.6vw,34px)}
  .sj-qual-copy p{font-size:15px}
  .sj-qual-wood{width:100%;top:auto;height:250px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
  .sj-qual-art{min-height:250px}
  .sj-coa{right:0;left:6%;top:30px;width:auto;max-width:420px;transform:rotate(-3deg);padding:14px 16px 18px}
  .sj-cloth{display:none}
  .sj-stacks,.sj-vids,.sj-pillars,.sj-steps,.sj-split{grid-template-columns:1fr}
  .sj .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sj .grid .sj-card-b{padding:12px 12px 12px}
  .sj .grid .sj-card-t{font-size:15.5px}
  .sj .grid .sj-card-ru{font-size:12.5px;margin-bottom:6px}
  .sj .grid .sj-card-mg{font-size:12.5px}
  .sj .grid .sj-card-pr{font-size:15.5px}
  .sj .grid .sj-card-add{width:38px;height:38px}
  .sj-ft-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding:40px 0 28px}
  .sj-phero-in{padding:28px 16px 34px}
  .sj-phero-sub{font-size:17.5px}
  .sj-sec{padding:38px 0}
}
@media (max-width:640px){
  .sj-wrap,.sj .wrap{padding-left:16px;padding-right:16px}
  .sj-hd-in{height:70px}
  .sj-logo-m{font-size:31px}.sj-logo-t{font-size:9.6px}
  .sj-hero-in{padding-left:16px;padding-right:16px}
  .sj-table{font-size:13.5px}.sj-table th,.sj-table td{padding:11px 12px}
  .sj-table td:first-child{white-space:normal}
  .sj-coa-full .sj-coa{padding:18px 14px 22px}
  .sj-coa-full .sj-coa-h{flex-direction:column;gap:10px}
  .sj-coa-stamp{font-size:18px;right:12px;top:12px}
  .sj-coa-h{gap:12px}.sj-coa-logo b{font-size:24px}.sj-coa-t>b{font-size:13px}
  .sj-coa dl div{font-size:10px;padding:3px 6px}.sj-coa table{font-size:10.5px}.sj-coa th{font-size:10px;padding:6px}.sj-coa td{padding:6px}
  .sj-stack-list li{grid-template-columns:40px minmax(0,1fr) auto;row-gap:2px}
  .sj-stack-list li .sj-st-mg{grid-column:2;grid-row:2;font-size:12px}
  .sj-stack-list li b{grid-column:3;grid-row:1/span 2}
  .sj-cta-band .sj-cta,.sj-cta{width:100%}
  .sj-sec .sj-cta .sj-btn{flex:1 1 100%}
  .sj-ft-copy{flex-direction:column}
}
.sj-pk{display:inline-flex;gap:2px;align-items:flex-end;justify-content:center}
.sj-pk i{display:inline-block;width:7px;height:18px;border:1px solid #c6a874;border-radius:2px;background:rgba(198,168,116,.12)}
/* no sideways scrolling anywhere: wide engine tables fit the phone instead of scrolling */
@media (max-width:640px){
  .sj .tblwrap,.sj .tbl-wrap,.sj .table-wrap,.sj .spec-wrap{overflow-x:visible!important}
  .sj .tblwrap table,.sj table.res{width:100%!important;min-width:0!important;table-layout:fixed;font-size:11px}
  .sj .tblwrap th,.sj .tblwrap td,.sj table.res th,.sj table.res td{padding:6px 4px!important;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere}
  .sj-coa-full .sj-coa{border-width:4px}
}
.sj .crumb{white-space:normal!important;overflow-x:visible!important}
.sj .pss-info{min-width:0}
.sj .pss-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sj-coa-full .sj-coa{left:auto!important;right:auto!important}
@media (max-width:640px){
  .sj .tbl,.sj .ship-rates-wrap{overflow-x:visible!important}
  .sj .tbl .tr{min-width:0!important;grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr))!important;font-size:11.5px}
  .sj .tbl .tr>*{min-width:0;overflow-wrap:anywhere;word-break:break-word}
  .sj table.ship-rates{width:100%!important;min-width:0!important;table-layout:fixed;font-size:11.5px}
  .sj table.ship-rates th,.sj table.ship-rates td{padding:6px 4px!important;white-space:normal!important;overflow-wrap:anywhere}
}
.sj .co-empty-rv{max-width:min(440px,100%)!important;min-width:0}
.sj .rv-item{min-width:0!important}

/* intro1, Oct 23 2026 (owner): the hero introduction in place of the three-line subheader */
.sj-hero-intro{margin:22px 0 0;max-width:600px}
.sj-intro-h{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:clamp(20px,2.1vw,27px);line-height:1.2;letter-spacing:.02em;margin:0 0 12px;text-transform:none}
.sj-hero-intro p{font-family:var(--sj-fs);font-size:18px;line-height:1.5;color:#f3eee3;margin:0 0 10px}
.sj-hero-intro p:last-child{margin-bottom:0}
.sj-intro-goal{font-weight:700;filter:none}
.sj-hero-intro + .sj-cta{margin-top:24px}
@media (max-width:900px){
  .sj-hero-intro{margin:16px auto 0;max-width:520px}
  .sj-intro-h{font-size:20px;margin-bottom:10px}
  .sj-hero-intro p{font-family:var(--fb);font-size:15px;line-height:1.55}
}

/* ---- S&J catalogue 2026-10-23: per-size availability (in stock / pre-order / out of stock) ---- */
.sj-card-avl{margin:-4px 0 8px;line-height:1}
.sj-card-av{display:inline-block;font:600 10.5px/1.2 var(--fb,Inter,sans-serif);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:3px;border:1px solid}
.sj-card-av.is-pre{color:#e9c27a;border-color:rgba(233,194,122,.55);background:rgba(233,194,122,.08)}
.sj-card-av.is-out{color:#b3ad9f;border-color:rgba(169,163,151,.45);background:rgba(169,163,151,.07)}
.sj-card.is-oos .sj-card-img{opacity:.55}
.sj-card.is-oos .sj-card-pr{color:#a9a397}
.sj-card-add.is-view{border-color:rgba(198,168,116,.45);color:#a9a397;text-decoration:none}
.sj-card-add.is-view:hover{background:rgba(198,168,116,.14);color:#d9bb7c}
.sj .pdp-stock .dot.dot-pre,.sj .dot-pre{background:#e0a840}
.sj .pdp-stock .dot.dot-out,.sj .dot-out{background:#7d776c}
.sj .pdp-stock[data-av="pre"]{color:#e9c27a}
.sj .pdp-stock[data-av="out"]{color:#c9c2b3}
.sj .pdp-dose .dose.is-out{opacity:.6}
.sj .pdp-dose .dose.is-out .dose-pr{text-decoration:line-through}
.sj .dose-best.dose-oos,.sj .qv-dose-best.qv-oos{background:#3a3833;color:#ded8ca}
.sj .dose-best.dose-pre,.sj .qv-dose-best.qv-pre{background:#8a6420;color:#fff3dc}
.buybox[hidden],.pdp-stickybar[hidden],.tier-save[hidden],.qv-pk-tag[hidden],#qvStock[hidden]{display:none!important}
.sj-oos-note{margin:14px 0 18px;padding:14px 16px;border:1px solid rgba(169,163,151,.45);border-radius:6px;background:rgba(169,163,151,.07);color:#d8d2c4;font-size:14px;line-height:1.55}
.sj-oos-note b{color:#efe9dc}
.sj-oos-note a{color:#d9bb7c}
.sj .shiptag.ship-oos{background:rgba(169,163,151,.12);color:#d8d2c4;border:1px solid rgba(169,163,151,.4)}
.sj .qv-dose-p.is-out{opacity:.6}
.sj #qvStock{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:#e9c27a;margin:10px 0 0}
.sj #qvStock .dot{width:8px;height:8px;border-radius:50%;flex:none}
.sj-st-pre{display:block;font-style:normal;font-size:11.5px;color:#e9c27a}
.sj .qv-add:disabled,.sj #pdpAdd:disabled,.sj #pdpStickyAdd:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}
.sj-card-add.is-view svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---- S&J 2026-10-23: owner scene photos (960x1152 portrait). A photograph fills its frame at its own
   aspect: no cut-out drop shadow, no floating, no stretching (object-fit cover on a 5:6 box). ---- */
.sj .pdp-main.pdp-main-scene{display:block;padding:0!important;min-height:0!important;aspect-ratio:5/6;overflow:hidden;background:#06141a}
.sj .pdp-main.pdp-main-scene .pdp-photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:none}
@media (min-width:901px){.sj .pdp-main.pdp-main-scene{max-height:680px}}
.sj .qv-media .qv-img.is-scene{height:236px;width:auto;aspect-ratio:5/6;max-width:100%;object-fit:cover;filter:none;border-radius:6px}
@media (max-width:820px){.sj .qv-media .qv-img.is-scene{height:200px}}
.sj .di .dimg.has-img img.is-scene,.sj .di .dimg.has-img .prod-photo.is-scene{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:inherit}
.sj .co-thumb img.is-scene,.sj .co-thumb .prod-photo.is-scene{width:100%;height:100%;max-width:none;object-fit:cover}
.sj .pss-thumb img.is-scene{width:100%;height:100%;max-width:none;object-fit:cover}
.sj .fbt-media .is-card,.sj .fbt-media .is-scene{width:100%;height:100%;object-fit:cover;filter:none}
.sj .bulk .qv-pk-art .sj-pk,.sj .qv-pk .sj-pk{height:54px;align-items:center}

/* S&J 2026-10-23: no discount codes on this store, so the checkout code box is not shown */
.sj #coCoupon{display:none!important}
.sj-coa{position:relative}
.sj-coa-samp{position:absolute;right:12px;top:12px;z-index:2;border:2px solid #a8372b;color:#a8372b;font:700 12px/1 Inter,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:5px 9px;border-radius:3px;transform:rotate(-6deg);background:rgba(255,255,255,.75)}

/* S&J 2026-10-23: pack pictures are the owner's card photo, cropped to the vial (1, a fanned 5, two rows of 5) */
.qv-pv.qv-pv-card,.bulk .qv-pv.qv-pv-card{width:calc(var(--h) * .5)!important;max-width:none;object-fit:cover;object-position:50% 50%;border-radius:3px;box-shadow:0 0 0 1px rgba(198,168,116,.35)}

/* sj7, Oct 23 2026 (owner): Mitochondrial Drive featured stack; product photo about 22% smaller on laptop/desktop */
.sj-stack-body{display:flex;flex-direction:column;flex:1;min-width:0}
.sj-stack-feat{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 44px;align-items:start;padding:30px 30px 26px}
.sj-stack-feat h2{font-size:32px;letter-spacing:.02em;margin-bottom:14px}
.sj-stack-feat .sj-stack-note{font-size:16.5px;line-height:1.65;color:#d9d2c3;margin:0}
.sj-gold-t{color:#e6c98f}
.sj-st-out{font-style:normal;color:#d9a08f;font-size:12px;margin-left:4px;white-space:nowrap}
.sj-stack-oos{font-size:12.5px;color:#a39d90}
.sj-stack .sj-btn[disabled]{opacity:.55;cursor:not-allowed}
@media (max-width:900px){.sj-stack-feat{grid-template-columns:1fr;padding:24px 20px 22px}.sj-stack-feat h2{font-size:26px}}
@media (min-width:901px){.sj .pdp-main.pdp-main-scene{max-width:560px;max-height:530px;margin-left:auto;margin-right:auto}}

/* sj9: Mitochondrial Drive like his graphic; visible out-of-stock button; set thumbnails zoomed onto the vial */
.sj-st-th img:not(.is-vial){transform:scale(1.8);transform-origin:50% 40%}
.sj-stack-feat{align-items:center}
.sj-stack-feat .sj-eyebrow{letter-spacing:.32em;margin-bottom:10px}
.sj-stack-feat h2{font-size:36px;margin-bottom:12px}
.sj-stack-tag{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 18px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#e6c98f}
.sj-stack-tag span{white-space:nowrap}.sj-stack-tag i{font-style:normal;color:#c6a874;font-size:10px}
.sj-stack-feat .sj-stack-f{flex-wrap:wrap}
.sj-stack-feat .sj-stack-oos{order:3;flex-basis:100%;text-align:right}
.sj-stack .sj-btn[disabled]{opacity:1;background:transparent;color:#cdbb8e;border:1px solid rgba(198,168,116,.55);box-shadow:none}
@media (max-width:900px){.sj-stack-feat h2{font-size:28px}.sj-stack-feat .sj-stack-oos{text-align:left}}

/* sj10: tagline on one line where it fits; a wrapped line starts with its bullet */
.sj-stack-tag{gap:6px 0;letter-spacing:.1em;font-size:12px}
.sj-stack-tag i{margin:0 11px}

/* sj11: the header logo is the owner's banner art (gold S&J + PRIME VITALITY on plaid), full header height */
.sj-logo-art{align-self:stretch;display:flex;align-items:center;padding:0;margin:0;line-height:0}
.sj-logo-img{display:block;height:104px;width:auto;max-width:none}
.sj #mnav .sj-logo-sm{align-self:center}.sj #mnav .sj-logo-sm .sj-logo-img{height:56px}
.sj-logo-ft{align-self:flex-start}.sj-logo-ft .sj-logo-img{height:126px}
.sj-logo-inline.sj-logo-art .sj-logo-img{height:64px}
@media (max-width:900px){.sj-hd .sj-logo-img{height:76px}}
@media (max-width:640px){.sj-hd .sj-logo-img{height:70px}}
.sj-logo-pic{display:block;line-height:0}
/* sj11c: header fits 901-1100px with the wider banner logo */
@media (min-width:901px) and (max-width:1100px){.sj-hd-in{gap:12px;padding:0 20px}.sj-nav{gap:14px}.sj-nav a{font-size:11.5px;letter-spacing:.04em}.sj-hd .sj-logo-img{height:88px}}
@media (min-width:901px) and (max-width:1000px){.sj-nav{gap:10px}.sj-nav a{font-size:10.5px;letter-spacing:.03em}.sj-hd .sj-logo-img{height:80px}}

/* sj12: notify me when in stock */
.sj-notify{margin:14px 0 18px;padding:14px 16px;border:1px solid rgba(198,168,116,.4);border-radius:6px;background:rgba(198,168,116,.06)}
.sj-notify[hidden]{display:none}
.sj-notify-h{margin:0 0 10px;font-size:14px;line-height:1.5;color:#d8d2c4}.sj-notify-h b{color:#efe9dc;font-weight:600}
.sj-notify-row{display:flex;gap:8px}
.sj-notify-row input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid rgba(198,168,116,.45);border-radius:4px;background:#020f14;color:#f1ebdf;font-size:16px}
.sj-notify-row input:focus{outline:2px solid #c6a874;outline-offset:1px}
.sj-notify-row .sj-btn{flex:none;height:44px}
.sj-notify-msg{margin:8px 0 0;font-size:13px;line-height:1.45;color:#d9bb7c}.sj-notify-msg:empty{display:none}

/* sj13: the whole header bar is his banner plaid; his gold lettering (cut out) sits on it */
.sj-hd{background-color:#03140d;background-image:linear-gradient(rgba(1,8,6,.22),rgba(1,8,6,.22)),url(sj/sj-plaid-312.webp?v=6db08e10);background-repeat:no-repeat,repeat-x;background-size:100% 100%,auto 104px;background-position:0 0,left top}
.sj-hd .sj-nav a,.sj-hd .sj-ic{text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.6)}
.sj-hd .sj-ic svg,.sj-hd .sj-burger svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}
.sj-logo-cut .sj-logo-img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}
.sj #mnav .mnav-h{background-color:#03140d;background-image:linear-gradient(rgba(1,8,6,.22),rgba(1,8,6,.22)),url(sj/sj-plaid-312.webp?v=6db08e10);background-repeat:no-repeat,repeat-x;background-size:100% 100%,auto 100%}
@media (max-width:900px){.sj-hd{background-size:100% 100%,auto 76px}}
@media (max-width:640px){.sj-hd{background-size:100% 100%,auto 70px}}

/* sj15: the owner's own videos play in the Video Library */
.sj-vid-live::after{display:none}
.sj-vid-live iframe,.sj-vid-live video,.sj-vid-go{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.sj-vid-go{padding:0;margin:0;cursor:pointer;display:grid;place-items:center;overflow:hidden;color:inherit}
.sj-vid-go img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .2s}
.sj-vid-go:hover img,.sj-vid-go:focus-visible img{opacity:1}
.sj-vid-go .sj-vid-play{position:relative;z-index:1}

/* sj16 (owner email, Oct 23 2026): the Synergetic page banner, the set artwork and the GHRH swap */
.sj-synban{position:relative;background:#010b0e}
.sj-synban::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sj-hair)}
.sj-synban picture{display:block}
.sj-synban img{display:block;width:100%;max-width:2065px;height:auto;margin:0 auto}
.sj-synban-sub{display:none}
.sj-stack-list li[hidden]{display:none}
.sj-stack-list li.sj-st-swap{display:block;padding:10px 0 12px}
.sj-st-swap label{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d8bd85}
.sj-st-swap select{flex:1 1 260px;min-width:0;max-width:100%;height:42px;padding:0 36px 0 12px;background:#061720 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c6a874' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 13px center/12px 8px;border:1px solid rgba(198,168,116,.6);border-radius:4px;color:#f1ebdf;font:500 14px var(--fb);letter-spacing:0;text-transform:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.sj-st-swap select:focus-visible{outline:2px solid #efd9a1;outline-offset:2px}
.sj-st-swap option{background:#061720;color:#f1ebdf}
.sj-stack-media{margin:0;line-height:0}
.sj-stack-media picture{display:block}
.sj-stack-media img{display:block;width:100%;height:auto}
.sj-stack-pts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.sj-stack-pts li{border-left:2px solid #c6a874;padding:2px 0 2px 12px}
.sj-stack-pts b{display:block;font-family:'Cinzel',serif;font-size:14px;letter-spacing:.04em;color:#efd9a1;margin-bottom:3px}
.sj-stack-pts span{font-size:14px;line-height:1.5;color:#d3ccbd}
.sj-stack-feat.sj-stack-ban{display:block;padding:0;overflow:hidden}
.sj-stack-ban .sj-stack-media{border-bottom:1px solid rgba(198,168,116,.45)}
.sj-stack-ban .sj-ban-txt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.sj-stack-ban .sj-stack-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px 44px;padding:22px 30px 26px;align-items:end}
.sj-stack-ban .sj-stack-list{margin:0}
.sj-stack-ban .sj-stack-f{flex-direction:column;align-items:stretch;gap:12px;margin:0}
.sj-stack-ban .sj-stack-f .sj-btn{width:100%}
.sj-stack-ban .sj-stack-oos{flex-basis:auto;text-align:left}
.sj-stack-feat.sj-stack-post{grid-template-columns:minmax(0,43%) minmax(0,1fr);gap:0;padding:0;overflow:hidden;align-items:start}
.sj-stack-post .sj-stack-main{align-self:stretch;display:flex;flex-direction:column;gap:22px;padding:30px 30px 26px 36px;min-width:0;border-left:1px solid rgba(198,168,116,.45)}
.sj-stack-post .sj-stack-note{margin:0}
.sj-stack-post .sj-stack-list{margin:0 0 18px}
@media (max-width:900px){
  .sj-synban-sub{display:block;padding-top:16px;padding-bottom:18px}
  .sj-synban-sub p{margin:0;font-family:var(--sj-fs);font-size:18px;line-height:1.45;color:#ece7dc}
  .sj-stack-ban .sj-stack-body{grid-template-columns:1fr;padding:20px 20px 22px;align-items:stretch}
  .sj-stack-feat.sj-stack-post{grid-template-columns:1fr}
  .sj-stack-post .sj-stack-main{padding:22px 20px 22px;border-left:0;border-top:1px solid rgba(198,168,116,.45)}
}
@media (max-width:700px){
  .sj-stack-ban .sj-ban-txt{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;padding:20px 20px 0}
  .sj-stack-ban .sj-ban-txt .sj-eyebrow,.sj-stack-ban .sj-ban-txt h2,.sj-stack-ban .sj-ban-txt .sj-stack-tag{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .sj-stack-ban .sj-stack-note{font-size:15.5px}
  .sj-st-swap label{font-size:11.5px}
  .sj-st-swap select{flex-basis:100%;font-size:16px}
}
/* sj16: the About page, from the owner's mockup */
.sj-abhero{position:relative;overflow:hidden;display:grid;background:linear-gradient(90deg,#020c10 0,#04100f 55%,#07120c 100%)}
.sj-abhero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sj-hair);z-index:3}
.sj-abhero>.sj-wrap,.sj-abhero>.sj-abhero-art{grid-area:1/1}
.sj-abhero-in{z-index:2;width:100%;box-sizing:border-box;align-self:center;padding-top:48px;padding-bottom:52px}
.sj-abhero-copy{max-width:560px}
.sj-abhero-art{justify-self:end;align-self:end;display:block;width:min(58%,980px);height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(180deg,transparent 0,#000 7%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(180deg,transparent 0,#000 7%);mask-composite:intersect}
.sj-ab-h1{font-size:clamp(34px,4.4vw,66px)}
.sj-abhero-sub{font-family:var(--sj-fs);font-size:22px;line-height:1.42;color:#f3eee3;margin:22px 0 0}
.sj-ab-sec{padding-top:44px}
.sj-ab-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.sj-ab-card{border:1px solid rgba(198,168,116,.55);border-radius:7px;background:linear-gradient(180deg,#0a1f2a,#061720);padding:18px 13px 20px;min-width:0;text-align:center}
.sj-ab-h{display:flex;align-items:center;gap:9px;text-align:left;padding-bottom:12px;border-bottom:1px solid rgba(198,168,116,.22)}
.sj-ab-ic{flex:none;width:36px;height:36px;border:1px solid #c6a874;border-radius:50%;display:grid;place-items:center}
.sj-ab-ic svg{width:19px;height:19px;fill:none;stroke:#e1c58a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sj .sj-ab-card .sj-ab-h h2{font-family:'Cinzel',Georgia,serif;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#f1ebdf;margin:0;line-height:1.3;min-width:0}
.sj-ab-v{font-family:'Cinzel',Georgia,serif;font-weight:700;font-size:24px;line-height:1.1;margin:16px 0 10px;white-space:nowrap}
.sj-ab-t{font-size:14px;line-height:1.55;color:#d3ccbd;margin:0}
.sj-ab-l{list-style:none;margin:14px 0 0;padding:0;text-align:left}
.sj-ab-l li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:#e6e0d3;padding:4px 0}
.sj-ab-l svg{flex:none;width:17px;height:17px;margin-top:1px;padding:3px;box-sizing:border-box;border-radius:50%;background:var(--sj-gold-btn);fill:none;stroke:#1d1408;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.sj .sj-btn-green,.sj-btn-green{background:linear-gradient(180deg,#0f3b2c,#0a281e);color:#efd9a1;border:1px solid #c6a874;box-shadow:inset 0 1px 0 rgba(239,217,161,.18),0 8px 20px -8px rgba(0,0,0,.8)}
.sj-btn-green:hover{filter:brightness(1.15)}
@media (max-width:1300px){.sj-ab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sj-ab-v{font-size:30px}}
@media (max-width:1000px){
  .sj-abhero{display:block}
  .sj-abhero-in{padding-bottom:6px}
  .sj-abhero-copy{max-width:none}
  .sj-ab-h1{font-size:clamp(34px,6vw,56px)}
  .sj-abhero-art{width:100%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);-webkit-mask-composite:source-over;mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-composite:add}
}
@media (max-width:760px){
  .sj-ab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sj-ab-card{padding:14px 12px 16px}
  .sj-ab-card.is-list{grid-column:1/-1}
  .sj-ab-v{font-size:22px}
  .sj-abhero-sub{font-size:18px}
  .sj-ab-h1{font-size:clamp(28px,9.4vw,46px)}
  .sj-abhero-in{padding-top:30px}
}
/* sj16: the TB-500 note under the product name */
.sj .pdp-info>.sj-pdp-note{order:2;margin:-4px 0 14px;font-family:var(--fb);font-size:16px;line-height:1.4;color:#d4b26e}
/* ---- sj17 (owner, Oct 26 2026): "Coming soon" instead of sold out, one size shown as its own pill, and the Testing &
   Quality page from his two mockups ("From vial to verified", "Methods on a certificate") ---- */
.sj .pdp-dose .dose.is-out .dose-pr{text-decoration:none}
.sj .dose-best.dose-oos,.sj .qv-dose-best.qv-oos{white-space:nowrap;letter-spacing:.04em}
@media (max-width:820px){
  /* the Dosage pills right under the name on phones too (desktop already orders them there) */
  .sj .pdp-info{display:flex;flex-direction:column}
  .sj .pdp-info>*{order:9}
  .sj .pdp-info>.pdp-eyerow{order:1}
  .sj .pdp-info>h1,.sj .pdp-info>.sj-pdp-note{order:2}
  .sj .pdp-info>.pdp-rate{order:3}
  .sj .pdp-info>.pdp-dose{order:4}
  .sj .pdp-info>.pdp-rate,.sj .pdp-info>.pdp-pur{align-self:flex-start}
}
.sj .qv-dose-one{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #c6a874;border-radius:8px;background:rgba(198,168,116,.1);color:#efd9a1;font-weight:700;font-size:16px}
.sj-tq{position:relative;overflow:hidden;padding:66px 0 62px}
.sj-tqv{background:radial-gradient(120% 90% at 50% 16%,#072230 0%,#03141d 48%,#010b0e 100%)}
.sj-tqv::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sj-hair);z-index:2}
.sj-tqm{background:linear-gradient(180deg,#03131a 0%,#020e14 62%,#010b0e 100%)}
.sj-tq-side{position:absolute;top:0;height:100%;width:auto;max-width:none;pointer-events:none;opacity:.9;z-index:0}
.sj-tq-side.is-l{left:0;-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent);mask-image:linear-gradient(90deg,#000 50%,transparent)}
.sj-tq-side.is-r{right:0;-webkit-mask-image:linear-gradient(270deg,#000 50%,transparent);mask-image:linear-gradient(270deg,#000 50%,transparent)}
.sj-tqv-in,.sj-tqm-in{position:relative;z-index:1}
.sj-tqv-in{text-align:center}
.sj .sj-tq .sj-tq-eye,.sj-tq .sj-tq-eye{color:#d9bb7c;letter-spacing:.24em}
.sj-tq-h{font-size:clamp(28px,4.4vw,56px);letter-spacing:.03em}
.sj-tqv-sub{font-family:var(--sj-fs);font-size:21px;line-height:1.45;color:#efe9dc;max-width:800px;margin:14px auto 0;text-wrap:balance}
.sj-tqv-steps{list-style:none;margin:40px auto 4px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1060px}
.sj-tqv-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 6px}
.sj-tqv-med{display:block;width:140px;height:140px}
.sj-tqv-art{display:block;width:140px;height:140px}
.sj-tqv-med .sj-step-n{margin:48px auto 0}
.sj-tqv-steps li:not(:last-child)::after{content:"";position:absolute;top:74px;left:calc(50% + 74px);width:calc(100% + 24px - 148px);height:1px;background:linear-gradient(90deg,#b8945a,#ecd59c 50%,#b8945a)}
.sj-tqv-steps h3{font-family:var(--fb);font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#e2c27f;margin:14px 0 6px}
.sj-tqv-steps p{font-size:16px;line-height:1.5;color:#e9e3d6;margin:0;max-width:300px}
.sj-tqv-cta{margin-top:36px;gap:18px}
.sj-tqv-cta .sj-btn{font-family:'Cinzel',Georgia,serif;font-size:15px;font-weight:700;letter-spacing:.06em;min-width:290px;min-height:56px}
.sj-tqm-in{max-width:1040px}
.sj-tqm-wrap{margin-top:26px;border:1px solid rgba(214,182,120,.75);border-radius:10px;overflow:hidden;background:#05141e;box-shadow:0 18px 40px -20px rgba(0,0,0,.85)}
.sj-tqm-t{width:100%;border-collapse:collapse;font-size:16px}
.sj-tqm-t thead th{font-family:var(--fb);font-size:13.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:left;color:#e2c27f;background:linear-gradient(180deg,#17394b,#0f2b3a);padding:18px 22px;border-bottom:1px solid rgba(214,182,120,.6)}
.sj-tqm-t tbody th,.sj-tqm-t tbody td{padding:18px 22px;text-align:left;vertical-align:top;border-top:1px solid rgba(214,182,120,.32)}
.sj-tqm-t tbody tr:first-child th,.sj-tqm-t tbody tr:first-child td{border-top:0}
.sj-tqm-t th+th,.sj-tqm-t th+td,.sj-tqm-t td+td{border-left:1px solid rgba(214,182,120,.26)}
.sj-tqm-t tbody th{font-family:var(--fb);font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;color:#fbf7ee;white-space:nowrap;width:22%}
.sj-tqm-t tbody td[data-l]{font-weight:700;color:#fbf7ee;white-space:nowrap;width:18%}
.sj-tqm-t tbody td:last-child{color:#ddd6c7;line-height:1.5}
@media (max-width:1180px){.sj-tq-side{opacity:.35}}
@media (max-width:760px){
  .sj-tq{padding:44px 0 42px}
  .sj-tq-side{display:none}
  .sj-tqv-sub{font-size:18px}
  .sj-tqv-steps{grid-template-columns:1fr;gap:26px;margin-top:28px}
  .sj-tqv-steps li:not(:last-child)::after{display:none}
  .sj-tqv-med,.sj-tqv-art{width:120px;height:120px}
  .sj-tqv-med .sj-step-n{margin:39px auto 0}
  .sj-tqv-cta{gap:12px}
  .sj-tqv-cta .sj-btn{min-width:0;flex:1 1 100%;font-size:14px;min-height:52px}
}
@media (max-width:640px){
  .sj-tqm-t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sj-tqm-t,.sj-tqm-t tbody,.sj-tqm-t tr,.sj-tqm-t tbody th,.sj-tqm-t tbody td{display:block;width:auto}
  .sj-tqm-t tbody tr{padding:16px 18px;border-top:1px solid rgba(214,182,120,.32)}
  .sj-tqm-t tbody tr:first-child{border-top:0}
  .sj-tqm-t tbody th,.sj-tqm-t tbody td{padding:0;border:0;white-space:normal}
  .sj-tqm-t tbody th{font-size:17px;color:#e2c27f}
  .sj-tqm-t tbody td[data-l]{margin:6px 0 6px;font-size:16px}
  .sj-tqm-t tbody td[data-l]::before{content:attr(data-l) ": ";font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#a7a39a}
  .sj-tqm-t tbody td:last-child{font-size:16px}
}
/* ---- sj17b (Oct 27 2026): phones. The product column never grows past the screen: a grid child's min-width is its
   content's, and the notify-me email input kept its own intrinsic width, so the column went to 396px on every compound
   with nothing orderable and cut the Share button and the last pill. ---- */
.sj .pdp-grid>*{min-width:0}
.sj .sj-notify-row input{width:100%}
@media (max-width:820px){
  .sj .pdp-eyerow{flex-wrap:wrap;row-gap:8px}
  .sj .pdp-actrow{flex-wrap:wrap;margin-left:auto}
  .sj .pdp-share{min-height:44px}
  .sj .dose-pills{min-width:0}
}
@media (max-width:374px){
  .sj .dose-best.dose-oos{font-size:7px;letter-spacing:.02em;padding:2px 5px}
}

/* sj21 (owner email "Final touches", Oct 27 2026) */
/* cart drawer: the buyer's own lines first. One scroll region at every width (it was phones only): the items, then
   a compact "pairs with" card under them. The summary and Checkout stay pinned below, as before. */
.sj .dscroll{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.sj .dscroll .ditems{flex:0 0 auto;min-height:0;overflow:visible}
.sj .dscroll .dpair-slot:not(:empty){flex:0 0 auto;padding:2px 24px 10px}
.sj .dpair{padding:7px 10px;gap:10px;margin:2px 0}
.sj .dpair-thumb{width:30px;height:38px}
.sj .dpair-thumb img{height:34px;max-width:24px}
.sj .dpair-note{display:none}
.sj .dpair-l{font-size:9px;margin-bottom:1px}
.sj .dpair-i b{font-size:13px}
.sj .dpair-add{padding:7px 11px;font-size:12px}
@media (max-width:560px){.sj .dscroll .dpair-slot:not(:empty){padding:2px 18px 10px}}
/* short screens (a laptop with its browser bars): the summary gives room back to the cart lines. The packaging line
   and the delivery guarantee step aside there (the guarantee is also on every product page); totals, the shipping
   dates and Checkout stay. */
@media (min-width:561px) and (max-height:860px){
  .sj .drawer .dtrust,.sj .drawer .d-guar{display:none}
  .sj .dsum{padding-top:12px;padding-bottom:12px}
  .sj .dsum .r{margin-bottom:6px}
  .sj .dsum .r.tot{margin:8px 0 10px;padding-top:10px}
  .sj .drawer .d-eta{margin-bottom:8px!important;padding-top:7px!important}
  .sj .d-paytrust{margin-top:7px}
}
/* reconstitution planner + calculator: the target amount in mcg or mg */
.sj .prc-ig>.prc-usw,.sj .rc-usw{display:flex;align-items:center;gap:2px;padding:0 4px}
.sj .prc-u,.sj .rc-u{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);padding:7px 9px;border-radius:7px;cursor:pointer;line-height:1}
.sj .prc-u:hover,.sj .rc-u:hover{color:#f0dca8}
.sj .prc-u.on,.sj .rc-u.on{background:rgba(198,168,116,.24);color:#f0dca8}
.sj .prc-u:focus-visible,.sj .rc-u:focus-visible{outline:2px solid #c6a874;outline-offset:1px}
.sj .rc-tgrow{display:flex;align-items:stretch;gap:8px}
.sj .rc-tgrow input{flex:1;min-width:0}
.sj .rc-usw{flex:none;border:1px solid var(--line);border-radius:10px}
/* the Wholesale tab next to the cart */
.sj-whl{font-family:var(--fb);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f0dca8;text-decoration:none;border:1px solid rgba(198,168,116,.7);border-radius:8px;padding:8px 12px;white-space:nowrap;background:rgba(2,15,20,.55);text-shadow:0 1px 3px rgba(0,0,0,.9)}
.sj-whl:hover{background:rgba(198,168,116,.2);color:#fff}
.sj-whl[aria-current="page"]{border-color:#e8cf95;color:#fff}
/* room for it: the icons never shrink, and the menu tightens a little between 901 and 1500px (from 1501 unchanged) */
.sj-act>*{flex-shrink:0}
.sj-ic .sj-i{flex:none}
@media (min-width:901px){.sj-whl{padding:7px 10px;letter-spacing:.06em;font-size:11.5px}.sj-act{gap:6px;margin-left:12px}.sj-hd-in{gap:20px}.sj-ic{padding:8px 4px}}
@media (min-width:1181px) and (max-width:1500px){.sj-nav{gap:20px}.sj-nav a{font-size:12.5px;letter-spacing:.06em}}
@media (min-width:1101px) and (max-width:1180px){.sj-nav{gap:16px}.sj-nav a{font-size:11.5px;letter-spacing:.05em}}
@media (min-width:901px) and (max-width:1100px){.sj-nav{gap:10px}.sj-nav a{font-size:10.5px;letter-spacing:.03em}.sj-whl{padding:6px 7px;font-size:10px;letter-spacing:.03em}}
@media (min-width:901px) and (max-width:1000px){.sj-nav{gap:7px}.sj-nav a{font-size:10px;letter-spacing:.02em}}
@media (min-width:901px) and (max-width:960px){.sj-nav{gap:5px}.sj-hd-in{gap:12px}.sj-act{margin-left:8px}}
@media (max-width:900px){.sj-whl{padding:6px 8px;font-size:10.5px;letter-spacing:.04em;margin-right:2px}}
@media (max-width:359px){.sj-whl{display:none}}
/* the age and research-use gate, shown until both boxes are ticked (remembered 30 days on that device) */
#sjAge{display:none}
html.sj-age #sjAge{display:flex;position:fixed;inset:0;z-index:2147483000;align-items:center;justify-content:center;padding:20px;background:rgba(1,8,11,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.sj-age,html.sj-age body{overflow:hidden}
.sj-age-box{width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#020f14;border:1px solid rgba(198,168,116,.55);border-radius:16px;padding:28px 30px 24px;color:#ece7dc;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.sj-age-logo{display:flex;justify-content:center;margin:0 0 12px}
.sj-age-logo .sj-logo-img{height:86px;width:auto}
.sj-age-box h2{font-family:'Cinzel',Georgia,serif;color:#e9cf93;font-size:24px;font-weight:600;text-align:center;letter-spacing:.03em;margin:0 0 8px}
.sj-age-lede{font-size:14px;line-height:1.55;color:#c9d0cc;text-align:center;margin:0 0 18px}
.sj-age-ck{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid rgba(198,168,116,.3);border-radius:10px;margin:0 0 10px;cursor:pointer;font-size:14.5px;line-height:1.5;color:#ece7dc}
.sj-age-ck input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#c6a874;cursor:pointer}
.sj-age-ck:has(input:checked){border-color:#c6a874;background:rgba(198,168,116,.08)}
.sj-age-go{display:block;width:100%;margin:8px 0 0;padding:14px;font-size:15px}
.sj-age-go:disabled{opacity:.45;cursor:not-allowed}
.sj-age-fine{font-size:12px;color:#a9b3b0;text-align:center;margin:14px 0 0}
.sj-age-fine a{color:#e9cf93}
.sj-age-out{margin-left:10px}
@media (max-width:560px){html.sj-age #sjAge{padding:0;align-items:stretch}.sj-age-box{width:100%;max-height:none;height:100%;height:100dvh;border:0;border-radius:0;padding:24px 20px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.sj-age-logo .sj-logo-img{height:72px}}
/* /wholesale/: the inquiry form */
.whl-form{border:1px solid rgba(198,168,116,.4);border-radius:18px;background:var(--card);padding:26px 26px 22px;margin:0 0 8px}
.whl-q{margin:0 0 20px}
.whl-ql{display:block;font-size:14.5px;font-weight:600;color:var(--ink);margin:0 0 4px}
.whl-qh{display:block;font-size:12.5px;color:var(--muted);margin:0 0 10px}
.whl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.whl-chip{position:relative;cursor:pointer}
.whl-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.whl-chip span{display:inline-block;padding:10px 15px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:border-color .15s,background .15s,color .15s}
.whl-chip:hover span{border-color:rgba(198,168,116,.6)}
.whl-chip input:checked+span{border-color:#c6a874;background:rgba(198,168,116,.18);color:#f0dca8}
.whl-chip input:focus-visible+span{outline:2px solid #c6a874;outline-offset:2px}
.whl-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0 0 16px}
.whl-f label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin:0 0 6px}
.whl-f label em,.whl-ql em{font-style:normal;font-weight:400;opacity:.75}
.whl-f input,.whl-q textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.18);color:var(--ink);font:inherit;font-size:16px;padding:11px 13px}
.whl-q textarea{min-height:86px;resize:vertical;margin-top:6px}
.whl-f input:focus,.whl-q textarea:focus{outline:none;border-color:#c6a874}
.whl-ruo{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--ink-2);margin:4px 0 18px;cursor:pointer}
.whl-ruo input{width:19px;height:19px;margin:1px 0 0;flex:none;accent-color:#c6a874}
.whl-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.whl-send{padding:14px 26px;font-size:14.5px}
.whl-send:disabled{opacity:.6;cursor:wait}
.whl-msg{font-size:13.5px;margin:12px 0 0;color:var(--muted)}
.whl-msg.bad{color:#f0a8a0}
.whl-done{border:1px solid #c6a874;border-radius:18px;background:rgba(198,168,116,.08);padding:26px;margin:0 0 8px}
.whl-done b{display:block;font-family:'Cinzel',Georgia,serif;color:#e9cf93;font-size:19px;font-weight:600;margin:0 0 6px}
.whl-done p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.6}
@media (max-width:640px){.whl-grid{grid-template-columns:1fr}.whl-form{padding:20px 16px 18px}.whl-chip span{padding:10px 12px}}
/* sj24 (S&J emails Oct 28 2026): size choices in a featured set, the stack deal price, the stack tag in the cart and
   at checkout, and an Instagram reel in the Video Library */
.sj-st-sz{max-width:100%;height:32px;padding:0 28px 0 9px;background:#061720 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c6a874' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 9px center/10px 7px;border:1px solid rgba(198,168,116,.55);border-radius:4px;color:#f1ebdf;font:inherit;font-size:13px;line-height:30px;-webkit-appearance:none;appearance:none;cursor:pointer;vertical-align:middle}
.sj-st-sz:focus-visible{outline:2px solid #efd9a1;outline-offset:2px}
.sj-st-sz option{background:#061720;color:#f1ebdf}
.sj-st-sz option:disabled{color:#7d776c}
.sj-stack-pr b s{font-size:15px;font-weight:500;color:#a39d90;margin-right:4px}
.sj-stack-deal{margin:0;font-size:13px;line-height:1.45;color:#e9c27a}
.di-stack{margin:2px 0 0;font-size:11.5px;letter-spacing:.04em;color:#b8913f;font-weight:600}
.co-stack{display:block;font-size:11.5px;color:#b8913f;font-weight:600}
.sj-vid-ig{aspect-ratio:4/5}
.sj-vid-src{position:absolute;z-index:1;left:12px;bottom:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#efd9a1}
.sj-vid-b h2.is-long{font-size:15px;line-height:1.4}
@media (max-width:700px){
  .sj-st-sz{font-size:16px;height:36px;line-height:34px}
}
/* sj25 (S&J email Oct 28 2026 "Website adjustments"): a Wholesale box beside the quantity tiers ("instead of adding a 20kit,
   let's just add a Wholesale box that takes you to the Wholesale page"). Four across from 600px; on a phone the three tiers
   keep their width and the Wholesale box runs under them as one row. */
.sj .bulk .tier-whl{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-width:0;padding:13px 6px 10px;border:1px solid var(--line);border-radius:12px;background:#07151a;color:var(--ink);text-decoration:none;text-align:center;transition:border-color .2s}
.sj .bulk .tier-whl:hover,.sj .bulk .tier-whl:focus-visible{border-color:var(--brand)}
.sj .bulk .tier-whl-art{display:flex;align-items:center;justify-content:center;width:100%;height:62px;margin-bottom:4px;color:var(--brand)}
.sj .bulk .tier-whl-art svg{width:46px;height:40px}
.sj .bulk .tier-whl b{font-family:var(--fb);font-size:12.5px;font-weight:700;margin:0;line-height:1.2;color:var(--ink)}
.sj .bulk .tier-whl-sub{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--brand);white-space:nowrap}
/* sj26 (S&J email Oct 28 2026 "Website adjustments": "Buy 2 get 3rd free option"): four quantity boxes (1 vial, Buy 2 get the
   3rd free, 5-pack, 10-vial kit), two across on a phone and four from 600px, and the Wholesale box one row under them at every
   width. The quick view's packs two across. The free vial's tag in the cart in the stack gold. */
@media (max-width:599px){.sj .bulk-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sj .bulk .tier-whl{grid-column:1/-1;flex-direction:row;justify-content:center;gap:10px;padding:9px 12px}
.sj .bulk .tier-whl-art{width:auto;height:auto;margin:0}
.sj .bulk .tier-whl-art svg{width:30px;height:26px}
.sj .bulk .tier-free .tier-save{background:#b8913f;color:#0b1418}
.sj .qv-pk-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.shiptag.ship-free{color:#8a6a1f;background:#fbf3df;border-color:#ecd9a6}
@media (min-width:600px){.sj .bulk-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:599px){
  .sj .bulk .tier-whl{grid-column:1/-1;flex-direction:row;justify-content:center;gap:10px;padding:9px 12px}
  .sj .bulk .tier-whl-art{width:auto;height:auto;margin:0}
  .sj .bulk .tier-whl-art svg{width:30px;height:26px}
}