:root{--hoockers-green_20:rgba(78,116,96,.2);--pale-spring-bud:#f3f3bf;--hoockers-green:#4e7460;--spanish-gray:#9c9c9c;--light-gray:#ccc;--cultured-1:#f7f7f7;--cultured-2:#eeeeec;--gray-web:#7d7d7d;--white_30:hsla(0,0%,100%,.3);--black_70:rgba(0,0,0,.7);--black_50:rgba(0,0,0,.5);--black_15:rgba(0,0,0,.15);--black_10:rgba(0,0,0,.1);--black_5:rgba(0,0,0,.05);--white:#fff;--black:#000;--gradient:linear-gradient(to right,transparent 50%,var(--white_30) 100%);--ff-urbanist:"Urbanist",sans-serif;--fs-1:4.8rem;--fs-2:4rem;--fs-3:3.4rem;--fs-4:2.4rem;--fs-5:2rem;--fs-6:1.8rem;--fs-7:1.5rem;--fs-8:1.4rem;--fs-9:1.3rem;--fw-400:400;--fw-500:500;--fw-600:600;--fw-700:700;--fw-800:800;--section-padding:35px;--shadow-1:0 8px 16px var(--black_15);--shadow-2:0 4px 10px var(--black_5);--radius-3:3px;--transition-1:0.25s ease;--transition-2:0.5s ease;--transition-3:1s ease;--cubic-in:cubic-bezier(0.51,0.03,0.64,0.28);--cubic-out:cubic-bezier(0.33,0.85,0.4,0.96)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,button,img,input,ion-icon,span{display:block}a{text-decoration:none;color:inherit}img{height:auto}button,input{background:none;border:none;font:inherit}input{width:100%}button{cursor:pointer}ion-icon{pointer-events:none;--ionicon-stroke-width:25px}html{font-family:var(--ff-urbanist);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white);color:var(--gray-web);font-size:1.6rem;font-weight:var(--fw-500);line-height:1.6}:focus-visible{outline-offset:4px}::-webkit-scrollbar{width:10px;height:5px}::-webkit-scrollbar-track{background-color:#f2f2f2}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}.container{padding-inline:15px}.section{padding-block:var(--section-padding)}.has-bg-image{background-repeat:no-repeat;background-size:cover;background-position:50%}.h1,.h2,.h2-large,.h3{color:var(--black);font-weight:var(--fw-600);line-height:1.3}.h1{font-size:var(--fs-1);line-height:1.2}.h2{font-size:var(--fs-3)}.h2-large{font-size:var(--fs-2)}.h3{font-size:var(--fs-4)}.btn{font-weight:var(--fw-600);max-width:max-content;padding:10px 30px;border-radius:var(--radius-3);transition:var(--transition-1)}.btn-primary,.btn-secondary:is(:hover,:focus){background-color:var(--black);color:var(--white)}.btn-primary:is(:hover,:focus){background-color:var(--hoockers-green)}.btn-secondary{background-color:var(--white);color:var(--black);box-shadow:var(--shadow-2)}.has-scrollbar{display:flex;gap:15px;overflow-x:auto;-webkit-padding-after:15px;padding-block-end:15px;-webkit-margin-after:-15px;margin-block-end:-15px;scroll-snap-type:inline mandatory}.scrollbar-item{min-width:100%;scroll-snap-align:start}.has-scrollbar::-webkit-scrollbar-thumb,.has-scrollbar::-webkit-scrollbar-track{background-color:transparent}.has-scrollbar:is(:hover,:focus-within)::-webkit-scrollbar-track{background-color:#fafafa}.has-scrollbar:is(:hover,:focus-within)::-webkit-scrollbar-thumb{background-color:#b3b3b3}.has-after,.has-before{position:relative;z-index:1}.has-after:after,.has-before:before{content:"";position:absolute}.hover\:shine{overflow:hidden}.hover\:shine .has-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transition:var(--transition-2)}.hover\:shine:is(:hover,:focus) .has-bg-image{transform:scale(1.15)}.hover\:shine:before{top:0;left:-140%;bottom:0;width:100%;background-image:var(--gradient);transform:skewX(-25deg);transition:var(--transition-2);z-index:1}.hover\:shine:is(:hover,:focus-within):before{animation:shine 1s ease forwards}@keyframes shine{0%{transform:skewX(-25deg) translateX(0)}to{transform:skewX(-25deg) translateX(250%)}}.btn-link{color:var(--black);font-weight:var(--fw-600);display:flex;align-items:center;gap:3px;transition:var(--transition-1)}.img-holder{aspect-ratio:var(--width) /var(--height);background-color:var(--light-gray)}.img-cover{width:100%;height:100%;object-fit:cover}.badge{max-width:max-content;background-color:var(--hoockers-green);color:var(--white);font-weight:var(--fw-700);padding-inline:12px;border-radius:var(--radius-3)}.flex-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.w-100{width:100%}[data-section]>*{transform:translateY(100px);opacity:0;transition:var(--transition-3)}[data-section].active>*{transform:translateY(0);opacity:1}.header .input-wrapper,.header-action-btn:not(:first-child),.navbar{display:none}.header{position:relative;-webkit-padding-after:80px;padding-block-end:80px}.alert{background-color:var(--pale-spring-bud);color:var(--black);font-size:var(--fs-7);text-transform:uppercase;font-weight:var(--fw-700);letter-spacing:2px;text-align:center;padding-block:15px}.header-top{position:absolute;bottom:0;left:0;width:100%;background-color:var(--white);padding-block:26px;z-index:4}.header-top.active{position:fixed;top:-80px;bottom:auto;box-shadow:var(--shadow-1);transform:translateY(100%);transition:var(--transition-2)}.header-top.header-hide{box-shadow:none;transform:translateY(0)}.header-top .container{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px}.nav-open-btn{width:26px;display:grid;grid-gap:6px;gap:6px;padding-block:5px}.nav-open-btn .line{height:2px;background-color:var(--black)}.nav-open-btn .line-1{width:15px}.nav-open-btn .line-3{width:18px}.header-action-btn{font-size:28px;transition:var(--transition-1)}.header-action-btn:is(:hover,:focus){color:var(--black_70)}.sidebar{z-index:5}.mobile-navbar{background-color:var(--white);position:fixed;top:0;left:0;bottom:0;max-width:350px;width:100%;padding:25px 40px;z-index:6;transform:translateX(-100%);visibility:hidden;transition:.25s var(--cubic-in)}.mobile-navbar.active{visibility:visible;transform:translateX(0);transition:.4s var(--cubic-out)}.mobile-navbar .wrapper{display:flex;justify-content:space-between;align-items:center;-webkit-margin-after:55px;margin-block-end:55px}.nav-close-btn{font-size:28px;color:var(--hoockers-green)}.nav-close-btn ion-icon{--ionicon-stroke-width:40px}.mobile-navbar .navbar-link{color:var(--black);font-size:var(--fs-8);text-transform:uppercase;font-weight:var(--fw-600);letter-spacing:1px;padding-block:5px;transition:var(--transition-1)}.mobile-navbar .navbar-link:is(:hover,:focus){color:var(--hoockers-green)}.overlay{background-color:transparent;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;transition:var(--transition-1)}.overlay.active{background-color:var(--black_50);pointer-events:all}.hero{-webkit-padding-before:0;padding-block-start:0}.hero-card{background-color:var(--light-gray);padding:100px 15px;background-position:40%}.hero-text{font-size:var(--fs-6);margin-block:16px 30px}.hero .price{color:var(--black);font-size:var(--fs-5);font-weight:var(--fw-600);-webkit-margin-after:20px;margin-block-end:20px}.hero .scrollbar-item{min-width:100%}.collection{-webkit-padding-before:0;padding-block-start:0}.collection-list{display:grid;grid-gap:15px;gap:15px}.collection-card{background-color:var(--light-gray);min-height:400px;padding:40px;-webkit-padding-after:30px;padding-block-end:30px;display:flex;flex-direction:column}.collection-card .card-title{-webkit-margin-after:12px;margin-block-end:12px}.collection-card .card-text{color:var(--black);font-size:var(--fs-6);font-weight:var(--fw-600);-webkit-margin-after:auto;margin-block-end:auto}.shop .title-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;-webkit-margin-after:50px;margin-block-end:50px}.shop .btn-link:is(:hover,:focus){color:var(--hoockers-green)}.shop-card .card-banner{position:relative;overflow:hidden}.shop-card .badge{position:absolute;top:20px;left:20px}.shop-card .card-actions{position:absolute;top:50%;right:0;transform:translateY(-50%);display:grid;grid-gap:10px;gap:10px;opacity:0;transition:var(--transition-2)}.shop-card .action-btn{background-color:var(--white);font-size:24px;padding:12px;border-radius:50%;transition:var(--transition-1)}.shop-card .action-btn:is(:hover,:focus){background-color:var(--black);color:var(--white)}.shop-card:is(:hover,:focus-within) .card-actions{opacity:1;transform:translate(-20px,-50%)}.shop-card .card-content{padding-block:20px}.marquee-content{margin-bottom:10px;margin-top:15px}.marquee-content>div{display:flex}.marquee-content>div>div{font-size:50px;padding:0 50px}.shop-card :is(.price,.card-rating,.rating-wrapper){display:flex;align-items:center;gap:5px}.shop-card .del{font-size:var(--fs-9);font-weight:var(--fw-400)}.shop-card .price .span{color:var(--black);font-weight:var(--fw-700)}.shop-card .card-title{color:var(--black);font-size:var(--fs-7);font-weight:var(--fw-500);-webkit-margin-after:8px;margin-block-end:8px;transition:var(--transition-1)}.shop-card .card-title:is(:hover,:focus){text-decoration:underline;color:var(--hoockers-green)}.shop-card .rating-wrapper{gap:2px;color:var(--hoockers-green);font-size:15px}.shop-card .rating-text{font-size:var(--fs-8);font-weight:var(--fw-400);line-height:1}.banner-list{display:grid;grid-gap:30px;gap:30px}.banner-card{min-height:420px;padding:30px}.banner-card .card-subtitle{color:var(--black);font-size:var(--fs-6);font-weight:var(--fw-600);text-transform:uppercase;letter-spacing:2px}.banner-card :is(.card-subtitle,.card-title){text-shadow:0 0 2px var(--cultured-2)}.banner-card-1 .card-title{margin-block:10px 30px}.banner-card .card-text{color:var(--black);font-size:var(--fs-7);margin-block:10px 25px}.feature{text-align:center}.feature .section-title{-webkit-margin-after:40px;margin-block-end:40px}.feature-card .card-icon{width:100px;margin-inline:auto}.feature-card .card-title{margin-block:35px 15px}.feature-card .card-text{font-size:var(--fs-7)}.offer-banner{display:grid;grid-template-columns:.7fr 1fr;align-items:center;grid-gap:30px;gap:30px;-webkit-margin-after:60px;margin-block-end:60px}.offer-subtitle{font-size:var(--fs-7);display:flex;align-items:center;gap:10px}.offer-subtitle .span{color:var(--black);text-transform:uppercase;font-weight:var(--fw-600);letter-spacing:2px}.offer .badge{font-weight:var(--fw-500)}.offer .section-title{margin-block:20px 8px}.offer .section-text{font-size:var(--fs-6)}.offer .countdown{color:var(--hoockers-green);font-size:var(--fs-2);line-height:1;display:flex;margin-block:20px 40px}.offer .time:not(:last-child):after{content:":";color:var(--gray-web);font-size:3rem;font-weight:var(--fw-500);margin-inline:10px}.offer .time{display:flex;align-items:center}.blog{-webkit-padding-after:calc(var(--section-padding) * 2);padding-block-end:calc(var(--section-padding) * 2)}.blog .section-title{text-align:center;-webkit-margin-after:40px;margin-block-end:40px}.blog-card .card-banner img{transition:var(--transition-2)}.blog-card:is(:hover,:focus-within) .card-banner img{transform:scale(1.2)}.blog-card .card-title{text-align:center;margin-block:30px 20px;transition:var(--transition-1)}.blog-card .card-title:is(:hover,:focus){color:var(--hoockers-green)}.blog-card .btn-link{justify-content:center}.feature-icons{display:flex;justify-content:space-around;align-items:center;background-color:#1c1c1c;padding:20px}.feature-item{text-align:center;color:#eaeaea}.feature-item>ion-icon{font-size:30px;margin:auto}.feature-item>p{margin-top:15px;font-size:15px}.footer .logo{display:none}.footer{background-color:var(--cultured-1);padding-block:70px}.footer-top{display:grid;grid-gap:40px;gap:40px;-webkit-margin-after:60px;margin-block-end:60px}.footer-list-title{color:var(--black);font-size:var(--fs-5);font-weight:var(--fw-600);-webkit-margin-after:10px;margin-block-end:10px}.footer-list-text{font-size:var(--fs-8)}.footer-list-text .link{display:inline-block;color:var(--black);font-weight:var(--fw-600);text-decoration:underline;transition:var(--transition-1)}.footer-list-text .link:is(:hover,:focus){color:var(--hoockers-green)}.footer-list-text.bold{color:var(--black);font-weight:var(--fw-800);margin-block:15px 2px}.footer-link{font-size:var(--fs-7);padding-block:5px}.footer-link:is(:hover,:focus){text-decoration:underline}.newsletter-title{color:var(--black);font-size:var(--fs-3);font-weight:var(--fw-600);line-height:1.3}.newsletter-text{font-size:var(--fs-7);line-height:2;margin-block:10px 35px}.newsletter-form{position:relative}.email-field{background-color:var(--white);font-size:var(--fs-7);padding:12px 18px;-webkit-padding-end:145px;padding-inline-end:145px;border:1px solid var(--hoockers-green_20);border-radius:var(--radius-3);outline:none;transition:var(--transition-1)}.email-field::placeholder{color:var(--spanish-gray)}.email-field:focus{border-color:var(--black)}.newsletter-form .btn{position:absolute;top:0;right:0;bottom:0}.copyright{font-size:var(--fs-7)}.footer-bottom .wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:15px;-webkit-margin-after:20px;margin-block-end:20px}.social-list{display:flex;gap:20px}.social-link{color:var(--black);font-size:18px;transition:var(--transition-1)}.social-link:is(:hover,:focus){color:var(--hoockers-green)}.footer-bottom>img{max-width:max-content}.back-top-btn{position:fixed;bottom:20px;right:30px;background-color:var(--white);color:var(--hoockers-green);font-size:22px;padding:13px;border-radius:50%;box-shadow:var(--shadow-1);z-index:4;opacity:0;visibility:hidden;transition:var(--transition-1)}.back-top-btn:is(:hover,:focus){background-color:var(--hoockers-green);color:var(--white)}.back-top-btn.active{opacity:1;visibility:visible;transform:translateY(-10px)}@media (min-width:575px){.container{max-width:540px;width:100%;margin-inline:auto}:is(.header,.hero) .container{max-width:unset}.has-scrollbar{gap:30px}.scrollbar-item{min-width:calc(50% - 15px)}.alert{padding-block:8px}.header-top .container{padding-inline:30px}.hero-card{padding-inline:70px}.banner-card .card-text,.hero-text{max-width:30ch}.offer .countdown{--fs-2:4.8rem}.offer .countdown .time:not(:last-child):after{margin-inline:20px}}@media (min-width:768px){:root{--fs-1:5.6rem}.container{max-width:730px}.flex-item{max-width:calc(50% - 15px)}.collection-card{min-height:450px}.banner-list{grid-template-columns:1fr .7fr}.banner-card{padding:50px}.offer .section-text{max-width:45ch}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-list:last-child{grid-column:1/4}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom .wrapper{-webkit-margin-after:0;margin-block-end:0}.header-top.active{position:fixed;top:-150px;bottom:auto;padding-block:28px;box-shadow:var(--shadow-1);transform:translateY(100%);transition:var(--transition-2)}}@media (min-width:200px){.header-top.active{position:fixed;top:-150px;bottom:auto;box-shadow:var(--shadow-1);transform:translateY(100%);transition:var(--transition-2)}}@media (min-width:992px){:root{--section-padding:50px}.container{max-width:960px}.scrollbar-item{min-width:calc(33.33% - 20px)}.flex-item{max-width:calc(33.33% - 20px)}.collection-list{grid-template-columns:repeat(3,1fr);gap:30px}.banner-list{grid-template-columns:1fr .5fr}.offer .container{display:grid;grid-template-columns:1fr .7fr;align-items:center;grid-gap:30px;gap:30px}.offer-banner{-webkit-margin-after:0;margin-block-end:0}.footer .logo{display:block}.footer{padding-block:100px 80px}.footer-top{grid-template-columns:.4fr .4fr .4fr 1fr;-webkit-margin-after:120px;margin-block-end:120px}.footer-list:last-child{grid-column:auto}.footer .logo img{width:190px}}@media (min-width:1200px){.container{max-width:1300px}.scrollbar-item{min-width:calc(20% - 24px)}.header .input-wrapper,.header-action-btn:not(:first-child),.navbar{display:block}.nav-open-btn{display:none}.header{-webkit-padding-after:60px;padding-block-end:60px;-webkit-margin-after:10px;margin-block-end:10px}.header-top{position:unset;padding-block:24px 0}.header-top:is(.active,.header-hide){all:unset}.header-top .container{flex-wrap:wrap}.search-field{width:270;font-size:var(--fs-7);border:2px solid var(--hoockers-green_20);border-radius:var(--radius-3);padding:10px 20px;-webkit-padding-end:40px;padding-inline-end:40px;outline:none;transition:var(--transition-1)}.search-field::placeholder{color:var(--spanish-gray)}.search-field:focus{border-color:var(--black)}.header .input-wrapper{position:relative}.header .search-submit{position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:22px}.header .search-submit ion-icon{--ionicon-stroke-width:40px}.header .logo{-webkit-margin-end:60px;margin-inline-end:60px}.header-actions{display:flex;align-items:center;gap:40px}.header-action-btn{position:relative}.header-action-btn .btn-badge{position:absolute;top:0;right:-10px;background-color:var(--black);color:var(--white);font-size:var(--fs-9);min-width:18px;height:18px;line-height:1.4;border-radius:20px}.header-action-btn:last-child{display:flex;align-items:center;gap:10px}.header-action-btn .btn-text{font-size:var(--fs-7);font-weight:var(--fw-700);-webkit-margin-before:3px;margin-block-start:3px}.navbar{position:absolute;bottom:0;left:0;width:100%;background-color:var(--white);padding-block:18px;z-index:4}.navbar .navbar-list{display:flex;justify-content:center;gap:45px}.navbar .navbar-link{color:var(--black);font-size:var(--fs-7);font-weight:var(--fw-600)}.navbar .navbar-link:after{bottom:0;left:0;width:100%;height:1px;background-color:var(--black);transition:var(--transition-1);transform:scaleX(0);transform-origin:left}.navbar .navbar-link:is(:hover,:focus):after{transform:scaleX(1)}.header-top.active .navbar{position:fixed;top:-85px;bottom:auto;padding-block:28px;box-shadow:var(--shadow-1);transform:translateY(100%);transition:var(--transition-2)}.header-top.header-hide .navbar{box-shadow:none;transform:translateY(0)}.hero-card{padding:120px 100px}.hero-text{max-width:40ch}.banner-card-1 .card-title{max-width:15ch}.feature .section-title{-webkit-margin-after:60px;margin-block-end:60px}.feature .flex-list{gap:100px;padding-inline:50px}.feature .flex-item{max-width:calc(33.33% - 66.66px)}.offer .container{gap:120px}}