{"product_id":"mens-breathable-brimless-hat","title":"Men's Breathable Brimless Docker Hat – Lightweight Mesh Skull Cap for Summer Outdoor Wear","description":"\u003c!--\n  PRODUCT: Men's Breathable Brimless Docker Hat\n  SHOPIFY: Paste this entire file into one Custom Liquid block.\n  CTA LINK: Search \"修改购买按钮链接\" to change the purchase-area anchor.\n  MEDIA: Search \"图片位\". Each media slot can be replaced with an image, GIF, or MP4.\n--\u003e\n\u003cstyle\u003e\n  #dbh-page-{{ section.id | default: 'custom' }}{\n    --dbh-ink:#12161b;\n    --dbh-navy:#183247;\n    --dbh-blue:#31556d;\n    --dbh-muted:#66717a;\n    --dbh-sand:#b08762;\n    --dbh-mist:#eef2f4;\n    --dbh-soft:#f7f8f8;\n    --dbh-white:#ffffff;\n    --dbh-line:#dbe1e4;\n    max-width:1180px;\n    margin:0 auto;\n    padding:8px 12px 36px;\n    color:var(--dbh-ink);\n    font-family:inherit;\n    line-height:1.55;\n    container-type:inline-size;\n  }\n  #dbh-page-{{ section.id | default: 'custom' }} *{box-sizing:border-box}\n  #dbh-page-{{ section.id | default: 'custom' }} h1,\n  #dbh-page-{{ section.id | default: 'custom' }} h2,\n  #dbh-page-{{ section.id | default: 'custom' }} h3,\n  #dbh-page-{{ section.id | default: 'custom' }} p{margin-top:0;color:inherit;font-family:inherit}\n  #dbh-page-{{ section.id | default: 'custom' }} h1,\n  #dbh-page-{{ section.id | default: 'custom' }} h2,\n  #dbh-page-{{ section.id | default: 'custom' }} h3{line-height:1.08;letter-spacing:-.025em}\n  #dbh-page-{{ section.id | default: 'custom' }} p{color:var(--dbh-muted)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-section,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final{margin-top:16px;border-radius:26px;overflow:hidden}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-section{padding:60px 28px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-white{background:var(--dbh-white)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-soft{background:var(--dbh-soft)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-mist{background:var(--dbh-mist)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-navy{background:var(--dbh-navy);color:#fff}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-center{text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-eyebrow{margin-bottom:10px!important;color:var(--dbh-blue)!important;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-navy .dbh-eyebrow{color:#bcd2df!important}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-heading{max-width:780px;margin:0 auto 14px;font-size:clamp(30px,4.3vw,48px);font-weight:900}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-lead{max-width:720px;margin:0 auto 24px;font-size:17px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-navy p{color:#d8e3e9}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero{display:flex;flex-direction:column;align-items:center;gap:24px;padding:44px;background:linear-gradient(135deg,#f7f9fa 0%,#e7eef2 54%,#cedbe2 100%);text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero-copy{width:100%;max-width:900px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-kicker{display:inline-flex;margin-bottom:15px;padding:7px 12px;border:1px solid rgba(49,85,109,.25);border-radius:999px;background:rgba(255,255,255,.78);color:var(--dbh-navy);font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero h2{max-width:900px;margin:0 auto 16px;font-size:clamp(38px,5.3vw,64px);font-weight:950}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero h2 span{color:var(--dbh-blue)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero-copy\u003ep{max-width:760px;margin:0 auto 21px;font-size:18px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin:22px auto}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-trust div{padding:10px 8px;border:1px solid var(--dbh-line);border-radius:12px;background:rgba(255,255,255,.84);font-size:12px;font-weight:850;text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border:2px solid var(--dbh-ink);border-radius:999px;background:var(--dbh-ink);color:#fff!important;font-size:14px;font-weight:900;text-decoration:none;transition:.2s ease}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-button:hover{background:var(--dbh-blue);border-color:var(--dbh-blue);transform:translateY(-1px)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-button:focus-visible{outline:3px solid #90afc1;outline-offset:3px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero .dbh-button{border-color:#fff!important;background:#fff!important;color:var(--dbh-ink)!important;box-shadow:0 5px 16px rgba(17,31,41,.12)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero .dbh-button:hover{border-color:#dbe8ee!important;background:#dbe8ee!important;color:var(--dbh-ink)!important}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-media{overflow:hidden;border:1px solid rgba(49,85,109,.18);border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(17,31,41,.10)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-media img,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-media video{display:block;width:100%;max-width:100%;height:auto;margin:0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero\u003e.dbh-media{width:100%;max-width:980px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-split-reverse .dbh-copy{order:2}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-split-reverse .dbh-media{order:1}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-copy h2{margin-bottom:14px;font-size:clamp(29px,3.8vw,44px);font-weight:900}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-copy p{margin-bottom:12px;font-size:16px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-checks{display:grid;gap:9px;margin-top:18px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-check{display:flex;align-items:flex-start;gap:9px;color:var(--dbh-ink);font-size:14px;font-weight:750}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-check i{display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;border-radius:50%;background:#dbe8ee;font-style:normal;font-size:12px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-check strong,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-check small{display:block}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-check small{margin-top:4px;color:var(--dbh-muted);font-size:11px;font-weight:500;line-height:1.35}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-heading{max-width:760px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-lead{max-width:720px;margin-bottom:22px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack\u003e.dbh-media{width:100%;max-width:980px;margin:0 auto}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:980px;margin:12px auto 0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-check{min-width:0;min-height:128px;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:18px 14px;border:1px solid var(--dbh-line);border-radius:16px;background:#fff;color:var(--dbh-ink);text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-check i{flex-basis:28px;width:28px;height:28px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-check small{color:var(--dbh-muted)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack.dbh-navy{background:var(--dbh-mist)!important;color:var(--dbh-ink)!important}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack.dbh-navy .dbh-eyebrow{color:var(--dbh-blue)!important}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack.dbh-navy .dbh-lead{color:var(--dbh-muted)!important}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain-grid,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-card{padding:20px;border:1px solid var(--dbh-line);border-radius:18px;background:#fff;text-align:left}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain strong,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-card h3{display:block;margin-bottom:8px;font-size:16px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain p,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-card p{margin:0;font-size:13px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-icon{display:grid;width:42px;height:42px;margin-bottom:13px;place-items:center;border-radius:13px;background:#e3edf2;font-size:22px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature{padding:20px 14px;border:1px solid var(--dbh-line);border-radius:18px;background:#fff;text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature span{display:block;margin-bottom:8px;font-size:26px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature\u003espan{display:grid;width:34px;height:34px;margin:0 auto 10px;place-items:center;border-radius:50%;background:#dbe8ee;color:var(--dbh-ink);font-size:18px;line-height:1}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature strong{display:block;margin-bottom:4px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature small{color:var(--dbh-muted)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:24px 0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-color{padding:18px 10px;border:1px solid var(--dbh-line);border-radius:16px;background:#fff;text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-swatch{display:block;width:36px;height:36px;margin:0 auto 9px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #aab4ba}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-color strong,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-color small{display:block}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-color small{margin-top:3px;color:var(--dbh-muted)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-color-media{width:100%;max-width:980px;margin:20px auto 0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene-media{width:100%;max-width:980px;margin:22px auto 0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene-media+.dbh-scene-grid{margin-top:12px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene{padding:22px 16px;border:1px solid var(--dbh-line);border-radius:18px;background:#fff;text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene span{display:block;margin-bottom:9px;font-size:28px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene strong{display:block;margin-bottom:5px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene small{color:var(--dbh-muted)}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table-wrap{overflow-x:auto;margin-top:24px;border:1px solid var(--dbh-line);border-radius:18px;background:#fff}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table{width:100%;min-width:680px;border-collapse:collapse;text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table th,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table td{padding:15px 12px;border-right:1px solid var(--dbh-line);border-bottom:1px solid var(--dbh-line);font-size:13px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table th{background:#e9eff2;color:var(--dbh-ink);font-size:14px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table th:nth-child(2),\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table td:nth-child(2){background:#f0f6f8;font-weight:850}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table td:first-child{color:var(--dbh-ink);font-weight:850;text-align:left}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table tr:last-child td{border-bottom:0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table th:last-child,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-table td:last-child{border-right:0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-detail{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--dbh-line);border-radius:16px;background:#fff}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-detail-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:12px;background:#e3edf2;font-size:20px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-detail strong,\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-detail span{display:block}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-detail span{color:var(--dbh-muted);font-size:12px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-faq details{margin-top:10px;padding:16px 18px;border:1px solid var(--dbh-line);border-radius:15px;background:#fff}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-faq summary{cursor:pointer;color:var(--dbh-ink);font-family:inherit;font-size:15px;font-weight:850}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-faq details p{margin:9px 0 0;font-size:14px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final{padding:52px 25px;background:linear-gradient(135deg,#11161b,#183247);color:#fff;text-align:center}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final h2{max-width:750px;margin:0 auto 13px;color:#fff;font-size:clamp(32px,5vw,50px);font-weight:900}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final p{max-width:680px;margin:0 auto 22px;color:#d8e3e9;font-size:17px}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final-points{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final-points span{padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final .dbh-button{border-color:#fff;background:#fff;color:#12161b!important}\n  #dbh-page-{{ section.id | default: 'custom' }} .dbh-final .dbh-button:hover{border-color:#bcd2df;background:#bcd2df}\n\n  @container (max-width:760px){\n    #dbh-page-{{ section.id | default: 'custom' }}{padding:5px 5px 28px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero{display:flex;flex-direction:column;gap:18px;padding:26px 16px 18px;border-radius:21px;text-align:center}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero-copy{order:1;width:100%;min-width:0}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero .dbh-media{order:2;width:100%;border-radius:17px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-kicker{justify-content:center;margin:0 auto 13px;font-size:10px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero h2{max-width:100%;margin:0 auto 12px;font-size:clamp(31px,10cqw,45px);line-height:1.02;word-break:normal;hyphens:none}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero-copy\u003ep{max-width:520px;margin:0 auto 17px;font-size:13px;line-height:1.55}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:17px 0}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-trust div{display:flex;min-height:48px;align-items:center;justify-content:center;padding:8px 5px;font-size:9px;line-height:1.25}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-hero\u003e.dbh-media{max-width:none}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-section{padding:34px 14px;border-radius:21px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-heading{font-size:clamp(27px,8.7cqw,38px)}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-lead{font-size:13px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-split,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-split-reverse{display:flex;flex-direction:column;gap:20px;text-align:center}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-split .dbh-copy,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-split-reverse .dbh-copy{order:1}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-split .dbh-media,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-split-reverse .dbh-media{order:2;width:100%}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-copy h2{font-size:clamp(28px,8.8cqw,39px)}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-copy p{font-size:13px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin-top:14px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-check{min-height:118px;flex-direction:column;align-items:center;gap:6px;padding:11px 7px;border:1px solid var(--dbh-line);border-radius:13px;background:#fff;text-align:center}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-check strong{font-size:9px;line-height:1.25}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-check small{font-size:8px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack{padding:32px 12px 16px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-eyebrow{font-size:9px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-heading{max-width:340px;margin-bottom:10px;font-size:clamp(28px,8.8cqw,39px);line-height:1.04}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-lead{max-width:340px;margin-bottom:17px;font-size:11px;line-height:1.5}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack\u003e.dbh-media{border-radius:16px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-stack .dbh-check{min-height:112px;padding:11px 7px;border-radius:13px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain{padding:13px 10px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain strong{font-size:11px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-pain p{font-size:10px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-card-grid,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-strip,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene-grid,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-details{grid-template-columns:repeat(2,minmax(0,1fr))}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-color-media{margin-top:16px;border-radius:16px}\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-final{padding:42px 18px}\n  }\n  @media(max-width:420px){\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-feature-strip,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-scene-grid,\n    #dbh-page-{{ section.id | default: 'custom' }} .dbh-details{grid-template-columns:1fr}\n  }\n\u003c\/style\u003e\n\u003cdiv id=\"dbh-page-{{ section.id | default: 'custom' }}\"\u003e\n\u003c!-- 01 HERO --\u003e\n\u003csection class=\"dbh-hero\"\u003e\n\u003cdiv class=\"dbh-hero-copy\"\u003e\n\u003cspan class=\"dbh-kicker\"\u003eCool Air. Clean Style.\u003c\/span\u003e\n\u003ch2\u003eThe Brimless Cap That \u003cspan\u003eLets Your Head Breathe.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA lightweight mesh docker hat with a clean low-profile shape and adjustable back strap—made for warm days, active plans, and easy everyday outfits.\u003c\/p\u003e\n\u003cdiv class=\"dbh-trust\"\u003e\n\u003cdiv\u003eOpen-Weave Mesh\u003c\/div\u003e\n\u003cdiv\u003eAdjustable Back\u003c\/div\u003e\n\u003cdiv\u003eBrimless Profile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 修改购买按钮链接：替换下面 href --\u003e \u003ca class=\"dbh-button\" href=\"#MainProduct-template--28129432895771__main\"\u003eChoose Your Color\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- 图片位 01｜Hero主图｜可替换为GIF或MP4 --\u003e\n\u003cdiv class=\"dbh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/1_ea2a5909-88f8-4e1b-a6db-a069110d33a9.png?v=1790240344\" alt=\"Black breathable brimless docker hat\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 02 PAIN POINT --\u003e\n\u003csection class=\"dbh-section dbh-mist dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eWhen a regular cap feels like too much\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eStay Covered Without The Heavy, Boxy Feel\u003c\/h2\u003e\n\u003cp class=\"dbh-lead\"\u003eWarm-weather headwear should feel easy. This streamlined design keeps the look minimal while the open mesh and adjustable back help reduce that closed-in cap feeling.\u003c\/p\u003e\n\u003cdiv class=\"dbh-pain-grid\"\u003e\n\u003cdiv class=\"dbh-pain\"\u003e\n\u003cstrong\u003e☀️ Heat Builds Up\u003c\/strong\u003e\n\u003cp\u003eDense cap panels can feel stuffy during warmer days and active errands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-pain\"\u003e\n\u003cstrong\u003e🧢 Bulky Brims\u003c\/strong\u003e\n\u003cp\u003eA full visor is not always the clean, compact look your outfit needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-pain\"\u003e\n\u003cstrong\u003e📏 Fixed Fit\u003c\/strong\u003e\n\u003cp\u003eRigid sizing leaves less room to fine-tune how a cap sits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-pain\"\u003e\n\u003cstrong\u003e👕 Hard To Style\u003c\/strong\u003e\n\u003cp\u003eLoud shapes and graphics can compete with simple everyday outfits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 图片位 02｜生活方式\/佩戴场景图 --\u003e\n\u003cdiv class=\"dbh-media\" style=\"margin-top: 24px;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/2_be4e9e2f-55cc-44b6-901b-63e0577567f5.png?v=1790240344\" alt=\"Brimless mesh cap styled for everyday wear\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 03 SELLING POINT 1 --\u003e\n\u003csection class=\"dbh-section dbh-white dbh-feature-stack dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eAirflow you can see\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eOpen Mesh Helps Warm Days Feel Easier\u003c\/h2\u003e\n\u003cp class=\"dbh-lead\"\u003eThe ventilated, open-weave body allows air to move through the cap instead of trapping it behind solid fabric. The lightweight construction makes it a practical layer for summer routines and outdoor plans.\u003c\/p\u003e\n\u003c!-- 图片位 03｜网眼结构\/顶部细节图 --\u003e\n\u003cdiv class=\"dbh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/3_d8c515ff-b23a-4c78-a830-ee06ce537077.png?v=1790240344\" alt=\"Open mesh construction of brimless hat\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dbh-checks\"\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e🌬️\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eBreathable Weave\u003c\/strong\u003e\u003csmall\u003eOpen structure encourages airflow\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e🪶\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eLight On Your Head\u003c\/strong\u003e\u003csmall\u003eLess bulk for everyday wear\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e☀️\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eWarm-Day Ready\u003c\/strong\u003e\u003csmall\u003eBuilt for summer activities\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 04 SELLING POINT 2 --\u003e\n\u003csection class=\"dbh-section dbh-navy dbh-feature-stack dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eSimple by design\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eA Clean Docker Shape Without The Visor\u003c\/h2\u003e\n\u003cp class=\"dbh-lead\"\u003eThe short, rounded skull-cap silhouette keeps your look neat without adding a traditional brim. Pair it with tees, workwear, travel layers, or street-style basics without overthinking the outfit.\u003c\/p\u003e\n\u003c!-- 图片位 04｜正面轮廓图 --\u003e\n\u003cdiv class=\"dbh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/4_2e552e59-7077-4b59-a886-61d06ea722ee.png?v=1790240344\" alt=\"Front profile of minimalist brimless docker hat\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dbh-checks\"\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e🧢\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eBrimless Profile\u003c\/strong\u003e\u003csmall\u003eCompact shape with no visor\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e⬛\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eMinimal Finish\u003c\/strong\u003e\u003csmall\u003eEasy to coordinate with basics\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e🔄\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eEveryday Versatility\u003c\/strong\u003e\u003csmall\u003eFrom errands to outdoor plans\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 05 SELLING POINT 3 --\u003e\n\u003csection class=\"dbh-section dbh-white dbh-feature-stack dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eDial in your fit\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eAn Adjustable Back That Works With Your Day\u003c\/h2\u003e\n\u003cp class=\"dbh-lead\"\u003eThe rear strap lets you fine-tune the fit instead of relying on one fixed size. Adjust it for a secure feel before commuting, fishing, hiking, working outside, or heading out for the day.\u003c\/p\u003e\n\u003c!-- 图片位 05｜后带\/调节结构图 --\u003e\n\u003cdiv class=\"dbh-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/5_19e5473e-8d90-4b29-91de-980e12325fde.png?v=1790240344\" alt=\"Adjustable back strap on brimless mesh cap\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dbh-checks\"\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e🎯\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eEasy Adjustment\u003c\/strong\u003e\u003csmall\u003eFine-tune the back strap\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e👌\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eSecure Feel\u003c\/strong\u003e\u003csmall\u003eSet the fit for your activity\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-check\"\u003e\n\u003ci\u003e↔️\u003c\/i\u003e\u003cspan\u003e\u003cstrong\u003eFlexible Sizing\u003c\/strong\u003e\u003csmall\u003eMore adaptable than fixed caps\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 06 FOUR CORE BENEFITS --\u003e\n\u003csection class=\"dbh-section dbh-mist dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eBuilt for repeat wear\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eThe Easy Cap You Keep Near The Door\u003c\/h2\u003e\n\u003cdiv class=\"dbh-feature-strip\"\u003e\n\u003cdiv class=\"dbh-feature\"\u003e\n\u003cspan\u003e🌬️\u003c\/span\u003e\u003cstrong\u003eBreathes\u003c\/strong\u003e\u003csmall\u003eOpen mesh airflow\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-feature\"\u003e\n\u003cspan\u003e☁️\u003c\/span\u003e\u003cstrong\u003eFeels Light\u003c\/strong\u003e\u003csmall\u003eLow-bulk construction\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-feature\"\u003e\n\u003cspan\u003e🎯\u003c\/span\u003e\u003cstrong\u003eAdjusts\u003c\/strong\u003e\u003csmall\u003eRear strap fit\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-feature\"\u003e\n\u003cspan\u003e👕\u003c\/span\u003e\u003cstrong\u003eStyles Easily\u003c\/strong\u003e\u003csmall\u003eClean brimless shape\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 07 COLORS --\u003e\n\u003csection class=\"dbh-section dbh-soft dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eFive easy-to-wear colors\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003ePick The Shade That Fits Your Rotation\u003c\/h2\u003e\n\u003cp class=\"dbh-lead\"\u003eGo understated with black and gray, add depth with navy, or lighten your warm-weather lineup with beige.\u003c\/p\u003e\n\u003c!-- 图片位 06｜五色款式展示图｜可替换为GIF或MP4 --\u003e\n\u003cdiv class=\"dbh-media dbh-color-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/DM_20260924170819_001.jpg?v=1790241116\" alt=\"Five color options for the breathable brimless docker hat\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dbh-color-grid\"\u003e\n\u003cdiv class=\"dbh-color\"\u003e\n\u003cspan class=\"dbh-swatch\" style=\"background: #111214;\"\u003e\u003c\/span\u003e\u003cstrong\u003eBlack\u003c\/strong\u003e\u003csmall\u003eClean and versatile\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-color\"\u003e\n\u003cspan class=\"dbh-swatch\" style=\"background: #19364a;\"\u003e\u003c\/span\u003e\u003cstrong\u003eNavy Blue\u003c\/strong\u003e\u003csmall\u003eDeep everyday color\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-color\"\u003e\n\u003cspan class=\"dbh-swatch\" style=\"background: #4b4f52;\"\u003e\u003c\/span\u003e\u003cstrong\u003eDark Gray\u003c\/strong\u003e\u003csmall\u003eModern neutral\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-color\"\u003e\n\u003cspan class=\"dbh-swatch\" style=\"background: #a9aca9;\"\u003e\u003c\/span\u003e\u003cstrong\u003eLight Gray\u003c\/strong\u003e\u003csmall\u003eSoft casual tone\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-color\"\u003e\n\u003cspan class=\"dbh-swatch\" style=\"background: #c7b69d;\"\u003e\u003c\/span\u003e\u003cstrong\u003eBeige\u003c\/strong\u003e\u003csmall\u003eWarm light neutral\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 08 SCENES --\u003e\n\u003csection class=\"dbh-section dbh-white dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eOne cap, plenty of plans\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eReady For The Way You Actually Spend Your Day\u003c\/h2\u003e\n\u003c!-- 图片位 07｜日常使用场景图 --\u003e\n\u003cdiv class=\"dbh-media dbh-scene-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/1_5bbe2d8e-5ce6-4008-bcb5-e6152427518f.png?v=1790241857\" alt=\"Breathable brimless docker hat for fishing hiking travel and outdoor work\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"dbh-scene-grid\"\u003e\n\u003cdiv class=\"dbh-scene\"\u003e\n\u003cspan\u003e🎣\u003c\/span\u003e\u003cstrong\u003eFishing\u003c\/strong\u003e\u003csmall\u003eLight coverage by the water\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-scene\"\u003e\n\u003cspan\u003e🥾\u003c\/span\u003e\u003cstrong\u003eHiking\u003c\/strong\u003e\u003csmall\u003eBreathable trail headwear\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-scene\"\u003e\n\u003cspan\u003e✈️\u003c\/span\u003e\u003cstrong\u003eTravel\u003c\/strong\u003e\u003csmall\u003eCompact everyday styling\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-scene\"\u003e\n\u003cspan\u003e🛠️\u003c\/span\u003e\u003cstrong\u003eOutdoor Work\u003c\/strong\u003e\u003csmall\u003eMinimal shape for active days\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 09 COMPARISON --\u003e\n\u003csection class=\"dbh-section dbh-mist dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eWhy the shape feels different\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eA Lighter Alternative To A Traditional Cap\u003c\/h2\u003e\n\u003cdiv class=\"dbh-table-wrap\"\u003e\n\u003ctable class=\"dbh-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eFeature\u003c\/th\u003e\n\u003cth\u003eMesh Docker Hat\u003c\/th\u003e\n\u003cth\u003eTraditional Solid Cap\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eAirflow\u003c\/td\u003e\n\u003ctd\u003eOpen-weave panels\u003c\/td\u003e\n\u003ctd\u003eMostly closed panels\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProfile\u003c\/td\u003e\n\u003ctd\u003eCompact and brimless\u003c\/td\u003e\n\u003ctd\u003eFull visor silhouette\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFit\u003c\/td\u003e\n\u003ctd\u003eAdjustable back strap\u003c\/td\u003e\n\u003ctd\u003eVaries by design\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStyling\u003c\/td\u003e\n\u003ctd\u003eMinimal streetwear look\u003c\/td\u003e\n\u003ctd\u003eClassic sport-cap look\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10 PRODUCT DETAILS --\u003e\n\u003csection class=\"dbh-section dbh-soft dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eProduct details\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eEverything You Need To Choose\u003c\/h2\u003e\n\u003cdiv class=\"dbh-details\"\u003e\n\u003cdiv class=\"dbh-detail\"\u003e\n\u003cdiv class=\"dbh-detail-icon\"\u003e🧵\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eConstruction\u003c\/strong\u003e\u003cspan\u003eLightweight open-weave mesh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-detail\"\u003e\n\u003cdiv class=\"dbh-detail-icon\"\u003e🧢\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eStyle\u003c\/strong\u003e\u003cspan\u003eBrimless docker \/ skull cap\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-detail\"\u003e\n\u003cdiv class=\"dbh-detail-icon\"\u003e🎯\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eClosure\u003c\/strong\u003e\u003cspan\u003eAdjustable rear strap\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-detail\"\u003e\n\u003cdiv class=\"dbh-detail-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eColors\u003c\/strong\u003e\u003cspan\u003eBlack, navy, dark gray, light gray, beige\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-detail\"\u003e\n\u003cdiv class=\"dbh-detail-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eBest For\u003c\/strong\u003e\u003cspan\u003eWarm weather and outdoor wear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dbh-detail\"\u003e\n\u003cdiv class=\"dbh-detail-icon\"\u003e📦\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOptions\u003c\/strong\u003e\u003cspan\u003eSingle color or all five colors\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 11 FAQ --\u003e\n\u003csection class=\"dbh-section dbh-white dbh-faq\"\u003e\n\u003cdiv class=\"dbh-center\"\u003e\n\u003cp class=\"dbh-eyebrow\"\u003eQuestions before choosing?\u003c\/p\u003e\n\u003ch2 class=\"dbh-heading\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes this hat have a brim?\u003c\/summary\u003e\n\u003cp\u003eNo. It uses a compact brimless docker-cap silhouette for a clean, low-profile look.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow does the hat adjust?\u003c\/summary\u003e\n\u003cp\u003eA rear strap lets you fine-tune the fit for a more secure, comfortable feel.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs it suitable for warm weather?\u003c\/summary\u003e\n\u003cp\u003eYes. Its lightweight open-weave mesh construction is designed to encourage airflow during warm days and outdoor activities.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat colors are available?\u003c\/summary\u003e\n\u003cp\u003eChoose Black, Navy Blue, Dark Gray, Light Gray, Beige, or the option that includes all five colors.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhere can I wear it?\u003c\/summary\u003e\n\u003cp\u003eIt is suited to everyday outfits, travel, fishing, hiking, outdoor work, and other casual warm-weather activities.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat gives it its minimalist look?\u003c\/summary\u003e\n\u003cp\u003eThe rounded crown, folded lower band, subtle front patch, and brimless shape create a compact modern profile.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003c!-- 12 FINAL CTA --\u003e\n\u003csection class=\"dbh-final\"\u003e\n\u003ch2\u003eKeep The Coverage. Lose The Bulk.\u003c\/h2\u003e\n\u003cp\u003eAdd a breathable, adjustable brimless cap to your everyday rotation and keep your warm-weather style simple.\u003c\/p\u003e\n\u003cdiv class=\"dbh-final-points\"\u003e\n\u003cspan\u003eOpen Mesh\u003c\/span\u003e\u003cspan\u003eAdjustable Fit\u003c\/span\u003e\u003cspan\u003eFive Colors\u003c\/span\u003e\u003cspan\u003eEveryday Style\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 修改购买按钮链接：替换下面 href --\u003e \u003ca class=\"dbh-button\" href=\"#MainProduct-template--28129432895771__main\"\u003eChoose Your Color\u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Black","offer_id":54030769717531,"sku":"XWC260421725-黑色","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Navy blue","offer_id":54030769750299,"sku":"XWC260421725-藏青色","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Dark gray","offer_id":54030769783067,"sku":"XWC260421725-深灰色","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Light Gray","offer_id":54030769815835,"sku":"XWC260421725-浅灰色","price":22.99,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":54030769848603,"sku":"XWC260421725-米色","price":22.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1010\/8072\/7835\/files\/P_001.jpg?v=1790221826","url":"https:\/\/www.shapviva.com\/products\/mens-breathable-brimless-hat","provider":"Shapviva","version":"1.0","type":"link"}