/*
 * UDGOON HOMEPAGE DESIGN CORRECTION — 2026-09-13
 * Scope: homepage body sections S01–S08 (page 1575) only.
 * Palette: UDGOON COLOR SYSTEM v1 "Indian Ocean Mineral" — supersedes the
 * Oxblood palette in AGENTS.md §3 (later approved direction per AJ).
 * Rules are scoped to homepage section selectors; no global element
 * selectors; header and footer untouched (footer fixes live in tpl 1844).
 */

/* ============================================================
   A. Re-scope Elementor kit tokens inside this page only.
   The global kit (post-8) is untouched — other pages keep it.
   ============================================================ */
.elementor-1575{
  --e-global-color-primary:#F3EFE6;      /* was #F5EFE3 */
  --e-global-color-secondary:#4F5D59;    /* was #7A6A58 */
  --e-global-color-text:#102A2B;         /* was #2C1F14 */
  --e-global-color-accent:#0F5B59;       /* was #C4973A gold */
  --e-global-typography-primary-font-family:"Bodoni Moda";
  --e-global-typography-primary-font-weight:500;
  --e-global-typography-secondary-font-family:"DM Sans";
  --e-global-typography-text-font-family:"DM Sans";
  --e-global-typography-accent-font-family:"DM Sans";
}

/* Self-hide the correction mount container (its <style> still applies) */
.udg-fix-mount{display:none!important}

/* ============================================================
   B. Shared body CTA component — matches approved header .solid-btn
   ============================================================ */
#udgoon-home-hero .udg-hero-editable-cta .elementor-button,
#udgoon-popular .udg-s02__cta .elementor-button,
.udg-new-rail .udg-new-rail__cta,
#udgoon-community .udg-s04__cta .elementor-button,
#udgoon-combos .sp-cta,
#udgoon-story .udg-s06__cta .elementor-button,
#udgoon-style-notes .udg-s07__cta .elementor-button,
#udgoon-final-editorial .udg-s08__cta .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  max-width:100%;
  height:42px;
  min-height:42px;
  padding:0 24px;
  border:0;
  border-radius:4px;
  background:#0F5B59;
  color:#FFFDFC;
  font-family:"DM Sans",sans-serif!important;
  font-weight:600;
  font-size:12px;
  line-height:18px;
  letter-spacing:0;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:none;
  cursor:pointer;
  transition:background-color 220ms ease,color 220ms ease,opacity 220ms ease;
}
/* product-card CTAs fill the card */
#udgoon-popular .udg-s02__cta .elementor-button,
.udg-new-rail .udg-new-rail__cta,
#udgoon-community .udg-s04__cta .elementor-button{
  min-width:0;width:100%;
}
#udgoon-home-hero .udg-hero-editable-cta .elementor-button:hover,
#udgoon-home-hero .udg-hero-editable-cta .elementor-button:focus,
#udgoon-popular .udg-s02__cta .elementor-button:hover,
#udgoon-popular .udg-s02__cta .elementor-button:focus,
.udg-new-rail .udg-new-rail__cta:hover,
.udg-new-rail .udg-new-rail__cta:focus,
#udgoon-community .udg-s04__cta .elementor-button:hover,
#udgoon-community .udg-s04__cta .elementor-button:focus,
#udgoon-story .udg-s06__cta .elementor-button:hover,
#udgoon-story .udg-s06__cta .elementor-button:focus,
#udgoon-style-notes .udg-s07__cta .elementor-button:hover,
#udgoon-style-notes .udg-s07__cta .elementor-button:focus,
#udgoon-final-editorial .udg-s08__cta .elementor-button:hover,
#udgoon-final-editorial .udg-s08__cta .elementor-button:focus{
  background:#0B4948!important;color:#FFFDFC!important;
}
#udgoon-home-hero .udg-hero-editable-cta .elementor-button:active,
#udgoon-popular .udg-s02__cta .elementor-button:active,
.udg-new-rail .udg-new-rail__cta:active,
#udgoon-community .udg-s04__cta .elementor-button:active,
#udgoon-combos .sp-cta:active,
#udgoon-story .udg-s06__cta .elementor-button:active,
#udgoon-style-notes .udg-s07__cta .elementor-button:active,
#udgoon-final-editorial .udg-s08__cta .elementor-button:active{
  background:#083F3E!important;color:#FFFDFC!important;opacity:1;
}
/* trailing dot — header .solid-btn::after parity */
#udgoon-home-hero .udg-hero-editable-cta .elementor-button::after,
#udgoon-popular .udg-s02__cta .elementor-button::after,
.udg-new-rail .udg-new-rail__cta::after,
#udgoon-community .udg-s04__cta .elementor-button::after,
#udgoon-combos .sp-cta::after,
#udgoon-story .udg-s06__cta .elementor-button::after,
#udgoon-style-notes .udg-s07__cta .elementor-button::after,
#udgoon-final-editorial .udg-s08__cta .elementor-button::after{
  content:"";display:inline-block;flex:0 0 auto;
  width:0;height:4px;margin-left:0;border-radius:50%;
  background:currentColor;transform:translateY(-3px);
  transition:width 250ms ease,margin-left 250ms ease;
}
#udgoon-home-hero .udg-hero-editable-cta .elementor-button:hover::after,
#udgoon-home-hero .udg-hero-editable-cta .elementor-button:focus-visible::after,
#udgoon-popular .udg-s02__cta .elementor-button:hover::after,
#udgoon-popular .udg-s02__cta .elementor-button:focus-visible::after,
.udg-new-rail .udg-new-rail__cta:hover::after,
.udg-new-rail .udg-new-rail__cta:focus-visible::after,
#udgoon-community .udg-s04__cta .elementor-button:hover::after,
#udgoon-community .udg-s04__cta .elementor-button:focus-visible::after,
#udgoon-combos .sp-cta:hover::after,
#udgoon-combos .sp-cta:focus-visible::after,
#udgoon-story .udg-s06__cta .elementor-button:hover::after,
#udgoon-story .udg-s06__cta .elementor-button:focus-visible::after,
#udgoon-style-notes .udg-s07__cta .elementor-button:hover::after,
#udgoon-style-notes .udg-s07__cta .elementor-button:focus-visible::after,
#udgoon-final-editorial .udg-s08__cta .elementor-button:hover::after,
#udgoon-final-editorial .udg-s08__cta .elementor-button:focus-visible::after{
  width:4px;margin-left:8px;
}
#udgoon-home-hero .udg-hero-editable-cta .elementor-button:focus-visible,
#udgoon-popular .udg-s02__cta .elementor-button:focus-visible,
.udg-new-rail .udg-new-rail__cta:focus-visible,
#udgoon-community .udg-s04__cta .elementor-button:focus-visible,
#udgoon-combos .sp-cta:focus-visible,
#udgoon-story .udg-s06__cta .elementor-button:focus-visible,
#udgoon-style-notes .udg-s07__cta .elementor-button:focus-visible,
#udgoon-final-editorial .udg-s08__cta .elementor-button:focus-visible{
  outline:2px solid #0F5B59!important;outline-offset:3px;
}
/* disabled / loading — no dot, no box */
#udgoon-popular .udg-s02__cta .elementor-button:disabled,
.udg-new-rail .udg-new-rail__cta--disabled,
.udg-new-rail .udg-new-rail__cta:disabled,
#udgoon-community .udg-s04__cta .elementor-button:disabled{
  background:#E8EEE9!important;color:#5D6762!important;
  border:0!important;opacity:1;cursor:default;
}
.udg-new-rail .udg-new-rail__cta[data-state="adding"]{
  background:#E8EEE9!important;color:#5D6762!important;cursor:progress;
}
@media (max-width:767px){
  #udgoon-home-hero .udg-hero-editable-cta .elementor-button,
  #udgoon-popular .udg-s02__cta .elementor-button,
  .udg-new-rail .udg-new-rail__cta,
  #udgoon-community .udg-s04__cta .elementor-button,
  #udgoon-combos .sp-cta,
  #udgoon-story .udg-s06__cta .elementor-button,
  #udgoon-style-notes .udg-s07__cta .elementor-button,
  #udgoon-final-editorial .udg-s08__cta .elementor-button{
    height:44px;min-height:44px;
  }
}
@media (prefers-reduced-motion:reduce){
  #udgoon-home-hero .udg-hero-editable-cta .elementor-button::after,
  #udgoon-popular .udg-s02__cta .elementor-button::after,
  .udg-new-rail .udg-new-rail__cta::after,
  #udgoon-community .udg-s04__cta .elementor-button::after,
  #udgoon-combos .sp-cta::after,
  #udgoon-story .udg-s06__cta .elementor-button::after,
  #udgoon-style-notes .udg-s07__cta .elementor-button::after,
  #udgoon-final-editorial .udg-s08__cta .elementor-button::after{
    transition:none;
  }
}

/* ============================================================
   C. Shared section canvas, gutters, headings
   ============================================================ */
#udgoon-popular,#udgoon-community,#udgoon-combos,
#udgoon-story,#udgoon-style-notes,#udgoon-final-editorial,
.udg-new-rail{
  background:#F3EFE6;
  color:#102A2B;
}
#udgoon-popular,#udgoon-community,#udgoon-combos,
#udgoon-story,#udgoon-style-notes,#udgoon-final-editorial,
.udg-new-rail{
  padding-top:64px;padding-bottom:64px;
}
/* section-level H2s that sit at the page edge get gutter padding */
#udgoon-popular .udg-s02__heading,
.udg-new-rail .udg-new-rail__heading-wrap,
#udgoon-community .udg-s04__heading,
#udgoon-combos .sp-section-title{
  margin:0 0 32px 0!important;
  padding:0 max(40px,calc((100vw - 1360px)/2))!important;
  text-align:left;
}
#udgoon-popular .udg-s02__heading .elementor-heading-title,
.udg-new-rail .udg-new-rail__heading,
#udgoon-community .udg-s04__heading .elementor-heading-title,
#udgoon-combos .sp-section-title{
  margin:0!important;
  font-family:"Bodoni Moda",serif!important;
  font-weight:500!important;
  font-size:48px!important;
  line-height:52px!important;
  letter-spacing:-0.02em!important;
  color:#102A2B!important;
  text-align:left;
}
@media (min-width:768px) and (max-width:1023px){
  #udgoon-popular,#udgoon-community,#udgoon-combos,
  #udgoon-story,#udgoon-style-notes,#udgoon-final-editorial,
  .udg-new-rail{padding-top:48px;padding-bottom:48px}
  #udgoon-popular .udg-s02__heading,
  .udg-new-rail .udg-new-rail__heading-wrap,
  #udgoon-community .udg-s04__heading,
  #udgoon-combos .sp-section-title{
    margin-bottom:24px!important;padding:0 24px!important;
  }
  #udgoon-popular .udg-s02__heading .elementor-heading-title,
  .udg-new-rail .udg-new-rail__heading,
  #udgoon-community .udg-s04__heading .elementor-heading-title,
  #udgoon-combos .sp-section-title{font-size:40px!important;line-height:44px!important}
}
@media (max-width:767px){
  #udgoon-popular,#udgoon-community,#udgoon-combos,
  #udgoon-story,#udgoon-style-notes,#udgoon-final-editorial,
  .udg-new-rail{padding-top:40px;padding-bottom:40px}
  #udgoon-popular .udg-s02__heading,
  .udg-new-rail .udg-new-rail__heading-wrap,
  #udgoon-community .udg-s04__heading,
  #udgoon-combos .sp-section-title{
    margin-bottom:24px!important;padding:0 16px!important;
  }
  #udgoon-popular .udg-s02__heading .elementor-heading-title,
  .udg-new-rail .udg-new-rail__heading,
  #udgoon-community .udg-s04__heading .elementor-heading-title,
  #udgoon-combos .sp-section-title{font-size:32px!important;line-height:36px!important}
}

/* ============================================================
   D. S01 Hero — intro strip, centered overlay stack, CTA, stage
   ============================================================ */
#udgoon-home-hero{background:#F3EFE6}
.ud-hero{background:#F3EFE6}
.ud-hero__media-viewport{
  height:720px;min-height:0;background:#F3EFE6;
}
.udg-hero-editable-foreground{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  height:720px;min-height:0;gap:0;
}
.udg-hero-editable-foreground>.elementor-widget{
  position:static;left:auto;transform:none;
  margin:0;padding:0;width:auto;max-width:100%;
}
.udg-hero-editable-line1 .elementor-heading-title,
.udg-hero-editable-line2 .elementor-heading-title{
  font-size:72px;line-height:72px;
  letter-spacing:-0.02em;max-width:1000px;
  white-space:normal;
}
/* in-flow divider inside the subtitle widget (replaces the plugin
   separator bar, which we hide) — always correctly positioned */
.ud-hero__separator{display:none}
.udg-hero-editable-subtitle{margin-top:24px!important}
.udg-hero-editable-subtitle .elementor-heading-title{
  font-size:12px;line-height:18px;letter-spacing:1px;
  font-weight:600;white-space:nowrap;
}
.udg-hero-editable-subtitle .elementor-heading-title::before{
  content:"";display:block;
  width:160px;height:1px;background:#F3EFE6;
  margin:0 auto 16px;
}
.udg-hero-editable-cta{margin-top:28px!important}
.udg-hero-editable-cta .elementor-button{min-width:180px}
/* intro strip — lagoon field, limestone text */
.ud-hero__intro{
  height:36px;background:#102A2B;color:#F3EFE6;
  font-size:12px;line-height:16px;font-weight:400;gap:10px;
}
.ud-hero__intro a{
  color:#F3EFE6;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  transition:color 220ms ease;
}
.ud-hero__intro a:hover,.ud-hero__intro a:focus-visible{color:#DCE5DF}
@media (max-width:1023px) and (min-width:768px){
  .ud-hero__media-viewport,.udg-hero-editable-foreground{height:680px}
  .udg-hero-editable-line1 .elementor-heading-title,
  .udg-hero-editable-line2 .elementor-heading-title{font-size:56px;line-height:58px}
}
@media (max-width:767px){
  .ud-hero__media-viewport{height:clamp(520px,78svh,660px);min-height:0}
  .udg-hero-editable-foreground{height:clamp(520px,78svh,660px);min-height:0}
  .udg-hero-editable-line1 .elementor-heading-title,
  .udg-hero-editable-line2 .elementor-heading-title{
    font-size:clamp(30px,8vw,36px);line-height:1.02;
    max-width:calc(100vw - 32px);white-space:normal;
  }
  .udg-hero-editable-subtitle{margin-top:20px!important}
  .udg-hero-editable-subtitle .elementor-heading-title::before{width:96px}
  .udg-hero-editable-cta{margin-top:24px!important}
  .ud-hero__intro{min-height:44px;height:auto;padding:8px 16px}
}

/* ============================================================
   E. S02 Featured rail
   ============================================================ */
#udgoon-popular .udg-s02__rail{
  --rail-start:max(40px,calc((100vw - 1360px)/2))!important;
  --rail-gap:20px!important;
  --card-w:calc((min(1360px,100vw - 80px) - 60px) / 4)!important;
}
#udgoon-popular .udg-s02__media{border-radius:10px;background:#E8EEE9}
#udgoon-popular .udg-s02__media .elementor-widget-image,
#udgoon-popular .udg-s02__media .elementor-widget-image img{border-radius:10px}
/* title 24/28 Bodoni 500 — wraps fully, no clamp */
#udgoon-popular .udg-s02__title .elementor-heading-title{
  font-family:"Bodoni Moda",serif!important;
  font-weight:500;font-size:24px;line-height:28px;
  letter-spacing:-0.01em;color:#102A2B;
  display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;
}
#udgoon-popular .udg-s02__meta .elementor-text-editor{
  color:#4F5D59!important;font-size:12px;line-height:18px;font-weight:400;
}
#udgoon-popular .udg-s02__price .elementor-text-editor{
  color:#102A2B!important;font-size:14px;line-height:20px;font-weight:500;
}
/* rhythm: media→title 12 / title→cat 6 / cat→price 6 / price→CTA ≥20
   CTA bottom-aligned via auto margin → tops align across the row */
#udgoon-popular .udg-s02__card .udg-s02__media + .udg-s02__title{margin-top:12px}
#udgoon-popular .udg-s02__card .udg-s02__title + .udg-s02__meta{margin-top:6px}
#udgoon-popular .udg-s02__card .udg-s02__meta + .udg-s02__price{margin-top:6px}
#udgoon-popular .udg-s02__card .udg-s02__price + .udg-s02__cta{
  margin-top:auto;padding-top:20px;
}
/* wishlist heart — lagoon→teal, 28px @8px */
#udgoon-popular .udg-s02__wish{
  width:28px;height:28px;top:8px;right:8px;color:#102A2B;
}
#udgoon-popular .udg-s02__wish svg{width:22px;height:22px;stroke-width:1.6}
#udgoon-popular .udg-s02__wish.is-saved,
#udgoon-popular .udg-s02__wish.is-wishlisted,
#udgoon-popular .udg-s02__wish[aria-pressed="true"]{color:#0F5B59}
#udgoon-popular .udg-s02__wish.is-saved svg,
#udgoon-popular .udg-s02__wish.is-wishlisted svg,
#udgoon-popular .udg-s02__wish[aria-pressed="true"] svg{fill:#0F5B59;stroke:#0F5B59}
#udgoon-popular .udg-s02__wish:focus-visible{outline:2px solid #0F5B59;outline-offset:3px}
/* controls — arrows at row ends, pagination centered */
#udgoon-popular .udg-s02__nav{
  margin-top:24px;
  padding:0 max(40px,calc((100vw - 1360px)/2));
}
#udgoon-popular .udg-s02__nav-prev .elementor-button,
#udgoon-popular .udg-s02__nav-next .elementor-button{
  width:44px;height:44px;min-height:44px;
  border:1px solid #71817B;border-radius:4px;
  color:#102A2B;background:transparent;
}
#udgoon-popular .udg-s02__nav-prev.is-disabled .elementor-button,
#udgoon-popular .udg-s02__nav-next.is-disabled .elementor-button{
  border-color:#C9D1CC;color:#5D6762;opacity:1;
}
#udgoon-popular .udg-s02__nav-prev .elementor-button:focus-visible,
#udgoon-popular .udg-s02__nav-next .elementor-button:focus-visible{
  outline:2px solid #0F5B59;outline-offset:3px;
}
#udgoon-popular .udg-s02__pagination-dot::before{
  width:24px;height:2px;background:#C9D1CC;
}
#udgoon-popular .udg-s02__pagination-dot.is-active::before{
  width:32px;height:2px;background:#0F5B59;
}
#udgoon-popular .udg-s02__pagination-dot:focus-visible{outline:2px solid #0F5B59;outline-offset:2px}
#udgoon-popular .udg-s02 *:focus-visible{outline-color:#0F5B59}
@media (min-width:768px) and (max-width:1023px){
  #udgoon-popular .udg-s02__rail{
    --rail-start:24px;--rail-gap:16px;
    --card-w:calc((100vw - 48px - 16px - 24px) / 2)!important;
  }
  #udgoon-popular .udg-s02__title .elementor-heading-title{font-size:22px;line-height:26px}
  #udgoon-popular .udg-s02__nav{padding:0 24px}
}
@media (max-width:767px){
  #udgoon-popular .udg-s02__rail{
    --rail-start:16px;--rail-gap:12px;
    --card-w:calc(100vw - 32px - 12px - 24px)!important;
    padding-inline-end:0!important;
  }
  #udgoon-popular .udg-s02__title .elementor-heading-title{font-size:20px;line-height:24px}
  #udgoon-popular .udg-s02__nav{
    padding:0 16px;margin-top:24px;
    grid-template-columns:44px 1fr 44px;
  }
  #udgoon-popular .udg-s02__nav-prev,
  #udgoon-popular .udg-s02__nav-next{display:flex!important}
  #udgoon-popular .udg-s02__wish{width:44px;height:44px;top:4px;right:4px}
}

/* ============================================================
   F. S03 New rail — "New arrivals"
   ============================================================ */
.udg-new-rail{
  --nr-bg:#F3EFE6;--nr-fg:#102A2B;--nr-accent:#0F5B59;
  --nr-muted:#4F5D59;--nr-subtle:#C9D1CC;--nr-white:#FFFDFC;
  --nr-skeleton:#E8EEE9;
  --nr-pad:max(40px,calc((100vw - 1360px)/2));
  --nr-gap:20px;--nr-peek:0px;--nr-full:4;
}
.udg-new-rail__heading-wrap{text-align:left}
.udg-new-rail__media{border-radius:10px}
.udg-new-rail__media-img{border-radius:10px}
/* badge — lagoon field, limestone label, 4px radius, 4/8 padding */
.udg-new-rail__badge{
  top:12px;left:12px;width:auto;min-width:0;height:auto;
  padding:4px 8px;border-radius:4px;
  background:#102A2B;color:#F3EFE6;
  font-size:12px;font-weight:600;line-height:16px;letter-spacing:0;
}
/* hearts — lagoon unselected, teal filled selected */
.udg-new-rail__wishlist{top:8px;right:8px;width:28px;height:28px;color:#102A2B!important}
.udg-new-rail__wishlist svg{width:22px;height:22px;stroke-width:1.6}
.udg-new-rail__wishlist--saved,
.udg-new-rail__wishlist[aria-pressed="true"]{color:#0F5B59!important}
.udg-new-rail__wishlist--saved svg,
.udg-new-rail__wishlist[aria-pressed="true"] svg{fill:#0F5B59}
.udg-new-rail__wishlist:focus-visible{outline-color:#0F5B59;outline-offset:3px}
/* title 24/28 — full wrap, no clamp */
.udg-new-rail__title{
  font-size:24px!important;line-height:28px!important;
  font-weight:500!important;letter-spacing:-0.01em!important;
  min-height:0;
  -webkit-line-clamp:unset;line-clamp:unset;display:block;
}
.udg-new-rail__metadata{
  margin-top:6px;min-height:0;
  font-size:12px;line-height:18px;font-weight:400;
  color:#4F5D59;text-transform:none;letter-spacing:0;
}
.udg-new-rail__price{
  margin-top:6px;margin-bottom:20px;min-height:0;
  font-size:14px;line-height:20px;color:#102A2B;
}
.udg-new-rail__cta{margin-top:auto}
.udg-new-rail__footer{margin-top:24px}
.udg-new-rail__arrow{
  border:1px solid #71817B!important;border-radius:4px!important;
  color:#102A2B!important;background:transparent!important;
}
.udg-new-rail__arrow:hover{border-color:#71817B!important;color:#0F5B59!important}
.udg-new-rail__arrow:focus-visible{outline:2px solid #0F5B59!important;outline-offset:3px}
.udg-new-rail__arrow:disabled{
  border-color:#C9D1CC!important;color:#5D6762!important;opacity:1;cursor:default;
}
.udg-new-rail__tick{width:24px;height:2px;border-radius:0;background:#C9D1CC}
.udg-new-rail__tick--active{width:32px;background:#0F5B59}
@media (min-width:768px) and (max-width:1023px){
  .udg-new-rail{--nr-pad:24px;--nr-gap:16px;--nr-peek:24px;--nr-full:2}
  .udg-new-rail__title{font-size:22px!important;line-height:26px!important}
}
@media (max-width:767px){
  .udg-new-rail{--nr-pad:16px;--nr-gap:12px;--nr-peek:24px;--nr-full:1}
  .udg-new-rail__title{font-size:20px!important;line-height:24px!important}
  .udg-new-rail__wishlist{width:44px;height:44px;top:4px;right:4px}
  .udg-new-rail__arrow{
    border:1px solid #71817B!important;border-radius:4px!important;
    color:#102A2B!important;
  }
  .udg-new-rail__arrow:disabled{
    border-color:#C9D1CC!important;color:#5D6762!important;opacity:1;
  }
}

/* ============================================================
   G. S04 The Udgoon Edit rail
   ============================================================ */
.udg-s04{
  --udg-ink:#102A2B;--udg-oxblood:#0F5B59;
  --udg-bone:#E8EEE9;--udg-taupe:#4F5D59;--udg-soft:#FFFDFC;
  background:#F3EFE6;
  padding-left:0!important;padding-right:0!important;
}
.udg-s04__rail{
  gap:20px;
  padding-left:max(40px,calc((100vw - 1360px)/2))!important;
}
.udg-s04__rail .e-con-inner{gap:20px!important}
.udg-s04__card{
  flex-basis:calc((min(1360px,100vw - 80px) - 60px) / 4)!important;
}
.udg-s04__media{border-radius:10px!important}
.udg-s04__media .elementor-widget-image,
.udg-s04__media .elementor-widget-image img,
.udg-s04__img-primary a{border-radius:10px}
.udg-s04__title .elementor-heading-title{
  font-size:24px!important;line-height:28px!important;font-weight:500!important;
  height:auto;min-height:0;white-space:normal;
  -webkit-line-clamp:unset;display:block;overflow:visible;text-overflow:clip;
}
/* body column stretches so CTA bottoms align */
.udg-s04__body{flex:1 1 auto;display:flex;flex-direction:column;padding-top:12px!important}
.udg-s04__body .e-con-inner{flex:1;display:flex;flex-direction:column}
.udg-s04__price{margin-top:6px!important;font-size:14px;line-height:20px;height:auto}
.udg-s04__cta{margin:auto 0 0!important;padding-top:20px!important}
.udg-s04__wish{color:#102A2B}
.udg-s04__wish svg{width:22px;height:22px;stroke-width:1.6}
.udg-s04__wish.is-saved,.udg-s04__wish.is-wishlisted,
.udg-s04__wish[aria-pressed="true"]{color:#0F5B59}
.udg-s04__wish.is-saved svg,.udg-s04__wish.is-wishlisted svg,
.udg-s04__wish[aria-pressed="true"] svg{fill:#0F5B59;stroke:#0F5B59}
.udg-s04__wish:focus-visible{outline-color:#0F5B59;outline-offset:3px}
.udg-s04__badge{background:#102A2B;color:#F3EFE6;border-radius:4px}
.udg-s04__controls{
  margin-top:24px!important;
  padding-right:max(40px,calc((100vw - 1360px)/2))!important;
}
.udg-s04__arrow .elementor-button{
  border:1px solid #71817B;border-radius:4px;color:#102A2B;background:transparent;
}
.udg-s04__arrow .elementor-button:focus-visible{outline-color:#0F5B59;outline-offset:3px}
.udg-s04__arrow.is-disabled .elementor-button{border-color:#C9D1CC;color:#5D6762;opacity:1}
.udg-s04__progress,.udg-s04__progress-track{background:#C9D1CC}
.udg-s04__progress-active{background:#0F5B59}
.udg-s04 *:focus-visible{outline-color:#0F5B59}
@media (min-width:768px) and (max-width:1023px){
  .udg-s04__rail{padding-left:24px!important}
  .udg-s04__rail,.udg-s04__rail .e-con-inner{gap:16px!important}
  .udg-s04__card{flex-basis:calc((100vw - 48px - 16px - 24px) / 2)!important}
  .udg-s04__title .elementor-heading-title{font-size:22px!important;line-height:26px!important}
  .udg-s04__controls{padding-right:24px!important}
}
@media (max-width:767px){
  .udg-s04__rail{padding-left:16px!important}
  .udg-s04__rail,.udg-s04__rail .e-con-inner{gap:12px!important}
  .udg-s04__card{flex-basis:calc(100vw - 32px - 12px - 24px)!important}
  .udg-s04__title .elementor-heading-title{font-size:20px!important;line-height:24px!important}
  .udg-s04__controls{padding-right:16px!important}
  .udg-s04__arrow .elementor-button{border:1px solid #71817B;border-radius:4px;color:#102A2B}
  .udg-s04__arrow.is-disabled .elementor-button{border-color:#C9D1CC;color:#5D6762}
  .udg-s04__wish-widget{top:4px;right:4px}
}

/* ============================================================
   H. S05 Style Pairings — 560px media + copy column
   ============================================================ */
[data-udgoon-style-pairings="v1"]{
  --sp-bone:#F3EFE6;--sp-obsidian:#102A2B;--sp-oxblood:#0F5B59;
  --sp-rose:#C9D1CC;--sp-taupe:#4F5D59;--sp-soft-white:#FFFDFC;
  padding-top:0;padding-bottom:0;
}
[data-udgoon-style-pairings="v1"] .sp-shell{
  max-width:1360px;margin-inline:auto;padding:0 40px;
}
[data-udgoon-style-pairings="v1"] .sp-section-title,
[data-udgoon-style-pairings="v1"] .sp-deck{width:100%;margin-inline:0}
/* secondary outline CTA (overrides shared fill for this control) */
[data-udgoon-style-pairings="v1"] .sp-cta{
  background:transparent!important;color:#0F5B59!important;
  border:1px solid #0F5B59!important;
}
[data-udgoon-style-pairings="v1"] .sp-cta:hover,
[data-udgoon-style-pairings="v1"] .sp-cta:focus{
  background:#E8EEE9!important;color:#0F5B59!important;border-color:#0F5B59!important;
}
[data-udgoon-style-pairings="v1"] .sp-cta:active{background:#DCE5DF!important}
[data-udgoon-style-pairings="v1"] .sp-eyebrow{color:#4F5D59}
@media (min-width:1024px){
  [data-udgoon-style-pairings="v1"] .sp-deck{
    display:grid;
    grid-template-columns:560px minmax(0,1fr);
    column-gap:64px;align-items:stretch;
  }
  [data-udgoon-style-pairings="v1"] .sp-media{
    width:560px;height:700px;aspect-ratio:auto;
    border-radius:10px;background:#E8EEE9;
  }
  [data-udgoon-style-pairings="v1"] .sp-media-layer{border-radius:10px}
  [data-udgoon-style-pairings="v1"] .sp-editorial{
    margin-top:0;padding-block:0;height:100%;
    display:flex;flex-direction:column;justify-content:center;
  }
  [data-udgoon-style-pairings="v1"] .sp-editorial-content{max-width:440px}
  [data-udgoon-style-pairings="v1"] .sp-eyebrow{font-size:12px;line-height:16px;letter-spacing:1px}
  [data-udgoon-style-pairings="v1"] .sp-title-slot{margin-top:12px;min-height:0}
  [data-udgoon-style-pairings="v1"] .sp-pair-title{
    font-size:40px;line-height:44px;max-width:100%;letter-spacing:-0.02em;
  }
  [data-udgoon-style-pairings="v1"] .sp-cta{
    width:auto;min-width:180px;margin-top:28px;align-self:flex-start;
  }
  [data-udgoon-style-pairings="v1"] .sp-nav{
    margin-top:32px;display:flex;align-items:center;
    justify-content:space-between;max-width:440px;gap:20px;
  }
  [data-udgoon-style-pairings="v1"] .sp-index{font-size:12px;line-height:18px;color:#4F5D59}
  [data-udgoon-style-pairings="v1"] .sp-nav-buttons{width:auto;gap:10px;justify-content:flex-end}
  [data-udgoon-style-pairings="v1"] .sp-prev,
  [data-udgoon-style-pairings="v1"] .sp-next{
    border:1px solid #71817B;border-radius:4px;color:#102A2B;background:transparent;
  }
  [data-udgoon-style-pairings="v1"] .sp-prev:disabled,
  [data-udgoon-style-pairings="v1"] .sp-next:disabled{
    border-color:#C9D1CC;color:#5D6762;opacity:1;
  }
}
@media (min-width:768px) and (max-width:1023px){
  [data-udgoon-style-pairings="v1"] .sp-shell{padding:0 24px}
  [data-udgoon-style-pairings="v1"] .sp-deck{
    display:grid;grid-template-columns:1fr 1fr;
    column-gap:32px;align-items:center;
  }
  [data-udgoon-style-pairings="v1"] .sp-media{aspect-ratio:4/5;border-radius:10px;background:#E8EEE9}
  [data-udgoon-style-pairings="v1"] .sp-media-layer{border-radius:10px}
  [data-udgoon-style-pairings="v1"] .sp-editorial{
    margin-top:0;display:flex;flex-direction:column;justify-content:center;
  }
  [data-udgoon-style-pairings="v1"] .sp-title-slot{min-height:0;margin-top:12px}
  [data-udgoon-style-pairings="v1"] .sp-pair-title{font-size:32px;line-height:36px}
  [data-udgoon-style-pairings="v1"] .sp-cta{margin-top:24px;width:auto;min-width:180px;align-self:flex-start}
  [data-udgoon-style-pairings="v1"] .sp-nav{
    margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  }
  [data-udgoon-style-pairings="v1"] .sp-nav-buttons{width:auto;gap:10px;justify-content:flex-end}
  [data-udgoon-style-pairings="v1"] .sp-prev,[data-udgoon-style-pairings="v1"] .sp-next{
    border:1px solid #71817B;border-radius:4px;color:#102A2B;
  }
  [data-udgoon-style-pairings="v1"] .sp-prev:disabled,[data-udgoon-style-pairings="v1"] .sp-next:disabled{border-color:#C9D1CC;color:#5D6762;opacity:1}
}
@media (min-width:768px) and (max-width:900px){
  [data-udgoon-style-pairings="v1"] .sp-deck{grid-template-columns:1fr;row-gap:24px}
  [data-udgoon-style-pairings="v1"] .sp-media{max-width:520px;margin-inline:auto;width:100%}
}
@media (max-width:767px){
  [data-udgoon-style-pairings="v1"] .sp-shell{padding:0 16px}
  [data-udgoon-style-pairings="v1"] .sp-media{border-radius:10px;background:#E8EEE9}
  [data-udgoon-style-pairings="v1"] .sp-media-layer{border-radius:10px}
  [data-udgoon-style-pairings="v1"] .sp-editorial{margin-top:24px}
  [data-udgoon-style-pairings="v1"] .sp-title-slot{min-height:0;margin-top:12px}
  [data-udgoon-style-pairings="v1"] .sp-pair-title{font-size:28px;line-height:32px}
  [data-udgoon-style-pairings="v1"] .sp-cta{width:100%;margin-top:24px}
  [data-udgoon-style-pairings="v1"] .sp-nav{
    margin-top:24px;display:flex;align-items:center;justify-content:space-between;
    height:44px;gap:16px;
  }
  [data-udgoon-style-pairings="v1"] .sp-nav-orientation{gap:10px}
  [data-udgoon-style-pairings="v1"] .sp-nav-buttons{width:auto;gap:10px;justify-content:flex-end}
  [data-udgoon-style-pairings="v1"] .sp-prev,[data-udgoon-style-pairings="v1"] .sp-next{
    border:1px solid #71817B;border-radius:4px;color:#102A2B;
  }
  [data-udgoon-style-pairings="v1"] .sp-prev:disabled,[data-udgoon-style-pairings="v1"] .sp-next:disabled{border-color:#C9D1CC;color:#5D6762;opacity:1}
}

/* ============================================================
   I. S06 Story — 2-col grid + Sea Mist proof strip
   ============================================================ */
#udgoon-story{overflow:hidden}
.udg-s06__main{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
  width:min(1360px,calc(100vw - 80px));
  margin:0 auto;
}
.udg-s06__copy{max-width:520px;margin:0;padding:0}
.udg-s06__eyebrow{margin:0 0 12px;padding:0}
.udg-s06__eyebrow p{
  margin:0;font-size:12px;line-height:16px;font-weight:600;
  letter-spacing:1px;color:#4F5D59;text-transform:uppercase;
}
.udg-s06__heading{margin:0 0 24px;padding:0}
.udg-s06__body{max-width:520px;margin:0;padding:0}
.udg-s06__body p{
  margin:0 0 16px;font-size:16px;line-height:26px;
  font-weight:400;color:#4F5D59;
}
.udg-s06__body p:last-child{margin-bottom:0}
.udg-s06__cta{margin:28px 0 0;padding:0;width:auto}
.udg-s06__media{
  width:100%;height:640px;aspect-ratio:auto;
  border-radius:10px;overflow:hidden;background:#E8EEE9;
}
.udg-s06__image,.udg-s06__image .elementor-widget-container{width:100%;height:100%}
.udg-s06__image img{
  width:100%;height:100%;object-fit:cover;object-position:50% 20%;
  border-radius:10px;
}
.udg-s06__proof{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  width:min(1360px,calc(100vw - 80px));
  margin:48px auto 0;
  padding:28px 24px;
  border:0;
  border-radius:10px;
  background:#DCE5DF;
}
.udg-s06__proof-1,.udg-s06__proof-2,.udg-s06__proof-3,.udg-s06__proof-4{
  padding:0;margin:0;
}
.udg-s06__proof-2,.udg-s06__proof-3,.udg-s06__proof-4{
  border-left:1px solid #C9D1CC;padding-left:24px;
}
.udg-s06__value-1 .elementor-heading-title,
.udg-s06__value-2 .elementor-heading-title,
.udg-s06__value-3 .elementor-heading-title,
.udg-s06__value-4 .elementor-heading-title{
  font-family:"DM Sans",sans-serif!important;
  font-size:14px;line-height:20px;font-weight:600;
  letter-spacing:.5px;color:#102A2B;text-transform:none;
}
.udg-s06__label-1,.udg-s06__label-2,.udg-s06__label-3,.udg-s06__label-4{margin-top:8px}
.udg-s06__label-1 p,.udg-s06__label-2 p,.udg-s06__label-3 p,.udg-s06__label-4 p{
  font-size:12px;line-height:18px;color:#4F5D59;
}
@media (max-width:1023px){
  .udg-s06__main,.udg-s06__proof{width:calc(100vw - 48px)}
}
@media (max-width:900px){
  .udg-s06__main{grid-template-columns:1fr;gap:24px}
  .udg-s06__copy{max-width:650px}
  .udg-s06__media{max-width:560px;height:auto;aspect-ratio:4/5}
  .udg-s06__heading .elementor-heading-title{font-size:40px!important;line-height:44px!important}
  .udg-s06__proof{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
    margin-top:40px;
  }
  .udg-s06__proof-3{border-left:0;padding-left:0}
}
@media (max-width:767px){
  .udg-s06__main,.udg-s06__proof{width:calc(100vw - 32px)}
  .udg-s06__main{gap:24px}
  .udg-s06__heading .elementor-heading-title{font-size:32px!important;line-height:36px!important}
  .udg-s06__media{width:100%;max-width:none;aspect-ratio:4/5;height:auto}
  .udg-s06__proof{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;padding:20px 16px;margin-top:32px;
  }
  .udg-s06__proof-2{border-left:0;padding-left:0}
}

/* ============================================================
   J. S07 Style Notes — 2-col teaser
   ============================================================ */
#udgoon-style-notes{overflow:hidden}
.udg-s07__media{
  display:flex!important;flex-direction:row;
  width:min(1360px,calc(100vw - 80px));
  margin:0 auto;padding:0;height:auto;
  overflow:visible;background:transparent;
  gap:48px;align-items:center;
}
.udg-s07__image{
  flex:0 0 56%;width:56%;height:560px;
  border-radius:10px;overflow:hidden;background:#E8EEE9;
}
.udg-s07__image .elementor-widget-container{width:100%;height:100%}
.udg-s07__image img{
  width:100%;height:100%;object-fit:cover;object-position:50% 15%;
  border-radius:10px;
}
.udg-s07__copy{
  position:static;inset:auto;
  flex:1;min-width:0;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:0;margin:0;background:none;
  max-width:420px;
}
.udg-s07__heading{margin:0 0 20px;padding:0;max-width:100%}
.udg-s07__heading .elementor-heading-title{color:#102A2B!important}
.udg-s07__desc{margin:0;padding:0}
.udg-s07__desc p{
  margin:0;font-size:16px;line-height:26px;color:#4F5D59;
}
.udg-s07__cta{margin:28px 0 0;padding:0;width:auto}
@media (max-width:1023px){
  .udg-s07__media{width:calc(100vw - 48px)}
}
@media (max-width:900px){
  .udg-s07__media{flex-direction:column;gap:24px;align-items:stretch}
  .udg-s07__image{flex:none;width:100%;max-width:560px;height:auto;aspect-ratio:4/5}
  .udg-s07__copy{max-width:100%}
  .udg-s07__heading .elementor-heading-title{font-size:40px!important;line-height:44px!important}
}
@media (max-width:767px){
  .udg-s07__media{width:calc(100vw - 32px);gap:24px}
  .udg-s07__image{aspect-ratio:4/5;height:auto;width:100%}
  .udg-s07__heading .elementor-heading-title{font-size:32px!important;line-height:36px!important}
  .udg-s07__cta{width:100%}
  .udg-s07__cta .elementor-button{width:100%}
}

/* ============================================================
   K. S08 Final editorial — compact 480px banner
   ============================================================ */
#udgoon-final-editorial{overflow:hidden}
.udg-s08__stage{
  display:grid!important;
  grid-template-columns:48fr 52fr;
  width:min(1360px,calc(100vw - 80px));
  height:480px;
  margin:0 auto;padding:0;gap:0;
}
.udg-s08__image{
  width:100%;height:100%;
  border-radius:10px 0 0 10px;overflow:hidden;background:#E8EEE9;
}
.udg-s08__image .elementor-widget-container{width:100%;height:100%}
.udg-s08__image img{
  width:100%;height:100%;object-fit:cover;object-position:50% 20%;
}
.udg-s08__copy{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:48px;margin:0;
  background:#F3EFE6;
  border-radius:0 10px 10px 0;
}
.udg-s08__heading{margin:0 0 20px;padding:0;max-width:420px}
.udg-s08__heading .elementor-heading-title{
  font-size:44px!important;line-height:48px!important;color:#102A2B!important;
}
.udg-s08__body{margin:0;padding:0;max-width:420px}
.udg-s08__body p{font-size:16px;line-height:26px;color:#4F5D59}
.udg-s08__cta{margin:28px 0 0;padding:0;width:auto}
@media (max-width:1023px){
  .udg-s08__stage{width:calc(100vw - 48px)}
}
@media (max-width:900px){
  .udg-s08__stage{display:flex;flex-direction:column;height:auto}
  .udg-s08__image{aspect-ratio:4/5;height:auto;border-radius:10px 10px 0 0}
  .udg-s08__image img{object-position:50% 15%}
  .udg-s08__copy{padding:32px 24px 36px;border-radius:0 0 10px 10px}
  .udg-s08__heading .elementor-heading-title{font-size:40px!important;line-height:44px!important}
}
@media (max-width:767px){
  .udg-s08__stage{width:calc(100vw - 32px)}
  .udg-s08__copy{padding:24px 16px 32px}
  .udg-s08__heading .elementor-heading-title{font-size:32px!important;line-height:36px!important}
  .udg-s08__body p{font-size:16px;line-height:26px}
  .udg-s08__cta{width:100%}
  .udg-s08__cta .elementor-button{width:100%}
}
/* footer separation: 48px below S08 desktop / 32px mobile */
#udgoon-final-editorial{margin-bottom:48px}
@media (max-width:767px){#udgoon-final-editorial{margin-bottom:32px}}

/* ============================================================
   L. Visible text links inside light body sections
   ============================================================ */
.udg-s06__body a,.udg-s07__desc a,.udg-s08__body a,
.udg-s06__copy a:not(.elementor-button),.udg-s07__copy a:not(.elementor-button),
.udg-s08__copy a:not(.elementor-button){
  color:#102A2B;text-decoration:underline;text-underline-offset:3px;
}
.udg-s06__body a:hover,.udg-s07__desc a:hover,.udg-s08__body a:hover,
.udg-s06__copy a:not(.elementor-button):hover,.udg-s07__copy a:not(.elementor-button):hover,
.udg-s08__copy a:not(.elementor-button):hover{
  color:#0F5B59;
}


/* ============================================================
   M. FINAL POLISH ADDENDUM — 2026-09-13 (HP-01..HP-08)
   Applied on top of the correction system above.
   ============================================================ */

/* HP-01 — the kit sets h2 font-family DIRECTLY ("Cormorant Garamond"),
   so re-scoped tokens alone never reach these titles. Set Bodoni here. */
#udgoon-story .udg-s06__heading .elementor-heading-title,
#udgoon-style-notes .udg-s07__heading .elementor-heading-title,
#udgoon-final-editorial .udg-s08__heading .elementor-heading-title{
	font-family:"Bodoni Moda",serif!important;
	font-weight:500!important;
	letter-spacing:-0.02em!important;
	color:#102A2B!important;
}
#udgoon-story .udg-s06__heading .elementor-heading-title,
#udgoon-style-notes .udg-s07__heading .elementor-heading-title{
	font-size:48px!important;line-height:52.8px!important;
}
@media (max-width:1023px) and (min-width:768px){
	#udgoon-story .udg-s06__heading .elementor-heading-title,
	#udgoon-style-notes .udg-s07__heading .elementor-heading-title,
	#udgoon-final-editorial .udg-s08__heading .elementor-heading-title{
		font-size:40px!important;line-height:44px!important;
	}
}
@media (max-width:767px){
	#udgoon-story .udg-s06__heading .elementor-heading-title,
	#udgoon-style-notes .udg-s07__heading .elementor-heading-title,
	#udgoon-final-editorial .udg-s08__heading .elementor-heading-title{
		font-size:32px!important;line-height:36px!important;
	}
}

/* HP-02 — Edit product names: Bodoni 500 on title + anchor, all sizes */
#udgoon-community .udg-s04__title .elementor-heading-title,
#udgoon-community .udg-s04__title .elementor-heading-title a{
	font-family:"Bodoni Moda",serif!important;
	font-weight:500!important;
	letter-spacing:-0.01em;
	color:inherit;
}
/* two-line title minimum keeps category/price rows aligned per rail */
.elementor-1575 #udgoon-popular .udg-s02__title .elementor-heading-title,
.elementor-1575 .udg-new-rail .udg-new-rail__title,
.elementor-1575 #udgoon-community .udg-s04__title .elementor-heading-title{
	min-height:56px!important; /* 2 x 28px */
}
@media (min-width:768px) and (max-width:1023px){
	.elementor-1575 #udgoon-popular .udg-s02__title .elementor-heading-title,
	.elementor-1575 .udg-new-rail .udg-new-rail__title,
	.elementor-1575 #udgoon-community .udg-s04__title .elementor-heading-title{
		min-height:52px!important; /* 2 x 26px */
	}
}
@media (max-width:767px){
	.elementor-1575 #udgoon-popular .udg-s02__title .elementor-heading-title,
	.elementor-1575 .udg-new-rail .udg-new-rail__title,
	.elementor-1575 #udgoon-community .udg-s04__title .elementor-heading-title{
		min-height:48px!important; /* 2 x 24px */
	}
}
/* brief spacing: 8px title→category, 8px category→price */
.elementor-1575 #udgoon-popular .udg-s02__card .udg-s02__title + .udg-s02__meta{margin-top:8px!important}
.elementor-1575 #udgoon-popular .udg-s02__card .udg-s02__meta + .udg-s02__price{margin-top:8px!important}
.elementor-1575 .udg-new-rail .udg-new-rail__metadata{margin-top:8px!important}
.elementor-1575 .udg-new-rail .udg-new-rail__price{margin-top:8px!important}
/* New arrivals metadata: readable 14px/20px, normal case + tracking */
.elementor-1575 .udg-new-rail .udg-new-rail__metadata{
	font-size:14px!important;line-height:20px!important;
	text-transform:none!important;letter-spacing:0!important;
}

/* HP-03 — Edit controls: whole row inside content inset, 3-col grid */
.udg-s04__controls{
	display:grid!important;
	grid-template-columns:44px minmax(0,1fr) 44px;
	gap:24px;
	align-items:center;
	padding-left:max(40px,calc((100vw - 1360px)/2))!important;
	padding-right:max(40px,calc((100vw - 1360px)/2))!important;
}
.udg-s04__controls .udg-s04__prev,
.udg-s04__controls .udg-s04__next{justify-self:stretch;width:44px;height:44px}
.udg-s04__controls .udg-s04__progress-widget{justify-self:center;min-width:0}
.udg-s04__arrow .elementor-button{width:44px;height:44px;min-height:44px;padding:0}
@media (min-width:768px) and (max-width:1023px){
	.udg-s04__controls{padding-left:24px!important;padding-right:24px!important;gap:24px}
}
@media (max-width:767px){
	.udg-s04__controls{
		padding-left:16px!important;padding-right:16px!important;
		gap:16px;grid-template-columns:44px minmax(0,1fr) 44px;
	}
}

/* HP-04 — residual nested padding on the real inner shells */
.elementor-1575 #udgoon-story .udg-s06__main,
.elementor-1575 #udgoon-story .udg-s06__proof{
	padding-left:0!important;padding-right:0!important;
}
/* S05 shell: content inset = 40px from viewport edge (not shell+40).
   post-1575 pins .elementor-1575 ... .sp-shell at 40px !important, so the
   page prefix + !important is required to win. */
@media (min-width:1100px){
	.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-shell{
		padding-left:min(40px,max(0px,calc(40px - (100vw - 1360px)/2)))!important;
		padding-right:min(40px,max(0px,calc(40px - (100vw - 1360px)/2)))!important;
	}
}
@media (min-width:600px) and (max-width:1099px){
	.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-shell{padding-left:24px!important;padding-right:24px!important}
}
@media (max-width:599px){
	.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-shell{padding-left:16px!important;padding-right:16px!important}
}
/* shells S06–S08: 24px gutters at 600–1099 (file's 48px-calc rule stopped at 1023) */
@media (min-width:600px) and (max-width:1099px){
	.elementor-1575 .udg-s06__main,.elementor-1575 .udg-s06__proof,
	.elementor-1575 .udg-s07__media,.elementor-1575 .udg-s08__stage{
		width:calc(100vw - 48px)!important;
	}
}

/* HP-05 / FIX-3 — proof grid: ONE intentional inset lives on the cells;
   the panel itself carries no outer padding (avoids doubling). All four
   cells share the same box model: border-box, min-width:0, uniform padding
   (24px desktop / 16px mobile). First cell's text sits 24px/16px from the
   panel's rounded inner edge; fourth cell gets the same clearance right. */
.elementor-1575 .udg-s06__proof{padding:0!important}
.elementor-1575 .udg-s06__proof-1,.elementor-1575 .udg-s06__proof-2,
.elementor-1575 .udg-s06__proof-3,.elementor-1575 .udg-s06__proof-4{
	box-sizing:border-box;min-width:0;margin:0;
}
@media (max-width:767px){
	.elementor-1575 .udg-s06__proof{
		gap:0;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.elementor-1575 .udg-s06__proof-1,.elementor-1575 .udg-s06__proof-2,
	.elementor-1575 .udg-s06__proof-3,.elementor-1575 .udg-s06__proof-4{padding:16px!important}
	/* vertical separator between columns */
	.elementor-1575 .udg-s06__proof-2,.elementor-1575 .udg-s06__proof-4{border-left:1px solid #C9D1CC}
	/* horizontal separator between rows */
	.elementor-1575 .udg-s06__proof-3,.elementor-1575 .udg-s06__proof-4{border-top:1px solid #C9D1CC}
}
@media (min-width:768px){
	.elementor-1575 .udg-s06__proof{gap:0}
	.elementor-1575 .udg-s06__proof-1,.elementor-1575 .udg-s06__proof-2,
	.elementor-1575 .udg-s06__proof-3,.elementor-1575 .udg-s06__proof-4{padding:24px!important}
	.elementor-1575 .udg-s06__proof-2,.elementor-1575 .udg-s06__proof-3,
	.elementor-1575 .udg-s06__proof-4{border-left:1px solid #C9D1CC}
}
/* proof label + description rhythm per brief */
.udg-s06__proof .elementor-heading-title{
	font-family:"DM Sans",sans-serif!important;
	font-size:12px;line-height:18px;font-weight:600;
	letter-spacing:.5px;color:#102A2B;text-transform:none;
}
.udg-s06__label-1,.udg-s06__label-2,.udg-s06__label-3,.udg-s06__label-4{margin-top:12px}
.udg-s06__label-1 p,.udg-s06__label-2 p,.udg-s06__label-3 p,.udg-s06__label-4 p{
	font-size:12px;line-height:18px;color:#4F5D59;
}

/* HP-06 — body→CTA 24px (was 28) */
.elementor-1575 .udg-s06__cta,.elementor-1575 .udg-s07__cta,.elementor-1575 .udg-s08__cta{margin-top:24px!important}
/* S07 heading→body 24px desktop */
@media (min-width:1024px){.elementor-1575 .udg-s07__heading{margin-bottom:24px!important}}

/* HP-07 — final editorial desktop crop: pull focal point to top.
   post-1575 pins object-position:50% 20% !important → page prefix required. */
@media (min-width:901px){
	.elementor-1575 .udg-s08__image img{object-position:50% 0%!important}
	.udg-s08__image{border-radius:10px}
	.udg-s08__copy{border-radius:0}
}

/* HP-06 — inter-section gaps: 96/72/64 combined (was 64+64 / 48+48 / 40+40) */
.elementor-1575 #udgoon-popular,.elementor-1575 #udgoon-community,.elementor-1575 #udgoon-combos,
.elementor-1575 #udgoon-story,.elementor-1575 #udgoon-style-notes,.elementor-1575 #udgoon-final-editorial,
.elementor-1575 .udg-new-rail{
	padding-top:48px!important;padding-bottom:48px!important;
}
@media (min-width:768px) and (max-width:1023px){
	.elementor-1575 #udgoon-popular,.elementor-1575 #udgoon-community,.elementor-1575 #udgoon-combos,
	.elementor-1575 #udgoon-story,.elementor-1575 #udgoon-style-notes,.elementor-1575 #udgoon-final-editorial,
	.elementor-1575 .udg-new-rail{padding-top:36px!important;padding-bottom:36px!important}
}
@media (max-width:767px){
	.elementor-1575 #udgoon-popular,.elementor-1575 #udgoon-community,.elementor-1575 #udgoon-combos,
	.elementor-1575 #udgoon-story,.elementor-1575 #udgoon-style-notes,.elementor-1575 #udgoon-final-editorial,
	.elementor-1575 .udg-new-rail{padding-top:32px!important;padding-bottom:32px!important}
}

/* HP-08 — disabled rail arrows keep the box in every state */
.udg-new-rail__arrow:disabled,
.udg-new-rail__arrow[disabled],
.udg-new-rail__arrow[aria-disabled="true"],
.udg-new-rail__arrow.is-disabled,
#udgoon-popular .udg-s02__nav-prev.is-disabled .elementor-button,
#udgoon-popular .udg-s02__nav-next.is-disabled .elementor-button,
.udg-s04__arrow.is-disabled .elementor-button,
.udg-s04__arrow .elementor-button:disabled{
	width:44px;height:44px;min-height:44px;
	border:1px solid #C9D1CC!important;border-radius:4px!important;
	background:transparent!important;color:#5D6762!important;
	opacity:.45;cursor:default;pointer-events:none;
}

/* FIX-4 — Style Pairings arrows: kill the Elementor-kit gold (#C4973A)
   that leaks through .elementor-kit-8 button:hover/:focus on retained
   focus/touch-hover. Full state contract, scoped to the pairings deck. */
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev,
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next{
	background:transparent!important;
	background-color:transparent!important;
	color:#102A2B!important;
	border:1px solid #71817B!important;
	border-radius:4px!important;
	-webkit-tap-highlight-color:rgba(15,91,89,.18);
}
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev svg,
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next svg{
	stroke:currentColor;fill:none;
}
/* ordinary focus (incl. touch release) stays neutral — not gold */
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev:focus,
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next:focus{
	background:transparent!important;color:#102A2B!important;
}
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev:focus-visible,
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next:focus-visible{
	outline:2px solid #0F5B59!important;outline-offset:2px;
	background:transparent!important;color:#102A2B!important;
}
/* hover only on devices with a real pointer */
@media (hover:hover) and (pointer:fine){
	.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev:hover:not(:disabled),
	.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next:hover:not(:disabled){
		background:#0F5B59!important;border-color:#0F5B59!important;color:#FFFDFC!important;
	}
}
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev:active:not(:disabled),
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next:active:not(:disabled){
	background:#083F3E!important;border-color:#083F3E!important;color:#FFFDFC!important;
}
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev:disabled,
.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next:disabled{
	border-color:#C9D1CC!important;color:#5D6762!important;
	background:transparent!important;opacity:.45!important;
}
@media (prefers-reduced-motion:reduce){
	.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-prev,
	.elementor-1575 [data-udgoon-style-pairings="v1"] .sp-next{transition:none!important}
}

