/* --- tokens.css --- */
/* SF Industrigolv — design tokens extracted from the HTML prototype.
   Every value below appears literally in the prototype. Radii are 0 by design. */

:root {
  /* Brand / surface */
  --ig-ink:            #14212B; /* headings, dark sections, footer bar, drawer */
  --ig-blue:           #0E3358; /* links on hover, secondary CTA hover fill, "Läs mer" */
  --ig-cta:            #F6C324; /* primary CTA fill, accent rules, active nav underline */
  --ig-page:           #F6F5F2; /* page background */
  --ig-surface:        #FFFFFF; /* cards, quick-form band, dropdown */
  --ig-surface-warm:   #F1EFEA; /* footer background */
  --ig-surface-tint:   #EAF0F5; /* highlight bands (cases, comparison) */
  --ig-surface-sunken: #FAF9F7; /* Turnstile placeholder background */

  /* Text */
  --ig-text:           #14212B;
  --ig-text-muted:     #5B6874; /* body copy on light, secondary labels */
  --ig-text-quiet:     #8B949C; /* eyebrows, breadcrumbs, meta */
  --ig-text-nav:       #40505E; /* idle desktop nav link */
  --ig-on-dark:        #FFFFFF;
  --ig-on-dark-muted:  rgba(255,255,255,0.82); /* hero lead */
  --ig-on-dark-quiet:  rgba(255,255,255,0.65); /* dark-form labels */

  /* Lines */
  --ig-border:         #DBD8D1; /* section dividers, card borders */
  --ig-border-input:   #C6CBD1; /* inputs, ghost buttons */
  --ig-border-soft:    #E4E1DA; /* inside-card rules */
  --ig-border-faint:   #EEECE7; /* dropdown footer rule */
  --ig-border-dark:    rgba(255,255,255,0.16); /* rules on ink */

  /* Status */
  --ig-error-border:   #C6423C;
  --ig-error-text:     #A8322D;
  --ig-error-bg:       #FDECEC;
  --ig-error-line:     #E3B4B1;
  --ig-ok-text:        #1B7A4B;
  --ig-ok-bg:          #F1F8F3;
  --ig-ok-line:        #B6D3BF;

  /* Type */
  --ig-font-display: 'Archivo', system-ui, sans-serif;   /* 500 / 600 / 700 */
  --ig-font-body:    'Source Sans 3', system-ui, sans-serif; /* 400 / 600 */

  --ig-h1:        clamp(36px, 5vw, 66px);   /* hero H1; home hero uses clamp(38px,5.2vw,68px) */
  --ig-h2:        clamp(30px, 3.2vw, 44px); /* home sections */
  --ig-h2-sub:    clamp(26px, 2.8vw, 38px); /* inner pages */
  --ig-h3:        22px;
  --ig-lead-hero: 21px;
  --ig-lead:      19px;
  --ig-body:      17px;
  --ig-body-sm:   16px;
  --ig-caption:   15px;
  --ig-meta:      14px;
  --ig-eyebrow:   12px; /* uppercase, letter-spacing .14–.16em */

  --ig-lh-display: 1.04;  /* H1 */
  --ig-lh-heading: 1.1;   /* H2/H3 */
  --ig-lh-body:    1.6;
  --ig-ls-display: -0.02em;
  --ig-ls-heading: -0.015em;
  --ig-ls-eyebrow: 0.16em;

  /* Layout */
  --ig-container:      1340px;
  --ig-gutter:         32px; /* 24px ≤1080px, 20px ≤760px */
  --ig-section-y:      96px; /* 88px / 80px variants; 56px ≤760px */
  --ig-gap-grid:       28px;
  --ig-gap-col:        64px; /* two-column text/detail gap */
  --ig-tap-min:        44px; /* 46–56px on real buttons */

  /* Depth & motion — deliberately flat */
  --ig-radius:         0;
  --ig-shadow-drop:    0 18px 40px rgba(20,33,43,0.14); /* mega-dropdown only */
  --ig-transition:     background .15s, color .15s;
  --ig-focus:          3px solid #0E3358; /* outline-offset: 3px */
}

/* --- fonts.css --- */
/* Self-hosted variable fonts (latin subset). Metric-matched fallbacks keep layout stable before swap. */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../fonts/archivo-var-latin.woff2') format('woff2');
  unicode-range: U+0000-0025, U+0027-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Archivo's ampersand is a stylised glyph the client read as a foreign character (feedback 2026-09-06, item 7): U+0026 is served from Source Sans 3 under the Archivo family name. */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url('../fonts/source-sans-3-var-latin.woff2') format('woff2');
  unicode-range: U+0026; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url('../fonts/source-sans-3-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Archivo Fallback'; src: local('Arial'); size-adjust: 104%; ascent-override: 92%; descent-override: 22%; line-gap-override: 0%; }
@font-face { font-family: 'Source Sans 3 Fallback'; src: local('Arial'); size-adjust: 94%; ascent-override: 98%; descent-override: 27%; line-gap-override: 0%; }

/* --- base.css --- */
/* ---- Reset + type (values verbatim from the prototype helmet) ---- */
:root { --cta: #F6C324; --ink: #14212B; --blue: #0E3358; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #F6F5F2; color: #14212B; font-family: 'Source Sans 3', 'Source Sans 3 Fallback', system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
* { box-sizing: border-box; }
a { color: #14212B; text-decoration: none; }
a:hover { color: #0E3358; }
h1, h2, h3, h4 { font-family: 'Archivo', 'Archivo Fallback', system-ui, sans-serif; margin: 0; text-wrap: balance; }
p { text-wrap: pretty; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid #0E3358; outline-offset: 3px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ig-skip { position: absolute; left: -9999px; top: 0; background: #14212B; color: #fff; padding: 12px 20px; z-index: 100; }
.ig-skip:focus { left: 0; }

/* ---- Font shorthands ---- */
.ig-f-display, .ig-eyebrow, .ig-btn, .ig-label { font-family: 'Archivo', 'Archivo Fallback', system-ui, sans-serif; }
.ig-eyebrow { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: #8B949C; font-weight: 600; }
.ig-eyebrow--cta { color: #F6C324; font-size: 13px; letter-spacing: 0.18em; font-weight: 400; }
.ig-eyebrow--blue { color: #0E3358; }
.ig-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.ig-nowrap, .ig-slut__tel, .ig-promo__tel, .ig-sidecta__tel, .ig-callcard__tel, .ig-header__phone strong { white-space: nowrap; }

/* ---- Container / layout utilities (the prototype's data-r vocabulary) ---- */
.ig-wrap { max-width: 1340px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }
[data-r~="pad"] { padding-left: 32px; padding-right: 32px; }
.ig-section { max-width: 1340px; margin: 0 auto; padding: 88px 32px; }
.ig-section--96 { padding-top: 96px; padding-bottom: 96px; }
.ig-section--80 { padding-top: 80px; padding-bottom: 80px; }
.ig-section--72 { padding-top: 72px; padding-bottom: 72px; }
.ig-section--64 { padding-top: 64px; padding-bottom: 64px; }
.ig-section--top0 { padding-top: 0; }
.ig-section--bot0 { padding-bottom: 0; }
.ig-band { border-top: 1px solid #DBD8D1; }
.ig-band--white { background: #fff; }
.ig-band--tint { background: #EAF0F5; }
.ig-band--ink { background: #14212B; color: #fff; }
.ig-band--ink a { color: #fff; }
.ig-grid { display: grid; gap: 28px; }
.ig-grid--2 { grid-template-columns: repeat(2, 1fr); }
.ig-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ig-grid--4 { grid-template-columns: repeat(4, 1fr); }
.ig-grid--5 { grid-template-columns: repeat(5, 1fr); }
.ig-grid--6 { grid-template-columns: repeat(6, 1fr); }
.ig-two { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.ig-two--a { grid-template-columns: 0.8fr 1.2fr; }
.ig-two--b { grid-template-columns: 1.1fr 0.9fr; }
.ig-two--c { grid-template-columns: 1.15fr 0.85fr; }
.ig-two--d { grid-template-columns: 0.9fr 1.1fr; }
.ig-two--center { align-items: center; }
.ig-span2 { grid-column: span 2; }

/* ---- Headings scale ---- */
.ig-h1 { font-size: clamp(36px, 5vw, 66px); line-height: 1.04; font-weight: 700; letter-spacing: -0.02em; }
.ig-h1--home { font-size: clamp(38px, 5.2vw, 68px); }
.ig-h1--inner { font-size: clamp(34px, 4.4vw, 58px); line-height: 1.05; }
.ig-h2 { font-size: clamp(30px, 3.2vw, 44px); line-height: 1.1; font-weight: 700; letter-spacing: -0.015em; }
.ig-h2--inner { font-size: clamp(26px, 2.8vw, 38px); }
.ig-h2--28 { font-size: clamp(28px, 3vw, 40px); }
.ig-h2--24 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.14; }
.ig-h3 { font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.ig-h3--tight { line-height: normal; letter-spacing: 0; }
.ig-lead { font-size: clamp(19px, 1.8vw, 24px); line-height: 1.5; color: #5B6874; }
.ig-lead--hero { font-size: 21px; line-height: 1.6; color: rgba(255,255,255,0.82); }
.ig-p { font-size: 17px; line-height: 1.6; color: #5B6874; margin: 0; }
.ig-p--18 { font-size: 18px; line-height: 1.65; }
.ig-p--16 { font-size: 16px; line-height: 1.55; }
.ig-muted { color: #5B6874; }
.ig-quiet { color: #8B949C; }
.ig-max { max-width: 60ch; }

/* ---- Buttons ---- */
.ig-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; font-weight: 600; font-size: 15px; transition: background .15s, color .15s, border-color .15s; cursor: pointer; border: 0; }
.ig-btn--cta { background: #F6C324; color: #14212B; font-weight: 700; font-size: 17px; padding: 17px 30px; min-height: 0; }
.ig-btn--cta:hover { background: #0E3358; color: #fff; }
.ig-btn--cta.ig-btn--sm { padding: 13px 20px; font-size: 15px; }
.ig-btn--cta.ig-btn--form { min-height: 56px; padding: 16px 32px; }
.ig-btn--ghost { border: 1px solid #C6CBD1; color: #0E3358; background: none; }
.ig-btn--ghost:hover { background: #EDEBE6; }
.ig-btn--ghost-ink { border: 1px solid #14212B; color: #14212B; background: none; }
.ig-btn--ghost-ink:hover { background: #14212B; color: #fff; }
.ig-btn--ghost-blue { border: 1px solid #0E3358; color: #0E3358; background: none; }
.ig-btn--ghost-blue:hover { background: #0E3358; color: #fff; }
.ig-btn--ghost-dark { border: 1px solid rgba(255,255,255,0.42); color: #fff; background: none; font-size: 17px; padding: 17px 30px; }
.ig-btn--ghost-dark:hover { background: rgba(255,255,255,0.12); color: #fff; }
.ig-btn--link { padding: 0; min-height: 0; color: #0E3358; font-size: 16px; background: none; }
.ig-btn--link:hover { color: #14212B; }
.ig-btn--underline { padding: 0 0 3px; min-height: 0; color: #0E3358; font-size: 17px; border-bottom: 2px solid #F6C324; background: none; }
.ig-btn--underline:hover { color: #14212B; }
.ig-btn--tel-dark { display: flex; align-items: center; color: #fff; padding: 17px 4px; font-size: 17px; border-bottom: 2px solid #F6C324; background: none; min-height: 0; }
.ig-btn--tel-dark:hover { color: #F6C324; }
.ig-arrow::after { content: " →"; }

/* ---- Cards ---- */
.ig-card { background: #fff; border: 1px solid #DBD8D1; border-top: 3px solid #14212B; display: flex; flex-direction: column; color: inherit; transition: border-color .15s, transform .15s; }
.ig-card:hover { border-top-color: #F6C324; transform: translateY(-3px); color: inherit; }
.ig-card--soft:hover { border-top-color: rgba(246,195,36,0.55); transform: translateY(-2px); }
.ig-card--static:hover { transform: none; border-top-color: #14212B; }
.ig-card__body { padding: 22px 26px 26px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.ig-card__title { font-size: 21px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.ig-card__text { margin: 0; font-size: 16px; line-height: 1.55; color: #5B6874; flex: 1; }
.ig-card__link { font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 15px; color: #0E3358; }
.ig-card img, .ig-card .ig-ph { width: 100%; object-fit: cover; display: block; }
.ig-card--h170 img, .ig-card--h170 .ig-ph { height: 170px; }
.ig-card--h190 img, .ig-card--h190 .ig-ph { height: 190px; }
.ig-card--h210 img, .ig-card--h210 .ig-ph { height: 210px; }
.ig-card--h230 img, .ig-card--h230 .ig-ph { height: 230px; }
.ig-card--h240 img, .ig-card--h240 .ig-ph { height: 240px; }
.ig-card--h280 img, .ig-card--h280 .ig-ph { height: 280px; }
.ig-card--h300 img, .ig-card--h300 .ig-ph { height: 300px; }

/* ---- Placeholder (striped) ---- */
.ig-ph { background: repeating-linear-gradient(135deg, #E7E4DE 0 12px, #DDD9D2 12px 24px); border: 1px dashed #B9BEC4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 16px; text-align: center; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; min-height: 190px; }
.ig-ph__t { font-size: 11px; font-weight: 700; color: #14212B; letter-spacing: 0.06em; }
.ig-ph__d { font-size: 11px; line-height: 1.5; color: #5B6874; max-width: 34ch; }
.ig-ph--dark { background: repeating-linear-gradient(135deg, #2A3944 0 12px, #22303B 12px 24px); border-color: rgba(255,255,255,0.35); }
.ig-ph--dark .ig-ph__t { color: #fff; }
.ig-ph--dark .ig-ph__d { color: rgba(255,255,255,0.7); }

/* ---- Forms (light) ---- */
.ig-field { display: flex; flex-direction: column; gap: 7px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #5B6874; }
.ig-field > span.ig-field__opt { font-weight: 400; text-transform: none; letter-spacing: 0; color: #8B949C; }
.ig-input { border: 1px solid #C6CBD1; background: #fff; padding: 13px 14px; font-family: 'Source Sans 3', system-ui, sans-serif; font-size: 17px; color: #14212B; text-transform: none; letter-spacing: 0; width: 100%; border-radius: 0; -webkit-appearance: none; appearance: none; }
select.ig-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314212B' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; }
.ig-input:focus { border-color: #0E3358; outline: 2px solid rgba(14,51,88,0.25); outline-offset: 0; }
.ig-input[aria-invalid="true"] { border-color: #C6423C; }
textarea.ig-input { resize: vertical; min-height: 120px; }
.ig-hint { font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #8B949C; line-height: 1.4; }
.ig-hint--err { color: #A8322D; }

/* ---- Underlined text link (design: Archivo 600, yellow rule) ---- */
.ig-ulink { display: inline-flex; align-items: center; min-height: 44px; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 16px; color: #0E3358; border-bottom: 2px solid #F6C324; padding-bottom: 2px; }
.ig-ulink:hover { color: #14212B; }
.ig-mt12 { margin-top: 12px; }
.ig-hint--field { font-size: 14px; line-height: 1.45; }
.ig-hint--field[hidden] { display: none; }
textarea.ig-input--auto { resize: none; overflow: hidden; min-height: 0; line-height: 1.5; }

/* ---- Breadcrumbs ---- */
.ig-crumbs { font-size: 14px; color: #8B949C; display: flex; gap: 8px; flex-wrap: wrap; }
.ig-crumbs a { color: #14212B; }
.ig-crumbs--light { max-width: 1340px; margin: 0 auto; padding: 20px 32px 0; }
.ig-crumbs--dark { color: rgba(255,255,255,0.55); margin-bottom: 26px; }
.ig-crumbs--dark a { color: #fff; }

/* ---- Horizontally scrolling tables: hint line + right-edge fade while there is more to the right ---- */
.ig-scrollx { position: relative; --ig-scrollx-bg: #fff; --ig-scrollx-top: 0px; }
.ig-scrollx[data-overflow] { --ig-scrollx-top: 28px; } /* hint line (20px) + its 8px margin: the fade starts below it */
.ig-scrollx--page { --ig-scrollx-bg: #F6F5F2; }
.ig-scrollx__hint { display: none; align-items: center; justify-content: flex-end; gap: 6px; margin: 0 0 8px; line-height: 20px; font-family: 'Archivo', system-ui, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .02em; color: #5B6874; transition: opacity .2s; }
.ig-scrollx__arrow { display: inline-block; animation: ig-nudge 1.4s ease-in-out infinite; }
@keyframes ig-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } }
.ig-scrollx[data-overflow] .ig-scrollx__hint { display: flex; }
.ig-scrollx[data-scrolled] .ig-scrollx__hint { opacity: 0; }
.ig-scrollx::after { content: ""; position: absolute; top: var(--ig-scrollx-top); right: 0; bottom: 0; width: 48px; pointer-events: none; opacity: 0; transition: opacity .2s; background: linear-gradient(90deg, rgba(255,255,255,0), var(--ig-scrollx-bg) 90%); }
.ig-scrollx[data-overflow]:not([data-end])::after { opacity: 1; }
.ig-scrollx [data-scrollx] { scrollbar-width: thin; scrollbar-color: #14212B #EDEBE6; }
.ig-scrollx [data-scrollx]::-webkit-scrollbar { height: 8px; }
.ig-scrollx [data-scrollx]::-webkit-scrollbar-track { background: #EDEBE6; }
.ig-scrollx [data-scrollx]::-webkit-scrollbar-thumb { background: #14212B; }
@media (prefers-reduced-motion: reduce) { .ig-scrollx__arrow { animation: none; } }

/* ---- Carousel dots (mobile swipe rows) ---- */
[data-dots] { display: none; justify-content: center; gap: 8px; padding: 14px 0 0; }
[data-dots] > span { width: 8px; height: 8px; border-radius: 50%; background: #C6CBD1; transition: background .2s, transform .2s; }
[data-dots] > span[data-on] { background: #14212B; transform: scale(1.25); }

/* ---- Responsive (1080 / 760) ---- */
@media (max-width: 1080px) {
  .ig-two, .ig-two--a, .ig-two--b, .ig-two--c, .ig-two--d { grid-template-columns: 1fr; gap: 40px; }
  .ig-grid--3, .ig-grid--4, .ig-grid--5, .ig-grid--6 { grid-template-columns: 1fr 1fr; }
  .ig-wrap, .ig-section, [data-r~="pad"], .ig-crumbs--light { padding-left: 24px; padding-right: 24px; }
  [data-r~="artSide"] { position: static !important; }
}
@media (max-width: 760px) {
  .ig-grid--2, .ig-grid--3, .ig-grid--4, .ig-grid--5, .ig-grid--6 { grid-template-columns: 1fr; }
  .ig-span2 { grid-column: span 1; }
  .ig-wrap, .ig-section, [data-r~="pad"], .ig-crumbs--light { padding-left: 20px; padding-right: 20px; }
  /* Prototype: [data-r~="sectionPad"] forces 56px top AND bottom at ≤760 even for sections with 0 bottom padding. */
  .ig-section, .ig-section--top0, .ig-section--bot0, .ig-section--96, .ig-section--80, .ig-section--72, .ig-section--64 { padding-top: 56px !important; padding-bottom: 56px !important; }
  body { padding-bottom: 76px; }
  main img { max-height: 260px; min-height: 0; }
  .ig-swipe { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; margin-left: -20px; margin-right: -20px; padding: 0 20px 8px; scrollbar-width: none; }
  .ig-swipe::-webkit-scrollbar { display: none; }
  .ig-swipe > * { flex: 0 0 80%; scroll-snap-align: start; min-height: 0; }
  [data-dots] { display: flex; }
}

/* --- chrome.css --- */
/* ---- Header ---- */
.ig-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.96); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid #DBD8D1; }
.ig-header__bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 1340px; margin: 0 auto; padding: 14px 32px; }
.ig-header__logo { display: flex; align-items: center; flex: 0 0 auto; }
.ig-header__logo img { height: 60px; width: auto; display: block; }
.ig-nav { display: flex; align-items: center; gap: 4px; font-size: 17px; font-weight: 600; }
.ig-nav__link { display: flex; align-items: center; gap: 7px; padding: 10px 13px; color: #40505E; border-bottom: 2px solid transparent; background: none; cursor: pointer; font: inherit; }
.ig-nav__link:hover { color: #14212B; background: #EDEBE6; }
.ig-nav__link[aria-current="page"], .ig-nav__link.is-section { border-bottom-color: #F6C324; }
.ig-nav__caret { font-size: 11px; color: #8B949C; }
.ig-header__right { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.ig-header__phone { display: flex; flex-direction: column; line-height: 1.2; font-size: 14px; color: #5B6874; }
.ig-header__phone strong { font-family: 'Archivo', system-ui, sans-serif; font-size: 18px; color: #14212B; }
.ig-menu-btn { display: none; align-items: center; gap: 9px; min-height: 46px; padding: 10px 14px; background: none; border: 1px solid #C6CBD1; cursor: pointer; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 15px; color: #14212B; }
.ig-menu-btn__bars { display: flex; flex-direction: column; gap: 4px; }
.ig-menu-btn__bars span { display: block; width: 18px; height: 2px; background: #14212B; }

/* ---- Mega dropdown ---- */
.ig-megamenu { position: absolute; left: 0; right: 0; top: 100%; border-top: 1px solid #DBD8D1; background: #fff; box-shadow: 0 18px 40px rgba(20,33,43,0.14); }
.ig-megamenu[hidden] { display: none; }
.ig-megamenu__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; max-width: 1340px; margin: 0 auto; padding: 34px 32px 38px; }
.ig-megamenu__col { display: flex; flex-direction: column; gap: 14px; }
.ig-megamenu__item { display: block; padding: 10px 12px; margin: 0 -12px; border-left: 2px solid transparent; }
.ig-megamenu__item:hover { background: #F2F0EB; border-left-color: rgba(246,195,36,0.55); color: inherit; }
.ig-megamenu__item strong { display: block; font-family: 'Archivo', system-ui, sans-serif; font-size: 17px; font-weight: 600; color: #14212B; }
.ig-megamenu__item span { display: block; font-size: 14px; line-height: 1.5; color: #5B6874; margin-top: 3px; }
.ig-megamenu__foot { max-width: 1340px; margin: 0 auto; padding: 0 32px 26px; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1px solid #EEECE7; }
.ig-megamenu__foot .ig-btn { margin-top: 14px; }

/* ---- Mobile drawer ---- */
.ig-drawer { position: fixed; inset: 0; z-index: 80; background: #14212B; display: flex; flex-direction: column; overflow-y: auto; }
.ig-drawer[hidden] { display: none; }
.ig-drawer__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,0.14); }
.ig-drawer__brand { font-family: 'Archivo', system-ui, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.14em; text-transform: uppercase; color: #fff; }
.ig-drawer__close { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: none; border: 1px solid rgba(255,255,255,0.3); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
.ig-drawer__nav { display: flex; flex-direction: column; padding: 8px 20px 20px; }
.ig-drawer__row { border-bottom: 1px solid rgba(255,255,255,0.13); }
.ig-drawer__toggle, .ig-drawer__link { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 60px; background: none; border: 0; padding: 10px 0; cursor: pointer; text-align: left; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 23px; color: #fff; }
.ig-drawer__toggle span { color: #F6C324; font-size: 26px; line-height: 1; }
.ig-drawer__link span { color: #F6C324; font-size: 20px; }
.ig-drawer__sub { display: flex; flex-direction: column; padding: 0 0 14px; }
.ig-drawer__sub[hidden] { display: none; }
.ig-drawer__subitem { display: flex; flex-direction: column; gap: 3px; min-height: 56px; justify-content: center; padding: 10px 0 10px 14px; border-left: 2px solid rgba(246,195,36,0.5); margin-bottom: 8px; }
.ig-drawer__subitem strong { font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 18px; color: #fff; }
.ig-drawer__subitem span { font-size: 15px; line-height: 1.45; color: rgba(255,255,255,0.65); }
.ig-drawer__foot { margin-top: auto; display: flex; flex-direction: column; gap: 12px; padding: 20px; border-top: 1px solid rgba(255,255,255,0.14); }
.ig-drawer__foot .ig-btn { min-height: 56px; font-size: 17px; }
.ig-drawer__foot .ig-btn--cta { padding: 10px 18px; }
.ig-drawer__foot .ig-btn--ghost-dark { border-color: rgba(255,255,255,0.34); padding: 10px 18px; }
body.ig-drawer-open { overflow: hidden; }

/* ---- Cookie bar (theme-owned markup, wired to Pressidium) ---- */
.ig-cookie { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: #14212B; color: #fff; border-top: 3px solid #F6C324; }
.ig-cookie[hidden] { display: none; }
.ig-cookie__in { max-width: 1340px; margin: 0 auto; padding: 18px 32px; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; }
.ig-cookie__text { margin: 0; font-size: 15px; line-height: 1.55; color: rgba(255,255,255,0.8); max-width: 72ch; }
.ig-cookie__text a { color: #fff; text-decoration: underline; }
.ig-cookie__btns { display: flex; gap: 10px; flex-wrap: wrap; }
.ig-cookie__btn { min-height: 44px; background: none; border: 1px solid rgba(255,255,255,0.35); color: #fff; padding: 10px 20px; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 15px; cursor: pointer; }
.ig-cookie__btn:hover { background: rgba(255,255,255,0.1); }
.ig-cookie__btn--accept { background: #F6C324; border: 0; color: #14212B; padding: 10px 24px; font-weight: 700; }
.ig-cookie__btn--accept:hover { background: #0E3358; color: #fff; }
/* Overlay + scroll lock while the bar waits for a choice (same backdrop as Pressidium's force_consent: #040608 @ .85) */
.ig-cookie-ov { position: fixed; inset: 0; z-index: 59; background: rgba(4,6,8,0.85); }
.ig-cookie-ov[hidden] { display: none; }
html.ig-consent-lock, html.ig-consent-lock body { overflow: hidden; }

/* ---- Sticky mobile bar ---- */
.ig-stickybar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; background: #14212B; border-top: 1px solid rgba(255,255,255,0.16); padding: 11px 16px; gap: 10px; align-items: center; }
.ig-stickybar[hidden] { display: none !important; }
.ig-stickybar__call { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 54px; border: 1px solid rgba(255,255,255,0.34); color: #fff; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 16px; }
.ig-stickybar__cta { flex: 1.4; display: flex; align-items: center; justify-content: center; min-height: 54px; background: #F6C324; color: #14212B; font-family: 'Archivo', system-ui, sans-serif; font-weight: 700; font-size: 16px; }
.ig-stickybar__cta:hover { background: #0E3358; color: #fff; }

/* ---- Footer ---- */
.ig-footer { background: #F1EFEA; border-top: 1px solid #DBD8D1; }
.ig-footer__grid { max-width: 1340px; margin: 0 auto; padding: 64px 32px 36px; display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: 44px; }
.ig-footer__brand { display: flex; flex-direction: column; gap: 16px; align-items: start; }
.ig-footer__brand > img { height: 48px; width: auto; }
.ig-footer__addr { font-style: normal; margin: 0; font-size: 16px; line-height: 1.65; color: #5B6874; }
.ig-footer__addr strong { font-family: 'Archivo', system-ui, sans-serif; color: #14212B; }
.ig-footer__area { margin: 0; font-size: 15px; line-height: 1.6; color: #5B6874; }
.ig-footer__social { display: flex; gap: 18px; flex-wrap: wrap; }
.ig-footer__social a { display: inline-flex; align-items: center; min-height: 44px; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 15px; color: #0E3358; border-bottom: 2px solid rgba(246,195,36,0.55); }
.ig-footer__social a:hover { border-bottom-color: #0E3358; }
.ig-footer__marks { display: flex; gap: 10px; align-items: center; flex-wrap: nowrap; margin-top: 6px; }
.ig-footer__marks img.ig-uc { height: 52px; width: auto; background: #fff; padding: 5px 8px; border: 1px solid #DBD8D1; }
.ig-footer__col { display: flex; flex-direction: column; gap: 12px; }
.ig-footer__col a { font-size: 16px; color: #5B6874; }
.ig-footer__col a:hover { color: #0E3358; }
.ig-footer__brands { border-top: 1px solid #DBD8D1; }
.ig-footer__brands-in { max-width: 1340px; margin: 0 auto; padding: 28px 32px; display: grid; grid-template-columns: auto 1fr; gap: 32px; align-items: center; }
.ig-footer__brands-link { font-family: 'Archivo', system-ui, sans-serif; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: #8B949C; white-space: nowrap; }
.ig-footer__brands-link:hover { color: #0E3358; }
.ig-footer__legal { border-top: 1px solid #DBD8D1; }

/* ---- Supplier logo row (proof strip + footer strip) ---- */
.ig-logorow { list-style: none; margin: 0; padding: 0; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: nowrap; }
.ig-logorow--between { justify-content: space-between; }
.ig-logorow__cell { flex: 0 1 150px; min-width: 0; display: flex; justify-content: center; }
.ig-logorow__link { display: flex; align-items: center; justify-content: center; min-height: 44px; width: 100%; max-width: 150px; }
.ig-logorow__link:hover { opacity: 0.75; }
.ig-logorow__link img { width: 100%; height: auto; max-height: 50px; object-fit: contain; display: block; }
.ig-logorow__link--box { background: #fff; padding: 6px 14px; border: 1px solid #DBD8D1; border-top: 3px solid #DBD8D1; }
.ig-logorow__link--box:hover { opacity: 1; border-top-color: rgba(246,195,36,0.55); }
.ig-logorow__link--box img { max-height: 40px; }
.ig-footer__legal-in { max-width: 1340px; margin: 0 auto; padding: 20px 32px; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: 14px; color: #8B949C; }

@media (max-width: 1080px) {
  .ig-nav, .ig-megamenu { display: none !important; }
  .ig-menu-btn { display: flex; }
  .ig-header__bar, .ig-footer__grid, .ig-footer__legal-in, .ig-footer__brands-in, .ig-cookie__in { padding-left: 24px; padding-right: 24px; }
  .ig-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .ig-header__phone { display: none; }
  .ig-header__bar, .ig-footer__grid, .ig-footer__legal-in, .ig-footer__brands-in, .ig-cookie__in { padding-left: 20px; padding-right: 20px; }
  .ig-footer__grid { grid-template-columns: 1fr; }
  .ig-footer__brands-in { grid-template-columns: 1fr; gap: 14px; }
  .ig-footer__brands .ig-logorow { margin: 0; padding: 4px 0; }
  .ig-logorow { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; gap: 22px; margin: 0 -20px; padding: 4px 20px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .ig-logorow::-webkit-scrollbar { display: none; }
  .ig-logorow > * { flex: 0 0 auto; width: 108px; scroll-snap-align: start; }
  .ig-stickybar { display: flex; }
}

/* --- blocks.css --- */
/* ---- Trust / stats band (4-col) ---- */
.ig-trust { max-width: 1340px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid #DBD8D1; background: #fff; }
.ig-trust__wrap { max-width: 1340px; margin: 0 auto; padding: 0 32px; }
.ig-trust__wrap .ig-trust { padding: 0; }
.ig-trust__item { padding: 22px 24px; border-right: 1px solid #DBD8D1; display: flex; flex-direction: column; gap: 6px; }
.ig-trust__item:last-child { border-right: 0; }
.ig-trust__num { font-family: 'Archivo', system-ui, sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -0.01em; color: #14212B; }
.ig-trust__label { font-size: 14px; line-height: 1.45; color: #5B6874; }
.ig-trust__item img { height: 40px; width: auto; }

/* ---- Brands module (materialleverantörer; shared block after page content) ---- */
.ig-brands { background: #EAF0F5; margin-top: 88px; }
.ig-brands__in { max-width: 1340px; margin: 0 auto; padding: 80px 32px 88px; }
.ig-brands__lead { font-size: 19px; line-height: 1.6; color: #14212B; margin: 0; max-width: 60ch; }
.ig-brands__list { list-style: none; margin: 40px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.ig-brands__card { flex: 0 1 calc((100% - 32px) / 3); min-width: 0; background: #fff; border: 1px solid #DBD8D1; display: flex; flex-direction: column; }
.ig-brands__logo { display: flex; align-items: center; justify-content: center; height: 120px; padding: 18px 24px; border-top: 3px solid transparent; }
.ig-brands__logo:hover { border-top-color: #F6C324; }
.ig-brands__logo img { width: 100%; max-width: 200px; height: auto; max-height: 72px; object-fit: contain; display: block; }
.ig-brands__body { display: flex; flex-direction: column; gap: 8px; padding: 18px 22px 22px; border-top: 1px solid #EEECE7; flex: 1; }
.ig-brands__name { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ig-brands__name strong { font-family: 'Archivo', system-ui, sans-serif; font-size: 17px; font-weight: 600; }
.ig-brands__name span { font-family: 'Archivo', system-ui, sans-serif; font-size: 12px; letter-spacing: 0.12em; color: #8B949C; }
.ig-brands__fact { font-size: 15px; line-height: 1.5; color: #5B6874; }
.ig-brands__why { font-size: 16px; line-height: 1.55; color: #14212B; }
.ig-brands__status { font-size: 14px; line-height: 1.5; color: #0E3358; font-weight: 600; }
.ig-brands__more { margin-top: auto; font-size: 15px; align-self: start; }
.ig-brands__note { margin: 20px 0 0; font-size: 14px; line-height: 1.55; color: #5B6874; }

/* ---- Social proof band (omoss) ---- */
.ig-social { max-width: 1340px; margin: 0 auto; padding: 88px 32px 0; }
.ig-social__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 32px; }
.ig-social__card { display: flex; flex-direction: column; gap: 14px; background: #fff; border: 1px solid #DBD8D1; border-top: 3px solid #14212B; padding: 26px; color: inherit; transition: border-color .15s, transform .15s; }
.ig-social__card:hover { border-top-color: rgba(246,195,36,0.55); transform: translateY(-2px); color: inherit; }
.ig-social__mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ig-social__mini > * { aspect-ratio: 1; object-fit: cover; width: 100%; display: block; }
.ig-social__mini .ig-ph { min-height: 0; padding: 6px; }
.ig-social__mini .ig-ph .ig-ph__d { font-size: 10px; }
.ig-social__cover { display: block; aspect-ratio: 3 / 1; overflow: hidden; }
.ig-social__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ig-social__text { font-size: 16px; line-height: 1.55; color: #5B6874; flex: 1; }
.ig-social__text strong { font-family: 'Archivo', system-ui, sans-serif; color: #14212B; }

/* Text stand-in for a supplier without a logo file (inc/brands.php ig_brand_logo) */
.ig-brand-name { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 10px; font-family: 'Archivo', 'Archivo Fallback', system-ui, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.01em; color: #14212B; }

/* ---- Instagram band ---- */
.ig-insta { background: #fff; border-top: 1px solid #DBD8D1; border-bottom: 1px solid #DBD8D1; margin-top: 88px; }
.ig-insta__in { max-width: 1340px; margin: 0 auto; padding: 72px 32px; }
.ig-insta__head { display: flex; align-items: end; justify-content: space-between; gap: 28px; flex-wrap: wrap; }
.ig-insta__head p { font-size: 17px; line-height: 1.6; color: #5B6874; margin: 12px 0 0; max-width: 56ch; }
.ig-insta__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 28px; }
.ig-insta__tile { aspect-ratio: 1; display: block; position: relative; overflow: hidden; border-top: 3px solid transparent; color: inherit; }
.ig-insta__tile img { width: 100%; height: 100%; max-height: none; object-fit: contain; display: block; background: #F5F4F1; }
.ig-insta__tile:hover { border-top-color: rgba(246,195,36,0.55); }
.ig-insta__tile.ig-ph { display: flex; min-height: 0; padding: 12px; gap: 6px; }
.ig-insta__tile.ig-ph .ig-ph__t { font-size: 11px; }
.ig-insta__tile.ig-ph .ig-ph__d { font-size: 11px; }

/* ---- FAQ ---- */
.ig-faq { max-width: 1340px; margin: 0 auto; padding: 88px 32px; }
.ig-faq__intro p { font-size: 18px; line-height: 1.6; color: #5B6874; margin: 18px 0 0; max-width: 34ch; }
.ig-faq__intro .ig-btn { margin-top: 20px; }
.ig-faq__item { background: #fff; border: 1px solid #DBD8D1; margin-bottom: 12px; }
.ig-faq__q { width: 100%; display: flex; align-items: start; justify-content: space-between; gap: 24px; background: none; border: 0; min-height: 64px; padding: 22px 24px; cursor: pointer; text-align: left; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 20px; line-height: 1.35; color: #14212B; list-style: none; }
.ig-faq__q::-webkit-details-marker { display: none; }
.ig-faq__q:hover { background: #F2F0EB; }
.ig-faq__sign { color: #0E3358; font-size: 26px; line-height: 1; flex: 0 0 auto; }
.ig-faq__sign::before { content: "+"; }
details[open] > .ig-faq__q .ig-faq__sign::before { content: "–"; }
.ig-faq__a { padding: 0 24px 24px; max-width: 62ch; }
.ig-faq__a p { margin: 0; font-size: 18px; line-height: 1.7; color: #5B6874; }
.ig-faq__a .ig-btn { margin-top: 14px; }

/* ---- Final CTA (slut) ---- */
.ig-slut { background: #14212B; color: #fff; }
.ig-slut__in { max-width: 1340px; margin: 0 auto; padding: 88px 32px; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; align-items: start; }
.ig-slut__lead { font-size: 19px; line-height: 1.6; color: rgba(255,255,255,0.78); margin: 18px 0 0; max-width: 44ch; }
.ig-slut__contact { display: flex; flex-direction: column; gap: 4px; margin-top: 28px; font-size: 19px; line-height: 1.7; }
.ig-slut__tel { color: #F6C324; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 26px; }
.ig-slut__tel:hover { color: #fff; }
.ig-slut__mail { color: rgba(255,255,255,0.85); }
.ig-slut__mail:hover { color: #F6C324; }
.ig-slut__next { margin: 24px 0 0; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.6); max-width: 40ch; }
.ig-form--dark { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ig-form--dark .ig-field { color: rgba(255,255,255,0.65); }
.ig-form--dark .ig-input { background-color: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.3); color: #fff; }
.ig-form--dark select.ig-input { background-repeat: no-repeat; background-position: right 14px center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='1.5'/%3E%3C/svg%3E"); }
.ig-form--dark select.ig-input option { color: #14212B; }
.ig-form--dark .ig-input:focus { border-color: #F6C324; outline: none; }
.ig-form__submit-row { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.ig-form__alt { color: #fff; font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; font-size: 16px; border-bottom: 1px solid rgba(255,255,255,0.4); }
.ig-form__alt:hover { border-bottom-color: #F6C324; color: #fff; }
.ig-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ---- Turnstile slot ---- */
.ig-turnstile { min-height: 65px; }
.ig-turnstile .cf-turnstile { min-height: 65px; }

/* ---- Form status ---- */
.ig-alert[hidden] { display: none; }
.ig-alert { display: flex; gap: 12px; align-items: start; background: #FDECEC; border: 1px solid #C6423C; padding: 14px 16px; margin-bottom: 20px; font-size: 16px; line-height: 1.5; color: #7E2A26; }
.ig-alert__glyph { font-family: 'Archivo', system-ui, sans-serif; font-weight: 700; color: #A8322D; flex: 0 0 auto; }
.ig-success { background: #fff; border: 1px solid #DBD8D1; border-top: 3px solid #1B7A4B; padding: 30px; }
.ig-success p { font-size: 18px; line-height: 1.65; color: #5B6874; margin: 14px 0 0; max-width: 56ch; }
.ig-success__links { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.ig-success h2 { font-size: 24px; font-weight: 700; letter-spacing: -.015em; color: #14212B; margin: 0; }
.ig-success, .ig-alert { scroll-margin-top: 90px; }
.ig-slut__in .ig-success, .ig-slut__in .ig-alert { align-self: start; }
.ig-slut__in .ig-alert { margin-bottom: 0; }
[data-ph="d"]::placeholder { color: rgba(255,255,255,0.45); }
.ig-form--dark .ig-hint { color: rgba(255,255,255,0.55); }
.ig-form--dark .ig-hint--err { color: #F3ADA9; }
.ig-form--dark textarea.ig-input { min-height: 0; }

@media (max-width: 1080px) {
  .ig-slut__in { grid-template-columns: 1fr; gap: 40px; }
  .ig-brands__in { padding-left: 24px; padding-right: 24px; }
  .ig-brands__card { flex-basis: calc((100% - 16px) / 2); }
  .ig-trust { grid-template-columns: 1fr 1fr; }
  .ig-trust__item:nth-child(2) { border-right: 0; }
  .ig-trust__item:nth-child(-n+2) { border-bottom: 1px solid #DBD8D1; }
  .ig-insta__grid { grid-template-columns: 1fr 1fr; }
  .ig-social, .ig-insta__in, .ig-faq, .ig-slut__in, .ig-trust__wrap { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 760px) {
  .ig-social__grid.ig-swipe { display: flex; }
  .ig-social, .ig-insta__in, .ig-faq, .ig-slut__in, .ig-trust__wrap, .ig-brands__in { padding-left: 20px; padding-right: 20px; padding-top: 56px; padding-bottom: 56px; }
  .ig-brands__list.ig-swipe { flex-wrap: nowrap; justify-content: flex-start; }
  .ig-brands__list.ig-swipe > * { flex: 0 0 82%; }
  .ig-trust { grid-template-columns: 1fr; }
  .ig-trust__item { border-right: 0; border-bottom: 1px solid #DBD8D1; }
  .ig-trust__item:last-child { border-bottom: 0; }
  .ig-insta__grid.ig-swipe { display: flex; gap: 12px; }
  .ig-insta__grid.ig-swipe > * { flex: 0 0 72%; }
  .ig-form--dark { grid-template-columns: 1fr; }
  .ig-form--dark .ig-span2 { grid-column: span 1; }
  .ig-insta { margin-top: 56px; }
}

/* --- consent.css --- */
/* Pressidium Cookie Consent: hide its consent bar (the theme renders the design's bar) but keep the settings modal,
   restyled to the design (square corners, Archivo/Source Sans 3, ink/yellow). */
html #cc_div #cm, html.show--consent #cc_div #cm, .cc_div #cm { display: none !important; visibility: hidden !important; }
.cc_div, .cc_div * { font-family: 'Source Sans 3', system-ui, sans-serif !important; }
.cc_div .b-tl, .cc_div .c-bn, .cc_div #s-ttl, .cc_div .b-tl { font-family: 'Archivo', system-ui, sans-serif !important; }
.cc_div #s-inr, .cc_div .c-bn, .cc_div .b-tl, .cc_div .b-tg .c-tg, .cc_div .b-tg .c-tg::before, .cc_div #s-bl .b-acc, .cc_div .cc-link { border-radius: 0 !important; }
.cc_div #s-inr { background: #fff !important; color: #14212B !important; border-top: 3px solid #F6C324; }
.cc_div #s-ttl { color: #14212B !important; font-weight: 700 !important; }
.cc_div #s-bl .b-bn .b-tl, .cc_div #s-bl .b-tl { color: #14212B !important; font-weight: 600 !important; }
.cc_div .c-bn { background: #fff !important; color: #14212B !important; border: 1px solid #C6CBD1 !important; }
.cc_div .c-bn:hover { background: #EDEBE6 !important; }
.cc_div #s-all-bn, .cc_div #s-sv-bn { background: #F6C324 !important; color: #14212B !important; border-color: #F6C324 !important; font-weight: 700 !important; }
.cc_div #s-all-bn:hover, .cc_div #s-sv-bn:hover { background: #0E3358 !important; color: #fff !important; }
.cc_div .b-tg .c-tg { background: #C6CBD1 !important; }
.cc_div .b-tg .c-tg.c-ro { background: #14212B !important; }
.cc_div .b-tg .c-tg:checked { background: #14212B !important; }
.cc_div input:checked ~ .c-tg { background: #14212B !important; }
.cc_div .cc-link { color: #0E3358 !important; }
.cc_div #s-bl .b-acc { border: 1px solid #DBD8D1 !important; }