/* =====================================================================
   G-Daddy Christmas Theme + 26% Holiday Sale
   Shared by every public page. Decorations are pointer-events:none and
   aria-hidden; all motion is disabled under prefers-reduced-motion.
   ===================================================================== */
:root{
  --gdx-pine:#123524;
  --gdx-pine-deep:#0b2418;
  --gdx-pine-soft:#1d4a33;
  --gdx-burgundy:#7b1e2b;
  --gdx-burgundy-deep:#58131e;
  --gdx-gold:#d9bd7a;
  --gdx-gold-bright:#f3dfa6;
  --gdx-gold-deep:#a8823a;
  --gdx-snow:#fbfaf6;
  --gdx-glow:#ffe9b0;
}

/* Visually hidden text for screen readers (sale price labels). */
.gdx-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ---------------- Snowfall (fixed, never blocks clicks) ---------------- */
#gdaddy-christmas-snow{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden;contain:strict;user-select:none}
#gdaddy-christmas-snow .gdx-flake{
  position:absolute;top:-12px;left:var(--x,50%);
  width:var(--s,4px);height:var(--s,4px);border-radius:50%;
  background:radial-gradient(circle at 40% 40%,#fff 0 35%,rgba(255,255,255,.75) 55%,rgba(255,255,255,0) 72%);
  opacity:var(--o,.85);will-change:transform;
  animation:gdx-fall var(--d,14s) linear var(--delay,0s) infinite;
}
#gdaddy-christmas-snow .gdx-flake.blur{filter:blur(1px)}
@keyframes gdx-fall{
  0%{transform:translate3d(0,-2vh,0)}
  25%{transform:translate3d(var(--sway,18px),24vh,0)}
  50%{transform:translate3d(calc(var(--sway,18px) * -.4),52vh,0)}
  75%{transform:translate3d(var(--sway,18px),78vh,0)}
  100%{transform:translate3d(0,106vh,0)}
}
.gdx-paused #gdaddy-christmas-snow .gdx-flake,
.gdx-paused .gdx-lights,
.gdx-paused .gdx-ornament{animation-play-state:paused!important}

/* ---------------- Christmas announcement bar ---------------- */
.gdx-announce{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(ellipse at 50% -40%,rgba(243,223,166,.22),transparent 60%),
    linear-gradient(180deg,#174430 0%,var(--gdx-pine) 55%,var(--gdx-pine-deep) 100%);
  color:var(--gdx-snow);text-align:center;
  padding:12px 128px 13px;
  border-top:2px solid var(--gdx-gold-deep);
  border-bottom:2px solid var(--gdx-gold);
  box-shadow:inset 0 1px 0 rgba(243,223,166,.35),0 3px 14px rgba(11,36,24,.35);
  font-family:"Public Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.gdx-announce::before{ /* slow gold shimmer sweep */
  content:"";position:absolute;top:-40%;bottom:-40%;left:-40%;width:28%;z-index:-1;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(243,223,166,.16),transparent);
  animation:gdx-shine 7s ease-in-out infinite;pointer-events:none;
}
.gdx-announce-inner{display:flex;align-items:center;justify-content:center;gap:10px 22px;flex-wrap:wrap;max-width:1180px;margin:0 auto}
.gdx-announce-copy{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.gdx-announce-main{
  margin:0;font:800 clamp(14px,1.2vw,16px)/1.3 "Bitter",Georgia,"Times New Roman",serif;
  letter-spacing:.04em;text-transform:uppercase;color:var(--gdx-gold-bright);
  text-shadow:0 0 14px rgba(243,223,166,.35),0 1px 0 rgba(0,0,0,.35);
}
.gdx-announce-main strong{color:#fff;background:var(--gdx-burgundy);padding:1px 8px;border-radius:3px;border:1px solid var(--gdx-gold);margin:0 2px;white-space:nowrap;box-shadow:0 0 12px rgba(123,30,43,.6)}
.gdx-announce-sub{margin:0;font-size:clamp(12px,1vw,13.5px);line-height:1.45;color:#eef3ec;font-weight:500}
.gdx-announce-sub .gdx-fine{display:inline-block;color:#c9d7c9;font-size:.92em;margin-left:4px}
.gdx-announce-cta{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  background:linear-gradient(180deg,#8f2534,var(--gdx-burgundy-deep));
  color:#fff!important;text-decoration:none!important;
  font:800 13px/1 "Public Sans",system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;
  padding:11px 17px;border-radius:999px;border:1.5px solid var(--gdx-gold);
  box-shadow:0 0 0 3px rgba(217,189,122,.14),0 6px 16px rgba(0,0,0,.28);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  min-height:40px;position:relative;z-index:2;
}
.gdx-announce-cta:hover{transform:translateY(-1px);background:linear-gradient(180deg,#a22c3d,#66172a);box-shadow:0 0 0 3px rgba(217,189,122,.3),0 8px 20px rgba(0,0,0,.32)}
.gdx-announce-cta:focus-visible{outline:3px solid var(--gdx-gold-bright);outline-offset:3px}
.gdx-announce-cta span{transition:transform .15s ease}
.gdx-announce-cta:hover span{transform:translateX(3px)}
.gdx-announce .gdx-pine{position:absolute;top:-4px;width:150px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.gdx-announce .gdx-pine.left{left:-8px}
.gdx-announce .gdx-pine.right{right:-8px;transform:scaleX(-1)}
@keyframes gdx-shine{0%,20%{left:-40%}65%,100%{left:120%}}

/* ---------------- Garland with twinkling lights (hangs below the header) ---------------- */
.gdx-garland-host.gdx-pos{position:relative} /* only applied when the header was position:static */
.gdx-garland.gdx-garland-inset{top:-4px;margin-top:0;z-index:6}
.gdx-garland.gdx-garland-inset .gdx-ornament{display:none}
.gdx-garland{
  position:absolute;left:0;right:0;top:100%;height:34px;margin-top:-9px;
  pointer-events:none;z-index:3;
  background:url("/christmas-garland.svg") repeat-x 0 0/200px 38px;
  filter:drop-shadow(0 3px 3px rgba(11,36,24,.28));
}
.gdx-lights{
  position:absolute;left:0;right:0;top:13px;height:22px;pointer-events:none;
  background-repeat:repeat-x;background-size:96px 22px;
}
.gdx-lights.a{
  background-image:
    radial-gradient(circle at 18px 11px,#fffdf2 0 2.6px,rgba(255,236,170,.95) 3.6px,rgba(255,214,120,.38) 6.5px,rgba(255,214,120,0) 11px),
    radial-gradient(circle at 66px 13px,#fffaf0 0 2.4px,rgba(255,232,165,.9) 3.4px,rgba(255,206,110,.32) 6px,rgba(255,206,110,0) 10px);
  animation:gdx-twinkle 2.8s ease-in-out infinite;
}
.gdx-lights.b{
  background-image:
    radial-gradient(circle at 42px 14px,#fffdf2 0 2.4px,rgba(255,240,185,.95) 3.4px,rgba(255,220,140,.34) 6.3px,rgba(255,220,140,0) 10.5px),
    radial-gradient(circle at 88px 10px,#fff8e6 0 2.2px,rgba(255,228,160,.9) 3.2px,rgba(255,206,110,.3) 5.8px,rgba(255,206,110,0) 9.5px);
  animation:gdx-twinkle 2.8s ease-in-out -1.4s infinite;
}
@keyframes gdx-twinkle{0%,100%{opacity:1}45%{opacity:.35}60%{opacity:.85}}
.gdx-ornament{
  position:absolute;top:18px;width:18px;height:46px;pointer-events:none;
  transform-origin:50% 0;animation:gdx-sway 5.5s ease-in-out infinite;
}
.gdx-ornament::before{content:"";position:absolute;left:50%;top:0;width:1px;height:22px;background:linear-gradient(var(--gdx-gold),var(--gdx-gold-deep));transform:translateX(-50%)}
.gdx-ornament i{position:absolute;left:50%;top:20px;width:7px;height:5px;border-radius:1.5px;background:linear-gradient(#efd99b,#a8823a);transform:translateX(-50%)}
.gdx-ornament b{
  position:absolute;left:0;top:24px;width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#f2b7bd 0,#b3283a 26%,#5c1320 82%);
  box-shadow:0 3px 6px rgba(0,0,0,.28),inset -2px -3px 5px rgba(0,0,0,.25);
}
.gdx-ornament.gold b{background:radial-gradient(circle at 34% 30%,#fff7da 0,#e2c47c 30%,#8a6420 85%)}
.gdx-ornament.green b{background:radial-gradient(circle at 34% 30%,#c7e6cf 0,#2f7a4c 30%,#0f3a24 85%)}
.gdx-ornament.small{transform:scale(.8)}
/* Ornaments hang in the page margins only, so they never cover links or text. */
.gdx-ornament.o1{left:1.2%;animation-delay:-1s}
.gdx-ornament.o2{left:4.6%;top:15px;animation-delay:-3s}
.gdx-ornament.o3{right:4.6%;top:15px;animation-delay:-2s}
.gdx-ornament.o4{right:1.2%;animation-delay:-4s}
@media (max-width:1240px){.gdx-ornament.o2,.gdx-ornament.o3{display:none}}
@media (max-width:1100px){.gdx-ornament{display:none}}
@keyframes gdx-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}

/* Header accents: thin gold rule + warm glow (works on every header style). */

.site-header,.topbar{background:linear-gradient(180deg,#143c29,var(--gdx-pine-deep))!important;border-bottom-color:var(--gdx-gold)!important}

/* Existing local-delivery announcement: re-skinned to Christmas burgundy + gold. */
.gdaddy-delivery-announcement{
  background:linear-gradient(105deg,#3d0d16 0%,#6d1a27 26%,#8f2534 50%,#6d1a27 74%,#3d0d16 100%)!important;
  background-size:240% 100%!important;
  border-bottom:1px solid var(--gdx-gold)!important;
}
.gdaddy-delivery-announcement strong{color:var(--gdx-gold-bright)!important}

/* ---------------- Sale pricing components ---------------- */
.gdx-badge{
  display:inline-flex;align-items:center;gap:4px;
  background:linear-gradient(180deg,#9c2738,var(--gdx-burgundy-deep));
  color:#fff;border:1.5px solid var(--gdx-gold);border-radius:999px;
  font:900 .74rem/1 "Public Sans",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 10px 5px;box-shadow:0 2px 8px rgba(88,19,30,.3);white-space:nowrap;vertical-align:middle;
}
.gdx-badge::before{content:"✦";color:var(--gdx-gold-bright);font-size:.85em}
.gdx-badge.gold{background:linear-gradient(180deg,#f3dfa6,#c9a14f);color:#3a1309;border-color:#a8823a}
.gdx-badge.gold::before{color:var(--gdx-burgundy)}
.gdx-was{color:#7d6a55;font-weight:600;text-decoration:line-through;text-decoration-color:rgba(123,30,43,.85);text-decoration-thickness:2px;white-space:nowrap}
.gdx-save{display:block;color:#1d5a37;font-weight:800;font-size:.84rem;letter-spacing:.01em}
.gdx-save::before{content:"🎁 ";}

/* Corner seal on discounted product cards/rows. */
.gdx-on-sale{position:relative}
.gdx-on-sale::after{
  content:"26%\A OFF";white-space:pre;position:absolute;z-index:2;top:12px;left:12px;
  width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;
  font:900 15px/1.02 "Bitter",Georgia,serif;letter-spacing:.02em;color:#fff;
  background:radial-gradient(circle at 35% 30%,#b33244,var(--gdx-burgundy) 55%,var(--gdx-burgundy-deep));
  border:2px solid var(--gdx-gold);box-shadow:0 0 0 3px rgba(217,189,122,.35),0 6px 14px rgba(0,0,0,.25);
  transform:rotate(-10deg);pointer-events:none;
}

/* Homepage product cards */
#page-home .gd-price.gdx-sale-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
#page-home .gd-price.gdx-sale-price .gdx-badge{order:-1;flex-basis:auto;margin-right:auto;font-size:.68rem}
#page-home .gd-price.gdx-sale-price .gdx-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;width:100%}
#page-home .gd-price.gdx-sale-price .gdx-was{font-size:1.05rem}
#page-home .gd-price.gdx-sale-price .gdx-now{color:var(--gdx-burgundy);font-size:2.05rem}
#page-home .gd-price.gdx-sale-price .gdx-save{width:100%;margin-top:2px}

/* Shop product rows */
#page-shop .price-col.gdx-sale-col .gdx-badge{margin-bottom:8px}
#page-shop .price-col.gdx-sale-col .gdx-was{display:block;font-size:1.05rem;margin-bottom:2px}
#page-shop .price-col.gdx-sale-col .amt{color:var(--gdx-burgundy)!important}
#page-shop .price-col.gdx-sale-col .gdx-save{margin:4px 0 2px}
#page-shop .product-list .product-row.gdx-on-sale > .product-actions{margin-top:calc(var(--gdx-price-h,215px) + 14px)!important}
#page-shop .product-list .product-row.gdx-on-sale > .price-col .value-note{margin-top:6px!important}
#page-shop .gdx-not-on-sale-note{display:block;font-size:.72rem;color:#6b5943;font-weight:700;margin-top:4px}

/* Mini-cart / cart page / checkout line items */
.gdx-unit{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.gdx-unit .gdx-was{font-size:.86em}
.gdx-unit .gdx-now{color:var(--gdx-burgundy);font-weight:900}
.gdx-unit .gdx-badge{font-size:.62rem;padding:4px 7px 3px}
.gdx-line-save{display:block;color:#1d5a37;font-size:.76rem;font-weight:800;margin-top:2px;white-space:nowrap}
.gdx-line-was{display:block;font-size:.78rem;text-align:right}
.gdx-summary-savings,.gdx-summary-savings strong{color:#1d5a37!important;font-weight:800}
.gdx-summary-orig strong{color:#7d6a55;text-decoration:line-through;text-decoration-color:rgba(123,30,43,.8)}
.gdx-savings-banner{
  display:flex;align-items:center;gap:10px;margin:12px 0;padding:11px 13px;border-radius:10px;
  background:linear-gradient(135deg,#eef6ef,#fbf6e6);border:1px solid #b9d4bf;color:#1d4a33;font-size:.88rem;line-height:1.4
}
.gdx-savings-banner b{color:var(--gdx-burgundy)}
.gdx-savings-banner .gdx-sb-icon{font-size:1.35rem;line-height:1}
.gdx-pallet-note{display:block;color:#6b5943;font-size:.76rem;font-weight:700;margin-top:3px}

/* ---------------- Homepage Christmas hero ---------------- */
#page-home .gd-hero.gdx-hero{
  position:relative;isolation:isolate;
  background:
    radial-gradient(ellipse at 80% 30%,rgba(217,189,122,.20),transparent 45%),
    radial-gradient(ellipse at 12% 110%,rgba(123,30,43,.55),transparent 55%),
    linear-gradient(160deg,#1a4732 0%,var(--gdx-pine) 45%,var(--gdx-pine-deep) 100%)!important;
}
#page-home .gd-hero.gdx-hero::before{ /* faint gold starfield */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 22%,rgba(243,223,166,.9),transparent),
    radial-gradient(1.2px 1.2px at 32% 68%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.6px 1.6px at 48% 14%,rgba(243,223,166,.8),transparent),
    radial-gradient(1.2px 1.2px at 62% 82%,rgba(255,255,255,.6),transparent),
    radial-gradient(1.5px 1.5px at 88% 58%,rgba(243,223,166,.85),transparent),
    radial-gradient(1.1px 1.1px at 6% 86%,rgba(255,255,255,.6),transparent);
}
#page-home .gd-hero.gdx-hero::after{ /* continuous snowy drift along the bottom edge */
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;z-index:0;pointer-events:none;
  background:
    linear-gradient(#eef3f1,#eef3f1) left bottom/100% 7px no-repeat,
    radial-gradient(60% 100% at 50% 100%,#eef3f1 70%,rgba(238,243,241,0) 72%) 0 100%/160px 18px repeat-x,
    radial-gradient(60% 100% at 50% 100%,#f8faf9 70%,rgba(248,250,249,0) 72%) 80px 100%/230px 22px repeat-x;
  filter:drop-shadow(0 -2px 3px rgba(11,36,24,.25));
}
#page-home .gdx-hero .gd-kicker{color:var(--gdx-gold-bright)}
#page-home .gdx-hero .gd-kicker span{background:var(--gdx-burgundy);box-shadow:0 0 0 2px rgba(217,189,122,.6);transform:rotate(45deg)}
#page-home .gdx-hero h1.gdx-hero-title{font-size:clamp(2.45rem,4.3vw,4.15rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
#page-home .gdx-hero h1.gdx-hero-title em{color:var(--gdx-gold-bright);font-style:italic;text-shadow:0 0 26px rgba(243,223,166,.28)}
#page-home .gdx-hero .gd-hero-sub strong{color:var(--gdx-gold-bright)}
#page-home .gdx-hero .gd-btn-gold{background:linear-gradient(180deg,#f3dfa6,#d4b064)!important;border-color:#c9a14f!important;color:#2b0f0a!important;box-shadow:0 8px 22px rgba(0,0,0,.25),0 0 0 3px rgba(243,223,166,.18)}
#page-home .gdx-hero .gd-btn-outline{border-color:rgba(243,223,166,.85)!important;color:#fff!important}
#page-home .gdx-hero .gd-btn-outline:hover{background:rgba(243,223,166,.12)!important}
#page-home .gdx-hero .gd-hero-video-frame{background:radial-gradient(ellipse at 50% 40%,#1d4a33,#0b2418 75%)!important;border-color:var(--gdx-gold)!important;box-shadow:0 0 0 4px rgba(217,189,122,.18),0 24px 60px rgba(0,0,0,.35)}
#page-home .gdx-hero .gd-photo-ribbon{background:linear-gradient(180deg,#f3dfa6,#d9bd7a)!important}
.gdx-hero-seal{
  position:absolute;z-index:3;top:16px;left:16px;width:96px;height:96px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:radial-gradient(circle at 35% 28%,#b73548,var(--gdx-burgundy) 55%,var(--gdx-burgundy-deep));
  color:#fff;border:2px solid var(--gdx-gold);
  box-shadow:0 0 0 5px rgba(217,189,122,.25),0 10px 24px rgba(0,0,0,.35);
  transform:rotate(-8deg);pointer-events:none;
}
.gdx-hero-seal b{font:900 30px/1 "Bitter",Georgia,serif;letter-spacing:-.02em}
.gdx-hero-seal small{font:800 10px/1.15 "Public Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gdx-gold-bright);margin-top:3px}

/* Trust strip & shop hero picked up in the Christmas palette */
#page-home .gd-trust-strip{background:linear-gradient(180deg,var(--gdx-pine-deep),#0e2b1d)!important;border-top-color:var(--gdx-gold)!important}
#page-home .gd-trust-strip .gd-trust-icon{border-color:var(--gdx-gold)!important;color:var(--gdx-gold-bright)!important}
#page-shop .page-hero.shop-hero-with-checker{
  background:
    radial-gradient(ellipse at 85% 20%,rgba(217,189,122,.16),transparent 45%),
    radial-gradient(ellipse at 0% 120%,rgba(123,30,43,.45),transparent 55%),
    linear-gradient(160deg,#1a4732,var(--gdx-pine) 50%,var(--gdx-pine-deep))!important;
}
.gdx-shop-sale-strip{
  display:flex;align-items:center;justify-content:center;gap:10px 16px;flex-wrap:wrap;
  max-width:1000px;margin:0 auto 22px;padding:13px 18px;border-radius:12px;
  background:linear-gradient(135deg,#fbf3df,#f4e6c4);border:1px solid #d9bd7a;color:#3a2412;text-align:center;
  box-shadow:0 6px 18px rgba(46,32,19,.08);
}
.gdx-shop-sale-strip p{margin:0;font-weight:650;font-size:.95rem}
.gdx-shop-sale-strip p b{color:var(--gdx-burgundy)}

/* ---------------- Responsive ---------------- */
@media (max-width:980px){
  .gdx-announce{padding:11px 92px 12px}
  .gdx-announce .gdx-pine{width:104px}
}
@media (max-width:640px){
  .gdx-announce{padding:10px 14px 11px}
  .gdx-announce-inner{gap:8px}
  .gdx-announce-main{font-size:12.5px;letter-spacing:.035em;padding:0 34px}
  .gdx-announce-sub{font-size:11.5px}
  .gdx-announce-sub .gdx-fine{display:block;margin:2px 0 0}
  .gdx-announce .gdx-pine{width:66px;top:-3px;opacity:.95}
  .gdx-announce-cta{padding:9px 14px;font-size:11.5px;min-height:36px}
  .gdx-garland{background-size:150px 28px;height:26px;margin-top:-7px}
  .gdx-lights{top:9px;height:18px;background-size:72px 18px}
  .gdx-lights.a{background-image:
    radial-gradient(circle at 14px 9px,#fffdf2 0 2.2px,rgba(255,236,170,.95) 3px,rgba(255,214,120,.36) 5.5px,rgba(255,214,120,0) 9px),
    radial-gradient(circle at 50px 10px,#fffaf0 0 2px,rgba(255,232,165,.9) 2.9px,rgba(255,206,110,.3) 5px,rgba(255,206,110,0) 8.5px)}
  .gdx-lights.b{background-image:
    radial-gradient(circle at 32px 11px,#fffdf2 0 2px,rgba(255,240,185,.95) 2.9px,rgba(255,220,140,.32) 5.2px,rgba(255,220,140,0) 8.5px),
    radial-gradient(circle at 66px 8px,#fff8e6 0 1.9px,rgba(255,228,160,.9) 2.7px,rgba(255,206,110,.3) 4.8px,rgba(255,206,110,0) 8px)}
  .gdx-on-sale::after{width:50px;height:50px;font-size:12.5px;top:8px;left:8px}
  .gdx-hero-seal{width:74px;height:74px;top:10px;left:10px}
  .gdx-hero-seal b{font-size:23px}
  .gdx-hero-seal small{font-size:8.5px}
  #page-home .gd-price.gdx-sale-price .gdx-now{font-size:1.8rem}
}

/* ---------------- Reduced motion: no snow, no twinkle, no sway ---------------- */
@media (prefers-reduced-motion:reduce){
  #gdaddy-christmas-snow{display:none!important}
  .gdx-announce::before,.gdx-lights,.gdx-ornament{animation:none!important}
  .gdx-announce-cta,.gdx-announce-cta span{transition:none!important}
}
/* Print: no decorations */
@media print{#gdaddy-christmas-snow,.gdx-garland,.gdx-announce .gdx-pine{display:none!important}}
#page-home .gdx-hero .gd-hero-video{background:#0b2418}


/* ---------------- G-Daddy customer-benefit sound bites ----------------
   Compact sales messages that sit naturally inside the Christmas theme. */
.gd-soundbite-section{
  position:relative;
  padding:30px clamp(16px,3vw,34px);
  margin:0 auto;
  max-width:1240px;
}
.gd-soundbite-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.gd-soundbite-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.gd-soundbite-card{
  display:flex;align-items:flex-start;gap:13px;min-width:0;
  padding:20px 19px 18px;
  background:linear-gradient(145deg,#fffdf7 0%,#f8f1e4 100%);
  border:1px solid rgba(168,130,58,.42);
  border-top:3px solid var(--gdx-burgundy);
  border-radius:12px;
  box-shadow:0 5px 18px rgba(35,25,14,.07);
}
.gd-soundbite-card:nth-child(2){border-top-color:var(--gdx-pine)}
.gd-soundbite-card:nth-child(3){border-top-color:var(--gdx-gold-deep)}
.gd-soundbite-icon{
  display:flex;align-items:center;justify-content:center;flex:0 0 38px;
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(145deg,#174430,#0b2418);
  color:var(--gdx-gold-bright);font-size:18px;
  border:1px solid var(--gdx-gold);box-shadow:0 2px 8px rgba(11,36,24,.18);
}
.gd-soundbite-card h2,.gd-yucca-callout h2{
  margin:2px 0 7px;color:#3d281b;
  font:800 clamp(1rem,1.3vw,1.16rem)/1.25 "Bitter",Georgia,serif;
}
.gd-soundbite-card p:not(.gd-soundbite-kicker){
  margin:0;color:#665543;font-size:.91rem;line-height:1.5;
}
.gd-soundbite-kicker{
  margin:0 0 5px;color:#7b1e2b;font-size:.66rem;
  line-height:1.25;font-weight:900;letter-spacing:.11em;
}
.gd-soundbite-card a{
  display:inline-block;margin-top:9px;color:#174430;font-weight:800;
  font-size:.82rem;text-decoration:none;border-bottom:1px solid rgba(23,68,48,.35);
}
.gd-soundbite-card a:hover{color:#7b1e2b;border-color:#7b1e2b}
.gd-soundbite-footnote{
  max-width:900px;margin:13px auto 0;text-align:center;
  color:#766957;font-size:.76rem;line-height:1.45;
}
.gd-yucca-callout{
  display:flex;align-items:center;gap:18px;
  max-width:1170px;margin:0 auto 38px;padding:23px 26px;
  border:1px solid rgba(168,130,58,.48);border-left:5px solid var(--gdx-pine);
  border-radius:12px;
  background:linear-gradient(105deg,#f6f0e2 0%,#fffdf8 70%,#f7f1e5 100%);
  box-shadow:0 5px 18px rgba(35,25,14,.06);
}
.gd-yucca-mark{
  flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;
  border-radius:50%;background:#174430;color:#f3dfa6;
  border:1px solid var(--gdx-gold);font-size:25px;
}
.gd-yucca-callout h2{font-size:clamp(1.1rem,1.8vw,1.45rem)}
.gd-yucca-callout p:not(.gd-soundbite-kicker){margin:0;color:#665543;line-height:1.55;font-size:.94rem}
@media(max-width:900px){
  .gd-soundbite-grid,.gd-soundbite-grid-three{grid-template-columns:1fr}
  .gd-soundbite-section{padding:22px 16px}
  .gd-soundbite-card{padding:17px}
}
@media(max-width:560px){
  .gd-yucca-callout{margin:0 16px 28px;padding:18px;gap:13px;align-items:flex-start}
  .gd-yucca-mark{flex-basis:42px;width:42px;height:42px;font-size:21px}
}