/* Vert Line Motion System — subtle, premium and performance-conscious. */
:root{
    --vl-motion-ease:cubic-bezier(.22,1,.36,1);
    --vl-motion-spring:cubic-bezier(.2,.85,.3,1.25);
    --vl-motion-fast:220ms;
    --vl-motion-base:680ms;
}

html{scroll-behavior:smooth}
body.vertline-site{overflow-x:clip}
.vertline-site.is-loading{overflow:hidden}
.vl-site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f6faf7;opacity:1;visibility:visible;overflow:hidden;isolation:isolate;transition:opacity .34s var(--vl-motion-ease),visibility .34s ease}
.vl-loader-returning .vl-site-loader{display:none}.vl-loader-returning body.vertline-site.is-loading{overflow-x:clip;overflow-y:auto}
.vl-site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.vl-loader-panel{position:absolute;z-index:-1;top:0;bottom:0;width:50.5%;background:linear-gradient(135deg,#fbfdfb,#edf6f0);transition:transform .78s var(--vl-motion-ease)}
.vl-loader-panel-start{inset-inline-start:0}.vl-loader-panel-end{inset-inline-end:0}
.vl-site-loader.is-complete .vl-loader-panel-start{transform:translateX(-101%)}
.vl-site-loader.is-complete .vl-loader-panel-end{transform:translateX(101%)}
[dir=rtl] .vl-site-loader.is-complete .vl-loader-panel-start{transform:translateX(101%)}
[dir=rtl] .vl-site-loader.is-complete .vl-loader-panel-end{transform:translateX(-101%)}
.vl-loader-glow{position:absolute;z-index:-1;width:min(620px,92vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(52,189,101,.13),rgba(52,189,101,.035) 42%,transparent 70%);animation:vlLoaderGlow 2s ease-out both}
.vl-loader-brand{width:min(340px,82vw);display:grid;justify-items:center;color:var(--vl-forest);text-align:center;transition:opacity .28s ease,transform .45s var(--vl-motion-ease)}
.vl-site-loader.is-complete .vl-loader-brand{opacity:0;transform:translateY(-12px) scale(.97)}
.vl-loader-mark{position:relative;width:118px;height:118px;margin-bottom:13px;display:grid;place-items:center}
.vl-loader-mark:before,.vl-loader-mark:after{content:'';position:absolute;border:1px solid rgba(48,173,94,.15);border-radius:50%;animation:vlLoaderRing 1.6s .15s var(--vl-motion-ease) both}
.vl-loader-mark:before{inset:-13px}.vl-loader-mark:after{inset:-27px;animation-delay:.28s}
.vl-loader-mark>img{position:absolute;width:106px;height:106px;object-fit:contain;opacity:0;transform:scale(.78) rotate(-4deg);animation:vlLoaderMarkIn .5s 1.05s var(--vl-motion-spring) forwards;filter:drop-shadow(0 14px 16px rgba(17,101,60,.16))}
.vl-loader-draw{position:absolute;z-index:2;width:116px;height:116px;overflow:visible;animation:vlLoaderDrawFade .25s 1.28s ease forwards}
.vl-loader-draw path{stroke:#2fba67;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:180;stroke-dashoffset:180;animation:vlLoaderDraw .82s .12s var(--vl-motion-ease) forwards}
.vl-loader-draw path:nth-child(2){stroke-width:7;animation-delay:.32s}.vl-loader-draw path:nth-child(3){animation-delay:.46s}
.vl-loader-seed{position:absolute;z-index:3;bottom:20px;width:9px;height:9px;border-radius:50%;background:#2fba67;box-shadow:0 0 0 0 rgba(48,186,103,.32);animation:vlLoaderSeed .55s ease both}
.vl-loader-sprout{position:absolute;z-index:4;top:-3px;left:50%;width:36px;height:31px;opacity:0;transform:translateX(-50%) translateY(12px) scale(.35);transform-origin:bottom center;animation:vlLoaderSprout .55s 1.2s var(--vl-motion-spring) forwards}
.vl-loader-sprout:before{content:'';position:absolute;left:17px;bottom:0;width:2px;height:21px;border-radius:2px;background:#299f58;transform-origin:bottom;animation:vlLoaderStem .38s 1.15s ease-out both}
.vl-loader-sprout i,.vl-loader-sprout b{position:absolute;top:1px;width:17px;height:12px;background:linear-gradient(135deg,#61d687,#239b53);box-shadow:0 4px 8px rgba(25,128,68,.13)}
.vl-loader-sprout i{left:1px;border-radius:16px 2px 16px 2px;transform:rotate(18deg)}.vl-loader-sprout b{right:1px;border-radius:2px 16px 2px 16px;transform:rotate(-18deg)}
.vl-loader-wordmark{opacity:0;transform:translateY(13px);animation:vlLoaderWords .55s .98s var(--vl-motion-ease) forwards}
.vl-loader-wordmark strong{display:block;color:#202524;font-family:Arial,sans-serif;font-size:34px;line-height:1;font-weight:800;letter-spacing:-2px}.vl-loader-wordmark span{display:block;margin-top:4px;color:#4b514e;font:700 6px/1 Arial,sans-serif;letter-spacing:.18em}
.vl-loader-brand>p{margin:15px 0 17px;color:#547065;font:700 11px/1.7 Cairo,sans-serif;opacity:0;animation:vlLoaderWords .5s 1.25s var(--vl-motion-ease) forwards}
.vl-loader-progress{width:205px;display:grid;grid-template-columns:1fr 32px;gap:10px;align-items:center;opacity:0;animation:vlLoaderWords .4s 1.38s ease forwards}
.vl-loader-track{width:100%;height:4px;overflow:hidden;border-radius:999px;background:rgba(32,122,68,.13);direction:ltr}
.vl-loader-track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#148149,#35bf6c,#7bdf99);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease-out;box-shadow:0 0 12px rgba(48,173,94,.32)}
.vl-loader-progress small{color:#668076;font:800 9px/1 Cairo,sans-serif;text-align:start}.vl-loader-progress small b{font:inherit}
.vl-motion-progress{position:fixed;z-index:2000;top:0;inset-inline-start:0;width:100%;height:3px;background:linear-gradient(90deg,var(--vl-green),#8dde9f);transform:scaleX(0);transform-origin:left center;pointer-events:none;box-shadow:0 0 14px rgba(48,173,94,.5)}
[dir=rtl] .vl-motion-progress{transform-origin:right center}

/* Page and scroll entrances only hide content after JavaScript is available. */
.vl-motion-ready body.vertline-site{animation:vlPageEnter .55s var(--vl-motion-ease) both}
.vl-motion-ready [data-vl-reveal]{opacity:0;transform:translate3d(0,28px,0);filter:blur(3px);transition:opacity var(--vl-motion-base) var(--vl-motion-ease),transform var(--vl-motion-base) var(--vl-motion-ease),filter var(--vl-motion-base) var(--vl-motion-ease);transition-delay:var(--vl-delay,0ms);will-change:opacity,transform}
.vl-motion-ready [data-vl-reveal="left"]{transform:translate3d(-34px,0,0)}
[dir="rtl"].vl-motion-ready [data-vl-reveal="left"]{transform:translate3d(34px,0,0)}
.vl-motion-ready [data-vl-reveal="right"]{transform:translate3d(34px,0,0)}
[dir="rtl"].vl-motion-ready [data-vl-reveal="right"]{transform:translate3d(-34px,0,0)}
.vl-motion-ready [data-vl-reveal="scale"]{transform:translate3d(0,18px,0) scale(.96)}
.vl-motion-ready [data-vl-reveal].is-vl-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}

/* Header navigation feels alive without becoming distracting. */
.vl-header{position:sticky!important;top:0;z-index:900!important;transition:height .38s var(--vl-motion-ease),background-color .38s ease,box-shadow .38s ease,border-color .38s ease}
.vl-header .vl-navbar,.vl-header .vl-brand,.vl-header .vl-brand img{transition:height .38s var(--vl-motion-ease),width .38s var(--vl-motion-ease),flex-basis .38s var(--vl-motion-ease),transform .42s var(--vl-motion-spring),filter .3s ease}
.vl-header.header-scrolled{height:70px;background:rgba(255,255,255,.95);border-color:rgba(18,59,42,.08);box-shadow:0 12px 34px rgba(11,43,29,.11);backdrop-filter:blur(18px) saturate(1.25)}
.vl-header.header-scrolled .vl-navbar{height:70px}
.vl-header.header-scrolled .vl-brand{width:142px;flex-basis:142px}
.vl-header.header-scrolled .vl-brand img{height:50px}
.vl-header.header-scrolled .vl-nav-links>li>a{padding-block:23px}
.vl-brand img{transition:transform .42s var(--vl-motion-spring),filter .3s ease}.vl-brand:hover img{transform:scale(1.04) rotate(-1deg);filter:drop-shadow(0 7px 10px rgba(18,59,42,.13))}
.vl-nav-links>li>a{position:relative;transition:color .25s ease,transform .25s ease}.vl-nav-links>li>a::after{content:"";position:absolute;inset-inline:0;bottom:20px;height:2px;border-radius:2px;background:var(--vl-green);transform:scaleX(0);transform-origin:center;transition:transform .34s var(--vl-motion-ease)}.vl-nav-links>li>a:hover{transform:translateY(-2px)}.vl-nav-links>li>a:hover::after,.vl-nav-links>li>a.active::after{transform:scaleX(1)}
.vl-dropdown-menu{display:grid!important;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:top;transition:opacity .25s ease,visibility .25s ease,transform .3s var(--vl-motion-ease)}.vl-dropdown:hover .vl-dropdown-menu,.vl-dropdown:focus-within .vl-dropdown-menu{opacity:1;visibility:visible;transform:none}
.vl-icon-link,.vl-language{transition:transform .3s var(--vl-motion-spring),background-color .25s ease,color .25s ease,box-shadow .25s ease}.vl-icon-link:hover{transform:translateY(-3px) scale(1.04);background:#eff8f2;box-shadow:0 8px 18px rgba(18,59,42,.1)}
.cart-badge{animation:vlBadgeIn .5s var(--vl-motion-spring) both}
.vl-mobile-cart{display:none}

/* Hero cinematics. */
.vl-home-slide{transition:opacity 1.25s ease,visibility 1.25s ease!important}.vl-home-slide::before{transition:opacity 1.2s ease}.vl-home-slide.is-active::before{animation:vlHeroShade 11s ease both}
.vl-home-slide.is-active{animation:vlHeroZoom 11s ease both}
.vl-home-slide.is-active .vl-home-slide-copy>.vl-eyebrow{animation:vlRise .65s .08s var(--vl-motion-ease) both!important}
.vl-home-slide.is-active .vl-home-slide-copy>h1{animation:vlRise .78s .16s var(--vl-motion-ease) both!important}
.vl-home-slide.is-active .vl-home-slide-copy>p{animation:vlRise .78s .26s var(--vl-motion-ease) both!important}
.vl-home-slide.is-active .vl-home-slide-copy>.vl-hero-actions{animation:vlRise .78s .36s var(--vl-motion-ease) both!important}
.vl-home-slide.vl-motion-variant-2.is-active{animation:vlHeroPan 11s ease both}
.vl-home-slide.vl-motion-variant-2.is-active .vl-home-slide-copy>*{animation:vlHeroSweep 1s var(--vl-motion-ease) both!important}
.vl-home-slide.vl-motion-variant-2.is-active .vl-home-slide-copy>h1{animation-delay:.13s!important}.vl-home-slide.vl-motion-variant-2.is-active .vl-home-slide-copy>p{animation-delay:.27s!important}.vl-home-slide.vl-motion-variant-2.is-active .vl-home-slide-copy>.vl-hero-actions{animation-delay:.41s!important}
.vl-home-slide.vl-motion-variant-3.is-active{animation:vlHeroFocus 11s ease both}
.vl-home-slide.vl-motion-variant-3.is-active .vl-home-slide-copy>*{animation:vlHeroFocusCopy 1.05s var(--vl-motion-ease) both!important}
.vl-home-slide.vl-motion-variant-3.is-active .vl-home-slide-copy>h1{animation-delay:.14s!important}.vl-home-slide.vl-motion-variant-3.is-active .vl-home-slide-copy>p{animation-delay:.3s!important}.vl-home-slide.vl-motion-variant-3.is-active .vl-home-slide-copy>.vl-hero-actions{animation-delay:.46s!important}
.vl-home-slide.vl-motion-variant-4.is-active{animation:vlHeroDrift 11s ease both}
.vl-home-slide.vl-motion-variant-4.is-active .vl-home-slide-copy>*{animation:vlHeroReveal 1.1s var(--vl-motion-ease) both!important}
.vl-home-slide.vl-motion-variant-4.is-active .vl-home-slide-copy>h1{animation-delay:.15s!important}.vl-home-slide.vl-motion-variant-4.is-active .vl-home-slide-copy>p{animation-delay:.32s!important}.vl-home-slide.vl-motion-variant-4.is-active .vl-home-slide-copy>.vl-hero-actions{animation-delay:.49s!important}
.vl-home-slide.vl-motion-variant-1.is-active .vl-slide-pack img{animation:vlPackRise .95s var(--vl-motion-spring) both!important}
.vl-home-slide.vl-motion-variant-2.is-active .vl-slide-pack img{animation:vlPackSwing 1.05s var(--vl-motion-ease) both!important}
.vl-home-slide.vl-motion-variant-3.is-active .vl-slide-pack img{animation:vlPackScale 1.05s var(--vl-motion-spring) both!important}
.vl-home-slide.vl-motion-variant-4.is-active .vl-slide-pack img{animation:vlPackSide 1.05s var(--vl-motion-ease) both!important}
.vl-home-slide.is-active .vl-slide-pack-2 img{animation-delay:.14s!important}.vl-home-slide.is-active .vl-slide-pack-3 img{animation-delay:.28s!important}
.vl-slide-pack{transition:filter .35s ease,transform .2s ease;transform:translate3d(var(--vl-parallax-x,0),var(--vl-parallax-y,0),0)}
.vl-home-slide.is-active .vl-slide-pack-1{animation:vlPackFloat 4.8s .5s ease-in-out infinite}.vl-home-slide.is-active .vl-slide-pack-2{animation:vlPackFloat 5.4s 1s ease-in-out infinite}.vl-home-slide.is-active .vl-slide-pack-3{animation:vlPackFloat 4.4s 1.5s ease-in-out infinite}
.vl-slide-pack:hover{z-index:7!important;filter:brightness(1.06)}.vl-slide-pack:hover img{filter:drop-shadow(0 28px 28px rgba(0,0,0,.36))!important}
.vl-slider-arrow{overflow:hidden;transition:transform .3s var(--vl-motion-spring),background .3s ease,border-color .3s ease}.vl-slider-arrow:hover{transform:translateY(-50%) scale(1.1);background:var(--vl-green);border-color:var(--vl-green)}
.vl-slider-dots button{transition:width .4s var(--vl-motion-ease),transform .25s ease,background .25s ease}.vl-slider-dots button:hover{transform:scale(1.35)}

/* Premium component feedback. */
.vl-btn,.btn,.vl-card-shop-btn,.vl-outline-action{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s var(--vl-motion-spring),box-shadow .28s ease,background-color .25s ease,color .25s ease!important}
.vl-btn:hover,.btn:hover,.vl-outline-action:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(18,59,42,.16)}
.vl-btn:active,.btn:active,.vl-card-shop-btn:active,.vl-outline-action:active{transform:translateY(0) scale(.97)}
.vl-ripple{position:absolute;z-index:0;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.38);transform:translate(-50%,-50%) scale(0);animation:vlRipple .65s ease-out forwards;pointer-events:none}
.vl-btn>i,.vl-btn>span,.btn>i,.btn>span,.vl-card-shop-btn>i,.vl-card-shop-btn>span,.vl-outline-action>i,.vl-outline-action>span{position:relative;z-index:1}
.vl-finder{transition:transform .4s var(--vl-motion-ease),box-shadow .4s ease}.vl-finder:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(18,59,42,.18)}
.vl-finder-icon,.vl-category-icon,.vl-knowledge-list article>i,.vl-why-grid article>span{transition:transform .38s var(--vl-motion-spring),background-color .3s ease,color .3s ease}.vl-finder-heading:hover .vl-finder-icon,.vl-category-card:hover .vl-category-icon,.vl-knowledge-list article:hover>i,.vl-why-grid article:hover>span{transform:rotate(-7deg) scale(1.12);background:var(--vl-green);color:#fff}
.vl-category-card,.vl-product-card,.vl-reference-product,.vl-home-article,.vl-why-grid article,.article-card,.blog-card,.tracking-card,.order-summary-card,.help-card{transition:transform .38s var(--vl-motion-ease),box-shadow .38s ease,border-color .3s ease!important}
.vl-category-card:hover,.vl-product-card:hover,.vl-home-article:hover,.vl-why-grid article:hover,.article-card:hover,.blog-card:hover{transform:translateY(-9px)!important;box-shadow:0 22px 45px rgba(18,59,42,.13)!important;border-color:rgba(48,173,94,.35)}
.vl-product-image img,.vl-reference-product-image img{transition:transform .65s var(--vl-motion-ease),filter .45s ease!important}.vl-product-card:hover .vl-product-image img{transform:translateY(-7px) scale(1.07)!important;filter:drop-shadow(0 18px 16px rgba(18,59,42,.2))}.vl-reference-product:hover .vl-reference-product-image img{transform:translateY(-8px) rotate(-1deg) scale(1.045);filter:drop-shadow(0 18px 18px rgba(18,59,42,.18))}
.vl-product-badge{animation:vlSoftPulse 2.4s ease-in-out infinite}.vl-product-card:hover .vl-card-shop-btn i{animation:vlCartWiggle .5s var(--vl-motion-spring)}
.vl-knowledge-image{position:relative}.vl-knowledge-image::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1s var(--vl-motion-ease)}.vl-knowledge-image:hover::after{transform:translateX(120%)}.vl-knowledge-image img{transition:transform 1.2s var(--vl-motion-ease)}.vl-knowledge-image:hover img{transform:scale(1.045)}
.vl-trust-grid article>i{transition:transform .4s var(--vl-motion-spring),color .3s ease}.vl-trust-grid article:hover>i{transform:translateY(-5px) scale(1.12);color:var(--vl-green)}
.vl-social-links a{transition:transform .3s var(--vl-motion-spring),background .3s ease,border-color .3s ease!important}.vl-social-links a:hover{transform:translateY(-4px) rotate(5deg);background:var(--vl-green);border-color:var(--vl-green);color:#fff!important}
.vl-sticky-actions{position:fixed;z-index:920;inset-inline-start:auto;inset-inline-end:auto;right:auto;left:20px;bottom:22px;display:grid;gap:10px}
.vl-sticky-action{position:relative;width:52px;height:52px;padding:0;border:0;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 10px 26px rgba(11,43,29,.2);transition:transform .3s var(--vl-motion-spring),box-shadow .3s ease,opacity .3s ease,visibility .3s ease;color:#fff!important}
.vl-sticky-action::after{content:attr(data-label);position:absolute;inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(-6px);padding:7px 11px;border-radius:8px;background:var(--vl-forest);color:#fff;font:700 11px/1 Cairo,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transition:.24s ease;box-shadow:0 7px 18px rgba(0,0,0,.15)}
[dir=rtl] .vl-sticky-action::after{transform:translateY(-50%) translateX(6px)}
.vl-sticky-action:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 15px 32px rgba(11,43,29,.27)}
.vl-sticky-action:hover::after,.vl-sticky-action:focus-visible::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.vl-action-whatsapp{background:#25d366;animation:vlWhatsAppBreath 2.8s ease-in-out infinite}
.vl-action-phone{background:var(--vl-forest)}
.vl-action-top{background:#fff;color:var(--vl-forest)!important;border:1px solid rgba(18,59,42,.14);opacity:0;visibility:hidden;transform:translateY(12px) scale(.86)}
.vl-action-top.visible{opacity:1;visibility:visible;transform:none}

/* Forms and commerce interactions. */
.form-control,.vl-finder select,.vl-shop-filters select,.vl-shop-filters input{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease!important}.form-control:focus,.vl-finder select:focus,.vl-shop-filters select:focus,.vl-shop-filters input:focus{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(48,173,94,.11)!important}
.quantity-btn{transition:transform .22s var(--vl-motion-spring),background .22s ease,color .22s ease}.quantity-btn:hover{transform:scale(1.12)}
.vl-card-shop-btn.is-loading i,#vl-buy-form button.is-loading i{animation:vlSpin .8s linear infinite}.vl-card-cart-form.is-added .vl-card-shop-btn,#vl-buy-form.is-added .vl-btn{animation:vlSuccessPop .55s var(--vl-motion-spring);background:#178b4c!important}
.notification{display:flex;align-items:center;gap:10px;font-family:Cairo,sans-serif;font-weight:700;max-width:min(92vw,460px)}
.confirmation-card .success-icon{animation:vlSuccessPop .75s .2s var(--vl-motion-spring) both}.confirmation-card .success-icon i{animation:vlSoftPulse 2.5s 1s ease-in-out infinite}
.timeline-step>div:first-of-type{transition:transform .3s var(--vl-motion-spring),box-shadow .3s ease}.timeline-step:hover>div:first-of-type{transform:scale(1.12);box-shadow:0 8px 18px rgba(48,173,94,.22)}

@keyframes vlPageEnter{from{opacity:0}to{opacity:1}}
@keyframes vlLoaderGlow{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}
@keyframes vlLoaderRing{from{opacity:0;transform:scale(.45)}55%{opacity:1}to{opacity:0;transform:scale(1.08)}}
@keyframes vlLoaderSeed{0%{opacity:0;transform:translateY(15px) scale(.35)}55%{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 0 12px rgba(48,186,103,0)}100%{opacity:0;transform:translateY(-5px) scale(.7)}}
@keyframes vlLoaderDraw{to{stroke-dashoffset:0}}
@keyframes vlLoaderDrawFade{to{opacity:0}}
@keyframes vlLoaderMarkIn{to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes vlLoaderStem{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes vlLoaderSprout{to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes vlLoaderWords{to{opacity:1;transform:translateY(0)}}
@keyframes vlRise{from{opacity:0;transform:translate3d(0,30px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes vlHeroZoom{from{background-position:center 48%}to{background-position:center 52%}}
@keyframes vlHeroPan{from{background-position:44% center}to{background-position:54% center}}
@keyframes vlHeroFocus{from{background-size:108% auto;background-position:center 54%}to{background-size:100% auto;background-position:center 48%}}
@keyframes vlHeroDrift{from{background-position:56% 46%}to{background-position:47% 54%}}
@keyframes vlHeroShade{from{opacity:.92}to{opacity:1}}
@keyframes vlHeroSweep{from{opacity:0;transform:translate3d(65px,0,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
[dir=rtl] .vl-home-slide.vl-motion-variant-2.is-active .vl-home-slide-copy>*{animation-name:vlHeroSweepRtl!important}
@keyframes vlHeroSweepRtl{from{opacity:0;transform:translate3d(-65px,0,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes vlHeroFocusCopy{from{opacity:0;transform:scale(.88) translateY(20px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes vlHeroReveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:none}}
[dir=rtl] .vl-home-slide.vl-motion-variant-4.is-active .vl-home-slide-copy>*{animation-name:vlHeroRevealRtl!important}
@keyframes vlHeroRevealRtl{from{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(12px)}to{opacity:1;clip-path:inset(0);transform:none}}
@keyframes vlPackRise{from{opacity:0;transform:translateY(90px) scale(.86)}to{opacity:1;transform:none}}
@keyframes vlPackSwing{from{opacity:0;transform:translateX(85px) rotate(8deg) scale(.88)}to{opacity:1;transform:none}}
@keyframes vlPackScale{from{opacity:0;transform:scale(.45) rotate(-5deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes vlPackSide{from{opacity:0;transform:translateX(-100px) rotate(-7deg)}to{opacity:1;transform:none}}
@keyframes vlPackFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes vlBadgeIn{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
@keyframes vlSoftPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes vlCartWiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-12deg) scale(1.1)}65%{transform:rotate(9deg)}}
@keyframes vlWhatsAppBreath{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.18),0 0 0 0 rgba(37,211,102,.28)}50%{box-shadow:0 10px 28px rgba(0,0,0,.2),0 0 0 11px rgba(37,211,102,0)}}
@keyframes vlRipple{to{transform:translate(-50%,-50%) scale(24);opacity:0}}
@keyframes vlSpin{to{transform:rotate(360deg)}}
@keyframes vlSuccessPop{0%{opacity:0;transform:scale(.55)}65%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}

@media(max-width:850px){
    .vl-motion-ready [data-vl-reveal]{transform:translate3d(0,18px,0);filter:none;transition-duration:520ms}
    .vl-home-slide.is-active{animation:none}
    .vl-category-card:hover,.vl-product-card:hover,.vl-why-grid article:hover{transform:translateY(-4px)!important}
}
@media(max-width:760px){
    .vl-header .vl-navbar{gap:9px}
    .vl-header .vl-brand{margin-inline-end:0}
    .vl-header .vl-mobile-cart{
        display:grid;
        place-items:center;
        position:relative;
        width:44px;
        height:44px;
        flex:0 0 44px;
        margin-inline-start:auto;
        border:1px solid rgba(48,173,94,.3);
        border-radius:13px;
        background:#fff;
        color:var(--vl-forest);
        font-size:18px;
        box-shadow:0 7px 18px rgba(18,59,42,.08);
        transition:transform .28s var(--vl-motion-spring),background .25s ease,box-shadow .25s ease;
    }
    .vl-header .vl-mobile-cart:hover,.vl-header .vl-mobile-cart:focus-visible{transform:translateY(-2px);background:#eef8f1;box-shadow:0 10px 22px rgba(18,59,42,.14)}
    .vl-header .vl-menu-toggle{
        display:flex!important;
        width:46px;
        height:46px;
        flex:0 0 46px;
        margin-inline-start:0!important;
        padding:10px;
        gap:5px;
        border:1px solid rgba(48,173,94,.3)!important;
        border-radius:13px!important;
        background:#eef8f1!important;
        box-shadow:0 7px 18px rgba(18,59,42,.08);
    }
    .vl-header .vl-menu-toggle .hamburger-line{
        width:25px;
        height:3px;
        flex:0 0 3px;
        background:var(--vl-forest)!important;
        border-radius:999px;
    }
    .vl-header .vl-menu-toggle:hover,.vl-header .vl-menu-toggle:focus-visible{background:#dff3e6!important;box-shadow:0 10px 22px rgba(18,59,42,.14)}
    .vl-mobile-menu .mobile-menu-close{
        color:var(--vl-forest)!important;
        background:#eef8f1!important;
        border:1px solid rgba(48,173,94,.25)!important;
        font-size:18px;
    }
}
@media(max-width:620px){
    .vl-loader-mark{width:100px;height:100px}.vl-loader-mark>img{width:90px;height:90px}.vl-loader-draw{width:100px;height:100px}
    .vl-loader-wordmark strong{font-size:30px}.vl-loader-brand>p{font-size:10px}.vl-loader-progress{width:188px}
    .vl-header.header-scrolled,.vl-header.header-scrolled .vl-navbar{height:64px}
    .vl-header.header-scrolled .vl-brand{width:126px;flex-basis:126px}
    .vl-header.header-scrolled .vl-brand img{height:46px}
    .vl-sticky-actions{inset-inline-start:auto;inset-inline-end:auto;right:auto;left:13px;bottom:14px;gap:8px}
    .vl-sticky-action{width:47px;height:47px;border-radius:14px;font-size:18px}
    .vl-sticky-action::after{display:none}
}
.vl-mobile-menu.active .mobile-menu-link{animation:vlRise .48s var(--vl-motion-ease) both}.vl-mobile-menu.active .mobile-menu-link:nth-child(2){animation-delay:45ms}.vl-mobile-menu.active .mobile-menu-link:nth-child(3){animation-delay:90ms}.vl-mobile-menu.active .mobile-menu-link:nth-child(4){animation-delay:135ms}.vl-mobile-menu.active .mobile-menu-link:nth-child(5){animation-delay:180ms}.vl-mobile-menu.active .mobile-menu-link:nth-child(6){animation-delay:225ms}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .vl-motion-ready body.vertline-site,.vl-motion-ready [data-vl-reveal],.vertline-site *,.vertline-site *::before,.vertline-site *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
    .vl-motion-ready [data-vl-reveal]{opacity:1!important;transform:none!important;filter:none!important}
    .vl-motion-progress{display:none}
    .vl-loader-mark>img,.vl-loader-wordmark,.vl-loader-brand>p,.vl-loader-progress{opacity:1!important;transform:none!important}
    .vl-loader-draw,.vl-loader-seed,.vl-loader-sprout,.vl-loader-mark::before,.vl-loader-mark::after{display:none!important}
}