{"title":"Home page","description":null,"products":[{"product_id":"calm-cozy™-foldaway-closet-storage-basket","title":"\"Calm\u0026Cozy™ FoldAway Closet Storage Basket","description":"\u003cstyle\u003e\n  .cc-product-section {\n    --cream: #F9F6F1;\n    --sage: #8A9E85;\n    --charcoal: #3D3935;\n    --terra: #C17F5E;\n\n    background: var(--cream);\n    color: var(--charcoal);\n    padding: 55px 18px;\n    font-family: inherit;\n    overflow: hidden;\n  }\n\n  .cc-product-section * {\n    box-sizing: border-box;\n  }\n\n  .cc-wrapper {\n    max-width: 1050px;\n    margin: 0 auto;\n  }\n\n  \/* =========================\n     PRODUCT DESCRIPTION\n     ========================= *\/\n\n  .cc-intro {\n    max-width: 820px;\n    margin: 0 auto 50px;\n    text-align: center;\n  }\n\n  .cc-eyebrow {\n    color: var(--sage);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 12px;\n    font-weight: 700;\n    margin-bottom: 14px;\n  }\n\n  .cc-intro h2 {\n    margin: 0;\n    color: var(--charcoal);\n    font-size: clamp(34px, 7vw, 56px);\n    line-height: 1.05;\n    letter-spacing: -1px;\n  }\n\n  .cc-intro h2 span {\n    color: var(--terra);\n  }\n\n  .cc-tagline {\n    margin: 18px 0 0;\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--charcoal);\n  }\n\n  .cc-description {\n    max-width: 760px;\n    margin: 18px auto 0;\n    font-size: 16px;\n    line-height: 1.8;\n    opacity: 0.8;\n  }\n\n  \/* =========================\n     BENEFIT PILLS\n     ========================= *\/\n\n  .cc-benefits {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 28px;\n  }\n\n  .cc-benefit {\n    background: #ffffff;\n    border: 1px solid rgba(61, 57, 53, 0.08);\n    border-radius: 50px;\n    padding: 11px 16px;\n    font-size: 13px;\n    font-weight: 600;\n    box-shadow: 0 6px 18px rgba(61, 57, 53, 0.05);\n  }\n\n  \/* =========================\n     SIZE HEADING\n     ========================= *\/\n\n  .cc-size-heading {\n    text-align: center;\n    margin-bottom: 28px;\n  }\n\n  .cc-size-heading h3 {\n    margin: 0 0 10px;\n    font-size: clamp(28px, 6vw, 42px);\n    color: var(--charcoal);\n  }\n\n  .cc-size-heading h3 span {\n    color: var(--terra);\n  }\n\n  .cc-size-heading p {\n    margin: 0;\n    font-size: 15px;\n    opacity: 0.72;\n  }\n\n  \/* Hide radio buttons *\/\n  .cc-size-radio {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  \/* =========================\n     SIZE BUTTONS\n     ========================= *\/\n\n  .cc-size-options {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n    margin-bottom: 25px;\n  }\n\n  .cc-size-card {\n    background: #ffffff;\n    border: 2px solid transparent;\n    border-radius: 22px;\n    padding: 25px 18px;\n    text-align: center;\n    cursor: pointer;\n    position: relative;\n    transition:\n      transform 0.3s ease,\n      border-color 0.3s ease,\n      box-shadow 0.3s ease,\n      background 0.3s ease;\n    box-shadow: 0 8px 25px rgba(61, 57, 53, 0.06);\n  }\n\n  .cc-size-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 14px 35px rgba(61, 57, 53, 0.11);\n  }\n\n  .cc-size-badge {\n    width: 52px;\n    height: 38px;\n    border-radius: 50px;\n    margin: 0 auto 13px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--sage);\n    color: #ffffff;\n    font-weight: 800;\n    font-size: 14px;\n    transition:\n      background 0.3s ease,\n      transform 0.3s ease;\n  }\n\n  .cc-size-card strong {\n    display: block;\n    font-size: 20px;\n    color: var(--charcoal);\n  }\n\n  .cc-size-card span {\n    display: block;\n    margin-top: 7px;\n    font-size: 12px;\n    opacity: 0.6;\n  }\n\n  \/* Selected cards *\/\n\n  #cc-medium:checked ~ .cc-size-options label[for=\"cc-medium\"],\n  #cc-large:checked ~ .cc-size-options label[for=\"cc-large\"],\n  #cc-xl:checked ~ .cc-size-options label[for=\"cc-xl\"] {\n    border-color: var(--terra);\n    transform: translateY(-6px) scale(1.02);\n    box-shadow: 0 18px 38px rgba(61, 57, 53, 0.14);\n    background: linear-gradient(\n      135deg,\n      #ffffff,\n      rgba(193, 127, 94, 0.08)\n    );\n  }\n\n  #cc-medium:checked ~ .cc-size-options label[for=\"cc-medium\"] .cc-size-badge,\n  #cc-large:checked ~ .cc-size-options label[for=\"cc-large\"] .cc-size-badge,\n  #cc-xl:checked ~ .cc-size-options label[for=\"cc-xl\"] .cc-size-badge {\n    background: var(--terra);\n    transform: scale(1.08);\n  }\n\n  \/* =========================\n     DETAILS DISPLAY\n     ========================= *\/\n\n  .cc-detail-area {\n    background: var(--sage);\n    border-radius: 28px;\n    padding: 40px 28px;\n    color: #ffffff;\n    min-height: 300px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cc-detail-box {\n    display: none;\n    text-align: center;\n    animation: ccFadeSize 0.45s ease;\n  }\n\n  #cc-medium:checked ~ .cc-detail-area .cc-medium-detail {\n    display: block;\n  }\n\n  #cc-large:checked ~ .cc-detail-area .cc-large-detail {\n    display: block;\n  }\n\n  #cc-xl:checked ~ .cc-detail-area .cc-xl-detail {\n    display: block;\n  }\n\n  .cc-detail-label {\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 11px;\n    font-weight: 700;\n    opacity: 0.8;\n    margin-bottom: 8px;\n  }\n\n  .cc-detail-box h4 {\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(32px, 7vw, 46px);\n    line-height: 1.05;\n  }\n\n  .cc-dimension {\n    display: inline-block;\n    margin: 18px 0;\n    background: var(--cream);\n    color: var(--charcoal);\n    border-radius: 50px;\n    padding: 12px 22px;\n    font-size: 19px;\n    font-weight: 800;\n    box-shadow: 0 8px 20px rgba(61, 57, 53, 0.1);\n  }\n\n  .cc-detail-description {\n    max-width: 650px;\n    margin: 0 auto;\n    font-size: 15px;\n    line-height: 1.75;\n    opacity: 0.95;\n  }\n\n  .cc-best-for {\n    margin-top: 20px;\n    font-size: 14px;\n    font-weight: 700;\n  }\n\n  .cc-best-for span {\n    display: inline-block;\n    background: rgba(255,255,255,0.15);\n    border: 1px solid rgba(255,255,255,0.22);\n    border-radius: 50px;\n    padding: 8px 14px;\n    margin: 5px 3px 0;\n  }\n\n  @keyframes ccFadeSize {\n    from {\n      opacity: 0;\n      transform: translateY(20px) scale(0.98);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  \/* =========================\n     FINAL MESSAGE\n     ========================= *\/\n\n  .cc-final {\n    text-align: center;\n    margin-top: 50px;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .cc-final h3 {\n    margin: 0;\n    font-size: clamp(30px, 7vw, 46px);\n    color: var(--charcoal);\n  }\n\n  .cc-final h3 span {\n    color: var(--terra);\n  }\n\n  .cc-final p {\n    margin: 17px auto 0;\n    font-size: 16px;\n    line-height: 1.75;\n    opacity: 0.78;\n  }\n\n  .cc-final-brand {\n    display: inline-block;\n    margin-top: 22px;\n    background: var(--charcoal);\n    color: var(--cream);\n    border-radius: 50px;\n    padding: 12px 22px;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  \/* =========================\n     MOBILE\n     ========================= *\/\n\n  @media (max-width: 700px) {\n\n    .cc-product-section {\n      padding: 42px 14px;\n    }\n\n    .cc-intro {\n      margin-bottom: 40px;\n    }\n\n    .cc-description {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .cc-size-options {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .cc-size-card {\n      padding: 19px 18px;\n      display: grid;\n      grid-template-columns: 55px 1fr;\n      grid-template-rows: auto auto;\n      text-align: left;\n      align-items: center;\n      column-gap: 14px;\n    }\n\n    .cc-size-badge {\n      grid-row: 1 \/ span 2;\n      margin: 0;\n      width: 48px;\n      height: 48px;\n    }\n\n    .cc-size-card strong {\n      font-size: 18px;\n    }\n\n    .cc-size-card span {\n      margin-top: 2px;\n    }\n\n    .cc-detail-area {\n      padding: 34px 18px;\n      min-height: 320px;\n      border-radius: 22px;\n    }\n\n    .cc-dimension {\n      font-size: 17px;\n      padding: 11px 18px;\n    }\n\n    .cc-detail-description {\n      font-size: 14px;\n      line-height: 1.7;\n    }\n  }\n\n  @media (max-width: 390px) {\n\n    .cc-product-section {\n      padding-left: 10px;\n      padding-right: 10px;\n    }\n\n    .cc-benefit {\n      width: 100%;\n    }\n\n    .cc-detail-area {\n      padding-left: 14px;\n      padding-right: 14px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .cc-product-section *,\n    .cc-product-section *::before,\n    .cc-product-section *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"cc-product-section\"\u003e\n\u003cdiv class=\"cc-wrapper\"\u003e\n\u003c!-- PRODUCT DESCRIPTION --\u003e\n\u003cdiv class=\"cc-intro\"\u003e\n\u003cdiv class=\"cc-eyebrow\"\u003eSmart Storage • Beautifully Simple\u003c\/div\u003e\n\u003ch2\u003eCalm\u0026amp;Cozy™ \u003cspan\u003eFoldAway Closet Storage Basket\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"cc-tagline\"\u003eMore Space. Less Stress.\u003c\/div\u003e\n\u003cp class=\"cc-description\"\u003eTired of opening your closet to chaos? The Calm\u0026amp;Cozy™ FoldAway Closet Storage Basket brings effortless order to wardrobes, shelves, kids' rooms and more. Crafted from durable fabric with reinforced grid stitching, a secure zip closure and convenient carry handles, it keeps your belongings neatly contained and always within reach. When you're finished using it, simply fold it completely flat for easy, space-saving storage.\u003c\/p\u003e\n\u003cdiv class=\"cc-benefits\"\u003e\n\u003cdiv class=\"cc-benefit\"\u003e✓ Folds Completely Flat\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e✓ Secure Zip Closure\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e✓ Easy Carry Handles\u003c\/div\u003e\n\u003cdiv class=\"cc-benefit\"\u003e✓ Reinforced Fabric\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE SELECTOR --\u003e\n\u003cdiv class=\"cc-size-heading\"\u003e\n\u003ch3\u003eChoose Your \u003cspan\u003ePerfect Size\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eTap Medium, Large or Extra Large below to see the exact dimensions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- IMPORTANT:\n         Medium is selected automatically when page loads --\u003e \u003cinput class=\"cc-size-radio\" type=\"radio\" name=\"cc-size\" id=\"cc-medium\" checked\u003e \u003cinput class=\"cc-size-radio\" type=\"radio\" name=\"cc-size\" id=\"cc-large\"\u003e \u003cinput class=\"cc-size-radio\" type=\"radio\" name=\"cc-size\" id=\"cc-xl\"\u003e \u003c!-- CLICKABLE SIZE CARDS --\u003e\n\u003cdiv class=\"cc-size-options\"\u003e\n\u003cdiv class=\"cc-size-badge\"\u003eM\u003c\/div\u003e\n\u003clabel class=\"cc-size-card\" for=\"cc-medium\"\u003e\u003cstrong\u003e Medium \u003c\/strong\u003e \u003cspan\u003e Tap to view size \u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"cc-size-badge\"\u003eL\u003c\/div\u003e\n\u003clabel class=\"cc-size-card\" for=\"cc-large\"\u003e\u003cstrong\u003e Large \u003c\/strong\u003e \u003cspan\u003e Tap to view size \u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"cc-size-badge\"\u003eXL\u003c\/div\u003e\n\u003clabel class=\"cc-size-card\" for=\"cc-xl\"\u003e\u003cstrong\u003e Extra Large \u003c\/strong\u003e \u003cspan\u003e Tap to view size \u003c\/span\u003e \u003c\/label\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE DETAILS --\u003e\n\u003cdiv class=\"cc-detail-area\"\u003e\n\u003c!-- MEDIUM --\u003e\n\u003cdiv class=\"cc-detail-box cc-medium-detail\"\u003e\n\u003cdiv class=\"cc-detail-label\"\u003eSelected Size\u003c\/div\u003e\n\u003ch4\u003eMedium\u003c\/h4\u003e\n\u003cdiv class=\"cc-dimension\"\u003e40 cm × 50 cm\u003c\/div\u003e\n\u003cp class=\"cc-detail-description\"\u003eThe Medium Calm\u0026amp;Cozy™ FoldAway Storage Basket is perfect for smaller everyday items that can quickly make cupboards feel untidy. Use it for folded tops, accessories, children's clothing and other smaller wardrobe essentials.\u003c\/p\u003e\n\u003cdiv class=\"cc-best-for\"\u003eBest For:\u003cbr\u003e\u003cspan\u003eFolded Tops\u003c\/span\u003e \u003cspan\u003eAccessories\u003c\/span\u003e \u003cspan\u003eKids' Clothes\u003c\/span\u003e \u003cspan\u003eSmaller Items\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LARGE --\u003e\n\u003cdiv class=\"cc-detail-box cc-large-detail\"\u003e\n\u003cdiv class=\"cc-detail-label\"\u003eSelected Size\u003c\/div\u003e\n\u003ch4\u003eLarge\u003c\/h4\u003e\n\u003cdiv class=\"cc-dimension\"\u003e45 cm × 56 cm\u003c\/div\u003e\n\u003cp class=\"cc-detail-description\"\u003eThe Large Calm\u0026amp;Cozy™ FoldAway Storage Basket gives you extra room for everyday wardrobe organisation. It is ideal for jeans, jerseys, knitwear, towels and other larger clothing items that need a neat, organised place in your cupboard or on your shelves.\u003c\/p\u003e\n\u003cdiv class=\"cc-best-for\"\u003eBest For:\u003cbr\u003e\u003cspan\u003eJeans\u003c\/span\u003e \u003cspan\u003eKnitwear\u003c\/span\u003e \u003cspan\u003eTowels\u003c\/span\u003e \u003cspan\u003eEveryday Clothing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- EXTRA LARGE --\u003e\n\u003cdiv class=\"cc-detail-box cc-xl-detail\"\u003e\n\u003cdiv class=\"cc-detail-label\"\u003eSelected Size\u003c\/div\u003e\n\u003ch4\u003eExtra Large\u003c\/h4\u003e\n\u003cdiv class=\"cc-dimension\"\u003e50 cm × 70 cm\u003c\/div\u003e\n\u003cp class=\"cc-detail-description\"\u003eThe Extra Large Calm\u0026amp;Cozy™ FoldAway Storage Basket is designed for bigger storage jobs. Its generous size makes it perfect for bedding, blankets, seasonal clothing and larger wardrobe items while helping keep bulky belongings organised and neatly contained.\u003c\/p\u003e\n\u003cdiv class=\"cc-best-for\"\u003eBest For:\u003cbr\u003e\u003cspan\u003eBedding\u003c\/span\u003e \u003cspan\u003eBlankets\u003c\/span\u003e \u003cspan\u003eSeasonal Clothing\u003c\/span\u003e \u003cspan\u003eLarge Wardrobe Items\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL PRODUCT MESSAGE --\u003e\n\u003cdiv class=\"cc-final\"\u003e\n\u003ch3\u003eReclaim Your Space.\u003cbr\u003e\u003cspan\u003eRestore Your Calm.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eWhether you're organising clothing, linen, toys, accessories or bedding, Calm\u0026amp;Cozy™ gives everything its own place while helping your home feel cleaner, calmer and beautifully organised.\u003c\/p\u003e\n\u003cdiv class=\"cc-final-brand\"\u003eBecause a calm home starts with Calm\u0026amp;Cozy™.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Calm\u0026Cozy","offers":[{"title":"Medium","offer_id":49665085964515,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Large","offer_id":49665085997283,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"X Large","offer_id":49665086030051,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0816\/8226\/8387\/files\/calm-cozy-storage-baskets-m-l-xl.png?v=1787959039"}],"url":"https:\/\/calmncozy.co.za\/collections\/frontpage.oembed","provider":" CalmNCozy™ ","version":"1.0","type":"link"}