/* Min side / IP-mailprofil v1: den eksisterende visuelle ramme bevares. */
.profile-main{max-width:720px;margin-inline:auto;padding-top:55px}
.profile-main h1{font-size:clamp(34px,4vw,50px);line-height:1.15;margin-block:18px 25px}
.profile-main .login-form{max-width:560px}.profile-main .login-form>input{width:100%;box-sizing:border-box}
.profile-mail{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}
.profile-mail h3{font-family:var(--sans);font-size:16px;line-height:1.4;font-weight:600}
.product-card .profile-mail p{margin:12px 0 18px}.profile-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.product-card .profile-hint,.profile-hint{font-size:14px;line-height:1.7;color:var(--muted)}
.product-card .profile-hint{margin-top:14px}.profile-hint a{text-decoration:underline}.profile-mail .btn{font-size:14px;padding:12px 18px;min-height:44px}
.profile-main .login-success,.profile-main .login-error{line-height:1.7}.products-main>.login-success{max-width:850px}

/* Samlet mailvalg og FTAlert. Eksisterende farver og produktkort bevares. */
.mail-choice{display:flex!important;align-items:flex-start;gap:12px;font-weight:500;cursor:pointer;margin:14px 0!important}.mail-choice input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;min-height:18px;padding:0;margin:4px 0 0!important;accent-color:var(--accent)}.mail-choice span{flex:1}.mail-choices{border:1px solid var(--line);padding:18px 22px;margin:24px 0}.mail-choices legend{font-weight:600;padding:0 8px}

/* Min side v6: kompakte kort paa samme raekke ved laptopbredde. */
.mail-save{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:20px 24px;border:1px solid var(--line);background:var(--white)}
.mail-save>div{min-width:0}.mail-selection-intro{margin:0}.mail-save .profile-hint{margin-top:5px}.mail-save .btn{flex-shrink:0;white-space:nowrap;min-height:52px;padding-inline:28px;font-size:16px}
.products-main .mail-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 0}
.mail-product-grid .product-card{min-width:0;padding:24px 16px;overflow-wrap:anywhere}
.mail-product-grid .product-card>.btn{width:100%;padding-inline:8px;font-size:13px}
.mail-product-grid .ftalert-card{margin:0}
@media(max-width:899px){.products-main .mail-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.products-main .mail-product-grid{grid-template-columns:minmax(0,1fr)}.mail-save{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.mail-save .btn{width:100%}}

/* SF-COMMON-PROFILE-THEME-v2 BEGIN */
/* Approved 2026-10-22: common charcoal; each product retains its own colour. */
:root{--accent:#444a4e;--accent-dark:#303639}
.product-card.product-MM{--accent:#843b36;--accent-dark:#632924}
.product-card.product-SM{--accent:#35566b;--accent-dark:#243e50}
.product-card.product-EN{--accent:#355b46;--accent-dark:#234332}
/* KM styling only; its separate Min side and access remain a later project. */
.product-card.product-KM{--accent:#66516f;--accent-dark:#4d3d55}
/* FTAlert retains the previously agreed aubergine, independent of the frame. */
.product-card.ftalert-card{--accent:#66516f;--accent-dark:#4d3d55}
.btn.secondary{color:var(--accent);border-color:var(--accent)}
.btn.secondary:hover{background:var(--accent);border-color:var(--accent);color:var(--white)}
.login-story .eyebrow{color:#d7dcdf}
.login-story h2 em{color:#e5e8e9}
.login-story p{color:#e1e5e7}
/* SF-COMMON-PROFILE-THEME-v2 END */