{"product_id":"tote-bag","title":"Oversized Slouchy Tote Bag – Spacious, Stylish \u0026 Made for Everyday Life","description":"\u003cstyle\u003e\n  .editorial-tote-section {\n    --editorial-ink: #191715;\n    --editorial-muted: #706963;\n    --editorial-accent: #812b3b;\n    --editorial-cream: #f7f3ed;\n    --editorial-line: rgba(25, 23, 21, 0.13);\n\n    width: 100%;\n    margin: 0;\n    padding: 58px 20px;\n    overflow: hidden;\n    color: var(--editorial-ink);\n    background: #ffffff;\n    box-sizing: border-box;\n  }\n\n  .editorial-tote-section *,\n  .editorial-tote-section *::before,\n  .editorial-tote-section *::after {\n    box-sizing: border-box;\n  }\n\n  .editorial-tote-container {\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n  }\n\n  .editorial-tote-header {\n    width: 100%;\n    max-width: 720px;\n    margin: 0 auto 38px;\n    text-align: center;\n  }\n\n  .editorial-tote-eyebrow {\n    display: flex;\n    margin: 0 0 16px !important;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    color: var(--editorial-accent);\n    font-family: inherit;\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .editorial-tote-eyebrow::before,\n  .editorial-tote-eyebrow::after {\n    content: \"\";\n    display: block;\n    width: 32px;\n    height: 1px;\n    background: currentColor;\n  }\n\n  .editorial-tote-title {\n    margin: 0 !important;\n    color: var(--editorial-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(39px, 6vw, 60px);\n    font-weight: 400;\n    line-height: 1.04;\n    letter-spacing: -0.045em;\n    text-align: center;\n  }\n\n  .editorial-tote-description {\n    width: 100%;\n    max-width: 650px;\n    margin: 23px auto 0 !important;\n    color: var(--editorial-muted);\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.75;\n    text-align: center;\n  }\n\n  .editorial-tote-highlight {\n    display: inline-flex;\n    margin-top: 23px;\n    padding: 10px 16px;\n    border-top: 1px solid var(--editorial-line);\n    border-bottom: 1px solid var(--editorial-line);\n    color: var(--editorial-ink);\n    font-family: inherit;\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  \/*\n    手机端和电脑端始终保持竖列排列\n  *\/\n  .editorial-tote-gallery {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    gap: 28px;\n  }\n\n  .editorial-tote-image-card {\n    position: relative;\n    display: block;\n    width: 100%;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    border: 1px solid var(--editorial-line);\n    background: #ece9e4;\n    box-shadow: 0 16px 42px rgba(38, 30, 25, 0.09);\n  }\n\n  .editorial-tote-image {\n    display: block !important;\n    width: 100% !important;\n    max-width: none !important;\n    height: auto !important;\n    margin: 0 !important;\n    aspect-ratio: 3 \/ 4;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);\n  }\n\n  .editorial-tote-image-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);\n  }\n\n  .editorial-tote-footer {\n    display: flex;\n    width: 100%;\n    margin-top: 30px;\n    padding: 28px 25px;\n    border: 1px solid var(--editorial-line);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    background: var(--editorial-cream);\n    text-align: center;\n  }\n\n  .editorial-tote-footer-title {\n    margin: 0 !important;\n    color: var(--editorial-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(27px, 4vw, 35px);\n    font-weight: 400;\n    line-height: 1.15;\n    letter-spacing: -0.035em;\n  }\n\n  .editorial-tote-features {\n    display: flex;\n    margin: 0 !important;\n    padding: 0 !important;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px 21px;\n    list-style: none !important;\n  }\n\n  .editorial-tote-feature {\n    position: relative;\n    margin: 0 !important;\n    padding: 0 0 0 13px !important;\n    color: #514b46;\n    font-family: inherit;\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n    list-style: none !important;\n  }\n\n  .editorial-tote-feature::before {\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--editorial-accent);\n    transform: translateY(-50%);\n  }\n\n  @media (hover: hover) {\n    .editorial-tote-image-card:hover .editorial-tote-image {\n      transform: scale(1.02);\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .editorial-tote-section {\n      padding: 42px 12px;\n    }\n\n    .editorial-tote-header {\n      margin-bottom: 27px;\n    }\n\n    .editorial-tote-eyebrow {\n      margin-bottom: 12px !important;\n      gap: 9px;\n      font-size: 9px;\n      letter-spacing: 0.15em;\n    }\n\n    .editorial-tote-eyebrow::before,\n    .editorial-tote-eyebrow::after {\n      width: 22px;\n    }\n\n    .editorial-tote-title {\n      font-size: 37px;\n      line-height: 1.05;\n    }\n\n    .editorial-tote-description {\n      margin-top: 18px !important;\n      padding: 0 4px;\n      font-size: 14px;\n      line-height: 1.68;\n    }\n\n    .editorial-tote-highlight {\n      margin-top: 19px;\n      padding: 9px 8px;\n      font-size: 8.5px;\n      letter-spacing: 0.1em;\n    }\n\n    .editorial-tote-gallery {\n      gap: 18px;\n    }\n\n    .editorial-tote-image-card {\n      box-shadow: 0 10px 28px rgba(38, 30, 25, 0.08);\n    }\n\n    .editorial-tote-image {\n      aspect-ratio: 3 \/ 4;\n    }\n\n    .editorial-tote-footer {\n      margin-top: 20px;\n      padding: 23px 16px;\n      gap: 16px;\n    }\n\n    .editorial-tote-footer-title {\n      font-size: 27px;\n    }\n\n    .editorial-tote-features {\n      gap: 9px 15px;\n    }\n\n    .editorial-tote-feature {\n      font-size: 9px;\n      letter-spacing: 0.06em;\n    }\n  }\n\n  @media screen and (max-width: 390px) {\n    .editorial-tote-section {\n      padding-right: 10px;\n      padding-left: 10px;\n    }\n\n    .editorial-tote-title {\n      font-size: 34px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .editorial-tote-image {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"editorial-tote-section\"\u003e\n\u003cdiv class=\"editorial-tote-container\"\u003e\n\u003cheader class=\"editorial-tote-header\"\u003e\n\u003cp class=\"editorial-tote-eyebrow\"\u003eEveryday Elegance\u003c\/p\u003e\n\u003ch2 class=\"editorial-tote-title\"\u003eRelaxed by Design.\u003cbr\u003eRefined by Nature.\u003c\/h2\u003e\n\u003cp class=\"editorial-tote-description\"\u003eMore than an everyday tote, it is an effortlessly stylish companion designed to move with you. Its soft, draped silhouette and spacious interior balance understated elegance with the freedom to carry everything your day requires.\u003c\/p\u003e\n\u003cdiv class=\"editorial-tote-highlight\"\u003eSmooth · Spacious · Casually Refined\u003c\/div\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"editorial-tote-gallery\"\u003e\n\u003cfigure class=\"editorial-tote-image-card\"\u003e\u003cimg class=\"editorial-tote-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/2002\/4636\/files\/a3d94af5ab10461c9c179cb9209652dd_tplv-dx0w9n1ysr-resize-jpeg_800_1066.jpg?v=1743625332\" alt=\"Oversized tote bag styled for everyday use\" width=\"800\" height=\"1066\" loading=\"lazy\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"editorial-tote-image-card\"\u003e\u003cimg class=\"editorial-tote-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0756\/2002\/4636\/files\/c06184f35bb0455dacb33b1819029637_tplv-dx0w9n1ysr-resize-jpeg_800_1066.jpg?v=1743625332\" alt=\"Spacious tote bag with a relaxed silhouette\" width=\"800\" height=\"1066\" loading=\"lazy\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"editorial-tote-footer\"\u003e\n\u003ch3 class=\"editorial-tote-footer-title\"\u003eMade for Wherever the Day Leads\u003c\/h3\u003e\n\u003cul class=\"editorial-tote-features\"\u003e\n\u003cli class=\"editorial-tote-feature\"\u003eWork\u003c\/li\u003e\n\u003cli class=\"editorial-tote-feature\"\u003eTravel\u003c\/li\u003e\n\u003cli class=\"editorial-tote-feature\"\u003eWeekends\u003c\/li\u003e\n\u003cli class=\"editorial-tote-feature\"\u003eEveryday\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Hallspatiocovers","offers":[{"title":"Yellow","offer_id":48815526772985,"sku":"B097260814TOTE-YELLOW","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":48815526805753,"sku":"B097260814TOTE-RED","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":48815526838521,"sku":"B097260814TOTE-BLACK","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/4840\/6265\/files\/O1CN01eLm6KQ1fvCC7twvzA__2214447134068-0-cib.jpg?v=1786688198","url":"https:\/\/hallspatiocovers.com\/products\/tote-bag","provider":"Hallspatiocovers","version":"1.0","type":"link"}