@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --delivery-orange: #ff6f00;
    --delivery-orange-light: #ff8c33;
    --delivery-white: #ffffff;
    --delivery-glass: rgba(26,26,26,0.7);
    --delivery-shadow: 0 20px 60px rgba(255,111,0,0.3);
    --delivery-blur: blur(20px);
}

/* Page Wrapper */
.delivery-page-wrapper {
    position: relative;
    min-height: 100vh;
    font-family: 'Poppins', sans-serif;
    color: var(--delivery-white);
    background: linear-gradient(135deg, #0a0a0a, #1a1a1a, #111111);
    overflow-x: hidden;
}

/* --- Particles & Overlay --- */
.delivery-particles-container { position: fixed; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.delivery-particle-layer { position: absolute; width: 100%; height: 100%; }
.neon-orange .delivery-particle { width:4px;height:4px;background:radial-gradient(circle,var(--delivery-orange),transparent);border-radius:50%;opacity:0.4;animation:delivery-float 20s linear infinite;position:absolute;}
.neon-white .delivery-particle { width:3px;height:3px;background:radial-gradient(circle,var(--delivery-white),transparent);border-radius:50%;opacity:0.3;animation:delivery-float 22s linear infinite;position:absolute;}
.delivery-gradient-overlay { position: fixed; top:0; left:0; width:100%; height:100%; background: radial-gradient(circle at 30% 50%, rgba(255,111,0,0.05), transparent); pointer-events:none; z-index:1; }

/* Container */
.delivery-container { position: relative; z-index: 2; max-width: 1400px; margin:0 auto; padding:0 20px; }

/* Hero */
.delivery-hero { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height:90vh; gap:50px; }
.delivery-hero-content { flex:1; max-width:600px; }
.delivery-title { font-size: clamp(2.5rem,5vw,4rem); font-weight:800; margin-bottom:20px; }
.title-highlight { background: linear-gradient(135deg,var(--delivery-orange),var(--delivery-orange-light)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.delivery-subtitle { font-size:1.1rem; line-height:1.6; margin-bottom:30px; color:rgba(255,255,255,0.9); }
.delivery-buttons { display:flex; gap:20px; flex-wrap:wrap; }
.delivery-btn-primary, .delivery-btn-secondary { position:relative; padding:16px 40px; border-radius:50px; text-decoration:none; font-weight:600; font-size:1rem; transition:all 0.4s ease; overflow:hidden; }
.delivery-btn-primary { background: linear-gradient(135deg,var(--delivery-orange),var(--delivery-orange-light)); color: var(--delivery-white); box-shadow: var(--delivery-shadow); }
.delivery-btn-primary:hover { transform: translateY(-5px) scale(1.05); box-shadow:0 25px 80px rgba(255,111,0,0.4); }
.delivery-btn-secondary { background: transparent; color: var(--delivery-orange); border:2px solid var(--delivery-orange); }
.delivery-btn-secondary:hover { background: var(--delivery-orange); color: var(--delivery-white); transform: translateY(-5px); box-shadow: var(--delivery-shadow); }
.btn-glow { position:absolute; top:0; left:-100%; width:100%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: all 0.5s; }
.delivery-btn-primary:hover .btn-glow { left: 100%; }

/* Hero Image */
.delivery-hero-image { flex:1; max-width:600px; }
.image-frame-delivery { position:relative; border-radius:20px; overflow:hidden; box-shadow: var(--delivery-shadow); }
.image-frame-delivery img { width:100%; display:block; transition: transform 0.6s ease; }
.image-frame-delivery:hover img { transform: scale(1.05) rotate(1deg); }
.image-overlay-delivery { position:absolute; inset:0; background:rgba(255,111,0,0.1); mix-blend-mode:overlay; }

/* Services */
.delivery-services { margin:120px 0; text-align:center; }
.section-title-delivery { font-size:2.5rem; font-weight:700; }
.section-subtitle-delivery { font-size:1.1rem; color:rgba(255,255,255,0.8); margin-top:10px; }
.section-divider-delivery { width:60px; height:3px; background:var(--delivery-orange); margin:20px auto; border-radius:10px; }
.services-grid-delivery { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; margin-top:60px; }
.service-card-delivery { padding:30px 20px; border-radius:20px; background:var(--delivery-glass); backdrop-filter: var(--delivery-blur); box-shadow: var(--delivery-shadow); transition:all 0.5s ease; }
.service-card-delivery:hover { transform:translateY(-10px); box-shadow:0 35px 100px rgba(255,111,0,0.5); }
.service-icon { font-size:3rem; margin-bottom:20px; color:var(--delivery-orange); }
.service-heading-delivery { font-size:1.4rem; font-weight:700; margin-bottom:15px; }
.service-text-delivery { color: rgba(255,255,255,0.85); }

/* --- DELIVERY FORM --- */
.delivery-form-section { margin:120px 0; text-align:center; }
.delivery-form-glass { background: var(--delivery-glass); backdrop-filter: var(--delivery-blur); border-radius:20px; padding:40px 30px; max-width:600px; margin:0 auto; box-shadow: var(--delivery-shadow); text-align:left; }
.delivery-form-glass h2 { font-size:2rem; margin-bottom:30px; text-align:center; }
.delivery-form-glass form label { display:block; margin-bottom:8px; font-weight:600; }
.delivery-form-glass form input,
.delivery-form-glass form select { width:100%; padding:12px 15px; margin-bottom:20px; border-radius:10px; border:none; background:rgba(255,255,255,0.05); color:#fff; font-size:1rem; }
.delivery-form-glass form input::placeholder { color: rgba(255,255,255,0.6); }
.delivery-form-glass form button { width:100%; padding:15px; border:none; border-radius:50px; font-weight:700; font-size:1.1rem; color:#fff; background: linear-gradient(135deg,var(--delivery-orange),var(--delivery-orange-light)); position:relative; overflow:hidden; cursor:pointer; transition: all 0.4s ease; }
.delivery-form-glass form button:hover { transform:translateY(-5px) scale(1.05); box-shadow:0 30px 90px rgba(255,111,0,0.4); }
.delivery-form-glass form button .btn-glow { position:absolute; top:0; left:-100%; width:100%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: all 0.5s; }
.delivery-form-glass form button:hover .btn-glow { left:100%; }

/* Steps */
.delivery-steps { margin:120px 0; text-align:center; }
.steps-grid-delivery { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; margin-top:60px; }
.step-card-delivery { background: var(--delivery-glass); backdrop-filter: var(--delivery-blur); border-radius:20px; padding:30px 20px; transition:all 0.5s ease; }
.step-card-delivery:hover { transform:translateY(-10px); box-shadow:0 35px 80px rgba(255,111,0,0.4); }
.step-number-delivery { font-size:2rem; font-weight:800; color:var(--delivery-orange); margin-bottom:15px; }
.step-heading-delivery { font-size:1.4rem; font-weight:700; margin-bottom:10px; }
.step-text-delivery { color: rgba(255,255,255,0.85); }

/* CTA */
.delivery-cta { text-align:center; margin:120px 0; }
.cta-title-delivery { font-size:2.5rem; font-weight:700; }
.cta-subtitle-delivery { font-size:1.1rem; color: rgba(255,255,255,0.85); margin:15px 0 30px 0; }
.cta-btn-primary-delivery { position:relative; display:inline-block; padding:18px 50px; border-radius:50px; font-size:1.1rem; font-weight:700; color:#fff; background: linear-gradient(135deg,var(--delivery-orange),var(--delivery-orange-light)); box-shadow: var(--delivery-shadow); text-decoration:none; overflow:hidden; transition: all 0.4s ease; }
.cta-btn-primary-delivery:hover { transform:translateY(-5px) scale(1.05); box-shadow:0 30px 90px rgba(255,111,0,0.4); }
.cta-btn-primary-delivery .btn-glow { position:absolute; top:0; left:-100%; width:100%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: all 0.5s; }
.cta-btn-primary-delivery:hover .btn-glow { left:100%; }

/* Animations */
@keyframes delivery-float { 0% { transform:translateY(0) translateX(0); opacity:0.4; } 50% { transform:translateY(-50px) translateX(50px); opacity:0.2; } 100% { transform:translateY(0) translateX(0); opacity:0.4; } }

/* Responsive */
@media (max-width:1024px) { .delivery-hero { flex-direction:column; } .delivery-hero-image { max-width:100%; } }