/* Recorregut de compra de la plataforma (10/10/2026): subscripcio.html (xips del preu, camí del pagament i pas a Stripe) i
   gracies.html (seguiment en 3 passos). Peces additives: no canvien res del que ja hi havia. */
.planChips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-6px 0 0;padding:0;list-style:none}
.planChips li{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.28);color:#c9f3ec;font:600 13px/1.2 'Poppins',sans-serif}
.planChips svg{color:#2dd4bf;flex-shrink:0}
.payPath{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;position:relative}
.payPath::before{content:"";position:absolute;left:16.6%;right:16.6%;top:17px;height:2px;background:linear-gradient(90deg,#2dd4bf,rgba(45,212,191,.25))}
.payPath li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:13px;line-height:1.3;color:#b9c8d1}
.payPath .ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0f1b24;border:2px solid #2dd4bf;color:#2dd4bf}
.payPath li:first-child .ic{background:#2dd4bf;color:#070d12}
.payPath b{display:block;color:#fff;font:600 13.5px/1.25 'Poppins',sans-serif}
/* pas a Stripe */
.payOv{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(7,13,18,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:payOvIn .25s ease-out}
.payOv[hidden]{display:none}
@keyframes payOvIn{from{opacity:0}to{opacity:1}}
.payOvCard{width:min(420px,100%);padding:28px 24px 22px;border-radius:22px;background:#070d12;border:1px solid rgba(45,212,191,.3);color:#fff;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5);background-image:linear-gradient(rgba(45,212,191,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.06) 1px,transparent 1px);background-size:28px 28px}
.payOvSpin{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;border:3px solid rgba(45,212,191,.2);border-top-color:#2dd4bf;animation:paySpin .9s linear infinite;display:flex;align-items:center;justify-content:center}
.payOvSpin svg{animation:paySpin .9s linear infinite reverse;color:#2dd4bf}
@keyframes paySpin{to{transform:rotate(360deg)}}
.payOvCard h2{margin:0 0 6px;font:700 20px/1.25 'Poppins',sans-serif}
.payOvCard p{margin:0;color:#b9c8d1;font-size:15px;line-height:1.5}
.payOvCard small{display:block;margin-top:14px;color:#8ea3af;font-size:13px}
.payOvX{margin-top:14px;padding:9px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font:600 14px 'Poppins',sans-serif;cursor:pointer}
/* gràcies: seguiment */
.gTrack{list-style:none;margin:0 0 22px;padding:14px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:16px;background:#f0fdfa;border:1px solid #c7efe7;position:relative}
.gTrack li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font:600 13.5px/1.25 'Poppins',sans-serif;color:#64748b}
.gTrack li:not(:last-child)::after{content:"";position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:#c7efe7}
.gTrack li.done:not(:last-child)::after{background:#0d9488}
.gTrack .ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #c7efe7;color:#94a3b8}
.gTrack li.done .ic{background:#0d9488;border-color:#0d9488;color:#fff}
.gTrack li.now{color:#0f766e}.gTrack li.now .ic{border-color:#0d9488;color:#0d9488;box-shadow:0 0 0 5px rgba(13,148,136,.14);animation:gNow 1.8s ease-in-out infinite}
@keyframes gNow{50%{box-shadow:0 0 0 9px rgba(13,148,136,.06)}}
.checkBadge{animation:gPop .6s cubic-bezier(.3,1.6,.5,1) both}
@keyframes gPop{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.payOv,.payOvSpin,.payOvSpin svg,.gTrack li.now .ic,.checkBadge{animation:none}}
@media (max-width:420px){.payPath li,.payPath b{font-size:12.5px}.gTrack li{font-size:12.5px}}
.payPath li>span:last-child>span{display:block;color:#8ea3af;font-size:12.5px}
.card ol.gTrack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 22px;padding:14px 12px;counter-reset:none;overflow:hidden}
.card ol.gTrack li{padding-left:0;margin:0;counter-increment:none;line-height:1.25}
.card ol.gTrack li::before{content:none;display:none}

/* ===== Compra de la plataforma: pas «Vols afegir-hi el Pack Oposicions?» (compra-pack.js, 12/10/2026) ===== */
html.cpOpen{overflow:hidden}
.cpOv{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(7,13,18,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:cpFade .2s ease}
.cpOv[hidden]{display:none}
@keyframes cpFade{from{opacity:0}to{opacity:1}}
@keyframes cpUp{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.cpCard{position:relative;width:min(860px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#0f172a;border-radius:22px;box-shadow:0 40px 90px -20px rgba(7,13,18,.55);padding:30px 30px 22px;animation:cpUp .28s cubic-bezier(.2,.8,.2,1);font-family:'Source Sans 3',system-ui,sans-serif}
.cpX{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid #e1e7ee;background:#fff;color:#52657a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.cpX:hover{color:#0f172a;border-color:#c7d2dd}
.cpKicker{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark,#0f766e)}
.cpCard h2{font-family:'Poppins',system-ui,sans-serif;font-size:clamp(21px,3vw,27px);line-height:1.2;margin:0 44px 8px 0;letter-spacing:-.01em}
.cpLead{margin:0 0 20px;color:#52657a;font-size:15.5px;max-width:620px}
.cpOpts{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px;align-items:stretch}
.cpOpt{position:relative;border:1px solid #e1e7ee;border-radius:18px;padding:22px 20px 18px;display:flex;flex-direction:column;gap:12px;background:#fff}
.cpPack{border:2px solid var(--brand,#0d9488);background:linear-gradient(180deg,var(--brand-tint,#e6f7f4) 0%,#fff 46%);box-shadow:0 18px 40px -22px rgba(13,148,136,.55)}
.cpTag{position:absolute;top:-12px;left:18px;background:var(--brand,#0d9488);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 11px;border-radius:999px}
.cpPackTop{display:flex;gap:16px;align-items:flex-start}
.cpCovers{position:relative;flex:none;width:112px;height:120px}
.cpCovers img{position:absolute;top:calc(var(--i) * 7px);left:calc(var(--i) * 20px);width:68px;height:auto;border-radius:3px 6px 6px 3px;box-shadow:0 8px 18px -6px rgba(7,13,18,.45),inset 3px 0 0 rgba(0,0,0,.08);transform:rotate(calc((var(--i) - 1) * 4deg));transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.cpPack:hover .cpCovers img{transform:rotate(calc((var(--i) - 1) * 7deg)) translateY(-2px)}
.cpOpt h3{font-family:'Poppins',system-ui,sans-serif;font-size:17px;line-height:1.25;margin:0 0 8px}
.cpOpt ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.cpOpt li{position:relative;padding-left:22px;font-size:14.5px;color:#334155}
.cpOpt li::before{content:"";position:absolute;left:2px;top:6px;width:11px;height:6px;border-left:2px solid var(--brand,#0d9488);border-bottom:2px solid var(--brand,#0d9488);transform:rotate(-45deg)}
.cpOnly p{margin:0;color:#52657a;font-size:14.5px}
.cpPrice{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:auto}
.cpPrice b{font-family:'Poppins',system-ui,sans-serif;font-size:32px;letter-spacing:-.02em;color:#0f172a}
.cpPrice s{color:#8393a5;font-size:17px;font-weight:600}
.cpPrice small{color:#8393a5;font-size:13px}
.cpSave{flex-basis:100%;font-size:13.5px;font-weight:700;color:var(--brand-dark,#0f766e)}
.cpLang{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#52657a}
.cpLang span{margin-right:4px}
.cpLang button{border:1px solid #d5dee7;background:#fff;color:#334155;border-radius:999px;padding:5px 12px;font:inherit;font-weight:600;cursor:pointer}
.cpLang button.on{border-color:var(--brand,#0d9488);background:var(--brand-tint,#e6f7f4);color:var(--brand-dark,#0f766e)}
.cpBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:12px;padding:14px 18px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:transform .12s ease,background .15s ease}
.cpBtnPri{border:none;background:var(--brand,#0d9488);color:#fff;box-shadow:0 10px 24px -8px rgba(13,148,136,.6)}
.cpBtnPri:hover{background:var(--brand-dark,#0f766e);transform:translateY(-1px)}
.cpBtnPri:disabled{opacity:.7;cursor:progress;transform:none}
.cpBtnSec{border:1.5px solid #c7d2dd;background:#fff;color:#0f172a}
.cpBtnSec:hover{border-color:#0f172a}
.cpBtn:focus-visible,.cpLang button:focus-visible,.cpX:focus-visible{outline:3px solid var(--brand,#0d9488);outline-offset:2px}
.cpInfo{margin:0;font-size:12.5px;color:#64748b}
.cpNote{margin:16px 0 0;padding-top:14px;border-top:1px solid #edf1f5;font-size:14px;color:#52657a}
.cpNote a{color:var(--brand-dark,#0f766e);font-weight:700}
.cpMsg{margin:8px 0 0;min-height:1em;font-size:13.5px;font-weight:600;color:#b91c1c}
@media (max-width:720px){
  .cpOv{align-items:flex-end;padding:0}
  .cpCard{border-radius:22px 22px 0 0;padding:24px 16px calc(16px + env(safe-area-inset-bottom));max-height:94dvh}
  .cpOpts{grid-template-columns:minmax(0,1fr)}
  .cpCovers{width:96px;height:104px}.cpCovers img{width:58px;left:calc(var(--i) * 17px)}
  .cpPrice b{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.cpOv,.cpCard{animation:none}.cpCovers img{transition:none}}
.heroShop{display:inline-flex;align-items:center;gap:5px}
@media (max-width:640px){.heroShop span{display:none}.heroShop{width:36px;height:36px;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px}}
@media (max-width:440px){.heroTopRight{gap:6px}.heroBrand .heroBrandTxt,.heroBrand b{font-size:15px}.heroNavLogin{padding:0 10px}.heroBrand{gap:8px}}
@media (max-width:400px){.heroBrand>span:not(.heroLogo){display:none}}

/* ===== 3a opció del pas de compra: «O tria només els llibres que vulguis» (compra-pack.js, 15/10/2026) ===== */
.cpCard{width:min(940px,100%)}
.cpLead{margin-bottom:12px}
.cpBody>.cpLang{margin:0 0 18px}
.cpOpts{grid-template-areas:"pack only" "pick pick"}
.cpPack{grid-area:pack}.cpOnly{grid-area:only}.cpPick{grid-area:pick}
.cpPick{border:1.5px solid #cfe9e4;background:linear-gradient(180deg,#f5fbfa 0%,#fff 70%);gap:10px}
.cpPickHead{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.cpPickHead h3{margin:0}
.cpPickTag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;background:var(--brand-tint,#e6f7f4);color:var(--brand-dark,#0f766e);border:1px solid #bfe6df;white-space:nowrap}
.cpPickP{margin:0;color:#52657a;font-size:14.5px;line-height:1.5;max-width:720px}
.cpPickBody{display:grid;grid-template-columns:minmax(0,1fr) 292px;grid-template-areas:"list sum" "list bar";grid-template-rows:auto 1fr;column-gap:16px;align-items:start}
.cpPickList{grid-area:list;min-width:0}
.cpPickSub{margin:2px 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.cpBkGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cpBk{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px 36px 10px 10px;border:1.5px solid #e1e7ee;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}
.cpBk:hover{border-color:#b9c7d4}
.cpBk.on{border-color:var(--brand,#0d9488);background:var(--brand-tint,#e6f7f4);box-shadow:0 8px 18px -12px rgba(13,148,136,.7)}
.cpBk input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.cpBk:has(input:focus-visible){outline:3px solid var(--brand,#0d9488);outline-offset:2px}
.cpBk img{flex:none;display:block;width:34px;height:auto;border-radius:2px 4px 4px 2px;box-shadow:0 4px 10px -4px rgba(7,13,18,.45)}
.cpBk img.cpBkCard{border-radius:4px}
.cpBkBig{flex-direction:column;padding:12px 12px 12px}
.cpBkBig img{width:54px}
.cpBkTx{display:flex;flex-direction:column;gap:2px;min-width:0}
.cpBkTx b{font-family:'Poppins',system-ui,sans-serif;font-size:13.5px;line-height:1.3;font-weight:600;color:#0f172a;overflow-wrap:break-word}
.cpBkTx small{font-size:12px;color:#64748b;line-height:1.3}
.cpBkPr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;margin-top:3px}
.cpBkPr s{font-size:12.5px;color:#8393a5}
.cpBkPr em{font-style:normal;font-weight:700;font-size:14.5px;color:var(--brand-dark,#0f766e)}
.cpChk{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:6px;border:1.5px solid #b9c7d4;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background .15s ease,border-color .15s ease}
.cpBk.on .cpChk{background:var(--brand,#0d9488);border-color:var(--brand,#0d9488);color:#fff}
.cpMore{margin-top:12px;border:1px solid #e1e7ee;border-radius:14px;background:#fff}
.cpMore>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:12px 44px 12px 14px;cursor:pointer;position:relative;font-weight:700;font-size:14.5px;color:#0f172a;border-radius:14px}
.cpMore>summary::-webkit-details-marker{display:none}
.cpMore>summary small{font-weight:400;font-size:13px;color:#64748b}
.cpMore>summary svg{position:absolute;right:14px;top:50%;margin-top:-8px;color:#52657a;transition:transform .2s ease}
.cpMore[open]>summary svg{transform:rotate(180deg)}
.cpMore>summary:focus-visible{outline:3px solid var(--brand,#0d9488);outline-offset:2px}
.cpBkRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 12px}
.cpPickSum{grid-area:sum;display:flex;flex-direction:column;gap:10px;padding:14px 14px 10px;border:1px solid #e1e7ee;border-bottom:0;border-radius:16px 16px 0 0;background:#fff}
.cpPickBar{grid-area:bar;align-self:start;display:flex;flex-direction:column;gap:10px;padding:0 14px 14px;border:1px solid #e1e7ee;border-top:0;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 18px 30px -26px rgba(7,13,18,.5)}
.cpSumNone{margin:0;font-size:14px;color:#52657a;line-height:1.45}
.cpSumL{margin:0;display:grid;gap:4px}
.cpSumL div{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#52657a}
.cpSumL dt,.cpSumL dd{margin:0}
.cpSumL dd{font-weight:600;color:#334155;white-space:nowrap}
.cpSumT{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding-top:10px;border-top:1px solid #edf1f5}
.cpSumT span{font-size:14px;font-weight:700;color:#0f172a;margin-right:auto}
.cpSumT s{font-size:13.5px;color:#8393a5}
.cpSumT b{font-family:'Poppins',system-ui,sans-serif;font-size:26px;letter-spacing:-.02em;color:#0f172a;white-space:nowrap}
.cpSumD{margin:0;font-size:13px;font-weight:600;color:var(--brand-dark,#0f766e);line-height:1.4}
.cpUp{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px dashed #c7d2dd;font-size:13.5px;line-height:1.45;color:#334155}
.cpUp.cheaper{background:var(--brand-tint,#e6f7f4);border:1.5px solid var(--brand,#0d9488)}
.cpUp p{margin:0 0 8px}
.cpUpBtn{border:1.5px solid var(--brand,#0d9488);background:#fff;color:var(--brand-dark,#0f766e);border-radius:999px;padding:6px 14px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.cpUpBtn:hover{background:var(--brand,#0d9488);color:#fff}
.cpUpBtn:focus-visible{outline:3px solid var(--brand,#0d9488);outline-offset:2px}
.cpBtnPick{font-size:15px;padding:13px 14px}
.cpBtnPick:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
.cpPickMsg{margin:0}
.cpPickMsg:empty{display:none}
@media (max-width:860px){
  .cpBkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpPickBody{grid-template-columns:minmax(0,1fr);grid-template-areas:"list" "sum" "bar";grid-template-rows:none}
  .cpPickSum{margin-top:14px}
}
@media (max-width:720px){
  .cpOpts{grid-template-areas:none}
  .cpPack,.cpOnly,.cpPick{grid-area:auto}
  .cpCovers{width:118px}
  .cpPick{padding:18px 14px 0;overflow:visible}
  .cpBkGrid{grid-template-columns:minmax(0,1fr);gap:8px}
  .cpBkRows{grid-template-columns:minmax(0,1fr);padding:0 8px 10px}
  .cpBkBig{flex-direction:row;align-items:center;padding:10px 40px 10px 10px}
  .cpBkBig img{width:40px}
  .cpBkBig .cpBkTx{flex:1 1 auto}
  .cpBkBig .cpBkPr{margin-top:0}
  .cpBk .cpChk{top:50%;margin-top:-10px}
  .cpPickSum{border-radius:14px;border-bottom:1px solid #e1e7ee;padding:12px}
  /* barra del total i del botó enganxada a baix del full mentre es tria */
  .cpPickBar{position:sticky;bottom:calc(-1 * (16px + env(safe-area-inset-bottom)));z-index:2;margin:12px -15.5px 0;padding:10px 15.5px calc(12px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e1e7ee;border-radius:16px 16px 0 0;box-shadow:0 -14px 26px -18px rgba(7,13,18,.4);gap:8px}
  .cpPickBar .cpSumT{padding-top:0;border-top:0}
  .cpSumT b{font-size:23px}
}
.cpSumD b{font-weight:700}
@media (prefers-reduced-motion:reduce){.cpBk,.cpChk,.cpMore>summary svg{transition:none}}
.cpSumD b,.cpUp b,.cpBkPr s,.cpBkPr em{white-space:nowrap}
/* «La teva tria» (llista dels llibres triats), pack automàtic i «També en paper» (15/10/2026, v2) */
.cpSelH{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.cpSel{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cpSelI{display:grid;grid-template-columns:40px minmax(0,1fr) 44px;gap:10px;align-items:start;padding:8px 0 10px;border-bottom:1px solid #edf1f5}
.cpSelI:last-child{border-bottom:0}
.cpSelI img{display:block;width:40px;height:auto;border-radius:2px 4px 4px 2px;box-shadow:0 4px 10px -4px rgba(7,13,18,.45)}
.cpSelI img.cpBkCard{border-radius:4px}
.cpSelI.added{background:var(--brand-tint,#e6f7f4);border-radius:12px;padding:8px;border-bottom:0;grid-template-columns:40px minmax(0,1fr)}
.cpSelTx{min-width:0;display:flex;flex-direction:column;gap:4px}
.cpSelTx>b{font-family:'Poppins',system-ui,sans-serif;font-size:13.5px;line-height:1.3;font-weight:600;color:#0f172a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cpSelM{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.cpChip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#eef2f6;color:#334155;font-size:11.5px;font-weight:700;letter-spacing:.04em}
.cpChip.add{background:var(--brand,#0d9488);color:#fff;letter-spacing:0}
.cpSelP{display:inline-flex;align-items:baseline;gap:6px;margin-left:auto}
.cpSelP s{font-size:12.5px;color:#8393a5;white-space:nowrap}
.cpSelP em{font-style:normal;font-weight:700;font-size:14.5px;color:var(--brand-dark,#0f766e);white-space:nowrap}
.cpSelP em.incl{font-size:12.5px;font-weight:600}
.cpRm{width:44px;height:44px;margin:-6px -6px 0 0;border:0;border-radius:12px;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.cpRm:hover{background:#fdecec;color:#b42318}
.cpRm:focus-visible{outline:3px solid var(--brand,#0d9488);outline-offset:1px}
.cpPrint{display:inline-flex;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.35;color:#52657a;text-decoration:none}
.cpPrint svg{flex:none;margin-top:1px;color:var(--brand-dark,#0f766e)}
.cpPrint b{color:#334155;font-weight:700}
.cpPrint:hover span{text-decoration:underline}
.cpPrintNote{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e9eef3;font-size:13px;line-height:1.45;color:#52657a}
.cpPrintNote svg{flex:none;margin-top:2px;color:var(--brand-dark,#0f766e)}
.cpPrintNote b{color:#0f172a}
.cpBk.auto{border-style:dashed;border-color:var(--brand,#0d9488);background:#f3fbf9}
.cpBk.auto .cpChk{background:#fff;border-color:var(--brand,#0d9488);border-style:dashed;color:var(--brand,#0d9488)}
.cpAuto{border-style:solid}
.cpAuto p{margin:0;font-weight:600}
@media (max-width:720px){.cpSelTx>b{font-size:14px}.cpSelI img{width:44px}.cpSelI{grid-template-columns:44px minmax(0,1fr) 44px}.cpSelI.added{grid-template-columns:44px minmax(0,1fr)}}
.cpOpt .cpSel li{padding-left:0}.cpOpt .cpSel li::before{content:none;display:none}

/* 15/10/2026 · política de descomptes: nota dels codis de la plataforma (compra-pack.js) */
.cpCodeNote{font-size:13px;line-height:1.45}
.cpCodeNote+.cpNote{border-top:0;padding-top:0;margin-top:8px}
.cpSumL dd s{color:#8a9aab;font-weight:500;margin-right:2px}