{"id":26,"date":"2026-08-15T15:39:19","date_gmt":"2026-08-15T15:39:19","guid":{"rendered":"https:\/\/supergoopai.com\/?page_id=26"},"modified":"2026-08-16T20:18:54","modified_gmt":"2026-08-16T20:18:54","slug":"home","status":"publish","type":"page","link":"https:\/\/supergoopai.com\/?page_id=26","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"26\" class=\"elementor elementor-26\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b549ec e-con-full e-flex e-con e-parent\" data-id=\"8b549ec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1be1b7 elementor-widget elementor-widget-html\" data-id=\"a1be1b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u53e0\u52a0\u6587\u5b57 - PRIMED \u518d\u53d8\u5927 -->\r\n<style>\r\n  .overlay-text {\r\n    max-width: 500px;\r\n  }\r\n\r\n  .overlay-text h1 {\r\n    font-family: 'Arial Black', 'Helvetica Neue', sans-serif;\r\n    font-size: 140px;        \/* \u2190 PRIMED \u53d8\u5927 *\/\r\n    font-weight: 900;\r\n    color: #FFE600;\r\n    margin: 0;\r\n    line-height: 0.95;\r\n    letter-spacing: -3px;\r\n  }\r\n\r\n  .overlay-text .subtitle {\r\n    font-family: 'Georgia', serif;\r\n    font-size: 40px;\r\n    color: #1a1a1a;\r\n    margin: 8px 0 18px 0;\r\n    line-height: 1;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n  }\r\n\r\n  .overlay-text .subtitle .era {\r\n    font-family: 'Arial Black', sans-serif;\r\n    font-size: 88px;\r\n    font-weight: 900;\r\n    font-style: italic;\r\n    color: #fff;\r\n    -webkit-text-stroke: 2.5px #1a1a1a;\r\n    letter-spacing: 2px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .overlay-text p {\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n    font-size: 15px;\r\n    color: #333;\r\n    line-height: 1.5;\r\n    margin-bottom: 25px;\r\n    max-width: 480px;\r\n  }\r\n\r\n  .overlay-text .btn {\r\n    display: inline-block;\r\n    padding: 14px 50px;\r\n    background: #0000b4;\r\n    color: #fff;\r\n    font-family: 'Arial Black', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .overlay-text .btn:hover {\r\n    background: #00008B;\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(0,0,139,0.3);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .overlay-text h1 { font-size: 64px; }\r\n    .overlay-text .subtitle { font-size: 24px; gap: 5px; }\r\n    .overlay-text .subtitle .era { font-size: 46px; }\r\n    .overlay-text p { font-size: 14px; }\r\n    .overlay-text .btn { font-size: 12px; padding: 12px 40px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"overlay-text\">\r\n  <h1>PRIMED<\/h1>\r\n  <div class=\"subtitle\">for every <span class=\"era\">ERA<\/span><\/div>\r\n  <p>Trends come and go, but protected skin is always in. Find your perfect match with SPF primers made for every skin type and finish.<\/p>\r\n  <a href=\"#\" class=\"btn\">SHOP NOW<\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31a4e66 e-con-full e-flex e-con e-parent\" data-id=\"31a4e66\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebff318 elementor-widget elementor-widget-html\" data-id=\"ebff318\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u6a2a\u5411\u65e0\u9650\u6eda\u52a8\u56fe\u6848\u6761 - \u53d8\u5c0f\u7248 -->\r\n<style>\r\n  .elementor-widget-html .elementor-widget-container {\r\n    overflow: visible !important;\r\n  }\r\n  \r\n  @keyframes marquee-slide {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n  }\r\n  \r\n  .pattern-strip {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 10px 0;        \/* \u2190 \u4e0a\u4e0b\u95f4\u8ddd\u53d8\u5c0f *\/\r\n    background: #fff;\r\n  }\r\n  \r\n  .pattern-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: marquee-slide 15s linear infinite;\r\n  }\r\n  \r\n  .pattern-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n  \r\n  .pattern-item {\r\n    flex-shrink: 0;\r\n    width: 60px;            \/* \u2190 \u539f\u6765\u662f 140px *\/\r\n    height: 40px;           \/* \u2190 \u539f\u6765\u662f 100px *\/\r\n    margin: 0 10px;         \/* \u2190 \u539f\u6765\u662f 0 25px *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .pattern-item img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"pattern-strip\">\r\n  <div class=\"pattern-track\">\r\n    <!-- \u7b2c\u4e00\u7ec4 -->\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <!-- \u7b2c\u4e8c\u7ec4 -->\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n    <div class=\"pattern-item\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/%E4%B8%8B%E8%BD%BD.png\" alt=\"\"><\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff14ee9 e-con-full e-flex e-con e-parent\" data-id=\"ff14ee9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6888afe elementor-widget elementor-widget-html\" data-id=\"6888afe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u4fc3\u9500 Banner - \u4fee\u590d\u624b\u673a\u7aef\u6587\u5b57\u4f4d\u7f6e -->\r\n<style>\r\n  .promo-banner-clean {\r\n    width: 100%;\r\n    padding: 40px 5%;\r\n    box-sizing: border-box;\r\n    text-align: left;\r\n  }\r\n\r\n  .promo-banner-clean h2 {\r\n    font-family: 'Arial Black', 'Helvetica Neue', 'Impact', sans-serif;\r\n    font-size: 52px;\r\n    font-weight: 900;\r\n    color: #00008B;\r\n    text-transform: uppercase;\r\n    line-height: 1.1;\r\n    margin: 0 0 15px 0;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .promo-banner-clean p {\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n    font-size: 16px;\r\n    color: #1a1a1a;\r\n    line-height: 1.5;\r\n    margin: 0 0 25px 0;\r\n    max-width: 700px;\r\n  }\r\n\r\n  .promo-btn-clean {\r\n    display: inline-block;\r\n    padding: 14px 50px;\r\n    background: #00008B;\r\n    color: #fff;\r\n    font-family: 'Arial Black', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    text-decoration: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .promo-btn-clean:hover {\r\n    background: #00008B;\r\n    color: #FFE600;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 4px 12px rgba(0,0,139,0.3);\r\n  }\r\n\r\n  .promo-note-clean {\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n    font-size: 12px;\r\n    color: #555;\r\n    margin-top: 15px;\r\n  }\r\n\r\n  \/* ========== \u624b\u673a\u7aef ========== *\/\r\n  @media (max-width: 768px) {\r\n    .promo-banner-clean {\r\n      padding: 30px 20px 50px 20px;   \/* \u2190 \u5e95\u90e8\u589e\u52a0 50px\uff0c\u8ba9\u6587\u5b57\u4e0d\u8d34\u8fb9 *\/\r\n      text-align: center;\r\n    }\r\n    .promo-banner-clean h2 {\r\n      font-size: 28px;\r\n      text-align: center;\r\n    }\r\n    .promo-banner-clean p {\r\n      font-size: 14px;\r\n      text-align: center;\r\n      margin: 0 auto 25px auto;\r\n      white-space: normal;\r\n    }\r\n    .promo-btn-clean {\r\n      padding: 12px 40px;\r\n      font-size: 12px;\r\n    }\r\n    .promo-note-clean {\r\n      text-align: center;\r\n      margin-top: 15px;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"promo-banner-clean\">\r\n  <h2>FREE MINI! MINERAL<br>MATTESCREEN<\/h2>\r\n  <p>Control shine, blur pores, and protect skin with a free mini Mattescreen SPF 40 in orders $20+.<\/p>\r\n  <a href=\"#\" class=\"promo-btn-clean\">SHOP NOW<\/a>\r\n  <div class=\"promo-note-clean\">While supplies last<\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f96c86 e-con-full e-flex e-con e-parent\" data-id=\"3f96c86\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c6bcbf elementor-widget elementor-widget-heading\" data-id=\"1c6bcbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Picks for You<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fb492e e-con-full e-flex e-con e-parent\" data-id=\"1fb492e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed9a816 elementor-widget elementor-widget-html\" data-id=\"ed9a816\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== \u4ea7\u54c1\u8f6e\u64ad\u7ec4\u4ef6\uff1a\u76f4\u63a5\u6574\u6bb5\u7c98\u8d34\u5230 HTML\/\u4ee3\u7801\u533a\u5757 ===== -->\r\n<div id=\"sg-carousel\">\r\n<style>\r\n  #sg-carousel{font-family:\"Helvetica Neue\",Helvetica,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;color:#111;width:100%}\r\n  #sg-carousel *{margin:0;padding:0;box-sizing:border-box}\r\n  #sg-carousel button{font-family:inherit;cursor:pointer}\r\n  \/* \u5361\u7247\u7f51\u683c\uff1a\u684c\u9762 4 \u4e2a \/ \u5e73\u677f\u624b\u673a 2 \u4e2a *\/\r\n  #sg-carousel .sgc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;cursor:grab;touch-action:pan-y}\r\n  @media (max-width:1024px){#sg-carousel .sgc-grid{grid-template-columns:repeat(2,1fr)}}\r\n  @media (max-width:768px){\r\n    #sg-carousel .sgc-grid{gap:10px}\r\n    #sg-carousel .sgc-name{font-size:13px}#sg-carousel .sgc-sub{font-size:12px}\r\n    #sg-carousel .sgc-pill{padding:6px 10px;font-size:11px}\r\n    #sg-carousel .sgc-btn{padding:11px 0;font-size:11.5px;letter-spacing:.2em}\r\n    #sg-carousel .sgc-arrow{width:34px;height:34px;font-size:14px}\r\n    #sg-carousel .sgc-prev{left:2px}#sg-carousel .sgc-next{right:2px}\r\n  }\r\n  #sg-carousel .sgc-grid.sgc-dragging{cursor:grabbing}\r\n  #sg-carousel .sgc-grid.sgc-dragging *{pointer-events:none}\r\n  #sg-carousel .sgc-card{position:relative;background:#fff;animation:sgcFade .5s ease both}\r\n  #sg-carousel .sgc-card:hover{z-index:5}\r\n  @keyframes sgcFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\r\n  \/* \u4e3b\u56fe\uff1a\u60ac\u505c\u5207\u6362\u4eba\u7269\u56fe *\/\r\n  #sg-carousel .sgc-imgbox{position:relative;aspect-ratio:1180\/1400;overflow:hidden;background:#eceae6}\r\n  #sg-carousel .sgc-imgbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s ease}\r\n  #sg-carousel .sgc-hover{opacity:0}\r\n  #sg-carousel .sgc-card:hover .sgc-hover{opacity:1}\r\n  #sg-carousel .sgc-card:hover .sgc-main{opacity:0}\r\n  #sg-carousel .sgc-badge{position:absolute;top:10px;right:10px;z-index:2;background:#f5e44a;font-size:11px;font-weight:700;padding:3px 8px}\r\n  \/* \u6587\u672c *\/\r\n  #sg-carousel .sgc-meta{padding:14px 2px 12px}\r\n  #sg-carousel .sgc-stars{color:#1a1ad1;font-size:13px;letter-spacing:2px;margin-bottom:6px}\r\n  #sg-carousel .sgc-name{font-size:14px;font-weight:600;line-height:1.4}\r\n  #sg-carousel .sgc-sub{font-size:13px;color:#555;margin-top:2px}\r\n  #sg-carousel .sgc-price{font-size:13px;margin-top:6px}\r\n  \/* \u60ac\u505c\u5c55\u5f00\u9762\u677f\uff1a\u9009\u9879 + \u8d2d\u7269\u6309\u94ae *\/\r\n  #sg-carousel .sgc-panel{position:absolute;top:100%;left:0;right:0;z-index:6;background:#fff;padding:0 2px 16px;\r\n    box-shadow:0 18px 30px rgba(0,0,0,.10);opacity:0;visibility:hidden;transform:translateY(-6px);\r\n    transition:opacity .25s ease,transform .25s ease,visibility .25s}\r\n  #sg-carousel .sgc-card:hover .sgc-panel{opacity:1;visibility:visible;transform:translateY(0)}\r\n  #sg-carousel .sgc-row{margin-bottom:10px}\r\n  #sg-carousel .sgc-sws{display:flex;gap:6px;margin-bottom:6px}\r\n  #sg-carousel .sgc-sw{width:28px;height:28px;border:1px solid rgba(0,0,0,.15);padding:0;transition:transform .15s}\r\n  #sg-carousel .sgc-sw:hover{transform:scale(1.08)}\r\n  #sg-carousel .sgc-sw.on{outline:2px solid #1a1ad1;outline-offset:2px}\r\n  #sg-carousel .sgc-clabel{font-size:12px;color:#555}\r\n  #sg-carousel .sgc-pills{display:flex;flex-wrap:wrap;gap:6px}\r\n  #sg-carousel .sgc-pill{border:1px solid #999;background:#fff;color:#333;font-size:12px;padding:7px 14px;transition:all .15s}\r\n  #sg-carousel .sgc-pill:hover{border-color:#111}\r\n  #sg-carousel .sgc-pill.on{border-color:#1a1ad1;color:#1a1ad1;font-weight:600}\r\n  #sg-carousel .sgc-btn{width:100%;border:1.5px solid #1a1ad1;background:#fff;color:#1a1ad1;\r\n    font-size:12.5px;font-weight:700;letter-spacing:.28em;padding:13px 0;margin-top:2px;transition:background .2s,color .2s}\r\n  #sg-carousel .sgc-btn.added{background:#1a1ad1;color:#fff}\r\n  \/* \u5de6\u53f3\u60ac\u6d6e\u7bad\u5934 *\/\r\n  #sg-carousel .sgc-stage{position:relative}\r\n  #sg-carousel .sgc-arrow{position:absolute;top:38%;z-index:8;width:42px;height:42px;border-radius:50%;border:none;\r\n    background:#fff;color:#111;font-size:17px;box-shadow:0 2px 10px rgba(0,0,0,.18);\r\n    display:flex;align-items:center;justify-content:center;transition:background .2s}\r\n  #sg-carousel .sgc-arrow:hover{background:#ffe922}\r\n  #sg-carousel .sgc-prev{left:-6px}\r\n  #sg-carousel .sgc-next{right:-6px}\r\n  \/* \u5e95\u90e8\u5706\u70b9 *\/\r\n  #sg-carousel .sgc-dots{display:flex;justify-content:center;gap:7px;margin-top:26px}\r\n  #sg-carousel .sgc-dots button{width:7px;height:7px;border-radius:50%;border:none;background:#ccc;padding:0;transition:all .3s}\r\n  #sg-carousel .sgc-dots button.on{background:#1a1ad1;transform:scale(1.25)}\r\n<\/style>\r\n\r\n  <div class=\"sgc-stage\">\r\n    <div class=\"sgc-grid\" id=\"sgc-grid\">\r\n    <div class=\"sgc-card\" style=\"animation-delay:0.0s\">\r\n      <div class=\"sgc-imgbox\">\r\n        <img decoding=\"async\" class=\"sgc-main\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAY_162ml_Img1_new.jpg\" alt=\"PLAY Everyday Lotion SPF 50\">\r\n        <img decoding=\"async\" class=\"sgc-hover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAY_30ml_Img6_99bdcf48-c55e-41ac-bd36-8dc1ff6373d1.jpg\" alt=\"PLAY Everyday Lotion SPF 50 \u4eba\u7269\u4f7f\u7528\u56fe\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"sgc-meta\">\r\n        <div class=\"sgc-stars\">\u2605\u2605\u2605\u2605<span style=\"opacity:.35\">\u2605<\/span><\/div>\r\n        <div class=\"sgc-name\">PLAY Everyday Lotion SPF 50<\/div>\r\n        <div class=\"sgc-sub\">Fast-absorbing, water- and sweat-resistant lotion<\/div>\r\n        <div class=\"sgc-price\">$12 \u2013 $58<\/div>\r\n      <\/div>\r\n      <div class=\"sgc-panel\"><div class=\"sgc-row\"><div class=\"sgc-pills\"><button class=\"sgc-pill on\">5.5 fl. oz.<\/button><button class=\"sgc-pill\">2.4 fl. oz.<\/button><button class=\"sgc-pill\">18 fl. oz.<\/button><button class=\"sgc-pill\">1 fl. oz.<\/button><button class=\"sgc-pill\">2-pack<\/button><\/div><\/div><button class=\"sgc-btn\">ADD TO BAG<\/button><\/div>\r\n    <\/div>\r\n    <div class=\"sgc-card\" style=\"animation-delay:0.06s\">\r\n      <div class=\"sgc-imgbox\">\r\n        <img decoding=\"async\" class=\"sgc-main\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/Glowscreen_Sunrise_20ml_Img1_1f710ae4-fdd7-4c81-96db-dbfc1498d287.jpg\" alt=\"Glowscreen SPF 40\">\r\n        <img decoding=\"async\" class=\"sgc-hover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-glowscreen-model.jpg\" alt=\"Glowscreen SPF 40 \u4eba\u7269\u4f7f\u7528\u56fe\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"sgc-meta\">\r\n        <div class=\"sgc-stars\">\u2605\u2605\u2605\u2605<span style=\"opacity:.35\">\u2605<\/span><\/div>\r\n        <div class=\"sgc-name\">Glowscreen SPF 40<\/div>\r\n        <div class=\"sgc-sub\">Hydrating glowy primer<\/div>\r\n        <div class=\"sgc-price\">$19 \u2013 $48<\/div>\r\n      <\/div>\r\n      <div class=\"sgc-panel\"><div class=\"sgc-row\"><div class=\"sgc-sws\"><button class=\"sgc-sw on\" data-label=\"Sunrise\" style=\"background:#e9c3a8\" aria-label=\"Sunrise\"><\/button><button class=\"sgc-sw\" data-label=\"Dawn\" style=\"background:#f2d7c9\" aria-label=\"Dawn\"><\/button><button class=\"sgc-sw\" data-label=\"Golden Hour\" style=\"background:#c98e5f\" aria-label=\"Golden Hour\"><\/button><button class=\"sgc-sw\" data-label=\"Sunset\" style=\"background:#a0663a\" aria-label=\"Sunset\"><\/button><\/div><div class=\"sgc-clabel\">Color: <span>Sunrise<\/span><\/div><\/div><div class=\"sgc-row\"><div class=\"sgc-pills\"><button class=\"sgc-pill on\">1.7 fl. oz.<\/button><button class=\"sgc-pill\">2.5 fl. oz.<\/button><button class=\"sgc-pill\">.68 fl. oz.<\/button><\/div><\/div><button class=\"sgc-btn\">ADD TO BAG<\/button><\/div>\r\n    <\/div>\r\n    <div class=\"sgc-card\" style=\"animation-delay:0.12s\">\r\n      <div class=\"sgc-imgbox\"><span class=\"sgc-badge\">New scents available!<\/span>\r\n        <img decoding=\"async\" class=\"sgc-main\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png\" alt=\"PLAY Antioxidant Body Mist SPF 50 with Vitamin C\">\r\n        <img decoding=\"async\" class=\"sgc-hover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/play-mist-model-hover.jpg\" alt=\"PLAY Antioxidant Body Mist SPF 50 with Vitamin C \u4eba\u7269\u4f7f\u7528\u56fe\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"sgc-meta\">\r\n        <div class=\"sgc-stars\">\u2605\u2605\u2605\u2605<span style=\"opacity:.35\">\u2605<\/span><\/div>\r\n        <div class=\"sgc-name\">PLAY Antioxidant Body Mist SPF 50 with Vitamin C<\/div>\r\n        <div class=\"sgc-sub\">Water-resistant sport spray<\/div>\r\n        <div class=\"sgc-price\">$18 \u2013 $72<\/div>\r\n      <\/div>\r\n      <div class=\"sgc-panel\"><div class=\"sgc-row\"><div class=\"sgc-pills\"><button class=\"sgc-pill on\">Sunny Citrus<\/button><button class=\"sgc-pill\">Vanilla Orchid<\/button><button class=\"sgc-pill\">Whipped Coconut<\/button><\/div><\/div><div class=\"sgc-row\"><div class=\"sgc-pills\"><button class=\"sgc-pill on\">6 fl. oz.<\/button><button class=\"sgc-pill\">3 fl. oz.<\/button><button class=\"sgc-pill\">3-pack<\/button><\/div><\/div><button class=\"sgc-btn\">ADD TO BAG<\/button><\/div>\r\n    <\/div>\r\n    <div class=\"sgc-card\" style=\"animation-delay:0.18s\">\r\n      <div class=\"sgc-imgbox\">\r\n        <img decoding=\"async\" class=\"sgc-main\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/UnseenSunscreenStick_Alt_01_new.jpg\" alt=\"Unseen Sunscreen Stick SPF 40\">\r\n        <img decoding=\"async\" class=\"sgc-hover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/UnseenSunscreenStick_Alt_10.jpg\" alt=\"Unseen Sunscreen Stick SPF 40 \u4eba\u7269\u4f7f\u7528\u56fe\" loading=\"lazy\">\r\n      <\/div>\r\n      <div class=\"sgc-meta\">\r\n        <div class=\"sgc-stars\">\u2605\u2605\u2605\u2605<span style=\"opacity:.35\">\u2605<\/span><\/div>\r\n        <div class=\"sgc-name\">Unseen Sunscreen Stick SPF 40<\/div>\r\n        <div class=\"sgc-sub\">Portable 100% invisible sunscreen<\/div>\r\n        <div class=\"sgc-price\">$32<\/div>\r\n      <\/div>\r\n      <div class=\"sgc-panel\"><button class=\"sgc-btn\">ADD TO BAG<\/button><\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <button class=\"sgc-arrow sgc-prev\" id=\"sgc-prev\" aria-label=\"\u4e0a\u4e00\u7ec4\">&#8592;<\/button>\r\n    <button class=\"sgc-arrow sgc-next\" id=\"sgc-next\" aria-label=\"\u4e0b\u4e00\u7ec4\">&#8594;<\/button>\r\n  <\/div>\r\n  <div class=\"sgc-dots\" id=\"sgc-dots\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  'use strict';\r\n  var grid = document.getElementById('sgc-grid');\r\n  if (!grid) return;\r\n\r\n  var PRODUCTS = [{\"name\": \"PLAY Everyday Lotion SPF 50\", \"sub\": \"Fast-absorbing, water- and sweat-resistant lotion\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAY_162ml_Img1_new.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAY_30ml_Img6_99bdcf48-c55e-41ac-bd36-8dc1ff6373d1.jpg\", \"pmin\": 12, \"pmax\": 58, \"sizes\": [\"5.5 fl. oz.\", \"2.4 fl. oz.\", \"18 fl. oz.\", \"1 fl. oz.\", \"2-pack\"]}, {\"name\": \"Glowscreen SPF 40\", \"sub\": \"Hydrating glowy primer\", \"badge\": null, \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/Glowscreen_Sunrise_20ml_Img1_1f710ae4-fdd7-4c81-96db-dbfc1498d287.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-glowscreen-model.jpg\", \"pmin\": 19, \"pmax\": 48, \"colors\": [[\"Sunrise\", \"#e9c3a8\"], [\"Dawn\", \"#f2d7c9\"], [\"Golden Hour\", \"#c98e5f\"], [\"Sunset\", \"#a0663a\"]], \"sizes\": [\"1.7 fl. oz.\", \"2.5 fl. oz.\", \".68 fl. oz.\"]}, {\"name\": \"PLAY Antioxidant Body Mist SPF 50 with Vitamin C\", \"sub\": \"Water-resistant sport spray\", \"badge\": \"New scents available!\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAYMist_1180x1604_3e82bdac-fbf2-4a5b-95e9-137c615720ae.png\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/play-mist-model-hover.jpg\", \"pmin\": 18, \"pmax\": 72, \"scents\": [\"Sunny Citrus\", \"Vanilla Orchid\", \"Whipped Coconut\"], \"sizes\": [\"6 fl. oz.\", \"3 fl. oz.\", \"3-pack\"]}, {\"name\": \"Unseen Sunscreen Stick SPF 40\", \"sub\": \"Portable 100% invisible sunscreen\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/UnseenSunscreenStick_Alt_01_new.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/UnseenSunscreenStick_Alt_10.jpg\", \"pmin\": 32, \"pmax\": null}, {\"name\": \"PLAY Everyday Face Lotion SPF 50\", \"sub\": \"Fragrance-free daily face lotion\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-play-face-lotion-spf-50-product-and-texture_8373c238-583f-4d37-a6e3-34d550c84b67.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/play-face-lotion-50-model-hover.jpg\", \"pmin\": 16}, {\"name\": \"Unseen Sunscreen SPF 50\", \"sub\": \"The iconic 100% invisible primer\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/Unseen_PDP_Image_Allure_Seal_2025.png\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-unseen-sunscreen-spf-50-model-with-texture-on-fingers.png\", \"pmin\": 19, \"pmax\": 76, \"sizes\": [\"1.7 fl. oz.\", \"2.5 fl. oz.\", \"0.68 fl. oz.\", \"2-pack\"]}, {\"name\": \"Mineral Glowscreen Drops SPF 40\", \"sub\": \"Soft-radiance glow drops\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-glowscreen-soft-radiance-drops-spf-40-sunrise-product-and-texture.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/alt-4-sunrise-glowscreen-drops-model.jpg\", \"pmin\": 40}, {\"name\": \"PLAY Everyday Lotion SPF 30\", \"sub\": \"Everyday body lotion, original feel\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAY_SPF30_5.5oz_Img1_new.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/play-lotion-30-model-hover.jpg\", \"pmin\": 18, \"pmax\": 28, \"sizes\": [\"2.4 fl. oz.\", \"5.5 fl. oz.\"]}, {\"name\": \"Glow Oil SPF 50 Body Oil\", \"sub\": \"Nourishing, non-greasy body oil with SPF\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/GlowOil_5oz_Img1_new.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/BeforeAfter.png\", \"pmin\": 18, \"pmax\": 40, \"scents\": [\"Unscented\", \"Beach Flower\", \"Sunkissed Coconut\"], \"sizes\": [\"5 fl. oz.\", \"1 fl. oz.\"]}, {\"name\": \"PLAY All Day SPF Set\", \"sub\": \"Two sunscreen mists + an SPF stick set\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-play-face-stick-mist-set-product-and-texture.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-play-face-stick-mist-set-family-applying.jpg\", \"pmin\": 70, \"pmax\": null}, {\"name\": \"On The Go SPF Set\", \"sub\": \"Travel-ready SPF essentials set\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/OntheGoSPFSet_01.png\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-unseen-sunscreen-spf-50-model-before-and-after-makeup_d8aef957-e8fc-4773-b18e-bed70d1081e4.png\", \"pmin\": 31, \"pmax\": null}, {\"name\": \"PLAY Everyday Sunscreen Stick SPF 50\", \"sub\": \"Easy-glide clear sunscreen stick\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-play-sunscreen-stick-spf-50-product-and-texture.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-sunscreen-stick-spf-50-parent-applying-on-child.jpg\", \"pmin\": 22, \"pmax\": null, \"sizes\": [\"1.4 oz.\"]}, {\"name\": \"PLAY All Weekend Bachelorette Bundle SPF Lotion Set\", \"sub\": \"12 mini body lotions, bulk gifting value\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAY_1oz_12xpack.png\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/PLAY_Lotion_Hover_Image.png\", \"pmin\": 144, \"pmax\": null}, {\"name\": \"Glow Stick SPF 50\", \"sub\": \"Portable glow-finish sunscreen stick\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/GlowStick_Img1_new.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/Glow_Stick_2023_PDP_Alt_Image_lifestyle_01.jpg\", \"pmin\": 32, \"pmax\": null, \"sizes\": [\"0.70 oz.\"]}, {\"name\": \"PLAY Poolside SPF Set\", \"sub\": \"Three water-resistant SPF favorites\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-play-face-stick-balm-set-product-and-texture.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/supergoop-play-face-lotion-spf-50-model-application.jpg\", \"pmin\": 66, \"pmax\": null}, {\"name\": \"Sunshine Yellow Beanie\", \"sub\": \"Exclusive bright-yellow knit beanie\", \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/yellow-sunshine-beannie-alt-1.jpg\", \"hover\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/1503\/5658\/files\/yellow-sunshine-beannie-model-alt-2.jpg\", \"pmin\": 35, \"pmax\": null, \"sizes\": [\"One Size\"]}];\r\n  var INTERVAL = 5000, PAGE_THRESHOLD = 768;   \/\/ \u8f6e\u64ad\u95f4\u9694 \/ \u624b\u673a\u65ad\u70b9\r\n  var dotsBox = document.getElementById('sgc-dots');\r\n  var pageIdx = 0, timer = null;\r\n\r\n  var pageSize = function(){ return window.innerWidth <= PAGE_THRESHOLD ? 2 : 4; };\r\n  var PAGE = pageSize();\r\n  var pages = function(){ return Math.ceil(PRODUCTS.length \/ PAGE); };\r\n\r\n  \/* Fisher\u2013Yates \u6d17\u724c\uff1a\u4ea7\u54c1\u987a\u5e8f\u968f\u673a *\/\r\n  var order = PRODUCTS.map(function(_, i){ return i; });\r\n  for (var i = order.length - 1; i > 0; i--){\r\n    var j = Math.floor(Math.random() * (i + 1));\r\n    var t = order[i]; order[i] = order[j]; order[j] = t;\r\n  }\r\n\r\n  function cardHTML(p, k){\r\n    var html = '<div class=\"sgc-card\" style=\"animation-delay:' + (k * 0.06) + 's\"><div class=\"sgc-imgbox\">'\r\n      + (p.badge ? '<span class=\"sgc-badge\">' + p.badge + '<\/span>' : '')\r\n      + '<img decoding=\"async\" class=\"sgc-main\" src=\"' + p.img + '\" alt=\"' + p.name + '\">'\r\n      + '<img decoding=\"async\" class=\"sgc-hover\" src=\"' + p.hover + '\" alt=\"\" loading=\"lazy\"><\/div>'\r\n      + '<div class=\"sgc-meta\"><div class=\"sgc-stars\">\u2605\u2605\u2605\u2605<span style=\"opacity:.35\">\u2605<\/span><\/div>'\r\n      + '<div class=\"sgc-name\">' + p.name + '<\/div><div class=\"sgc-sub\">' + p.sub + '<\/div>'\r\n      + '<div class=\"sgc-price\">' + (p.pmax ? '$' + p.pmin + ' \u2013 $' + p.pmax : '$' + p.pmin) + '<\/div><\/div><div class=\"sgc-panel\">';\r\n    if (p.colors){\r\n      html += '<div class=\"sgc-row\"><div class=\"sgc-sws\">';\r\n      p.colors.forEach(function(c, i){\r\n        html += '<button class=\"sgc-sw' + (i ? '' : ' on') + '\" data-label=\"' + c[0]\r\n             + '\" style=\"background:' + c[1] + '\" aria-label=\"' + c[0] + '\"><\/button>';\r\n      });\r\n      html += '<\/div><div class=\"sgc-clabel\">Color: <span>' + p.colors[0][0] + '<\/span><\/div><\/div>';\r\n    }\r\n    ['scents', 'sizes'].forEach(function(key){\r\n      if (p[key]){\r\n        html += '<div class=\"sgc-row\"><div class=\"sgc-pills\">';\r\n        p[key].forEach(function(v, i){ html += '<button class=\"sgc-pill' + (i ? '' : ' on') + '\">' + v + '<\/button>'; });\r\n        html += '<\/div><\/div>';\r\n      }\r\n    });\r\n    return html + '<button class=\"sgc-btn\">ADD TO BAG<\/button><\/div><\/div>';\r\n  }\r\n\r\n  function render(){\r\n    var html = '', n = pages(), start = (pageIdx * PAGE) % order.length;\r\n    for (var k = 0; k < PAGE; k++) html += cardHTML(PRODUCTS[order[(start + k) % order.length]], k);\r\n    grid.innerHTML = html;\r\n    for (var d = 0; d < dotsBox.children.length; d++)\r\n      dotsBox.children[d].classList.toggle('on', d === pageIdx);\r\n  }\r\n\r\n  function buildDots(){\r\n    dotsBox.innerHTML = '';\r\n    for (var k = 0; k < pages(); k++){\r\n      var d = document.createElement('button');\r\n      d.dataset.page = k;\r\n      dotsBox.appendChild(d);\r\n    }\r\n  }\r\n\r\n  function goTo(idx){ pageIdx = idx; render(); restart(); }\r\n  function randomPage(){\r\n    var n;\r\n    do { n = Math.floor(Math.random() * pages()); } while (n === pageIdx && pages() > 1);\r\n    goTo(n);\r\n  }\r\n  function restart(){\r\n    clearInterval(timer);\r\n    timer = setInterval(randomPage, INTERVAL);\r\n  }\r\n\r\n  \/* \u4e8b\u4ef6\u59d4\u6258\uff1a\u5706\u70b9 \/ \u8272\u5757 \/ \u89c4\u683c \/ \u8d2d\u7269\u6309\u94ae *\/\r\n  dotsBox.addEventListener('click', function(e){\r\n    if (e.target.dataset.page !== undefined) goTo(+e.target.dataset.page);\r\n  });\r\n  grid.addEventListener('click', function(e){\r\n    var t = e.target;\r\n    if (t.classList.contains('sgc-sw') || t.classList.contains('sgc-pill')){\r\n      var sibs = t.parentNode.children;\r\n      for (var i = 0; i < sibs.length; i++) sibs[i].classList.remove('on');\r\n      t.classList.add('on');\r\n      if (t.dataset.label){\r\n        var label = t.closest('.sgc-row').querySelector('.sgc-clabel span');\r\n        if (label) label.textContent = t.dataset.label;\r\n      }\r\n    } else if (t.classList.contains('sgc-btn') && !t.classList.contains('added')){\r\n      t.classList.add('added');\r\n      t.textContent = 'ADDED \\u2713';\r\n      setTimeout(function(){ t.classList.remove('added'); t.textContent = 'ADD TO BAG'; }, 1500);\r\n    }\r\n  });\r\n  document.getElementById('sgc-next').addEventListener('click', function(){ randomPage(); });\r\n  document.getElementById('sgc-prev').addEventListener('click', function(){ goTo((pageIdx - 1 + pages()) % pages()); });\r\n\r\n  \/* \u62d6\u62fd\u6ed1\u52a8\uff1a\u8d85\u8fc7 8px \u624d\u7b97\u62d6\u62fd\uff0c\u4e0d\u5f71\u54cd\u9009\u9879\u70b9\u51fb *\/\r\n  var dragX = null, dragging = false, moved = false, justDragged = false;\r\n  grid.addEventListener('pointerdown', function(e){\r\n    dragX = e.clientX; dragging = true; moved = false; justDragged = false;\r\n  });\r\n  window.addEventListener('pointermove', function(e){\r\n    if (!dragging) return;\r\n    var dx = e.clientX - dragX;\r\n    if (!moved && Math.abs(dx) > 8){\r\n      moved = true;\r\n      grid.classList.add('sgc-dragging');\r\n      grid.style.transition = 'none';\r\n      clearInterval(timer);\r\n    }\r\n    if (moved) grid.style.transform = 'translateX(' + dx + 'px)';\r\n  });\r\n  function endDrag(e){\r\n    if (!dragging) return;\r\n    dragging = false;\r\n    var dx = e.clientX - dragX; dragX = null;\r\n    grid.classList.remove('sgc-dragging');\r\n    grid.style.transition = 'transform .3s ease';\r\n    grid.style.transform = '';\r\n    if (moved){\r\n      justDragged = true;\r\n      if (Math.abs(dx) > 60) dx < 0 ? randomPage() : goTo((pageIdx - 1 + pages()) % pages());\r\n      else restart();\r\n      setTimeout(function(){ justDragged = false; }, 60);\r\n    }\r\n    moved = false;\r\n  }\r\n  window.addEventListener('pointerup', endDrag);\r\n  window.addEventListener('pointercancel', endDrag);\r\n  grid.addEventListener('click', function(e){\r\n    if (justDragged){ e.stopPropagation(); e.preventDefault(); justDragged = false; }\r\n  }, true);\r\n\r\n  \/* \u60ac\u505c\u6682\u505c\u81ea\u52a8\u8f6e\u64ad\uff1b\u5c4f\u5e55\u5c3a\u5bf8\u53d8\u5316\u91cd\u7b97\u6bcf\u9875\u6570\u91cf *\/\r\n  var root = document.getElementById('sg-carousel');\r\n  root.addEventListener('mouseenter', function(){ clearInterval(timer); });\r\n  root.addEventListener('mouseleave', restart);\r\n  var rsz;\r\n  window.addEventListener('resize', function(){\r\n    clearTimeout(rsz);\r\n    rsz = setTimeout(function(){\r\n      var np = pageSize();\r\n      if (np !== PAGE){\r\n        PAGE = np;\r\n        pageIdx %= pages();\r\n        buildDots(); render();\r\n      }\r\n    }, 150);\r\n  });\r\n\r\n  buildDots();\r\n  render();\r\n  restart();\r\n})();\r\n<\/script>\r\n<!-- ===== \u7ec4\u4ef6\u7ed3\u675f ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ddbd7f e-con-full e-flex e-con e-parent\" data-id=\"6ddbd7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03aa93e elementor-widget elementor-widget-html\" data-id=\"03aa93e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== \u7c7b\u76ee\u8f6e\u64ad\u7ec4\u4ef6\uff1a\u76f4\u63a5\u6574\u6bb5\u7c98\u8d34\u5230 HTML\/\u4ee3\u7801\u533a\u5757 ===== -->\r\n<div id=\"sg-cat-carousel\">\r\n<style>\r\n  #sg-cat-carousel{font-family:\"Helvetica Neue\",Helvetica,\"PingFang SC\",\"Microsoft YaHei\",sans-serif;background:#ffed7a;width:100%;padding:34px 44px;box-sizing:border-box}\r\n  #sg-cat-carousel *{margin:0;padding:0;box-sizing:border-box}\r\n  \/* \u89c6\u53e3 + \u8f68\u9053 *\/\r\n  #sg-cat-carousel .sgcc-stage{position:relative}\r\n  #sg-cat-carousel .sgcc-view{overflow:hidden}\r\n  #sg-cat-carousel .sgcc-track{display:flex;transition:transform .5s cubic-bezier(.25,.8,.3,1)}\r\n  #sg-cat-carousel .sgcc-track.sgcc-dragging{transition:none}\r\n  \/* \u5361\u7247\uff1a\u9ed8\u8ba4 4 \u4e2a\uff1b\u7a84\u5bb9\u5668\uff08.sgcc-sm \u7531 JS \u6309\u5bb9\u5668\u5b9e\u9645\u5bbd\u5ea6\u6dfb\u52a0\uff092 \u4e2a *\/\r\n  #sg-cat-carousel .sgcc-card{flex:0 0 25%;padding-right:12px;text-decoration:none;display:block}\r\n  #sg-cat-carousel .sgcc-card:last-child{padding-right:0}\r\n  #sg-cat-carousel.sgcc-sm .sgcc-card{flex-basis:66.67%;padding-right:8px}\r\n  #sg-cat-carousel .sgcc-imgwrap{display:block;aspect-ratio:6\/5;overflow:hidden;background:#f0d800}\r\n  #sg-cat-carousel .sgcc-imgwrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}\r\n  #sg-cat-carousel .sgcc-card:hover .sgcc-imgwrap img{transform:scale(1.05)}\r\n  \/* \u6807\u7b7e\uff1a\u84dd\u8272\u7c97\u4f53 + \u767d\u8272\u5c0f\u5706\u7bad\u5934 *\/\r\n  #sg-cat-carousel .sgcc-card,#sg-cat-carousel .sgcc-card:hover,#sg-cat-carousel .sgcc-card:visited{text-decoration:none!important}\r\n  \/* \u7c7b\u76ee\u6587\u5b57\uff1a\u516d\u4e2a\u6807\u7b7e\u7edf\u4e00\u5b57\u53f7\u5b57\u91cd\uff0c\u5f3a\u5236\u5355\u884c\u4e0d\u6362\u884c *\/\r\n  #sg-cat-carousel .sgcc-label{display:flex;align-items:center;gap:8px;padding-top:14px;\r\n    color:#1a1ad1;font-size:17px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;\r\n    font-style:normal;line-height:1.2;white-space:nowrap}\r\n  #sg-cat-carousel .sgcc-go{width:22px;height:22px;border-radius:50%;background:#fff;color:#1a1ad1;\r\n    font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;\r\n    line-height:1;transition:transform .25s ease}\r\n  #sg-cat-carousel .sgcc-card:hover .sgcc-go{transform:translateX(4px)}\r\n  \/* \u5de6\u53f3\u60ac\u6d6e\u7bad\u5934\uff1a\u767d\u5e95\uff0c\u60ac\u505c #ffe922 *\/\r\n  #sg-cat-carousel .sgcc-arrow{position:absolute;top:40%;transform:translateY(-50%);z-index:8;\r\n    width:46px;height:46px;border-radius:50%;border:none;background:#fff;color:#111;font-size:18px;\r\n    box-shadow:0 2px 12px rgba(0,0,0,.18);cursor:pointer;font-family:inherit;\r\n    display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}\r\n  #sg-cat-carousel .sgcc-arrow:hover{background:#ffe922;transform:translateY(-50%) scale(1.08)}\r\n  #sg-cat-carousel .sgcc-prev{left:-32px}\r\n  #sg-cat-carousel .sgcc-next{right:-32px}\r\n  \/* \u7a84\u5bb9\u5668\u9002\u914d\uff08\u624b\u673a \/ \u7a84\u680f\u76ee\uff09 *\/\r\n  #sg-cat-carousel.sgcc-sm{padding:22px 18px}\r\n  #sg-cat-carousel.sgcc-sm .sgcc-arrow{width:36px;height:36px;font-size:14px}\r\n  #sg-cat-carousel.sgcc-sm .sgcc-prev{left:4px}\r\n  #sg-cat-carousel.sgcc-sm .sgcc-next{right:4px}\r\n  #sg-cat-carousel.sgcc-sm .sgcc-label{font-size:13px}\r\n  #sg-cat-carousel.sgcc-sm .sgcc-go{width:18px;height:18px;font-size:12px}\r\n<\/style>\r\n\r\n  <div class=\"sgcc-stage\">\r\n    <div class=\"sgcc-view\">\r\n      <div class=\"sgcc-track\" id=\"sgcc-track\">\r\n      <a class=\"sgcc-card\" href=\"https:\/\/supergoopai.com\/?product_tag=finishinvisible\">\r\n        <span class=\"sgcc-imgwrap\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/1.jpg\" alt=\"CLEAR SPF\"><\/span>\r\n        <span class=\"sgcc-label\">CLEAR SPF<span class=\"sgcc-go\">&#8250;<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"sgcc-card\" href=\"https:\/\/supergoopai.com\/?product_tag=finishtinted\">\r\n        <span class=\"sgcc-imgwrap\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/2.jpg\" alt=\"TINTED SPF\"><\/span>\r\n        <span class=\"sgcc-label\">TINTED SPF<span class=\"sgcc-go\">&#8250;<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"sgcc-card\" href=\"https:\/\/supergoopai.com\/?product_tag=finishglowy\">\r\n        <span class=\"sgcc-imgwrap\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/3.jpg\" alt=\"GLOWY SPF\"><\/span>\r\n        <span class=\"sgcc-label\">GLOWY SPF<span class=\"sgcc-go\">&#8250;<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"sgcc-card\" href=\"https:\/\/supergoopai.com\/?product_cat=body\">\r\n        <span class=\"sgcc-imgwrap\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/4.jpg\" alt=\"BODY SPF\"><\/span>\r\n        <span class=\"sgcc-label\">BODY SPF<span class=\"sgcc-go\">&#8250;<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"sgcc-card\" href=\"https:\/\/supergoopai.com\/?product_cat=bestsellers\">\r\n        <span class=\"sgcc-imgwrap\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/5.jpg\" alt=\"BESTSELLING SPF\"><\/span>\r\n        <span class=\"sgcc-label\">BESTSELLING SPF<span class=\"sgcc-go\">&#8250;<\/span><\/span>\r\n      <\/a>\r\n      <a class=\"sgcc-card\" href=\"https:\/\/supergoopai.com\/?product_cat=shop-all\">\r\n        <span class=\"sgcc-imgwrap\"><img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/10006.jpg\" alt=\"SHOP ALL SPF\"><\/span>\r\n        <span class=\"sgcc-label\">SHOP ALL SPF<span class=\"sgcc-go\">&#8250;<\/span><\/span>\r\n      <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <button class=\"sgcc-arrow sgcc-prev\" id=\"sgcc-prev\" aria-label=\"\u5411\u5de6\">&#8592;<\/button>\r\n    <button class=\"sgcc-arrow sgcc-next\" id=\"sgcc-next\" aria-label=\"\u5411\u53f3\">&#8594;<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  'use strict';\r\n  var root  = document.getElementById('sg-cat-carousel');\r\n  var track = document.getElementById('sgcc-track');\r\n  if (!root || !track) return;\r\n  var TOTAL = track.children.length;\r\n  var idx = 0, SM = 560;                       \/\/ \u5bb9\u5668 \u2264560px \u89c6\u4e3a\u7a84\u5c4f\r\n\r\n  var visible = function(){ return root.offsetWidth <= SM ? 1.5 : 4; };   \/\/ \u7a84\u5c4f\uff1a\u4e00\u5f20\u5b8c\u6574 + \u534a\u5f20\u9884\u89c8\r\n  var maxIdx  = function(){ return Math.max(0, TOTAL - visible()); };\r\n  var cardW   = function(){ return 100 \/ visible(); };\r\n\r\n  function apply(){\r\n    track.style.transform = 'translateX(' + (-idx * cardW()) + '%)';\r\n  }\r\n  function go(i){\r\n    idx = i > maxIdx() ? 0 : (i < 0 ? maxIdx() : i);      \/\/ \u5faa\u73af\r\n    apply();\r\n  }\r\n  \/* \u6309\u5bb9\u5668\u5b9e\u9645\u5bbd\u5ea6\u5207\u6362\u7a84\u5c4f\u6a21\u5f0f *\/\r\n  function fit(){\r\n    root.classList.toggle('sgcc-sm', root.offsetWidth <= SM);\r\n    idx = Math.min(idx, maxIdx());\r\n    apply();\r\n  }\r\n  document.getElementById('sgcc-next').addEventListener('click', function(){ go(idx + 1); });\r\n  document.getElementById('sgcc-prev').addEventListener('click', function(){ go(idx - 1); });\r\n\r\n  \/* \u62d6\u62fd\u6ed1\u52a8\uff1a\u8d85\u8fc7 8px \u624d\u7b97\u62d6\u62fd\uff0c\u4e0d\u5f71\u54cd\u70b9\u51fb\u8df3\u8f6c *\/\r\n  var dragX = null, dragging = false, moved = false, justDragged = false;\r\n  track.addEventListener('pointerdown', function(e){\r\n    dragX = e.clientX; dragging = true; moved = false; justDragged = false;\r\n  });\r\n  window.addEventListener('pointermove', function(e){\r\n    if (!dragging) return;\r\n    var dx = e.clientX - dragX;\r\n    if (!moved && Math.abs(dx) > 8){ moved = true; track.classList.add('sgcc-dragging'); }\r\n    if (moved) track.style.transform = 'translateX(calc(' + (-idx * cardW()) + '% + ' + dx + 'px))';\r\n  });\r\n  function endDrag(e){\r\n    if (!dragging) return;\r\n    dragging = false;\r\n    var dx = e.clientX - dragX; dragX = null;\r\n    track.classList.remove('sgcc-dragging');\r\n    if (moved){\r\n      justDragged = true;\r\n      if (Math.abs(dx) > 50) go(dx < 0 ? idx + 1 : idx - 1); else apply();\r\n      setTimeout(function(){ justDragged = false; }, 60);\r\n    }\r\n    moved = false;\r\n  }\r\n  window.addEventListener('pointerup', endDrag);\r\n  window.addEventListener('pointercancel', endDrag);\r\n  track.addEventListener('click', function(e){\r\n    if (justDragged){ e.preventDefault(); e.stopPropagation(); justDragged = false; }\r\n  }, true);\r\n\r\n  \/* \u5bb9\u5668\u5c3a\u5bf8\u53d8\u5316\u65f6\u91cd\u65b0\u9002\u914d\uff08ResizeObserver \u4f18\u5148\uff0c\u517c\u5bb9\u56de\u9000 window.resize\uff09 *\/\r\n  if (window.ResizeObserver){\r\n    new ResizeObserver(fit).observe(root);\r\n  } else {\r\n    var rsz;\r\n    window.addEventListener('resize', function(){\r\n      clearTimeout(rsz); rsz = setTimeout(fit, 150);\r\n    });\r\n  }\r\n  fit();\r\n})();\r\n<\/script>\r\n<!-- ===== \u7ec4\u4ef6\u7ed3\u675f ===== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-627f031 e-con-full e-flex e-con e-parent\" data-id=\"627f031\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc25d1b elementor-widget elementor-widget-html\" data-id=\"fc25d1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Supergoop! PLAY<\/title>\r\n<style>\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  body {\r\n    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;\r\n    background-color: #70c0ef;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  .play-section {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 60px 24px 100px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 32px;\r\n  }\r\n\r\n  .play-card {\r\n    flex: 1 1 0;\r\n    max-width: 470px;\r\n  }\r\n\r\n  .play-card img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .play-card h2 {\r\n    margin-top: 22px;\r\n    font-size: 37px;\r\n    line-height: 1.15;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    color: #0000b4;\r\n  }\r\n\r\n  .play-card p {\r\n    margin-top: 14px;\r\n    font-size: 15.5px;\r\n    color: #0a2540;\r\n    max-width: 92%;\r\n  }\r\n\r\n  .play-card .shop-now {\r\n    display: inline-block;\r\n    margin-top: 24px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    color: #0000b4;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid #0000b4;\r\n    padding-bottom: 2px;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .play-card .shop-now:hover { opacity: 0.7; }\r\n\r\n  @media (max-width: 760px) {\r\n    .play-section { flex-direction: column; align-items: center; }\r\n    .play-card h2 { font-size: 30px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"play-section\">\r\n    <div class=\"play-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/11.jpg\" alt=\"PLAY Antioxidant Mist\">\r\n      <h2>Play Antioxidant Mist<\/h2>\r\n      <p>A weightless SPF mist that sprays clear on wet or dry skin.<\/p>\r\n      <a class=\"shop-now\" href=\"https:\/\/supergoopai.com\/\" target=\"_blank\" rel=\"noopener\">SHOP NOW<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"play-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/22.jpg\" alt=\"PLAY Everyday Lotion Pump\">\r\n      <h2>Play Everyday Lotion Pump<\/h2>\r\n      <p>A family-sized pump and easy refill for the whole household.<\/p>\r\n      <a class=\"shop-now\" href=\"https:\/\/supergoopai.com\/\" target=\"_blank\" rel=\"noopener\">SHOP NOW<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bea3a8 e-con-full e-flex e-con e-parent\" data-id=\"3bea3a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a5e256 elementor-widget elementor-widget-heading\" data-id=\"9a5e256\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">MORE TO EXPLORE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cffe801 e-con-full e-flex e-con e-parent\" data-id=\"cffe801\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b507f50 elementor-widget elementor-widget-html\" data-id=\"b507f50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Supergoop! MORE TO EXPLORE<\/title>\r\n<style>\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  body {\r\n    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  .article-section {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 60px 24px 100px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 24px;\r\n  }\r\n\r\n  .article-card {\r\n    flex: 1 1 0;\r\n    max-width: 450px;\r\n    text-align: center;\r\n  }\r\n\r\n  .article-card img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .article-card h3 {\r\n    margin-top: 20px;\r\n    font-size: 22px;\r\n    line-height: 1.3;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.3px;\r\n    color: #000000;\r\n  }\r\n\r\n  .article-card p {\r\n    margin-top: 14px;\r\n    font-size: 15px;\r\n    color: #111111;\r\n  }\r\n\r\n  .article-card .read-now {\r\n    display: inline-block;\r\n    margin-top: 16px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    color: #0000b4;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid #0000b4;\r\n    padding-bottom: 2px;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .article-card .read-now:hover { opacity: 0.7; }\r\n\r\n  @media (max-width: 900px) {\r\n    .article-section { flex-direction: column; align-items: center; }\r\n    .article-card h3 { font-size: 19px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"article-section\">\r\n    <div class=\"article-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/b2d889f9-cc65-44a2-8632-d695c0b0af63.jpg\" alt=\"Why You Need to Wear Sunscreen Every Day\">\r\n      <h3>Why You Need to Wear Sunscreen Every Day<\/h3>\r\n      <p>Even when it's cloudy<\/p>\r\n      <a class=\"read-now\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">READ NOW<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"article-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/02c46cc9-ed5d-40fc-882e-10fe2861d33d.jpg\" alt=\"5 Mineral Sunscreen Myths, Debunked\">\r\n      <h3>5 Mineral Sunscreen Myths, Debunked<\/h3>\r\n      <p>Learn fact from fiction<\/p>\r\n      <a class=\"read-now\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">READ NOW<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"article-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/supergoopai.com\/wp-content\/uploads\/2026\/08\/ab32bafc-7cb1-4b2f-8e84-85aea0cab172.jpg\" alt=\"What Level of SPF Do You Need on Your Face?\">\r\n      <h3>What Level of SPF Do You Need on Your Face?<\/h3>\r\n      <p>We've got the answer<\/p>\r\n      <a class=\"read-now\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">READ NOW<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4e1f61 e-con-full e-flex e-con e-parent\" data-id=\"d4e1f61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-2d62ca2 e-con-full e-flex e-con e-child\" data-id=\"2d62ca2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b50d87 elementor-widget elementor-widget-heading\" data-id=\"3b50d87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Did You Know?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7f17f elementor-widget elementor-widget-heading\" data-id=\"fd7f17f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We\u2019re the Official Suncare of the PGA TOUR! Fill your golf bag with SPF trusted by champions like Justin Rose\n\nLEARN MORE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-601e0c1 elementor-widget elementor-widget-button\" data-id=\"601e0c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">LEARN MORE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98bea28 e-con-full e-flex e-con e-parent\" data-id=\"98bea28\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c37cf1 elementor-widget elementor-widget-html\" data-id=\"1c37cf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Rewards Program \u533a\u5757 -->\r\n<section class=\"rewards-section\">\r\n  <h2>JOIN OUR REWARDS PROGRAM<\/h2>\r\n  <p>Get rewarded for your healthy habits! Earn points when you shop and get VIP perks as a member of the SPF Squad.<\/p>\r\n  <a class=\"signup-btn\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">SHOP NOW<\/a>\r\n\r\n  <div class=\"rewards-steps\">\r\n    <div class=\"rewards-step\">\r\n      <div class=\"step-num\">1<\/div>\r\n      <h3>Sign Up<\/h3>\r\n      <p>Create an account in seconds.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rewards-step\">\r\n      <div class=\"step-num\">2<\/div>\r\n      <h3>Earn Points<\/h3>\r\n      <p>Every time you shop, you'll earn more.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rewards-step\">\r\n      <div class=\"step-num\">3<\/div>\r\n      <h3>Redeem Points<\/h3>\r\n      <p>Cash in points for products and exclusive discounts.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .rewards-section {\r\n    background-color: #ffe921;\r\n    padding: 50px 24px 56px;\r\n    text-align: center;\r\n    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;\r\n  }\r\n\r\n  .rewards-section h2 {\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    color: #0000b4;\r\n    margin: 0;\r\n  }\r\n\r\n  .rewards-section > p {\r\n    margin: 18px auto 0;\r\n    font-size: 17px;\r\n    line-height: 1.6;\r\n    color: #2a2a2a;\r\n    max-width: 560px;\r\n  }\r\n\r\n  .rewards-section .signup-btn {\r\n    display: inline-block;\r\n    margin-top: 30px;\r\n    padding: 16px 40px;\r\n    background: #0000b4;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-decoration: none;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .rewards-section .signup-btn:hover { opacity: 0.85; }\r\n\r\n  .rewards-steps {\r\n    margin-top: 44px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 180px;\r\n  }\r\n\r\n  .rewards-step { max-width: 260px; }\r\n\r\n  .rewards-step .step-num {\r\n    width: 56px;\r\n    height: 56px;\r\n    margin: 0 auto;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    color: #0000b4;\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    line-height: 56px;\r\n  }\r\n\r\n  .rewards-step h3 {\r\n    margin: 18px 0 0;\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    color: #000000;\r\n  }\r\n\r\n  .rewards-step p {\r\n    margin: 8px 0 0;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: #2a2a2a;\r\n  }\r\n\r\n  \/* \u624b\u673a\u7aef\u9002\u914d *\/\r\n  @media (max-width: 900px) {\r\n    .rewards-section { padding: 36px 20px 42px; }\r\n    .rewards-section h2 { font-size: 30px; }\r\n    .rewards-section > p { font-size: 15px; }\r\n    .rewards-steps { flex-direction: column; gap: 32px; margin-top: 36px; align-items: center; }\r\n    .rewards-step h3 { font-size: 22px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4babce6 e-con-full e-flex e-con e-parent\" data-id=\"4babce6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8848278 elementor-widget elementor-widget-html\" data-id=\"8848278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ONLY AT SUPERGOOPAI.COM \u56db\u680f\u56fe\u6807\u533a -->\r\n<section class=\"perks-section\">\r\n  <div class=\"perks-inner\">\r\n    <p class=\"perks-label\">ONLY AT SUPERGOOPAI.COM<\/p>\r\n\r\n    <div class=\"perks-grid\">\r\n      <a class=\"perk-card\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">\r\n        <svg class=\"perk-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0000b4\" stroke-width=\"1.5\">\r\n          <path d=\"M24 6c-8 0-14 6-14 12 0 8 8 14 14 14s14-6 14-14c0-6-6-12-14-12z\"\/>\r\n          <path d=\"M18 32l-3 8h18l-3-8\"\/>\r\n          <path d=\"M15 40h18\"\/>\r\n          <path d=\"M14 14c4 3 16 3 20 0\"\/>\r\n        <\/svg>\r\n        <div class=\"perk-text\">\r\n          <h3>Group Gifting<\/h3>\r\n          <p>Place a bulk order and receive a special discount<\/p>\r\n        <\/div>\r\n        <span class=\"perk-arrow\">\u203a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"perk-card\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">\r\n        <svg class=\"perk-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0000b4\" stroke-width=\"1.5\">\r\n          <path d=\"M19 6h10v6c0 2 1 3 1 5v21a4 4 0 01-4 4h-4a4 4 0 01-4-4V17c0-2 1-3 1-5V6z\"\/>\r\n          <path d=\"M19 6h10\"\/>\r\n          <path d=\"M24 26l-2-2a2.2 2.2 0 013-3l1 1 1-1a2.2 2.2 0 013 3l-2 2-2 2-2-2z\"\/>\r\n        <\/svg>\r\n        <div class=\"perk-text\">\r\n          <h3>Exclusive Products<\/h3>\r\n          <p>Limited-edition products you won't find anywhere else<\/p>\r\n        <\/div>\r\n        <span class=\"perk-arrow\">\u203a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"perk-card\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">\r\n        <svg class=\"perk-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0000b4\" stroke-width=\"1.5\">\r\n          <circle cx=\"24\" cy=\"24\" r=\"8\"\/>\r\n          <path d=\"M24 8v4M24 36v4M8 24h4M36 24h4M12.7 12.7l2.8 2.8M32.5 32.5l2.8 2.8M12.7 35.3l2.8-2.8M32.5 15.5l2.8-2.8\"\/>\r\n        <\/svg>\r\n        <div class=\"perk-text\">\r\n          <h3>Supergoods!<\/h3>\r\n          <p>A merch collection for your solar powered life<\/p>\r\n        <\/div>\r\n        <span class=\"perk-arrow\">\u203a<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"perk-card\" href=\"https:\/\/supergoopai.com\/?page_id=7\" target=\"_blank\" rel=\"noopener\">\r\n        <svg class=\"perk-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"#0000b4\" stroke-width=\"1.5\">\r\n          <path d=\"M38 20a14 14 0 10 2 8\"\/>\r\n          <path d=\"M40 12v8h-8\"\/>\r\n        <\/svg>\r\n        <div class=\"perk-text\">\r\n          <h3>Subscribe &amp; Save<\/h3>\r\n          <p>Free shipping on every order when you subscribe<\/p>\r\n        <\/div>\r\n        <span class=\"perk-arrow\">\u203a<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .perks-section {\r\n    padding: 40px 24px 60px;\r\n    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;\r\n  }\r\n\r\n  .perks-inner {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u6807\u7b7e\u4e0e\u7b2c\u4e00\u5f20\u5361\u7247\u5de6\u8fb9\u7f18\u5bf9\u9f50 *\/\r\n  .perks-label {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    color: #2a2a2a;\r\n    margin: 0 0 24px;\r\n  }\r\n\r\n  .perks-grid {\r\n    display: flex;\r\n    gap: 24px;\r\n  }\r\n\r\n  .perk-card {\r\n    flex: 1 1 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 24px 20px;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 6px;\r\n    text-decoration: none;\r\n    transition: box-shadow 0.2s ease;\r\n  }\r\n\r\n  .perk-card:hover { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); }\r\n\r\n  .perk-icon {\r\n    flex: 0 0 44px;\r\n    width: 44px;\r\n    height: 44px;\r\n  }\r\n\r\n  .perk-text { flex: 1 1 auto; }\r\n\r\n  .perk-text h3 {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: #000000;\r\n  }\r\n\r\n  .perk-text p {\r\n    margin: 4px 0 0;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    color: #444444;\r\n  }\r\n\r\n  .perk-arrow {\r\n    flex: 0 0 auto;\r\n    width: 28px;\r\n    height: 28px;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 50%;\r\n    color: #666666;\r\n    font-size: 18px;\r\n    line-height: 26px;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* \u5e73\u677f\uff1a\u4e24\u5217 *\/\r\n  @media (max-width: 900px) {\r\n    .perks-grid { flex-wrap: wrap; }\r\n    .perk-card { flex: 0 0 calc(50% - 12px); }\r\n  }\r\n\r\n  \/* \u624b\u673a\uff1a\u5355\u5217 *\/\r\n  @media (max-width: 560px) {\r\n    .perks-grid { flex-direction: column; }\r\n    .perk-card { flex: 1 1 auto; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PRIMED for every ERA Trends come and go, but protected skin is always in. Find your perfect match with SPF [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/supergoopai.com\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supergoopai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/supergoopai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/supergoopai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/supergoopai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":13,"href":"https:\/\/supergoopai.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1754,"href":"https:\/\/supergoopai.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/1754"}],"wp:attachment":[{"href":"https:\/\/supergoopai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}