/* duminagolf.com patches (tools/dg_patches.py), mirroring autoflex.us theme v2.32–v2.41 (2026-10-28).
   Loaded after the copied theme CSS. */

/* dark intro panel under each collection title (v2.41) */
.cpo-intro{position:relative;overflow:hidden;display:grid;gap:16px;margin-bottom:22px;padding:18px 22px;background:var(--ink);color:#fff}
.cpo-intro-lead{padding-right:150px}
.cpo-intro h2{font:600 clamp(20px,1.8vw,25px)/1.2 var(--f-display);letter-spacing:-.015em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpo-intro p{color:#E6E4DF;font-size:15.5px;line-height:1.55;margin-top:8px;max-width:50em;height:3.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cpo-big{position:absolute;right:26px;top:12px;width:108px;height:108px;color:var(--pink);opacity:.35;pointer-events:none}
.cpo-big svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}
.cpo-points{position:relative;list-style:none;margin:0;padding:14px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid #2E2C2F}
.cpo-points li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.4;min-width:0}
.cpo-points li>div{min-width:0}
.cpo-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #4A484B;border-radius:50%;color:var(--pink)}
.cpo-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cpo-points b{display:block;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpo-points .cpo-pt{font-size:14px;line-height:1.4;color:#D2D0CB;margin-top:2px;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){
  /* phones: heading (two lines) and the three point titles only, so every panel is the same height */
  .cpo-intro{gap:12px;padding:16px}
  .cpo-intro-lead{padding-right:0}
  .cpo-intro h2{white-space:normal;height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .cpo-intro p,.cpo-points .cpo-pt,.cpo-big{display:none}
  .cpo-points{grid-template-columns:1fr;gap:8px;padding-top:12px}
  .cpo-points li{align-items:center}
  .cpo-ico{width:34px;height:34px}
}

/* filter bar locked under the sticky header; one swipeable row on phones (v2.33) */
.toolbar{padding-top:12px;position:sticky;top:var(--header-h);z-index:30;background:var(--warm)}
@media (max-width:900px){
  .toolbar{flex-wrap:nowrap;align-items:center;gap:8px;padding-block:10px;margin-inline:calc(-1 * max(20px, env(safe-area-inset-left,0px)));padding-inline:max(20px, env(safe-area-inset-left,0px));overflow-x:auto;scrollbar-width:none}
  .toolbar::-webkit-scrollbar{display:none}
  .facets{flex-wrap:nowrap}
  .facets-label,.sort span{display:none}
  .facet,.sort{flex:none}
  .facet summary,.facet-toggle{white-space:nowrap}
}

/* product details column wraps to the screen on phones instead of widening the page (v2.37) */
.pd-info{grid-template-columns:minmax(0,1fr)}

/* one pink: every accent uses the "Online Shop" pink #C8006E; the darker pink stays only as the
   hover of pink buttons and pink menu links (v2.41) */
:root{--pink-deep:#C8006E}
.btn-main-pink:hover,.btn-main-pink:focus-visible{background:#9E0057!important;border-color:#9E0057!important}
.ip-book:hover,.ip-book:focus-visible,.wd-btn:hover,.wd-btn:focus-visible,.vf-btn:hover,.vf-btn:focus-visible,.ft-start:hover,.ft-start:focus-visible{background:#9E0057}
.mega a.is-hl:hover,.side-group a.is-hl:hover{color:#9E0057}
.wd-genuine .wd-num,#club-partners .cp-btn span{color:var(--pink)}

/* info site: the "Shop online" menu's links open autoflex.us; a note at the top of the menu says so,
   scrolling sideways like a ticker; a small arrow after the label marks it as another site (2026-10-28) */
.ext-ico{width:10px;height:10px;margin-left:4px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:1px;flex:none}
/* the theme flips icons in an open menu button (for the chevron); keep the arrow pointing up-right */
.nav-top .ext-ico,summary .ext-ico,.ext-ico{transform:none!important;transition:none}
.mega-note{margin:0 0 24px;padding:10px 0;border-left:3px solid var(--pink);background:#F6F4F1;font:500 13.5px/1.45 var(--f-body);color:#2B2A2D}
.drawer-note{margin:2px 0 10px;padding:6px 0;font:400 12.5px/1.4 var(--f-body);color:var(--stone)}
.note-roll{overflow:hidden;white-space:nowrap}
.note-track{display:inline-flex;width:max-content;animation:note-roll 28s linear infinite}
.note-roll:hover .note-track{animation-play-state:paused}
.note-item{flex:none;padding-left:14px;padding-right:80px}
@keyframes note-roll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.note-track{animation:none}}

/* home: short "About DUMINA" section under the slider (draft 2026-10-28) */
.dg-about{padding:clamp(48px,7vw,88px) 0;background:var(--warm,#FAF8F5)}
.dg-about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px clamp(32px,5vw,72px);align-items:start}
.dg-about-lead .eyebrow{display:block;margin-bottom:14px}
.dg-about-lead h1{margin:0}
.dg-about-copy p{margin:0 0 14px;font-size:16.5px;line-height:1.65;color:#2B2A2D}
.dg-about-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:6px!important}
.dg-about-links a{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--pink);padding-bottom:2px}
.dg-about-links a:hover{color:var(--pink)}
.dg-about-facts{grid-column:1/-1;list-style:none;margin:12px 0 0;padding:22px 0 0;border-top:1px solid #E4E2DC;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.dg-about-facts b{display:block;font:600 clamp(20px,2vw,26px)/1.15 var(--f-display);letter-spacing:-.01em;color:var(--ink)}
.dg-about-facts span{display:block;margin-top:4px;font-size:13.5px;color:#6b6a66}
@media (max-width:900px){
  .dg-about-grid{grid-template-columns:1fr}
  .dg-about-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* brand cleanup: footer "Shop at autoFlex.us ↗" stays on one line */
.foot-col a:has(.ext-ico){white-space:nowrap}

/* home: the header is a solid bar above the slider, not over it (2026-10-28) */
.template-index .section-header{margin-bottom:0}

/* home slider: note under the "Shop ... Online" buttons saying they open autoFlex.us (2026-10-28) */
.hx-shop-note{margin-top:10px;font:500 12px/1.35 var(--f-body);letter-spacing:.01em;opacity:.78;max-width:34em}
.hx-cta .ext-ico{width:9px;height:9px;margin-left:6px;vertical-align:0}

/* brand footer (2026-10-28): statement band, topic columns, contact column, slim base line */
.dg-foot{padding-block:0 28px}
.dg-foot-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 48px;align-items:center;padding:48px 0 40px;border-bottom:1px solid #353437}
.dg-foot .foot-logo{width:150px;margin:0}
.dg-foot-line{margin:0;font:500 clamp(22px,2.3vw,30px)/1.2 var(--f-display);letter-spacing:-.01em;color:#fff}
.dg-foot-sub{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:#9c9a95}
.dg-foot .dg-foot-shop{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #6b6a6d;color:#fff;font:600 13.5px/1 var(--f-body);white-space:nowrap;transition:border-color .2s,background .2s}
.dg-foot .dg-foot-shop:hover{border-color:var(--pink);background:var(--pink);color:#fff}
.dg-foot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 28px;padding-top:44px}
.dg-foot .foot-col a{display:inline-flex;align-items:center;gap:6px}
.dg-foot-contact .foot-contact{margin-bottom:14px}
.dg-foot-help{margin-top:4px}
.dg-foot-base{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:48px;padding-top:20px;border-top:1px solid #353437;font-size:12.5px;color:#8a8984}
.dg-foot-base .foot-copy{font-size:13px;margin-right:auto}
.dg-foot .dg-foot-social{display:inline-flex;align-items:center;gap:8px;color:#c9c6c2}
.dg-foot .dg-foot-social svg{width:16px;height:16px}
@media (max-width:1000px){
  .dg-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .dg-foot-band{grid-template-columns:1fr;gap:16px;padding:40px 0 32px}
  .dg-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .dg-foot-contact{grid-column:1/-1}
  .dg-foot-base{flex-direction:column;align-items:flex-start}
  .dg-foot-base .foot-copy{margin-right:0}
}

/* contact page as a brand page (draft 2026-10-28): topic cards and a headquarters panel */
.dg-ct .sf-intro{max-width:44em}
.dg-ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.dg-ct-card{display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;background:#fff;border:1px solid #E4E2DC;border-top:3px solid var(--pink)}
.dg-ct-card h2{margin:0;font:600 18px/1.25 var(--f-body);color:var(--ink)}
.dg-ct-card p{margin:0;font-size:14.5px;line-height:1.55;color:#4a4947}
.dg-ct-links{display:flex;flex-direction:column;gap:8px;margin-top:auto!important;padding-top:6px}
.dg-ct-links a{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--pink);padding-bottom:1px}
.dg-ct-links a:hover{color:var(--pink)}
.dg-ct-hq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;margin-top:28px;padding:30px 32px;background:var(--ink,#1c1b1d);color:#d9d7d2}
.dg-ct-hq h2{margin:4px 0 10px;font:500 clamp(22px,2.2vw,28px)/1.2 var(--f-display);color:#fff}
.dg-ct-hq p{margin:0 0 10px;font-size:15px;line-height:1.6}
.dg-ct-hq a{color:#fff}
.dg-ct-hq .dg-ct-links a{color:#fff;border-bottom-color:var(--pink)}
.dg-ct-eyebrow{font:600 11.5px/1.2 var(--f-body)!important;letter-spacing:.14em;text-transform:uppercase;color:#a3a19c}
@media (max-width:900px){
  .dg-ct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .dg-ct-grid,.dg-ct-hq{grid-template-columns:1fr}
  .dg-ct-hq{padding:24px 20px}
}

/* Design Concept page (draft 2026-10-28) */
.dg-dc-lead{max-width:40em;margin:0 0 32px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#2B2A2D}
.dg-dc-points{list-style:none;margin:0;padding:0;border-top:1px solid #E4E2DC}
.dg-dc-points li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid #E4E2DC}
.dg-dc-n{font:500 clamp(24px,2.4vw,32px)/1 var(--f-display);color:var(--pink)}
.dg-dc-points h2{margin:0 0 6px;font:600 19px/1.3 var(--f-body);color:var(--ink)}
.dg-dc-points p{margin:0;max-width:44em;font-size:16px;line-height:1.6;color:#4a4947}
.dg-dc-time{list-style:none;margin:36px 0 0;padding:24px 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:var(--ink,#1c1b1d);color:#d9d7d2}
.dg-dc-time b{display:block;font:500 clamp(22px,2.2vw,28px)/1.1 var(--f-display);color:#fff}
.dg-dc-time span{display:block;margin-top:6px;font-size:14px;line-height:1.5}
.dg-dc-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin:32px 0 0}
.dg-dc-links a{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--pink);padding-bottom:2px}
.dg-dc-links a:hover{color:var(--pink)}
@media (max-width:700px){
  .dg-dc-points li{grid-template-columns:48px minmax(0,1fr)}
  .dg-dc-time{grid-template-columns:1fr;padding:22px 20px}
}

/* Technology Highlights page (2026-10-28): reuses the Design Concept and contact-card styles */
.dg-th-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 40px}
.dg-th-h{margin:40px 0 14px;font:600 13px/1.2 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#6b6a66}
.dg-th .dg-ct-grid{margin-top:0}
.dg-th-check{margin-top:32px;padding:24px 26px;border:1px solid #E4E2DC;border-left:3px solid var(--pink);background:#fff}
.dg-th-check h2{margin:0 0 6px;font:600 19px/1.3 var(--f-body);color:var(--ink)}
.dg-th-check p{margin:0;font-size:16px;line-height:1.6;color:#4a4947}
.dg-th-check a{font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--pink)}
@media (max-width:900px){.dg-th-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}