:root{--bg-cream:#fdf2e9;--bg-cream-deep:#fde2d2;--text-brown:#4c2d1f;--headline-blue:#2c3d51;--button-brown:#c6862f;--button-brown-hover:#b47625;--cloud-pink-light:#fbd6dd;--cloud-pink-dark:#f6c1cc;--card-border:#f3d6b4;--card-shadow:#8f653b29;--font-heading:var(--font-serif);--font-accent:var(--font-script);--success-green:#22c55e;--accent-orange:#f97316}.order-online-page{min-height:100vh;color:var(--text-brown);font-family:var(--font-body);background-color:#fff;flex-direction:column;padding-top:2rem;display:flex}.container{width:min(1700px,100%);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}@media (min-width:901px){.container{padding:0 clamp(20px,5vw,100px)}}.order-hero{grid-template-columns:1fr auto;align-items:center;gap:clamp(2rem,4vw,4rem);padding-top:clamp(4rem,8vw,6rem);padding-bottom:clamp(3rem,6vw,5rem);display:grid}.order-hero-content{max-width:600px}.order-eyebrow{color:var(--button-brown);font-family:var(--font-accent);letter-spacing:.02em;margin-bottom:1rem;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:400;display:inline-block}.order-title{font-family:var(--font-heading);color:var(--headline-blue);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:600;line-height:1.2}.order-description{color:var(--text-brown);opacity:.9;margin-bottom:0;font-size:clamp(1.1rem,2.2vw,1.3rem);line-height:1.6}.hero-visual{justify-content:center;align-items:center;display:flex}.delivery-badge{background:linear-gradient(135deg,var(--success-green)0%,#16a34a 100%);color:#fff;border-radius:20px;padding:1.5rem 2rem;transition:transform .3s;transform:rotate(-5deg);box-shadow:0 8px 25px #22c55e4d}.delivery-badge:hover{transform:rotate(-2deg)scale(1.05)}.badge-text{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.section-title{font-family:var(--font-heading);color:var(--headline-blue);text-align:center;letter-spacing:-.01em;margin-bottom:clamp(2rem,4vw,3rem);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600}.order-options{margin-bottom:clamp(4rem,8vw,6rem);margin:2rem 0!important}@media screen and (max-width:600px){.order-options{margin:0 0 4rem!important}}.options-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1.5rem,3vw,2rem);max-width:1200px;margin:0 auto;display:grid}.delivery-card{text-align:center;background:linear-gradient(135deg,#fffffff2 0%,#fbf6f0e6 100%);border:1px solid #f3cfb480;border-radius:20px;flex-direction:column;height:100%;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 5px #7c402114,0 2px 10px #0000000d}.delivery-card:hover{box-shadow:0 5px 5px #7c402126,0 8px 25px #0000001a}.delivery-header{z-index:1;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.delivery-icon{filter:drop-shadow(0 2px 4px #0000001a);justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:.5rem;font-size:3rem;display:flex}.delivery-name{font-family:var(--font-heading);color:var(--headline-blue);text-align:center;letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:700}.delivery-time{color:var(--button-brown);background:linear-gradient(135deg,#c6862f26 0%,#c6862f14 100%);border:1px solid #c6862f33;border-radius:25px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #c6862f1a}@media screen and (max-width:600px){.delivery-time{margin-left:3rem}.delivery-time.mobileHide{display:none}}.delivery-description{color:var(--text-brown);opacity:.9;z-index:1;flex-grow:1;max-width:280px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6;position:relative}.delivery-features{z-index:1;margin:0 0 2rem;padding:0;list-style:none;position:relative}.feature-item{color:var(--text-brown);align-items:center;gap:.8rem;margin-bottom:.8rem;font-size:1rem;display:flex}.feature-check{background:var(--success-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.delivery-button{background:linear-gradient(135deg,var(--button-brown)0%,#8b5a2b 100%);color:#fff;z-index:1;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:180px;padding:1rem 2rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 15px #c6862f4d,0 2px 8px #0000001a}@media screen and (max-width:600px){.delivery-button{padding:.5rem 1rem;font-size:.9rem}}.delivery-button:hover{background:linear-gradient(135deg,#8b5a2b 0%,var(--button-brown)100%);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px #c6862f66,0 4px 15px #00000026}.delivery-button:active{transform:translateY(0)}.button-arrow{transition:transform .3s}.delivery-button:hover .button-arrow{transform:translate(4px)}.custom-card{background:linear-gradient(135deg,#fffffff2 0%,#fbf6f0e6 100%);border:1px solid #f3cfb480}.custom-card .delivery-icon{width:3rem;height:3rem;color:var(--button-brown);margin-bottom:.5rem;font-size:2.2rem}.custom-card .delivery-name{color:var(--headline-blue);font-size:1.2rem}.custom-card .delivery-time{color:var(--button-brown);background:linear-gradient(135deg,#c6862f26 0%,#c6862f14 100%);border:1px solid #c6862f33}.phone-button{background:linear-gradient(135deg,var(--button-brown)0%,#8b5a2b 100%);color:#fff;z-index:1;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:180px;padding:1rem 2rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 15px #c6862f4d,0 2px 8px #0000001a}@media screen and (max-width:600px){.phone-button{padding:.5rem 1rem;font-size:.9rem}}.phone-button .phone-icon{flex-shrink:0}.phone-button:hover{background:linear-gradient(135deg,#8b5a2b 0%,var(--button-brown)100%);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px #c6862f66,0 4px 15px #00000026}.phone-button:active{transform:translateY(0)}.special-offers{margin-bottom:clamp(4rem,8vw,6rem)}.offers-header{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}.offers-subtitle{color:var(--text-brown);opacity:.8;margin-top:1rem;font-size:1.1rem}.offers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,3vw,2rem);display:grid}.offer-card{background:linear-gradient(135deg,#fffffff2 0%,#fdebe0b3 100%);border:1px solid #f3cfb480;border-radius:18px;padding:1.8rem;transition:all .3s;position:relative;overflow:hidden}.offer-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #7c402126}.offer-content{z-index:1;position:relative}.offer-title{font-family:var(--font-heading);color:var(--headline-blue);margin-bottom:.8rem;font-size:1.3rem;font-weight:600}.offer-description{color:var(--text-brown);opacity:.9;margin-bottom:1.2rem;font-size:1rem;line-height:1.5}.offer-pricing{align-items:center;gap:1rem;display:flex}.offer-price{color:var(--button-brown);font-size:1.4rem;font-weight:700}.offer-savings{background:var(--success-green);color:#fff;border-radius:12px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.offer-badge{opacity:.7;font-size:2rem;position:absolute;top:1rem;right:1rem}.custom-orders{margin-bottom:clamp(4rem,8vw,6rem)}.custom-orders-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #f3cfb44d;border-radius:25px;grid-template-columns:1fr auto;align-items:center;gap:clamp(3rem,6vw,4rem);padding:clamp(2.5rem,5vw,4rem);display:grid}.custom-title{font-family:var(--font-heading);color:var(--headline-blue);margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600}.custom-description{color:var(--text-brown);opacity:.9;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.custom-features{flex-wrap:wrap;gap:1.5rem;display:flex}.custom-feature{color:var(--text-brown);align-items:center;gap:.8rem;font-size:1rem;font-weight:500;display:flex}.feature-icon{font-size:1.5rem}.phone-card{background:var(--headline-blue);color:#fff;text-align:center;border-radius:20px;min-width:280px;padding:2rem;box-shadow:0 10px 30px #2c3d514d}.phone-title{font-family:var(--font-heading);color:#fff;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.phone-link{color:var(--headline-blue);background:#fff;border-radius:15px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.phone-link:hover{background:var(--bg-cream);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.phone-icon{flex-shrink:0}.order-info{margin-bottom:clamp(2rem,4vw,3rem)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1.5rem,3vw,2rem);display:grid}.info-card{text-align:center;background:#ffffffb3;border:1px solid #f3cfb466;border-radius:15px;padding:2rem;transition:all .3s}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #7c40211f}.info-title{font-family:var(--font-heading);color:var(--headline-blue);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:flex}.info-text{color:var(--text-brown);opacity:.9;margin:0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.order-hero{text-align:center;grid-template-columns:1fr;gap:2rem}.options-grid,.offers-grid{grid-template-columns:1fr}.custom-orders-content{text-align:center;grid-template-columns:1fr}.custom-features{justify-content:center}.phone-card{width:100%;min-width:auto;max-width:300px;margin:0 auto}.info-grid{grid-template-columns:1fr}}@media (max-width:900px){.order-hero{grid-template-columns:1fr;gap:2rem}.hero-visual{display:none}.order-hero-content{text-align:center;max-width:100%}.options-grid,.delivery-cards-grid{grid-template-columns:1fr}}@media (max-width:600px){.container{padding:0 1.5rem}.order-hero{padding-top:clamp(2rem,6vw,4rem);padding-bottom:clamp(2rem,4vw,3rem)}.section-title{font-size:clamp(1.5rem,6vw,2rem)}.delivery-card,.offer-card{padding:1.5rem}.delivery-icon{background:#c6862f1a;border-radius:50%;width:2.5rem;height:2.5rem;margin-bottom:.3rem;font-size:2rem}.delivery-name{font-size:1.2rem}}@media (max-width:480px){.delivery-card,.offer-card{padding:1.5rem}.custom-orders-content{padding:2rem}.phone-card{padding:1.5rem}.delivery-header{flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.custom-features{flex-direction:column;align-items:center;gap:1rem}}@media (prefers-reduced-motion:reduce){.delivery-card,.offer-card,.info-card,.delivery-button,.phone-link,.delivery-badge{transition:none!important}.delivery-badge:hover,.delivery-card:hover,.offer-card:hover,.info-card:hover{transform:none!important}}