{"product_id":"erayak-mens-upf-50-quick-dry-breathable-outdoor-performance-t-shirt","title":"ERAYAK UPF 50+ Quick-Dry Breathable Outdoor Performance T-Shirt","description":"\u003cstyle\u003e\n  .erayak-shirt-features {\n    --eyk-black: #1a1a1a;\n    --eyk-ink: #252525;\n    --eyk-muted: #626262;\n    --eyk-line: #deded8;\n    --eyk-soft: #f4f4f0;\n    --eyk-yellow: #f59e0b;\n    --eyk-yellow-soft: #fff3d2;\n    --eyk-white: #ffffff;\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 72px 24px 84px;\n    color: var(--eyk-black);\n    font-family: inherit;\n  }\n\n  .erayak-shirt-features *,\n  .erayak-shirt-features *::before,\n  .erayak-shirt-features *::after {\n    box-sizing: border-box;\n  }\n\n  .erayak-shirt-features__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);\n    gap: 48px;\n    align-items: end;\n    margin-bottom: 36px;\n  }\n\n  .erayak-shirt-features__kicker {\n    display: inline-flex;\n    width: fit-content;\n    margin: 0 0 16px;\n    padding: 8px 12px;\n    border: 1px solid var(--eyk-black);\n    border-radius: 999px;\n    background: var(--eyk-yellow);\n    color: var(--eyk-black);\n    font-size: 12px;\n    font-weight: 900;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .erayak-shirt-features__title {\n    position: relative;\n    display: inline-block;\n    max-width: 760px;\n    margin: 0;\n    padding-bottom: 14px;\n    color: var(--eyk-black);\n    font-size: clamp(36px, 5vw, 64px);\n    font-weight: 900;\n    line-height: 1.02;\n  }\n\n  .erayak-shirt-features__title::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 112px;\n    height: 7px;\n    border-radius: 999px;\n    background: var(--eyk-yellow);\n  }\n\n  .erayak-shirt-features__intro {\n    margin: 0;\n    color: var(--eyk-muted);\n    font-size: 17px;\n    line-height: 1.72;\n  }\n\n  .erayak-shirt-features__nav {\n    position: sticky;\n    top: 12px;\n    z-index: 20;\n    display: flex;\n    gap: 8px;\n    width: fit-content;\n    max-width: 100%;\n    margin: 0 auto 24px;\n    padding: 8px;\n    overflow-x: auto;\n    border: 1px solid rgba(26, 26, 26, 0.13);\n    border-radius: 8px;\n    background: rgba(255, 255, 255, 0.92);\n    box-shadow: 0 12px 30px rgba(26, 26, 26, 0.10);\n    backdrop-filter: blur(12px);\n    scrollbar-width: none;\n  }\n\n  .erayak-shirt-features__nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  .erayak-shirt-features__nav a {\n    flex: 0 0 auto;\n    padding: 10px 13px;\n    border-radius: 5px;\n    color: var(--eyk-black);\n    font-size: 12px;\n    font-weight: 850;\n    line-height: 1;\n    text-decoration: none;\n    text-transform: uppercase;\n    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;\n  }\n\n  .erayak-shirt-features__nav a:hover,\n  .erayak-shirt-features__nav a:focus-visible {\n    background: var(--eyk-black);\n    color: var(--eyk-white);\n    outline: none;\n    transform: translateY(-2px);\n  }\n\n  .erayak-shirt-features__stage {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 18px;\n    padding: 34px;\n    overflow: hidden;\n    border-radius: 8px;\n    background: var(--eyk-soft);\n  }\n\n  .erayak-shirt-features__stage::before,\n  .erayak-shirt-features__stage::after {\n    content: \"\";\n    position: absolute;\n    width: 92px;\n    height: 92px;\n    pointer-events: none;\n  }\n\n  .erayak-shirt-features__stage::before {\n    top: 16px;\n    right: 16px;\n    border-top: 2px solid var(--eyk-yellow);\n    border-right: 2px solid var(--eyk-yellow);\n  }\n\n  .erayak-shirt-features__stage::after {\n    bottom: 16px;\n    left: 16px;\n    border-bottom: 2px solid var(--eyk-black);\n    border-left: 2px solid var(--eyk-black);\n  }\n\n  .erayak-shirt-features__card {\n    position: relative;\n    z-index: 1;\n    grid-column: span 4;\n    min-height: 300px;\n    padding: 26px;\n    overflow: visible;\n    border: 1px solid var(--eyk-line);\n    border-radius: 8px;\n    background: var(--eyk-white);\n    box-shadow: 0 7px 0 rgba(26, 26, 26, 0.07);\n    scroll-margin-top: 96px;\n    transform: translateY(0) rotate(0);\n    transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;\n    animation: eyk-shirt-rise 580ms both;\n  }\n\n  .erayak-shirt-features__card:nth-child(2) {\n    animation-delay: 80ms;\n  }\n\n  .erayak-shirt-features__card:nth-child(3) {\n    animation-delay: 160ms;\n  }\n\n  .erayak-shirt-features__card:nth-child(4) {\n    animation-delay: 240ms;\n  }\n\n  .erayak-shirt-features__card:nth-child(5) {\n    animation-delay: 320ms;\n  }\n\n  .erayak-shirt-features__card:hover,\n  .erayak-shirt-features__card:focus-within {\n    z-index: 5;\n    border-color: var(--eyk-yellow);\n    box-shadow: 0 18px 0 rgba(26, 26, 26, 0.10);\n    transform: translateY(-10px) rotate(-0.5deg);\n  }\n\n  .erayak-shirt-features__card--primary {\n    grid-column: span 7;\n    min-height: 390px;\n    padding: 38px;\n    border-color: var(--eyk-black);\n    background: var(--eyk-black);\n    color: var(--eyk-white);\n    box-shadow: 0 10px 0 var(--eyk-yellow);\n  }\n\n  .erayak-shirt-features__card--primary:hover,\n  .erayak-shirt-features__card--primary:focus-within {\n    border-color: var(--eyk-black);\n    box-shadow: 0 20px 0 var(--eyk-yellow);\n    transform: translateY(-10px) rotate(0.4deg);\n  }\n\n  .erayak-shirt-features__card--dry {\n    grid-column: span 5;\n    min-height: 390px;\n    margin-top: 32px;\n  }\n\n  .erayak-shirt-features__card--air {\n    transform: translateY(20px) rotate(-0.5deg);\n  }\n\n  .erayak-shirt-features__card--air:hover,\n  .erayak-shirt-features__card--air:focus-within {\n    transform: translateY(8px) rotate(0.5deg);\n  }\n\n  .erayak-shirt-features__card--weekend {\n    transform: translateY(14px) rotate(0.5deg);\n  }\n\n  .erayak-shirt-features__card--weekend:hover,\n  .erayak-shirt-features__card--weekend:focus-within {\n    transform: translateY(2px) rotate(-0.5deg);\n  }\n\n  .erayak-shirt-features__topline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 38px;\n  }\n\n  .erayak-shirt-features__number,\n  .erayak-shirt-features__status {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 34px;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  .erayak-shirt-features__number {\n    min-width: 34px;\n    padding: 0 10px;\n    background: var(--eyk-yellow-soft);\n    color: var(--eyk-black);\n    transition: min-width 220ms ease, background-color 220ms ease;\n  }\n\n  .erayak-shirt-features__card:hover .erayak-shirt-features__number,\n  .erayak-shirt-features__card:focus-within .erayak-shirt-features__number {\n    min-width: 58px;\n    background: var(--eyk-yellow);\n  }\n\n  .erayak-shirt-features__status {\n    padding: 0 11px;\n    border: 1px solid currentColor;\n    color: var(--eyk-muted);\n  }\n\n  .erayak-shirt-features__card--primary .erayak-shirt-features__number {\n    background: var(--eyk-yellow);\n  }\n\n  .erayak-shirt-features__card--primary .erayak-shirt-features__status {\n    color: rgba(255, 255, 255, 0.70);\n  }\n\n  .erayak-shirt-features__card h3 {\n    max-width: 520px;\n    margin: 0 0 14px;\n    color: var(--eyk-black);\n    font-size: clamp(23px, 2.7vw, 34px);\n    font-weight: 900;\n    line-height: 1.08;\n  }\n\n  .erayak-shirt-features__card--primary h3 {\n    max-width: 560px;\n    color: var(--eyk-white);\n    font-size: clamp(34px, 4.8vw, 58px);\n  }\n\n  .erayak-shirt-features__lead {\n    max-width: 620px;\n    margin: 0;\n    color: var(--eyk-muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .erayak-shirt-features__card--primary .erayak-shirt-features__lead {\n    color: rgba(255, 255, 255, 0.76);\n    font-size: 17px;\n  }\n\n  .erayak-shirt-features__metric {\n    position: absolute;\n    right: 30px;\n    bottom: 30px;\n    display: grid;\n    place-items: center;\n    width: 120px;\n    height: 120px;\n    border: 2px solid var(--eyk-black);\n    border-radius: 50%;\n    background: var(--eyk-yellow);\n    color: var(--eyk-black);\n    box-shadow: 8px 8px 0 var(--eyk-white);\n    text-align: center;\n    animation: eyk-shirt-float 3.2s ease-in-out infinite;\n  }\n\n  .erayak-shirt-features__metric strong,\n  .erayak-shirt-features__metric span {\n    display: block;\n  }\n\n  .erayak-shirt-features__metric strong {\n    font-size: 34px;\n    font-weight: 950;\n    line-height: 0.9;\n  }\n\n  .erayak-shirt-features__metric span {\n    margin-top: 5px;\n    font-size: 11px;\n    font-weight: 900;\n    text-transform: uppercase;\n  }\n\n  .erayak-shirt-features__detail {\n    margin-top: 22px;\n    border-top: 1px solid var(--eyk-line);\n  }\n\n  .erayak-shirt-features__card--primary .erayak-shirt-features__detail {\n    max-width: 430px;\n    border-color: rgba(255, 255, 255, 0.20);\n  }\n\n  .erayak-shirt-features__detail summary {\n    position: relative;\n    padding: 16px 34px 2px 0;\n    color: inherit;\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 900;\n    list-style: none;\n    text-transform: uppercase;\n  }\n\n  .erayak-shirt-features__detail summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .erayak-shirt-features__detail summary::before,\n  .erayak-shirt-features__detail summary::after {\n    content: \"\";\n    position: absolute;\n    top: 22px;\n    right: 4px;\n    width: 14px;\n    height: 2px;\n    background: var(--eyk-yellow);\n    transition: transform 180ms ease;\n  }\n\n  .erayak-shirt-features__detail summary::after {\n    transform: rotate(90deg);\n  }\n\n  .erayak-shirt-features__detail[open] summary::after {\n    transform: rotate(0);\n  }\n\n  .erayak-shirt-features__detail p {\n    margin: 14px 0 0;\n    color: var(--eyk-muted);\n    font-size: 15px;\n    line-height: 1.65;\n    animation: eyk-shirt-reveal 220ms ease both;\n  }\n\n  .erayak-shirt-features__card--primary .erayak-shirt-features__detail p {\n    color: rgba(255, 255, 255, 0.72);\n  }\n\n  @keyframes eyk-shirt-rise {\n    from {\n      opacity: 0;\n      translate: 0 24px;\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n    }\n  }\n\n  @keyframes eyk-shirt-float {\n    0%, 100% {\n      translate: 0 0;\n    }\n    50% {\n      translate: 0 -9px;\n    }\n  }\n\n  @keyframes eyk-shirt-reveal {\n    from {\n      opacity: 0;\n      translate: 0 -5px;\n    }\n    to {\n      opacity: 1;\n      translate: 0 0;\n    }\n  }\n\n  @media (max-width: 899px) {\n    .erayak-shirt-features__header {\n      grid-template-columns: 1fr;\n      gap: 22px;\n    }\n\n    .erayak-shirt-features__intro {\n      max-width: 720px;\n    }\n\n    .erayak-shirt-features__card,\n    .erayak-shirt-features__card--primary,\n    .erayak-shirt-features__card--dry {\n      grid-column: span 6;\n    }\n\n    .erayak-shirt-features__card--primary {\n      grid-column: 1 \/ -1;\n    }\n\n    .erayak-shirt-features__card--dry {\n      min-height: 300px;\n      margin-top: 0;\n    }\n\n    .erayak-shirt-features__card--weekend {\n      grid-column: 4 \/ span 6;\n    }\n  }\n\n  @media (max-width: 599px) {\n    .erayak-shirt-features {\n      padding: 50px 16px 62px;\n    }\n\n    .erayak-shirt-features__nav {\n      justify-content: flex-start;\n      width: calc(100% + 8px);\n      margin-left: -4px;\n    }\n\n    .erayak-shirt-features__stage {\n      grid-template-columns: 1fr;\n      gap: 16px;\n      padding: 18px;\n    }\n\n    .erayak-shirt-features__card,\n    .erayak-shirt-features__card--primary,\n    .erayak-shirt-features__card--dry,\n    .erayak-shirt-features__card--weekend {\n      grid-column: auto;\n      min-height: 0;\n      margin-top: 0;\n      padding: 24px;\n      transform: none;\n    }\n\n    .erayak-shirt-features__card:hover,\n    .erayak-shirt-features__card:focus-within,\n    .erayak-shirt-features__card--primary:hover,\n    .erayak-shirt-features__card--primary:focus-within,\n    .erayak-shirt-features__card--air:hover,\n    .erayak-shirt-features__card--air:focus-within,\n    .erayak-shirt-features__card--weekend:hover,\n    .erayak-shirt-features__card--weekend:focus-within {\n      transform: translateY(-4px);\n    }\n\n    .erayak-shirt-features__topline {\n      margin-bottom: 28px;\n    }\n\n    .erayak-shirt-features__card--primary {\n      padding-bottom: 156px;\n    }\n\n    .erayak-shirt-features__metric {\n      right: 24px;\n      bottom: 24px;\n      width: 102px;\n      height: 102px;\n    }\n\n    .erayak-shirt-features__metric strong {\n      font-size: 29px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .erayak-shirt-features *,\n    .erayak-shirt-features *::before,\n    .erayak-shirt-features *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"erayak-shirt-features\" aria-labelledby=\"erayak-shirt-features-title\"\u003e\n  \u003cheader class=\"erayak-shirt-features__header\"\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"erayak-shirt-features__kicker\"\u003eERAYAK Outdoor Performance\u003c\/span\u003e\n      \u003ch2 class=\"erayak-shirt-features__title\" id=\"erayak-shirt-features-title\"\u003e\n        Ready for Heat.\u003cbr\u003eBuilt for the Day.\n      \u003c\/h2\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"erayak-shirt-features__intro\"\u003e\n      Sun protection, quick-dry comfort and everyday durability come together in one lightweight shirt made for work, travel and weekends outdoors.\n    \u003c\/p\u003e\n  \u003c\/header\u003e\n\n  \u003cnav class=\"erayak-shirt-features__nav\" aria-label=\"Explore product benefits\"\u003e\n    \u003ca href=\"#eyk-shirt-upf\"\u003eUPF 50+\u003c\/a\u003e\n    \u003ca href=\"#eyk-shirt-dry\"\u003eQuick-Dry\u003c\/a\u003e\n    \u003ca href=\"#eyk-shirt-air\"\u003eBreathable\u003c\/a\u003e\n    \u003ca href=\"#eyk-shirt-durable\"\u003eDurable\u003c\/a\u003e\n    \u003ca href=\"#eyk-shirt-weekend\"\u003eVersatile\u003c\/a\u003e\n  \u003c\/nav\u003e\n\n  \u003cdiv class=\"erayak-shirt-features__stage\"\u003e\n    \u003carticle class=\"erayak-shirt-features__card erayak-shirt-features__card--primary\" id=\"eyk-shirt-upf\"\u003e\n      \u003cdiv class=\"erayak-shirt-features__topline\"\u003e\n        \u003cspan class=\"erayak-shirt-features__number\" aria-hidden=\"true\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"erayak-shirt-features__status\"\u003eSun-ready\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3\u003eUPF 50+ Sun Protection\u003c\/h3\u003e\n      \u003cp class=\"erayak-shirt-features__lead\"\u003e\n        Practical coverage for bright days at the campsite, on the trail, around the yard or beside the RV.\n      \u003c\/p\u003e\n      \u003cdetails class=\"erayak-shirt-features__detail\"\u003e\n        \u003csummary\u003eExplore the benefit\u003c\/summary\u003e\n        \u003cp\u003e\n          The fabric provides UPF 50+ protection to help reduce exposure to harmful UV rays during everyday outdoor activities.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdiv class=\"erayak-shirt-features__metric\" aria-label=\"UPF 50 plus\"\u003e\n        \u003cdiv\u003e\n\u003cstrong\u003e50+\u003c\/strong\u003e\u003cspan\u003eUPF\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"erayak-shirt-features__card erayak-shirt-features__card--dry\" id=\"eyk-shirt-dry\"\u003e\n      \u003cdiv class=\"erayak-shirt-features__topline\"\u003e\n        \u003cspan class=\"erayak-shirt-features__number\" aria-hidden=\"true\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"erayak-shirt-features__status\"\u003eStay dry\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3\u003eQuick-Dry \u0026amp; Moisture-Wicking\u003c\/h3\u003e\n      \u003cp class=\"erayak-shirt-features__lead\"\u003e\n        Helps move sweat away from your skin through hot days and active use.\n      \u003c\/p\u003e\n      \u003cdetails class=\"erayak-shirt-features__detail\"\u003e\n        \u003csummary\u003eHow it keeps up\u003c\/summary\u003e\n        \u003cp\u003e\n          Moisture spreads across the material and dries quickly, helping you feel cooler, drier and more comfortable while moving.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"erayak-shirt-features__card erayak-shirt-features__card--air\" id=\"eyk-shirt-air\"\u003e\n      \u003cdiv class=\"erayak-shirt-features__topline\"\u003e\n        \u003cspan class=\"erayak-shirt-features__number\" aria-hidden=\"true\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"erayak-shirt-features__status\"\u003eLight feel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3\u003eLightweight \u0026amp; Breathable\u003c\/h3\u003e\n      \u003cp class=\"erayak-shirt-features__lead\"\u003e\n        Airflow and freedom of movement without a heavy or restrictive feel.\n      \u003c\/p\u003e\n      \u003cdetails class=\"erayak-shirt-features__detail\"\u003e\n        \u003csummary\u003eMade for long days\u003c\/summary\u003e\n        \u003cp\u003e\n          Designed for all-day comfort while setting up camp, working in the yard, traveling by RV or relaxing outdoors.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"erayak-shirt-features__card\" id=\"eyk-shirt-durable\"\u003e\n      \u003cdiv class=\"erayak-shirt-features__topline\"\u003e\n        \u003cspan class=\"erayak-shirt-features__number\" aria-hidden=\"true\"\u003e04\u003c\/span\u003e\n        \u003cspan class=\"erayak-shirt-features__status\"\u003eBuilt well\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3\u003eEveryday Durability\u003c\/h3\u003e\n      \u003cp class=\"erayak-shirt-features__lead\"\u003e\n        Thoughtful construction supports dependable comfort through repeated wear.\n      \u003c\/p\u003e\n      \u003cdetails class=\"erayak-shirt-features__detail\"\u003e\n        \u003csummary\u003eSee the details\u003c\/summary\u003e\n        \u003cp\u003e\n          Finished with a ribbed crew neck, reinforced shoulder stitching, double-needle hem and clean seams.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"erayak-shirt-features__card erayak-shirt-features__card--weekend\" id=\"eyk-shirt-weekend\"\u003e\n      \u003cdiv class=\"erayak-shirt-features__topline\"\u003e\n        \u003cspan class=\"erayak-shirt-features__number\" aria-hidden=\"true\"\u003e05\u003c\/span\u003e\n        \u003cspan class=\"erayak-shirt-features__status\"\u003eGo anywhere\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch3\u003eFrom Work to Weekend\u003c\/h3\u003e\n      \u003cp class=\"erayak-shirt-features__lead\"\u003e\n        A clean black design that works with pants, shorts and outdoor gear.\n      \u003c\/p\u003e\n      \u003cdetails class=\"erayak-shirt-features__detail\"\u003e\n        \u003csummary\u003eStyle it your way\u003c\/summary\u003e\n        \u003cp\u003e\n          The subtle ERAYAK sleeve logo adds a branded finish for the garage, campsite, RV trip and beyond.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Erayak Power","offers":[{"title":"M (154–176 lb)","offer_id":48612016193741,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true},{"title":"L (176–193 lb)","offer_id":48612016226509,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true},{"title":"XL (193–215 lb)","offer_id":48612016259277,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0583\/2831\/8157\/files\/b58ce7b99582c961375527c3c6b27ebb_47ce6cfe-7aff-447f-800a-2da1e1a2b542.png?v=1786094367","url":"https:\/\/erayakpower.com\/es\/products\/erayak-mens-upf-50-quick-dry-breathable-outdoor-performance-t-shirt","provider":"Erayak Power","version":"1.0","type":"link"}