/* MOSPOCHIN - Custom CSS */
:root{
--brand-orange:#f97316;
--brand-orangeHover:#ea580c;
--brand-blue:#0f172a;
--glow-color:rgba(249,115,22,0.5);
--shadow-sm:0 4px 6px rgba(0,0,0,0.1);
--shadow-md:0 10px 25px rgba(0,0,0,0.15);
--shadow-lg:0 20px 40px rgba(0,0,0,0.2);
--transition-fast:0.2s ease;
--transition-normal:0.3s ease;
}

/* Typography */
h1{letter-spacing:-0.035em;line-height:1.08}
h2{letter-spacing:-0.025em;line-height:1.2}
h3{letter-spacing:-0.015em;line-height:1.3}

/* Scroll Reveal Animations */
.scroll-reveal,.scroll-reveal-left,.scroll-reveal-right,.scroll-scale{opacity:0;transition:opacity .6s ease,transform .6s ease}
.scroll-reveal{transform:translateY(20px)}
.scroll-reveal-left{transform:translateX(-20px)}
.scroll-reveal-right{transform:translateX(20px)}
.scroll-scale{transform:scale(0.9)}
.is-visible{opacity:1!important;transform:none!important}

/* Heading Reveal */
.heading-reveal{opacity:0;filter:blur(10px);transition:opacity .6s ease,filter .6s ease}
.heading-reveal.is-visible{opacity:1;filter:blur(0)}

/* Counter Animation */
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.counter-animate{animation:countUp .6s ease forwards}

/* Card Hovers */
.card-brand,.equipment-card,.stat-card-hover,.brand-card{transition:all .3s ease}
.card-brand:hover,.equipment-card:hover,.stat-card-hover:hover,.brand-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}

/* Icon Spring */
.icon-spring{transition:transform .3s cubic-bezier(0.4,0,0.2,1)}
.equip-card:hover .icon-spring,.card-brand:hover .icon-spring{transform:scale(1.15) rotate(5deg)}

/* Icon Wrapper */
.icon-wrapper{transition:transform .3s ease}
.icon-wrapper:hover{transform:scale(1.15)}

/* Feature Box */
.feature-box{transition:all .3s ease}
.feature-box:hover{transform:translateY(-5px)}

/* Glass Navbar */
.glass-navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,0.95)}

/* Hero Backgrounds */
.hero-bg-restaurant{background:linear-gradient(135deg,rgba(15,23,42,0.95),rgba(30,41,59,0.9)),url('/assets/images/hero-restaurant.jpg') center/cover no-repeat}
.hero-bg{background:linear-gradient(135deg,rgba(15,23,42,0.88) 0%,rgba(30,41,59,0.82) 100%),url('/assets/images/hero-bg-a7.jpg') center/cover no-repeat}

/* Hero Mesh */
.hero-mesh{background:linear-gradient(135deg,rgba(15,23,42,0.9),rgba(30,41,59,0.85))}
@keyframes meshMove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-mesh-animated{background-size:200% 200%;animation:meshMove 15s ease infinite}

/* Glass Card */
.glass-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}

/* FAQ */
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}

/* Navbar */
.nav-link{color:#475569;font-weight:600;font-size:0.95rem;padding:0.5rem 0.75rem;border-radius:0.5rem;text-decoration:none;transition:all 0.2s ease}
.nav-link:hover,.nav-link.active{color:#f97316;background:rgba(249,115,22,0.08)}

/* Dropdown Menu */
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:0.75rem;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:280px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:100}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-radius:0.5rem;color:#475569;text-decoration:none;white-space:nowrap}
.dropdown-item:hover{background:#fff7ed;color:#f97316}
.dropdown-item .icon{font-size:1.25rem}

/* Fade In */
.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.fade-in-section.is-visible{opacity:1;transform:none}

/* Process Step */
.process-step::after{content:'';position:absolute;top:50%;right:-2rem;width:2rem;height:2px;background:#e2e8f0}
.process-step:last-child::after{display:none}

/* Custom Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:#94a3b8}

/* Mobile */
@media(max-width:425px){
body,html{overflow-x:hidden;max-width:100vw}
.max-w-7xl{padding-left:0.75rem;padding-right:0.75rem}
a,button,[role="button"],input[type="submit"],select,.btn-click{min-height:48px;min-width:48px}
}

@media(min-width:768px){
.fixed.bottom-24.right-4.z-50.md\:hidden{display:flex!important;opacity:0.85}
.fixed.bottom-24.right-4.z-50.md\:hidden:hover{opacity:1}
}