@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

    *{
        margin:0;
        padding:0;
        box-sizing:border-box;
    }

    body{
        font-family:'Cormorant Garamond', serif;
        background:#fff;
        color:#333;
    }

    /* HEADER */
    .nav-menu a{
        font-weight:700;
    }

    .hero-btn,
    .add-cart-btn{
        font-weight:700;
    }


    .icon-link i{
        font-size:20px;
        color:#4b2525;
        transition:.3s ease;
    }

    .icon-link i{
        font-size:21px;
        color:#4b2525;
        transition:.3s ease;
    }

    .icon-link:hover i{
        color:#ef6f7c;
    }

    .cart-icon{
        position:relative;
    }

    .cart-icon small{
        position:absolute;
        top:-16px;
        right:-15px;
        background:#ef6f7c;
        color:#fff;
        width:28px;
        height:28px;
        border-radius:50%;
        font-size:13px;
        font-weight:700;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    /* HERO */

    .hero{
        height:700px;
        background:
        linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),
        url('https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=1600');
        background-size:cover;
        background-position:center;
        display:flex;
        justify-content:center;
        align-items:center;
        text-align:center;
    }

    .hero-content{
        color:white;
        max-width:760px;
        padding:0 20px;
    }

    .hero-content h4{
        font-size:18px;
        letter-spacing:2px;
        margin-bottom:15px;
    }

    .hero-content h1{
        font-size:60px;
        line-height:1.15;
        margin:20px 0;
    }

    .hero-content p{
        font-size:18px;
        line-height:1.7;
    }

    .hero-btn{
        display:inline-block;
        margin-top:28px;
        background:#ef6f7c;
        color:#fff;
        padding:15px 38px;
        text-decoration:none;
        border-radius:30px;
        font-weight:600;
    }

    /* SECTIONS */

    .categories,
    .products{
        padding:80px 0;
    }

    .categories{
        background:#f7efe7;
    }

    .section-title{
        text-align:center;
        margin-bottom:40px;
    }

    .section-title h2{
        font-size:40px;
        color:#4b2525;
    }

    .category-grid,
    .product-grid{
        width:90%;
        margin:auto;
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:25px;
    }

    .category-card,
    .product-card{
        padding:15px;
        text-align:center;
        border-radius:15px;
        background:#fff;
        box-shadow:0 5px 20px rgba(0,0,0,.08);
    }

    .product-card p{
        color:#e61446;
        font-size:20px;
        font-weight:600;
        font-family:'Playfair Display', serif;
    }


    .products{
        padding:30px 0;
        background:#fff;
    }

    .product-slider{
        width:75%;
        margin:auto;
        position:relative;
    }

    .product-grid{
        display:grid;
        grid-template-columns:repeat(4, 1fr);
        gap:35px;
    }

    .product-card{
        background:#fff;
        border:1px solid #ddd;
        text-align:center;
        position:relative;
    }

    .product-card img{
        width:100%;
        height:180px;
        object-fit:cover;
    }

    .product-info{
        padding:15px 15px 8px;
    }

    .product-info h3{
        color:#5a2d2d;
        font-size:22px;
        font-family:Georgia, serif;
        margin-bottom:20px;
    }

    .product-info p{
        color:#777;
        font-size:18px;
        font-weight:700;
        margin-bottom:20px;
    }

    .slider-arrow{
        position:absolute;
        top:45%;
        transform:translateY(-50%);
        width:42px;
        height:42px;
        border-radius:50%;
        border:1px solid #ddd;
        background:#fff;
        font-size:35px;
        color:#ccc;
    }

    .slider-arrow.left{
        left:-70px;
    }

    .slider-arrow.right{
        right:-70px;
    }

    .slider-dots{
        text-align:center;
        margin-top:15px;
    }

    .slider-dots span{
        display:inline-block;
        width:14px;
        height:14px;
        border-radius:50%;
        background:#cfd8d3;
        margin:0 6px;
    }

    .slider-dots span.active{
        background:#8c9b94;
    }

    .footer-newsletter{
        background:#f7efe7;
        padding:60px 0;
    }

    .newsletter-inner{
        width:68%;
        margin:auto;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:40px;
    }

    .newsletter-text{
        display:flex;
        align-items:center;
        gap:18px;
    }

    .mail-icon{
        width:52px;
        height:52px;
        background:#ef6f7c;
        color:#fff;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:24px;
    }

    .newsletter-text h3{
        color:#4b2525;
        font-size:20px;
    }

    .newsletter-text p{
        color:#777;
    }

    .newsletter-form{
        display:flex;
        width:360px;
    }

    .newsletter-form input{
        flex:1;
        padding:15px;
        border:1px solid #ddd;
        outline:none;
    }

    .newsletter-form button{
        padding:0 20px;
        border:none;
        background:#ef6f7c;
        color:#fff;
        font-weight:700;
    }

    .social-icons{
        display:flex;
        gap:18px;
    }

    .social-icons a{
        width:46px;
        height:46px;
        border-radius:50%;
        background:#ef6f7c;
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
        font-weight:700;
    }

    /* ================= FOOTER ================= */

    .footer{
        background:#2b1717;
        color:#fff;
        padding:65px 0 0;
    }

    .footer-inner{
        width:68%;
        margin:0 auto;
        display:grid;
        grid-template-columns:2fr 1fr 1.2fr 1.5fr;
        gap:55px;
        align-items:start;
    }

    .footer-col{
        text-align:left;
    }

    .footer-col h3{
        color:#fff;
        font-size:18px;
        font-weight:700;
        text-transform:uppercase;
        line-height:1.25;
        margin-bottom:24px;
    }

    .footer-col p{
        color:#f2e7e4;
        font-size:16px;
        line-height:1.9;
        margin-bottom:14px;
    }

    .footer-col ul{
        list-style:none;
        padding:0;
        margin:0;
    }

    .footer-col ul li{
        display:block;
        margin-bottom:15px;
        color:#f2e7e4;
        font-size:16px;
    }

    .footer-col ul li a,
    .footer-col ul li a:visited{
        display:block;
        color:#fff;
        text-decoration:none;
        font-size:16px;
    }

    .footer-col ul li a:hover{
        color:#fb6f83;
    }

    .footer-bottom{
        margin-top:55px;
        border-top:1px solid rgba(255,255,255,.12);
        text-align:center;
        padding:18px 10px;
        color:#f2e7e4;
        font-size:14px;
    }

    /* TABLET */
    @media(max-width:1024px){
        .footer-inner{
            width:88%;
            grid-template-columns:repeat(2,1fr);
            gap:42px;
        }
    }

    /* MOBILE */
    @media(max-width:768px){
        .footer{
            padding:45px 0 0;
        }

        .footer-inner{
            width:82%;
            grid-template-columns:1fr;
            gap:34px;
        }

        .footer-col{
            text-align:left;
        }

        .footer-col h3{
            font-size:18px;
            margin-bottom:18px;
        }

        .footer-col p,
        .footer-col ul li,
        .footer-col ul li a{
            font-size:16px;
            line-height:1.8;
        }

        .footer-bottom{
            margin-top:35px;
            font-size:13px;
        }
        
    }
    .footer-col ul li a,
    .footer-col ul li a:visited,
    .footer-col ul li a:active{
        display:block;
        color:#fff !important;
        text-decoration:none !important;
    }

    .footer-col ul li{
        display:block;
        margin-bottom:15px;
    }

    @media(max-width:992px){
        .newsletter-inner,
        .footer-inner{
            width:90%;
        }

        .newsletter-inner{
            flex-direction:column;
            align-items:flex-start;
        }

        .footer-inner{
            grid-template-columns:1fr 1fr;
        }
    }

    @media(max-width:576px){
        .newsletter-form{
            width:100%;
        }

        .footer-inner{
            grid-template-columns:1fr;
        }
    }

    .product-info h3 a{
        color:#4b2525;
        text-decoration:none;
    }

    .product-info h3 a:hover{
        color:#ef6f7c;
    }

    /* PRODUCT DETAIL PAGE - REDUCED SIZE */

    .product-detail-page{
        padding:25px 0;
    }

    .product-detail-container{
        width:85%;
        margin:auto;
        display:grid;
        grid-template-columns:0.95fr 1fr;
        gap:35px;
        align-items:start;
    }

    .product-left{
        display:flex;
        gap:14px;
    }

    .thumbs{
        display:flex;
        flex-direction:column;
        gap:14px;
    }

    .thumbs img{
        width:82px;
        height:82px;
        object-fit:cover;
        border:2px solid #ef6f7c;
        border-radius:6px;
    }

    .main-product-image img{
        width:100%;
        height:500px;
        object-fit:cover;
        border:2px solid #ef6f7c;
        border-radius:8px;
    }

    .product-right h1{
        font-size:34px;
        margin-bottom:8px;
        line-height:1.1;
    }

    .reviews{
        font-size:15px;
        margin-bottom:4px;
    }

    .detail-price{
        font-size:27px;
        font-weight:600;
        margin-bottom:22px;
        font-family:'Playfair Display', serif;
        color:#e61446;
    }

    .detail-price span{
        font-size:15px;
        font-weight:400;
        margin-left:8px;
    }

    .option-block{
        margin-bottom:20px;
    }

    .option-block h3{
        font-size:21px;
        margin-bottom:10px;
    }

    .option-btn{
        padding:8px 18px;
        border:1px solid #ef6f7c;
        background:#fff;
        border-radius:7px;
        margin:0 7px 8px 0;
        font-size:15px;
        cursor:pointer;
    }

    .option-btn.active{
        background:#ef6f7c;
    }

    .cake-message{
        width:100%;
        padding:12px 14px;
        border:1px solid #ef6f7c;
        border-radius:7px;
        font-size:15px;
    }

    .detail-cart-btn{
        width:260px;
        height:50px;
        display:block;
        margin:0 auto 25px;
        border:none;
        background:#ef6f7c;
        color:#fff;
        font-size:18px;
        font-weight:600;
        cursor:pointer;
        border-radius:6px;
    }

    .product-description{
        font-size:16px;
        line-height:1.6;
    }


    .category-page{
        width:85%;
        margin:50px auto;
    }

    .category-page .section-title p{
        font-size:18px;
        color:#777;
    }

    .category-page-grid{
        display:grid;
        grid-template-columns:repeat(4, 1fr);
        gap:30px;
        margin-top:35px;
    }

    .category-page-card{
        background:#fff;
        border:1px solid #ddd;
        border-radius:16px;
        text-align:center;
        padding:20px;
        box-shadow:0 5px 20px rgba(0,0,0,.08);
    }

    .category-page-card img{
        width:100%;
        height:190px;
        object-fit:cover;
        border-radius:12px;
        margin-bottom:18px;
    }

    .category-page-card h3{
        font-size:24px;
        color:#4b2525;
        margin-bottom:15px;
    }

    .category-view-btn{
        display:inline-block;
        background:#ef6f7c;
        color:#fff;
        padding:10px 28px;
        border-radius:25px;
        text-decoration:none;
        font-weight:700;
    }

    @media(max-width:992px){
        .category-page-grid{
            grid-template-columns:repeat(2, 1fr);
        }
    }

    @media(max-width:576px){
        .category-page-grid{
            grid-template-columns:1fr;
        }
    }

    .checkout-page{
        width:90%;
        margin:40px auto;
    }

    .checkout-page h1{
        font-size:42px;
        margin-bottom:25px;
        color:#4b2525;
    }

    .checkout-container{
        display:grid;
        grid-template-columns:1.4fr .9fr;
        gap:40px;
        align-items:start;
    }

    .checkout-form-box,
    .checkout-summary-box{
        border:1px solid #ddd;
        border-radius:12px;
        padding:28px;
        background:#fff;
        box-shadow:0 5px 18px rgba(0,0,0,.06);
    }

    .checkout-form-box h2,
    .checkout-summary-box h2{
        font-size:28px;
        color:#4b2525;
        margin-bottom:20px;
    }

    .form-row{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px;
        margin-bottom:18px;
    }

    .checkout-form-box input,
    .checkout-form-box textarea{
        width:100%;
        padding:14px 16px;
        border:1px solid #ddd;
        border-radius:8px;
        font-size:16px;
        font-family:'Cormorant Garamond', serif;
    }

    .checkout-form-box textarea{
        min-height:90px;
        margin-bottom:18px;
        resize:vertical;
    }

    .place-order-btn{
        background:#ef6f7c;
        color:#fff;
        border:none;
        padding:14px 40px;
        border-radius:6px;
        font-size:20px;
        font-weight:700;
        cursor:pointer;
    }

    .checkout-item{
        display:flex;
        gap:14px;
        padding:15px 0;
        border-bottom:1px solid #eee;
    }

    .checkout-item img{
        width:90px;
        height:90px;
        object-fit:cover;
        border-radius:8px;
    }

    .checkout-item h3{
        font-size:20px;
        color:#4b2525;
    }

    .checkout-item p{
        font-size:15px;
        color:#666;
    }

    .summary-line{
        display:flex;
        justify-content:space-between;
        margin-top:18px;
        font-size:18px;
    }

    .summary-line.grand{
        border-top:1px solid #ddd;
        padding-top:18px;
        font-size:24px;
        color:#4b2525;
    }

    @media(max-width:992px){
        .checkout-container{
            grid-template-columns:1fr;
        }
    }

    @media(max-width:576px){
        .form-row{
            grid-template-columns:1fr;
        }
    }

    .order-success-page{
        width:90%;
        margin:60px auto;
        display:flex;
        justify-content:center;
    }

    .order-success-box{
        width:520px;
        text-align:center;
        border:1px solid #ddd;
        border-radius:16px;
        padding:45px 35px;
        box-shadow:0 5px 20px rgba(0,0,0,.08);
    }

    .order-success-box h1{
        font-size:48px;
        color:#4b2525;
        margin-bottom:15px;
    }

    .order-success-box h2{
        font-size:28px;
        color:#ef6f7c;
        margin-bottom:25px;
    }

    .order-success-box p{
        font-size:18px;
        color:#777;
        margin-top:15px;
    }

    .order-success-box h3{
        font-size:24px;
        color:#4b2525;
    }

    .success-note{
        margin:25px 0;
    }

    .continue-btn{
        display:inline-block;
        background:#ef6f7c;
        color:#fff;
        padding:13px 35px;
        border-radius:6px;
        text-decoration:none;
        font-size:18px;
    }

    /*================ ALL CAKES PAGE FINAL ================= */

    .all-recipes-page{
        width:100%;
        margin:0;
        padding:35px 4% 60px;
        background:#fff1ec;
        text-align:center;
    }

    .cake-filter-menu{
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
        gap:28px;
        margin:15px 0 25px;
    }
    .cake-filter-menu a{
        text-decoration:none;
        color:#3b0804;
        font-size:18px;
        font-weight:700;
    }

    .cake-filter-menu a.active,
    .cake-filter-menu a:hover{
        color:#fb6f83;
    }

    .cake-list-grid{
        display:grid;
        grid-template-columns:repeat(4,260px);
        justify-content:center;
        gap:30px;   /* instead of 40px */
    }
    .cake-list-card{
        width:260px;
        min-height:360px;
        padding:14px;
        background:#fff;
        border:1px solid #f1ded8;
        border-radius:18px;
        box-shadow:0 16px 38px rgba(60,20,15,.12);
    }

    .cake-list-card img{
        width:100%;
        height:180px;
        object-fit:cover;
        border-radius:14px;
    }

    .cake-list-card h3{
        margin:18px 0 42px;
    }

    .cake-list-card h3 a{
        font-family:'Cormorant Garamond', serif;
        font-size:21px;
        font-weight:700;
        color:#3b0804;
        text-decoration:none;
    }

    .card-footer{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
    }

    .cake-price{
        margin:0;
        font-family:"Cinzel", serif;
        font-size:22px;
        font-weight:700;
        color:#3B1F16;
        white-space:nowrap;
    }

    .cake-list-card .add-cart-btn{
        position:static;
        transform:none;
        width:112px;
        height:42px;
        padding:0;
        background:#fb6f83;
        color:#fff;
        border:none;
        border-radius:10px;
        text-decoration:none;
        font-size:15px;
        font-weight:700;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
    }

    @media(max-width:1024px){
        .cake-list-grid{
            grid-template-columns:repeat(2,260px);
        }
    }

    @media(max-width:600px){
        .cake-list-grid{
            grid-template-columns:1fr;
            max-width:310px;
            margin:auto;
        }

        .cake-list-card{
            width:100%;
            max-width:310px;
            min-height:auto;
            margin:auto;
        }

        .cake-list-card img{
            height:205px;
        }
    }
    /* ================= CATEGORY INTRO ================= */

    .category-intro{
        width:90%;
        max-width:1100px;
        margin:35px auto 55px;
        display:grid;
        grid-template-columns:1fr 270px;
        align-items:center;
        gap:45px;
    }

    .category-intro-content{
        text-align:left;
    }

    .category-intro-content span{
        display:inline-block;
        color:#fb6f83;
        font-size:15px;
        font-weight:700;
        letter-spacing:4px;
        text-transform:uppercase;
        margin-bottom:12px;
    }

    .category-intro-content h2{
        font-family:'Cormorant Garamond', serif;
        font-size:46px;
        font-weight:700;
        color:#3b0804;
        line-height:1.08;
        margin-bottom:18px;
    }

    .category-intro-content p{
        max-width:620px;
        font-size:17px;
        line-height:1.8;
        color:#6b4a44;
        margin-bottom:28px;
    }

    .category-intro-btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:180px;
        height:50px;
        background:#fb6f83;
        color:#fff;
        border-radius:40px;
        text-decoration:none;
        font-family:'Cormorant Garamond', serif;
        font-size:18px;
        font-weight:700;
    }

    .category-intro-btn:hover{
        background:#ef5870;
        color:#fff;
    }

    .category-intro-video{
        display:flex;
        justify-content:center;
    }

    .category-intro-video video{
        width:260px;
        height:430px;
        object-fit:cover;
        border-radius:26px;
        display:block;
        box-shadow:0 18px 40px rgba(60,20,15,.16);
    }

    .category-filter{
        margin-top:25px;
    }

    /* TABLET */
    @media(max-width:1024px){
        .category-intro{
            width:92%;
            grid-template-columns:1fr 250px;
            gap:35px;
            margin:35px auto 50px;
        }

        .category-intro-content h2{
            font-size:40px;
        }

        .category-intro-content p{
            font-size:16px;
        }

        .category-intro-video video{
            width:240px;
            height:400px;
        }
    }

    /* MOBILE */
    @media(max-width:768px){
        .category-intro{
            width:100%;
            max-width:100%;
            display:flex;
            flex-direction:column;
            align-items:center;
            gap:26px;
            padding:0 15px;
            margin:35px auto 45px;
        }

        .category-intro-content{
            text-align:center;
        }

        .category-intro-content span{
            font-size:13px;
            letter-spacing:3px;
            margin-bottom:10px;
        }

        .category-intro-content h2{
            font-size:34px;
            margin-bottom:14px;
        }

        .category-intro-content p{
            max-width:100%;
            font-size:16px;
            line-height:1.7;
            margin-bottom:24px;
        }

        .category-intro-video{
            width:100%;
        }

        .category-intro-video video{
            width:260px;
            max-width:88vw;
            height:430px;
            margin:0 auto;
        }
    }
    /* ================= WHATSAPP FLOAT FIX ================= */

    .whatsapp-float{
        position:fixed !important;
        right:22px !important;
        bottom:22px !important;
        left:auto !important;
        top:auto !important;

        width:60px !important;
        height:60px !important;
        border-radius:50% !important;

        background:#25D366 !important;
        color:#fff !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        font-size:34px !important;
        text-decoration:none !important;
        z-index:99999 !important;

        box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
    }

    .whatsapp-float i{
        color:#fff !important;
        font-size:34px !important;
    }

    @media(max-width:768px){
        .whatsapp-float{
            right:14px !important;
            bottom:18px !important;
            width:50px !important;
            height:50px !important;
        }

        .whatsapp-float i{
            font-size:28px !important;
        }
    }
    .footer-col ul li a,
    .footer-col ul li a:visited,
    .footer-col ul li a:active{
        display:block !important;
        color:#fff !important;
        text-decoration:none !important;
    }

    .footer-col ul li{
        display:block !important;
        margin-bottom:15px !important;
    }

    /* ================= HERO DELIVERY LOCATION ================= */

    .hero{
        position:relative;
        padding-top:115px;
    }

    .hero-delivery-strip{
        position:absolute;
        top:52px;
        left:55%;
        transform:translateX(-50%);
        width:100%;
        max-width:1250px;
        z-index:5;

        background:transparent !important;
        border:none !important;
        margin:0 !important;

        padding:0 20px;

        display:flex;
        align-items:center;
        justify-content:center;
        gap:55px;
        overflow:hidden;
    }

    .hero-delivery-strip .delivery-title{
        display:flex;
        align-items:center;
        gap:12px;
        color:#fb6f83;
        font-size:22px;
        font-weight:700;
        white-space:nowrap;
        flex:0 0 auto;
    }

    .hero-delivery-strip .delivery-title i{
        font-size:30px;
    }

    .hero-delivery-strip .delivery-slider{
        position:relative;
        width:760px;
        height:34px;
        overflow:hidden;
        flex:0 0 760px;
    }

    .hero-delivery-strip .delivery-slide{
        position:absolute;
        inset:0;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:22px;
        opacity:0;
        transform:translateY(18px);
        transition:all .6s ease;
    }

    .hero-delivery-strip .delivery-slide.active{
        opacity:1;
        transform:translateY(0);
    }

    .hero-delivery-strip .delivery-slide strong{
        color:#fb6f83;
        font-size:22px;
        font-weight:700;
        min-width:160px;
        text-align:center;
        white-space:nowrap;
    }

    .hero-delivery-strip .delivery-slide span{
        color:#3b0804;
        font-size:19px;
        font-weight:500;
        white-space:nowrap;
    }

    /* TABLET */
    @media(max-width:1024px){
        .hero{
            padding-top:120px;
        }

        .hero-delivery-strip{
            top:48px;
            max-width:900px;
            gap:25px;
            padding:0 18px;
        }

        .hero-delivery-strip .delivery-title{
            font-size:18px;
        }

        .hero-delivery-strip .delivery-title i{
            font-size:24px;
        }

        .hero-delivery-strip .delivery-slider{
            width:520px;
            flex:0 0 520px;
            height:34px;
        }

        .hero-delivery-strip .delivery-slide{
            gap:14px;
        }

        .hero-delivery-strip .delivery-slide strong{
            font-size:18px;
            min-width:120px;
        }

        .hero-delivery-strip .delivery-slide span{
            font-size:16px;
        }
    }

    /* MOBILE */
    @media(max-width:768px){

        .hero{
            padding-top:150px !important;
        }

        .hero-delivery-strip{
            position:absolute;
            top:35px;
            left:0;
            transform:none;
            width:100%;
            max-width:100%;
            padding:0 18px;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            gap:6px;
            overflow:visible;
        }

        .hero-delivery-strip .delivery-title{
            font-size:15px;
            line-height:1.1;
            gap:6px;
            text-align:center;
        }

        .hero-delivery-strip .delivery-title i{
            font-size:18px;
        }

        .hero-delivery-strip .delivery-slider{
            width:100%;
            height:54px;
            flex:unset;
            overflow:hidden;
        }

        .hero-delivery-strip .delivery-slide{
            flex-direction:column;
            justify-content:center;
            align-items:center;
            text-align:center;
            gap:2px;
            width:100%;
        }

        .hero-delivery-strip .delivery-slide strong{
            min-width:auto;
            font-size:15px;
            line-height:1.1;
            white-space:normal;
        }

        .hero-delivery-strip .delivery-slide span{
            font-size:12px;
            line-height:1.35;
            white-space:normal;
            max-width:330px;
        }
    }
    /* ================= CUSTOM CAKES PAGE ================= */

    .custom-hero{
        height:420px;
        background:
            linear-gradient(rgba(239,111,124,.55), rgba(75,37,37,.55)),
            url("/static/images/custom-banner.jpg") center/cover no-repeat;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        color:#fff;
    }

    .custom-hero-content{
        max-width:850px;
        padding:0 20px;
    }

    .custom-hero-content h4{
        font-size:16px;
        letter-spacing:4px;
        margin-bottom:18px;
        font-weight:700;
    }

    .custom-hero-content h1{
        font-size:64px;
        line-height:1.1;
        margin-bottom:22px;
    }

    .custom-hero-content p{
        font-size:19px;
        line-height:1.8;
    }

    .custom-about{
        padding:80px 8%;
        background:#fff;
    }

    .custom-features{
        margin-top:45px;
        display:grid;
        grid-template-columns:repeat(3, 1fr);
        gap:32px;
    }

    .feature-box{
        background:#fff;
        padding:42px 30px;
        border-radius:18px;
        text-align:center;
        box-shadow:0 8px 28px rgba(0,0,0,.08);
        font-size:34px;
    }

    .feature-box h3{
        color:#4b2525;
        font-size:24px;
        margin:18px 0 12px;
    }

    .feature-box p{
        font-size:17px;
        color:#777;
        line-height:1.7;
    }

    .custom-form-section{
        padding:20px 8% 90px;
        background:#fff7f4;
    }

    .custom-form-box{
        max-width:1050px;
        margin:auto;
        background:#fff;
        padding:55px 60px;
        border-radius:22px;
        box-shadow:0 12px 35px rgba(0,0,0,.08);
    }

    .custom-form-box h2{
        text-align:center;
        color:#4b2525;
        font-size:44px;
        margin-bottom:40px;
    }

    .custom-form-box .form-row{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:20px;
        margin-bottom:20px;
    }

    .custom-form-box input,
    .custom-form-box select,
    .custom-form-box textarea{
        width:100%;
        padding:16px 18px;
        border:1px solid #ddd;
        border-radius:10px;
        font-size:16px;
        font-family:'Cormorant Garamond', serif;
        outline:none;
        background:#fff;
        transition:.3s ease;
    }

    .custom-form-box input:focus,
    .custom-form-box select:focus,
    .custom-form-box textarea:focus{
        border-color:#ef6f7c;
        box-shadow:0 0 0 3px rgba(239,111,124,.12);
    }

    .custom-form-box > form > input,
    .custom-form-box > form > textarea{
        margin-bottom:20px;
    }

    .custom-form-box input[type="file"]{
        padding:14px 16px;
    }

    .custom-submit-btn{
        display:block;
        margin:25px auto 0;
        background:#ef6f7c;
        color:#fff;
        border:none;
        padding:16px 48px;
        border-radius:40px;
        font-size:19px;
        font-weight:700;
        cursor:pointer;
        transition:.3s ease;
    }

    .custom-submit-btn:hover{
        background:#4b2525;
        transform:translateY(-2px);
    }

    @media(max-width:992px){
        .custom-hero-content h1{
            font-size:48px;
        }

        .custom-features{
            grid-template-columns:1fr;
        }

        .custom-form-box{
            padding:40px 30px;
        }
    }

    @media(max-width:576px){
        .custom-hero{
            height:360px;
        }

        .custom-hero-content h1{
            font-size:36px;
        }

        .custom-form-box .form-row{
            grid-template-columns:1fr;
        }
    }

    /* MOBILE HERO OVERLAP FIX */
    @media(max-width:768px){

        .hero{
            min-height:auto !important;
            height:auto !important;
            padding-top:170px !important;
            padding-bottom:60px !important;
            display:flex !important;
            flex-direction:column !important;
            gap:28px !important;
            overflow:hidden !important;
        }

        .hero-video{
            position:relative !important;
            width:82% !important;
            max-width:300px !important;
            height:auto !important;
            margin:0 auto !important;
            z-index:2 !important;
        }

        .hero-video video{
            width:100% !important;
            height:auto !important;
            max-height:420px !important;
            object-fit:cover !important;
            border-radius:28px !important;
            display:block !important;
        }

        .categories{
            margin-top:0 !important;
            padding-top:60px !important;
            position:relative !important;
            z-index:3 !important;
        }
    }