@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Montserrat:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #0b0b10;
  --ink-soft: #292831;
  --muted: #777683;
  --paper: #f4f2ef;
  --white: #fffdfb;
  --line: rgba(17, 16, 22, .12);
  --cyan: #55e1df;
  --violet: #a695ff;
  --pink: #f8a9ce;
  --serif: Georgia, 'Times New Roman', serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Manrope, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.section-shell { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.topline { background: var(--ink); color: #d8d6dc; font: 500 10px/1 DM Mono, monospace; letter-spacing: .18em; padding: 12px 24px; text-align: center; }
.topline span { color: var(--cyan); padding: 0 10px; }
.site-header { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 22px 32px; width: min(1280px, 100%); }
.brand { width: 158px; }
.brand img { filter: brightness(.25); height: auto; width: 100%; }
.main-nav { display: flex; gap: 34px; margin-left: 90px; }
.main-nav a { color: #5d5b65; font-size: 12px; font-weight: 700; letter-spacing: .02em; }
.main-nav a:hover, .text-link:hover { color: var(--ink); }
.nav-cta { border-bottom: 1px solid var(--ink); font-size: 12px; font-weight: 800; padding-bottom: 7px; }
.nav-cta span, .button span, .text-link span { font-size: 16px; margin-left: 8px; }
.hero { align-items: center; display: grid; gap: 4%; grid-template-columns: 46% 50%; min-height: 650px; padding-bottom: 70px; padding-top: 56px; }
.kicker { align-items: center; color: #6d6b76; display: flex; font: 500 10px/1 DM Mono, monospace; letter-spacing: .17em; margin: 0 0 25px; text-transform: uppercase; }
.kicker-dot { background: linear-gradient(135deg, var(--cyan), var(--violet)); border-radius: 50%; height: 8px; margin-right: 10px; width: 8px; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(42px, 5.2vw, 74px); letter-spacing: -.065em; line-height: .98; margin-bottom: 27px; max-width: 600px; }
em { font-family: var(--serif); font-weight: 400; letter-spacing: -.04em; }
.hero-lede { color: #686670; font-size: 15px; line-height: 1.8; max-width: 450px; }
.hero-actions { align-items: center; display: flex; gap: 28px; margin-top: 36px; }
.button { align-items: center; display: inline-flex; font-size: 12px; font-weight: 800; justify-content: center; letter-spacing: .02em; min-height: 48px; padding: 0 21px; transition: transform .2s, box-shadow .2s; }
.button:hover { box-shadow: 0 12px 24px rgba(0,0,0,.13); transform: translateY(-2px); }
.button-primary { background: var(--ink); color: white; }
.button-dark { background: var(--ink); color: white; margin-top: 30px; }
.text-link { border-bottom: 1px solid #9f9da3; color: #5d5b65; font-size: 12px; font-weight: 700; padding-bottom: 7px; }
.hero-note { align-items: center; color: #88868f; display: flex; font-size: 11px; line-height: 1.4; margin-top: 44px; max-width: 390px; }
.note-icon { align-items: center; border: 1px solid #aaa7af; border-radius: 50%; display: flex; flex: 0 0 19px; font-size: 14px; height: 19px; justify-content: center; margin-right: 10px; }
.hero-art { background: #d7d3d1; height: 485px; overflow: hidden; position: relative; }
.hero-grid { background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 44px 44px; inset: 0; opacity: .35; position: absolute; transform: perspective(420px) rotateX(48deg) rotateZ(-8deg) scale(1.5); transform-origin: center bottom; }
.orb { border-radius: 50%; filter: blur(4px); position: absolute; }
.orb-one { background: linear-gradient(135deg, var(--cyan), var(--violet) 55%, var(--pink)); height: 400px; left: -100px; opacity: .85; top: -170px; width: 400px; }
.orb-two { background: linear-gradient(135deg, #fff0dc, var(--pink) 40%, var(--violet)); bottom: -180px; height: 430px; right: -150px; opacity: .9; width: 430px; }
.hero-glow { background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.8) 48%, transparent 65%); height: 180%; left: -20%; position: absolute; top: -25%; transform: rotate(25deg); width: 30%; }
.hero-card { backdrop-filter: blur(18px); background: rgba(20, 19, 28, .79); bottom: 34px; color: white; display: flex; flex-direction: column; height: 188px; justify-content: space-between; left: 34px; padding: 24px; position: absolute; width: 210px; }
.card-label, .product-topline, .signal-strip span, .detail-grid span, .safety-line, .footer-small { font: 500 10px/1.4 DM Mono, monospace; letter-spacing: .1em; text-transform: uppercase; }
.card-label { color: var(--cyan); font-size: 8px; }
.card-number { font-size: 70px; font-weight: 800; letter-spacing: -.09em; line-height: .8; }
.card-caption { color: #d0ced6; font-size: 11px; line-height: 1.45; }
.signal-strip { align-items: center; background: var(--ink); color: white; display: flex; gap: 0; justify-content: center; min-height: 104px; padding: 18px 32px; }
.signal-strip > div { align-items: center; border-left: 1px solid rgba(255,255,255,.18); display: flex; flex-direction: column; min-width: 190px; padding: 0 28px; }
.signal-strip > div:first-child { border-left: 0; }
.signal-strip strong { font-size: 23px; letter-spacing: -.05em; margin-bottom: 5px; }
.signal-strip .unit { color: var(--cyan); font-size: 11px; margin-left: 3px; }
.signal-strip span { color: #9e9ca7; font-size: 9px; }
.product-section { padding-bottom: 120px; padding-top: 128px; }
.section-heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 45px; }
h2 { font-size: clamp(38px, 4.2vw, 58px); letter-spacing: -.07em; line-height: .98; margin-bottom: 0; }
.section-intro { color: var(--muted); font-size: 13px; line-height: 1.7; margin-bottom: 3px; max-width: 315px; }
.product-card { background: var(--white); display: grid; grid-template-columns: 49% 51%; min-height: 520px; }
.product-image-wrap { align-items: center; background: #e9e5e1; display: flex; justify-content: center; min-height: 520px; overflow: hidden; position: relative; }
.product-image-wrap img { filter: drop-shadow(0 28px 16px rgba(24, 21, 27, .18)); max-width: 92%; position: relative; transform: rotate(-2deg); width: 88%; z-index: 1; }
.image-halo { background: radial-gradient(circle, #fff 0, rgba(255,255,255,.7) 30%, transparent 70%); height: 95%; position: absolute; width: 95%; }
.product-badge { background: var(--ink); color: white; font: 500 9px/1 DM Mono, monospace; left: 25px; letter-spacing: .11em; padding: 12px 14px; position: absolute; top: 25px; }
.product-details { padding: 55px 58px; }
.product-topline { color: #96939d; display: flex; justify-content: space-between; }
h3 { font-size: 42px; letter-spacing: -.07em; line-height: 1; margin: 50px 0 8px; }
.product-subtitle { color: #76737c; font: 500 11px/1.5 DM Mono, monospace; letter-spacing: .02em; text-transform: uppercase; }
.product-description { color: #6c6972; font-size: 13px; line-height: 1.7; margin: 28px 0 30px; max-width: 390px; }
.detail-grid { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; }
.detail-grid > div { border-bottom: 1px solid var(--line); padding: 17px 0; }
.detail-grid > div:nth-child(odd) { margin-right: 14px; }
.detail-grid > div:nth-child(even) { margin-left: 14px; }
.detail-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
.detail-grid span { color: #a09da5; display: block; font-size: 9px; margin-bottom: 7px; }
.detail-grid strong { font-size: 12px; }
.about-section { border-top: 1px solid var(--line); display: grid; gap: 8%; grid-template-columns: 40% 52%; padding-bottom: 115px; padding-top: 120px; }
.about-heading h2 { margin-bottom: 22px; }
.about-source { color: #a09da5; font: 500 9px/1.6 DM Mono, monospace; letter-spacing: .05em; max-width: 270px; text-transform: uppercase; }
.about-copy { color: var(--muted); font-size: 13px; line-height: 1.8; padding-top: 40px; }
.about-copy p { max-width: 520px; }
.about-copy .about-lede { color: var(--ink-soft); font-size: 18px; letter-spacing: -.03em; line-height: 1.5; margin-bottom: 28px; }
.about-stats { border-top: 1px solid var(--line); display: grid; gap: 0; grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); margin-top: 30px; }
.about-stats div { border-right: 1px solid var(--line); display: flex; flex-direction: column; padding: 28px 22px 4px 0; }
.about-stats div:not(:first-child) { padding-left: 22px; }
.about-stats div:last-child { border-right: 0; }
.about-stats strong { font-size: clamp(25px, 3vw, 38px); letter-spacing: -.07em; margin-bottom: 8px; }
.about-stats span { color: #85828b; font: 500 9px/1.5 DM Mono, monospace; letter-spacing: .08em; text-transform: uppercase; }
.mission-section { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; padding-bottom: 120px; }
.mission-card { background: #e4ded7; min-height: 270px; padding: 38px; }
.mission-card .kicker { color: #64616a; }
.mission-card h3 { font-size: 30px; margin: 38px 0 17px; }
.mission-card p:last-child { color: #716e76; font-size: 13px; line-height: 1.7; max-width: 390px; }
.mission-card-dark { background: var(--ink); color: white; }
.mission-card-dark .kicker { color: #9d9aa5; }
.mission-card-dark p:last-child { color: #a4a1ac; }
.gmp-note { align-items: center; background: #e9e6e2; display: flex; gap: 24px; grid-column: 1 / -1; padding: 27px 38px; }
.gmp-seal { align-items: center; border: 1px solid var(--ink); border-radius: 50%; display: flex; flex: 0 0 67px; font: 500 11px DM Mono, monospace; height: 67px; justify-content: center; }
.gmp-note strong { display: block; font-size: 14px; margin-bottom: 7px; }
.gmp-note p { color: #77737b; font-size: 12px; line-height: 1.6; margin: 0; max-width: 680px; }
.timeline-section { border-top: 1px solid var(--line); padding-bottom: 120px; padding-top: 120px; }
.timeline-grid { display: grid; gap: 0; grid-template-columns: repeat(3, 1fr); }
.timeline-grid article { border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); min-height: 190px; padding: 27px 29px 23px 0; }
.timeline-grid article:nth-child(3n+2), .timeline-grid article:nth-child(3n+3) { padding-left: 29px; }
.timeline-grid article:nth-child(3n) { border-right: 0; }
.timeline-grid article span { color: #a09da5; font: 500 10px DM Mono, monospace; letter-spacing: .1em; }
.timeline-grid article h3 { font-size: 19px; letter-spacing: -.04em; margin: 21px 0 10px; }
.timeline-grid article p { color: #7b7881; font-size: 11px; line-height: 1.6; margin: 0; max-width: 230px; }
.global-section { align-items: center; background: var(--ink); color: white; display: grid; gap: 8%; grid-template-columns: 40% 52%; margin-bottom: 90px; overflow: hidden; padding: 82px 8%; }
.global-copy .kicker { color: #9d9aa6; }
.global-copy h2 { margin-bottom: 26px; }
.global-copy p:last-child { color: #a9a6b0; font-size: 13px; line-height: 1.8; max-width: 400px; }
.global-map { background: linear-gradient(140deg, #22212b, #39334a); height: 300px; overflow: hidden; position: relative; }
.map-lines { background-image: linear-gradient(28deg, transparent 48%, rgba(255,255,255,.18) 49%, transparent 50%), linear-gradient(147deg, transparent 45%, rgba(255,255,255,.12) 46%, transparent 47%), linear-gradient(90deg, transparent 49%, rgba(255,255,255,.09) 50%, transparent 51%); background-size: 80px 80px, 130px 100px, 50px 50px; inset: -30px; opacity: .6; position: absolute; transform: rotate(-14deg); }
.map-label { color: rgba(255,255,255,.75); font: 500 10px DM Mono, monospace; letter-spacing: .13em; position: absolute; }
.map-label-one { left: 38%; top: 47%; }
.map-label-two { right: 13%; top: 18%; }
.map-dot { background: var(--cyan); border: 4px solid rgba(85,225,223,.22); border-radius: 50%; box-shadow: 0 0 22px var(--cyan); height: 10px; position: absolute; width: 10px; }
.dot-one { left: 41%; top: 52%; }
.dot-two { left: 64%; top: 36%; }
.dot-three { right: 19%; top: 65%; }
.composition-section { align-items: start; background: var(--ink); color: white; display: grid; gap: 8%; grid-template-columns: 35% 57%; padding-bottom: 112px; padding-top: 112px; }
.composition-section .kicker { color: #9b98a5; }
.composition-copy p:last-child { color: #9b98a5; font-size: 13px; line-height: 1.6; margin: 28px 0 0; }
.formula-list { border-top: 1px solid rgba(255,255,255,.24); }
.formula-row { align-items: center; border-bottom: 1px solid rgba(255,255,255,.24); display: grid; gap: 20px; grid-template-columns: 35px 1fr auto; min-height: 73px; }
.formula-row span { color: var(--cyan); font: 500 10px DM Mono, monospace; }
.formula-row strong { font-size: 14px; font-weight: 600; }
.formula-row b { font: 500 12px DM Mono, monospace; }
.formula-total { color: #fff; margin-top: 11px; }
.formula-total strong { font-size: 16px; }
.formula-total b { color: var(--cyan); font-size: 14px; }
.safety-section { align-items: center; display: grid; gap: 35px; grid-template-columns: 88px 1fr 170px; padding-bottom: 120px; padding-top: 120px; }
.safety-mark { align-items: center; background: var(--ink); border-radius: 50%; color: var(--cyan); display: flex; font-size: 28px; height: 72px; justify-content: center; width: 72px; }
.safety-section h2 { margin-bottom: 26px; }
.safety-section p:not(.kicker) { color: var(--muted); font-size: 13px; line-height: 1.8; max-width: 600px; }
.safety-line { border-left: 1px solid #c9c5c1; color: #77747d; display: flex; flex-direction: column; gap: 12px; padding-left: 20px; }
.safety-line span:first-child { color: var(--ink); font-size: 25px; font-weight: 700; }
.contact-section { align-items: center; background: linear-gradient(120deg, #d2e9e5, #e9d8e5 55%, #d9d1f1); display: flex; justify-content: space-between; margin-bottom: 90px; padding: 80px 8%; }
.contact-section .kicker { color: #5f6870; }
.contact-card { max-width: 310px; }
.contact-card p { color: #626570; font-size: 13px; line-height: 1.7; }
.site-footer { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 20px; grid-template-columns: 1fr 1fr 1fr; padding-bottom: 34px; padding-top: 34px; }
.footer-brand { width: 145px; }
.footer-brand img { filter: brightness(.25); width: 100%; }
.site-footer > p { color: #85828a; font-size: 11px; margin: 0; text-align: center; }
.site-footer .footer-small { font-size: 9px; text-align: right; }
.site-footer .footer-source { color: #9a969f; font-size: 10px; grid-column: 1 / -1; text-align: left; }
.footer-source a { text-decoration: underline; text-underline-offset: 3px; }

/* Product detail layout */
.product-detail-page { background: #f2f0ed; }
.product-detail-page .site-header { background: #f2f0ed; }
.breadcrumbs { align-items: center; color: #99959d; display: flex; flex-wrap: wrap; font: 500 9px DM Mono, monospace; gap: 11px; letter-spacing: .07em; padding-bottom: 22px; padding-top: 37px; text-transform: uppercase; }
.breadcrumbs a:hover, .official-link:hover { color: var(--ink); }
.breadcrumbs strong { color: var(--ink); font-weight: 500; }
.detail-hero { display: grid; gap: 6%; grid-template-columns: 49% 45%; padding-bottom: 94px; padding-top: 25px; }
.detail-image-panel { align-items: center; background: #e4e0dc; display: flex; justify-content: center; min-height: 585px; overflow: hidden; position: relative; }
.detail-image-panel img { filter: drop-shadow(0 34px 17px rgba(18,16,21,.18)); max-width: 93%; position: relative; transform: rotate(-2deg); width: 91%; z-index: 1; }
.detail-image-halo { background: radial-gradient(circle, rgba(255,255,255,.95) 0, rgba(255,255,255,.48) 33%, transparent 68%); height: 105%; position: absolute; width: 105%; }
.detail-image-tag { color: #4e4b55; font: 500 9px DM Mono, monospace; left: 28px; letter-spacing: .12em; position: absolute; top: 27px; z-index: 2; }
.detail-image-caption { bottom: 27px; color: #5e5b64; font: 500 9px/1.5 DM Mono, monospace; letter-spacing: .08em; position: absolute; right: 28px; text-align: right; z-index: 2; }
.detail-image-caption strong { color: var(--ink); }
.detail-info { padding: 42px 0 20px; }
.detail-kicker { color: #77747d; font: 500 10px DM Mono, monospace; letter-spacing: .15em; margin: 0 0 24px; text-transform: uppercase; }
.detail-info h1 { font-size: clamp(43px, 5vw, 67px); margin-bottom: 27px; }
.detail-info h1 em { display: block; font-size: .75em; margin-top: 8px; }
.detail-concentration { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); font-size: 35px; font-weight: 800; letter-spacing: -.07em; padding: 22px 0; }
.detail-concentration span { color: #817e87; font: 500 11px DM Mono, monospace; letter-spacing: .06em; margin-left: 7px; text-transform: uppercase; }
.detail-lede { color: #77747d; font-size: 13px; line-height: 1.8; margin: 26px 0 28px; max-width: 430px; }
.detail-facts { border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; }
.detail-facts div { border-bottom: 1px solid var(--line); padding: 17px 10px 17px 0; }
.detail-facts div:nth-child(even) { padding-left: 18px; }
.detail-facts span, .content-list span { color: #a09da5; display: block; font: 500 9px DM Mono, monospace; letter-spacing: .08em; margin-bottom: 7px; text-transform: uppercase; }
.detail-facts strong { font-size: 12px; }
.detail-tabs { border-bottom: 1px solid var(--line); display: flex; gap: 35px; }
.detail-tab { color: #9d9aa3; font: 500 11px DM Mono, monospace; letter-spacing: .11em; padding: 18px 0; text-transform: uppercase; }
.detail-tab span { color: #c0bdc3; font-size: 9px; margin-left: 8px; }
.detail-tab.active, .detail-tab:hover { border-bottom: 2px solid var(--ink); color: var(--ink); }
.formula-panel { display: grid; gap: 8%; grid-template-columns: 35% 57%; padding-bottom: 105px; padding-top: 94px; }
.formula-panel-heading h2 { font-size: clamp(27px, 3vw, 41px); margin-top: 38px; max-width: 310px; }
.formula-table { border-top: 1px solid var(--line); }
.formula-table > div { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 20px; grid-template-columns: 34px 1fr auto; min-height: 70px; }
.formula-table > div > span { color: #9d9aa3; font: 500 10px DM Mono, monospace; }
.formula-table strong { font-size: 13px; }
.formula-table b { font: 500 12px DM Mono, monospace; }
.formula-table-total { border-bottom: 0 !important; margin-top: 12px; }
.formula-table-total strong { font-size: 15px; }
.formula-table-total b { color: #1d9997; }
.excipients-note { color: #89868f; font-size: 11px; margin: 17px 0 0 54px; }
.content-panel { background: var(--ink); color: white; display: grid; gap: 8%; grid-template-columns: 36% 56%; padding-bottom: 96px; padding-top: 96px; }
.content-panel .detail-kicker { color: #9b98a5; }
.content-panel-heading h2 { font-size: clamp(33px, 3.6vw, 50px); }
.content-panel-copy { color: #aaa7b1; font-size: 13px; line-height: 1.75; }
.content-lede { color: white; font-size: 17px; letter-spacing: -.02em; line-height: 1.55; margin: 0 0 29px; }
.content-list { border-top: 1px solid rgba(255,255,255,.24); }
.content-list > div { border-bottom: 1px solid rgba(255,255,255,.24); padding: 17px 0; }
.content-list span { color: #9996a2; }
.content-list strong { color: white; font-size: 12px; font-weight: 500; }
.content-disclaimer { border-left: 2px solid var(--cyan); color: #aaa7b1; font-size: 11px; line-height: 1.7; margin: 28px 0; padding-left: 16px; }
.official-link { color: var(--cyan); font: 500 10px DM Mono, monospace; letter-spacing: .05em; text-decoration: underline; text-underline-offset: 4px; text-transform: uppercase; }
.official-link span { font-size: 15px; margin-left: 6px; text-decoration: none; }
.detail-regulatory { border-bottom: 1px solid var(--line); display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); padding-bottom: 90px; padding-top: 76px; }
.detail-regulatory > div { border-right: 1px solid var(--line); padding-right: 28px; }
.detail-regulatory > div:last-child { border-right: 0; }
.regulatory-icon { align-items: center; border: 1px solid var(--ink); border-radius: 50%; display: flex; font-size: 17px; height: 34px; justify-content: center; margin-bottom: 17px; width: 34px; }
.detail-regulatory strong { display: block; font-size: 13px; margin-bottom: 8px; }
.detail-regulatory p { color: #88858d; font-size: 11px; line-height: 1.6; margin: 0; max-width: 200px; }

@media (max-width: 850px) {
  .section-shell { width: min(100% - 38px, 620px); }
  .site-header { padding: 20px; }
  .main-nav { display: none; }
  .nav-cta { font-size: 10px; }
  .hero { grid-template-columns: 1fr; padding-top: 40px; }
  .hero-art { height: 390px; margin-top: 15px; }
  .signal-strip { flex-wrap: wrap; gap: 18px 0; padding: 24px 12px; }
  .signal-strip > div { min-width: 50%; padding: 0 10px; }
  .signal-strip > div:nth-child(3) { border-left: 0; }
  .signal-strip > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.16); padding-bottom: 16px; }
  .section-heading { align-items: start; flex-direction: column; gap: 24px; }
  .about-section, .global-section { grid-template-columns: 1fr; }
  .about-copy { padding-top: 0; }
  .about-stats { gap: 0; grid-template-columns: 1fr 1fr; }
  .about-stats div:nth-child(2) { border-right: 0; }
  .about-stats div:nth-child(3), .about-stats div:nth-child(4) { border-top: 1px solid var(--line); }
  .about-stats div:nth-child(3) { padding-left: 0; }
  .about-stats div:nth-child(4) { padding-left: 22px; }
  .mission-section { grid-template-columns: 1fr; }
  .gmp-note { align-items: start; flex-direction: column; }
  .timeline-grid { grid-template-columns: 1fr 1fr; }
  .timeline-grid article:nth-child(3n) { border-right: 1px solid var(--line); }
  .timeline-grid article:nth-child(2n) { border-right: 0; padding-left: 20px; }
  .timeline-grid article:nth-child(3n+2), .timeline-grid article:nth-child(3n+3) { padding-left: 20px; }
  .timeline-grid article:nth-child(odd) { padding-left: 0; }
  .global-section { margin-bottom: 55px; }
  .detail-hero, .formula-panel, .content-panel { grid-template-columns: 1fr; }
  .detail-image-panel { min-height: 420px; }
  .detail-info { padding-top: 55px; }
  .formula-panel-heading h2 { margin-top: 20px; max-width: none; }
  .detail-regulatory { grid-template-columns: 1fr; }
  .detail-regulatory > div { border-bottom: 1px solid var(--line); border-right: 0; padding: 0 0 22px; }
  .detail-regulatory > div:last-child { border-bottom: 0; }
  .product-card { grid-template-columns: 1fr; }
  .product-image-wrap { min-height: 360px; }
  .product-details { padding: 38px 28px; }
  h3 { margin-top: 42px; }
  .composition-section { gap: 45px; grid-template-columns: 1fr; }
  .safety-section { align-items: start; grid-template-columns: 72px 1fr; }
  .safety-line { grid-column: 2; }
  .contact-section { align-items: start; flex-direction: column; gap: 35px; margin-bottom: 55px; padding: 55px 28px; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer > p, .site-footer .footer-small { text-align: left; }
}

@media (max-width: 480px) {
  .brand { width: 130px; }
  .nav-cta { display: none; }
  h1 { font-size: 44px; }
  .hero-actions { align-items: start; flex-direction: column; gap: 20px; }
  .hero-art { height: 340px; }
  .hero-card { bottom: 22px; left: 22px; }
  .product-image-wrap { min-height: 300px; }
  .product-badge { left: 15px; top: 15px; }
  .detail-grid { grid-template-columns: 1fr; }
  .detail-grid > div:nth-child(even), .detail-grid > div:nth-child(odd) { margin-left: 0; margin-right: 0; }
  .detail-grid > div:nth-last-child(2) { border-bottom: 1px solid var(--line); }
  .safety-section { gap: 20px; grid-template-columns: 1fr; }
  .safety-line { grid-column: 1; margin-left: 92px; }
  .timeline-grid { grid-template-columns: 1fr; }
  .timeline-grid article, .timeline-grid article:nth-child(3n), .timeline-grid article:nth-child(2n) { border-right: 0; padding-left: 0; }
}

/* Premium dark treatment for the Durateston detail page */
.product-detail-page { background: #08090e; color: #f7f6f8; }
.product-detail-page .topline { background: #05060a; color: #aaa8b2; }
.product-detail-page .site-header { background: #08090e; }
.product-detail-page .brand img { filter: invert(1) grayscale(1) brightness(1.65); }
.product-detail-page .main-nav a, .product-detail-page .nav-cta { color: #b8b5c0; }
.product-detail-page .nav-cta { border-color: rgba(255,255,255,.45); }
.product-detail-page .breadcrumbs { color: #777682; }
.product-detail-page .breadcrumbs strong, .product-detail-page .breadcrumbs a:hover { color: #f7f6f8; }
.product-detail-page .detail-image-panel { background: radial-gradient(circle at 18% 16%, rgba(82,228,226,.26), transparent 32%), radial-gradient(circle at 84% 78%, rgba(202,123,255,.25), transparent 30%), linear-gradient(135deg, #171a25, #0e1018 52%, #252030); border: 1px solid rgba(255,255,255,.12); box-shadow: inset 0 0 90px rgba(255,255,255,.03); min-height: 620px; }
.product-detail-page .detail-image-panel::after { background: linear-gradient(115deg, transparent 28%, rgba(255,255,255,.24) 44%, transparent 58%); content: ''; inset: -30%; opacity: .42; position: absolute; transform: rotate(18deg); }
.product-detail-page .detail-image-halo { background: radial-gradient(circle, rgba(255,255,255,.3) 0, rgba(85,225,223,.1) 25%, transparent 65%); }
.product-detail-page .detail-image-panel img { filter: drop-shadow(0 34px 17px rgba(0,0,0,.65)); z-index: 3; }
.product-detail-page .detail-image-tag, .product-detail-page .detail-image-caption { color: #c4c1cd; z-index: 4; }
.product-detail-page .detail-image-caption strong { color: #55e1df; }
.product-detail-page .detail-info { padding-left: 5px; }
.product-detail-page .detail-kicker { color: #55e1df; }
.product-detail-page .detail-info h1 { color: #faf9fb; }
.product-detail-page .detail-info h1 em { color: #b9b3c7; }
.product-detail-page .detail-concentration { border-color: rgba(255,255,255,.18); color: #fff; }
.product-detail-page .detail-concentration span { color: #9b98a6; }
.product-detail-page .detail-lede { color: #aaa8b2; }
.product-detail-page .detail-facts { border-color: rgba(255,255,255,.18); }
.product-detail-page .detail-facts div { border-color: rgba(255,255,255,.18); }
.product-detail-page .detail-facts span { color: #85828f; }
.product-detail-page .detail-facts strong { color: #f7f6f8; }
.product-detail-page .button-dark { background: linear-gradient(115deg, #55e1df, #a695ff); box-shadow: 0 12px 30px rgba(85,225,223,.16); color: #08090e; }
.product-detail-page .button-dark:hover { box-shadow: 0 16px 38px rgba(85,225,223,.3); }
.product-detail-page .detail-tabs { border-color: rgba(255,255,255,.18); }
.product-detail-page .detail-tab { color: #777682; }
.product-detail-page .detail-tab span { color: #555361; }
.product-detail-page .detail-tab.active, .product-detail-page .detail-tab:hover { border-color: #55e1df; color: #55e1df; }
.product-detail-page .formula-panel { background: linear-gradient(135deg, #10121a, #0b0c12); border: 1px solid rgba(255,255,255,.1); margin-top: 56px; padding-left: 6%; padding-right: 6%; }
.product-detail-page .formula-panel-heading h2 { color: #faf9fb; }
.product-detail-page .formula-table { border-color: rgba(255,255,255,.18); }
.product-detail-page .formula-table > div { border-color: rgba(255,255,255,.18); }
.product-detail-page .formula-table > div > span { color: #55e1df; }
.product-detail-page .formula-table strong { color: #f7f6f8; }
.product-detail-page .formula-table b { color: #d9d6df; }
.product-detail-page .formula-table-total b { color: #55e1df; }
.product-detail-page .excipients-note { color: #85828f; }
.product-detail-page .content-panel { background: radial-gradient(circle at 100% 0, rgba(166,149,255,.14), transparent 34%), #06070b; border: 1px solid rgba(255,255,255,.1); margin-top: 32px; padding-left: 6%; padding-right: 6%; }
.product-detail-page .content-panel-copy { color: #aaa8b2; }
.product-detail-page .content-panel .detail-kicker { color: #55e1df; }
.product-detail-page .content-lede, .product-detail-page .content-list strong { color: #fff; }
.product-detail-page .content-list { border-color: rgba(255,255,255,.18); }
.product-detail-page .content-list > div { border-color: rgba(255,255,255,.18); }
.product-detail-page .content-list span { color: #85828f; }
.product-detail-page .content-disclaimer { color: #9b98a6; }
.product-detail-page .detail-regulatory { border-color: rgba(255,255,255,.18); }
.product-detail-page .detail-regulatory > div { border-color: rgba(255,255,255,.18); }
.product-detail-page .regulatory-icon { border-color: #55e1df; color: #55e1df; }
.product-detail-page .detail-regulatory strong { color: #f7f6f8; }
.product-detail-page .detail-regulatory p { color: #85828f; }
.product-detail-page .site-footer { border-color: rgba(255,255,255,.18); }
.product-detail-page .footer-brand img { filter: invert(1) grayscale(1) brightness(1.65); }
.product-detail-page .site-footer > p, .product-detail-page .site-footer .footer-source { color: #85828f; }

@media (max-width: 850px) {
  .product-detail-page .detail-image-panel { min-height: 470px; }
  .product-detail-page .formula-panel, .product-detail-page .content-panel { padding-left: 28px; padding-right: 28px; }
}

/* Shared dark visual language for the home page */
.home-page { background: #08090e; color: #f7f6f8; }
.home-page .topline, .home-page .site-header { background: #08090e; }
.home-page .brand img { filter: invert(1) grayscale(1) brightness(1.65); }
.home-page .main-nav a, .home-page .nav-cta { color: #b8b5c0; }
.home-page .nav-cta { border-color: rgba(255,255,255,.45); }
.home-page .hero { background: #08090e; }
.home-page .hero h1 { color: #faf9fb; }
.home-page .hero h1 em { color: #b9b3c7; }
.home-page .hero-lede, .home-page .hero-note { color: #aaa8b2; }
.home-page .text-link { border-color: rgba(255,255,255,.32); color: #c8c5ce; }
.home-page .button-primary, .home-page .button-dark { background: linear-gradient(115deg, #55e1df, #a695ff); box-shadow: 0 12px 30px rgba(85,225,223,.16); color: #08090e; }
.home-page .button-primary:hover, .home-page .button-dark:hover { box-shadow: 0 16px 38px rgba(85,225,223,.3); }
.home-page .hero-art { background: radial-gradient(circle at 18% 16%, rgba(82,228,226,.26), transparent 32%), radial-gradient(circle at 84% 78%, rgba(202,123,255,.25), transparent 30%), linear-gradient(135deg, #171a25, #0e1018 52%, #252030); border: 1px solid rgba(255,255,255,.12); box-shadow: inset 0 0 90px rgba(255,255,255,.03); }
.home-page .hero-art::after { background: linear-gradient(115deg, transparent 28%, rgba(255,255,255,.24) 44%, transparent 58%); content: ''; inset: -30%; opacity: .42; position: absolute; transform: rotate(18deg); }
.home-page .hero-grid { opacity: .22; }
.home-page .hero-glow { opacity: .45; }
.home-page .signal-strip { background: #05060a; border-bottom: 1px solid rgba(255,255,255,.12); border-top: 1px solid rgba(255,255,255,.12); }
.home-page .signal-strip > div { border-color: rgba(255,255,255,.16); }
.home-page .signal-strip span { color: #85828f; }
.home-page .section-heading h2, .home-page .about-heading h2, .home-page .composition-section h2, .home-page .safety-section h2, .home-page .contact-section h2 { color: #faf9fb; }
.home-page .section-intro, .home-page .about-copy, .home-page .safety-section p:not(.kicker) { color: #aaa8b2; }
.home-page .section-heading, .home-page .about-section, .home-page .timeline-section, .home-page .site-footer { border-color: rgba(255,255,255,.17); }
.home-page .product-card { background: #10121a; border: 1px solid rgba(255,255,255,.12); }
.home-page .product-image-wrap { background: radial-gradient(circle at 30% 25%, rgba(85,225,223,.22), transparent 32%), radial-gradient(circle at 80% 75%, rgba(166,149,255,.22), transparent 32%), #161923; }
.home-page .image-halo { background: radial-gradient(circle, rgba(255,255,255,.26) 0, rgba(85,225,223,.08) 30%, transparent 68%); }
.home-page .product-image-wrap img { filter: drop-shadow(0 28px 16px rgba(0,0,0,.6)); }
.home-page .product-topline, .home-page .product-subtitle, .home-page .detail-grid span { color: #85828f; }
.home-page .product-details h3, .home-page .product-description, .home-page .detail-grid strong { color: #f7f6f8; }
.home-page .product-description { color: #aaa8b2; }
.home-page .detail-grid, .home-page .detail-grid > div { border-color: rgba(255,255,255,.17); }
.home-page .about-copy .about-lede { color: #f7f6f8; }
.home-page .about-stats, .home-page .about-stats div { border-color: rgba(255,255,255,.17); }
.home-page .about-stats strong { color: #f7f6f8; }
.home-page .about-stats span, .home-page .about-source { color: #85828f; }
.home-page .mission-card { background: linear-gradient(135deg, #191b26, #10121a); border: 1px solid rgba(255,255,255,.12); }
.home-page .mission-card-dark { background: linear-gradient(135deg, #11131c, #07080d); }
.home-page .mission-card h3, .home-page .mission-card p:last-child { color: #f7f6f8; }
.home-page .mission-card p:last-child { color: #aaa8b2; }
.home-page .composition-section { background: linear-gradient(135deg, #10121a, #07080d); border: 1px solid rgba(255,255,255,.1); }
.home-page .safety-mark { background: linear-gradient(135deg, #55e1df, #a695ff); color: #08090e; }
.home-page .safety-line { border-color: rgba(255,255,255,.2); color: #85828f; }
.home-page .safety-line span:first-child { color: #55e1df; }
.home-page .contact-section { background: radial-gradient(circle at 90% 20%, rgba(166,149,255,.22), transparent 34%), radial-gradient(circle at 10% 80%, rgba(85,225,223,.18), transparent 33%), #11131c; border: 1px solid rgba(255,255,255,.12); }
.home-page .contact-section .kicker { color: #55e1df; }
.home-page .contact-card p { color: #aaa8b2; }
.home-page .site-footer > p, .home-page .site-footer .footer-source { color: #85828f; }
.home-page .footer-brand img { filter: invert(1) grayscale(1) brightness(1.65); }

@media (max-width: 850px) {
  .home-page .product-card, .home-page .mission-card, .home-page .composition-section { border-color: rgba(255,255,255,.12); }
}

/* Landerpharma reference style: white, charcoal and gold */
.home-page, .product-detail-page { background: #fff; color: #171717; font-family: Montserrat, Arial, sans-serif; }
.home-page *, .product-detail-page * { font-family: inherit; }
.home-page em, .product-detail-page em { font-family: Montserrat, Arial, sans-serif; font-style: normal; font-weight: 400; }
.home-page .topline, .product-detail-page .topline { background: linear-gradient(126deg, #b88a0c 0 25%, #050505 25% 100%); color: #fff; font-family: Montserrat, Arial, sans-serif; font-size: 8px; letter-spacing: .14em; }
.home-page .topline span, .product-detail-page .topline span { color: #e4c66e; }
.home-page .site-header, .product-detail-page .site-header { background: #fff; border-bottom: 1px solid #ececec; }
.home-page .brand img, .product-detail-page .brand img, .home-page .footer-brand img, .product-detail-page .footer-brand img { filter: none; }
.home-page .main-nav a, .product-detail-page .main-nav a { color: #252525; font-family: Montserrat, Arial, sans-serif; font-weight: 500; }
.home-page .main-nav a:hover, .product-detail-page .main-nav a:hover { color: #b88a0c; }
.home-page .nav-cta, .product-detail-page .nav-cta { background: #b88a0c; border: 0; border-radius: 999px; color: #fff; padding: 14px 22px; }
.home-page .nav-cta:hover, .product-detail-page .nav-cta:hover { background: #9d7509; color: #fff; }
.home-page .kicker, .product-detail-page .detail-kicker, .home-page .card-label, .home-page .product-topline, .product-detail-page .breadcrumbs, .product-detail-page .detail-image-tag, .product-detail-page .detail-image-caption, .product-detail-page .detail-facts span, .product-detail-page .content-list span, .product-detail-page .footer-small { font-family: Montserrat, Arial, sans-serif; }
.home-page .kicker, .product-detail-page .detail-kicker { color: #b88a0c; font-size: 10px; font-weight: 600; letter-spacing: .16em; }
.home-page .hero, .home-page .product-section, .home-page .about-section, .home-page .mission-section, .home-page .timeline-section, .home-page .safety-section, .home-page .contact-section, .product-detail-page main { background: #fff; }
.home-page h1, .home-page h2, .home-page h3, .product-detail-page h1, .product-detail-page h2, .product-detail-page h3 { color: #151515; font-family: Montserrat, Arial, sans-serif; }
.home-page h1 { font-weight: 600; letter-spacing: -.065em; }
.home-page h1 em, .home-page h2 em, .product-detail-page h1 em, .product-detail-page h2 em { color: #b88a0c; }
.home-page .section-heading h2, .home-page .about-heading h2, .home-page .composition-section h2, .home-page .safety-section h2, .home-page .contact-section h2 { color: #151515; }
.home-page .hero-lede, .home-page .hero-note, .home-page .section-intro, .home-page .about-copy, .home-page .safety-section p:not(.kicker), .home-page .product-description { color: #686868; }
.home-page .text-link { border-color: #b88a0c; color: #3a3a3a; }
.home-page .button-primary, .home-page .button-dark, .product-detail-page .button-dark { background: #b88a0c; border-radius: 999px; box-shadow: none; color: #fff; }
.home-page .button-primary:hover, .home-page .button-dark:hover, .product-detail-page .button-dark:hover { background: #9d7509; box-shadow: none; }
.home-page .hero-art { background: radial-gradient(circle at 18% 15%, rgba(184,138,12,.18), transparent 28%), linear-gradient(135deg, #f8f8f7, #eae9e6); border: 1px solid #e3e3e3; box-shadow: none; }
.home-page .hero h1 { color: #151515; }
.home-page .hero h1 em { color: #b88a0c; }
.home-page .hero-art::after { background: linear-gradient(115deg, transparent 28%, rgba(184,138,12,.16) 44%, transparent 58%); opacity: .55; }
.home-page .hero-grid { opacity: .1; }
.home-page .hero-card { background: #171717; }
.home-page .hero-card .card-label { color: #d1aa34; }
.home-page .signal-strip { background: #fff; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; color: #171717; }
.home-page .signal-strip > div { border-color: #e7e7e7; }
.home-page .signal-strip strong { color: #b88a0c; }
.home-page .signal-strip span { color: #777; }
.home-page .section-heading, .home-page .about-section, .home-page .timeline-section, .home-page .site-footer { border-color: #e5e5e5; }
.home-page .product-card { background: #f7f7f5; border: 1px solid #e5e5e5; }
.home-page .product-image-wrap { background: radial-gradient(circle at 30% 25%, rgba(184,138,12,.16), transparent 32%), #f0f0ee; }
.home-page .image-halo { background: radial-gradient(circle, rgba(255,255,255,.95) 0, rgba(184,138,12,.08) 35%, transparent 68%); }
.home-page .product-image-wrap img { filter: drop-shadow(0 28px 16px rgba(0,0,0,.16)); }
.home-page .product-topline, .home-page .product-subtitle, .home-page .detail-grid span { color: #777; }
.home-page .product-details h3, .home-page .detail-grid strong { color: #171717; }
.home-page .detail-grid, .home-page .detail-grid > div { border-color: #dedede; }
.home-page .about-copy .about-lede { color: #303030; }
.home-page .about-stats, .home-page .about-stats div { border-color: #e1e1e1; }
.home-page .about-stats strong { color: #171717; }
.home-page .about-stats span, .home-page .about-source { color: #777; }
.home-page .mission-card, .home-page .mission-card-dark { background: #f7f7f5; border: 0; color: #171717; }
.home-page .mission-card .kicker, .home-page .mission-card-dark .kicker { color: #b88a0c; }
.home-page .mission-card h3, .home-page .mission-card p:last-child { color: #171717; }
.home-page .mission-card p:last-child { color: #686868; }
.home-page .composition-section { background: #f7f7f5; border: 0; color: #171717; }
.home-page .composition-section .kicker { color: #b88a0c; }
.home-page .formula-row { border-color: #dedede; }
.home-page .formula-row span { color: #b88a0c; }
.home-page .formula-row strong, .home-page .formula-row b { color: #171717; }
.home-page .formula-total b { color: #b88a0c; }
.home-page .safety-mark { background: #b88a0c; color: #fff; }
.home-page .safety-line { border-color: #dedede; color: #777; }
.home-page .safety-line span:first-child { color: #b88a0c; }
.home-page .contact-section { background: #f7f7f5; border: 0; }
.home-page .contact-section .kicker { color: #b88a0c; }
.home-page .contact-card p { color: #686868; }
.home-page .site-footer, .product-detail-page .site-footer { background: #fff; border-color: #e3e3e3; }
.home-page .site-footer > p, .home-page .site-footer .footer-source, .product-detail-page .site-footer > p, .product-detail-page .site-footer .footer-source { color: #777; }

.product-detail-page .breadcrumbs { color: #8a8a8a; }
.product-detail-page .breadcrumbs strong, .product-detail-page .breadcrumbs a:hover { color: #171717; }
.product-detail-page .detail-image-panel { background: radial-gradient(circle at 18% 15%, rgba(184,138,12,.15), transparent 30%), linear-gradient(135deg, #f6f6f5, #e9e9e6); border: 1px solid #e0e0de; box-shadow: none; }
.product-detail-page .detail-image-panel::after { background: linear-gradient(115deg, transparent 28%, rgba(184,138,12,.18) 44%, transparent 58%); opacity: .5; }
.product-detail-page .detail-image-halo { background: radial-gradient(circle, rgba(255,255,255,.95) 0, rgba(184,138,12,.08) 32%, transparent 68%); }
.product-detail-page .detail-image-panel img { filter: drop-shadow(0 34px 17px rgba(0,0,0,.18)); }
.product-detail-page .detail-image-tag, .product-detail-page .detail-image-caption { color: #666; }
.product-detail-page .detail-image-caption strong { color: #b88a0c; }
.product-detail-page .detail-info h1, .product-detail-page .detail-info h1 em { color: #171717; }
.product-detail-page .detail-concentration { border-color: #dedede; color: #171717; }
.product-detail-page .detail-concentration span, .product-detail-page .detail-lede { color: #777; }
.product-detail-page .detail-facts, .product-detail-page .detail-facts div { border-color: #dedede; }
.product-detail-page .detail-facts span { color: #8a8a8a; }
.product-detail-page .detail-facts strong { color: #171717; }
.product-detail-page .detail-tabs { border-color: #dedede; }
.product-detail-page .detail-tab { color: #888; }
.product-detail-page .detail-tab span { color: #aaa; }
.product-detail-page .detail-tab.active, .product-detail-page .detail-tab:hover { border-color: #b88a0c; color: #b88a0c; }
.product-detail-page .formula-panel { background: #fff; border: 0; }
.product-detail-page .formula-panel-heading h2 { color: #171717; }
.product-detail-page .formula-table, .product-detail-page .formula-table > div { border-color: #dedede; }
.product-detail-page .formula-table > div > span { color: #b88a0c; }
.product-detail-page .formula-table strong, .product-detail-page .formula-table b { color: #171717; }
.product-detail-page .formula-table-total b { color: #b88a0c; }
.product-detail-page .excipients-note { color: #777; }
.product-detail-page .content-panel { background: #f7f7f5; border: 0; color: #171717; }
.product-detail-page .content-panel .detail-kicker { color: #b88a0c; }
.product-detail-page .content-panel-heading h2 { color: #171717; }
.product-detail-page .content-panel-copy, .product-detail-page .content-lede { color: #686868; }
.product-detail-page .content-lede, .product-detail-page .content-list strong { color: #171717; }
.product-detail-page .content-list, .product-detail-page .content-list > div { border-color: #dedede; }
.product-detail-page .content-list span { color: #888; }
.product-detail-page .content-disclaimer { border-color: #b88a0c; color: #777; }
.product-detail-page .official-link { color: #b88a0c; }
.product-detail-page .detail-regulatory { border-color: #dedede; }
.product-detail-page .detail-regulatory > div { border-color: #dedede; }
.product-detail-page .regulatory-icon { border-color: #b88a0c; color: #b88a0c; }
.product-detail-page .detail-regulatory strong { color: #171717; }
.product-detail-page .detail-regulatory p { color: #777; }

@media (max-width: 850px) {
  .home-page .product-card, .home-page .mission-card, .home-page .composition-section { border-color: #e5e5e5; }
}

/* Product catalog grid */
.product-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.product-list .product-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.product-list .product-image-wrap {
  min-height: 330px;
}

.product-list .product-image-wrap img {
  width: 86%;
}

.product-list .product-details {
  padding: 32px 34px 34px;
}

.product-list .product-details h3 {
  font-size: 30px;
  margin: 28px 0 8px;
}

.product-list .detail-grid {
  grid-template-columns: 1fr 1fr;
}

.product-list .detail-grid > div:nth-child(odd) {
  margin-right: 10px;
}

.product-list .detail-grid > div:nth-child(even) {
  margin-left: 10px;
}

.product-list .button-dark {
  margin-top: 24px;
}

@media (max-width: 850px) {
  .product-list {
    grid-template-columns: 1fr;
  }

  .product-list .product-image-wrap {
    min-height: 300px;
  }

  .product-list .product-details {
    padding: 28px;
  }
}

/* High-visibility nationwide shipping banner */
.home-page .topline,
.product-detail-page .topline {
  align-items: center;
  background: linear-gradient(100deg, #b88a0c 0%, #d2a52a 19%, #1a1a1a 42%, #050505 100%);
  border-bottom: 2px solid #e1bd55;
  box-shadow: 0 3px 14px rgba(0, 0, 0, .14);
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: center;
  letter-spacing: .16em;
  min-height: 50px;
  padding: 0 22px;
  position: sticky;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
  top: 0;
  z-index: 100;
}

.home-page .topline::before,
.product-detail-page .topline::before {
  color: #ffe7a0;
  content: "◆";
  font-size: 10px;
  margin-right: 13px;
}

@media (max-width: 600px) {
  .home-page .topline,
  .product-detail-page .topline {
    font-size: 10px;
    letter-spacing: .1em;
    min-height: 44px;
    padding: 0 12px;
  }
}

.product-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.product-list .product-actions .button-dark {
  margin-top: 0;
}

.product-actions .button {
  min-height: 44px;
  padding-inline: 17px;
}

.product-actions .button-buy {
  background: #25d366;
  border: 1px solid #25d366;
  border-radius: 999px;
  color: #fff;
}

.product-actions .button-buy:hover {
  background: #1da851;
  border-color: #1da851;
}

.whatsapp-float {
  align-items: center;
  background: #25d366;
  border: 2px solid #fff;
  border-radius: 999px;
  bottom: 24px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 9px;
  padding: 10px 17px 10px 10px;
  position: fixed;
  right: 24px;
  transition: background .2s, transform .2s, box-shadow .2s;
  z-index: 200;
}

.whatsapp-float:hover {
  background: #1da851;
  box-shadow: 0 16px 32px rgba(0, 0, 0, .28);
  color: #fff;
  transform: translateY(-3px);
}

.whatsapp-float-icon {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #1da851;
  display: inline-flex;
  font-size: 9px;
  font-weight: 900;
  height: 27px;
  justify-content: center;
  letter-spacing: -.04em;
  width: 27px;
}

@media (max-width: 600px) {
  .whatsapp-float {
    bottom: 16px;
    font-size: 0;
    gap: 0;
    padding: 11px;
    right: 16px;
  }

  .whatsapp-float-icon {
    font-size: 10px;
    height: 30px;
    width: 30px;
  }
}