/** Shopify CDN: Minification failed

Line 2019:0 Unexpected "}"

**/
html, body { overscroll-behavior-x: none; }
body.db-men-surface #MainContent {
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:#f4f5f6;
}
body.db-men-surface .content-for-layout { overflow:clip; }
:root {
  --db-ink: #141414;
  --db-muted: #626a70;
  --db-line: #dfe3e6;
  --db-surface: #f4f5f6;
  --db-paper: #ffffff;
  --db-maroon: #5a2428;
  --db-maroon-dark: #40181c;
  --db-maroon-soft: #f1e6e7;
  --db-radius: 14px;
  --db-control-radius: 8px;
  --db-shadow: 0 18px 50px rgba(36, 22, 24, .10);
  --db-ease: cubic-bezier(.16, 1, .3, 1);
  --db-fast: 180ms;
  --db-standard: 320ms;
  --db-deliberate: 520ms;
  --db-page: min(1240px, calc(100% - 32px));
  --db-header-height: 68px;
}

.db-scope, .db-scope * { box-sizing: border-box; }
.db-scope {
  color: var(--db-ink);
  background: var(--db-surface);
  font-family: "Albert Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.db-scope ::selection { color: var(--db-paper); background: var(--db-maroon); }
.db-scope img { display: block; width: 100%; height: auto; }
.db-scope a { color: inherit; text-decoration: none; }
.db-scope :where(h1, h2, h3, h4, h5, h6) { color: inherit; font-family: "Albert Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.db-scope button, .db-scope input, .db-scope select { font: inherit; }
.db-product-form__apps { min-width:0; margin-block:18px; }
.db-product-form__apps:empty { display:none; }
.db-scope :focus-visible { outline: 3px solid rgba(90,36,40,.48); outline-offset: 3px; }
.db-shell { width: var(--db-page); margin-inline: auto; }
.db-section { padding-block: clamp(56px, 9vw, 112px); }
.db-section + .db-section { padding-top: 0; }
.db-tone--paper { background:var(--db-paper); }
.db-tone--stone { background:var(--db-surface); }
.db-tone--maroon-wash { background:var(--db-maroon-soft); }
.db-tone--maroon { color:var(--db-paper); background:var(--db-maroon); }
.db-tone--maroon .db-muted, .db-tone--maroon p, .db-tone--maroon .db-benefit span { color:rgba(255,255,255,.78); }
.db-tone--maroon .db-link { color:var(--db-paper); }
.db-tone--maroon :focus-visible { outline-color:rgba(255,255,255,.72); }
.db-section.db-tone--paper, .db-section.db-tone--stone, .db-section.db-tone--maroon-wash, .db-section.db-tone--maroon { padding-top:clamp(56px,9vw,112px); }
.db-section__header { max-width: 720px; margin-bottom: clamp(24px, 4vw, 42px); }
.db-section__header p { max-width: 65ch; margin: 12px 0 0; color: var(--db-muted); }
.db-section h1, .db-section h2, .db-section h3, .db-footer h2 { text-wrap: balance; }
.db-section h2 { margin: 0; font-size: clamp(2rem, 5vw, 4rem); line-height: 1.02; letter-spacing: -.035em; font-weight: 700; }
.db-section h3 { margin: 0; font-size: clamp(1.15rem, 2.2vw, 1.5rem); line-height: 1.15; letter-spacing: -.018em; }
.db-campaign { font-family: "Fjalla One", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: 0; }
.db-muted { color: var(--db-muted); }
.db-visually-hidden { 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; }
.db-announcement { position:relative; z-index:41; min-height:34px; display:flex; align-items:center; overflow:hidden; background:var(--db-maroon); color:#fff; font-size:.73rem; font-weight:700; letter-spacing:.01em; }
.db-announcement__viewport { width:100%; overflow:hidden; }
.db-announcement__track { width:max-content; display:flex; animation:db-announcement-scroll 34s linear infinite; }
.db-announcement__group { flex:none; display:flex; align-items:center; gap:clamp(24px,3vw,52px); padding-right:clamp(24px,3vw,52px); white-space:nowrap; }
.db-announcement__group i { color:rgba(255,255,255,.54); font-style:normal; font-size:.62rem; }
.db-announcement:hover .db-announcement__track { animation-play-state:paused; }
@keyframes db-announcement-scroll { to { transform:translateX(-50%); } }
.db-skip-link { position:fixed; z-index:100; top:8px; left:8px; min-height:44px; padding:10px 16px; display:flex; align-items:center; color:var(--db-paper); background:var(--db-maroon); border-radius:var(--db-control-radius); font-family:"Albert Sans",system-ui,sans-serif; font-weight:700; text-decoration:none; transform:translateY(calc(-100% - 16px)); transition:transform var(--db-fast) ease; }
.db-skip-link:focus { transform:translateY(0); }

.db-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 650;
}
.db-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--db-deliberate) var(--db-ease);
}
.db-link:hover::after, .db-link:focus-visible::after { transform: scaleX(1); transform-origin: left; }

.db-scope .db-button {
  position: relative;
  isolation: isolate;
  min-height: 52px;
  padding: 0 24px;
  border: 1px solid var(--db-maroon);
  border-radius: var(--db-control-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--db-paper);
  background: var(--db-maroon);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--db-fast) ease, border-color var(--db-fast) ease, transform 120ms ease;
}
.db-scope .db-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--db-maroon-soft);
  transform: translateY(102%);
  transition: transform var(--db-deliberate) var(--db-ease);
}
.db-scope .db-button:hover, .db-scope .db-button:focus-visible { color: var(--db-maroon); }
.db-scope .db-button:hover::before, .db-scope .db-button:focus-visible::before { transform: translateY(0); }
.db-scope .db-button:active { transform: scale(.985); }
.db-scope .db-button[disabled], .db-scope .db-button[aria-busy="true"] { opacity: .58; cursor: not-allowed; }
.db-scope .db-button--ghost { color: var(--db-ink); border-color: var(--db-line); background: var(--db-paper); }
.db-scope .db-button--ghost::before { background: var(--db-maroon-soft); }
.db-scope .db-button--ghost:hover { color: var(--db-maroon); border-color: var(--db-maroon); }
.db-scope .db-button--light { color: var(--db-maroon); border-color: var(--db-paper); background: var(--db-paper); }
.db-scope .db-button--light::before { background: var(--db-maroon-soft); }

.db-media { overflow: hidden; border-radius: var(--db-radius); background: #e7e9eb; }
.db-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--db-ease); }
.db-media:hover img { transform: scale(1.018); }

.db-hero { position:relative; min-width:0; overflow:hidden; background:#171113; }
.db-hero__shell, .db-carousel__viewport { min-width:0; max-width:100%; }
.db-carousel__viewport { overflow:hidden; }
.db-carousel__track { width:100%; min-width:0; display:flex; will-change:transform; transition:transform 520ms var(--db-ease); }
.db-hero__slide { flex:0 0 100%; min-width:0; }
.db-hero__scene { position:relative; min-height:clamp(620px,calc(100dvh - var(--db-header-height)),860px); display:flex; align-items:flex-end; overflow:hidden; isolation:isolate; }
.db-hero__media, .db-hero__shade { position:absolute; inset:0; }
.db-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center; }
.db-scope .db-hero__shade { display:block; z-index:1; opacity:1; pointer-events:none; background:linear-gradient(90deg,rgba(20,20,20,.84) 0%,rgba(20,20,20,.52) 42%,rgba(20,20,20,.08) 72%),linear-gradient(0deg,rgba(20,20,20,.46),transparent 48%); }
.db-scope .db-hero__shade--strong { background:linear-gradient(90deg,rgba(20,20,20,.90) 0%,rgba(20,20,20,.62) 48%,rgba(20,20,20,.18) 76%),linear-gradient(0deg,rgba(20,20,20,.44),transparent 48%); }
.db-hero__copy { position:relative; z-index:2; width:var(--db-page); margin-inline:auto; padding-block:clamp(72px,11vw,132px); color:var(--db-paper); }
.db-hero__copy > * { max-width:560px; }
.db-hero__proof { display:none; }
.db-hero__rating { width:max-content; margin:0 0 16px; display:inline-flex; align-items:center; gap:10px; color:#fff; text-decoration:none; }
.db-hero__rating:hover { color:#fff; text-decoration:none; opacity:.86; }
.db-hero__stars { display:inline-flex; gap:2px; color:#f1c77a; }
.db-hero__stars svg { display:block; }
.db-hero__rating strong { font-size:.82rem; font-weight:700; }
.db-hero h1, .db-hero__title { margin:0; max-width:11ch; font-size:clamp(4rem,8vw,6rem); line-height:.98; text-shadow:0 3px 28px rgba(20,20,20,.24); }
.db-hero h1 span, .db-hero__title span { display:block; }
.db-hero__copy > p { max-width:46ch; margin:22px 0 0; color:rgba(255,255,255,.84); font-size:clamp(1rem,1.8vw,1.2rem); }
.db-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 28px; }
.db-hero__actions .db-link { color:var(--db-paper); }
.db-hero .db-carousel__controls { position:absolute; z-index:5; right:max(16px,calc((100vw - 1240px)/2)); bottom:24px; margin:0; padding:5px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(20,20,20,.22); color:var(--db-paper); opacity:.72; transition:opacity var(--db-fast), background var(--db-fast); }
.db-hero .db-carousel__controls:hover, .db-hero .db-carousel__controls:focus-within { opacity:1; background:rgba(20,20,20,.42); }
.db-carousel__controls { display:flex; align-items:center; gap:10px; margin-top:20px; }
.db-carousel__arrow { width:44px; height:44px; flex:0 0 auto; border:1px solid var(--db-line); border-radius:50%; display:grid; place-items:center; color:var(--db-ink); background:var(--db-paper); cursor:pointer; transition:transform var(--db-fast), border-color var(--db-fast), background var(--db-fast); }
.db-carousel__arrow span { font-size:1.5rem; line-height:1; transform:translateY(-1px); }
.db-carousel__arrow:hover, .db-carousel__arrow:focus-visible { border-color:var(--db-maroon); background:var(--db-maroon-soft); }
.db-carousel__arrow:active { transform:scale(.94); }
.db-carousel__progress { flex:1; max-width:200px; height:2px; overflow:hidden; background:var(--db-line); }
.db-carousel__progress span { display:block; width:100%; height:100%; background:var(--db-maroon); transform:scaleX(0); transform-origin:left; transition:transform var(--db-standard) var(--db-ease); }
.db-carousel__status, .db-carousel__pause { color:var(--db-muted); font-size:.78rem; font-weight:700; }
.db-carousel__pause { min-height:44px; padding:0 10px; border:0; background:none; cursor:pointer; }
.db-carousel__pause:hover, .db-carousel__pause:focus-visible { color:var(--db-maroon); }
.db-icon-toggle { width:44px; height:44px; flex:0 0 auto; padding:0; border:1px solid currentColor; border-radius:50%; display:grid; place-items:center; color:inherit; background:transparent; cursor:pointer; transition:transform var(--db-fast), opacity var(--db-fast), background var(--db-fast), color var(--db-fast); }
.db-icon-toggle:hover, .db-icon-toggle:focus-visible { transform:scale(1.04); }
.db-icon-toggle__play { display:none; }
.db-icon-toggle[data-paused="true"] .db-icon-toggle__pause { display:none; }
.db-icon-toggle[data-paused="true"] .db-icon-toggle__play { display:block; }
.db-hero .db-carousel__arrow, .db-hero .db-icon-toggle { width:44px; height:44px; }
.db-hero .db-carousel__arrow { border-color:rgba(255,255,255,.34); color:var(--db-paper); background:transparent; }
.db-hero .db-carousel__arrow:hover { border-color:var(--db-paper); color:var(--db-maroon); background:var(--db-paper); }
.db-hero .db-carousel__progress { background:rgba(255,255,255,.28); }
.db-hero .db-carousel__progress span { background:var(--db-paper); }
.db-hero .db-carousel__status, .db-hero .db-carousel__pause { color:rgba(255,255,255,.82); }

.db-benefits { padding-block: 20px 48px; }
.db-benefits__grid { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid rgba(255,255,255,.22); }
.db-benefit { padding: 24px clamp(12px, 3vw, 28px); }
.db-benefit + .db-benefit { border-left:1px solid rgba(255,255,255,.22); }
.db-benefit strong { display: block; margin-bottom: 5px; font-size: 1rem; }
.db-benefit span { color: var(--db-muted); font-size: .92rem; }

.db-transform { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); gap: clamp(24px, 5vw, 68px); align-items: center; }
.db-transform__visual { position:relative; aspect-ratio:1.16; overflow:hidden; border-radius:var(--db-radius); }
.db-transform__media { position:absolute; inset:0; opacity:0; transform:translateX(16px); visibility:hidden; transition:opacity 380ms ease, transform 520ms var(--db-ease), visibility 0s linear 520ms; }
.db-transform__media.is-active { opacity:1; transform:none; visibility:visible; transition-delay:0s; }
.db-transform__media img { object-fit:contain; background:var(--db-paper); }
.db-transform__steps { display: grid; gap: 4px; margin-top: 28px; }
.db-transform__step { width:100%; display:grid; grid-template-columns:36px 1fr; gap:14px; padding:18px 16px; border:0; border-bottom:1px solid var(--db-line); color:var(--db-ink); background:transparent; text-align:left; cursor:pointer; transition:background var(--db-standard), box-shadow var(--db-standard); }
.db-transform__step:last-child { border-bottom: 0; }
.db-transform__step b { color: var(--db-maroon); font-variant-numeric: tabular-nums; }
.db-transform__step > span { display:grid; gap:5px; }
.db-transform__step > span > span { color:var(--db-muted); }
.db-transform__step.is-active { background:var(--db-paper); border-radius:var(--db-control-radius); box-shadow:0 8px 26px rgba(36,22,24,.06); }
.db-transform__actions { display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center; }
.db-transform__pause { position:absolute; z-index:4; right:14px; bottom:14px; color:var(--db-paper); background:rgba(20,20,20,.48); border-color:rgba(255,255,255,.5); opacity:.58; }
.db-transform__visual:hover .db-transform__pause, .db-transform__pause:focus-visible { opacity:1; background:rgba(20,20,20,.72); }
.db-tone--maroon .db-transform__step { color:var(--db-paper); border-color:rgba(255,255,255,.20); }
.db-tone--maroon .db-transform__step b { color:var(--db-paper); }
.db-tone--maroon .db-transform__step > span > span { color:rgba(255,255,255,.72); }
.db-tone--maroon .db-transform__step.is-active { background:rgba(255,255,255,.12); box-shadow:none; }
.db-tone--maroon .db-transform__actions .db-link { color:var(--db-paper); }

.db-home-buy__grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:clamp(28px,6vw,80px); align-items:center; }
.db-home-buy__media { aspect-ratio:1.25; }
.db-home-buy__media img { object-fit:contain; background:var(--db-surface); }
.db-product-showcase { min-width:0; }
.db-product-showcase__sticky { min-width:0; }
.db-product-showcase__stage { position:relative; touch-action:pan-y; cursor:grab; user-select:none; -webkit-user-select:none; background:#f6f6f6; }
.db-product-showcase__stage.is-swiping { cursor:grabbing; }
.db-product-showcase__image { opacity:1; transition:opacity 160ms ease, transform 800ms var(--db-ease)!important; }
.db-product-showcase__image.is-changing { opacity:.28; }
.db-product-showcase__controls { position:absolute; right:14px; bottom:14px; z-index:3; display:flex; align-items:center; gap:4px; padding:4px; border-radius:12px; background:rgba(255,255,255,.94); box-shadow:0 8px 24px rgba(36,22,24,.12); }
.db-product-showcase__controls button { width:38px; height:38px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; background:transparent; color:var(--db-ink); cursor:pointer; }
.db-product-showcase__controls button:hover { background:var(--db-maroon-soft); color:var(--db-maroon); }
.db-product-showcase__controls button:focus-visible { outline:3px solid rgba(90,36,40,.48); outline-offset:2px; }
.db-product-showcase__controls span { min-width:42px; color:var(--db-muted); font-size:.78rem; font-weight:700; text-align:center; font-variant-numeric:tabular-nums; }
.db-product-showcase__thumbs { display:flex; gap:10px; margin-top:12px; padding:2px; overflow-x:auto; overscroll-behavior-inline:contain; touch-action:pan-x; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.db-product-showcase__thumbs::-webkit-scrollbar { display:none; }
.db-product-showcase__thumb { flex:0 0 72px; width:72px; height:72px; padding:3px; overflow:hidden; border:1px solid var(--db-line); border-radius:10px; background:var(--db-paper); cursor:pointer; transition:border-color var(--db-fast), box-shadow var(--db-fast); }
.db-product-showcase__thumb img { width:100%; height:100%; display:block; border-radius:6px; object-fit:contain; background:var(--db-surface); }
.db-product-showcase__thumb:hover { border-color:var(--db-muted); }
.db-product-showcase__thumb.is-active { border-color:var(--db-maroon); box-shadow:inset 0 0 0 1px var(--db-maroon); }
.db-product-showcase__thumb:focus-visible { outline:3px solid rgba(90,36,40,.48); outline-offset:2px; }
.db-product-showcase__scrollbar { position:relative; width:100%; height:3px; margin-top:8px; overflow:hidden; background:var(--db-line); }
.db-product-showcase__scrollbar[hidden] { display:none; }
.db-product-showcase__scrollbar span { position:absolute; inset:0 auto 0 0; width:100%; background:var(--db-maroon); transition:left var(--db-fast) linear; }
.db-home-buy__content { max-width:520px; }
.db-home-buy__content h1, .db-home-buy__content h2 { margin:0; font-size:clamp(2.2rem,5vw,4.4rem); line-height:1; letter-spacing:-.035em; }
.db-home-buy__rating { width:max-content; margin-top:16px; display:inline-flex; align-items:center; gap:10px; color:var(--db-ink); text-decoration:none; }
.db-home-buy__rating:hover { color:var(--db-maroon); text-decoration:none; }
.db-home-buy__stars { display:inline-flex; gap:2px; color:var(--db-maroon); }
.db-home-buy__stars svg { display:block; }
.db-home-buy__rating strong { position:relative; font-size:.82rem; font-weight:700; }
.db-home-buy__rating strong::after { content:""; position:absolute; left:0; right:0; bottom:-3px; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform var(--db-deliberate) var(--db-ease); }
.db-home-buy__rating:hover strong::after, .db-home-buy__rating:focus-visible strong::after { transform:scaleX(1); transform-origin:left; }
.db-home-buy__content > p { margin:14px 0 6px; }
.db-home-buy__content .db-product-form { margin-top:16px; }
.db-home-buy__content .db-product-form > .db-button { width:100%; margin-top:20px; }
.db-home-buy__content > .db-link { margin-top:8px; }
.db-home-buy__fallback-price { margin:18px 0; padding:14px; background:var(--db-surface); border-radius:var(--db-control-radius); color:var(--db-muted); }
.db-eyebrow { display:none; }
.db-tone--maroon .db-eyebrow { color:rgba(255,255,255,.72); }
.db-home-buy__outcomes { display:grid; gap:12px; margin:18px 0 24px; padding:0; list-style:none; }
.db-home-buy__outcomes li { display:grid; grid-template-columns:12px 1fr; gap:0 12px; }
.db-home-buy__outcomes li::before { content:""; width:7px; height:7px; margin-top:9px; border-radius:50%; background:var(--db-maroon); }
.db-home-buy__outcomes strong, .db-home-buy__outcomes span { grid-column:2; }
.db-home-buy__outcomes span { color:var(--db-muted); font-size:.9rem; }
.db-home-buy__facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:24px 0 0; border:1px solid var(--db-line); border-radius:var(--db-control-radius); overflow:hidden; }
.db-home-buy__facts div { padding:14px 16px; background:var(--db-paper); }
.db-home-buy__facts div:nth-child(even) { border-left:1px solid var(--db-line); }
.db-home-buy__facts div:nth-child(n+3) { border-top:1px solid var(--db-line); }
.db-home-buy__facts dt { font-weight:700; }
.db-home-buy__facts dd { margin:2px 0 0; color:var(--db-muted); font-size:.78rem; }
.db-home-buy__caveat { margin:10px 0 0; color:var(--db-muted); font-size:.76rem; }
.db-home-buy__details { margin-top:22px; border-top:1px solid var(--db-line); }
.db-home-buy__details details { border-bottom:1px solid var(--db-line); }
.db-home-buy__details summary { min-height:56px; display:flex; justify-content:space-between; align-items:center; gap:16px; color:var(--db-ink); font-weight:700; cursor:pointer; list-style:none; }
.db-home-buy__details summary::-webkit-details-marker { display:none; }
.db-home-buy__summary-label { display:flex; align-items:center; gap:10px; }
.db-home-buy__topic-icon { flex:0 0 auto; color:#777174; }
.db-home-buy__chevron { flex:0 0 auto; color:#777174; transition:transform 360ms var(--db-ease); }
.db-home-buy__details details[open] .db-home-buy__chevron { transform:rotate(180deg); }
.db-home-buy__detail { padding:0 28px 18px 28px; overflow:hidden; }
.db-home-buy__detail p { margin:0; color:var(--db-muted); font-size:.9rem; line-height:1.65; }
.db-home-buy__detail p + p { margin-top:12px; }
.db-home-buy__detail ul { margin:10px 0 0; padding-left:20px; color:var(--db-muted); font-size:.9rem; line-height:1.65; }
.db-home-buy__detail a { color:var(--db-maroon); font-weight:700; text-underline-offset:3px; }

.db-trip-rail, .db-feature-rail { display: grid; grid-auto-flow: column; grid-auto-columns: min(78vw, 420px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline:20px; scrollbar-width: none; padding: 2px 20px 22px; overscroll-behavior-inline: contain; cursor: grab; }
@media (min-width: 1280px) {
  .db-trip-rail { padding-inline: calc((100% - 1240px) / 2 + 20px); scroll-padding-inline:calc((100% - 1240px) / 2 + 20px); }
}
.db-trip-rail.is-dragging, .db-feature-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.db-trip-rail::-webkit-scrollbar, .db-feature-rail::-webkit-scrollbar { display: none; }
.db-trip-card, .db-feature-card { scroll-snap-align: start; background: var(--db-paper); border-radius: var(--db-radius); overflow: hidden; transition: transform var(--db-standard) var(--db-ease), box-shadow var(--db-standard) var(--db-ease); }
.db-trip-card:hover, .db-feature-card:hover { transform: translateY(-4px); box-shadow: var(--db-shadow); }
.db-trip-card__media { width:100%; position:relative; aspect-ratio:4/3; padding:0; border:0; display:block; overflow:hidden; background:var(--db-paper); cursor:pointer; }
.db-trip-card__media .db-media { position:absolute; inset:0; border-radius:0; background:transparent; }
.db-trip-card__media .db-trip-card__loadout, .db-trip-card__media .db-trip-card__destination { transition:opacity 720ms ease, transform 900ms var(--db-ease), filter 720ms ease; }
.db-trip-card__media .db-trip-card__destination { opacity:0; transform:translateY(30px) scale(1.025); filter:blur(5px); }
.db-trip-card[data-active="true"] .db-trip-card__media .db-trip-card__destination { opacity:1; transform:none; filter:none; }
.db-trip-card[data-active="true"] .db-trip-card__media .db-trip-card__loadout { opacity:0; transform:translateY(-16px) scale(.985); filter:blur(3px); }
.db-trip-card__toggle { margin-top:12px; padding:0; border:0; background:none; cursor:pointer; }
.db-trip-card__body, .db-feature-card__body { padding: 22px; }
.db-trip-card p, .db-feature-card p { margin: 8px 0 0; color: var(--db-muted); }
#trip-scenarios .db-section__header { max-width:none; }
#trip-scenarios .db-section__header p { max-width:62ch; }

.db-proof { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(24px, 6vw, 72px); align-items: center; background: var(--db-paper); padding: clamp(24px,5vw,64px); border-radius: var(--db-radius); }
.db-proof__score { font-size: clamp(4rem, 9vw, 7rem); line-height: 1; color: var(--db-maroon); }
.db-proof blockquote { margin: 0; font-size: clamp(1.35rem, 3vw, 2.3rem); line-height: 1.22; letter-spacing: -.025em; }
.db-proof cite { display: block; margin-top: 18px; color: var(--db-muted); font-style: normal; }

.db-setup-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px; }
.db-setup-card { min-height: 520px; display: flex; flex-direction: column; background: var(--db-paper); border-radius: var(--db-radius); overflow: hidden; }
.db-setup-card__media { aspect-ratio: 1.34; }
.db-setup-card__media img { object-fit:contain; background:#f3f3f3; }
.db-setup-card__body { padding: clamp(22px, 3vw, 34px); display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
.db-setup-card__body p { color: var(--db-muted); margin: 10px 0 24px; }
.db-setup-card__body .db-button { margin-top: auto; }
.db-setup-card__price { margin:-10px 0 18px; }

.db-community { overflow:hidden; }
.db-community__header { max-width:760px; margin:0 auto 38px; text-align:center; }
.db-community__header h2 { margin:0; font-size:clamp(2.5rem,6vw,5.4rem); line-height:.94; letter-spacing:-.04em; }
.db-community__header p { max-width:58ch; margin:18px auto 0; color:rgba(255,255,255,.78); }
.db-community__stage { position:relative; width:min(1040px,100%); min-height:clamp(470px,54vw,650px); margin:0 auto; contain:layout paint; }
.db-community__stage.is-draggable { cursor:grab; touch-action:pan-y; -webkit-user-select:none; user-select:none; }
.db-community__stage.is-draggable:active { cursor:grabbing; }
.db-community__pending { position:absolute; inset:0; display:grid; place-content:center; gap:8px; padding:28px; border:1px dashed rgba(255,255,255,.34); border-radius:var(--db-radius); text-align:center; }
.db-community__pending p { margin:0; color:rgba(255,255,255,.78); }
.db-community__story { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); align-items:center; gap:clamp(20px,5vw,64px); opacity:.14; transform:translateX(calc(var(--db-story-pos,0) * 24%)) translateY(24px) rotate(calc(var(--db-story-pos,0) * 2deg)) scale(.82); transform-origin:50% 100%; pointer-events:none; backface-visibility:hidden; will-change:transform,opacity; transition:opacity 460ms ease,transform 620ms var(--db-ease); }
.db-community__story[data-position="-2"] { --db-story-pos:-2; }
.db-community__story[data-position="-1"] { --db-story-pos:-1; }
.db-community__story[data-position="0"] { --db-story-pos:0; }
.db-community__story[data-position="1"] { --db-story-pos:1; }
.db-community__story[data-position="2"] { --db-story-pos:2; }
.db-community__story[data-position="-2"], .db-community__story[data-position="2"] { opacity:0; }
.db-community__story.is-active { z-index:3; opacity:1; transform:none; pointer-events:auto; }
.db-community__story figure { position:relative; width:100%; aspect-ratio:4/5; margin:0; padding:6px; overflow:hidden; border:0; border-radius:16px; background:var(--db-paper); box-shadow:0 24px 70px rgba(20,20,20,.28); }
.db-community__story figure img { display:block; width:100%; height:100%; object-fit:cover; border-radius:10px; }
.db-community__quote { padding:clamp(22px,4vw,42px); border:1px solid rgba(255,255,255,.22); border-radius:var(--db-radius); background:rgba(255,255,255,.11); }
.db-community__quote > span { color:#f1c77a; letter-spacing:.12em; }
.db-community__stars { display:flex; gap:2px; }
.db-community__stars svg { width:16px; height:16px; fill:currentColor; }
.db-community__quote h3 { margin:16px 0 0; font-size:clamp(1.55rem,3vw,2.5rem); }
.db-community__quote p { margin:14px 0 22px; color:rgba(255,255,255,.82); font-size:clamp(1rem,1.8vw,1.16rem); }
.db-community__quote strong { color:rgba(255,255,255,.72); font-size:.82rem; }
.db-community__controls { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:22px; }
.db-community__controls > span { min-width:44px; text-align:center; font-size:.78rem; font-weight:700; color:rgba(255,255,255,.72); }
.db-community__pause { color:var(--db-paper); border-color:rgba(255,255,255,.38); }
.db-carousel__arrow--light { border-color:rgba(255,255,255,.38); color:var(--db-paper); background:transparent; }
.db-carousel__arrow--light:hover, .db-carousel__arrow--light:focus-visible { border-color:var(--db-paper); color:var(--db-maroon); background:var(--db-paper); }
.db-community__reviews { width:min(820px,100%); margin:28px auto 0; }
.db-community__empty { padding:22px; border:1px solid rgba(255,255,255,.20); border-radius:var(--db-radius); background:rgba(255,255,255,.08); text-align:center; }
.db-community__empty p { max-width:58ch; margin:8px auto 0; color:rgba(255,255,255,.78); }
.db-community__link { display:flex; width:max-content; margin:18px auto 0; }

.db-close { padding-block: clamp(48px,8vw,96px); background:var(--db-surface); }
.db-close__inner { min-height: 580px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: var(--db-radius); background: var(--db-maroon-dark); }
.db-close__inner img { position: absolute; inset: 0; height: 100%; object-fit: cover; opacity: .62; transform: scale(1.04); }
.db-close__inner::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(20,20,20,.76), rgba(20,20,20,.18)); }
.db-close__copy { position: relative; z-index: 1; width: min(90%, 720px); margin-right: auto; padding: clamp(28px,7vw,80px); color: var(--db-paper); }
.db-close h2 { margin:0; font-size:clamp(3.5rem,8vw,6rem); line-height:.96; }
.db-close p { max-width:42ch; margin:18px 0 28px; color:rgba(255,255,255,.84); }

.db-product { padding-block: clamp(22px,4vw,48px); }
.db-product__grid { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr); gap:clamp(28px,5vw,64px); align-items:start; }
.db-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.db-gallery__item { aspect-ratio:1; background:var(--db-paper); }
.db-gallery__item:first-child { grid-column:1/-1; aspect-ratio:1.25; }
.db-gallery__item img { object-fit:cover; }
.db-buybox { position:sticky; top:calc(var(--db-header-height) + 20px); background:var(--db-paper); border-radius:var(--db-radius); padding:clamp(22px,3vw,34px); box-shadow:0 10px 34px rgba(29,22,23,.07); }
.db-buybox h1 { margin:0; font-size:clamp(2rem,4vw,3rem); line-height:1.02; letter-spacing:-.035em; }
.db-price { display:flex; flex-wrap:wrap; gap:10px; align-items:baseline; margin:14px 0 4px; font-size:1.45rem; font-weight:700; }
.db-price s { color:var(--db-muted); font-size:1rem; font-weight:500; }
.db-rating { min-height:44px; display:inline-flex; align-items:center; gap:8px; color:var(--db-muted); font-size:.92rem; }
.db-fieldset { margin:22px 0 0; padding:0; border:0; }
.db-fieldset legend { width:100%; margin-bottom:10px; font-weight:700; }
.db-options { display:flex; flex-wrap:wrap; gap:9px; }
.db-option input { position:absolute; opacity:0; pointer-events:none; }
.db-option label { min-height:44px; padding:0 15px; border:1px solid var(--db-line); border-radius:var(--db-control-radius); display:inline-flex; align-items:center; justify-content:center; background:var(--db-paper); cursor:pointer; transition:border-color var(--db-fast), background var(--db-fast), color var(--db-fast), transform 120ms; }
.db-option input:checked + label { border-color:var(--db-maroon); color:var(--db-maroon); background:var(--db-maroon-soft); box-shadow:inset 0 0 0 1px var(--db-maroon); }
.db-option input:focus-visible + label { outline:3px solid rgba(90,36,40,.42); outline-offset:2px; }
.db-option label:active { transform:scale(.97); }
.db-model-note { margin:10px 0 0; color:var(--db-muted); font-size:.9rem; }
.db-buybox .db-button { width:100%; margin-top:22px; }
.db-buybox__assurance { display:grid; gap:8px; margin:18px 0 0; padding:0; list-style:none; color:var(--db-muted); font-size:.88rem; }
.db-buybox__message { min-height:24px; margin:10px 0 0; font-size:.9rem; }
.db-buybox__message[data-state="error"] { color:#8c1f28; }
.db-buybox__message[data-state="success"] { color:#28603d; }

.db-story { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr); gap:clamp(26px,5vw,64px); align-items:center; }
.db-story__media { aspect-ratio:1.5; }
.db-facts { display:grid; grid-template-columns:repeat(2,1fr); margin-top:26px; border:1px solid var(--db-line); border-radius:var(--db-radius); overflow:hidden; }
.db-fact { padding:18px; background:var(--db-paper); }
.db-fact:nth-child(even) { border-left:1px solid var(--db-line); }
.db-fact:nth-child(n+3) { border-top:1px solid var(--db-line); }
.db-fact strong { display:block; font-size:1.15rem; }
.db-fact span { color:var(--db-muted); font-size:.86rem; }
.db-feature-specs { margin-top:clamp(26px,4vw,42px); }

.db-loadout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:clamp(24px,5vw,64px); align-items:center; }
.db-loadout__media { aspect-ratio:4/3; }
.db-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.db-tag { padding:8px 12px; border:1px solid var(--db-line); border-radius:999px; background:var(--db-paper); font-size:.88rem; }

.db-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.db-compare-card { background:var(--db-paper); border-radius:var(--db-radius); overflow:hidden; }
.db-compare-card__media { aspect-ratio:1.3; }
.db-compare-card__body { padding:clamp(22px,3vw,34px); }
.db-compare-card ul { margin:18px 0 0; padding-left:20px; color:var(--db-muted); }
.db-move-slider__stage { position:relative; aspect-ratio:1.3; border-radius:var(--db-radius); overflow:hidden; background:var(--db-surface); touch-action:none; cursor:grab; user-select:none; box-shadow:var(--db-shadow); }
.db-move-slider__stage.is-dragging { cursor:grabbing; }
.db-move-slider__image { position:absolute; inset:0; margin:0; border-radius:0; background:var(--db-surface); }
.db-move-slider__image img { width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; }
.db-move-slider__image--roller { clip-path:inset(0 0 0 var(--db-move-split, 50%)); }
.db-move-slider__divider { position:absolute; top:0; bottom:0; left:var(--db-move-split, 50%); width:2px; margin-left:-1px; background:rgba(255,255,255,.92); box-shadow:0 0 0 1px rgba(20,20,20,.08); pointer-events:none; z-index:3; }
.db-move-slider__handle { position:absolute; top:50%; left:var(--db-move-split, 50%); width:46px; height:46px; margin:-23px 0 0 -23px; border-radius:50%; background:var(--db-paper); display:grid; place-items:center; color:var(--db-ink); box-shadow:0 10px 26px rgba(20,20,20,.22); z-index:4; touch-action:none; cursor:grab; }
.db-move-slider__handle:active { cursor:grabbing; }
.db-move-slider__handle:focus-visible { outline:3px solid rgba(90,36,40,.48); outline-offset:3px; }
.db-move-slider__label { position:absolute; top:16px; z-index:4; padding:6px 14px; border-radius:999px; background:rgba(255,255,255,.9); font-weight:700; font-size:.76rem; letter-spacing:.03em; text-transform:uppercase; color:var(--db-ink); pointer-events:none; }
.db-move-slider__label--left { left:16px; }
.db-move-slider__label--right { right:16px; }
.db-move-slider__body { position:relative; margin-top:22px; min-height:200px; }
.db-move-slider__panel { position:absolute; inset:0; opacity:0; transform:translateY(10px); pointer-events:none; transition:opacity var(--db-standard) var(--db-ease), transform var(--db-standard) var(--db-ease); }
.db-move-slider__panel.is-active { position:relative; opacity:1; transform:none; pointer-events:auto; }
.db-move-slider__panel ul { margin:18px 0 0; padding-left:20px; color:var(--db-muted); }
.db-model-comparison .db-move-slider { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:clamp(28px,5vw,64px); align-items:center; }
.db-model-comparison .db-move-slider__body { min-height:360px; margin-top:0; display:grid; align-items:center; }
.db-model-summary { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.db-model-price { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; align-items:baseline; color:var(--db-maroon); font-size:1.35rem; font-weight:700; font-variant-numeric:tabular-nums; }
.db-model-price s { color:var(--db-muted); font-size:.92rem; font-weight:500; }
.db-model-details { margin-top:26px; }

.db-bundle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.db-bundle { display:grid; grid-template-columns:180px 1fr; gap:22px; align-items:center; background:var(--db-paper); border-radius:var(--db-radius); padding:18px; }
.db-bundle__media { aspect-ratio:1; }
.db-bundle p { margin:8px 0 18px; color:var(--db-muted); }
.db-bundle__form { margin-top:12px; }
.db-bundle__form .db-button { min-height:44px; padding-inline:22px; }
.db-bundle label { min-height:44px; display:inline-flex; gap:10px; align-items:center; font-weight:700; cursor:pointer; }
.db-bundle input { width:20px; height:20px; accent-color:var(--db-maroon); }
.db-bundle__choice { min-height:44px; display:flex; align-items:center; gap:10px; color:var(--db-muted); cursor:pointer; }
.db-bundle__choice input { width:20px; height:20px; flex:0 0 auto; accent-color:var(--db-maroon); }

.db-assurance { display:block; }
.db-assurance__panel { background:var(--db-paper); border-radius:var(--db-radius); padding:clamp(24px,4vw,42px); }
.db-assurance__panel.db-faq { max-width:none; margin-inline:auto; }
.db-faq details { border-bottom:1px solid var(--db-line); }
.db-faq summary { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; font-weight:700; list-style:none; }
.db-faq summary::-webkit-details-marker { display:none; }
.db-faq summary::after { content:"+"; color:var(--db-maroon); font-size:1.4rem; }
.db-faq details[open] summary::after { content:"-"; }
.db-faq details p { margin:0; padding:0 34px 20px 0; color:var(--db-muted); }

.template-product .db-section { padding-block:clamp(64px,8vw,104px); }
.template-product .db-section + .db-section { padding-top:clamp(64px,8vw,104px); }
.template-product .db-section__header.db-shell { width:var(--db-page); max-width:none; }

.db-sticky-buy { display:none; }
:is(.db-sticky-buy--home,.db-sticky-buy--product) { position:fixed; left:0; right:0; bottom:0; z-index:60; display:block; padding:10px clamp(16px,4vw,40px) calc(10px + env(safe-area-inset-bottom)); border-top:1px solid rgba(18,20,22,.12); background:rgba(255,255,255,.94); box-shadow:0 -12px 34px rgba(18,20,22,.09); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); opacity:0; pointer-events:none; transform:translateY(calc(100% + 12px)); transition:transform 320ms var(--db-ease), opacity 220ms ease; }
:is(.db-sticky-buy--home,.db-sticky-buy--product).is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }
.db-sticky-buy__inner { width:min(100%,1240px); margin-inline:auto; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; }
.db-sticky-buy__media { width:56px; height:56px; overflow:hidden; border-radius:10px; background:var(--db-stone); }
.db-sticky-buy__media img { width:100%; height:100%; object-fit:contain; }
.db-sticky-buy__info { min-width:0; display:grid; gap:2px; }
.db-sticky-buy__info strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.98rem; }
.db-sticky-buy__info span { color:var(--db-muted); font-size:.88rem; font-variant-numeric:tabular-nums; }
.db-sticky-buy__actions { display:flex; gap:8px; align-items:center; }
.db-sticky-buy__actions .db-button { min-height:48px; padding-inline:20px; white-space:nowrap; }
.db-sticky-buy__label--short { display:none; }
.db-footer { background:#181a1c; color:#f4f5f6; padding:56px 0 calc(36px + env(safe-area-inset-bottom)); }
.db-has-home-sticky .db-footer { padding-bottom:calc(112px + env(safe-area-inset-bottom)); }
.db-footer__grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:34px; }
.db-footer p, .db-footer a { color:#bfc5c9; }
.db-footer nav { display:grid; gap:9px; }
.db-footer .db-link { min-height:32px; width:max-content; }

[data-db-reveal] { opacity:1; transform:none; }
.db-motion [data-db-reveal] { opacity:0; transform:translateY(24px); transition:opacity 680ms var(--db-ease), transform 680ms var(--db-ease); }
.db-motion [data-db-reveal].is-visible { opacity:1; transform:none; }
.db-motion [data-db-reveal="clip"] { clip-path:inset(8% 0 8% 0 round var(--db-radius)); transform:none; transition:clip-path 850ms var(--db-ease), opacity 500ms ease; }
.db-motion [data-db-reveal="clip"].is-visible { clip-path:inset(0 round var(--db-radius)); }

@media (max-width: 900px) {
  :root { --db-header-height: 60px; }
  .db-product__grid, .db-story, .db-transform, .db-loadout, .db-assurance, .db-home-buy__grid { grid-template-columns:1fr; }
  .db-home-buy__content { max-width:none; }
  .db-product__grid { gap:20px; }
  .db-buybox { position:static; }
  .db-gallery { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; margin-inline:-16px; padding-inline:16px; }
  .db-gallery__item, .db-gallery__item:first-child { flex:0 0 86vw; aspect-ratio:1; scroll-snap-align:center; }
  .db-gallery::-webkit-scrollbar { display:none; }
  .db-sticky-buy { position:fixed; left:0; right:0; bottom:0; z-index:30; display:grid; grid-template-columns:1fr auto; gap:12px; align-items:center; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); border-top:1px solid var(--db-line); background:rgba(255,255,255,.96); backdrop-filter:blur(14px); transform:translateY(120%); transition:transform var(--db-standard) var(--db-ease); }
  .db-sticky-buy.is-visible { transform:translateY(0); }
  .db-sticky-buy .db-button { min-height:48px; }
  :is(.db-sticky-buy--home,.db-sticky-buy--product) { z-index:60; display:block; opacity:0; pointer-events:none; transform:translateY(calc(100% + 12px)); transition:transform 320ms var(--db-ease), opacity 220ms ease; }
  :is(.db-sticky-buy--home,.db-sticky-buy--product).is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }
}

@media (min-width: 901px) {
  .db-feature-rail { width:var(--db-page); margin-inline:auto; padding:2px 0 22px; grid-auto-flow:initial; grid-auto-columns:initial; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:visible; }
  #db-product-main .db-home-buy__grid { align-items:start; }
  #db-product-main .db-product-showcase { position:relative; z-index:1; align-self:stretch; min-height:100%; }
  #db-product-main .db-product-showcase__sticky { position:sticky; top:var(--db-showcase-sticky-top,calc(var(--db-header-height) + 20px)); }
}

@media (max-width: 700px) {
  :root { --db-page:min(100% - 32px, 1240px); }
  .db-announcement { min-height:32px; font-size:.68rem; }
  .db-announcement__track { animation-duration:27s; }
  :is(.db-sticky-buy--home,.db-sticky-buy--product) { padding:8px 12px calc(8px + env(safe-area-inset-bottom)); }
  .db-sticky-buy__inner { gap:8px; }
  .db-sticky-buy__media { width:44px; height:44px; border-radius:8px; }
  .db-sticky-buy__info strong { font-size:.82rem; }
  .db-sticky-buy__info span { font-size:.76rem; }
  .db-sticky-buy__info strong { font-size:1rem; line-height:1.2; }
  .db-sticky-buy__info span { font-size:.92rem; line-height:1.25; }
  .db-sticky-buy__actions { gap:6px; }
  .db-sticky-buy__actions .db-button { min-height:44px; padding-inline:12px; font-size:.78rem; }
  .db-sticky-buy__actions .db-button { min-height:44px; padding-inline:12px; font-size:.92rem; }
  .db-section { padding-block:64px; }
  .db-section + .db-section { padding-top:0; }
  .db-hero__scene { min-height:max(620px,calc(100svh - var(--db-header-height))); }
  .db-hero__media img { object-position:62% center; }
  .db-scope .db-hero__shade, .db-scope .db-hero__shade--strong { background:linear-gradient(0deg,rgba(20,20,20,.94) 0%,rgba(20,20,20,.70) 42%,rgba(20,20,20,.08) 76%); }
  .db-hero__copy { width:calc(100% - 32px); padding:54px 0 118px; }
  .db-hero h1, .db-hero__title { font-size:clamp(3.25rem,15vw,5rem); }
  .db-hero__actions { display:grid; grid-template-columns:1fr; max-width:360px; }
  .db-hero__actions .db-button { width:100%; }
  .db-hero .db-carousel__controls { left:16px; right:16px; bottom:16px; }
  .db-hero .db-carousel__progress { max-width:none; }
  .db-benefits__grid { grid-template-columns:1fr; }
  .db-benefit { padding-inline:0; }
  .db-benefit + .db-benefit { border-left:0; border-top:1px solid rgba(255,255,255,.22); }
  .db-proof { grid-template-columns:1fr; }
  .db-carousel__controls { margin-top:14px; }
  .db-carousel__progress { max-width:none; }
  .db-carousel__pause { padding-right:0; }
  .db-home-buy__grid { gap:26px; }
  .db-home-buy__media { aspect-ratio:1; }
  .db-product-showcase__controls { right:10px; bottom:10px; }
  .db-product-showcase__thumb { flex-basis:60px; width:60px; height:60px; }
  .db-transform__visual { aspect-ratio:1; }
  .db-setup-grid, .db-compare, .db-bundle-grid { grid-template-columns:1fr; }
  .db-setup-card { min-height:0; }
  .db-bundle { grid-template-columns:112px 1fr; }
  .db-close__inner { min-height:540px; }
  .db-close__copy { align-self:end; padding:28px; }
  .db-close__inner::after { background:linear-gradient(0deg, rgba(20,20,20,.88), rgba(20,20,20,.08)); }
  .db-facts { grid-template-columns:1fr; }
  .db-fact:nth-child(even) { border-left:0; }
  .db-fact:nth-child(n+2) { border-top:1px solid var(--db-line); }
  .db-model-comparison .db-move-slider { grid-template-columns:1fr; gap:0; }
  .db-model-comparison .db-move-slider__body { min-height:250px; margin-top:22px; }
  .db-model-summary { gap:16px; }
  .db-footer__grid { grid-template-columns:1fr 1fr; }
  .db-footer__brand { grid-column:1/-1; }
  .db-community__header { margin-bottom:22px; }
  .db-community__stage { min-height:calc(125vw + 220px); }
  .db-community__story { grid-template-columns:1fr; align-content:start; gap:0; transform:translateX(calc(var(--db-story-pos,0) * 24%)) translateY(28px) rotate(calc(var(--db-story-pos,0) * 3deg)) scale(.86); }
  .db-community__story figure { aspect-ratio:4/5; padding:5px; border-radius:14px; }
  .db-community__story figure img { border-radius:9px; }
  .db-community__quote { position:relative; width:calc(100% - 20px); margin:-16px auto 0; padding:18px 20px; background:rgba(83,29,34,.94); }
  .db-community__quote h3 { font-size:1.32rem; margin:10px 0 0; }
  .db-community__quote p { margin:10px 0 14px; font-size:.95rem; }
  .db-community__controls { margin-top:10px; }
  .db-community__reviews { margin-top:20px; }
}

/* 2026 PDP system pass: shared type, color, spacing and motion tokens. */
:root {
  --db-ink:#141414;
  --db-muted:#5f6265;
  --db-surface:#f6f6f6;
  --db-line:#dedede;
  --db-type-h1:clamp(2.4rem,4.5vw,4.5rem);
  --db-type-h2:clamp(2rem,3.8vw,3.5rem);
  --db-type-h3:clamp(1.2rem,1.8vw,1.55rem);
  --db-type-body:clamp(1rem,.96rem + .18vw,1.08rem);
}
body.db-men-surface #MainContent,
.db-scope { background:#fff; color:var(--db-ink); }
.db-scope { font-size:var(--db-type-body); }
.db-section { padding-block:clamp(48px,7vw,88px); }
.db-section + .db-section { padding-top:clamp(48px,7vw,88px); }
.db-section h1,.db-home-buy__content h1 { font-size:var(--db-type-h1); line-height:.98; letter-spacing:-.04em; font-weight:700; }
.db-section h2,.db-community__header h2 { font-size:var(--db-type-h2); line-height:1.02; letter-spacing:-.035em; font-weight:700; }
.db-section h3,.db-community__quote h3 { font-size:var(--db-type-h3); line-height:1.15; font-weight:700; }
.db-section p,.db-home-buy__detail p,.db-home-buy__detail ul,.db-home-buy__outcomes span { font-size:var(--db-type-body); line-height:1.6; }
.db-product { padding-top:clamp(16px,2.5vw,28px)!important; }
.db-home-buy__grid { align-items:start; }
.db-home-buy__content { padding-top:clamp(4px,1vw,12px); }

/* Product gallery: square, connected slides with a continuous horizontal transition. */
.db-home-buy__media { aspect-ratio:1!important; background:var(--db-surface); }
.db-product-showcase__stage { overflow:hidden; }
.db-product-showcase__track { width:100%; height:100%; display:flex; transition:transform 620ms var(--db-ease); will-change:transform; }
.db-product-showcase__stage.is-swiping .db-product-showcase__track { transition:none; }
.db-product-showcase__slide { flex:0 0 100%; width:100%; height:100%; display:grid; place-items:center; }
.db-product-showcase__image { width:100%; height:100%!important; object-fit:contain; background:var(--db-surface); }
.db-product-showcase__video,.db-product-showcase__external-video { width:100%; height:100%; display:block; object-fit:contain; background:#f6f6f6; }
.db-product-showcase__external-video iframe { width:100%; height:100%; border:0; }
.db-product-showcase__thumb { position:relative; }
.db-product-showcase__play { position:absolute; inset:0; display:grid; place-items:center; color:#fff; background:rgba(20,20,20,.22); pointer-events:none; }
.db-product-showcase__play svg { width:22px; height:22px; padding:3px; border-radius:50%; background:rgba(20,20,20,.68); }
.db-product-showcase__controls span { min-width:54px; font-size:var(--db-type-body); font-weight:600; }
.db-product-showcase__controls button { width:44px; height:44px; }

/* Wrinkle-free story: header first, images fade without lateral jumping. */
.db-transform__header { max-width:820px; }
.db-transform__header .db-eyebrow { color:rgba(255,255,255,.72); }
.db-transform__header > p:last-child { color:rgba(255,255,255,.78); }
.db-transform__media { transform:scale(1.015); transition:opacity 500ms ease, transform 700ms var(--db-ease), visibility 0s linear 700ms; }
.db-transform__media.is-active { transform:scale(1); }
.db-transform__step.is-active { color:var(--db-ink); background:#fff; }

/* Feature and trip rails use quiet cards and smooth native scrolling. */
.db-trip-rail,.db-feature-rail,.db-social-proof__rail { scroll-behavior:smooth; }
.db-trip-card,.db-feature-card { background:var(--db-surface); box-shadow:none; }
.db-trip-card__hint { position:absolute; right:12px; bottom:12px; z-index:4; display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border-radius:999px; color:#fff; background:rgba(20,20,20,.72); backdrop-filter:blur(8px); font-size:.75rem; font-weight:700; pointer-events:none; transition:opacity var(--db-standard),transform var(--db-standard); }
.db-trip-card__hint svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.db-trip-card[data-active="true"] .db-trip-card__hint { opacity:0; transform:translateY(6px); }

/* Social proof placeholders are ready for native Shopify video blocks. */
.db-social-proof { background:#fff; }
.db-social-proof__rail { display:grid; grid-auto-flow:column; grid-auto-columns:min(78vw,340px); gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:2px max(16px,calc((100vw - 1240px)/2)) 18px; }
.db-social-proof__rail::-webkit-scrollbar { display:none; }
.db-social-proof__card { scroll-snap-align:start; overflow:hidden; border-radius:var(--db-radius); background:var(--db-surface); }
.db-social-proof__media { aspect-ratio:4/5; background:#ececec; }
.db-social-proof__media :is(img,video) { width:100%; height:100%; object-fit:cover; }
.db-social-proof__placeholder { width:100%; height:100%; display:grid; place-items:center; color:var(--db-maroon); background:linear-gradient(145deg,#efefef,#f8f8f8); }
.db-social-proof__placeholder svg { width:52px; height:52px; fill:none; stroke:currentColor; stroke-width:1.8; }
.db-social-proof__copy { padding:20px; }
.db-social-proof__stars { display:flex; gap:2px; color:var(--db-maroon); }
.db-social-proof__stars svg { width:15px; height:15px; fill:currentColor; }
.db-social-proof__copy h3 { margin-top:8px; }
.db-social-proof__copy p { margin:8px 0 12px; color:var(--db-muted); }
.db-social-proof__copy strong { font-size:1rem; }

/* Model comparison: square product-only stage and compact tick rows. */
.db-move-slider__stage { aspect-ratio:1!important; background:var(--db-surface); }
.db-move-slider__image img { object-fit:contain!important; background:var(--db-surface); }
.db-move-slider__label { transition:opacity var(--db-standard),transform var(--db-standard); }
.db-move-slider__stage.is-roller .db-move-slider__label--left,
.db-move-slider__stage.is-classic .db-move-slider__label--right { opacity:0; transform:translateY(6px); }
.db-model-checks { display:grid; gap:10px; margin-top:20px; }
.db-model-checks p { display:flex; gap:10px; align-items:flex-start; margin:0; color:var(--db-ink); }
.db-model-checks svg { flex:0 0 auto; width:16px; height:16px; margin-top:5px; fill:none; stroke:var(--db-maroon); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

/* Full-width FAQ rows, without the inset card treatment. */
.db-product-faq .db-shell { width:100%; }
.db-product-faq .db-section__header,.db-product-faq .db-faq { width:var(--db-page); max-width:none; margin-inline:auto; }
.db-assurance__panel { padding:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.db-faq summary { min-height:72px; font-size:var(--db-type-body); }
.db-faq details p { padding-right:0; }

/* Compact sticky purchase bar. */
.db-sticky-buy { color:var(--db-ink); background:#fff; }
.db-sticky-buy__inner { grid-template-columns:minmax(0,1fr) minmax(180px,380px); }
.db-sticky-buy__media,.db-sticky-buy__info { display:none; }
.db-sticky-buy__actions { grid-column:2; }
.db-sticky-buy__actions .db-button { width:100%; min-height:54px; color:#fff; background:#141414; border-color:#141414; font-size:1rem; }
.db-sticky-buy__benefits { grid-column:1; grid-row:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.db-sticky-buy__benefits span { display:flex; align-items:center; justify-content:center; gap:7px; font-size:1rem; font-weight:650; white-space:nowrap; }
.db-sticky-buy__benefits svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

/* Let adjacent featured stories peek; keep the active story visually quieter. */
.db-community__stage { width:min(1160px,100%); }
.db-community__story { transform:translateX(calc(var(--db-story-pos,0) * 34%)) scale(.74); opacity:.34; }
.db-community__story.is-active { transform:scale(.88); }

@media (min-width:1280px) {
  .db-feature-rail { grid-auto-columns:min(34vw,390px); }
  .db-social-proof__rail { grid-auto-columns:320px; }
}
@media (max-width:700px) {
  :root { --db-header-height:60px; }
  .db-section { padding-block:48px; }
  .db-section + .db-section { padding-top:48px; }
  .db-product { padding-top:10px!important; }
  .db-product-showcase__controls { right:8px; bottom:8px; }
  .db-product-showcase__controls span { font-size:1rem; }
  .db-sticky-buy__inner { grid-template-columns:1fr; gap:8px; }
  .db-sticky-buy__actions { grid-column:1; grid-row:1; }
  .db-sticky-buy__benefits { grid-column:1; grid-row:2; gap:4px; }
  .db-sticky-buy__benefits span { gap:4px; font-size:.75rem; }
  .db-sticky-buy__benefits svg { width:15px; height:15px; }
  .db-community__story { transform:translateX(calc(var(--db-story-pos,0) * 50%)) scale(.72); }
  .db-community__story.is-active { transform:scale(.9); }
}

body.template-product.db-men-surface .db-trip-card__hint {
  min-height:30px;
  gap:5px;
  padding:5px 7px;
  font-size:11px;
  line-height:1;
}
body.template-product.db-men-surface .db-trip-card__hint svg {
  width:11px;
  height:11px;
  stroke-width:1.8;
}

@media (prefers-reduced-motion:reduce) {
  .db-product-showcase__track,.db-transform__media,.db-trip-card__media img { transition:none!important; }
}

/* September 23 refinements: passive gallery video, editable type and discoverable rails. */
.db-product-showcase__video {
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
}
.db-product-showcase__video::-webkit-media-controls,
.db-product-showcase__video::-webkit-media-controls-enclosure { display:none!important; }

.db-product-editor-type .db-home-buy__content h1 {
  font-size:clamp(var(--db-product-title-mobile,42px),5.28vw,var(--db-product-title-desktop,76px))!important;
  font-weight:var(--db-product-title-weight,700)!important;
}
.db-product-editor-type .db-home-buy__outcomes strong {
  font-size:var(--db-type-body,20px)!important;
  font-weight:var(--db-product-benefit-weight,700)!important;
}
.db-editor-type .db-section__header h2,
.db-editor-type .db-community__header h2 {
  font-size:clamp(var(--db-edit-heading-mobile,36px),4.17vw,var(--db-edit-heading-desktop,60px))!important;
  font-weight:var(--db-edit-heading-weight,700)!important;
}
.db-editor-type .db-section__header > p,
.db-editor-type .db-community__header > p,
.db-editor-type .db-transform__header > p:last-child {
  font-size:clamp(calc(var(--db-edit-body-mobile,20px) - 4px),1.6vw,calc(var(--db-edit-body-desktop,20px) - 4px))!important;
  font-weight:var(--db-edit-body-weight,400)!important;
}
.db-editor-type .db-feature-card__body h3,
.db-editor-type .db-trip-card__body h3,
.db-editor-type .db-model-summary h3,
.db-editor-type .db-community__quote h3,
.db-editor-type .db-transform__step-title,
.db-editor-type.db-product-faq summary {
  font-size:var(--db-edit-card-heading,24px)!important;
  font-weight:var(--db-edit-card-heading-weight,700)!important;
}
.db-editor-type .db-feature-card__body > p,
.db-editor-type .db-trip-card__body > p,
.db-editor-type .db-move-slider__panel > p,
.db-editor-type .db-model-checks p,
.db-editor-type .db-community__quote > p,
.db-editor-type .db-transform__step-copy,
.db-editor-type.db-product-faq .db-home-buy__detail p {
  font-size:calc(var(--db-edit-card-body,20px) - 4px)!important;
  font-weight:var(--db-edit-card-body-weight,400)!important;
}
@media (min-width:701px) {
  .db-editor-type .db-section__header > p,
  .db-editor-type .db-community__header > p,
  .db-editor-type .db-transform__header > p:last-child { font-size:clamp(calc(var(--db-edit-body-mobile,20px) - 4px),1.6vw,calc(var(--db-edit-body-desktop,20px) - 4px))!important; }
}

.db-close.db-editor-type .db-close__copy h2 { font-size:clamp(var(--db-edit-heading-mobile,44px),4.45vw,var(--db-edit-heading-desktop,64px))!important; font-weight:var(--db-edit-heading-weight,700)!important; }
.db-close.db-editor-type .db-close__copy p { font-size:clamp(calc(var(--db-edit-body-mobile,20px) - 4px),1.6vw,calc(var(--db-edit-body-desktop,20px) - 4px))!important; font-weight:var(--db-edit-body-weight,400)!important; }
.db-footer.db-editor-type .db-footer__brand h2 { font-size:clamp(var(--db-edit-heading-mobile,32px),2.5vw,var(--db-edit-heading-desktop,36px))!important; font-weight:var(--db-edit-heading-weight,500)!important; }
.db-footer.db-editor-type .db-footer__brand p { font-size:clamp(calc(var(--db-edit-body-mobile,20px) - 4px),1.6vw,calc(var(--db-edit-body-desktop,20px) - 4px))!important; font-weight:var(--db-edit-body-weight,400)!important; }

.db-trip-card__heading-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.db-trip-card__hint {
  position:static;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:7px 9px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:rgba(20,20,20,.54);
  font-size:.72rem;
  font-weight:700;
  cursor:pointer;
  pointer-events:auto;
  opacity:.72;
  transition:opacity var(--db-fast), background var(--db-fast), transform var(--db-fast);
}
.db-trip-card__hint:hover,.db-trip-card__hint:focus-visible { opacity:1; background:rgba(20,20,20,.76); }
.db-trip-card[data-active="true"] .db-trip-card__hint { opacity:.58; transform:none; }

.db-feature-rail-wrap { position:relative; }
@media (max-width:700px) {
  .db-feature-rail { grid-auto-columns:calc(100vw - 68px)!important; padding-right:68px!important; }
  .db-scroll-cue::after {
    content:"";
    position:absolute;
    z-index:5;
    top:2px;
    right:0;
    bottom:22px;
    width:42px;
    border-radius:12px 0 0 12px;
    background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.62));
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    pointer-events:none;
    opacity:1;
    transition:opacity var(--db-standard);
  }
  .db-scroll-cue.is-at-end::after { opacity:0; }
}

/* Mobile drawer utility links use the same deliberate underline as product links. */
#menu-drawer .menu-drawer__utility-links a {
  position:relative;
  width:fit-content;
  max-width:100%;
  text-decoration:none;
}
#menu-drawer .menu-drawer__utility-links a::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:5px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform var(--db-deliberate) var(--db-ease);
}
#menu-drawer .menu-drawer__utility-links a:hover::after,
#menu-drawer .menu-drawer__utility-links a:focus-visible::after { transform:scaleX(1); transform-origin:left; }

/* The DavidBag full-screen menu uses the same directional underline cue. */
body.template-product.db-men-surface .db-header__links a {
  position:relative;
  width:fit-content;
  max-width:100%;
  text-decoration:none;
}
body.template-product.db-men-surface .db-header__links a::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:6px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform var(--db-deliberate) var(--db-ease);
}
body.template-product.db-men-surface .db-header__links a:hover::after,
body.template-product.db-men-surface .db-header__links a:focus-visible::after {
  transform:scaleX(1);
  transform-origin:left;
}

/* DavidBag cart upsells remain readable, evenly spaced and manually scrollable. */
body.template-product.db-men-surface cart-drawer .card-upsell-slider {
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - 16px)/3)!important;
  grid-template-columns:none!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  padding:8px 0 14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
  cursor:grab;
}
body.template-product.db-men-surface cart-drawer .card-upsell-slider.is-dragging { cursor:grabbing; scroll-snap-type:none!important; user-select:none; }
body.template-product.db-men-surface cart-drawer .card-upsell-slider > li {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.template-product.db-men-surface cart-drawer .card-upsell-slider .card__content { min-width:0; }
body.template-product.db-men-surface cart-drawer .card-upsell-slider .card__heading,
body.template-product.db-men-surface cart-drawer .card-upsell-slider .price,
body.template-product.db-men-surface cart-drawer .card-upsell-slider .price * {
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal!important;
}
@media (max-width:340px) {
  body.template-product.db-men-surface cart-drawer .card-upsell-slider { grid-auto-columns:calc((100% - 8px)/2)!important; }
}

@media (max-width: 380px) {
  :is(.db-sticky-buy--home,.db-sticky-buy--product) { padding-inline:8px; }
  .db-sticky-buy__inner { gap:6px; }
  .db-sticky-buy__media { width:40px; height:40px; }
  .db-sticky-buy__info strong { max-width:72px; }
  .db-sticky-buy__actions .db-button { padding-inline:10px; }
  .db-sticky-buy__label--long { display:none; }
  .db-sticky-buy__label--short { display:inline; }
}

@media (max-width: 370px) {
  :root { --db-page:calc(100% - 24px); }
  .db-hero h1 { font-size:2.48rem; }
  .db-button { padding-inline:18px; }
  .db-bundle { grid-template-columns:1fr; }
  .db-gallery { margin-inline:-12px; padding-inline:12px; }
}

@media (prefers-reduced-motion: reduce) {
  .db-scope *, .db-scope *::before, .db-scope *::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  .db-announcement__viewport { overflow-x:auto; scrollbar-width:none; }
  .db-announcement__track { animation:none!important; transform:none!important; }
  .db-announcement__group + .db-announcement__group { display:none; }
  .db-motion [data-db-reveal] { opacity:1; transform:none; clip-path:none; }
  .db-carousel__track, .db-transform__media, .db-community__story, .db-trip-card__loadout, .db-trip-card__destination { transition-duration:.001ms!important; }
  .db-transform__pause { display:none; }
}

/* Men-surface integrations: intentionally scoped away from the rest of Debutify. */
body.db-men-surface :is(cart-drawer, .dbtfy-upsell-popup__modal-wrapper, .db-product-form__apps, .db-community__app) { font-family:"Albert Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--db-ink); }
body.db-men-surface cart-drawer .drawer__inner { background:var(--db-paper); border-color:var(--db-line); box-shadow:-18px 0 50px rgba(36,22,24,.12); }
body.db-men-surface cart-drawer :where(h2,h3,.cart-item__name,.totals__total) { color:var(--db-ink); font-family:"Albert Sans",system-ui,sans-serif; }
body.db-men-surface cart-drawer :where(.cart-item__details,.product-option,.tax-note) { color:var(--db-muted); }
body.db-men-surface cart-drawer :where(.cart__checkout-button,.button--primary) { --color-button:90,36,40; --color-button-text:255,255,255; min-height:52px; border-radius:var(--db-control-radius); font-weight:700; }
body.db-men-surface cart-drawer :where(button,a):focus-visible,
body.db-men-surface :is(.dbtfy-upsell-popup__modal-wrapper,.db-product-form__apps,.db-community__app) :where(button,a):focus-visible { outline:3px solid rgba(90,36,40,.48); outline-offset:3px; }
body.db-men-surface .db-product-form__apps .kaching-bundles__block { margin-block:18px; color:var(--db-ink); font-family:"Albert Sans",system-ui,sans-serif; }
body.db-men-surface .dbtfy-upsell-popup__modal-wrapper { overflow:hidden; border-radius:var(--db-radius); background:var(--db-paper); }
body.db-men-surface .dbtfy-upsell-popup__modal-wrapper :where(h1,h2,h3,h4) { color:var(--db-ink); font-family:"Albert Sans",system-ui,sans-serif; }
body.db-men-surface .dbtfy-upsell-popup__modal-wrapper :where(.button,button[type="submit"]) { --color-button:90,36,40; --color-button-text:255,255,255; border-radius:var(--db-control-radius); font-family:"Albert Sans",system-ui,sans-serif; font-weight:700; }
body.db-men-surface .db-community__app { margin-top:34px; padding:clamp(20px,4vw,42px); border-radius:var(--db-radius); background:var(--db-paper); color:var(--db-ink); }
body.db-men-surface .db-community__app :where(.jdgm-widget,.jdgm-rev-widg,.jdgm-rev,.jdgm-row-stars) { color:var(--db-ink); font-family:"Albert Sans",system-ui,sans-serif; }
body.db-men-surface .db-community__app :where(.jdgm-star,.jdgm-histogram__bar-content) { color:var(--db-maroon)!important; }
body.db-men-surface .db-community__app :where(.jdgm-write-rev-link,.jdgm-btn) { border-color:var(--db-maroon)!important; border-radius:var(--db-control-radius)!important; background:var(--db-maroon)!important; color:var(--db-paper)!important; font-family:"Albert Sans",system-ui,sans-serif!important; font-weight:700!important; }

/* PDP readability: increase supporting copy while preserving the existing hierarchy. */
body.template-product.db-men-surface .db-home-buy__rating strong { font-size:.92rem; }
body.template-product.db-men-surface .db-home-buy__outcomes span { font-size:1rem; line-height:1.55; }
body.template-product.db-men-surface .db-home-buy__detail :is(p,ul) { font-size:1rem; line-height:1.7; }
body.template-product.db-men-surface .db-faq details p { font-size:1rem; line-height:1.7; }
body.template-product.db-men-surface .db-fact span { font-size:.92rem; line-height:1.55; }
body.template-product.db-men-surface .db-community__reviews { width:min(1120px,100%); margin-top:clamp(48px,6vw,72px); padding-top:clamp(32px,4vw,48px); border-top:1px solid rgba(255,255,255,.22); }
body.template-product.db-men-surface .db-community__app { margin-top:0; padding:0; border-radius:0; background:transparent; color:var(--db-paper); }
body.template-product.db-men-surface .db-community__app :where(.jdgm-widget,.jdgm-review-widget,.jdgm-all-reviews-widget,.jdgm-gallery-wrapper,.jdgm-gallery) { background:transparent!important; }
body.template-product.db-men-surface .db-community__app :where(h1,h2,h3,.jdgm-gallery-title,.jdgm-carousel-title,.jdgm-all-reviews-widget__title) { color:var(--db-paper)!important; font-family:"Albert Sans",system-ui,sans-serif!important; font-weight:700!important; letter-spacing:-.025em!important; }
body.template-product.db-men-surface .db-community__app :where(.jdgm-all-reviews-rating,.jdgm-carousel-number-of-reviews,.jdgm-gallery__summary,.jdgm-gallery__summary-text) { color:rgba(255,255,255,.78)!important; }
body.template-product.db-men-surface .db-community__app :where(.jdgm-star,.jdgm-all-reviews-rating .jdgm-star) { color:#f1c77a!important; }
body.template-product.db-men-surface .db-community__app img { border-radius:10px; }
body.template-product.db-men-surface .db-community__app :where(button,.jdgm-btn,.jdgm-write-rev-link,.jdgm-paginate__page) { min-height:44px; border-color:rgba(255,255,255,.48)!important; }
body.template-product.db-men-surface .db-community__app--full-reviews { margin-top:0; padding:clamp(24px,4vw,52px); border-radius:var(--db-radius); background:var(--db-paper); color:var(--db-ink); box-shadow:0 24px 70px rgba(20,20,20,.22); }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev-widg { padding:0!important; border:0!important; background:transparent!important; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev-widg__title { color:var(--db-ink)!important; font-family:"Albert Sans",system-ui,sans-serif!important; font-size:clamp(1.75rem,3vw,2.5rem)!important; font-weight:700!important; letter-spacing:-.03em!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev-widg__summary-text,.jdgm-rev__body,.jdgm-rev__title,.jdgm-rev__author,.jdgm-sort-dropdown,.jdgm-paginate) { font-family:"Albert Sans",system-ui,sans-serif!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-star,.jdgm-histogram__bar-content) { color:var(--db-maroon)!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__body,.jdgm-rev__body p,.jdgm-rev-widg__summary-text) { display:block!important; max-height:none!important; overflow:visible!important; color:var(--db-muted)!important; font-size:1rem!important; line-height:1.65!important; white-space:normal!important; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev { display:grid!important; grid-template-columns:minmax(160px,.28fr) minmax(0,.72fr); gap:clamp(22px,4vw,48px); padding:30px 0!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__header,.jdgm-rev__content) { float:none!important; width:auto!important; margin:0!important; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev__header { align-self:start; font-size:.92rem!important; line-height:1.5!important; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev__content { min-width:0; color:var(--db-ink)!important; font-size:1rem!important; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev__title { display:block!important; margin-bottom:8px!important; color:var(--db-ink)!important; font-size:1.05rem!important; font-weight:700!important; line-height:1.35!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev,.jdgm-row-media,.jdgm-rev-widg__header) { border-color:var(--db-line)!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-row-media,.jdgm-rev-widg__media,.jdgm-rev__pics) { display:flex!important; flex-wrap:wrap; gap:10px; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev__pics { margin-top:16px!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__pic-link,.jdgm-rev-widg__media a) { display:block!important; width:104px!important; height:104px!important; overflow:hidden; border-radius:var(--db-control-radius)!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__pic-img,.jdgm-rev-widg__media img) { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; border-radius:var(--db-control-radius)!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-write-rev-link,.jdgm-btn) { min-height:44px; padding-inline:22px!important; border-color:var(--db-maroon)!important; border-radius:var(--db-control-radius)!important; background:var(--db-maroon)!important; color:var(--db-paper)!important; font-family:"Albert Sans",system-ui,sans-serif!important; font-weight:700!important; }
body.template-product.db-men-surface .db-community__empty { display:none!important; }
body.template-product.db-men-surface .db-community__link { display:none; }
body.template-product.db-men-surface #reviews { scroll-margin-top:calc(var(--db-header-height) + 20px); }

@media (max-width: 749px) {
  body.template-product.db-men-surface .db-community__reviews { margin-top:36px; padding-top:28px; }
  body.template-product.db-men-surface .db-community__app { width:100%; }
  body.template-product.db-men-surface .db-community__app--full-reviews { padding:20px 16px; }
  body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev { grid-template-columns:1fr; gap:14px; padding:24px 0!important; }
  body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev__header { font-size:.92rem!important; }
}

/* Native Debutify product controls, visually contained to the men's PDP. */
body.db-men-surface .db-native-product-info { display:block; color:var(--db-ink); font-family:"Albert Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.db-men-surface .db-native-product-controls { min-width:0; margin-top:14px; }
body.db-men-surface .db-native-product-controls .price-wrapper { justify-content:flex-start; margin:0 0 8px; }
body.db-men-surface .db-native-product-controls .price { font-family:inherit; }
body.db-men-surface .db-native-product-controls .price__container,
body.db-men-surface .db-native-product-controls .price__sale { display:flex!important; flex-wrap:wrap; align-items:baseline; gap:8px; }
body.db-men-surface .db-native-product-controls .price-item { margin:0; color:var(--db-ink); font-weight:700; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
body.db-men-surface .db-native-product-controls .price__sale > .price-item--sale { order:1; font-size:1.7rem; line-height:1.1; }
body.db-men-surface .db-native-product-controls .price__sale > span:has(> .price-item--regular) { order:2; }
body.db-men-surface .db-native-product-controls .price__sale .price-item--regular { color:var(--db-muted); font-size:.9rem; font-weight:500; letter-spacing:0; }
body.db-men-surface .db-native-product-controls :is(.price__badge-sale,.price__badge-sold-out,.dbtfy-discount-badge,.installment,.product__tax) { display:none!important; }
body.db-men-surface .db-native-product-controls variant-selects { display:block; margin-top:20px; }
body.db-men-surface .db-native-product-controls .product-form__input { max-width:none; margin:0 0 18px; padding:0; border:0; }
body.db-men-surface .db-native-product-controls .form__label { margin:0 0 10px; color:var(--db-ink); font-family:inherit; font-size:1rem; font-weight:700; }
body.db-men-surface .db-native-product-controls .form__label [data-selected-value] { color:var(--db-muted); font-weight:500; }
body.db-men-surface .db-native-product-controls .product-form__input--pill input[type="radio"] + label { display:inline-flex!important; align-items:center; justify-content:center; min-height:44px; margin:0 9px 0 0; padding:0 15px; border:1px solid var(--db-line); border-radius:var(--db-control-radius); background:var(--db-paper); color:var(--db-ink); font-family:inherit; font-size:1rem; line-height:1.2; vertical-align:middle; white-space:nowrap; }
body.db-men-surface .db-native-product-controls .product-form__input--pill input[type="radio"] + label::before { content:none!important; box-shadow:none!important; }
body.db-men-surface .db-native-product-controls .product-form__input--pill input[type="radio"] + label:hover { border-color:var(--db-maroon); background:var(--db-maroon-soft); color:var(--db-maroon); box-shadow:none; }
body.db-men-surface .db-native-product-controls .product-form__input--pill input[type="radio"]:checked + label { border-color:var(--db-maroon); background:var(--db-maroon-soft); color:var(--db-maroon); box-shadow:inset 0 0 0 1px var(--db-maroon); }
body.db-men-surface .db-native-product-controls .product-form__input--pill input[type="radio"]:focus-visible + label { outline:3px solid rgba(90,36,40,.42); outline-offset:2px; }
body.db-men-surface .db-native-product-controls .db-model-picker { margin-bottom:20px; }
body.db-men-surface .db-native-product-controls .db-model-picker__legend { margin:0 0 8px; font-size:.9rem!important; }
body.db-men-surface .db-native-product-controls .db-model-picker__options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; width:100%; padding:3px; border:1px solid var(--db-line); border-radius:10px; background:var(--db-paper); }
body.db-men-surface .db-native-product-controls .db-model-picker__options > input[type="radio"] { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; border:0!important; }
body.db-men-surface .db-native-product-controls .db-model-picker__options > input[type="radio"] + label { width:100%; min-width:0; min-height:46px; margin:0!important; padding:0 12px; gap:8px; border:0; border-radius:7px; background:transparent; color:var(--db-muted); font-size:.95rem!important; font-weight:600; transition:background-color var(--db-fast) ease,color var(--db-fast) ease,box-shadow var(--db-fast) ease; }
body.db-men-surface .db-native-product-controls .db-model-picker__options > input[type="radio"] + label:hover { border-color:transparent; background:var(--db-maroon-soft); color:var(--db-maroon); }
body.db-men-surface .db-native-product-controls .db-model-picker__options > input[type="radio"]:checked + label { border-color:transparent; background:var(--db-maroon); color:var(--db-paper); box-shadow:0 5px 14px rgba(90,36,40,.18); }
body.db-men-surface .db-native-product-controls .db-model-picker__options > input[type="radio"]:disabled + label,
body.db-men-surface .db-native-product-controls .db-model-picker__options > input[type="radio"].disabled + label { opacity:.42; cursor:not-allowed; }
body.db-men-surface .db-native-product-controls .db-model-picker__icon { flex:0 0 auto; }
body.db-men-surface .db-native-product-controls .select__select { min-height:46px; border-color:var(--db-line); border-radius:var(--db-control-radius); background:var(--db-paper); color:var(--db-ink); font-family:inherit; }
body.db-men-surface .db-native-product-controls .kaching-bundles__block { margin-block:18px; color:var(--db-ink); font-family:inherit; }
body.db-men-surface #db-travel-style { scroll-margin-top:calc(var(--db-header-height) + 20px); }
body.db-men-surface .db-native-product-controls .product-form-buy-button { margin-top:20px; }
body.db-men-surface .db-native-product-controls .product-form__buttons { max-width:none; }
body.db-men-surface .db-native-product-controls :where(.product-form__submit,.shopify-payment-button__button,.dbtfy__buy-now) { min-height:52px; border-radius:var(--db-control-radius)!important; font-family:inherit!important; font-weight:700!important; }
body.db-men-surface .db-native-product-controls .product-form__submit { --color-button:90,36,40; --color-button-text:255,255,255; position:relative; isolation:isolate; width:100%; overflow:hidden; border:1px solid var(--db-maroon); background:var(--db-maroon)!important; color:var(--db-paper)!important; box-shadow:none; transform:none; transition:color var(--db-fast) ease, border-color var(--db-fast) ease, transform 120ms ease; }
body.db-men-surface .db-native-product-controls .product-form__submit::before { content:""!important; position:absolute!important; inset:0!important; z-index:-1!important; border:0!important; border-radius:0!important; background:var(--db-maroon-soft)!important; box-shadow:none!important; transform:translateY(102%)!important; transition:transform var(--db-deliberate) var(--db-ease)!important; }
body.db-men-surface .db-native-product-controls .product-form__submit::after { content:none!important; box-shadow:none!important; }
body.db-men-surface .db-native-product-controls .product-form__submit:not([disabled]):is(:hover,:focus-visible) { background:var(--db-maroon)!important; color:var(--db-maroon)!important; box-shadow:none; transform:none; }
body.db-men-surface .db-native-product-controls .product-form__submit:not([disabled]):is(:hover,:focus-visible)::before { transform:translateY(0)!important; }
body.db-men-surface .db-native-product-controls .product-form__submit:not([disabled]):active { transform:scale(.985); }
body.db-men-surface .db-native-product-controls :where(button,a,input,select):focus-visible { outline:3px solid rgba(90,36,40,.48); outline-offset:3px; }

@media (max-width: 700px) {
  body.db-men-surface .db-native-product-controls :is(.kaching-bundles__block,.kaching-bundles__bars,.kaching-bundles__bar,.kaching-bundles__bar-wrapper,.kaching-bundles__bar-container) { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; }
  body.db-men-surface .db-native-product-controls :is(.kaching-bundles__bar-content,.kaching-bundles__bar-content-left,.kaching-bundles__bar-main,.kaching-bundles__bar-first-line,.kaching-bundles__bar-variant,.kaching-bundles__bar-variant__content,.kaching-bundles__bar-variant-main,.kaching-bundles__bar-variant-selects,.kaching-bundles__bar-variant-selector-wrapper) { min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  body.db-men-surface .db-native-product-controls .kaching-bundles__bundle-products { display:grid!important; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; overflow:hidden!important; }
  body.db-men-surface .db-native-product-controls .kaching-bundles__bundle-products__product { width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; }
  body.db-men-surface .db-native-product-controls .kaching-bundles__bundle-products__divider { width:28px!important; min-width:28px!important; }
  body.db-men-surface .db-native-product-controls :is(.kaching-bundles__bar-title,.kaching-bundles__bar-subtitle,.kaching-bundles__bundle-products__title) { overflow-wrap:break-word!important; }
  body.db-men-surface .db-native-product-controls .kaching-bundles__free-gift__text { overflow-wrap:normal!important; word-break:normal!important; }
  body.db-men-surface .db-native-product-controls .kaching-bundles__bar-most-popular { right:8px!important; max-width:calc(100% - 16px)!important; }
}

/* Final PDP normalization: one hierarchy and one icon weight. */
body.template-product.db-men-surface {
  --db-type-display:clamp(2.5rem,4.5vw,4.5rem);
  --db-type-section:clamp(2rem,3.4vw,3.5rem);
  --db-type-card:clamp(1.25rem,1.5vw,1.5rem);
  --db-type-body:1rem;
  --db-type-small:.875rem;
}
body.template-product.db-men-surface .db-section :where(h1) { font-size:var(--db-type-display)!important; line-height:.98; letter-spacing:-.04em; }
body.template-product.db-men-surface .db-section :where(h2) { font-size:var(--db-type-section)!important; line-height:1.02; letter-spacing:-.035em; }
body.template-product.db-men-surface .db-section :where(h3) { font-size:var(--db-type-card)!important; line-height:1.15; letter-spacing:-.02em; }
body.template-product.db-men-surface .db-section :where(p,li,.db-home-buy__outcomes span,.db-home-buy__details summary,.db-model-checks p) { font-size:var(--db-type-body); }
body.template-product.db-men-surface .db-section :where(.db-eyebrow,.db-home-buy__rating strong,.db-fact span,.db-community__controls>span,.db-model-note) { font-size:var(--db-type-small); }
body.template-product.db-men-surface .db-section :where(p,.db-muted,.db-home-buy__outcomes span,.db-home-buy__detail,.db-fact span) { color:var(--db-muted); }
body.template-product.db-men-surface .db-section :where(h1,h2,h3,h4,strong,summary,.db-model-price,.db-button) { color:var(--db-ink); }
body.template-product.db-men-surface .db-tone--maroon :where(h1,h2,h3,h4,strong,.db-button) { color:var(--db-paper); }
body.template-product.db-men-surface .db-tone--maroon :where(p,.db-muted,.db-transform__step>span>span) { color:rgba(255,255,255,.78); }
body.template-product.db-men-surface .db-tone--maroon .db-transform__step.is-active :where(strong,span) { color:var(--db-ink); }
body.template-product.db-men-surface .db-scope svg[stroke],
body.template-product.db-men-surface .db-scope svg :where(path,circle,rect,line,polyline,polygon)[stroke] { stroke-width:1.9; vector-effect:non-scaling-stroke; }
.db-header svg[stroke],.db-header svg :where(path,circle,rect,line,polyline,polygon)[stroke],
.db-footer svg[stroke],.db-footer svg :where(path,circle,rect,line,polyline,polygon)[stroke] { stroke-width:1.9; vector-effect:non-scaling-stroke; }
body.template-product.db-men-surface .db-native-product-controls .form__label,
body.template-product.db-men-surface .db-native-product-controls .product-form__input--pill input[type="radio"] + label { font-size:var(--db-type-body); }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__author,.jdgm-rev__title) { font-size:1rem!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__body,.jdgm-rev__timestamp,.jdgm-rev__buyer-badge) { font-size:.875rem!important; }

/* Final requested type, product-details, story carousel, and footer refinements. */
.db-scope { font-size:18px; }
body.template-product.db-men-surface {
  --db-type-display:clamp(2.625rem,4.5vw,4.625rem);
  --db-type-section:clamp(2.125rem,3.4vw,3.625rem);
  --db-type-card:clamp(1.375rem,1.5vw,1.625rem);
  --db-type-body:1.125rem;
  --db-type-small:1rem;
}
.db-announcement__group span { font-size:.875rem; }
.db-home-buy__outcomes { gap:14px; }
.db-home-buy__outcomes li { grid-template-columns:20px minmax(0,1fr); align-items:center; gap:10px; }
.db-home-buy__outcomes li::before { content:none; }
.db-home-buy__outcomes li>svg { width:20px; height:20px; color:var(--db-maroon); }
.db-home-buy__outcomes strong { grid-column:2; font-size:var(--db-type-body); line-height:1.35; }

.db-action-rail { margin-top:24px; }
.db-action-rail__header { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
body.template-product.db-men-surface .db-section .db-action-rail__header h2 { margin:0; font-size:1.25rem!important; line-height:1.2; letter-spacing:-.02em!important; }
.db-action-rail__header>div { display:flex; gap:4px; }
.db-action-rail__header button { width:40px; height:40px; display:grid; place-items:center; border:0; border-radius:8px; background:transparent; color:var(--db-ink); cursor:pointer; }
.db-action-rail__header button:hover,.db-action-rail__header button:focus-visible { background:var(--db-surface); }
.db-action-rail__header svg { width:18px; height:18px; }
.db-action-rail__track { display:grid; grid-auto-flow:column; grid-auto-columns:112px; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:6px 0 10px; }
.db-action-rail__track::-webkit-scrollbar { display:none; }
.db-action-rail figure { width:112px; aspect-ratio:3/4; margin:0; overflow:hidden; border-radius:14px; background:var(--db-surface); scroll-snap-align:start; }
.db-action-rail img { width:100%; height:100%; object-fit:cover; }

.db-community__stage { width:100%; min-height:560px; overflow:visible; contain:layout; }
.db-community__story { inset:0 auto auto 50%; width:min(720px,66vw); height:100%; grid-template-columns:minmax(0,.95fr) minmax(260px,1.05fr); gap:24px; opacity:.28; filter:blur(3px); transform:translateX(-50%) translateX(calc(var(--db-story-pos,0) * 72%)) scale(.76); transition:opacity 460ms ease,transform 620ms var(--db-ease),filter 460ms ease; }
.db-community__story[data-position="-2"],.db-community__story[data-position="2"] { opacity:.08; }
.db-community__story.is-active { opacity:1; filter:none; transform:translateX(-50%) scale(.88); }
.db-community__story figure { align-self:center; aspect-ratio:4/5; box-shadow:0 24px 64px rgba(20,20,20,.24); }
.db-community__quote { align-self:center; padding:28px; }
body.template-product.db-men-surface .db-section .db-community__quote h3 { font-size:1.65rem!important; }
.db-community__quote p { font-size:1.05rem; line-height:1.6; }
.db-community__quote strong { font-size:1rem; }

.db-footer { padding:64px 0 calc(32px + env(safe-area-inset-bottom)); background:#f6f6f6; color:#141414; border-top:1px solid #e5e5e5; }
.db-footer__grid { grid-template-columns:1.45fr repeat(3,minmax(0,1fr)); gap:clamp(28px,5vw,68px); }
.db-footer__brand h2 { margin:0 0 14px; font-size:clamp(1.65rem,2.5vw,2.25rem); line-height:1.05; letter-spacing:-.03em; }
.db-footer__brand p { max-width:42ch; margin:0 0 18px; line-height:1.65; }
.db-footer strong { display:block; margin-bottom:14px; font-size:1.125rem; }
.db-footer p,.db-footer a,.db-footer small { color:#52645a; font-size:1.125rem; }
.db-footer nav { gap:4px; }
.db-footer nav a { min-height:36px; display:flex; align-items:center; text-decoration:none; }
.db-footer nav a,.db-footer__contact,.db-footer__social a { position:relative; width:fit-content; max-width:100%; }
.db-footer nav a::after,.db-footer__contact::after,.db-footer__social a::after { content:""; position:absolute; left:0; right:0; bottom:4px; height:1px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform var(--db-deliberate) var(--db-ease); }
.db-footer nav a:hover,.db-footer nav a:focus-visible,.db-footer__contact:hover,.db-footer__contact:focus-visible,.db-footer__social a:hover,.db-footer__social a:focus-visible { color:#141414; text-decoration:none; }
.db-footer nav a:hover::after,.db-footer nav a:focus-visible::after,.db-footer__contact:hover::after,.db-footer__contact:focus-visible::after,.db-footer__social a:hover::after,.db-footer__social a:focus-visible::after { transform:scaleX(1); transform-origin:left; }
.db-footer__contact { display:inline-flex; min-height:40px; align-items:center; font-weight:650; }
.db-footer__base { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-top:44px; padding-top:24px; border-top:1px solid #dedede; }
.db-footer__social { display:flex; gap:18px; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__body,.jdgm-rev__timestamp,.jdgm-rev__buyer-badge) { font-size:1rem!important; }
body.db-men-surface .db-sticky-buy__benefits span { font-size:.875rem; }

@media (max-width:900px) {
  .db-footer__grid { grid-template-columns:1fr 1fr; }
  .db-footer__brand { grid-column:1/-1; }
}
@media (max-width:700px) {
  .db-action-rail__track { grid-auto-columns:28vw; }
  .db-action-rail figure { width:28vw; border-radius:12px; }
  .db-community__stage { min-height:610px; }
  .db-community__story { width:82vw; height:auto; grid-template-columns:1fr; align-content:start; gap:0; transform:translateX(-50%) translateX(calc(var(--db-story-pos,0) * 82%)) scale(.78); }
  .db-community__story.is-active { transform:translateX(-50%) scale(.9); }
  .db-community__story figure { aspect-ratio:4/5; }
  .db-community__quote { width:calc(100% - 20px); margin:-18px auto 0; padding:20px; background:rgba(83,29,34,.97); }
  .db-footer { padding-top:48px; }
  .db-footer__grid { grid-template-columns:1fr 1fr; gap:34px 20px; }
  .db-footer__brand { grid-column:1/-1; }
  .db-footer__base { display:grid; margin-top:34px; }
}

/* Final mobile containment and contrast corrections. */
body.db-men-surface .db-announcement,
body.db-men-surface .db-announcement.db-scope {
  background:var(--db-maroon)!important;
  color:#fff!important;
}
body.db-men-surface .db-announcement :where(span,p,i) { color:#fff!important; }
body.template-product.db-men-surface { --db-type-section:clamp(2.25rem,3.4vw,3.75rem); }
body.template-product.db-men-surface .db-tone--maroon .db-transform__step.is-active {
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
}
body.template-product.db-men-surface .db-tone--maroon .db-transform__step.is-active :where(b,strong,span) { color:#fff!important; }
body.template-product.db-men-surface .db-tone--maroon .db-transform__step.is-active > span > span { color:rgba(255,255,255,.82)!important; }

body.template-product.db-men-surface #db-product-main,
body.template-product.db-men-surface #db-product-main .db-home-buy__grid,
body.template-product.db-men-surface #db-product-main .db-product-showcase,
body.template-product.db-men-surface #db-product-main .db-product-showcase__sticky,
body.template-product.db-men-surface #db-product-main .db-home-buy__content,
body.template-product.db-men-surface #db-product-main .db-native-product-controls {
  min-width:0;
  max-width:100%;
}
body.template-product.db-men-surface #db-product-main .db-action-rail,
body.template-product.db-men-surface #db-product-main .db-action-rail__track {
  width:100%;
  min-width:0;
  max-width:100%;
}
body.template-product.db-men-surface .db-community__controls { position:relative; z-index:6; }
body.template-product.db-men-surface #db-product-main .db-native-product-controls,
body.template-product.db-men-surface #db-product-main .db-native-product-controls > .shopify-block,
body.template-product.db-men-surface #db-product-main .kaching-bundles__block {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:clip!important;
  box-sizing:border-box!important;
}
body.template-product.db-men-surface #db-product-main .kaching-bundles__block { font-size:16px!important; }
body.template-product.db-men-surface #db-product-main .kaching-bundles__block * { box-sizing:border-box!important; }
body.template-product.db-men-surface #db-product-main .kaching-bundles__free-gift__main {
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
body.template-product.db-men-surface #db-product-main .kaching-bundles__free-gift__link {
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
}
body.template-product.db-men-surface #db-product-main .kaching-bundles__free-gift__image {
  display:block!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  object-fit:contain!important;
}
body.template-product.db-men-surface #db-product-main .kaching-bundles__free-gift__content {
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
}
body.template-product.db-men-surface #db-product-main .kaching-bundles__free-gift__text {
  display:block!important;
  width:auto!important;
  max-width:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}

@media (max-width:900px) {
  body.template-product.db-men-surface #db-product-main .db-home-buy__grid > *,
  body.template-product.db-men-surface #db-product-main .db-product-showcase,
  body.template-product.db-men-surface #db-product-main .db-product-showcase__sticky,
  body.template-product.db-men-surface #db-product-main .db-product-showcase__stage,
  body.template-product.db-men-surface #db-product-main .db-product-showcase__track,
  body.template-product.db-men-surface #db-product-main .db-product-showcase__slide,
  body.template-product.db-men-surface #db-product-main .db-home-buy__content {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.template-product.db-men-surface #db-product-main .db-product-showcase__stage,
  body.template-product.db-men-surface #db-product-main .db-product-showcase__slide { overflow:hidden; }
  body.template-product.db-men-surface #db-product-main .db-product-showcase__image {
    display:block;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  body.template-product.db-men-surface #db-product-main .db-product-showcase__thumbs { width:100%; max-width:100%; }
  body.template-product.db-men-surface #db-product-main .db-native-product-controls .kaching-bundles__bar,
  body.template-product.db-men-surface #db-product-main .db-native-product-controls .kaching-bundles__bar-wrapper,
  body.template-product.db-men-surface #db-product-main .db-native-product-controls .kaching-bundles__bar-container { overflow:hidden!important; }
}

/* Final +2px reading scale. Kaching keeps its own compact app typography. */
:root {
  --db-type-h1:clamp(2.525rem,calc(4.5vw + 2px),4.625rem);
  --db-type-h2:clamp(2.125rem,calc(3.8vw + 2px),3.625rem);
  --db-type-h3:clamp(1.325rem,calc(1.8vw + 2px),1.675rem);
  --db-type-body:clamp(1.125rem,calc(.96rem + .18vw + 2px),1.205rem);
}
body.template-product.db-men-surface {
  --db-type-display:clamp(2.75rem,calc(4.5vw + 2px),4.75rem);
  --db-type-section:clamp(2.375rem,calc(3.4vw + 2px),3.875rem);
  --db-type-card:clamp(1.5rem,calc(1.5vw + 2px),1.75rem);
  --db-type-body:1.25rem;
}
.db-hero h1,.db-hero__title { font-size:clamp(calc(4rem + 2px),calc(8vw + 2px),calc(6rem + 2px)); }
.db-hero__copy>p { font-size:clamp(calc(1rem + 2px),calc(1.8vw + 2px),calc(1.2rem + 2px)); }
body.template-product.db-men-surface .db-section .db-action-rail__header h2 { font-size:1.375rem!important; }
body.template-product.db-men-surface .db-section .db-community__quote h3 { font-size:1.775rem!important; }
.db-community__quote p { font-size:1.175rem; }
.db-footer__brand h2 { font-size:clamp(calc(1.65rem + 2px),calc(2.5vw + 2px),calc(2.25rem + 2px)); }
.db-footer strong { font-size:1.25rem; }
.db-footer p { font-size:1.25rem; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev-widg__title { font-size:clamp(calc(1.75rem + 2px),calc(3vw + 2px),calc(2.5rem + 2px))!important; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev__title { font-size:1.125rem!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__body,.jdgm-rev__body p,.jdgm-rev-widg__summary-text) { font-size:1.125rem!important; }

/* Transformation controls use a compact heading/body pair instead of body-sized text throughout. */
body.template-product.db-men-surface .db-transform__step-title {
  display:block;
  color:inherit;
  font-size:1.125rem;
  font-weight:700;
  line-height:1.35;
}
body.template-product.db-men-surface .db-transform__step-copy {
  display:block;
  color:rgba(255,255,255,.78);
  font-size:1rem;
  font-weight:400;
  line-height:1.55;
}
body.template-product.db-men-surface .db-tone--maroon .db-transform__step.is-active .db-transform__step-copy { color:rgba(255,255,255,.82)!important; }

@media (max-width:700px) {
  .db-hero h1,.db-hero__title { font-size:clamp(calc(3.25rem + 2px),calc(15vw + 2px),calc(5rem + 2px)); }
}
@media (max-width:370px) {
  .db-hero h1 { font-size:calc(2.48rem + 2px); }
}

/* Interaction polish: continuous rails without mandatory snap jumps. */
html { scroll-behavior:smooth; }
.db-trip-rail,
.db-feature-rail,
.db-social-proof__rail,
.db-action-rail__track,
.db-product-showcase__thumbs,
body.template-product.db-men-surface cart-drawer .card-upsell-slider {
  scroll-behavior:smooth!important;
  scroll-snap-type:x mandatory!important;
  scroll-snap-stop:normal;
  -webkit-overflow-scrolling:touch;
}
.db-trip-card,.db-feature-card,.db-social-proof__card,.db-action-rail figure { scroll-snap-align:start!important; }

/* Product specification typography follows the feature-card hierarchy. */
body.template-product.db-men-surface .db-feature-specs .db-fact strong {
  color:var(--db-ink);
  font-size:var(--db-type-card);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.02em;
}
body.template-product.db-men-surface .db-feature-specs .db-fact span {
  color:var(--db-muted)!important;
  font-size:var(--db-type-small);
  line-height:1.55;
}

/* Kaching remains compact and receives only Davidbag PDP layout/contrast fixes. */
body.template-product.db-men-surface #db-product-main .db-native-product-controls .kaching-bundles__bar,
body.template-product.db-men-surface #db-product-main .db-native-product-controls .kaching-bundles__bar-container { overflow:visible!important; }
body.template-product.db-men-surface #db-product-main .kaching-bundles__bar-most-popular {
  z-index:8!important;
  right:10px!important;
  max-width:calc(100% - 20px)!important;
  color:#fff!important;
}
body.template-product.db-men-surface #db-product-main .kaching-bundles__bar--selected .kaching-bundles__free-gift,
body.template-product.db-men-surface #db-product-main .kaching-bundles__bar--selected .kaching-bundles__free-gift :where(.kaching-bundles__free-gift__text,.kaching-bundles__free-gift__full-price,strong,span) {
  color:#fff!important;
}
body.template-product.db-men-surface #db-product-main .kaching-bundles__bar--selected .kaching-bundles__free-gift { background:var(--db-maroon)!important; }

/* Cart drawer upsells: one tidy row of three, scoped to this product template. */
body.template-product.db-men-surface cart-drawer cart-upsell .card-upsell-slider {
  display:grid!important;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 16px)/3)!important;
  grid-template-columns:none!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px 0 12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
body.template-product.db-men-surface cart-drawer cart-upsell .card-upsell-slider>.grid__item {
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.template-product.db-men-surface cart-drawer cart-upsell .card {
  height:100%;
  border:1px solid var(--db-line);
  border-radius:12px;
  background:var(--db-surface);
  overflow:hidden;
}
body.template-product.db-men-surface cart-drawer cart-upsell .card__inner { aspect-ratio:1; background:#fff; }
body.template-product.db-men-surface cart-drawer cart-upsell .card__content { padding:8px 6px 10px!important; }
body.template-product.db-men-surface cart-drawer cart-upsell .card__heading {
  min-height:2.7em;
  margin:0 0 5px;
  color:var(--db-ink);
  font-size:12px!important;
  font-weight:700;
  line-height:1.35;
  text-align:center;
}
body.template-product.db-men-surface cart-drawer cart-upsell .price {
  margin:0;
  color:var(--db-ink);
  font-size:11px!important;
  line-height:1.25;
  text-align:center;
}
body.template-product.db-men-surface cart-drawer cart-upsell .price :where(.price-item,span) { white-space:nowrap; }
body.template-product.db-men-surface cart-drawer cart-upsell .quick-add__submit {
  width:100%;
  min-height:36px;
  margin-top:8px;
  padding:6px!important;
  border-radius:8px;
  font-size:11px!important;
  line-height:1.15;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:normal;
}
body.template-product.db-men-surface cart-drawer cart-upsell .quick-add__submit :where(span,.button__text) {
  letter-spacing:normal!important;
  text-transform:none!important;
}

/* Full-width questions with the same paragraph scale as the page. */
body.template-product.db-men-surface .db-product-faq .db-shell,
body.template-product.db-men-surface .db-product-faq .db-faq { width:100%; max-width:none; }
body.template-product.db-men-surface .db-product-faq .db-section__header { width:var(--db-page); }
body.template-product.db-men-surface .db-product-faq .db-faq summary {
  padding-inline:max(16px,calc((100vw - 1240px)/2));
  font-size:var(--db-type-body);
  line-height:1.4;
}
body.template-product.db-men-surface .db-product-faq .db-faq details .db-home-buy__detail p {
  width:min(75ch,100%);
  max-width:none;
  margin:0;
  padding:0 0 26px;
  color:var(--db-muted);
  font-size:var(--db-type-body);
  line-height:1.7;
}
body.template-product.db-men-surface .db-product-faq .db-faq details .db-home-buy__detail {
  padding-inline:max(16px,calc((100vw - 1240px)/2));
}
body.template-product.db-men-surface .db-product-faq .db-faq details { border-bottom:0!important; }

/* Desktop media is intentionally more compact; phone layouts remain full-width. */
@media (min-width:901px) {
  body.template-product.db-men-surface .db-transform { grid-template-columns:minmax(0,600px) minmax(320px,1fr); justify-content:space-between; }
  body.template-product.db-men-surface .db-transform__visual { width:100%; max-width:600px; }
  body.template-product.db-men-surface .db-model-comparison .db-move-slider { grid-template-columns:minmax(0,540px) minmax(340px,1fr); max-width:1120px; }
  body.template-product.db-men-surface .db-model-comparison .db-move-slider__stage { width:100%; max-width:540px; }
}

/* Judge.me adopts the page's heading, paragraph and customer-name roles. */
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev-widg__title { font-size:var(--db-type-section)!important; }
body.template-product.db-men-surface .db-community__app--full-reviews .jdgm-rev__title { font-size:var(--db-type-card)!important; line-height:1.25!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__body,.jdgm-rev__body p,.jdgm-rev-widg__summary-text) { font-size:var(--db-type-body)!important; line-height:1.7!important; }
body.template-product.db-men-surface .db-community__app--full-reviews :where(.jdgm-rev__author,.jdgm-rev__header) { font-size:var(--db-type-body)!important; line-height:1.5!important; }

@media (max-width:700px) {
  .db-product-showcase__controls { gap:0; padding:6px 10px; }
  .db-product-showcase__controls button { display:none; }
  .db-product-showcase__controls span { min-width:64px; }
}

@media (prefers-reduced-motion:reduce) {
  html,
  .db-trip-rail,
  .db-feature-rail,
  .db-social-proof__rail,
  .db-action-rail__track,
  .db-product-showcase__thumbs,
  body.template-product.db-men-surface cart-drawer .card-upsell-slider { scroll-behavior:auto!important; }
}

/* Theme-editor typography controls: intentionally last so section settings win. */
body.template-product.db-men-surface .db-product-editor-type .db-home-buy__content h1 {
  font-size:clamp(var(--db-product-title-mobile,42px),5.28vw,var(--db-product-title-desktop,76px))!important;
  font-weight:var(--db-product-title-weight,700)!important;
}
body.template-product.db-men-surface .db-product-editor-type .db-home-buy__rating strong { font-size:var(--db-product-rating-size,14px)!important; }
body.template-product.db-men-surface .db-product-editor-type .db-home-buy__outcomes strong {
  font-size:var(--db-product-benefit-size,20px)!important;
  font-weight:var(--db-product-benefit-weight,700)!important;
}
body.template-product.db-men-surface .db-product-editor-type .db-native-product-controls .form__label,
body.template-product.db-men-surface .db-product-editor-type .db-native-product-controls .product-form__input--pill input[type="radio"] + label,
body.template-product.db-men-surface .db-product-editor-type .db-native-product-controls :where(.product-form__submit,.shopify-payment-button__button,.dbtfy__buy-now) {
  font-size:var(--db-product-control-size,16px)!important;
}
body.template-product.db-men-surface .db-product-editor-type .db-home-buy__details summary { font-size:var(--db-product-detail-heading-size,20px)!important; }
body.template-product.db-men-surface .db-product-editor-type .db-home-buy__details .db-home-buy__detail :where(p,li) { font-size:var(--db-product-detail-body-size,16px)!important; }
body.template-product.db-men-surface #db-product-main .db-action-rail__header h2 { font-size:var(--db-product-action-heading-size,22px)!important; }

body.template-product.db-men-surface .db-editor-type :is(.db-section__header,.db-community__header,.db-transform__header) > h2 {
  font-size:clamp(var(--db-edit-heading-mobile,36px),4.17vw,var(--db-edit-heading-desktop,60px))!important;
  font-weight:var(--db-edit-heading-weight,700)!important;
}
body.template-product.db-men-surface .db-editor-type :is(.db-section__header,.db-community__header,.db-transform__header) > p:last-child {
  font-size:clamp(var(--db-edit-body-mobile,16px),1.6vw,var(--db-edit-body-desktop,16px))!important;
  font-weight:var(--db-edit-body-weight,400)!important;
}
body.template-product.db-men-surface .db-editor-type :is(.db-feature-card__body,.db-trip-card__body,.db-model-summary,.db-community__quote) > h3,
body.template-product.db-men-surface .db-editor-type .db-transform__step-title,
body.template-product.db-men-surface .db-editor-type.db-product-faq summary {
  font-size:var(--db-edit-card-heading,24px)!important;
  font-weight:var(--db-edit-card-heading-weight,700)!important;
}
body.template-product.db-men-surface .db-editor-type.db-product-faq summary { font-size:var(--db-edit-card-heading,16px)!important; }
body.template-product.db-men-surface .db-editor-type :is(.db-feature-card__body,.db-trip-card__body,.db-model-summary,.db-community__quote) > p,
body.template-product.db-men-surface .db-editor-type .db-move-slider__panel > p,
body.template-product.db-men-surface .db-editor-type .db-model-checks p,
body.template-product.db-men-surface .db-editor-type .db-transform__step-copy,
body.template-product.db-men-surface .db-editor-type.db-product-faq .db-home-buy__detail p {
  font-size:var(--db-edit-card-body,16px)!important;
  font-weight:var(--db-edit-card-body-weight,400)!important;
}
body.template-product.db-men-surface .db-editor-type .db-fact strong { font-size:var(--db-edit-fact-heading,20px)!important; }
body.template-product.db-men-surface .db-editor-type .db-fact span { font-size:var(--db-edit-fact-body,16px)!important; }
body.template-product.db-men-surface .db-community.db-editor-type .db-community__quote > strong { font-size:var(--db-edit-author-size,16px)!important; }
body.template-product.db-men-surface .db-community.db-editor-type .db-community__app--full-reviews .jdgm-rev-widg__title { font-size:clamp(var(--db-edit-heading-mobile,36px),4.17vw,var(--db-edit-heading-desktop,60px))!important; }
body.template-product.db-men-surface .db-community.db-editor-type .db-community__app--full-reviews .jdgm-rev__title { font-size:var(--db-edit-card-heading,24px)!important; }
body.template-product.db-men-surface .db-community.db-editor-type .db-community__app--full-reviews :where(.jdgm-rev__body,.jdgm-rev__body p,.jdgm-rev-widg__summary-text) { font-size:var(--db-edit-card-body,16px)!important; }
body.template-product.db-men-surface .db-community.db-editor-type .db-community__app--full-reviews :where(.jdgm-rev__author,.jdgm-rev__header) { font-size:var(--db-edit-author-size,16px)!important; }

/* DavidBag men PDP: September 24 customer-requested finishing pass. */
body.template-product.db-men-surface .db-model-comparison .db-move-slider__stage,
body.template-product.db-men-surface .db-model-comparison .db-move-slider__image,
body.template-product.db-men-surface .db-model-comparison .db-move-slider__image img {
  background:#f6f6f6!important;
}
body.template-product.db-men-surface .db-sticky-buy__actions .db-button {
  min-height:68px;
  background:var(--db-maroon)!important;
  border-color:var(--db-maroon)!important;
  color:#fff!important;
  font-size:32px!important;
  font-weight:700;
  line-height:1;
  letter-spacing:-.025em;
  text-transform:none;
}
body.template-product.db-men-surface .db-sticky-buy__benefits span {
  font-size:16px!important;
}
body.template-product.db-men-surface .db-community__controls {
  clear:both;
  margin-top:28px;
}
body.template-product.db-men-surface .db-community__controls .db-carousel__arrow {
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
}
body.template-product.db-men-surface .db-community__controls .db-carousel__arrow svg {
  display:block;
  width:18px;
  height:18px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width:700px) {
  body.template-product.db-men-surface .db-community__stage {
    min-height:clamp(650px,185vw,760px);
  }
  body.template-product.db-men-surface .db-sticky-buy__actions .db-button {
    min-height:64px;
    font-size:32px!important;
  }
  body.template-product.db-men-surface .db-sticky-buy__benefits {
    gap:6px;
  }
  body.template-product.db-men-surface .db-sticky-buy__benefits span {
    gap:5px;
    min-width:0;
    font-size:16px!important;
    line-height:1.2;
    text-align:center;
    white-space:normal;
  }
}

.db-close.db-editor-type .db-close__copy h2 {
  font-size:clamp(var(--db-edit-heading-mobile,44px),4.45vw,var(--db-edit-heading-desktop,64px))!important;
  font-weight:var(--db-edit-heading-weight,700)!important;
}
.db-close.db-editor-type .db-close__copy p {
  font-size:clamp(var(--db-edit-body-mobile,16px),1.6vw,var(--db-edit-body-desktop,16px))!important;
  font-weight:var(--db-edit-body-weight,400)!important;
}
.db-footer.db-editor-type .db-footer__brand h2 { font-size:clamp(var(--db-edit-heading-mobile,32px),2.5vw,var(--db-edit-heading-desktop,36px))!important; font-weight:var(--db-edit-heading-weight,500)!important; }
.db-footer.db-editor-type .db-footer__brand p { font-size:clamp(var(--db-edit-body-mobile,16px),1.6vw,var(--db-edit-body-desktop,16px))!important; font-weight:var(--db-edit-body-weight,400)!important; }
.db-footer.db-editor-type .db-footer__grid > div > strong { font-size:var(--db-edit-footer-column-size,18px)!important; }
.db-footer.db-editor-type :is(nav a,.db-footer__contact,.db-footer__base small) { font-size:var(--db-edit-footer-link-size,16px)!important; }

/* DavidBag men PDP: September 28 pass — step images background, rich sticky bar. */
body.template-product.db-men-surface .db-transform__visual,
body.template-product.db-men-surface .db-transform__media,
body.template-product.db-men-surface .db-transform__media img {
  background:#f6f6f6!important;
}
body.template-product.db-men-surface .db-transform__media--cover img {
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center 30%;
}

body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__inner {
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto minmax(200px,280px);
  grid-template-areas:"media info proof actions" "benefits benefits benefits benefits";
  column-gap:16px;
  row-gap:6px;
  align-items:center;
}
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__media { grid-area:media; display:block; width:56px; height:56px; border-radius:10px; background:#f6f6f6; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__info { grid-area:info; display:grid; gap:3px; min-width:0; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__proof { grid-area:proof; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__actions { grid-area:actions; min-width:0; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits { grid-area:benefits; min-width:0; }

body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__title { display:flex; align-items:center; gap:8px; min-width:0; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__title strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--db-ink); font-size:1.02rem; font-weight:700; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__badge { flex:0 0 auto; padding:3px 7px; border-radius:4px; background:#c9a227; color:#1c1406; font-size:.66rem; font-style:normal; font-weight:800; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; color:var(--db-muted); font-size:.86rem; line-height:1.3; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__meta [data-db-sticky-variant]:not([hidden])::after { content:"·"; margin-left:8px; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__price { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:0 6px; font-variant-numeric:tabular-nums; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__price :is(s,b) { white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__price s { color:var(--db-muted); font-weight:500; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__price b { color:var(--db-maroon); font-size:.98rem; font-weight:800; }
body.template-product.db-men-surface .db-sticky-buy--rich [hidden] { display:none!important; }

body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__rating { display:flex; align-items:center; gap:8px; color:var(--db-ink); font-size:.86rem; font-weight:700; white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__stars { display:inline-flex; gap:1px; color:#d49a1f; }

body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__actions .db-button {
  width:100%;
  min-height:56px;
  font-size:var(--db-sticky-button-size,28px)!important;
}

body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:4px 12px;
}
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits span { font-size:14px!important; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__sep { color:var(--db-line); font-style:normal; font-weight:400; line-height:1; }

@media (max-width:1100px) {
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__rating > span:not(.db-sticky-buy__stars) { display:none; }
}

@media (max-width:700px) {
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__inner {
    grid-template-columns:44px minmax(0,1fr) auto;
    grid-template-areas:"media info actions" "benefits benefits benefits";
    column-gap:10px;
  }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__media { width:44px; height:44px; border-radius:8px; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__proof { display:none; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__title strong { font-size:.92rem; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__badge { font-size:.58rem; padding:2px 5px; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__meta { font-size:.78rem; gap:2px 6px; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__actions .db-button {
    min-height:50px;
    padding-inline:16px;
    font-size:var(--db-sticky-button-size-mobile,20px)!important;
  }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits { gap:2px 6px; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits span { gap:4px; font-size:12px!important; white-space:nowrap; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits svg { width:14px; height:14px; }
}
@media (max-width:380px) {
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__title strong { max-width:none; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits span { font-size:11px!important; }
}

/* Sticky bar: benefits stay on one line, pipes are short dividers. */
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits { display:flex!important; flex-direction:row; flex-wrap:nowrap; grid-template-columns:none; width:100%; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits span { flex:0 1 auto; width:auto; min-width:0; white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__sep { flex:0 0 auto; display:inline-block; width:auto; height:auto; font-size:13px; }
@media (max-width:700px) {
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__meta { display:grid; gap:1px; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__meta [data-db-sticky-variant]::after { content:none!important; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__actions .db-button { min-height:48px; padding-inline:14px; white-space:nowrap; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__benefits { justify-content:space-between; gap:0 4px; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__sep { font-size:11px; }
}
@media (max-width:700px) {
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__info { display:flex; flex-wrap:wrap; align-items:center; gap:1px 6px; }
  body.template-product.db-men-surface .db-sticky-buy--rich :is(.db-sticky-buy__title,.db-sticky-buy__meta,.db-sticky-buy__price) { display:contents; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__title strong { flex:1 0 100%; max-width:100%; font-size:.9rem; line-height:1.2; }
  body.template-product.db-men-surface .db-sticky-buy--rich [data-db-sticky-variant] { flex:1 0 100%; color:var(--db-muted); font-size:.74rem; line-height:1.25; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__price s { order:3; font-size:.7rem; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__price b { order:4; font-size:.8rem; }
  body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__badge { order:5; }
}
body.template-product.db-men-surface .db-sticky-buy--rich .db-sticky-buy__sep { color:#b3b9be; }

/* Hide the page scrollbar on phones/tablets (scrolling still works). */
@media (max-width:900px) {
  html:has(body.db-men-surface),
  body.db-men-surface,
  body.db-men-surface.scroll-container { scrollbar-width:none; -ms-overflow-style:none; }
  html:has(body.db-men-surface)::-webkit-scrollbar,
  body.db-men-surface::-webkit-scrollbar,
  body.db-men-surface.scroll-container::-webkit-scrollbar { display:none; width:0; height:0; }
}

/* Footer built from blocks: flexible columns so app blocks (newsletter) can sit anywhere. */
.db-footer__grid.db-footer__grid--blocks { display:flex; flex-wrap:wrap; align-items:flex-start; gap:clamp(28px,5vw,68px); }
.db-footer__grid--blocks > * { flex:1 1 160px; min-width:0; }
.db-footer__grid--blocks > .db-footer__brand { flex:1.6 1 280px; }
.db-footer__grid--blocks > .shopify-app-block { flex:1.4 1 280px; }
.db-footer__grid--blocks .db-footer__col nav { display:grid; gap:4px; }
@media (max-width:700px) {
  .db-footer__grid.db-footer__grid--blocks { gap:34px 20px; }
  .db-footer__grid--blocks > * { flex:1 1 calc(50% - 10px); }
  .db-footer__grid--blocks > :is(.db-footer__brand,.shopify-app-block) { flex-basis:100%; }
}

/* Sticky add to cart v2: title + price + save, button, centered benefits. */
body.template-product.db-men-surface .db-sticky-buy--v2 { padding:10px clamp(14px,4vw,40px) calc(10px + env(safe-area-inset-bottom)); }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__inner {
  width:min(100%,1240px);
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(220px,300px);
  grid-template-areas:"info proof actions" "benefits benefits benefits";
  gap:8px 20px;
  align-items:center;
}
body.template-product.db-men-surface .db-sticky-buy--v2 [hidden] { display:none!important; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__media { display:none!important; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__info { grid-area:info; display:grid; gap:3px; min-width:0; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__name { overflow:hidden; color:var(--db-ink); font-size:var(--db-sticky-text,18px); font-weight:800; line-height:1.15; letter-spacing:-.01em; text-overflow:ellipsis; white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__price { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-variant-numeric:tabular-nums; line-height:1.2; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__price b { color:var(--db-maroon); font-size:calc(var(--db-sticky-text,18px) - 1px); font-weight:800; white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__price s { color:var(--db-muted); font-size:calc(var(--db-sticky-text,18px) - 4px); white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__badge { padding:4px 8px; border-radius:5px; background:#c9a227; color:#1c1406; font-size:calc(var(--db-sticky-text,18px) * .68); font-style:normal; font-weight:800; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__proof { grid-area:proof; display:flex; align-items:center; gap:8px; color:var(--db-ink); font-size:15px; font-weight:700; white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__stars { display:inline-flex; gap:1px; color:#d49a1f; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__actions { grid-area:actions; grid-column:auto; grid-row:auto; grid-area:actions; min-width:0; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__actions .db-button {
  width:100%;
  min-height:54px;
  padding-inline:20px;
  font-size:var(--db-sticky-button-size,28px)!important;
  white-space:nowrap;
}
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__benefits {
  grid-area:benefits;
  display:flex!important;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:0 14px;
  width:100%;
  padding-top:8px;
  border-top:1px solid var(--db-line);
}
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__benefits span { flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; color:var(--db-ink); font-size:14px!important; font-weight:650; white-space:nowrap; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__benefits svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__sep { color:#b3b9be; font-style:normal; font-size:13px; line-height:1; }

@media (max-width:1000px) {
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__proof > span:not(.db-sticky-buy__stars) { display:none; }
}
@media (max-width:700px) {
  body.template-product.db-men-surface .db-sticky-buy--v2 { padding:10px 14px calc(8px + env(safe-area-inset-bottom)); }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__inner {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"info actions" "benefits benefits";
    gap:8px 12px;
  }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__proof { display:none; }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__name { font-size:var(--db-sticky-text-mobile,17px); }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__price { gap:4px 6px; }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__price b { font-size:calc(var(--db-sticky-text-mobile,17px) - 1px); }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__price s { display:none; }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__badge { font-size:calc(var(--db-sticky-text-mobile,17px) * .66); padding:3px 7px; }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__actions .db-button {
    width:auto;
    min-width:150px;
    min-height:50px;
    padding-inline:22px;
    font-size:var(--db-sticky-button-size-mobile,20px)!important;
  }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__benefits { gap:0 10px; padding-top:7px; }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__benefits span { gap:5px; font-size:12.5px!important; }
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__benefits svg { width:14px; height:14px; }
}
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__info strong { max-width:none; }
@media (max-width:700px) {
  body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__actions .db-button { min-width:0; padding-inline:18px; }
}

/* When the block-based footer is added to the template, hide the basic footer. */
body:has(main .db-footer) .db-footer--static { display:none; }

/* Footer newsletter signup block — matches footer type scale and site button motion. */
.db-footer-newsletter { display:grid; gap:0; width:100%; max-width:420px; margin-top:28px; padding-top:24px; border-top:1px solid #dedede; }
.db-footer__grid--blocks > .db-footer-newsletter { margin-top:0; padding-top:0; border-top:0; }
.db-footer .db-footer-newsletter__heading { display:block; margin:0 0 8px; color:#141414; font-size:var(--db-edit-footer-column-size,18px)!important; font-weight:700; line-height:1.25; }
.db-footer.db-editor-type .db-footer__brand .db-footer-newsletter__text,
.db-footer .db-footer-newsletter__text { max-width:36ch; margin:0 0 14px; color:#52645a; font-size:var(--db-edit-footer-link-size,16px)!important; font-weight:400!important; line-height:1.55; }
.db-footer-newsletter__form { display:grid; gap:10px; margin:0; }
.db-footer-newsletter__field {
  display:flex;
  align-items:center;
  gap:6px;
  min-height:54px;
  padding:4px 4px 4px 0;
  border:1px solid #d9dcdf;
  border-radius:var(--db-control-radius,8px);
  background:#fff;
  transition:border-color var(--db-fast) ease, box-shadow var(--db-standard) var(--db-ease);
}
.db-footer-newsletter__field--single { padding-right:0; }
.db-footer-newsletter__field:hover { border-color:#b9bec3; }
.db-footer-newsletter__field:focus-within { border-color:var(--db-maroon); box-shadow:0 0 0 4px var(--db-maroon-soft); }
.db-footer-newsletter__field.is-invalid { border-color:#a12a2a; animation:db-nl-shake 420ms var(--db-ease) 1; }
.db-footer-newsletter__input { flex:1 1 auto; min-width:0; width:100%; height:44px; padding:0 14px; border:0; border-radius:0; background:transparent; color:#141414; font:inherit; font-size:var(--db-edit-footer-link-size,16px); box-shadow:none; outline:0; appearance:none; }
.db-footer-newsletter__input::placeholder { color:#8a9096; transition:opacity var(--db-fast) ease, transform var(--db-standard) var(--db-ease); }
.db-footer-newsletter__input:focus::placeholder { opacity:.45; transform:translateX(4px); }
.db-scope .db-footer-newsletter__button { flex:0 0 auto; gap:8px; min-height:44px; padding:0 18px; font-size:var(--db-edit-footer-link-size,16px); }
.db-footer-newsletter__button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; transition:transform var(--db-standard) var(--db-ease); }
.db-footer-newsletter__button:hover svg,.db-footer-newsletter__button:focus-visible svg { transform:translateX(3px); }
.db-footer-newsletter__button.is-loading { pointer-events:none; }
.db-footer-newsletter__button.is-loading svg { animation:db-nl-nudge 700ms var(--db-ease) infinite; }
.db-footer .db-footer-newsletter__success { display:flex; align-items:center; gap:10px; margin:0; padding:14px 16px; border:1px solid #cfe3d5; border-radius:var(--db-control-radius,8px); background:#eef6f0; color:#1f5130; font-size:var(--db-edit-footer-link-size,16px); font-weight:650; animation:db-nl-in 520ms var(--db-ease) both; }
.db-footer-newsletter__success svg { flex:0 0 auto; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:16; stroke-dashoffset:16; animation:db-nl-check 520ms 180ms var(--db-ease) forwards; }
.db-footer .db-footer-newsletter__error { margin:0; color:#a12a2a; font-size:14px; animation:db-nl-in 320ms var(--db-ease) both; }
@keyframes db-nl-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@keyframes db-nl-check { to { stroke-dashoffset:0; } }
@keyframes db-nl-shake { 0%,100% { transform:none; } 25% { transform:translateX(-4px); } 50% { transform:translateX(4px); } 75% { transform:translateX(-2px); } }
@keyframes db-nl-nudge { 0%,100% { transform:translateX(0); } 50% { transform:translateX(4px); } }
@media (prefers-reduced-motion:reduce) {
  .db-footer-newsletter *, .db-footer-newsletter *::before { animation:none!important; transition:none!important; }
  .db-footer-newsletter__success svg { stroke-dashoffset:0; }
}

/* Footer link columns: even rhythm whether a link wraps or not. */
.db-footer__grid--blocks nav { gap:2px; }
.db-footer__grid--blocks nav a { min-height:0; padding:6px 0; line-height:1.45; }
.db-footer__grid--blocks nav a::after { bottom:3px; }
.db-footer__grid--blocks .db-footer__col > strong { margin-bottom:8px; }

/* Footer brand: social links under the contact email, same weight and hover as the email. */
.db-footer__brand-social { display:flex; flex-wrap:wrap; align-items:center; gap:4px 22px; margin-top:2px; }
.db-footer .db-footer__brand-social-link { display:inline-flex; align-items:center; gap:8px; min-height:40px; font-weight:650; text-decoration:none; }
.db-footer__brand-social-link svg { flex:0 0 auto; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; transition:transform var(--db-standard) var(--db-ease); }
.db-footer__brand-social-link svg .is-dot { fill:currentColor; stroke:none; }
.db-footer__brand-social-link:hover svg,.db-footer__brand-social-link:focus-visible svg { transform:translateY(-2px) rotate(-6deg); }
.db-footer .db-footer__brand-social-link::after { left:26px; }

/* Smaller placeholder; typed text stays 16px so iPhones don't zoom. */
.db-footer-newsletter__input::placeholder { font-size:14px; }
@media (prefers-reduced-motion:reduce) { .db-footer__brand-social-link svg { transition:none; } }

/* Rating sits above the product title. */
body.template-product.db-men-surface #db-product-main .db-home-buy__content > .db-home-buy__rating { margin:0 0 12px; }
body.template-product.db-men-surface #db-product-main .db-home-buy__content > .db-eyebrow + .db-home-buy__rating { margin-top:10px; }
body.template-product.db-men-surface #db-product-main .db-home-buy__content > h1 + .db-home-buy__outcomes { margin-top:clamp(24px,2.4vw,34px)!important; }

/* Gallery: only the active slide paints once a move settles, so neighbours never peek in at the edge. */
body.template-product.db-men-surface #db-product-main .db-product-showcase__slide {
  overflow:hidden;
  visibility:hidden;
  transition:visibility 0s linear 640ms;
}
body.template-product.db-men-surface #db-product-main .db-product-showcase__slide.is-active {
  visibility:visible;
  transition-delay:0s;
}
body.template-product.db-men-surface #db-product-main .db-product-showcase__stage.is-swiping .db-product-showcase__slide {
  visibility:visible;
  transition:none;
}

/* Gallery video: size to the clip itself and trim its encoded edge rows (the thin dark lines). */
body.template-product.db-men-surface #db-product-main .db-product-showcase__video:not(.db-product-showcase__external-video) {
  width:100%!important;
  height:auto!important;
  max-height:100%;
  background:transparent;
  clip-path:inset(2px 1px);
}
@media (prefers-reduced-motion:reduce) {
  body.template-product.db-men-surface #db-product-main .db-product-showcase__slide { transition:none; }
}

/* ===== October 1 pass ===== */

/* 2 + 4. One scroll feel for every horizontal rail (matches the home testimonials rail):
   native momentum + mandatory snap, hidden scrollbar; JS only takes over while a mouse drags. */
.db-glide {
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-width:none!important;
  -ms-overflow-style:none;
  touch-action:pan-x pan-y;
  cursor:grab;
}
.db-glide::-webkit-scrollbar { display:none!important; width:0!important; height:0!important; }
.db-glide.is-dragging { scroll-snap-type:none!important; scroll-behavior:auto!important; cursor:grabbing; user-select:none; -webkit-user-select:none; }
.db-glide.is-dragging * { pointer-events:none; }
.db-glide img { -webkit-user-drag:none; user-select:none; }
.db-product-showcase__thumbs.db-glide { scroll-snap-type:x proximity!important; }
.db-product-showcase__thumbs.db-glide > * { scroll-snap-align:center; }
body.template-product.db-men-surface cart-drawer .card-upsell-slider.db-glide { scroll-snap-type:x mandatory!important; scroll-padding-inline:0; }
body.template-product.db-men-surface cart-drawer .card-upsell-slider.db-glide > li { scroll-snap-align:start; }
body.template-product.db-men-surface cart-drawer :is(.card-upsell-slider ~ .slider-buttons,.card-upsell .slider-counter,.card-upsell .slider-buttons) .slider-counter--dots { display:none; }
body.template-product.db-men-surface cart-drawer cart-upsell :is(.slider-scrollbar,.scrollbar,[class*="scrollbar"]) { display:none!important; }

/* 1. Gallery loading sequence (same spinner the home gallery uses while an image loads). */
.db-media-spinner {
  position:absolute;
  inset:0;
  z-index:1;
  width:22px;
  height:22px;
  margin:auto;
  border:2px solid #999;
  border-left-color:transparent;
  border-radius:50%;
  opacity:1;
  pointer-events:none;
  animation:db-spin 1s linear infinite;
  transition:opacity 200ms ease;
}
@keyframes db-spin { to { transform:rotate(1turn); } }
.db-product-showcase__slide { position:relative; }
.db-product-showcase__slide.is-loaded > .db-media-spinner { opacity:0; animation-play-state:paused; }
.db-product-showcase__slide > :is(img,video) { opacity:0; transition:opacity 320ms ease; }
.db-product-showcase__slide.is-loaded > :is(img,video),
.db-product-showcase__slide > iframe { opacity:1; }
.no-js .db-product-showcase__slide > :is(img,video) { opacity:1; }

/* Gallery motion: Splide-like easing, quick fade for long jumps instead of sweeping through every image. */
body.template-product.db-men-surface #db-product-main .db-product-showcase__track { transition:transform 460ms cubic-bezier(.25,1,.5,1); }
body.template-product.db-men-surface #db-product-main .db-product-showcase__stage.is-swiping .db-product-showcase__track,
body.template-product.db-men-surface #db-product-main .db-product-showcase__stage.is-jumping .db-product-showcase__track { transition:none; }
body.template-product.db-men-surface #db-product-main .db-product-showcase__stage.is-jumping .db-product-showcase__slide.is-active { animation:db-fade-in 340ms ease both; }
body.template-product.db-men-surface #db-product-main .db-product-showcase__stage.is-jumping .db-product-showcase__slide:not(.is-active) { visibility:hidden; transition:none; }
@keyframes db-fade-in { from { opacity:0; } to { opacity:1; } }

/* 3. Real trips → reel popup */
.db-action-rail figure { position:relative; }
.db-action-rail__item { position:relative; display:block; width:100%; height:100%; padding:0; border:0; background:none; cursor:pointer; border-radius:inherit; overflow:hidden; }
.db-action-rail__item img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 420ms var(--db-ease); }
.db-action-rail__item:hover img,.db-action-rail__item:focus-visible img { transform:scale(1.04); }
.db-action-rail__item:focus-visible { outline:2px solid var(--db-maroon); outline-offset:-2px; }
.db-action-rail__play { position:absolute; inset:0; width:34px; height:34px; margin:auto; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.82); color:#141414; box-shadow:0 4px 14px rgba(0,0,0,.18); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:transform 220ms var(--db-ease); }
.db-action-rail__play svg { width:13px; height:13px; margin-left:2px; }
.db-action-rail__item:hover .db-action-rail__play { transform:scale(1.08); }

.db-reel { position:fixed; inset:0; z-index:1000; pointer-events:none; font-family:"Albert Sans",system-ui,sans-serif; }
.db-reel[hidden] { display:none; }
.db-reel__backdrop { position:absolute; inset:0; background:rgba(10,10,12,.55); opacity:0; transition:opacity 260ms ease; display:none; }
.db-reel__panel {
  position:absolute;
  right:30px;
  bottom:30px;
  width:min(330px,calc(100vw - 24px));
  height:min(570px,calc(100dvh - 60px));
  overflow:hidden;
  border-radius:16px;
  background:#0f0f10;
  color:#fff;
  box-shadow:0 24px 60px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.18);
  pointer-events:auto;
  opacity:0;
  transform:translateY(18px) scale(.96);
  transform-origin:100% 100%;
  transition:opacity 260ms ease,transform 320ms cubic-bezier(.25,1,.5,1);
  outline:none;
}
.db-reel.is-open .db-reel__panel { opacity:1; transform:none; }
.db-reel__viewport { position:absolute; inset:0; overflow:hidden; touch-action:none; cursor:pointer; }
.db-reel__track { height:100%; transition:transform 340ms cubic-bezier(.25,1,.5,1); will-change:transform; }
.db-reel.is-jumping .db-reel__track { transition:none; }
.db-reel.is-jumping .db-reel__slide.is-active { animation:db-fade-in 300ms ease both; }
.db-reel__slide { position:relative; height:100%; background:#1a1a1c; }
.db-reel__slide :is(img,video) { display:block; width:100%; height:100%; object-fit:cover; user-select:none; -webkit-user-drag:none; opacity:0; transition:opacity 260ms ease; }
.db-reel__slide.is-loaded :is(img,video) { opacity:1; }
.db-reel__spinner { border-color:rgba(255,255,255,.75); border-left-color:transparent; z-index:0; }
.db-reel__panel:has(.db-reel__slide.is-active.is-loaded) .db-reel__spinner { opacity:0; }
.db-reel__panel::after { content:""; position:absolute; inset:0 0 auto; height:90px; background:linear-gradient(rgba(0,0,0,.42),transparent); pointer-events:none; }
.db-reel__bars { position:absolute; z-index:3; top:10px; left:12px; right:12px; display:flex; gap:4px; }
.db-reel__bars span { position:relative; flex:1; height:2.5px; overflow:hidden; border-radius:2px; background:rgba(255,255,255,.35); }
.db-reel__bars i { position:absolute; inset:0; background:#fff; transform:scaleX(0); transform-origin:left; }
.db-reel :is(.db-reel__close,.db-reel__arrow,.db-reel__mute,.db-reel__toggle) {
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(40,40,44,.55);
  color:#fff;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  cursor:pointer;
  transition:background 180ms ease,transform 180ms var(--db-ease),opacity 220ms ease;
}
.db-reel :is(.db-reel__close,.db-reel__arrow,.db-reel__mute,.db-reel__toggle):hover { background:rgba(40,40,44,.78); }
.db-reel :is(.db-reel__close,.db-reel__arrow,.db-reel__mute,.db-reel__toggle):active { transform:scale(.94); }
.db-reel :is(.db-reel__close,.db-reel__arrow,.db-reel__mute,.db-reel__toggle):focus-visible { outline:2px solid #fff; outline-offset:2px; }
.db-reel__close { position:absolute; z-index:3; top:24px; right:12px; width:40px; height:40px; }
.db-reel__close svg { width:12px; height:12px; }
.db-reel__nav { position:absolute; z-index:3; right:12px; top:50%; display:grid; gap:8px; transform:translateY(-50%); }
.db-reel__arrow { width:40px; height:40px; }
.db-reel__arrow svg { width:16px; height:16px; }
.db-reel__mute { position:absolute; z-index:3; right:12px; bottom:16px; width:40px; height:40px; }
.db-reel__mute svg { width:16px; height:16px; }
.db-reel__mute .db-reel__icon-muted, .db-reel__mute.is-muted .db-reel__icon-sound { display:none; }
.db-reel__mute.is-muted .db-reel__icon-muted { display:block; }
.db-reel__toggle { position:absolute; z-index:2; inset:0; width:56px; height:56px; margin:auto; opacity:0; pointer-events:none; }
.db-reel__toggle svg { width:14px; height:18px; }
.db-reel__toggle .db-reel__icon-play { display:none; margin-left:3px; }
.db-reel.is-paused .db-reel__toggle .db-reel__icon-play { display:block; }
.db-reel.is-paused .db-reel__toggle .db-reel__icon-pause { display:none; }
.db-reel.is-paused .db-reel__toggle { opacity:1; pointer-events:auto; }
.db-reel__panel:hover .db-reel__toggle { opacity:1; pointer-events:auto; }
.db-reel__toggle.is-flash { animation:db-reel-flash 700ms ease; }
@keyframes db-reel-flash { 0% { opacity:0; transform:scale(.8); } 25% { opacity:1; transform:scale(1); } 75% { opacity:1; } }
.db-reel__count { position:absolute; z-index:3; left:14px; bottom:16px; margin:0; padding:4px 9px; border-radius:999px; background:rgba(40,40,44,.55); color:#fff; font-size:12px; font-weight:650; letter-spacing:.04em; font-variant-numeric:tabular-nums; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
html.db-reel-locked, html.db-reel-locked body { overflow:hidden!important; }
}
@media (prefers-reduced-motion:reduce) {
  .db-reel__panel,.db-reel__track,.db-reel__backdrop,.db-reel__slide :is(img,video) { transition:none!important; }
  .db-media-spinner { animation-duration:2s; }
}

/* 5. Cart: payment icons on one row */
body.db-men-surface cart-drawer .dbtfy-payment-icon-row { display:flex!important; flex-wrap:nowrap!important; justify-content:center; gap:4px!important; width:100%; }
body.db-men-surface cart-drawer .dbtfy-payment-icon-row:has(> .dbtfy-payment-icon-row) { display:block!important; }
body.db-men-surface cart-drawer .dbtfy-payment-icon-block { flex:1 1 0; min-width:0; max-width:38px; line-height:0; }
body.db-men-surface cart-drawer .dbtfy-payment-icon-block :is(svg,img) { display:block; width:100%!important; height:auto!important; aspect-ratio:38/24; max-width:100%; }

/* 6. Sticky add to cart: deeper shadow so it lifts off the page */
:is(.db-sticky-buy--home,.db-sticky-buy--product) { box-shadow:0 -10px 32px rgba(18,20,22,.18),0 -2px 8px rgba(18,20,22,.07); border-top-color:rgba(18,20,22,.14); }

/* 7. Product "ADD TO CART" matches the sticky bar button; both uppercase */
body.template-product.db-men-surface #db-product-main.db-product-editor-type .db-native-product-controls .product-form__submit {
  min-height:60px;
  font-size:var(--db-atc-size,28px)!important;
  line-height:1.1;
  letter-spacing:.02em;
  text-transform:uppercase;
}
body.template-product.db-men-surface .db-sticky-buy--v2 .db-sticky-buy__actions .db-button { text-transform:uppercase; letter-spacing:.02em; }
@media (max-width:700px) {
  body.template-product.db-men-surface #db-product-main.db-product-editor-type .db-native-product-controls .product-form__submit { min-height:54px; font-size:var(--db-atc-size-mobile,20px)!important; }
}

/* 8. Info dropdown icons in brand black */
.db-home-buy__topic-icon,
body.template-product.db-men-surface .db-home-buy__details .db-home-buy__topic-icon { color:var(--db-ink,#141414); }

/* 9. Footer: header logo instead of the text heading */
.db-footer .db-footer__brand .db-footer__logo { margin:0 0 16px; line-height:0; }
.db-footer__logo a { display:inline-block; }
.db-footer__logo a::after { display:none!important; }
.db-footer__logo img { display:block; width:var(--db-footer-logo-width,150px); max-width:100%; height:auto; }
.db-reel [hidden] { display:none!important; }
/* The reel layer reuses .db-scope for type/box-sizing, but must never paint the scope's white page background. */
.db-reel, .db-reel.db-scope { background:transparent!important; }

/* Reel popup follows the Foldie lightbox on every screen size: a floating 330 x 570 card
   pinned bottom-right (right/bottom 30px; 12px on phones), no full-screen takeover or page dimming. */
@media (max-width:700px) {
  .db-reel__panel {
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    height:min(570px,calc(100dvh - 24px - env(safe-area-inset-bottom)));
    border-radius:16px;
  }
  .db-reel__panel:hover .db-reel__toggle { opacity:0; pointer-events:none; }
  .db-reel.is-paused .db-reel__panel .db-reel__toggle { opacity:1; pointer-events:auto; }
}
.db-reel .db-reel__panel:is(:focus,:focus-visible) { outline:none!important; box-shadow:0 24px 60px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.18)!important; }

/* Feature rail (phones): let the next card peek in and show a faint, nudging arrow so it reads as swipeable. */
.db-scroll-cue__next { display:none; }
@media (max-width:700px) {
  .db-feature-rail { grid-auto-columns:calc(100vw - 92px)!important; padding-right:76px!important; }
  .db-scroll-cue .db-scroll-cue__next {
    position:absolute;
    z-index:6;
    top:calc((100vw - 92px) * .375 - 18px);
    right:10px;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(20,20,20,.08);
    border-radius:50%;
    background:rgba(255,255,255,.78);
    color:var(--db-ink,#141414);
    box-shadow:0 4px 14px rgba(20,20,20,.12);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    cursor:pointer;
    opacity:.85;
    transition:opacity var(--db-standard) ease, transform var(--db-standard) var(--db-ease);
    animation:db-cue-nudge 1.8s var(--db-ease) 1.2s 3;
  }
  .db-scroll-cue__next svg { width:16px; height:16px; }
  .db-scroll-cue.is-engaged .db-scroll-cue__next { animation:none; opacity:.7; }
  .db-scroll-cue:not(.is-scrollable) .db-scroll-cue__next,
  .db-scroll-cue.is-at-end .db-scroll-cue__next { opacity:0; pointer-events:none; transform:translateX(6px); }
}
@keyframes db-cue-nudge { 0%,100% { transform:translateX(0); } 35% { transform:translateX(5px); } 60% { transform:translateX(0); } }
@media (prefers-reduced-motion:reduce) { .db-scroll-cue .db-scroll-cue__next { animation:none!important; } }

/* Classic vs Roller: short "Drag to compare" hint that follows the divider and disappears after the first drag. */
.db-move-slider__hint {
  position:absolute;
  z-index:4;
  left:var(--db-move-split,50%);
  bottom:18px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(20,20,20,.62);
  color:#fff;
  font-size:12px;
  font-weight:650;
  letter-spacing:.02em;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transform:translateX(-50%);
  transition:opacity 320ms ease, transform 320ms var(--db-ease);
}
.db-move-slider__hint svg { width:14px; height:9px; animation:db-hint-sway 1.6s ease-in-out infinite; }
.db-move-slider:not(.is-interacted) .db-move-slider__handle { animation:db-handle-pulse 2.2s ease-out 1s 3; }
.db-move-slider.is-interacted .db-move-slider__hint { opacity:0; transform:translate(-50%,6px); }
@keyframes db-hint-sway { 0%,100% { transform:translateX(-1.5px); } 50% { transform:translateX(1.5px); } }
@keyframes db-handle-pulse { 0% { box-shadow:0 10px 24px rgba(20,20,20,.16),0 0 0 0 rgba(255,255,255,.75); } 70%,100% { box-shadow:0 10px 24px rgba(20,20,20,.16),0 0 0 14px rgba(255,255,255,0); } }
@media (prefers-reduced-motion:reduce) {
  .db-move-slider__hint svg, .db-move-slider .db-move-slider__handle { animation:none!important; }
}

/* Footer logo: the wordmark file has transparent padding on every side; pull it flush with the text below. */
.db-footer__logo img.db-footer__wordmark {
  width:var(--db-footer-logo-width,150px);
  max-width:none;
  margin:calc(var(--db-footer-logo-width,150px) * -0.0593) 0 calc(var(--db-footer-logo-width,150px) * -0.0484) calc(var(--db-footer-logo-width,150px) * -0.1356);
}


/* ===== Final revision ===== */

/* 1. Phone: equal breathing room above the gallery and below it (gallery → rating). */
@media (max-width:700px) {
  body.template-product.db-men-surface #db-product-main { padding-top:40px!important; }
}

/* 2. Model picker labels: page font + editor-controlled size/weight */
body.template-product.db-men-surface #db-product-main .db-native-product-controls .db-model-picker__options > input[type="radio"] + label,
body.template-product.db-men-surface #db-product-main .db-native-product-controls .db-model-picker__options > input[type="radio"] + label span {
  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:var(--db-model-label-size,16px)!important;
  font-weight:var(--db-model-label-weight,600)!important;
  letter-spacing:.01em;
}
body.template-product.db-men-surface #db-product-main .db-native-product-controls .db-model-picker__legend { font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important; }

/* 3. "See it in real trips" uses the same type as the dropdown rows above it */
body.template-product.db-men-surface #db-product-main .db-action-rail__header h2,
body.template-product.db-men-surface .db-section #db-product-main .db-action-rail__header h2 {
  font-family:inherit!important;
  font-size:var(--db-product-action-heading-size,16px)!important;
  font-weight:var(--db-product-action-heading-weight,700)!important;
  letter-spacing:inherit!important;
  line-height:1.3;
}

/* 4. Reel popup: drag strip + resize edges */
.db-reel__grip { position:absolute; z-index:4; top:0; left:0; right:64px; height:46px; cursor:grab; touch-action:none; }
.db-reel__grip span { position:absolute; left:50%; top:22px; width:36px; height:4px; margin-left:-18px; margin-left:calc(-18px + 32px); border-radius:2px; background:rgba(255,255,255,.55); transition:background 160ms ease, width 160ms ease; }
.db-reel__grip:hover span, .db-reel.is-moving .db-reel__grip span { background:#fff; }
.db-reel.is-moving .db-reel__grip { cursor:grabbing; }
.db-reel__resize { position:absolute; z-index:5; touch-action:none; }
.db-reel__resize--n, .db-reel__resize--s { left:14px; right:14px; height:10px; cursor:ns-resize; }
.db-reel__resize--n { top:-3px; } .db-reel__resize--s { bottom:-3px; }
.db-reel__resize--e, .db-reel__resize--w { top:14px; bottom:14px; width:10px; cursor:ew-resize; }
.db-reel__resize--e { right:-3px; } .db-reel__resize--w { left:-3px; }
.db-reel__resize--ne, .db-reel__resize--nw, .db-reel__resize--se, .db-reel__resize--sw { width:18px; height:18px; }
.db-reel__resize--ne { top:-3px; right:-3px; cursor:nesw-resize; } .db-reel__resize--sw { bottom:-3px; left:-3px; cursor:nesw-resize; }
.db-reel__resize--nw { top:-3px; left:-3px; cursor:nwse-resize; } .db-reel__resize--se { bottom:-3px; right:-3px; cursor:nwse-resize; }
.db-reel__resize--se::after { content:""; position:absolute; right:7px; bottom:7px; width:8px; height:8px; border-right:2px solid rgba(255,255,255,.7); border-bottom:2px solid rgba(255,255,255,.7); border-bottom-right-radius:3px; pointer-events:none; }
.db-reel.is-moving .db-reel__panel, .db-reel.is-resizing .db-reel__panel { transition:opacity 260ms ease; user-select:none; }
.db-reel.is-resizing, .db-reel.is-moving { cursor:grabbing; }
.db-reel.is-placed .db-reel__panel { transform-origin:50% 50%; }
@media (max-width:700px) { .db-reel__panel:not([style*="left"]) { left:auto; } }

/* 5. Feature rail cue: fade only over the peeking card, ramping gradually; arrow centred on the card. */
@media (max-width:700px) {
  .db-feature-rail-wrap.db-scroll-cue::after {
    width:var(--db-cue-peek,48px);
    top:2px;
    bottom:22px;
    border-radius:0;
    background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 45%,rgba(255,255,255,.9) 100%);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 60%);
  }
  .db-scroll-cue .db-scroll-cue__next { top:calc(50% - 11px); margin-top:-18px; right:12px; }
}

/* 6. Spec sheet (reference: "The technical bit.") */
.db-spec-sheet { margin-top:clamp(40px,6vw,72px); }
.db-spec-sheet__header { margin-bottom:18px; }
.db-spec-sheet__header .db-eyebrow { display:block; margin-bottom:8px; color:var(--db-muted); font-size:12px!important; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.db-section .db-spec-sheet__header h3 { margin:0; color:var(--db-ink); font-size:clamp(24px,2.4vw,32px)!important; font-weight:700; line-height:1.15; letter-spacing:-.02em; }
.db-section .db-spec-sheet__header p { margin:8px 0 0; color:var(--db-muted); }
.db-spec-sheet__table { margin:0; overflow:hidden; border:1px solid var(--db-line); border-radius:var(--db-radius,16px); }
.db-spec-sheet__row { display:grid; grid-template-columns:minmax(110px,38%) 1fr; gap:16px; align-items:baseline; padding:15px 18px; background:#fff; }
.db-spec-sheet__row:nth-child(odd) { background:#f6f6f6; }
.db-spec-sheet__row + .db-spec-sheet__row { border-top:1px solid var(--db-line); }
.db-spec-sheet__row dt { margin:0; color:var(--db-muted); font-size:var(--db-spec-label,14px); font-weight:500; line-height:1.4; }
.db-spec-sheet__row dd { margin:0; color:var(--db-ink); font-size:var(--db-spec-value,14px); font-weight:700; line-height:1.45; text-align:right; }
@media (min-width:901px) { .db-spec-sheet { max-width:860px; } }
@media (max-width:700px) { .db-spec-sheet__row { padding:14px 16px; grid-template-columns:minmax(96px,40%) 1fr; } }
body.template-product.db-men-surface .db-section .db-spec-sheet__header h3 { margin:0; color:var(--db-ink); font-size:clamp(24px,2.4vw,32px)!important; font-weight:700!important; line-height:1.15; letter-spacing:-.02em; }
body.template-product.db-men-surface .db-section .db-spec-sheet__header p { margin:8px 0 0; font-size:var(--db-edit-body-mobile,16px)!important; }
body.template-product.db-men-surface .db-section .db-spec-sheet__header .db-eyebrow { font-size:12px!important; }
@media (max-width:700px) { .db-spec-sheet__row { grid-template-columns:minmax(88px,32%) 1fr; } }
/* Spec sheet heading/description: driven by the section's editor settings */
body.template-product.db-men-surface .db-section .db-spec-sheet__header h3 { font-size:var(--db-spec-heading-mobile,24px)!important; font-weight:var(--db-spec-heading-weight,700)!important; }
body.template-product.db-men-surface .db-section .db-spec-sheet__header p { font-size:var(--db-spec-body,16px)!important; }
@media (min-width:701px) { body.template-product.db-men-surface .db-section .db-spec-sheet__header h3 { font-size:var(--db-spec-heading-desktop,32px)!important; } }


/* ============================================
   PRODUCT PAGE — PAIRS WELL WITH ADD BUTTON
============================================ */

body.template-product.db-men-surface
#db-product-main
.complementary-products
.quick-add__submit {
  width:auto!important;
  min-width:80px;
  min-height:50px;

  padding:0 18px!important;

  display:inline-flex!important;
  align-items:center;
  justify-content:center;

  border-radius:999px!important;

  font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;

  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

body.template-product.db-men-surface
#db-product-main
.complementary-products
.quick-add__submit :where(span,.button__text) {
  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin:0!important;
  padding:0!important;

  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}

/* Main PDP Add to Cart — immediate loading feedback */
body.template-product.db-men-surface
#db-product-main
.db-native-product-controls
.product-form__submit
.db-atc-loader {
  position:absolute;
  inset:50% auto auto 50%;
  z-index:2;

  width:20px;
  height:20px;
  margin:-10px 0 0 -10px;

  border:2px solid rgba(255,255,255,.38);
  border-top-color:#fff;
  border-radius:50%;

  opacity:0;
  pointer-events:none;
}

body.template-product.db-men-surface
#db-product-main
.db-native-product-controls
.product-form__submit.db-atc-loading {
  color:#fff!important;
  cursor:progress;
}

/* Keep the maroon background while loading */
body.template-product.db-men-surface
#db-product-main
.db-native-product-controls
.product-form__submit.db-atc-loading::before {
  transform:translateY(102%)!important;
}

/* Visually hide the original button content */
body.template-product.db-men-surface
#db-product-main
.db-native-product-controls
.product-form__submit.db-atc-loading
> :not(.db-atc-loader) {
  opacity:0!important;
}

/* Show spinner */
body.template-product.db-men-surface
#db-product-main
.db-native-product-controls
.product-form__submit.db-atc-loading
.db-atc-loader {
  opacity:1;
  animation:db-atc-spin .65s linear infinite;
}

@keyframes db-atc-spin {
  to {
    transform:rotate(360deg);
  }
}

@media (prefers-reduced-motion:reduce) {
  body.template-product.db-men-surface
  #db-product-main
  .db-native-product-controls
  .product-form__submit.db-atc-loading
  .db-atc-loader {
    animation:none;
  }
}
/* Community & reviews section: tighter spacing.
   Cards scale from the top so no empty band forms above them, and the stage is sized to the tallest story. */
body.template-product.db-men-surface section.db-community { padding-block:clamp(48px,6vw,80px); }
body.template-product.db-men-surface .db-community__header { margin-bottom:24px; }
body.template-product.db-men-surface .db-community__story { transform-origin:50% 0; }
@media (min-width:701px) {
  body.template-product.db-men-surface .db-community__story { height:auto; }
  body.template-product.db-men-surface .db-community__stage { min-height:max(395px, calc(min(720px,66vw) * .53)); }
  body.template-product.db-men-surface .db-community__controls { margin-top:20px; }
}
@media (max-width:700px) {
  body.template-product.db-men-surface .db-community__header { margin-bottom:20px; }
  body.template-product.db-men-surface .db-community__stage { min-height:max(662px, calc(64vw + 407px)); }
  body.template-product.db-men-surface .db-community__controls { margin-top:16px; }
}