:root{--color-primary:#F5820B;--color-primary-hover:#D96800;--color-primary-light:#FFF0DC;--color-secondary:#34251F;--color-secondary-dark:#211713;--color-secondary-light:#59443A;--color-accent:#35756E;--color-accent-hover:#285C57;--color-accent-light:#E5F2F0;--color-background:#FFFCF8;--color-background-soft:#F8F2EB;--color-background-warm:#F1E4D5;--color-surface:#FFF;--color-heading:#2A201C;--color-text:#594F49;--color-text-light:#81756E;--color-border:#E8DED5;--color-success:#2F7D5A;--color-error:#C9473D;--color-warning:#E9A23B;--shadow-sm:0 8px 24px rgba(52,37,31,.08);--shadow-md:0 16px 44px rgba(52,37,31,.12);--shadow-orange:0 14px 28px rgba(245,130,11,.24);--radius-sm:10px;--radius-btn:12px;--radius-card:18px;--radius-image:24px;--radius-lg:32px;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:Inter,sans-serif;line-height:1.7;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.section{padding:110px 0;position:relative}.section-soft{background:var(--color-background-soft)}h1,h2,h3{font-family:Manrope,sans-serif;color:var(--color-heading);line-height:1.15;margin:0 0 20px}h1{font-size:clamp(2.6rem,6vw,5.4rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em}h3{font-size:1.2rem}p{margin:0 0 24px}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;padding:12px 18px;z-index:999;border-radius:8px}.skip-link:focus{top:12px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;margin-bottom:18px}.eyebrow-dot,.status-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);display:inline-block;box-shadow:0 0 0 6px rgba(53,117,110,.13)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:var(--radius-btn);font-weight:750;border:1.5px solid transparent;transition:.25s ease;gap:8px}.button-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-3px);box-shadow:var(--shadow-orange)}.button-secondary{background:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.button-secondary:hover{background:var(--color-secondary);color:#fff;transform:translateY(-3px)}.button-whatsapp{background:var(--color-accent);color:#fff}.button-whatsapp:hover{background:var(--color-accent-hover);transform:translateY(-3px)}.button:active{transform:scale(.98)}:focus-visible{outline:3px solid rgba(245,130,11,.35);outline-offset:4px}.site-header{position:fixed;inset:0 0 auto;z-index:100;transition:.3s ease;padding:16px 0}.site-header.scrolled{background:rgba(255,252,248,.94);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(52,37,31,.08);padding:8px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-logo{width:72px;height:58px;object-fit:contain}.brand-fallback{display:none;line-height:1}.brand-fallback--visible{display:flex;flex-direction:column}.brand-fallback strong{color:var(--color-primary);font-family:Manrope;font-size:1rem}.brand-fallback small{color:var(--color-secondary);font-weight:800;font-size:.67rem;letter-spacing:.08em;margin-top:5px}.desktop-nav{display:flex;gap:25px}.nav-link{font-size:.91rem;font-weight:700;position:relative;padding:8px 0;color:var(--color-secondary)}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--color-primary);transition:.25s}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:hover:after,.nav-link.active:after{right:0}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--color-secondary);margin:6px 0;transition:.25s}.mobile-menu{display:none}.hero{min-height:100vh;display:flex;align-items:center;padding-top:140px;background:linear-gradient(135deg,#fffaf4 0%,#fff 50%,#f6eade 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center}.hero-copy p{font-size:1.1rem;max-width:640px}.hero-copy h1 span{color:var(--color-primary)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-trust div{padding:14px 16px;border-left:2px solid var(--color-border)}.hero-trust strong{display:block;color:var(--color-heading);font-size:1.05rem}.hero-trust span{font-size:.76rem;color:var(--color-text-light)}.hero-visual{height:630px;position:relative}.image-shell{overflow:hidden;border-radius:var(--radius-image);box-shadow:var(--shadow-md)}.image-shell img{width:100%;height:100%;object-fit:cover}.hero-main-image{position:absolute;right:0;top:20px;width:82%;height:520px;border-radius:32px}.hero-small-image{position:absolute;width:190px;height:210px;border:8px solid var(--color-background)}.hero-small-one{left:0;top:65px}.hero-small-two{left:36px;bottom:0;width:225px;height:170px}.floating-card{position:absolute;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow-md);border-radius:16px;padding:14px 17px;color:var(--color-heading)}.floating-rating{right:-15px;bottom:62px}.floating-rating strong{display:block;font-size:.82rem}.stars{color:var(--color-primary);letter-spacing:2px}.floating-service{left:28%;top:8px;display:flex;align-items:center;gap:12px}.floating-service strong,.floating-service small{display:block}.floating-service small{font-size:.75rem;color:var(--color-text-light)}.hero-decoration{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}.hero-decoration-one{width:430px;height:430px;background:var(--color-primary-light);right:-180px;top:-100px}.hero-decoration-two{width:220px;height:220px;background:var(--color-accent-light);left:-80px;bottom:40px}.scroll-indicator{position:absolute;bottom:30px;left:50%;width:28px;height:46px;border:2px solid var(--color-secondary-light);border-radius:20px}.scroll-indicator span{width:4px;height:8px;background:var(--color-primary);position:absolute;left:10px;top:8px;border-radius:4px;animation:scroll 1.7s infinite}.about-grid,.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-visual{height:600px;position:relative}.about-image-large{width:78%;height:520px}.about-image-small{position:absolute;right:0;bottom:0;width:48%;height:270px;border:8px solid var(--color-background)}.about-badge{position:absolute;left:-24px;bottom:60px;background:var(--color-primary-light);border:1px solid #ffd6a7;border-radius:18px;padding:18px 22px;box-shadow:var(--shadow-sm);color:var(--color-secondary)}.about-badge span{color:var(--color-primary);font-size:1.3rem}.advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:32px 0}.advantage{display:flex;align-items:center;gap:10px;font-weight:650;color:var(--color-secondary)}.advantage span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);font-weight:900}.text-link{font-weight:800;color:var(--color-primary)}.text-link span{display:inline-block;transition:.2s}.text-link:hover span{transform:translateX(5px)}.section-heading{max-width:720px;margin-bottom:50px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading p{font-size:1.05rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;transition:.3s ease}.service-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.service-image{height:190px;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.service-card:hover .service-image img{transform:scale(1.07)}.service-body{padding:24px;position:relative}.service-icon{position:absolute;right:20px;top:-25px;width:50px;height:50px;border-radius:14px;background:var(--color-primary-light);color:var(--color-primary);display:grid;place-items:center;font-size:1.35rem;transition:.3s}.service-card:hover .service-icon{background:var(--color-primary);color:#fff;transform:rotate(6deg) scale(1.06)}.service-body p{font-size:.9rem}.service-body a{font-weight:800;color:var(--color-primary);font-size:.85rem}.trust-section{min-height:560px;display:flex;align-items:center;overflow:hidden}.trust-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(33,23,19,.94),rgba(33,23,19,.72)),url('https://images.unsplash.com/photo-1580281657527-47f249e8f4df?auto=format&fit=crop&w=2000&q=88') center/cover}.trust-content{position:relative}.section-heading.light h2,.section-heading.light p{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{padding:30px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);border-radius:18px;color:#fff}.stat-card strong{display:block;color:#fff;font-family:Manrope;font-size:2.3rem}.stat-card span{color:#f7e8dd}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:18px}.gallery-item{position:relative;border:0;padding:0;overflow:hidden;border-radius:20px;background:#eee}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s}.gallery-item:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(33,23,19,.78));opacity:0;transition:.3s}.gallery-item span{position:absolute;left:20px;bottom:18px;color:#fff;font-weight:800;z-index:2;transform:translateY(10px);opacity:0;transition:.3s}.gallery-item:hover img{transform:scale(1.07)}.gallery-item:hover:after,.gallery-item:hover span{opacity:1}.gallery-item:hover span{transform:none}.gallery-wide{grid-column:span 2}.gallery-tall{grid-row:span 2}.reviews-layout{display:grid;grid-template-columns:340px 1fr;gap:55px;align-items:center}.reviews-summary img{border-radius:24px;height:260px;width:100%;object-fit:cover}.rating-big{display:flex;flex-direction:column;margin-bottom:28px}.rating-big strong{font-family:Manrope;font-size:4rem;color:var(--color-heading);line-height:1}.reviews-slider{overflow:hidden}.review-track{display:flex;transition:transform .45s ease}.review-card{flex:0 0 calc(50% - 10px);margin-right:20px;background:#fff;border:1px solid var(--color-border);padding:28px;border-radius:18px;min-height:330px;display:flex;flex-direction:column;transition:.25s}.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.review-head{display:flex;align-items:center;gap:14px}.avatar{width:48px;height:48px;background:var(--color-primary-light);color:var(--color-primary);border-radius:50%;display:grid;place-items:center;font-weight:800}.review-head h3{margin:0 0 2px}.review-card p{font-size:.92rem;flex:1;margin-top:24px}.review-card small{color:var(--color-text-light)}.slider-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}.slider-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:#fff;color:var(--color-secondary);transition:.2s}.slider-controls button:hover{background:var(--color-primary);color:#fff}.slider-dots{display:flex;gap:7px}.slider-dots button{width:9px;height:9px;min-width:9px;border:0;padding:0;background:#d5c8be}.slider-dots button.active{background:var(--color-primary);transform:scale(1.3)}.hours-image{height:650px;position:relative}.open-badge{position:absolute;right:20px;top:20px;background:rgba(255,255,255,.95);padding:14px 18px;border-radius:14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.open-badge span{width:11px;height:11px;border-radius:50%}.open-badge.open span{background:var(--color-success);box-shadow:0 0 0 6px rgba(47,125,90,.14)}.open-badge.closed span{background:var(--color-error);box-shadow:0 0 0 6px rgba(201,71,61,.14)}.hours-card{background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:12px 24px;margin:30px 0}.hours-card div{display:flex;justify-content:space-between;padding:14px 8px;border-bottom:1px solid var(--color-border)}.hours-card div:last-child{border:0}.hours-card div.current-day{background:var(--color-primary-light);color:var(--color-secondary);margin-inline:-8px;padding-inline:16px;border-radius:10px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.contact-info{display:grid;gap:14px}.contact-card{background:#fff;padding:22px;border:1px solid var(--color-border);border-radius:16px;display:flex;gap:16px}.contact-card h3{margin-bottom:6px}.contact-card p{margin:0;font-size:.9rem}.contact-card a{color:var(--color-primary);font-weight:800}.contact-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:var(--color-primary-light);display:grid;place-items:center;color:var(--color-primary);font-size:1.2rem}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.map-wrap{min-height:560px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-md)}.map-wrap iframe{width:100%;height:100%;border:0}.form-and-faq{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;margin-top:80px}.contact-form,.faq{background:#fff;border:1px solid var(--color-border);border-radius:22px;padding:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.86rem;color:var(--color-secondary);margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid var(--color-border);border-radius:11px;padding:13px;background:#fff;color:var(--color-heading);transition:.2s}.field input:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(245,130,11,.12);outline:none}.field .error{color:var(--color-error);min-height:20px}.field.invalid input,.field.invalid textarea{border-color:var(--color-error)}.form-success{margin-top:16px;color:var(--color-success);font-weight:700}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item button{width:100%;border:0;background:none;padding:20px 0;display:flex;justify-content:space-between;text-align:left;font-weight:800;color:var(--color-heading)}.faq-item button:hover{color:var(--color-primary)}.faq-item button b{font-size:1.35rem;transition:.25s}.faq-item.open button{color:var(--color-primary)}.faq-item.open button b{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer p{overflow:hidden;margin:0}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:20px}.footer{background:var(--color-secondary-dark);color:#eadfd8;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer h3{color:#fff}.footer a{display:block;color:#eadfd8;margin:8px 0}.footer a:hover{color:var(--color-primary)}.footer p{font-size:.9rem}.footer .brand-fallback small{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:24px;display:flex;justify-content:space-between}.socials{display:flex;gap:9px}.socials a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center}.socials a:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:var(--color-accent);color:#fff;display:grid;place-items:center;font-weight:900;z-index:90;box-shadow:0 12px 28px rgba(53,117,110,.34);animation:pulse 2.2s infinite}.back-top{position:fixed;right:30px;bottom:96px;width:44px;height:44px;border:0;border-radius:50%;background:var(--color-secondary);color:#fff;z-index:90;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}.mobile-action-bar{display:none}.lightbox{position:fixed;inset:0;background:rgba(15,10,8,.92);z-index:300;display:none;place-items:center;padding:70px}.lightbox.open{display:grid}.lightbox figure{margin:0;max-width:1000px;max-height:80vh;text-align:center}.lightbox img{max-height:72vh;border-radius:18px}.lightbox figcaption{color:#fff;margin-top:14px}.lightbox button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:50px;height:50px;font-size:2rem}.lightbox-close{right:24px;top:24px}.lightbox-prev{left:24px;top:50%}.lightbox-next{right:24px;top:50%}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@keyframes scroll{0%{transform:translateY(0);opacity:1}80%{transform:translateY(18px);opacity:0}100%{opacity:0}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(53,117,110,.35)}50%{box-shadow:0 0 0 12px rgba(53,117,110,0)}}
@media(max-width:1080px){.desktop-nav{display:none}.menu-toggle{display:block}.header-call{margin-left:auto}.mobile-menu{display:block;max-height:0;overflow:hidden;background:rgba(255,252,248,.98);transition:max-height .35s ease}.mobile-menu.open{max-height:600px;border-top:1px solid var(--color-border)}.mobile-menu-inner{padding:20px;display:grid;gap:6px}.mobile-menu a{padding:10px 4px;font-weight:700}.hero-grid{grid-template-columns:1fr;gap:30px}.hero{padding-top:150px}.hero-visual{max-width:720px;width:100%;margin:auto}.services-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.reviews-layout{grid-template-columns:1fr}.reviews-summary{display:grid;grid-template-columns:1fr 240px;gap:20px}.reviews-summary img{grid-column:2;grid-row:1/4}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 26px,var(--container))}.section{padding:78px 0}.header-call{display:none}.brand-logo{width:62px;height:50px}.hero{min-height:auto;padding-top:125px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-trust{grid-template-columns:1fr 1fr}.hero-visual{height:500px}.hero-main-image{width:88%;height:390px}.hero-small-image{width:135px;height:150px}.hero-small-two{width:160px;height:130px}.floating-service{left:4%;top:8px}.floating-rating{right:0;bottom:30px}.about-grid,.hours-grid,.contact-grid,.form-and-faq{grid-template-columns:1fr;gap:45px}.about-visual{height:480px}.about-image-large{height:420px}.about-image-small{height:190px}.about-badge{left:8px;bottom:35px}.advantage-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.gallery-wide{grid-column:span 2}.reviews-summary{display:block}.reviews-summary img{margin-top:20px}.review-card{flex-basis:100%;margin-right:0}.hours-image{height:470px}.map-wrap{min-height:420px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-form,.faq{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:14px}.whatsapp-float{display:none}.mobile-action-bar{position:fixed;left:0;right:0;bottom:0;height:70px;background:#fff;z-index:120;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 -8px 28px rgba(52,37,31,.12)}.mobile-action-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;color:var(--color-secondary);font-size:1.1rem}.mobile-action-bar span{font-size:.7rem}.mobile-action-bar a:nth-child(2){background:var(--color-accent);color:#fff}body{padding-bottom:70px}.back-top{bottom:85px;right:16px}.lightbox{padding:55px 10px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.scroll-indicator{display:none}}
@media(max-width:480px){h1{font-size:2.65rem}.hero-trust{grid-template-columns:1fr}.hero-visual{height:430px}.hero-main-image{height:340px}.hero-small-one{display:none}.hero-small-two{left:0}.floating-service{display:none}.stats-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-wide{grid-column:auto}.gallery-tall{grid-row:auto}.contact-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* 2026 mobile and performance fixes */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button-icon{width:22px;height:22px;flex:0 0 22px}.whatsapp-float .button-icon{width:31px;height:31px}.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.contact-card>div{min-width:0}.contact-card a{overflow-wrap:anywhere}.mobile-action-bar{display:none!important}body{padding-bottom:0!important}.service-card,.gallery-item,.review-card{content-visibility:auto;contain-intrinsic-size:1px 360px}.whatsapp-float{background:#25D366}.whatsapp-float:hover{transform:translateY(-3px);background:#1ebe5d}.contact-actions .button{white-space:nowrap}
@media(max-width:1080px){.site-header{padding:9px 0;background:rgba(255,252,248,.96);backdrop-filter:blur(14px)}.mobile-menu{position:absolute;left:0;right:0;top:100%;box-shadow:0 18px 35px rgba(52,37,31,.12)}.mobile-menu-inner{max-height:calc(100vh - 82px);overflow:auto}.mobile-menu-inner .button{margin-top:8px}.hero{padding-top:118px}}
@media(max-width:760px){html{scroll-padding-top:74px}.container{width:calc(100% - 28px)}.section{padding:68px 0}.header-inner{gap:10px}.brand-logo{width:54px;height:44px}.menu-toggle{display:block;flex:0 0 44px}.hero{padding-top:100px}.hero-grid{gap:32px}.hero-copy{text-align:center}.hero-copy p{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:28px}.hero-trust{grid-template-columns:repeat(3,1fr);gap:6px}.hero-trust div{padding:10px 6px;border-left:0;border-top:2px solid var(--color-border)}.hero-visual{height:390px}.hero-main-image{position:relative;inset:auto;width:100%;height:390px}.hero-small-image,.floating-card{display:none}.about-visual{height:390px}.about-image-large{width:100%;height:390px}.about-image-small{display:none}.about-badge{left:12px;right:12px;bottom:12px;text-align:center}.contact-grid{gap:24px}.contact-card{padding:18px}.contact-actions{display:grid;grid-template-columns:1fr;gap:10px}.contact-actions .button{width:100%}.map-wrap{min-height:340px}.form-and-faq{margin-top:48px}.contact-form,.faq{padding:22px 18px}.hours-image{height:390px}.footer{padding-top:58px}.footer-bottom{padding-bottom:20px}.whatsapp-float{display:grid;right:16px;bottom:16px;width:56px;height:56px}.back-top{right:18px;bottom:84px}.lightbox{padding:58px 8px}.lightbox button{width:42px;height:42px}.reviews-slider{touch-action:pan-y}.review-card{min-height:auto}.gallery-item span,.gallery-item:after{opacity:1}.gallery-item span{transform:none}}
@media(max-width:480px){h1{font-size:clamp(2.35rem,12vw,3rem)}h2{font-size:2rem}.hero-trust{grid-template-columns:1fr}.hero-trust div{display:flex;justify-content:center;gap:8px;align-items:center}.hero-visual{height:320px}.hero-main-image{height:320px}.about-visual{height:340px}.about-image-large{height:340px}.stats-grid{grid-template-columns:1fr}.gallery-grid{grid-auto-rows:220px}.hours-card{padding:8px 14px}.hours-card div{gap:12px}.hours-card strong{text-align:right}.map-wrap{min-height:300px}}

/* Mobile horizontal overflow and header menu fix */
html,body{width:100%;max-width:100%;overflow-x:clip}
.site-header{width:100%;max-width:100vw}
.header-inner{min-width:0}
.brand{min-width:0;max-width:100%}
.brand-fallback{min-width:0}
main,.section,.container{min-width:0;max-width:100%}

@media(max-width:1080px){
  .site-header{left:0;right:0;width:100%;}
  .header-inner{width:calc(100% - 28px);max-width:none;margin-inline:auto;padding:0;}
  .brand{flex:1 1 auto;max-width:calc(100% - 56px);overflow:hidden;}
  .brand-logo{flex:0 0 auto;}
  .brand-fallback{overflow:hidden;}
  .brand-fallback strong,.brand-fallback small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;}
  .menu-toggle{display:block!important;position:relative;right:auto;top:auto;margin-left:auto;flex:0 0 44px;z-index:3;}
  .mobile-menu{position:fixed;left:0!important;right:0!important;top:72px;width:100%!important;max-width:100vw;margin:0;}
  .site-header.scrolled .mobile-menu{top:62px;}
  .mobile-menu-inner{width:100%;max-width:100%;padding:14px;}
  .mobile-menu a{width:100%;max-width:100%;overflow-wrap:anywhere;}
}

@media(max-width:760px){
  .header-inner{width:calc(100% - 24px);}
  .brand{max-width:calc(100% - 52px);gap:8px;}
  .brand-logo{width:50px;height:42px;}
  .mobile-menu{top:68px;}
  .site-header.scrolled .mobile-menu{top:60px;}
  .hero-decoration{display:none;}
  .hero-grid,.about-grid,.hours-grid,.contact-grid,.form-and-faq,.reviews-layout{width:100%;max-width:100%;}
  .hero-copy,.hero-visual,.about-visual,.hours-image,.contact-info,.map-wrap,.contact-form,.faq{min-width:0;max-width:100%;}
  .hero-copy h1,.hero-copy p,.section-heading h2,.section-heading p{overflow-wrap:anywhere;}
  .review-track{max-width:none;}
  .review-card{min-width:100%;max-width:100%;}
}

@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* Modern footer */
.footer{position:relative;overflow:hidden;background:#17110f;color:#d9cec8;padding:0;border-top:1px solid rgba(255,255,255,.08)}
.footer .container{position:relative;z-index:2}
.footer-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;opacity:.45}
.footer-glow-one{width:420px;height:420px;right:-180px;top:-210px;background:radial-gradient(circle,rgba(245,130,11,.36),rgba(245,130,11,0) 70%)}
.footer-glow-two{width:360px;height:360px;left:-200px;bottom:-220px;background:radial-gradient(circle,rgba(53,117,110,.32),rgba(53,117,110,0) 70%)}
.footer-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:60px;align-items:end;padding-top:82px;padding-bottom:58px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-kicker{display:inline-flex;margin-bottom:16px;color:#f5a14c;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.footer-intro h2{max-width:760px;margin:0 0 18px;color:#fff;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em}
.footer-intro p{max-width:680px;margin:0;color:#b9aaa3;font-size:1rem}
.footer-cta{display:grid;gap:12px}
.footer-cta-primary,.footer-cta-secondary{margin:0!important}
.footer-cta-primary{display:flex!important;align-items:center;gap:14px;padding:17px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);color:#fff!important;transition:.25s ease}
.footer-cta-primary:hover{background:rgba(255,255,255,.12);border-color:rgba(245,130,11,.65);transform:translateY(-2px)}
.footer-cta-primary small,.footer-cta-primary strong{display:block}
.footer-cta-primary small{color:#b9aaa3;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.footer-cta-primary strong{font-family:Manrope,sans-serif;font-size:1.05rem}
.footer-cta-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--color-primary);color:#fff;font-size:1.1rem;flex:0 0 44px}
.footer-cta-secondary{display:flex!important;align-items:center;justify-content:space-between;padding:15px 18px;border-radius:14px;background:#fff;color:#211713!important;font-weight:800;transition:.25s ease}
.footer-cta-secondary:hover{background:var(--color-primary);color:#fff!important;transform:translateY(-2px)}
.footer-main{display:grid;grid-template-columns:1.15fr .75fr .95fr 1.1fr;gap:52px;padding-top:58px;padding-bottom:58px}
.footer-column{min-width:0}
.footer-column h3{margin:0 0 20px;color:#fff;font-size:1rem;letter-spacing:-.01em}
.footer-column p{margin:0;color:#a99991;font-size:.88rem;line-height:1.75}
.footer-column a{display:table;margin:10px 0;color:#cfc1ba;font-size:.88rem;transition:.2s ease}
.footer-column a:hover{color:#fff;transform:translateX(4px)}
.footer-about p{max-width:390px}
.footer-mail{margin-top:22px!important;color:#f5a14c!important;font-weight:750;overflow-wrap:anywhere}
.footer-hours{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.82rem}
.footer-hours span{color:#998a83}.footer-hours strong{color:#fff;white-space:nowrap}
.footer-status-link{display:flex!important;align-items:center;gap:9px;margin-top:17px!important;color:#d9cec8!important;font-size:.8rem!important}
.footer-status-link span{width:8px;height:8px;border-radius:50%;background:#58b783;box-shadow:0 0 0 5px rgba(88,183,131,.12)}
.footer-location a{margin-top:20px!important;color:#f5a14c!important;font-weight:800}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:24px;padding-bottom:27px;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;color:#887a73}
.footer-bottom-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.footer-bottom-links a{margin:0;color:#a99a93;transition:.2s ease}
.footer-bottom-links a:hover{color:#fff}
@media(max-width:980px){.footer-top{grid-template-columns:1fr;gap:34px}.footer-cta{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.footer-top{padding-top:62px;padding-bottom:42px;gap:28px}.footer-intro h2{font-size:2rem}.footer-cta{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:34px;padding-top:42px;padding-bottom:42px}.footer-column{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-column:last-child{padding-bottom:0;border-bottom:0}.footer-bottom{align-items:flex-start;flex-direction:column;padding-bottom:32px}.footer-bottom-links{gap:16px}.footer-hours{max-width:380px}}

/* Hero katmanlama düzeltmesi — dekorlar metnin üstüne çıkamaz */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero-decoration{
  z-index:0;
  pointer-events:none;
}
.hero-grid,
.hero-copy,
.hero-visual,
.scroll-indicator{
  position:relative;
  z-index:2;
}
.hero-copy h1,
.hero-copy p,
.hero-copy .eyebrow,
.hero-actions,
.hero-trust{
  position:relative;
  z-index:3;
}

@media(max-width:760px){
  .hero-decoration{
    display:none!important;
  }
  .hero{
    background:linear-gradient(180deg,#fffaf5 0%,#fff 72%);
  }
}


/* 2026-08 pet-focused visual and compact layout update */
.faq-section{max-width:900px;margin:64px auto 0}
.faq-section .faq{width:100%}
.hero-visual{height:580px}
.hero-main-image{height:475px}
.about-visual{height:550px}
.about-image-large{height:475px}
.about-image-small{height:235px}
.service-image{height:170px}
.gallery-grid{grid-auto-rows:220px}
.hours-image{height:575px}
.reviews-summary img{height:235px}
.image-shell img,.service-image img,.gallery-item img,.reviews-summary img{object-position:center}
.hero-main-image img{object-position:center 42%}
.about-image-large img{object-position:center 40%}
.hours-image img{object-position:center 45%}

@media(max-width:1080px){
  .hero-visual{height:520px}
  .hero-main-image{height:430px}
  .about-visual{height:500px}
  .about-image-large{height:430px}
  .hours-image{height:500px}
}

@media(max-width:760px){
  .hero-visual{height:350px}
  .hero-main-image{height:350px}
  .hero-main-image img{object-position:center 38%}
  .about-visual{height:350px}
  .about-image-large{height:350px}
  .service-image{height:185px}
  .gallery-grid{grid-auto-rows:205px}
  .hours-image{height:350px}
  .reviews-summary img{height:220px}
  .faq-section{margin-top:42px}
  .faq-section .faq{padding:24px 20px}
}

@media(max-width:480px){
  .hero-visual,.hero-main-image{height:300px}
  .about-visual,.about-image-large{height:315px}
  .service-image{height:175px}
  .gallery-grid{grid-auto-rows:200px}
  .hours-image{height:315px}
  .reviews-summary img{height:205px}
}
/* =========================================================
   FINAL MOBILE RESET — Gaziantep Veteriner Kliniği
   Bu bölüm dosyanın en altında kalmalıdır.
   ========================================================= */
@media (max-width: 760px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    font-size: 15px;
    line-height: 1.65;
  }

  .container {
    width: 100%;
    max-width: 100%;
    padding-inline: 16px;
    margin-inline: auto;
  }

  .section {
    padding: 58px 0;
  }

  h1 {
    font-size: clamp(2.15rem, 10.5vw, 3rem);
    line-height: 1.05;
    letter-spacing: -.045em;
  }

  h2 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
    line-height: 1.12;
  }

  .eyebrow {
    font-size: .7rem;
    letter-spacing: .08em;
    margin-bottom: 12px;
  }

  /* Header */
  .site-header,
  .site-header.scrolled {
    inset: 0 0 auto 0;
    width: 100%;
    padding: 8px 0;
    background: rgba(255,252,248,.97);
    backdrop-filter: blur(14px);
  }

  .header-inner {
    width: 100%;
    min-height: 54px;
    padding-inline: 14px;
    gap: 8px;
  }

  .brand {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 52px);
  }

  .brand-logo {
    width: 48px;
    height: 42px;
  }

  .menu-toggle {
    display: grid !important;
    place-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 9px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid var(--color-border);
    box-shadow: 0 5px 16px rgba(52,37,31,.08);
  }

  .menu-toggle span {
    width: 22px;
    margin: 3px 0;
  }

  .mobile-menu {
    position: fixed;
    inset: 70px 10px auto 10px !important;
    width: auto !important;
    max-width: none;
    display: block;
    max-height: 0;
    border-radius: 0 0 18px 18px;
    background: rgba(255,255,255,.99);
    box-shadow: 0 20px 45px rgba(52,37,31,.15);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition: max-height .35s ease, opacity .2s ease, transform .2s ease, visibility .2s;
  }

  .site-header.scrolled .mobile-menu {
    top: 70px;
  }

  .mobile-menu.open {
    max-height: calc(100dvh - 82px);
    visibility: visible;
    opacity: 1;
    transform: none;
    border: 1px solid var(--color-border);
  }

  .mobile-menu-inner {
    max-height: calc(100dvh - 100px);
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .mobile-menu a {
    display: flex;
    align-items: center;
    min-height: 45px;
    padding: 9px 12px;
    border-radius: 10px;
  }

  .mobile-menu a:not(.button):hover,
  .mobile-menu a:not(.button):active {
    background: var(--color-primary-light);
    color: var(--color-primary-hover);
  }

  /* Hero */
  .hero {
    min-height: auto;
    padding: 96px 0 54px;
    overflow: hidden;
  }

  .hero-grid {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .hero-copy {
    width: 100%;
    text-align: left;
  }

  .hero-copy p {
    max-width: none;
    font-size: .98rem;
    line-height: 1.65;
    margin-bottom: 22px;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 25px;
  }

  .hero-actions .button {
    width: 100%;
    min-height: 52px;
  }

  .hero-trust {
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 7px;
  }

  .hero-trust div {
    min-width: 0;
    padding: 11px 5px;
    text-align: center;
    border: 1px solid var(--color-border);
    border-radius: 12px;
    background: rgba(255,255,255,.72);
  }

  .hero-trust strong {
    font-size: .9rem;
  }

  .hero-trust span {
    display: block;
    font-size: .65rem;
    line-height: 1.25;
  }

  .hero-visual,
  .hero-main-image {
    width: 100%;
    height: clamp(265px, 78vw, 350px);
  }

  .hero-main-image {
    position: relative;
    inset: auto;
    border-radius: 22px;
  }

  .hero-main-image img {
    object-position: center 42%;
  }

  .hero-small-image,
  .floating-card,
  .hero-decoration,
  .scroll-indicator {
    display: none !important;
  }

  /* Genel gridler */
  .about-grid,
  .hours-grid,
  .contact-grid,
  .form-and-faq,
  .reviews-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }

  .about-visual,
  .about-image-large,
  .hours-image {
    width: 100%;
    height: clamp(290px, 88vw, 380px);
  }

  .about-image-large {
    border-radius: 20px;
  }

  .about-image-small {
    display: none;
  }

  .about-badge {
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 13px 16px;
    font-size: .83rem;
    text-align: center;
  }

  .advantage-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 24px 0;
  }

  .advantage {
    font-size: .9rem;
  }

  .section-heading {
    margin-bottom: 30px;
  }

  .section-heading.centered {
    text-align: left;
  }

  /* Hizmet kartları */
  .services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .service-card {
    border-radius: 17px;
  }

  .service-image {
    height: 190px;
  }

  .service-body {
    padding: 21px 19px 20px;
  }

  .service-body p {
    margin-bottom: 16px;
  }

  /* İstatistik */
  .trust-section {
    min-height: auto;
  }

  .stats-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
  }

  .stat-card {
    min-width: 0;
    padding: 20px 14px;
  }

  .stat-card strong {
    font-size: 1.8rem;
  }

  .stat-card span {
    display: block;
    font-size: .75rem;
    line-height: 1.35;
  }

  /* Galeri */
  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-auto-rows: 170px;
    gap: 10px;
  }

  .gallery-item,
  .gallery-wide,
  .gallery-tall {
    grid-column: auto;
    grid-row: auto;
    min-width: 0;
    border-radius: 15px;
  }

  .gallery-item span {
    left: 12px;
    right: 10px;
    bottom: 10px;
    font-size: .78rem;
    line-height: 1.25;
  }

  /* Yorum slider */
  .reviews-summary img {
    width: 100%;
    height: 210px;
    margin-top: 18px;
  }

  .reviews-slider {
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  .review-track {
    width: 100%;
    align-items: stretch;
  }

  .review-card {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
    padding: 21px 18px;
    min-height: 0;
  }

  .review-card p {
    font-size: .88rem;
    line-height: 1.65;
  }

  .slider-controls {
    gap: 11px;
  }

  .slider-dots {
    max-width: 145px;
    overflow: hidden;
  }

  /* Saat ve iletişim */
  .open-badge {
    right: 10px;
    top: 10px;
    padding: 11px 13px;
    font-size: .78rem;
  }

  .hours-card {
    margin: 22px 0;
    padding: 8px 12px;
  }

  .hours-card div {
    gap: 10px;
    padding: 12px 6px;
    font-size: .86rem;
  }

  .hours-card strong {
    white-space: nowrap;
    text-align: right;
  }

  .contact-card {
    min-width: 0;
    padding: 17px 15px;
    gap: 12px;
  }

  .contact-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  .contact-card p,
  .contact-card a {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .contact-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .contact-actions .button {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .map-wrap {
    width: 100%;
    min-height: 310px;
    border-radius: 18px;
  }

  .faq-section {
    margin-top: 38px;
  }

  .faq-section .faq,
  .contact-form,
  .faq {
    padding: 21px 16px;
  }

  .faq-item button {
    gap: 16px;
    padding: 17px 0;
    font-size: .9rem;
  }

  /* Footer */
  .footer-top,
  .footer-main,
  .footer-bottom {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .footer-top {
    padding-top: 48px !important;
  }

  .footer-intro h2 {
    font-size: 1.85rem;
  }

  .footer-cta,
  .footer-bottom,
  .footer-bottom-links {
    align-items: stretch !important;
  }

  .footer-cta a,
  .footer-bottom-links a {
    width: 100%;
  }

  .whatsapp-float {
    right: 14px;
    bottom: 14px;
    width: 54px;
    height: 54px;
  }

  .back-top {
    right: 18px;
    bottom: 78px;
  }

  .lightbox {
    padding: 60px 8px 22px;
  }

  .lightbox figure,
  .lightbox img {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  .container {
    padding-inline: 13px;
  }

  .hero-trust {
    grid-template-columns: 1fr;
  }

  .hero-trust div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }

  .hero-trust span {
    display: inline;
  }

  .stats-grid,
  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .gallery-grid {
    grid-auto-rows: 215px;
  }
}
/* Geliştirilmiş mobil menü ve Instagram butonu */
.button-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;border-color:transparent}
.button-instagram:hover{filter:brightness(.95);transform:translateY(-3px)}
.footer-instagram{display:inline-flex!important;align-items:center;gap:6px;margin-top:10px;color:#fff!important;font-weight:700}

@media(max-width:1080px){
  .mobile-menu{display:block;position:fixed!important;inset:0!important;top:0!important;width:100%!important;height:100dvh;max-height:none!important;background:transparent!important;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .25s ease;z-index:150}
  .mobile-menu.open{opacity:1;pointer-events:auto;border:0!important}
  .mobile-menu-backdrop{position:absolute;inset:0;background:rgba(25,17,14,.58);backdrop-filter:blur(4px);opacity:0;transition:opacity .28s ease}
  .mobile-menu.open .mobile-menu-backdrop{opacity:1}
  .mobile-menu-panel{position:absolute;top:0;right:0;width:min(88vw,390px);height:100%;padding:22px 18px calc(24px + env(safe-area-inset-bottom));background:var(--color-background);box-shadow:-18px 0 50px rgba(33,23,19,.22);overflow-y:auto;transform:translateX(105%);transition:transform .34s cubic-bezier(.22,.8,.25,1);display:flex;flex-direction:column}
  .mobile-menu.open .mobile-menu-panel{transform:translateX(0)}
  .mobile-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:4px 2px 20px;border-bottom:1px solid var(--color-border)}
  .mobile-menu-head strong{display:block;color:var(--color-heading);font-family:Manrope,sans-serif;font-size:1.18rem;line-height:1.25}
  .mobile-menu-kicker{display:block;color:var(--color-primary);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}
  .mobile-menu-close{flex:0 0 42px;width:42px;height:42px;border:1px solid var(--color-border);border-radius:50%;background:#fff;color:var(--color-secondary);font-size:1.65rem;line-height:1;display:grid;place-items:center}
  .mobile-menu-links{display:grid;padding:14px 0}
  .mobile-menu-links a{display:flex;align-items:center;gap:13px;padding:13px 4px!important;border-bottom:1px solid rgba(232,222,213,.75);font-family:Manrope,sans-serif;font-size:1rem;font-weight:750;color:var(--color-heading)}
  .mobile-menu-links a span{color:var(--color-primary);font-size:.69rem;letter-spacing:.08em}
  .mobile-menu-links a:active{padding-left:10px!important;color:var(--color-primary)}
  .mobile-menu-actions{display:grid;gap:9px;margin-top:auto;padding-top:16px}
  .mobile-menu-action{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px 14px!important;border-radius:14px;color:#fff!important}
  .mobile-menu-action>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.16);font-size:1.15rem}
  .mobile-menu-action small,.mobile-menu-action strong{display:block}
  .mobile-menu-action small{font-size:.68rem;opacity:.82;margin-bottom:1px}
  .mobile-menu-action strong{font-size:.9rem}
  .mobile-menu-action-call{background:var(--color-secondary)}
  .mobile-menu-action-whatsapp{background:#25D366}
  .mobile-menu-action-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
}

@media(max-width:480px){
  .mobile-menu-panel{width:92vw;padding-inline:15px}
}