{"product_id":"adjustable-ponytail-baseball-hat","title":"Adjustable Ponytail Baseball Hat","description":"\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003e\u003c\/title\u003e\n\u003cstyle type=\"text\/css\"\u003e:root {\n    --primary: #0056b3; \/* Tech blue for accents *\/\n    --primary-hover: #004494;\n    --text-main: #1A1D20;\n    --text-sub: #5A6268;\n    --bg-body: #FFFFFF;\n    --bg-card: #F8F9FA;\n    --bg-soft: #E9ECEF;\n    --border-color: #DEE2E6;\n    --radius-md: 12px;\n    --radius-lg: 20px;\n    --shadow-sm: 0 4px 12px rgba(0,0,0,0.04);\n    --shadow-hover: 0 8px 24px rgba(0,86,179,0.08);\n    \n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  body {\n    background-color: var(--bg-body);\n    color: var(--text-main);\n    line-height: 1.6;\n  }\n\n  .product-detail-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 3rem 5%;\n    overflow-wrap: break-word;\n  }\n\n  \/* Typography *\/\n  h1, h2, h3 {\n    font-weight: 700;\n    line-height: 1.25;\n    color: var(--text-main);\n    margin-bottom: 1rem;\n  }\n\n  h1 { font-size: clamp(2rem, 4vw, 2.75rem); letter-spacing: -0.02em; }\n  h2 { font-size: clamp(1.75rem, 3vw, 2.25rem); }\n  h3 { font-size: 1.25rem; margin-bottom: 0.5rem; }\n  \n  p {\n    font-size: clamp(1rem, 1.5vw, 1.125rem);\n    color: var(--text-sub);\n    margin-bottom: 1.5rem;\n  }\n\n  \/* Images *\/\n  .img-wrapper {\n    width: 100%;\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n    box-shadow: var(--shadow-sm);\n    background-color: var(--bg-card);\n    transition: box-shadow 0.3s ease;\n  }\n  .img-wrapper:hover {\n    box-shadow: var(--shadow-hover);\n  }\n  .img-wrapper img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n  .img-wrapper:hover img {\n    transform: scale(1.02);\n  }\n\n  \/* Layout Utilities *\/\n  .pd-section {\n    margin-bottom: clamp(4rem, 8vw, 6rem);\n  }\n  \n  .pd-grid {\n    display: grid;\n    gap: clamp(2rem, 5vw, 4rem);\n    align-items: center;\n  }\n\n  @media (min-width: 768px) {\n    .pd-grid-2 { \n      grid-template-columns: 1fr 1fr; \n    }\n    \/* Z-Pattern Layout using order *\/\n    .pd-grid-rev .feature-copy { order: 2; padding-left: 2rem; }\n    .pd-grid-rev .feature-media { order: 1; }\n    .pd-grid-norm .feature-copy { order: 1; padding-right: 2rem; }\n    .pd-grid-norm .feature-media { order: 2; }\n  }\n\n  \/* Badges \u0026 Tags *\/\n  .feature-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-top: 1.5rem;\n  }\n  .pd-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 0.5em 1em;\n    background: #F0F4F8;\n    color: var(--primary);\n    border-radius: 50px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    border: 1px solid rgba(0, 86, 179, 0.1);\n  }\n  .pd-trust-tag {\n    display: inline-flex;\n    align-items: center;\n    font-weight: 700;\n    color: var(--primary);\n    margin-bottom: 1.2rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-size: 0.9rem;\n  }\n  .pd-trust-tag::before {\n    content: \"\";\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    background-color: var(--primary);\n    border-radius: 50%;\n    margin-right: 0.75rem;\n  }\n\n  \/* Specifications Table *\/\n  .specs-container {\n    background: var(--bg-card);\n    padding: clamp(2rem, 5vw, 4rem);\n    border-radius: var(--radius-lg);\n  }\n  .specs-container h2 {\n    text-align: center;\n    margin-bottom: 2.5rem;\n  }\n  .specs-table {\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    border-collapse: collapse;\n    background: var(--bg-body);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n    box-shadow: var(--shadow-sm);\n  }\n  .specs-table th, .specs-table td {\n    padding: 1.25rem 1.5rem;\n    text-align: left;\n    border-bottom: 1px solid var(--border-color);\n  }\n  .specs-table tr:last-child th, .specs-table tr:last-child td {\n    border-bottom: none;\n  }\n  .specs-table th {\n    font-weight: 600;\n    color: var(--text-main);\n    width: 35%;\n    background: #FAFAFA;\n  }\n  .specs-table td {\n    color: var(--text-sub);\n    font-weight: 500;\n  }\n\n  @media (max-width: 600px) {\n    .specs-table th, .specs-table td {\n      display: block;\n      width: 100%;\n    }\n    .specs-table th {\n      border-bottom: none;\n      padding-bottom: 0.5rem;\n    }\n    .specs-table td {\n      padding-top: 0;\n      padding-bottom: 1.5rem;\n    }\n  }\n\n  \/* FAQ Section *\/\n  .faq-section {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n  .faq-section h2 {\n    text-align: center;\n    margin-bottom: 2.5rem;\n  }\n  .faq-item {\n    border-bottom: 1px solid var(--border-color);\n  }\n  .faq-details summary {\n    font-size: 1.15rem;\n    font-weight: 600;\n    cursor: pointer;\n    padding: 1.5rem 0;\n    list-style: none;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: var(--text-main);\n    transition: color 0.2s ease;\n  }\n  .faq-details summary:hover {\n    color: var(--primary);\n  }\n  .faq-details summary::-webkit-details-marker {\n    display: none;\n  }\n  .faq-details summary::after {\n    content: '+';\n    font-size: 1.5rem;\n    color: var(--primary);\n    font-weight: 400;\n    transition: transform 0.3s ease;\n  }\n  .faq-details[open] summary::after {\n    content: '−';\n  }\n  .faq-answer {\n    padding-bottom: 1.5rem;\n    padding-right: 2rem;\n    color: var(--text-sub);\n    animation: fadeIn 0.3s ease-in-out;\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section pd-grid pd-grid-2\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"pd-trust-tag\"\u003eDesigned for Active Women\u003c\/div\u003e\n\n\u003ch1\u003eFreedom for Your High Ponytail. Protection for Your Skin.\u003c\/h1\u003e\n\n\u003cp\u003eDiscover the outdoor sport cap engineered for women with long hair. Combining UPF 50+ sun defense with breathable mesh and a unique crisscross opening, it’s time to enjoy hassle-free workouts under the sun.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\u003cdiv\u003e\u003cimg alt=\"Woman wearing high ponytail cap\" cke-id=\"img54\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260616155016\/ac53fbe75d24173e6f8a5cbbdf8be117.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Section 1: The Ponytail Solution --\u003e\n\n\u003cdiv class=\"pd-section pd-grid pd-grid-2 pd-grid-rev\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eThe Perfect Fit for High Ponytails\u003c\/h2\u003e\n\n\u003cp\u003eStop struggling with standard caps that don't fit your hair. Our innovative rear crisscross design comfortably accommodates high ponytails or messy buns, keeping your hair secure and off your neck during intense runs, hikes, or daily wear.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eCrisscross Opening\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eBun Friendly\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eSecure Hold\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\u003cdiv\u003e\u003cimg alt=\"Crisscross opening detail\" cke-id=\"img55\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260616155016\/a8a560255e6ea1a2716a33a7d884c3cd.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Section 2: Sun Protection \u0026 Breathability (Restored) --\u003e\n\n\u003cdiv class=\"pd-section pd-grid pd-grid-2 pd-grid-norm\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eUltimate Sun Protection \u0026amp; Airflow\u003c\/h2\u003e\n\n\u003cp\u003eStay cool and protected even on the hottest days. The extended front brim offers UPF 50+ sun defense for your face, while the premium breathable mesh side panels ensure maximum airflow to keep your head dry and comfortable.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eUPF 50+ Defense\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eBreathable Mesh\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eQuick-Dry\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\u003cdiv\u003e\u003cimg alt=\"Sun protection and breathability in action\" cke-id=\"img56\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260616155016\/43daff3a91a553bfbfb7fd0ab3a741b1.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Section 3: Comfort \u0026 Details --\u003e\n\n\u003cdiv class=\"pd-section pd-grid pd-grid-2 pd-grid-rev\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eCustomized, Lightweight Comfort\u003c\/h2\u003e\n\n\u003cp\u003eCrafted for performance, this cap uses lightweight materials and fine workmanship for lasting durability. The durable Velcro strap offers a fully adjustable, non-slip fit for head sizes ranging from 22\" to 23.2\", ensuring a custom feel for everyone.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eAdjustable Velcro\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eFine Workmanship\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eFits 22\"-23.2\"\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-wrapper\"\u003e\u003cdiv\u003e\u003cimg alt=\"Cap material and workmanship details\" cke-id=\"img57\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260616155016\/e9b02378e02f1430b9debc6fe700e4ac.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"pd-section specs-container\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003ePrimary Material\u003c\/th\u003e\n\t\t\t\u003ctd\u003eQuick-dry fiber with breathable mesh panels\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSun Protection Rating\u003c\/th\u003e\n\t\t\t\u003ctd\u003eUPF 50+\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSize Adjustability\u003c\/th\u003e\n\t\t\t\u003ctd\u003eApprox. 22\" - 23.2\" circumference\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eClosure Type\u003c\/th\u003e\n\t\t\t\u003ctd\u003eDurable Velcro hook-and-loop strap\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eAvailable Colors\u003c\/th\u003e\n\t\t\t\u003ctd\u003eBlack, Dark Grey, Light Grey, White, Rose Red, Beige\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails class=\"faq-details\" open=\"\"\u003e\u003csummary\u003eWill this cap fit thick hair in a high bun?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eYes. The unique crisscross elastic band design at the back is specifically engineered to stretch and comfortably accommodate thick ponytails and high buns without feeling tight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails class=\"faq-details\"\u003e\u003csummary\u003eWhat head sizes does this cap fit?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eThe cap features an adjustable Velcro strap at the back, making it suitable for most head circumferences between 22 inches and 23.2 inches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdetails class=\"faq-details\"\u003e\u003csummary\u003eHow should I clean the cap after exercise?\u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eTo maintain the shape and the effectiveness of the UPF coating, we recommend hand washing the cap with mild soap and letting it air dry out of direct sunlight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Black","offer_id":45733049368767,"sku":"0616-18069056","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Charcoal","offer_id":45733049401535,"sku":"0616-18067112","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Light Gray","offer_id":45733049434303,"sku":"0616-18063110","price":12.95,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":45733049467071,"sku":"0616-18062473","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Hot Pink","offer_id":45733049499839,"sku":"0616-18069283","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":45733049532607,"sku":"0616-18065356","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/43daff3a91a553bfbfb7fd0ab3a741b1.jpg?v=1781604383","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/adjustable-ponytail-baseball-hat","provider":"Bak","version":"1.0","type":"link"}