/* Components & Utility Extensions migrated from legacy styles.css */
/* Contact / Info badges */
.contact-info{display:flex;gap:2rem;flex-wrap:wrap;font-size:.85rem}
.contact-info span{display:flex;align-items:center;gap:.5rem}
.contact-info i{color:var(--brand-saffron,#F5B400);font-size:.8rem}

/* Order buttons block */
.order-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}
.order-buttons .btn{width:100%;max-width:280px;justify-content:center;padding:1rem 2rem;border-radius:14px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px rgba(0,0,0,.08);font-size:.9rem}
.order-buttons .btn-primary{background:var(--grad-primary);border:none;color:#fff}
.order-buttons .btn-primary:hover{filter:brightness(1.05)}
.order-buttons .btn-secondary{background:linear-gradient(135deg,#800020,#b87333);color:#fff;border:none}
.order-buttons .btn-secondary:hover{filter:brightness(1.08)}

/* Achievements / Features / Testimonial simplified */
.achievements{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;margin:2rem 0}
.achievement{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid var(--brand-border);border-radius:16px;background:var(--brand-surface);box-shadow:var(--shadow-sm);transition:box-shadow .35s,transform .35s}
.achievement:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.achievement i{color:var(--brand-saffron);font-size:1.1rem;margin-top:.2rem}
.achievement-content h4{font-size:.95rem;font-weight:600;margin-bottom:.25rem;color:var(--brand-crimson)}
.achievement-content p{font-size:.75rem;line-height:1.3;opacity:.75}

.testimonial{background:linear-gradient(135deg,#7A1423,#B4452D);color:#fff;padding:1.6rem 1.4rem;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.testimonial p{font-size:.9rem;line-height:1.5;margin-bottom:.9rem;color:#FFFDFB;-webkit-text-fill-color:currentColor}
.testimonial-author strong{display:block;font-size:.85rem;letter-spacing:.5px}
.testimonial-author span{font-size:.7rem;opacity:.8}

/* Contact Cards */
.contact-item{display:flex;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--brand-border);border-radius:18px;background:var(--brand-surface);box-shadow:var(--shadow-sm);transition:box-shadow .35s, transform .35s}
.contact-item:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.contact-item i{color:var(--brand-crimson);font-size:1.2rem;margin-top:.15rem}
.contact-item h3{font-size:1rem;margin-bottom:.3rem;font-weight:600;color:var(--brand-crimson)}
.contact-item p,.contact-item address{font-size:.75rem;line-height:1.35;opacity:.78;font-style:normal}
.contact-item a{color:var(--brand-crimson);text-decoration:none;position:relative;font-weight:600}
.contact-item a::after{content:'';position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--grad-crimson-gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.contact-item a:hover::after{transform:scaleX(1)}

/* Enhanced Contact Section */
.contact-content.enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.25rem;align-items:start;margin-top:1.25rem}
.contact-actions{background:var(--brand-surface);border:1px solid var(--brand-border);padding:1.4rem 1.5rem;border-radius:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem}
.contact-actions .contact-cta-grid{margin-top:.25rem}
.contact-cta-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.contact-cta{background:linear-gradient(145deg,#FFFFFF,#FAF8F6);}
.contact-cta:hover{background:linear-gradient(145deg,#FFFFFF,#F3ECE6)}
/* === Contact Redesign === */
.contact-header{margin-bottom:1.75rem}
.contact-heading-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem}
.contact-status{display:flex;align-items:center;gap:.5rem;font:600 .7rem/1 'Lato',sans-serif;padding:.55rem .85rem;border:1px solid var(--brand-border);border-radius:999px;background:linear-gradient(145deg,#FFFFFF,#FBF9F6);box-shadow:var(--shadow-xs)}
.contact-status .status-dot{width:.55rem;height:.55rem;border-radius:50%;background:linear-gradient(135deg,#F5B400,#FFDD55);box-shadow:0 0 0 4px rgba(245,180,0,.25);animation:pulseStatus 2.2s ease-in-out infinite}
@keyframes pulseStatus{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.55}}
.contact-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}
.contact-panel{background:linear-gradient(145deg,#FFFFFF,#FAF8F5);border:1px solid var(--brand-border);border-radius:28px;padding:1.6rem 1.5rem 1.75rem;position:relative;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.1rem}
.contact-panel:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(122,20,35,.25),rgba(245,180,0,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;pointer-events:none}
.contact-panel h3{font-size:.9rem;letter-spacing:.5px;margin:0 0 .4rem;color:var(--brand-crimson)}
.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.contact-list-item{display:flex;gap:.9rem;align-items:flex-start}
.contact-list-item i{font-size:1.05rem;color:var(--brand-crimson);margin-top:.2rem}
.contact-list-item h3{margin:0 0 .25rem;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}
.contact-list-item address,.contact-list-item p{margin:0;font-size:.72rem;line-height:1.35;opacity:.78}
.action-heading{margin:0 0 .75rem;font-size:.85rem;letter-spacing:.6px;text-transform:uppercase;color:var(--brand-crimson);font-weight:700}
.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.85rem}
.action-tile{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-decoration:none;font:600 .68rem/1 'Lato',sans-serif;padding:.85rem .65rem;border:1px solid var(--brand-border);border-radius:20px;background:linear-gradient(145deg,#FFFFFF,#F7F1EB);color:var(--brand-deep);box-shadow:var(--shadow-xs);transition:box-shadow .35s, transform .35s, background .4s}
.action-tile i{font-size:1.15rem;color:var(--brand-crimson)}
.action-tile.whatsapp i{color:#25D366}
.action-tile.directions i{color:var(--brand-saffron)}
.action-tile.menu-link i{color:#E07A5F}
.action-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#FFFFFF,#EEE6DF)}
@media (max-width:680px){
  .contact-panel{padding:1.25rem 1.1rem 1.35rem;border-radius:22px}
  .contact-layout{gap:1.4rem}
  .action-grid{gap:.7rem}
  .action-tile{padding:.75rem .55rem}
}

/* === Footer Styling === */
.footer{background:linear-gradient(135deg,#fff,#FBF8F4);border-top:1px solid var(--brand-border);padding:3rem 0 2.2rem;margin-top:4rem;position:relative}
.footer:before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:120px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#7A1423,#B4452D 55%,#F5B400)}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.4rem;margin-bottom:2rem}
.footer h3{font-size:.9rem;letter-spacing:.6px;text-transform:uppercase;color:var(--brand-crimson);margin:0 0 .9rem;font-weight:700}
.footer p,.footer address,.footer a{font-size:.72rem;line-height:1.45;color:var(--brand-deep);text-decoration:none}
.footer a:hover{color:var(--brand-crimson)}
.footer-logo-image{display:block;margin-bottom:.85rem;filter:drop-shadow(0 3px 8px rgba(0,0,0,.15))}
.footer-contact p{display:flex;align-items:flex-start;gap:.55rem}
.footer-contact i{color:var(--brand-crimson);font-size:.8rem;margin-top:.25rem}
.footer-bottom{border-top:1px solid var(--brand-border);padding-top:1.2rem;text-align:center;font-size:.65rem;letter-spacing:.4px;opacity:.7}
.company-info{font-size:.7rem;margin-top:.6rem}

/* Social Links */
.social-links{display:flex;gap:.75rem;margin-top:1rem;align-items:center}
.social-links .social-instagram{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);color:#fff;font-size:1.25rem;box-shadow:0 4px 14px -3px rgba(0,0,0,.4);transition:filter .35s, transform .35s}
.social-links .social-instagram:hover{filter:brightness(1.12);transform:translateY(-3px)}
.theme-dark .social-links .social-instagram{box-shadow:0 4px 14px -3px rgba(0,0,0,.65)}

/* Harmonize contact panels to footer surfaces */
.contact-panel{background:linear-gradient(145deg,#FFFFFF,#FCFAF8)}
.action-tile{background:linear-gradient(145deg,#FFFFFF,#FBF8F4)}
.action-tile:hover{background:linear-gradient(145deg,#FFFFFF,#F2E9E0)}
@media (min-width:860px){
  .footer-content{position:relative}
  .footer-content > *{position:relative}
  .footer-content > *:not(:last-child):after{content:'';position:absolute;top:0;right:-1.2rem;width:1px;height:100%;background:linear-gradient(to bottom,rgba(122,20,35,.15),rgba(245,180,0,.35),rgba(122,20,35,.15));opacity:.55}
}
@media (max-width:480px){
  .footer{padding:2.1rem 0 2rem}
  .footer-content{gap:1.75rem}
}

/* === Launch Countdown Overlay === */
.launch-overlay{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:rgba(15,10,12,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);padding:2rem;transition:opacity .5s ease, visibility .5s ease}
.launch-overlay[hidden]{opacity:0;visibility:hidden;pointer-events:none}
.launch-panel{position:relative;max-width:520px;width:100%;background:linear-gradient(145deg,#FFFFFF,#FBF8F5);border:1px solid rgba(122,20,35,.18);border-radius:28px;padding:2.1rem 2rem 2.4rem;box-shadow:0 18px 45px -8px rgba(0,0,0,.35),0 6px 18px -4px rgba(122,20,35,.25);text-align:center;font-family:'Lato',sans-serif;color:#3b2a2a;animation:panelPop .65s cubic-bezier(.4,0,.2,1)}
@keyframes panelPop{0%{transform:translateY(28px) scale(.96);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
.launch-close{position:absolute;top:.65rem;right:.75rem;width:42px;height:42px;border:none;background:linear-gradient(145deg,#7A1423,#B4452D);color:#fff;font-size:1.4rem;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px -4px rgba(0,0,0,.4);transition:transform .35s,filter .4s}
.launch-close:hover{transform:translateY(-3px);filter:brightness(1.08)}
.launch-panel h2{margin:0 0 .35rem;font-size:1.9rem;line-height:1.1;font-family:'Playfair Display',serif;background:linear-gradient(120deg,#7A1423 0%,#F5B400 60%,#7A1423 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.launch-sub{margin:0 0 1.2rem;font-size:.95rem;letter-spacing:.3px;opacity:.85}
.launch-countdown{display:flex;gap:1rem;justify-content:center;margin:0 0 1.4rem;flex-wrap:wrap}
.launch-countdown .time-seg{flex:1 1 90px;min-width:90px;background:linear-gradient(145deg,#FFFFFF,#F3EDE8);border:1px solid rgba(122,20,35,.15);border-radius:18px;padding:.85rem .5rem .8rem;box-shadow:0 4px 18px -6px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.4rem;align-items:center;transition:background .5s}
.launch-countdown .num{font:600 1.65rem/1 'Lato',sans-serif;letter-spacing:1px;background:linear-gradient(120deg,#7A1423,#B4452D 55%,#F5B400);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.launch-countdown .label{font:600 .6rem/1 'Lato',sans-serif;letter-spacing:.9px;text-transform:uppercase;opacity:.7}
.launch-note{font-size:.7rem;letter-spacing:.5px;opacity:.7;margin:0}
@media (max-width:600px){
  .launch-panel{padding:1.75rem 1.4rem 2rem;border-radius:24px}
  .launch-panel h2{font-size:1.6rem}
  .launch-countdown .num{font-size:1.4rem}
  .launch-countdown{gap:.75rem}
  .launch-countdown .time-seg{flex:1 1 calc(50% - .75rem)}
}
.theme-dark .launch-panel{background:linear-gradient(145deg,#272428,#1F1E22);border-color:rgba(255,255,255,.1);color:#EAE8EC}
.theme-dark .launch-countdown .time-seg{background:linear-gradient(145deg,#2F2B30,#262429);border-color:rgba(255,255,255,.08)}
.theme-dark .launch-countdown .label{opacity:.6}
.theme-dark .launch-note{opacity:.55}

/* Countdown digit flip animation */
.launch-countdown{perspective:900px}
.launch-countdown .time-seg{position:relative;overflow:hidden}
.launch-countdown .num{display:inline-block;will-change:transform}
.digit-flip{animation:digitFlip .75s cubic-bezier(.65,.05,.36,1)}
@keyframes digitFlip{0%{transform:rotateX(0) translateZ(0);filter:brightness(1)}40%{transform:rotateX(-92deg) translateZ(0);filter:brightness(.65)}55%{transform:rotateX(-92deg) translateZ(0);filter:brightness(.65)}100%{transform:rotateX(-360deg) translateZ(0);filter:brightness(1)}}
.theme-dark .digit-flip{animation:digitFlipDark .75s cubic-bezier(.65,.05,.36,1)}
@keyframes digitFlipDark{0%{transform:rotateX(0) translateZ(0);filter:brightness(1)}40%{transform:rotateX(-92deg) translateZ(0);filter:brightness(1.35)}55%{transform:rotateX(-92deg) translateZ(0);filter:brightness(1.35)}100%{transform:rotateX(-360deg) translateZ(0);filter:brightness(1)}}