{"product_id":"plus-size-women-s-2-piece-outfit-v-neck-long-sleeve-top-hg","title":"Plus‑Size Women’s 2 Piece Outfit, V‑Neck Long Sleeve Top \u0026 Tropical Print Casual Pants Spring Fall Set","description":"\u003c!-- =========================================================\n  2-PIECE LEAF PRINT SET\n  High Conversion Landing Page\n  Desktop + Mobile Responsive\n  Shopify Custom Liquid Ready\n========================================================= --\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   BASIC RESET\n========================================================= *\/\n#df-two-piece-page,\n#df-two-piece-page *{\n  box-sizing:border-box;\n}\n\n#df-two-piece-page{\n  --orange:#ef6c23;\n  --orange-dark:#d95712;\n  --gold:#d99a20;\n  --navy:#152c4a;\n  --ink:#202020;\n  --muted:#6d6d6d;\n  --cream:#fffaf3;\n  --cream2:#f8f1e7;\n  --line:#eadfd2;\n  --green:#617a64;\n  --white:#ffffff;\n  --shadow:0 15px 45px rgba(31,24,18,.10);\n\n  width:100%;\n  margin:0;\n  padding:0;\n  color:var(--ink);\n  background:#fff;\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n}\n\n#df-two-piece-page img{\n  max-width:100%;\n  display:block;\n}\n\n#df-two-piece-page button,\n#df-two-piece-page a{\n  font-family:inherit;\n}\n\n.df-wrap{\n  width:100%;\n  max-width:1180px;\n  margin:0 auto;\n  padding:0 22px;\n}\n\n\n\/* =========================================================\n   ANNOUNCEMENT\n========================================================= *\/\n\n.df-topbar{\n  background:#202020;\n  color:#fff;\n  text-align:center;\n  font-size:14px;\n  font-weight:700;\n  letter-spacing:.2px;\n  padding:10px 15px;\n}\n\n.df-topbar span{\n  color:#ffd16a;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.df-hero{\n  background:\n    radial-gradient(circle at 15% 15%, rgba(239,108,35,.10), transparent 35%),\n    linear-gradient(135deg,#fffaf4 0%,#fff 55%,#f8f1e8 100%);\n  padding:42px 0 50px;\n}\n\n.df-hero-grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);\n  gap:46px;\n  align-items:center;\n}\n\n.df-hero-media{\n  position:relative;\n}\n\n.df-hero-image-box{\n  overflow:hidden;\n  border-radius:30px;\n  background:#f3eee8;\n  box-shadow:var(--shadow);\n}\n\n.df-hero-image{\n  width:100%;\n  aspect-ratio:4\/5;\n  object-fit:cover;\n}\n\n.df-floating-card{\n  position:absolute;\n  bottom:18px;\n  left:18px;\n  background:rgba(255,255,255,.96);\n  padding:13px 16px;\n  border-radius:15px;\n  box-shadow:0 10px 30px rgba(0,0,0,.12);\n}\n\n.df-floating-card strong{\n  display:block;\n  font-size:15px;\n  color:#222;\n}\n\n.df-floating-card span{\n  display:block;\n  margin-top:3px;\n  font-size:12px;\n  color:#696969;\n}\n\n.df-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  background:#fff0e3;\n  color:#ba4d0d;\n  border:1px solid #f4d1b7;\n  font-weight:800;\n  padding:8px 13px;\n  border-radius:999px;\n  font-size:13px;\n  margin-bottom:18px;\n}\n\n.df-hero h1{\n  margin:0;\n  font-size:50px;\n  line-height:1.03;\n  letter-spacing:-1.5px;\n  font-weight:850;\n  color:#222;\n}\n\n.df-hero h1 span{\n  color:var(--orange);\n}\n\n.df-hero-sub{\n  margin:19px 0 0;\n  max-width:610px;\n  color:#585858;\n  font-size:18px;\n  line-height:1.65;\n}\n\n.df-benefit-mini{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:11px;\n  margin:24px 0;\n}\n\n.df-benefit-mini-item{\n  display:flex;\n  align-items:center;\n  gap:9px;\n  background:#fff;\n  border:1px solid #eee3d9;\n  border-radius:13px;\n  padding:12px 13px;\n  font-weight:700;\n  font-size:14px;\n}\n\n.df-check{\n  flex:0 0 23px;\n  width:23px;\n  height:23px;\n  border-radius:50%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#eff7ed;\n  color:#527b4c;\n  font-size:13px;\n  font-weight:900;\n}\n\n\n\/* =========================================================\n   COLOR SELECTOR\n========================================================= *\/\n\n.df-color-title{\n  font-size:14px;\n  font-weight:800;\n  margin-bottom:10px;\n}\n\n.df-color-title span{\n  font-weight:600;\n  color:#666;\n}\n\n.df-color-list{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin-bottom:24px;\n}\n\n.df-color-btn{\n  position:relative;\n  width:39px;\n  height:39px;\n  border-radius:50%;\n  border:3px solid #fff;\n  box-shadow:0 0 0 1px #cfcfcf;\n  cursor:pointer;\n  transition:.2s;\n  padding:0;\n}\n\n.df-color-btn:hover{\n  transform:scale(1.08);\n}\n\n.df-color-btn.active{\n  box-shadow:\n    0 0 0 2px #222,\n    0 0 0 5px #fff;\n}\n\n\n\/* =========================================================\n   PRICE + CTA\n========================================================= *\/\n\n.df-price-row{\n  display:flex;\n  align-items:end;\n  flex-wrap:wrap;\n  gap:12px;\n}\n\n.df-price{\n  color:#171717;\n  font-size:36px;\n  font-weight:900;\n}\n\n.df-compare-price{\n  font-size:18px;\n  color:#9a9a9a;\n  text-decoration:line-through;\n  margin-bottom:5px;\n}\n\n.df-save{\n  margin-bottom:4px;\n  display:inline-block;\n  background:#eaf4e6;\n  color:#477244;\n  font-weight:800;\n  font-size:13px;\n  padding:6px 9px;\n  border-radius:6px;\n}\n\n.df-price-note{\n  margin:8px 0 18px;\n  color:#666;\n  font-size:13px;\n}\n\n.df-main-cta{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  text-decoration:none;\n  background:linear-gradient(180deg,#f47b2d,#e75e0a);\n  color:#fff !important;\n  border-radius:14px;\n  min-height:59px;\n  padding:14px 20px;\n  font-size:18px;\n  font-weight:900;\n  box-shadow:0 10px 22px rgba(226,91,10,.25);\n  transition:.2s;\n}\n\n.df-main-cta:hover{\n  transform:translateY(-2px);\n  box-shadow:0 14px 28px rgba(226,91,10,.32);\n}\n\n.df-cta-sub{\n  text-align:center;\n  color:#777;\n  font-size:12px;\n  margin-top:10px;\n}\n\n.df-pay-row{\n  margin-top:15px;\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:7px;\n}\n\n.df-pay-pill{\n  padding:6px 9px;\n  border:1px solid #ddd;\n  background:#fff;\n  border-radius:6px;\n  font-size:11px;\n  font-weight:800;\n}\n\n\n\/* =========================================================\n   TRUST STRIP\n========================================================= *\/\n\n.df-trust{\n  border-top:1px solid #eee;\n  border-bottom:1px solid #eee;\n  background:#fff;\n}\n\n.df-trust-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n}\n\n.df-trust-item{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:11px;\n  padding:22px 13px;\n  border-right:1px solid #eee;\n}\n\n.df-trust-item:last-child{\n  border-right:0;\n}\n\n.df-trust-icon{\n  font-size:27px;\n}\n\n.df-trust-copy strong{\n  display:block;\n  font-size:14px;\n}\n\n.df-trust-copy span{\n  display:block;\n  color:#777;\n  font-size:12px;\n  margin-top:2px;\n}\n\n\n\/* =========================================================\n   GENERAL SECTION\n========================================================= *\/\n\n.df-section{\n  padding:72px 0;\n}\n\n.df-section.soft{\n  background:var(--cream);\n}\n\n.df-section-head{\n  text-align:center;\n  max-width:760px;\n  margin:0 auto 38px;\n}\n\n.df-kicker{\n  color:var(--orange);\n  font-size:13px;\n  font-weight:900;\n  text-transform:uppercase;\n  letter-spacing:1.5px;\n  margin-bottom:10px;\n}\n\n.df-section-head h2{\n  margin:0;\n  font-size:38px;\n  line-height:1.1;\n  letter-spacing:-.8px;\n}\n\n.df-section-head p{\n  color:#696969;\n  line-height:1.7;\n  font-size:16px;\n  margin:14px 0 0;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.df-benefit-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n}\n\n.df-benefit-card{\n  background:#fff;\n  padding:27px 22px;\n  border:1px solid #eee4d9;\n  border-radius:20px;\n  box-shadow:0 8px 28px rgba(20,20,20,.04);\n}\n\n.df-benefit-card-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:48px;\n  height:48px;\n  border-radius:13px;\n  background:#fff0e5;\n  font-size:25px;\n  margin-bottom:17px;\n}\n\n.df-benefit-card h3{\n  font-size:18px;\n  margin:0 0 8px;\n}\n\n.df-benefit-card p{\n  color:#737373;\n  font-size:14px;\n  line-height:1.6;\n  margin:0;\n}\n\n\n\/* =========================================================\n   IMAGE \/ TEXT FEATURE\n========================================================= *\/\n\n.df-feature-split{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:50px;\n  align-items:center;\n}\n\n.df-feature-image{\n  width:100%;\n  border-radius:25px;\n  aspect-ratio:4\/5;\n  object-fit:cover;\n  box-shadow:var(--shadow);\n}\n\n.df-feature-copy h2{\n  font-size:38px;\n  margin:0 0 17px;\n  line-height:1.1;\n}\n\n.df-feature-copy \u003e p{\n  color:#686868;\n  line-height:1.7;\n  font-size:16px;\n}\n\n.df-feature-list{\n  margin-top:25px;\n  display:grid;\n  gap:15px;\n}\n\n.df-feature-row{\n  display:flex;\n  gap:13px;\n  align-items:flex-start;\n}\n\n.df-feature-number{\n  flex:0 0 34px;\n  width:34px;\n  height:34px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#222;\n  color:#fff;\n  font-weight:900;\n}\n\n.df-feature-row strong{\n  display:block;\n  margin:1px 0 4px;\n  font-size:15px;\n}\n\n.df-feature-row span{\n  color:#737373;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   COLOR GALLERY\n========================================================= *\/\n\n.df-color-gallery{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:17px;\n}\n\n.df-color-card{\n  overflow:hidden;\n  border-radius:18px;\n  background:#f6f4f1;\n  border:1px solid #e8e3dd;\n  cursor:pointer;\n  transition:.25s;\n}\n\n.df-color-card:hover{\n  transform:translateY(-5px);\n  box-shadow:0 12px 25px rgba(0,0,0,.08);\n}\n\n.df-color-card img{\n  width:100%;\n  aspect-ratio:3\/4;\n  object-fit:cover;\n}\n\n.df-color-card-info{\n  background:#fff;\n  padding:12px;\n  text-align:center;\n  font-weight:800;\n  font-size:13px;\n}\n\n\n\/* =========================================================\n   OCCASIONS\n========================================================= *\/\n\n.df-occasion-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:17px;\n}\n\n.df-occasion{\n  min-height:220px;\n  padding:25px;\n  display:flex;\n  align-items:flex-end;\n  border-radius:20px;\n  overflow:hidden;\n  position:relative;\n  background:#eee;\n}\n\n.df-occasion:before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(\n    to top,\n    rgba(0,0,0,.62),\n    rgba(0,0,0,.05)\n  );\n}\n\n.df-occasion-content{\n  position:relative;\n  color:#fff;\n}\n\n.df-occasion-content strong{\n  display:block;\n  font-size:20px;\n}\n\n.df-occasion-content span{\n  display:block;\n  font-size:13px;\n  margin-top:5px;\n  color:rgba(255,255,255,.85);\n}\n\n.df-occ1{\n  background:\n    linear-gradient(rgba(0,0,0,.01),rgba(0,0,0,.01)),\n    url(\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format\u0026fit=crop\u0026w=800\u0026q=80\")\n    center\/cover;\n}\n\n.df-occ2{\n  background:\n    url(\"https:\/\/images.unsplash.com\/photo-1501339847302-ac426a4a7cbb?auto=format\u0026fit=crop\u0026w=800\u0026q=80\")\n    center\/cover;\n}\n\n.df-occ3{\n  background:\n    url(\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format\u0026fit=crop\u0026w=800\u0026q=80\")\n    center\/cover;\n}\n\n.df-occ4{\n  background:\n    url(\"https:\/\/images.unsplash.com\/photo-1484101403633-562f891dc89a?auto=format\u0026fit=crop\u0026w=800\u0026q=80\")\n    center\/cover;\n}\n\n\n\/* =========================================================\n   PROBLEM \/ SOLUTION\n========================================================= *\/\n\n.df-comfort-box{\n  background:#222;\n  color:#fff;\n  border-radius:28px;\n  overflow:hidden;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n}\n\n.df-comfort-copy{\n  padding:50px;\n}\n\n.df-comfort-copy h2{\n  margin:0 0 15px;\n  font-size:39px;\n  line-height:1.08;\n}\n\n.df-comfort-copy p{\n  color:#d2d2d2;\n  line-height:1.7;\n}\n\n.df-comfort-points{\n  margin-top:25px;\n  display:grid;\n  gap:12px;\n}\n\n.df-comfort-point{\n  display:flex;\n  gap:10px;\n  align-items:center;\n  font-size:14px;\n  font-weight:700;\n}\n\n.df-comfort-point i{\n  display:flex;\n  width:25px;\n  height:25px;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:var(--orange);\n  font-style:normal;\n}\n\n.df-comfort-img{\n  min-height:510px;\n  background:#eee;\n}\n\n.df-comfort-img img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n\n\/* =========================================================\n   INFO \/ DETAILS\n========================================================= *\/\n\n.df-details-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:24px;\n}\n\n.df-detail-card{\n  padding:28px;\n  border:1px solid #e9e2d9;\n  border-radius:20px;\n  background:#fff;\n}\n\n.df-detail-card h3{\n  margin:0 0 18px;\n  font-size:21px;\n}\n\n.df-detail-list{\n  display:grid;\n  gap:13px;\n}\n\n.df-detail-line{\n  display:flex;\n  justify-content:space-between;\n  gap:20px;\n  padding-bottom:12px;\n  border-bottom:1px dashed #e4ddd4;\n  font-size:14px;\n}\n\n.df-detail-line:last-child{\n  border-bottom:0;\n}\n\n.df-detail-line span:first-child{\n  color:#777;\n}\n\n.df-detail-line strong{\n  text-align:right;\n}\n\n\n\/* =========================================================\n   QUOTE\n========================================================= *\/\n\n.df-quote{\n  text-align:center;\n  background:#fff1e5;\n  border-radius:26px;\n  padding:46px 30px;\n  border:1px solid #f0d4bb;\n}\n\n.df-quote-stars{\n  color:#f2a51a;\n  letter-spacing:4px;\n  font-size:22px;\n  margin-bottom:12px;\n}\n\n.df-quote h2{\n  max-width:850px;\n  margin:0 auto;\n  font-size:28px;\n  line-height:1.4;\n}\n\n.df-quote p{\n  color:#775f50;\n  margin:12px 0 0;\n  font-size:13px;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.df-faq{\n  max-width:900px;\n  margin:0 auto;\n}\n\n.df-faq-item{\n  border-bottom:1px solid #e4e4e4;\n}\n\n.df-faq-q{\n  width:100%;\n  border:0;\n  background:transparent;\n  padding:20px 4px;\n  font-weight:800;\n  font-size:16px;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  text-align:left;\n  cursor:pointer;\n  color:#222;\n}\n\n.df-faq-q span:last-child{\n  font-size:24px;\n  font-weight:400;\n  transition:.2s;\n}\n\n.df-faq-a{\n  display:none;\n  color:#6b6b6b;\n  padding:0 4px 20px;\n  font-size:14px;\n  line-height:1.7;\n}\n\n.df-faq-item.active .df-faq-a{\n  display:block;\n}\n\n.df-faq-item.active .df-faq-q span:last-child{\n  transform:rotate(45deg);\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.df-final{\n  background:\n    radial-gradient(circle at 0 0,rgba(239,108,35,.18),transparent 38%),\n    #fff8f0;\n  padding:68px 0 90px;\n}\n\n.df-final-box{\n  max-width:840px;\n  margin:0 auto;\n  text-align:center;\n}\n\n.df-final-box h2{\n  font-size:42px;\n  line-height:1.08;\n  margin:0;\n}\n\n.df-final-box p{\n  color:#686868;\n  font-size:16px;\n  line-height:1.7;\n  max-width:680px;\n  margin:16px auto 25px;\n}\n\n.df-final-price{\n  font-size:35px;\n  font-weight:900;\n  margin-bottom:20px;\n}\n\n\n\/* =========================================================\n   MOBILE STICKY CTA\n========================================================= *\/\n\n.df-mobile-sticky{\n  display:none;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .df-hero-grid,\n  .df-feature-split{\n    grid-template-columns:1fr;\n  }\n\n  .df-hero-grid{\n    gap:30px;\n  }\n\n  .df-hero h1{\n    font-size:42px;\n  }\n\n  .df-benefit-grid,\n  .df-color-gallery,\n  .df-occasion-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .df-trust-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .df-trust-item:nth-child(2){\n    border-right:0;\n  }\n\n  .df-trust-item:nth-child(-n+2){\n    border-bottom:1px solid #eee;\n  }\n\n  .df-comfort-box{\n    grid-template-columns:1fr;\n  }\n\n  .df-comfort-img{\n    min-height:auto;\n  }\n\n  .df-comfort-img img{\n    max-height:650px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  #df-two-piece-page{\n    padding-bottom:78px;\n  }\n\n  .df-wrap{\n    padding:0 14px;\n  }\n\n  .df-topbar{\n    font-size:12px;\n    padding:9px 10px;\n  }\n\n  .df-hero{\n    padding:18px 0 32px;\n  }\n\n  .df-hero-grid{\n    display:flex;\n    flex-direction:column;\n    gap:23px;\n  }\n\n  .df-hero-media{\n    width:100%;\n  }\n\n  .df-hero-image-box{\n    border-radius:18px;\n  }\n\n  .df-hero-image{\n    aspect-ratio:4\/5;\n  }\n\n  .df-floating-card{\n    left:10px;\n    bottom:10px;\n    padding:9px 11px;\n  }\n\n  .df-floating-card strong{\n    font-size:12px;\n  }\n\n  .df-floating-card span{\n    font-size:10px;\n  }\n\n  .df-eyebrow{\n    margin-bottom:12px;\n    font-size:11px;\n  }\n\n  .df-hero h1{\n    font-size:34px;\n    line-height:1.07;\n    letter-spacing:-.8px;\n  }\n\n  .df-hero-sub{\n    font-size:15px;\n    line-height:1.6;\n    margin-top:13px;\n  }\n\n  .df-benefit-mini{\n    grid-template-columns:1fr;\n    margin:18px 0;\n    gap:8px;\n  }\n\n  .df-benefit-mini-item{\n    padding:10px 11px;\n    font-size:13px;\n  }\n\n  .df-price{\n    font-size:31px;\n  }\n\n  .df-compare-price{\n    font-size:16px;\n  }\n\n  .df-main-cta{\n    min-height:55px;\n    font-size:16px;\n  }\n\n  .df-trust-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .df-trust-item{\n    padding:15px 8px;\n    gap:7px;\n    justify-content:flex-start;\n  }\n\n  .df-trust-icon{\n    font-size:20px;\n  }\n\n  .df-trust-copy strong{\n    font-size:11px;\n  }\n\n  .df-trust-copy span{\n    font-size:9px;\n  }\n\n  .df-section{\n    padding:48px 0;\n  }\n\n  .df-section-head{\n    margin-bottom:26px;\n  }\n\n  .df-section-head h2{\n    font-size:29px;\n  }\n\n  .df-section-head p{\n    font-size:14px;\n  }\n\n  .df-benefit-grid{\n    grid-template-columns:1fr;\n    gap:11px;\n  }\n\n  .df-benefit-card{\n    display:grid;\n    grid-template-columns:44px 1fr;\n    column-gap:14px;\n    padding:17px;\n  }\n\n  .df-benefit-card-icon{\n    grid-row:1\/3;\n    margin:0;\n    width:44px;\n    height:44px;\n  }\n\n  .df-benefit-card h3{\n    margin:0 0 4px;\n    font-size:16px;\n  }\n\n  .df-benefit-card p{\n    font-size:12px;\n  }\n\n  .df-feature-split{\n    gap:27px;\n  }\n\n  .df-feature-image{\n    border-radius:18px;\n  }\n\n  .df-feature-copy h2{\n    font-size:29px;\n  }\n\n  .df-feature-copy \u003e p{\n    font-size:14px;\n  }\n\n  .df-color-gallery{\n    grid-template-columns:1fr 1fr;\n    gap:10px;\n  }\n\n  .df-color-card{\n    border-radius:13px;\n  }\n\n  .df-color-card-info{\n    font-size:11px;\n    padding:9px;\n  }\n\n  .df-occasion-grid{\n    grid-template-columns:1fr 1fr;\n    gap:10px;\n  }\n\n  .df-occasion{\n    min-height:175px;\n    padding:14px;\n    border-radius:15px;\n  }\n\n  .df-occasion-content strong{\n    font-size:15px;\n  }\n\n  .df-occasion-content span{\n    font-size:10px;\n  }\n\n  .df-comfort-copy{\n    padding:28px 20px;\n  }\n\n  .df-comfort-copy h2{\n    font-size:29px;\n  }\n\n  .df-comfort-copy p{\n    font-size:14px;\n  }\n\n  .df-details-grid{\n    grid-template-columns:1fr;\n  }\n\n  .df-detail-card{\n    padding:20px;\n  }\n\n  .df-quote{\n    padding:31px 18px;\n  }\n\n  .df-quote h2{\n    font-size:21px;\n  }\n\n  .df-final{\n    padding:48px 0 50px;\n  }\n\n  .df-final-box h2{\n    font-size:31px;\n  }\n\n  .df-final-box p{\n    font-size:14px;\n  }\n\n  .df-mobile-sticky{\n    display:flex;\n    position:fixed;\n    z-index:9999;\n    left:0;\n    right:0;\n    bottom:0;\n    background:#fff;\n    border-top:1px solid #ddd;\n    box-shadow:0 -5px 20px rgba(0,0,0,.12);\n    padding:9px 12px;\n    align-items:center;\n    gap:12px;\n  }\n\n  .df-mobile-sticky-price{\n    flex:0 0 auto;\n  }\n\n  .df-mobile-sticky-price strong{\n    display:block;\n    font-size:19px;\n  }\n\n  .df-mobile-sticky-price span{\n    display:block;\n    font-size:9px;\n    color:#777;\n  }\n\n  .df-mobile-sticky a{\n    flex:1;\n    text-align:center;\n    text-decoration:none;\n    color:#fff !important;\n    background:var(--orange);\n    border-radius:10px;\n    padding:13px 10px;\n    font-size:14px;\n    font-weight:900;\n  }\n}\n\n\u003c\/style\u003e\n\u003cdiv id=\"df-two-piece-page\"\u003e\n\u003c!-- =========================================================\n     TOP BAR\n========================================================= --\u003e\n\u003cdiv class=\"df-topbar\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- =========================================================\n     HERO\n========================================================= --\u003e\n\u003csection class=\"df-hero\" id=\"buy-now\"\u003e\n\u003cdiv class=\"df-wrap\"\u003e\n\u003cdiv class=\"df-hero-grid\"\u003e\n\u003c!-- IMAGE --\u003e\n\u003cdiv class=\"df-hero-media\"\u003e\n\u003cdiv class=\"df-hero-image-box\"\u003e\n\u003c!--\n          REPLACE THIS IMAGE URL\n          WITH YOUR ORANGE PRODUCT IMAGE\n          --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0778\/5768\/5669\/files\/ed22a8d55b524cb0a24bee903faab72d.png?v=1788321387\" alt=\"\"\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"df-floating-card\"\u003e\n\u003cstrong\u003eRelaxed + Easy To Wear\u003c\/strong\u003e \u003cspan\u003eMade for real everyday life\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COPY --\u003e\n\u003cdiv class=\"df-hero-copy\"\u003e\n\u003cdiv class=\"df-eyebrow\"\u003e★ A NEW EVERYDAY FAVORITE\u003c\/div\u003e\n\u003ch1\u003eThe Easy 2-Piece Set You'll \u003cspan\u003eReach For Again \u0026amp; Again\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"df-hero-sub\"\u003eComfortable enough for a relaxed day at home and polished enough for lunch, travel, shopping or vacation. This effortless matching set gives you a put-together look without overthinking your outfit.\u003c\/p\u003e\n\u003cdiv class=\"df-benefit-mini\"\u003e\n\u003cdiv class=\"df-benefit-mini-item\"\u003e\n\u003cspan class=\"df-check\"\u003e✓\u003c\/span\u003e Relaxed through the midsection\u003c\/div\u003e\n\u003cdiv class=\"df-benefit-mini-item\"\u003e\n\u003cspan class=\"df-check\"\u003e✓\u003c\/span\u003e Flowy wide-leg silhouette\u003c\/div\u003e\n\u003cdiv class=\"df-benefit-mini-item\"\u003e\n\u003cspan class=\"df-check\"\u003e✓\u003c\/span\u003e Lightweight everyday feel\u003c\/div\u003e\n\u003cdiv class=\"df-benefit-mini-item\"\u003e\n\u003cspan class=\"df-check\"\u003e✓\u003c\/span\u003e 8 easy-to-wear colors\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COLOR PICKER --\u003e\u003c!-- PRICE --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n     MOBILE STICKY\n========================================================= --\u003e\n\u003cdiv class=\"df-mobile-sticky\"\u003e\n\u003cdiv class=\"df-mobile-sticky-price\"\u003e\n\u003cstrong\u003e$29.99\u003c\/strong\u003e \u003cspan\u003e2-PIECE SET\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"#order-section\"\u003e GET YOUR SET → \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n\/* =========================================================\n   COLOR SELECTOR\n========================================================= *\/\n\n(function(){\n\n  var buttons =\n    document.querySelectorAll(\n      '#df-two-piece-page .df-color-btn'\n    );\n\n  var mainImage =\n    document.getElementById(\n      'dfMainProductImage'\n    );\n\n  var selectedColor =\n    document.getElementById(\n      'dfSelectedColor'\n    );\n\n\n  buttons.forEach(function(button){\n\n    button.addEventListener(\n      'click',\n      function(){\n\n        buttons.forEach(\n          function(btn){\n            btn.classList.remove('active');\n          }\n        );\n\n        this.classList.add('active');\n\n        var color =\n          this.getAttribute(\n            'data-color'\n          );\n\n        var image =\n          this.getAttribute(\n            'data-image'\n          );\n\n        selectedColor.textContent =\n          color;\n\n        if(image){\n\n          mainImage.style.opacity =\n            '.35';\n\n          setTimeout(\n            function(){\n\n              mainImage.src =\n                image;\n\n              mainImage.style.opacity =\n                '1';\n\n            },\n            120\n          );\n\n        }\n\n      }\n    );\n\n  });\n\n})();\n\n\n\/* =========================================================\n   COLOR GALLERY CLICK\n========================================================= *\/\n\n(function(){\n\n  var cards =\n    document.querySelectorAll(\n      '#df-two-piece-page .df-color-card'\n    );\n\n  cards.forEach(function(card){\n\n    card.addEventListener(\n      'click',\n      function(){\n\n        var color =\n          this.getAttribute(\n            'data-gallery-color'\n          );\n\n        var target =\n          document.querySelector(\n            '#df-two-piece-page .df-color-btn[data-color=\"' +\n            color +\n            '\"]'\n          );\n\n        if(target){\n\n          target.click();\n\n          document.getElementById(\n            'buy-now'\n          ).scrollIntoView({\n            behavior:'smooth'\n          });\n\n        }\n\n      }\n    );\n\n  });\n\n})();\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n(function(){\n\n  var faqItems =\n    document.querySelectorAll(\n      '#df-two-piece-page .df-faq-item'\n    );\n\n  faqItems.forEach(function(item){\n\n    var button =\n      item.querySelector(\n        '.df-faq-q'\n      );\n\n    button.addEventListener(\n      'click',\n      function(){\n\n        item.classList.toggle(\n          'active'\n        );\n\n      }\n    );\n\n  });\n\n})();\n\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Orange \/ S（4-6）","offer_id":48210271174821,"sku":"SZ04572608202416-卫衣-藏青色条纹-S","price":24.98,"currency_code":"USD","in_stock":true},{"title":"Orange \/ M（8-10）","offer_id":48210271207589,"sku":"SZ04572608202416-卫衣-藏青色条纹-M","price":24.98,"currency_code":"USD","in_stock":true},{"title":"Orange \/ L（12-14）","offer_id":48210271240357,"sku":"SZ04572608202416-卫衣-藏青色条纹-L","price":24.98,"currency_code":"USD","in_stock":true},{"title":"Orange \/ XL（16-18）","offer_id":48210271273125,"sku":"SZ04572608202416-卫衣-藏青色条纹-XL","price":24.98,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 2XL（20-22）","offer_id":48210271305893,"sku":"SZ04572608202416-卫衣-藏青色条纹-XXL","price":24.98,"currency_code":"USD","in_stock":true},{"title":"Orange \/ 3XL（24-26）","offer_id":48210271338661,"sku":"SZ04572608202416-卫衣-藏青色条纹-XXXL","price":24.98,"currency_code":"USD","in_stock":true},{"title":"Navy \/ S（4-6）","offer_id":48210271371429,"sku":"SZ04572608202416-卫衣-黑色条纹-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Navy \/ M（8-10）","offer_id":48210271404197,"sku":"SZ04572608202416-卫衣-黑色条纹-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Navy \/ L（12-14）","offer_id":48210271436965,"sku":"SZ04572608202416-卫衣-黑色条纹-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Navy \/ XL（16-18）","offer_id":48210271469733,"sku":"SZ04572608202416-卫衣-黑色条纹-XL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 2XL（20-22）","offer_id":48210271502501,"sku":"SZ04572608202416-卫衣-黑色条纹-XXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Navy \/ 3XL（24-26）","offer_id":48210271535269,"sku":"SZ04572608202416-卫衣-黑色条纹-XXXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Sage Green \/ S（4-6）","offer_id":48210271568037,"sku":"SZ04572608202416-卫衣-灰色-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Sage Green \/ M（8-10）","offer_id":48210271600805,"sku":"SZ04572608202416-卫衣-灰色-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Sage Green \/ L（12-14）","offer_id":48210271633573,"sku":"SZ04572608202416-卫衣-灰色-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Sage Green \/ XL（16-18）","offer_id":48210271666341,"sku":"SZ04572608202416-卫衣-灰色-XL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Sage Green \/ 2XL（20-22）","offer_id":48210271699109,"sku":"SZ04572608202416-卫衣-灰色-XXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Sage Green \/ 3XL（24-26）","offer_id":48210271731877,"sku":"SZ04572608202416-卫衣-灰色-XXXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Burgundy \/ S（4-6）","offer_id":48210271764645,"sku":"SZ04572608202416-卫衣-黑色-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Burgundy \/ M（8-10）","offer_id":48210271797413,"sku":"SZ04572608202416-卫衣-黑色-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Burgundy \/ L（12-14）","offer_id":48210271830181,"sku":"SZ04572608202416-卫衣-黑色-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Burgundy \/ XL（16-18）","offer_id":48210271862949,"sku":"SZ04572608202416-卫衣-黑色-XL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Burgundy \/ 2XL（20-22）","offer_id":48210271895717,"sku":"SZ04572608202416-卫衣-黑色-XXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Burgundy \/ 3XL（24-26）","offer_id":48210271928485,"sku":"SZ04572608202416-卫衣-黑色-XXXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Teal \/ S（4-6）","offer_id":48210271961253,"sku":"SZ04572608202416-卫衣-卡其色-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Teal \/ M（8-10）","offer_id":48210271994021,"sku":"SZ04572608202416-卫衣-卡其色-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Teal \/ L（12-14）","offer_id":48210272026789,"sku":"SZ04572608202416-卫衣-卡其色-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Teal \/ XL（16-18）","offer_id":48210272059557,"sku":"SZ04572608202416-卫衣-卡其色-XL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Teal \/ 2XL（20-22）","offer_id":48210272092325,"sku":"SZ04572608202416-卫衣-卡其色-XXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Teal \/ 3XL（24-26）","offer_id":48210272125093,"sku":"SZ04572608202416-卫衣-卡其色-XXXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ S（4-6）","offer_id":48210272157861,"sku":"SZ04572608202416-卫衣-浅蓝色-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ M（8-10）","offer_id":48210272190629,"sku":"SZ04572608202416-卫衣-浅蓝色-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ L（12-14）","offer_id":48210272223397,"sku":"SZ04572608202416-卫衣-浅蓝色-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL（16-18）","offer_id":48210272256165,"sku":"SZ04572608202416-卫衣-浅蓝色-XL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL（20-22）","offer_id":48210272288933,"sku":"SZ04572608202416-卫衣-浅蓝色-XXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ 3XL（24-26）","offer_id":48210272321701,"sku":"SZ04572608202416-卫衣-浅蓝色-XXXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dusty Pink \/ S（4-6）","offer_id":48210272354469,"sku":"SZ04572608202416-卫衣-粉红色-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dusty Pink \/ M（8-10）","offer_id":48210272387237,"sku":"SZ04572608202416-卫衣-粉红色-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dusty Pink \/ L（12-14）","offer_id":48210272420005,"sku":"SZ04572608202416-卫衣-粉红色-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dusty Pink \/ XL（16-18）","offer_id":48210272452773,"sku":"SZ04572608202416-卫衣-粉红色-XL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dusty Pink \/ 2XL（20-22）","offer_id":48210272485541,"sku":"SZ04572608202416-卫衣-粉红色-XXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Dusty Pink \/ 3XL（24-26）","offer_id":48210272518309,"sku":"SZ04572608202416-卫衣-粉红色-XXXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Apricot \/ S（4-6）","offer_id":48210272551077,"sku":"SZ04572608202416-卫衣-米白色-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Apricot \/ M（8-10）","offer_id":48210272583845,"sku":"SZ04572608202416-卫衣-米白色-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Apricot \/ L（12-14）","offer_id":48210272616613,"sku":"SZ04572608202416-卫衣-米白色-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Apricot \/ XL（16-18）","offer_id":48210272649381,"sku":"SZ04572608202416-卫衣-米白色-XL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Apricot \/ 2XL（20-22）","offer_id":48210272682149,"sku":"SZ04572608202416-卫衣-米白色-XXL","price":15.99,"currency_code":"USD","in_stock":true},{"title":"Apricot \/ 3XL（24-26）","offer_id":48210272714917,"sku":"SZ04572608202416-卫衣-米白色-XXXL","price":15.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0778\/5768\/5669\/files\/DM_20260902113239_001.avif?v=1788320950","url":"https:\/\/anemere.com\/products\/plus-size-women-s-2-piece-outfit-v-neck-long-sleeve-top-hg","provider":"anemere","version":"1.0","type":"link"}