{"title":"SS26 - Spring \u0026 Summer 2026 Womens Clothing Collection","description":"\u003c!-- ============================================================\n     Moke Apparel — SS26\/27 Collection Landing Page\n     Paste the ABOVE block into a Custom HTML block above the product grid.\n     Paste the BELOW block into a Custom HTML block below the product grid.\n     Shopify renders the product grid natively in between — no markup needed there.\n     Vanilla CSS, no frameworks, no external dependencies. Full width, no max-width wrapper.\n     ============================================================ --\u003e\n\n\u003cstyle\u003e\n  .moke-ss2627 {\n    --moke-text: #1a1a1a;\n    --moke-muted: #4d4d4d;\n    --moke-bg: #ffffff;\n    --moke-accent: #1a1a1a;\n    --moke-accent-text: #ffffff;\n    --moke-border: #e5e5e5;\n    font-family: inherit;\n    color: var(--moke-text);\n    background: var(--moke-bg);\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .moke-ss2627 * {\n    box-sizing: border-box;\n  }\n\n  .moke-ss2627 .moke-ss2627-inner {\n    width: 100%;\n    padding: 0 5vw;\n  }\n\n  \/* ---------- Above the grid ---------- *\/\n\n  .moke-ss2627-above {\n    padding-top: 0;\n    padding-bottom: 3rem;\n  }\n\n  .moke-ss2627-hero {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 3rem;\n  }\n\n  .moke-ss2627-hero-image {\n    width: 100%;\n  }\n\n  .moke-ss2627-hero-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .moke-ss2627-hero-image-placeholder {\n    width: 100%;\n    aspect-ratio: 4 \/ 5;\n    background: #f2f2f2;\n    border: 1px dashed var(--moke-border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--moke-muted);\n    font-size: 0.9rem;\n    text-align: center;\n  }\n\n  .moke-ss2627-hero-content {\n    text-align: left;\n  }\n\n  .moke-ss2627-hero-content h1 {\n    font-size: clamp(1.75rem, 4vw, 2.75rem);\n    font-weight: 700;\n    line-height: 1.15;\n    margin: 0 0 0.75rem;\n  }\n\n  .moke-ss2627-hero-content .moke-ss2627-subhead {\n    font-size: clamp(1.05rem, 2vw, 1.3rem);\n    font-weight: 500;\n    color: var(--moke-muted);\n    margin: 0 0 1rem;\n  }\n\n  .moke-ss2627-hero-content .moke-ss2627-support {\n    font-size: 1rem;\n    line-height: 1.6;\n    color: var(--moke-muted);\n    margin: 0;\n  }\n\n  .moke-ss2627-icons {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 2rem;\n    margin-top: 3.5rem;\n    text-align: center;\n  }\n\n  .moke-ss2627-icon-block {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .moke-ss2627-icon-block h3 {\n    font-size: 0.95rem;\n    font-weight: 700;\n    margin: 0 0 0.35rem;\n  }\n\n  .moke-ss2627-icon-block p {\n    font-size: 0.85rem;\n    color: var(--moke-muted);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  \/* ---------- Below the grid ---------- *\/\n\n  .moke-ss2627-below {\n    padding-top: 4rem;\n    padding-bottom: 4rem;\n    border-top: 1px solid var(--moke-border);\n    margin-top: 3rem;\n  }\n\n  .moke-ss2627-below .moke-ss2627-below-inner {\n    max-width: 720px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .moke-ss2627-below h2 {\n    font-size: clamp(1.4rem, 3vw, 2rem);\n    font-weight: 700;\n    margin: 0 0 1.25rem;\n  }\n\n  .moke-ss2627-below p {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: var(--moke-muted);\n    margin: 0 0 1.25rem;\n    text-align: left;\n  }\n\n  .moke-ss2627-social-proof {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--moke-text);\n    margin: 2.5rem 0;\n    padding: 1.25rem 0;\n    border-top: 1px solid var(--moke-border);\n    border-bottom: 1px solid var(--moke-border);\n  }\n\n  .moke-ss2627-final-hook {\n    margin-top: 2.5rem;\n  }\n\n  .moke-ss2627-final-hook p {\n    text-align: center;\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: var(--moke-text);\n    margin: 0 0 1.5rem;\n  }\n\n  \/* ---------- Mobile ---------- *\/\n\n  @media (max-width: 768px) {\n    .moke-ss2627-hero {\n      grid-template-columns: 1fr;\n      gap: 1.75rem;\n    }\n\n    .moke-ss2627-hero-content {\n      text-align: center;\n    }\n\n    .moke-ss2627-icons {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 1.75rem;\n    }\n\n    .moke-ss2627-below p {\n      text-align: left;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .moke-ss2627-icons {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- ================= ABOVE THE PRODUCT GRID ================= --\u003e\n\n\u003cdiv class=\"moke-ss2627 moke-ss2627-above\"\u003e\n  \u003cdiv class=\"moke-ss2627-inner\"\u003e\n\n    \u003cdiv class=\"moke-ss2627-hero\"\u003e\n      \u003cdiv class=\"moke-ss2627-hero-image\"\u003e\n        \u003c!-- IMAGE: replace this placeholder with the final SS26\/27 lifestyle photo --\u003e\n        \u003cdiv class=\"moke-ss2627-hero-image-placeholder\"\u003eLifestyle image\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"moke-ss2627-hero-content\"\u003e\n        \u003ch1\u003eMeet the Glue Behind Every Good Outfit\u003c\/h1\u003e\n        \u003cp class=\"moke-ss2627-subhead\"\u003eQuality basics that pull your whole wardrobe together, for effortless spring\/summer style.\u003c\/p\u003e\n        \u003cp class=\"moke-ss2627-support\"\u003eNo more changing outfits twenty times and landing back on the first thing you tried. Just thoughtful, breathable basics that flatter your shape and work with what you already own.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"moke-ss2627-icons\"\u003e\n      \u003cdiv class=\"moke-ss2627-icon-block\"\u003e\n        \u003c!-- ICON: flattering fit \/ silhouette icon --\u003e\n        \u003ch3\u003eFlattering Fits\u003c\/h3\u003e\n        \u003cp\u003eCuts designed to flatter real bodies.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"moke-ss2627-icon-block\"\u003e\n        \u003c!-- ICON: breathable fabric \/ leaf or breeze icon --\u003e\n        \u003ch3\u003eBreathable Fabrics\u003c\/h3\u003e\n        \u003cp\u003eBuilt for real NZ and AU summers.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"moke-ss2627-icon-block\"\u003e\n        \u003c!-- ICON: layering \/ mix and match icon --\u003e\n        \u003ch3\u003eMade to Mix\u003c\/h3\u003e\n        \u003cp\u003eLayers, co-ords and pairs with what you own.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"moke-ss2627-icon-block\"\u003e\n        \u003c!-- ICON: detail \/ stitch icon --\u003e\n        \u003ch3\u003eElevated Everyday\u003c\/h3\u003e\n        \u003cp\u003eThoughtful details, never overdressed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= SHOPIFY PRODUCT GRID RENDERS HERE ================= --\u003e\n\n\u003c!-- ================= BELOW THE PRODUCT GRID ================= --\u003e\n\n\u003cdiv class=\"moke-ss2627 moke-ss2627-below\"\u003e\n  \u003cdiv class=\"moke-ss2627-below-inner\"\u003e\n\n    \u003ch2\u003eWhy This Collection Works Harder for You\u003c\/h2\u003e\n\n    \u003cp\u003eMost wardrobes are not short on clothes, they are short on the basics that pull everything together. Without them, even your best pieces end up in a pile on the bed while you change outfits for the tenth time and land back on the first thing you tried.\u003c\/p\u003e\n\n    \u003cp\u003eThis collection is built to fix that. Breathable tanks and tees layer easily under jackets or on their own. Our new cotton shirting shirts work as a light layer over a singlet or as a smart co-ord with the wide leg pants. Soft knitwear and an easy shift dress round out the range, so a handful of well-made pieces can carry you through the whole season.\u003c\/p\u003e\n\n    \u003cp\u003eEvery cut is designed to flatter real bodies, not just look good on a hanger. Every fabric is chosen to breathe through a real NZ or AU summer. And every detail, from the stitching to the finish, is there to make an outfit look like you tried, without the effort showing.\u003c\/p\u003e\n\n    \u003cp\u003eMoke has been designing considered, everyday pieces from Oamaru, New Zealand, since 2013. This collection is the basics your wardrobe has been missing, the glue that makes everything else you own work harder too.\u003c\/p\u003e\n\n    \u003cdiv class=\"moke-ss2627-social-proof\"\u003e\n      Stocked in 150+ stores across New Zealand and Australia\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"moke-ss2627-final-hook\"\u003e\n      \u003cp\u003eFewer, better basics. Outfits that just work.\u003cbr\u003eBuild your effortless spring\/summer wardrobe.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","products":[],"url":"https:\/\/www.moke.co.nz\/collections\/ss26-spring-summer-2026-womens-clothing-collection.oembed","provider":"Moke Apparel ","version":"1.0","type":"link"}