h1,h2,h3,h4,h5,h6{color:#212529}section#presentation{aspect-ratio:16/9;& .slides{width:100%!important;height:100%!important;margin:0!important;inset:0!important;& .present{justify-content:center;height:100%;margin:auto 0;display:flex!important;& div:has(>picture){display:flex}& picture{margin:auto 0 auto auto;& img{animation-name:zoomPop;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;width:90%!important}}& .present-box{text-shadow:2px 2px #333;border-radius:8px;width:90%;height:80%;color:#fff!important;& :not(button){text-shadow:2px 2px #333;color:#fff!important}}}}}.reveal .slide-background{background-color:#4db6ac}@keyframes zoomPop{0%{scale:1}50%{scale:.95}to{scale:1}}.deck.present h2,.deck.present p{animation:3s ease-in-out forwards fadeIn!important}div:has(>.title-text){text-align:center;justify-content:center}.title-text{width:fit-content;padding:0 8px;position:relative;&:after,&:before{content:"";background-color:var(--avs-color-01);width:36px;height:2px;display:inline-block;position:absolute!important;top:50%!important}&:before{right:100%!important}&:after{left:100%!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}section#top-product{& .top-product__grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;display:grid;@media (width>=768px){grid-template-columns:repeat(3,1fr)}@media (width>=1200px){grid-template-columns:repeat(5,1fr)}@media (width<=767px){& .top-product__item:not(.top-product__item--hero):last-child:nth-child(2n){grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}}}& .top-product__item{cursor:pointer;background-color:#fff;border-radius:16px;text-decoration:none;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;display:block;position:relative;overflow:hidden;box-shadow:0 6px 16px #14281414;& .top-product__rank{z-index:2;min-width:28px;height:24px;color:var(--avs-color-04);background-color:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.7rem;font-weight:700;display:none;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0000001f}& .top-product__image{aspect-ratio:3/4;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;transition:transform .4s ease-in-out}& .top-product__body{padding:10px 12px 14px;& .top-product__category{color:var(--avs-color-02);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}& .top-product__title{color:#16351a;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:700;display:-webkit-box;overflow:hidden;font-family:Kanit,sans-serif!important}& .top-product__cta{display:none}}&:hover{transform:translateY(-4px);box-shadow:0 14px 28px #14281424;& .top-product__image{transform:scale(1.05)}}}& .top-product__item--hero{background:linear-gradient(135deg,#fff,#f3f8f3);flex-direction:column;grid-column:1/-1;display:flex;& .top-product__rank{background-color:var(--avs-color-01);color:#fff}& .top-product__image{aspect-ratio:16/9;background-color:#eef5ee}& .top-product__body{padding:18px 20px 20px;& .top-product__category{background-color:#0080001a;border-radius:999px;width:fit-content;margin-bottom:8px;padding:3px 10px;display:inline-block}& .top-product__title{-webkit-line-clamp:2;line-clamp:2;font-size:calc(1.15rem + .4vw)}& .top-product__cta{background-color:var(--avs-color-02);color:#fff;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:14px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:background-color .25s ease-in-out;display:inline-flex;& i{font-size:.75rem;transition:transform .25s ease-in-out}}}&:hover .top-product__cta{background-color:var(--avs-color-04);& i{transform:translate(3px)}}@media (width>=768px){flex-direction:row;min-height:240px;& .top-product__image{aspect-ratio:auto;width:36%}& .top-product__body{flex-direction:column;justify-content:center;width:64%;display:flex}}}}section#category-product{z-index:1;background-color:#dce775cc;& .card{cursor:pointer;aspect-ratio:1;background-color:#f5f5f5;border:none;transition:all .3s ease-in-out;box-shadow:0 0 0 1px #8bc58b,0 4px 6px -1px #243e05a6,inset 0 1px #ffffff14;border:12px solid #fff!important;& .card-image{aspect-ratio:1;background-color:#fff;background-position:50%;background-size:cover;width:100%;height:100%}& .card-text{justify-content:center;height:fit-content;display:flex;position:absolute;top:50%;transform:translateY(-50%);background-color:#0000!important;& p{border:1px solid #fff;width:90%;padding:4px;font-weight:700;line-height:20px;background-color:#0000005c!important;font-family:Kanit,sans-serif!important}}}& div:has(>.card-preview){& .card-preview{& .card-header{background-color:#f0f4c3}}}}@keyframes productPreview{0%{transform:translate(0)}25%{transform:translate(-200%)}50%{transform:translate(0)}75%{transform:translate(200%)}to{transform:translate(0)}}section#activity{font-family:Kanit,sans-serif!important;& .container{padding-top:32px}& .activity__grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid;@media (width>=768px){grid-template-columns:repeat(4,1fr)}}& .activity__item{cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #14281414;& .activity__image{aspect-ratio:4/3;background-color:#eef4ee;background-position:50%;background-size:cover;flex-shrink:0;width:100%;transition:transform .4s ease-in-out}& .activity__body{padding:12px 14px 14px;& .activity__date{color:#8a9691;align-items:center;gap:5px;margin-bottom:6px;font-size:.7rem;font-weight:600;display:flex;& i{color:var(--avs-color-02);font-size:.7rem}}& .activity__title{color:#16351a;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}}&:hover{transform:translateY(-4px);box-shadow:0 14px 28px #14281429;& .activity__image{transform:scale(1.06)}}}& .activity__item--featured{grid-column:1/-1;& .activity__image{aspect-ratio:16/9}& .activity__body{padding:18px 20px 20px;& .activity__date{margin-bottom:8px;font-size:.8rem}& .activity__title{font-size:calc(1.1rem + .3vw)}}@media (width>=768px){flex-direction:row;& .activity__image{width:42%}& .activity__body{flex-direction:column;justify-content:center;width:58%;display:flex}}}}section#article{font-family:Kanit,sans-serif!important;& .container{padding-top:32px}& .article__grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;display:grid;@media (width>=768px){grid-template-columns:repeat(4,1fr)}}& .article__item{cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #14281414;& .article__image{aspect-ratio:4/3;background-color:#eef4ee;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:100%;transition:transform .4s ease-in-out}& .article__body{padding:12px 14px 14px;& .article__date{color:#8a9691;align-items:center;gap:5px;margin-bottom:6px;font-size:.7rem;font-weight:600;display:flex;& i{color:var(--avs-color-02);font-size:.7rem}}& .article__title{color:#16351a;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}& .article__excerpt{color:#6b7770;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}}&:hover{transform:translateY(-4px);box-shadow:0 14px 28px #14281429;& .article__image{transform:scale(1.06)}}}& .article__item--featured{grid-column:1/-1;& .article__badge{z-index:2;background-color:var(--avs-color-01);color:#fff;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:0 2px 8px #0000002e}& .article__image{aspect-ratio:16/9}& .article__body{padding:18px 20px 20px;& .article__date{margin-bottom:8px;font-size:.8rem}& .article__title{font-size:calc(1.1rem + .3vw)}& .article__excerpt{-webkit-line-clamp:3;line-clamp:3;font-size:.9rem}}@media (width>=768px){flex-direction:row;& .article__image{width:42%}& .article__body{flex-direction:column;justify-content:center;width:58%;display:flex}}}}.hero{min-height:75vh;& .carousel#hero-carousel{width:100%;height:100%;min-height:inherit;aspect-ratio:1.8;margin:0;position:relative;& *{position:relative}& .carousel-item{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;min-height:inherit!important;&>.info{min-height:inherit!important}}& .carousel-control-prev,& .carousel-control-next{width:50px!important;position:absolute!important;& span{filter:drop-shadow(2px 4px 6px #000);width:56px;height:56px;margin:auto 12px;scale:.6;aspect-ratio:1!important}& span:after{content:"";background-color:#d3d3d34a;border-radius:50%;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;top:-6px;left:-6px}& span:before{content:""!important}}& .container,& .container>.row{height:100%;position:relative}& .container{width:calc(100vw - 100px)!important;& .row>div{vertical-align:middle;place-items:center;height:100%;margin:auto;display:flex}}& .col-8{margin:auto 0}& img{filter:drop-shadow(4px 4px 4px #000);width:80%}& .carousel-detail{width:100%;height:fit-content;margin:auto 0;filter:drop-shadow(2px 2px 2px #164d00)!important;& h2{margin-bottom:12px;padding-bottom:8px}& p{text-overflow:ellipsis;white-space:initial;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:hidden}& a{letter-spacing:1px;color:#fff;border:2px solid var(--avs-color-01);border-radius:50px;width:60%;padding:6px 12px;font-size:16px;font-weight:500;transition:all .3s ease-in-out;display:inline-block;margin:12px 0 0!important;text-decoration:none!important}& a:hover{background-color:var(--avs-color-01)!important;color:#fff!important}& :is(h2,p){color:#fff;width:100%;margin-bottom:4px}& .info h2:after{content:"";background:var(--avs-color-01);width:100px;height:4px;margin:auto;display:block;position:absolute;bottom:0;left:0;right:0}}& .carousel-item:before{background-color:#0000!important}}}.product__slider{width:100%;min-height:460px;padding-block:2.5rem 1.5rem;position:relative;& .section__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex;& .section__intro{& .section__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--avs-color-02);align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:inline-flex;& i{font-size:.85rem}}& .section__title{color:#16351a;margin:0 0 6px;font-size:calc(1.3rem + .6vw);font-weight:700;line-height:1.25}& .section__subtitle{color:#5c6b60;max-width:46ch;margin:0;font-size:.95rem}}& .slider__controls{flex-shrink:0;gap:10px;display:flex;& .btn,& .btn:is(:active,:hover,:focus){opacity:1;cursor:pointer;width:44px;height:44px;color:var(--avs-color-04);background-color:#fff;border:1px solid #e4e9e5;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s ease-in-out;display:flex;box-shadow:0 4px 14px #14281414}& .btn{& i{font-size:1rem}&:hover{background-color:var(--avs-color-02);border-color:var(--avs-color-02);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00800040}&:focus-visible{outline:2px solid var(--avs-color-02);outline-offset:2px}}}}& .slider__wrapper{width:100%;position:relative;& .slider{width:100%;position:relative;& .slider__item{width:auto;position:relative;height:fit-content!important;padding:0 8px 20px!important;& *{transition:all .3s ease-in-out}& .item__content{cursor:pointer;background-color:#fff;border:1px solid #edf1ee;border-radius:18px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 6px 18px #1428140f;& .img__box{background-color:#fff;flex-shrink:0;width:100%;height:200px;position:relative;& img{object-fit:contain;aspect-ratio:1/1.2;width:100%;height:100%;padding:12px}}& .slider__body{text-align:center;flex-direction:column;flex:1;gap:12px;margin:auto;padding:16px 18px 8px;display:flex;width:100%!important;& h3{text-transform:capitalize;color:#16351a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}& p{color:#6b7770;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}& a{border:1px solid var(--avs-color-02);text-transform:capitalize;user-select:none;width:max-content;color:var(--avs-color-02);opacity:1;margin-block-start:auto;border:1px solid #a6dca6;border-radius:999px;align-items:center;gap:6px;margin:0 auto;padding:6px 14px;font-size:.8rem;text-decoration:none;transition:all .25s ease-in-out;display:none;& i{font-size:.75rem;transition:transform .25s}&:hover{color:#fff;border-color:var(--avs-color-02);background-color:var(--avs-color-02);& i{transform:translate(3px)}}}}&:hover{transform:translateY(-4px);box-shadow:0 16px 32px #14281424;& .img__box img{scale:1.06}}}}}& .tns-nav{text-align:center;& button{background-color:#d7e4d9;border:none;border-radius:50%;width:8px;height:8px;margin-right:8px;padding:0;transition:all .25s ease-in-out}& .tns-nav-active{background-color:var(--avs-color-02);border-radius:4px;width:22px}& button [data-action=stop]{display:none}}& .tns-outer [data-action]{text-align:center;background:0 0;border:0;min-width:3em;margin:10px auto;font-size:17px;display:none}}}@media (width<=767px){section#presentation{height:calc(var(--avs-main-height) - 40vh)!important;& section{top:0!important}& img{margin-right:auto;width:40%!important}}.slides{inset:0!important;transform:none!important;& h2{font-size:20px}& p{font-size:16px}& .present-box{height:100%!important}}.reveal .controls .controls-arrow{width:1rem!important;height:1rem!important}.reveal .controls .controls-arrow:after,.reveal .controls .controls-arrow:before{width:1rem}.reveal:not(.has-vertical-slides) .controls .navigate-left,.reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-left{bottom:34px}.hero{min-height:35vh!important;& img{width:100%!important}& p{font-size:12px!important}& .btn-get-started{width:80%;padding:4px 8px!important;font-size:10px!important}}.product__slider{min-height:auto;& .section__top{align-items:flex-start}& .slider__item{& .img__box{height:160px!important}}}}@media (width<=767px) and (orientation:portrait){section#presentation{aspect-ratio:4/3;& .slides{& .present{& picture{margin-bottom:0!important;& img{width:40%!important;margin-bottom:0!important}}& .present-box{& *{margin:0 0 8px!important}}}}}}@media (height<=767px) and (orientation:landscape){section#presentation{& .slides{& .present{top:0!important;& picture{& img{width:50%!important}}}}}}[data-cue=slideInUp],[data-cues=slideInUp]>*{opacity:1!important}#product-slider,#top-product,#category-product,#activity,#article{content-visibility:auto;contain-intrinsic-size:auto 500px}