{"product_id":"dakine-unisex-pindo-straw-hat-hat-lures-winter-2023","title":"Pindo Straw Hat","description":"\u003cstyle\u003e\n  .product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n  }\n\n  .intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n  }\n\n  .accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n  }\n\n  .accordion-item:hover {\n    border-bottom-color: #f87171;\n  }\n\n  .accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n  }\n\n  .accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .accordion-summary:hover::before {\n      width: 60px;\n    }\n\n    .accordion-summary:hover {\n      color: #f87171;\n      padding-left: 8px;\n    }\n  }\n\n  .accordion-summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n  }\n\n  .accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n  }\n\n  .accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  @keyframes slideDown {\n    from {\n      opacity: 0;\n      transform: translateY(-12px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n  }\n\n  .feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n  }\n\n  @media (hover: hover) {\n    .feature-item:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n      border-color: #fecaca;\n    }\n\n    .feature-item:hover::before {\n      height: 100%;\n    }\n  }\n\n  .feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n  }\n\n  .feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n  }\n\n  .size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n  }\n\n  .size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    padding: 16px 8px;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    font-size: 14px;\n    letter-spacing: 0.3px;\n    white-space: nowrap;\n    line-height: 1.3;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n  }\n\n  .size-table th:last-child {\n    border-right: none;\n  }\n\n  .size-table td {\n    padding: 16px 8px;\n    border-bottom: 1px solid #f5f5f5;\n    border-right: 1px solid #f5f5f5;\n    color: #4a4a4a;\n    font-weight: 400;\n    transition: background-color 0.2s ease;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    font-size: 14px;\n  }\n\n  .size-table td:last-child {\n    border-right: none;\n  }\n\n  .size-table tr:last-child td {\n    border-bottom: none;\n  }\n\n  @media (hover: hover) {\n    .size-table tbody tr:hover {\n      background: #fef2f2;\n    }\n  }\n\n  \/* Responsive scaling for size chart *\/\n  @media (max-width: 1024px) {\n    .size-table th {\n      font-size: 13px;\n      padding: 14px 8px;\n    }\n    .size-table td {\n      font-size: 13px;\n      padding: 14px 8px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .size-table th {\n      font-size: 12px;\n      padding: 12px 8px;\n    }\n    .size-table td {\n      font-size: 12px;\n      padding: 12px 8px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .size-table th {\n      font-size: 11px;\n      padding: 10px 6px;\n    }\n    .size-table td {\n      font-size: 11px;\n      padding: 10px 6px;\n    }\n  }\n\n  @media (max-width: 360px) {\n    .size-table th {\n      font-size: 10px;\n      padding: 8px 4px;\n    }\n    .size-table td {\n      font-size: 10px;\n      padding: 8px 4px;\n    }\n  }\n\n  .size-note {\n    font-size: clamp(12px, 2.8vw, 13px);\n    color: #666;\n    font-style: italic;\n    margin-top: 16px;\n    padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n    background: #fef2f2;\n    border-left: 3px solid #f87171;\n    border-radius: 4px;\n  }\n\n  .detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003eA classic straw lifeguard hat with a low-key aloha vibe, the Dakine Pindo hat offers reliable coverage for just about anything under the sun. An integrated elastic headband and a cinch chin strap keep it in place through windy beach days and active adventures. The sublimated underbrim print lends it subtle Dakine style, while the natural straw construction provides breathable sun protection that's perfect for surf sessions, beach days, or summer festivals.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eClassic Straw Lifeguard Hat\u003c\/h3\u003e\n\u003cp\u003eTimeless lifeguard-style silhouette provides wide brim coverage and iconic beach-ready style that never goes out of fashion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSublimated Polyester Underbrim\u003c\/h3\u003e\n\u003cp\u003eDurable sublimated polyester underbrim features custom Dakine graphics while providing additional sun protection and style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eElastic Interior Headband\u003c\/h3\u003e\n\u003cp\u003eIntegrated elastic headband ensures a comfortable, secure fit that adapts to your head shape for all-day wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Chin Strap\u003c\/h3\u003e\n\u003cp\u003eCinch chin strap keeps your hat securely in place during windy conditions, water activities, or active adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eNatural Straw Construction\u003c\/h3\u003e\n\u003cp\u003eBreathable natural straw material provides excellent ventilation and sun protection while maintaining lightweight comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAloha Vibe Style\u003c\/h3\u003e\n\u003cp\u003eLow-key island-inspired aesthetic brings laid-back beach vibes to any summer outfit or outdoor adventure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eHat Size\u003c\/th\u003e\n\u003cth\u003eCircumference\u003c\/th\u003e\n\u003cth\u003eMeasurement (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eS\/M\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e7 1\/8\"\u003c\/td\u003e\n\u003ctd\u003e22 1\/4\"\u003c\/td\u003e\n\u003ctd\u003e57 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eL\/XL\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e7 3\/8\"\u003c\/td\u003e\n\u003ctd\u003e23\"\u003c\/td\u003e\n\u003ctd\u003e59 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eTo find your size, measure around your head just above your ears where a hat would naturally sit. If you're between sizes, the elastic headband provides flexibility for a comfortable fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Dakine","offers":[{"title":"Lures \/ L \/ Unisex","offer_id":53271692738926,"sku":"DAK31N898005","price":19.99,"currency_code":"CAD","in_stock":true},{"title":"Lures \/ S \/ Unisex","offer_id":53271692771694,"sku":"DAK31N898003","price":19.99,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/PindoStrawHat-Lures.png?v=1770412208","url":"https:\/\/boardroomshop.com\/products\/dakine-unisex-pindo-straw-hat-hat-lures-winter-2023","provider":"The Boardroom","version":"1.0","type":"link"}