{"product_id":"knit-rompers","title":"Knit Rompers","description":"\u003csection class=\"pkr-cotton-section\"\u003e\n\u003cdiv class=\"pkr-cotton-wrap\"\u003e\n\u003c!-- 左侧文案 --\u003e\n\u003cdiv class=\"pkr-cotton-content\"\u003e\n\u003c!-- 顶部棉花图标 --\u003e\n\u003cdiv class=\"pkr-top-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0248\/9457\/0573\/files\/1_28d10e94-f8c4-4253-a688-2f81b7f88a81.png?v=1790664629\" alt=\"\"\u003e\u003c\/div\u003e\n\u003ch2 class=\"pkr-title\"\u003e100% Cotton\u003c\/h2\u003e\n\u003cp class=\"pkr-subtitle\"\u003eSoft, breathable and gentle on delicate skin.\u003c\/p\u003e\n\u003c!-- =========================\n           三个卖点\n      ========================== --\u003e\n\u003cdiv class=\"pkr-points\"\u003e\n\u003c!-- 1. No Strange Smell --\u003e\n\u003cdiv class=\"pkr-point\"\u003e\n\u003cdiv class=\"pkr-point-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0248\/9457\/0573\/files\/no_smell_1_1.png?v=1790666475\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNo Strange Smell\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 2. No Formaldehyde --\u003e\n\u003cdiv class=\"pkr-point\"\u003e\n\u003cdiv class=\"pkr-point-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0248\/9457\/0573\/files\/no.png?v=1790671072\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNo Formaldehyde\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- 3. No Fluorescent Agents --\u003e\n\u003cdiv class=\"pkr-point\"\u003e\n\u003cdiv class=\"pkr-point-icon\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0248\/9457\/0573\/files\/no_chemical.png?v=1790676450\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cspan\u003eNo Fluorescent Agents\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pkr-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"pkr-footer\"\u003eMade for comfort, safety and everyday wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 右侧产品图片 --\u003e\n\u003cdiv class=\"pkr-cotton-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0248\/9457\/0573\/files\/02.png?v=1790774534\" alt=\"100% Cotton Knit Fabric\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =====================================\n   仅作用于这个模块\n===================================== *\/\n\n.pkr-cotton-section {\n  width: 100%;\n  box-sizing: border-box;\n\n  background: #F8F5EF;\n\n  padding: 0px 3%;\n}\n\n\n\/* =====================================\n   电脑端布局\n===================================== *\/\n\n.pkr-cotton-wrap {\n  width: 100%;\n  max-width: 1440px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: 36% 55%;\n\n  justify-content: space-between;\n\n  align-items: center;\n\n  column-gap: 0;\n\n  box-sizing: border-box;\n}\n\n\n\/* =====================================\n   左侧文案\n===================================== *\/\n\n.pkr-cotton-content {\n  width: 100%;\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n\n  box-sizing: border-box;\n}\n\n\n\/* =====================================\n   顶部棉花图标\n===================================== *\/\n\n.pkr-top-icon {\n  width: 100%;\n\n  height: 38px;\n\n  margin: 0 auto 18px;\n\n  display: flex !important;\n\n  justify-content: center !important;\n\n  align-items: center !important;\n\n  text-align: center;\n}\n\n\n.pkr-top-icon img {\n  display: block !important;\n\n  width: 38px !important;\n\n  height: 38px !important;\n\n  max-width: 38px !important;\n\n  margin: 0 auto !important;\n\n  object-fit: contain;\n}\n\n\n\/* =====================================\n   标题\n===================================== *\/\n\n.pkr-title {\n  margin: 0 0 14px !important;\n\n  padding: 0 !important;\n\n  font-family: Muli, sans-serif !important;\n\n  font-size: 25px !important;\n  font-weight: 600 !important;\n\n  line-height: 1.2 !important;\n\n  color: #33332F !important;\n\n  text-align: center !important;\n}\n\n\n\/* =====================================\n   副标题：电脑端一行\n===================================== *\/\n\n.pkr-subtitle {\n  margin: 0 0 30px !important;\n\n  padding: 0 !important;\n\n  font-family: Muli, sans-serif !important;\n\n  font-size: 18px !important;\n  font-weight: 400 !important;\n\n  line-height: 1.5 !important;\n\n  color: #77736D !important;\n\n  white-space: nowrap;\n\n  text-align: center !important;\n}\n\n\n\/* =====================================\n   三个卖点\n===================================== *\/\n\n.pkr-points {\n  width: fit-content;\n\n  margin: 0 auto;\n\n  display: flex;\n  flex-direction: column;\n\n  gap: 18px;\n}\n\n\n.pkr-point {\n  display: flex;\n\n  align-items: center;\n\n  gap: 16px;\n\n  text-align: left;\n}\n\n\n\/* icon区域 *\/\n\n.pkr-point-icon {\n  width: 34px;\n  height: 34px;\n\n  min-width: 36px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border: none;\n  border-radius: 0;\n}\n\n\n\/* icon图片 *\/\n\n.pkr-point-icon img {\n  display: block;\n\n  width: 34px;\n  height: 34px;\n\n  max-width: 26px;\n\n  object-fit: contain;\n}\n\n\n\/* 卖点文字 *\/\n\n.pkr-point span {\n  font-family: Muli, sans-serif;\n\n  font-size: 17px;\n\n  font-weight: 400;\n\n  line-height: 1.4;\n\n  color: #46443F;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =====================================\n   底部横线\n===================================== *\/\n\n.pkr-line {\n  width: 48px;\n  height: 1px;\n\n  margin: 30px auto 18px;\n\n  background: #B79B73;\n}\n\n\n\/* =====================================\n   底部文案\n===================================== *\/\n\n.pkr-footer {\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  font-family: Muli, sans-serif !important;\n\n  font-size: 14px !important;\n\n  font-weight: 400 !important;\n\n  line-height: 1.5 !important;\n\n  color: #817D76 !important;\n\n  text-align: center !important;\n}\n\n\n\/* =====================================\n   右侧产品图片\n===================================== *\/\n\n.pkr-cotton-image {\n  width: 100%;\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  border-radius: 0px;\n\n  box-sizing: border-box;\n}\n\n\n.pkr-cotton-image img {\n  display: block;\n\n  width: 100% !important;\n\n  max-width: 100% !important;\n\n  height: 580px !important;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  object-fit: cover;\n\n  border-radius: 0px;\n}\n\n\n\/* =====================================\n   平板\n===================================== *\/\n\n@media screen and (max-width: 1100px) {\n\n  .pkr-cotton-wrap {\n    grid-template-columns:\n      minmax(0, 40%)\n      minmax(0, 52%);\n\n    column-gap: 45px;\n  }\n\n  .pkr-title {\n    font-size: 28px !important;\n  }\n\n  .pkr-subtitle {\n    font-size: 16px !important;\n  }\n\n  .pkr-cotton-image img {\n    height: 420px !important;\n  }\n\n}\n\n\n\/* =====================================\n   手机端\n   上图 下文\n===================================== *\/\n\n@media screen and (max-width: 768px) {\n\n  .pkr-cotton-section {\n    padding: 0px;\n  }\n\n\n  @media screen and (max-width: 768px) {\n\n  .pkr-cotton-wrap {\n\n    display: grid !important;\n\n    grid-template-columns: 1fr !important;\n\n    grid-template-areas:\n      \"image\"\n      \"content\" !important;\n\n    row-gap: 28px;\n\n    width: 100%;\n\n    max-width: none;\n  }\n}\n\n\n  \/* 图片在上 *\/\n\n  .pkr-cotton-image {\n    grid-area: image;\n\n    width: 100%;\n  }\n\n\n  .pkr-cotton-image img {\n    width: 100% !important;\n\n    height: 300px !important;\n\n    max-width: 100% !important;\n\n    object-fit: cover;\n  }\n\n\n  \/* 文案在下 *\/\n\n  .pkr-cotton-content {\n    grid-area: content;\n\n    width: 100%;\n\n    transform: none !important;\n\n    margin: 0 auto;\n\n    align-items: center;\n\n    text-align: center;\n  }\n\n\n  \/* 顶部棉花图标 *\/\n\n  .pkr-top-icon {\n    margin-bottom: 16px;\n  }\n\n\n  .pkr-top-icon img {\n    width: 34px !important;\n\n    height: 34px !important;\n\n    max-width: 34px !important;\n  }\n\n\n  \/* 手机标题 *\/\n\n@media screen and (max-width: 768px) {\n\n  .pkr-cotton-section h2.pkr-title {\n    font-size: 20px !important;\n    font-weight: 600 !important;\n    line-height: 1.2 !important;\n    margin: 0 0 14px !important;\n    padding: 0 !important;\n    text-align: center !important;\n  }\n\n}\n\n\n  \/* 手机副标题 *\/\n\n  .pkr-subtitle {\n    width: 100%;\n\n    max-width: 300px;\n\n    margin: 0 auto 26px !important;\n\n    padding: 0 !important;\n\n    font-size: 16px !important;\n\n    line-height: 1.5 !important;\n\n    white-space: normal;\n\n    text-align: center !important;\n\n    align-self: center;\n  }\n\n\n  \/* =====================================\n     手机卖点\n  ===================================== *\/\n\n  .pkr-points {\n    gap: 16px;\n\n    width: fit-content;\n\n    margin: 0 auto;\n\n    align-items: flex-start;\n  }\n\n\n  .pkr-point {\n    display: flex;\n\n    align-items: center;\n\n    gap: 6px;\n\n    text-align: left;\n  }\n\n\n  \/* 手机 icon *\/\n\n  .pkr-point-icon {\n    width: 28px;\n\n    height: 28px;\n\n    min-width: 28px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border: none;\n\n    margin: 0;\n\n    padding: 0;\n  }\n\n\n  .pkr-point-icon img {\n    display: block;\n\n    width: 28px;\n\n    height: 28px;\n\n    max-width: 28px;\n\n    margin: 0;\n\n    padding: 0;\n\n    object-fit: contain;\n  }\n\n\n  .pkr-point span {\n    font-size: 15px;\n\n    margin: 0 !important;\n\n    padding: 0 !important;\n  }\n\n\n  .pkr-line {\n    margin: 28px auto 18px;\n  }\n\n\n  .pkr-footer {\n    font-size: 13px !important;\n    margin-bottom: 25px !important;\n  }\n  }\n}\n\/* =====================================\n   手机端 icon 最终调整\n   只影响三个卖点 icon\n===================================== *\/\n\n@media screen and (max-width: 768px) {\n\n  .pkr-point-icon {\n    width: 28px !important;\n    height: 28px !important;\n    min-width: 28px !important;\n\n    flex-shrink: 0 !important;\n\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n\n  .pkr-point-icon img {\n    width: 22px !important;\n    height: 22px !important;\n\n    max-width: 22px !important;\n    max-height: 22px !important;\n\n    display: block !important;\n\n    object-fit: contain !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n\n  .pkr-point {\n    gap: 10px !important;\n\n    align-items: center !important;\n  }\n\n}\n  \/* 解决右侧空白 *\/\n.pkr-cotton-section {\n  width: 100% !important;\n  padding-right: 0 !important;\n}\n\n.pkr-cotton-wrap {\n  max-width: 100% !important;\n  grid-template-columns: 42% 45% !important;\n}\n\n.pkr-cotton-image {\n  width: 100% !important;\n}\n\n.pkr-cotton-image img {\n  width: 100% !important;\n}\n  @media screen and (max-width: 768px) {\n\n  .pkr-cotton-wrap {\n    display: flex !important;\n    flex-direction: column !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    gap: 28px !important;\n  }\n\n\n  .pkr-cotton-image {\n    order: 1 !important;\n    width: 100% !important;\n  }\n\n\n  .pkr-cotton-image img {\n    width: 100% !important;\n    height: 300px !important;\n    object-fit: cover !important;\n  }\n\n\n  .pkr-cotton-content {\n    order: 2 !important;\n    width: 100% !important;\n    transform: none !important;\n    padding: 0 20px !important;\n  }\n@media screen and (max-width: 768px) {\n\n  .pkr-cotton-section {\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n  }\n\n\n  .pkr-cotton-image {\n    width: 100% !important;\n    margin: 0 !important;\n  }\n\n\n  .pkr-cotton-image img {\n    width: 100% !important;\n    max-width: 100% !important;\n    height: 300px !important;\n    border-radius: 0 !important;\n    object-fit: cover !important;\n  }\n\n\n  .pkr-cotton-content {\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n  }\n@media screen and (min-width: 769px) {\n\n  .pkr-cotton-content,\n  .pkr-cotton-content \u003e * {\n    position: relative !important;\n    left: 50px !important;\n    transform: none !important;\n  }\n\n}\n}\n\n}\n\u003c\/style\u003e","brand":"customyoulike","offers":[{"title":"Default Title","offer_id":67718833438797,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0248\/9457\/0573\/files\/1-01_1_dd8b26dc-b212-47a3-a956-b36f089a418d.jpg?v=1792229302","url":"https:\/\/customyoulike.com\/products\/knit-rompers","provider":"customyoulike","version":"1.0","type":"link"}