/* /product-catalog-base.css */
/* Generated from the existing colorants.html styles. */

      :root {
        --red: #b1112b;
        --red-dark: #7f0e21;
        --ink: #202124;
        --muted: #646a70;
        --line: #e4e6e8;
        --paper: #fff;
        --soft: #f5f6f7;
        --dark: #17191c;
        --radius: 8px;
        --shadow: 0 20px 60px rgba(29, 31, 35, 0.12);
      }
      * { box-sizing: border-box; }
      html { scroll-behavior: smooth; }
      section[id] { scroll-margin-top: 30px; }
      body { margin: 0; font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif; color: var(--ink); background: var(--paper); line-height: 1.55; }
      a { color: inherit; text-decoration: none; }
      .container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
      .site-header { position: fixed; inset: 0 0 auto; z-index: 40; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; min-height: 78px; padding: 14px max(24px, calc((100vw - 1180px) / 2)); color: #fff; transition: background .2s, box-shadow .2s, color .2s; }
      .site-header.is-scrolled, .site-header.is-open { color: var(--ink); background: rgba(255,255,255,.94); box-shadow: 0 10px 30px rgba(0,0,0,.08); backdrop-filter: blur(16px); }
      .brand { display: inline-flex; align-items: center; gap: 12px; min-width: 220px; }
      .logo-slot { display: grid; place-items: center; min-width: 112px; height: 42px; padding: 0 14px; border: 1px solid currentColor; border-radius: 6px; background: rgba(255,255,255,.08); font-size: 18px; font-weight: 850; letter-spacing: 0; }
      .main-nav { display: flex; justify-content: center; gap: 26px; font-size: 14px; font-weight: 650; }
      .main-nav a { opacity: .84; }
      .main-nav a:hover { opacity: 1; color: var(--red); }
      .header-cta { display: inline-flex; justify-content: center; align-items: center; min-height: 42px; padding: 0 18px; border: 1px solid rgba(255,255,255,.45); border-radius: 6px; font-size: 14px; font-weight: 750; }
      .site-header.is-scrolled .header-cta, .site-header.is-open .header-cta { border-color: var(--line); }
      .nav-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; }
      .nav-toggle span { display: block; height: 2px; margin: 5px 0; background: currentColor; }

      .catalog-hero { min-height: 430px; position: relative; display: flex; align-items: flex-end; overflow: hidden; color: #fff; background: var(--dark); }
      .catalog-hero::before, .catalog-hero::after { content: ""; position: absolute; inset: 0; }
      .catalog-hero::before { background: url("./assets/optimized/food-colours-red-amber-flows.jpg.webp") 72% center / cover no-repeat; transform:none; }
      .catalog-hero::after { content:none; background:none; }
      .catalog-hero-inner { position: relative; z-index: 1; padding: 142px 0 56px; }
      .breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; color: rgba(255,255,255,.72); font-size: 14px; font-weight: 750; }
      .breadcrumbs a:hover { color: #fff; }
      .breadcrumbs span:not(:last-child)::after { content: "→"; margin-left: 8px; color: rgba(255,255,255,.5); }
      h1, h2, h3, p { margin-top: 0; }
      h1 { max-width: 760px; margin-bottom: 16px; font-size: clamp(48px, 6vw, 76px); line-height: .98; letter-spacing: 0; }
      .hero-lead { max-width: 640px; margin: 0; color: rgba(255,255,255,.86); font-size: 20px; }

      .section { padding: 74px 0; }
      .section-head { max-width: 760px; margin-bottom: 28px; }
      .eyebrow { margin: 0 0 12px; color: var(--red); font-size: 13px; font-weight: 850; text-transform: uppercase; }
      h2 { margin-bottom: 0; font-size: clamp(32px, 4vw, 48px); line-height: 1.06; letter-spacing: 0; }
      .category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
      .category-card { min-height: 390px; position: relative; display: flex; align-items: flex-end; overflow: hidden; border: 1px solid rgba(29,31,35,.12); border-radius: var(--radius); color: #fff; background: var(--dark); box-shadow: 0 18px 42px rgba(29,31,35,.11); isolation: isolate; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
      .category-card:hover { transform: translateY(-4px); border-color: rgba(177,17,43,.45); box-shadow: 0 24px 54px rgba(29,31,35,.15); }
      .category-card::before, .category-card::after { content: ""; position: absolute; inset: 0; }
      .category-card::before { z-index: -2; background-position: center; background-size: cover; transform: scale(1.01); transition: transform .55s ease; }
      .category-card:hover::before { transform: scale(1.055); }
      .category-card::after { inset: 0 auto 0 0; width: 58%; z-index: -1; background: linear-gradient(90deg, rgba(15,16,18,.30) 0%, rgba(15,16,18,.12) 40%, rgba(15,16,18,0) 70%); }
      .category-natural::before { background-image: url("./assets/optimized/colorants-natural-category.png.webp"); }
      .category-synthetic::before { background-image: url("./assets/optimized/colorants-synthetic-category.png.webp"); }
      .category-content { width: auto; max-width: min(520px, calc(100% - 56px)); display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 28px 28px; padding: 0; transition: text-shadow .2s ease; }
      .category-card:hover .category-content { text-shadow: 0 3px 18px rgba(0,0,0,.74); }
      .category-content h3 { margin: 0; max-width: 440px; font-size: clamp(26px, 2.6vw, 32px); line-height: 1.08; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.6); }
      .category-arrow { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; color: var(--red-dark); background: rgba(255,255,255,.86); box-shadow: 0 4px 14px rgba(0,0,0,.12); font-size: 22px; line-height: 1; opacity: .96; transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease; }
      .category-card:hover .category-arrow { transform: translateX(4px); border-color: var(--red); color: #fff; background: var(--red); }

      .assortment-section {
        padding: 78px 0;
        background: #fff;
      }
      .assortment-section + .assortment-section {
        padding-top: 0;
      }
      .assortment-head {
        display: grid;
        grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
        gap: 54px;
        align-items: end;
        margin-bottom: 34px;
        padding-bottom: 24px;
        border-bottom: 1px solid var(--line);
      }
      .assortment-head h2 {
        margin-bottom: 0;
      }
      .assortment-head p {
        margin: 0;
        color: var(--muted);
        font-size: 18px;
      }
      .catalog-groups {
        display: grid;
        gap: 22px;
      }
      .catalog-group {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 28px;
        align-items: start;
        padding: 26px 0;
        border-bottom: 1px solid var(--line);
      }
      .catalog-group:first-child {
        padding-top: 0;
      }
      .catalog-group h3 {
        margin: 0;
        font-size: 24px;
        line-height: 1.15;
      }
      .catalog-group > h3 {
        position: sticky;
        top: 105px;
        align-self: start;
      }
      .catalog-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .catalog-item {
        min-height: 74px;
        padding: 16px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--soft);
      }
      .catalog-item strong {
        display: block;
        margin-bottom: 4px;
        font-size: 17px;
      }
      .catalog-item span {
        display: block;
        color: var(--muted);
        font-size: 14px;
      }
      .colorant-grid {
        grid-template-columns: 1fr;
      }
      .colorant-card {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: #fff;
      }
      .catalog-list > .colorant-card:nth-child(even) {
        background: #f7f7f6;
      }
      .colorant-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 18px;
        align-items: start;
        width: 100%;
        padding: 20px;
        cursor: pointer;
        list-style: none;
      }
      .colorant-summary::-webkit-details-marker {
        display: none;
      }
      .colorant-card:not(details) .colorant-summary {
        cursor: default;
      }
      .color-range {
        display: grid;
        gap: 7px;
        max-width: 460px;
        margin-bottom: 12px;
      }
      .range-track {
        height: 14px;
        overflow: hidden;
        border: 1px solid rgba(29,31,35,.12);
        border-radius: 999px;
        background: var(--range);
      }
      .range-caption {
        color: #3f454b;
        font-size: 13px;
        font-weight: 750;
      }
      .range-annatto { --range: linear-gradient(90deg, #f7e7bf, #efb851 52%, #dd741e); }
      .range-carmine { --range: linear-gradient(90deg, #e87538, #c61f3f 52%, #71205f); }
      .range-turmeric { --range: linear-gradient(90deg, #fff06a, #f1ca22 58%, #dca60d); }
      .range-carotene { --range: linear-gradient(90deg, #f8dd2f, #eea01c 60%, #e26d14); }
      .range-caramel { --range: linear-gradient(90deg, #e4b75a, #8a4d21 58%, #2d160d); }
      .range-paprika { --range: linear-gradient(90deg, #f7c5a5, #ed7a32 58%, #cf3d1f); }
      .range-chlorophyll { --range: linear-gradient(90deg, #9ca84a, #678f3c 58%, #3d6f36); }
      .range-carbon { --range: #111316; }
      .range-ecoblend { --range: linear-gradient(90deg, #e5c84a, #d6812d 12%, #bd3438 24%, #c75a79 36%, #6f4b93 48%, #245d98 60%, #2d9696 70%, #4f8f45 79%, #7c5935 90%, #24272b 100%); }
      .range-crab { --range: linear-gradient(90deg, #f4aa63, #e26a32 58%, #c42128); }
      .range-ponceau { --range: linear-gradient(90deg, #d8232f, #b60f23); }
      .range-salmon { --range: linear-gradient(90deg, #f5b19d, #dc695e 58%, #bd3e3d); }
      .range-tartrazine { --range: linear-gradient(90deg, #fff27a, #f6d821 62%, #e9ba12); }
      .range-sunset { --range: linear-gradient(90deg, #f0c83c, #e48b25 62%, #cf5c1b); }
      .range-carmoisine { --range: linear-gradient(90deg, #d73555, #a91d35 62%, #6f1c27); }
      .range-indigo { --range: linear-gradient(90deg, #2868c7, #163e91 62%, #0d245c); }
      .colorant-main h4 {
        margin: 0 0 8px;
        font-size: 22px;
        line-height: 1.15;
      }
      .colorant-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 12px;
      }
      .colorant-meta span, .industry-tags span, .variant-count {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 0 10px;
        border: 1px solid var(--line);
        border-radius: 999px;
        color: #3f454b;
        background: var(--soft);
        font-size: 13px;
        font-weight: 750;
      }
      .colorant-main p {
        max-width: 680px;
        margin: 0 0 14px;
        color: var(--muted);
      }
      .industry-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .colorant-action {
        display: grid;
        gap: 12px;
        justify-items: end;
        min-width: 132px;
      }
      .details-label {
        color: var(--red-dark);
        font-weight: 900;
      }
      .colorant-card[open] .details-label {
        color: var(--red);
      }
      .variants-panel {
        padding: 0 20px 20px;
      }
      .variants-table {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: var(--radius);
      }
      .variant-row {
        display: grid;
        grid-template-columns: minmax(180px, 1.2fr) 110px minmax(130px, .8fr) minmax(220px, 1.4fr);
        gap: 14px;
        align-items: center;
        padding: 13px 16px;
        border-top: 1px solid var(--line);
        background: #fff;
      }
      .variant-row-five {
        grid-template-columns: minmax(130px, .9fr) 94px minmax(140px, .9fr) minmax(130px, .8fr) minmax(220px, 1.35fr);
      }
      .variant-row:first-child {
        border-top: 0;
      }
      .variant-head {
        color: var(--muted);
        background: var(--soft);
        font-size: 12px;
        font-weight: 850;
        text-transform: uppercase;
      }
      .variant-row span {
        font-size: 14px;
      }
      .variant-row strong {
        font-size: 15px;
      }
      .variant-industries {
        color: var(--muted);
      }
      .consult-block { padding: 0 0 82px; }
      .consult-panel { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--soft); }
      .consult-panel h2 { margin-bottom: 10px; font-size: clamp(28px, 3vw, 40px); }
      .consult-panel p { max-width: 620px; margin: 0; color: var(--muted); font-size: 18px; }
      .button { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; padding: 0 22px; border: 1px solid transparent; border-radius: 6px; font-weight: 800; cursor: pointer; }
      .button-primary { color: #fff; background: var(--red); }
      .button-primary:hover { background: var(--red-dark); }

      .site-footer { padding: 34px 0; color: rgba(255,255,255,.72); background: #111316; }
      .footer-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
      .site-footer strong, .site-footer span { display: block; margin-bottom: 8px; color: #fff; }
      .site-footer p { margin: 0; }

      @media (max-width: 900px) {
        .site-header { grid-template-columns: auto auto; }
        .nav-toggle { display: block; justify-self: end; }
        .main-nav, .header-cta { display: none; }
        .main-nav.is-open { grid-column: 1 / -1; display: grid; justify-content: stretch; gap: 0; padding-top: 12px; }
        .main-nav.is-open a { padding: 14px 0; border-top: 1px solid var(--line); }
        .category-grid, .consult-panel, .assortment-head, .catalog-group { grid-template-columns: 1fr; }
        .catalog-group > h3 { position: static; }
        .catalog-list { grid-template-columns: 1fr; }
        .colorant-summary { grid-template-columns: 1fr; }
        .colorant-action { justify-items: start; }
        .variants-panel { padding-left: 20px; }
        .variant-row, .variant-row-five { grid-template-columns: 1fr 90px; }
        .variant-row span:nth-child(3), .variant-row span:nth-child(4) { grid-column: 1 / -1; }
        .variant-head { display: none; }
        .consult-panel .button { justify-self: start; }
      }
      @media (max-width: 680px) {
        section[id] { scroll-margin-top: 22px; }
        .container { width: min(100% - 28px, 1180px); }
        .site-header { min-height: 68px; padding: 12px 14px; }
        .catalog-hero { min-height: 390px; }
        .catalog-hero-inner { padding: 104px 0 42px; }
        h1 { font-size: 46px; }
        .hero-lead { font-size: 17px; }
        .section { padding: 56px 0; }
        .category-card { min-height: 300px; }
        .category-card::after { width: 76%; }
        .category-content { max-width: calc(100% - 44px); padding: 0; margin: 0 0 22px 22px; }
        .consult-block { padding-bottom: 60px; }
        .consult-panel { padding: 22px; }
        .button { width: 100%; }
        .footer-grid { grid-template-columns: 1fr; }
      }
    
/* Overall food-colours category uses the approved image, whose left side is already light. */
body.catalog-colorants .catalog-hero { color:#202124; background:#fff; }
body.catalog-colorants .catalog-hero::before {
  background:url("./assets/optimized/food-colours-red-amber-flows.jpg.webp") 72% center / cover no-repeat;
  transform:none;
}
body.catalog-colorants .catalog-hero::after { content:none; background:none; }
body.catalog-colorants .catalog-hero h1,
body.catalog-colorants .catalog-hero .hero-lead,
body.catalog-colorants .catalog-hero .breadcrumbs { color:#202124; text-shadow:none; }
@media(max-width:680px) {
  body.catalog-colorants .catalog-hero::before { background-position:25% center; }
}

/* /catalog-v5.css */
/* Shared presentation layer; catalog content and interactions stay in each page. */
:root { --red:#a91232; --red-dark:#850e28; --ink:#2d3031; --muted:#707476; --line:#dfe2e2; --soft:#f3f5f4; }
body { font-family:Arial,Helvetica,sans-serif; }
h1,h2,h3 { letter-spacing:0; font-weight:500; }
section[id] { scroll-margin-top:110px; }
.site-header,.site-header.is-scrolled,.site-header.is-open { position:sticky; min-height:82px; color:var(--ink); background:#fff; box-shadow:none; backdrop-filter:none; border-bottom:1px solid var(--line); }
.brand { min-width:0; }
.brand img { display:block; width:148px; height:auto; }
.logo-slot { border:0; padding:0; background:none; font-size:26px; font-weight:700; }
.main-nav { gap:30px; font-weight:500; }
.main-nav .nav-dropdown { position:relative; }
.main-nav .nav-dropdown > button { display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.main-nav .nav-dropdown > button span { font-size:12px; transition:transform .2s; }
.main-nav .nav-dropdown:hover > button span,.main-nav .nav-dropdown:focus-within > button span,.main-nav .nav-dropdown.is-open > button span { transform:rotate(180deg); }
.main-nav .nav-dropdown-menu { position:absolute; top:calc(100% + 16px); left:-18px; min-width:260px; padding:10px 0; visibility:hidden; opacity:0; transform:translateY(-6px); background:#fff; border:1px solid var(--line); box-shadow:0 14px 30px rgba(25,30,38,.10); transition:opacity .18s,transform .18s,visibility .18s; }
.main-nav .nav-dropdown:hover .nav-dropdown-menu,.main-nav .nav-dropdown:focus-within .nav-dropdown-menu,.main-nav .nav-dropdown.is-open .nav-dropdown-menu { visibility:visible; opacity:1; transform:translateY(0); }
.main-nav .nav-dropdown-menu a { display:block; padding:10px 18px; white-space:nowrap; }
.header-cta { color:var(--ink); border:1px solid #bfc3c4; border-radius:2px; font-weight:500; }
.header-cta:hover { color:#fff; background:var(--red); border-color:var(--red); }
.catalog-hero { width:calc(100% - 32px); max-width:1680px; margin:0 auto; min-height:390px; border-radius:16px; color:#fff; background:#32423a; align-items:center; }
.catalog-colorants { --hero-image:url('assets/optimized/food-colours-red-amber-flows.jpg.webp'); }
.catalog-flavors { --hero-image:url('assets/optimized/v4-product-flavors-user.png.webp'); }
.catalog-stabilizing { --hero-image:url('assets/optimized/v4-product-stabilizers-user.png.webp'); }
.catalog-ingredients { --hero-image:url('assets/optimized/v4-product-ingredients-user.png.webp'); }
.catalog-ingredients .catalog-hero::before { background-image:url('assets/optimized/v4-product-ingredients-user.png.webp') !important; }
.catalog-hero::before { background-image:var(--hero-image); background-position:center; background-size:cover; transform:none; }
.catalog-hero::after { background:linear-gradient(90deg,rgba(16,29,25,.76),rgba(16,29,25,.52) 36%,rgba(16,29,25,.08) 67%,transparent 85%); }
.catalog-hero-inner { padding:44px 20px 52px; }
.catalog-hero h1 { text-shadow:0 2px 16px rgba(0,0,0,.2); }
.breadcrumbs { margin-bottom:36px; color:#fff; font-weight:400; font-size:13px; }
.breadcrumbs span:not(:last-child)::after { color:#e2ebe5; }
.breadcrumbs a:hover { color:#fff; text-decoration:underline; }
h1 { font-size:52px; line-height:1.08; max-width:720px; margin-bottom:20px; overflow-wrap:anywhere; }
.hero-lead { color:#fff; max-width:550px; font-size:18px; text-shadow:0 1px 8px rgba(0,0,0,.35); }
.section { padding:88px 0; }
.section-head { margin-bottom:36px; max-width:900px; }
.eyebrow { font-weight:600; font-size:12px; margin-bottom:16px; }
h2 { font-size:40px; line-height:1.16; }
.category-grid { gap:30px; align-items:start; }
.category-card { display:block; min-height:0; padding-top:64%; padding-bottom:0; overflow:visible; border:0; border-radius:0; background:transparent; color:var(--ink); box-shadow:none; isolation:isolate; }
.category-card::before { inset:0 0 auto; height:0; padding-top:64%; border-radius:8px; z-index:0; transform:none; }
.category-card::after { display:none; }
.category-card:hover { transform:none; border-color:transparent; box-shadow:none; }
.category-card:hover::before { transform:scale(1.015); }
.category-content { width:100%; max-width:none; margin:20px 0 0; padding:0; align-items:flex-start; gap:12px; }
.category-content h3 { max-width:none; min-width:0; color:var(--ink); font-size:28px; line-height:1.2; font-weight:500; text-shadow:none; overflow-wrap:anywhere; }
.category-card:hover .category-content { text-shadow:none; }
.category-arrow { width:30px; height:34px; border:0; border-radius:0; background:none; box-shadow:none; color:var(--red); font-size:25px; }
.category-card:hover .category-arrow { background:none; color:var(--red-dark); }
.catalog-stabilizing .category-grid { gap:20px; }
.catalog-stabilizing .category-content h3 { font-size:23px; }
.catalog-flavors .category-content h3 { font-size:26px; }
.assortment-section,.assortment-section + .assortment-section { padding:72px 0; background:#e5eee7; }
.assortment-section:nth-of-type(even) { background:#f5eeef; }
.assortment-section + .assortment-section { border-top:1px solid #d7dddd; }
.catalog-ingredients .assortment-section,
.catalog-ingredients .assortment-section:nth-of-type(even) { background:#fff; }
.catalog-ingredients .product-grid { display:block; }
.catalog-ingredients .product-card,
.catalog-ingredients .product-card:nth-child(even) { min-height:0; padding:16px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; }
.catalog-ingredients .product-card:last-child { border-bottom:0; }
.catalog-ingredients .product-card:hover { transform:none; border-color:var(--line); box-shadow:none; }
.catalog-ingredients .product-card h3 { margin:0; font-size:20px; font-weight:600; }
.assortment-head { margin-bottom:40px; padding-bottom:28px; }
.catalog-group { gap:36px; padding-bottom:38px; border-bottom:0; }
.catalog-group + .catalog-group { padding-top:48px; border-top:1px solid #d2d8d8; }
.catalog-group > * { min-width:0; }
.catalog-group > h2,.catalog-group > h3 { top:110px; color:#385448; font-weight:500; line-height:1.2; overflow-wrap:anywhere; }
.assortment-section:nth-of-type(even) .catalog-group > h2,.assortment-section:nth-of-type(even) .catalog-group > h3 { color:#81263c; }
.catalog-group > h2::before,.catalog-group > h3::before { content:""; display:block; width:44px; height:3px; margin-bottom:22px; background:var(--red); }
.catalog-group > h2 { font-size:30px; max-width:100%; }
.catalog-group > h3 { font-size:25px; }
.colorant-card,.profile-card,.product-card,.drink-profile { border:1px solid #d9dfdf; border-radius:6px; background:#fff; box-shadow:0 3px 12px rgba(29,42,40,.035); }
.catalog-list > .colorant-card:nth-child(even),.profile-card:nth-child(even),.product-card:nth-child(even),.drink-profile:nth-child(even) { background:#fafbfa; }
.profile-card:hover,.product-card:hover,.drink-profile:hover { transform:none; box-shadow:0 5px 16px rgba(29,42,40,.06); border-color:#bfc3c4; }
.profile-card,.product-card { padding:24px; }
.profile-card h3,.product-card h3 { font-size:23px; font-weight:500; }
.profile-grid,.product-grid,.colorant-grid { gap:18px; }
.series-head { margin-bottom:28px; padding-bottom:24px; border-bottom:1px solid #d2d8d8; }
.series-head strong { font-weight:600; }
.series-head p { color:#535d5d; }
.dosage-note { padding:10px 14px; border:0; border-left:2px solid #51715f; border-radius:0; background:#d5e3d8; color:#2d4939; font-weight:500; }
.article { display:table; width:fit-content; padding:4px 9px; border-radius:3px; background:#eef1f0; color:#4d5957; font-size:13px; font-weight:500; font-variant-numeric:tabular-nums; }
.colorant-summary { padding:26px; }
.colorant-main h4 { font-weight:600; margin-bottom:16px; }
.colorant-meta span { background:#e9eeee; border-color:transparent; border-radius:3px; font-weight:500; }
.industry-tags { padding-top:14px; border-top:1px solid #e5e8e8; }
.industry-tags span { background:transparent; border:0; padding:0 10px 0 0; font-weight:400; color:#5d6867; }
.industry-tags span + span { padding-left:10px; border-left:1px solid #d8dddd; border-radius:0; }
.variant-count { border:0; background:#eef1f0; border-radius:3px; font-weight:500; }
.details-label { display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:14px; }
.details-label::after { content:"+"; font-size:21px; line-height:1; font-weight:400; }
.colorant-card[open] { border-color:#b8c4c1; box-shadow:inset 3px 0 var(--red),0 5px 18px rgba(29,42,40,.05); }
.colorant-card[open] .details-label::after { content:"−"; }
.colorant-card[open] .variants-panel { padding-top:20px; border-top:1px solid #dce2e1; background:#edf1ef; }
.variants-table { border-radius:4px; }
.variant-row:nth-child(odd):not(.variant-head) { background:#f7f9f8; }
.variant-head { background:#e1e8e5; color:#3c4c47; }
.product-meta { border-top:1px solid #e0e5e3; padding-top:16px; }
.drink-profile { border-left:2px solid #c8d3cf; font-weight:500; }
.variants-panel { overflow-x:auto; }
.consult-block { padding:72px 0; background:#941b38; color:#fff; margin-top:0; }
.consult-panel { padding:0; background:none; border:0; border-radius:0; gap:48px; }
.consult-panel h2 { font-size:34px; }
.consult-panel p { font-size:17px; color:#f7e8ec; }
.consult-panel .button-primary { color:#941b38; background:#fff; border-color:#fff; }
.consult-panel .button-primary:hover { background:#f4e6ea; border-color:#f4e6ea; }
.consult-panel a:focus-visible { outline-color:#fff; }
.button { border-radius:2px; font-weight:500; padding:14px 22px; text-align:center; }
.site-footer { background:#2e3332; padding:56px 0; font-size:14px; }
a:focus-visible,summary:focus-visible,button:focus-visible { outline:2px solid var(--red); outline-offset:5px; }
@media(max-width:1100px) and (min-width:981px) {
  .catalog-group > h2 { font-size:28px; }
  .profile-grid,.drink-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-content h3,.catalog-flavors .category-content h3 { font-size:24px; }
}
@media(max-width:980px) {
  .site-header { grid-template-columns:1fr auto; min-height:74px; padding:14px 20px; }
  .nav-toggle { display:block; grid-column:2; grid-row:1; }
  .main-nav { display:none; }
  .main-nav.is-open { position:absolute; inset:74px 0 auto; display:flex; flex-direction:column; padding:16px 24px; margin:0; background:#fff; border:1px solid var(--line); border-radius:0; box-shadow:none; gap:0; }
  .main-nav.is-open a { padding:12px 0; }
  .main-nav .nav-dropdown { width:100%; }
  .main-nav .nav-dropdown > button { width:100%; justify-content:space-between; padding:12px 0; }
  .main-nav .nav-dropdown-menu { position:static; display:none; min-width:0; padding:0 0 8px; border:0; box-shadow:none; opacity:1; transform:none; visibility:visible; }
  .main-nav .nav-dropdown.is-open .nav-dropdown-menu { display:block; }
  .main-nav .nav-dropdown-menu a { padding:10px 14px; white-space:normal; }
  .header-cta { display:none; }
  .catalog-group { grid-template-columns:1fr; gap:28px; }
  .catalog-group > h2,.catalog-group > h3 { position:static; max-width:none; }
  .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .consult-panel { grid-template-columns:1fr; gap:28px; }
  .consult-panel .button { justify-self:start; }
}
@media(max-width:680px) {
  section[id] { scroll-margin-top:94px; }
  .catalog-hero { width:calc(100% - 24px); min-height:360px; border-radius:8px; }
  .catalog-hero-inner { width:100%; padding:32px 20px; }
  .catalog-hero::after { background:linear-gradient(90deg,rgba(16,29,25,.78),rgba(16,29,25,.56) 70%,rgba(16,29,25,.28)); }
  h1 { font-size:34px; }
  h2 { font-size:30px; }
  .hero-lead { font-size:16px; }
  .breadcrumbs { margin-bottom:26px; font-size:12px; }
  .section,.assortment-section,.assortment-section + .assortment-section { padding:48px 0; }
  .category-grid,.catalog-stabilizing .category-grid { grid-template-columns:1fr; gap:32px; }
  .category-card { min-height:0; padding-top:60%; }
  .category-card::before { padding-top:60%; }
  .category-content { margin:16px 0 0; max-width:none; }
  .category-content h3,.catalog-flavors .category-content h3 { font-size:25px; }
  .profile-grid,.drink-grid,.product-grid { grid-template-columns:1fr; }
  .colorant-summary,.profile-card,.product-card { padding:20px; }
  .catalog-group > h2::before,.catalog-group > h3::before { margin-bottom:16px; }
  .catalog-group > h2 { font-size:28px; }
  .consult-block { margin-top:0; padding:48px 0; }
  .consult-panel h2 { font-size:30px; }
  .footer-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .category-card::before,.category-arrow { transition:none; }
}

body.catalog-colorants .catalog-hero::before { background-position:72% center; }
@media(max-width:680px) {
  body.catalog-colorants .catalog-hero::before { background-position:25% center; }
  body.catalog-colorants .catalog-hero h1 { max-width:min(320px,56vw); }
  body.catalog-colorants .catalog-hero .hero-lead { max-width:min(340px,56vw); }
}

/* /site-shell.css */
/* Shared header and edge-to-edge hero geometry on active pages. */
body .site-header { position:sticky !important; inset:0 0 auto !important; z-index:50; display:block !important; width:100% !important; height:82px !important; min-height:82px !important; padding:0 !important; background:#fff !important; color:#2d3031 !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; font-family:Arial,Helvetica,sans-serif; }
body .site-header .header-inner { display:flex !important; align-items:center !important; gap:40px !important; width:min(1360px,calc(100% - 72px)) !important; max-width:none !important; height:100% !important; margin:0 auto !important; padding:0 !important; }
body .site-header .brand { display:flex; min-width:0; padding:0; border:0; background:none; }
body .site-header .brand img { width:148px; height:auto; display:block; }
body .site-header .nav { display:flex; align-items:center; justify-content:flex-end; gap:30px; margin-left:auto; font-size:14px; font-weight:400; }
body .site-header a { text-decoration:none; color:inherit; opacity:1; }
body .site-header .header-button { display:inline-flex; align-items:center; justify-content:center; width:auto; min-height:44px; padding:11px 22px; border:1px solid #bfc3c4; border-radius:2px; color:#2d3031; background:transparent; font-size:14px; font-weight:600; }
body .site-header .menu-toggle { display:none; }
body .site-header .nav-dropdown { position:relative; }
body .site-header .nav-dropdown > button { display:flex; align-items:center; gap:7px; border:0; padding:12px 0; background:none; color:inherit; font:inherit; cursor:pointer; }
body .site-header .nav-dropdown > button span { font-size:12px; }
body .site-header .nav-dropdown-menu { position:absolute; top:100%; right:0; left:auto; width:340px; max-width:90vw; padding:10px 0; background:white; border:1px solid #e4e6e7; box-shadow:0 10px 24px #00000010; visibility:hidden; opacity:0; transform:none; }
body .site-header .nav-dropdown:hover .nav-dropdown-menu,body .site-header .nav-dropdown:focus-within .nav-dropdown-menu,body .site-header .nav-dropdown.is-open .nav-dropdown-menu { visibility:visible; opacity:1; }
body .site-header .nav-dropdown-menu a { display:block; padding:10px 18px; white-space:normal; line-height:1.4; }
body .site-header .nav-industries-menu { width:300px; padding:10px 0; }
body .site-header .nav-industry-groups { display:block; }
body .site-header .nav-industry-group { position:relative; min-width:0; }
body .site-header .nav-industries-menu .nav-industry-parent { padding:10px 52px 10px 18px; font-weight:400; }
body .site-header .nav-industry-toggle { position:absolute; right:8px; top:4px; width:36px; height:32px; border:0; background:transparent; color:inherit; cursor:pointer; }
body .site-header .nav-industry-toggle::after { content:""; display:inline-block; width:7px; height:7px; border-top:1px solid; border-right:1px solid; transform:rotate(45deg); }
body .site-header .nav-industries-menu .nav-industry-children { display:none; position:absolute; left:100%; top:-1px; width:300px; padding:8px 0; background:#fff; border:1px solid #e4e6e7; box-shadow:0 10px 24px #00000010; }
body .site-header .nav-industry-group.is-expanded > .nav-industry-children { display:block; }
body .site-header .nav-industries-menu .nav-industry-children a { padding:10px 18px; font-size:14px; }
body .site-header .nav-industry-other { display:block; }
body .site-header .nav-industries-menu .nav-industry-other a { padding:10px 18px; font-size:14px; }
body .site-header .nav-industries-menu a:hover { color:#a91232; }
body .site-header a:hover { color:#a91232; }
body .site-header .language-switcher { display:inline-flex; align-items:center; gap:0; margin-left:2px; padding:3px; border:1px solid #dfe2e3; border-radius:3px; white-space:nowrap; font-size:12px; line-height:1; letter-spacing:.04em; }
body .site-header .language-switcher a,body .site-header .language-switcher span { display:inline-flex; align-items:center; justify-content:center; min-width:31px; min-height:26px; padding:0 6px; border-radius:2px; color:#656a6c; text-decoration:none; }
body .site-header .language-switcher [aria-current="page"] { color:#fff; background:#a91232; font-weight:700; }
body .site-header .language-switcher a:hover { color:#a91232; }
body .site-header .language-switcher-status:not(:empty) { position:fixed; top:92px; right:24px; z-index:100; max-width:min(360px,calc(100vw - 32px)); padding:12px 16px; border-radius:3px; color:#fff; background:#2d3031; box-shadow:0 8px 24px #0003; font-size:14px; line-height:1.45; white-space:normal; }
/* Override the older category-specific framed hero rules. */
body :is(.catalog-hero,.ingredients-hero,.industry-hero,.company-intro-hero) { width:100% !important; max-width:none !important; height:360px !important; min-height:360px !important; margin-left:0 !important; margin-right:0 !important; border-radius:0 !important; box-sizing:border-box; }
body .company-intro { padding-top:0; }
body :is(.catalog-hero-inner,.ingredients-hero-copy,.industry-hero-copy,.hero-content) { width:min(1320px,calc(100% - 64px)) !important; margin-inline:auto; padding:28px 0 !important; }
body .industry-hero { display:flex; align-items:center; padding:0; }
body .industry-hero > img { width:100%; }
body .company-intro-copy { padding-left:max(32px,calc((100% - 1320px)/2)); width:60%; max-width:850px; }
/* The homepage keeps its existing hero scale and image framing. */
body .hero { width:calc(100% - 32px); max-width:1680px; height:510px; min-height:0; margin:0 auto; border-radius:16px; }
body .hero-content { width:auto; margin:0; padding:48px 72px; }
@media(max-width:1000px) {
 body .site-header { height:74px; min-height:74px; }
 body .site-header .header-inner { width:calc(100% - 40px); gap:20px; }
 body .site-header .brand img { width:132px; }
 body .site-header .header-button { margin-left:auto; }
 body .site-header .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:6px; width:32px; height:42px; padding:4px; border:0; background:none; }
 body .site-header .menu-toggle span { width:24px; height:2px; background:#2d3031; }
 body .site-header .nav { display:none; position:absolute; inset:74px 0 auto; padding:16px 24px; margin:0; background:#fff; }
 body .site-header .nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; max-height:calc(100dvh - 74px); overflow:auto; }
 body .site-header .nav > a { padding:12px 0; }
 body .site-header .nav .language-switcher { align-self:flex-start; margin:12px 0 4px; }
 body .site-header .language-switcher-status:not(:empty) { top:82px; right:16px; }
 body .site-header .nav-dropdown > button { width:100%; justify-content:space-between; }
 body .site-header .nav-dropdown-menu { position:static; display:none; width:100%; max-width:none; border:0; box-shadow:none; }
 body .site-header .nav-dropdown.is-open .nav-dropdown-menu { display:block; }
 body .site-header .nav-industries-menu { width:100%; padding:0 0 8px; }
 body .site-header .nav-industries-menu .nav-industry-children { position:static; width:auto; margin-left:18px; padding:0 0 6px; border:0; border-left:1px solid #e4e6e7; box-shadow:none; }
 body .site-header .nav-industry-toggle::after { transform:rotate(135deg); }
 body .site-header .nav-industry-toggle[aria-expanded="true"]::after { transform:rotate(-45deg); }
}
@media(max-width:760px) {
 body :is(.catalog-hero,.ingredients-hero,.industry-hero,.company-intro-hero) { height:320px !important; min-height:320px !important; }
 body :is(.catalog-hero-inner,.ingredients-hero-copy,.industry-hero-copy,.hero-content) { width:calc(100% - 40px) !important; padding:24px 0 !important; }
 body .industry-hero > img { position:absolute; inset:0; height:100%; margin:0; z-index:-2; }
 body .industry-hero::after { display:block; background:linear-gradient(90deg,#f4f5f4ed,#f4f5f4b0 55%,#f4f5f420); }
 body .hero { width:calc(100% - 24px); height:500px; margin:0 auto; border-radius:14px; }
 body .hero-content { width:auto !important; padding:32px; }
 body .company-intro-copy { width:100%; padding:32px 20px; }
 body .company-intro-copy h1 { font-size:32px; }
 body .site-header .header-button { display:none; }
 body .site-header .menu-toggle { margin-left:auto; }
}

/* /brand-tagline.css */
/* Shared brand lockup; footer branding remains unchanged. */
body .site-header .brand {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  flex-shrink:0;
}
body .site-header .brand .brand-tagline {
  display:block;
  margin:0;
  padding:0;
  color:#52565b;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:400;
  line-height:1.2;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
}
@media(max-width:1000px) {
  body .site-header .brand .brand-tagline { font-size:9px; }
}

/* /site-grid.css */
/* One content grid across product, industry and company pages. */
:root { --site-content-max:1400px; --site-gutter:50px; --site-content-width:min(var(--site-content-max),calc(100% - var(--site-gutter) * 2)); }
body .container,
body .site-header .header-inner,
body .catalog-hero-inner,
body .ingredients-hero-copy,
body .industry-hero-copy {
  width:var(--site-content-width) !important;
  max-width:var(--site-content-max) !important;
  margin-inline:auto !important;
  box-sizing:border-box;
}
body .site-header .header-inner { padding-inline:0 !important; }
body .catalog-hero-inner,
body .ingredients-hero-copy,
body .industry-hero-copy { padding-inline:0 !important; }
/* Account for the homepage hero's narrow outer frame. */
body .hero .hero-content {
  width:auto !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding-left:max(calc(var(--site-gutter) - 16px),calc((100vw - var(--site-content-max)) / 2 - (100vw - 100%) / 2)) !important;
  padding-right:var(--site-gutter) !important;
}
body .company-intro-copy { padding-left:max(var(--site-gutter),calc((100vw - var(--site-content-max)) / 2)) !important; }
@media(max-width:760px) {
  body .hero .hero-content { padding-inline:38px !important; }
}

/* /colorant-product.css */
.product-detail main { padding-top:0; }
.product-detail h1,.product-detail h2,.product-detail h3 { font-weight:500; letter-spacing:0; }
.product-detail h1 { font-size:44px; line-height:1.12; margin:0 0 16px; overflow-wrap:anywhere; }
.product-detail h2 { font-size:32px; line-height:1.2; margin:0 0 26px; }
.product-detail h3 { font-size:21px; line-height:1.35; margin:0 0 12px; }
.product-hero { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:44px 0 38px; }
.product-hero > * { min-width:0; }
.product-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:var(--muted); margin-bottom:28px; }
.product-breadcrumbs a:hover { color:var(--red); }
.product-e-code { color:var(--muted); font-size:18px; margin-bottom:14px; }
.product-subtitle { font-size:20px; line-height:1.5; margin-bottom:24px; max-width:560px; }
.product-hero .colorant-photo { display:block; width:100%; height:auto; border-radius:6px; overflow:hidden; }
.product-hero .color-range { max-width:480px; margin:0; }
.product-hero .range-track { height:6px; border-radius:3px; background:var(--range); }
.product-hero .range-caption { color:var(--muted); font-size:14px; margin-top:10px; }
.product-intro { padding:24px 0 32px; border-top:1px solid var(--line); }
.product-intro-copy { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.product-intro p { color:var(--muted); font-size:18px; margin:0; max-width:900px; }
.product-intro-copy p:only-child { grid-column:1/-1; }
.product-assortment { padding:32px 0; background:var(--soft); }
.product-mobile-assortment { display:none; }
.product-section { padding:32px 0; }
.product-detail .eyebrow { color:var(--red); font-size:13px; margin-bottom:12px; font-weight:600; }
.product-row { display:grid; grid-template-columns:1.05fr .75fr 1fr 2fr; gap:24px; padding:17px 0; border-bottom:1px solid var(--line); font-size:16px; }
.without-form .product-row { grid-template-columns:1.2fr .7fr 2fr; }
.with-color .product-row { grid-template-columns:.75fr .65fr 1.1fr 1fr 1.4fr; }
.product-row > span { min-width:0; overflow-wrap:anywhere; }
.product-row > span:last-child { color:var(--muted); }
.product-code { font-weight:600; font-variant-numeric:tabular-nums; }
.product-table-head { font-size:13px; color:var(--muted); padding:12px 0; }
.product-industries { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 28px; font-size:17px; }
.product-industries > * { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; padding:16px 0; border-bottom:1px solid var(--line); }
.product-industries a span { color:var(--red); }
.product-industries a:hover { color:var(--red); }
.product-technology { border-top:1px solid var(--line); }
.application-copy { max-width:900px; font-size:18px; color:var(--muted); margin:24px 0 0; }
.product-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.product-features > div { border-top:1px solid var(--line); padding-top:22px; }
.product-features p { font-size:16px; color:var(--muted); margin:0; }
.product-detail .consult-panel h2 { font-size:32px; }
.product-detail .consult-panel { grid-template-columns:minmax(0,1fr) auto; }
.product-detail .consult-block { padding:60px 0; }
@media(max-width:1000px) {
 .product-hero { gap:28px; }
 .product-detail h1 { font-size:36px; }
 .product-subtitle { font-size:18px; }
 .product-row { gap:16px; }
 .product-detail .consult-panel { grid-template-columns:1fr; }
}
@media(max-width:760px) {
 .product-hero { grid-template-columns:1fr; padding-top:26px; }
 .product-detail h1 { font-size:30px; }
 .product-detail h2,.product-detail .consult-panel h2 { font-size:26px; overflow-wrap:anywhere; }
 .product-intro-copy,.product-features { grid-template-columns:1fr; gap:16px; }
 .product-row,.without-form .product-row { grid-template-columns:1fr; gap:6px; padding:18px 0; }
 .product-table-head { display:none; }
 .product-code { color:var(--red); }
 .product-industries { grid-template-columns:repeat(2,minmax(0,1fr)); font-size:16px; gap:0 20px; }
 .product-detail .button { white-space:normal; text-align:center; max-width:100%; }
 .product-detail .consult-panel { padding:0; gap:22px; }
 .product-detail .consult-block { padding:40px 0; }
 .product-detail .container { width:calc(100% - 40px) !important; }
 .product-hero { gap:20px; padding:22px 0 24px; }
 .product-breadcrumbs { margin-bottom:16px; font-size:12px; gap:6px; }
 .product-detail h1 { margin-bottom:12px; }
 .product-subtitle { font-size:17px; line-height:1.5; margin-bottom:16px; }
 .product-hero .range-caption { margin-top:7px; font-size:13px; }
 .product-hero .range-track { height:5px; }
 .product-intro p:not(.eyebrow),.application-copy { font-size:16px; line-height:1.55; }
 .product-intro { padding:20px 0 24px; }
 .product-assortment,.product-section { padding:26px 0; }
 .product-detail h2 { margin-bottom:20px; }
 .product-detail h3 { font-size:20px; }
 .product-table { display:none; }
 .product-mobile-assortment { display:block; }
 .product-mobile-group + .product-mobile-group { margin-top:24px; }
 .product-mobile-assortment h3 { font-size:17px; margin-bottom:8px; }
 .product-mobile-assortment ul { list-style:none; margin:0; padding:0; }
 .product-mobile-assortment li { padding:13px 0; border-bottom:1px solid var(--line); }
 .product-mobile-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; font-size:16px; line-height:1.4; }
 .product-mobile-heading > span::before { content:'·'; margin-right:10px; color:var(--muted); }
 .product-mobile-assortment li p { margin:6px 0 0; font-size:15px; line-height:1.5; color:var(--muted); }
 .product-features > div { padding-top:16px; }
 .product-detail .consult-panel p { font-size:16px; }
}
@media(max-width:430px) {
 .product-industries { grid-template-columns:1fr; }
}

/* /site-fonts.css */
/* Inter: compact Latin/Cyrillic files; complete WOFF2 fallback preserves other glyphs. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/inter-400.woff2") format("woff2");}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/inter-400-common-v2.woff2") format("woff2");unicode-range:U+0020-00FF,U+0400-045F,U+2000-206F,U+20AC,U+2116,U+2190-2193,U+2212,U+2304,U+FFFD;}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/inter-500.woff2") format("woff2");}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("/assets/inter-500-common-v2.woff2") format("woff2");unicode-range:U+0020-00FF,U+0400-045F,U+2000-206F,U+20AC,U+2116,U+2190-2193,U+2212,U+2304,U+FFFD;}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/inter-600.woff2") format("woff2");}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/inter-600-common-v2.woff2") format("woff2");unicode-range:U+0020-00FF,U+0400-045F,U+2000-206F,U+20AC,U+2116,U+2190-2193,U+2212,U+2304,U+FFFD;}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/inter-700.woff2") format("woff2");}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/inter-700-common-v2.woff2") format("woff2");unicode-range:U+0020-00FF,U+0400-045F,U+2000-206F,U+20AC,U+2116,U+2190-2193,U+2212,U+2304,U+FFFD;}
body,body button,body input,body textarea,body select,body .site-header,body .site-header .brand .brand-tagline,body .product-selector{font-family:Inter,Arial,Helvetica,sans-serif;}