{"title":"F\u0026W STYLE x SERAYAH","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- =========================================================\n     F\u0026W STYLE x SERAYAH\n     SHOPIFY COLLECTION \/ COLLABORATION PAGE\n     ========================================================= --\u003e\n\u003cstyle\u003e\n  \/* =========================================================\n     SERAYAH PAGE — ISOLATED STYLES\n     ========================================================= *\/\n\n  .serayah-page {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    background: #ffffff;\n    color: #111111;\n    font-family: Arial, Helvetica, sans-serif;\n  }\n\n  .serayah-page * {\n    box-sizing: border-box;\n  }\n\n  .serayah-container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 30px;\n  }\n\n  \/* =========================================================\n     1. BANNER\n     ========================================================= *\/\n\n  .serayah-banner {\n    width: 100%;\n    line-height: 0;\n  }\n\n  .serayah-banner img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  \/* =========================================================\n     2. SECOND \/ THIRD \/ FOURTH IMAGES\n     ========================================================= *\/\n\n  .serayah-four-images {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    margin: 35px auto 0;\n  }\n\n  .serayah-four-images img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  \/* =========================================================\n     3. PRODUCT SECTION\n     ========================================================= *\/\n\n  .serayah-products-section {\n    padding: 70px 30px 80px;\n    text-align: center;\n  }\n\n  .serayah-section-title {\n    margin: 0 0 12px;\n    font-size: 38px;\n    line-height: 1.1;\n    font-weight: 500;\n    letter-spacing: 1px;\n  }\n\n  .serayah-section-subtitle {\n    max-width: 700px;\n    margin: 0 auto 45px;\n    font-size: 17px;\n    line-height: 1.6;\n  }\n\n  .serayah-products {\n    max-width: 1150px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 35px;\n    align-items: start;\n  }\n\n  .serayah-product {\n    text-align: center;\n  }\n\n  .serayah-product-image {\n    width: 100%;\n    display: block;\n    margin-bottom: 20px;\n  }\n\n  .serayah-product-image img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .serayah-product-name {\n    margin: 0 0 18px;\n    font-size: 20px;\n    font-weight: 600;\n  }\n\n  \/* =========================================================\n     SHOP NOW BUTTON\n     No link added yet — destination can be added later\n     ========================================================= *\/\n\n  .serayah-product-button {\n    display: inline-block;\n    padding: 14px 28px;\n    background: #111111;\n    color: #ffffff !important;\n    border: none;\n    font-family: inherit;\n    font-size: 14px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: all 0.25s ease;\n  }\n\n  .serayah-product-button:hover {\n    background: #EF1677;\n    color: #ffffff !important;\n  }\n\n  \/* =========================================================\n     4. THE SERAYAH STORY SECTION\n     ========================================================= *\/\n\n  .serayah-story {\n    max-width: 1250px;\n    margin: 0 auto;\n    padding: 80px 30px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 70px;\n    align-items: center;\n  }\n\n  .serayah-story-image {\n    width: 100%;\n  }\n\n  .serayah-story-image img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  .serayah-story-copy {\n    padding: 10px 5px;\n  }\n\n  .serayah-story-copy h2 {\n    margin: 0 0 28px;\n    font-size: 42px;\n    line-height: 1.1;\n    font-weight: 500;\n    letter-spacing: 1px;\n  }\n\n  .serayah-story-copy p {\n    margin: 0;\n    font-size: 17px;\n    line-height: 1.8;\n  }\n\n  \/* =========================================================\n     5. THREE IMAGE STORY ROW\n     ========================================================= *\/\n\n  .serayah-three-images {\n    max-width: 1250px;\n    margin: 0 auto;\n    padding: 0 30px 80px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n    align-items: start;\n  }\n\n  .serayah-three-images img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  \/* =========================================================\n     6. LONG IMAGE\n     ========================================================= *\/\n\n  .serayah-long-image {\n    width: 100%;\n    line-height: 0;\n    margin: 0 auto;\n  }\n\n  .serayah-long-image img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  \/* =========================================================\n     7. VIDEO + IMAGE SIDE BY SIDE\n     ========================================================= *\/\n\n  .serayah-media-row {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 80px 30px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 25px;\n    align-items: stretch;\n  }\n\n  .serayah-media-item {\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .serayah-media-item video,\n  .serayah-media-item img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .serayah-media-item video {\n    background: #000000;\n  }\n\n  \/* =========================================================\n     8. FINAL TWO IMAGES\n     FULL WIDTH + STACKED\n     ========================================================= *\/\n\n  .serayah-final-images {\n    width: 100%;\n    margin: 0;\n    padding: 0 0 80px;\n    display: block;\n  }\n\n  .serayah-final-images img {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0 0 25px;\n  }\n\n  .serayah-final-images img:last-child {\n    margin-bottom: 0;\n  }\n\n  \/* =========================================================\n     MOBILE\n     ========================================================= *\/\n\n  @media screen and (max-width: 749px) {\n\n    .serayah-container {\n      padding: 0 15px;\n    }\n\n    \/* Images *\/\n    .serayah-four-images {\n      display: block;\n      margin-top: 15px;\n    }\n\n    .serayah-four-images img {\n      width: 100%;\n      margin-bottom: 15px;\n    }\n\n    \/* Products *\/\n    .serayah-products-section {\n      padding: 50px 18px 55px;\n    }\n\n    .serayah-section-title {\n      font-size: 29px;\n    }\n\n    .serayah-section-subtitle {\n      font-size: 15px;\n      margin-bottom: 30px;\n    }\n\n    .serayah-products {\n      grid-template-columns: 1fr;\n      gap: 50px;\n    }\n\n    .serayah-product-name {\n      font-size: 19px;\n    }\n\n    \/* Story *\/\n    .serayah-story {\n      padding: 55px 20px;\n      display: flex;\n      flex-direction: column;\n      gap: 35px;\n    }\n\n    .serayah-story-image {\n      width: 100%;\n    }\n\n    .serayah-story-copy {\n      padding: 0;\n    }\n\n    .serayah-story-copy h2 {\n      font-size: 32px;\n      margin-bottom: 22px;\n    }\n\n    .serayah-story-copy p {\n      font-size: 16px;\n      line-height: 1.75;\n    }\n\n    \/* Three images *\/\n    .serayah-three-images {\n      display: block;\n      padding: 0 20px 55px;\n    }\n\n    .serayah-three-images img {\n      margin-bottom: 18px;\n    }\n\n    \/* Video + image *\/\n    .serayah-media-row {\n      display: flex;\n      flex-direction: column;\n      padding: 55px 20px;\n      gap: 18px;\n    }\n\n    .serayah-media-item {\n      height: auto;\n    }\n\n    .serayah-media-item video,\n    .serayah-media-item img {\n      width: 100%;\n      height: auto;\n      object-fit: contain;\n    }\n\n    \/* Final images *\/\n    .serayah-final-images {\n      width: 100%;\n      padding: 0 0 55px;\n      display: block;\n    }\n\n    .serayah-final-images img {\n      width: 100%;\n      height: auto;\n      margin-bottom: 15px;\n    }\n\n    .serayah-final-images img:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  \/* =========================================================\n     SMALL MOBILE\n     ========================================================= *\/\n\n  @media screen and (max-width: 480px) {\n\n    .serayah-products-section {\n      padding-left: 15px;\n      padding-right: 15px;\n    }\n\n    .serayah-section-title {\n      font-size: 26px;\n    }\n\n    .serayah-story-copy h2 {\n      font-size: 28px;\n    }\n\n    .serayah-product-button {\n      width: 100%;\n      max-width: 280px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"serayah-page\"\u003e\n\u003c!-- =======================================================\n       1. BANNER\n       ======================================================= --\u003e\n\u003cdiv class=\"serayah-banner\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_1st.jpg?v=1790960479\" alt=\"Serayah x F\u0026amp;W Style\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c!-- =======================================================\n       2. SECOND \/ THIRD \/ FOURTH IMAGES\n       ======================================================= --\u003e\n\u003cdiv class=\"serayah-container\"\u003e\n\u003cdiv class=\"serayah-four-images\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_2.jpg?v=1790960469\" alt=\"Serayah\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_3.jpg?v=1790960472\" alt=\"Serayah\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_4.jpg?v=1790966436\" alt=\"Serayah\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =======================================================\n       3. PRODUCT SECTION\n       ======================================================= --\u003e\n\u003csection class=\"serayah-products-section\"\u003e\n\u003cp class=\"serayah-section-subtitle\"\u003eA limited collection created in collaboration with Serayah.\u003c\/p\u003e\n\u003cdiv class=\"serayah-products\"\u003e\n\u003c!-- BURGUNDY --\u003e\n\u003cdiv class=\"serayah-product\"\u003e\n\u003cdiv class=\"serayah-product-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_Burgundy.png?v=1790960476\" alt=\"Serayah Burgundy Bag\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"serayah-product-name\"\u003eSerayah Burgundy\u003c\/h3\u003e\n\u003cbutton type=\"button\" class=\"serayah-product-button\"\u003e COMING SOON\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- BLUE --\u003e\n\u003cdiv class=\"serayah-product\"\u003e\n\u003cdiv class=\"serayah-product-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_Blue.png?v=1790960477\" alt=\"Serayah Blue Bag\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"serayah-product-name\"\u003eSerayah Blue\u003c\/h3\u003e\n\u003cbutton type=\"button\" class=\"serayah-product-button\"\u003e COMING SOON\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- ORANGE --\u003e\n\u003cdiv class=\"serayah-product\"\u003e\n\u003cdiv class=\"serayah-product-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_Orange.png?v=1790960476\" alt=\"Serayah Orange Bag\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"serayah-product-name\"\u003eSerayah Orange\u003c\/h3\u003e\n\u003cbutton type=\"button\" class=\"serayah-product-button\"\u003eCOMING SOON \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       4. THE SERAYAH\n       ======================================================= --\u003e\n\u003csection class=\"serayah-story\"\u003e\n\u003cdiv class=\"serayah-story-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Alex_serayah.jpg?v=1790960473\" alt=\"Alex and Serayah\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"serayah-story-copy\"\u003e\n\u003ch2\u003eThe Serayah Collection\u003c\/h2\u003e\n\u003cp\u003eF\u0026amp;W Style and actress\/singer Serayah came together to create a bag inspired by her life, personal style, and the realities of being a busy mom. Designed with both fashion and function in mind, the Serayah Bag features thoughtful details including four cup holders, dedicated diaper pockets, a padded iPad compartment, a removable wipes pouch, and a convenient bottom zipper. Made to move effortlessly from time with her son to everyday life on the go, the bag brings Serayah’s vision to life in a way that feels stylish, practical, and personal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       5. THREE IMAGES\n       ======================================================= --\u003e\n\u003csection class=\"serayah-three-images\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/serayah_sketch.png?v=1790960478\" alt=\"Serayah Bag Sketch\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_color.jpg?v=1790960464\" alt=\"Serayah Bag Color\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_swatch.jpg?v=1790967999\" alt=\"Serayah Bag Swatches\" loading=\"lazy\"\u003e\u003c\/section\u003e\n\u003c!-- =======================================================\n       6. LONG IMAGE\n       ======================================================= --\u003e\n\u003cdiv class=\"serayah-long-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_5.jpg?v=1790960479\" alt=\"Serayah Collection\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =======================================================\n       7. VIDEO + IMAGE SIDE BY SIDE\n       ======================================================= --\u003e\n\u003csection class=\"serayah-media-row\"\u003e\u003c!-- VIDEO --\u003e\n\u003cdiv class=\"serayah-media-item\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" loop=\"loop\" playsinline=\"\" controls=\"controls\" preload=\"metadata\"\u003e\n\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/0fd0c6188e414a5893b164e921ed657b.mp4\" type=\"video\/mp4\"\u003e\n\n        Your browser does not support the video tag.\n\n      \u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003c!-- IMAGE --\u003e\n\u003cdiv class=\"serayah-media-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_side_by_side.png?v=1790960488\" alt=\"Serayah Collection\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       8. FINAL TWO IMAGES\n       FULL WIDTH + STACKED\n       ======================================================= --\u003e\n\u003csection class=\"serayah-final-images\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_8.jpg?v=1790960474\" alt=\"Serayah Collection\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2377\/6481\/files\/Seraya_9.jpg?v=1790960475\" alt=\"Serayah Collection\" loading=\"lazy\"\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e```\u003c\/p\u003e","products":[],"url":"https:\/\/www.fwstyle.com\/collections\/f-w-style-x-serayah.oembed","provider":"F\u0026W Style","version":"1.0","type":"link"}