/* ==========================================================================
   Hudologen v1.4 (Azalea v1.2). Klistras in under Stil > Egen CSS.
   Byggs av build.py, som lägger in loggan som data-URI i --hl-logo.
   Färger: sandvit bas, dämpad oliv (eko och knappar), lila-grå (kliniskt).
   ========================================================================== */
/* Från tidigare egen CSS */
.azalea--footer--made-by{display:none!important}

:root{
  --hl-bg:#f7f4ee; --hl-surface:#eeeae2; --hl-raised:#fcfaf6; --hl-photo:#ffffff;
  --hl-ink:#2e2d29; --hl-muted:#6b675e; --hl-line:#e2ddd3;
  --hl-accent:#5b6848; --hl-accent-dark:#4a563a; --hl-accent-ink:#fcfaf6; --hl-accent-soft:#e4e8da;
  --hl-clin:#6f6a7d; --hl-clin-soft:#e7e5ec;
  --hl-display:"Cormorant Garamond","Iowan Old Style",Georgia,serif;
  --hl-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --hl-r:16px;
  --hl-logo:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAABSCAQAAADQ4UpMAAALgklEQVR42u1dWY4kNw6ljTkKgb4KB56j0LCPwsH0UdRAHUUD1F3SHxmL9iWWzFAGWYA/3FWZoRAf+biIAri+IBCoqKgkwcFg4aEQUVHJgeMBBnDjZzCYocCFIGAGe2aVNwiBTOB4gN0Bjwc8QIZZNS9rNqoCKnlwzGry/KHNnzOSqiEYZ81W1UAl7TcewQ9vVji7y/u8xyjYnatW+eB4Y7agAuREH1vF7PI+r6ZWT3DQ5EeUYKkkg3ELPFl8msCyL/oYDR6z30NVCpWU31jFHkCvxgjOxcnTveq5STNl14cGLdAwi9/wlWa7ophhog9/pa+gV+t710TAZaEhC6VK2TE8JLk7gn3009DyAlizk/7QSOeS0HgUoOGG159Pr2J4nBt9zIlkuzN9rnKyYxeggiLwAdmrEehVCh586g7YKRUwWvn0BmG4bYLGGp7vpVc8CDzMQTFX+/fhYkJULgAN8aDRHrTuo1fX59bkRVl8ekTgfoMMVD79aK+Ry1CV/3KfqpzP48+Cx5kqK85bZY0+3k0dzESSWujUsfEDDUGv/BaYd8BD21jeChAB6fIax8UPI9ArnEgnvRQez28ghcfYxMweQK+uTh7cFPb58OAIHqKKNqrIAa3tMsQaJbLtZ8Lj+U4VHoPL3g0cobXdrT+4DYpnvlEXHkquBqdX2xVcBlAAClKt5wIanXZPDc2VXl0+PJ9NwLpac6q/M8s7EYXH3emVGaD6Mavp3HJzbjTATsfbuURO5QViPr65hJey6eMF8CDvyLJWzQcX/vjmEjzolH1f9PF4AZFTeZHyfPbJc39aCb3w20QV7BPo1XYFH6FxW15qz+mFUFQZgl5dm2PTS+Hh0iuFxwfQK7vrZMIICUz7QrqDzqE0hcft6RUOUP2QFwXm4BxLU+/xUfRK3gSv19KrM+Hhnr757KmMeKeM3F56df3wHJfTlGf2W0kwx7gNHggEdLjCIVDn8bield6s5LmXXl0/PDeb6Q5NVyCYgrK7fsM2J3bnCQHr3Hw+BBbiEbyWkXQMtjjZxn8fdsOoonmtQ/rTz6dXvBEeIV2iit94qpg0qE/K22zbBZx8hfHA1u7HXIWvGTkK3oc0AcMF7ICdBMcMhjMDwKPPeoXKECqEOwbDH4RRO3qF3sC4R9CKst1X+J9jmiz92nZTm3+WemqsPl/8dMPRsr1zd7csm4qE5YhAWRbCQJtss2TUjhdb/cgM3at5K8qodKuFnVeX/4x5/sAKcS76/vn5pQCl1FObwjNKFriDeRDZZf8xswW4/BAQsPev1NQOuW2gs2+znupsuzcGvRHetqDM8SiMORkgWcUJlYyC7zDeZ67vUAJgzk/Azk1YDxDveai49rCTmTMeDJ0JnOK8YcrunL8eM67/oA2odhXft6Prj51+4hdDDbmkuuXLhdIpetG7MbjchUKeR5g/24IBnvJO+VwZNllhyfyL9d5kij4J8PQE6Ax1og7z51Pj+dILkwzgH9HM+7QJoKCVhydPZsfsRsNGeoVLICiFQLD0Y7yxOmV15c4ciZ9Bmme4hF207UCLt5+WM4e10UlSWJ9Eak5Jr5X3V2YCBib2MLWLVFi9uxPogECyHo+DT6Ws3w1HE+Lu65femvo0hcyIdEBi9hrPbZRp4BADB8FrCR7+S8YGdTZBBilO7PZ4yNzZdGzyQpy1k7H6x51gOKkhL2/STr5i9RY5657uKzOF57EJyhR+DjspCKp4JfLSFXhIDvES0cf8+kKmayu2zAaOtEWZa7SpL+HopmBz5KLHsdNiMDCp+qbqyXLKSsu/SEGhxXlShJbCHRfXl2+sScdVJuvROLGLud9NrcyMSK/Yc4dSAYRryZ62jJNB4R46x80xAwZWj4p0psV/uGEoZqBds38m8/dukjmfEqfuTgZphMfDC/nj5LWd9jUNobRfNsmIMZ1Uwav4j5bU6VpUqpMl17nj7uyXKf4+NvcvhXkgyTyb7Wj24Mpvt9xwkqu1iEdRcvm7p/ngDQaOG5LUlKnrmAgYcc4KKmSJizsBcKE6mclsI2aThCkvwU1dQb2ssjxYhxuryTGT5wxNk2Wb61St1hoiDbY9l9nx4ZE7EIDdcwBK8MCF0qwVfakUPVt8RyrYloaGfrkKwTJL9mCuPdRA8ZggwZ2DrbGzuEhFOMkC0FLGCb3ttpnPc4981c+n4FI9zoOpbf66FJi58W4Kluxft1OQUumToglcuWJiX9wSw91NL2P13VwgQOemTJNfFd4T3tsD4IROg4MU2hfYq03kCIm/FeXxQ+hdYoOZJ+TGNHgqNRz+v9zzcHfbX6kO4ap3XFQsXRhaiyUoSOq0zoTh64yBirMTdvIhq5+Q3SV/6qRX+VZIP6nKRdLkAtokfi+kKaX5KnOQb70EdC68lmbThIX8Um6cXv/IbK54It+DPrwb76nie0vmQKJkQ2uEd6EGk7W1I1fr3TvDvNxKkQctZnzH6p5TCo1OrgadFUjyW9xVURYgvKzAB5NshEfMsiWhPCmqhsXCYun920J8xhGf4GClttN3+FUVm6yO1AzqIDUQ2p1y651jm86BxwQk5T8occiJEt+eGh6aHhDNQRtJngT0ZOlc37XeXcuJ30mZmr7sVZrRc6CynK3X26gnWZooN0bsxHQl+IeoomPWwR6TXMzbOyxQgfRLTPmO2c+kQ+GUKWAv5rAZRQjzVNhZ2lqVn7PnFm1UPdh2wtFEa6UgWMZCc6APEIxOsrQDpGcmjIxRKMSdje1bemokcYrCJBQjJCA59QkbsjlL+NYQ3D8lLplKr3UonO3cUAm6Vk3lO9xLuHuprg38rgnyUlzpQbNO037PSUYfIL0nawZoVcTubc+zUOz8TkwoPmYJiJvQxQKbpeIxWooYc76UZZeymWzoIw6VRwq+1ywp5Z4uhLSCS6LVRqp1olQ9BDvMwGPDIQT3WBZf8zwIVirZPYuUjm9NxRk5xZ+tvc1atbWygQ0lqlQWBwoA2TOQlApPnaMo24iuJGpZHHyDLTTdU5D47TslYzcbWPb8FX4ePGjDwSM3DsBC79Dalm2LDHfNvLedL+Cps7i1CzfdXtH6jrmy8bSQS7Mrp8PLeRv3SJkLUSyyfkq2zb9OC9cCRE+Bej6DdErman83/raMy5oopcrft3ViyU47X3tHZsNV2b3v8ZjhPuHnhAmNq95QH59S9w9IsPMjyzQZ4xy/OxEee16XbAqzMKjf2+o5bVu091g4c3CEyo0qErzda18RisHcyb6fg4W7T9SVshD9Nomb+W7bmDMEuW6g91Z4uAZwhDu+wnFAjUfxfjv41f0FAAC/4D87ueMPAAD4E35uABcDwhf8hG/V5RPEwB8A8F/42zFK/9u9568EyjriAwDgGwC+A135dv57ILU66oIxc4gXUjnPe0hEQ/Wit+akGh+yBTrCfwx4DFO1fq/TModNFie9PuzCRjDeF76PMdsaiEpnr2UZalYvn7yopNrnj+iWGGTxZtMiqTJdYiu9eig8LqchNtOwc4P4A8FuuKnDnyh1xNxbVnp1WUl1ZdNBtPryYrotNp5wdytWzoirvDs4D6ch32S3sHOR1H1ZSjtM9Ya9UaKPuJr+0ctvY5HhbXhHtl+I0qtLMwybGe4pd7APtkqT4vl4x/Ym4cj3Ad2CXqWjjxvkGv8FX/AFP+APQPiCL6e8Phfjn//94fzN/+Gn95tHyt/aIHIxAk4A8Au+ggj0Vrvl56NsYZR06gKXo56BT70DSmWbpGajmLtkr3ybYKt3RWhP6/38Rzwf5Ladck+Q2GAWop1OyCk07ijxhClz906H9bozHPpIj8pRAbqJAnZNxauoQHjLFWqlSkUlJlgYwUNTKSoqsA5nRW84nHoPFRUHII/k5dq3kd9VD1QqMheJf8G/vYKhiorGINojp6JSI1ly38jjN9UClaIXQfi+M7H6Bwn1534r/bdNAAAAAElFTkSuQmCC);
}

/* Bas */
body.azalea,.azalea .page-canvas,.azalea--body,.azalea--content-container,.azalea--header,.azalea--header-wrapper,
.tws-breadcrumbs,.azalea--content,.azalea--back-to-top{background:var(--hl-bg)!important}
body.azalea{color:var(--hl-ink);font-family:var(--hl-body);font-size:16px;-webkit-font-smoothing:antialiased}
.azalea a{color:var(--hl-ink)}
.azalea h1,.azalea h2,.azalea h3,.azalea .h1,.azalea .h2,.azalea .tws-util-heading--heading{font-family:var(--hl-display);font-weight:500;color:var(--hl-ink);letter-spacing:0}
.azalea .tws-article-list--article-name .tws-util-heading--heading,
.azalea .tws-articlegroup-list--article-name .tws-util-heading--heading{font-family:var(--hl-body);font-weight:500;font-size:15px;line-height:1.35}
.azalea--content-wrapper.container{max-width:1240px;width:auto;padding-inline:clamp(16px,4vw,40px)}

/* Knappar: pill, rosa för köp och huvudval */
.azalea .btn{border-radius:999px;font-family:var(--hl-body);font-weight:600;letter-spacing:.01em;text-transform:none;transition:background-color .2s,transform .15s}
.azalea .btn:active{transform:scale(.98)}
.azalea .btn-primary,.azalea .btn-primary:focus{background:var(--hl-accent)!important;border-color:var(--hl-accent)!important;color:var(--hl-accent-ink)!important}
.azalea .btn-primary:hover{background:var(--hl-accent-dark)!important;border-color:var(--hl-accent-dark)!important}
.azalea .btn-default{background:var(--hl-raised);border:1px solid var(--hl-line);color:var(--hl-ink)}

/* Toppremsa */
.azalea--top-bar{background:var(--hl-accent)!important;color:var(--hl-accent-ink)!important;border:0!important}
.azalea--top-bar *,.azalea--top-bar a{color:var(--hl-accent-ink)!important}
.azalea--top-bar .tws-unique-selling-points--text{text-transform:none;font-size:13px;letter-spacing:.01em}
.azalea--top-bar .tws-unique-selling-points--icon{display:none}
@media (max-width:767px){.azalea--top-bar .tws-unique-selling-points li:not(:last-child){display:none}}

/* Sidhuvud och logga (handskriven logga som mask, färgas av --hl-ink) */
.azalea--header{background:var(--hl-bg)!important;border-bottom:1px solid var(--hl-line)}
.tws-logo{display:block;width:190px;height:39px;background:var(--hl-ink);
  -webkit-mask:var(--hl-logo) left center/contain no-repeat;mask:var(--hl-logo) left center/contain no-repeat}
.tws-logo .tws-logo--text,.tws-logo img{opacity:0}
.tws-mini-cart--header-quantity{background:var(--hl-accent)!important;color:var(--hl-accent-ink)!important;border-radius:999px}

/* Huvudmeny */
.azalea .tws-top-menu.navbar-default,.azalea .tws-top-menu .container-fluid{background:transparent!important;border:0!important}
.azalea--footer{background:var(--hl-surface)!important}
.azalea .tws-top-menu--dropdown-menu-top-item{font-family:var(--hl-body)!important;font-size:15px!important;font-weight:500!important;
  text-transform:none!important;letter-spacing:0!important;color:var(--hl-ink)!important;padding-block:18px!important}
.azalea .tws-top-menu--dropdown-menu-top-item:hover{background:transparent!important;text-decoration:underline;text-underline-offset:6px}
.azalea .tws-top-menu--mega-menu{background:var(--hl-raised)!important;border:1px solid var(--hl-line)!important;border-radius:0 0 var(--hl-r) var(--hl-r);box-shadow:0 24px 48px -28px rgba(59,47,43,.35)}
.azalea .tws-top-menu--sub-item-heading{font-weight:600!important;color:var(--hl-ink)!important;text-transform:none!important;font-size:15px!important;letter-spacing:0!important}
.azalea .tws-top-menu--sub-item-heading:hover{color:var(--hl-accent)!important}
.azalea .tws-top-menu--sub-item-link-mega{color:var(--hl-muted)!important}
/* "Visa / Boka behandling" lyfts fram som en egen knapp i menyn */
.azalea .tws-top-menu .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item[href*="bokadirekt"]{margin:10px 0 10px 12px;padding:8px 18px!important;border-radius:999px;background:var(--hl-accent)!important;color:var(--hl-accent-ink)!important}
.azalea .tws-top-menu .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item[href*="bokadirekt"]:hover{background:var(--hl-accent-dark)!important;text-decoration:none!important}
.azalea .tws-mega-menu--search-bar .form-control{border-radius:999px;border-color:var(--hl-line);background:var(--hl-raised)}

/* Rubrik på kategorisidor */
.azalea--content h1:not(.hl h1){font-size:clamp(34px,4vw,50px)!important;line-height:1.08}
.azalea--article .tws-article-images--current-image,.azalea--article .tws-article-images--current-image *{border:0!important}
.azalea--article .tws-article-price,.azalea--article .twsPriceCurrent{font-family:var(--hl-display)!important}

/* Brödsmulor */
.tws-breadcrumbs,.tws-breadcrumbs a{color:var(--hl-muted)!important;font-size:13px}

/* Produktkort */
.tws-article-list .tws-list--type-grid,.tws-articles-two .tws-list--type-grid{row-gap:32px}
.tws-list--grid-item .thumbnail{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.tws-article-list--grid-item-link{display:block;background:var(--hl-photo);border-radius:var(--hl-r);overflow:hidden}
.tws-article-list--product-image{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.tws-list--grid-item:hover .tws-article-list--product-image{transform:scale(1.04)}
.tws-list--grid-item .caption{padding:12px 2px 0!important;text-align:left!important}
.tws-article-list--price{font-weight:600;font-variant-numeric:tabular-nums}
.tws-article-list--price .tws-api--price-current.twsPriceCurrent{color:var(--hl-ink)}
.tws-api--price-regular,.tws-api--price-regular-price{color:var(--hl-muted)!important;text-decoration:line-through}
.tws-api--price-current-diff,.tws-api--price-current.twsPriceSale{color:var(--hl-accent)!important}
.tws-article-list--buy-button .btn{background:transparent!important;color:var(--hl-ink)!important;border:1px solid var(--hl-ink)!important;padding:6px 16px;font-size:13px}
.tws-article-list--buy-button .btn .ladda-label{color:inherit!important}
.tws-article-list--buy-button .btn:hover{background:var(--hl-accent)!important;border-color:var(--hl-accent)!important;color:var(--hl-accent-ink)!important}
.tws-article-labels .label,.tws-article-labels span{border-radius:999px!important;background:var(--hl-accent)!important;color:var(--hl-accent-ink)!important;font-weight:600}
.tws-list-controls{display:none}

/* Produktgrupper som kort (t.ex. underkategorier) */
.tws-articlegroup-list--tws-list .thumbnail{background:var(--hl-raised)!important;border:1px solid var(--hl-line)!important;border-radius:var(--hl-r)!important;padding:0!important;transition:border-color .2s}
.tws-articlegroup-list--tws-list .thumbnail:hover{border-color:var(--hl-accent)!important}
.tws-articlegroup-list--image-placeholder{background:var(--hl-accent-soft)!important;color:var(--hl-ink)!important;font-family:var(--hl-display);font-size:22px;border-radius:var(--hl-r) var(--hl-r) 0 0}

/* Produktsida */
.azalea--article .tws-article-name h1,.azalea--article .tws-article-name .tws-util-heading--heading{font-size:clamp(32px,4vw,46px);line-height:1.05}
.azalea--article .tws-article-images--current-image{background:var(--hl-photo);border-radius:var(--hl-r);overflow:hidden}
.azalea--article .tws-article-price{font-family:var(--hl-display);font-size:30px}
.azalea--article .tws-article-buy-button-with-modal--buy-button{padding:12px 28px;font-size:16px}
.azalea--article .tws-article-quantity input{border-radius:999px;border-color:var(--hl-line);text-align:center}
.tws-article-stock-shipping--delivery-message{color:var(--hl-muted)}
.tws-article-description--heading{font-family:var(--hl-display)!important}

/* Skyltfönster och bildspel får mjuka hörn */
.tws-content-box,.tws-image-carousel .slick-list{border-radius:var(--hl-r);overflow:hidden}

/* Sidfot */
.azalea--footer{background:var(--hl-surface)!important;color:var(--hl-ink);border-top:0}
.azalea--footer .tws-util-heading--heading{font-family:var(--hl-body)!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--hl-muted)!important}
.azalea--back-to-top{display:none}

/* ==========================================================================
   Egna block på startsidan (Egen HTML). Alla klasser börjar med hl-.
   ========================================================================== */
.hl{font-family:var(--hl-body);color:var(--hl-ink)}
.hl *{box-sizing:border-box}
.hl h2,.hl h3{margin:0;line-height:1.05;text-wrap:balance}
.hl p{margin:0}
.hl-sec{padding-block:clamp(40px,6vw,80px)}
.hl-h2{font-size:clamp(34px,4vw,50px)}
.hl-muted{color:var(--hl-muted)}
.hl-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--hl-accent)}
.hl-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:12px 24px;border-radius:999px;border:1px solid var(--hl-accent);
  background:var(--hl-accent);color:var(--hl-accent-ink)!important;font-weight:600;font-size:15px;text-decoration:none!important;transition:background-color .2s}
.hl-btn:hover{background:var(--hl-accent-dark)}
.hl-btn.ghost{background:transparent;color:var(--hl-ink)!important;border-color:var(--hl-ink)}
.hl-btn.ghost:hover{background:var(--hl-surface)}
.hl-link{font-weight:600;text-decoration:underline!important;text-underline-offset:4px}
.hl-bleed{border-radius:var(--hl-r);padding-inline:clamp(20px,4vw,56px);margin-block:24px}

/* Hero */
.hl-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(16px,2.5vw,32px)}
.hl-hero h1{font-family:var(--hl-display);font-weight:500;font-size:clamp(46px,6.2vw,84px)!important;line-height:1.08;margin:16px 0 0;padding-bottom:4px;color:var(--hl-ink)}
.hl-hero h1 em{font-style:italic}
.hl-hero .lead{font-size:clamp(17px,1.4vw,19px);color:var(--hl-muted);max-width:44ch;margin-top:20px;line-height:1.6}
.hl-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hl-hero figure{margin:0;position:relative}
.hl-hero figure img{display:block;width:100%;height:auto;aspect-ratio:4/4.3;max-height:min(54vh,470px);object-fit:cover;object-position:50% 30%;border-radius:var(--hl-r)}
.hl-tag{position:absolute;left:-24px;bottom:28px;background:var(--hl-raised);border:1px solid var(--hl-line);border-radius:var(--hl-r);padding:12px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 40px -24px rgba(59,47,43,.45)}
.hl-tag strong{font-family:var(--hl-display);font-size:36px;font-weight:500;line-height:1}
.hl-tag small{display:block;font-size:13px;color:var(--hl-muted);line-height:1.3}
.hl-stars{color:var(--hl-accent);letter-spacing:.08em}
@media (max-width:860px){.hl-hero{grid-template-columns:1fr}.hl-hero figure{order:-1}.hl-hero figure img{aspect-ratio:4/3.2}.hl-tag{left:12px;bottom:12px}}

/* Kategorirad under hero */
.hl-cats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 0 8px;border-top:1px solid var(--hl-line)}
.hl-cats-label{font-weight:600;font-size:14px;margin-right:6px}
.hl-cats a{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid var(--hl-line);background:var(--hl-raised);font-size:14px;font-weight:500;text-decoration:none!important;transition:border-color .2s,background-color .2s}
.hl-cats a:hover{border-color:var(--hl-accent);background:var(--hl-accent-soft)}
@media (max-width:760px){.hl-cats{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}.hl-cats a{flex:none;scroll-snap-align:start}.hl-cats-label{flex:none}}

/* Hudtyp */
.hl-head{display:grid;gap:10px;margin-bottom:28px}
.hl-skin{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hl-skin .hl-tile{position:relative;display:grid;gap:14px;align-content:space-between;min-height:250px;padding:22px;border-radius:var(--hl-r);text-decoration:none!important;
  background:var(--hl-raised);border:1px solid var(--hl-line);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s}
.hl-skin .hl-tile:nth-child(odd){background:var(--hl-accent-soft);border-color:transparent}
.hl-skin .hl-tile:hover{transform:translateY(-3px);border-color:var(--hl-accent)}
.hl-skin h3{font-family:var(--hl-display);font-weight:500;font-size:28px}
.hl-skin h3 a{text-decoration:none!important;color:var(--hl-ink)!important}
.hl-stretch::after{content:"";position:absolute;inset:0;border-radius:inherit}
.hl-skin p{font-size:14px;color:var(--hl-muted);line-height:1.45;margin-top:8px}
.hl-thumbs{display:flex}
.hl-thumbs img{width:54px;height:54px;border-radius:50%;object-fit:contain;background:var(--hl-photo);border:2px solid var(--hl-bg);margin-right:-12px}
.hl-go{font-size:14px;font-weight:600;color:var(--hl-accent)}
@media (max-width:1000px){.hl-skin{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(220px,70%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.hl-skin .hl-tile{scroll-snap-align:start;min-height:230px}}

/* Rubrik ovanför inbyggda produktblock */
.hl-rowhead{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:8px}

/* Märken */
.hl-brands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--hl-line);margin-top:24px}
.hl-brands a{display:grid;gap:4px;padding:24px 20px;text-decoration:none!important;border-left:1px solid var(--hl-line);transition:background-color .2s}
.hl-brands a:first-child{border-left:0}
.hl-brands a:hover{background:var(--hl-raised)}
.hl-brands b{font-family:var(--hl-display);font-weight:500;font-size:26px;line-height:1.1}
.hl-brands span{font-size:13px;color:var(--hl-muted)}
@media (max-width:900px){.hl-brands{grid-template-columns:1fr 1fr}.hl-brands a{border-left:0;border-top:1px solid var(--hl-line)}.hl-brands a:nth-child(-n+2){border-top:0}.hl-brands a:nth-child(even){border-left:1px solid var(--hl-line)}}

/* Behandlingar */
.hl-treat-wrap{background:var(--hl-surface)}
.hl-treat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.hl-treat .intro{display:grid;gap:18px}
.hl-treat .intro h2{font-size:clamp(40px,4.4vw,58px)}
.hl-treat .intro p{color:var(--hl-muted);max-width:40ch}
.hl-trow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding-block:20px;border-top:1px solid var(--hl-line)}
.hl-trow:last-child{border-bottom:1px solid var(--hl-line)}
.hl-trow h3{font-family:var(--hl-display);font-weight:500;font-size:24px}
.hl-trow p{color:var(--hl-muted);font-size:15px;grid-column:1;max-width:58ch}
.hl-tmeta{grid-row:1/span 2;grid-column:2;text-align:right;display:grid;gap:2px;align-content:start}
.hl-tmeta b{font-family:var(--hl-display);font-weight:500;font-size:24px;font-variant-numeric:tabular-nums}
.hl-tmeta small{color:var(--hl-muted);font-size:13px}
@media (max-width:860px){.hl-treat{grid-template-columns:1fr}}

/* Om kliniken */
.hl-about{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,88px);align-items:center}
.hl-collage{position:relative;padding-bottom:12%}
.hl-collage .room{display:block;width:82%;height:auto;aspect-ratio:3/3.6;object-fit:cover;border-radius:var(--hl-r)}
.hl-collage .face{height:auto;position:absolute;right:0;bottom:0;width:42%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--hl-r);border:6px solid var(--hl-bg)}
.hl-about .text{display:grid;gap:22px}
.hl-about blockquote{margin:0;padding:0;border:0;font-family:var(--hl-display);font-size:clamp(22px,2.2vw,28px);line-height:1.35;font-style:italic}
.hl-about blockquote footer{font-family:var(--hl-body);font-style:normal;font-size:14px;color:var(--hl-muted);margin-top:10px}
.hl-about blockquote footer::before{content:none}
.hl-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--hl-muted)}
.hl-badges img{height:48px;width:auto;background:var(--hl-photo);border-radius:8px;padding:4px}
@media (max-width:860px){.hl-about{grid-template-columns:1fr}}

/* Presentkort och friskvård */
.hl-band{background:var(--hl-accent);color:var(--hl-accent-ink)}
.hl-band .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,96px)}
.hl-band .col{display:grid;gap:14px;align-content:start}
.hl-band h2{font-family:var(--hl-display);font-weight:500;font-size:clamp(34px,3.4vw,44px);color:var(--hl-accent-ink)}
.hl-band p{opacity:.9;max-width:46ch}
.hl-band .hl-btn{background:var(--hl-accent-ink);color:var(--hl-accent)!important;border-color:var(--hl-accent-ink);justify-self:start}
.hl-band .fig{font-family:var(--hl-display);font-size:clamp(40px,4vw,56px);line-height:1}
@media (max-width:760px){.hl-band .cols{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.hl *,.tws-article-list--product-image{transition:none!important}}

/* Rättningar efter test i förhandsgranskningen */
.azalea .tws-top-menu.navbar-default .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item{color:var(--hl-ink)!important;font-size:16px!important;font-weight:600!important;padding-inline:16px!important}
.azalea .tws-top-menu.navbar-default .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item[href*="bokadirekt"]{color:var(--hl-accent-ink)!important}
.azalea .tws-top-menu.navbar-default .navbar-nav>li>a .caret{color:inherit!important}
.tws-container--tws-custom-html,.tws-container--tws-articles-two,.azalea--component-container>div{background:transparent!important}
.azalea .page-canvas{overflow-x:clip}

/* ==========================================================================
   v1.3: två ingångar, behandlingar i två världar, logorad, mer luft
   ========================================================================== */
.hl-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:8px 24px}
.hl-path{position:relative;border-radius:var(--hl-r);overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.hl-path:hover{transform:translateY(-3px)}
.hl-path.eco{background:var(--hl-accent-soft)}
.hl-path.clin{background:var(--hl-clin-soft)}
.hl-mood{position:relative;padding:14px 14px 0}
.hl-mood .main{display:block;width:100%;height:auto;aspect-ratio:16/10.5;object-fit:cover;border-radius:12px}
.hl-path.clin .hl-mood .main{object-position:50% 22%}
.hl-mood .inset{position:absolute;right:34px;bottom:-34px;width:26%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;border:5px solid var(--hl-accent-soft);box-shadow:0 18px 36px -22px rgba(30,30,26,.5)}
.hl-path.clin .hl-mood .inset{border-color:var(--hl-clin-soft)}
.hl-path .txt{padding:30px 36px 36px;max-width:78%}
.hl-path h2{font-family:var(--hl-display);font-weight:500;font-size:clamp(30px,2.8vw,42px);line-height:1.05;margin:0 0 10px}
.hl-path h2 a{text-decoration:none!important;color:var(--hl-ink)!important}
.hl-path p{color:var(--hl-muted);max-width:42ch;margin:0 0 12px}
.hl-path .go{font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.hl-path.eco .go{color:var(--hl-accent)}
.hl-path.clin .go{color:var(--hl-clin)}
@media (max-width:820px){.hl-paths{grid-template-columns:1fr}.hl-path .txt{max-width:none;padding-top:44px}.hl-mood .inset{width:30%;right:24px}}

.hl-tcols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hl-tcol{border-radius:var(--hl-r);padding:30px 32px 14px}
.hl-tcol.eco{background:var(--hl-accent-soft)}
.hl-tcol.clin{background:var(--hl-clin-soft)}
.hl-tcol>h3{font-family:var(--hl-display);font-weight:500;font-size:28px;margin:0 0 10px}
.hl-tcol .hl-trow{position:relative;border-color:rgba(46,45,41,.12)}
.hl-tcol .hl-trow:last-child{border-bottom:0}
.hl-tcol .hl-trow h3{font-size:20px}
.hl-tcol .hl-trow h3 a{text-decoration:none!important;color:var(--hl-ink)!important}
.hl-tcol .hl-trow:hover h3 a{text-decoration:underline!important;text-underline-offset:4px}
.hl-tbook{grid-column:1;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
@media (max-width:820px){.hl-tcols{grid-template-columns:1fr}}

.hl-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--hl-line)}
.hl-logos a{display:grid;place-items:center;padding:30px 22px;transition:background-color .2s}
.hl-logos a:hover{background:var(--hl-raised)}
.hl-logos img{display:block;max-width:150px;width:100%;height:64px;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.12) contrast(1.08)}
.hl-logos a:nth-child(3) img{transform:scale(2.1)}
.hl-logos a:nth-child(4) img{transform:scale(1.9)}
@media (max-width:900px){.hl-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.hl-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mer luft runt produkterna */
.tws-article-list .tws-list--type-grid,.tws-articles-two .tws-list--type-grid{row-gap:48px}
.tws-article-list--grid-item-link{padding:9%}
.hl-band .hl-btn+.hl-btn{margin-top:4px}

/* ==========================================================================
   v1.3: filterkolumn på produktsidor (byggs av skriptet i Eget innehåll > slutet av BODY)
   ========================================================================== */
.azalea--article-group.hl-with-side{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:clamp(28px,4vw,56px);align-items:start}
.hl-with-side>.hl-side{grid-column:1;grid-row:1/span 12;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;padding:4px 6px 24px 0;font-family:var(--hl-body)}
.hl-with-side>:not(.hl-side){grid-column:2;min-width:0}
.hl-side details{border-bottom:1px solid var(--hl-line);padding-block:10px}
.hl-side summary{cursor:pointer;list-style:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--hl-muted);padding-block:6px;display:flex;justify-content:space-between}
.hl-side summary::-webkit-details-marker{display:none}
.hl-side details>summary::after{content:"+";font-weight:400;font-size:16px;line-height:1;letter-spacing:0}
.hl-side details[open]>summary::after{content:"\2212"}
.hl-side ul{list-style:none;margin:4px 0 6px;padding:0}
.hl-side ul ul{margin:2px 0 6px 12px;border-left:1px solid var(--hl-line);padding-left:8px}
.hl-side a{display:block;padding:6px 10px;margin-left:-10px;border-radius:8px;font-size:15px;text-decoration:none!important;color:var(--hl-ink)!important}
.hl-side ul ul a{margin-left:0;font-size:14px}
.hl-side a:hover{background:var(--hl-surface)}
.hl-side a.on{background:var(--hl-accent-soft);color:var(--hl-accent)!important;font-weight:600}
.hl-side>.hl-side-m{border:0;padding:0}
.hl-side>.hl-side-m>summary{display:none}
.hl-with-side .tws-article-list .tws-list--grid-item{width:33.333%!important}
.hl-with-side .tws-articlegroup-list--info .col-md-8{width:100%;margin-left:0;float:none}
@media (max-width:900px){
  .azalea--article-group.hl-with-side{display:block}
  .hl-with-side>.hl-side{position:static;max-height:none;padding:0 0 16px}
  .hl-side>.hl-side-m>summary{display:inline-flex;border:1px solid var(--hl-ink);border-radius:999px;padding:10px 20px;font-size:14px;letter-spacing:0;text-transform:none;color:var(--hl-ink)}
  .hl-side>.hl-side-m>summary::after{content:none}
  .hl-side>.hl-side-m>div{margin-top:12px;padding:6px 16px;border:1px solid var(--hl-line);border-radius:var(--hl-r);background:var(--hl-raised)}
  .hl-with-side .tws-article-list .tws-list--grid-item{width:50%!important}
}

/* ==========================================================================
   v1.3: varumärkessidan (/sv/marken/), logotyper på lugna plattor
   ========================================================================== */
.thumbnail.tws-articlegroup-list--articlegroup-5657419,.thumbnail.tws-articlegroup-list--articlegroup-7789931,.thumbnail.tws-articlegroup-list--articlegroup-8715481,.thumbnail.tws-articlegroup-list--articlegroup-7737059{border:0!important;background:transparent!important}
.thumbnail.tws-articlegroup-list--articlegroup-5657419 .tws-articlegroup-list--grid-img-wrapper,.thumbnail.tws-articlegroup-list--articlegroup-7789931 .tws-articlegroup-list--grid-img-wrapper,.thumbnail.tws-articlegroup-list--articlegroup-8715481 .tws-articlegroup-list--grid-img-wrapper,.thumbnail.tws-articlegroup-list--articlegroup-7737059 .tws-articlegroup-list--grid-img-wrapper{display:block;aspect-ratio:4/3;border-radius:var(--hl-r);background-repeat:no-repeat;background-position:center;background-blend-mode:multiply;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.thumbnail.tws-articlegroup-list--articlegroup-5657419:hover .tws-articlegroup-list--grid-img-wrapper,.thumbnail.tws-articlegroup-list--articlegroup-7789931:hover .tws-articlegroup-list--grid-img-wrapper,.thumbnail.tws-articlegroup-list--articlegroup-8715481:hover .tws-articlegroup-list--grid-img-wrapper,.thumbnail.tws-articlegroup-list--articlegroup-7737059:hover .tws-articlegroup-list--grid-img-wrapper{transform:translateY(-3px)}
.thumbnail.tws-articlegroup-list--articlegroup-5657419 .tws-articlegroup-list--grid-img-wrapper a,.thumbnail.tws-articlegroup-list--articlegroup-7789931 .tws-articlegroup-list--grid-img-wrapper a,.thumbnail.tws-articlegroup-list--articlegroup-8715481 .tws-articlegroup-list--grid-img-wrapper a,.thumbnail.tws-articlegroup-list--articlegroup-7737059 .tws-articlegroup-list--grid-img-wrapper a{display:block;height:100%}
.thumbnail.tws-articlegroup-list--articlegroup-5657419 .tws-articlegroup-list--grid-img-wrapper a>*,.thumbnail.tws-articlegroup-list--articlegroup-7789931 .tws-articlegroup-list--grid-img-wrapper a>*,.thumbnail.tws-articlegroup-list--articlegroup-8715481 .tws-articlegroup-list--grid-img-wrapper a>*,.thumbnail.tws-articlegroup-list--articlegroup-7737059 .tws-articlegroup-list--grid-img-wrapper a>*{opacity:0}
.thumbnail.tws-articlegroup-list--articlegroup-5657419 .caption,.thumbnail.tws-articlegroup-list--articlegroup-7789931 .caption,.thumbnail.tws-articlegroup-list--articlegroup-8715481 .caption,.thumbnail.tws-articlegroup-list--articlegroup-7737059 .caption{text-align:center!important;background:transparent!important}
.thumbnail.tws-articlegroup-list--articlegroup-5657419 .tws-articlegroup-list--grid-img-wrapper{background-color:var(--hl-accent-soft);background-image:url(https://cdn.abicart.com/shop/ws36/76536/files/Maria%20%C3%A5.webp?max-width=500);background-size:64% auto}
.thumbnail.tws-articlegroup-list--articlegroup-7789931 .tws-articlegroup-list--grid-img-wrapper{background-color:var(--hl-accent-soft);background-image:url(https://cdn.abicart.com/shop/ws36/76536/files/mpicaut%20log.webp?max-width=700);background-size:cover;background-blend-mode:normal}
.thumbnail.tws-articlegroup-list--articlegroup-8715481 .tws-articlegroup-list--grid-img-wrapper{background-color:var(--hl-clin-soft);background-image:url(https://cdn.abicart.com/shop/ws36/76536/files/svartvit%20exuviance%20retail.png?max-width=500);background-size:88% auto}
.thumbnail.tws-articlegroup-list--articlegroup-7737059 .tws-articlegroup-list--grid-img-wrapper{background-color:var(--hl-raised);background-image:url(https://cdn.abicart.com/shop/ws36/76536/files/Heliocare%20r%C3%A4tt%20format.webp?max-width=500);background-size:56% auto}

/* ==========================================================================
   v1.4: bredare sida, toppbild ända ut i kanten, inga ramar, raka hörn,
   större rubriker i stramare serif, fler produkter i bredd, större logga.
   ========================================================================== */
:root{--hl-display:"Instrument Serif","Iowan Old Style",Georgia,serif;--hl-r:3px;--hl-wrap:1600px;
  --hl-edge:max(clamp(16px,4vw,40px),calc((100vw - var(--hl-wrap))/2 + 40px))}
body.azalea{font-size:17px}
.azalea h1,.azalea h2,.azalea h3,.azalea .h1,.azalea .h2,.azalea .tws-util-heading--heading,
.hl h1,.hl h2,.hl h3,.hl-tag strong,.hl-tmeta b,.hl-brands b{font-weight:400!important;letter-spacing:-.012em}
.azalea .tws-article-list--article-name .tws-util-heading--heading,
.azalea .tws-articlegroup-list--article-name .tws-util-heading--heading{font-weight:500!important;letter-spacing:0}

/* Bredd */
.azalea .page-canvas{max-width:none!important;width:auto!important}
.azalea--content-wrapper.container,.azalea--footer>.container{max-width:var(--hl-wrap);width:auto;padding-inline:clamp(16px,4vw,40px)}
.azalea--content{max-width:none!important}
.azalea--top-bar-wrapper{max-width:var(--hl-wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
@media (min-width:992px){
  .azalea--header-wrapper{max-width:var(--hl-wrap);width:auto!important;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
  .azalea--header-wrapper .tws-logo--container{padding-left:0}
  .azalea--header-right{right:clamp(16px,4vw,40px)}
  .azalea .tws-top-menu .navbar-collapse{max-width:var(--hl-wrap);width:auto;padding-inline:clamp(16px,4vw,40px)}
  .azalea .tws-top-menu .navbar-nav{margin-left:-18px;max-width:none}
  /* Menyraden följer med när man scrollar, loggan rullar undan */
  header.azalea--header{position:sticky;top:-78px;z-index:100}
  /* Sökrutan till höger på menyraden */
  .azalea--header .slot--mega-menu{position:absolute;right:var(--hl-edge);top:89px;width:min(280px,22vw);z-index:5}
  .azalea--header .tws-mega-menu--search-bar .form-control{height:40px;padding-left:4px}
}

/* Knappar: raka, versala */
.azalea .btn{border-radius:var(--hl-r);text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.hl-btn{border-radius:var(--hl-r);text-transform:uppercase;letter-spacing:.12em;font-size:13px;padding:17px 30px}
.azalea .tws-top-menu .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item[href*="bokadirekt"]{border-radius:var(--hl-r);text-transform:uppercase!important;letter-spacing:.12em!important;font-size:12px!important;padding:12px 22px!important}
.azalea .tws-mega-menu--search-bar .form-control{border-radius:0;border:0;border-bottom:1px solid var(--hl-ink);background:transparent;box-shadow:none}
.azalea--article .tws-article-quantity input{border-radius:var(--hl-r)}
.tws-article-labels .label,.tws-article-labels span{border-radius:0!important}
.tws-article-list--buy-button .btn{padding:10px 18px;font-size:11px}
.azalea--article .tws-article-buy-button-with-modal--buy-button{padding:16px 34px;font-size:13px}

/* Sidhuvud: större logga */
.tws-logo{width:236px;height:48px}
.azalea .tws-top-menu.navbar-default .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item{font-size:17px!important;font-weight:500!important;padding-inline:18px!important}
.azalea .tws-top-menu--mega-menu{border-radius:0;box-shadow:none;border-color:var(--hl-ink)!important}
@media (max-width:767px){.tws-logo{width:170px;height:35px}}

/* Rubriker */
.hl-h2{font-size:clamp(40px,4.6vw,66px)}
.hl-sec{padding-block:clamp(56px,8vw,120px)}
.azalea--content h1:not(.hl h1){font-size:clamp(42px,5.4vw,76px)!important;line-height:1.02}
.azalea--article .tws-article-name h1,.azalea--article .tws-article-name .tws-util-heading--heading{font-size:clamp(36px,4vw,58px)!important}

/* Hero: bilden går ända ut i kanten */
.hl-hero{grid-template-columns:1fr 1fr;gap:0;padding:0;margin-inline:calc(50% - 50vw);min-height:min(84vh,880px);align-items:stretch}
.hl-hero>div{align-self:center;padding:clamp(40px,6vw,96px) clamp(24px,5vw,96px) clamp(40px,6vw,96px) var(--hl-edge)}
.hl-hero h1{font-size:clamp(52px,7.4vw,118px)!important;line-height:.98;margin-top:20px}
.hl-hero .lead{font-size:clamp(18px,1.5vw,22px);max-width:40ch;margin-top:28px}
.hl-ctas{margin-top:40px}
.hl-hero figure{height:100%}
.hl-hero figure img{height:100%;aspect-ratio:auto;max-height:none;border-radius:0}
.hl-tag{left:32px;bottom:32px;border:0;border-radius:0;box-shadow:none}
@media (max-width:860px){
  .hl-hero{grid-template-columns:1fr;min-height:0}
  .hl-hero>div{padding:36px clamp(16px,4vw,40px) 44px}
  .hl-hero figure img{height:auto;aspect-ratio:4/3.4}
  .hl-tag{left:12px;bottom:12px}
}

/* Två ingångar: bild direkt mot bakgrunden */
.hl-paths{gap:clamp(20px,2.4vw,40px);padding-block:clamp(48px,6vw,96px) 24px}
.hl-path,.hl-path.eco,.hl-path.clin{background:none;border-radius:0;overflow:visible}
.hl-path:hover{transform:none}
.hl-mood{padding:0;overflow:hidden}
.hl-mood .main{aspect-ratio:4/3;border-radius:0;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.hl-path:hover .hl-mood .main{transform:scale(1.03)}
.hl-mood .inset{display:none}
.hl-path .txt{padding:26px 0 0;max-width:48ch}
.hl-path h2{font-size:clamp(32px,3.2vw,50px)}
@media (max-width:820px){.hl-path .txt{padding-top:20px}}

/* Hudtyp: linjer i stället för rutor */
.hl-skin{gap:clamp(18px,2vw,32px)}
@media (min-width:1401px){.hl-skin{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:1400px) and (min-width:1001px){.hl-skin{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px}}
.hl-skin .hl-tile,.hl-skin .hl-tile:nth-child(odd){background:none;border:0;border-top:1px solid var(--hl-ink);border-radius:0;padding:22px 0 0;min-height:230px}
.hl-skin .hl-tile:hover{transform:none;border-color:var(--hl-accent)}
.hl-skin h3{font-size:32px}

/* Produkter: raka plattor, större bild, fler i bredd */
.tws-article-list--grid-item-link{border-radius:0;padding:6%}
.tws-list--grid-item .caption{padding-top:14px!important}
@media (min-width:1300px){
  .tws-article-list .tws-list--grid-item{width:20%!important}
  .hl-with-side .tws-article-list .tws-list--grid-item{width:25%!important}
}
.tws-articlegroup-list--tws-list .thumbnail{border:0!important;background:transparent!important}

/* Behandlingar: två färgfält över hela skärmbredden */
.hl-tcols{gap:0;margin-inline:calc(50% - 50vw)}
.hl-tcol{border-radius:0;padding-block:clamp(40px,5vw,80px) clamp(28px,4vw,56px)}
.hl-tcol.eco{padding-left:var(--hl-edge);padding-right:clamp(16px,5vw,80px)}
.hl-tcol.clin{padding-right:var(--hl-edge);padding-left:clamp(16px,5vw,80px)}
.hl-tcol>h3{font-size:clamp(30px,2.6vw,42px);margin-bottom:18px}
.hl-tcol .hl-trow h3{font-size:24px}
@media (max-width:820px){.hl-tcol.eco,.hl-tcol.clin{padding-inline:clamp(16px,4vw,40px)}}

/* Om kliniken, presentkort */
.hl-about blockquote{font-size:clamp(26px,2.4vw,36px);line-height:1.25}
.hl-bleed{border-radius:0;margin-inline:calc(50% - 50vw);margin-block:0;padding-inline:var(--hl-edge)}
.hl-band h2{font-size:clamp(38px,3.6vw,56px)}

/* Filterkolumn och övrigt */
.hl-side a{border-radius:var(--hl-r)}
.tws-content-box,.tws-image-carousel .slick-list{border-radius:0}
@media (max-width:900px){.hl-side>.hl-side-m>summary{border-radius:var(--hl-r)}}
.tws-breadcrumbs{padding-inline:var(--hl-edge)!important}
.azalea .tws-mega-menu--search-bar .form-control{border-radius:0!important;border:0!important;border-bottom:1px solid var(--hl-ink)!important;background:transparent!important;box-shadow:none!important}
.azalea--footer{max-width:none!important;width:auto!important}
@media (min-width:992px){.azalea--header .tws-mega-menu--search-bar>div,.azalea--header .tws-article-search{transform:none!important}}

/* ==========================================================================
   v1.4: produktsidan. Läggs sist i Egen CSS. Allt hänger på .azalea--article
   (produktvyns behållare) eller body.article, så start- och listsidor rörs inte.
   Klasser som börjar med hl-pdp-, hl-k och hl-p samt attributen data-hl byggs av produktsida.js.
   ========================================================================== */
.azalea--article{color:var(--hl-ink);font-family:var(--hl-body);font-size:17px;line-height:1.6;letter-spacing:0}
body.article .azalea--content{padding-top:10px}

/* Brödsmulor: en lugn rad, hemikonen syns, nuvarande sida i svart */
body.article .tws-breadcrumbs{border:0!important;padding-block:22px 18px!important;letter-spacing:.02em;font-family:var(--hl-body)!important}
body.article .tws-breadcrumbs a{text-decoration:none}
body.article .tws-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
body.article .tws-breadcrumbs--home-icon{color:var(--hl-muted)!important;font-size:14px!important}
body.article .tws-breadcrumbs--spacer{color:var(--hl-line);padding-inline:6px}
body.article .tws-breadcrumbs--current a{color:var(--hl-ink)!important}

/* Två kolumner: bild till vänster, köpruta till höger */
.azalea--article .azalea--article-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(32px,5.5vw,104px);align-items:start;
  margin:0;padding:6px 0 clamp(56px,7vw,112px)!important;color:inherit}
.azalea--article .azalea--article-top::before,.azalea--article .azalea--article-top::after{content:none!important}
.azalea--article .azalea--article-left-col,.azalea--article .azalea--article-right-col{float:none;width:auto;max-width:none;margin:0;padding:0;position:relative}
.azalea--article .azalea--article-right-col{display:flex;flex-direction:column;max-width:560px;padding-top:clamp(0px,2vw,28px)}
.azalea--article .azalea--article-right-col>*{min-width:0}

/* Bilder: stor vit yta, miniatyrer i en spalt till vänster */
.azalea--article .tws-article-images{position:relative;padding-left:104px}
.azalea--article .tws-article-images--current-image{margin:0;width:100%;background:var(--hl-photo);border-radius:var(--hl-r)}
.azalea--article .tws-article-images--slick-big .tws-img--container{border:0!important;border-radius:0}
.azalea--article .tws-article-images--slick-big{margin:0!important}
.azalea--article .tws-article-images--slick-big .slider-wrapper{display:block!important}
.azalea--article .tws-article-images--slick-big .slick-track{max-height:none}
.azalea--article .tws-article-images--slick-big .tws-article-images--image{max-height:none;width:100%}
.azalea--article .tws-article-images--slick-nav{position:absolute;inset:0 auto 0 0;width:88px;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:var(--hl-line) transparent}
.azalea--article .tws-article-images--slick-nav .slick-list{overflow:visible;height:auto!important;padding:0!important}
.azalea--article .tws-article-images--slick-nav .slick-track{display:flex;flex-direction:column;gap:8px;width:auto!important;height:auto!important;transform:none!important}
.azalea--article .tws-article-images--slick-nav .slick-slide{float:none;width:auto!important;height:auto;cursor:pointer;background:var(--hl-photo);border-bottom:2px solid transparent;opacity:.72;transition:opacity .2s,border-color .2s}
.azalea--article .tws-article-images--slick-nav .slick-slide:hover{opacity:1}
.azalea--article .tws-article-images--slick-nav .slick-current{opacity:1;border-color:var(--hl-ink)}
.azalea--article .tws-article-images--slick-nav .slick-cloned,.azalea--article .tws-article-images--slick-nav .slick-arrow{display:none!important}
.azalea--article .tws-article-images--slick-nav .tws-img--container{margin:0!important;border:0!important;border-radius:0!important}
.azalea--article .tws-article-images--slick-nav .slider-wrapper{display:block!important}
.azalea--article .tws-article-images--slick-nav .slick-track::before,.azalea--article .tws-article-images--slick-nav .slick-track::after{content:none}
/* Sex bilder eller fler: miniatyrerna i två smalare spalter så att alla syns utan rullning */
.azalea--article .tws-article-images:has(.tws-article-images--slick-nav .slick-slide:not(.slick-cloned)[data-index="5"]){padding-left:152px}
.azalea--article .tws-article-images--slick-nav:has(.slick-slide:not(.slick-cloned)[data-index="5"]){width:136px}
.azalea--article .tws-article-images--slick-nav:has(.slick-slide:not(.slick-cloned)[data-index="5"]) .slick-track{display:grid;grid-template-columns:1fr 1fr;align-content:start}
.azalea--article .azalea--article-left-col:has(.slick-slide:not(.slick-cloned)[data-index="5"]) .slot--article-labels{left:168px}
/* Pilar och förstoring: fyrkantiga knappar inne i bilden */
.azalea--article .tws-article-images--slick-big .slick-arrow{z-index:2;width:44px;height:44px;background:var(--hl-bg);border-radius:var(--hl-r);opacity:0;transition:opacity .2s}
.azalea--article .tws-article-images--current-image:hover .slick-arrow,.azalea--article .tws-article-images--slick-big .slick-arrow:focus-visible{opacity:1}
.azalea--article .tws-article-images--slick-big .slick-prev{left:12px}
.azalea--article .tws-article-images--slick-big .slick-next{right:12px}
.azalea--article .tws-article-images--slick-big .slick-arrow::before{color:var(--hl-ink)!important;opacity:1}
.azalea--article .tws-article-images--image-zoom{right:12px;bottom:12px;width:44px;height:44px;line-height:44px;font-size:18px;border-radius:var(--hl-r);background:var(--hl-bg);color:var(--hl-ink)}
.azalea--article .tws-article-images--image-zoom:hover{background:var(--hl-surface)}
/* Kampanjmärke ovanpå bilden */
.azalea--article .slot--article-labels{position:absolute;z-index:3;left:120px;top:16px}
.azalea--article .tws-article-labels--label{position:static!important;background:var(--hl-accent)!important;color:var(--hl-accent-ink)!important;padding:7px 12px;font-size:13px;letter-spacing:.06em;line-height:1}
.azalea--article .tws-article-labels--label span{background:none!important;padding:0;border:0!important;color:inherit!important}

/* Namn och pris */
.azalea--content .azalea--article .tws-article-name h1{font-size:clamp(36px,3.5vw,56px)!important;line-height:1.04;margin:0 0 18px;text-wrap:balance}
.azalea--article .tws-article-price{font-family:var(--hl-body)!important;font-size:15px;color:var(--hl-muted)}
.azalea--article .tws-article-price--price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-family:var(--hl-display);font-size:34px;line-height:1.1;color:var(--hl-ink);font-variant-numeric:tabular-nums}
.azalea--article .tws-article-price--price::before,.azalea--article .tws-article-price--price::after{content:none}
.azalea--article .tws-article-price--price .twsPriceCurrent,.azalea--article .tws-article-price--price .twsPriceRegular{font-family:inherit!important;font-weight:400;margin:0}
.azalea--article .tws-article-price--price .twsPriceRegular{order:2;font-size:21px}
.azalea--article .tws-article-price--compare-at-price{display:block;margin-top:6px;font-size:13px;line-height:1.4}
.azalea--article .tws-article-price--compare-at-price *{display:inline!important}
.azalea--article .tws-article-price--compare-at-price .tws-api-price{margin-left:5px}
.azalea--article .tws-article-price--compare-at-price .twsPriceCurrent{font-family:var(--hl-body)!important;font-size:13px}

/* Inledning */
.azalea--article .tws-article-introduction--text{margin-top:26px;padding:24px 0 0;border-top:1px solid var(--hl-line);font-size:17px;line-height:1.6}
.azalea--article .tws-article-introduction--text p{margin:0 0 .7em}
.azalea--article .tws-article-introduction--read-more{text-align:left;font-size:15px;margin-top:4px}
.azalea--article .tws-article-introduction--read-more a{color:var(--hl-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* Val (storlek m.m.), lager och leverans */
.azalea--article .azalea--article-choices-wrapper{margin-top:22px}
.azalea--article .tws-article-choices{margin:0}
.azalea--article .tws-article-choices .form-group{margin:0 0 18px}
.azalea--article .tws-react-common--choice-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--hl-muted)}
.azalea--article .tws-article-choices .form-control{height:52px;border:1px solid var(--hl-ink);border-radius:var(--hl-r);background-color:transparent;box-shadow:none;font-size:16px;color:var(--hl-ink)}
.azalea--article .slot--article-stock-shipping{min-height:0;font-size:15px}
.azalea--article .tws-article-stock-shipping{letter-spacing:0;color:var(--hl-ink)}
.azalea--article .tws-article-stock-shipping .row{margin:0}
.azalea--article .tws-article-stock-shipping .col-md-12{padding:0;float:none}
.azalea--article .tws-article-stock-shipping--delivery-message{margin:0;color:var(--hl-muted)}
.azalea--article .tws-article-stock-shipping--delivery-message span{color:var(--hl-ink);font-weight:500}

/* Köpruta: antal och en bred köpknapp på samma rad */
.azalea--article .azalea--buy-button-group{align-items:stretch;gap:10px;margin-top:18px}
.azalea--article .slot--article-quantity{flex:none}
.azalea--article .tws-article-quantity--input-row{margin:0}
.azalea--article .tws-article-quantity--input-wrapper{float:none;width:auto;margin:0;padding:0}
.azalea--article .tws-article-quantity input.form-control{width:68px;height:58px;padding:0;border:1px solid var(--hl-ink);border-radius:var(--hl-r)!important;background:transparent;box-shadow:none;font-size:17px;color:var(--hl-ink);text-align:center}
.azalea--article .buy-button-wrapper{flex:1;display:flex;min-width:0}
.azalea--article .azalea--buy-button-group .slot--article-buy-button{display:block;flex:1}
.azalea--article .tws-article-buy-button-with-modal--buy-button{display:block;width:100%;height:58px;padding:0 24px;font-size:14px;letter-spacing:.16em}
.azalea--article .tws-article-buy-button-with-modal--buy-button .fa{display:none}
/* Kan inte köpas (slut): grå knapp och en rad i klartext under, inte bara färg */
.azalea--article .tws-article-buy-button-with-modal--buy-button[disabled]:not([data-loading]){background:var(--hl-surface)!important;border-color:var(--hl-line)!important;color:var(--hl-muted)!important;opacity:1;cursor:not-allowed}
.azalea--article .tws-article-buy-button-with-modal--button:has(>[disabled]:not([data-loading]))::after{content:"Kan inte beställas just nu";display:block;margin-top:10px;font-size:15px;font-weight:500;color:var(--hl-ink)}

/* Förtroende och rådgivning under köpknappen (hl-pdp-* byggs av produktsida.js) */
/* Ordning i kolumnen: köp, förtroende, inledning, rådgivning, övrigt. Köpknappen hamnar högt även när inledningen är lång */
.azalea--article .hl-pdp-usp{order:1;margin:24px 0 0}
.azalea--article .slot--unique-selling-points{order:2}
.azalea--article .slot--article-introduction{order:3}
.azalea--article .hl-pdp-help{order:4}
.azalea--article .slot--article-klarna-osm,.azalea--article .slot--article-mylists,.azalea--article .slot--payment-widget{order:5}
.azalea--article .azalea--article-links{order:6}
.azalea--article .slot--prisjakt-cheapest{order:7}
.azalea--article .hl-pdp-usp,.azalea--article .slot--unique-selling-points ul{list-style:none;padding:0;display:grid;gap:9px}
.azalea--article .slot--unique-selling-points ul{margin:9px 0 0}
.azalea--article .tws-unique-selling-points--wrapper{margin:0;padding:0}
.azalea--article .hl-pdp-usp li,.azalea--article .slot--unique-selling-points li{position:relative;padding-left:28px;font-size:15px;line-height:1.45;color:var(--hl-ink)}
.azalea--article .hl-pdp-usp li::before,.azalea--article .slot--unique-selling-points li::before{content:"";position:absolute;left:2px;top:.42em;width:13px;height:7px;border-left:2px solid var(--hl-accent);border-bottom:2px solid var(--hl-accent);transform:rotate(-45deg)}
.azalea--article .hl-pdp-usp li span{display:inline-block;text-transform:lowercase}
.azalea--article .hl-pdp-usp li span::first-letter{text-transform:uppercase}
.azalea--article .slot--unique-selling-points .tws-unique-selling-points--icon{display:none}
.azalea--article .slot--unique-selling-points .tws-unique-selling-points--text{font-size:inherit;letter-spacing:0;text-transform:none}
.azalea--article .hl-pdp-help{margin:24px 0 0;padding:20px 22px;background:var(--hl-clin-soft);border-radius:var(--hl-r);font-size:16px;line-height:1.45}
.azalea--article .hl-pdp-help b{display:block;font-family:var(--hl-display);font-weight:400;font-size:24px;line-height:1.15;margin-bottom:6px}
.azalea--article .hl-pdp-help a{font-weight:600;color:var(--hl-ink);text-decoration:underline;text-underline-offset:4px}
.azalea--article .hl-pdp-help a::after{content:" \2192"}

/* Klarna, egenskaper, dela, Prisjakt: nedtonat sist i kolumnen */
.azalea--article .slot--payment-widget{margin-top:20px}
.azalea--article .slot--payment-widget:has(.klarna-widget:empty){display:none}
.azalea--article .azalea--article-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--hl-line);font-size:14px;color:var(--hl-muted)}
.azalea--article .azalea--article-links::before,.azalea--article .azalea--article-links::after{content:none}
.azalea--article .tws-article-attributes ul{margin:0}
.azalea--article .tws-article-attributes li,.azalea--article .tws-article-attributes span{border:0!important}
.azalea--article .tws-article-attribute-title{font-weight:400;color:var(--hl-muted);padding-right:10px}
.azalea--article .tws-article-attribute-value{color:var(--hl-ink)}
.azalea--article .slot--article-share{float:none;margin:0}
.azalea--article .tws-article-social--share-button label{background:none!important;padding:0!important;border-radius:0!important;color:var(--hl-muted)!important;font-size:14px!important}
.azalea--article .tws-article-social--share-button label span{font-family:var(--hl-body)!important;font-weight:500!important;text-transform:none!important;text-decoration:underline;text-underline-offset:4px}
.azalea--article .slot--prisjakt-cheapest{margin-top:18px}
.azalea--article .slot--prisjakt-cheapest:empty{display:none}
.azalea--article .slot--prisjakt-cheapest img{max-height:34px;width:auto;mix-blend-mode:multiply}

/* Beskrivning: alltid utfälld, rubrik i en smal vänsterspalt, texten i läsbar bredd */
.azalea--article .azalea--article-bottom{padding:0!important;border-top:1px solid var(--hl-line);color:inherit}
.azalea--article .azalea--article-bottom::before,.azalea--article .azalea--article-bottom::after{content:none}
.azalea--article .slot--article-description{margin:0;padding:clamp(44px,5.5vw,88px) 0 clamp(48px,6vw,96px);text-align:left}
.azalea--article .slot--article-description .tws-article-description{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,62ch) minmax(0,.45fr);column-gap:clamp(32px,5.5vw,104px);align-items:start;max-width:none;margin:0;color:inherit}
.azalea--article .slot--article-description .tws-article-description--heading{grid-column:1;grid-row:1;margin:0;font-size:clamp(34px,3.2vw,48px);line-height:1.05;font-family:var(--hl-display)!important}
.azalea--article .tws-article-description--article-number{grid-column:1;grid-row:2;margin:10px 0 0;font-size:13px;letter-spacing:.04em;color:var(--hl-muted)}
.azalea--article .slot--article-description .tws-article-description--text-container{grid-column:2;grid-row:1/span 3;max-height:none!important;overflow:visible}
.azalea--article .tws-article-description--show-more{display:none!important}
.azalea--article .slot--article-description .tws-article-description--text{margin:0!important;font-size:17px;line-height:1.65;color:var(--hl-ink)}
.azalea--article .tws-article-description--text:has(>h3,>p,>ul){white-space:normal}
.azalea--article .tws-article-description--text>:first-child{margin-top:0;padding-top:0;border-top:0}
.azalea--article .tws-article-description--text h3{margin:44px 0 16px;padding-top:36px;border-top:1px solid var(--hl-line);font-size:clamp(27px,2.1vw,32px);line-height:1.12}
.azalea--article .tws-article-description--text p{margin:0 0 1em}
.azalea--article .tws-article-description--text ul,.azalea--article .tws-article-description--text ol{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:10px}
.azalea--article .tws-article-description--text li{position:relative;padding-left:30px}
.azalea--article .tws-article-description--text ul>li::before{content:"";position:absolute;left:2px;top:.78em;width:14px;height:1px;background:var(--hl-accent)}
.azalea--article .tws-article-description--text ol{counter-reset:hl;gap:14px}
.azalea--article .tws-article-description--text ol>li{counter-increment:hl;padding-left:44px}
.azalea--article .tws-article-description--text ol>li::before{content:counter(hl);position:absolute;left:0;top:-.14em;font-family:var(--hl-display);font-size:28px;line-height:1.3;color:var(--hl-accent)}
.azalea--article .tws-article-description--text strong,.azalea--article .tws-article-description--text b{font-weight:600}
/* Länkar i produkttexter: alltid understrukna */
.azalea--article .tws-article-description--text a,.azalea--article .tws-article-introduction--text p a{color:var(--hl-accent-dark);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.azalea--article .tws-article-description--text a:hover,.azalea--article .tws-article-introduction--text p a:hover{color:var(--hl-ink);text-decoration-thickness:2px}
/* Vanliga frågor: varje fråga som en egen rad med linje över (data-hl sätts av produktsida.js) */
.azalea--article .tws-article-description--text [data-hl="q"]{margin:1.5em 0 .3em}
.azalea--article .tws-article-description--text [data-hl-s="faq"][data-hl="q"]{margin:0 0 .35em;padding-top:18px;border-top:1px solid var(--hl-line);font-size:18px}
.azalea--article .tws-article-description--text h3+[data-hl-s="faq"][data-hl="q"]{padding-top:0;border-top:0}
.azalea--article .tws-article-description--text [data-hl-s="faq"]:not([data-hl="q"]){margin-bottom:18px}
/* Ingredienser: mindre och dämpat */
.azalea--article .tws-article-description--text [data-hl-s="inci"]{font-size:14px;line-height:1.7;color:var(--hl-muted)}
/* Sista stycket med bokningslänk blir en avslutande ruta */
.azalea--article .tws-article-description--text [data-hl="cta"]{margin:36px 0 0;padding:22px 24px;background:var(--hl-clin-soft);border-radius:var(--hl-r);font-size:17px;line-height:1.5;color:var(--hl-ink)}
.azalea--article .tws-article-description--text [data-hl="cta"] a{color:var(--hl-ink);font-weight:600}

/* Relaterade och senast visade produkter: samma rubrikstil, ingen tom yta när de saknas */
.azalea--article .azalea--border{display:none}
.azalea--article .azalea--article-section:not(.azalea--article-bottom){padding:0!important}
.azalea--article .slot--article-page-footer .container{width:auto;max-width:none;padding:0}
.azalea--article .slot--article-page-footer .tws-container--tws-articles-two:not(:empty){padding:clamp(40px,5vw,80px) 0;border-top:1px solid var(--hl-line)}
.azalea--article .slot--article-page-footer .tws-util-heading--heading{font-size:clamp(34px,3.2vw,48px)!important;line-height:1.05;text-align:left;margin:0 0 28px}

/* Synlig fokusmarkering på hela produktsidan */
.azalea--article a:focus-visible,.azalea--article button:focus-visible,.azalea--article input:focus-visible,.azalea--article select:focus-visible,.azalea--article [role="button"]:focus-visible,.azalea--article [tabindex="0"]:focus-visible,.azalea--article summary:focus-visible,
body.article .tws-breadcrumbs a:focus-visible{outline:2px solid var(--hl-ink)!important;outline-offset:3px;box-shadow:none!important}

/* Surfplatta och mobil: miniatyrerna i en rad under bilden */
@media (max-width:1100px){
  .azalea--article .tws-article-images,.azalea--article .tws-article-images:has(.tws-article-images--slick-nav .slick-slide:not(.slick-cloned)[data-index="5"]){padding-left:0}
  .azalea--article .tws-article-images--slick-nav,.azalea--article .tws-article-images--slick-nav:has(.slick-slide:not(.slick-cloned)[data-index="5"]){position:static;width:auto;margin-top:10px;overflow:visible}
  .azalea--article .tws-article-images--slick-nav .slick-track,.azalea--article .tws-article-images--slick-nav:has(.slick-slide:not(.slick-cloned)[data-index="5"]) .slick-track{display:flex;flex-flow:row wrap}
  .azalea--article .tws-article-images--slick-nav .slick-slide{flex:none;width:68px!important}
  .azalea--article .slot--article-labels,.azalea--article .azalea--article-left-col:has(.slick-slide:not(.slick-cloned)[data-index="5"]) .slot--article-labels{left:16px}
  .azalea--article .slot--article-description .tws-article-description{grid-template-columns:minmax(0,.5fr) minmax(0,62ch)}
}
/* Mobil: bild först i full bredd, miniatyrer i en rad, köpknappen före inledningen */
@media (max-width:767px){
  body.article .tws-breadcrumbs{padding-block:14px 12px!important}
  body.article .azalea--content{padding-top:0}
  .azalea--article .azalea--article-top{grid-template-columns:minmax(0,1fr);row-gap:22px;padding-top:0!important}
  .azalea--article .azalea--article-right-col{max-width:none;padding-top:0}
  .azalea--article .tws-article-images--current-image{margin-inline:calc(-1*clamp(16px,4vw,40px));width:auto;border-radius:0}
  .azalea--article .tws-article-images--slick-nav,.azalea--article .tws-article-images--slick-nav:has(.slick-slide:not(.slick-cloned)[data-index="5"]){overflow:auto hidden;scrollbar-width:none}
  .azalea--article .tws-article-images--slick-nav .slick-track,.azalea--article .tws-article-images--slick-nav:has(.slick-slide:not(.slick-cloned)[data-index="5"]) .slick-track{flex-wrap:nowrap}
  .azalea--article .slot--article-labels,.azalea--article .azalea--article-left-col:has(.slick-slide:not(.slick-cloned)[data-index="5"]) .slot--article-labels{left:0;top:12px}
  .azalea--article .tws-article-images--slick-big .slick-arrow{display:none!important}
  .azalea--content .azalea--article .tws-article-name h1{margin-bottom:12px}
  .azalea--article .tws-article-price--price{font-size:30px}
  .azalea--article .azalea--article-choices-wrapper{margin-top:16px}
  .azalea--article .slot--article-description .tws-article-description{display:block}
  .azalea--article .tws-article-description--article-number{margin-bottom:26px}
  .azalea--article .tws-article-description--text h3{margin-top:36px;padding-top:28px}
}
@media (prefers-reduced-motion:reduce){.azalea--article *{transition:none!important}}

/* ==========================================================================
   Beskrivningen som kort (texter enligt nya mallen). Strukturen .hl-k byggs av
   produktsida.js av textens egna element; utan skript gäller reglerna ovan.
   Varje avsnitt är ett details: kort på dator (alltid öppna), dragspelsrader på mobil.
   ========================================================================== */
.azalea--article .slot--article-description .tws-article-description.hl-kort{grid-template-columns:minmax(0,1fr) minmax(0,3.4fr)}
.azalea--article .hl-k{white-space:normal;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.azalea--article .hl-k>*{grid-column:1/-1;min-width:0}
.azalea--article .hl-k>.hl-k-half{grid-column:auto}
.azalea--article .hl-kc{background:var(--hl-raised);border-radius:var(--hl-r);padding:clamp(22px,2.4vw,36px)}
.azalea--article .hl-k-passar{background:var(--hl-accent-soft)}
.azalea--article .hl-k h3{margin:0 0 16px;padding:0;border:0}
.azalea--article .hl-k summary{display:block;list-style:none}
.azalea--article .hl-k summary::-webkit-details-marker{display:none}
.azalea--article .hl-kc>summary{pointer-events:none}
.azalea--article .hl-k details>div>:last-child{margin-bottom:0}
/* Så använder du den: När-raden överst, stegen i rad med stora siffror, Viktigt att veta nederst */
.azalea--article .hl-k-anv>div>p:first-child{margin:0;font-weight:600}
.azalea--article .hl-k-anv ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,44px);margin:22px 0 0}
.azalea--article .hl-k-anv ol[data-n="1"]{grid-template-columns:minmax(0,62ch)}
.azalea--article .hl-k-anv ol[data-n="2"],.azalea--article .hl-k-anv ol[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.azalea--article .hl-k-anv ol>li{padding:14px 0 0;border-top:1px solid var(--hl-ink)}
.azalea--article .hl-k-anv ol>li::before{position:static;display:block;margin-bottom:10px;font-size:64px;line-height:1}
.azalea--article .hl-k-anv ol~*{margin-top:24px;max-width:78ch}
.azalea--article .hl-k-anv ol~[data-hl="q"]{margin:26px 0 .5em;padding-top:20px;border-top:1px solid var(--hl-line);max-width:none}
.azalea--article .hl-k-anv ol~[data-hl="q"]+*{margin-top:0}
/* Kombinera med: produktkort med bild, namn och kort text */
.azalea--article .hl-k-kombi ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin:0}
.azalea--article .hl-k-kombi li.hl-p{padding:0;font-size:15px;line-height:1.45;color:var(--hl-muted)}
.azalea--article .hl-k-kombi li.hl-p::before{content:none}
.azalea--article .hl-ph{display:block;aspect-ratio:1;margin-bottom:12px;background:var(--hl-photo);overflow:hidden}
.azalea--article .hl-ph img{display:block;width:100%;height:100%;padding:8%;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.azalea--article .hl-p:hover .hl-ph img{transform:scale(1.04)}
.azalea--article .hl-k-kombi .hl-p>a:not(.hl-ph){display:block;margin-bottom:6px;font-size:17px;font-weight:600;line-height:1.3;color:var(--hl-ink)}
.azalea--article .hl-pt{display:block}
.azalea--article .hl-pt::first-letter{text-transform:uppercase}
.azalea--article .hl-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Vanliga frågor och Ingredienser: hopfällda rader sist */
.azalea--article .hl-acc{border-top:1px solid var(--hl-line)}
.azalea--article .hl-kc+.hl-acc{margin-top:12px}
.azalea--article .hl-acc+.hl-acc{margin-top:-16px}
.azalea--article .hl-acc:last-of-type{border-bottom:1px solid var(--hl-line)}
.azalea--article .hl-acc>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer}
.azalea--article .hl-acc>summary h3{margin:0}
.azalea--article .hl-acc>summary::after{content:"+";flex:none;width:28px;font-size:26px;line-height:1;text-align:center;color:var(--hl-muted)}
.azalea--article .hl-acc[open]>summary::after{content:"\2212"}
.azalea--article .hl-acc>summary:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.azalea--article .hl-acc>div{max-width:78ch;padding:0 0 28px}
.azalea--article .hl-acc>div>[data-hl="q"]:first-child{padding-top:0;border-top:0}
.azalea--article .hl-k>[data-hl="cta"]{margin-top:20px}
@media (min-width:1200px){.azalea--article .hl-k-anv ol[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1100px){
  .azalea--article .slot--article-description .tws-article-description.hl-kort{display:block}
  .azalea--article .hl-kort .tws-article-description--article-number{margin-bottom:26px}
}
/* Mobil: korten under varandra, stegen under varandra med siffran till vänster, produkterna som rader */
@media (max-width:767px){
  .azalea--article .hl-k{grid-template-columns:minmax(0,1fr);gap:0}
  .azalea--article .hl-k>.hl-k-half{grid-column:1/-1}
  .azalea--article .hl-k-anv ol,.azalea--article .hl-k-anv ol[data-n]{grid-template-columns:minmax(0,1fr);gap:16px}
  .azalea--article .hl-k-anv ol>li{padding:14px 0 0 52px}
  .azalea--article .hl-k-anv ol>li::before{position:absolute;left:0;top:10px;margin:0;font-size:44px}
  .azalea--article .hl-k-kombi ul{grid-template-columns:minmax(0,1fr);gap:16px}
  .azalea--article .hl-k-kombi li.hl-img{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:14px;align-content:center}
  .azalea--article .hl-k-kombi li.hl-img .hl-ph{grid-row:1/span 2;margin:0}
  .azalea--article .hl-k-kombi li.hl-img>a:not(.hl-ph){align-self:end}
  /* Korten blir dragspelsrader som ser ut som Vanliga frågor och Ingredienser */
  .azalea--article .hl-kc{padding:0;background:none;border-radius:0;border-top:1px solid var(--hl-line)}
  .azalea--article .hl-kc>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;pointer-events:auto;cursor:pointer}
  .azalea--article .hl-acc>summary{padding:18px 0}
  .azalea--article .hl-k summary h3{margin:0}
  .azalea--article .hl-kc>summary::after{content:"+";flex:none;width:28px;font-size:26px;line-height:1;text-align:center;color:var(--hl-muted)}
  .azalea--article .hl-kc[open]>summary::after{content:"\2212"}
  .azalea--article .hl-k details>div{padding:2px 0 26px}
  .azalea--article .hl-kc+.hl-acc,.azalea--article .hl-acc+.hl-acc{margin-top:0}
  .azalea--article .hl-acc:last-of-type{border-bottom:0}
  .azalea--article .hl-k>details:last-of-type{border-bottom:1px solid var(--hl-line)}
  .azalea--article .hl-k-anv ol{margin-top:16px}
}

/* ===== v1.4 butikssida med filter (butik.js) ===== */
/* Ingen blinkning: med v1.4-skripten på väg (hl-js från head.js) döljs butikens egna listor och textens
   avsnitt från första rubriken redan innan något ritas. Avsnitten flyttas sedan till guidekorten.
   hl-native (fel, eller grupp utan filter) visar butikens egna listor igen. */
html.hl-js:not(.hl-native) .azalea--article-group .slot--articles,
html.hl-js:not(.hl-native) .azalea--article-group .tws-articlegroup-list--tws-list,
html.hl-js:not(.hl-native) .azalea--article-group .tws-list-controls,
.hl-shop-on .azalea--article-group .slot--articles,
.hl-shop-on .azalea--article-group .tws-articlegroup-list--tws-list,
.hl-shop-on .azalea--article-group .tws-list-controls{display:none!important}
html.hl-js:not(.hl-native) .azalea--article-group .tws-articlegroup-list--info .col-md-8>:not(tws-util-heading) :is(h2,h3),
html.hl-js:not(.hl-native) .azalea--article-group .tws-articlegroup-list--info .col-md-8>:not(tws-util-heading) :is(h2,h3)~*:not(.hl-jump){display:none!important}
/* Platsen hålls medan filtret byggs, så att sidfoten inte hoppar upp och ner */
.azalea--article-group{min-height:100vh}
.hl-shop{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start;padding:8px 0 clamp(48px,6vw,88px);font-family:var(--hl-body);color:var(--hl-ink)}
.hl-filters{position:sticky;top:104px;display:grid;gap:26px;max-height:calc(100vh - 124px);overflow:auto;padding-right:6px}
.hl-fg h3{font-family:var(--hl-body)!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--hl-muted)!important;font-weight:600!important;margin:0 0 8px!important}
.hl-fg ul{list-style:none;margin:0;padding:0;display:grid}
.hl-fg button{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;gap:10px;padding:6px 10px;margin-left:-10px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1.35}
.hl-fg button:hover{background:var(--hl-surface)}
.hl-fg button:focus-visible{outline:2px solid var(--hl-accent)}
.hl-fg button .n{color:var(--hl-muted);font-size:13px;font-variant-numeric:tabular-nums}
.hl-fg button[aria-pressed="true"]{background:var(--hl-accent-soft);color:var(--hl-accent);font-weight:600}
.hl-fg button[aria-pressed="true"] .n{color:var(--hl-accent)}
.hl-fg button:disabled{opacity:.4;cursor:default}
.hl-tg{display:grid;gap:10px}
.hl-tg label{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;font-weight:400;margin:0}
.hl-tg input{width:18px;height:18px;margin:0;accent-color:var(--hl-accent)}
.hl-res{min-width:0}
.hl-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--hl-line)}
.hl-q{flex:1 1 260px;max-width:380px;margin:0}
.hl-bar input,.hl-bar select{font:inherit;font-size:15px;padding:.7em 1em;border-radius:var(--hl-r);border:1px solid var(--hl-line);background:var(--hl-raised);color:var(--hl-ink);width:100%;height:auto;box-shadow:none}
.hl-count{margin-left:auto;color:var(--hl-muted);font-size:14px}
.hl-sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--hl-muted);font-weight:400;margin:0}
.hl-sort select{width:auto}
.hl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hl-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:14px}
.hl-act:empty{padding-top:0}
.hl-act button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:.35em .85em;border-radius:999px;background:var(--hl-ink);color:var(--hl-bg);font-size:13px}
.hl-act button.clear{background:none;color:var(--hl-ink);text-decoration:underline;text-underline-offset:3px}
.hl-act button:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px;margin-top:24px}
@media (min-width:1300px){.hl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hl-card{position:relative;min-width:0;display:grid;gap:14px;align-content:start}
.hl-card .hl-cl{display:grid;gap:8px;text-decoration:none!important;color:var(--hl-ink)!important}
.hl-shop .hl-ph{background:var(--hl-photo);border:0;border-radius:0;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;margin-bottom:4px}
.hl-shop .hl-ph img{width:80%;height:80%;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.hl-card:hover .hl-ph img{transform:scale(1.04)}
.hl-card .hl-cl:focus-visible .hl-ph{outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-off,.hl-out{position:absolute;top:0;left:0;padding:.45em .8em;border-radius:0;line-height:1.2;font-size:12px;font-weight:600;background:var(--hl-accent);color:var(--hl-accent-ink)}
.hl-out{left:auto;right:0;background:var(--hl-surface);color:var(--hl-ink)}
.hl-b{font-size:11px;color:var(--hl-muted);letter-spacing:.12em;text-transform:uppercase}
.hl-n{font-weight:500;line-height:1.35;font-size:15px}
.hl-pr{display:flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums}
.hl-pr s{color:var(--hl-muted);font-size:13px}
.hl-pr b{font-weight:600}
.hl-pr b.sale{color:var(--hl-accent)}
.hl-empty{grid-column:1/-1;display:grid;gap:10px;justify-items:start;padding:32px;border:1px dashed var(--hl-line);border-radius:var(--hl-r);color:var(--hl-muted)}
.hl-empty b{color:var(--hl-ink);font-size:17px}
.hl-empty p{margin:0}
.hl-empty-btn{all:unset;cursor:pointer;padding:.7em 1.4em;border:1px solid var(--hl-ink);border-radius:var(--hl-r);font-size:14px;color:var(--hl-ink)}
.hl-ftog{display:none}
.hl-add{all:unset;box-sizing:border-box;justify-self:start;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.85em 1.3em;border:1px solid var(--hl-ink);border-radius:var(--hl-r);font-family:var(--hl-body);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hl-ink)!important;text-decoration:none!important;white-space:nowrap;transition:background-color .2s}
.hl-add:hover{background:var(--hl-surface)}
.hl-add:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-add:disabled{opacity:.6;cursor:default}
.hl-toast{position:fixed;left:50%;bottom:24px;z-index:3000;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--hl-ink);color:var(--hl-bg);padding:12px 20px;border-radius:var(--hl-r);font:500 15px/1.4 var(--hl-body);transition:opacity .25s,transform .25s;max-width:calc(100vw - 32px)}
.hl-toast.show{opacity:1;transform:translate(-50%,0)}
/* Rubrik och ingress vänsterställda som i mockupen */
/* Rubrik och ingress vänsterställda som i mockupen på alla produktgruppssidor, direkt från början.
   Grupper utan egen text får mockupens ingress med CSS (Märken får sin egen när märkessidan byggts). */
.azalea--article-group .tws-articlegroup-list--info .col-md-8{width:100%!important;margin-left:0!important;float:none!important;text-align:left!important}
.azalea--article-group .tws-articlegroup-list--top-heading,.azalea--article-group .tws-articlegroup-list--top-heading *{text-align:left!important}
.azalea--article-group .tws-articlegroup-list--top-heading h1{font-size:clamp(42px,5.4vw,77px)!important;line-height:1.02!important;margin:clamp(12px,2vw,28px) 0 14px!important}
.azalea--article-group .tws-articlegroup-list--info .col-md-8>p,.azalea--article-group .tws-articlegroup-list--info .col-md-8:not(:has(>:not(tws-util-heading)))::after{max-width:62ch;color:var(--hl-muted);font-size:17px;line-height:1.6;text-align:left!important}
.azalea--article-group .tws-articlegroup-list--info .col-md-8:not(:has(>:not(tws-util-heading)))::after{content:"Samma hudvård som används på kliniken. Fri frakt över 499 kr, eller hämta på salongen.";display:block;margin:0 0 28px}
.azalea--article-group:has(.hl-bpage) .tws-articlegroup-list--info .col-md-8:not(:has(>:not(tws-util-heading)))::after{content:"Hudvården som används på kliniken, från ekologisk lyx till avancerad syrabaserad hudvård.";margin-bottom:36px}
@media (max-width:900px){
  .hl-shop{grid-template-columns:1fr;gap:16px}
  .hl-ftog{all:unset;cursor:pointer;display:inline-flex;justify-self:start;padding:.85em 1.4em;border:1px solid var(--hl-ink);border-radius:var(--hl-r);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
  .hl-filters{display:none;position:static;max-height:none;padding:18px;border:1px solid var(--hl-line);border-radius:var(--hl-r);background:var(--hl-raised)}
  .hl-filters.open{display:grid}
  .hl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .hl-bar{gap:12px}
  .hl-q{flex:1 1 100%;max-width:none}
  .hl-count{margin-left:0}
  .hl-sort{margin-left:auto}
  .hl-sort span{display:none}
  .hl-off+.hl-out{top:28px;left:0;right:auto}
  .hl-add{padding:.8em 1em;font-size:10.5px;letter-spacing:.08em}
}
/* Gruppens text: genvägar under inledningen, avsnitten som kort under produkterna */
.hl-jump{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0!important}
.hl-jump span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--hl-muted);margin-right:4px}
.hl-jump a{display:inline-flex;padding:.4em .9em;border:1px solid var(--hl-line);border-radius:999px;background:var(--hl-raised);color:var(--hl-ink)!important;font-size:14px;text-decoration:none!important}
.hl-jump a:hover{border-color:var(--hl-ink)}
.hl-guide{padding:clamp(40px,6vw,80px) 0 clamp(48px,6vw,88px);border-top:1px solid var(--hl-line);font-family:var(--hl-body);color:var(--hl-ink)}
.hl-guide-eye{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--hl-accent);margin-bottom:10px}
.hl-guide>h2{font-family:var(--hl-display)!important;font-size:clamp(30px,3.4vw,44px)!important;font-weight:400!important;line-height:1.1;margin:0 0 28px!important;color:var(--hl-ink)!important;text-transform:none!important;letter-spacing:0!important}
.hl-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(16px,2vw,24px);align-items:start}
.hl-gcard{background:var(--hl-raised);border:1px solid var(--hl-line);border-radius:var(--hl-r);padding:clamp(22px,2.4vw,32px);scroll-margin-top:24px}
.hl-gcard:nth-child(3n+1){background:var(--hl-accent-soft);border-color:transparent}
.hl-gcard h3{font-family:var(--hl-display)!important;font-size:24px!important;font-weight:400!important;margin:0 0 12px!important;color:var(--hl-ink)!important;text-transform:none!important;letter-spacing:0!important}
.hl-gcard p,.hl-gcard li{font-size:16px;line-height:1.6;color:var(--hl-ink)}
.hl-gcard p{margin:0 0 12px}
.hl-gcard p:last-child,.hl-gcard ol:last-child,.hl-gcard ul:last-child{margin-bottom:0}
.hl-gcard ol,.hl-gcard ul{margin:0 0 12px;padding-left:1.25em}
.hl-gcard li+li{margin-top:6px}
/* Märkessidan */
.hl-bpage-on .azalea--article-group .tws-articlegroup-list--tws-list,
.hl-bpage-on .azalea--article-group .slot--articles,
.hl-bpage-on .hl-side,.hl-shop-on .hl-side{display:none!important}
.hl-bpage-on .azalea--article-group,.hl-shop-on .azalea--article-group{display:block!important}
.hl-bpage{padding:0 0 clamp(56px,7vw,96px);font-family:var(--hl-body);color:var(--hl-ink)}
.hl-bpage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hl-bp{display:grid;grid-template-rows:auto 1fr auto;gap:16px;justify-items:center;text-align:center;padding:56px 32px 30px;min-height:300px;border-radius:var(--hl-r);background:var(--hl-raised);border:1px solid var(--hl-line);color:var(--hl-ink)!important;text-decoration:none!important;transition:border-color .2s}
.hl-bp:hover{border-color:var(--hl-ink)}
.hl-bp.eco{background:var(--hl-accent-soft);border-color:transparent}
.hl-bp.clin{background:var(--hl-clin-soft);border-color:transparent}
.hl-bp.eco:hover,.hl-bp.clin:hover{border-color:var(--hl-ink)}
.hl-bp-logo{display:grid;place-items:center;width:100%;height:120px;margin-bottom:8px}
.hl-bp-logo img{display:block;width:200px;max-width:100%;height:84px;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.12) contrast(1.08)}
.hl-bp-txt{color:var(--hl-muted);font-size:15px;line-height:1.5;max-width:30ch}
.hl-bp-go{font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.hl-bpage-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.hl-bpage-grid{grid-template-columns:1fr}.hl-bp{min-height:0;padding:40px 24px 26px}}

/* ===== v1.4 stor meny under Shop (meny.js) ===== */
.hl-mega{display:none}
@media (max-width:900px){.hl-mega{display:none!important}}
@media (min-width:901px){
  .tws-top-menu .navbar-nav>li[data-hl=hide]{display:none!important}
  /* Samma sak med ren CSS, så att menyraden inte hoppar medan skriptet laddas */
  .tws-top-menu .navbar-nav>li:has(>a[href$="/sv/hudtillstand/"]),
  .tws-top-menu .navbar-nav>li:has(>a[href$="/sv/ekologiskt/"]),
  .tws-top-menu .navbar-nav>li:has(>a[href$="/sv/villkor-info.html"]){display:none!important}
  .tws-top-menu .navbar-nav>li:has(>a[href$="/sv/produkter/"]){position:relative}
  .tws-top-menu .navbar-nav>li:has(>a[href$="/sv/produkter/"])>.dropdown-menu,
  .tws-top-menu .navbar-nav>li:has(>a[href$="/sv/marken/"])>.dropdown-menu,
  .tws-top-menu .navbar-nav>li:has(>a[href$="/sv/marken/"])>a .caret{display:none!important}
  .tws-top-menu .navbar-nav>li[data-hl=mega]{position:relative}
  .tws-top-menu .navbar-nav>li[data-hl=mega]>.dropdown-menu,
  .tws-top-menu .navbar-nav>li[data-hl=plain]>.dropdown-menu,
  .tws-top-menu .navbar-nav>li[data-hl=plain]>a .caret{display:none!important}
  .hl-mega{position:absolute;top:100%;left:0;z-index:1001;width:min(880px,92vw);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:28px;
    padding:28px 32px 30px;background:var(--hl-raised);border:1px solid var(--hl-ink);border-radius:var(--hl-r);box-shadow:0 24px 48px -28px rgba(46,45,41,.35);
    font-family:var(--hl-body);text-align:left}
  .tws-top-menu .navbar-nav>li[data-hl=mega]:hover>.hl-mega,
  .tws-top-menu .navbar-nav>li[data-hl=mega]:focus-within>.hl-mega{display:grid}
  .tws-top-menu .navbar-nav>li[data-hl=mega]>.hl-mega[data-shut]{display:none}
  .hl-mega-col{display:grid;align-content:start;gap:1px}
  .hl-mega-cats{grid-template-columns:1fr 1fr;column-gap:24px}
  .hl-mega-cats b{grid-column:1/-1}
  .hl-mega b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--hl-muted);margin-bottom:8px}
  .azalea .hl-mega a{display:block;padding:5px 0;font-size:15px;font-weight:500;line-height:1.35;color:var(--hl-ink)!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;background:none!important}
  .azalea .hl-mega a:hover{color:var(--hl-accent)!important;text-decoration:underline!important;text-underline-offset:4px}
  .azalea .hl-mega a.hl-mega-all{font-weight:600;text-decoration:underline!important;text-underline-offset:4px}
  .azalea .hl-mega a:not(.hl-mega-all)+a.hl-mega-all{margin-top:10px}
}

/* ===== v1.4 behandlingssidan (Mina sidor: Behandlingar och priser) ===== */
.hl-beh{font-family:var(--hl-body);color:var(--hl-ink);padding:clamp(12px,3vw,40px) 0 clamp(56px,7vw,96px)}
.hl-beh h1{font-family:var(--hl-display)!important;font-size:clamp(38px,4.6vw,60px)!important;font-weight:400!important;line-height:1.05;margin:0 0 16px!important;color:var(--hl-ink)!important;text-transform:none!important;letter-spacing:0!important}
.hl-beh-lead{color:var(--hl-muted);font-size:17px;line-height:1.6;max-width:62ch;margin:0 0 28px!important}
.hl-beh-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hl-beh-nav a{display:inline-flex;padding:.55em 1.1em;border:1px solid var(--hl-line);border-radius:999px;background:var(--hl-raised);color:var(--hl-ink)!important;font-size:15px;font-weight:500;text-decoration:none!important}
.hl-beh-nav a:hover{border-color:var(--hl-ink)}
.hl-beh-nav .hl-sep{display:none}
.hl-beh-nav a[aria-current="true"]{background:var(--hl-ink);border-color:var(--hl-ink);color:var(--hl-bg)!important}
.hl-beh-group{padding-top:28px}
.hl-beh-group[hidden]{display:none!important}
.hl-beh-group>h2,.hl-beh-end h2{font-family:var(--hl-display)!important;font-size:clamp(28px,3vw,38px)!important;font-weight:400!important;margin:0 0 18px!important;color:var(--hl-ink)!important;text-transform:none!important;letter-spacing:0!important}
.hl-tabs-on .hl-beh-group>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hl-beh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hl-tcard{display:grid;grid-template-rows:auto 1fr auto;gap:10px;background:var(--hl-raised);border:1px solid var(--hl-line);border-radius:var(--hl-r);padding:24px 26px}
#beh-ekologiska .hl-tcard{background:var(--hl-accent-soft);border-color:transparent}
#beh-kliniska .hl-tcard{background:var(--hl-clin-soft);border-color:transparent}
.hl-tcard h3{font-family:var(--hl-display)!important;font-size:24px!important;font-weight:400!important;margin:0!important;color:var(--hl-ink)!important;text-transform:none!important;letter-spacing:0!important}
.hl-tcard p{margin:0!important;color:var(--hl-muted);font-size:15px;line-height:1.55}
.hl-tcard p.hl-tfoot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px!important;color:var(--hl-ink)}
.hl-tprice{font-family:var(--hl-display);font-size:26px;line-height:1;font-variant-numeric:tabular-nums}
.hl-tmin{color:var(--hl-muted);font-size:14px}
.hl-tfoot .hl-btn{margin-left:auto;padding:12px 22px!important}
.hl-beh-end{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(40px,5vw,64px)}
.hl-beh-end>div{border:1px solid var(--hl-ink);border-radius:var(--hl-r);padding:clamp(24px,3vw,36px);display:grid;gap:12px;align-content:start}
.hl-beh-end p{margin:0!important;color:var(--hl-muted);font-size:16px;line-height:1.6}
.hl-beh-end .hl-btn{justify-self:start}
@media (max-width:767px){
  .hl-beh-grid,.hl-beh-end{grid-template-columns:1fr}
  .hl-beh-nav{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}
  .hl-beh-nav a{flex:none}
  .hl-tcard{padding:20px}
}

/* ===== v1.4 sidhuvudet på en rad som i mockupen (dator från 1340 px) =====
   Logga | meny med Boka behandling sist | sök | varukorg. Under 1340 px gäller tvåraderslayouten ovan.
   Villkor & info flyttas från menyraden till Kundservice i sidfoten (meny.js). */
#om-kliniken{scroll-margin-top:110px}
@media (min-width:1340px){
  header.azalea--header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:clamp(16px,1.6vw,32px);
    min-height:88px;padding:0 var(--hl-edge)!important;top:0!important}
  header.azalea--header>.azalea--header-wrapper{display:contents!important}
  header.azalea--header .azalea--header-left{position:absolute!important;left:var(--hl-edge);top:0;width:auto!important}
  header.azalea--header .slot--logo{grid-column:1;grid-row:1}
  header.azalea--header .tws-logo--container{padding:0!important;margin:0!important;width:auto!important}
  header.azalea--header .tws-logo{width:176px;height:36px}
  header.azalea--header .slot--horizontal-menu{grid-column:2;grid-row:1;min-width:0}
  header.azalea--header .slot--mega-menu{grid-column:3;grid-row:1;position:relative!important;right:auto!important;top:auto!important;width:clamp(150px,12vw,260px)!important;align-self:center}
  header.azalea--header .azalea--header-right{grid-column:4;grid-row:1;position:static!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important;align-self:center;display:flex!important;align-items:center;height:auto!important}
  header.azalea--header .slot--cart{display:block!important}
  header.azalea--header .slot--shipping-notice,header.azalea--header .slot--header-bottom{display:none!important}
  .azalea .tws-top-menu{margin:0!important;min-height:0!important}
  .azalea .tws-top-menu .container-fluid,.azalea .tws-top-menu .navbar-collapse{padding:0!important;max-width:none!important;width:auto!important}
  .azalea .tws-top-menu .navbar-nav{margin:0!important;float:none!important;display:flex!important;align-items:center;flex-wrap:nowrap}
  .azalea .tws-top-menu .navbar-nav>li{float:none!important}
  .azalea .tws-top-menu .navbar-nav>li[data-hl=villkor]{display:none!important}
  .azalea .tws-top-menu.navbar-default .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item{font-size:15px!important;padding:32px 9px!important;white-space:nowrap}
  .azalea .tws-top-menu .navbar-nav>li:has(>a[href*="bokadirekt"]){margin-left:auto}
  .azalea .tws-top-menu .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item[href*="bokadirekt"]{margin:0 0 0 10px!important;padding:12px 14px!important;letter-spacing:.06em!important}
  header.azalea--header .tws-mini-cart--header-cart-button{padding:9px 16px!important;margin:0!important;border:1px solid var(--hl-ink);border-radius:999px;line-height:1}
  header.azalea--header .tws-mini-cart--header-cart-img{display:none!important}
  header.azalea--header .tws-mini-cart--header-cart-info{display:flex!important;align-items:center;gap:8px;flex-direction:row-reverse}
  header.azalea--header .tws-mini-cart--header-quantity{display:inline-grid!important;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px!important;font-size:12px;line-height:1}
  header.azalea--header .tws-mega-menu--buttons{display:none!important}
  header.azalea--header .tws-article-search .form-control{font-size:13px!important;letter-spacing:.03em}
  header.azalea--header .tws-mega-menu,header.azalea--header .tws-mega-menu--search-bar{height:auto!important;max-height:none!important}
}
/* Två rader (901 till 1339 px): Villkor & info ligger i sidfoten, tätare menyval och smalare sök så att inget krockar */
@media (min-width:901px) and (max-width:1339px){
  .azalea .tws-top-menu .navbar-nav>li[data-hl=villkor]{display:none!important}
  .azalea .tws-top-menu.navbar-default .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item{font-size:15px!important;padding-inline:10px!important}
  .azalea .tws-top-menu .navbar-nav>li>a.tws-top-menu--dropdown-menu-top-item[href*="bokadirekt"]{padding:12px 14px!important;letter-spacing:.06em!important}
}
@media (min-width:992px) and (max-width:1339px){.azalea--header .slot--mega-menu{width:min(200px,17vw)!important}}
/* Kundservice i sidfoten (meny.js) */
.hl-foot h4{font-family:var(--hl-body)!important;font-size:12px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:600!important;color:var(--hl-muted)!important;margin:0 0 10px!important}
.hl-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hl-foot a{color:var(--hl-ink)!important;text-decoration:none!important;font-size:15px}
.hl-foot a:hover{text-decoration:underline!important;text-underline-offset:4px}

/* ===== v1.4 startsidan (startsida.js) =====
   Inspiration: Zellerfeld (stora bilder, luft, produktrader med pilar, topplista med stora siffror, mörkt märkesband).
   Hudologens färger: accentgrönt bara på etiketter, aktiv bild och köpknappar. */
:root{--hl-bn-h:clamp(560px,80vh,840px)}

/* Banderollen: Abicarts bildspel döljs direkt och platsen hålls tills banderollen är byggd (ingen förskjutning) */
html.hl-js:not(.hl-bn-native) .tws-container--tws-image-carousel>.tws-image-carousel{display:none!important}
html.hl-js:not(.hl-bn-on):not(.hl-bn-native) .tws-container--tws-image-carousel{min-height:var(--hl-bn-h);background:var(--hl-surface);margin-inline:calc(50% - 50vw)}
.hl-bn{position:relative;margin-inline:calc(50% - 50vw);background:var(--hl-surface);color:var(--hl-ink);font-family:var(--hl-body);overflow:hidden}
.hl-bn-slides{display:grid}
.hl-bn-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:var(--hl-bn-h);opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.hl-bn-slide.on{opacity:1;visibility:visible;transition:opacity .7s ease}
.hl-bn-txt{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(40px,5vw,88px) clamp(28px,4vw,72px) clamp(110px,10vw,140px) var(--hl-edge)}
.hl-bn-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hl-bn-badge{display:inline-flex;padding:.4em .9em;border-radius:999px;background:var(--hl-accent);color:var(--hl-accent-ink);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.hl-bn-eye{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--hl-muted)}
.hl-bn h2.hl-bn-h{font-family:var(--hl-display)!important;font-weight:400!important;font-size:clamp(46px,5.6vw,104px)!important;line-height:.96!important;letter-spacing:-.02em!important;margin:0!important;color:var(--hl-ink)!important;text-transform:none!important;max-width:12ch}
.hl-bn h2.hl-bn-h em{font-style:italic}
.hl-bn-p{margin:0!important;font-size:18px;line-height:1.55;color:var(--hl-muted);max-width:42ch;min-height:1.55em}
.hl-bn-price{margin:4px 0 0!important;font-family:var(--hl-display);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.hl-bn-price s{font-size:22px;color:var(--hl-muted);margin-right:6px}
.hl-bn-price .sale{color:var(--hl-accent);font-weight:400}
.hl-bn-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.hl-bn-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:17px 28px;border-radius:var(--hl-r);border:1px solid var(--hl-accent);background:var(--hl-accent);color:var(--hl-accent-ink)!important;font-family:var(--hl-body);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;transition:background-color .2s}
.hl-bn-btn:hover{background:var(--hl-accent-dark)}
.hl-bn-btn.ghost{background:transparent;color:var(--hl-ink)!important;border-color:var(--hl-ink)}
.hl-bn-btn.ghost:hover{background:var(--hl-raised)}
.hl-bn-btn:focus-visible{outline:2px solid var(--hl-accent);outline-offset:3px}
.hl-bn-btn:disabled{opacity:.6;cursor:default}
.hl-bn-img{position:relative;display:block;overflow:hidden;background:var(--hl-photo)}
.hl-bn-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 8s ease-out}
.hl-bn-slide.on .hl-bn-img img{transform:scale(1)}
.hl-bn-nav{position:absolute;left:var(--hl-edge);bottom:clamp(32px,4vw,52px);display:flex;align-items:center;gap:14px;z-index:2}
.hl-bn-count{font-size:13px;letter-spacing:.08em;color:var(--hl-muted);font-variant-numeric:tabular-nums;min-width:56px}
.hl-bn-count b{color:var(--hl-ink);font-weight:600}
.hl-bn-bars{display:flex;gap:6px}
.hl-bn-bars button{all:unset;cursor:pointer;display:block;width:44px;height:16px;position:relative}
.hl-bn-bars button::before,.hl-bn-bars button i{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--hl-line)}
.hl-bn-bars button i{right:auto;width:0;background:var(--hl-accent)}
.hl-bn-bars button.done i{width:100%}
.hl-bn-bars button.on i{width:100%}
.hl-bn.run .hl-bn-bars button.on i{width:0;animation:hl-bn-bar 7s linear forwards}
@keyframes hl-bn-bar{to{width:100%}}
.hl-bn-bars button:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-bn-arrow{all:unset;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--hl-ink);border-radius:999px;font-size:22px;line-height:1;color:var(--hl-ink);background:transparent;transition:background-color .2s}
.hl-bn-arrow:hover{background:var(--hl-raised)}
.hl-bn-arrow:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px}
@media (max-width:900px){
  :root{--hl-bn-h:auto}
  html.hl-js:not(.hl-bn-on):not(.hl-bn-native) .tws-container--tws-image-carousel{min-height:calc(min(100vw,62vh) + 380px)}
  .hl-bn-slide{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}
  .hl-bn-img{order:-1;height:min(100vw,62vh)}
  .hl-bn-txt{padding:26px 20px 92px;gap:14px;justify-content:flex-start}
  .hl-bn h2.hl-bn-h{font-size:clamp(40px,11vw,56px)!important;max-width:none}
  .hl-bn-p{font-size:16px}
  .hl-bn-price{font-size:28px}
  .hl-bn-btn{padding:15px 20px;flex:1 1 auto}
  .hl-bn-nav{left:20px;bottom:26px;gap:10px}
  .hl-bn-bars button{width:30px}
}
@media (prefers-reduced-motion:reduce){.hl-bn-slide,.hl-bn-img img{transition:none!important}.hl-bn-img img{transform:none}}

/* Förtroenderaden under banderollen */
.hl-trust{list-style:none;margin:0;padding:clamp(22px,2.6vw,34px) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-bottom:1px solid var(--hl-line);font-family:var(--hl-body)}
.hl-trust li{display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:center;font-size:14px;color:var(--hl-muted);line-height:1.35}
.hl-trust li::before{content:"";grid-row:1/span 2;width:28px;height:28px;background:var(--hl-ink);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.hl-trust b{color:var(--hl-ink);font-weight:600;font-size:15px}
.hl-ic-star{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E")}
.hl-ic-shield{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.6-3.2 8.2-7.5 9.5-4.3-1.3-7.5-4.9-7.5-9.5V6z'/%3E%3Cpath d='M8.8 12.2l2.2 2.2 4.4-4.6'/%3E%3C/svg%3E")}
.hl-ic-truck{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9h-11zM13.5 9.5h4l3 3v3h-7z'/%3E%3Ccircle cx='6.5' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
.hl-ic-chat{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16v10H9.5L5.5 19v-3.5H4z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5' stroke-linecap='round'/%3E%3C/svg%3E")}
@media (max-width:900px){.hl-trust{grid-template-columns:1fr 1fr;gap:18px 14px}.hl-trust li{font-size:13px}.hl-trust b{font-size:14px}}

/* Produktrader: rubrik till vänster, pilar till höger, kort som går att svepa */
html.hl-js .hl-row:not(.hl-row-on){display:none}
.hl-row{padding-block:clamp(48px,6vw,96px) 0;font-family:var(--hl-body)}
.hl-row-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}
.hl-row-head .hl-h2{margin:6px 0 0!important}
.hl-row-head .hl-link{margin-left:auto;font-size:15px;white-space:nowrap}
.hl-row-arrows{display:flex;gap:8px}
.hl-row-arrows button{all:unset;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--hl-line);border-radius:var(--hl-r);font-size:22px;line-height:1;color:var(--hl-muted);background:var(--hl-raised);transition:border-color .2s,color .2s}
.hl-row-arrows button:hover{border-color:var(--hl-ink);color:var(--hl-ink)}
.hl-row-arrows button:focus-visible{outline:2px solid var(--hl-accent);outline-offset:2px}
.hl-row-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*22px)/4);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.hl-row-track::-webkit-scrollbar{display:none}
.hl-row-track .hl-card{scroll-snap-align:start}
.hl-row-track.hl-shop{display:grid;grid-template-columns:none;gap:22px;padding:0;align-items:start}
.hl-new{position:absolute;top:10px;right:10px;padding:.35em .8em;border-radius:999px;background:var(--hl-ink);color:var(--hl-bg);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;z-index:1}
.hl-row-track .hl-ph{position:relative}
/* Kundfavoriter: stor siffra som vattenstämpel */
.hl-rank{position:absolute;left:14px;top:6px;font-family:var(--hl-display);font-size:clamp(64px,5.4vw,92px);line-height:1;color:var(--hl-ink);z-index:2;pointer-events:none;letter-spacing:-.03em}
.hl-row-favoriter .hl-off{left:auto;right:0}
html.hl-js .tws-container--tws-custom-html:has(.hl-row-favoriter)+.tws-container--tws-articles-two{display:none!important}
@media (max-width:1200px){.hl-row-track{grid-auto-columns:calc((100% - 2*22px)/3)}}
@media (max-width:900px){
  .hl-row-track,.hl-row-track.hl-shop{grid-auto-columns:calc((100% - 16px)/2.2);gap:16px;margin-right:-20px;padding-right:20px}
  .hl-row-arrows{display:none}
  .hl-row-head{margin-bottom:20px}
}

/* Varumärken på mörkt band, logotyperna i vitt */
.hl-brandband{margin-inline:calc(50% - 50vw)!important;border-radius:0!important;background:var(--hl-ink);padding:clamp(28px,3.4vw,48px) var(--hl-edge)!important;margin-block:clamp(56px,7vw,104px) 0!important;display:grid;gap:18px}
.hl-brandband-eye{font-family:var(--hl-body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);text-align:center}
.hl-brandband .hl-logos{border:0!important}
.hl-brandband .hl-logos{align-items:center}
.hl-brandband .hl-logos a{padding:14px 22px}
.hl-brandband .hl-logos a:hover{background:rgba(255,255,255,.06)}
.hl-brandband .hl-logos img{filter:grayscale(1) contrast(4) invert(1)!important;mix-blend-mode:screen!important;opacity:.78;transition:opacity .2s}
.hl-brandband .hl-logos a:hover img{opacity:1}

/* ===== Rättelser från genomgången av v1.4 (2026-10-15) ===== */

/* Loggan: temat har kvar den gamla logobilden (HUDOLOGEN_650.png) inuti a.tws-logo. Abicart tonar in den med
   opacity:1 direkt på bilden, så den låg halvt synlig ovanpå den handskrivna loggan. */
.tws-logo .tws-img,.tws-logo picture,.tws-logo img{display:none!important}

/* Mobilmenyn: Azaleas menyfärg är vit (gjord för en mörk menyrad), men v1.4 har ljus bakgrund */
.azalea .tws-top-menu .tws-top-menu--xs-item{border-bottom:1px solid var(--hl-line)}
.azalea .tws-top-menu a.tws-top-menu--xs-link,.azalea .tws-top-menu a.tws-top-menu--xs-link:hover,.azalea .tws-top-menu a.tws-top-menu--xs-link:focus{
  color:var(--hl-ink)!important;background:transparent!important;font-family:var(--hl-body);font-size:15px;font-weight:500;letter-spacing:.04em}
.azalea .tws-top-menu .tws-top-menu--xs-toggle{background:transparent!important;border:0!important;box-shadow:none!important}
.azalea .tws-top-menu .tws-top-menu--xs-toggle .caret,.azalea .tws-top-menu .tws-top-menu--xs-toggle .caret::before,
.azalea .tws-top-menu .tws-top-menu--xs-toggle .caret::after{border-color:var(--hl-ink)!important;color:var(--hl-ink)!important}
.azalea .tws-top-menu .tws-top-menu--controls,.azalea .tws-top-menu .tws-top-menu--controls a,
.azalea .tws-top-menu .tws-top-menu--controls .tws-login--login-text,
body.azalea .tws-top-menu.navbar-default .navbar-nav .tws-top-menu--controls a,
body.azalea .tws-top-menu.navbar-default .navbar-nav .tws-top-menu--controls a *{color:var(--hl-ink)!important}

/* Produktsidans listor (Relaterade produkter, Artiklar du besökt): bara rubriken ska vara stor, inte produktnamnen */
.azalea--article .slot--article-page-footer .tws-article-list--article-name .tws-util-heading--heading{
  font-family:var(--hl-body)!important;font-size:15px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:0!important;margin:0 0 6px!important}
.azalea--article .slot--article-page-footer .tws-article-list--article-name .tws-util-heading--heading a{font-size:inherit!important}
.tws-article-list--price,.tws-article-list--price *{font-family:var(--hl-body)!important;font-size:15px}
.tws-article-list--price .tws-api--price-regular,.tws-article-list--price .tws-api--price-regular-price{font-size:13px}

/* Kassan: tillbaka-knappen fick ligga ovanpå loggan i sidhuvudet på en rad */
@media (min-width:1340px){
  header.azalea--header .azalea--header-left:has(.tws-checkout-back-button){position:static!important;grid-column:2;grid-row:1;justify-self:start;align-self:center}
}
@media (max-width:1339px){
  header.azalea--header .azalea--header-left:has(.tws-checkout-back-button) .btn{padding:8px 12px!important;font-size:11px!important}
}

/* Produktgruppens text: inklistrad text ligger ofta som centrerade rader (div), låt den flyta som ett stycke */
.azalea--article-group .tws-articlegroup-list--info .col-md-8>p div{display:inline;text-align:inherit!important}
.azalea--article-group .tws-articlegroup-list--info .col-md-8>p div::after{content:" "}

/* Sökningen: förslagslistan var lika smal som sökrutan, sökträffsidan får en riktig rubrik */
.azalea .tws-article-search .dropdown-menu{min-width:min(360px,calc(100vw - 32px));left:auto!important;right:0!important}
.azalea .tws-article-search .dropdown-menu a{white-space:normal!important;line-height:1.3}
.tws-article-search-page--heading{font-family:var(--hl-display)!important;font-weight:400!important;font-size:clamp(36px,4vw,56px)!important;
  text-align:left!important;line-height:1.05;margin:clamp(24px,4vw,48px) 0 clamp(20px,3vw,32px)!important}

/* Sidfoten: Klarna-märket är vitt och syntes knappt på den ljusa sidfoten */
.azalea--footer-right .tws-img{filter:invert(1);opacity:.55}

/* Mobil: länken bredvid en radrubrik fick inte plats, och avstånden mellan sektionerna var för stora */
@media (max-width:600px){
  .hl-row-head{flex-wrap:wrap;align-items:flex-start}
  .hl-row-head .hl-link{margin-left:0;white-space:normal}
  .hl-sec{padding-block:44px}
}

/* 404 och Kontakt (meny.js) */
.hl-404{display:grid;gap:14px;margin:8px 0 48px;max-width:62ch}
.hl-404 p{margin:0;color:var(--hl-muted)}
.hl-404 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hl-404 a{display:inline-block;padding:10px 16px;border:1px solid var(--hl-ink);border-radius:var(--hl-r);text-decoration:none!important;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.hl-404 a:hover{background:var(--hl-surface)}
.hl-kontakt{max-width:560px;margin:0 auto 32px;padding:20px 24px;background:var(--hl-surface);border-radius:var(--hl-r);display:grid;gap:6px;font-size:15px}
.hl-kontakt b{font-weight:600}
.hl-kontakt a{text-decoration:underline;text-underline-offset:3px}

/* Språk-, valuta- och momsväljaren (Abicarts målgruppsväljare) i toppraden och mobilmenyn: butiken har bara
   svenska, kronor och priser med moms, så den fyller ingen funktion (Thomas OK 2026-10-15) */
.tws-audience-selector,.slot--top-bar-vat{display:none!important}

/* ===== Smala telefoner, efter Thomas test på Galaxy Z Flip 7 (2026-10-15) ===== */
/* Produktkorten: knappen längst ned så att knapparna står på samma höjd i rader och rutnät */
.hl-card{grid-template-rows:1fr auto}
.hl-row-track.hl-shop{align-items:stretch}
.hl-card .hl-cl{align-content:start}
@media (max-width:600px){
  /* Smala telefoner (t.ex. Galaxy Z Flip, 344 till 360 px): korten är ca 135 till 145 px breda */
  .hl-card .hl-add{width:100%;justify-self:stretch;padding:.85em .25em;font-size:10px;letter-spacing:.03em}
  .hl-rank{font-size:46px;left:8px;top:4px}
  .hl-row{padding-top:32px}
  .tws-container--tws-custom-html:has(.hl){padding-block:0!important;margin-top:0!important}
}

/* ===== Sökträffsidan (sok.js): v1.4-korten i stället för Abicarts lista ===== */
html.hl-js:not(.hl-native) .slot--article-search-results{visibility:hidden}
.azalea--article-search-results:has(>.hl-sok) .slot--article-search-results{display:none!important}
.hl-sok{padding:clamp(24px,4vw,48px) 0 clamp(48px,6vw,96px)}
.hl-sok h1{font-family:var(--hl-display);font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1.05;margin:0;text-align:left}
.hl-sok h2{font-family:var(--hl-display);font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.1;margin:clamp(40px,5vw,64px) 0 0}
.hl-sok-n{color:var(--hl-muted);margin:10px 0 0;font-size:15px}
.hl-sok-se{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 0;font-size:14px}
.hl-sok-se span{color:var(--hl-muted);margin-right:4px}
.hl-sok-se a,.hl-sok-tom a{padding:.45em 1em;border:1px solid var(--hl-line);border-radius:999px;text-decoration:none!important;color:var(--hl-ink)}
.hl-sok-se a:hover,.hl-sok-tom a:hover{border-color:var(--hl-ink)}
.hl-sok-tom{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;font-size:14px}
.hl-sok .hl-ph{background:var(--hl-photo);border:0;border-radius:0;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;margin-bottom:4px}
.hl-sok .hl-ph img{width:80%;height:80%;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}
/* Abicarts förslagslista låg kvar öppen över träffarna efter Enter: visa den bara medan sökrutan används */
.azalea .tws-article-search:not(:focus-within) .dropdown-menu{display:none!important}