/* VIRAINE – köpstöd 2026-10-09 (inc/kopstod.php, kopstod.js) */

/* ---------- Brödsmulan på mobil: en rad, "← Föräldern" ----------
   På 390 px bröts sista ledet ("/ MOKA SET") till en egen rad uppe till höger:
   länkarna har 44 px träffyta, det aktuella ledet inte, så de hamnade på olika
   höjd. Produktnamnet står ändå i rubriken – på smal skärm visas bara vägen tillbaka. */
@media (max-width:760px){
	.v-crumbs ol{flex-wrap:nowrap;align-items:center;min-width:0}
	.v-crumbs li{display:none}
	.v-crumbs li:nth-last-child(2){display:flex;align-items:center;min-width:0}
	.v-crumbs li:nth-last-child(2)::before{content:"\2190";opacity:.6;margin-right:.5em}
	.v-crumbs li:nth-last-child(2) a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ---------- Spårningssidan ---------- */
.v-spara{max-width:34rem}
.v-spara__form{display:grid;gap:.9rem;margin:1.25rem 0 1.5rem;max-width:24rem}
.v-spara__falt{display:grid;gap:.35rem;font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.v-spara__falt .v-input{width:100%;text-transform:none;letter-spacing:normal;font-size:1rem;color:var(--ink)}
.v-spara__form .v-btn{justify-self:start;min-height:48px}
.v-spara__fel{margin:0;padding:.7rem .9rem;border:1px solid var(--cherry);color:var(--cherry);font-size:var(--t-sm)}
.v-spara__not{font-size:var(--t-sm);color:var(--muted);line-height:1.55}
.v-spara__res{margin:1rem 0 1.5rem;padding:1.5rem 1.4rem;border:1px solid var(--line)}
.v-spara__status{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.1;margin:.3rem 0 .6rem}
.v-spara__dl{margin:1rem 0 .4rem}
.v-spara__dl div{display:flex;gap:1rem;justify-content:space-between;padding:.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v-spara__dl dt{font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.v-spara__dl dd{margin:0;letter-spacing:.04em;font-variant-numeric:tabular-nums;word-break:break-all}
.v-spara__varor ul{margin:.4rem 0 0;padding-left:1.1rem;line-height:1.8}

/* ---------- Asken i korgen ---------- */
.vks-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;margin:.9rem 0 0;padding:.75rem .85rem;border:1px solid var(--line)}
.vks-ask__txt{margin:0;font-size:var(--t-sm);line-height:1.4}
.vks-ask__p{color:var(--muted);font-variant-numeric:tabular-nums}
.vks-ask__mer{display:block;font-size:var(--t-xs);color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.vks-ask__farger{display:flex;gap:.35rem}
.vks-ask__farg{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:1px solid var(--line-strong);border-radius:50%;cursor:pointer}
.vks-ask__farg span{display:block;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(23,19,19,.18)}
.vks-ask__farg:hover,.vks-ask__farg:focus-visible{border-color:var(--ink)}
.vks-ask__farg[disabled]{opacity:.5;cursor:progress}
.vks-ask__msg{flex:1 1 100%;margin:0;font-size:var(--t-xs);color:var(--muted)}
.vks-ask__msg:empty{display:none}
.vks-ask--cart{margin:var(--sp-6,1.5rem) 0 0}

/* ---------- Complete the look med snabbval ---------- */
.vks-ctl__under{margin:-.15rem 0 .5rem;font-size:var(--t-sm);color:var(--ink)}
.vks-item{grid-template-columns:56px 1fr auto}
.vks-item .v-ctl__name{color:inherit;text-decoration:none}
.vks-item .v-ctl__name:hover{color:var(--cherry)}
.vks-add{min-height:40px;padding:0 .9rem;background:none;border:1px solid var(--ink);border-radius:2px;color:var(--ink);
	font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.vks-add:hover,.vks-add:focus-visible{background:var(--ink);color:var(--bg)}
.vks-item__sizes{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.1rem 0 .2rem}
.vks-item__sizes[hidden]{display:none}
.vks-item__lbl{flex:1 1 100%;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.vks-item__sizes button{min-width:44px;min-height:40px;padding:0 .55rem;background:var(--white,#fff);border:1px solid var(--line-strong);border-radius:2px;
	font-size:var(--t-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.vks-item__sizes button:hover,.vks-item__sizes button:focus-visible{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.vks-item__sizes button[disabled]{opacity:.5;cursor:progress}
.vks-item__msg{grid-column:1 / -1;margin:0;font-size:var(--t-xs);color:var(--cherry)}

/* ---------- Notify me ---------- */
.vks-paus{margin:.85rem 0 1.1rem;clear:both;font-size:var(--t-sm);color:var(--muted);line-height:1.5}
.vks-paus__farg{display:inline;min-height:0;padding:0;background:none;border:0;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.vks-paus__hj{color:var(--muted)}
.vks-bev{position:relative;margin:.25rem 0 1rem;padding:1rem 2.75rem 1rem 1rem;border:1px solid var(--line-strong);background:var(--surface,transparent)}
.vks-bev[hidden]{display:none}
.vks-bev__t{margin:0 0 .6rem;font-size:var(--t-sm);font-weight:500}
.vks-bev__form{display:flex;flex-wrap:wrap;gap:.5rem}
.vks-bev__form[hidden]{display:none}
.vks-bev__form .v-input{flex:1 1 12rem;min-height:44px}
.vks-bev__form .v-btn{min-height:44px}
.vks-bev__not{margin:.5rem 0 0;font-size:var(--t-xs);color:var(--muted)}
.vks-bev__svar{margin:.4rem 0 0;font-size:var(--t-sm)}
.vks-bev__svar:empty{display:none}
.vks-bev__x{position:absolute;top:.15rem;right:.15rem;width:44px;height:44px;background:none;border:0;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--muted)}
.vks-bev__x:hover{color:var(--ink)}

/* Storleksrutor (2026-10-09, Bordure): "ONE SIZE" bröts på två rader i 6-kolumnsrutnätet
   och växte ned över raden under. Texten hålls på en rad; en ensam storlek blir en bred ruta. */
.v-sizes__list .v-size{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-sizes__list:has(> .v-size:only-child){display:flex}
.v-sizes__list > .v-size:only-child{width:auto;min-width:6.5rem;padding:0 1.1rem}
.vks-storleksrad{margin:.55rem 0 0;font-size:var(--t-sm);color:var(--muted);line-height:1.5}

/* ---------- Send as a hint ---------- */
.vks-tips{margin-left:1.25rem}
.vks-tips svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}
.vks-tips__meny{display:flex;gap:0;margin:.35rem 0 0;border:1px solid var(--line-strong);width:max-content;background:var(--bg)}
.vks-tips__meny[hidden]{display:none}
.vks-tips__val{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;background:none;border:0;color:var(--ink);
	font:inherit;font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.vks-tips__val + .vks-tips__val{border-left:1px solid var(--line-strong)}
.vks-tips__val:hover,.vks-tips__val:focus-visible{background:var(--ink);color:var(--bg)}

/* ---------- Sök: storleksraden ---------- */
.v-sok__storlek{margin-bottom:var(--sp-5,1.25rem)}
.v-sok__storlek .v-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}

@media print{.vks-ask,.vks-ctl,.vks-bev,.vks-tips,.vks-tips__meny{display:none!important}}