{"product_id":"santa-cruz-mens-wave-dot-s-s-t-shirt-metro-blue-dust-spring-2026","title":"Wave Dot S\/S T-Shirt","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    .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    .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}\n\n\/* Desktop (1024px+): 14px font, 16px padding *\/\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n    }\n}\n\n\/* Tablet (768px-1024px): 13px font, 14px padding *\/\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n    }\n}\n\n\/* Mobile (480px-768px): 12px font, 12px padding *\/\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n    }\n}\n\n\/* Small mobile (360px-480px): 11px font, 10px padding *\/\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n    }\n}\n\n\/* Extra small (under 360px): 10px font, 8px padding *\/\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    line-height: 1.4;\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    border-bottom: 1px solid #e5e5e5;\n    border-right: 1px solid #f0f0f0;\n    color: #2c2c2c;\n    font-weight: 400;\n    text-align: center;\n    white-space: nowrap;\n    line-height: 1.5;\n    vertical-align: middle;\n    background: white;\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.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n    .size-table tbody tr:hover td {\n        background: #fef2f2;\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\"\u003e\u003cstrong\u003eClassic Santa Cruz style with the Wave Dot S\/S T-Shirt.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThis men's regular fit short-sleeve cotton tee features the iconic Santa Cruz Wave Dot artwork with a medium front logo and large back print that makes a statement. Printed with soft hand ink for comfortable, long-lasting, vibrant color that won't fade. Crafted from 100% cotton for all-day comfort, this tee is perfect for any skate enthusiast who appreciates timeless graphics and premium quality. Santa Cruz has been manufacturing iconic skateboards and apparel since 1973 with innovative designs from the beginning 'til the end.\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\u003eSanta Cruz Wave Dot Artwork\u003c\/h3\u003e\n\u003cp\u003eIconic Wave Dot graphics with medium front and large back placement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eSoft Hand Ink\u003c\/h3\u003e\n\u003cp\u003eComfortable, long-lasting, vibrant color that won't crack or fade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003e100% Cotton Construction\u003c\/h3\u003e\n\u003cp\u003ePremium cotton fabric for all-day comfort and breathability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRegular Fit\u003c\/h3\u003e\n\u003cp\u003eClassic men's regular fit for comfortable, versatile wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eShort Sleeve Design\u003c\/h3\u003e\n\u003cp\u003ePerfect for warm weather and layering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eVariable Fabric Weight\u003c\/h3\u003e\n\u003cp\u003eFabric weight and thickness may vary by color for unique character.\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\u003eChest (in)\u003c\/th\u003e\n\u003cth\u003eWaist (in)\u003c\/th\u003e\n\u003cth\u003eHips (in)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSM\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e28-29\u003c\/td\u003e\n\u003ctd\u003e36-36.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMD\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e37-39\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLG\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e41-43\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e46-48\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003ctd\u003e45-47\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXL\u003c\/td\u003e\n\u003ctd\u003e50\u003c\/td\u003e\n\u003ctd\u003e42\u003c\/td\u003e\n\u003ctd\u003e49\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXXXL\u003c\/td\u003e\n\u003ctd\u003e52\u003c\/td\u003e\n\u003ctd\u003e44\u003c\/td\u003e\n\u003ctd\u003e51\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eMeasurements are in inches. The size charts provide general guidelines. If you find that you are between sizes on the charts, order the size larger or smaller based on the style or type of fit you prefer. Fabric weight and thickness may vary by color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Santa Cruz","offers":[{"title":"Metro Blue\/Dust \/ S \/ Mens","offer_id":53269464023406,"sku":"SAN62M005003","price":44.99,"currency_code":"CAD","in_stock":true},{"title":"Metro Blue\/Dust \/ M \/ Mens","offer_id":53269464056174,"sku":"SAN62M005004","price":44.99,"currency_code":"CAD","in_stock":true},{"title":"Metro Blue\/Dust \/ L \/ Mens","offer_id":53269464088942,"sku":"SAN62M005005","price":44.99,"currency_code":"CAD","in_stock":false},{"title":"Metro Blue\/Dust \/ XL \/ Mens","offer_id":53269464121710,"sku":"SAN62M005006","price":44.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/WaveDotS_ST-Shirt-MetroBlue_Dust-2.png?v=1770417658","url":"https:\/\/boardroomshop.com\/products\/santa-cruz-mens-wave-dot-s-s-t-shirt-metro-blue-dust-spring-2026","provider":"The Boardroom","version":"1.0","type":"link"}