.elementor-32 .elementor-element.elementor-element-81cbed7{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a32241d */<style>
  @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800;6..12,900&display=swap");

  @font-face {
    font-family: "DOC Uniwars";
    src: url("https://docsportsgear.com/wp-content/uploads/2026/07/UniwarsW00-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
  }

  :root {
    --doc-navy: #001f3f;
    --doc-navy-2: #00152b;
    --doc-navy-3: #06345e;
    --doc-gold: #c5b358;
    --doc-gold-2: #dfd28c;
    --doc-gold-pale: #f7f3df;
    --doc-gold-bright: #f2d74f;
    --doc-sky: #dff4ff;
    --doc-white: #fff;
    --doc-ink: #101820;
    --doc-gray-50: #fafafa;
    --doc-gray-100: #f3f4f6;
    --doc-gray-200: #e2e5e9;
    --doc-gray-500: #66707a;
    --doc-danger: #a21c2b;
    --doc-shadow: 0 15px 40px rgba(0, 31, 63, .13);
    --doc-radius: 20px;
    --doc-font-brand: "DOC Uniwars", Impact, sans-serif;
    --doc-font-display: "Barlow Condensed", Impact, sans-serif;
    --doc-font-body: "Nunito Sans", Arial, Helvetica, sans-serif;
  }

  html { scroll-behavior: smooth; }
  body { overflow-x: hidden; }
  .doc-header, .doc-header *, .doc-page, .doc-page *, .doc-footer, .doc-footer * {
    box-sizing: border-box;
  }
  .doc-shell { width: min(1440px, calc(100% - 40px)); margin: 0 auto; }
  .doc-sr-only {
    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;
  }
  .doc-header {
    position: relative; z-index: 999; width: 100%; background: var(--doc-white);
    color: var(--doc-ink); font-family: var(--doc-font-body);
    box-shadow: 0 2px 12px rgba(0,0,0,.12);
  }
  .doc-topbar { background: var(--doc-navy-2); color: var(--doc-white); }
  .doc-topbar__inner {
    min-height: 34px; display: flex; align-items: center; justify-content: space-between;
    gap: 18px; font-size: 13px; font-weight: 900; letter-spacing: .045em;
  }
  .doc-topbar p { margin: 0; color: var(--doc-gold-2); }
  .doc-topbar a { color: var(--doc-white); text-decoration: none; margin-left: 22px; }
  .doc-topbar a:hover { color: var(--doc-gold-2); }
  .doc-promo-ribbon {
    overflow: hidden; background: var(--doc-gold); color: var(--doc-navy-2);
    border-bottom: 1px solid rgba(0,0,0,.12);
  }
  .doc-promo-ribbon__track {
    min-width: max-content; min-height: 29px; display: flex; align-items: center;
    justify-content: center; gap: 18px; padding: 5px 18px;
    font: 400 12px/1 var(--doc-font-brand); letter-spacing: .08em;
  }
  .doc-promo-ribbon i { width: 4px; height: 4px; border-radius: 50%; background: var(--doc-navy); }
  .doc-mainbar { background: var(--doc-white); }
  .doc-mainbar__inner {
    min-height: 92px; display: grid; grid-template-columns: 230px minmax(250px, 1fr) auto;
    align-items: center; gap: 34px;
  }
  .doc-logo { display: inline-flex; align-items: center; max-width: 210px; height: 72px; }
  .doc-logo img { display: block; max-width: 100%; max-height: 68px; object-fit: contain; }
  .doc-search { display: flex; height: 48px; border: 2px solid var(--doc-navy); border-radius: 4px; overflow: hidden; }
  .doc-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 0 16px; font: 700 16px/1 var(--doc-font-body); }
  .doc-search button, .doc-mobile-search button {
    width: 52px; border: 0; background: var(--doc-navy); color: var(--doc-white);
    display: grid; place-items: center; cursor: pointer;
  }
  .doc-search svg, .doc-mobile-search svg, .doc-actions svg {
    width: 23px; fill: none; stroke: currentColor; stroke-width: 1.8;
    stroke-linecap: round; stroke-linejoin: round;
  }
  .doc-actions { display: flex; align-items: center; gap: 26px; }
  .doc-actions a { display: flex; align-items: center; gap: 9px; color: var(--doc-navy); text-decoration: none; font-weight: 800; }
  .doc-actions a:hover { color: var(--doc-navy-3); }
  .doc-actions span { line-height: 1.05; font-size: 15px; }
  .doc-actions small { display: block; color: var(--doc-gray-500); font-size: 12px; font-weight: 800; margin-bottom: 3px; }
  .doc-menu-toggle { display: none; }
  .doc-nav { background: var(--doc-navy); border-bottom: 4px solid var(--doc-gold); }
  .doc-nav__inner { min-height: 49px; display: flex; align-items: stretch; justify-content: center; }
  .doc-nav a {
    display: flex; align-items: center; justify-content: center; padding: 0 22px;
    color: var(--doc-white); text-decoration: none; text-transform: uppercase;
    font: 800 15px/1 var(--doc-font-display); letter-spacing: .025em;
    border-left: 1px solid rgba(255,255,255,.1); transition: .2s ease;
  }
  .doc-nav a:hover { color: var(--doc-navy); background: var(--doc-gold); }
  .doc-nav__sale { color: var(--doc-gold-2) !important; }
  .doc-nav__sale:hover { color: var(--doc-navy) !important; }
  .doc-mobile-search { display: none; }

  /* GLOBAL PAGE SYSTEM */
  .doc-page { width: 100%; color: var(--doc-ink); background: var(--doc-white); font-family: var(--doc-font-body); }
  .doc-page img { max-width: 100%; }
  .doc-page h1, .doc-page h2, .doc-page h3, .doc-page h4,
  .doc-btn, .doc-stat strong {
    font-family: var(--doc-font-display); font-weight: 800;
  }
  .doc-kicker, .doc-chip { font-family: var(--doc-font-brand); font-weight: 400; }
  .doc-page { font-size: 16px; line-height: 1.65; }
  .doc-page h1, .doc-page h2, .doc-page h3, .doc-page p { margin-top: 0; }
  .doc-section { padding: 76px 0; }
  .doc-section--soft { background: var(--doc-gray-100); }
  .doc-section--gold { background: var(--doc-gold-pale); }
  .doc-section--navy { background: var(--doc-navy); color: var(--doc-white); }
  .doc-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
  .doc-section-head h2 { margin: 0; color: var(--doc-navy); font-size: clamp(36px,4.5vw,60px); line-height: .95; letter-spacing: -.015em; text-transform: uppercase; }
  .doc-section--navy .doc-section-head h2 { color: var(--doc-white); }
  .doc-section-head p { max-width: 650px; margin: 12px 0 0; color: var(--doc-gray-500); font-size: 17px; line-height: 1.65; }
  .doc-section--navy .doc-section-head p { color: rgba(255,255,255,.74); }
  .doc-kicker { display: block; margin-bottom: 12px; color: var(--doc-gold); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
  .doc-btn {
    min-height: 50px; display: inline-flex; align-items: center; justify-content: center;
    gap: 8px; padding: 13px 26px; border: 2px solid var(--doc-navy); border-radius: 999px;
    background: var(--doc-navy); color: var(--doc-white) !important; text-decoration: none !important;
    text-transform: uppercase; font-size: 16px; letter-spacing: .025em; transition: .2s ease;
  }
  .doc-btn:hover { transform: translateY(-2px); background: var(--doc-gold); border-color: var(--doc-gold); color: var(--doc-navy) !important; }
  .doc-btn--gold { background: var(--doc-gold); border-color: var(--doc-gold); color: var(--doc-navy) !important; }
  .doc-btn--gold:hover { background: var(--doc-white); border-color: var(--doc-white); }
  .doc-btn--white { background: var(--doc-white); border-color: var(--doc-white); color: var(--doc-navy) !important; }
  .doc-btn--outline { background: transparent; color: var(--doc-navy) !important; }
  .doc-section--navy .doc-btn--outline { color: var(--doc-white) !important; border-color: var(--doc-white); }
  .doc-btn-row { display: flex; flex-wrap: wrap; gap: 12px; }
  .doc-text-link { color: var(--doc-navy); font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: 4px; }
  .doc-section--navy .doc-text-link { color: var(--doc-gold-2); }
  .doc-breadcrumbs { padding: 15px 0; background: var(--doc-gray-100); border-bottom: 1px solid var(--doc-gray-200); }
  .doc-breadcrumbs p { margin: 0; font-size: 14px; color: var(--doc-gray-500); }
  .doc-breadcrumbs a { color: var(--doc-navy); text-decoration: none; font-weight: 800; }
  .doc-page-hero { position: relative; overflow: hidden; padding: 76px 0; background: var(--doc-navy); color: var(--doc-white); }
  .doc-page-hero::before {
    content: ""; position: absolute; width: 430px; height: 430px; right: -110px; top: -235px;
    border: 70px solid rgba(197,179,88,.18); border-radius: 50%;
  }
  .doc-page-hero::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 13px;
    background: repeating-linear-gradient(135deg,var(--doc-gold) 0 18px,var(--doc-gold-2) 18px 36px);
  }
  .doc-page-hero__inner { position: relative; z-index: 1; max-width: 920px; }
  .doc-page-hero h1 { margin: 0; font-size: clamp(48px,7vw,88px); line-height: .9; letter-spacing: -.02em; text-transform: uppercase; }
  .doc-page-hero p { max-width: 720px; margin: 20px 0 0; font-size: 18px; line-height: 1.65; color: rgba(255,255,255,.8); }
  .doc-chip {
    display: inline-flex; padding: 8px 12px; margin-bottom: 16px; border: 1px solid rgba(255,255,255,.35);
    border-radius: 999px; color: var(--doc-gold-2); font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
  }
  .doc-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
  .doc-card {
    position: relative; overflow: hidden; min-height: 420px; border-radius: var(--doc-radius);
    background: var(--doc-navy); box-shadow: var(--doc-shadow);
  }
  .doc-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
  .doc-card::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(0,21,43,.96)); }
  .doc-card__content { position: absolute; z-index: 2; left: 25px; right: 25px; bottom: 24px; color: var(--doc-white); }
  .doc-card__content h3 { margin: 0 0 10px; font-size: 32px; line-height: .95; text-transform: uppercase; }
  .doc-card__content p { margin: 0 0 15px; color: rgba(255,255,255,.84); font-size: 16px; line-height: 1.5; }
  .doc-card__content a { color: var(--doc-gold-2); font-weight: 900; }
  .doc-card:hover img { transform: scale(1.055); }
  .doc-feature-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
  .doc-feature {
    padding: 28px; background: var(--doc-white); border: 1px solid var(--doc-gray-200);
    border-top: 5px solid var(--doc-gold); box-shadow: 0 8px 25px rgba(0,31,63,.07);
  }
  .doc-feature svg { width: 34px; height: 34px; fill: none; stroke: var(--doc-navy); stroke-width: 1.6; }
  .doc-feature h3 { margin: 17px 0 8px; color: var(--doc-navy); font-size: 23px; line-height: 1; text-transform: uppercase; }
  .doc-feature p { margin: 0; color: var(--doc-gray-500); line-height: 1.6; font-size: 16px; }
  .doc-split { display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; background: var(--doc-navy); }
  .doc-split__media { min-height: 420px; background-size: cover; background-position: center; }
  .doc-split__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(45px,7vw,100px); color: var(--doc-white); }
  .doc-split__content h2 { margin: 0 0 18px; font-size: clamp(34px,5vw,66px); line-height: .98; text-transform: uppercase; }
  .doc-split__content p { color: rgba(255,255,255,.78); line-height: 1.7; font-size: 17px; }
  .doc-callout {
    display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 35px;
    padding: 40px 46px; border-radius: var(--doc-radius); background: var(--doc-navy); color: var(--doc-white);
    box-shadow: var(--doc-shadow);
  }
  .doc-callout h2 { margin: 0 0 8px; font-size: clamp(26px,4vw,46px); line-height: 1; text-transform: uppercase; }
  .doc-callout p { margin: 0; color: rgba(255,255,255,.76); line-height: 1.55; }
  .doc-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; counter-reset: docsteps; }
  .doc-step { position: relative; padding: 35px; background: var(--doc-white); border: 1px solid var(--doc-gray-200); counter-increment: docsteps; }
  .doc-step::before {
    content: "0" counter(docsteps); display: block; margin-bottom: 22px;
    color: var(--doc-gold); font: 400 34px/1 var(--doc-font-display);
  }
  .doc-step h3 { color: var(--doc-navy); font-size: 20px; text-transform: uppercase; }
  .doc-step p { margin-bottom: 0; color: var(--doc-gray-500); line-height: 1.65; }
  .doc-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
  .doc-info-box { padding: 34px; background: var(--doc-white); border: 1px solid var(--doc-gray-200); border-radius: 8px; }
  .doc-info-box h2, .doc-info-box h3 { color: var(--doc-navy); text-transform: uppercase; }
  .doc-info-box p, .doc-info-box li { color: var(--doc-gray-500); line-height: 1.7; }
  .doc-info-box ul { padding-left: 20px; }
  .doc-faq { max-width: 1000px; margin: 0 auto; }
  .doc-faq details { background: var(--doc-white); border-bottom: 1px solid var(--doc-gray-200); }
  .doc-faq summary {
    position: relative; cursor: pointer; list-style: none; padding: 24px 55px 24px 0;
    color: var(--doc-navy); font: 800 21px/1.25 var(--doc-font-display); text-transform: uppercase;
  }
  .doc-faq summary::-webkit-details-marker { display:none; }
  .doc-faq summary::after { content:"+"; position:absolute; right:8px; top:18px; color:var(--doc-gold); font:700 29px/1 Arial; }
  .doc-faq details[open] summary::after { content:"−"; }
  .doc-faq details p { padding: 0 55px 24px 0; margin: 0; color: var(--doc-gray-500); line-height: 1.7; }
  .doc-table-wrap { overflow-x:auto; border:1px solid var(--doc-gray-200); }
  .doc-table { width:100%; min-width:680px; border-collapse:collapse; background:var(--doc-white); }
  .doc-table th { background:var(--doc-navy); color:var(--doc-white); font:800 15px/1.2 var(--doc-font-display); text-transform:uppercase; }
  .doc-table th, .doc-table td { padding:17px 19px; text-align:left; border-bottom:1px solid var(--doc-gray-200); }
  .doc-table tr:nth-child(even) td { background:var(--doc-gray-50); }
  .doc-note { padding:20px 22px; border-left:5px solid var(--doc-gold); background:var(--doc-gold-pale); color:var(--doc-navy); line-height:1.6; }

  /* HOMEPAGE */
  .doc-home-hero { position:relative; min-height:620px; overflow:hidden; background:var(--doc-navy-2); color:var(--doc-white); }
  .doc-home-hero__bg { position:absolute; inset:0; background-image:linear-gradient(90deg,rgba(0,21,43,.96) 0%,rgba(0,21,43,.75) 45%,rgba(0,21,43,.1) 78%),url("https://docsportsgear.com/wp-content/uploads/DOC-HERO-PLACEHOLDER.jpg"); background-size:cover; background-position:center; }
  .doc-home-hero__stripe { position:absolute; top:-90px; right:14%; width:110px; height:820px; background:var(--doc-gold); opacity:.88; transform:rotate(14deg); }
  .doc-home-hero__content { position:relative; z-index:2; min-height:620px; display:flex; flex-direction:column; justify-content:center; max-width:760px; padding:75px 0; }
  .doc-home-hero h1 { margin:0; font-size:clamp(58px,8.5vw,112px); line-height:.82; letter-spacing:-.025em; text-transform:uppercase; text-shadow:0 7px 25px rgba(0,0,0,.28); }
  .doc-home-hero h1 em { display:block; color:var(--doc-gold-2); font-style:normal; }
  .doc-home-hero p { max-width:630px; margin:25px 0 30px; color:rgba(255,255,255,.84); font-size:19px; line-height:1.55; }
  .doc-home-benefits { background:var(--doc-white); border-bottom:1px solid var(--doc-gray-200); }
  .doc-home-benefits__grid { display:grid; grid-template-columns:repeat(4,1fr); }
  .doc-home-benefit { padding:20px; text-align:center; border-right:1px solid var(--doc-gray-200); }
  .doc-home-benefit:last-child { border-right:0; }
  .doc-home-benefit strong { display:block; color:var(--doc-navy); font:800 18px/1.05 var(--doc-font-display); text-transform:uppercase; }
  .doc-home-benefit span { display:block; margin-top:6px; color:var(--doc-gray-500); font-size:14px; font-weight:700; }
  .doc-category-bubbles { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; }
  .doc-bubble { display:block; color:var(--doc-navy); text-align:center; text-decoration:none; }
  .doc-bubble__img { aspect-ratio:1; overflow:hidden; border:5px solid var(--doc-white); border-radius:50%; background:var(--doc-gray-100); box-shadow:0 0 0 3px var(--doc-gold),var(--doc-shadow); transition:.25s ease; }
  .doc-bubble img { width:100%; height:100%; object-fit:cover; }
  .doc-bubble strong { display:block; margin-top:16px; color:var(--doc-navy); font:800 19px/1.05 var(--doc-font-display); text-transform:uppercase; }
  .doc-bubble:hover .doc-bubble__img { transform:translateY(-5px); box-shadow:0 0 0 5px var(--doc-navy),var(--doc-shadow); }
  .doc-campaign-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:22px; }
  .doc-campaign { position:relative; min-height:450px; overflow:hidden; border-radius:var(--doc-radius); background:var(--doc-navy); }
  .doc-campaign img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .doc-campaign::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,21,43,.96),rgba(0,21,43,.05) 70%); }
  .doc-campaign__content { position:absolute; z-index:2; left:30px; right:30px; bottom:30px; color:var(--doc-white); }
  .doc-campaign h3 { margin:0 0 10px; font-size:clamp(27px,4vw,52px); line-height:.95; text-transform:uppercase; }
  .doc-campaign p { margin:0 0 18px; color:rgba(255,255,255,.8); }

  /* PRODUCT AREAS + NATIVE WOOCOMMERCE */
  .doc-product-intro { padding:42px 0 10px; }
  .doc-product-shortcode { padding:10px 0 76px; }
  .doc-product-zone ul.products,
  .woocommerce ul.products { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px !important; margin:0 !important; }
  .doc-product-zone ul.products::before, .doc-product-zone ul.products::after,
  .woocommerce ul.products::before, .woocommerce ul.products::after { display:none !important; }
  .doc-product-zone ul.products li.product,
  .woocommerce ul.products li.product {
    width:auto !important; float:none !important; margin:0 !important; padding:0 0 20px !important;
    background:var(--doc-white); border:1px solid var(--doc-gray-200); border-radius:7px; overflow:hidden;
    box-shadow:0 7px 22px rgba(0,31,63,.06); transition:.25s ease;
  }
  .doc-product-zone ul.products li.product:hover,
  .woocommerce ul.products li.product:hover { transform:translateY(-5px); box-shadow:var(--doc-shadow); }
  .doc-product-zone ul.products li.product img,
  .woocommerce ul.products li.product img { width:100% !important; aspect-ratio:1; object-fit:contain; background:var(--doc-white); margin:0 0 16px !important; }
  .doc-product-zone .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding:0 16px !important; color:var(--doc-navy); font:800 19px/1.15 var(--doc-font-display) !important; text-transform:uppercase;
  }
  .doc-product-zone .price, .woocommerce ul.products li.product .price { padding:0 16px; color:var(--doc-ink) !important; font-weight:900 !important; }
  .doc-product-zone .button, .woocommerce ul.products li.product .button {
    margin:12px 16px 0 !important; padding:13px 15px !important; border-radius:999px !important;
    background:var(--doc-navy) !important; color:var(--doc-white) !important;
    font:800 15px/1 var(--doc-font-display) !important; letter-spacing:.02em; text-transform:uppercase;
  }
  .woocommerce span.onsale { min-width:0 !important; min-height:0 !important; padding:9px 11px !important; border-radius:0 !important; background:var(--doc-danger) !important; font:800 11px/1 var(--doc-font-body) !important; }
  .woocommerce div.product .product_title { color:var(--doc-navy); font-family:var(--doc-font-display); text-transform:uppercase; }
  .woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--doc-navy) !important; font-weight:900; }
  .woocommerce div.product form.cart .button, .woocommerce button.button.alt,
  .woocommerce a.button.alt, .woocommerce input.button.alt {
    background:var(--doc-navy) !important; color:var(--doc-white) !important; border-radius:999px !important;
    font:800 16px/1 var(--doc-font-display) !important; text-transform:uppercase;
  }
  .woocommerce div.product form.cart .button:hover, .woocommerce button.button.alt:hover,
  .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover { background:var(--doc-gold) !important; color:var(--doc-navy) !important; }
  .woocommerce-message, .woocommerce-info { border-top-color:var(--doc-gold) !important; }
  .woocommerce-message::before, .woocommerce-info::before { color:var(--doc-navy) !important; }
  .woocommerce table.shop_table { border-color:var(--doc-gray-200) !important; border-radius:4px !important; }
  .woocommerce table.shop_table th { color:var(--doc-navy); font-family:var(--doc-font-display); text-transform:uppercase; }
  .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
  .woocommerce form .form-row select { min-height:48px; border:1px solid #b8bec5; border-radius:2px; padding:11px 13px; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style:none; padding:0; margin:0; border:1px solid var(--doc-gray-200); }
  .woocommerce-account .woocommerce-MyAccount-navigation li a { display:block; padding:14px 16px; color:var(--doc-navy); text-decoration:none; border-bottom:1px solid var(--doc-gray-200); font-weight:800; }
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background:var(--doc-navy); color:var(--doc-white); }
  .woocommerce-checkout h3, .cart_totals h2 { color:var(--doc-navy); font-family:var(--doc-font-display); text-transform:uppercase; }

  /* GRAVITY FORMS */
  .doc-form-wrap .gform_wrapper { font-family:var(--doc-font-body); }
  .doc-form-wrap .gfield_label { color:var(--doc-navy); font-weight:900 !important; }
  .doc-form-wrap input[type=text], .doc-form-wrap input[type=email],
  .doc-form-wrap input[type=tel], .doc-form-wrap select, .doc-form-wrap textarea {
    border:1px solid #abb2ba !important; border-radius:2px !important; min-height:50px;
    padding:12px 14px !important; background:var(--doc-white);
  }
  .doc-form-wrap textarea { min-height:150px; }
  .doc-form-wrap input[type=submit], .doc-form-wrap .gform_button {
    min-height:52px !important; padding:13px 28px !important; border:0 !important; border-radius:2px !important;
    background:var(--doc-navy) !important; color:var(--doc-white) !important;
    font:800 16px/1 var(--doc-font-display) !important; text-transform:uppercase; cursor:pointer;
  }
  .doc-form-wrap input[type=submit]:hover, .doc-form-wrap .gform_button:hover { background:var(--doc-gold) !important; color:var(--doc-navy) !important; }

  @media (max-width:1100px) {
    .doc-mainbar__inner { grid-template-columns:190px 1fr auto; gap:20px; }
    .doc-actions span { display:none; }
    .doc-actions { gap:18px; }
    .doc-nav a { padding:0 12px; font-size:13px; }
    .doc-category-bubbles { grid-template-columns:repeat(3,1fr); row-gap:30px; }
    .doc-feature-grid { grid-template-columns:repeat(2,1fr); }
  }
  @media (max-width:767px) {
    .doc-shell { width:min(100% - 28px,1440px); }
    .doc-topbar__inner { min-height:32px; justify-content:center; text-align:center; }
    .doc-topbar__inner div { display:none; }
    .doc-promo-ribbon__track { justify-content:flex-start; animation:docTicker 22s linear infinite; }
    @keyframes docTicker { to { transform:translateX(-50%); } }
    .doc-mainbar__inner { min-height:75px; grid-template-columns:44px 1fr auto; gap:10px; }
    .doc-logo { height:58px; max-width:155px; justify-self:center; }
    .doc-logo img { max-height:55px; }
    .doc-search { display:none; }
    .doc-menu-toggle { display:flex; width:40px; height:40px; padding:10px 8px; flex-direction:column; justify-content:center; gap:5px; border:0; background:transparent; }
    .doc-menu-toggle span { display:block; width:24px; height:2px; background:var(--doc-navy); transition:.2s ease; }
    .doc-menu-toggle[aria-expanded=true] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .doc-menu-toggle[aria-expanded=true] span:nth-child(2) { opacity:0; }
    .doc-menu-toggle[aria-expanded=true] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .doc-actions { gap:12px; }
    .doc-actions a:first-child { display:none; }
    .doc-actions svg { width:25px; }
    .doc-nav { display:none; position:absolute; left:0; right:0; top:136px; border-bottom:4px solid var(--doc-gold); }
    .doc-header.doc-menu-open .doc-nav { display:block; }
    .doc-nav__inner { width:100%; display:block; padding:7px 0; }
    .doc-nav a { justify-content:flex-start; min-height:52px; padding:0 24px; border:0; border-bottom:1px solid rgba(255,255,255,.12); font-size:17px; }
    .doc-mobile-search { display:block; padding:10px 14px; border-top:1px solid var(--doc-gray-200); }
    .doc-mobile-search form { height:42px; display:flex; border:1px solid var(--doc-navy); }
    .doc-mobile-search input { flex:1; min-width:0; padding:0 12px; border:0; outline:0; font:700 16px/1 var(--doc-font-body); }
    .doc-mobile-search button { width:46px; }
    .doc-section { padding:55px 0; }
    .doc-section-head { display:block; }
    .doc-section-head .doc-btn, .doc-section-head .doc-text-link { margin-top:18px; }
    .doc-page-hero { padding:60px 0; }
    .doc-card-grid, .doc-steps, .doc-info-grid, .doc-campaign-grid { grid-template-columns:1fr; }
    .doc-card { min-height:370px; }
    .doc-feature-grid { grid-template-columns:1fr; }
    .doc-split { grid-template-columns:1fr; }
    .doc-split__media { min-height:330px; }
    .doc-split__content { padding:50px 24px; }
    .doc-callout { grid-template-columns:1fr; padding:32px 25px; }
    .doc-home-hero, .doc-home-hero__content { min-height:570px; }
    .doc-home-hero__bg { background-image:linear-gradient(90deg,rgba(0,21,43,.92),rgba(0,21,43,.55)),url("https://docsportsgear.com/wp-content/uploads/DOC-HERO-PLACEHOLDER.jpg"); }
    .doc-home-hero__stripe { right:-50px; width:70px; opacity:.55; }
    .doc-home-benefits__grid { grid-template-columns:1fr 1fr; }
    .doc-home-benefit { border-bottom:1px solid var(--doc-gray-200); }
    .doc-category-bubbles { grid-template-columns:repeat(2,1fr); gap:26px 18px; }
    .doc-campaign { min-height:390px; }
    .doc-product-zone ul.products, .woocommerce ul.products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px !important; }
    .doc-product-zone .woocommerce-loop-product__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:17px !important; padding:0 12px !important; }
    .doc-product-zone .price, .woocommerce ul.products li.product .price { padding:0 12px; font-size:16px !important; }
    .doc-product-zone .button, .woocommerce ul.products li.product .button { margin:10px 10px 0 !important; font-size:15px !important; }
  }

  /* YOUTH SPORTS RETAIL ENERGY */
  .doc-page-hero,
  .doc-home-hero,
  .doc-section--navy { isolation:isolate; }
  .doc-page-hero::before {
    width:520px; height:520px; right:-145px; top:-280px;
    border:82px solid rgba(242,215,79,.22);
    box-shadow:0 0 0 28px rgba(255,255,255,.04);
  }
  .doc-page-hero__inner::after,
  .doc-home-hero__content::after {
    content:""; position:absolute; z-index:-1; width:180px; height:180px;
    right:-9%; bottom:-44px; opacity:.13;
    background:repeating-radial-gradient(circle at center,transparent 0 9px,#fff 10px 12px);
    border-radius:50%; transform:rotate(-12deg);
  }
  .doc-section-head h2::after {
    content:""; display:block; width:82px; height:7px; margin-top:13px;
    border-radius:99px; background:linear-gradient(90deg,var(--doc-gold-bright),var(--doc-gold));
  }
  .doc-section--navy .doc-section-head h2::after { background:var(--doc-gold-bright); }
  .doc-card,.doc-campaign,.doc-feature,.doc-info-box,.doc-step,
  .doc-product-zone ul.products li.product,.woocommerce ul.products li.product {
    border-radius:var(--doc-radius);
  }
  .doc-card,.doc-campaign { outline:4px solid rgba(255,255,255,.75); outline-offset:-10px; }
  .doc-feature { border-top-width:7px; }
  .doc-feature:nth-child(even) { background:var(--doc-gold-pale); transform:rotate(.35deg); }
  .doc-bubble:nth-child(odd) .doc-bubble__img { transform:rotate(-1.5deg); }
  .doc-bubble:nth-child(even) .doc-bubble__img { transform:rotate(1.5deg); }
  .doc-bubble:hover .doc-bubble__img { transform:translateY(-7px) rotate(0); }
  .doc-product-zone ul.products li.product:hover,
  .woocommerce ul.products li.product:hover { transform:translateY(-7px) rotate(.25deg); }
  .doc-btn { box-shadow:0 5px 0 rgba(0,21,43,.2); }
  .doc-btn:hover { transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,21,43,.18); }
  .doc-btn:focus-visible,.doc-nav a:focus-visible,.doc-bubble:focus-visible {
    outline:3px solid var(--doc-gold-bright); outline-offset:4px;
  }
  .doc-home-benefit { position:relative; }
  .doc-home-benefit::before {
    content:"★"; display:block; margin-bottom:6px; color:var(--doc-gold);
    font-size:16px; line-height:1;
  }
  .woocommerce ul.products li.product .price,
  .doc-product-zone .price { font-size:18px !important; }
  .doc-form-wrap input,.doc-form-wrap select,.doc-form-wrap textarea,
  .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
  .woocommerce form .form-row select { font:600 16px/1.4 var(--doc-font-body); }

  @media (max-width:767px) {
    .doc-page { font-size:16px; }
    .doc-section-head h2 { font-size:clamp(36px,12vw,52px); }
    .doc-section-head p,.doc-page-hero p,.doc-home-hero p { font-size:17px; line-height:1.55; }
    .doc-page-hero h1 { font-size:clamp(48px,16vw,72px); }
    .doc-home-hero h1 { font-size:clamp(54px,17vw,82px); }
    .doc-btn { width:100%; min-height:54px; padding:14px 19px; font-size:17px; }
    .doc-btn-row { width:100%; }
    .doc-bubble strong { font-size:18px; }
    .doc-feature:nth-child(even) { transform:none; }
  }
</style>

<script>
  (function () {
    var header = document.getElementById("doc-header");
    if (!header) return;
    var toggle = header.querySelector(".doc-menu-toggle");
    var nav = document.getElementById("doc-nav");
    if (!toggle || !nav) return;
    toggle.addEventListener("click", function () {
      var isOpen = header.classList.toggle("doc-menu-open");
      toggle.setAttribute("aria-expanded", isOpen ? "true" : "false");
    });
    nav.querySelectorAll("a").forEach(function (link) {
      link.addEventListener("click", function () {
        header.classList.remove("doc-menu-open");
        toggle.setAttribute("aria-expanded", "false");
      });
    });
  }());
</script>/* End custom CSS */