/* Esborrany de la web de Stokelier (1/11/2026): per què, pantalles reals, el VIA, preus,
   Fundadors i packs. Va després de style.css (la mostra de Codex) i en fa servir els colors. */
:root{--stk-deep:#102d20;--stk-deep-2:#173c2b}

/* Per què Stokelier */
.stk-why{padding:110px 0 90px}
.stk-why-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin:26px 0 46px}
.stk-why-head h2{margin:0;font-size:clamp(40px,4.6vw,68px);line-height:1.02;color:var(--ink)}
.stk-why-head p{margin:0;font-size:17px;line-height:1.7;color:var(--muted)}
.stk-save{margin:0 0 46px;padding:36px 40px 32px;border-radius:6px;background:var(--stk-deep-2);color:#eef3e8}
.stk-save .eyebrow{margin:0 0 22px;color:var(--acid)}
.stk-save-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 40px}
.stk-save article{border-top:1px solid #2c4a3a;padding-top:18px}
.stk-save article span{display:block;margin-bottom:10px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9fb39c}
.stk-save h3{margin:0 0 10px;font:400 clamp(26px,2.5vw,36px)/1.15 var(--serif);color:#fff}
.stk-save article p{margin:0;font-size:15px;line-height:1.7;color:#cfdccb}
.stk-save-end{margin:26px 0 0;font:400 clamp(20px,1.8vw,24px)/1.3 var(--serif);color:var(--acid)}
@media (max-width:980px){.stk-save-grid{grid-template-columns:1fr}}
@media (max-width:760px){.stk-save{padding:28px 22px}}
.stk-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stk-why-card{padding:28px 24px 26px;border:1px solid var(--line);border-top:3px solid var(--ink);background:#fff;border-radius:4px}
.stk-why-card span{display:block;font:400 14px/1 var(--serif);color:var(--warm);margin-bottom:20px}
.stk-why-card h3{margin:0 0 12px;font:400 clamp(22px,1.9vw,27px)/1.2 var(--serif);color:var(--ink)}
.stk-why-card p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
.stk-works{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:34px 0 0;font-size:13px}
.stk-works span{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--warm);margin-right:6px}
.stk-works b{font-weight:600;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink)}

/* Com funciona: pantalles reals */
.stk-show{background:linear-gradient(180deg,var(--stk-deep-2),var(--stk-deep));color:#eef3e8;padding:110px 0 120px;overflow:hidden}
.stk-show .eyebrow,.stk-show .section-count{color:var(--acid)}
.stk-show-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;margin-top:26px}
.stk-show-copy h2{margin:0 0 20px;font-size:clamp(38px,4.2vw,60px);line-height:1.04;color:#fff}
.stk-show-copy h2 .serif-word{color:var(--acid)}
.stk-show-copy>p{margin:0;font-size:17px;line-height:1.7;color:#cfdccb}
.stk-steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:16px}
.stk-steps li{display:grid;grid-template-columns:40px 1fr;gap:12px;font-size:14px;line-height:1.6;color:#cfdccb}
.stk-steps span{font:400 18px/1.3 var(--serif);color:var(--acid)}
.stk-steps b{display:block;color:#fff;font-size:15px;margin-bottom:2px}
.device{margin:0;background:#07130d;border:1px solid #2c4a3a;box-shadow:0 40px 90px rgba(0,0,0,.45);cursor:zoom-in;transition:transform .25s ease}
.device:hover{transform:translateY(-4px)}
.device:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.device img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.device.tablet{border-radius:26px;padding:12px;aspect-ratio:800/1080}
.device.tablet.land{aspect-ratio:800/600}
.device.tablet img{border-radius:14px}
.device.phone{border-radius:38px;padding:10px;aspect-ratio:390/800}
.device.phone img{border-radius:29px}

/* Com funciona: vídeo interactiu (2/11). El mòbil per a la carta i la tauleta per a l'equip;
   la pantalla del pas es posa davant. Els .hot són els botons de dins de cada captura. */
.stk-show-grid{grid-template-columns:.78fr 1.22fr;align-items:start}
.stk-ch-group{margin:26px 0 6px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acid)}
.chapters{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.chapters button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:baseline;text-align:left;background:none;border:0;border-left:2px solid rgba(238,243,232,.14);padding:8px 0 8px 16px;color:#b9c9b6;font:inherit;font-size:14px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.chapters button span{font:400 13px/1 var(--serif);color:var(--acid)}
.chapters button:hover{color:#fff}
.chapters button[aria-current=true]{color:#fff;border-left-color:var(--acid);background:linear-gradient(90deg,rgba(222,238,175,.12),transparent)}
.stk-show-copy>.stk-caption{margin:22px 0 0;font-size:12px;line-height:1.6;color:#9fb39c}
.stk-player{position:relative;width:100%}
.stk-stage{position:relative;aspect-ratio:1/1.02}
.stk-stage .device{position:absolute;z-index:1;transition:transform .45s ease,opacity .45s ease,filter .45s ease}
.stk-stage .device.tablet{left:0;top:0;width:72%}
.stk-stage .device.phone{right:0;bottom:0;width:34%}
.stk-stage .device.is-front{z-index:2}
.stk-stage .device:not(.is-front){opacity:.5;filter:saturate(.4);transform:scale(.97)}
.stk-stage .device:not(.is-front):hover{opacity:.8;transform:scale(.97)}
.scenes{position:relative;width:100%;height:100%;overflow:hidden;border-radius:14px;background:#07130d}
.device.phone .scenes{border-radius:29px}
.scenes img{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.scenes img.on{opacity:1}
.hot{position:absolute;z-index:2;padding:0;border:2px solid transparent;border-radius:14px;background:transparent;cursor:pointer;transition:border-color .2s,background .2s}
.device.phone .hot{border-radius:99px}
.hot:hover,.hot:focus-visible{border-color:var(--acid);background:rgba(222,238,175,.14);outline:none}
.hot[hidden]{display:none}
.stk-msg{position:absolute;z-index:2;left:4%;right:4%;top:76.5%;padding:10px 14px 11px;border-radius:14px 14px 14px 4px;background:var(--acid);color:var(--stk-deep);box-shadow:0 12px 30px rgba(0,0,0,.45);pointer-events:none;animation:stk-msg .5s ease 1.2s both}
.stk-msg[hidden]{display:none}
.stk-msg b{display:block;margin-bottom:4px;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.stk-msg p{margin:0;font-size:clamp(9.5px,1.05vw,12px);line-height:1.45}
@keyframes stk-msg{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tap{position:absolute;z-index:3;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:3px solid var(--acid);box-shadow:0 0 0 7px rgba(222,238,175,.25);opacity:0;pointer-events:none}
.tap.on{animation:stk-tap 1.6s ease-out .6s infinite}
.player:not(.is-playing) .tap.on{animation:none;opacity:1}
@keyframes stk-tap{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}100%{opacity:0}}
.player-bar{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:22px}
.pl-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:99px;border:1px solid rgba(238,243,232,.3);background:transparent;color:#eef3e8;font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer}
.pl-btn[data-play]{width:44px;padding:0;justify-content:center;font-size:14px}
.pl-btn[aria-pressed=true]{background:var(--acid);border-color:var(--acid);color:var(--stk-deep)}
.pl-btn:disabled{opacity:.45;cursor:not-allowed}
.pl-progress{display:grid;grid-auto-flow:column;gap:5px}
.pl-progress i{height:4px;border-radius:2px;background:rgba(238,243,232,.18);overflow:hidden;position:relative}
.pl-progress i::after{content:"";position:absolute;inset:0;background:var(--acid);transform:scaleX(var(--p,0));transform-origin:left}
.pl-sub{min-height:3.6em;margin:16px auto 0;max-width:620px;text-align:center;font:400 clamp(17px,1.6vw,21px)/1.45 var(--serif);color:#fff}
.pl-sub b{display:block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--acid);margin-bottom:8px}

/* Sommelier IA (2/11, el Nico: «tu propones el menú, Stokelier el maridaje»). Encara no és actiu: «Próximamente». */
.stk-somm{background:linear-gradient(180deg,var(--stk-deep-2),var(--stk-deep));color:#eef3e8;padding:100px 0}
.stk-somm-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.stk-somm .eyebrow{color:var(--acid);margin:0 0 22px}
.stk-somm h2{margin:0;font-size:clamp(40px,4.4vw,64px);line-height:1.04;color:#fff}
.stk-somm h2 .serif-word{color:var(--acid)}
.stk-somm-lead{margin:22px 0 0;max-width:520px;font-size:17px;line-height:1.65;color:#cfdccb}
.stk-somm-tag{display:inline-block;margin:28px 0 0;padding:8px 14px;border:1px solid #deeeaf66;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acid)}
.stk-somm-steps{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:22px}
.stk-somm-steps li{display:grid;grid-template-columns:40px 1fr;gap:12px;font-size:15px;line-height:1.6;color:#cfdccb;border-top:1px solid #2c4a3a;padding-top:18px}
.stk-somm-steps span{font:400 18px/1.3 var(--serif);color:var(--acid)}
.stk-somm-steps b{display:block;color:#fff;font-size:17px;margin-bottom:4px}
.stk-somm .button.secondary{color:#fff;border-color:#deeeaf;background:transparent}
.stk-somm .button.secondary:hover{background:#deeeaf;color:var(--stk-deep)}
@media (max-width:980px){.stk-somm-grid{grid-template-columns:1fr;gap:36px}}
@media (max-width:600px){.stk-somm{padding:70px 0}}

/* El VIA: la frase del Nico */
.via-inner p.stk-via-lead{margin:-6px 0 0;font-size:clamp(19px,1.7vw,23px);line-height:1.45;color:var(--ink);max-width:620px}
.stk-quote{margin:26px 0 22px;max-width:820px}
.stk-quote p:first-child{margin:0 0 16px;font:400 clamp(24px,2.6vw,36px)/1.3 var(--serif)}
.stk-author{margin:0;font-size:13px;opacity:.85}
.stk-author span{display:block;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

/* Preus */
.stk-annual{display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;padding:10px 18px;border-radius:99px;border:1px solid var(--warm);background:#fff;font-size:14px;color:var(--ink)}
.stk-annual::before{content:"✦";color:var(--warm)}
.stk-annual b{color:var(--warm)}
.stk-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:6px 0 6px}
.stk-price span{flex-basis:100%;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--warm)}
.stk-price b{font:400 52px/1 var(--serif);letter-spacing:-.03em;color:var(--ink)}
.stk-price em{font-style:normal;font-size:13px;color:var(--muted)}
.stk-year{margin:0 0 18px;font-size:12px;font-weight:600;color:var(--warm)}
.stk-plans-3{grid-template-columns:repeat(3,1fr)}
.stk-plans-3 .plan{padding:33px 28px 35px 0}
.stk-plans-3 .plan+.plan{padding-left:28px;padding-right:0}
.stk-plans-3 .plan h3{font-size:34px}
.stk-plans-3 .plan .button{min-width:0;align-self:stretch}
@media (max-width:980px){.stk-plans-3{grid-template-columns:1fr}.stk-plans-3 .plan,.stk-plans-3 .plan+.plan{padding:28px 0 32px;border-left:0}.stk-plans-3 .plan+.plan{border-top:1px solid var(--line)}}
.stk-founders{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 50px;margin-top:46px;padding:40px;border-radius:6px;background:var(--stk-deep-2);color:#eef3e8}
.stk-founders .eyebrow{color:var(--acid)}
.stk-founders h3{margin:0 0 10px;font:400 clamp(28px,2.8vw,40px)/1.15 var(--serif);color:#fff}
.stk-founders p{margin:0;color:#cfdccb;line-height:1.7}
.stk-founders ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.stk-founders li{font-size:13px;line-height:1.6;color:#cfdccb;border-top:1px solid #2c4a3a;padding-top:12px}
.stk-founders li b{display:block;font:400 19px/1.3 var(--serif);color:#fff;margin-bottom:4px}
.stk-founders .stk-small,.stk-founders .button{grid-column:2}
.stk-founders .button{justify-self:start}
.stk-small{font-size:12px!important;line-height:1.6;color:var(--muted)}
.stk-founders .stk-small{color:#a9bba7!important}
.stk-packs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.stk-packs>.eyebrow,.stk-packs>.stk-small{grid-column:1/-1;margin:0}
.stk-packs article{padding:28px;border:1px solid var(--line);border-radius:6px;background:#fff}
.stk-packs h3{margin:8px 0 10px;font:400 30px/1.15 var(--serif);color:var(--ink)}
.stk-packs article p{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--muted)}
.stk-pack-price{font:400 30px/1 var(--serif)!important;color:var(--ink)!important;margin:0!important}
.stk-pack-price span,.stk-pack-price em{font:600 12px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;font-style:normal;color:var(--muted)}

/* Grups i cadenes (2/11): demanar informació */
.stk-groups{display:grid;grid-template-columns:1fr auto;gap:20px 40px;align-items:center;margin-top:40px;padding:32px 36px;border:1px solid var(--line);border-left:4px solid var(--ink);border-radius:6px;background:#fff}
.stk-groups .eyebrow{margin:0 0 8px;color:var(--warm)}
.stk-groups h3{margin:0 0 10px;font:400 clamp(26px,2.4vw,34px)/1.15 var(--serif);color:var(--ink)}
.stk-groups p:not(.eyebrow){margin:0;max-width:640px;font-size:15px;line-height:1.7;color:var(--muted)}
.stk-setup{display:grid;grid-template-columns:1fr auto;gap:16px 40px;align-items:center;margin-top:40px;padding:32px 36px;border:1px solid var(--line);border-radius:6px;background:#f3f6ee}
.stk-setup .eyebrow{margin:0 0 8px;color:var(--warm)}
.stk-setup h3{margin:0;font:400 clamp(26px,2.4vw,34px)/1.15 var(--serif);color:var(--ink)}
.stk-setup ol{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}
.stk-setup li{display:grid;grid-template-columns:36px 1fr;gap:10px;font-size:14px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.stk-setup li span{font:400 17px/1.3 var(--serif);color:var(--warm)}
.stk-setup li b{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}
.stk-setup .stk-small{margin:0 0 20px}
@media (max-width:760px){.stk-setup{grid-template-columns:1fr;padding:26px 22px}.stk-setup .button{justify-self:start}}
.stk-bodega{margin:30px 0 10px;border-left-color:var(--warm)}
@media (max-width:760px){.stk-groups{grid-template-columns:1fr;padding:26px 22px}.stk-groups .button{justify-self:start}}

/* «Stokelier no cobra a nadie por recomendar» (el Nico, 2/11) */
.stk-indep{margin:22px 0 4px;padding:16px 18px;border-left:3px solid var(--warm);background:#fff;font-size:14px!important;line-height:1.6;color:var(--muted)}
.stk-indep b{display:block;margin-bottom:4px;font:400 20px/1.3 var(--serif);color:var(--ink)}

/* Pantalla ampliada */
dialog.zoom{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:56px 16px 20px;border:0;background:transparent;color:#eef3e8;overflow:hidden;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:zoom-out}
dialog.zoom[open]{display:flex}
dialog.zoom::backdrop{background:rgba(8,22,15,.92);backdrop-filter:blur(4px)}
dialog.zoom img{max-width:min(96vw,1100px);max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain;border-radius:18px;border:10px solid #07130d;box-shadow:0 40px 120px rgba(0,0,0,.6);cursor:default}
dialog.zoom img.is-phone{border-radius:34px}
.zoom-cap{margin:0;max-width:640px;text-align:center;font-size:14px;line-height:1.55;color:#cfdccb}
.zoom-close{position:fixed;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(238,243,232,.35);background:rgba(16,45,32,.85);color:#fff;font-size:26px;line-height:1;cursor:pointer}

@media (max-width:980px){
  .stk-why-head,.stk-show-grid{grid-template-columns:1fr;gap:30px}
  .stk-why-grid{grid-template-columns:1fr 1fr}
  .stk-show-copy{display:contents}
  .stk-show-copy h2{order:0}.stk-show-copy>p:not(.stk-caption){order:1;margin-top:-10px}.stk-player{order:2;max-width:620px;margin:0 auto}
  .stk-chapters{order:3}.stk-caption{order:4;margin-top:0}
  .stk-founders{grid-template-columns:1fr}
  .stk-founders .stk-small,.stk-founders .button{grid-column:auto}
}
@media (max-width:600px){
  .stk-why,.stk-show{padding:70px 0}
  .stk-why-grid,.stk-packs,.stk-founders ul{grid-template-columns:1fr}
  .stk-stage{aspect-ratio:800/1080;display:grid;place-items:center}
  .stk-stage .device{position:relative;left:auto;top:auto;right:auto;bottom:auto}
  .stk-stage .device:not(.is-front){display:none}
  .stk-stage .device.tablet{width:100%}
  .stk-stage .device.phone{width:66%}
  .player-bar{gap:10px}
  .pl-btn[data-voice]{padding:0 12px}
  .stk-founders{padding:28px 22px}
}
@media (prefers-reduced-motion:reduce){.device,.stk-stage .device,.scenes img{transition:none}.device:hover,.stk-stage .device:not(.is-front){transform:none}.tap.on{animation:none;opacity:1}.stk-msg{animation:none}}

/* Portada (2/11): l'ampolla en vidre verd i tot en els verds de la marca; els punts giren al
   voltant de l'ampolla (app-stk.js) i les línies es dibuixen a .orbit-lines. */
.bottle-system{background:#0b1f15}
.bottle-portrait{background:radial-gradient(62% 52% at 50% 53%,#245039 0%,#143423 52%,#0b1f15 100%)}
.bottle-portrait:after{border-color:#deeeaf1f}
.orbit-lines{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.orbit-lines ellipse{fill:none;stroke:#deeeaf;stroke-opacity:.22;stroke-width:1;stroke-dasharray:3 6}
.orbit-lines line{stroke:#deeeaf;stroke-opacity:.14;stroke-width:1}
.network-point{color:#e3eed6;transform:translate(-50%,-50%) scale(var(--s,1));opacity:var(--o,1);transition:opacity .3s}
.network-point:before{background:#deeeaf;box-shadow:0 0 0 5px #143423,0 0 0 6px #b8c9a280}
.network-point span{background:#0f2a1deb;border-color:#deeeaf2e}
.network-point:hover,.network-point:focus-visible,.network-point[aria-pressed=true]{opacity:1}
.network-point:hover:before,.network-point:focus-visible:before,.network-point[aria-pressed=true]:before{background:#f6fbe8;box-shadow:0 0 0 5px #143423,0 0 0 7px #deeeaf,0 0 18px #deeeaf66}
.network-point[aria-pressed=true] span{color:#f6fbe8;border-color:#deeeaf80}
.network-point:focus-visible{outline-color:#deeeaf}
.network-hint{color:#a9bba7}
.bottle-mark{background:linear-gradient(145deg,#f3f9e0,#b8c9a2)}
.bottle-brand{color:#deeeaf}
.network-detail{border-top-color:#deeeaf3b;color:#d9e6cf}
.network-detail-index{color:#9fb39c}
.network-detail h3{color:#deeeaf}
.network-detail p{color:#b9c9b6}

/* Destí d'un punt de l'ampolla: s'il·lumina un moment (app-stk.js) */
.is-target{animation:stk-target 1.8s ease .4s}
@keyframes stk-target{0%,100%{box-shadow:0 0 0 0 rgba(188,74,47,0)}35%{box-shadow:0 0 0 6px rgba(188,74,47,.45)}}
.network-demo-link{color:var(--acid)}
@media (prefers-reduced-motion:reduce){.is-target{animation:none}}

/* Packs Stokelier + Coberlier (2/11): les nou combinacions en una taula; els de nivell igual, destacats */
.pack-matrix-wrap{overflow-x:auto;margin:18px 0 14px}
.pack-matrix{width:100%;min-width:560px;border-collapse:separate;border-spacing:6px;table-layout:fixed}
.pack-matrix caption{caption-side:bottom;padding-top:6px;text-align:left;font-size:12px;color:var(--muted)}
.pack-matrix th,.pack-matrix td{padding:14px 12px;border-radius:6px;text-align:center;vertical-align:middle;line-height:1.25}
.pack-matrix thead th{font-size:13px;font-weight:700;color:var(--ink)}
.pack-matrix th small,.pack-matrix td small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--muted)}
.pack-matrix tbody th{text-align:left;font-size:13px;font-weight:700;color:var(--ink)}
.pack-matrix td{background:var(--pm-cell,#fff);border:1px solid var(--line)}
.pack-matrix td b{display:block;font:400 26px/1.1 var(--serif);color:var(--ink)}
.pack-matrix td.is-pack{background:var(--pm-hi,#173c2b);border-color:var(--pm-hi,#173c2b)}
.pack-matrix td.is-pack b,.pack-matrix td.is-pack .pm-name{color:#fff}
.pack-matrix td.is-pack small{color:rgba(255,255,255,.72)}
.pm-name{display:block;margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pm-corner{font-size:11px!important;font-weight:400!important;color:var(--muted)!important;text-align:left!important}
@media (max-width:600px){.pack-matrix td b{font-size:21px}.pack-matrix th,.pack-matrix td{padding:10px 6px}}
.stk-packs{display:block}
.stk-packs .pm-title{margin:8px 0 0;font:400 clamp(28px,2.6vw,36px)/1.15 var(--serif);color:var(--ink)}
@media (max-width:600px){.pack-matrix{min-width:0;border-spacing:3px}.pack-matrix th,.pack-matrix td{padding:8px 3px}.pack-matrix td b{font-size:18px}.pack-matrix td small,.pack-matrix th small{font-size:9px}.pm-name{font-size:8px;letter-spacing:.04em}.pack-matrix thead th,.pack-matrix tbody th{font-size:10px}.pm-corner{font-size:9px!important}}

/* Preus de cada pla, més grans (el Nico, 2/11: «els preus són molt petits») */
.pack-matrix th small{font-size:15px;font-weight:600;color:var(--ink);margin-top:6px}
.pack-matrix td small{font-size:13px}
.pack-matrix thead th,.pack-matrix tbody th{font-size:14px}
@media (max-width:600px){.pack-matrix th small{font-size:13px}.pack-matrix td small{font-size:11px}.pack-matrix td b{font-size:20px}.pack-matrix thead th,.pack-matrix tbody th{font-size:11px}}

/* Accent daurat (el Nico, 2/11: «canvia el terracota per daurat»): el to de la franja del coll de l'ampolla */
:root{--warm:#8a6a1f}
button:focus-visible,a:focus-visible{outline-color:#8a6a1f}
@keyframes stk-target{0%,100%{box-shadow:0 0 0 0 rgba(138,106,31,0)}35%{box-shadow:0 0 0 6px rgba(138,106,31,.45)}}

/* Canvi d'idioma a la capçalera i àncores de les adreces antigues (2/11) */
.stk-lang{display:flex;gap:4px;margin-left:24px;font-size:12px;font-weight:600}
.stk-lang a{padding:6px 8px;border-radius:99px;color:var(--muted)}
.stk-lang a[aria-current=page]{background:var(--ink);color:#fff}
.stk-anchor{display:block;position:relative;top:-20px;height:0;visibility:hidden}
@media (max-width:760px){.stk-lang{margin-left:auto}.stk-lang+.nav-cta{margin-left:12px}}