/* Hermony cart drawer (public/theme/hermony-cart.js). Låsta färger och typsnitt:
   blå #2563B5 (hover #1D4F93), text #142944, muted #52627A, wash #EDF6FF,
   line #E3EBF4, pion #C42F64 som enda accent. Allt är prefixat hmc- så att
   sidans egna klasser inte krockar. */
.hmc-scrim{position:fixed;inset:0;background:rgba(20,41,68,.4);opacity:0;pointer-events:none;transition:opacity .25s;z-index:9990}
.hmc-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:100%;background:#fff;z-index:9991;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-12px 0 40px rgba(20,41,68,.14);font-family:'Manrope',system-ui,sans-serif;color:#142944;font-size:15px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
.hmc-drawer *{box-sizing:border-box}
html.hmc-open .hmc-scrim{opacity:1;pointer-events:auto}
html.hmc-open .hmc-drawer{transform:none}
html.hmc-open,html.hmc-open body{overflow:hidden}
.hmc-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 20px;border-bottom:1px solid #E3EBF4}
.hmc-head h2{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:19px;line-height:1.1;letter-spacing:-.01em;color:#142944}
.hmc-x{display:grid;box-shadow:none!important;place-items:center;width:34px;height:34px;min-height:0!important;padding:0!important;margin-right:-6px;border:0!important;outline:0;border-radius:999px;background:none;color:#142944;cursor:pointer}
.hmc-x:hover{background:#EDF6FF}
.hmc-x svg{width:20px;height:20px}
.hmc-body{flex:1;overflow:auto;padding:20px 22px}
.hmc-item{display:grid;grid-template-columns:84px 1fr;gap:14px}
.hmc-thumb{width:84px;height:84px;border-radius:12px;object-fit:cover;background:#EDF6FF;border:1px solid #E3EBF4}
.hmc-top{display:flex;justify-content:space-between;gap:10px}
.hmc-name{font-weight:800;font-size:15.5px;line-height:1.3}
.hmc-var{font-size:13.5px;color:#52627A;margin-top:2px}
.hmc-drawer .hmc-rcline{all:unset;display:block;margin-top:2px;font-size:13.5px;color:#2563B5;font-weight:700}
.hmc-price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hmc-price b{display:block;font-size:15.5px}
.hmc-price s{font-size:13px;color:#52627A}
.hmc-kits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.hmc-kit{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 12px;border:1px solid #E3EBF4;border-radius:12px;background:#fff;font:inherit;color:#142944;text-align:left;cursor:pointer}
.hmc-kit:hover{border-color:#2563B5}
.hmc-kit[aria-checked="true"]{border-color:#2563B5;box-shadow:0 0 0 1px #2563B5;background:#EDF6FF}
.hmc-kit b{font-size:13.5px;font-weight:800}
.hmc-kit span{font-size:12.5px;color:#52627A;font-variant-numeric:tabular-nums}
.hmc-kit:focus-visible,.hmc-rc:has(input:focus-visible),.hmc-btn:focus-visible,.hmc-x:focus-visible{outline:3px solid #142944;outline-offset:2px}
.hmc-gifts{list-style:none;margin:16px 0 0;padding:12px 14px;display:flex;flex-direction:column;gap:8px;border-radius:12px;background:#EDF6FF}
.hmc-gifts li{display:flex;align-items:center;gap:10px;font-size:14px}
.hmc-gifts svg{width:20px;height:20px;flex:none;color:#2563B5}
.hmc-gifts b{flex:1;font-weight:700}
.hmc-gifts em{font-style:normal;font-size:12.5px;font-weight:800;color:#C42F64;letter-spacing:.04em}
.hmc-rc{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:13px 14px;border-radius:12px;border:1px solid #E3EBF4;cursor:pointer}
.hmc-rc.is-on{border-color:#2563B5;box-shadow:0 0 0 1px #2563B5}
.hmc-rc input{position:absolute;opacity:0;width:1px;height:1px}
.hmc-cbx{display:grid;place-items:center;flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid #52627A;background:#fff;color:#fff}
.hmc-rc.is-on .hmc-cbx{border-color:#2563B5;background:#2563B5}
.hmc-cbx svg{width:14px;height:14px;opacity:0}
.hmc-rc.is-on .hmc-cbx svg{opacity:1}
.hmc-rc b{display:block;font-size:14.5px;font-weight:800}
.hmc-rc small{display:block;font-size:13px;color:#52627A}
.hmc-foot{border-top:1px solid #E3EBF4;padding:16px 22px 18px;display:flex;flex-direction:column;gap:10px}
.hmc-row{display:flex;justify-content:space-between;font-size:14.5px;color:#52627A;font-variant-numeric:tabular-nums}
.hmc-row b{color:#142944;font-weight:800}
.hmc-row.sum{font-size:17px;color:#142944;font-weight:800}
.hmc-row.save{color:#C42F64;font-weight:800;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase}
.hmc-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;width:100%;margin-top:4px;border:0;border-radius:999px;background:linear-gradient(180deg,#2E6FC4,#2563B5);box-shadow:inset 0 -3px 0 #1D4F93,0 6px 16px rgba(37,99,181,.22);color:#fff;font:800 17px/1.2 'Manrope',system-ui,sans-serif;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:background .15s}
.hmc-btn:hover{background:#1D4F93;color:#fff}
.hmc-btn svg{width:19px;height:19px}
.hmc-btn .p{padding-left:12px;border-left:1.5px solid rgba(255,255,255,.45);font-weight:800;letter-spacing:0}
.hmc-promise{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#EDF6FF;border:0}
.hmc-promise svg{width:38px;height:38px;flex:none}
.hmc-promise b{display:block;font-size:13.5px;font-weight:800}
.hmc-promise span{display:block;font-size:12.5px;color:#52627A}
.hmc-trust{display:flex;justify-content:center;gap:18px;font-size:12px;font-weight:700;color:#52627A}
.hmc-trust span{display:inline-flex;align-items:center;gap:5px}
.hmc-trust svg{width:14px;height:14px;color:#2563B5}
.hmc-empty{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;gap:12px}
.hmc-empty h3{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:600;font-size:26px;color:#142944}
.hmc-empty p{margin:0;color:#52627A}
.hmc-empty .hmc-btn{width:auto;padding:0 32px}
.hmc-drawer.is-empty .hmc-body,.hmc-drawer.is-empty .hmc-foot{display:none}
.hmc-drawer.is-empty .hmc-empty{display:flex}
.cartn[data-hmc]{cursor:pointer}
@media (max-width:480px){
  .hmc-head{padding:14px 16px}
  .hmc-body{padding:16px}
  .hmc-foot{padding:14px 16px 16px}
  .hmc-item{grid-template-columns:72px 1fr}
  .hmc-thumb{width:72px;height:72px}
}
@media (prefers-reduced-motion:reduce){.hmc-drawer,.hmc-scrim{transition:none}}

/* 2026-10-26: leveransrad som under ATC på PDP, tom upsell-plats */
.hmc-shipby{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-radius:999px;background:#F3F6FA;font-size:12.5px;font-weight:600;color:#142944}
.hmc-shipby span{display:inline-flex;align-items:center;gap:6px}
.hmc-shipby i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1F8A4C}
.hmc-shipby svg{width:16px;height:16px}
.hmc-upsell{margin-top:14px}
.hmc-upsell h3{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#52627A}
.hmc-drawer:focus{outline:none}
.hmc-x:focus:not(:focus-visible){outline:none}
.hmc-flag{width:18px;height:13px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.hmc-remove{margin-top:8px;padding:0;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:#52627A;text-decoration:underline;cursor:pointer;box-shadow:none!important;min-height:0!important}
.hmc-remove:hover{color:#C42F64}