{"product_id":"merica-250-years-embroidered-mesh-back-trucker-hat-2","title":"🇺🇸 ’Merica 250 Years Embroidered Mesh Back Trucker Hat","description":"\u003cstyle\u003e  .merica250 {    --navy: #082b5c;    --blue: #0b4ea2;    --red: #c8102e;    --cream: #fffaf0;    --white: #ffffff;    --ink: #172033;    max-width: 900px;    margin: 0 auto;    padding-right: 16px;    padding-left: 16px;    color: var(--ink);    font-family: Arial, Helvetica, sans-serif;    line-height: 1.65;    box-sizing: border-box;  }  .merica250 * {    box-sizing: border-box;  }  .merica250 img {    display: block;    width: 100%;    height: auto;  }  .merica250__sale {    position: relative;    overflow: hidden;    margin-bottom: 14px;    padding: 15px 20px;    border: 2px solid rgba(255, 255, 255, 0.55);    border-radius: 15px;    color: var(--white);    text-align: center;    background: linear-gradient(105deg, #9f0c26, var(--red) 48%, #df2441);    box-shadow: 0 10px 24px rgba(200, 16, 46, 0.24);  }  .merica250__sale::before,  .merica250__sale::after {    content: \"2605\";    position: absolute;    top: 50%;    color: rgba(255, 255, 255, 0.2);    font-size: 52px;    line-height: 1;    transform: translateY(-50%) rotate(-12deg);  }  .merica250__sale::before {    left: 20px;  }  .merica250__sale::after {    right: 20px;    transform: translateY(-50%) rotate(12deg);  }  .merica250__sale strong,  .merica250__sale span {    position: relative;    z-index: 1;    display: block;  }  .merica250__sale strong {    font-size: clamp(23px, 4vw, 34px);    line-height: 1.1;    letter-spacing: 0.035em;    text-transform: uppercase;    text-shadow: 0 3px 10px rgba(95, 0, 18, 0.3);  }  .merica250__sale span {    margin-top: 5px;    font-size: 13px;    font-weight: 800;    letter-spacing: 0.08em;    text-transform: uppercase;  }  .merica250__hero {    position: relative;    overflow: hidden;    padding: 54px 24px 48px;    border-radius: 22px;    color: var(--white);    text-align: center;    background:      radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.2) 0 2px, transparent 3px),      radial-gradient(circle at 85% 28%, rgba(255, 255, 255, 0.16) 0 2px, transparent 3px),      linear-gradient(135deg, #061c3c 0%, var(--navy) 48%, var(--blue) 100%);    background-size: 34px 34px, 46px 46px, auto;    box-shadow: 0 16px 38px rgba(8, 43, 92, 0.22);  }  .merica250__hero::after {    content: \"\";    position: absolute;    right: -8%;    bottom: -48px;    left: -8%;    height: 82px;    transform: rotate(-2deg);    background: repeating-linear-gradient(      to bottom,      var(--red) 0 12px,      var(--white) 12px 24px    );    opacity: 0.95;  }  .merica250__hero-inner {    position: relative;    z-index: 1;  }  .merica250__eyebrow {    display: inline-block;    margin: 0 0 16px;    padding: 7px 14px;    border: 1px solid rgba(255, 255, 255, 0.42);    border-radius: 999px;    background: rgba(255, 255, 255, 0.1);    font-size: 12px;    font-weight: 800;    letter-spacing: 0.16em;    text-transform: uppercase;  }  .merica250__hero h2 {    max-width: 720px;    margin: 0 auto 14px;    color: var(--white);    font-size: clamp(34px, 7vw, 62px);    line-height: 1.02;    letter-spacing: -0.035em;    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.24);  }  .merica250__hero h2 span {    color: #ffd45c;  }  .merica250__hero p {    max-width: 680px;    margin: 0 auto 26px;    color: rgba(255, 255, 255, 0.93);    font-size: 18px;  }  .merica250__ribbon {    display: inline-flex;    align-items: center;    gap: 9px;    padding: 11px 18px;    border-radius: 10px;    color: var(--navy);    background: var(--white);    font-size: 14px;    font-weight: 800;    letter-spacing: 0.04em;    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);  }  .merica250__ribbon-star {    color: var(--red);  }  .merica250__image {    overflow: hidden;    margin: 24px 0;    border: 1px solid rgba(8, 43, 92, 0.12);    border-radius: 18px;    background: #f4f6f8;    box-shadow: 0 12px 30px rgba(8, 43, 92, 0.12);  }  .merica250__image img {    transition: transform 0.45s ease;  }  .merica250__image:hover img {    transform: scale(1.018);  }  .merica250__intro {    padding: 34px 22px 12px;    text-align: center;  }  .merica250__kicker {    margin: 0 0 8px;    color: var(--red);    font-size: 13px;    font-weight: 900;    letter-spacing: 0.14em;    text-transform: uppercase;  }  .merica250__title {    margin: 0 0 12px;    color: var(--navy);    font-size: clamp(27px, 5vw, 42px);    line-height: 1.15;    letter-spacing: -0.025em;  }  .merica250__lead {    max-width: 720px;    margin: 0 auto;    font-size: 17px;  }  .merica250__features {    position: relative;    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 14px;    margin: 28px 0;  }  .merica250__features::before {    content: \"\";    position: absolute;    z-index: 2;    top: -12px;    left: -9px;    width: 8px;    height: 8px;    border-radius: 50%;    background: var(--red);    box-shadow:      15px -8px 0 -2px var(--blue),      29px 2px 0 -2px #e6af2e,      8px 18px 0 -2px var(--red),      34px 20px 0 -3px var(--blue);    pointer-events: none;    animation: merica250-float 4.2s ease-in-out infinite;  }  .merica250__features::after {    content: \"2726\";    position: absolute;    z-index: 2;    right: -10px;    bottom: -24px;    color: var(--blue);    font-size: 25px;    line-height: 1;    text-shadow:      -17px 5px 0 rgba(200, 16, 46, 0.72),      7px -15px 0 rgba(230, 175, 46, 0.78);    pointer-events: none;    animation: merica250-float 5s ease-in-out 0.5s infinite reverse;  }  .merica250__feature {    padding: 24px 18px;    border: 1px solid rgba(8, 43, 92, 0.12);    border-radius: 16px;    text-align: center;    background: var(--white);    box-shadow: 0 8px 22px rgba(8, 43, 92, 0.08);  }  .merica250__feature-icon {    display: grid;    width: 48px;    height: 48px;    margin: 0 auto 13px;    place-items: center;    border-radius: 50%;    color: var(--white);    background: linear-gradient(135deg, var(--red), #e63b51);    font-size: 22px;    box-shadow: 0 6px 14px rgba(200, 16, 46, 0.22);  }  .merica250__feature h3 {    margin: 0 0 6px;    color: var(--navy);    font-size: 17px;    line-height: 1.25;  }  .merica250__feature p {    margin: 0;    color: #566075;    font-size: 14px;    line-height: 1.5;  }  .merica250__statement {    position: relative;    margin: 30px 0;    padding: 28px 24px;    border-left: 7px solid var(--red);    border-radius: 0 16px 16px 0;    color: var(--navy);    background:      linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 250, 240, 0.96)),      repeating-linear-gradient(0deg, transparent 0 18px, rgba(200, 16, 46, 0.04) 18px 36px);    font-size: clamp(20px, 4vw, 29px);    font-weight: 900;    line-height: 1.25;    box-shadow: 0 9px 24px rgba(8, 43, 92, 0.08);  }  .merica250__statement::before {    content: \"2605\";    position: absolute;    z-index: 2;    top: -17px;    right: 19px;    color: var(--red);    font-size: 22px;    line-height: 1;    text-shadow:      20px 9px 0 var(--blue),      -17px 12px 0 rgba(230, 175, 46, 0.9);    transform: rotate(9deg);    pointer-events: none;    animation: merica250-float 4.6s ease-in-out 0.8s infinite;  }  .merica250__statement::after {    content: \"\";    position: absolute;    bottom: -8px;    left: 26px;    width: 24px;    height: 5px;    border-radius: 999px;    background: var(--blue);    box-shadow:      31px 1px 0 -1px var(--red),      60px -2px 0 -1px #e6af2e;    transform: rotate(-8deg);    pointer-events: none;  }  .merica250__statement small {    display: block;    margin-top: 8px;    color: var(--red);    font-size: 12px;    font-weight: 900;    letter-spacing: 0.13em;    text-transform: uppercase;  }  .merica250__section {    margin: 34px 0;    padding: 30px 24px;    border-radius: 18px;    background: var(--cream);  }  .merica250__section--navy {    position: relative;    color: var(--white);    background: linear-gradient(135deg, #061c3c, var(--navy));  }  .merica250__section--navy::before {    content: \"\";    position: absolute;    z-index: 2;    top: -25px;    left: 30px;    width: 46px;    height: 46px;    border-radius: 50%;    background:      radial-gradient(circle, var(--red) 0 2px, transparent 3px),      conic-gradient(        from 0deg,        transparent 0 8%,        rgba(11, 78, 162, 0.9) 9% 11%,        transparent 12% 24%,        rgba(200, 16, 46, 0.9) 25% 27%,        transparent 28% 40%,        rgba(230, 175, 46, 0.95) 41% 43%,        transparent 44% 58%,        rgba(11, 78, 162, 0.9) 59% 61%,        transparent 62% 74%,        rgba(200, 16, 46, 0.9) 75% 77%,        transparent 78% 100%      );    -webkit-mask: radial-gradient(circle, transparent 0 10px, #000 11px);    mask: radial-gradient(circle, transparent 0 10px, #000 11px);    pointer-events: none;    animation: merica250-spin 14s linear infinite;  }  .merica250__section--navy::after {    content: \"2605\";    position: absolute;    z-index: 2;    right: -8px;    bottom: -15px;    color: var(--red);    font-size: 21px;    line-height: 1;    text-shadow:      -17px -7px 0 var(--blue),      3px -21px 0 #e6af2e;    pointer-events: none;    animation: merica250-float 4.8s ease-in-out infinite reverse;  }  .merica250__section h3 {    margin: 0 0 18px;    color: var(--navy);    font-size: 27px;    line-height: 1.2;    text-align: center;  }  .merica250__section--navy h3 {    color: var(--white);  }  .merica250__checklist {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 12px;    margin: 0;    padding: 0;    list-style: none;  }  .merica250__checklist li {    position: relative;    padding: 13px 15px 13px 44px;    border-radius: 11px;    background: var(--white);    box-shadow: 0 5px 14px rgba(8, 43, 92, 0.06);  }  .merica250__checklist li::before {    content: \"2713\";    position: absolute;    top: 12px;    left: 14px;    display: grid;    width: 22px;    height: 22px;    place-items: center;    border-radius: 50%;    color: var(--white);    background: var(--red);    font-size: 13px;    font-weight: 900;  }  .merica250__occasions {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 10px;    margin-top: 22px;  }  .merica250__occasion {    padding: 8px 13px;    border: 1px solid rgba(255, 255, 255, 0.24);    border-radius: 999px;    color: var(--white);    background: rgba(255, 255, 255, 0.09);    font-size: 13px;    font-weight: 700;  }  .merica250__details {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 12px;    margin: 0;    padding: 0;    list-style: none;  }  .merica250__details li {    padding: 16px;    border: 1px solid rgba(8, 43, 92, 0.1);    border-radius: 12px;    background: var(--white);  }  .merica250__details strong {    display: block;    margin-bottom: 2px;    color: var(--red);    font-size: 12px;    letter-spacing: 0.08em;    text-transform: uppercase;  }  .merica250__cta {    position: relative;    overflow: hidden;    margin-top: 34px;    padding: 42px 24px;    border-radius: 20px;    color: var(--white);    text-align: center;    background:      linear-gradient(135deg, rgba(200, 16, 46, 0.98), rgba(155, 9, 34, 0.98)),      var(--red);    box-shadow: 0 15px 34px rgba(200, 16, 46, 0.22);  }  .merica250__cta::before,  .merica250__cta::after {    content: \"2605\";    position: absolute;    color: rgba(255, 255, 255, 0.14);    font-size: 100px;    line-height: 1;  }  .merica250__cta::before {    top: -25px;    left: -15px;    transform: rotate(-12deg);  }  .merica250__cta::after {    right: -12px;    bottom: -30px;    transform: rotate(12deg);  }  .merica250__cta-content {    position: relative;    z-index: 1;  }  .merica250__cta h3 {    margin: 0 0 10px;    color: var(--white);    font-size: clamp(29px, 5vw, 43px);    line-height: 1.1;  }  .merica250__cta p {    max-width: 620px;    margin: 0 auto 18px;    color: rgba(255, 255, 255, 0.94);    font-size: 17px;  }  .merica250__cta-badge {    display: inline-block;    padding: 12px 19px;    border-radius: 10px;    color: var(--navy);    background: var(--white);    font-weight: 900;    letter-spacing: 0.02em;    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16);  }  .merica250__fineprint {    margin: 14px 0 0;    color: #6b7280;    font-size: 12px;    text-align: center;  }  @keyframes merica250-float {    0%,    100% {      transform: translate3d(0, 0, 0) rotate(-4deg);    }    50% {      transform: translate3d(0, -6px, 0) rotate(5deg);    }  }  @keyframes merica250-spin {    to {      transform: rotate(360deg);    }  }  @media (max-width: 700px) {    .merica250 {      padding-right: 10px;      padding-left: 10px;    }    .merica250__sale {      padding: 13px 46px;    }    .merica250__sale::before {      left: 7px;    }    .merica250__sale::after {      right: 7px;    }    .merica250__hero {      padding: 42px 18px 44px;      border-radius: 16px;    }    .merica250__hero p {      font-size: 16px;    }    .merica250__features,    .merica250__checklist,    .merica250__details {      grid-template-columns: 1fr;    }    .merica250__feature {      padding: 20px 16px;    }    .merica250__section {      padding: 25px 17px;    }    .merica250__statement {      padding: 23px 18px;    }    .merica250__features::before {      left: -4px;    }    .merica250__features::after,    .merica250__section--navy::after {      right: -3px;    }    .merica250__section--navy::before {      top: -20px;      left: 14px;      width: 38px;      height: 38px;    }  }  @media (prefers-reduced-motion: reduce) {    .merica250__image img,    .merica250__features::before,    .merica250__features::after,    .merica250__statement::before,    .merica250__section--navy::before,    .merica250__section--navy::after {      animation: none;      transition: none;    }  }\u003c\/style\u003e\u003cdiv\u003e  \u003cdiv\u003e    \u003cstrong\u003e★ Limited-Time 50% Off ★\u003c\/strong\u003e    \u003cspan\u003eStars, stripes, and serious savings • Shop the celebration deal today\u003c\/span\u003e  \u003c\/div\u003e  \u003csection\u003e    \u003cdiv\u003e      \u003cp\u003e1776 • 250 Years of American Spirit • 2026\u003c\/p\u003e      \u003ch2\u003eWear the Spirit of \u003cspan\u003eAmerica\u003c\/span\u003e\n\u003c\/h2\u003e      \u003cp\u003e        Celebrate 250 years of freedom, pride, and unforgettable American        summers with the 'Merica 250 Years Embroidered Trucker Hat.      \u003c\/p\u003e      \u003cdiv\u003e        \u003cspan\u003e★\u003c\/span\u003e        A PATRIOTIC FAVORITE FOR THE 250-YEAR CELEBRATION        \u003cspan\u003e★\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003cdiv\u003e    \u003cimg class=\"lazyload\" src=\"https:\/\/cdn.newfastcdn.com\/image\/90f4f01d2977a5c981db89440f46e65cfa3635ff.gif\" alt=\"'Merica USA Flag 250 Years embroidered trucker hat\" loading=\"eager\"\u003e  \u003c\/div\u003e  \u003csection\u003e    \u003cp\u003e★ Bold American Style ★\u003c\/p\u003e    \u003ch2\u003eBuilt for the Land of the Free\u003c\/h2\u003e    \u003cp\u003e      Featuring a bold \u003cstrong\u003e'Merica USA Flag embroidered logo\u003c\/strong\u003e and a      commemorative \u003cstrong\u003e250 Years\u003c\/strong\u003e design, this cap brings instant      red, white, and blue energy to Independence Day celebrations, summer      BBQs, sporting events, road trips, and everyday wear.    \u003c\/p\u003e  \u003c\/section\u003e  \u003cdiv\u003e    \u003cimg class=\"lazyload\" src=\"https:\/\/cdn.newfastcdn.com\/image\/4b0b889eb34c568c7334715d903806f5f3f723b4.png\" alt=\"Front view of the patriotic 250 Years trucker hat\" loading=\"lazy\"\u003e  \u003c\/div\u003e  \u003csection aria-label=\"Hat highlights\"\u003e    \u003cdiv\u003e      \u003cdiv\u003e★\u003c\/div\u003e      \u003ch3\u003eStatement Embroidery\u003c\/h3\u003e      \u003cp\u003eA bold USA flag design made to stand out in every crowd.\u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv\u003e      \u003cdiv\u003e☀\u003c\/div\u003e      \u003ch3\u003eCool Mesh Back\u003c\/h3\u003e      \u003cp\u003eBreathable comfort for hot summer days and long celebrations.\u003c\/p\u003e    \u003c\/div\u003e    \u003cdiv\u003e      \u003cdiv\u003e✓\u003c\/div\u003e      \u003ch3\u003eEasy Adjustable Fit\u003c\/h3\u003e      \u003cp\u003eA classic snapback closure designed to fit most adults comfortably.\u003c\/p\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003cdiv\u003e    ★ Show your pride. Honor the legacy. Celebrate 250 years of American spirit.    \u003csmall\u003eOne nation • One unforgettable milestone\u003c\/small\u003e  \u003c\/div\u003e  \u003cdiv\u003e    \u003cimg class=\"lazyload\" src=\"https:\/\/cdn.newfastcdn.com\/image\/de0f843b865e80e4ce603108d51a6bf6aa6492ef.png\" alt=\"Breathable mesh back and adjustable snapback detail\" loading=\"lazy\"\u003e  \u003c\/div\u003e  \u003csection\u003e    \u003ch3\u003e☀ Why You'll Reach for It All Summer\u003c\/h3\u003e    \u003cul\u003e      \u003cli\u003ePremium embroidered patriotic design\u003c\/li\u003e      \u003cli\u003eBreathable mesh back for all-day comfort\u003c\/li\u003e      \u003cli\u003eAdjustable snapback closure\u003c\/li\u003e      \u003cli\u003eLightweight and summer-ready\u003c\/li\u003e      \u003cli\u003eClassic trucker-hat silhouette\u003c\/li\u003e      \u003cli\u003eEasy patriotic gift for men and women\u003c\/li\u003e    \u003c\/ul\u003e  \u003c\/section\u003e  \u003cdiv\u003e    \u003cimg class=\"lazyload\" src=\"https:\/\/cdn.newfastcdn.com\/image\/2ac1fcf9a1b18393962a2180690b35f1b6dd3935.jpg\" alt=\"Patriotic 'Merica 250 Years hat lifestyle view\" loading=\"lazy\"\u003e  \u003c\/div\u003e  \u003csection\u003e    \u003ch3\u003e✨ Made for American Summer Moments\u003c\/h3\u003e    \u003cdiv\u003e      \u003cspan\u003eJuly 4th\u003c\/span\u003e      \u003cspan\u003e250-Year Celebrations\u003c\/span\u003e      \u003cspan\u003eBackyard BBQs\u003c\/span\u003e      \u003cspan\u003eParades\u003c\/span\u003e      \u003cspan\u003eTailgates\u003c\/span\u003e      \u003cspan\u003eSporting Events\u003c\/span\u003e      \u003cspan\u003eRoad Trips\u003c\/span\u003e      \u003cspan\u003eEveryday Pride\u003c\/span\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003cdiv\u003e    \u003cimg class=\"lazyload\" src=\"https:\/\/cdn.newfastcdn.com\/image\/90a75a6481c3252648f36ef7554a414e5edb34cd.png\" alt=\"Patriotic 250 Years embroidered hat details\" loading=\"lazy\"\u003e  \u003c\/div\u003e  \u003csection\u003e    \u003ch3\u003e Product Details\u003c\/h3\u003e    \u003cul\u003e      \u003cli\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003ePolyester and mesh\u003c\/li\u003e      \u003cli\u003e\n\u003cstrong\u003eFit\u003c\/strong\u003eAdjustable snapback, one size fits most\u003c\/li\u003e      \u003cli\u003e\n\u003cstrong\u003eStyle\u003c\/strong\u003eClassic trucker hat\u003c\/li\u003e      \u003cli\u003e\n\u003cstrong\u003ePackage\u003c\/strong\u003e1 × 'Merica 250 Years embroidered hat\u003c\/li\u003e    \u003c\/ul\u003e  \u003c\/section\u003e  \u003csection\u003e    \u003cdiv\u003e      \u003ch3\u003e★ Your Patriotic Celebration Look Starts Here\u003c\/h3\u003e      \u003cp\u003e        Top off your celebration with a hat that looks right at home under        fireworks, beside the grill, or anywhere American pride runs deep.        For a limited time, bring it home for \u003cstrong\u003e50% off\u003c\/strong\u003e.      \u003c\/p\u003e      \u003cdiv\u003eCLAIM 50% OFF • GET YOUR HAT TODAY\u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003cp\u003e    Limited-time promotional pricing is subject to change. Colors may vary    slightly depending on screen settings.  \u003c\/p\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Navy \/ Buy 1","offer_id":46946178695305,"sku":"NY3437356-纪念款","price":23.99,"currency_code":"USD","in_stock":true},{"title":"Navy \/ Buy 2 Get 1 Free","offer_id":46946178728073,"sku":"NY3437356-纪念款*3","price":34.98,"currency_code":"USD","in_stock":true},{"title":"Navy \/ Buy 3 Get 2 Free","offer_id":46946178760841,"sku":"NY3437356-纪念款*5","price":45.97,"currency_code":"USD","in_stock":true},{"title":"White \/ Buy 1","offer_id":46946178793609,"sku":"NY3437356-白","price":23.99,"currency_code":"USD","in_stock":true},{"title":"White \/ Buy 2 Get 1 Free","offer_id":46946178826377,"sku":"NY3437356-白*3","price":34.98,"currency_code":"USD","in_stock":true},{"title":"White \/ Buy 3 Get 2 Free","offer_id":46946178859145,"sku":"NY3437356-白*5","price":45.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0738\/6464\/2697\/files\/54949e50142b5fa37bbcbc795cae8e7f18a459ad.jpg?v=1781801661","url":"https:\/\/fgorre.com\/products\/merica-250-years-embroidered-mesh-back-trucker-hat-2","provider":"Fgorre","version":"1.0","type":"link"}