/* Presentkortets produktsida. Temats typsnitt och köpknapp används som de är. */
.mc24pk-formular { --mc24pk-gron: #3bb54a; --mc24pk-mork: #141414; --mc24pk-rod: #dd3333; --mc24pk-gron-mork: #2a8a37; --mc24pk-gron-ljus: #ecf8ee; --mc24pk-linje: #d9d9d9; --mc24pk-mjuk: #666; margin: 0 0 18px; }
.mc24pk-grupp { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
.mc24pk-grupp legend { font-weight: 600; font-size: 15px; margin: 0 0 8px; padding: 0; }
.mc24pk-grupp p { margin: 0 0 10px; }
.mc24pk-grupp label { display: block; font-size: 14px; margin: 0 0 4px; }
.mc24pk-grupp input[type="text"], .mc24pk-grupp input[type="email"], .mc24pk-grupp input[type="number"], .mc24pk-grupp input[type="date"], .mc24pk-grupp textarea { width: 100%; max-width: 100%; border: 1px solid var(--mc24pk-linje); border-radius: 4px; padding: 10px 12px; font: inherit; background: #fff; }
.mc24pk-grupp small { display: block; color: var(--mc24pk-mjuk); font-size: 12.5px; margin-top: 4px; }
.mc24pk-valfritt { color: var(--mc24pk-mjuk); font-weight: 400; }
.mc24pk-valorer { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 8px; }
.mc24pk-valor { position: relative; margin: 0; }
.mc24pk-valor input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.mc24pk-valor span { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 6px 10px; border: 1px solid var(--mc24pk-linje); border-radius: 4px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: center; background: #fff; transition: border-color .15s, box-shadow .15s; }
.mc24pk-valor input:checked + span { border-color: var(--mc24pk-mork); box-shadow: inset 0 0 0 1px var(--mc24pk-mork); background: #f3f3f3; color: var(--mc24pk-mork); }
.mc24pk-valor input:focus-visible + span { outline: 2px solid var(--mc24pk-mork); outline-offset: 2px; }
.mc24pk-mottagare { margin: 0 0 14px; }
.mc24pk-fraga { margin: 0 0 8px !important; font-size: 14px; font-weight: 600; }
.mc24pk-val--lang { align-items: flex-start !important; line-height: 1.45; padding: 10px 12px; border: 1px solid var(--mc24pk-linje); border-radius: 4px; cursor: pointer; }
.mc24pk-val--lang input { margin-top: 3px; flex: none; }
.mc24pk-val--lang:has(input:checked) { border-color: var(--mc24pk-mork); box-shadow: inset 0 0 0 1px var(--mc24pk-mork); background: #f3f3f3; }
.mc24pk-mottagar-epost { margin: 10px 0 0 !important; }
.mc24pk-vart { margin: 0 0 10px !important; padding: 10px 12px; background: #f3f3f3; border-radius: 4px; font-size: 13.5px; line-height: 1.45; color: var(--mc24pk-mork); overflow-wrap: anywhere; }
.mc24pk-val[hidden] { display: none !important; }
.mc24pk-val { display: flex !important; align-items: center; gap: 8px; margin: 0 0 6px !important; font-size: 14px; }
.mc24pk-js .mc24pk-eget, .mc24pk-js .mc24pk-datum, .mc24pk-js .mc24pk-mottagar-epost { display: none; }
.mc24pk-js .mc24pk-eget.visa, .mc24pk-js .mc24pk-datum.visa, .mc24pk-js .mc24pk-mottagar-epost.visa { display: block; }
.mc24pk-villkor { margin: 0 0 14px; padding-left: 18px; font-size: 13.5px; color: var(--mc24pk-mjuk); }
.mc24pk-kvar { color: var(--mc24pk-mjuk, #666); }
/* Förhandsvisningen: samma kort som i mejlet och utskriften (svart, röda ränder, vit logga). */
.mc24pk-forhand { position: relative; overflow: hidden; background: var(--mc24pk-mork); color: #fff; border-radius: 16px; aspect-ratio: 1.586; max-width: 380px; margin: 0 0 20px; font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif; }
.mc24pk-forhand::before { content: ""; position: absolute; inset: 0 0 0 auto; width: 50%; background-image: repeating-linear-gradient(118deg, rgba(255,255,255,.045) 0 2px, transparent 2px 9px); }
.mc24pk-forhand::after, .mc24pk-forhand-rand { content: ""; position: absolute; top: -20px; bottom: -20px; background: var(--mc24pk-rod); transform: skewX(-14deg); }
.mc24pk-forhand::after { right: -14px; width: 15%; }
.mc24pk-forhand-rand { right: 14%; width: 3%; }
.mc24pk-forhand-innehall { position: relative; z-index: 1; height: 100%; box-sizing: border-box; padding: 22px 26% 20px 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; }
.mc24pk-forhand-topp { display: flex; flex-direction: column; gap: 9px; }
.mc24pk-forhand-logga { display: block; width: 46%; min-width: 120px; height: auto; }
.mc24pk-forhand-etikett { font-size: 10px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: #bdbdbd; }
.mc24pk-forhand-belopp { font-size: clamp(32px, 11vw, 48px); font-weight: 900; line-height: .95; letter-spacing: -.03em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mc24pk-forhand-fot { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mc24pk-forhand-till { font-size: 13px; font-weight: 600; min-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mc24pk-forhand-halsning { font-size: 12px; color: #d6d6d6; white-space: pre-line; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mc24pk-forhand-giltig { font-size: 11px; color: #a8a8a8; }
/* Fullständiga villkor, ihopfällda. */
.mc24pk-villkor-fulla { margin: 0 0 16px; border-top: 1px solid var(--mc24pk-linje); border-bottom: 1px solid var(--mc24pk-linje); font-size: 13.5px; }
.mc24pk-villkor-fulla summary { cursor: pointer; padding: 10px 0; font-weight: 600; }
.mc24pk-villkor-fulla summary:focus-visible { outline: 2px solid var(--mc24pk-mork); outline-offset: 2px; }
.mc24pk-villkor-fulla div { padding: 0 0 6px; color: #444; }
.mc24pk-villkor-fulla p { margin: 0 0 10px; }
/* Det som förutsätter fysiskt gods döljs på presentkortets sida. */
body.mc24pk-produktsida .mcstore24-productpage__trust-item--shipping,
body.mc24pk-produktsida .mcstore24-productpage__shipping-carrier,
body.mc24pk-produktsida .commercekit-inventory,
body.mc24pk-produktsida .low-stock, body.mc24pk-produktsida .regular-stock, body.mc24pk-produktsida .high-stock,
body.mc24pk-produktsida .progress-bar,
body.mc24pk-produktsida .stock,
body.mc24pk-produktsida .mcstore24-storleksguide, body.mc24pk-produktsida [class*="storleksguide"],
body.mc24pk-produktsida .quantity { display: none !important; }
body.mc24pk-produktsida .single_add_to_cart_button { width: 100% !important; margin-left: 0 !important; float: none !important; }
@media (prefers-reduced-motion: reduce) { .mc24pk-valor span { transition: none; } }