/* GETGLOW design pages - generated by tools/build-design.py. Do not edit;
   change the design and re-run the import instead. Fonts come from
   theme.css, which loads after this file and wins on --font-*. */
/* tokens/colors.css */
:root{
/* ---------- PRIMARY (logo / background / media) ---------- */
--gg-peach:#FBD4C6;          /* 25% — Pantone 7605 C / TOA 8034 Mussel Shell */
--gg-white:#FBFAF8;          /* 20% — Pantone 7527 C / TOA 7220 Alicia */
--gg-turquoise:#5BDBD7;      /* 20% — Pantone 2226 C / TOA 7912 May Day */
--gg-orange:#FF542F;         /* 10% — Pantone 1505 C / TOA 0119 Vibrant Clementine */

/* ---------- ACCENT (elements / text) ---------- */
--gg-mint:#D6FFE1;           /* 10% — Pantone 573 C / TOA 0359 Fountain of Youth */
--gg-yellow:#E1FD72;         /* 10% — Pantone 2295 C / TOA 0651 Excited Greenish */
--gg-coffee:#5F3F30;         /*  5% — Pantone 7531 C / TOA 8649 Bistro Brown */

/* ---------- SUGGESTED PALETTE (campaign / print / merch) ---------- */
--gg-shell:#F1F1F2;
--gg-peach-cream:#FFE0CF;
--gg-sundown:#FFBDA4;
--gg-powder-pink:#FFAED3;
--gg-reddish:#EF3D16;
--gg-parchment:#FFFFAA;
--gg-mustard:#FFD456;
--gg-caribbean:#00D2B1;
--gg-blue-lily:#C6EDEF;
--gg-aqua-blue:#24D3EB;

/* ---------- DERIVED / UTILITY ---------- */
--gg-cream:#FFFBF3;          /* brandbook page ground */
--gg-dot:#FDBBAA;            /* the acne-spot polka dot on peach */
--gg-orange-press:#E8431F;
--gg-turquoise-press:#3FC4C0;
--gg-coffee-soft:#7A5747;
--gg-peach-deep:#F6BCA9;

/* ---------- PRODUCTION ARTWORK (sampled from the Sept-2569 promo set) ----------
   The live artwork inverts the brandbook ratio: ORANGE is the full field, and the
   composition is a paper scrapbook laid on top of it. */
--gg-paper:#FFF7ED;            /* torn notebook sheet */
--gg-paper-warm:#FFF8E8;       /* second sheet, warmer */
--gg-paper-line:#B8DAEF;       /* the blue rule on lined paper */
--gg-kraft:#5F401E;            /* bottom band the footer sits on */
--gg-kraft-dark:#4F3117;       /* its shadowed edge */
--gg-pill-cream:#FFFADE;       /* the two dated footer pills */
--gg-tint-lavender:#E3E3FF;
--gg-tint-pink:#FFE1EC;
--gg-tint-mint:#E3F7EF;

/* ---------- PRODUCTION SEMANTICS ---------- */
--surface-artwork:var(--gg-orange);
--surface-paper:var(--gg-paper);
--surface-band:var(--gg-kraft);
--surface-tint-a:var(--gg-tint-pink);
--surface-tint-b:var(--gg-peach-cream);
--surface-tint-c:var(--gg-tint-lavender);
--surface-tint-d:var(--gg-tint-mint);

/* ---------- SEMANTIC ALIASES ---------- */
--surface-page:var(--gg-peach);
--surface-page-alt:var(--gg-cream);
--surface-card:var(--gg-white);
--surface-card-alt:var(--gg-peach-cream);
--surface-invert:var(--gg-orange);
--surface-cool:var(--gg-turquoise);
--surface-highlight:var(--gg-yellow);
--surface-soft:var(--gg-mint);

--text-body:var(--gg-coffee);
--text-heading:var(--gg-orange);
--text-muted:var(--gg-coffee-soft);
--text-on-orange:var(--gg-white);
--text-on-turquoise:var(--gg-white);
--text-on-peach:var(--gg-orange);
--text-link:var(--gg-orange);
--text-link-hover:var(--gg-reddish);

--border-sticker:var(--gg-white);
--border-hairline:rgba(95,63,48,.14);
--border-strong:var(--gg-orange);

--action-primary:var(--gg-orange);
--action-primary-text:var(--gg-white);
--action-secondary:var(--gg-turquoise);
--action-secondary-text:var(--gg-white);
--action-tertiary:var(--gg-yellow);
--action-tertiary-text:var(--gg-coffee);
--action-disabled:var(--gg-peach-deep);
--action-disabled-text:#C8A79B;
--focus-ring:var(--gg-turquoise);
}
/* tokens/typography.css */
:root{
/* families — real licensed binaries; see tokens/fonts.css */
--font-display:"DB Heavent",system-ui,sans-serif;
--font-display-cond:"DB Heavent Cond","DB Heavent",system-ui,sans-serif;
--font-text:"DB Heavent",system-ui,sans-serif;                 /* DB Heavent is also the body face */
--font-serif:"Playfair Display",Georgia,serif;
--font-script:"Exmouth",cursive;

/* weights */
--fw-light:300; /* @kind font */--fw-regular:400; /* @kind font */--fw-medium:500; /* @kind font */--fw-semibold:700; /* @kind font */--fw-bold:700; /* @kind font */--fw-black:900; /* @kind font */--fw-thin:100; /* @kind font */

/* type scale — 1.25 ratio, tuned UP ~1.18x because DB Heavent sets small in the
   em box: at a given font-size it renders noticeably smaller than a Latin face.
   (An addition; the brandbook defines no numeric scale.) */
--fs-3xs:13px;--fs-2xs:14px;--fs-xs:15px;--fs-sm:18px;--fs-md:20px;
--fs-lg:25px;--fs-xl:31px;--fs-2xl:39px;--fs-3xl:48px;--fs-4xl:60px;--fs-5xl:76px;--fs-6xl:94px;

/* line heights */
--lh-tight:1.02; /* @kind font */--lh-snug:1.16; /* @kind font */--lh-normal:1.45; /* @kind font */--lh-loose:1.7; /* @kind font */

/* tracking — brand headlines are set tight; all-caps labels are set wide */
--ls-tight:-.035em; /* @kind font */--ls-normal:0; /* @kind font */--ls-wide:.06em; /* @kind font */--ls-wider:.12em; /* @kind font */

/* roles */
--type-display:var(--fw-bold) var(--fs-5xl)/var(--lh-tight) var(--font-display);
--type-h1:var(--fw-bold) var(--fs-4xl)/var(--lh-snug) var(--font-display);
--type-h2:var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
--type-h3:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-display);
--type-serif-display:var(--fw-bold) var(--fs-4xl)/var(--lh-snug) var(--font-serif);
--type-serif-italic:italic var(--fw-medium) var(--fs-2xl)/var(--lh-snug) var(--font-serif);
--type-script:var(--fw-regular) var(--fs-3xl)/var(--lh-snug) var(--font-script);
--type-body:var(--fw-regular) var(--fs-md)/var(--lh-normal) var(--font-text);
--type-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-text);
--type-label:var(--fw-semibold) var(--fs-2xs)/var(--lh-snug) var(--font-display);
--type-price:var(--fw-bold) var(--fs-3xl)/var(--lh-tight) var(--font-display);
}
/* tokens/spacing.css */
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
/* artwork gutters — social artwork is laid out on a 1080px grid with a 64px safe margin */
--gutter-artwork:64px;
--gutter-card:20px;
--gutter-section:40px;
/* hit target floor */
--tap-min:44px;
}
/* tokens/radius.css */
:root{
/* the brand is fully rounded — nothing in the identity has a sharp corner */
--radius-xs:6px;
--radius-sm:10px;
--radius-md:16px;
--radius-lg:24px;
--radius-xl:32px;
--radius-2xl:44px;
--radius-pill:999px;
--radius-card:var(--radius-lg);
--radius-sticker:var(--radius-xl);
/* sticker keyline — the white outline that surrounds every brand element */
--stroke-sticker:6px;
--stroke-sticker-sm:3px;
--stroke-sticker-lg:10px;
}
/* tokens/shadow.css */
:root{
/* soft, warm, low-contrast. no black shadows — always tinted with coffee/orange */
--shadow-sticker:0 3px 0 rgba(95,63,48,.10);
--shadow-xs:0 1px 2px rgba(95,63,48,.10);
--shadow-sm:0 2px 6px rgba(95,63,48,.10);
--shadow-md:0 6px 16px rgba(95,63,48,.12);
--shadow-lg:0 14px 34px rgba(95,63,48,.16);
--shadow-press:0 1px 2px rgba(95,63,48,.18);
--shadow-inset-soft:inset 0 2px 4px rgba(95,63,48,.08);
/* the logo/element drop shadow in the brandbook is a hard offset, not a blur */
--shadow-offset-hard:4px 4px 0 rgba(95,63,48,.12);
/* sticker text: the thick white keyline + hard drop that every headline carries.
   Apply as -webkit-text-stroke + paint-order:stroke, or as a layered text-shadow. */
--sticker-text-stroke:10px;
--sticker-text-stroke-sm:6px;
--sticker-text-drop:0 7px 0 rgba(95,63,48,.20);
--sticker-chip-drop:0 5px 0 rgba(95,63,48,.22);
--shadow-paper:0 8px 18px rgba(95,63,48,.18);
}
/* tokens/motion.css */
:root{
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.45,.05,.55,.95); /* @kind other */
--ease-bounce:cubic-bezier(.34,1.56,.64,1); /* @kind other */   /* stickers pop in on this */
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:320ms; /* @kind other */
--dur-pop:420ms; /* @kind other */
}
/* tokens/decoration.css */
:root{
/* the acne-spot polka dot: the sub-brand's signature background gimmick */
--dot-size:7px;
--dot-gap:34px;
--pattern-dots-peach:radial-gradient(var(--gg-dot) var(--dot-size),transparent calc(var(--dot-size) + 1px));
--pattern-dots-white:radial-gradient(rgba(255,255,255,.75) var(--dot-size),transparent calc(var(--dot-size) + 1px));
--pattern-dots-size:var(--dot-gap) var(--dot-gap);
/* vertical candy stripe used behind doctor-schedule artwork */
--pattern-stripe-mint:repeating-linear-gradient(90deg,var(--gg-mint) 0 10px,var(--gg-white) 10px 20px);
--pattern-stripe-turquoise:repeating-linear-gradient(90deg,var(--gg-turquoise) 0 12px,var(--gg-white) 12px 24px);
}
/* tokens/base.css, scoped */
*,*::before,*::after{box-sizing:border-box}
.gd-page h1, .gd-page h2, .gd-page h3, .gd-page h4{margin:0;color:var(--text-heading);letter-spacing:var(--ls-tight)}
.gd-page h1{font:var(--type-h1)}
.gd-page h2{font:var(--type-h2)}
.gd-page h3{font:var(--type-h3)}
.gd-page p{margin:0 0 var(--space-4)}
.gd-page a{color:var(--text-link);text-decoration:none;border-bottom:1.5px solid transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.gd-page a:hover{color:var(--text-link-hover);border-bottom-color:currentColor}
.gd-page a:focus-visible, .gd-page button:focus-visible, .gd-page input:focus-visible, .gd-page select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
::selection{background:var(--gg-yellow);color:var(--gg-coffee)}

/* --- shared page behaviour ------------------------------------------------ */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The prototypes ran on the design system's base, not on theme.css: undo the
   theme's global body/list/img settings inside design pages so spacing
   matches the handoff. */
.gd-page{font:var(--type-body);text-wrap:pretty}
.gd-page img{max-width:100%;display:revert}
.gd-page ul,.gd-page ol{padding-left:revert}
.gd-page details>summary{cursor:pointer;list-style:none}
.gd-page details>summary::-webkit-details-marker{display:none}
.gd-page details .gg-chev{transition:transform .2s}
.gd-page details[open]>summary .gg-chev{transform:rotate(180deg)}
.gd-page [data-gg-rail-bar][hidden]{display:none!important}

/* Design-system Buttons: their hover/press states were React state in the
   prototype, so they are restored here. On narrow phones a long label may
   wrap instead of pushing the page sideways. */
.gd-page a[style*="--action-primary"]:hover{background:var(--gg-orange-press)!important}
.gd-page a[style*="--action-primary"]:active{transform:scale(.97)!important}
@media (max-width:480px){
  .gd-page a[style*="--radius-pill"][style*="white-space: nowrap"]{
    white-space:normal!important;max-width:100%;text-align:center;
    padding-left:24px!important;padding-right:24px!important;line-height:1.3!important}
}

/* empty picture slot - same diagonal stripe the theme used before */
.gd-slot{position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;min-height:120px;overflow:hidden;text-align:center;padding:12px;
  background:repeating-linear-gradient(135deg,var(--gg-shell) 0 12px,#fff 12px 24px);
  color:var(--gg-coffee-soft);font-size:16px;line-height:1.5}
.gd-slot small{display:block;font-size:14px;opacity:.8}
.gd-slot-img{display:block;width:100%;height:100%;object-fit:cover}

/* --- hover rules captured from the prototypes --- */
.gh-analysis-0:hover { color: var(--gg-mint) !important; }
.gh-analysis-1:hover { background: var(--gg-peach) !important; }
.gh-analysis-2:hover { background: var(--gg-mint) !important; }
.gh-analysis-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-concerns-0:hover { background: var(--gg-sundown) !important; }
.gh-concerns-1:hover { color: var(--gg-mint) !important; }
.gh-concerns-2:hover { background: var(--gg-peach) !important; }
.gh-concerns-3:hover { background: var(--gg-mint) !important; }
.gh-concerns-4:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-contact-0:hover { color: var(--gg-mint) !important; }
.gh-contact-1:hover { background: var(--gg-peach) !important; }
.gh-contact-2:hover { background: var(--gg-mint) !important; }
.gh-contact-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-doctors-0:hover { color: var(--gg-mint) !important; }
.gh-doctors-1:hover { background: var(--gg-peach) !important; }
.gh-doctors-2:hover { background: var(--gg-mint) !important; }
.gh-doctors-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-glowrapist-diode-0:hover { color: var(--gg-mint) !important; }
.gh-glowrapist-diode-1:hover { background: var(--gg-peach) !important; }
.gh-glowrapist-diode-2:hover { background: var(--gg-mint) !important; }
.gh-glowrapist-diode-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-glowrapist-treatment-0:hover { color: var(--gg-mint) !important; }
.gh-glowrapist-treatment-1:hover { background: var(--gg-peach) !important; }
.gh-glowrapist-treatment-2:hover { background: var(--gg-mint) !important; }
.gh-glowrapist-treatment-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-glowrapist-0:hover { background: rgb(255, 249, 241) !important; color: rgb(95, 63, 48) !important; }
.gh-glowrapist-1:hover { box-shadow: rgba(95, 63, 48, 0.18) 0px 10px 22px !important; }
.gh-glowrapist-2:hover { color: var(--gg-mint) !important; }
.gh-glowrapist-3:hover { background: var(--gg-peach) !important; }
.gh-glowrapist-4:hover { background: var(--gg-mint) !important; }
.gh-glowrapist-5:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-guide-0:hover { background: var(--gg-sundown) !important; }
.gh-guide-1:hover { color: var(--gg-mint) !important; }
.gh-guide-2:hover { background: var(--gg-peach) !important; }
.gh-guide-3:hover { background: var(--gg-mint) !important; }
.gh-guide-4:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-home-0:hover { color: var(--gg-mint) !important; }
.gh-home-1:hover { background: var(--gg-peach) !important; }
.gh-home-2:hover { background: var(--gg-mint) !important; }
.gh-home-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-reosat-0:hover { color: var(--gg-mint) !important; }
.gh-reosat-1:hover { background: var(--gg-peach) !important; }
.gh-reosat-2:hover { background: var(--gg-mint) !important; }
.gh-reosat-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-acne-0:hover { color: var(--gg-mint) !important; }
.gh-treatment-acne-1:hover { background: var(--gg-peach) !important; }
.gh-treatment-acne-2:hover { background: var(--gg-mint) !important; }
.gh-treatment-acne-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-body-0:hover { color: var(--gg-mint) !important; }
.gh-treatment-body-1:hover { background: var(--gg-peach) !important; }
.gh-treatment-body-2:hover { background: var(--gg-mint) !important; }
.gh-treatment-body-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-botox-0:hover { color: var(--gg-mint) !important; }
.gh-treatment-botox-1:hover { background: var(--gg-peach) !important; }
.gh-treatment-botox-2:hover { background: var(--gg-mint) !important; }
.gh-treatment-botox-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-filler-0:hover { color: var(--gg-mint) !important; }
.gh-treatment-filler-1:hover { background: var(--gg-peach) !important; }
.gh-treatment-filler-2:hover { background: var(--gg-mint) !important; }
.gh-treatment-filler-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-lifting-0:hover { box-shadow: rgba(95, 63, 48, 0.18) 0px 10px 22px !important; }
.gh-treatment-lifting-1:hover { color: var(--gg-mint) !important; }
.gh-treatment-lifting-2:hover { background: var(--gg-peach) !important; }
.gh-treatment-lifting-3:hover { background: var(--gg-mint) !important; }
.gh-treatment-lifting-4:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-mesotherapy-0:hover { color: var(--gg-mint) !important; }
.gh-treatment-mesotherapy-1:hover { background: var(--gg-peach) !important; }
.gh-treatment-mesotherapy-2:hover { background: var(--gg-mint) !important; }
.gh-treatment-mesotherapy-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-prp-0:hover { color: var(--gg-mint) !important; }
.gh-treatment-prp-1:hover { background: var(--gg-peach) !important; }
.gh-treatment-prp-2:hover { background: var(--gg-mint) !important; }
.gh-treatment-prp-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatment-pico-0:hover { color: var(--gg-mint) !important; }
.gh-treatment-pico-1:hover { background: var(--gg-peach) !important; }
.gh-treatment-pico-2:hover { background: var(--gg-mint) !important; }
.gh-treatment-pico-3:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
.gh-treatments-0:hover { background: var(--gg-sundown) !important; }
.gh-treatments-1:hover { color: var(--gg-mint) !important; }
.gh-treatments-2:hover { background: var(--gg-peach) !important; }
.gh-treatments-3:hover { background: var(--gg-mint) !important; }
.gh-treatments-4:hover { background: var(--gg-mint) !important; color: var(--gg-coffee) !important; }
/* --- per-page rules --- */
/* analysis */
.gd-analysis{margin: 0; background: var(--gg-cream);}
.gd-analysis a{color: var(--gg-orange); text-decoration: none;}
.gd-analysis a:hover{color: var(--gg-reddish);}
/* concerns */
.gd-concerns{margin: 0; background: var(--gg-cream);}
.gd-concerns a{color: var(--gg-orange); text-decoration: none;}
.gd-concerns a:hover{color: var(--gg-reddish);}
.gd-concerns details > summary{cursor: pointer; list-style: none;}
.gd-concerns details > summary::-webkit-details-marker{display: none;}
.gd-concerns details[open] > summary .gg-chev{transform: rotate(180deg);}
/* contact */
.gd-contact{margin: 0; background: var(--gg-cream);}
.gd-contact a{color: var(--gg-orange); text-decoration: none;}
.gd-contact a:hover{color: var(--gg-reddish);}
/* doctors */
.gd-doctors{margin: 0; background: var(--gg-cream);}
.gd-doctors a{color: var(--gg-orange); text-decoration: none;}
.gd-doctors a:hover{color: var(--gg-reddish);}
/* glowrapist-diode */
.gd-glowrapist-diode{margin: 0; background: var(--gg-cream);}
.gd-glowrapist-diode a{color: #5F3F30; text-decoration: none;}
.gd-glowrapist-diode a:hover{color: #FF542F;}
.gd-glowrapist-diode section p a, .gd-glowrapist-diode section li a{text-decoration: underline; text-underline-offset: 3px;}
/* glowrapist-treatment */
.gd-glowrapist-treatment{margin: 0; background: #FFF9F1;}
.gd-glowrapist-treatment a{color: #5F3F30; text-decoration: none;}
.gd-glowrapist-treatment a:hover{color: #FF542F;}
.gd-glowrapist-treatment section p a, .gd-glowrapist-treatment section li a{text-decoration: underline; text-underline-offset: 3px;}
/* glowrapist */
.gd-glowrapist{margin: 0; background: #FFF9F1;}
.gd-glowrapist a{color: #5F3F30; text-decoration: none;}
.gd-glowrapist a:hover{color: #FF542F;}
.gd-glowrapist section p a, .gd-glowrapist section li a{text-decoration: underline; text-underline-offset: 3px;}
/* guide */
.gd-guide{margin: 0; background: var(--gg-cream);}
.gd-guide a{color: var(--gg-orange); text-decoration: none;}
.gd-guide a:hover{color: var(--gg-reddish);}
.gd-guide details > summary{cursor: pointer; list-style: none;}
.gd-guide details > summary::-webkit-details-marker{display: none;}
.gd-guide details[open] > summary .gg-chev{transform: rotate(180deg);}
/* home */
.gd-home{margin: 0; background: var(--gg-cream);}
.gd-home a{color: var(--gg-orange); text-decoration: none;}
.gd-home a:hover{color: var(--gg-reddish);}
/* landing-page */
.gd-landing-page{margin: 0; background: var(--gg-peach);}
.gd-landing-page a{color: var(--gg-orange); text-decoration: none;}
.gd-landing-page a:hover{color: var(--gg-reddish);}
.gd-landing-page details > summary{cursor: pointer; list-style: none;}
.gd-landing-page details > summary::-webkit-details-marker{display: none;}
/* reosat */
.gd-reosat{margin: 0; background: var(--gg-cream);}
.gd-reosat a{color: var(--gg-orange); text-decoration: none;}
.gd-reosat a:hover{color: var(--gg-reddish);}
/* treatment-acne */
.gd-treatment-acne{margin: 0; background: var(--gg-cream);}
.gd-treatment-acne a{color: var(--gg-coffee); text-decoration: none;}
.gd-treatment-acne a:hover{color: var(--gg-orange);}
.gd-treatment-acne section p a, .gd-treatment-acne section li a{text-decoration: underline; text-underline-offset: 3px;}
/* treatment-body */
.gd-treatment-body{margin: 0; background: var(--gg-cream);}
.gd-treatment-body a{color: var(--gg-orange); text-decoration: none;}
.gd-treatment-body a:hover{color: var(--gg-reddish);}
/* treatment-botox */
.gd-treatment-botox{margin: 0; background: var(--gg-cream);}
.gd-treatment-botox a{color: var(--gg-orange); text-decoration: none;}
.gd-treatment-botox a:hover{color: var(--gg-reddish);}
/* treatment-filler */
.gd-treatment-filler{margin: 0; background: var(--gg-cream);}
.gd-treatment-filler a{color: var(--gg-coffee); text-decoration: none;}
.gd-treatment-filler a:hover{color: var(--gg-orange);}
.gd-treatment-filler section p a, .gd-treatment-filler section li a{text-decoration: underline; text-underline-offset: 3px;}
/* treatment-lifting */
.gd-treatment-lifting{margin: 0; background: var(--gg-cream);}
.gd-treatment-lifting a{color: var(--gg-coffee); text-decoration: none;}
.gd-treatment-lifting a:hover{color: var(--gg-orange);}
.gd-treatment-lifting section p a{text-decoration: underline; text-underline-offset: 3px;}
/* treatment-mesotherapy */
.gd-treatment-mesotherapy{margin: 0; background: var(--gg-cream);}
.gd-treatment-mesotherapy a{color: var(--gg-orange); text-decoration: none;}
.gd-treatment-mesotherapy a:hover{color: var(--gg-reddish);}
/* treatment-prp */
.gd-treatment-prp{margin: 0; background: var(--gg-cream);}
.gd-treatment-prp a{color: var(--gg-orange); text-decoration: none;}
.gd-treatment-prp a:hover{color: var(--gg-reddish);}
/* treatment-pico */
.gd-treatment-pico{margin: 0; background: var(--gg-cream);}
.gd-treatment-pico a{color: var(--gg-orange); text-decoration: none;}
.gd-treatment-pico a:hover{color: var(--gg-reddish);}
/* treatments */
.gd-treatments{margin: 0; background: var(--gg-cream);}
.gd-treatments a{color: var(--gg-orange); text-decoration: none;}
.gd-treatments a:hover{color: var(--gg-reddish);}