{"id":8,"date":"2026-09-01T07:58:57","date_gmt":"2026-09-01T07:58:57","guid":{"rendered":"https:\/\/cookieswp1.mystartupcrew.com\/?page_id=8"},"modified":"2026-09-01T17:06:10","modified_gmt":"2026-09-01T17:06:10","slug":"home","status":"publish","type":"page","link":"https:\/\/cookieswp1.mystartupcrew.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da30002 e-con-full e-flex e-con e-parent\" data-id=\"da30002\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b3588c elementor-widget elementor-widget-html\" data-id=\"4b3588c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     PREMIUM COOKIE HERO\r\n     WORDPRESS \/ ELEMENTOR HTML WIDGET\r\n     FULLY RESPONSIVE\r\n     Desktop \u2022 Laptop \u2022 Tablet \u2022 Mobile\r\n========================================================= -->\r\n\r\n<section class=\"cookie-hero\" id=\"cookieHero\">\r\n\r\n    <!-- Background -->\r\n    <div class=\"cookie-glow glow-one\"><\/div>\r\n    <div class=\"cookie-glow glow-two\"><\/div>\r\n    <div class=\"hero-grid\"><\/div>\r\n\r\n    <!-- =====================================================\r\n         COOKIE ORBIT\r\n    ====================================================== -->\r\n\r\n    <div class=\"cookie-orbit\">\r\n\r\n        <div class=\"cookie-item cookie-1\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/front-view-delicious-sweet-cookies-yummy-sweets-tea-grey-space.jpg\"\r\n                alt=\"Chocolate chip cookie\">\r\n        <\/div>\r\n\r\n        <div class=\"cookie-item cookie-2\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/top-view-delicious-cookies-arrangement.jpg\"\r\n                alt=\"Fresh baked cookies\">\r\n        <\/div>\r\n\r\n        <div class=\"cookie-item cookie-3\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/pile-cookies-spoon-milk-cloth-wooden-table.jpg\"\r\n                alt=\"Chocolate cookie\">\r\n        <\/div>\r\n\r\n        <div class=\"cookie-item cookie-4\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/images.jpg\"\r\n                alt=\"Gooey cookie\">\r\n        <\/div>\r\n\r\n        <div class=\"cookie-item cookie-5\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/closeup-shot-chocolate-chip-cookies-white-plate-wooden-surface.jpg\"\r\n                alt=\"Fresh chocolate chip cookie\">\r\n        <\/div>\r\n\r\n        <div class=\"cookie-item cookie-6\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/top-view-sweet-delicious-cookies-different-formed-inside-round-package-grey-desk-sugar-sweet-cake-biscuit-cookie.jpg\"\r\n                alt=\"Bakery cookie\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"cookie-hero-content\">\r\n\r\n        <div class=\"hero-kicker\">\r\n            <span><\/span>\r\n            SMALL BATCH \u2022 BAKED FRESH\r\n            <span><\/span>\r\n        <\/div>\r\n\r\n        <h1>\r\n            Freshly Baked.\r\n            <br>\r\n            <em>Perfectly Gooey.<\/em>\r\n            <br>\r\n            Made for Your Weekend.\r\n        <\/h1>\r\n\r\n        <p>\r\n            Small-batch cookies baked fresh for local markets.\r\n            Pre-order your favorites and pick them up at our booth.\r\n        <\/p>\r\n\r\n\r\n        <!-- Buttons -->\r\n\r\n        <div class=\"hero-buttons\">\r\n\r\n            <a href=\"#preorder\" class=\"cookie-btn primary\">\r\n\r\n                <span>Pre-Order Cookies<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M5 12h13M13 6l6 6-6 6\"\/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n\r\n            <a href=\"#market\" class=\"cookie-btn secondary\">\r\n\r\n                <span>Find Us at the Market<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M12 21s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z\"\/>\r\n                    <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hero-note\">\r\n\r\n            <span class=\"note-dot\"><\/span>\r\n\r\n            Fresh from the oven \u2022 Local pickup\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         SCROLL\r\n    ====================================================== -->\r\n\r\n    <div class=\"hero-scroll\">\r\n\r\n        <span>SCROLL TO EXPLORE<\/span>\r\n\r\n        <div class=\"scroll-line\">\r\n            <i><\/i>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL RESET\r\n========================================================= *\/\r\n\r\n#cookieHero,\r\n#cookieHero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#cookieHero {\r\n    --cream: #fff5df;\r\n    --gold: #d99b45;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    min-height: 850px;\r\n    height: 100vh;\r\n    height: 100svh;\r\n\r\n    min-height: 700px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin: 0;\r\n    padding: 40px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 48%,\r\n            rgba(216,150,69,.17),\r\n            transparent 28%\r\n        ),\r\n        radial-gradient(\r\n            circle at 15% 20%,\r\n            rgba(218,145,58,.09),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #100905 0%,\r\n            #211109 48%,\r\n            #0c0604 100%\r\n        );\r\n\r\n    color: var(--cream);\r\n\r\n    isolation: isolate;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n#cookieHero .hero-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    opacity: .045;\r\n\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.5) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.5) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 70px 70px;\r\n\r\n    -webkit-mask-image:\r\n        radial-gradient(\r\n            ellipse at center,\r\n            black,\r\n            transparent 75%\r\n        );\r\n\r\n    mask-image:\r\n        radial-gradient(\r\n            ellipse at center,\r\n            black,\r\n            transparent 75%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOW\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter: blur(75px);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n#cookieHero .glow-one {\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    top: 5%;\r\n    left: -120px;\r\n\r\n    background:\r\n        rgba(203,120,35,.12);\r\n}\r\n\r\n#cookieHero .glow-two {\r\n\r\n    width: 450px;\r\n    height: 450px;\r\n\r\n    right: -180px;\r\n    bottom: -120px;\r\n\r\n    background:\r\n        rgba(177,86,25,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COOKIE ORBIT\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-orbit {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    z-index: 5;\r\n\r\n    pointer-events: none;\r\n\r\n    transform-origin: center center;\r\n\r\n    will-change: transform;\r\n\r\n    transition:\r\n        transform 1s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COOKIE\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-item {\r\n\r\n    position: absolute;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        5px solid\r\n        rgba(255,238,201,.13);\r\n\r\n    box-shadow:\r\n        0 25px 60px rgba(0,0,0,.45),\r\n        inset 0 0 25px rgba(255,255,255,.10);\r\n\r\n    will-change: transform;\r\n\r\n    animation:\r\n        cookieFloat 5s ease-in-out infinite;\r\n\r\n    transition:\r\n        transform 1.15s cubic-bezier(.2,.8,.2,1),\r\n        opacity .5s ease;\r\n}\r\n\r\n#cookieHero .cookie-item::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 30% 25%,\r\n            rgba(255,255,255,.25),\r\n            transparent 30%\r\n        );\r\n}\r\n\r\n#cookieHero .cookie-item img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transform: scale(1.08);\r\n\r\n    transition:\r\n        transform 1.4s ease;\r\n}\r\n\r\n#cookieHero .cookie-item:hover img {\r\n\r\n    transform:\r\n        scale(1.18)\r\n        rotate(5deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP COOKIE POSITIONS\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-1 {\r\n\r\n    width: 145px;\r\n    height: 145px;\r\n\r\n    top: 10%;\r\n    left: 9%;\r\n\r\n    transform: rotate(-16deg);\r\n}\r\n\r\n#cookieHero .cookie-2 {\r\n\r\n    width: 190px;\r\n    height: 190px;\r\n\r\n    top: 16%;\r\n    right: 8%;\r\n\r\n    transform: rotate(13deg);\r\n\r\n    animation-delay: -1.5s;\r\n}\r\n\r\n#cookieHero .cookie-3 {\r\n\r\n    width: 195px;\r\n    height: 195px;\r\n\r\n    bottom: 13%;\r\n    left: 5%;\r\n\r\n    transform: rotate(12deg);\r\n\r\n    animation-delay: -2.5s;\r\n}\r\n\r\n#cookieHero .cookie-4 {\r\n\r\n    width: 145px;\r\n    height: 145px;\r\n\r\n    bottom: 9%;\r\n    right: 7%;\r\n\r\n    transform: rotate(-12deg);\r\n\r\n    animation-delay: -3.5s;\r\n}\r\n\r\n#cookieHero .cookie-5 {\r\n\r\n    width: 110px;\r\n    height: 110px;\r\n\r\n    top: 45%;\r\n    left: -35px;\r\n\r\n    opacity: .75;\r\n\r\n    animation-delay: -4s;\r\n}\r\n\r\n#cookieHero .cookie-6 {\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    top: 47%;\r\n    right: -30px;\r\n\r\n    opacity: .75;\r\n\r\n    animation-delay: -2s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOAT\r\n========================================================= *\/\r\n\r\n@keyframes cookieFloat {\r\n\r\n    0% {\r\n        margin-top: 0;\r\n    }\r\n\r\n    50% {\r\n        margin-top: -13px;\r\n    }\r\n\r\n    100% {\r\n        margin-top: 0;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-hero-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 30;\r\n\r\n    width: min(760px, 100%);\r\n\r\n    text-align: center;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    margin-top: -15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KICKER\r\n========================================================= *\/\r\n\r\n#cookieHero .hero-kicker {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    color: #e8b56e;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n#cookieHero .hero-kicker span {\r\n\r\n    width: 30px;\r\n    height: 1px;\r\n\r\n    flex: 0 0 30px;\r\n\r\n    background:\r\n        #c58a42;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n#cookieHero h1 {\r\n\r\n    width: 100%;\r\n    max-width: 800px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    color: #fff6e7;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(48px, 6vw, 82px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: .98;\r\n\r\n    letter-spacing: -3px;\r\n\r\n    text-shadow:\r\n        0 8px 35px rgba(0,0,0,.35);\r\n}\r\n\r\n#cookieHero h1 em {\r\n\r\n    color: #e4a454;\r\n\r\n    font-style: italic;\r\n\r\n    text-shadow:\r\n        0 0 35px rgba(228,164,84,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-hero-content > p {\r\n\r\n    width: 100%;\r\n    max-width: 540px;\r\n\r\n    margin:\r\n        28px auto 0;\r\n\r\n    padding: 0;\r\n\r\n    color:\r\n        rgba(255,245,225,.68);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n#cookieHero .hero-buttons {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 14px;\r\n\r\n    margin-top: 34px;\r\n}\r\n\r\n#cookieHero .cookie-btn {\r\n\r\n    min-height: 56px;\r\n\r\n    padding:\r\n        0 23px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    border-radius: 100px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: .3px;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n#cookieHero .cookie-btn svg {\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    flex: 0 0 19px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n#cookieHero .cookie-btn:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n}\r\n\r\n#cookieHero .cookie-btn:hover svg {\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-btn.primary {\r\n\r\n    color: #211006;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f5c77f,\r\n            #d9953e\r\n        );\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(213,143,57,.20);\r\n}\r\n\r\n#cookieHero .cookie-btn.primary:hover {\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(213,143,57,.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY BUTTON\r\n========================================================= *\/\r\n\r\n#cookieHero .cookie-btn.secondary {\r\n\r\n    color: #fff2dc;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,245,225,.20);\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n}\r\n\r\n#cookieHero .cookie-btn.secondary:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n========================================================= *\/\r\n\r\n#cookieHero .hero-note {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 25px;\r\n\r\n    color:\r\n        rgba(255,245,225,.45);\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.3;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n#cookieHero .note-dot {\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    flex: 0 0 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #dca052;\r\n\r\n    box-shadow:\r\n        0 0 10px\r\n        #dca052;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL\r\n========================================================= *\/\r\n\r\n#cookieHero .hero-scroll {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    bottom: 27px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    z-index: 40;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color:\r\n        rgba(255,245,225,.42);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n#cookieHero .scroll-line {\r\n\r\n    position: relative;\r\n\r\n    width: 1px;\r\n    height: 45px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        rgba(255,255,255,.15);\r\n}\r\n\r\n#cookieHero .scroll-line i {\r\n\r\n    position: absolute;\r\n\r\n    top: -60%;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 50%;\r\n\r\n    background:\r\n        #e3a456;\r\n\r\n    animation:\r\n        scrollDown 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes scrollDown {\r\n\r\n    0% {\r\n        top: -60%;\r\n    }\r\n\r\n    100% {\r\n        top: 110%;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL ANIMATION STATES\r\n========================================================= *\/\r\n\r\n#cookieHero.scroll-1 .cookie-1 {\r\n    transform:\r\n        translate(45px,40px)\r\n        rotate(30deg);\r\n}\r\n\r\n#cookieHero.scroll-1 .cookie-2 {\r\n    transform:\r\n        translate(-45px,30px)\r\n        rotate(-25deg);\r\n}\r\n\r\n#cookieHero.scroll-1 .cookie-3 {\r\n    transform:\r\n        translate(55px,-25px)\r\n        rotate(-25deg);\r\n}\r\n\r\n#cookieHero.scroll-1 .cookie-4 {\r\n    transform:\r\n        translate(-55px,-30px)\r\n        rotate(25deg);\r\n}\r\n\r\n\r\n#cookieHero.scroll-2 .cookie-1 {\r\n    transform:\r\n        translate(90px,80px)\r\n        rotate(65deg)\r\n        scale(.92);\r\n}\r\n\r\n#cookieHero.scroll-2 .cookie-2 {\r\n    transform:\r\n        translate(-90px,75px)\r\n        rotate(-55deg)\r\n        scale(.92);\r\n}\r\n\r\n#cookieHero.scroll-2 .cookie-3 {\r\n    transform:\r\n        translate(100px,-65px)\r\n        rotate(-55deg)\r\n        scale(.90);\r\n}\r\n\r\n#cookieHero.scroll-2 .cookie-4 {\r\n    transform:\r\n        translate(-100px,-70px)\r\n        rotate(55deg)\r\n        scale(.90);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n   1400px+\r\n========================================================= *\/\r\n\r\n@media (min-width: 1400px) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 900px;\r\n\r\n        padding-left: 50px;\r\n        padding-right: 50px;\r\n    }\r\n\r\n    #cookieHero .cookie-1 {\r\n\r\n        width: 165px;\r\n        height: 165px;\r\n\r\n        left: 10%;\r\n    }\r\n\r\n    #cookieHero .cookie-2 {\r\n\r\n        width: 210px;\r\n        height: 210px;\r\n\r\n        right: 10%;\r\n    }\r\n\r\n    #cookieHero .cookie-3 {\r\n\r\n        width: 215px;\r\n        height: 215px;\r\n\r\n        left: 7%;\r\n    }\r\n\r\n    #cookieHero .cookie-4 {\r\n\r\n        width: 165px;\r\n        height: 165px;\r\n\r\n        right: 8%;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n   1025px \u2014 1399px\r\n========================================================= *\/\r\n\r\n@media (min-width: 1025px) and (max-width: 1399px) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 800px;\r\n\r\n        padding:\r\n            40px 30px;\r\n    }\r\n\r\n    #cookieHero h1 {\r\n\r\n        font-size:\r\n            clamp(52px, 5.5vw, 72px);\r\n    }\r\n\r\n    #cookieHero .cookie-item {\r\n\r\n        opacity: .85;\r\n    }\r\n\r\n    #cookieHero .cookie-1 {\r\n\r\n        width: 130px;\r\n        height: 130px;\r\n\r\n        left: 5%;\r\n    }\r\n\r\n    #cookieHero .cookie-2 {\r\n\r\n        width: 165px;\r\n        height: 165px;\r\n\r\n        right: 5%;\r\n    }\r\n\r\n    #cookieHero .cookie-3 {\r\n\r\n        width: 170px;\r\n        height: 170px;\r\n\r\n        left: 3%;\r\n    }\r\n\r\n    #cookieHero .cookie-4 {\r\n\r\n        width: 130px;\r\n        height: 130px;\r\n\r\n        right: 4%;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET LANDSCAPE\r\n   769px \u2014 1024px\r\n========================================================= *\/\r\n\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 780px;\r\n\r\n        padding:\r\n            70px 30px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content {\r\n\r\n        width:\r\n            min(680px, 88%);\r\n    }\r\n\r\n    #cookieHero .hero-kicker {\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 3px;\r\n\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    #cookieHero h1 {\r\n\r\n        font-size:\r\n            clamp(46px, 7vw, 62px);\r\n\r\n        letter-spacing:\r\n            -2.5px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content > p {\r\n\r\n        max-width: 500px;\r\n\r\n        font-size: 15px;\r\n\r\n        margin-top: 23px;\r\n    }\r\n\r\n    #cookieHero .hero-buttons {\r\n\r\n        margin-top: 28px;\r\n    }\r\n\r\n    #cookieHero .cookie-item {\r\n\r\n        opacity: .42;\r\n\r\n        border-width: 4px;\r\n    }\r\n\r\n    #cookieHero .cookie-1 {\r\n\r\n        width: 105px;\r\n        height: 105px;\r\n\r\n        left: -15px;\r\n        top: 10%;\r\n    }\r\n\r\n    #cookieHero .cookie-2 {\r\n\r\n        width: 135px;\r\n        height: 135px;\r\n\r\n        right: -15px;\r\n        top: 12%;\r\n    }\r\n\r\n    #cookieHero .cookie-3 {\r\n\r\n        width: 135px;\r\n        height: 135px;\r\n\r\n        left: -20px;\r\n        bottom: 10%;\r\n    }\r\n\r\n    #cookieHero .cookie-4 {\r\n\r\n        width: 105px;\r\n        height: 105px;\r\n\r\n        right: -15px;\r\n        bottom: 9%;\r\n    }\r\n\r\n    #cookieHero .cookie-5,\r\n    #cookieHero .cookie-6 {\r\n\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET PORTRAIT\r\n   601px \u2014 768px\r\n========================================================= *\/\r\n\r\n@media (min-width: 601px) and (max-width: 768px) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 760px;\r\n\r\n        padding:\r\n            80px 25px\r\n            70px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content {\r\n\r\n        width: 90%;\r\n\r\n        max-width: 620px;\r\n    }\r\n\r\n    #cookieHero .hero-kicker {\r\n\r\n        gap: 9px;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 2.5px;\r\n\r\n        margin-bottom: 19px;\r\n    }\r\n\r\n    #cookieHero .hero-kicker span {\r\n\r\n        width: 20px;\r\n\r\n        flex-basis: 20px;\r\n    }\r\n\r\n    #cookieHero h1 {\r\n\r\n        font-size:\r\n            clamp(43px, 8vw, 58px);\r\n\r\n        letter-spacing:\r\n            -2px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content > p {\r\n\r\n        max-width: 470px;\r\n\r\n        margin-top: 22px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n    #cookieHero .hero-buttons {\r\n\r\n        gap: 10px;\r\n\r\n        margin-top: 27px;\r\n    }\r\n\r\n    #cookieHero .cookie-btn {\r\n\r\n        min-height: 52px;\r\n\r\n        padding:\r\n            0 19px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n    #cookieHero .cookie-item {\r\n\r\n        opacity: .28;\r\n\r\n        border-width: 3px;\r\n    }\r\n\r\n    #cookieHero .cookie-1 {\r\n\r\n        width: 95px;\r\n        height: 95px;\r\n\r\n        left: -30px;\r\n        top: 8%;\r\n    }\r\n\r\n    #cookieHero .cookie-2 {\r\n\r\n        width: 115px;\r\n        height: 115px;\r\n\r\n        right: -30px;\r\n        top: 11%;\r\n    }\r\n\r\n    #cookieHero .cookie-3 {\r\n\r\n        width: 115px;\r\n        height: 115px;\r\n\r\n        left: -35px;\r\n        bottom: 8%;\r\n    }\r\n\r\n    #cookieHero .cookie-4 {\r\n\r\n        width: 95px;\r\n        height: 95px;\r\n\r\n        right: -30px;\r\n        bottom: 8%;\r\n    }\r\n\r\n    #cookieHero .cookie-5,\r\n    #cookieHero .cookie-6 {\r\n\r\n        display: none;\r\n    }\r\n\r\n    #cookieHero .hero-scroll {\r\n\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   376px \u2014 600px\r\n========================================================= *\/\r\n\r\n@media (min-width: 376px) and (max-width: 600px) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 720px;\r\n\r\n        min-height: 100svh;\r\n\r\n        padding:\r\n            70px 18px\r\n            55px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 450px;\r\n\r\n        margin-top: 0;\r\n    }\r\n\r\n    #cookieHero .hero-kicker {\r\n\r\n        gap: 7px;\r\n\r\n        font-size: 7.5px;\r\n\r\n        letter-spacing: 1.8px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    #cookieHero .hero-kicker span {\r\n\r\n        width: 14px;\r\n\r\n        flex-basis: 14px;\r\n    }\r\n\r\n    #cookieHero h1 {\r\n\r\n        font-size:\r\n            clamp(38px, 11vw, 52px);\r\n\r\n        line-height: .99;\r\n\r\n        letter-spacing:\r\n            -1.7px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content > p {\r\n\r\n        width: 94%;\r\n\r\n        margin-top: 20px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n    #cookieHero .hero-buttons {\r\n\r\n        width: 100%;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 9px;\r\n\r\n        margin-top: 25px;\r\n    }\r\n\r\n    #cookieHero .cookie-btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 52px;\r\n\r\n        padding:\r\n            0 18px;\r\n\r\n        font-size: 11.5px;\r\n    }\r\n\r\n    #cookieHero .cookie-btn svg {\r\n\r\n        width: 17px;\r\n        height: 17px;\r\n\r\n        flex-basis: 17px;\r\n    }\r\n\r\n    #cookieHero .hero-note {\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 8.5px;\r\n\r\n        letter-spacing: .6px;\r\n    }\r\n\r\n    #cookieHero .cookie-item {\r\n\r\n        opacity: .17;\r\n\r\n        border-width: 3px;\r\n    }\r\n\r\n    #cookieHero .cookie-1 {\r\n\r\n        width: 90px;\r\n        height: 90px;\r\n\r\n        left: -38px;\r\n        top: 7%;\r\n    }\r\n\r\n    #cookieHero .cookie-2 {\r\n\r\n        width: 105px;\r\n        height: 105px;\r\n\r\n        right: -38px;\r\n        top: 10%;\r\n    }\r\n\r\n    #cookieHero .cookie-3 {\r\n\r\n        width: 100px;\r\n        height: 100px;\r\n\r\n        left: -38px;\r\n        bottom: 8%;\r\n    }\r\n\r\n    #cookieHero .cookie-4 {\r\n\r\n        width: 85px;\r\n        height: 85px;\r\n\r\n        right: -32px;\r\n        bottom: 8%;\r\n    }\r\n\r\n    #cookieHero .cookie-5,\r\n    #cookieHero .cookie-6,\r\n    #cookieHero .hero-scroll {\r\n\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   320px \u2014 375px\r\n========================================================= *\/\r\n\r\n@media (max-width: 375px) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 680px;\r\n\r\n        min-height: 100svh;\r\n\r\n        padding:\r\n            60px 14px\r\n            45px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 340px;\r\n    }\r\n\r\n    #cookieHero .hero-kicker {\r\n\r\n        gap: 6px;\r\n\r\n        font-size: 6.5px;\r\n\r\n        letter-spacing: 1.35px;\r\n\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    #cookieHero .hero-kicker span {\r\n\r\n        width: 11px;\r\n\r\n        flex-basis: 11px;\r\n    }\r\n\r\n    #cookieHero h1 {\r\n\r\n        font-size:\r\n            clamp(33px, 10.5vw, 41px);\r\n\r\n        line-height: .98;\r\n\r\n        letter-spacing:\r\n            -1.4px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content > p {\r\n\r\n        width: 94%;\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n    #cookieHero .hero-buttons {\r\n\r\n        width: 100%;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 8px;\r\n\r\n        margin-top: 22px;\r\n    }\r\n\r\n    #cookieHero .cookie-btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 48px;\r\n\r\n        padding:\r\n            0 14px;\r\n\r\n        font-size: 10.5px;\r\n    }\r\n\r\n    #cookieHero .cookie-btn svg {\r\n\r\n        width: 15px;\r\n        height: 15px;\r\n\r\n        flex-basis: 15px;\r\n    }\r\n\r\n    #cookieHero .hero-note {\r\n\r\n        margin-top: 14px;\r\n\r\n        font-size: 7.5px;\r\n\r\n        letter-spacing: .3px;\r\n    }\r\n\r\n    #cookieHero .cookie-item {\r\n\r\n        opacity: .12;\r\n\r\n        border-width: 2px;\r\n    }\r\n\r\n    #cookieHero .cookie-1 {\r\n\r\n        width: 72px;\r\n        height: 72px;\r\n\r\n        left: -32px;\r\n        top: 7%;\r\n    }\r\n\r\n    #cookieHero .cookie-2 {\r\n\r\n        width: 82px;\r\n        height: 82px;\r\n\r\n        right: -32px;\r\n        top: 9%;\r\n    }\r\n\r\n    #cookieHero .cookie-3 {\r\n\r\n        width: 80px;\r\n        height: 80px;\r\n\r\n        left: -30px;\r\n        bottom: 7%;\r\n    }\r\n\r\n    #cookieHero .cookie-4 {\r\n\r\n        width: 68px;\r\n        height: 68px;\r\n\r\n        right: -28px;\r\n        bottom: 7%;\r\n    }\r\n\r\n    #cookieHero .cookie-5,\r\n    #cookieHero .cookie-6,\r\n    #cookieHero .hero-scroll {\r\n\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SHORT MOBILE\r\n   320 \u00d7 568 etc.\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) and (max-height: 700px) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 620px;\r\n\r\n        padding-top: 45px;\r\n        padding-bottom: 40px;\r\n    }\r\n\r\n    #cookieHero h1 {\r\n\r\n        font-size:\r\n            clamp(31px, 9.5vw, 42px);\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content > p {\r\n\r\n        margin-top: 15px;\r\n    }\r\n\r\n    #cookieHero .hero-buttons {\r\n\r\n        margin-top: 18px;\r\n    }\r\n\r\n    #cookieHero .hero-note {\r\n\r\n        margin-top: 11px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE LANDSCAPE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) and (orientation: landscape) {\r\n\r\n    #cookieHero {\r\n\r\n        min-height: 560px;\r\n\r\n        min-height: 100svh;\r\n\r\n        padding:\r\n            35px 30px;\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content {\r\n\r\n        max-width: 600px;\r\n    }\r\n\r\n    #cookieHero .hero-kicker {\r\n\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    #cookieHero h1 {\r\n\r\n        font-size:\r\n            clamp(32px, 6vw, 48px);\r\n    }\r\n\r\n    #cookieHero .cookie-hero-content > p {\r\n\r\n        margin-top: 12px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n    #cookieHero .hero-buttons {\r\n\r\n        margin-top: 17px;\r\n    }\r\n\r\n    #cookieHero .cookie-btn {\r\n\r\n        min-height: 44px;\r\n    }\r\n\r\n    #cookieHero .hero-note,\r\n    #cookieHero .hero-scroll {\r\n\r\n        display: none;\r\n    }\r\n\r\n    #cookieHero .cookie-item {\r\n\r\n        opacity: .15;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #cookieHero .cookie-item,\r\n    #cookieHero .cookie-orbit,\r\n    #cookieHero .cookie-btn,\r\n    #cookieHero .cookie-btn svg,\r\n    #cookieHero .scroll-line i {\r\n\r\n        animation: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOUCH DEVICES\r\n========================================================= *\/\r\n\r\n@media (hover: none) {\r\n\r\n    #cookieHero .cookie-btn:hover {\r\n\r\n        transform: none;\r\n    }\r\n\r\n    #cookieHero .cookie-item:hover img {\r\n\r\n        transform:\r\n            scale(1.08);\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n    const hero =\r\n        document.getElementById(\"cookieHero\");\r\n\r\n    if (!hero) return;\r\n\r\n    const orbit =\r\n        hero.querySelector(\".cookie-orbit\");\r\n\r\n    if (!orbit) return;\r\n\r\n    let ticking = false;\r\n\r\n\r\n    \/* =====================================================\r\n       SCROLL ANIMATION\r\n    ===================================================== *\/\r\n\r\n    function updateCookies() {\r\n\r\n        const rect =\r\n            hero.getBoundingClientRect();\r\n\r\n        const viewportHeight =\r\n            window.innerHeight;\r\n\r\n\r\n        \/*\r\n         * Calculate how far hero has\r\n         * moved through viewport.\r\n         *\/\r\n\r\n        const progress =\r\n            Math.max(\r\n                0,\r\n                Math.min(\r\n                    1,\r\n                    (viewportHeight - rect.top) \/\r\n                    (viewportHeight + rect.height)\r\n                )\r\n            );\r\n\r\n\r\n        \/*\r\n         * Rotate complete cookie orbit.\r\n         *\/\r\n\r\n        const rotation =\r\n            (progress - 0.5) * 34;\r\n\r\n\r\n        \/*\r\n         * Small vertical movement.\r\n         *\/\r\n\r\n        const translateY =\r\n            (progress - 0.5) * 30;\r\n\r\n\r\n        orbit.style.transform =\r\n            \"translate3d(0,\" +\r\n            translateY +\r\n            \"px,0) rotate(\" +\r\n            rotation +\r\n            \"deg)\";\r\n\r\n\r\n        \/*\r\n         * Reset states.\r\n         *\/\r\n\r\n        hero.classList.remove(\r\n            \"scroll-1\",\r\n            \"scroll-2\"\r\n        );\r\n\r\n\r\n        \/*\r\n         * First scroll stage.\r\n         *\/\r\n\r\n        if (\r\n            progress > .40 &&\r\n            progress < .70\r\n        ) {\r\n\r\n            hero.classList.add(\r\n                \"scroll-1\"\r\n            );\r\n        }\r\n\r\n\r\n        \/*\r\n         * Second scroll stage.\r\n         *\/\r\n\r\n        if (progress >= .70) {\r\n\r\n            hero.classList.add(\r\n                \"scroll-2\"\r\n            );\r\n        }\r\n\r\n\r\n        ticking = false;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REQUEST ANIMATION FRAME\r\n    ===================================================== *\/\r\n\r\n    function requestUpdate() {\r\n\r\n        if (!ticking) {\r\n\r\n            window.requestAnimationFrame(\r\n                updateCookies\r\n            );\r\n\r\n            ticking = true;\r\n        }\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        requestUpdate,\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        requestUpdate,\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    \/* Initial *\/\r\n    updateCookies();\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2845e9 e-con-full e-flex e-con e-parent\" data-id=\"c2845e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cde179f elementor-widget elementor-widget-html\" data-id=\"cde179f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     PREMIUM COOKIE ABOUT SECTION\r\n     WORDPRESS \/ ELEMENTOR HTML WIDGET READY\r\n     FULLY RESPONSIVE\r\n========================================================= -->\r\n\r\n<section class=\"cookie-about\" id=\"about\">\r\n\r\n    <!-- Decorative Background -->\r\n    <div class=\"about-glow about-glow-1\"><\/div>\r\n    <div class=\"about-glow about-glow-2\"><\/div>\r\n\r\n    <div class=\"about-container\">\r\n\r\n        <!-- =================================================\r\n             IMAGE SIDE\r\n        ================================================== -->\r\n\r\n        <div class=\"about-visual\">\r\n\r\n            <div class=\"about-image-frame\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/delicious-cookies-arrangement.jpg\"\r\n                    alt=\"Freshly baked chocolate chip cookies\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"image-overlay\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Floating Badge -->\r\n\r\n            <div class=\"about-badge\">\r\n\r\n                <div class=\"badge-number\">\r\n                    100%\r\n                <\/div>\r\n\r\n                <div class=\"badge-text\">\r\n                    BAKED<br>\r\n                    WITH LOVE\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- Small floating cookie -->\r\n\r\n            <div class=\"mini-cookie\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/top-view-sweet-delicious-cookies-different-formed-inside-round-package-grey-desk-sugar-sweet-cake-biscuit-cookie.jpg\"\r\n                    alt=\"Fresh cookie\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT SIDE\r\n        ================================================== -->\r\n\r\n        <div class=\"about-content\">\r\n\r\n            <div class=\"about-eyebrow\">\r\n\r\n                <span><\/span>\r\n\r\n                OUR STORY\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2>\r\n\r\n                Good Cookies.\r\n                <br>\r\n\r\n                <em>Good Moments.<\/em>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"about-lead\">\r\n\r\n                We believe the best memories usually start\r\n                with something warm, fresh, and a little\r\n                bit sweet.\r\n\r\n            <\/p>\r\n\r\n\r\n            <p class=\"about-description\">\r\n\r\n                Our cookies are made in small batches with\r\n                quality ingredients, generous chocolate,\r\n                and plenty of love. Every batch is baked\r\n                fresh so you get that irresistible golden\r\n                edge, soft center, and just-out-of-the-oven\r\n                feeling.\r\n\r\n            <\/p>\r\n\r\n\r\n            <!-- Stats -->\r\n\r\n            <div class=\"about-stats\">\r\n\r\n                <div class=\"about-stat\">\r\n\r\n                    <strong>Small<\/strong>\r\n\r\n                    <span>Batch Baked<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"stat-divider\"><\/div>\r\n\r\n\r\n                <div class=\"about-stat\">\r\n\r\n                    <strong>Fresh<\/strong>\r\n\r\n                    <span>Every Market<\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"stat-divider\"><\/div>\r\n\r\n\r\n                <div class=\"about-stat\">\r\n\r\n                    <strong>Real<\/strong>\r\n\r\n                    <span>Ingredients<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CTA -->\r\n\r\n            <a href=\"#menu\" class=\"about-btn\">\r\n\r\n                <span>Meet Our Cookies<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\">\r\n\r\n                    <path d=\"M5 12h13\"\/>\r\n                    <path d=\"M13 6l6 6-6 6\"\/>\r\n\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         BOTTOM MARQUEE\r\n    ================================================== -->\r\n\r\n    <div class=\"about-marquee\">\r\n\r\n        <div class=\"marquee-track\">\r\n\r\n            <span>BAKED FRESH<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n            <span>SMALL BATCH<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n            <span>BIG FLAVOR<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n            <span>MADE WITH LOVE<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n            <span>BAKED FRESH<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n            <span>SMALL BATCH<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n            <span>BIG FLAVOR<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n            <span>MADE WITH LOVE<\/span>\r\n            <i>\u2726<\/i>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#about.cookie-about,\r\n#about.cookie-about * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n#about.cookie-about {\r\n\r\n    --cream: #fff6e5;\r\n    --soft-cream: #f4dfbd;\r\n    --gold: #d99b45;\r\n    --dark: #130a06;\r\n    --brown: #2a160d;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    padding:\r\n        clamp(90px, 10vw, 150px)\r\n        clamp(20px, 6vw, 90px)\r\n        125px;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 80% 20%,\r\n            rgba(207,137,52,.10),\r\n            transparent 28%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 15% 80%,\r\n            rgba(166,87,30,.08),\r\n            transparent 30%\r\n        ),\r\n\r\n        #110906;\r\n\r\n    color: var(--cream);\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOW\r\n========================================================= *\/\r\n\r\n#about .about-glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    filter: blur(90px);\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 0;\r\n}\r\n\r\n#about .about-glow-1 {\r\n\r\n    width: 400px;\r\n    height: 400px;\r\n\r\n    left: -200px;\r\n    top: 20%;\r\n\r\n    background:\r\n        rgba(185,103,34,.10);\r\n}\r\n\r\n#about .about-glow-2 {\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    right: -160px;\r\n    bottom: 5%;\r\n\r\n    background:\r\n        rgba(222,154,64,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#about .about-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: min(1200px, 100%);\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        minmax(0, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: clamp(50px, 7vw, 110px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n#about .about-visual {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 530px;\r\n\r\n    justify-self: center;\r\n}\r\n\r\n\r\n#about .about-image-frame {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    aspect-ratio: 4 \/ 5;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        220px\r\n        220px\r\n        25px\r\n        25px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,238,205,.16);\r\n\r\n    background: #211109;\r\n\r\n    box-shadow:\r\n        0 35px 80px rgba(0,0,0,.45);\r\n}\r\n\r\n\r\n#about .about-image-frame::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 12px;\r\n\r\n    z-index: 2;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,231,188,.18);\r\n\r\n    border-radius:\r\n        210px\r\n        210px\r\n        18px\r\n        18px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n#about .about-image-frame img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transform:\r\n        scale(1.04);\r\n\r\n    transition:\r\n        transform 1.2s\r\n        cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n#about .about-image-frame:hover img {\r\n\r\n    transform:\r\n        scale(1.10);\r\n}\r\n\r\n\r\n#about .image-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(20,9,4,.02),\r\n            rgba(20,9,4,.45)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n#about .about-badge {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 10;\r\n\r\n    right: -35px;\r\n    bottom: 65px;\r\n\r\n    width: 135px;\r\n    height: 135px;\r\n\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    color: #241207;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f4c879,\r\n            #d8953f\r\n        );\r\n\r\n    border:\r\n        6px solid\r\n        #110906;\r\n\r\n    box-shadow:\r\n        0 18px 40px\r\n        rgba(0,0,0,.35);\r\n\r\n    transform:\r\n        rotate(9deg);\r\n}\r\n\r\n\r\n#about .badge-number {\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 28px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n}\r\n\r\n\r\n#about .badge-text {\r\n\r\n    margin-top: 7px;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 8px;\r\n\r\n    line-height: 1.35;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MINI COOKIE\r\n========================================================= *\/\r\n\r\n#about .mini-cookie {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 12;\r\n\r\n    left: -45px;\r\n    top: 30px;\r\n\r\n    width: 105px;\r\n    height: 105px;\r\n\r\n    padding: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #211109;\r\n\r\n    box-shadow:\r\n        0 20px 40px\r\n        rgba(0,0,0,.40);\r\n\r\n    animation:\r\n        miniCookieFloat 5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n#about .mini-cookie img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 50%;\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n@keyframes miniCookieFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translateY(0)\r\n            rotate(-8deg);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translateY(-12px)\r\n            rotate(5deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n#about .about-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 560px;\r\n}\r\n\r\n\r\n#about .about-eyebrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    color: #e5ac62;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    margin-bottom: 22px;\r\n}\r\n\r\n\r\n#about .about-eyebrow span {\r\n\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    background:\r\n        #c98e48;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n#about .about-content h2 {\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    color:\r\n        #fff6e6;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(48px, 5.5vw, 76px);\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: .98;\r\n\r\n    letter-spacing: -3px;\r\n}\r\n\r\n\r\n#about .about-content h2 em {\r\n\r\n    color:\r\n        #dda052;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n#about .about-lead {\r\n\r\n    margin:\r\n        28px 0 0;\r\n\r\n    color:\r\n        #f4dfbd;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(20px, 2vw, 25px);\r\n\r\n    line-height: 1.45;\r\n}\r\n\r\n\r\n#about .about-description {\r\n\r\n    margin:\r\n        18px 0 0;\r\n\r\n    color:\r\n        rgba(255,245,225,.58);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATS\r\n========================================================= *\/\r\n\r\n#about .about-stats {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n\r\n    margin-top: 32px;\r\n\r\n    padding-top: 27px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,245,225,.12);\r\n}\r\n\r\n\r\n#about .about-stat {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 5px;\r\n}\r\n\r\n\r\n#about .about-stat strong {\r\n\r\n    color:\r\n        #f2c477;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 19px;\r\n\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n#about .about-stat span {\r\n\r\n    color:\r\n        rgba(255,245,225,.42);\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n#about .stat-divider {\r\n\r\n    width: 1px;\r\n\r\n    height: 38px;\r\n\r\n    background:\r\n        rgba(255,245,225,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n#about .about-btn {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 34px;\r\n\r\n    min-height: 53px;\r\n\r\n    padding:\r\n        0 22px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(238,194,128,.35);\r\n\r\n    border-radius: 100px;\r\n\r\n    color:\r\n        #f5d29b;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    text-decoration: none;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        all .35s ease;\r\n}\r\n\r\n\r\n#about .about-btn svg {\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.7;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n#about .about-btn:hover {\r\n\r\n    color:\r\n        #241207;\r\n\r\n    background:\r\n        #edb76b;\r\n\r\n    border-color:\r\n        #edb76b;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    box-shadow:\r\n        0 12px 30px\r\n        rgba(220,154,69,.20);\r\n}\r\n\r\n\r\n#about .about-btn:hover svg {\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MARQUEE\r\n========================================================= *\/\r\n\r\n#about .about-marquee {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    height: 55px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,245,225,.08);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,245,225,.05);\r\n\r\n    background:\r\n        rgba(255,255,255,.018);\r\n}\r\n\r\n\r\n#about .marquee-track {\r\n\r\n    height: 100%;\r\n\r\n    width: max-content;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n\r\n    white-space: nowrap;\r\n\r\n    animation:\r\n        marqueeMove 28s\r\n        linear\r\n        infinite;\r\n}\r\n\r\n\r\n#about .marquee-track span {\r\n\r\n    color:\r\n        rgba(246,209,157,.98);\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 4px;\r\n}\r\n\r\n\r\n#about .marquee-track i {\r\n\r\n    color:\r\n        #d69a4a;\r\n\r\n    font-size: 10px;\r\n\r\n    font-style: normal;\r\n}\r\n\r\n\r\n@keyframes marqueeMove {\r\n\r\n    from {\r\n        transform:\r\n            translateX(0);\r\n    }\r\n\r\n    to {\r\n        transform:\r\n            translateX(-50%);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1400px) {\r\n\r\n    #about.cookie-about {\r\n\r\n        padding-left: 60px;\r\n        padding-right: 60px;\r\n    }\r\n\r\n    #about .about-container {\r\n\r\n        max-width: 1250px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1025px) and (max-width: 1399px) {\r\n\r\n    #about.cookie-about {\r\n\r\n        padding:\r\n            110px 40px\r\n            115px;\r\n    }\r\n\r\n    #about .about-container {\r\n\r\n        gap: 65px;\r\n    }\r\n\r\n    #about .about-content h2 {\r\n\r\n        font-size:\r\n            clamp(48px, 5.5vw, 68px);\r\n    }\r\n\r\n    #about .about-badge {\r\n\r\n        right: -25px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (min-width: 601px) and (max-width: 1024px) {\r\n\r\n    #about.cookie-about {\r\n\r\n        padding:\r\n            90px 30px\r\n            110px;\r\n    }\r\n\r\n    #about .about-container {\r\n\r\n        grid-template-columns:\r\n            minmax(0, .9fr)\r\n            minmax(0, 1.1fr);\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n    #about .about-visual {\r\n\r\n        max-width: 390px;\r\n    }\r\n\r\n    #about .about-image-frame {\r\n\r\n        border-radius:\r\n            160px\r\n            160px\r\n            22px\r\n            22px;\r\n    }\r\n\r\n    #about .about-badge {\r\n\r\n        width: 105px;\r\n        height: 105px;\r\n\r\n        right: -22px;\r\n        bottom: 40px;\r\n    }\r\n\r\n    #about .badge-number {\r\n\r\n        font-size: 23px;\r\n    }\r\n\r\n    #about .mini-cookie {\r\n\r\n        width: 78px;\r\n        height: 78px;\r\n\r\n        left: -30px;\r\n    }\r\n\r\n    #about .about-content h2 {\r\n\r\n        font-size:\r\n            clamp(42px, 6vw, 57px);\r\n\r\n        letter-spacing:\r\n            -2px;\r\n    }\r\n\r\n    #about .about-lead {\r\n\r\n        font-size: 18px;\r\n    }\r\n\r\n    #about .about-description {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n    #about .about-stats {\r\n\r\n        gap: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #about.cookie-about {\r\n\r\n        padding:\r\n            75px 18px\r\n            95px;\r\n    }\r\n\r\n    #about .about-container {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 60px;\r\n    }\r\n\r\n    #about .about-visual {\r\n\r\n        width: 88%;\r\n\r\n        max-width: 390px;\r\n\r\n        margin:\r\n            0 auto;\r\n    }\r\n\r\n    #about .about-image-frame {\r\n\r\n        aspect-ratio: 4 \/ 5;\r\n\r\n        border-radius:\r\n            150px\r\n            150px\r\n            20px\r\n            20px;\r\n    }\r\n\r\n    #about .about-image-frame::before {\r\n\r\n        inset: 8px;\r\n\r\n        border-radius:\r\n            140px\r\n            140px\r\n            14px\r\n            14px;\r\n    }\r\n\r\n    #about .about-badge {\r\n\r\n        width: 100px;\r\n        height: 100px;\r\n\r\n        right: -20px;\r\n        bottom: 30px;\r\n\r\n        border-width: 5px;\r\n    }\r\n\r\n    #about .badge-number {\r\n\r\n        font-size: 22px;\r\n    }\r\n\r\n    #about .badge-text {\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    #about .mini-cookie {\r\n\r\n        width: 72px;\r\n        height: 72px;\r\n\r\n        left: -28px;\r\n        top: 22px;\r\n\r\n        padding: 5px;\r\n    }\r\n\r\n    #about .about-content {\r\n\r\n        max-width: 100%;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    #about .about-eyebrow {\r\n\r\n        justify-content: center;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 2.5px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    #about .about-eyebrow span {\r\n\r\n        width: 20px;\r\n    }\r\n\r\n    #about .about-content h2 {\r\n\r\n        font-size:\r\n            clamp(40px, 11vw, 53px);\r\n\r\n        letter-spacing:\r\n            -1.8px;\r\n    }\r\n\r\n    #about .about-lead {\r\n\r\n        margin-top: 22px;\r\n\r\n        font-size: 18px;\r\n\r\n        line-height: 1.4;\r\n    }\r\n\r\n    #about .about-description {\r\n\r\n        margin-top: 15px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n    #about .about-stats {\r\n\r\n        justify-content: center;\r\n\r\n        gap: 15px;\r\n\r\n        margin-top: 27px;\r\n\r\n        padding-top: 23px;\r\n    }\r\n\r\n    #about .about-stat strong {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n    #about .about-stat span {\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: .7px;\r\n    }\r\n\r\n    #about .stat-divider {\r\n\r\n        height: 32px;\r\n    }\r\n\r\n    #about .about-btn {\r\n\r\n        margin-top: 28px;\r\n\r\n        min-height: 50px;\r\n\r\n        font-size: 11px;\r\n    }\r\n\r\n    #about .about-marquee {\r\n\r\n        height: 47px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 375px) {\r\n\r\n    #about.cookie-about {\r\n\r\n        padding:\r\n            65px 14px\r\n            88px;\r\n    }\r\n\r\n    #about .about-container {\r\n\r\n        gap: 48px;\r\n    }\r\n\r\n    #about .about-visual {\r\n\r\n        width: 84%;\r\n    }\r\n\r\n    #about .about-badge {\r\n\r\n        width: 87px;\r\n        height: 87px;\r\n\r\n        right: -17px;\r\n        bottom: 22px;\r\n    }\r\n\r\n    #about .badge-number {\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n    #about .badge-text {\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n    #about .mini-cookie {\r\n\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        left: -23px;\r\n        top: 18px;\r\n    }\r\n\r\n    #about .about-content h2 {\r\n\r\n        font-size:\r\n            clamp(36px, 10.5vw, 43px);\r\n\r\n        letter-spacing:\r\n            -1.4px;\r\n    }\r\n\r\n    #about .about-lead {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n    #about .about-description {\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n    #about .about-stats {\r\n\r\n        gap: 9px;\r\n    }\r\n\r\n    #about .about-stat strong {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    #about .about-stat span {\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n    #about .stat-divider {\r\n\r\n        height: 28px;\r\n    }\r\n\r\n    #about .marquee-track {\r\n\r\n        gap: 18px;\r\n    }\r\n\r\n    #about .marquee-track span {\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 3px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANDSCAPE MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px)\r\nand (orientation: landscape) {\r\n\r\n    #about.cookie-about {\r\n\r\n        padding:\r\n            65px 35px\r\n            85px;\r\n    }\r\n\r\n    #about .about-container {\r\n\r\n        grid-template-columns:\r\n            minmax(0, .8fr)\r\n            minmax(0, 1.2fr);\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n    #about .about-visual {\r\n\r\n        max-width: 300px;\r\n    }\r\n\r\n    #about .about-content {\r\n\r\n        text-align: left;\r\n    }\r\n\r\n    #about .about-eyebrow {\r\n\r\n        justify-content: flex-start;\r\n    }\r\n\r\n    #about .about-content h2 {\r\n\r\n        font-size:\r\n            clamp(36px, 6vw, 50px);\r\n    }\r\n\r\n    #about .about-lead {\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n    #about .about-description {\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #about .mini-cookie,\r\n    #about .marquee-track {\r\n\r\n        animation: none !important;\r\n    }\r\n\r\n    #about .about-image-frame img,\r\n    #about .about-btn {\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-379a9b4 e-con-full e-flex e-con e-parent\" data-id=\"379a9b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b818ce1 elementor-widget elementor-widget-html\" data-id=\"b818ce1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM COOKIE PRE-ORDER \u00b7 WORDPRESS \/ ELEMENTOR WIDGET\r\n     SVG ONLY \u00b7 NO FONT AWESOME \u00b7 FULLY RESPONSIVE\r\n     refined design \u00b7 deadline + pickup merged\r\n========================================================= -->\r\n\r\n<section class=\"cookie-experience\" id=\"cookieExperience\">\r\n\r\n    <!-- BACKGROUND GLOW & GRID -->\r\n    <div class=\"ce-glow ce-glow-one\"><\/div>\r\n    <div class=\"ce-glow ce-glow-two\"><\/div>\r\n    <div class=\"ce-grid\"><\/div>\r\n\r\n    <div class=\"ce-container\">\r\n\r\n        <!-- =============================================\r\n             INTRO\r\n        ============================================= -->\r\n        <div class=\"ce-intro\">\r\n            <div class=\"ce-eyebrow\">\r\n                <span><\/span>\r\n                HOW IT WORKS\r\n                <span><\/span>\r\n            <\/div>\r\n            <h2>\r\n                Fresh Cookies.\r\n                <em>Zero Hassle.<\/em>\r\n            <\/h2>\r\n            <p>\r\n                Getting your weekend cookie fix is as easy as\r\n                one, two, three. Choose your favorites, order\r\n                before the cutoff, and pick them up fresh.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- =============================================\r\n             1 \u2014 2 \u2014 3  (minimal cards)\r\n        ============================================= -->\r\n        <div class=\"ce-wave-wrapper\">\r\n\r\n            <!-- wave decoration -->\r\n            <div class=\"ce-wave\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 1200 300\" preserveAspectRatio=\"none\">\r\n                    <path d=\"M0 150 C90 55 205 45 305 145 C405 245 515 255 610 150 C705 45 815 45 915 145 C1015 245 1110 235 1200 145\" \/>\r\n                    <path class=\"ce-wave-soft\" d=\"M0 150 C90 55 205 45 305 145 C405 245 515 255 610 150 C705 45 815 45 915 145 C1015 245 1110 235 1200 145\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- STEP 01 -->\r\n            <article class=\"ce-step ce-step-one\">\r\n                <div class=\"ce-step-card\">\r\n                    <div class=\"ce-step-number\">01<\/div>\r\n                    <div class=\"ce-step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M5 4h14v16H5z\"\/>\r\n                            <path d=\"M8 8h8\"\/>\r\n                            <path d=\"M8 12h8\"\/>\r\n                            <path d=\"M8 16h5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"ce-step-label\">STEP ONE<\/div>\r\n                    <h3>Pick Your Cookies<\/h3>\r\n                    <p>Browse this week's flavors and choose the cookies you want waiting for you at the market.<\/p>\r\n                    <div class=\"ce-step-footer\">\r\n                        <span>CHOOSE YOUR FAVORITES<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- STEP 02 -->\r\n            <article class=\"ce-step ce-step-two\">\r\n                <div class=\"ce-step-card\">\r\n                    <div class=\"ce-step-number\">02<\/div>\r\n                    <div class=\"ce-step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\" \/>\r\n                            <path d=\"M16 3v4\"\/><path d=\"M8 3v4\"\/>\r\n                            <path d=\"M3 10h18\"\/><path d=\"M8 14h3\"\/><path d=\"M8 17h6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"ce-step-label\">STEP TWO<\/div>\r\n                    <h3>Place Your Order<\/h3>\r\n                    <p>Complete your pre-order online before Thursday evening and we'll prepare your box fresh for pickup.<\/p>\r\n                    <div class=\"ce-step-footer\">\r\n                        <span>ORDER ONLINE<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- STEP 03 -->\r\n            <article class=\"ce-step ce-step-three\">\r\n                <div class=\"ce-step-card\">\r\n                    <div class=\"ce-step-number\">03<\/div>\r\n                    <div class=\"ce-step-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M4 10h16v10H4z\"\/><path d=\"M3 10l2-5h14l2 5\"\/>\r\n                            <path d=\"M8 15h8\"\/><path d=\"M12 5v5\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"ce-step-label\">STEP THREE<\/div>\r\n                    <h3>Pick Up & Enjoy<\/h3>\r\n                    <p>Visit our booth, grab your box, and enjoy your cookies at their freshest.<\/p>\r\n                    <div class=\"ce-step-footer\">\r\n                        <span>FRESH FROM THE OVEN<\/span>\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12l4 4L19 6\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <!-- =============================================\r\n             MERGED: DEADLINE + PICKUP (refined)\r\n        ============================================= -->\r\n        <div class=\"ce-deadline-pickup\" id=\"preorder\">\r\n\r\n            <!-- left: deadline -->\r\n            <div class=\"ce-deadline-block\">\r\n                <div class=\"ce-deadline-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <circle cx=\"12\" cy=\"12\" r=\"9\" \/>\r\n                        <path d=\"M12 7v5l3 2\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <div class=\"ce-deadline-text\">\r\n                    <span>THIS WEEK'S DEADLINE<\/span>\r\n                    <strong>Thursday \u00b7 8:00 PM<\/strong>\r\n                    <p>Order before the cutoff to guarantee your cookies for this weekend.<\/p>\r\n                <\/div>\r\n                <a href=\"#preorder\" class=\"ce-deadline-button\">\r\n                    Pre-Order Now\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- right: pickup -->\r\n            <div class=\"ce-pickup-block\">\r\n                <div class=\"ce-pickup-heading\">\r\n                    <div class=\"ce-pickup-label\">PICKUP DETAILS<\/div>\r\n                    <h2>Choose Your <em>Market Day.<\/em><\/h2>\r\n                    <p>Select where and when you'll collect your pre-order.<\/p>\r\n                <\/div>\r\n                <div class=\"ce-pickup-form\">\r\n                    <div class=\"ce-field\">\r\n                        <label for=\"ceMarket\">PICKUP MARKET<\/label>\r\n                        <div class=\"ce-select-wrap\">\r\n                            <select id=\"ceMarket\" name=\"pickup_market\" required>\r\n                                <option value=\"\" selected disabled>Select your market<\/option>\r\n                                <option value=\"saturday-market\">Saturday Market \u00b7 10 AM \u2013 2 PM<\/option>\r\n                                <option value=\"sunday-market\">Sunday Market \u00b7 11 AM \u2013 3 PM<\/option>\r\n                                <option value=\"downtown-market\">Downtown Market \u00b7 12 PM \u2013 4 PM<\/option>\r\n                            <\/select>\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M6 9l6 6 6-6\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"ce-pickup-reminder\">\r\n                        <div class=\"ce-reminder-svg\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"9\" \/>\r\n                                <path d=\"M12 7v5l3 2\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div>\r\n                            <strong>Pickup reminder<\/strong>\r\n                            <span>Bring your order confirmation.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- =============================================\r\n             COOKIE CLUB (refined)\r\n        ============================================= -->\r\n        <div class=\"ce-club\">\r\n            <div class=\"ce-club-cookie-area\">\r\n                <div class=\"ce-club-cookie\" aria-hidden=\"true\">\r\n                    <span><\/span><span><\/span><span><\/span>\r\n                    <span><\/span><span><\/span><span><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"ce-club-content\">\r\n                <div class=\"ce-club-label\">THE COOKIE CLUB<\/div>\r\n                <h3>Get the first <em>bite.<\/em><\/h3>\r\n                <p>Join our Cookie Club for new flavor drops, weekend specials, market updates and occasional sweet surprises.<\/p>\r\n                <div class=\"ce-club-perks\">\r\n                    <span><b>\u2713<\/b> Flavor alerts<\/span>\r\n                    <span><b>\u2713<\/b> Weekend specials<\/span>\r\n                    <span><b>\u2713<\/b> Sweet surprises<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"ce-newsletter\">\r\n                <form id=\"ceNewsletterForm\">\r\n                    <label for=\"ceEmail\">JOIN THE CLUB<\/label>\r\n                    <div class=\"ce-email-box\">\r\n                        <input id=\"ceEmail\" type=\"email\" placeholder=\"Your email address\" autocomplete=\"email\" required>\r\n                        <button type=\"submit\">\r\n                            <span>Join<\/span>\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <small>No spam. Just cookies and good news.<\/small>\r\n                    <div class=\"ce-form-success\">\u2713 Welcome to the Cookie Club!<\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- =============================================\r\n             PRODUCTS (grid, 4 items)\r\n        ============================================= -->\r\n        <div class=\"ce-products-header\">\r\n            <div>\r\n                <div class=\"ce-products-label\">\r\n                    <span><\/span>\r\n                    CUSTOMER FAVORITES\r\n                <\/div>\r\n                <h2>The Cookies Everyone <em>Loves.<\/em><\/h2>\r\n            <\/div>\r\n            <a href=\"#shop\" class=\"ce-view-all\">\r\n                View All Flavors\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M5 12h14\"\/><path d=\"M13 6l6 6-6 6\"\/>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ce-products\" id=\"shop\">\r\n            <!-- product 1 -->\r\n            <article class=\"ce-product\">\r\n                <a href=\"#chocolate-chip\" class=\"ce-product-link\">\r\n                    <div class=\"ce-product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/delicious-chocolate-chip-cookie-1.jpg\" alt=\"Chocolate Chip cookie\" loading=\"lazy\">\r\n                        <span class=\"ce-product-badge\">BEST SELLER<\/span>\r\n                        <span class=\"ce-product-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n                <div class=\"ce-product-info\">\r\n                    <div class=\"ce-product-main\">\r\n                        <span class=\"ce-product-category\">CLASSIC<\/span>\r\n                        <h3>Chocolate Chip<\/h3>\r\n                        <div class=\"ce-product-price\">$4.50<\/div>\r\n                    <\/div>\r\n                    <div class=\"ce-product-quantity\">Individual \u00b7 \u00bd Dozen \u00b7 Dozen<\/div>\r\n                <\/div>\r\n                <div class=\"ce-product-tags\">\r\n                    <span class=\"ce-tag\">WHEAT<\/span>\r\n                    <span class=\"ce-tag\">EGGS<\/span>\r\n                    <span class=\"ce-tag\">DAIRY<\/span>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- product 2 -->\r\n            <article class=\"ce-product\">\r\n                <a href=\"#double-chocolate\" class=\"ce-product-link\">\r\n                    <div class=\"ce-product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/images-1.jpg\" alt=\"Double Chocolate cookie\" loading=\"lazy\">\r\n                        <span class=\"ce-product-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n                <div class=\"ce-product-info\">\r\n                    <div class=\"ce-product-main\">\r\n                        <span class=\"ce-product-category\">RICH & FUDGY<\/span>\r\n                        <h3>Double Chocolate<\/h3>\r\n                        <div class=\"ce-product-price\">$5.00<\/div>\r\n                    <\/div>\r\n                    <div class=\"ce-product-quantity\">Individual \u00b7 \u00bd Dozen \u00b7 Dozen<\/div>\r\n                <\/div>\r\n                <div class=\"ce-product-tags\">\r\n                    <span class=\"ce-tag\">WHEAT<\/span>\r\n                    <span class=\"ce-tag\">EGGS<\/span>\r\n                    <span class=\"ce-tag\">DAIRY<\/span>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- product 3 -->\r\n            <article class=\"ce-product\">\r\n                <a href=\"#brown-butter\" class=\"ce-product-link\">\r\n                    <div class=\"ce-product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/Brown-Butter-Banana-Bread-10.jpg\" alt=\"Brown Butter cookie\" loading=\"lazy\">\r\n                        <span class=\"ce-product-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n                <div class=\"ce-product-info\">\r\n                    <div class=\"ce-product-main\">\r\n                        <span class=\"ce-product-category\">HOUSE FAVORITE<\/span>\r\n                        <h3>Brown Butter<\/h3>\r\n                        <div class=\"ce-product-price\">$5.00<\/div>\r\n                    <\/div>\r\n                    <div class=\"ce-product-quantity\">Individual \u00b7 \u00bd Dozen \u00b7 Dozen<\/div>\r\n                <\/div>\r\n                <div class=\"ce-product-tags\">\r\n                    <span class=\"ce-tag\">WHEAT<\/span>\r\n                    <span class=\"ce-tag\">EGGS<\/span>\r\n                    <span class=\"ce-tag\">DAIRY<\/span>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- product 4 -->\r\n            <article class=\"ce-product\">\r\n                <a href=\"#salted-caramel\" class=\"ce-product-link\">\r\n                    <div class=\"ce-product-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/Salted-Caramel-Chocolate-Chip-Cookies-20.jpg\" alt=\"Salted Caramel Chocolate Chip cookie\" loading=\"lazy\">\r\n                        <span class=\"ce-product-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                <path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n                <div class=\"ce-product-info\">\r\n                    <div class=\"ce-product-main\">\r\n                        <span class=\"ce-product-category\">SWEET + SALTY<\/span>\r\n                        <h3>Salted Caramel<\/h3>\r\n                        <div class=\"ce-product-price\">$5.25<\/div>\r\n                    <\/div>\r\n                    <div class=\"ce-product-quantity\">Individual \u00b7 \u00bd Dozen \u00b7 Dozen<\/div>\r\n                <\/div>\r\n                <div class=\"ce-product-tags\">\r\n                    <span class=\"ce-tag\">WHEAT<\/span>\r\n                    <span class=\"ce-tag\">EGGS<\/span>\r\n                    <span class=\"ce-tag\">DAIRY<\/span>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n\r\n        <!-- =============================================\r\n             ALLERGEN NOTE\r\n        ============================================= -->\r\n        <div class=\"ce-allergen\">\r\n            <div class=\"ce-allergen-svg\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M12 3l9 18H3L12 3z\"\/>\r\n                    <path d=\"M12 9v5\"\/>\r\n                    <path d=\"M12 17h.01\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div>\r\n                <strong>Allergen & Dietary Information<\/strong>\r\n                <p>\r\n                    Our cookies may contain or come into contact\r\n                    with <b>wheat, eggs, dairy, peanuts and tree nuts.<\/b>\r\n                    Please review the ingredient information for\r\n                    each flavor before ordering.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div><!-- .ce-container -->\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     STYLES (refined, scoped, responsive)\r\n========================================================= -->\r\n<style>\r\n\/* ---- reset \/ base (scoped) ---- *\/\r\n.cookie-experience, .cookie-experience * { box-sizing: border-box; }\r\n.cookie-experience a { text-decoration: none !important; }\r\n.cookie-experience h1, .cookie-experience h2, .cookie-experience h3, .cookie-experience p { margin-top: 0; }\r\n\r\n.cookie-experience {\r\n    --ce-bg: #100704;\r\n    --ce-bg-two: #211008;\r\n    --ce-cream: #fff7e8;\r\n    --ce-gold: #d99a4c;\r\n    --ce-gold-light: #f2c078;\r\n    --ce-muted: rgba(255,247,232,.63);\r\n    --ce-border: rgba(255,239,207,.13);\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 80px 0 100px;\r\n    background:\r\n        radial-gradient(circle at 50% 0%, rgba(222,153,72,.14), transparent 32%),\r\n        radial-gradient(circle at 0% 50%, rgba(177,76,25,.09), transparent 30%),\r\n        linear-gradient(135deg, var(--ce-bg) 0%, var(--ce-bg-two) 50%, #0c0604 100%);\r\n    color: var(--ce-cream);\r\n    isolation: isolate;\r\n}\r\n\r\n\/* ---- background ---- *\/\r\n.ce-grid {\r\n    position: absolute; inset: 0; opacity: .025; pointer-events: none;\r\n    background-image:\r\n        linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);\r\n    background-size: 75px 75px;\r\n}\r\n.ce-glow {\r\n    position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; z-index: -1;\r\n}\r\n.ce-glow-one { width: 420px; height: 420px; left: -230px; top: 15%; background: rgba(204,112,31,.10); }\r\n.ce-glow-two { width: 500px; height: 500px; right: -280px; bottom: 5%; background: rgba(220,139,49,.08); }\r\n\r\n.ce-container { width: min(1220px, calc(100% - 40px)); margin: 0 auto; }\r\n\r\n\/* ---- intro ---- *\/\r\n.ce-intro { max-width: 760px; margin: 0 auto 50px; text-align: center; }\r\n.ce-eyebrow {\r\n    display: flex; align-items: center; justify-content: center; gap: 12px;\r\n    margin-bottom: 22px;\r\n    color: var(--ce-gold-light);\r\n    font-family: Arial, sans-serif; font-size: 10px; font-weight: 800; letter-spacing: 3px;\r\n}\r\n.ce-eyebrow span { width: 30px; height: 1px; background: var(--ce-gold); }\r\n.ce-intro h2 {\r\n    margin: 0;\r\n    color: var(--ce-cream);\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(44px, 5vw, 68px);\r\n    font-weight: 500;\r\n    line-height: .98;\r\n    letter-spacing: -2.5px;\r\n}\r\n.ce-intro h2 em { color: var(--ce-gold-light); font-style: italic; }\r\n.ce-intro p {\r\n    max-width: 590px;\r\n    margin: 25px auto 0;\r\n    color: var(--ce-muted);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* ---- wave & steps ---- *\/\r\n.ce-wave-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 470px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    margin-bottom: 45px;\r\n}\r\n.ce-wave {\r\n    position: absolute;\r\n    left: 0; right: 0; top: 150px; height: 230px;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    transition: transform .2s linear;\r\n}\r\n.ce-wave svg { width: 100%; height: 100%; overflow: visible; }\r\n.ce-wave path {\r\n    fill: none;\r\n    stroke: rgba(224,160,83,.42);\r\n    stroke-width: 2;\r\n    stroke-dasharray: 10 11;\r\n    stroke-linecap: round;\r\n    animation: ceWaveFlow 4.5s linear infinite;\r\n}\r\n.ce-wave .ce-wave-soft {\r\n    stroke: rgba(255,219,161,.08);\r\n    stroke-width: 7;\r\n    stroke-dasharray: none;\r\n    animation: none;\r\n    filter: blur(4px);\r\n}\r\n@keyframes ceWaveFlow {\r\n    from { stroke-dashoffset: 0; }\r\n    to { stroke-dashoffset: -150; }\r\n}\r\n\r\n.ce-step {\r\n    position: relative;\r\n    width: 31%;\r\n    z-index: 4;\r\n}\r\n.ce-step-one { margin-top: 0; }\r\n.ce-step-two { margin-top: 105px; }\r\n.ce-step-three { margin-top: 0; }\r\n\r\n.ce-step-card {\r\n    position: relative;\r\n    min-height: 335px;\r\n    padding: 29px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--ce-border);\r\n    border-radius: 25px;\r\n    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018));\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    box-shadow: 0 22px 60px rgba(0,0,0,.23);\r\n    transition: transform .55s cubic-bezier(.2,.8,.2,1), border-color .4s ease, box-shadow .45s ease, background .4s ease;\r\n}\r\n.ce-step-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 220px; height: 220px;\r\n    top: -130px; right: -120px;\r\n    border-radius: 50%;\r\n    background: rgba(225,158,76,.13);\r\n    filter: blur(8px);\r\n    transition: transform .7s ease;\r\n}\r\n.ce-step-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -150%; left: -55%;\r\n    width: 42%; height: 350%;\r\n    transform: rotate(25deg);\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);\r\n    transition: left .9s ease;\r\n    pointer-events: none;\r\n}\r\n.ce-step-card:hover {\r\n    transform: translateY(-15px);\r\n    border-color: rgba(226,164,87,.45);\r\n    background: linear-gradient(145deg, rgba(226,164,87,.10), rgba(255,255,255,.025));\r\n    box-shadow: 0 35px 80px rgba(0,0,0,.36), 0 0 45px rgba(226,164,87,.08);\r\n}\r\n.ce-step-card:hover::before { transform: scale(1.5); }\r\n.ce-step-card:hover::after { left: 140%; }\r\n\r\n.ce-step-number {\r\n    position: absolute;\r\n    top: 15px; right: 21px;\r\n    color: rgba(255,255,255,.065);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 65px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: -5px;\r\n    transition: color .4s ease, transform .5s ease;\r\n}\r\n.ce-step-card:hover .ce-step-number {\r\n    color: rgba(225,158,76,.16);\r\n    transform: scale(1.07);\r\n}\r\n\r\n.ce-step-icon {\r\n    position: relative;\r\n    width: 57px; height: 57px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 31px;\r\n    border-radius: 17px;\r\n    color: var(--ce-gold-light);\r\n    border: 1px solid rgba(226,164,87,.22);\r\n    background: rgba(226,164,87,.08);\r\n    transition: transform .45s ease, background .4s ease, box-shadow .4s ease;\r\n}\r\n.ce-step-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\r\n.ce-step-card:hover .ce-step-icon {\r\n    transform: translateY(-4px) rotate(-5deg);\r\n    background: rgba(226,164,87,.15);\r\n    box-shadow: 0 8px 25px rgba(226,164,87,.10);\r\n}\r\n\r\n.ce-step-label {\r\n    margin-bottom: 9px;\r\n    color: var(--ce-gold);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px; font-weight: 800; letter-spacing: 2.5px;\r\n}\r\n.ce-step-card h3 {\r\n    margin: 0 0 13px;\r\n    color: var(--ce-cream);\r\n    font-family: Georgia, serif;\r\n    font-size: 27px;\r\n    font-weight: 500;\r\n    line-height: 1.08;\r\n    letter-spacing: -.5px;\r\n}\r\n.ce-step-card p {\r\n    max-width: 300px;\r\n    margin: 0;\r\n    color: var(--ce-muted);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 13px;\r\n    line-height: 1.75;\r\n}\r\n.ce-step-footer {\r\n    position: absolute;\r\n    left: 29px; right: 29px; bottom: 21px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 14px;\r\n    border-top: 1px solid rgba(255,255,255,.08);\r\n}\r\n.ce-step-footer span {\r\n    color: #fff7e8;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 8px; font-weight: 600; letter-spacing: 2.9px;\r\n}\r\n.ce-step-footer svg {\r\n    width: 18px; height: 18px;\r\n    fill: none;\r\n    stroke: rgba(255,247,232,.38);\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round; stroke-linejoin: round;\r\n    transition: transform .35s ease, stroke .35s ease;\r\n}\r\n.ce-step-card:hover .ce-step-footer svg {\r\n    transform: translateX(5px);\r\n    stroke: var(--ce-gold-light);\r\n}\r\n\r\n\/* ===== MERGED: DEADLINE + PICKUP (refined) ===== *\/\r\n.ce-deadline-pickup {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n    gap: 30px;\r\n    margin-bottom: 90px;\r\n    padding: 32px 36px;\r\n    border: 1px solid rgba(225,158,76,.18);\r\n    border-radius: 24px;\r\n    background: radial-gradient(circle at 30% 0%, rgba(225,158,76,.06), transparent 50%), rgba(255,255,255,.025);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n}\r\n\r\n\/* deadline block (left) *\/\r\n.ce-deadline-block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    padding-right: 24px;\r\n    border-right: 1px solid rgba(255,239,207,.08);\r\n}\r\n.ce-deadline-icon {\r\n    width: 52px; height: 52px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    border-radius: 14px;\r\n    color: var(--ce-gold-light);\r\n    border: 1px solid rgba(225,158,76,.20);\r\n    background: rgba(225,158,76,.07);\r\n}\r\n.ce-deadline-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }\r\n.ce-deadline-text > span {\r\n    display: block; margin-bottom: 3px;\r\n    color: var(--ce-gold);\r\n    font-family: Arial, sans-serif; font-size: 8px; font-weight: 800; letter-spacing: 2.2px;\r\n}\r\n.ce-deadline-text strong {\r\n    display: block;\r\n    color: var(--ce-cream);\r\n    font-family: Georgia, serif;\r\n    font-size: 21px;\r\n    font-weight: 500;\r\n}\r\n.ce-deadline-text p {\r\n    margin: 4px 0 0;\r\n    color: rgba(255,247,232,.75);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n}\r\n.ce-deadline-button {\r\n    min-height: 44px;\r\n    padding: 0 20px;\r\n    display: inline-flex;\r\n    align-items: center; justify-content: center;\r\n    gap: 8px;\r\n    border-radius: 100px;\r\n    color: #1b0d07 !important;\r\n    background: linear-gradient(135deg, #f4c47b, #d7913d);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n    margin-top: 4px;\r\n    align-self: flex-start;\r\n    letter-spacing: .3px;\r\n}\r\n.ce-deadline-button:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 30px rgba(217,145,61,.25);\r\n    color: #000 !important;\r\n}\r\n.ce-deadline-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n\r\n\/* pickup block (right) *\/\r\n.ce-pickup-block {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n}\r\n.ce-pickup-label {\r\n    margin-bottom: 2px;\r\n    color: var(--ce-gold);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 8px; font-weight: 800; letter-spacing: 2.2px;\r\n}\r\n.ce-pickup-block .ce-pickup-heading h2 {\r\n    margin: 0;\r\n    color: var(--ce-cream);\r\n    font-family: Georgia, serif;\r\n    font-size: clamp(26px, 2.8vw, 34px);\r\n    font-weight: 500;\r\n    line-height: 1.1;\r\n}\r\n.ce-pickup-block .ce-pickup-heading h2 em { color: var(--ce-gold-light); font-style: italic; }\r\n.ce-pickup-block .ce-pickup-heading p {\r\n    max-width: 380px;\r\n    margin: 6px 0 0;\r\n    color: var(--ce-muted);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n    line-height: 1.6;\r\n}\r\n.ce-pickup-form {\r\n    padding: 18px 20px;\r\n    border: 1px solid rgba(255,255,255,.06);\r\n    border-radius: 16px;\r\n    background: rgba(0,0,0,.12);\r\n}\r\n.ce-field label {\r\n    display: block; margin-bottom: 6px;\r\n    color: rgba(255,247,232,.65);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 7px; font-weight: 800; letter-spacing: 2px;\r\n}\r\n.ce-select-wrap { position: relative; }\r\n.ce-select-wrap select {\r\n    width: 100%;\r\n    height: 46px;\r\n    padding: 0 44px 0 15px;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    outline: none;\r\n    cursor: pointer;\r\n    color: var(--ce-cream);\r\n    border: 1px solid rgba(255,239,207,.12);\r\n    border-radius: 12px;\r\n    background: rgba(255,255,255,.035);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n}\r\n.ce-select-wrap select:focus {\r\n    border-color: rgba(242,192,120,.45);\r\n    box-shadow: 0 0 0 3px rgba(242,192,120,.06);\r\n}\r\n.ce-select-wrap select option { color: #1b0d07; background: #fff7e8; }\r\n.ce-select-wrap > svg {\r\n    position: absolute;\r\n    width: 16px; height: 16px;\r\n    right: 15px; top: 15px;\r\n    pointer-events: none;\r\n    fill: none;\r\n    stroke: var(--ce-gold-light);\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.ce-pickup-reminder {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-top: 12px;\r\n    padding-top: 12px;\r\n    border-top: 1px solid rgba(255,255,255,.06);\r\n}\r\n.ce-reminder-svg {\r\n    width: 32px; height: 32px;\r\n    flex: 0 0 32px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    border-radius: 10px;\r\n    color: var(--ce-gold-light);\r\n    background: rgba(225,158,76,.07);\r\n}\r\n.ce-reminder-svg svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\r\n.ce-pickup-reminder strong {\r\n    display: block; margin-bottom: 1px;\r\n    color: var(--ce-cream);\r\n    font-family: Arial, sans-serif; font-size: 10px;\r\n}\r\n.ce-pickup-reminder span {\r\n    display: block;\r\n    color: rgba(255,247,232,.45);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 8px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* ---- cookie club ---- *\/\r\n.ce-club {\r\n    display: grid;\r\n    grid-template-columns: 95px 1fr 420px;\r\n    align-items: center;\r\n    gap: 34px;\r\n    padding: 38px 40px;\r\n    margin-bottom: 105px;\r\n    border: 1px solid rgba(255,239,207,.12);\r\n    border-radius: 28px;\r\n    background: radial-gradient(circle at 8% 50%, rgba(224,151,66,.11), transparent 28%), rgba(255,255,255,.035);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n}\r\n.ce-club-cookie-area { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; }\r\n.ce-club-cookie {\r\n    position: relative;\r\n    width: 76px; height: 76px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 34% 27%, #e6a45c, #a95e27 68%, #6a3214 100%);\r\n    box-shadow: 0 17px 40px rgba(0,0,0,.38);\r\n    animation: ceCookieFloat 4s ease-in-out infinite;\r\n}\r\n.ce-club-cookie span {\r\n    position: absolute;\r\n    width: 7px; height: 7px;\r\n    border-radius: 50%;\r\n    background: #4b2110;\r\n}\r\n.ce-club-cookie span:nth-child(1) { top: 18px; left: 24px; }\r\n.ce-club-cookie span:nth-child(2) { top: 15px; right: 19px; }\r\n.ce-club-cookie span:nth-child(3) { top: 39px; left: 13px; }\r\n.ce-club-cookie span:nth-child(4) { top: 46px; right: 19px; }\r\n.ce-club-cookie span:nth-child(5) { bottom: 12px; left: 31px; }\r\n.ce-club-cookie span:nth-child(6) { top: 31px; left: 35px; }\r\n@keyframes ceCookieFloat {\r\n    0%,100% { transform: translateY(0) rotate(0); }\r\n    50% { transform: translateY(-8px) rotate(5deg); }\r\n}\r\n.ce-club-label {\r\n    display: inline-block; margin-bottom: 9px;\r\n    color: var(--ce-gold);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px; font-weight: 800; letter-spacing: 2.5px;\r\n}\r\n.ce-club-content h3 {\r\n    margin: 0;\r\n    color: var(--ce-cream);\r\n    font-family: Georgia, serif;\r\n    font-size: 39px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n}\r\n.ce-club-content h3 em { color: var(--ce-gold-light); font-style: italic; }\r\n.ce-club-content p {\r\n    max-width: 520px;\r\n    margin: 13px 0 17px;\r\n    color: var(--ce-muted);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n}\r\n.ce-club-perks {\r\n    display: flex; flex-wrap: wrap; gap: 8px 18px;\r\n}\r\n.ce-club-perks span {\r\n    color: rgba(255,247,232,.82);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 10px;\r\n}\r\n.ce-club-perks b { color: var(--ce-gold); }\r\n\r\n\/* ---- newsletter ---- *\/\r\n.ce-newsletter label {\r\n    display: block; margin-bottom: 8px;\r\n    color: var(--ce-cream);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 8px; font-weight: 800; letter-spacing: 2px;\r\n}\r\n.ce-email-box {\r\n    display: flex;\r\n    min-height: 50px;\r\n    padding: 4px;\r\n    border: 1px solid rgba(255,239,207,.12);\r\n    border-radius: 100px;\r\n    background: rgba(0,0,0,.20);\r\n}\r\n.ce-email-box input {\r\n    width: 100%;\r\n    min-width: 0;\r\n    padding: 0 15px;\r\n    border: 0; outline: none;\r\n    color: var(--ce-cream);\r\n    background: transparent;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n}\r\n.ce-email-box input::placeholder { color: rgba(255,247,232,.30); }\r\n.ce-email-box button {\r\n    flex-shrink: 0;\r\n    display: flex; align-items: center; justify-content: center;\r\n    gap: 6px;\r\n    padding: 0 16px;\r\n    border: 0;\r\n    border-radius: 100px;\r\n    cursor: pointer;\r\n    color: #1b0d07;\r\n    background: linear-gradient(135deg, #f4c47b, #d7913d);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: .3px;\r\n}\r\n.ce-email-box button svg {\r\n    width: 15px; height: 15px;\r\n    fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.ce-newsletter small {\r\n    display: block; margin-top: 7px;\r\n    color: rgba(255,247,232,.45);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 8px;\r\n}\r\n.ce-form-success {\r\n    display: none;\r\n    margin-top: 7px;\r\n    color: var(--ce-gold-light);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px;\r\n}\r\n\r\n\/* ---- products header ---- *\/\r\n.ce-products-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    margin-bottom: 35px;\r\n}\r\n.ce-products-label {\r\n    display: flex; align-items: center; gap: 10px;\r\n    margin-bottom: 14px;\r\n    color: var(--ce-gold);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px; font-weight: 800; letter-spacing: 2.5px;\r\n}\r\n.ce-products-label span { width: 30px; height: 1px; background: var(--ce-gold); }\r\n.ce-products-header h2 {\r\n    margin: 0;\r\n    color: var(--ce-cream);\r\n    font-family: Georgia, serif;\r\n    font-size: clamp(38px, 4vw, 53px);\r\n    font-weight: 500;\r\n    line-height: .98;\r\n    letter-spacing: -2px;\r\n}\r\n.ce-products-header h2 em { color: var(--ce-gold-light); font-style: italic; }\r\n.ce-view-all {\r\n    display: inline-flex; align-items: center; gap: 9px;\r\n    padding-bottom: 6px;\r\n    color: rgba(255,247,232,.62) !important;\r\n    border-bottom: 1px solid rgba(255,247,232,.20);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    transition: color .3s ease, gap .3s ease;\r\n}\r\n.ce-view-all:hover {\r\n    color: var(--ce-gold-light) !important;\r\n    gap: 14px;\r\n}\r\n.ce-view-all svg {\r\n    width: 17px; height: 17px;\r\n    fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* ---- products grid ---- *\/\r\n.ce-products {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 18px;\r\n    margin-bottom: 45px;\r\n}\r\n.ce-product { min-width: 0; }\r\n.ce-product-link { display: block; color: inherit !important; text-decoration: none !important; }\r\n.ce-product-image {\r\n    position: relative;\r\n    aspect-ratio: 1 \/ 1;\r\n    overflow: hidden;\r\n    border-radius: 18px;\r\n    background: #25140b;\r\n}\r\n.ce-product-image::after {\r\n    content: \"\";\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(180deg, transparent 53%, rgba(0,0,0,.42));\r\n    pointer-events: none;\r\n}\r\n.ce-product-image img {\r\n    width: 100%; height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform .7s cubic-bezier(.2,.8,.2,1);\r\n}\r\n.ce-product:hover .ce-product-image img { transform: scale(1.08); }\r\n.ce-product-badge {\r\n    position: absolute; top: 14px; left: 14px; z-index: 4;\r\n    padding: 7px 10px;\r\n    border-radius: 100px;\r\n    color: #1b0d07;\r\n    background: var(--ce-gold-light);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 7px; font-weight: 900; letter-spacing: 1.3px;\r\n}\r\n.ce-product-arrow {\r\n    position: absolute; right: 14px; bottom: 14px; z-index: 4;\r\n    width: 39px; height: 39px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    border: 1px solid rgba(255,255,255,.20);\r\n    border-radius: 50%;\r\n    color: var(--ce-cream);\r\n    background: rgba(0,0,0,.27);\r\n    backdrop-filter: blur(8px);\r\n    transition: transform .35s ease, background .35s ease, color .35s ease;\r\n}\r\n.ce-product:hover .ce-product-arrow {\r\n    transform: rotate(8deg);\r\n    color: #1b0d07;\r\n    background: var(--ce-gold-light);\r\n}\r\n.ce-product-arrow svg {\r\n    width: 17px; height: 17px;\r\n    fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.ce-product-info { padding: 16px 2px 0; }\r\n.ce-product-main { position: relative; }\r\n.ce-product-category {\r\n    display: block; margin-bottom: 5px;\r\n    color: #fff;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px; font-weight: 800; letter-spacing: 1.9px;\r\n}\r\n.ce-product-info h3 {\r\n    margin: 0;\r\n    color: var(--ce-cream);\r\n    font-family: Georgia, serif;\r\n    font-size: 19px;\r\n    font-weight: 500;\r\n    line-height: 1.15;\r\n}\r\n.ce-product-price {\r\n    margin-top: 8px;\r\n    color: var(--ce-gold-light);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n}\r\n.ce-product-quantity {\r\n    margin-top: 10px;\r\n    padding-top: 10px;\r\n    border-top: 1px solid rgba(255,255,255,.07);\r\n    color: rgba(255,247,232,.86);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.5;\r\n}\r\n.ce-product-tags {\r\n    display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px;\r\n}\r\n.ce-tag {\r\n    display: inline-flex; align-items: center;\r\n    min-height: 23px;\r\n    padding: 0 8px;\r\n    border: 1px solid rgba(255,255,255,.09);\r\n    border-radius: 100px;\r\n    color: rgba(255,247,232,.85);\r\n    background: rgba(255,255,255,.025);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 9px; font-weight: 700; letter-spacing: 1px;\r\n}\r\n\r\n\/* ---- allergen ---- *\/\r\n.ce-allergen {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n    padding: 22px 25px;\r\n    border: 1px solid rgba(255,239,207,.10);\r\n    border-radius: 18px;\r\n    background: rgba(255,255,255,.025);\r\n}\r\n.ce-allergen-svg {\r\n    width: 42px; height: 42px;\r\n    flex: 0 0 42px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    border-radius: 12px;\r\n    color: var(--ce-gold-light);\r\n    background: rgba(225,158,76,.07);\r\n}\r\n.ce-allergen-svg svg {\r\n    width: 20px; height: 20px;\r\n    fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n.ce-allergen strong {\r\n    display: block; margin-bottom: 5px;\r\n    color: #FFC56D;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 12px; font-weight: 800;\r\n}\r\n.ce-allergen p {\r\n    margin: 0;\r\n    color: rgba(255,247,232,.88);\r\n    font-family: Arial, sans-serif;\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n}\r\n.ce-allergen p b { color: rgba(255,247,232,.75); }\r\n\r\n\/* ---- responsive ---- *\/\r\n@media (max-width:1050px) {\r\n    .ce-container { width: min(920px, calc(100% - 40px)); }\r\n    .ce-wave-wrapper { height: 445px; }\r\n    .ce-step-card { min-height: 315px; padding: 24px; }\r\n    .ce-step-card h3 { font-size: 23px; }\r\n    .ce-step-icon { margin-bottom: 25px; }\r\n    .ce-deadline-pickup { grid-template-columns: 1fr; gap: 28px; padding: 28px; }\r\n    .ce-deadline-block { border-right: 0; padding-right: 0; border-bottom: 1px solid rgba(255,239,207,.08); padding-bottom: 18px; }\r\n    .ce-club { grid-template-columns: 80px 1fr; }\r\n    .ce-newsletter { grid-column: 2; }\r\n    .ce-products { grid-template-columns: repeat(2,1fr); gap: 30px 18px; }\r\n}\r\n@media (max-width:700px) {\r\n    .cookie-experience { padding: 85px 0 95px; }\r\n    .ce-container { width: calc(100% - 32px); }\r\n    .ce-intro { margin-bottom: 45px; }\r\n    .ce-eyebrow { font-size: 8px; letter-spacing: 2.2px; }\r\n    .ce-eyebrow span { width: 20px; }\r\n    .ce-intro h2 { font-size: clamp(39px, 11vw, 52px); letter-spacing: -1.8px; }\r\n    .ce-intro p { font-size: 13px; line-height: 1.7; }\r\n    .ce-wave-wrapper { height: auto; display: flex; flex-direction: column; align-items: stretch; margin-bottom: 42px; }\r\n    .ce-wave { top: 0; left: 8px; right: auto; width: 75px; height: 960px; }\r\n    .ce-wave svg { width: 100%; height: 100%; }\r\n    .ce-wave path { stroke-width: 2; }\r\n    .ce-step { width: calc(100% - 20px); margin: 0 0 22px auto !important; }\r\n    .ce-step:nth-of-type(2) { margin-right: 0 !important; margin-left: 17px !important; }\r\n    .ce-step:nth-of-type(3) { margin-right: 0 !important; margin-left: auto !important; }\r\n    .ce-step-card { min-height: 280px; padding: 23px; border-radius: 20px; }\r\n    .ce-step-number { font-size: 50px; right: 17px; }\r\n    .ce-step-icon { width: 50px; height: 50px; margin-bottom: 24px; border-radius: 15px; }\r\n    .ce-step-icon svg { width: 22px; height: 22px; }\r\n    .ce-step-card h3 { font-size: 23px; }\r\n    .ce-step-card p { max-width: 100%; font-size: 12px; line-height: 1.7; }\r\n    .ce-step-footer { left: 23px; right: 23px; bottom: 18px; }\r\n    .ce-deadline-pickup { padding: 22px 16px; gap: 22px; margin-bottom: 65px; border-radius: 20px; }\r\n    .ce-deadline-block { padding-bottom: 16px; }\r\n    .ce-deadline-icon { width: 44px; height: 44px; }\r\n    .ce-deadline-icon svg { width: 20px; height: 20px; }\r\n    .ce-deadline-text strong { font-size: 18px; }\r\n    .ce-deadline-text p { font-size: 10px; }\r\n    .ce-deadline-button { align-self: stretch; justify-content: center; font-size: 10px; min-height: 40px; }\r\n    .ce-pickup-block .ce-pickup-heading h2 { font-size: clamp(26px, 8vw, 34px); }\r\n    .ce-pickup-block .ce-pickup-heading p { font-size: 10px; }\r\n    .ce-pickup-form { padding: 14px 16px; }\r\n    .ce-select-wrap select { height: 44px; font-size: 10px; }\r\n    .ce-select-wrap > svg { top: 14px; }\r\n    .ce-club { grid-template-columns: 1fr; gap: 20px; padding: 28px 18px; margin-bottom: 75px; border-radius: 22px; text-align: center; }\r\n    .ce-club-cookie-area { margin: 0 auto; }\r\n    .ce-club-content p { margin-left: auto; margin-right: auto; }\r\n    .ce-club-perks { justify-content: center; }\r\n    .ce-newsletter { grid-column: auto; width: 100%; }\r\n    .ce-newsletter form { text-align: left; }\r\n    .ce-club-content h3 { font-size: 32px; }\r\n    .ce-email-box { min-height: 46px; }\r\n    .ce-email-box button { padding: 0 14px; }\r\n    .ce-email-box button span { display: none; }\r\n    .ce-products-header { align-items: flex-start; flex-direction: column; gap: 18px; }\r\n    .ce-products-header h2 { font-size: clamp(37px, 10vw, 49px); }\r\n    .ce-products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 12px; }\r\n    .ce-product-image { border-radius: 14px; }\r\n    .ce-product-badge { top: 9px; left: 9px; padding: 6px 8px; font-size: 6px; }\r\n    .ce-product-arrow { width: 32px; height: 32px; right: 9px; bottom: 9px; }\r\n    .ce-product-arrow svg { width: 14px; height: 14px; }\r\n    .ce-product-info { padding-top: 12px; }\r\n    .ce-product-info h3 { font-size: 16px; }\r\n    .ce-product-price { font-size: 11px; }\r\n    .ce-product-quantity { font-size: 8px; }\r\n    .ce-product-tags { gap: 4px; }\r\n    .ce-tag { min-height: 21px; padding: 0 6px; font-size: 6px; }\r\n    .ce-allergen { padding: 16px; gap: 12px; }\r\n    .ce-allergen-svg { width: 36px; height: 36px; flex-basis: 36px; }\r\n    .ce-allergen p { font-size: 9px; }\r\n}\r\n@media (max-width:390px) {\r\n    .ce-products { grid-template-columns: 1fr; }\r\n    .ce-product-image { aspect-ratio: 1.15 \/ 1; }\r\n    .ce-club { padding: 24px 16px; }\r\n    .ce-club-content h3 { font-size: 28px; }\r\n    .ce-deadline-pickup { padding: 18px 12px; }\r\n    .ce-deadline-text strong { font-size: 17px; }\r\n    .ce-email-box input { font-size: 10px; }\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n    .ce-wave path, .ce-club-cookie { animation: none !important; }\r\n    .ce-step-card, .ce-product-image img, .ce-product-arrow { transition: none !important; }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================================================\r\n     SCRIPT (newsletter + wave scroll + pickup)\r\n========================================================= -->\r\n<script>\r\n(function(){\r\n    \"use strict\";\r\n\r\n    \/\/ ---- newsletter ----\r\n    const newsletterForm = document.getElementById(\"ceNewsletterForm\");\r\n    if(newsletterForm){\r\n        newsletterForm.addEventListener(\"submit\", function(event){\r\n            event.preventDefault();\r\n            const email = document.getElementById(\"ceEmail\");\r\n            const success = newsletterForm.querySelector(\".ce-form-success\");\r\n            if(email && email.checkValidity()){\r\n                success.style.display = \"block\";\r\n                email.value = \"\";\r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ ---- wave scroll movement ----\r\n    const section = document.getElementById(\"cookieExperience\");\r\n    const wave = section ? section.querySelector(\".ce-wave\") : null;\r\n    if(section && wave){\r\n        let ticking = false;\r\n        function updateWave(){\r\n            const rect = section.getBoundingClientRect();\r\n            const viewport = window.innerHeight;\r\n            const progress = Math.max(-1, Math.min(1, (viewport \/ 2 - rect.top) \/ (viewport + rect.height)));\r\n            const movement = progress * -18;\r\n            wave.style.transform = \"translateY(\" + movement + \"px)\";\r\n            ticking = false;\r\n        }\r\n        window.addEventListener(\"scroll\", function(){\r\n            if(!ticking){\r\n                window.requestAnimationFrame(updateWave);\r\n                ticking = true;\r\n            }\r\n        }, { passive: true });\r\n        updateWave();\r\n    }\r\n\r\n    \/\/ ---- pickup selector ----\r\n    const pickup = document.getElementById(\"ceMarket\");\r\n    if(pickup){\r\n        pickup.addEventListener(\"change\", function(){\r\n            pickup.classList.add(\"ce-selected\");\r\n        });\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e503aad e-con-full e-flex e-con e-parent\" data-id=\"e503aad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b2069d elementor-widget elementor-widget-html\" data-id=\"8b2069d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     PREMIUM COOKIE SHOP \/ MENU\r\n     WORDPRESS + ELEMENTOR HTML WIDGET READY\r\n\r\n     UPDATED:\r\n     - Right Order Box is NO LONGER STICKY\r\n     - Products scroll normally\r\n     - Order box scrolls naturally with page\r\n     - No sticky empty space\r\n     - All existing functionality preserved\r\n========================================================= -->\r\n\r\n<section class=\"cookie-shop\" id=\"cookieShop\">\r\n\r\n    <!-- BACKGROUND -->\r\n    <div class=\"cs-bg-glow cs-bg-glow-1\"><\/div>\r\n    <div class=\"cs-bg-glow cs-bg-glow-2\"><\/div>\r\n    <div class=\"cs-noise\"><\/div>\r\n\r\n    <div class=\"cs-container\">\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"cs-header\">\r\n\r\n            <div class=\"cs-header-copy\">\r\n\r\n                <div class=\"cs-eyebrow\">\r\n                    <span><\/span>\r\n                    THE COOKIE MENU\r\n                    <span><\/span>\r\n                <\/div>\r\n\r\n                <h1>\r\n                    Pick Your\r\n                    <em>Favorites.<\/em>\r\n                <\/h1>\r\n\r\n                <p>\r\n                    Small-batch cookies baked fresh for the weekend.\r\n                    Choose your flavors, build your box, and select\r\n                    where you'll pick it up.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cs-header-note\">\r\n\r\n                <div class=\"cs-note-top\">\r\n                    FRESH BAKED\r\n                <\/div>\r\n\r\n                <strong>\r\n                    Every Weekend\r\n                <\/strong>\r\n\r\n                <span>\r\n                    Pre-order before Thursday \u00b7 8 PM\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             ORDER OPTIONS\r\n        ================================================== -->\r\n\r\n        <div class=\"cs-order-bar\">\r\n\r\n            <div class=\"cs-order-option\">\r\n\r\n                <span class=\"cs-option-number\">01<\/span>\r\n\r\n                <div>\r\n                    <strong>Choose Your Cookies<\/strong>\r\n                    <small>Select your favorite flavors below.<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cs-order-line\"><\/div>\r\n\r\n            <div class=\"cs-order-option\">\r\n\r\n                <span class=\"cs-option-number\">02<\/span>\r\n\r\n                <div>\r\n                    <strong>Choose Your Quantity<\/strong>\r\n                    <small>Individual, half-dozen or dozen.<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cs-order-line\"><\/div>\r\n\r\n            <div class=\"cs-order-option\">\r\n\r\n                <span class=\"cs-option-number\">03<\/span>\r\n\r\n                <div>\r\n                    <strong>Select Pickup<\/strong>\r\n                    <small>Choose your market date at checkout.<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN SHOP LAYOUT\r\n        ================================================== -->\r\n\r\n        <div class=\"cs-shop-layout\">\r\n\r\n            <!-- =================================================\r\n                 PRODUCTS\r\n            ================================================== -->\r\n\r\n            <div class=\"cs-products-area\">\r\n\r\n                <div class=\"cs-products-top\">\r\n\r\n                    <div>\r\n\r\n                        <span class=\"cs-section-label\">\r\n                            THIS WEEK'S MENU\r\n                        <\/span>\r\n\r\n                        <h2>\r\n                            Fresh From\r\n                            <em>Our Oven.<\/em>\r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"cs-product-count\">\r\n\r\n                        <span id=\"csProductCount\">0<\/span>\r\n\r\n                        <small>\r\n                            items selected\r\n                        <\/small>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cs-products-grid\">\r\n\r\n                    <!-- PRODUCT 01 -->\r\n\r\n                    <article\r\n                        class=\"cs-product\"\r\n                        data-product=\"Chocolate Chip\"\r\n                        data-price=\"4.50\"\r\n                    >\r\n\r\n                        <div class=\"cs-product-image\">\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/delicious-chocolate-chip-cookie-1.jpg\"\r\n                                alt=\"Fresh chocolate chip cookie\"\r\n                                loading=\"lazy\"\r\n                            >\r\n\r\n                            <span class=\"cs-badge\">\r\n                                BEST SELLER\r\n                            <\/span>\r\n\r\n                            <button\r\n                                class=\"cs-quick-add\"\r\n                                type=\"button\"\r\n                                aria-label=\"Add Chocolate Chip\"\r\n                            >\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 5v14\"\/>\r\n                                    <path d=\"M5 12h14\"\/>\r\n                                <\/svg>\r\n\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cs-product-body\">\r\n\r\n                            <div class=\"cs-product-meta\">\r\n                                CLASSIC\r\n                            <\/div>\r\n\r\n                            <h3>\r\n                                Chocolate Chip\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Golden edges, soft center and\r\n                                plenty of melted chocolate chips.\r\n                            <\/p>\r\n\r\n                            <div class=\"cs-tags\">\r\n\r\n                                <span>Contains Wheat<\/span>\r\n                                <span>Dairy<\/span>\r\n                                <span>Eggs<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-dietary\">\r\n\r\n                                <span>WHEAT<\/span>\r\n                                <span>EGG<\/span>\r\n                                <span>DAIRY<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-product-bottom\">\r\n\r\n                                <div class=\"cs-price\">\r\n\r\n                                    <small>FROM<\/small>\r\n\r\n                                    <strong>\r\n                                        $4.50\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <button\r\n                                    class=\"cs-add-btn\"\r\n                                    type=\"button\"\r\n                                >\r\n\r\n                                    Add to Order\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M5 12h14\"\/>\r\n                                        <path d=\"M13 6l6 6-6 6\"\/>\r\n                                    <\/svg>\r\n\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- PRODUCT 02 -->\r\n\r\n                    <article\r\n                        class=\"cs-product\"\r\n                        data-product=\"Double Chocolate\"\r\n                        data-price=\"5.00\"\r\n                    >\r\n\r\n                        <div class=\"cs-product-image\">\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/images-1.jpg\"\r\n                                alt=\"Double chocolate cookie\"\r\n                                loading=\"lazy\"\r\n                            >\r\n\r\n                            <span class=\"cs-badge cs-badge-dark\">\r\n                                RICH & FUDGY\r\n                            <\/span>\r\n\r\n                            <button\r\n                                class=\"cs-quick-add\"\r\n                                type=\"button\"\r\n                                aria-label=\"Add Double Chocolate\"\r\n                            >\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 5v14\"\/>\r\n                                    <path d=\"M5 12h14\"\/>\r\n                                <\/svg>\r\n\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cs-product-body\">\r\n\r\n                            <div class=\"cs-product-meta\">\r\n                                CHOCOLATE LOVERS\r\n                            <\/div>\r\n\r\n                            <h3>\r\n                                Double Chocolate\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Deep cocoa cookie packed with\r\n                                rich chocolate chunks.\r\n                            <\/p>\r\n\r\n                            <div class=\"cs-tags\">\r\n\r\n                                <span>Contains Wheat<\/span>\r\n                                <span>Dairy<\/span>\r\n                                <span>Eggs<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-dietary\">\r\n\r\n                                <span>WHEAT<\/span>\r\n                                <span>EGG<\/span>\r\n                                <span>DAIRY<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-product-bottom\">\r\n\r\n                                <div class=\"cs-price\">\r\n\r\n                                    <small>FROM<\/small>\r\n\r\n                                    <strong>\r\n                                        $5.00\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <button\r\n                                    class=\"cs-add-btn\"\r\n                                    type=\"button\"\r\n                                >\r\n\r\n                                    Add to Order\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M5 12h14\"\/>\r\n                                        <path d=\"M13 6l6 6-6 6\"\/>\r\n                                    <\/svg>\r\n\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- PRODUCT 03 -->\r\n\r\n                    <article\r\n                        class=\"cs-product\"\r\n                        data-product=\"Brown Butter\"\r\n                        data-price=\"5.00\"\r\n                    >\r\n\r\n                        <div class=\"cs-product-image\">\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/Brown-Butter-Banana-Bread-10.jpg\"\r\n                                alt=\"Brown butter cookie\"\r\n                                loading=\"lazy\"\r\n                            >\r\n\r\n                            <span class=\"cs-badge\">\r\n                                HOUSE FAVORITE\r\n                            <\/span>\r\n\r\n                            <button\r\n                                class=\"cs-quick-add\"\r\n                                type=\"button\"\r\n                                aria-label=\"Add Brown Butter\"\r\n                            >\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 5v14\"\/>\r\n                                    <path d=\"M5 12h14\"\/>\r\n                                <\/svg>\r\n\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cs-product-body\">\r\n\r\n                            <div class=\"cs-product-meta\">\r\n                                HOUSE SPECIAL\r\n                            <\/div>\r\n\r\n                            <h3>\r\n                                Brown Butter\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Nutty brown butter flavor with\r\n                                a soft, rich and chewy center.\r\n                            <\/p>\r\n\r\n                            <div class=\"cs-tags\">\r\n\r\n                                <span>Contains Wheat<\/span>\r\n                                <span>Dairy<\/span>\r\n                                <span>Eggs<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-dietary\">\r\n\r\n                                <span>WHEAT<\/span>\r\n                                <span>EGG<\/span>\r\n                                <span>DAIRY<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-product-bottom\">\r\n\r\n                                <div class=\"cs-price\">\r\n\r\n                                    <small>FROM<\/small>\r\n\r\n                                    <strong>\r\n                                        $5.00\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <button\r\n                                    class=\"cs-add-btn\"\r\n                                    type=\"button\"\r\n                                >\r\n\r\n                                    Add to Order\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M5 12h14\"\/>\r\n                                        <path d=\"M13 6l6 6-6 6\"\/>\r\n                                    <\/svg>\r\n\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- PRODUCT 04 -->\r\n\r\n                    <article\r\n                        class=\"cs-product\"\r\n                        data-product=\"Salted Caramel\"\r\n                        data-price=\"5.25\"\r\n                    >\r\n\r\n                        <div class=\"cs-product-image\">\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cookieswp1.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/Salted-Caramel-Chocolate-Chip-Cookies-20.jpg\"\r\n                                alt=\"Salted caramel chocolate chip cookie\"\r\n                                loading=\"lazy\"\r\n                            >\r\n\r\n                            <span class=\"cs-badge cs-badge-dark\">\r\n                                SWEET + SALTY\r\n                            <\/span>\r\n\r\n                            <button\r\n                                class=\"cs-quick-add\"\r\n                                type=\"button\"\r\n                                aria-label=\"Add Salted Caramel\"\r\n                            >\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 5v14\"\/>\r\n                                    <path d=\"M5 12h14\"\/>\r\n                                <\/svg>\r\n\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cs-product-body\">\r\n\r\n                            <div class=\"cs-product-meta\">\r\n                                SIGNATURE\r\n                            <\/div>\r\n\r\n                            <h3>\r\n                                Salted Caramel\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Soft chocolate chip cookie finished\r\n                                with caramel and flaky sea salt.\r\n                            <\/p>\r\n\r\n                            <div class=\"cs-tags\">\r\n\r\n                                <span>Contains Wheat<\/span>\r\n                                <span>Dairy<\/span>\r\n                                <span>Eggs<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-dietary\">\r\n\r\n                                <span>WHEAT<\/span>\r\n                                <span>EGG<\/span>\r\n                                <span>DAIRY<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-product-bottom\">\r\n\r\n                                <div class=\"cs-price\">\r\n\r\n                                    <small>FROM<\/small>\r\n\r\n                                    <strong>\r\n                                        $5.25\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <button\r\n                                    class=\"cs-add-btn\"\r\n                                    type=\"button\"\r\n                                >\r\n\r\n                                    Add to Order\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M5 12h14\"\/>\r\n                                        <path d=\"M13 6l6 6-6 6\"\/>\r\n                                    <\/svg>\r\n\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- PRODUCT 05 -->\r\n\r\n                    <article\r\n                        class=\"cs-product\"\r\n                        data-product=\"Oatmeal Cookie\"\r\n                        data-price=\"4.75\"\r\n                    >\r\n\r\n                        <div class=\"cs-product-image\">\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1499636136210-6f4ee915583e?auto=format&fit=crop&w=1200&q=85\"\r\n                                alt=\"Fresh oatmeal cookie\"\r\n                                loading=\"lazy\"\r\n                            >\r\n\r\n                            <span class=\"cs-badge cs-badge-green\">\r\n                                NEW\r\n                            <\/span>\r\n\r\n                            <button\r\n                                class=\"cs-quick-add\"\r\n                                type=\"button\"\r\n                                aria-label=\"Add Oatmeal Cookie\"\r\n                            >\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 5v14\"\/>\r\n                                    <path d=\"M5 12h14\"\/>\r\n                                <\/svg>\r\n\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cs-product-body\">\r\n\r\n                            <div class=\"cs-product-meta\">\r\n                                CHEWY\r\n                            <\/div>\r\n\r\n                            <h3>\r\n                                Oatmeal Cookie\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Chewy oats, brown sugar and warm\r\n                                cinnamon baked until golden.\r\n                            <\/p>\r\n\r\n                            <div class=\"cs-tags\">\r\n\r\n                                <span>Contains Wheat<\/span>\r\n                                <span>Dairy<\/span>\r\n                                <span>Eggs<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-dietary\">\r\n\r\n                                <span>WHEAT<\/span>\r\n                                <span>EGG<\/span>\r\n                                <span>DAIRY<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-product-bottom\">\r\n\r\n                                <div class=\"cs-price\">\r\n\r\n                                    <small>FROM<\/small>\r\n\r\n                                    <strong>\r\n                                        $4.75\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <button\r\n                                    class=\"cs-add-btn\"\r\n                                    type=\"button\"\r\n                                >\r\n\r\n                                    Add to Order\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M5 12h14\"\/>\r\n                                        <path d=\"M13 6l6 6-6 6\"\/>\r\n                                    <\/svg>\r\n\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n\r\n                    <!-- PRODUCT 06 -->\r\n\r\n                    <article\r\n                        class=\"cs-product\"\r\n                        data-product=\"Peanut Butter\"\r\n                        data-price=\"5.25\"\r\n                    >\r\n\r\n                        <div class=\"cs-product-image\">\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/images.unsplash.com\/photo-1558961363-fa8fdf82db35?auto=format&fit=crop&w=1200&q=85\"\r\n                                alt=\"Peanut butter cookie\"\r\n                                loading=\"lazy\"\r\n                            >\r\n\r\n                            <span class=\"cs-badge cs-badge-dark\">\r\n                                NUTTY\r\n                            <\/span>\r\n\r\n                            <button\r\n                                class=\"cs-quick-add\"\r\n                                type=\"button\"\r\n                                aria-label=\"Add Peanut Butter\"\r\n                            >\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 5v14\"\/>\r\n                                    <path d=\"M5 12h14\"\/>\r\n                                <\/svg>\r\n\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cs-product-body\">\r\n\r\n                            <div class=\"cs-product-meta\">\r\n                                CLASSIC\r\n                            <\/div>\r\n\r\n                            <h3>\r\n                                Peanut Butter\r\n                            <\/h3>\r\n\r\n                            <p>\r\n                                Creamy peanut butter cookie with\r\n                                crisp edges and a soft center.\r\n                            <\/p>\r\n\r\n                            <div class=\"cs-tags\">\r\n\r\n                                <span>Contains Wheat<\/span>\r\n                                <span>Peanuts<\/span>\r\n                                <span>Eggs<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-dietary\">\r\n\r\n                                <span>WHEAT<\/span>\r\n                                <span>PEANUT<\/span>\r\n                                <span>EGG<\/span>\r\n\r\n                            <\/div>\r\n\r\n                            <div class=\"cs-product-bottom\">\r\n\r\n                                <div class=\"cs-price\">\r\n\r\n                                    <small>FROM<\/small>\r\n\r\n                                    <strong>\r\n                                        $5.25\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <button\r\n                                    class=\"cs-add-btn\"\r\n                                    type=\"button\"\r\n                                >\r\n\r\n                                    Add to Order\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M5 12h14\"\/>\r\n                                        <path d=\"M13 6l6 6-6 6\"\/>\r\n                                    <\/svg>\r\n\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/article>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     ALLERGEN NOTICE\r\n                ================================================== -->\r\n\r\n                <div class=\"cs-allergen-notice\">\r\n\r\n                    <div class=\"cs-allergen-mark\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M12 3l9 17H3L12 3z\"\/>\r\n                            <path d=\"M12 9v5\"\/>\r\n                            <path d=\"M12 17h.01\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Allergen Information\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Our cookies are baked in a kitchen that\r\n                            handles wheat, eggs, dairy, peanuts and\r\n                            tree nuts. Please contact us if you have\r\n                            specific allergy concerns before ordering.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 ORDER PANEL\r\n                 NOT STICKY\r\n            ================================================== -->\r\n\r\n            <aside class=\"cs-order-panel\">\r\n\r\n                <div class=\"cs-order-panel-inner\">\r\n\r\n                    <div class=\"cs-panel-heading\">\r\n\r\n                        <div>\r\n\r\n                            <span>\r\n                                YOUR BOX\r\n                            <\/span>\r\n\r\n                            <h2>\r\n                                Build Your Order\r\n                            <\/h2>\r\n\r\n                        <\/div>\r\n\r\n                        <div class=\"cs-cart-count\">\r\n                            <span id=\"csCartCount\">0<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- BOX SIZE -->\r\n\r\n                    <div class=\"cs-quantity-section\">\r\n\r\n                        <div class=\"cs-field-heading\">\r\n\r\n                            <span>\r\n                                BOX SIZE\r\n                            <\/span>\r\n\r\n                            <small>\r\n                                Required\r\n                            <\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cs-size-options\">\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"cs-size active\"\r\n                                data-multiplier=\"1\"\r\n                                data-size=\"Individual\"\r\n                            >\r\n\r\n                                <strong>1<\/strong>\r\n\r\n                                <span>\r\n                                    Individual\r\n                                <\/span>\r\n\r\n                            <\/button>\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"cs-size\"\r\n                                data-multiplier=\"6\"\r\n                                data-size=\"Half Dozen\"\r\n                            >\r\n\r\n                                <strong>6<\/strong>\r\n\r\n                                <span>\r\n                                    Half Dozen\r\n                                <\/span>\r\n\r\n                            <\/button>\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"cs-size\"\r\n                                data-multiplier=\"12\"\r\n                                data-size=\"Dozen\"\r\n                            >\r\n\r\n                                <strong>12<\/strong>\r\n\r\n                                <span>\r\n                                    Dozen\r\n                                <\/span>\r\n\r\n                            <\/button>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- SELECTED ITEMS -->\r\n\r\n                    <div class=\"cs-selected-section\">\r\n\r\n                        <div class=\"cs-field-heading\">\r\n\r\n                            <span>\r\n                                SELECTED COOKIES\r\n                            <\/span>\r\n\r\n                            <small>\r\n                                <span id=\"csSelectedCount\">0<\/span>\r\n                            <\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div\r\n                            class=\"cs-selected-items\"\r\n                            id=\"csSelectedItems\"\r\n                        >\r\n\r\n                            <div class=\"cs-empty-order\">\r\n\r\n                                <div class=\"cs-empty-cookie\">\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n                                <\/div>\r\n\r\n                                <strong>\r\n                                    Your box is waiting.\r\n                                <\/strong>\r\n\r\n                                <p>\r\n                                    Add a cookie to start building\r\n                                    your order.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- PICKUP -->\r\n\r\n                    <div class=\"cs-pickup-section\">\r\n\r\n                        <div class=\"cs-field-heading\">\r\n\r\n                            <span>\r\n                                PICKUP MARKET\r\n                            <\/span>\r\n\r\n                            <small>\r\n                                Required\r\n                            <\/small>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <label\r\n                            class=\"cs-select-wrap\"\r\n                            for=\"csPickup\"\r\n                        >\r\n\r\n                            <select\r\n                                id=\"csPickup\"\r\n                                required\r\n                            >\r\n\r\n                                <option\r\n                                    value=\"\"\r\n                                    selected\r\n                                    disabled\r\n                                >\r\n                                    Choose a pickup date\r\n                                <\/option>\r\n\r\n                                <option value=\"Saturday, September 12\">\r\n                                    Saturday \u00b7 September 12\r\n                                <\/option>\r\n\r\n                                <option value=\"Sunday, September 13\">\r\n                                    Sunday \u00b7 September 13\r\n                                <\/option>\r\n\r\n                                <option value=\"Saturday, September 19\">\r\n                                    Saturday \u00b7 September 19\r\n                                <\/option>\r\n\r\n                                <option value=\"Sunday, September 20\">\r\n                                    Sunday \u00b7 September 20\r\n                                <\/option>\r\n\r\n                            <\/select>\r\n\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M6 9l6 6 6-6\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/label>\r\n\r\n\r\n                        <div class=\"cs-pickup-note\">\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <circle\r\n                                    cx=\"12\"\r\n                                    cy=\"12\"\r\n                                    r=\"9\"\r\n                                \/>\r\n                                <path d=\"M12 7v5l3 2\"\/>\r\n                            <\/svg>\r\n\r\n                            <span>\r\n                                Your box will be ready at our market\r\n                                booth during the selected date.\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- TOTAL -->\r\n\r\n                    <div class=\"cs-total\">\r\n\r\n                        <div>\r\n\r\n                            <span>\r\n                                ESTIMATED TOTAL\r\n                            <\/span>\r\n\r\n                            <small id=\"csTotalLabel\">\r\n                                Individual\r\n                            <\/small>\r\n\r\n                        <\/div>\r\n\r\n                        <strong>\r\n                            $<span id=\"csTotal\">0.00<\/span>\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- CHECKOUT -->\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"cs-checkout\"\r\n                        id=\"csCheckout\"\r\n                    >\r\n\r\n                        <span>\r\n                            Continue to Checkout\r\n                        <\/span>\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M5 12h14\"\/>\r\n                            <path d=\"M13 6l6 6-6 6\"\/>\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"cs-secure-note\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M7 10V7a5 5 0 0110 0v3\"\/>\r\n                            <rect\r\n                                x=\"5\"\r\n                                y=\"10\"\r\n                                width=\"14\"\r\n                                height=\"10\"\r\n                                rx=\"2\"\r\n                            \/>\r\n                            <path d=\"M12 14v2\"\/>\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            Pickup details will be confirmed\r\n                            during checkout.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/aside>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         TOAST\r\n    ================================================== -->\r\n\r\n    <div\r\n        class=\"cs-toast\"\r\n        id=\"csToast\"\r\n    >\r\n\r\n        <span class=\"cs-toast-check\">\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12l4 4L19 6\"\/>\r\n            <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span id=\"csToastText\">\r\n            Added to your box\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.cookie-shop,\r\n.cookie-shop * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cookie-shop button,\r\n.cookie-shop input,\r\n.cookie-shop select {\r\n    font:inherit;\r\n}\r\n\r\n.cookie-shop a {\r\n    text-decoration:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n.cookie-shop {\r\n\r\n    --cs-bg:#0c0604;\r\n    --cs-bg-2:#1d0d07;\r\n\r\n    --cs-card:rgba(255,255,255,.045);\r\n    --cs-card-hover:rgba(255,255,255,.075);\r\n\r\n    --cs-cream:#fff7e8;\r\n    --cs-gold:#d99a4c;\r\n    --cs-gold-light:#f4c47b;\r\n\r\n    --cs-muted:rgba(255,247,232,.62);\r\n    --cs-border:rgba(255,239,207,.12);\r\n\r\n    position:relative;\r\n    width:100%;\r\n    overflow:hidden;\r\n\r\n    padding:115px 0 125px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 0%,\r\n            rgba(220,145,60,.13),\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 0% 40%,\r\n            rgba(175,72,25,.08),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            var(--cs-bg),\r\n            var(--cs-bg-2),\r\n            #090504\r\n        );\r\n\r\n    color:var(--cs-cream);\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.cs-noise {\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:.025;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.7) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.7) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:70px 70px;\r\n}\r\n\r\n.cs-bg-glow {\r\n\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    filter:blur(110px);\r\n\r\n    pointer-events:none;\r\n\r\n    z-index:-1;\r\n}\r\n\r\n.cs-bg-glow-1 {\r\n\r\n    width:500px;\r\n    height:500px;\r\n\r\n    left:-280px;\r\n    top:15%;\r\n\r\n    background:rgba(204,110,27,.10);\r\n}\r\n\r\n.cs-bg-glow-2 {\r\n\r\n    width:550px;\r\n    height:550px;\r\n\r\n    right:-320px;\r\n    bottom:10%;\r\n\r\n    background:rgba(220,145,48,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.cs-container {\r\n\r\n    width:min(1240px,calc(100% - 50px));\r\n\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.cs-header {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        auto;\r\n\r\n    gap:60px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:58px;\r\n}\r\n\r\n.cs-header-copy {\r\n    max-width:760px;\r\n}\r\n\r\n.cs-eyebrow {\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    margin-bottom:21px;\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n\r\n    letter-spacing:3px;\r\n}\r\n\r\n.cs-eyebrow span {\r\n\r\n    width:30px;\r\n    height:1px;\r\n\r\n    background:var(--cs-gold);\r\n}\r\n\r\n.cs-header h1 {\r\n\r\n    margin:0;\r\n\r\n    font-family:Georgia,\"Times New Roman\",serif;\r\n\r\n    font-size:clamp(52px,6vw,82px);\r\n\r\n        font-weight:500;\r\n        color: #fff;\r\n\r\n    line-height:.94;\r\n\r\n    letter-spacing:-4px;\r\n}\r\n\r\n.cs-header h1 em {\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    font-style:italic;\r\n}\r\n\r\n.cs-header-copy p {\r\n\r\n    max-width:610px;\r\n\r\n    margin:24px 0 0;\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER NOTE\r\n========================================================= *\/\r\n\r\n.cs-header-note {\r\n\r\n    min-width:235px;\r\n\r\n    padding:20px 22px;\r\n\r\n    border-left:1px solid\r\n        rgba(225,158,76,.38);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(225,158,76,.06),\r\n            transparent\r\n        );\r\n}\r\n\r\n.cs-note-top {\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:var(--cs-gold);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.5px;\r\n}\r\n\r\n.cs-header-note strong {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:6px;\r\n\r\n    font-family:Georgia,serif;\r\n\r\n    font-size:24px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n.cs-header-note span {\r\n\r\n    display:block;\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER BAR\r\n========================================================= *\/\r\n\r\n.cs-order-bar {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    padding:18px 24px;\r\n\r\n    margin-bottom:60px;\r\n\r\n    border:1px solid var(--cs-border);\r\n\r\n    border-radius:18px;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    backdrop-filter:blur(18px);\r\n\r\n    -webkit-backdrop-filter:blur(18px);\r\n}\r\n\r\n.cs-order-option {\r\n\r\n    flex:1;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:14px;\r\n}\r\n\r\n.cs-option-number {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n    flex-shrink:0;\r\n\r\n    border:1px solid\r\n        rgba(225,158,76,.27);\r\n\r\n    border-radius:50%;\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.cs-order-option strong {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:4px;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px!important;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n.cs-order-option small {\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px!important;\r\n}\r\n\r\n.cs-order-line {\r\n\r\n    width:1px;\r\n    height:35px;\r\n\r\n    margin:0 22px;\r\n\r\n    background:rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOP LAYOUT\r\n========================================================= *\/\r\n\r\n.cs-shop-layout {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        355px;\r\n\r\n    gap:42px;\r\n\r\n    align-items:start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCTS TOP\r\n========================================================= *\/\r\n\r\n.cs-products-top {\r\n\r\n    display:flex;\r\n\r\n    align-items:end;\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    margin-bottom:30px;\r\n}\r\n\r\n.cs-section-label {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:11px;\r\n\r\n    color:var(--cs-gold);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.5px;\r\n}\r\n\r\n.cs-products-top h2 {\r\n\r\n    margin:0;\r\n\r\n    font-family:Georgia,serif;\r\n    color: #fff;\r\n\r\n    font-size:clamp(34px,4vw,48px);\r\n\r\n    font-weight:500;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-1.8px;\r\n}\r\n\r\n.cs-products-top h2 em {\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    font-style:italic;\r\n}\r\n\r\n.cs-product-count {\r\n\r\n    display:flex;\r\n\r\n    align-items:baseline;\r\n\r\n    gap:6px;\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n}\r\n\r\n.cs-product-count span {\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n.cs-product-count small {\r\n\r\n    font-size:9px;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT GRID\r\n========================================================= *\/\r\n\r\n.cs-products-grid {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap:25px 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT\r\n========================================================= *\/\r\n\r\n.cs-product {\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid var(--cs-border);\r\n\r\n    border-radius:23px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.065),\r\n            rgba(255,255,255,.018)\r\n        );\r\n\r\n    backdrop-filter:blur(16px);\r\n\r\n    -webkit-backdrop-filter:blur(16px);\r\n\r\n    transition:\r\n        transform .5s cubic-bezier(.2,.8,.2,1),\r\n        border-color .4s ease,\r\n        box-shadow .45s ease;\r\n}\r\n\r\n.cs-product:hover {\r\n\r\n    transform:translateY(-8px);\r\n\r\n    border-color:\r\n        rgba(225,158,76,.35);\r\n\r\n    box-shadow:\r\n        0 25px 65px rgba(0,0,0,.34),\r\n        0 0 35px rgba(225,158,76,.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT IMAGE\r\n========================================================= *\/\r\n\r\n.cs-product-image {\r\n\r\n    position:relative;\r\n\r\n    aspect-ratio:1.08 \/ 1;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#241209;\r\n}\r\n\r\n.cs-product-image img {\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .8s\r\n        cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.cs-product:hover\r\n.cs-product-image img {\r\n\r\n    transform:scale(1.075);\r\n}\r\n\r\n.cs-product-image::after {\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            transparent 55%,\r\n            rgba(0,0,0,.43)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n.cs-badge {\r\n\r\n    position:absolute;\r\n\r\n    top:14px;\r\n    left:14px;\r\n\r\n    z-index:4;\r\n\r\n    padding:7px 10px;\r\n\r\n    border-radius:100px;\r\n\r\n    color:#211006;\r\n\r\n    background:var(--cs-gold-light);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.4px;\r\n}\r\n\r\n.cs-badge-dark {\r\n\r\n    color:var(--cs-cream);\r\n\r\n    border:1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    background:\r\n        rgba(16,8,5,.58);\r\n\r\n    backdrop-filter:blur(10px);\r\n}\r\n\r\n.cs-badge-green {\r\n\r\n    color:#fff;\r\n\r\n    background:#53725c;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUICK ADD\r\n========================================================= *\/\r\n\r\n.cs-quick-add {\r\n\r\n    position:absolute;\r\n\r\n    right:14px;\r\n    bottom:14px;\r\n\r\n    z-index:5;\r\n\r\n    width:42px;\r\n    height:42px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    border:1px solid\r\n        rgba(255,255,255,.22);\r\n\r\n    border-radius:50%;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    background:\r\n        rgba(0,0,0,.32);\r\n\r\n    backdrop-filter:blur(9px);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        color .35s ease;\r\n}\r\n\r\n.cs-quick-add svg {\r\n\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n}\r\n\r\n.cs-product:hover\r\n.cs-quick-add {\r\n\r\n    color:#1a0b05;\r\n\r\n    background:var(--cs-gold-light);\r\n\r\n    transform:rotate(90deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT BODY\r\n========================================================= *\/\r\n\r\n.cs-product-body {\r\n\r\n    padding:21px 21px 20px;\r\n}\r\n\r\n.cs-product-meta {\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:var(--cs-gold);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.9px;\r\n}\r\n\r\n.cs-product h3 {\r\n\r\n    margin:0;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Georgia,serif;\r\n\r\n    font-size:25px;\r\n\r\n    font-weight:500;\r\n\r\n    line-height:1.05;\r\n\r\n    letter-spacing:-.5px;\r\n}\r\n\r\n.cs-product p {\r\n\r\n    min-height:42px;\r\n\r\n    margin:10px 0 14px;\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAGS\r\n========================================================= *\/\r\n\r\n.cs-tags {\r\n\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:5px;\r\n\r\n    margin-bottom:10px;\r\n}\r\n\r\n.cs-tags span {\r\n\r\n    padding:5px 7px;\r\n\r\n    border:1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    border-radius:5px;\r\n\r\n    color:#fff;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIETARY\r\n========================================================= *\/\r\n\r\n.cs-dietary {\r\n\r\n    display:flex;\r\n\r\n    gap:6px;\r\n\r\n    margin-bottom:17px;\r\n}\r\n\r\n.cs-dietary span {\r\n\r\n    color:#fff;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n.cs-dietary span:not(:last-child)::after {\r\n\r\n    content:\"\";\r\n\r\n    display:inline-block;\r\n\r\n    width:3px;\r\n    height:3px;\r\n\r\n    margin:0 6px 1px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--cs-gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT BOTTOM\r\n========================================================= *\/\r\n\r\n.cs-product-bottom {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:10px;\r\n\r\n    padding-top:15px;\r\n\r\n    border-top:1px solid\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n.cs-price small {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:2px;\r\n\r\n    color:#fff;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.9px;\r\n}\r\n\r\n.cs-price strong {\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    font-family:Georgia,serif;\r\n\r\n    font-size:21px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n.cs-add-btn {\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:7px;\r\n\r\n    min-height:38px;\r\n\r\n    padding:0 13px;\r\n\r\n    border:0;\r\n\r\n    border-radius:100px;\r\n\r\n    color:#1c0d06;\r\n\r\n    background:var(--cs-gold-light);\r\n\r\n    cursor:pointer;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.cookie-shop .cs-quick-add:hover,\r\n.cookie-shop .cs-quick-add:focus,\r\n.cookie-shop .cs-quick-add:active {\r\n\r\n    color: #1a0b05 !important;\r\n\r\n    background: #f4c47b !important;\r\n\r\n    border-color: rgba(255,255,255,.22) !important;\r\n}\r\n\/* =========================================================\r\n   REMOVE ELEMENTOR \/ WORDPRESS BLUE HOVER\r\n   ========================================================= *\/\r\n\r\n.cookie-shop .cs-add-btn,\r\n.cookie-shop .cs-add-btn:hover,\r\n.cookie-shop .cs-add-btn:focus,\r\n.cookie-shop .cs-add-btn:active,\r\n.cookie-shop .cs-add-btn:visited {\r\n\r\n    color: #1c0d06 !important;\r\n\r\n    background: #f4c47b !important;\r\n\r\n    border-color: transparent !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    outline: none !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\/* Keep only a subtle movement on hover *\/\r\n.cookie-shop .cs-add-btn:hover {\r\n\r\n    transform: translateY(-2px) !important;\r\n\r\n    background: #f4c47b !important;\r\n\r\n    color: #1c0d06 !important;\r\n\r\n    box-shadow:\r\n        0 9px 25px rgba(217,145,61,.22) !important;\r\n}\r\n\r\n\/* SVG arrow also protected from Elementor colors *\/\r\n.cookie-shop .cs-add-btn svg,\r\n.cookie-shop .cs-add-btn:hover svg,\r\n.cookie-shop .cs-add-btn:focus svg,\r\n.cookie-shop .cs-add-btn:active svg {\r\n\r\n    color: #1c0d06 !important;\r\n\r\n    stroke: #1c0d06 !important;\r\n}\r\n\r\n\/* Remove Elementor pseudo-element hover effects *\/\r\n.cookie-shop .cs-add-btn::before,\r\n.cookie-shop .cs-add-btn::after,\r\n.cookie-shop .cs-add-btn:hover::before,\r\n.cookie-shop .cs-add-btn:hover::after {\r\n\r\n    background: transparent !important;\r\n\r\n    color: inherit !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    opacity: 0 !important;\r\n}\r\n\r\n.cs-add-btn svg {\r\n\r\n    width:14px;\r\n    height:14px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALLERGEN NOTICE\r\n========================================================= *\/\r\n\r\n.cs-allergen-notice {\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:15px;\r\n\r\n    margin-top:24px;\r\n\r\n    padding:18px 19px;\r\n\r\n    border:1px solid\r\n        rgba(225,158,76,.16);\r\n\r\n    border-radius:16px;\r\n\r\n    background:\r\n        rgba(225,158,76,.045);\r\n}\r\n\r\n.cs-allergen-mark {\r\n\r\n    width:34px;\r\n    height:34px;\r\n\r\n    flex-shrink:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:10px;\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    background:\r\n        rgba(225,158,76,.09);\r\n}\r\n\r\n.cs-allergen-mark svg {\r\n\r\n    width:18px;\r\n    height:18px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.5;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.cs-allergen-notice strong {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n}\r\n\r\n.cs-allergen-notice p {\r\n\r\n    margin:0;\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORDER PANEL\r\n   IMPORTANT:\r\n   NOT STICKY\r\n========================================================= *\/\r\n\r\n.cs-order-panel {\r\n\r\n    position:relative;\r\n\r\n    top:auto;\r\n\r\n    z-index:10;\r\n\r\n    align-self:start;\r\n}\r\n\r\n.cs-order-panel-inner {\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid\r\n        rgba(225,158,76,.19);\r\n\r\n    border-radius:25px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(39,20,10,.94),\r\n            rgba(15,8,5,.96)\r\n        );\r\n\r\n    box-shadow:\r\n        0 30px 80px rgba(0,0,0,.34);\r\n\r\n    backdrop-filter:blur(22px);\r\n\r\n    -webkit-backdrop-filter:blur(22px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADING\r\n========================================================= *\/\r\n\r\n.cs-panel-heading {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    padding:25px 24px 21px;\r\n\r\n    border-bottom:1px solid\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n.cs-panel-heading > div:first-child span {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:6px;\r\n\r\n    color:var(--cs-gold);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n.cs-panel-heading h2 {\r\n\r\n    margin:0;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Georgia,serif;\r\n\r\n    font-size:26px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n.cs-cart-count {\r\n\r\n    width:39px;\r\n    height:39px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:1px solid\r\n        rgba(225,158,76,.25);\r\n\r\n    border-radius:50%;\r\n\r\n    color:#FFF;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px!important;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELD HEADING\r\n========================================================= *\/\r\n\r\n.cs-field-heading {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    margin-bottom:12px;\r\n}\r\n\r\n.cs-field-heading > span {\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.8px;\r\n}\r\n\r\n.cs-field-heading small {\r\n\r\n    color:var(--cs-gold);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUANTITY\r\n========================================================= *\/\r\n\r\n.cs-quantity-section {\r\n\r\n    padding:22px 24px;\r\n\r\n    border-bottom:1px solid\r\n        rgba(255,255,255,.07);\r\n}\r\n\r\n.cs-size-options {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,1fr);\r\n\r\n    gap:7px;\r\n}\r\n\r\n.cs-size {\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    min-height:67px;\r\n\r\n    padding:8px;\r\n\r\n    border:1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    border-radius:12px;\r\n\r\n    color:var(--cs-muted);\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.cs-size strong {\r\n\r\n    margin-bottom:4px;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Georgia,serif;\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n.cs-size span {\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n    color: #fff;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.cs-size:hover {\r\n\r\n    transform:translateY(-2px);\r\n\r\n    border-color:\r\n        rgba(225,158,76,.3);\r\n        background-color: none!important;\r\n}\r\n\r\n.cs-size.active {\r\n\r\n    border-color:\r\n        rgba(225,158,76,.6);\r\n\r\n    background:\r\n        rgba(225,158,76,.10);\r\n\r\n    color:#fff;\r\n}\r\n\r\n.cs-size.active strong {\r\n\r\n    color:var(--cs-gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELECTED ITEMS\r\n========================================================= *\/\r\n\r\n.cs-selected-section {\r\n\r\n    padding:21px 24px;\r\n\r\n    border-bottom:1px solid\r\n        rgba(255,255,255,.07);\r\n}\r\n\r\n.cs-selected-items {\r\n\r\n    max-height:250px;\r\n\r\n    overflow-y:auto;\r\n\r\n    scrollbar-width:thin;\r\n}\r\n\r\n.cs-empty-order {\r\n\r\n    padding:22px 8px 17px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.cs-empty-cookie {\r\n\r\n    position:relative;\r\n\r\n    width:50px;\r\n    height:50px;\r\n\r\n    margin:0 auto 13px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 32% 25%,\r\n            #e4a45d,\r\n            #a55b27 65%,\r\n            #672f13\r\n        );\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0,0,0,.3);\r\n}\r\n\r\n.cs-empty-cookie span {\r\n\r\n    position:absolute;\r\n\r\n    width:5px;\r\n    height:5px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#48200f;\r\n}\r\n\r\n.cs-empty-cookie span:nth-child(1) {\r\n    top:12px;\r\n    left:14px;\r\n}\r\n\r\n.cs-empty-cookie span:nth-child(2) {\r\n    top:20px;\r\n    right:11px;\r\n}\r\n\r\n.cs-empty-cookie span:nth-child(3) {\r\n    bottom:11px;\r\n    left:22px;\r\n}\r\n\r\n.cs-empty-order strong {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:5px;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Georgia,serif;\r\n\r\n    font-size:16px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n.cs-empty-order p {\r\n\r\n    margin:0;\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* SELECTED ITEM *\/\r\n\r\n.cs-selected-item {\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr auto;\r\n\r\n    gap:12px;\r\n\r\n    padding:11px 0;\r\n\r\n    border-bottom:1px solid\r\n        rgba(255,255,255,.06);\r\n}\r\n\r\n.cs-selected-item:last-child {\r\n    border-bottom:0;\r\n}\r\n\r\n.cs-selected-name {\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n.cs-selected-price {\r\n\r\n    margin-top:4px;\r\n\r\n    color:var(--cs-gold);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:8px;\r\n}\r\n\r\n.cs-selected-controls {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:6px;\r\n}\r\n\r\n.cs-qty-btn {\r\n\r\n    width:24px;\r\n    height:24px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:0;\r\n\r\n    border:1px solid\r\n        rgba(255,255,255,.11);\r\n\r\n    border-radius:7px;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.cs-qty-btn svg {\r\n\r\n    width:12px;\r\n    height:12px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n}\r\n\r\n.cs-selected-controls strong {\r\n\r\n    min-width:15px;\r\n\r\n    text-align:center;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PICKUP\r\n========================================================= *\/\r\n\r\n.cs-pickup-section {\r\n\r\n    padding:21px 24px;\r\n\r\n    border-bottom:1px solid\r\n        rgba(255,255,255,.07);\r\n}\r\n\r\n.cs-select-wrap {\r\n\r\n    position:relative;\r\n\r\n    display:block;\r\n}\r\n\r\n.cs-select-wrap select {\r\n\r\n    width:100%;\r\n\r\n    height:49px;\r\n\r\n    padding:\r\n        0 42px 0 14px;\r\n\r\n    appearance:none;\r\n\r\n    -webkit-appearance:none;\r\n\r\n    border:1px solid\r\n        rgba(255,255,255,.11);\r\n\r\n    border-radius:12px;\r\n\r\n    outline:none;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.cs-select-wrap select:focus {\r\n\r\n    border-color:\r\n        rgba(225,158,76,.55);\r\n}\r\n\r\n.cs-select-wrap select option {\r\n\r\n    color:#211006;\r\n\r\n    background:#fff7e8;\r\n}\r\n\r\n.cs-select-wrap svg {\r\n\r\n    position:absolute;\r\n\r\n    right:15px;\r\n    top:50%;\r\n\r\n    width:15px;\r\n    height:15px;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    pointer-events:none;\r\n\r\n    fill:none;\r\n\r\n    stroke:var(--cs-gold-light);\r\n\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.cs-pickup-note {\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:10px;\r\n}\r\n\r\n.cs-pickup-note svg {\r\n\r\n    width:14px;\r\n    height:14px;\r\n\r\n    flex-shrink:0;\r\n\r\n    margin-top:1px;\r\n\r\n    fill:none;\r\n\r\n    stroke:var(--cs-gold);\r\n\r\n    stroke-width:1.5;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.cs-pickup-note span {\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOTAL\r\n========================================================= *\/\r\n\r\n.cs-total {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    padding:21px 24px;\r\n}\r\n\r\n.cs-total span {\r\n\r\n    display:block;\r\n\r\n    margin-bottom:4px;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.5px;\r\n}\r\n\r\n.cs-total small {\r\n\r\n    color:var(--cs-muted);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px;\r\n}\r\n\r\n.cs-total strong {\r\n\r\n    color:var(--cs-gold-light);\r\n\r\n    font-family:Georgia,serif;\r\n\r\n    font-size:28px;\r\n\r\n    font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHECKOUT\r\n========================================================= *\/\r\n\r\n.cs-checkout {\r\n\r\n    width:calc(100% - 48px);\r\n\r\n    min-height:53px;\r\n\r\n    margin:0 24px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    border:0;\r\n\r\n    border-radius:100px;\r\n\r\n    color:#1b0d07;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #f6cb87,\r\n            #d7903e\r\n        );\r\n\r\n    cursor:pointer;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.cs-checkout:hover {\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 17px 35px\r\n        rgba(217,145,61,.22);\r\n}\r\n\r\n.cs-checkout svg {\r\n\r\n    width:17px;\r\n    height:17px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.8;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n.cs-secure-note {\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:7px;\r\n\r\n    padding:15px 20px 19px;\r\n\r\n    color:rgba(255,247,232,.75);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.4;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.cs-secure-note svg {\r\n\r\n    width:12px;\r\n    height:12px;\r\n\r\n    flex-shrink:0;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:1.5;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOAST\r\n========================================================= *\/\r\n\r\n.cs-toast {\r\n\r\n    position:fixed;\r\n\r\n    right:25px;\r\n    bottom:25px;\r\n\r\n    z-index:99999;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:12px 17px 12px 12px;\r\n\r\n    border:1px solid\r\n        rgba(225,158,76,.3);\r\n\r\n    border-radius:100px;\r\n\r\n    color:var(--cs-cream);\r\n\r\n    background:\r\n        rgba(30,15,8,.94);\r\n\r\n    box-shadow:\r\n        0 15px 45px rgba(0,0,0,.35);\r\n\r\n    backdrop-filter:blur(18px);\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    transform:\r\n        translateY(15px);\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        visibility .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.cs-toast.show {\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n.cs-toast-check {\r\n\r\n    width:27px;\r\n    height:27px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    color:#1a0b05;\r\n\r\n    background:var(--cs-gold-light);\r\n}\r\n\r\n.cs-toast-check svg {\r\n\r\n    width:14px;\r\n    height:14px;\r\n\r\n    fill:none;\r\n\r\n    stroke:currentColor;\r\n\r\n    stroke-width:2;\r\n\r\n    stroke-linecap:round;\r\n\r\n    stroke-linejoin:round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:1100px) {\r\n\r\n    .cs-container {\r\n\r\n        width:min(940px,calc(100% - 40px));\r\n    }\r\n\r\n    .cs-shop-layout {\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            315px;\r\n\r\n        gap:28px;\r\n    }\r\n\r\n    .cs-product-body {\r\n\r\n        padding:18px;\r\n    }\r\n\r\n    .cs-product h3 {\r\n\r\n        font-size:22px;\r\n    }\r\n\r\n    .cs-order-line {\r\n\r\n        margin:0 13px;\r\n    }\r\n\r\n    .cs-order-option strong {\r\n\r\n        font-size:10px;\r\n    }\r\n\r\n    .cs-order-option small {\r\n\r\n        font-size:8px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL LAPTOP \/ TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width:900px) {\r\n\r\n    .cs-shop-layout {\r\n\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cs-order-panel {\r\n\r\n        position:relative;\r\n\r\n        top:auto;\r\n\r\n        order:2;\r\n    }\r\n\r\n    .cs-order-panel-inner {\r\n\r\n        max-width:600px;\r\n\r\n        margin:auto;\r\n    }\r\n\r\n    .cs-header {\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:30px;\r\n    }\r\n\r\n    .cs-header-note {\r\n\r\n        max-width:350px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:700px) {\r\n\r\n    .cookie-shop {\r\n\r\n        padding:78px 0 90px;\r\n    }\r\n\r\n    .cs-container {\r\n\r\n        width:calc(100% - 30px);\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .cs-header {\r\n\r\n        gap:25px;\r\n\r\n        margin-bottom:40px;\r\n    }\r\n\r\n    .cs-eyebrow {\r\n\r\n        font-size:8px;\r\n\r\n        letter-spacing:2.2px;\r\n    }\r\n\r\n    .cs-eyebrow span {\r\n\r\n        width:20px;\r\n    }\r\n\r\n    .cs-header h1 {\r\n\r\n        font-size:\r\n            clamp(48px,14vw,65px);\r\n\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .cs-header-copy p {\r\n\r\n        margin-top:19px;\r\n\r\n        font-size:12px;\r\n\r\n        line-height:1.7;\r\n    }\r\n\r\n    .cs-header-note {\r\n\r\n        width:100%;\r\n\r\n        padding:16px 18px;\r\n    }\r\n\r\n    .cs-header-note strong {\r\n\r\n        font-size:21px;\r\n    }\r\n\r\n\r\n    \/* ORDER BAR *\/\r\n\r\n    .cs-order-bar {\r\n\r\n        flex-direction:column;\r\n\r\n        align-items:stretch;\r\n\r\n        gap:15px;\r\n\r\n        padding:17px;\r\n\r\n        margin-bottom:43px;\r\n    }\r\n\r\n    .cs-order-option {\r\n\r\n        width:100%;\r\n    }\r\n\r\n    .cs-order-line {\r\n\r\n        width:100%;\r\n        height:1px;\r\n\r\n        margin:0;\r\n\r\n        background:\r\n            rgba(255,255,255,.08);\r\n    }\r\n\r\n\r\n    \/* PRODUCTS TOP *\/\r\n\r\n    .cs-products-top {\r\n\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n\r\n        margin-bottom:24px;\r\n    }\r\n\r\n    .cs-products-top h2 {\r\n\r\n        font-size:\r\n            clamp(35px,10vw,45px);\r\n    }\r\n\r\n\r\n    \/* PRODUCTS *\/\r\n\r\n    .cs-products-grid {\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n    }\r\n\r\n    .cs-product {\r\n\r\n        border-radius:20px;\r\n    }\r\n\r\n    .cs-product-image {\r\n\r\n        aspect-ratio:\r\n            1.15 \/ 1;\r\n    }\r\n\r\n    .cs-product-body {\r\n\r\n        padding:19px;\r\n    }\r\n\r\n    .cs-product h3 {\r\n\r\n        font-size:25px;\r\n    }\r\n\r\n    .cs-product p {\r\n\r\n        min-height:auto;\r\n\r\n        font-size:11px;\r\n    }\r\n\r\n    .cs-add-btn {\r\n\r\n        min-height:40px;\r\n\r\n        padding:0 15px;\r\n\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    \/* ALLERGEN *\/\r\n\r\n    .cs-allergen-notice {\r\n\r\n        padding:16px;\r\n\r\n        margin-top:18px;\r\n    }\r\n\r\n\r\n    \/* PANEL *\/\r\n\r\n    .cs-order-panel {\r\n\r\n        margin-top:13px;\r\n\r\n        position:relative;\r\n\r\n        top:auto;\r\n    }\r\n\r\n    .cs-panel-heading {\r\n\r\n        padding:22px 20px 19px;\r\n    }\r\n\r\n    .cs-panel-heading h2 {\r\n\r\n        font-size:24px;\r\n    }\r\n\r\n    .cs-quantity-section,\r\n    .cs-selected-section,\r\n    .cs-pickup-section {\r\n\r\n        padding-left:20px;\r\n        padding-right:20px;\r\n    }\r\n\r\n    .cs-total {\r\n\r\n        padding-left:20px;\r\n        padding-right:20px;\r\n    }\r\n\r\n    .cs-checkout {\r\n\r\n        width:calc(100% - 40px);\r\n\r\n        margin-left:20px;\r\n        margin-right:20px;\r\n    }\r\n\r\n\r\n    \/* TOAST *\/\r\n\r\n    .cs-toast {\r\n\r\n        right:15px;\r\n        left:15px;\r\n\r\n        bottom:15px;\r\n\r\n        justify-content:center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width:390px) {\r\n\r\n    .cs-container {\r\n\r\n        width:calc(100% - 24px);\r\n    }\r\n\r\n    .cs-product-bottom {\r\n\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n    }\r\n\r\n    .cs-add-btn {\r\n\r\n        width:100%;\r\n    }\r\n\r\n    .cs-size-options {\r\n\r\n        gap:5px;\r\n    }\r\n\r\n    .cs-size {\r\n\r\n        min-height:63px;\r\n    }\r\n\r\n    .cs-size strong {\r\n\r\n        font-size:18px;\r\n    }\r\n\r\n    .cs-size span {\r\n\r\n        font-size:6px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n    .cs-product,\r\n    .cs-product-image img,\r\n    .cs-quick-add,\r\n    .cs-add-btn,\r\n    .cs-checkout,\r\n    .cs-toast {\r\n\r\n        transition:none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       STATE\r\n    ===================================================== *\/\r\n\r\n    const state = {\r\n\r\n        size:\"Individual\",\r\n\r\n        multiplier:1,\r\n\r\n        items:{}\r\n\r\n    };\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTS\r\n    ===================================================== *\/\r\n\r\n    const products =\r\n        document.querySelectorAll(\r\n            \"#cookieShop .cs-product\"\r\n        );\r\n\r\n    const selectedItems =\r\n        document.getElementById(\r\n            \"csSelectedItems\"\r\n        );\r\n\r\n    const cartCount =\r\n        document.getElementById(\r\n            \"csCartCount\"\r\n        );\r\n\r\n    const productCount =\r\n        document.getElementById(\r\n            \"csProductCount\"\r\n        );\r\n\r\n    const selectedCount =\r\n        document.getElementById(\r\n            \"csSelectedCount\"\r\n        );\r\n\r\n    const total =\r\n        document.getElementById(\r\n            \"csTotal\"\r\n        );\r\n\r\n    const totalLabel =\r\n        document.getElementById(\r\n            \"csTotalLabel\"\r\n        );\r\n\r\n    const pickup =\r\n        document.getElementById(\r\n            \"csPickup\"\r\n        );\r\n\r\n    const toast =\r\n        document.getElementById(\r\n            \"csToast\"\r\n        );\r\n\r\n    const toastText =\r\n        document.getElementById(\r\n            \"csToastText\"\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       TOAST\r\n    ===================================================== *\/\r\n\r\n    function showToast(message){\r\n\r\n        if(!toast){\r\n            return;\r\n        }\r\n\r\n        toastText.textContent = message;\r\n\r\n        toast.classList.add(\"show\");\r\n\r\n        clearTimeout(\r\n            window.csToastTimer\r\n        );\r\n\r\n        window.csToastTimer =\r\n            setTimeout(function(){\r\n\r\n                toast.classList.remove(\"show\");\r\n\r\n            },2200);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TOTAL ITEMS\r\n    ===================================================== *\/\r\n\r\n    function getTotalItems(){\r\n\r\n        let count = 0;\r\n\r\n        Object.keys(state.items)\r\n            .forEach(function(key){\r\n\r\n                count +=\r\n                    state.items[key].quantity;\r\n\r\n            });\r\n\r\n        return count;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CALCULATE TOTAL\r\n    ===================================================== *\/\r\n\r\n    function calculateTotal(){\r\n\r\n        let base = 0;\r\n\r\n        Object.keys(state.items)\r\n            .forEach(function(key){\r\n\r\n                const item =\r\n                    state.items[key];\r\n\r\n                base +=\r\n                    item.price *\r\n                    item.quantity;\r\n\r\n            });\r\n\r\n\r\n        let multiplier =\r\n            state.multiplier;\r\n\r\n\r\n        if(state.size === \"Individual\"){\r\n            multiplier = 1;\r\n        }\r\n\r\n        if(state.size === \"Half Dozen\"){\r\n            multiplier = 6;\r\n        }\r\n\r\n        if(state.size === \"Dozen\"){\r\n            multiplier = 12;\r\n        }\r\n\r\n\r\n        return base * multiplier;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       RENDER\r\n    ===================================================== *\/\r\n\r\n    function render(){\r\n\r\n        const itemCount =\r\n            getTotalItems();\r\n\r\n\r\n        productCount.textContent =\r\n            itemCount;\r\n\r\n        cartCount.textContent =\r\n            itemCount;\r\n\r\n        selectedCount.textContent =\r\n            itemCount;\r\n\r\n        total.textContent =\r\n            calculateTotal().toFixed(2);\r\n\r\n        totalLabel.textContent =\r\n            state.size;\r\n\r\n\r\n        if(\r\n            Object.keys(state.items).length === 0\r\n        ){\r\n\r\n            selectedItems.innerHTML = `\r\n\r\n                <div class=\"cs-empty-order\">\r\n\r\n                    <div class=\"cs-empty-cookie\">\r\n\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n\r\n                    <\/div>\r\n\r\n                    <strong>\r\n                        Your box is waiting.\r\n                    <\/strong>\r\n\r\n                    <p>\r\n                        Add a cookie to start building\r\n                        your order.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            `;\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        selectedItems.innerHTML = \"\";\r\n\r\n\r\n        Object.keys(state.items)\r\n            .forEach(function(key){\r\n\r\n                const item =\r\n                    state.items[key];\r\n\r\n\r\n                const row =\r\n                    document.createElement(\r\n                        \"div\"\r\n                    );\r\n\r\n\r\n                row.className =\r\n                    \"cs-selected-item\";\r\n\r\n\r\n                row.innerHTML = `\r\n\r\n                    <div>\r\n\r\n                        <div class=\"cs-selected-name\">\r\n                            ${item.name}\r\n                        <\/div>\r\n\r\n                        <div class=\"cs-selected-price\">\r\n                            $${item.price.toFixed(2)}\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cs-selected-controls\">\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cs-qty-btn cs-minus\"\r\n                            data-key=\"${key}\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M5 12h14\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/button>\r\n\r\n\r\n                        <strong>\r\n                            ${item.quantity}\r\n                        <\/strong>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"cs-qty-btn cs-plus\"\r\n                            data-key=\"${key}\"\r\n                        >\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M12 5v14\"\/>\r\n                                <path d=\"M5 12h14\"\/>\r\n                            <\/svg>\r\n\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                `;\r\n\r\n\r\n                selectedItems.appendChild(row);\r\n\r\n            });\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ADD PRODUCT\r\n    ===================================================== *\/\r\n\r\n    function addProduct(product){\r\n\r\n        const name =\r\n            product.dataset.product;\r\n\r\n\r\n        const price =\r\n            parseFloat(\r\n                product.dataset.price\r\n            );\r\n\r\n\r\n        const key =\r\n            name\r\n                .toLowerCase()\r\n                .replace(\r\n                    \/[^a-z0-9]+\/g,\r\n                    \"-\"\r\n                );\r\n\r\n\r\n        if(!state.items[key]){\r\n\r\n            state.items[key] = {\r\n\r\n                name:name,\r\n\r\n                price:price,\r\n\r\n                quantity:1\r\n\r\n            };\r\n\r\n        } else {\r\n\r\n            state.items[key].quantity++;\r\n\r\n        }\r\n\r\n\r\n        render();\r\n\r\n\r\n        showToast(\r\n            name + \" added to your box\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PRODUCT BUTTONS\r\n    ===================================================== *\/\r\n\r\n    products.forEach(function(product){\r\n\r\n        const addButton =\r\n            product.querySelector(\r\n                \".cs-add-btn\"\r\n            );\r\n\r\n\r\n        const quickButton =\r\n            product.querySelector(\r\n                \".cs-quick-add\"\r\n            );\r\n\r\n\r\n        if(addButton){\r\n\r\n            addButton.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    addProduct(product);\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if(quickButton){\r\n\r\n            quickButton.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    addProduct(product);\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       SIZE BUTTONS\r\n    ===================================================== *\/\r\n\r\n    const sizeButtons =\r\n        document.querySelectorAll(\r\n            \"#cookieShop .cs-size\"\r\n        );\r\n\r\n\r\n    sizeButtons.forEach(function(button){\r\n\r\n        button.addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n                sizeButtons.forEach(\r\n                    function(btn){\r\n\r\n                        btn.classList.remove(\r\n                            \"active\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                button.classList.add(\r\n                    \"active\"\r\n                );\r\n\r\n\r\n                state.size =\r\n                    button.dataset.size;\r\n\r\n\r\n                state.multiplier =\r\n                    parseInt(\r\n                        button.dataset.multiplier,\r\n                        10\r\n                    );\r\n\r\n\r\n                render();\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       SELECTED ITEM CONTROLS\r\n    ===================================================== *\/\r\n\r\n    selectedItems.addEventListener(\r\n        \"click\",\r\n        function(event){\r\n\r\n            const button =\r\n                event.target.closest(\r\n                    \".cs-qty-btn\"\r\n                );\r\n\r\n\r\n            if(!button){\r\n                return;\r\n            }\r\n\r\n\r\n            const key =\r\n                button.dataset.key;\r\n\r\n\r\n            if(\r\n                !state.items[key]\r\n            ){\r\n                return;\r\n            }\r\n\r\n\r\n            if(\r\n                button.classList.contains(\r\n                    \"cs-plus\"\r\n                )\r\n            ){\r\n\r\n                state.items[key].quantity++;\r\n\r\n            }\r\n\r\n\r\n            if(\r\n                button.classList.contains(\r\n                    \"cs-minus\"\r\n                )\r\n            ){\r\n\r\n                state.items[key].quantity--;\r\n\r\n\r\n                if(\r\n                    state.items[key].quantity <= 0\r\n                ){\r\n\r\n                    delete state.items[key];\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            render();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CHECKOUT\r\n    ===================================================== *\/\r\n\r\n    const checkout =\r\n        document.getElementById(\r\n            \"csCheckout\"\r\n        );\r\n\r\n\r\n    if(checkout){\r\n\r\n        checkout.addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n                const itemCount =\r\n                    getTotalItems();\r\n\r\n\r\n                if(itemCount === 0){\r\n\r\n                    showToast(\r\n                        \"Please add at least one cookie\"\r\n                    );\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                if(\r\n                    !pickup ||\r\n                    !pickup.value\r\n                ){\r\n\r\n                    pickup.focus();\r\n\r\n                    showToast(\r\n                        \"Please choose your pickup market\"\r\n                    );\r\n\r\n                    return;\r\n\r\n                }\r\n\r\n\r\n                const checkoutData = {\r\n\r\n                    size:state.size,\r\n\r\n                    pickup:pickup.value,\r\n\r\n                    items:state.items,\r\n\r\n                    total:calculateTotal()\r\n                        .toFixed(2)\r\n\r\n                };\r\n\r\n\r\n                console.log(\r\n                    \"COOKIE ORDER:\",\r\n                    checkoutData\r\n                );\r\n\r\n\r\n                showToast(\r\n                    \"Order ready for checkout\"\r\n                );\r\n\r\n\r\n                \/*\r\n                 * WooCommerce checkout:\r\n                 *\r\n                 * window.location.href =\r\n                 * \"\/checkout\/\";\r\n                 *\/\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       INITIAL\r\n    ===================================================== *\/\r\n\r\n    render();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02a51ea e-con-full e-flex e-con e-parent\" data-id=\"02a51ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55d2415 elementor-widget elementor-widget-html\" data-id=\"55d2415\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"faq-contact-section\">\r\n\r\n    <div class=\"faq-contact-grid\">\r\n\r\n        <!-- =========================================\r\n             LEFT \u2014 FAQ AREA\r\n        ========================================== -->\r\n        <div class=\"faq-area\">\r\n\r\n            <div class=\"section-eyebrow\">\r\n                FREQUENTLY ASKED\r\n            <\/div>\r\n\r\n            <h2>\r\n                Questions,<br>\r\n                <em>Answered.<\/em>\r\n            <\/h2>\r\n\r\n            <p class=\"faq-intro\">\r\n                Everything you need to know about ordering, pickup,\r\n                storage and enjoying your cookies.\r\n            <\/p>\r\n\r\n\r\n            <!-- =====================================\r\n                 01 ORDERING\r\n            ====================================== -->\r\n            <div class=\"faq-category\">\r\n\r\n                <div class=\"category-title\">\r\n                    <span>01<\/span>\r\n                    Ordering\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item active\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"true\"\r\n                    >\r\n                        <span>How do I place an order?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Choose your cookies from the Shop page,\r\n                                select your quantity and choose the market\r\n                                where you'd like to pick up your order.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>When do pre-orders close?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Pre-orders close\r\n                                <strong>[DAY] at [TIME]<\/strong>\r\n                                for the upcoming market.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>Can I order after the deadline?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Orders placed after the deadline may not\r\n                                be available for that week's market.\r\n                                Check our latest market announcement\r\n                                for availability.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =====================================\r\n                 02 PICKUP\r\n            ====================================== -->\r\n            <div class=\"faq-category\">\r\n\r\n                <div class=\"category-title\">\r\n                    <span>02<\/span>\r\n                    Pickup\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>Where do I pick up my order?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Orders are picked up at our booth during\r\n                                the selected market's operating hours.\r\n                                Your selected pickup location will be\r\n                                shown with your order details.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>What happens if I'm late?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Please contact us as soon as possible.\r\n                                We cannot guarantee availability outside\r\n                                the designated pickup window.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =====================================\r\n                 03 STORAGE\r\n            ====================================== -->\r\n            <div class=\"faq-category\">\r\n\r\n                <div class=\"category-title\">\r\n                    <span>03<\/span>\r\n                    Storage\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>How should I store my cookies?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Keep cookies in an airtight container\r\n                                at room temperature and enjoy within\r\n                                <strong>[X] days<\/strong>\r\n                                for best quality.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>Can I freeze them?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Yes. Place cookies in an airtight,\r\n                                freezer-safe container or bag.\r\n                                Allow them to thaw before serving.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>How do I make them gooey again?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n                        <div class=\"faq-answer-inner\">\r\n                            <p>\r\n                                Warm the cookie briefly before serving.\r\n                                Exact heating time will depend on your\r\n                                cookie size and appliance.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =====================================\r\n                 04 CANCELLATIONS\r\n            ====================================== -->\r\n            <div class=\"faq-category\">\r\n\r\n                <div class=\"category-title\">\r\n                    <span>04<\/span>\r\n                    Cancellations\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n                        <span>Can I cancel or modify my order?<\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n                    <\/button>\r\n\r\n                    <div class=\"faq-answer\">\r\n\r\n                        <div class=\"faq-answer-inner\">\r\n\r\n                            <div class=\"policy-box\">\r\n\r\n                                <strong>\r\n                                    Cancellation Policy\r\n                                <\/strong>\r\n\r\n                                <p>\r\n                                    Pre-orders may be cancelled or\r\n                                    modified up to\r\n                                    <strong>\r\n                                        48 hours before the selected market.\r\n                                    <\/strong>\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Orders cancelled less than 48 hours\r\n                                    before market day may not be eligible\r\n                                    for a refund because ingredients and\r\n                                    baking preparations may already have\r\n                                    been completed.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =====================================\r\n                 05 MISSED PICKUP\r\n            ====================================== -->\r\n            <div class=\"faq-category\">\r\n\r\n                <div class=\"category-title\">\r\n                    <span>05<\/span>\r\n                    Missed Pickup\r\n                <\/div>\r\n\r\n\r\n                <div class=\"faq-item\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"faq-question\"\r\n                        aria-expanded=\"false\"\r\n                    >\r\n\r\n                        <span>\r\n                            What happens if I don't pick up my order?\r\n                        <\/span>\r\n\r\n                        <span class=\"faq-icon\">\r\n                            +\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"faq-answer\">\r\n\r\n                        <div class=\"faq-answer-inner\">\r\n\r\n                            <div class=\"policy-box\">\r\n\r\n                                <strong>\r\n                                    No-Show Policy\r\n                                <\/strong>\r\n\r\n                                <p>\r\n                                    If you are unable to collect your order\r\n                                    during the selected market's pickup\r\n                                    hours, please contact us as soon as\r\n                                    possible.\r\n                                <\/p>\r\n\r\n                                <p>\r\n                                    Because our cookies are freshly prepared\r\n                                    for each market, unclaimed orders may\r\n                                    not be available for later pickup or\r\n                                    refund.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             RIGHT \u2014 CONTACT AREA\r\n        ========================================== -->\r\n        <div class=\"contact-area\">\r\n\r\n            <div class=\"contact-card\">\r\n\r\n                <div class=\"contact-glow\"><\/div>\r\n\r\n                <div class=\"contact-top\">\r\n\r\n                    <div class=\"contact-number\">\r\n                        06\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-label\">\r\n                        GET IN TOUCH\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    Let's Talk<br>\r\n                    <em>Cookies.<\/em>\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"contact-description\">\r\n                    Have a question, planning an event, or interested\r\n                    in a larger order? We'd love to hear from you.\r\n                <\/p>\r\n\r\n\r\n                <form class=\"cookie-contact-form\">\r\n\r\n                    <div class=\"form-group\">\r\n\r\n                        <label for=\"cookie-name\">\r\n                            Name\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"cookie-name\"\r\n                            name=\"name\"\r\n                            placeholder=\"Your name\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"form-group\">\r\n\r\n                        <label for=\"cookie-email\">\r\n                            Email\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"email\"\r\n                            id=\"cookie-email\"\r\n                            name=\"email\"\r\n                            placeholder=\"you@example.com\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"form-group\">\r\n\r\n                        <label for=\"cookie-phone\">\r\n                            Phone <span>(optional)<\/span>\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"tel\"\r\n                            id=\"cookie-phone\"\r\n                            name=\"phone\"\r\n                            placeholder=\"Your phone number\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"form-group\">\r\n\r\n                        <label for=\"cookie-reason\">\r\n                            Reason for contacting us\r\n                        <\/label>\r\n\r\n                        <select\r\n                            id=\"cookie-reason\"\r\n                            name=\"reason\"\r\n                            required\r\n                        >\r\n\r\n                            <option\r\n                                value=\"\"\r\n                                selected\r\n                                disabled\r\n                            >\r\n                                Select an option\r\n                            <\/option>\r\n\r\n                            <option value=\"general\">\r\n                                General Question\r\n                            <\/option>\r\n\r\n                            <option value=\"custom\">\r\n                                Custom Order\r\n                            <\/option>\r\n\r\n                            <option value=\"catering\">\r\n                                Catering\r\n                            <\/option>\r\n\r\n                            <option value=\"large-order\">\r\n                                Large Order\r\n                            <\/option>\r\n\r\n                            <option value=\"market\">\r\n                                Market Information\r\n                            <\/option>\r\n\r\n                            <option value=\"other\">\r\n                                Other\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"form-group\">\r\n\r\n                        <label for=\"cookie-message\">\r\n                            Message\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            id=\"cookie-message\"\r\n                            name=\"message\"\r\n                            rows=\"5\"\r\n                            placeholder=\"Tell us what's on your mind...\"\r\n                            required\r\n                        ><\/textarea>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"send-message-btn\"\r\n                    >\r\n\r\n                        <span>\r\n                            Send Message\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12h13M13 6l6 6-6 6\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"1.8\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/button>\r\n\r\n                <\/form>\r\n\r\n\r\n                <div class=\"contact-note\">\r\n\r\n                    <span class=\"note-dot\"><\/span>\r\n\r\n                    <span>\r\n                        We usually respond within\r\n                        <strong>\r\n                            1\u20132 business days.\r\n                        <\/strong>\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET \/ SCOPE\r\n========================================================= *\/\r\n\r\n.faq-contact-section,\r\n.faq-contact-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN SECTION\r\n========================================================= *\/\r\n\r\n.faq-contact-section {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 100px 5vw 110px;\r\n\r\n    overflow: visible;\r\n\r\n    color: #ffffff;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 48%,\r\n            rgba(216,150,69,.17),\r\n            transparent 28%\r\n        ),\r\n        radial-gradient(\r\n            circle at 15% 20%,\r\n            rgba(218,145,58,.09),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #100905 0%,\r\n            #211109 48%,\r\n            #0c0604 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.faq-contact-grid {\r\n\r\n    width: min(1380px, 100%);\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(0,1fr);\r\n\r\n    gap: 70px;\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT FAQ\r\n========================================================= *\/\r\n\r\n.faq-area {\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.section-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    color: #d89645;\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .22em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.section-eyebrow::before {\r\n\r\n    content: \"\";\r\n\r\n    width: 36px;\r\n    height: 1px;\r\n\r\n    background: #d89645;\r\n}\r\n\r\n\r\n.faq-area h2 {\r\n\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(52px,5.4vw,82px);\r\n\r\n    line-height: .91;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -.045em;\r\n}\r\n\r\n\r\n.faq-area h2 em {\r\n\r\n    color: #d89645;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n.faq-intro {\r\n\r\n    max-width: 560px;\r\n\r\n    margin: 27px 0 55px;\r\n\r\n    color: rgba(255,255,255,.58);\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY\r\n========================================================= *\/\r\n\r\n.faq-category {\r\n\r\n    width: 100%;\r\n\r\n    margin-bottom: 42px;\r\n}\r\n\r\n\r\n.category-title {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    width: 100%;\r\n\r\n    padding: 0 0 15px;\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.15);\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .18em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.category-title span {\r\n\r\n    color: #d89645;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ ITEM\r\n========================================================= *\/\r\n\r\n.faq-item {\r\n\r\n    width: 100%;\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ QUESTION\r\n   ELEMENTOR HOVER COMPLETELY DISABLED\r\n========================================================= *\/\r\n\r\n.faq-contact-section .faq-question {\r\n\r\n    appearance: none !important;\r\n\r\n    -webkit-appearance: none !important;\r\n\r\n    width: 100% !important;\r\n\r\n    min-height: 72px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 25px;\r\n\r\n    padding: 20px 2px !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    border: 0 !important;\r\n\r\n    outline: 0 !important;\r\n\r\n    background: transparent !important;\r\n\r\n    background-color: transparent !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.4;\r\n\r\n    box-shadow: none !important;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMOVE ALL HOVER COLORS\r\n========================================================= *\/\r\n\r\n.faq-contact-section .faq-question:hover,\r\n.faq-contact-section .faq-question:focus,\r\n.faq-contact-section .faq-question:focus-visible,\r\n.faq-contact-section .faq-question:active {\r\n\r\n    background: transparent !important;\r\n\r\n    background-color: transparent !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    border: 0 !important;\r\n\r\n    border-color: transparent !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    outline: none !important;\r\n\r\n    transform: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMOVE ELEMENTOR PSEUDO EFFECTS\r\n========================================================= *\/\r\n\r\n.faq-contact-section .faq-question::before,\r\n.faq-contact-section .faq-question::after,\r\n.faq-contact-section .faq-question:hover::before,\r\n.faq-contact-section .faq-question:hover::after,\r\n.faq-contact-section .faq-question:focus::before,\r\n.faq-contact-section .faq-question:focus::after {\r\n\r\n    content: none !important;\r\n\r\n    display: none !important;\r\n\r\n    background: transparent !important;\r\n\r\n    opacity: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    transform: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ TEXT \u2014 ALWAYS WHITE\r\n========================================================= *\/\r\n\r\n.faq-contact-section .faq-question > span:first-child,\r\n.faq-contact-section .faq-question:hover > span:first-child,\r\n.faq-contact-section .faq-question:focus > span:first-child {\r\n\r\n    color: #ffffff !important;\r\n\r\n    background: transparent !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.faq-icon {\r\n\r\n    position: relative;\r\n\r\n    flex: 0 0 34px;\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid rgba(216,150,69,.45);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: #d89645;\r\n\r\n    background: transparent !important;\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 20px;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n\/* Icon hover remains unchanged *\/\r\n\r\n.faq-contact-section .faq-question:hover .faq-icon,\r\n.faq-contact-section .faq-question:focus .faq-icon {\r\n\r\n    background: transparent !important;\r\n\r\n    color: #d89645 !important;\r\n\r\n    border-color:\r\n        rgba(216,150,69,.45) !important;\r\n\r\n    transform: none !important;\r\n}\r\n\r\n\r\n\/* Active icon *\/\r\n\r\n.faq-item.active .faq-icon {\r\n\r\n    transform: rotate(45deg);\r\n\r\n    background: #d89645 !important;\r\n\r\n    border-color: #d89645 !important;\r\n\r\n    color: #100905 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ ANSWER\r\n========================================================= *\/\r\n\r\n.faq-answer {\r\n\r\n    display: grid;\r\n\r\n    grid-template-rows: 0fr;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        grid-template-rows .4s ease,\r\n        opacity .3s ease;\r\n}\r\n\r\n\r\n.faq-answer-inner {\r\n\r\n    min-height: 0;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.faq-answer p {\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        0 50px 0 2px;\r\n\r\n    color: rgba(255,255,255,.58);\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n.faq-item.active .faq-answer {\r\n\r\n    grid-template-rows: 1fr;\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n.faq-item.active .faq-answer p {\r\n\r\n    padding-bottom: 25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POLICY BOX\r\n========================================================= *\/\r\n\r\n.policy-box {\r\n\r\n    margin:\r\n        2px 0 24px;\r\n\r\n    padding:\r\n        21px 23px;\r\n\r\n    border-left:\r\n        3px solid #d89645;\r\n\r\n    background:\r\n        rgba(216,150,69,.07);\r\n}\r\n\r\n\r\n.policy-box strong {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: #d89645;\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.policy-box p {\r\n\r\n    margin:\r\n        0 0 10px;\r\n\r\n    padding: 0 !important;\r\n}\r\n\r\n\r\n.policy-box p:last-child {\r\n\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTACT\r\n========================================================= *\/\r\n\r\n.contact-area {\r\n\r\n    position: sticky;\r\n\r\n    top: 30px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n.contact-card {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 42px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #241209,\r\n            #130905\r\n        );\r\n\r\n    border:\r\n        1px solid rgba(216,150,69,.18);\r\n\r\n    box-shadow:\r\n        0 30px 90px rgba(0,0,0,.38);\r\n}\r\n\r\n\r\n.contact-glow {\r\n\r\n    position: absolute;\r\n\r\n    width: 320px;\r\n    height: 320px;\r\n\r\n    top: -180px;\r\n    right: -130px;\r\n\r\n    border:\r\n        1px solid rgba(216,150,69,.22);\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.contact-glow::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 210px;\r\n    height: 210px;\r\n\r\n    top: 55px;\r\n    left: 55px;\r\n\r\n    border:\r\n        1px solid rgba(216,150,69,.12);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT TOP\r\n========================================================= *\/\r\n\r\n.contact-top {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-bottom: 38px;\r\n}\r\n\r\n\r\n.contact-number {\r\n\r\n    color: #d89645;\r\n\r\n    font-family: Georgia,serif;\r\n\r\n    font-size: 18px;\r\n}\r\n\r\n\r\n.contact-label {\r\n\r\n    color: rgba(216,150,69,.9);\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .18em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT HEADING\r\n========================================================= *\/\r\n\r\n.contact-card h3 {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(45px,4vw,65px);\r\n\r\n    line-height: .92;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -.045em;\r\n}\r\n\r\n\r\n.contact-card h3 em {\r\n\r\n    color: #d89645;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.contact-description {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    max-width: 500px;\r\n\r\n    margin: 25px 0 36px;\r\n\r\n    color: rgba(255,255,255,.58);\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.cookie-contact-form {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n.form-group {\r\n\r\n    width: 100%;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n.form-group label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    color: rgba(255,255,255,.62);\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .14em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.form-group label span {\r\n\r\n    color: rgba(255,255,255,.38);\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 0;\r\n\r\n    text-transform: lowercase;\r\n}\r\n\r\n\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        7px 15px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.16);\r\n\r\n    outline: none;\r\n\r\n    border-radius: 0;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.4;\r\n\r\n    transition: none !important;\r\n}\r\n\r\n\r\n\/* Input hover does not change *\/\r\n\r\n.form-group input:hover,\r\n.form-group select:hover,\r\n.form-group textarea:hover {\r\n\r\n    border-color:\r\n        rgba(255,255,255,.16) !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.045) !important;\r\n\r\n    box-shadow: none !important;\r\n}\r\n\r\n\r\n.form-group input::placeholder,\r\n.form-group textarea::placeholder {\r\n\r\n    color: rgba(255,255,255,.3);\r\n}\r\n\r\n\r\n\/* Focus remains for usability *\/\r\n\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n\r\n    border-color: #d89645;\r\n\r\n    background:\r\n        rgba(216,150,69,.06);\r\n\r\n    box-shadow:\r\n        0 0 0 3px rgba(216,150,69,.07);\r\n}\r\n\r\n\r\n.form-group textarea {\r\n\r\n    min-height: 120px;\r\n\r\n    resize: vertical;\r\n}\r\n\r\n\r\n.form-group select {\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.form-group select option {\r\n\r\n    background: #211109;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEND BUTTON\r\n   NO HOVER COLOR\r\n========================================================= *\/\r\n\r\n.send-message-btn {\r\n\r\n    appearance: none !important;\r\n\r\n    -webkit-appearance: none !important;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 56px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 7px;\r\n\r\n    padding:\r\n        15px 19px;\r\n\r\n    border: 0 !important;\r\n\r\n    border-radius: 0;\r\n\r\n    outline: 0;\r\n\r\n   background: linear-gradient(135deg, #f5c77f, #d9953e);\r\n\r\n    color: #130905 !important;\r\n\r\n    cursor: pointer;\r\n    border-radius: 50px;\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .15em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition: none !important;\r\n\r\n    transform: none !important;\r\n\r\n    box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* Force button to stay identical on hover *\/\r\n\r\n.faq-contact-section .send-message-btn:hover,\r\n.faq-contact-section .send-message-btn:focus,\r\n.faq-contact-section .send-message-btn:focus-visible,\r\n.faq-contact-section .send-message-btn:active {\r\n\r\n    background: #d89645 !important;\r\n\r\n    background-color: #d89645 !important;\r\n\r\n    color: #130905 !important;\r\n\r\n    border: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    transform: none !important;\r\n\r\n    outline: none !important;\r\n}\r\n\r\n\r\n.send-message-btn svg {\r\n\r\n    width: 22px;\r\n\r\n    height: 22px;\r\n\r\n    transition: none !important;\r\n\r\n    transform: none !important;\r\n}\r\n\r\n\r\n.send-message-btn:hover svg {\r\n\r\n    transform: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n========================================================= *\/\r\n\r\n.contact-note {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    margin-top: 23px;\r\n\r\n    color: rgba(255,255,255,.4);\r\n\r\n    font-family: Arial,sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.contact-note strong {\r\n\r\n    color: rgba(255,255,255,.68);\r\n}\r\n\r\n\r\n.note-dot {\r\n\r\n    flex: 0 0 6px;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #d89645;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .faq-contact-section {\r\n\r\n        padding:\r\n            80px 5vw 90px;\r\n    }\r\n\r\n\r\n    .faq-contact-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 55px;\r\n    }\r\n\r\n\r\n    .contact-area {\r\n\r\n        position: relative;\r\n\r\n        top: auto;\r\n    }\r\n\r\n\r\n    .contact-card {\r\n\r\n        max-width: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .faq-contact-section {\r\n\r\n        padding:\r\n            65px 20px 75px;\r\n    }\r\n\r\n\r\n    .faq-area h2 {\r\n\r\n        font-size: 51px;\r\n    }\r\n\r\n\r\n    .faq-intro {\r\n\r\n        margin:\r\n            25px 0 42px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .faq-category {\r\n\r\n        margin-bottom: 34px;\r\n    }\r\n\r\n\r\n    .category-title {\r\n\r\n        font-size: 10px;\r\n    }\r\n\r\n\r\n    .faq-question {\r\n\r\n        min-height: 65px;\r\n\r\n        padding:\r\n            17px 0 !important;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    .faq-icon {\r\n\r\n        flex-basis: 30px;\r\n\r\n        width: 30px;\r\n\r\n        height: 30px;\r\n\r\n        font-size: 18px;\r\n    }\r\n\r\n\r\n    .faq-answer p {\r\n\r\n        padding-right: 5px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.75;\r\n    }\r\n\r\n\r\n    .contact-card {\r\n\r\n        padding:\r\n            30px 22px;\r\n    }\r\n\r\n\r\n    .contact-top {\r\n\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n\r\n    .contact-card h3 {\r\n\r\n        font-size: 47px;\r\n    }\r\n\r\n\r\n    .contact-description {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .faq-contact-section {\r\n\r\n        padding-left: 16px;\r\n\r\n        padding-right: 16px;\r\n    }\r\n\r\n\r\n    .faq-area h2 {\r\n\r\n        font-size: 45px;\r\n    }\r\n\r\n\r\n    .contact-card {\r\n\r\n        padding:\r\n            27px 18px;\r\n    }\r\n\r\n\r\n    .contact-card h3 {\r\n\r\n        font-size: 42px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/*\r\n===========================================================\r\n   FAQ SYSTEM\r\n===========================================================\r\n*\/\r\n\r\n(function () {\r\n\r\n    function initCookieFAQs() {\r\n\r\n        const sections =\r\n            document.querySelectorAll(\r\n                \".faq-contact-section\"\r\n            );\r\n\r\n        if (!sections.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        sections.forEach(function (section) {\r\n\r\n            const faqItems =\r\n                section.querySelectorAll(\r\n                    \".faq-item\"\r\n                );\r\n\r\n\r\n            faqItems.forEach(function (item) {\r\n\r\n                const button =\r\n                    item.querySelector(\r\n                        \".faq-question\"\r\n                    );\r\n\r\n                const answer =\r\n                    item.querySelector(\r\n                        \".faq-answer\"\r\n                    );\r\n\r\n\r\n                if (!button || !answer) {\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    button.dataset.faqReady === \"true\"\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n                button.dataset.faqReady = \"true\";\r\n\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function (event) {\r\n\r\n                        event.preventDefault();\r\n\r\n                        event.stopPropagation();\r\n\r\n\r\n                        const isOpen =\r\n                            item.classList.contains(\r\n                                \"active\"\r\n                            );\r\n\r\n\r\n                        \/*\r\n                        CLOSE ALL FAQS\r\n                        *\/\r\n\r\n                        faqItems.forEach(\r\n                            function (otherItem) {\r\n\r\n                                otherItem.classList.remove(\r\n                                    \"active\"\r\n                                );\r\n\r\n\r\n                                const otherButton =\r\n                                    otherItem.querySelector(\r\n                                        \".faq-question\"\r\n                                    );\r\n\r\n\r\n                                if (otherButton) {\r\n\r\n                                    otherButton.setAttribute(\r\n                                        \"aria-expanded\",\r\n                                        \"false\"\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        \/*\r\n                        OPEN CLICKED FAQ\r\n                        *\/\r\n\r\n                        if (!isOpen) {\r\n\r\n                            item.classList.add(\r\n                                \"active\"\r\n                            );\r\n\r\n                            button.setAttribute(\r\n                                \"aria-expanded\",\r\n                                \"true\"\r\n                            );\r\n\r\n                        }\r\n\r\n                    },\r\n                    false\r\n                );\r\n\r\n            });\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n    INITIAL LOAD\r\n    *\/\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initCookieFAQs\r\n        );\r\n\r\n    } else {\r\n\r\n        initCookieFAQs();\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n    ELEMENTOR SUPPORT\r\n    *\/\r\n\r\n    if (\r\n        typeof jQuery !== \"undefined\"\r\n    ) {\r\n\r\n        jQuery(window).on(\r\n            \"elementor\/frontend\/init\",\r\n            function () {\r\n\r\n                if (\r\n                    typeof elementorFrontend !==\r\n                    \"undefined\"\r\n                ) {\r\n\r\n                    elementorFrontend.hooks.addAction(\r\n                        \"frontend\/element_ready\/widget\",\r\n                        function () {\r\n\r\n                            initCookieFAQs();\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    elementorFrontend.hooks.addAction(\r\n                        \"frontend\/element_ready\/shortcode.default\",\r\n                        function () {\r\n\r\n                            initCookieFAQs();\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    elementorFrontend.hooks.addAction(\r\n                        \"frontend\/element_ready\/html.default\",\r\n                        function () {\r\n\r\n                            initCookieFAQs();\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n    EXTRA INITIALIZATION\r\n    *\/\r\n\r\n    setTimeout(\r\n        initCookieFAQs,\r\n        500\r\n    );\r\n\r\n\r\n    setTimeout(\r\n        initCookieFAQs,\r\n        1500\r\n    );\r\n\r\n\r\n})();\r\n\r\n\r\n\/*\r\n===========================================================\r\n   CONTACT FORM DEMO\r\n===========================================================\r\n*\/\r\n\r\n(function () {\r\n\r\n    function initContactForm() {\r\n\r\n        const forms =\r\n            document.querySelectorAll(\r\n                \".faq-contact-section .cookie-contact-form\"\r\n            );\r\n\r\n\r\n        forms.forEach(function (form) {\r\n\r\n            if (\r\n                form.dataset.formReady === \"true\"\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            form.dataset.formReady = \"true\";\r\n\r\n\r\n            form.addEventListener(\r\n                \"submit\",\r\n                function (event) {\r\n\r\n                    \/*\r\n                    Demo behavior.\r\n                    Remove preventDefault() when\r\n                    connecting to real form backend.\r\n                    *\/\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    const button =\r\n                        form.querySelector(\r\n                            \".send-message-btn span\"\r\n                        );\r\n\r\n\r\n                    if (!button) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    const originalText =\r\n                        button.textContent;\r\n\r\n\r\n                    button.textContent =\r\n                        \"Message Ready \u2713\";\r\n\r\n\r\n                    setTimeout(\r\n                        function () {\r\n\r\n                            button.textContent =\r\n                                originalText;\r\n\r\n                        },\r\n                        2500\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initContactForm\r\n        );\r\n\r\n    } else {\r\n\r\n        initContactForm();\r\n\r\n    }\r\n\r\n\r\n    setTimeout(\r\n        initContactForm,\r\n        500\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SMALL BATCH \u2022 BAKED FRESH Freshly Baked. Perfectly Gooey. Made for Your Weekend. Small-batch cookies baked fresh for local markets. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":94,"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/cookieswp1.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}