/** Shopify CDN: Minification failed

Line 9:49702 Cannot use type selector "hiden" directly after nesting selector "&"
Line 9:50647 Cannot use type selector "*" directly after nesting selector "&"
Line 9:74981 Cannot use type selector "hiden" directly after nesting selector "&"
Line 9:248633 Cannot use type selector "*" directly after nesting selector "&"

**/
.blaze-slider{--slides-to-show:1;--slide-gap:20px;direction:ltr}.blaze-container{position:relative}.blaze-track-container{overflow:hidden}.blaze-track{will-change:transform;touch-action:pan-y;display:flex;gap:var(--slide-gap);--slide-width:calc( (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) / var(--slides-to-show) );box-sizing:border-box}.blaze-track>*{box-sizing:border-box;width:var(--slide-width);flex-shrink:0}:root{--menu-link-desktop: clamp(1.3rem, 1vw, 1.4rem)}header-component{display:flex;position:fixed;width:100%;height:fit-content;top:25px;padding:7px 16px;align-items:center;transition:.3s;z-index:1001}header-component:not(.bg-white) #search_input{color:var(--white)}header-component:not(.bg-white) .form_search.open{border-bottom:1px solid var(--white)!important}header-component.no-transition{transition:none!important}header-component.bg-white .menu_mobile__container{display:flex}header-component.bg-white .menu_mobile__container>svg{filter:none}header-component .menu_mobile__container>svg{filter:invert(1) brightness(100)}header-component .header_content{display:flex;align-items:center;justify-content:space-between;max-width:var(--page-width);margin-inline:auto;width:100%;position:relative}header-component .header_content>a{z-index:2}@media screen and (min-width: 1024px){header-component .header_content{min-height:72px}}header-component .header_content .menu_mobile__container{display:flex}@media screen and (min-width: 1024px){header-component .header_content .menu_mobile__container{display:none}}header-component .header_content .menu_mobile__container :is(svg){cursor:pointer}header-component .header_content .menu_mobile__container .menu_drawer{position:fixed;background:var(--white);left:0;top:0;width:75vw;min-width:244px;height:100dvh;z-index:10;padding:8vh 0;transform:translate(-100%);visibility:hidden;opacity:0;transition:transform .3s,visibility .3s,opacity .3s;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}header-component .header_content .menu_mobile__container .menu_drawer .close_icon{position:absolute;top:1rem;right:1.6rem;cursor:pointer;width:1.6rem;height:1.6rem;svg{filter: none; path{fill:var(--coffee)}}}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu{display:flex;flex-direction:column;gap:1.4rem;list-style-type:none;position:relative;z-index:2}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item{display:flex;transition:opacity .3s,visibility .3s;visibility:visible;opacity:1}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item[closed],header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item[closed]{visibility:hidden;opacity:0}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item{padding-left:10px;text-transform:none}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu{padding-left:10px;padding-right:20px}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu .menu_link_list_first,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu .menu_link_list_first{display:flex;align-items:center;justify-content:space-between;width:100%;text-transform:none}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu .menu_link_list_first:after,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu .menu_link_list_first:after{content:url(./arrow-down-0019b4a1.svg?=2025);display:flex;transform:rotate(-90deg);transform:scale(.8)}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu .menu_link_list__submenu,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu .menu_link_list__submenu{position:absolute;top:0;transition:transform .3s;width:100vw;transform:translate(80vw)}@media screen and (max-width: 360px){header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu .menu_link_list__submenu,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu .menu_link_list__submenu{transform:translate(244px)}}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu{transform:translate(0);width:100vw}@media screen and (max-width: 979px){header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu{display:flex;flex-direction:row;flex-wrap:wrap;background:var(--white);padding-right:0;width:100%;svg{filter: none; margin-top: 5px; margin-left: 8px;} .menu_link_list__link.menu_link_list__link_submenu{text-transform: none; font-weight: bold; font-size: 1.8rem; width: 180px;} .collection-column::-webkit-scrollbar {width: 0;} .collection-column > ul:active {cursor: grabbing;} .collection-column {-webkit-overflow-scrolling: touch;} .carousel-container::-webkit-scrollbar {display: none;}}}@media screen and (max-width: 779px){header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column{display:flex;flex-direction:column;max-width:32vw;padding:0;margin:0}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>a,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>a{color:var(--orange);font-size:1.3rem;img{width: 100%;}}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2{display:flex;flex-direction:column;max-width:32vw;padding:0;margin:0}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .prevButton,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .nextButton,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .prevButton,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .nextButton{display:none}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list__link,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list__link{width:100%;max-width:100%;padding:5px 0 0;font-size:1.2rem;display:flex;color:var(--orange);text-align:center;font-weight:500;justify-content:space-around}@media screen and (max-width: 979px){header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list__link,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list__link{justify-content:space-evenly}}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list__link:after,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list__link:after{display:none}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list_first img,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column.grid_2 .menu_link_list_first img{width:110px}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2),header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2){width:100vw;position:relative;display:block;max-width:100%;margin-top:15px}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .prevButton,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .prevButton{position:absolute;left:-7px;top:50px}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .prevButton.disabled,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .prevButton.disabled{display:none}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .nextButton,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .nextButton{position:absolute;right:21px;top:50px}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .nextButton.disabled,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .nextButton.disabled{display:none}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .menu_link_list__product,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column:not(.grid_2) .menu_link_list__product{width:calc(33.33% - 20px);padding-bottom:0;margin-bottom:0;img {width: 100%;}}}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul{list-style:none}@media screen and (max-width: 779px){header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul{display:flex;gap:4px;transition:transform .3s ease-in-out;padding:0;margin:0;cursor:grab;width:76vw;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}@media screen and (max-width: 779px){header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul>li,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul>li{flex:0 0 calc(33.33% - 20px);list-style:none;padding:10px;box-sizing:border-box;text-align:center;scroll-snap-align:start}}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul .menu_link_list__product_flavor,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .menu_link_list__submenu .collection-column>ul .menu_link_list__product_flavor{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;color:var(--coffee);text-decoration:none;text-align:center;font-size:1.2rem}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .collection-column>ul::-webkit-scrollbar,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .collection-column>ul::-webkit-scrollbar{height:8px}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .collection-column>ul::-webkit-scrollbar-thumb,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .collection-column>ul::-webkit-scrollbar-thumb{background-color:transparent}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__item.has_menu[open] .collection-column>ul:active,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__item.has_menu[open] .collection-column>ul:active{cursor:grabbing}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__link,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__link{font-size:1.6rem;font-weight:500;color:var(--coffee);text-transform:uppercase;text-decoration:none;cursor:pointer}@media screen and (max-width: 1024px){header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__link,header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list__submenu .menu_link_list__link{text-transform:none}}header-component .header_content .menu_mobile__container .menu_drawer .menu_customer{margin-top:4.3rem;display:flex;flex-direction:column;gap:2rem}header-component .header_content .menu_mobile__container .menu_drawer .menu_customer .menu_customer_item{display:flex;align-items:center;color:var(--coffee);text-decoration:none;gap:.8rem;font-size:1.4rem;font-weight:500;text-decoration:underline}header-component .header_content .menu_mobile__container .menu_drawer .menu_customer .menu_customer_item :is(svg){width:16px;height:16px}header-component .header_content .menu_mobile__container:before{content:"";position:fixed;background:rgba(0,0,0,.5);width:100vw;height:100dvh;z-index:5;top:0;left:0;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}header-component .header_content .menu_mobile__container[open] .menu_drawer{transform:translate(0);visibility:visible;opacity:1;background-color:var(--white);top:0;margin-top:0;padding-top:55px;padding-left:18px}header-component .header_content .menu_mobile__container[open]:before{visibility:visible;opacity:1}header-component .header_content .logo{max-width:clamp(11rem,10vw,16.7rem);max-height:clamp(2.8rem,10vw,6.8765rem);width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 768px){header-component .header_content .logo{max-width:inherit;width:86px;height:auto;max-height:inherit}}@media screen and (min-width: 1024px){header-component .header_content .logo{position:static;position:absolute;transform:none;height:auto;left:calc(50% - 72px);width:15.8rem;top:12px}}header-component .header_content .menu_link_list__container.desktop_menu{display:none}@media screen and (min-width: 1024px){header-component .header_content .menu_link_list__container.desktop_menu{display:flex;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%);width:70%;height:100%}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list{display:flex;width:100%;align-items:center;list-style-type:none;justify-content:left;gap:1.2rem}@media screen and (min-width: 1200px){header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list{gap:clamp(1.2rem,1.5vw,3.2rem)}}@media screen and (max-width: 1360px){header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list{justify-content:left}}@media screen and (min-width: 1800px){header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list{justify-content:left;gap:3.2rem}}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item{display:flex;align-items:center;justify-content:center;height:100%;position:relative}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item.has_menu .menu_link_list_first{display:flex;align-items:center;cursor:pointer}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item.has_menu .menu_link_list_first:after{content:url(./arrow-down-0019b4a1.svg);margin-left:.4rem;display:flex;transition:.3s;transform:scale(.8)}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item.has_menu:hover .menu_link_list_first:after{transform:rotate(180deg) scale(.8)}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item .menu_link_list__link{font-weight:500;color:var(--coffee);font-size:var(--menu-link-desktop);text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item .menu_link_list__submenu{display:none;background:var(--white);position:absolute;align-items:flex-start;padding:1rem;top:100%;gap:5.6rem;left:-1rem;transform:translateY(-100%);flex-direction:row;animation:slideUpMenu .3s forwards;opacity:0;width:100vw}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item .menu_link_list__submenu .collection-column{max-width:26%;display:flex;padding-right:0;text-align:center;flex-direction:column;align-items:center;a:after{display: none;} .menu_link_list__link{color: var(--orange); text-transform: uppercase; font-size: 1.5rem; font-weight: 500; text-decoration: none; margin-bottom: 8px; display: block; text-align: center;} .menu_link_list__third_level{list-style: none; .menu_link_list__product_flavor{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; color: var(--coffee); text-decoration: none; text-align: center;} @media screen and (min-width: 979px) {max-width: max-content; display: flex; justify-content: space-around;}}}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item .menu_link_list__submenu .menu_link_list__link_submenu{display:none}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item .menu_link_list__submenu :is(svg){display:none}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item .menu_link_list__submenu .menu_link_list__third_level{display:flex;flex-wrap:wrap;gap:2px}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item .menu_link_list__submenu .menu_link_list__third_level>li{max-width:100px;flex:1 1 30%;box-sizing:border-box;text-align:center}header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list .menu_link_list__item[open] .menu_link_list__submenu{opacity:1;display:flex;transform:translateY(0);animation:slideDownMenu .3s forwards;width:100vw;position:fixed;left:-8%;flex-direction:row;background-color:var(--white);padding:10px 10%;justify-content:center}}header-component .header_content .menu_link_list__container.desktop_menu>ul.menu_link_list>li.menu_link_list__item>a.menu_link_list__link{text-transform:none;font-weight:500}header-component .header_content .nav_icons .nav_icons_list{display:flex;list-style-type:none;align-items:center;gap:1.2rem;position:relative}header-component .header_content .nav_icons .nav_icons_list .btn_collections{position:relative}@media screen and (max-width: 1360px){header-component .header_content .nav_icons .nav_icons_list .btn_collections{display:none}}header-component .header_content .nav_icons .nav_icons_list .btn_collections_all{background-color:var(--orange);color:var(--white);border-radius:22px;padding:8px 24px;font-size:clamp(1.2rem,.833vw,1.6rem);text-decoration:none;text-transform:uppercase}header-component .header_content .nav_icons .nav_icons_list .btn_collections_all_selvs{color:#fff;text-decoration:none}header-component .header_content .nav_icons .nav_icons_list .selvs-club{background-color:var(--green);color:var(--white);border-radius:22px;padding:7px 30px;font-size:clamp(1.2rem,.833vw,1.6rem);text-decoration:none;text-transform:uppercase}header-component .header_content .nav_icons .nav_icons_list .nav_item{display:flex;z-index:2;a[href*="/account/login"] {svg {width: 2.2rem; height: 2.2rem;}} .form_search {display: flex; align-items: center; transition: .6s all; min-height: 33px; @media screen and (min-width: 1360px) {border-bottom: 1px solid transparent;} .search_label {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: clamp(1.2rem,2vw,1.6rem); transition: .3s ease; cursor: text; display: none; .no-transition & {transition: none !important;} &.in_focus {top: -1rem; left: -7px; transform: scale(.8); @media screen and (min-width: 1360px) {top: -1.2rem; left: -5px; transform: scale(.8);}}} #search_input {border: none; background: transparent; padding: .8rem 0; width: 100%; display: none; &:focus {outline: none;}} &:hover{@media screen and (min-width: 779px) {border-bottom: 1px solid var(--coffee); .search_label{display: block;} #search_input {display: block;}} .field{display: block; @media screen and (min-width: 779px) {display: flex; width: clamp(100px,9vw,187px);}}} &.open{@media screen and (min-width: 779px) {border-bottom: 1px solid var(--coffee); .search_label{display: block;} #search_input {display: block;}} .field{display: block; @media screen and (min-width: 779px) {display: flex; width: clamp(100px,9vw,187px);}}} .field {background: transparent; position: relative; transition: .6s; position: absolute; left: -5vw; width: 100vw; right: 50%; z-index: -1; align-items: center; justify-content: center; opacity: 0; padding-bottom: .8rem; @media screen and (min-width: 1360px) {opacity: 1; transform: none; width: fit-content; position: relative; width: 0; transition: none; z-index: 1; padding: 0; animation: none; left: 0; position: relative; transition: width .3s ease,opacity .3s ease;} .field__content {max-width: 500px; width: 80vw; position: relative; @media screen and (max-width: 1360px) {border-bottom: 1px solid var(--coffee);}}} #submit_search {display: none;} .label_search {display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; position: relative; top: -2px; :is(svg) {cursor: pointer; @media screen and (max-width: 1024px) {width: 23px;}}} &[open] {.field {transform: translateY(110%); display: flex; z-index: 1; background: var(--white); opacity: 1; animation: slideInMenu .3s forwards; @media screen and (max-width: 979px) {transform: translateY(110%); display: flex; z-index: 1; width: 100vw; left: 0; top: 13px; height: 59px; background: var(--white); position: fixed; .field__content{height: 30px; #search_input{display: block;} label{display: block;}}}} @media screen and (min-width: 1360px) {.field {border-bottom: none; transform: none; width: fit-content; position: relative;}}}}}header-component .header_content .nav_icons .nav_icons_list .nav_item.search{form[open]{.field{background-color: var(--white);}}}@media screen and (min-width: 1024px){header-component .header_content .nav_icons .nav_icons_list .nav_item.acoount :is(svg){width:2rem;height:2rem}@media screen and (min-width: 1100px){header-component .header_content .nav_icons .nav_icons_list .nav_item.acoount :is(svg){width:2rem;height:2rem}}}@media screen and (min-width: 1024px){header-component .header_content .nav_icons .nav_icons_list .nav_item :is(svg){width:2rem;height:2rem}@media screen and (min-width: 1100px){header-component .header_content .nav_icons .nav_icons_list .nav_item :is(svg){width:2.3rem;height:2.3rem}}}header-component .header_content .nav_icons .nav_icons_list .nav_item_desktop{display:none}@media screen and (min-width: 1024px){header-component .header_content .nav_icons .nav_icons_list .nav_item_desktop{display:block}}header-component .header_content .nav_icons .nav_icons_list .nav_cart_icon{position:relative;cursor:pointer}@media screen and (max-width: 1024px){header-component .header_content .nav_icons .nav_icons_list .nav_cart_icon{svg{width: 23px;}}}header-component .header_content .nav_icons .nav_icons_list .nav_cart_icon .bag_items_count{position:absolute;top:-3px;right:-8px;background:var(--orange);width:clamp(1.4rem,1.5vw,2rem);height:clamp(1.4rem,1.5vw,2rem);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,1.5vw,1.4rem);color:var(--white)}@media screen and (min-width: 768px){header-component .header_content .nav_icons .nav_icons_list .nav_cart_icon .bag_items_count{top:-12px;right:-12px}}@media screen and (min-width: 768px){header-component{top:29px}}header-component.scrolled{top:0;background:#fff}@media screen and (max-width: 768px){header-component.scrolled .header_content .logo{max-width:inherit;width:86px;height:auto;max-height:inherit}header-component.scrolled .header_content .nav_icons .nav_icons_list .nav_item .form_search[open] .field{top:-13px}}header-component.bg-white{background:var(--white);justify-content:space-around;align-items:center;padding:0 16px;box-shadow:0 2px 5px #0000001a}@keyframes slideDownMenu{0%{transform:translateY(-100%);display:none;opacity:0}1%{display:flex}30%{opacity:0}to{opacity:1;transform:translateY(0);display:flex}}@keyframes slideUpMenu{0%{transform:translateY(0);display:flex;opacity:1}30%{opacity:0}99%{display:flex}to{transform:translateY(-100%);display:none;opacity:0}}@keyframes slideInMenu{0%{transform:translateY(0);opacity:0}to{transform:translateY(110%);opacity:1}}@keyframes slideOutMenu{0%{transform:translateY(110%);opacity:1}to{transform:translateY(0);opacity:0}}:root{--annoucement-bar-size: clamp(1rem, 2vw, 1rem)}.annoucement-bar{display:flex;align-items:center;justify-content:center;width:100vw;background:var(--orange);padding-block:.5rem;padding-inline:1rem;position:fixed;top:0;z-index:1000;p{color: var(--white); font-size: var(--annoucement-bar-size); text-transform: uppercase; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;} a{font-size: var(--annoucement-bar-size); text-decoration: none; color: var(--white);}}@media screen and (min-width: 768px){.annoucement-bar{padding-block:.8rem}}.annoucement-bar .annoucement_bar_text{color:var(--white);font-size:var(--annoucement-bar-size);text-transform:uppercase;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}:root{--font-size-span-newsletter: clamp(1.6rem, 1.5vw, 2.2rem);--font-size-input-newsletter: clamp(1.2rem, 1.5vw, 1.2rem);--font-size-footer-information: clamp(1rem, 1.5vw, 1rem);--font-size-footer-title-menu-mob: clamp(1.6rem, 1.5vw, 1.5rem);--font-size-iten-list: clamp(1.4rem, 1.5vw, 1.4rem)}footer-component{background:var(--coffee);font-family:var(--font-primary);display:block}footer-component .main-footer{max-width:100%;margin:0 auto;padding-block:var(--padding-block);padding-inline:var(--padding-block);display:flex;flex-direction:column;gap:3rem;background-color:var(--orange)}@media screen and (min-width: 768px){footer-component .main-footer{gap:6rem}}footer-component .main-footer .logoInfo{p{color: var(--white); font-size: 1.3rem; font-weight: 300; padding-top: 20px; line-height: 24px;} a{text-decoration: none; color: var(--white);}}footer-component .main-footer .logo-footer{width:clamp(14rem,20vw,18rem);display:block;align-self:center;img {width: 100%; display: block;}}footer-component .main-footer .container-links-newsletter-social{display:flex;flex-direction:column;gap:3rem}@media screen and (max-width: 768px){footer-component .main-footer .container-links-newsletter-social .logoInfo{order:1}footer-component .main-footer .container-links-newsletter-social .newsletter{order:2}footer-component .main-footer .container-links-newsletter-social .menu-links{order:3}}@media screen and (min-width: 768px) and (max-width: 1300px){footer-component .main-footer .container-links-newsletter-social{flex-wrap:wrap}footer-component .main-footer .container-links-newsletter-social .logoInfo{order:1;width:calc(50% - 1.5rem)}footer-component .main-footer .container-links-newsletter-social .newsletter{order:2;width:calc(50% - 1.5rem)}footer-component .main-footer .container-links-newsletter-social .menu-links{order:3;margin:0 auto;width:100%}}@media screen and (min-width: 1440px){footer-component .main-footer .container-links-newsletter-social{gap:5px}}@media screen and (min-width: 768px){footer-component .main-footer .container-links-newsletter-social{display:flex;gap:6rem;justify-content:space-between;align-items:flex-start;flex-direction:row}}footer-component .main-footer .container-links-newsletter-social .newsletter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;max-width:358px;h4{font-size: 1.4rem; color: var(--white); font-weight: 400;} p.text-news{font-size: 1.2rem; color: var(--white);} @media screen and (min-width: 768px) {align-items: flex-start;} p {font-family: var(--font-primary); color: var(--white); font-size: var(--font-size-span-newsletter); font-weight: 400;} .contact-form {width: 100%; display: grid; grid-template-columns: 1.5fr .3fr; height: 4.5rem; max-height: 4.5rem; position: relative; z-index: 2; @media screen and (min-width: 768px) {grid-template-columns: 2fr .9fr;} input {border: none; color: var(--coffee); font-size: var(--font-size-input-newsletter); padding-left: 2rem; font-family: var(--font-primary); font-weight: 400; height: 4.5rem; border-top-left-radius: 22px; border-bottom-left-radius: 22px; &::placeholder {color: var(--coffee); font-size: var(--font-size-input-newsletter);} &:focus-visible {outline: none;}} button {background-color: var(--nude); border: none; color: var(--white); font-size: var(--font-size-input-newsletter); text-transform: none; font-family: var(--font-primary); font-weight: 700; padding: 0rem .8rem; cursor: pointer; height: 4.5rem; border-top-right-radius: 22px; border-bottom-right-radius: 22px; transition: background-color .5s ease-in-out; @media screen and (max-width: 768px) {border-top-right-radius: 22px; border-bottom-right-radius: 22px;} &:hover {color: var(--white);} .button-text {display: none; font-size: 1.3rem; text-transform: none; font-family: var(--font-primary); font-weight: 700;} .button-icon {display: none;} .button-text {display: block; @media screen and (max-width: 768px) {padding: 0 20px;}}}}}footer-component .main-footer .container-links-newsletter-social .menu-links{display:flex;flex-direction:column;gap:2rem;nav {@media screen and (min-width: 768px) {} @media screen and (min-width: 1440px) {width: 224px;} .heading-links {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; @media screen and (min-width: 768px) {padding-bottom: 1.5rem;} p {font-size: var(--font-size-footer-title-menu-mob); color: var(--white); font-family: var(--font-primary); font-weight: 500; letter-spacing: .1rem; text-transform: uppercase;} svg {transition: transform .3s ease; filter: invert(1) brightness(100); @media screen and (min-width: 768px) {display: none;}}} ul {list-style: none; display: flex; flex-direction: column; gap: 1rem; max-height: 0; overflow: hidden; transition: max-height .6s ease; @media screen and (min-width: 768px) {max-height: fit-content; overflow: visible; gap: 1.5rem;} li {a {color: var(--white); font-family: var(--font-primary); font-weight: 300; font-size: var(--font-size-iten-list); text-decoration: none; width: 100%; display: block; transition: color .3s ease;}}} &[open] {ul {max-height: 25rem;} .heading-links {svg {transform: rotate(180deg);}}}}}@media screen and (min-width: 768px){footer-component .main-footer .container-links-newsletter-social .menu-links{flex-direction:row;justify-content:space-between}}footer-component .main-footer .social-media{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:1.6rem;a {text-decoration: none; color: var(--white); transition: all .3s ease-in-out; svg {height: 2.4rem; width: 2.4rem; display: block;}}}@media screen and (min-width: 768px){footer-component .main-footer .social-media{justify-self:end}}@media screen and (max-width: 768px){footer-component .main-footer .social-media{margin-top:20px}}footer-component .main-footer .container-payments-stamp-information{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding-top:1.4rem;border-top:.1rem solid #FFFDF9}@media screen and (min-width: 768px){footer-component .main-footer .container-payments-stamp-information{padding-top:2rem}}footer-component .main-footer .container-payments-stamp-information .container-payments-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%}@media screen and (min-width: 768px){footer-component .main-footer .container-payments-stamp-information .container-payments-stamp{display:flex;justify-content:space-between;align-items:center;flex-direction:row}}footer-component .main-footer .container-payments-stamp-information .container-payments-stamp .payment-methods-main .payment-methods{list-style:none;display:flex;align-items:center;gap:1.2rem;li {svg {display: block;}}}footer-component .main-footer .container-payments-stamp-information .container-payments-stamp .stamps-shakers-shopify{display:flex;gap:1.2rem;svg {display: block; max-width: 73px;} img {display: block; max-width: 73px;}}footer-component .main-footer .container-payments-stamp-information .information{display:block;justify-content:center;margin-top:18px;width:100%;p {color: var(--white); font-size: var(--font-size-footer-information); font-weight: 400; text-align: center;}}@media screen and (max-width: 1440px){footer-component .main-footer .container-payments-stamp-information .information{width:100%;max-width:40rem}}@media screen and (min-width: 768px){footer-component .main-footer .container-payments-stamp-information .information{display:flex;margin-top:-24px}}banner-slider{position:relative;z-index:999}banner-slider .banner-slider__component{height:100%;overflow:hidden}banner-slider .carousel-product--prev{position:absolute;top:45%;left:10px;border:none;background:none;cursor:pointer;display:block}banner-slider .carousel-product--next{position:absolute;top:45%;right:10px;border:none;background:none;cursor:pointer;display:block}banner-slider .banner-slider__pagination{position:absolute;bottom:20px;margin:0 auto;left:0;right:0;width:fit-content;display:flex;gap:16px}banner-slider .banner-slider__pagination :is(button){width:clamp(.8rem,.521vw,1rem);height:clamp(.8rem,.521vw,1rem);display:block;border-radius:50%;border:1.14px solid var(--white);background-color:transparent;cursor:pointer;font-size:0;transition:all .3s ease-in-out}banner-slider .banner-slider__pagination :is(button).active{background:var(--white);width:clamp(.8rem,.521vw,1rem);height:clamp(.8rem,.521vw,1rem);border-radius:8px}banner-slider .banner-slider__container_slide:first-child{animation:zoomIn .6s}.banner-slider__container>div{height:fit-content}.desktop,.desktop-video-slide{display:block}.mobile,.mobile-video-slide{display:none}.slide-banner{position:relative}.slideshow-banner__content{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:80%;box-sizing:border-box;display:flex;flex-direction:column;max-width:var(--page-width);margin:auto}div.text-subtitle p{font-style:normal;font-weight:400;line-height:normal;margin:5px 0}div.text-title p{font-style:normal;font-weight:800;margin:5px 0;line-height:normal}div.text-body p{font-style:normal;font-weight:300;line-height:normal;max-width:412px;margin:0;font-size:clamp(3.2rem,2.292vw,4.4rem)}div.text-body p strong{font-weight:700}body.page-prescritores div.text-body p{max-width:inherit}div.text_button p{display:inline-block;padding:10px 32px;line-height:normal;margin-top:24px;cursor:pointer}.slideshow-banner__image{width:100%}.slideshow-banner__video{overflow:hidden;width:100%}.slideshow-banner__video video{overflow:hidden;width:100%;height:100%;object-fit:cover}.slideshow-banner__image img{width:100%;object-fit:fill}body.page-selvs-club .slideshow-banner__content{display:flex}body.page-selvs-club .slideshow-banner__content .text-subtitle{order:1;padding-bottom:20px}@media screen and (max-width: 550px){body.page-selvs-club .slideshow-banner__content .text-subtitle{padding-top:50px;max-width:80vw}}body.page-selvs-club .slideshow-banner__content .text-body{order:2}body.page-selvs-club .slideshow-banner__content .text-title{order:3}body.page-selvs-club .slideshow-banner__content .text-title p{text-transform:uppercase;color:var(--orange);margin-top:40px;font-weight:400}@media screen and (max-width: 550px){body.page-selvs-club .slideshow-banner__content .text-title p{max-width:100vw;width:100vw}}body.page-selvs-club .slideshow-banner__content .link_btn{order:4}body.page-selvs-club .slideshow-banner__content .text-subtitle p{color:var(--orange);text-transform:uppercase}@media screen and (max-width: 550px){.desktop,.desktop-video-slide{display:none}.mobile,.mobile-video-slide{display:block}div.text-title p{width:50%}}@media screen and (max-width: 1024px){div.text_button p{margin-top:10px}}@keyframes zoomIn{0%{transform:scale(1.1)}to{transform:scale(1)}}:root{--look-book-title: clamp(2.2rem, 2.5vw, 3.2rem)}look-book{display:block;padding-block:var(--padding-block)}look-book .container-look-book{display:flex;flex-direction:column;gap:2rem}look-book .container-look-book .title-look-book{h2 {color: var(--coffee); text-align: center; font-family: var(--font-primary); font-size: var(--look-book-title); font-style: normal; font-weight: 400; line-height: 140%;}}look-book .container-look-book .look-book-slider-mobile .look-book-container .look-book-track-container .look-book-track .look-book-item .look-book-image{position:relative;width:100%}look-book .container-look-book .look-book-slider-mobile .look-book-container .look-book-track-container .look-book-track .look-book-item .look-book-image .image{width:100%;display:block}look-book .container-look-book .look-book-slider-mobile .look-book-container .look-book-track-container .look-book-track .look-book-item .look-book-image .look-book-dots{position:absolute;top:0;left:0;bottom:0;right:0;width:90%;height:93%;margin:auto}look-book .container-look-book .look-book-slider-mobile .look-book-container .look-book-track-container .look-book-track .look-book-item .look-book-image .look-book-dots .look-book-dots_item-product{position:absolute;transform:translate(-50%,-50%);border-radius:10rem;background:var(--White, #FFF);padding:1rem}look-book .container-look-book .look-book-slider-mobile .look-book-container .look-book-track-container .look-book-track .look-book-item .look-book-image .look-book-dots .look-book-dots_item-product .icon-svg{display:flex;align-items:center;justify-content:center}look-book .container-look-book .look-book-slider-mobile .look-book__pagination{margin:2rem auto 0;width:fit-content;display:flex;gap:16px}look-book .container-look-book .look-book-slider-mobile .look-book__pagination :is(button){width:1rem;height:1rem;display:block;border-radius:50%;border:1.14px solid var(--coffee);background-color:transparent;cursor:pointer;font-size:0;transition:all .3s ease-in-out}look-book .container-look-book .look-book-slider-mobile .look-book__pagination :is(button).active{background:var(--coffee);width:6.4rem;height:1rem;border-radius:8px}look-book .product-modal{display:none;position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;opacity:0;animation:opacityExit .5s ease-in-out forwards}look-book .product-modal[open]{display:flex;opacity:1;animation:opacityEntry .5s ease-in-out forwards}look-book .product-modal .product-modal-content{background-color:#fefefe;margin:auto;padding:20px 20px 50px;border:1px solid #888;width:85%;max-width:600px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2.4rem}look-book .product-modal .product-modal-content .product-modal-header{width:100%;display:flex;flex-direction:column-reverse}look-book .product-modal .product-modal-content .product-modal-header .product-modal-title{color:var(--coffee);text-align:center;font-family:var(--font-primary);font-size:var(--look-book-title);font-style:normal;font-weight:400;line-height:140%}look-book .product-modal .product-modal-content .product-modal-header .container-icon{display:flex;justify-content:end;width:100%}look-book .product-modal .product-modal-content .product-modal-header .container-icon .close-modal{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}look-book .product-modal .product-modal-content .product-modal-header .container-icon .close-modal:hover,look-book .product-modal .product-modal-content .product-modal-header .container-icon .close-modal:focus{color:#000;text-decoration:none;cursor:pointer}look-book .product-modal .product-modal-content .product-details{display:none;width:100%;opacity:0;animation:opacityExitBlock .5s ease-in-out forwards}look-book .product-modal .product-modal-content .product-details[open]{display:block;opacity:1;animation:opacityEntryBlock .5s ease-in-out forwards}look-book .product-modal .product-modal-content .product-details .modal-slider{display:flex;flex-direction:column;gap:2rem}look-book .product-modal .product-modal-content .product-details .modal-slider .modal__pagination{margin:0 auto;width:fit-content;display:flex;gap:16px}look-book .product-modal .product-modal-content .product-details .modal-slider .modal__pagination :is(button){width:1rem;height:1rem;display:block;border-radius:50%;border:1.14px solid var(--coffee);background-color:transparent;cursor:pointer;font-size:0;transition:all .3s ease-in-out}look-book .product-modal .product-modal-content .product-details .modal-slider .modal__pagination :is(button).active{background:var(--coffee);width:4.4rem;height:1rem;border-radius:8px}look-book .product-modal .product-modal-content .product-details .modal-slider .modal-container .modal-track-container .modal-track .product-details__item{display:flex;align-items:center;justify-content:center;product-card{max-width: unset;}}look-book .look-book-desktop{display:none}@media screen and (min-width: 500px){look-book .look-book-slider-mobile{display:none}look-book .container-look-book{max-width:var(--page-width);margin:0 auto}look-book .container-look-book .title-look-book{display:none}look-book .container-look-book .look-book-desktop{display:flex;gap:2rem;height:75vh}look-book .container-look-book .look-book-desktop .look-book-slider-desktop{position:relative;padding:0 20px;width:100%;height:100%}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-container{width:100%;height:100%}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-container .look-book-track-container{width:100%;height:100%}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-container .look-book-track-container .look-book-track{width:100%;height:100%}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-container .look-book-track-container .look-book-track .look-book-item{transition:all .1s ease-in-out;cursor:pointer}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-container .look-book-track-container .look-book-track .look-book-item.active{border:2px solid var(--coffee)}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-container .look-book-track-container .look-book-track .look-book-item .look-book-image{width:100%;height:100%}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-container .look-book-track-container .look-book-track .look-book-item .look-book-image .image{width:100%;height:100%;display:block;object-fit:cover}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-desktop--prev,look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-desktop--next{display:flex;position:absolute;top:50%;transform:translateY(-50%);width:100%;justify-content:space-between;border:none;background-color:transparent;cursor:pointer;width:-moz-fit-content;width:fit-content;&hiden{display:none}}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-desktop--prev{left:0}look-book .container-look-book .look-book-desktop .look-book-slider-desktop .look-book-desktop--next{right:0}@media screen and (min-width: 1100px){look-book .container-look-book .look-book-desktop .look-book-slider-desktop{padding:0 50px}}look-book .container-look-book .look-book-desktop .container-products{overflow:hidden;width:30%}look-book .container-look-book .look-book-desktop .container-products .title-look-book-desktop{height:10%;h2 {color: var(--coffee); text-align: center; font-family: var(--font-primary); font-size: var(--look-book-title); font-style: normal; font-weight: 400; line-height: 140%;}}look-book .container-look-book .look-book-desktop .container-products .products{max-height:90%;overflow:auto;padding-right:5px;display:none;opacity:0;animation:opacityExitBlock .3s ease-in-out forwards;&*{scrollbar-width:thin;scrollbar-color:var(--dark-blue) #f1f1f1}}look-book .container-look-book .look-book-desktop .container-products .products.active{display:block;opacity:0;animation:opacityEntryBlock .3s ease-in-out forwards}look-book .container-look-book .look-book-desktop .container-products .products .product-list{display:flex;flex-direction:column;gap:clamp(2rem,2.5vw,4rem)}look-book .container-look-book .look-book-desktop .container-products .products .product-list .product-item{display:flex;justify-content:center;product-card{max-width: 23rem; .image-product-container {max-width: 24.4rem; max-height: 26.8rem; @media screen and (max-height: 890px){padding-bottom: 22vh; :is(img) {object-fit: contain;}} @media screen and (max-height: 800px){padding-bottom: 20vh;} @media screen and (max-height: 634px){padding-bottom: 17vh;}} .content-product{a{display: flex; align-items: center; justify-content: center;} .product-price-installments{.price-product{display: flex; align-items: center; justify-content: center;} .installments-product{display: none;}}}}}look-book .container-look-book .look-book-desktop .container-products .products::-webkit-scrollbar{width:3px}look-book .container-look-book .look-book-desktop .container-products .products::-webkit-scrollbar-track{background:transparent}look-book .container-look-book .look-book-desktop .container-products .products::-webkit-scrollbar-thumb{background-color:var(--coffee);border-radius:10px;border:3px solid transparent}look-book .container-look-book .look-book-desktop .container-products .products::-webkit-scrollbar-thumb:hover{background:var(--dark-blue, .8)}@media screen and (min-width: 1100px){look-book .container-look-book .look-book-desktop .container-products{width:25%}}@media screen and (min-width: 1100px){look-book .container-look-book .look-book-desktop{gap:6rem}}}@keyframes opacityEntryBlock{0%{opacity:0;display:none}1%{opacity:0;display:block}to{opacity:1}}@keyframes opacityExitBlock{0%{opacity:1;display:block}99%{opacity:0;display:block}to{display:none}}:root{--font-size-title-product: clamp(1.4rem, .833vw, 2rem);--font-size-price-product: clamp(1.4rem, 2.5vw, 1.8rem);--font-size-price-product-compare: clamp(1.2rem, 2.5vw, 1.6rem);--font-size-installments-product: clamp(1rem, 2.5vw, 1.4rem);--font-size-button-buy: clamp(1.2rem, 2.5vw, 1.2rem);--font-size-tags: clamp(1.2rem, 2.5vw, 1.6rem)}product-card{display:flex;flex-direction:column;max-width:30rem;width:100%;gap:1.2rem;position:relative;input[type="radio"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 14px; height: 14px; border-radius: 50%; border: 1px solid var(--coffee); background-color: white; position: relative; cursor: pointer; transition: all .3s ease;} input[type="radio"]:checked {background-color: white;} input[type="radio"]:checked::after {content: ""; position: absolute; top: .27rem; left: .23rem; width: 7.5px; height: 7px; border-radius: 50%; background-color: var(--coffee);}}product-card .signature-mobile{display:none}product-card .signature-mobile .signature,product-card .signature-mobile .single_buy{border:1px solid rgba(96,83,68,.2);border-radius:10px;padding:8px 10px;margin-bottom:6px;display:flex;gap:7px;align-items:center;input{order: 1;} label{display: flex; gap: 5px; width: 100%; order: 3; align-items: center; span.price{order: 2;} .label-descount{order: 3;} span.label{order: 4;} span.price {display: flex; align-items: center; gap: .8rem;}} .label{order: 4; margin-left: auto; font-size: clamp(1rem,2.5vw,1.2rem);}}@media screen and (max-width: 979px){product-card .signature-mobile .signature,product-card .signature-mobile .single_buy{padding:14px 10px}}@media screen and (max-width: 979px){product-card .signature-mobile .single_buy{margin-bottom:15px}}product-card .signature-mobile .signature{color:var(--orange)}product-card .signature-mobile .signature .price{font-weight:700;order:2;font-size:1.2rem}product-card .label-descount{background-color:var(--orange);border-radius:18px;padding:4px 15px;color:var(--white);font-size:clamp(.8rem,.521vw,1rem);margin-left:3px;font-weight:500}@media screen and (max-width: 768px){product-card .label-descount{order:3;padding:2px 10px}}product-card .signature-desktop{display:block}@media screen and (max-width: 768px){product-card .signature-mobile{display:block}product-card .signature-desktop{display:none}}product-card .icon-wishlist{width:2.4rem;height:2.4rem;position:absolute;top:1.5rem;right:1.5rem;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:1;svg{transition: all .2s ease-in-out; fill: transparent; path{stroke: var(--coffee);}} &.active{svg{fill: var(--pink); path{stroke: var(--pink);}}}}product-card .image-product-container{width:100%;position:relative;padding-bottom:100%;display:block;overflow:hidden;aspect-ratio:370 / 488;img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .7s ease-in-out; border: 1px solid rgba(96,83,68,.2); border-radius: 12px;} .first-image {opacity: 1;} .second-image {opacity: 0;} .btn-buy {position: absolute; bottom: 0; opacity: 0; width: 100%; padding: 1rem 0rem; background-color: var(--coffee); color: var(--white); font-size: var(--font-size-button-buy); font-family: var(--font-primary); font-weight: 600; cursor: pointer; border: none; transform: translateY(100%); transition: opacity .4s ease-in-out,transform .4s ease-in-out,background-color .4s ease-in-out; display: none; border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; @media screen and (min-width: 768px) {display: block;}} .signature {position: absolute; bottom: 74px; opacity: 0; width: 100%; padding: 1rem 1rem; font-size: var(--font-size-button-buy); font-family: var(--font-primary); font-weight: 600; cursor: pointer; background-color: rgba(255,255,255,.7); border-bottom: 1px solid var(--coffee); color:var(--coffee); transform: translateY(100%); transition: opacity .4s ease-in-out,transform .4s ease-in-out,background-color .4s ease-in-out; display: none; @media screen and (min-width: 768px) {display: flex; gap: 5px;} label{display: flex; gap: 6px; width: 100%; justify-content: flex-start; span.label{display: flex; align-items: center; font-weight: 450; font-size: clamp(1rem,.833vw,1.6rem);}} span.price{margin-left: auto; font-size: clamp(1.2rem,.833vw,1.6rem);}} .single_buy {position: absolute; bottom: 36px; opacity: 0; width: 100%; padding: 1rem 1rem; font-size: var(--font-size-button-buy); font-family: var(--font-primary); font-weight: 600; background-color: rgba(255,255,255,.7); color:var(--coffee); cursor: pointer; border: none; transform: translateY(100%); transition: opacity .4s ease-in-out,transform .4s ease-in-out,background-color .4s ease-in-out; display: none; height: 38px; @media screen and (min-width: 768px) {display: flex;} label{display: flex; align-items: center; justify-content: space-between; gap: 6px; width: 100%; padding: 0; margin: 0; span.label{display: flex; align-items: center; font-weight: 450; font-size: clamp(1rem,.833vw,1.6rem);}} .price{margin-left: auto; font-weight: 450; font-size: clamp(1.2rem,.833vw,1.6rem);}} .sold-out {position: absolute; bottom: 0; opacity: 0; width: 100%; padding: 1.2rem 0rem; background-color: var(--orange); color: var(--white); font-size: var(--font-size-button-buy); font-family: var(--font-primary); font-weight: 600; cursor: pointer; text-align: center; border: none; transform: translateY(100%); transition: opacity .4s ease-in-out,transform .4s ease-in-out,background-color .4s ease-in-out; display: none; justify-content: space-around; border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; @media screen and (min-width: 768px) {display: flex;}} .btn-buy-mobile {position: absolute; bottom: 1.2rem; right: 1.2rem; display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; display: none; @media screen and (min-width: 768px) {display: none;}} .tag-product {position: absolute; top: 2rem; left: 1.2rem; .tag-sale {background-color: var(--pink); color: var(--white); padding: 1rem 1.6rem; text-transform: uppercase; font-size: var(--font-size-tags);} .tag-new {background-color: var(--lilac); color: var(--white); padding: 1rem 1.6rem; text-transform: uppercase; font-size: var(--font-size-tags);}} &:hover {.btn-buy {opacity: 1; transform: translateY(0); background-color: var(--orange); color: var(--white); border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; display: flex; gap: 5px; justify-content: space-around;} .signature{opacity: 1; transform: translateY(0); display: flex; gap: 5px;} .single_buy{opacity: 1; transform: translateY(0); display: flex; gap: 5px;} .sold-out {opacity: .8; transform: translateY(0); justify-content: space-around; &:hover {background-color: var(--orange); color: var(--white); opacity: .5;}}} span.label{display: flex; align-items: center;}}product-card.has-second-image .image-product-container:hover .first-image{opacity:0;border-bottom-right-radius:18px;border-bottom-left-radius:18px}product-card.has-second-image .image-product-container:hover .second-image{opacity:1;border-bottom-right-radius:18px;border-bottom-left-radius:18px}product-card .content-product{display:flex;flex-direction:column;gap:.6rem;a {text-decoration: none; color: var(--coffee); .title-product {font-family: var(--font-primary); font-size: var(--font-size-title-product); font-weight: 700; line-height: 140%; text-overflow: ellipsis; overflow: hidden; color: var(--coffee); white-space: nowrap; text-align: center;}} .product-price-installments {display: flex; flex-direction: column; gap: .4rem; .price-product {color: var(--coffee); font-family: var(--font-secondary); font-size: var(--font-size-price-product); font-weight: 400; line-height: 140%; s {color: var(--gray); font-size: var(--font-size-price-product-compare); font-weight: 400; line-height: 140%; text-decoration-line: strikethrough; margin-right: .6rem;}} .installments-product {color: var(--coffee); font-family: var(--font-secondary); font-size: var(--font-size-installments-product); font-weight: 400; line-height: 140%;}}}:root{--banner-title-size: clamp(2.4rem, 2vw, 3.2rem)}.banner_component__container{position:relative;width:100%;height:fit-content;margin-top:var(--padding-block)}.banner_component__container .banner_component__image{max-height:500px;overflow:hidden;display:flex}.banner_component__container .banner_component__image .banner_mobile{object-fit:cover;width:100%}@media screen and (min-width: 768px){.banner_component__container .banner_component__image .banner_mobile{display:none}}.banner_component__container .banner_component__image .banner_desktop{display:none}@media screen and (min-width: 768px){.banner_component__container .banner_component__image .banner_desktop{display:block;width:100%;height:100%}}.banner_component__container .banner_component__content{position:absolute;display:flex;flex-direction:column;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.banner_component__container .banner_component__content .banner_component__title{color:var(--coffee);text-align:center;font-size:var(--banner-title-size);font-weight:500;letter-spacing:.12rem;margin-bottom:clamp(1.2rem,1.5vw,2rem);text-transform:uppercase}.btn-link{display:flex;width:fit-content;padding:1.2rem 2.4rem;color:var(--coffee);background:transparent;font-size:clamp(1.4rem,2vw,1.6rem);font-style:normal;font-weight:600;line-height:normal;border:1px solid var(--coffee);text-decoration:none;transition:background .3s,color .3s;cursor:pointer;text-transform:uppercase}.btn-link.btn-link--mobile-full-width{width:100%;max-width:var(--page-max-width)}:root{--filter-text-size: clamp(1.2rem, 2vw, 1.4rem);--filter-title-size: clamp(1.4rem, 2vw, 1.4rem)}collection-filter{display:block;margin-top:60px}@media screen and (min-width: 768px){collection-filter{padding-block:6rem 0}}collection-filter .filter__heading{display:flex;justify-content:space-between;align-items:center;max-width:var(--page-width);margin-inline:auto}collection-filter .filter__heading #SortBy{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9.5L12 15.5L18 9.5" stroke="%23CB7131" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right 10px center;background-size:20px;border:none;padding:10px 30px 10px 10px;font-size:1.4rem;color:var(--coffee);cursor:pointer;font-weight:600;font-family:var(--font-primary)}collection-filter .filter__heading #SortBy option:checked{padding-right:40px}collection-filter .filter__heading #SortBy::-ms-expand{display:none}collection-filter .filter__heading #SortBy:focus{outline:none}collection-filter .filter__heading .filter__text{display:flex;align-items:center;gap:1.1rem;cursor:pointer}collection-filter .filter__heading .filter__text .filter_title{color:var(--coffee);font-size:var(--filter-text-size);font-weight:500;text-transform:uppercase}collection-filter .filter__heading .filter__text :is(svg){width:clamp(1.2rem,2vw,1.9rem);height:clamp(1.05rem,2vw,1.7rem)}collection-filter .filter__heading .products_count__container .product_count{font-size:var(--filter-text-size);color:var(--coffee);font-weight:500;text-transform:lowercase}collection-filter:before{content:"";position:fixed;background:rgba(0,0,0,.5);width:100vw;height:100dvh;z-index:5;top:0;left:0;opacity:0;visibility:hidden;animation:opacityOverlayExit .3s;z-index:1003}collection-filter:has(.filter__modal[open]):before{opacity:1;visibility:visible;animation:opacityOverlayEntry .3s}collection-filter .filter__modal{display:none;background:var(--white);max-width:34rem;width:90vw;padding:3.2rem 2rem;position:fixed;transform:translate(-100%);animation:slideOut .3s ease-in-out forwards;top:0;left:0;height:100dvh;z-index:1004;overflow:auto}collection-filter .filter__modal[open]{animation:slideIn .3s ease-in-out forwards;display:block;transform:translate(0)}@media screen and (min-width: 768px){collection-filter .filter__modal{max-width:42rem;padding-inline:3rem}}collection-filter .filter__modal .filter__modal__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(4rem,2vw,6rem)}collection-filter .filter__modal .filter__modal__heading .filter_title{color:var(--coffee);font-size:var(--filter-title-size);font-weight:500;text-transform:uppercase}collection-filter .filter__modal .filter__modal__heading :is(svg){width:clamp(1.6rem,2vw,2rem);height:clamp(1.6rem,2vw,2rem);cursor:pointer}collection-filter .filter__modal .filter__dropdown{display:flex;flex-direction:column;gap:clamp(2.8rem,2vw,3.2rem)}collection-filter .filter__modal .filter__dropdown .filter__container .filter_name{font-size:var(--filter-title-size);color:var(--coffee);font-weight:600;text-transform:uppercase;width:100%;position:relative;display:flex;justify-content:space-between;align-items:center}collection-filter .filter__modal .filter__dropdown .filter__container .filter_name:after{content:"";background-image:url(./arrowDown-f7c7c240.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:1.6rem;height:1.6rem;transition:.3s transform ease;cursor:pointer}collection-filter .filter__modal .filter__dropdown .filter__container:has(.filter__list[closed]) .filter_name:after{transform:rotate(180deg)}collection-filter .filter__modal .filter__dropdown .filter__container .filter__list{list-style-type:none;display:flex;flex-direction:column;gap:1.2rem;overflow:hidden;transition:height .3s ease-out;height:auto}collection-filter .filter__modal .filter__dropdown .filter__container .filter__list[closed]{height:0}collection-filter .filter__modal .filter__dropdown .filter__container .filter__list .filter__item:first-child{margin-top:1.6rem}collection-filter .filter__modal .filter__dropdown .filter__container .filter__list .filter__item .filter_label{font-size:var(--filter-title-size);color:var(--coffee);font-weight:500;display:flex;align-items:center}collection-filter .filter__modal .filter__dropdown .filter__container .filter__list .filter__item .filter_label :is(input){margin-right:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(1.6rem,2vw,1.8rem);height:clamp(1.6rem,2vw,1.8rem);border:1px solid var(--coffee);background:transparent;transition:.15s background ease}collection-filter .filter__modal .filter__dropdown .filter__container .filter__list .filter__item .filter_label :is(input):checked{background:var(--coffee)}collection-filter .filter__modal .filter__dropdown .filter__btns{display:flex;align-items:center;gap:1rem;margin-top:2rem}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn{display:flex;justify-content:center;width:fit-content;padding:1.2rem 2.4rem;color:var(--coffee);background:transparent;font-size:clamp(1.2rem,2vw,1.6rem);font-style:normal;font-weight:600;line-height:normal;border:1px solid var(--coffee);text-decoration:none;transition:background .3s,color .3s;width:100%;text-transform:uppercase;font-family:var(--font-parfait);cursor:pointer}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn.filter_submit{color:var(--white);background:var(--coffee)}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn.filter_submit:hover{color:var(--white)}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn.filter_reset{color:var(--coffee);background:var(--white)}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn.filter_reset:hover{background:var(--coffee);color:var(--white)}@keyframes slideIn{0%{transform:translate(-100%);display:none}1%{transform:translate(-100%);display:block}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0);display:block}99%{transform:translate(-100%);display:block}to{display:none}}@keyframes opacityOverlayEntry{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1}}@keyframes opacityOverlayExit{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{visibility:hidden}}:root{--collection-empty-title: clamp(2rem, 2vw, 2.4rem);--collection-empty-text: clamp(1.4rem, 2vw, 1.8rem)}collection-grid{display:block;max-width:var(--page-width);margin-inline:auto;position:relative;padding-top:3rem;product-card .signature-mobile {.signature,.single_buy{border: none; padding: 0px 0; .price{color: var(--coffee);} span.label{margin-left: auto; color: var(--orange);}}} .collection_grid__container:has(product-card) {display: grid; gap: 20px; justify-items: flex-start; grid-template-columns: repeat(2,minmax(0,1fr)); @media screen and (min-width: 480px) {grid-template-columns: repeat(2,minmax(16rem,1fr));} @media screen and (min-width: 768px) {grid-template-columns: repeat(3,minmax(23rem,1fr)); gap: 28px;} @media screen and (min-width: 1024px) {grid-template-columns: repeat(4,minmax(15rem,1fr));} @media screen and (min-width: 1280px) {grid-template-columns: repeat(4,minmax(15vw,1fr));} product-card {max-width: 100%;}} .collection_grid__container:has(.collection_empty__container) {display: flex; align-items: center; justify-content: center; .collection_empty__container {text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 1.6rem; .collection_empty_title {font-size: var(--collection-empty-title); text-transform: uppercase;} .collection_empty_text {font-size: var(--collection-empty-text); color: var(--coffee);} .btn-link {background: var(--coffee); border: 1px solid var(--coffee); color: var(--white); transition: .3s all; min-width: clamp(16.5rem,13vw,21.3rem); display: flex; justify-content: center; &:hover {color: var(--white); border-color: var(--orange); background-color:var(--orange);}}}} #collection_loader {width: 100%; height: 100%; backdrop-filter: blur(5px); position: absolute; z-index: 2; opacity: 0; display: none; align-items: flex-start; justify-content: center; animation: opacityLoadingExit .5s forwards; &[active] {animation: opacityLoadingEntry .5s forwards; opacity: 1; display: flex;} .loader {margin-top: 10vh; width: 48px; height: 48px; border-radius: 50%; position: relative; animation: rotate 1s linear infinite} .loader::before {content: ""; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 5px solid var(--coffee); animation: prixClipFix 2s linear infinite ;}}}@media screen and (max-width: 979px){collection-grid .label-descount,collection-grid .chooseRecorrency,collection-grid .btn-link{display:none}}:root{--product-carousel-font-size-title: clamp(2rem, 1.6666vw, 3.2rem)}product-carousel,product-recommendations simple-carousel{display:flex;flex-direction:column;gap:2.8rem;max-width:var(--page-width);margin:0 auto;padding-bottom:clamp(5rem,4.5vw,9rem)}@media screen and (min-width: 768px){product-carousel,product-recommendations simple-carousel{gap:4rem}}product-carousel .title-collection,product-recommendations simple-carousel .title-collection{font-size:var(--product-carousel-font-size-title);font-family:var(--font-primary);color:var(--orange);text-align:center;font-weight:300;line-height:140%;text-transform:uppercase}product-carousel .btn-link,product-recommendations simple-carousel .btn-link{align-self:center;width:100%;display:flex;justify-content:center;align-items:center;border-radius:22px;text-transform:none;padding:1.1rem 3.4rem;font-size:clamp(1.4rem,.937vw,1.8rem);font-weight:500;background-color:var(--orange);color:var(--white);border:none}@media screen and (min-width: 768px){product-carousel .btn-link,product-recommendations simple-carousel .btn-link{width:auto}}product-carousel .btn-link:hover,product-recommendations simple-carousel .btn-link:hover{background-color:var(--orange);color:var(--white)}product-carousel .carousel-product-slider,product-recommendations simple-carousel .carousel-product-slider{padding:0rem;width:100%;position:relative}@media screen and (min-width: 768px){product-carousel .carousel-product-slider,product-recommendations simple-carousel .carousel-product-slider{padding:0rem 4rem}}@media screen and (max-width: 768px){product-carousel .carousel-product-slider .blaze-container,product-recommendations simple-carousel .carousel-product-slider .blaze-container{width:100vw}}product-carousel .carousel-product-slider .blaze-container .blaze-track-container .blaze-track,product-recommendations simple-carousel .carousel-product-slider .blaze-container .blaze-track-container .blaze-track{product-card {max-width: 311px;}}product-carousel .carousel-product-slider .blaze-pagination-product-carousel,product-recommendations simple-carousel .carousel-product-slider .blaze-pagination-product-carousel{margin:2rem auto 0;width:fit-content;display:flex;gap:16px}@media screen and (min-width: 768px){product-carousel .carousel-product-slider .blaze-pagination-product-carousel,product-recommendations simple-carousel .carousel-product-slider .blaze-pagination-product-carousel{display:none}}product-carousel .carousel-product-slider .blaze-pagination-product-carousel :is(button),product-recommendations simple-carousel .carousel-product-slider .blaze-pagination-product-carousel :is(button){width:1rem;height:1rem;display:block;border-radius:50%;border:1.14px solid var(--orange);background-color:transparent;cursor:pointer;font-size:0;transition:all .3s ease-in-out}product-carousel .carousel-product-slider .blaze-pagination-product-carousel :is(button).active,product-recommendations simple-carousel .carousel-product-slider .blaze-pagination-product-carousel :is(button).active{background:var(--orange);width:1rem;height:1rem;border-radius:8px}product-carousel .carousel-product-slider .carousel-product--prev,product-carousel .carousel-product-slider .carousel-product--next,product-recommendations simple-carousel .carousel-product-slider .carousel-product--prev,product-recommendations simple-carousel .carousel-product-slider .carousel-product--next{display:flex;position:absolute;top:50%;transform:translateY(-50%);width:100%;justify-content:space-between;border:none;background-color:transparent;cursor:pointer;width:-moz-fit-content;width:fit-content;opacity:1;transition:opacity .3s ease;&hiden{display:none}}product-carousel .carousel-product-slider .carousel-product--prev:disabled,product-carousel .carousel-product-slider .carousel-product--next:disabled,product-recommendations simple-carousel .carousel-product-slider .carousel-product--prev:disabled,product-recommendations simple-carousel .carousel-product-slider .carousel-product--next:disabled{opacity:.5;cursor:not-allowed}product-carousel .carousel-product-slider .carousel-product--prev,product-recommendations simple-carousel .carousel-product-slider .carousel-product--prev{left:-10px}product-carousel .carousel-product-slider .carousel-product--next,product-recommendations simple-carousel .carousel-product-slider .carousel-product--next{right:-10px}@media screen and (max-width: 1023px){product-recommendations simple-carousel{max-width:unset;padding-left:0;padding-right:0}product-recommendations simple-carousel .carousel-product-slider .carousel-product--prev.blaze-prev,product-recommendations simple-carousel .carousel-product-slider .carousel-product--next.blaze-next{display:none}product-recommendations simple-carousel .carousel-product-slider .blaze-track-container{padding-left:2rem}}:root{--collection-banner-title: clamp(2.4rem, 2vw, 3.2rem);--collection-banner-desc: clamp(1.4rem, 2vw, 1.6rem)}.collection_banner__container{margin-top:clamp(8rem,10vw,12.5rem);position:relative}.collection_banner__container .banner__desktop{display:none}@media screen and (min-width: 768px){.collection_banner__container .banner__desktop{display:block}}@media screen and (min-width: 768px){.collection_banner__container .banner__mobile{display:none}}.collection_banner__container .collection_banner_texts__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.collection_banner__container .collection_banner_texts__content .collection_banner_title{font-size:var(--collection-banner-title);text-transform:uppercase;font-family:var(--font-primary);font-weight:200;color:var(--white);padding-top:33px;p{font-size: var(--collection-banner-title); text-transform: uppercase; font-family: var(--font-primary); font-weight: 200; color: var(--white);}}.collection_banner__container .collection_banner_texts__content :is(p){font-size:var(--collection-banner-desc);font-weight:300}:root{--collection-grid-section-font-title: clamp(2rem, 1.666vw, 3.2rem)}collection-grid-section{display:grid;max-width:var(--page-width);padding-block:var(--padding-block);margin:0 auto;gap:clamp(.8rem,2.5vw,4.8rem);grid-template-columns:repeat(2,1fr)}@media screen and (min-width: 768px){collection-grid-section{grid-template-columns:repeat(3,1fr)}}collection-grid-section .container-collection{width:100%}collection-grid-section .container-collection .link-collection{width:100%;height:100%;display:block;position:relative;text-decoration:none;overflow:hidden}collection-grid-section .container-collection .link-collection:hover .image-collection{filter:brightness(.8);transform:scale(1.1)}collection-grid-section .container-collection .link-collection .image-collection{width:100%;height:100%;display:block;transition:all .7s ease}collection-grid-section .container-collection .link-collection .image-collection-desk{display:none}@media screen and (min-width: 768px){collection-grid-section .container-collection .link-collection .image-collection-desk{display:block}}collection-grid-section .container-collection .link-collection .image-collection-mob{display:block}@media screen and (min-width: 768px){collection-grid-section .container-collection .link-collection .image-collection-mob{display:none}}collection-grid-section .container-collection .link-collection .title-collection{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:var(--collection-grid-section-font-title);font-family:var(--font-primary);color:var(--white);font-weight:600;letter-spacing:.09rem;text-transform:uppercase;padding-inline:2rem;color:var(--orange)}:root{--main-product-title: clamp(2rem, 1.667vw, 3.2rem);--main-product-price: clamp(1.6rem, 1.25vw, 2.4rem);--main-product-variant-title: clamp(1rem, 2vw, 1.4rem);--main-product-variant-value: clamp(1.2rem, 2vw, 1.2rem);--main-product-mensage-alert: clamp(1.2rem, 2.5vw, 1.4rem);--main-product-text-installments: clamp(1rem, .833vw, 1.6rem);--main-product-description: clamp(1.2rem, .869vw, 1.6rem);--main-product-collapsible-tab-summary: clamp(1.5rem, .937vw, 1.8rem);--main-product-benefits: clamp(1.2rem, 1.5vw, 1.4rem);--main-product-spacing-title: clamp(1.2rem, 1.5vw, 2rem);--main-product-spacing-price: clamp(3.5rem, 1.5vw, 3.5rem);--main-product-spacing-variant: clamp(2.4rem, 2.5vw, 2.8rem);--main-product-spacing-description: clamp(1.6rem, 2vw, 2rem);--main-product-spacing-benefits: clamp( 1.2rem, calc(-.208vw + 1.8rem), 1.5rem );--main-product-spacing-add-to-cart-quantity: 2.4rem;--main-product-spacing-carousel: 2rem}@media screen and (min-width: 1024px){:root{--main-product-spacing-add-to-cart-quantity: 0;--main-product-spacing-carousel: 0}}main-product{margin-top:clamp(8rem,10vw,12.5rem);display:block;font-family:var(--font-primary);color:var(--coffee);breadcrumbs-component {.breadcrumb-container {max-width: var(--page-width);}} @media screen and (min-width: 768px) {breadcrumbs-component {.breadcrumb-container {max-width: calc(var(--page-width) - 10vw);}}} .main-product-container {display: grid; grid-template-columns: 1fr; grid-template-areas: "images" "title" "price" "description" "benefits" "variants" "buy" "tabs"; @media screen and (min-width: 1024px) {display: grid; grid-template-columns: 1fr 1.3fr 1fr; column-gap: 4.2vw; grid-template-areas: "title images price" "description images variants" "benefits images variants" "tabs images variants" "tabs images buy";} .container-images {grid-area: images;} :has(.product-title) {grid-area: title;} :has(.product-price) {grid-area: price;} :has(.product-variants) {grid-area: variants;} :has(:is(collapsible-tabs)) {grid-area: tabs;} :has(.product-add-to-cart-quantity) {grid-area: buy;} :has(.product-description) {grid-area: description;} :has(.product-benefits) {grid-area: benefits;}} .main-product-container {width: 100%; max-width: 100%; @media screen and (min-width: 1024px) {padding: 4rem 9.3vw;} .shopify-block:not(:has(.shopify-block)) {padding: 0 2rem; @media screen and (min-width: 1024px) {padding: 0;}}} simple-carousel {max-width: 100%; overflow: hidden; height: fit-content; padding: 0; display: flex; justify-content: center; align-items: center; margin-bottom: var(--main-product-spacing-carousel); .blaze-track-container {padding: 0; min-height: 367px;} .simple-carousel__image {aspect-ratio: 270 / 350; overflow: hidden; @media screen and (min-width: 768px) {aspect-ratio: 230 / 255;} :is(img) {width: 100%; height: 100%; object-fit: cover; @media screen and (max-width: 768px) {min-height: 378px;}}} .blaze-container {padding: 0 0 2rem 2rem; @media screen and (min-width: 1024px) {padding: 0 clamp(4rem,4vw,5.2rem) clamp(5.6rem,5vw,7.4rem);}} .blaze-container:not(:has(li + li)) {padding: 0 2rem 2rem 2rem;} .blaze-container .blaze-pagination {display: flex; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); justify-content: center; align-items: center; width: 100%; max-width: 100%; gap: 0; margin: 0; &::after,&::before {content: none;} :is(button) {border-radius: 50%; aspect-ratio: 1 / 1; background-color: var(--white); border: 1px solid var(--orange); width: .8rem; padding: 0; margin: 0 .4rem; cursor: pointer; transition: all .3s ease-in-out; overflow: hidden; color: transparent; &.active {background-color: var(--orange);} @media screen and (min-width: 768px) {width: clamp(3.2rem,3vw,5rem); height: clamp(3.2rem,3vw,5rem); border-color: transparent; margin: 0 clamp(.6rem,1.5vw,.9rem); background: none; &.active {background: none; border-color: var(--gray);}} @media screen and (max-width: 767px) {:is(*) {display: none;}}}} .blaze-buttons {position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; color: var(--white); background-color: var(--orange); border: none; width: 3.2rem; height: 3.2rem; border-radius: 50%; padding: 0; margin: 0; cursor: pointer; @media screen and (max-width: 1023px) {display: none;} &.blaze-prev {left: 0; &[disabled="true"] {opacity: .5;}} &.blaze-next {right: 0; &[disabled="true"] {opacity: .5;}}}} .product-title {color: var(--orange); font-family: var(--font-primary); font-size: var(--main-product-title); text-transform: uppercase; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: var(--main-product-spacing-title); :is(span) {font-weight: 300;}} .product-price {display: flex; flex-direction: column; gap: .2rem; margin-bottom: var(--main-product-spacing-price); .price {display: flex; align-items: center; gap: 1rem; .product-price-text-compare {color: var(--coffee); font-family: var(--font-primary); font-style: normal; font-weight: 300; line-height: normal; text-decoration-line: line-through; font-size: calc(var(--main-product-price) * .8); &:empty {display: none;}} .product-price-text {color: var(--coffee); font-family: var(--font-primary); font-size: var(--main-product-price); font-style: normal; font-weight: 600; line-height: normal;}} .group-installments:has(.installments-product:empty) {display: none;} .group-installments {&.hidden{display:none;} .installments-product {color: var(--coffee); font-family: var(--font-primary); font-size: var(--main-product-text-installments); font-style: normal; font-weight: 300; line-height: normal;}}} .product-variants {display: flex; flex-direction: column; gap: 2rem; margin-bottom: var(--main-product-spacing-variant); @media screen and (min-width: 1030px) {margin-top: -2.4rem;} :is(*) {list-style: none;} .option-wrapper {.option-title {font-size: clamp(1rem,.833vw,1.6rem); margin-bottom: clamp(.8rem,1vw,1rem);}} .option-list {display: flex; gap: 1.6rem; &:has(.option-image) {gap: 3.2rem;}} .option-item { --border-color: transparent; --background-color: transparent; --text-color: var(--orange); --text-weight: 400; :is(*) { display: block; } &.active { --border-color: var(--coffee); --background-color: var(--orange); --text-color: var(--white); --font-weight: 600; } .option-image { font-size: clamp(1rem, .729vw, 1.4rem); text-decoration: none; color: var(--coffee); text-align: center; :is(img) { aspect-ratio: 1/1; width: 7.5rem; display: block; margin: 0 auto; height: 100%; object-fit: cover; border-radius: clamp(.4rem, 1vw, .8rem); overflow: hidden; border: 1px solid var(--border-color); margin-bottom: clamp(.4rem, 1vw, .8rem); } } .option { --border-color: var(--orange); color: var(--text-color); background-color: var(--background-color); border: 1px solid var(--border-color); font-weight: var(--font-weight); font-size: 1.2rem; text-decoration: none; padding: .6rem 2rem; border-radius: 10rem; @media screen and (min-width: 1030px) { font-size: clamp(.9rem, .633vw, 1.2rem) } } } .variant-list {display: flex; gap: 1.6rem; flex-direction: column; .variant-item {:is(button) {background: none; border: none; display: flex; gap: 1rem; width: 100%; justify-content: space-between; font-size: clamp(1.3rem,.833vw,1.4rem); cursor: pointer; text-align: start; color: var(--coffee); font-family: var(--font-primary); padding-left: 3rem; position: relative; &::after {position: absolute; aspect-ratio: 1/1; height: 1.8rem; width: 1.8rem; border-radius: 50%; content: ""; background-color: var(--coffee); border: 1px solid var(--coffee); top: 0; left: 0; box-shadow: inset 2rem 2rem var(--white); @media screen and (min-width: 1030px) {height: clamp(1.35rem,.833vw,2rem); width: clamp(1.35rem,.833vw,2rem);}} :is(span) {white-space: nowrap;}} &:has(.active) {:is(button)::after {box-shadow: inset 0 0 0 .3rem var(--white);}}} .plan-item {position: relative; overflow: hidden; border-radius: 1.2rem; border: 1px solid var(--coffee); padding: 1.6rem; @media screen and (min-width: 1030px) {padding: clamp(1.2rem,.833vw,1.6rem);} :is(a) {text-decoration: none; color: inherit;} &.active {&::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--orange); opacity: .2; z-index: -1;} .plan-heading {font-weight: 600; font-size: 1.2rem; &::after {box-shadow: inset 0 0 0 .3rem var(--white);}} .plan-heading span.title_name {text-transform: lowercase; font-size: clamp(1.2rem,.833vw,1.6rem);} .plan-heading span.title_name::first-letter {text-transform: uppercase;}} .plan-heading {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: clamp(1.2rem,.833vw,1.6rem); padding-left: 3rem; position: relative; &::after {position: absolute; aspect-ratio: 1/1; width: 1.8rem; height: 1.8rem; border-radius: 50%; content: ""; background-color: var(--coffee); border: 1px solid var(--coffee); top: 5px; left: 0; box-shadow: inset 2rem 2rem var(--white); @media screen and (min-width: 1030px) {height: clamp(1.35rem,.833vw,2rem); width: clamp(1.35rem,.833vw,2rem);}}} .plan-discount {color: var(--white); background-color: var(--orange); display: inline-block; padding: .5rem 1.6rem; font-size: clamp(.9rem,.195vw + .827rem,1.2rem); border-radius: 10rem; font-weight: 600; font-style: normal; line-height: normal; text-transform: uppercase; &:empty {opacity: 0;}} .plan-description {font-size: 1.2rem; :is(ul) {padding-left: 1.6rem;} :is(li) {padding-left: .5rem;} :is(li)::marker {content: "✓";}}}}} .product-add-to-cart-quantity {display: flex; gap: 1.2rem; align-items: center; margin-bottom: var(--main-product-spacing-add-to-cart-quantity);} .product-quantity {display: flex; align-items: center; justify-content: center; width: fit-content; .quantity-buttons {display: flex; align-items: center; width: fit-content; border-radius: 10rem; overflow: hidden; border: 1px solid var(--gray); padding: .75rem .25rem; :is(input) {pointer-events: none; width: 2.5rem; height: 2.5rem; text-align: center; border: none; color: inherit; font-size: clamp(1.2rem,.833vw,1.6rem); font-style: normal; font-weight: 500; line-height: normal;} button {width: 3rem; height: 3rem; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; :is(svg) {width: 33.33%; height: auto;}}}} .product-description {margin-bottom: var(--main-product-spacing-description); font-size: var(--main-product-description); :is(p) {font-size: var(--main-product-description); width: 100%; font-weight: 300;}} .product-add-to-cart {width: 100%; width: -webkit-fill-available; :is(button) {display: flex; width: 100%; padding: 1.25rem 0rem; justify-content: center; align-items: center; text-align: center; gap: 1rem; background-color: var(--orange); color: var(--white); border: 1px solid var(--orange); border-radius: 10rem; overflow: hidden; font-family: var(--font-primary); font-size: 1.4rem; font-style: normal; font-weight: 700; line-height: normal; @media screen and (min-width: 768px) {font-size: clamp(1.2rem,.733vw,1.6rem);} cursor: pointer; transition: all .3s ease-in-out; position: relative; &[disabled] {opacity: .5; cursor: not-allowed;} &:hover {color: var(--orange); background-color: var(--white); opacity: .9;} &:has(.loader--active) {background-color: var(--orange); color: transparent;} .loader-container {opacity: 0; width: 100%; position: absolute; display: flex; justify-content: center; align-items: center; transition: all .2s ease-in-out; background: none; &.loader-container--active {opacity: 1;}}} .product-add-to-cart__message {color: red; font-family: var(--font-secondary); font-size: var(--main-product-mensage-alert); display: none; &[open] {display: block;}}} .product-benefits {padding: 0; display: flex; list-style: none; justify-content: space-between; margin-bottom: var(--main-product-spacing-benefits); font-size: var(--main-product-benefits); .product-benefit-item {display: flex; flex-direction: column; width: min-content; gap: 1rem; align-items: center; justify-content: start; color: var(--coffee); font-family: var(--font-primary); font-size: var(--main-product-benefits); font-style: normal; font-weight: 400; line-height: normal; text-align: center; padding: 0 .5rem; :is(*) {font-size: clamp(1.1rem,1.3vw,1.1rem); color: inherit; font-weight: inherit; @media screen and (max-width: 768px) {text-transform: none;}} :is(img,svg) {width: clamp(3rem,3vw,4rem); height: auto;}}} .shipping__title {display: none;} .shipping__form {margin: .5rem 0;}}@media screen and (max-width: 1023px){main-product{padding-top:0}}main-product .loader{width:30px;height:25px;aspect-ratio:1;--c: linear-gradient(var(--white) 0 0);--r1: radial-gradient( farthest-side at bottom, var(--white) 93%, var(--white) );--r2: radial-gradient(farthest-side at top, var(--white) 93%, var(--white));background:var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2);background-repeat:no-repeat;animation:l2 .5s infinite alternate;opacity:0;transition:opacity .2s ease-in-out}main-product .loader.loader--active{opacity:1}@keyframes l2{0%,25%{background-size:8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position:0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px)}50%{background-size:8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position:0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px)}75%{background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position:0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px)}95%,to{background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px;background-position:0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px)}}description-seo{display:flex;flex-direction:column;align-items:center;padding-block:var(--padding-block)}description-seo .description_seo__content{min-height:clamp(5.6rem,5vw,8rem);max-width:var(--page-width);width:100%;overflow:hidden;position:relative;transition:.6s ease}description-seo .description_seo__content:after{content:"";position:absolute;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);width:100%;height:5rem;bottom:0;left:0;opacity:0;visibility:hidden;animation:opacityOverlayDescriptionReverse .6s forwards}description-seo .description_seo__content[closed]{height:0}description-seo .description_seo__content[closed]:after{animation:opacityOverlayDescription .6s forwards;opacity:1;visibility:visible}description-seo .description_seo__arrow{margin-top:2.8rem;display:flex;width:100%;align-items:center;justify-content:center;transition:.6s ease}description-seo:not(:has(.description_seo__content[closed])) .description_seo__arrow{transform:rotate(180deg)}@keyframes opacityOverlayDescription{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}@keyframes opacityOverlayDescriptionReverse{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}:root{--padding-inline-popup: clamp(4rem, 2.5vw, 6rem);--padding-inline-popup-content: clamp(2rem, 2.5vw, 3rem);--font-size-title-popup: clamp(1.6rem, 1.5vw, 2.4rem);--font-size-description-popup: clamp(1.2rem, 1.5vw, 1.6rem);--font-size-policy-popup: clamp(1.2rem, 1.5vw, 1.4rem);--font-size-input-newsletter: clamp(1rem, 1.5vw, 1.6rem)}pop-up{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s ease-in-out;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999}pop-up.active{display:flex;justify-content:center;align-items:center;opacity:1;pointer-events:auto;visibility:visible;transition:opacity .5s ease-in-out}pop-up .main-popup{max-width:95rem;display:block;width:100%;margin:0 auto;padding-inline:var(--padding-inline-popup);position:relative}pop-up .main-popup .container-popup{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;justify-content:center;background-color:var(--white);width:100%;padding-inline:0;position:relative;z-index:2}@media screen and (min-width: 768px){pop-up .main-popup .container-popup{grid-template-columns:repeat(2,1fr);gap:4.8rem;align-items:center;padding-right:var(--padding-inline-popup)}}pop-up .main-popup .container-popup .image-popup{width:100%;max-height:33rem;object-fit:cover}@media screen and (min-width: 768px){pop-up .main-popup .container-popup .image-popup{max-height:42rem}}pop-up .main-popup .container-popup .content-popup{padding-inline:var(--padding-inline-popup-content);padding-bottom:3rem;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 768px){pop-up .main-popup .container-popup .content-popup{padding-inline:0;padding-bottom:0;gap:3.2rem}}pop-up .main-popup .container-popup .content-popup .heading-popup{display:flex;flex-direction:column;gap:1.2rem}@media screen and (min-width: 768px){pop-up .main-popup .container-popup .content-popup .heading-popup{gap:1.6rem}}pop-up .main-popup .container-popup .content-popup .heading-popup .class-title-popup{h2 {font-size: var(--font-size-title-popup); font-family: var(--font-primary); color: var(--coffee); font-weight: 500;}}pop-up .main-popup .container-popup .content-popup .heading-popup .description-popup{p {font-size: var(--font-size-description-popup); font-family: var(--font-primary); color: var(--coffee); font-weight: 400;}}pop-up .main-popup .container-popup .content-popup .contact-form{width:100%;display:grid;grid-template-columns:1.5fr .3fr;height:clamp(3.2rem,30vw,4.2rem);input {border: .1rem solid var(--gray); color: var(--coffee); font-size: var(--font-size-input-newsletter); font-family: var(--font-primary); padding-left: 1rem; padding-right: 1rem; font-weight: 300; height: clamp(3.2rem,30vw,4.2rem); @media screen and (min-width: 768px) {padding-left: 2rem; padding-right: 2rem;} &::placeholder {font-size: var(--font-size-input-newsletter); font-family: var(--font-primary); color: var(--coffee); font-weight: 300;} &:focus-visible {outline: none; border: .1rem solid var(--orange);}} button {border: .1rem solid var(--orange); background-color: var(--orange); transition: background-color .5s ease-in-out,border .5s ease-in-out,color .5s ease-in-out; height: clamp(3.2rem,30vw,4.2rem); &:focus-visible {outline: none;} &:hover {background-color: var(--coffee); border: .1rem solid var(--coffee); cursor: pointer; svg {path {stroke: var(--orange);}}} svg {path {stroke: var(--coffee);}}}}@media screen and (min-width: 768px){pop-up .main-popup .container-popup .content-popup .contact-form{grid-template-columns:1.5fr .2fr}}pop-up .main-popup .container-popup .content-popup .policy-popup{p {font-size: var(--font-size-policy-popup); font-family: var(--font-primary); color: var(--coffee); font-weight: 300;}}pop-up .main-popup .container-popup .close-popup{position:absolute;top:2rem;right:2.4rem;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;transition:transform .4s ease-in-out;svg {width: 2.4rem; height: 2.4rem; path {transition: stroke .4s ease-in-out; stroke: var(--white); @media screen and (min-width: 768px) {stroke: var(--coffee);}}} &:hover {transform: scale(1.2); svg {path {stroke: var(--orange);}}}}pop-up .main-popup .container-popup .close-popup:focus-visible{outline:none}pop-up .overlay-popup{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}:root{--font-size-item: clamp(1rem, 1.5vw, 1.6rem)}breadcrumbs-component{display:flex;margin-bottom:1rem}breadcrumbs-component .breadcrumb-container{max-width:var(--page-width);margin:0 auto;width:100%}breadcrumbs-component .breadcrumb-container .breadcrumb-list{display:flex;align-items:center;gap:.3rem}breadcrumbs-component .breadcrumb-container .breadcrumb-list .breadcrumb-item{list-style:none;font-family:var(--font-primary);color:var(--coffee);font-size:var(--font-size-item);font-weight:400;a {text-decoration: none; font-family: var(--font-primary); color: var(--coffee); font-weight: 400; font-size: var(--font-size-item); transition: color .3s ease-in-out; &:hover {color: var(--orange);}}}breadcrumbs-component .breadcrumb-container .breadcrumb-list .breadcrumb-item:not(:last-child):after{content:"/";margin:0 .3rem;color:var(--coffee)}breadcrumbs-component .breadcrumb-container .breadcrumb-list .active{font-weight:600}:root{--font-size-text: clamp(1.4rem, 1.5vw, 1.8rem)}text-section{display:flex;flex-direction:column;gap:1.4rem;max-width:var(--page-width);padding-block:calc(var(--padding-block) * .5);width:100%;margin:0 auto}@media screen and (min-width: 768px){text-section{gap:2.4rem}}text-section .content-text :is(p){font-weight:300;line-height:160%;font-family:var(--font-primary);font-size:var(--font-size-text);color:var(--coffee)}image-grid-carousel{display:flex;width:100%;max-width:100%;padding-block:var(--padding-block);margin:0 auto}image-grid-carousel .container-grid{display:none}@media screen and (min-width: 768px){image-grid-carousel .container-grid{display:grid;grid-template-columns:repeat(3,1fr)}image-grid-carousel .container-grid .image-grid-image{width:100%}}image-grid-carousel .container-carousel{display:block}@media screen and (min-width: 768px){image-grid-carousel .container-carousel{display:none}}image-grid-carousel .container-carousel .grid-image-slider .blaze-container .blaze-track-container .blaze-track .slide-container-image .image-grid-carousel-slide{width:100%}image-grid-carousel .container-carousel .grid-image-slider .blaze-container .blaze-track-container .blaze-pagination-grid-image{margin:2rem auto 0;width:fit-content;display:flex;gap:16px}image-grid-carousel .container-carousel .grid-image-slider .blaze-container .blaze-track-container .blaze-pagination-grid-image :is(button){width:1rem;height:1rem;display:block;border-radius:50%;border:1.14px solid var(--Dark-Blue, #232241);background-color:transparent;cursor:pointer;font-size:0;transition:all .3s ease-in-out}image-grid-carousel .container-carousel .grid-image-slider .blaze-container .blaze-track-container .blaze-pagination-grid-image :is(button).active{background:var(--Dark-Blue, #232241);width:4rem;height:1rem;border-radius:8px}:root{--font-size-title: clamp(2rem, 1.5vw, 3.2rem);--font-size-description: clamp(1.4rem, 1.5vw, 2rem)}text-image{display:grid;width:100%;background-color:var(--white);grid-template-columns:repeat(1,1fr);align-items:center;margin-block:var(--padding-block)}@media screen and (min-width: 768px){text-image{grid-template-columns:repeat(2,1fr)}}text-image .content-text{order:2;padding:5rem 3rem}@media screen and (min-width: 768px){text-image .content-text{order:1;padding:0;padding-left:5vw;padding-right:5rem;padding-top:2rem;padding-bottom:2rem}}text-image .content-text .content-text-container{width:100%;display:flex;flex-direction:column;gap:1.6rem}@media screen and (min-width: 768px){text-image .content-text .content-text-container{gap:2.4rem}}text-image .content-text .content-text-container .title{font-family:var(--font-secondary);font-size:var(--font-size-title);color:var(--coffee);font-weight:200;line-height:140%;letter-spacing:.2rem}text-image .content-text .content-text-container .description{width:100%;p {font-family: var(--font-primary); font-size: var(--font-size-description); color: var(--coffee); text-align: justify; font-weight: 300; line-height: 160%;}}text-image .container-image{order:1;width:100%}@media screen and (min-width: 768px){text-image .container-image{order:2;height:100%}}text-image .container-image .image-item{width:100%;height:100%;object-fit:cover;display:block}.title-testimonials{color:var(--orange);text-align:left;font-weight:300;margin:10px 0 30px;padding-top:0;font-size:clamp(2rem,1.5vw,3.2rem)}.title-testimonials.title-out{padding-top:80px}.title-testimonials.only-mobile{display:none}.title-testimonials.only-desktop{display:block}@media screen and (max-width: 768px){.title-testimonials.only-mobile{display:block;text-align:center}.title-testimonials.only-desktop{display:none}}@media screen and (max-width: 768px){body.index text-image.testimonials{margin-bottom:0;margin-top:30px}body.index text-image.testimonials .content-text{padding-bottom:13px}}text-image.testimonials{max-width:1100px;margin:0 auto;padding-block:clamp(5rem,6vw,9rem);display:grid;grid-template-columns:35% 1fr}@media screen and (max-width: 768px){text-image.testimonials{grid-template-columns:100%}}text-image.testimonials .content-text-container{position:relative;padding-right:80px;svg{position: absolute; top: -40px; right: 15px; -webkit-transform: scaleX(-1); transform: scaleX(-1); @media screen and (min-width: 768px) {top: 60px;}}}text-image.testimonials .content-text-container .description p{font-size:clamp(1.4rem,.937vw,1.8rem);font-weight:450;strong{font-weight: 600;}}text-image.testimonials .container-image{order:1;img{border-radius: 20px; @media screen and (max-width: 768px) {max-width: 85%; margin: 0 auto;}}}text-image.testimonials .content-text{order:2}@media screen and (max-width: 768px){text-image.testimonials .content-text{max-width:100%}text-image.testimonials .content-text .content-text-container{padding-right:24px;margin-top:19px;svg{position: absolute; top: 1px; right: -18px; -webkit-transform: scaleX(-1); transform: scaleX(-1); rotate: 2deg;}}}:root{--font-size-title: clamp(1.6rem, 1.5vw, 1.8rem);--font-size-description: clamp(1.6rem, 1.5vw, 2rem);--image-height: clamp(32rem, 30vw, 48rem);--font-size-pagination-number: clamp(1.8rem, 1.5vw, 2rem)}grid-articles{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6rem;max-width:var(--page-width);padding-block:var(--padding-block);margin:0 auto}grid-articles .grid-container{display:grid;grid-template-columns:repeat(1,1fr);gap:3.2rem;max-width:var(--page-width)}@media screen and (min-width: 576px){grid-articles .grid-container{grid-template-columns:repeat(2,1fr);gap:3.6rem}@media screen and (min-width: 768px){grid-articles .grid-container{grid-template-columns:repeat(4,1fr);gap:4rem}}}@media screen and (max-width: 979px){grid-articles .grid-container{width:100%}}grid-articles .grid-container .article-item{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1.2rem;min-width:100%}@media screen and (max-width: 979px){grid-articles .grid-container .article-item{gap:0}}grid-articles .grid-container .article-item .tags-list{list-style:none;display:flex;gap:10px;margin-bottom:5px;li{text-transform: uppercase; color: var(--coffee); font-size: clamp(1.4rem,1.5vw,2rem);}}@media screen and (min-width: 768px){grid-articles .grid-container .article-item{gap:0rem;min-width:313px}}grid-articles .grid-container .article-item .article-link{width:100%;aspect-ratio:3 / 3;display:block;overflow:hidden;position:relative;margin-bottom:20px}grid-articles .grid-container .article-item .article-link:hover .article-image{filter:brightness(.8)}grid-articles .grid-container .article-item .article-link .article-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.6rem;object-fit:cover;object-position:center;transition:all .7s ease-in-out}grid-articles .grid-container .article-item .content-article{display:flex;flex-direction:column;gap:.8rem}grid-articles .grid-container .article-item .content-article .link-title{text-decoration:none;cursor:pointer;width:fit-content}grid-articles .grid-container .article-item .content-article .link-title .title-article{font-family:var(--font-primary);font-weight:600;color:var(--coffee);font-size:var(--font-size-title);text-transform:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;transition:color .5s ease-in-out}grid-articles .grid-container .article-item .content-article .link-title .title-article:hover{color:var(--orange);text-decoration:underline}grid-articles .grid-container .article-item .content-article .link-description{text-decoration:none;cursor:pointer;width:fit-content;display:none}grid-articles .grid-container .article-item .content-article .link-description .description-article{font-family:var(--font-primary);font-weight:500;color:var(--coffee);font-size:var(--font-size-description);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;transition:color .5s ease-in-out;display:none}grid-articles .grid-container .article-item .content-article .link-description .description-article:hover{color:var(--orange);text-decoration:underline}grid-articles .pagination{display:flex;gap:4rem;align-items:center}grid-articles .pagination .pagination__numbers{display:flex;align-items:center;gap:2rem}grid-articles .pagination .pagination__numbers .pagination__number{font-family:var(--font-primary);font-size:var(--font-size-pagination-number);color:var(--gray);font-weight:400;text-decoration:none}grid-articles .pagination .pagination__numbers .pagination__number:not(.pagination__number--current){cursor:pointer;transition:color .5s ease-in-out}grid-articles .pagination .pagination__numbers .pagination__number:not(.pagination__number--current):hover{color:var(--orange)}grid-articles .pagination .pagination__numbers .pagination__number--current{font-family:var(--font-primary);font-size:var(--font-size-pagination-number);color:var(--coffee);font-weight:600}grid-articles .pagination .pagination__arrow{display:flex;align-items:center;justify-content:center;svg {width: .8rem; height: 1.4rem;}}grid-articles .pagination .pagination__arrow:not(.pagination__arrow--disabled){cursor:pointer;svg {path {transition: all .5s ease-in-out;}} &:hover {svg {path {stroke: var(--orange);}}}}grid-articles .pagination .pagination__arrow--disabled{svg {path {stroke: var(--gray);}}}grid-articles .load-more-btn{border:none;background-color:var(--orange);color:#fff;padding:11px 32px;font-size:clamp(1.4rem,1.5vw,1.8rem);font-family:var(--font-primary);border-radius:22px;cursor:pointer}grid-articles .loader{display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--font-size-title-article: clamp(2.2rem, 1.5vw, 4rem);--font-size-date-author-article: clamp(1.4rem, 1.5vw, 1.5rem);--font-size-content-article: clamp(1.4rem, 1.5vw, 1.8rem)}post-blog{display:flex;margin:clamp(8rem,10vw,6.5rem) auto 0 auto;padding-block:var(--padding-block);max-width:var(--page-width);flex-direction:column}post-blog .post-header{display:flex;flex-direction:column;gap:2.4rem;align-items:center;justify-content:center;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}@media screen and (min-width: 768px){post-blog .post-header{gap:4rem}}post-blog .post-header .tags-list{display:flex;list-style:none;gap:17px;li a,li{text-decoration: none; color: var(--coffee); text-transform: uppercase; font-size: clamp(1.4rem,1.5vw,1.7rem); padding-bottom: 8px;}}post-blog .post-header .post-content-header{max-width:var(--page-width);width:100%;padding-inline:var(--page-padding);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}@media screen and (min-width: 768px){post-blog .post-header .post-content-header{gap:1.3rem}}post-blog .post-header .post-content-header .post-title{font-size:3rem;color:var(--orange);font-weight:700;text-align:center}@media screen and (max-width: 768px){post-blog .post-header .post-content-header .post-title{font-size:2.2rem}}post-blog .post-header .post-content-header .container-date-author{display:flex;align-items:center;gap:1.4rem}@media screen and (min-width: 768px){post-blog .post-header .post-content-header .container-date-author{gap:2rem}}post-blog .post-header .post-content-header .container-date-author .post-time,post-blog .post-header .post-content-header .container-date-author .post-author{color:var(--coffee);font-size:var(--font-size-date-author-article);font-weight:400;text-align:center;text-transform:uppercase}post-blog .post-header .post-content-header .container-date-author .post-author{display:none}post-blog .post-header .post-featured-image{width:100%}@media screen and (max-width: 767px){post-blog .post-header .post-featured-image{height:384px}post-blog .post-header .post-featured-image .post-image{height:100%}}post-blog .post-header .post-featured-image .post-image{width:100%;display:block;object-fit:cover;max-height:75rem}post-blog .post-content{font-family:var(--font-primary);color:var(--coffee);font-size:var(--font-size-content-article);text-align:justify;font-weight:400;line-height:160%;padding-block:var(--padding-block);max-width:85%;margin:0 auto;a{text-decoration: underline; color: var(--coffee);} img{margin-top: 30px;} .image-wrapper {display: flex; flex-direction: column; gap: 2rem; @media screen and (min-width: 768px) {flex-direction: row; flex-wrap: wrap; gap: 3rem; &:has(img:only-child) {img {width: 100%;}} &:has(img:first-child:nth-last-child(2)) {img {width: calc(50% - 1.5rem);}} &:has(img:first-child:nth-last-child(3)) {img {width: calc(33.333% - 2rem);}}} img {width: 100%; max-width: 100%; object-fit: cover;}}}@media screen and (max-width: 768px){post-blog .post-content{padding-top:33px}}:root{--cart-title: clamp(1.8rem, 2vw, 2.2rem);--cart-subtotal: clamp(1.4rem, 2vw, 1.8rem);--cart-shipping: clamp(1.2rem, 2vw, 1.4rem);--cart-go-to-checkout: clamp(1.4rem, 2vw, 1.4rem);--cart-empty-title: clamp(2rem, 2vw, 2.2rem);--cart-empty-subtitle: clamp(1.4rem, 2vw, 1.6rem)}cart-drawer{display:block}cart-drawer .cart_drawer__content{display:none;background:#fff;width:90vw;max-width:70.8rem;position:fixed;top:0;right:0;z-index:9999999;transform:translate(100%);animation:cartDrawerExit .3s ease-in-out forwards;height:100%;padding:3rem 1.4rem;overflow-y:auto;flex-direction:column;cart-related-products {display: none;} .cart_body {.cart_heading {margin-bottom: 1.7rem; .cart_heading__title_close {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.6rem; .cart_title {color: var(--coffee); font-size: var(--cart-title); font-weight: 500; text-transform: uppercase;} :is(svg) {cursor: pointer;}} .progress_bar__container {.progress_span{font-size: 1.3rem; color: var(--coffee);} .progress_bar {width: 100%; height: .6rem; background: var(--light-coffee); margin-bottom: .3rem; border-radius: 5px; overflow: hidden; .progress {transition: .6s ease; height: 100%; background: var(--orange); border-radius: 10px;}}}} .cart_products {min-height: clamp(13rem,28vh,28.7rem); max-height: clamp(13rem,28vh,28.7rem); width: 100%; overflow-y: auto; display: flex; flex-direction: column; gap: clamp(0rem,2vw,0rem); border-bottom: 1px solid var(--light-coffee); margin-bottom: 2.4rem; position: relative; .container_signature{display: flex; margin-bottom: 17px;} .signature-title{color: var(--green); font-size: 1.7rem; font-weight: 400; display: inline-block;} .tag-signature{background-color: var(--green); color: var(--white); display: inline-block; text-transform: capitalize; display: flex; margin-left: 5px; border-radius: 12px; font-size: 1.3rem; padding: 3px 17px; margin-bottom: 12px;} #cart_products_loader {width: 100%; height: 100%; backdrop-filter: blur(2px); position: absolute; z-index: 2; opacity: 0; display: none; align-items: flex-start; justify-content: center; animation: opacityLoadingExit .5s forwards; &[active] {animation: opacityLoadingEntry .5s forwards; opacity: 1; display: flex; position: fixed;}} @media screen and (min-height: 830px) {min-height: 34rem; max-height: 34rem;} @media screen and (min-width: 768px) {min-height: clamp(20rem,50vh,45rem); max-height: clamp(20rem,50vh,45rem); @media screen and (max-height: 820px) {min-height: clamp(20rem,34vh,50.1rem); max-height: clamp(20rem,34vh,50.1rem);} @media screen and (max-height: 880px) {min-height: clamp(20rem,42vh,50.1rem); max-height: clamp(20rem,42vh,50.1rem);}} &::-webkit-scrollbar {width: 3px;} &::-webkit-scrollbar-track {background: transparent;} &::-webkit-scrollbar-thumb {background-color: var(--coffee); border-radius: 10px; border: 3px solid transparent;} &::-webkit-scrollbar-thumb:hover {background: var(--dark-blue, .8);}} .shipping__container {margin-top: 2.4rem;} .cart_footer {display: flex; flex-direction: column; margin-top: 2rem; .cart_subtotal {margin-bottom: 1rem;} .cart_subtotal,.cart_shipping_value {display: flex; align-items: center; justify-content: space-between; .cart_subtotal_title,.cart_subtotal_price {color: var(--coffee); font-size: var(--cart-subtotal); font-weight: 600; text-transform: uppercase;} .cart_shipping_title,.cart_shipping_price {color: var(--coffee); font-size: var(--cart-shipping); font-weight: 400;}} .go_to_checkout {margin-block: 2.3rem 1.4rem; display: flex; justify-content: center; align-items: center; width: 100%; background: var(--orange); text-transform: none; border: none; font-size: var(--cart-go-to-checkout); padding: 1.2rem 2.4rem; font-family: var(--font-parfait); color: var(--white); text-decoration: none; font-weight: 600; transition: .3s ease color; border-radius: 22px;} .continue_shopping,.ver_cart {text-align: center; color: var(--coffee); font-size: var(--cart-go-to-checkout); font-weight: 500; line-height: 140%; cursor: pointer; text-decoration: none; @media screen and (max-width: 768px) {display: none;}}} cart-related-products {display: block;} @media screen and (min-width: 768px) {cart-related-products {display: none;}}} @media screen and (min-width: 768px) {width: 60vw; flex-direction: row-reverse; gap: 2.6rem; .cart_body {flex-grow: 1;} cart-related-products {display: flex;}} &::-webkit-scrollbar {width: 3px;} &::-webkit-scrollbar-track {background: transparent;} &::-webkit-scrollbar-thumb {background-color: var(--coffee); border-radius: 10px; border: 3px solid transparent;} &::-webkit-scrollbar-thumb:hover {background: var(--dark-blue, .8);}}cart-drawer:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:10000;visibility:hidden;opacity:0;animation:cartDrawerOverlayExit .3s ease-in-out forwards}cart-drawer[open] .cart_drawer__content{animation:cartDrawerEntry .3s ease-in-out forwards;display:flex;transform:translate(0)}cart-drawer[open]:before{animation:cartDrawerOverlayEntry .3s ease-in-out forwards;visibility:visible;opacity:1}cart-drawer:has(.cart_empty_title){cart-related-products {display: none;}}cart-drawer:has(.cart_empty_title) .cart_body{discount-coupon {display: none;} .cart_add_cupom {display: none;} .cart_footer {display: none;}}cart-drawer:has(.cart_empty_title) .cart_body .cart_heading .progress_bar__container{display:none}cart-drawer:has(.cart_empty_title) .cart_body .cart_products{height:90%;max-height:100%;border-bottom:none;display:flex;align-items:center;justify-content:center;gap:0}cart-drawer:has(.cart_empty_title) .cart_body .cart_products .cart_empty_title{color:var(--coffee);text-align:center;font-size:var(--cart-empty-title);font-weight:500;text-transform:uppercase}cart-drawer:has(.cart_empty_title) .cart_body .cart_products .cart_empty_subtext{color:var(--gray);text-align:center;font-size:var(--cart-empty-subtitle);font-weight:400;margin-top:1rem;max-width:30.3rem}cart-drawer:has(.cart_empty_title) .cart_body .cart_products .btn-link{margin-top:clamp(2.4rem,2vw,3.2rem);background:var(--coffee)}cart-drawer:has(.cart_empty_title) .cart_body .shipping__container{display:none}@keyframes cartDrawerEntry{0%{transform:translate(100%);display:none}1%{transform:translate(100%);display:flex}to{transform:translate(0)}}@keyframes cartDrawerExit{0%{transform:translate(0);display:flex}99%{transform:translate(100%);display:flex}to{transform:translate(100%);display:none}}@keyframes cartDrawerOverlayEntry{0%{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}@keyframes cartDrawerOverlayExit{0%{visibility:visible;opacity:1}99%{visibility:visible;opacity:0}to{visibility:hidden;opacity:0}}:root{--cart-item-title: clamp(1.4rem, 2vw, 1.6rem);--cart-quantity: clamp(1.2rem, 2vw, 1.4rem)}.cart_item__container{display:flex;align-items:center;gap:1.6rem;position:relative;flex-wrap:wrap;border-radius:14px;padding:12px}.cart_item__container .single-buy{color:#cb7131;font-weight:400;width:100%;font-size:1.6rem;border-top:1px solid var(--coffee);padding-top:12px}.cart_item__container .btn-signature{display:flex;margin-left:auto;width:100%;clear:both;text-align:right;justify-content:flex-end;text-decoration:none;margin-top:-12px;border:none;cursor:pointer;background-color:transparent}.cart_item__container .btn-signature[disabled]{opacity:.3}@media screen and (max-width: 979px){.cart_item__container .btn-signature{margin-top:-45px;margin-right:10px}}.cart_item__container .btn-signature span{font-size:14px}.cart_item__container .btn-signature span.lbl_signature{color:var(--green);font-size:1rem;padding:2px 8px 0 0}.cart_item__container .btn-signature span.lbl_single_buy{background-color:#cb7131;color:var(--white);font-size:1rem;border-radius:15px;padding:3px 18px;margin-right:10px;display:flex;align-items:center}@media screen and (max-width: 979px){.cart_item__container .btn-signature span.lbl_single_buy{font-size:.9rem}}.cart_item__container .cart-item__signature{display:flex;color:#fff;justify-content:space-between;font-size:16px}.cart_item__container .switch-signature{width:50px;height:20px;border-radius:10px;background:#B4B4B4;position:relative;display:block}.cart_item__container .switch-signature:before{content:"";background-color:#fff;border:1px solid #B4B4B4;width:20px;height:20px;border-radius:100%;position:absolute;left:0;top:0;display:block}.cart_item__container .btn-signature .switch-signature.off{width:43px;height:20px;border-radius:10px;background:var(--white);border:1px solid #CB7131;position:relative;display:block}.cart_item__container .btn-signature .switch-signature.off:before{content:"";background-color:#cb7131;border:1px solid #CB7131;width:17px;height:17px;border-radius:100%;position:absolute;left:0;top:0;display:block}.cart_item__container .btn-signature .switch-signature{width:43px;height:18px;border-radius:10px;background:var(--green);position:relative;display:block}.cart_item__container .btn-signature .switch-signature:before{content:"";background-color:#fff;border:1px solid #B4B4B4;width:16px;height:16px;border-radius:100%;position:absolute;display:block;left:inherit;right:0;top:0}@media screen and (max-width: 330px){.cart_item__container{gap:1rem}}@media screen and (max-width: 300px){.cart_item__container{gap:.4rem}}@media screen and (min-width: 768px){.cart_item__container{padding:clamp(1rem,2vw,1.4rem);margin-right:clamp(1rem,2vw,2.3rem)}}.cart_item__container .cart_item__image{max-width:9rem;max-height:10rem;width:100%;height:100%;object-fit:cover}@media screen and (max-width: 330px){.cart_item__container .cart_item__image{max-width:7rem;max-height:8rem}}@media screen and (max-width: 979px){.cart_item__container .cart_item__image{max-width:67px}}.cart_item__container .cart_item__content .cart_item_title{color:var(--coffee);font-weight:500;text-decoration:none}.cart_item__container .cart_item__content .cart_item_title :is(h2){font-size:var(--cart-item-title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:.8rem;max-width:40vw}@media screen and (min-width: 768px){.cart_item__container .cart_item__content .cart_item_title :is(h2){max-width:20rem}}.cart_item__container .cart_item__content .price_variants{display:flex;align-items:center}.cart_item__container .cart_item__content .price_variants .cart_item_price{padding-right:.5rem;font-size:clamp(1.2rem,2vw,1.2rem)}.cart_item__container .cart_item__content .price_variants .cart_item_variants{list-style-type:none;display:flex;align-items:center;font-size:clamp(1rem,2vw,1.2rem);margin-left:.5rem;display:none}.cart_item__container .cart_item__content .cart_item_quantity{display:flex;align-items:center;margin-top:1.6rem}.cart_item__container .cart_item__content .cart_item_quantity .minus_cart,.cart_item__container .cart_item__content .cart_item_quantity .plus_cart{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--gray);cursor:pointer;border-radius:100%;transition:.3s;border-color:#cb7131}.cart_item__container .cart_item__content .cart_item_quantity .minus_cart :is(svg) :is(path),.cart_item__container .cart_item__content .cart_item_quantity .plus_cart :is(svg) :is(path){transition:.3s;fill:var(--coffee)}.cart_item__container .cart_item__content .cart_item_quantity .cart_item__quantity_text{max-width:2.2rem;width:100%;display:block;text-align:center;font-family:var(--font-secondary);font-size:var(--cart-quantity);color:var(--coffee);font-weight:400;line-height:1.6rem;margin-inline:.2rem}.cart_item__container .cart_item__content .cart_item_quantity .cart_item__quantity_text:focus{outline:none}.cart_item__container .cart_remove_icon{align-self:flex-start;margin-left:auto;margin-right:.3rem;cursor:pointer}@media screen and (min-width: 768px){.cart_item__container .cart_remove_icon{margin-right:0}}@media screen and (max-width: 768px){.cart_item__container .cart_remove_icon{position:absolute;top:12px;right:8px}}.cart_item__container .cart_remove_icon :is(svg){width:clamp(1.6rem,2vw,2rem);height:clamp(1.6rem,2vw,2rem)}.cart_item__container.is_signature{background-color:var(--light-green);order:1;margin-top:-20px;padding-bottom:25px}.cart_item__container.is_signature .cart_item__content .cart_item_title :is(h2){color:var(--green)}.cart_item__container.is_signature .cart_item_price .price{color:var(--green);font-weight:700}.cart_item__container.is_signature .cart_item_price .price_single_buy{text-decoration:line-through;color:var(--coffee);opacity:.7}.cart_item__container.is_signature .cart_item_quantity .minus_cart,.cart_item__container.is_signature .cart_item_quantity .plus_cart{border-color:var(--green)}.cart_item__container .label-descount{background-color:var(--green);border-radius:18px;padding:4px 15px;color:var(--white);font-size:1rem;margin-left:3px}.cart_item__container:not(.is_signature){order:2}@media screen and (max-width: 979px){.cart_item__container:not(.is_signature) .cart_remove_icon{top:23px}.cart_item__container:not(.is_signature) .btn-signature{margin-top:-5px}}:root{--cart-related-product-title: clamp(1.4rem , 2vw, 1.6rem);--cart-related-product-name: clamp(1rem, 2vw, 1.1rem);--cart-related-product-price: clamp(1rem, 2vw, 1.2rem);--cart-related-product-add: clamp(1.2rem, 2vw, 1.2rem)}cart-related-products{display:block}cart-related-products .cart_related_products__content{display:flex;flex-direction:column;justify-content:flex-start}cart-related-products .cart_related_products__content .related_products_title{color:var(--coffee);font-size:var(--cart-related-product-title);font-weight:500;text-transform:uppercase}@media screen and (min-width: 768px){cart-related-products .cart_related_products__content .related_products_title{text-align:center}}cart-related-products .cart_related_products__content .cart_related_carousel{margin-top:1.2rem;display:flex;max-width:100%;overflow:auto}@media screen and (min-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel{flex-direction:column;gap:2.1rem;border-right:1px solid var(--light-coffee);padding-inline:clamp(1rem,2vw,4rem);flex-grow:1}}cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container{min-width:21rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem}@media screen and (min-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container{flex-direction:column;min-width:auto;max-width:clamp(10rem,10vw,15.2rem)}}cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product_image{max-width:7.4rem;max-height:8.1rem;width:100%;height:100%}@media screen and (min-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product_image{max-width:15.2rem;max-height:16.4rem}}cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content{display:flex;flex-direction:column;justify-content:space-evenly;height:100%}@media screen and (min-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content{align-items:center}}cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_title{font-size:var(--cart-related-product-name);color:var(--coffee);font-weight:600}@media screen and (min-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_title{text-align:center}}cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_price{font-size:var(--cart-related-product-price);color:var(--coffee);font-weight:400}@media screen and (min-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_price{margin-block:.8rem 1.2rem 0 1.2rem;text-align:center}}cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_add{font-size:var(--cart-related-product-add);color:var(--orange);font-weight:700;text-transform:none;border:1px solid var(--orange);border-radius:18px;padding:6px 25px}cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_add.mobile-btn-add{display:none}@media screen and (max-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_add.mobile-btn-add{display:block}}@media screen and (max-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .cart_related_product__container .cart_related_product__content .cart_related_product_add{padding:8px 0;text-align:center;background:none;margin:5px 0 0;font-size:1.1rem}}cart-related-products .cart_related_products__content .cart_related_carousel .related_product_section_add{display:block;button{background: none; border: 1px solid var(--orange); color: var(--orange); border-radius: 22px; padding: 1rem 2.7rem; font-weight: 550; font-size: clamp(1.3rem,2vw,1.4rem); cursor: pointer;}}@media screen and (max-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel .related_product_section_add{display:none}}@media screen and (max-width: 768px){cart-related-products .cart_related_products__content .cart_related_carousel::-webkit-scrollbar{display:none}}cart-related-products .cart_related_products__content .cart_related_carousel::-webkit-scrollbar{width:3px}cart-related-products .cart_related_products__content .cart_related_carousel::-webkit-scrollbar-track{background:transparent}cart-related-products .cart_related_products__content .cart_related_carousel::-webkit-scrollbar-thumb{background-color:var(--coffee);border-radius:10px;border:3px solid transparent}cart-related-products .cart_related_products__content .cart_related_carousel::-webkit-scrollbar-thumb:hover{background:var(--dark-blue, .8)}cart-related-products .cart_related_products__content :is(a){color:transparent;text-decoration:none;text-align:unset}.shipping__container{display:flex;flex-direction:column;justify-content:flex-start;gap:.8rem}.shipping__container .shipping__heading .shipping__heading_btn .minus_cart-top,.shipping__container .shipping__heading.active .shipping__heading_btn .plus_cart-top{display:none}.shipping__container .shipping__heading.active .shipping__heading_btn .minus_cart-top{display:block}.shipping__container .shipping__heading_btn{display:flex;align-items:center;text-transform:none;gap:1rem;color:var(--coffee);cursor:pointer}.shipping__container .shipping__title{color:var(--coffee);font-size:clamp(1.4rem,2vw,1.4rem);font-weight:500}.shipping__container .shipping__heading_btn{svg{width: clamp(1rem,2vw,1.2rem); height: clamp(1rem,2vw,1.2rem);}}.shipping__container .shipping__form{display:flex;overflow:hidden;transition:.3s all}.shipping__container .shipping__form[closed]{height:0}.shipping__container .shipping__form[closed]+.shipping__response{display:none}.shipping__container .shipping__form .shipping__input-wrapper{display:flex;width:100%;border:1px solid var(--orange);border-radius:10rem;width:fit-content;overflow:hidden}.shipping__container .shipping__form :is(input){color:var(--coffee);font-size:clamp(1.2rem,2vw,1.4rem);font-weight:400;padding:.5rem 1rem;text-transform:uppercase;border:none;font-family:var(--font-primary);transition:.3s border;min-width:0px;border-top-left-radius:22px;border-bottom-left-radius:22px}.shipping__container .shipping__form :is(input):focus{outline:none;background-color:#00000006}.shipping__container .shipping__form .shipping_submit{max-width:4.6rem;width:100%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:var(--white);text-transform:uppercase;font-family:var(--font-primary);transition:.3s color ease;cursor:pointer;border:none;border-left:1px solid var(--orange)}.shipping__container .shipping__form .shipping_submit:hover{background:var(--orange);opacity:.8}.shipping__container .shipping__form .shipping_submit.loading{opacity:.7;cursor:not-allowed}.shipping__container .shipping__response{margin-top:1rem}.shipping__container .shipping__response:empty{display:none}.shipping__container .shipping__response .shipping__rates{list-style:none;padding:0;li {margin-bottom: .8rem; color: var(--coffee); font-size: clamp(1.2rem,2vw,1.4rem); span {display: block; &:first-child {font-weight: 600;}}}}.shipping__container .shipping__response .shipping__error{color:var(--error-color, #ff0000);font-size:clamp(1.2rem,2vw,1.4rem)}:root{--font-size-title-form-account-acess: clamp(2rem, 1.5vw, 2.8rem);--font-size-label-form-account-acess: clamp(1.4rem, 1.5vw, 1.6rem);--font-size-label-placeholder-form-account-acess: clamp(1.2rem, 1.5vw, 1.4rem);--font-size-input-item-form-account-acess: clamp(1.4rem, 1.5vw, 1.6rem);--font-size-link-recover-form-account-acess: clamp(1.2rem, 1.5vw, 1.4rem);--font-size-button-submit-form-account-acess: clamp(1.4rem, 1.5vw, 1.6rem);--font-size-link-create-account-form-account-acess: clamp(1.4rem, 1.5vw, 1.4rem);--font-size-reset-password-text-form-account-acess: clamp(1.2rem, 1.5vw, 1.6rem);--color-error: #ff0000}account-access{display:flex;padding-block:var(--padding-block);max-width:var(--page-width);margin:clamp(8rem,10vw,12.5rem) auto 0 auto;width:100%}@media screen and (min-width: 550px){account-access{max-width:48rem}}account-access .account-acess-login{width:100%;form {display: flex; flex-direction: column; gap: 3rem; align-items: center; h2{color: var(--orange);} @media screen and (min-width: 768px) {gap: 2.4rem;} .form-error {display: flex; align-items: center; gap: 1.2rem; svg {width: 2rem; height: 2rem;} .errors {ul {list-style: none; li {font-size: var(--font-size-label-form-account-acess); color: var(--color-error); font-family: var(--font-primary); font-weight: 500; text-align: center;}}}} .container-heading {display: flex; flex-direction: column; gap: 1rem; .title {font-size: var(--font-size-title-form-account-acess); color: var(--orange); font-family: var(--font-primary); text-transform: uppercase; font-weight: 600; text-align: center;} .text-reset-password {font-size: var(--font-size-reset-password-text-form-account-acess); color: var(--coffee); font-family: var(--font-primary); font-weight: 400; text-align: center; width: 100%;}} .container-fields {display: flex; flex-direction: column; gap: 2.4rem; width: 100%; @media screen and (min-width: 768px) {gap: 2.8rem;} .form-field {display: flex; flex-direction: column; gap: .8rem; width: 100%; @media screen and (min-width: 768px) {gap: 1rem;} :is(label) {font-size: var(--font-size-label-form-account-acess); color: var(--coffee); font-family: var(--font-primary); font-weight: 500;} .input-item {padding: 1rem 1.4rem 1rem 1.4rem; border: .1rem solid var(--light-coffee); font-size: var(--font-size-input-item-form-account-acess); color: var(--coffee); font-family: var(--font-primary); font-weight: 500; border-radius: 22px; @media screen and (min-width: 768px) {padding: 1.2rem 1.4rem 1.2rem 1.4rem;} &:focus-visible {outline: none;} &::placeholder {font-size: var(--font-size-label-placeholder-form-account-acess); color: var(--coffee); font-family: var(--font-primary); font-weight: 300;}} .link-recover {text-decoration: none; font-size: var(--font-size-link-recover-form-account-acess); font-family: var(--font-primary); color: var(--orange); font-weight: 400; transition: color .5s ease; width: fit-content; &:hover {color: var(--orange);}} .container-input-password {width: 100%; position: relative; border-radius: 22px; input {width: 100%; position: relative; border-radius: 22px;} .icon-password-reveal {position: absolute; right: 1.2rem; top: 50%; transform: translateY(-50%); cursor: pointer; display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; overflow: hidden; svg{path{stroke: var(--orange);}}} .icon-password-reveal::before {content: ""; position: absolute; width: 2.2rem; height: .2rem; background: var(--coffee); top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg) scaleX(0); transform-origin: center; transition: transform .5s ease;} .icon-password-reveal.active::before {transform: translate(-50%,-50%) rotate(45deg) scaleX(1);}}}} .container-buttons {display: flex; flex-direction: column; align-items: center; gap: 1.6rem; @media screen and (min-width: 768px) {gap: 2rem;} .form-actions {.btn-submit {background-color: var(--orange); font-size: var(--font-size-button-submit-form-account-acess); color: var(--white); font-family: var(--font-primary); padding: 1rem 2.4rem; font-weight: 600; width: 16rem; border: none; cursor: pointer; border-radius: 22px; text-transform: none; transition: color .5s ease; @media screen and (min-width: 768px) {padding: 1.4rem 2.4rem; width: 18rem;} &:hover {color: var(--white);}}} .link-create-account {font-size: var(--font-size-link-create-account-form-account-acess); font-family: var(--font-primary); color: var(--orange); font-weight: 500; text-decoration: none; text-align: center; width: fit-content; cursor: pointer; transition: color .5s ease; &:hover {color: var(--orange);}}}}}discount-coupon{display:flex;margin-top:1.2rem;flex-direction:column;position:relative;transition:.3s all}discount-coupon .discount_coupon__heading .discount_coupon__heading_btn .minus_cart-top,discount-coupon .discount_coupon__heading.active .discount_coupon__heading_btn .plus_cart-top{display:none}discount-coupon .discount_coupon__heading.active .discount_coupon__heading_btn .minus_cart-top{display:block}discount-coupon .discount_coupon__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}discount-coupon .discount_coupon__heading .discount_coupon__heading_btn{display:flex;align-items:center;text-transform:none;gap:1rem;color:var(--coffee);cursor:pointer;font-size:clamp(1.4rem,2vw,1.3rem)}discount-coupon .discount_coupon__heading .discount_coupon__heading_btn :is(svg){width:clamp(1rem,2vw,1.2rem);height:clamp(1rem,2vw,1.2rem)}discount-coupon .discount_coupon__heading .discount_coupon__error,discount-coupon .discount_coupon__heading .discount_coupon__success{font-size:clamp(1rem,2vw,1.2rem);color:var(--coffee)}discount-coupon .discount_coupon__form{display:flex;overflow:hidden;transition:.3s all;margin-top:8px}discount-coupon .discount_coupon__form[closed]{height:0}discount-coupon .discount_coupon__form .discount_coupon__input{color:var(--coffee);font-size:clamp(1.2rem,2vw,1.2rem);font-weight:400;padding:.5rem 1rem;text-transform:uppercase;border:none;border-top:1px solid var(--light-coffee);border-bottom:1px solid var(--light-coffee);border-left:1px solid var(--light-coffee);font-family:var(--font-primary);transition:.3s border;min-width:0px;border-top-left-radius:22px;border-bottom-left-radius:22px}discount-coupon .discount_coupon__form .discount_coupon__input::placeholder{text-transform:uppercase}discount-coupon .discount_coupon__form .discount_coupon__input:focus{outline:none;border:1px solid var(--coffee);border-right:none}discount-coupon .discount_coupon__form .discount_coupon__button{border:none;max-width:4.6rem;width:100%;background:var(--orange);display:flex;align-items:center;justify-content:center;color:var(--white);text-transform:uppercase;font-family:var(--font-primary);transition:.3s color ease;cursor:pointer;border-top-right-radius:22px;border-bottom-right-radius:22px}discount-coupon .discount_coupon__form .discount_coupon__button.loading{opacity:.7;cursor:not-allowed}discount-coupon .discount_coupon__error:empty,discount-coupon .discount_coupon__success:empty,discount-coupon .discount_coupon__applied:empty{display:none}discount-coupon .applied_coupon{font-size:clamp(1.2rem,2vw,1.6rem);margin-top:.8rem;text-transform:uppercase}discount-coupon .applied_coupon .remove-coupon{background:none;border:none;color:var(--orange);cursor:pointer;text-decoration:none;font-size:1.2rem;margin-left:.4rem}discount-coupon .applied_coupon .remove-coupon:hover{text-decoration:underline}:root{--wishlist-empty-title: clamp(2rem, 2vw, 2.4rem);--wishlist-empty-text: clamp(1.4rem, 2vw, 1.8rem)}wishlist-grid{display:block;max-width:var(--page-width);margin-inline:auto;position:relative;padding-block:var(--padding-block)}wishlist-grid .wishlist-grid-container{position:relative}wishlist-grid .wishlist-grid-container:has(.wishlist-grid__content:empty) .wishlist-empty__content{display:flex}wishlist-grid .wishlist-grid-container:has(.wishlist-grid__content:empty) .wishlist-grid__content{display:none}wishlist-grid .wishlist-grid-container .wishlist-grid__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:clamp(1.4rem,5vw,10rem);justify-items:flex-start;product-card {max-width: 100%; .icon-wishlist {&.enable {display: flex;}}} @media screen and (min-width: 480px) {grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));} @media screen and (min-width: 768px) {grid-template-columns: repeat(auto-fill,minmax(23rem,1fr));} @media screen and (min-width: 1280px) {grid-template-columns: repeat(auto-fill,minmax(15vw,1fr));}}wishlist-grid .wishlist-grid-container .wishlist-empty__content{display:none;align-items:center;flex-direction:column;justify-content:center;gap:1.6rem;text-align:center;padding:4rem 2rem}wishlist-grid .wishlist-grid-container .wishlist-empty__content .wishlist-empty__title{color:var(--coffee);font-family:var(--font-primary);font-size:var(--wishlist-empty-title, clamp(2rem, 2vw, 2.4rem));font-weight:500;line-height:1.2}wishlist-grid .wishlist-grid-container .wishlist-empty__content .wishlist-empty__text{color:var(--coffee);font-family:var(--font-primary);font-size:var(--wishlist-empty-text, clamp(1.4rem, 2vw, 1.8rem));font-weight:400;line-height:1.5}wishlist-grid .wishlist-grid-container .wishlist-empty__content .wishlist-empty__button{background:var(--coffee);border:1px solid var(--coffee);color:var(--white);transition:.3s all;min-width:clamp(16.5rem,13vw,21.3rem);display:flex;justify-content:center;padding:1rem 2rem;text-decoration:none;font-weight:500}wishlist-grid .wishlist-grid-container .wishlist-empty__content .wishlist-empty__button:hover{color:var(--orange);border-color:var(--orange)}wishlist-grid .loader_container{display:flex;justify-content:center;align-items:center;opacity:0;transition:all .2s ease-in-out;position:absolute;top:0;bottom:0;right:0;left:0;z-index:2;background-color:#fffc;display:none;animation:opacityExit .3s ease-in-out forwards}wishlist-grid .loader_container.loader_container--active{display:flex;opacity:1;animation:opacityEntry .3s ease-in-out forwards}wishlist-grid .loader_container .loader{width:50px;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#ffa516);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation:l13 1s infinite linear}@keyframes l13{to{transform:rotate(1turn)}}@keyframes opacityEntry{0%{opacity:0;display:none}1%{opacity:0;display:flex}to{opacity:1}}@keyframes opacityExit{0%{opacity:1;display:flex}99%{opacity:0;display:flex}to{display:none}}.search_text__container{margin-top:clamp(8rem,10vw,12.5rem);padding-top:clamp(3rem,5vw,6rem);max-width:var(--page-width);margin-inline:auto}.search_text__container .search_text_title{color:var(--coffee);font-size:clamp(1.8rem,2vw,2.4rem);font-weight:400;margin-bottom:clamp(1.6rem,2vw,2.4rem)}:root{--main-page-title: clamp(2.4rem, 3vw, 3.6rem);--main-page-content: clamp(1.6rem, 2vw, 1.8rem)}.main-page-container{display:flex;flex-direction:column;gap:2.8rem;max-width:var(--page-width);margin:0 auto;padding-block:var(--padding-block);margin-top:clamp(8rem,10vw,12.5rem)}.main-page-container .main-page-title{color:var(--coffee);font-family:var(--font-primary);font-size:var(--main-page-title);font-style:normal;font-weight:500;line-height:160%}.main-page-container .main-page-content{color:var(--coffee);font-family:var(--font-primary);font-size:var(--main-page-content);font-style:normal;font-weight:400;line-height:160%}:root{--main-404-title: clamp(2.4rem, 5vw, 3.2rem);--main-404-subtitle: clamp(2rem, 2.4vw, 2.8rem);--main-404-text: clamp(1.2rem, 2.4vw, 1.8rem);--main-404-button: clamp(1.4rem, 2.4vw, 1.6rem)}.main-404{max-width:var(--page-width);margin:0 auto;padding-block:var(--padding-block);margin-top:clamp(8rem,10vw,12.5rem)}.main-404 .main-404__container .main-404__content{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.main-404 .main-404__container .main-404__content .main-404__title{color:var(--orange);text-align:center;font-family:var(--font-primary);font-size:var(--main-404-title);font-style:normal;font-weight:600;line-height:normal;letter-spacing:.32rem}.main-404 .main-404__container .main-404__content .main-404__subtitle{color:var(--orange);text-align:center;font-family:var(--font-primary);font-size:var(--main-404-subtitle);font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}.main-404 .main-404__container .main-404__content .main-404__text{color:var(--coffee);text-align:center;font-family:var(--font-primary);font-size:var(--main-404-text);font-style:normal;font-weight:300;line-height:normal}.main-404 .main-404__container .main-404__content .main-404__button{padding:1.4rem 3rem;background:var(--orange);color:var(--white);font-family:var(--font-primary);font-size:var(--main-404-button);text-decoration:none;font-style:normal;font-weight:600;line-height:normal;margin-top:2rem;border-radius:30px}cart-section{display:flex;flex-direction:column;max-width:var(--page-width);margin-inline:auto;margin-top:6rem;max-width:1200px}@media screen and (min-width: 768px){cart-section{margin-top:clamp(8rem,10vw,12.5rem)}}@media screen and (min-width: 1600px){cart-section{max-width:1520px}}cart-section .cart_section_title{font-size:2rem;text-transform:uppercase;color:var(--coffee);margin-top:20px}cart-section .cart_section__content{display:flex;flex-direction:column;margin-top:4rem}@media screen and (min-width: 900px){cart-section .cart_section__content{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(10rem,11vw,17.8rem)}}cart-section .cart_section__content .cart_section_products__container{display:flex;flex-direction:column;gap:clamp(1.2rem,2vw,3.35rem);padding-bottom:3.2rem;border-bottom:var(--light-coffee) solid 1px;max-height:40vh;overflow-y:auto;position:relative}@media screen and (min-width: 768px){cart-section .cart_section__content .cart_section_products__container{max-height:54.6rem;height:fit-content}}cart-section .cart_section__content .cart_section_products__container .single-buy{border:none;margin-top:0;padding-top:0}cart-section .cart_section__content .cart_section_products__container .container_signature{display:flex;margin-bottom:17px}cart-section .cart_section__content .cart_section_products__container .signature-title{color:var(--green);font-size:1.7rem;font-weight:400;display:inline-block}cart-section .cart_section__content .cart_section_products__container .tag-signature{background-color:var(--green);color:var(--white);display:inline-block;text-transform:capitalize;display:flex;margin-left:5px;border-radius:12px;font-size:1.3rem;padding:3px 17px;margin-bottom:12px}cart-section .cart_section__content .cart_section_products__container .cart_item__container .cart_item_price .price{font-size:1.4rem}cart-section .cart_section__content .cart_section_products__container .cart_item__container.is_signature{background-color:var(--light-green);order:1;margin-top:-46px;padding-bottom:25px}cart-section .cart_section__content .cart_section_products__container .cart_item__container .btn-signature span.lbl_signature{font-size:1.3rem;font-weight:700}@media screen and (min-width: 768px){cart-section .cart_section__content .cart_section_products__container .cart_item__container .cart_item__image{max-width:11.3rem;max-height:11.3rem}}cart-section .cart_section__content .cart_section_products__container .cart_item__container .cart_item__content{align-self:flex-start}cart-section .cart_section__content .cart_section_products__container .cart_item__container .cart_item__content .cart_item_title :is(h2){font-size:clamp(1.2rem,2vw,1.7rem);white-space:wrap;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:30rem;margin-bottom:1.6rem;color:var(--coffee)}cart-section .cart_section__content .cart_section_products__container .cart_item__container .cart_item__content .price_variants{margin-bottom:clamp(1.6rem,2vw,3.2rem)}cart-section .cart_section__content .cart_section_products__container #cart_section_products_loader{width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;z-index:2;opacity:0;top:0;left:0;display:none;align-items:flex-start;justify-content:center;animation:opacityLoadingExit .5s forwards}cart-section .cart_section__content .cart_section_products__container #cart_section_products_loader[active]{animation:opacityLoadingEntry .5s forwards;opacity:1;display:flex}cart-section .cart_section__content .cart_section_products__container::-webkit-scrollbar{width:5px}cart-section .cart_section__content .cart_section_products__container::-webkit-scrollbar-track{background:var(--light-coffee, .8)}cart-section .cart_section__content .cart_section_products__container::-webkit-scrollbar-thumb{background-color:var(--orange);border-radius:10px;border:5px solid transparent}cart-section .cart_section__content .cart_section_products__container::-webkit-scrollbar-thumb:hover{background:var(--light-coffee, .8)}cart-section .cart_section__content .cart_footer{margin-top:3.2rem;max-width:45.9rem;width:100%}@media screen and (max-width: 900px){cart-section .cart_section__content .cart_footer{align-self:center}}cart-section .cart_section__content .cart_footer .discount_coupon__heading_btn{width:100%;justify-content:space-between}cart-section .cart_section__content .cart_footer .progress_bar__container{margin-bottom:2.4rem}cart-section .cart_section__content .cart_footer .progress_bar__container .progress_bar{width:100%;height:.7rem;background:var(--light-coffee);margin-bottom:.8rem;border-radius:7px}cart-section .cart_section__content .cart_footer .progress_bar__container .progress_bar .progress{transition:.6s ease;height:100%;background:var(--orange);border-radius:7px}cart-section .cart_section__content .cart_footer .progress_bar__container .progress_span{color:var(--coffee);font-size:1.4rem}cart-section .cart_section__content .cart_footer .cart_order_summary{font-size:clamp(1.5rem,2vw,1.8rem);font-weight:600;color:var(--coffee);border-bottom:1px solid var(--light-coffee);padding-bottom:clamp(1.2rem,2vw,1.8rem)}cart-section .cart_section__content .cart_footer .cart_subtotal,cart-section .cart_section__content .cart_footer .cart_shipping_value{display:flex;justify-content:space-between;margin-top:1.6rem;font-weight:500;color:var(--coffee);font-size:clamp(1.4rem,2vw,1.6rem)}cart-section .cart_section__content .cart_footer .cart_subtotal .cart_shipping_price,cart-section .cart_section__content .cart_footer .cart_shipping_value .cart_shipping_price{font-size:1.3rem;font-weight:400}cart-section .cart_section__content .cart_footer .cart_subtotal :is(h3),cart-section .cart_section__content .cart_footer .cart_shipping_value :is(h3){font-size:clamp(1.4rem,2vw,1.6rem)}cart-section .cart_section__content .cart_footer .cart_subtotal{margin-top:clamp(1.6rem,2vw,2.4rem);text-transform:uppercase}cart-section .cart_section__content .cart_footer .cart_subtotal :is(h3){font-size:clamp(1.6rem,2vw,1.6rem)}cart-section .cart_section__content .cart_footer .cart_subtotal .cart_subtotal_price{font-size:clamp(1.6rem,2vw,1.8rem)}cart-section .cart_section__content .cart_footer .cart_shipping_value{border-bottom:1px solid var(--light-coffee);padding-bottom:clamp(1.2rem,2vw,2.4rem)}cart-section .cart_section__content .cart_footer .cart_shipping_value .cart_shipping_title{font-size:1.4rem;font-weight:400}cart-section .cart_section__content .cart_footer .go_to_checkout{margin-block:2.3rem 1.4rem;display:flex;justify-content:center;align-items:center;width:100%;background:var(--orange);text-transform:none;border:none;font-size:var(--cart-go-to-checkout);padding:1.2rem 2.4rem;font-family:var(--font-parfait);color:var(--white);text-decoration:none;transition:.3s ease color;border-radius:22px}cart-section .cart_section__content .cart_footer .continue_shopping{text-align:center;color:var(--orange);font-size:var(--cart-go-to-checkout);font-weight:500;line-height:140%;cursor:pointer;display:block;margin-bottom:25px}@media screen and (min-width: 900px){cart-section .cart_section__content .cart_footer{margin-top:0}}cart-section .cart_section__content:has(.cart_empty_title) .cart_footer{display:none}#relatedProductSection{max-width:var(--page-width);margin-inline:auto;padding-block:var(--padding-block);cart-related-products {.cart_related_products__content {.related_products_title {text-align: left;} .cart_related_carousel {flex-direction: row; padding: 0; border: none; justify-content: space-between; .cart_related_product__container {max-width: 100%; flex-grow: 1; @media screen and (min-width: 768px) {display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: 1fr clamp(2rem,2.5vw,4.7rem);} .cart_related_product__content {align-items: flex-start; .cart_related_product_title,.cart_related_product_price {text-align: left;} .cart_related_product_title {font-size: clamp(1.2rem,2vw,2rem);} .cart_related_product_price {font-size: clamp(1.2rem,2vw,1.6rem);}}} @media screen and (min-width: 768px) {.cart_related_product_add {display: block;} .related_product_section_add {display: block; grid-area: 2/1/2/3; height: 100%; .cart_related_product_add {display: flex; color: var(--orange); width: 100%; align-items: center; justify-content: center; height: 100%; border: 1px solid var(--orange); transition: .3s; border: 1px solid var(--orange); border-radius: 18px; font-size: 1.4rem; font-weight: 600;}}} @media screen and (max-width: 768px) {.related_product_section_add {display: none;}}}}}}@media screen and (min-width: 1600px){#relatedProductSection{max-width:1520px}}:root{--font-size-menu-account-content-account-page: clamp(1.8rem, 1.5vw, 2rem);--font-size-personal-details-header-account-page: clamp(1.8rem, 1.5vw, 2.4rem);--font-size-label-placeholder-account-page: clamp(1.4rem, 1.5vw, 1.6rem);--font-size-button-newsletter-account-page: clamp(1.2rem, 1.5vw, 1.6rem);--font-size-checkbox-message-account-page: clamp(1.2rem, 1.5vw, 1.6rem);--font-size-title-newsletter-account-page: clamp(1.8rem, 1.5vw, 2.2rem);--font-size-name-email-lastname-account-page: clamp(1.8rem, 1.5vw, 2rem);--font-size-name-email-lastname-text-account-page: clamp(1.4rem, 1.5vw, 1.8rem);--font-size-addresses-title-account-page: clamp(2rem, 1.5vw, 2.4rem);--font-size-default-adress-title-account-page: clamp(1.2rem, 1.5vw, 1.6rem);--font-size-address-details-content-account-page: clamp(1.2rem, 1.5vw, 1.8rem);--font-size-order-history-title-account-page: clamp(1.8rem, 1.5vw, 2.4rem);--font-size-no-recent-orders-account-page: clamp(1.6rem, 1.5vw, 1.8rem);--font-size-thead-tr-th-title-account-page: clamp(1.4rem, 1.5vw, 1.7rem);--font-size-tbody-tr-td-title-account-page: clamp(1.2rem, 1.5vw, 1.5rem)}account-component{max-width:var(--page-width);margin:0 auto;padding-block:var(--padding-block);margin-top:clamp(8rem,10vw,12.5rem);display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 768px){account-component{max-width:calc(var(--page-width) * .9);display:grid;grid-template-columns:.25fr 1fr;gap:4rem}}@media screen and (max-width: 768px){account-component{margin-top:clamp(3rem,10vw,5.5rem)}}account-component .menu-account{border-radius:1.2rem;border:1.5px solid var(--gray);background:#FFF;padding:4rem 2rem}account-component .menu-account .menu-account-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:3.6rem;list-style:none}@media screen and (min-width: 768px){account-component .menu-account .menu-account-content{flex-direction:column}}@media screen and (max-width: 768px){account-component .menu-account .menu-account-content{flex-direction:column;flex-wrap:wrap;justify-content:center;gap:.6rem;list-style:none}}account-component .menu-account .menu-account-content :is(li){color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-menu-account-content-account-page);font-style:normal;font-weight:400;line-height:normal;cursor:pointer;transition:color .3s ease}account-component .menu-account .menu-account-content :is(li).active{font-weight:600}account-component .menu-account .menu-account-content :is(li):hover{color:var(--orange)}account-component .menu-account .menu-account-content :is(li) :is(a){text-decoration:none;color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-menu-account-content-account-page);font-style:normal;font-weight:400;line-height:normal;transition:color .3s ease}account-component .menu-account .menu-account-content :is(li) :is(a):hover{color:var(--orange)}account-component .container-info{display:flex;flex-direction:column;gap:2rem;position:relative}account-component .container-info .container-header{display:inline-flex;justify-content:flex-start;align-items:center;padding:2rem;width:100%;border-radius:1.2rem;border:1.5px solid var(--gray)}@media screen and (min-width: 768px){account-component .container-info .container-header{padding:3.2rem 4rem}}account-component .container-info .container-header .title-header{color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-personal-details-header-account-page);font-style:normal;font-weight:600;line-height:normal;transition:opacity .3s ease,transform .3s ease}account-component .container-info .container-header .title-header.fade-out{opacity:0;transform:translate(-10px)}account-component .container-info .container-header .container-header .title-header.fade-in{opacity:1;transform:translate(0)}account-component .container-info .show-content{position:relative;min-height:100px}account-component .container-info .show-content .personal-details,account-component .container-info .show-content .addresses-details,account-component .container-info .show-content .order-history-details{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;pointer-events:none;height:auto}account-component .container-info .show-content .personal-details{display:flex;flex-direction:column}@media screen and (min-width: 1300px){account-component .container-info .show-content .personal-details{display:grid;grid-template-columns:1fr .6fr;gap:4rem;width:100%}}account-component .container-info .show-content .personal-details .personal-details-content{padding:2rem;border-radius:1.2rem;border:1.5px solid var(--gray);display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 768px){account-component .container-info .show-content .personal-details .personal-details-content{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;padding:3.2rem 4rem}}account-component .container-info .show-content .personal-details .personal-details-content .firstName,account-component .container-info .show-content .personal-details .personal-details-content .lastName,account-component .container-info .show-content .personal-details .personal-details-content .email{width:fit-content;display:flex;flex-direction:column;gap:1.6rem;h2 {color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-name-email-lastname-account-page); font-style: normal; font-weight: 600; line-height: normal; width: fit-content;} p {color: var(--gray); font-family: var(--font-primary); font-size: var(--font-size-name-email-lastname-text-account-page); font-style: normal; font-weight: 500; line-height: normal; word-wrap: break-word; width: fit-content;}}account-component .container-info .show-content .personal-details .personal-details-content .lastName{justify-self:flex-end}account-component .container-info .show-content .personal-details .newsletter-subscription{margin-top:2rem;min-width:361px;h3 {color: var(--coffee); font-family: var(--font-primary); text-align: start; font-size: 2.2rem; font-style: normal; font-weight: 500; line-height: normal;} .newsletter-form {display: flex; flex-direction: column; gap: 1rem; .newsletter-form__label {color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-title-newsletter-account-page); font-style: normal; font-weight: 500; line-height: normal; width: 100%; grid-column: 1 / 3; margin-bottom: 1rem;} .newsletter-form__field-wrapper {display: grid; grid-template-columns: 1fr .7fr; .newsletter-form__field {padding-left: 2rem; background: #E4E4E4; border: none; width: 100%; grid-column: 1 / 2; height: 4.5rem; color: var(--coffee); font-family: var(--font-primary); font-weight: 300; font-size: var(--font-size-label-placeholder-account-page); &:focus-visible {outline: none;} &::placeholder {color: var(--coffee); font-family: var(--font-primary); font-weight: 300; font-size: var(--font-size-label-placeholder-account-page);}} .newsletter-form__button {color: var(--white); font-family: var(--font-primary); font-size: var(--font-size-button-newsletter-account-page); font-style: normal; font-weight: 700; line-height: 110%; text-transform: uppercase; background: var(--orange); border: none; padding: 0 2rem; width: 100%; grid-column: 2 / 3; transition: background-color .5s ease-in-out; cursor: pointer; height: 4.5rem; &:hover {background-color: var(--orange); color: var(--white);}}} .newsletter-form__checkbox {display: flex; align-items: center; gap: 1rem; .newsletter-form__checkbox-input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .newsletter-form__checkbox-label {color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-checkbox-message-account-page); position: relative; padding-left: 2.5rem; cursor: pointer; &::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; border: .15rem solid var(--coffee); background-color: var(--white); transition: all .3s ease;} &::after {content: ""; position: absolute; left: .6rem; top: 50%; transform: translateY(-65%) rotate(45deg); width: .4rem; height: .8rem; border: solid var(--coffee); border-width: 0 .15rem .15rem 0; opacity: 0; transition: opacity .3s ease;}} .newsletter-form__checkbox-label:hover::before {border-color: var(--orange);} .newsletter-form__checkbox-input:checked + .newsletter-form__checkbox-label {&::before {background-color: var(--orange); border-color: var(--orange);} &::after {opacity: 1; border-color: var(--white);}}} .newsletter-form__message {color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-checkbox-message-account-page);}}}account-component .container-info .show-content .my-subscriptions{display:none}account-component .container-info .show-content .my-subscriptions.active{display:block;min-height:647px;iframe{min-height: 647px;}}account-component .container-info .show-content .addresses-details{display:flex;flex-direction:column;gap:2rem;padding-left:2rem}@media screen and (min-width: 768px){account-component .container-info .show-content .addresses-details{padding-left:4rem}}account-component .container-info .show-content .addresses-details .addresses-title{font-weight:600;color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-addresses-title-account-page)}account-component .container-info .show-content .addresses-details .container-adress-details-content{display:flex;flex-direction:column;gap:1.8rem}account-component .container-info .show-content .addresses-details .container-adress-details-content .default-adress-title{color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-default-adress-title-account-page);font-weight:600}account-component .container-info .show-content .addresses-details .container-adress-details-content :is(p){color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-address-details-content-account-page);font-weight:500}account-component .container-info .show-content .addresses-details .container-adress-details-content .btn-see-adress{color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-default-adress-title-account-page);font-weight:600;text-decoration:none;width:fit-content;cursor:pointer;transition:all .3s ease-in-out}account-component .container-info .show-content .addresses-details .container-adress-details-content .btn-see-adress:hover{color:var(--orange);text-decoration:underline}account-component .container-info .show-content .order-history-details{display:flex;flex-direction:column;gap:3.6rem;padding-left:0rem}@media screen and (min-width: 768px){account-component .container-info .show-content .order-history-details{gap:2rem}@media screen and (min-width: 1024px){account-component .container-info .show-content .order-history-details{padding-left:4rem}}}account-component .container-info .show-content .order-history-details .order-history-title{color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-order-history-title-account-page);font-weight:600}account-component .container-info .show-content .order-history-details .container-order-history-content .order-details{width:100%}account-component .container-info .show-content .order-history-details .container-order-history-content .order-details .order-details-table{width:100%;thead {display: none; @media (min-width: 768px) {display: table-header-group; tr {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 2rem 0; border-bottom: .1rem solid var(--gray); gap: 1rem; th {justify-self: flex-start; text-align: left; text-transform: uppercase; color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-thead-tr-th-title-account-page); font-weight: 600; width: 100%; word-wrap: break-word;}}}} tbody {.order-row {display: flex; flex-direction: column; gap: 0rem; border: none; padding: 0rem; &:not(:last-child) {padding: 0rem 0rem 4rem 0rem;} td {display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; border-bottom: .1rem solid var(--gray); color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-tbody-tr-td-title-account-page); font-weight: 600; &::before {content: attr(data-label); justify-self: flex-start; text-align: left; text-transform: uppercase; color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-thead-tr-th-title-account-page); font-weight: 600;} a {text-decoration: none; cursor: pointer; color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-tbody-tr-td-title-account-page); font-weight: 600; transition: color .3s ease,text-decoration .3s ease; &:hover {color: var(--orange); text-decoration: underline;}}} @media (min-width: 768px) {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 2rem 0; border-bottom: .1rem solid var(--gray); gap: 1rem; &:not(:last-child) {padding: 2rem 0;} &:last-child {border: none;} td {justify-self: flex-start; text-align: left; border-bottom: none; padding: 0; display: block; width: 100%; &::before {content: none; display: none;}}}}}}account-component .container-info .show-content .order-history-details .container-order-history-content .no-recent-orders{color:var(--coffee);font-family:var(--font-primary);font-size:var(--font-size-no-recent-orders-account-page);font-weight:500}account-component .container-info .show-content .personal-details.active,account-component .container-info .show-content .addresses-details.active,account-component .container-info .show-content .order-history-details.active{position:relative;opacity:1;visibility:visible;pointer-events:auto}account-component .container-info .loading-back{width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;top:0;left:0;z-index:2;opacity:0;display:none;align-items:flex-start;justify-content:center;animation:opacityLoadingExit .5s forwards}account-component .container-info .loading-back.active{animation:opacityLoadingEntry .5s forwards;opacity:1;display:flex}account-component .container-info .loading-back:after{content:"";margin-top:10vh;width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}account-component .container-info .loading-back:before{content:"";box-sizing:border-box;position:absolute;top:10vh;right:0;bottom:0;left:0;width:48px;height:48px;margin:auto;border-radius:50%;border:5px solid var(--coffee);animation:prixClipFix 1s linear infinite}@keyframes opacityLoadingEntry{0%{opacity:0;display:none}1%{opacity:0;display:flex}to{opacity:1}}@keyframes opacityLoadingExit{0%{opacity:1}99%{opacity:0;display:flex}to{opacity:0;display:none}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}:root{--address-component-title: clamp(2rem, 2.5vw, 3.6rem);--address-component-text: clamp(1.6rem, 2vw, 1.8rem);--address-component-address-info-number: clamp(2.4rem, 3vw, 3rem);--address-component-address-info-text: clamp(1.6rem, 2vw, 1.8rem);--address-component-address-buttons: clamp(1.6rem, 2vw, 1.8rem);--address-component-address-header: clamp(1.8rem, 3vw, 2.4rem);--address-component-addressfields-labels: clamp(1.6rem, 2vw, 1.8rem);--address-component-addressfields-inputs-and-selects: clamp(1.6rem, 2vw, 1.8rem);--address-component-add-addresses-title: clamp(2.4rem, 3vw, 3rem);--address-component-new-address-header: clamp(1.8rem, 3vw, 2.4rem)}address-component{max-width:var(--page-width);margin:0 auto;padding-block:var(--padding-block);margin-top:clamp(8rem,10vw,12.5rem);display:flex;flex-direction:column;gap:2rem}address-component .customer-addresses .myaccount--header{margin-bottom:3rem;display:flex;flex-direction:column;gap:1rem;p {.myaccount--link {text-decoration: none; display: flex; align-items: center; gap: .5rem; svg {display: block; width: 2.5rem; height: 2.5rem; rotate: 180deg; g{path{stroke: var(--coffee);}}} .text-button {color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-text); font-style: normal; font-weight: 400; line-height: normal;}}}}address-component .customer-addresses .myaccount--header .myaccount--title{color:var(--orange);font-family:var(--font-primary);font-size:var(--address-component-title);font-style:normal;font-weight:600;line-height:normal}address-component .customer-addresses .addresses-container{display:flex;flex-direction:column;gap:1rem}address-component .customer-addresses .addresses-container .addresses-content{display:grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 576px){address-component .customer-addresses .addresses-container .addresses-content{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){address-component .customer-addresses .addresses-container .addresses-content{grid-template-columns:repeat(3,1fr);gap:4rem}}@media (min-width: 1200px){address-component .customer-addresses .addresses-container .addresses-content{grid-template-columns:repeat(4,1fr);gap:5rem}}address-component .customer-addresses .addresses-container .addresses-content .address{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}address-component .customer-addresses .addresses-container .addresses-content .address .infomation{display:flex;flex-direction:column;gap:1rem;h3 {display: flex; align-items: center; gap: 1rem; color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-address-info-number); font-style: normal; font-weight: 600; line-height: normal; span {width: 2.5rem; height: 2.5rem; svg {display: block; width: 100%; height: 100%;}}} p {color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-address-info-text); font-style: normal; font-weight: 400; line-height: normal;}}address-component .customer-addresses .addresses-container .addresses-content .address .edit-buttons{display:flex;gap:1rem}address-component .customer-addresses .addresses-container .addresses-content .address .edit-buttons .edit{width:100%;p{width: 100%; height: 100%; padding: 1rem; text-align: center; background-color: var(--orange); color: var(--white); font-family: var(--font-primary); font-size: var(--address-component-address-buttons); font-style: normal; font-weight: 400; line-height: normal; cursor: pointer; transition: all .3s ease-in-out; &:hover {color: var(--orange); opacity: .9;}}}address-component .customer-addresses .addresses-container .addresses-content .address .edit-buttons .delete{width:100%}address-component .customer-addresses .addresses-container .addresses-content .address .edit-buttons .delete .address-delete-form{button{width: 100%; height: 100%; padding: 1rem; text-align: center; background-color: var(--white); border: 1px solid var(--coffee); color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-address-buttons); font-style: normal; font-weight: 400; line-height: normal; cursor: pointer; transition: all .3s ease-in-out; &:hover {color: var(--orange); opacity: .9;}}}address-component .customer-addresses .addresses-container .addresses-content .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10000;opacity:0;display:none}address-component .customer-addresses .addresses-container .addresses-content .overlay.active{opacity:1;display:block}address-component .customer-addresses .addresses-container .addresses-content .edit-modal{position:fixed;top:0;right:0;max-width:85%;width:100%;height:100%;background-color:var(--white);display:flex;justify-content:flex-start;align-items:center;flex-direction:column;z-index:100000;gap:2rem;transform:translate(100%);transition:transform .4s ease-in-out}@media (min-width: 768px){address-component .customer-addresses .addresses-container .addresses-content .edit-modal{max-width:50%}}@media (min-width: 992px){address-component .customer-addresses .addresses-container .addresses-content .edit-modal{max-width:40%}}@media (min-width: 1200px){address-component .customer-addresses .addresses-container .addresses-content .edit-modal{max-width:30%}}address-component .customer-addresses .addresses-container .addresses-content .edit-modal.active{transform:translate(0)}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .header-address{width:100%;top:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E2E2E2;padding:2rem;h3{color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-address-header); font-style: normal; font-weight: 600; line-height: normal;} .close{width: 2.5rem; height: 2.5rem; cursor: pointer; svg{display: block; width: 100%; height: 100%;}}}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields{width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields .name{display:flex;gap:1rem;width:100%}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields .field-custom{display:flex;flex-direction:column;gap:1rem;position:relative;width:100%;label{color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-addressfields-labels); font-style: normal; font-weight: 600; line-height: normal; position: absolute; top: -10px; left: 1rem; background: white;} input,select{width: 100%; padding: 1rem; border: 1px solid #E2E2E2; border-radius: .5rem; color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-addressfields-inputs-and-selects); font-style: normal; font-weight: 400; line-height: normal;}}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields .buttons-address-modal{display:flex;gap:1rem}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields .buttons-address-modal .submit{width:100%;padding:1rem;text-align:center;background-color:var(--orange);color:var(--white);font-family:var(--font-primary);font-size:var(--address-component-address-buttons);font-style:normal;font-weight:400;line-height:normal;border:none;cursor:pointer;transition:all .3s ease-in-out}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields .buttons-address-modal .submit:hover{color:var(--white);opacity:.9}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields .buttons-address-modal .define{width:100%;padding:1rem;text-align:center;background-color:var(--white);border:1px solid var(--coffee);color:var(--coffee);font-family:var(--font-primary);font-size:var(--address-component-address-buttons);font-style:normal;font-weight:400;line-height:normal;cursor:pointer;transition:all .3s ease-in-out}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields .buttons-address-modal .define:hover{color:var(--orange);opacity:.9}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields::-webkit-scrollbar{width:3px}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields::-webkit-scrollbar-track{background:transparent}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields::-webkit-scrollbar-thumb{background-color:var(--coffee);border-radius:10px;border:3px solid transparent}address-component .customer-addresses .addresses-container .addresses-content .edit-modal .address-fields::-webkit-scrollbar-thumb:hover{background:var(--dark-blue, .8)}address-component .customer-addresses .add-addresses{display:flex;flex-direction:column;margin-top:4rem;gap:1rem;align-items:center;h3{color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-add-addresses-title); font-style: normal; font-weight: 600; line-height: normal; text-align: center;} .btn-add-new-address{width: 80%; @media (min-width: 576px) {width: 60%;} @media (min-width: 992px) {width: 40%;} p{width: 100%; height: 100%; padding: 1rem; text-align: center; background-color: var(--orange); color: var(--white); font-family: var(--font-primary); font-size: var(--address-component-address-buttons); font-style: normal; font-weight: 400; line-height: normal; cursor: pointer; transition: all .3s ease-in-out; &:hover {color: var(--white); opacity: .9;}}} .new-address-modal{position: fixed; top: 0; right: 0; max-width: 30%; width: 100%; height: 100%; background-color: var(--white); display: flex; justify-content: flex-start; align-items: center; flex-direction: column; z-index: 100000; gap: 2rem; transform: translate(100%); transition: transform .4s ease-in-out; &.active{transform: translate(0);} .header-address{width: 100%; top: 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E2E2E2; padding: 2rem; h3{color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-new-address-header); font-style: normal; font-weight: 600; line-height: normal;} .close{width: 2.5rem; height: 2.5rem; cursor: pointer; svg{display: block; width: 100%; height: 100%;}}} .address-fields{width: 100%; height: 100%; padding: 2rem; display: flex; flex-direction: column; gap: 2rem; .name{display: flex; gap: 1rem;} .field-custom{display: flex; flex-direction: column; gap: 1rem; position: relative; width: 100%; label{color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-addressfields-labels); font-style: normal; font-weight: 600; line-height: normal; position: absolute; top: -10px; left: 1rem; background: white;} input,select{width: 100%; height: 4rem; padding: 1rem; border: 1px solid #E2E2E2; border-radius: .5rem; color: var(--coffee); font-family: var(--font-primary); font-size: var(--address-component-addressfields-inputs-and-selects); font-style: normal; font-weight: 400; line-height: normal;}} .buttons-address-modal{display: flex; gap: 1rem; .submit{width: 100%; padding: 1rem; text-align: center; background-color: var(--orange); color: var(--white); font-family: var(--font-primary); font-size: var(--address-component-address-buttons); font-style: normal; font-weight: 400; line-height: normal; border: none; cursor: pointer; transition: all .3s ease-in-out; &:hover {color: var(--white); opacity: .9;}} .define{width: 100%; padding: 1rem; text-align: center; background-color: var(--white); border: 1px solid var(--orange); color: var(--orange); font-family: var(--font-primary); font-size: var(--address-component-address-buttons); font-style: normal; font-weight: 400; line-height: normal; cursor: pointer; transition: all .3s ease-in-out; &:hover {color: var(--orange); opacity: .9;}}}}}}:root{--main-order-h1-title: clamp(1.8rem, 1.5vw, 2.6rem);--main-order-h2-title: clamp(1.8rem, 1.5vw, 2.4rem);--main-order-texts-default: clamp(1.6rem, 1.5vw, 1.8rem);--main-order-link-back: clamp(1.2rem, 1.5vw, 1.6rem)}main-order{display:flex;max-width:var(--page-width);padding-block:var(--padding-block);margin:clamp(8rem,10vw,12.5rem) auto 0 auto;flex-direction:column;gap:4rem}main-order .container-heading{display:flex;flex-direction:column;gap:1rem}main-order .container-heading .title-order-name{font-size:var(--main-order-h1-title);color:var(--coffee);font-family:var(--font-primary);font-weight:600}main-order .container-heading .back-to-orders-link{font-size:var(--main-order-link-back);font-family:var(--font-primary);color:var(--coffee);font-weight:500;display:flex;align-items:center;gap:1rem;text-decoration:none;transition:color .3s ease;width:fit-content;svg {rotate: 180deg; g {path {transition: stroke .3s ease; stroke: var(--coffee);}}}}main-order .container-heading .back-to-orders-link:hover{color:var(--orange);svg {g {path {stroke: var(--orange);}}}}main-order .container-order-adress{display:grid;grid-template-columns:1fr;gap:4rem}@media screen and (min-width: 768px){main-order .container-order-adress{grid-template-columns:1.5fr .5fr}}main-order .container-order-adress .container-order{display:flex;flex-direction:column;gap:3rem}main-order .container-order-adress .container-order .order-heading{display:flex;flex-direction:column;gap:1rem}main-order .container-order-adress .container-order .order-heading .order-heading-content-title{font-size:var(--main-order-h2-title);font-family:var(--font-primary);color:var(--coffee);font-weight:600}main-order .container-order-adress .container-order .order-heading :is(p){font-size:var(--main-order-texts-default);font-family:var(--font-primary);color:var(--coffee);font-weight:500}main-order .container-order-adress .container-order .order-details{width:100%}main-order .container-order-adress .container-order .order-details .order-details-table{width:100%;thead {display: none; @media (min-width: 768px) {display: table-header-group; tr {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 2rem 0; border-bottom: .1rem solid var(--gray); gap: 1rem; width: 100%; th {justify-self: flex-start; text-align: left; text-transform: uppercase; color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-thead-tr-th-title-account-page); font-weight: 600; width: 100%; word-wrap: break-word;}}}} tbody {.order-row {display: flex; flex-direction: column; gap: 0rem; border: none; padding: 0rem; &:not(:last-child) {padding: 0rem 0rem 4rem 0rem;} td {display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; border-bottom: .1rem solid var(--gray); color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-tbody-tr-td-title-account-page); font-weight: 600; &::before {content: attr(data-label); justify-self: flex-start; text-align: left; text-transform: uppercase; color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-thead-tr-th-title-account-page); font-weight: 600;} a {text-decoration: none; cursor: pointer; color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-tbody-tr-td-title-account-page); font-weight: 600; transition: color .3s ease,text-decoration .3s ease; &:hover {color: var(--orange); text-decoration: underline;}}} @media (min-width: 768px) {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 2rem 0; border-bottom: .1rem solid var(--gray); gap: 1rem; width: 100%; &:not(:last-child) {padding: 2rem 0;} &:last-child {border: none;} td {justify-self: flex-start; text-align: left; border-bottom: none; padding: 0; display: block; width: 100%; &::before {content: none; display: none;}}}}} tfoot {display: flex; flex-direction: column; padding: 4rem 0rem 0rem 0rem; @media screen and (min-width: 768px) {padding: 1rem 0rem 0rem 0rem;} tr {display: flex; justify-content: space-between; padding: .5rem 0; border-bottom: .1rem solid var(--gray); &:last-child {border: none;} td {color: var(--coffee); font-family: var(--font-primary); font-size: var(--font-size-tbody-tr-td-title-account-page); font-weight: 600;}}}}main-order .container-order-adress .container-address{justify-self:flex-start;display:flex;flex-direction:column;gap:3rem}@media screen and (min-width: 768px){main-order .container-order-adress .container-address{justify-self:flex-end}}main-order .container-order-adress .container-address .container-address-content{display:flex;flex-direction:column;gap:1.5rem}main-order .container-order-adress .container-address .container-address-content .address-title{font-size:var(--main-order-h2-title);font-family:var(--font-primary);color:var(--coffee);font-weight:600}main-order .container-order-adress .container-address .container-address-content .address-status{font-size:var(--main-order-texts-default);font-family:var(--font-primary);color:var(--coffee);font-weight:400}main-order .container-order-adress .container-address .container-address-content .address-content :is(p){font-size:var(--main-order-texts-default);font-family:var(--font-primary);color:var(--coffee);font-weight:400}:root{--grid-all-collection-title: clamp(2.4rem, 2.5vw, 3.2rem);--grid-all-collection-title-collection: clamp(2rem, 2.5vw, 3rem)}.grid-all-collection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2rem,3.5vw,5rem);max-width:var(--page-width);margin:0 auto;padding-block:var(--padding-block);margin-top:clamp(8rem,10vw,12.5rem)}.grid-all-collection .collection-header .title{color:var(--coffee);text-align:center;font-family:var(--font-primary);font-size:var(--grid-all-collection-title);font-style:normal;font-weight:500;line-height:normal}.grid-all-collection .container-all-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.4rem,5vw,8rem);justify-items:flex-start;a{text-decoration: none; cursor: pointer; width: 100%; height: 100%; .card-collection{display: flex; flex-direction: column; gap: 1rem; align-items: center; position: relative; width: 100%; height: 100%; .image{overflow: hidden; width: 100%; height: 100%; img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease;} &::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}} .information{position: absolute; top: 50%; transform: translateY(-50%); max-width: 80%; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; p{font-family: var(--font-primary); font-size: var(--grid-all-collection-title-collection); font-style: normal; font-weight: 500; line-height: normal; color: var(--white); text-align: center;}}} &:hover{.card-collection{.image{img{transform: scale(1.1);}}}}}}@media screen and (min-width: 480px){.grid-all-collection .container-all-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width: 768px){.grid-all-collection .container-all-collection{grid-template-columns:repeat(4,minmax(0,1fr))}}.universe-cards{padding:clamp(5rem,4.5vw,9rem) 0}.container-universe-cards{max-width:1920px;margin:0 auto;padding:0 clamp(2rem,5vw,7rem)}.universe-cards__title{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem);font-size:clamp(2rem,1.6666vw,3.2rem);color:var(--orange);text-transform:uppercase;font-weight:300}.universe-cards__title--desktop{display:none}.universe-cards__title--mobile{display:block}@media screen and (min-width: 768px){.universe-cards__title--desktop{display:block}.universe-cards__title--mobile{display:none}}.universe-cards__grid{display:grid;gap:clamp(.8rem,2vw,4rem);grid-template-columns:repeat(2,1fr)}.universe-cards__item{position:relative;overflow:hidden;border-radius:clamp(.8rem,1vw,1rem);height:clamp(28rem,35vw,56rem);transition:transform .3s ease}.universe-cards__image-wrapper{height:100%;overflow:hidden}.universe-cards__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}@media (hover: hover){.universe-cards__item:hover{transform:translateY(-5px)}.universe-cards__item:hover .universe-cards__image{transform:scale(1.05)}}.universe-cards__item-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-family:var(--font-secondary);font-size:clamp(1.4rem,2.083vw,3.2rem);text-align:center;width:100%;padding:0 clamp(2rem,2.5vw,3rem);text-shadow:0 .2rem .4rem rgba(0,0,0,.2);font-weight:500}@media screen and (min-width: 1200px){.universe-cards__grid{grid-template-columns:repeat(4,1fr)}}.collagen-info{padding-top:0;padding-bottom:clamp(5rem,4.5vw,9rem) 0}.collagen-info__container{max-width:1920px;font-family:var(--font-primary);margin:0 auto;width:100%;padding-inline:clamp(2rem,10vw,17rem)}.collagen-info__main-content{display:flex;gap:clamp(2rem,5vw,8rem);align-items:center;width:100%}.collagen-info__main-image{display:block;width:100%;height:auto;border-radius:8px}.collagen-info__main-image--mobile{display:none}.collagen-info__text-content{flex:1;display:flex;flex-direction:column;gap:2.4rem}@media screen and (max-width: 1480px){.collagen-info__container{padding-inline:clamp(2rem,5vw,16rem)}}@media screen and (max-width: 1198px){.collagen-info__main-content{flex-direction:column;gap:2rem}.collagen-info__text-content{gap:1.2rem}.collagen-info__main-image--desktop{display:none}.collagen-info__main-image--mobile{display:block}.collagen-info__icon-item{width:100%;max-width:99px;margin:0 auto}.collagen-info__main-image-wrapper{flex:0 0 100%;max-width:100%;width:100%}.collagen-info__text-content{text-align:left;max-width:100%}.collagen-info__icons{margin-top:2rem;justify-items:center}.collagen-info__icon-item{margin-bottom:2rem}}.collagen-info__title{font-weight:300;color:var(--orange);font-size:clamp(2rem,1.666vw,3.2rem)}@media screen and (max-width: 768px){.collagen-info__title{text-align:center}}.collagen-info__description{color:var(--coffee);font-weight:450;font-size:clamp(1.2rem,.937vw,1.8rem);line-height:1.6}.collagen-info__icons{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto}.collagen-info__icons.icon_list{display:flex;flex-direction:column}.collagen-info__icons.icon_list .collagen-info__icon-item{width:100%;max-width:100%;display:flex;flex-direction:row;gap:16px;align-items:center;margin-bottom:0}.collagen-info__button{background-color:var(--orange);color:#fff;border-radius:22px;padding:12px 32px;text-align:center;text-decoration:none;font-size:clamp(1.4rem,1.5vw,1.8rem);max-width:43.2rem}.collagen-info__icon-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:173px}.collagen-info__icon{margin-bottom:1rem;width:clamp(3.2rem,1.5vw,1.8rem);height:clamp(3.2rem,1.5vw,1.8rem)}.collagen-info__icon-title{color:var(--coffee);font-weight:500;font-size:clamp(1rem,.937vw,1.8rem);margin-bottom:clamp(.25rem,.5vw,.5rem)}.collagen-info__icon-text{font-size:clamp(.875rem,1vw,1rem);line-height:1.5}@media screen and (max-width: 1198px){.collagen-info__main-content{flex-direction:column;gap:2rem}.collagen-info__icon-item{width:100%;max-width:99px;margin:0 auto}.collagen-info__button{max-width:100%}.collagen-info__main-image-wrapper{flex:0 0 100%;max-width:100%;width:100%}.collagen-info__text-content{text-align:left;max-width:100%}.collagen-info__icons{margin-top:2rem;justify-items:center}.collagen-info__icon-item{margin-bottom:2rem}}:root{--faq-component-header-text: clamp(2.4rem, 2.5vw, 3.6rem);--faq-component-question-title: clamp(1.6rem, 2.5vw, 2.2rem);--faq-component-question-description: clamp(1.6rem, 2.5vw, 2rem)}faq-component{display:flex;flex-direction:column;margin:0 auto;max-width:120rem;padding:clamp(5rem,4.5vw,9rem) 2rem}faq-component .faq-component-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:110rem;margin:0 auto}faq-component .faq-component-container .faq-images-left,faq-component .faq-component-container .faq-images-right{display:none}faq-component .faq-component-container .faq-question-container{width:100%}faq-component .faq-component-container .faq-question-container .header-faq{margin-bottom:2rem;text-align:center;p {color: var(--orange); font-family: var(--font-primary); font-size: clamp(2rem,1.666vw,3.2rem); font-weight: 300;}}faq-component .faq-component-container .faq-question-container .faq-question{padding-block:clamp(1.4rem,1.5vw,2rem);border-bottom:1px solid #b7b9b9}faq-component .faq-component-container .faq-question-container .faq-question:not(:has(.faq-description[closed])) .faq-title .icon-plus{svg {#Vector {transform: rotate(45deg);}}}faq-component .faq-component-container .faq-question-container .faq-question .faq-title{display:flex;justify-content:space-between;align-items:center;cursor:pointer;p {color: var(--coffee); font-family: var(--font-primary); font-size: clamp(1.4rem,1.0417vw,2rem); font-weight: 700;} .icon-plus {width: 1.8rem; height: 1.8rem; flex-shrink: 0; margin-left: 2rem; svg {width: 100%; height: 100%; #Vector {transform-origin: center center; transition: all .3s ease-in-out;}}}}faq-component .faq-component-container .faq-question-container .faq-question .faq-description{transition:all .3s ease-in-out;overflow:hidden;margin-top:1.5rem;height:auto;opacity:1;p {color: var(--coffee); font-family: var(--font-primary); font-size: clamp(1.2rem,.9722vw,1.6rem); font-weight: 400; line-height: 1.6;} &[closed] {margin-top: 0; height: 0; opacity: 0;}}@keyframes scaleAnimation{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}simple-carousel{display:block;padding:5rem 2rem;box-sizing:border-box}@media screen and (min-width: 1024px){simple-carousel{padding:clamp(3rem,5vw,5rem) 3vw;max-width:var(--page-width);margin:0 auto}}simple-carousel:has(.blaze-track:empty){display:none!important}simple-carousel:not(:has(.blaze-pagination--custom)) .blaze-container{margin-top:clamp(2.4rem,3.2vw,4rem)}simple-carousel :is(*){list-style:none}simple-carousel .simple-carousel__title,simple-carousel .simple-carousel__description{text-align:center;color:var(--orange)}simple-carousel .simple-carousel__title{font-size:clamp(2rem,.833vw,3.2rem);text-transform:uppercase;font-weight:300}simple-carousel .simple-carousel__title :is(b,strong){font-weight:700}simple-carousel .blaze-pagination--custom.blaze-pagination-container{max-width:100%;overflow-x:auto}simple-carousel .blaze-pagination--custom.blaze-pagination-container::-webkit-scrollbar{display:none}simple-carousel .blaze-pagination--custom .blaze-pagination{display:flex;width:fit-content;min-width:100%;justify-content:space-around;margin-top:clamp(2.4rem,3.2vw,4.8rem);margin-bottom:clamp(2.8rem,3.2vw,3.2rem);position:relative;gap:3.2rem}simple-carousel .blaze-pagination--custom .blaze-pagination:before,simple-carousel .blaze-pagination--custom .blaze-pagination:after{content:"";position:absolute;bottom:0;z-index:1;height:clamp(.4rem,.5vw,.6rem);border-radius:.3rem}simple-carousel .blaze-pagination--custom .blaze-pagination:after{left:var(--active-left);width:var(--button-width);background-color:var(--orange);transition:all .3s ease}simple-carousel .blaze-pagination--custom .blaze-pagination:before{left:0;width:100%;background-color:var(--light-coffee);opacity:.7}simple-carousel .blaze-pagination--custom .blaze-pagination :is(button){width:15.8rem;background:none;border:none;display:flex;flex-direction:column;align-items:center;padding-bottom:3.2rem;color:var(--coffee);transition:all .3s ease;text-align:center;cursor:pointer;opacity:.6;span{font-family: var(--font-primary); font-size: clamp(1.2rem,1.25vw,2.4rem);} .icon-text__image {display: block; margin: 0 auto; width: clamp(3.4rem,3vw,6rem); height: auto; margin-bottom: clamp(1rem,1.5vw,1.7rem);}}simple-carousel .blaze-pagination--custom .blaze-pagination :is(button).active{opacity:1;span{font-weight: 600;}}simple-carousel .blaze-pagination-container:not(.blaze-pagination--custom).blaze-pagination-container{max-width:100%;margin-top:clamp(2.4rem,3.2vw,4rem)}simple-carousel .blaze-pagination-container:not(.blaze-pagination--custom) .blaze-pagination{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;gap:clamp(.8rem,1.2vw,1.6rem)}simple-carousel .blaze-pagination-container:not(.blaze-pagination--custom) .blaze-pagination :is(button){width:.8rem;height:.8rem;padding:0;margin:0;background-color:transparent;border:1px solid var(--orange);border-radius:50%;font-size:0;color:transparent;cursor:pointer;transition:all .3s ease}simple-carousel .blaze-pagination-container:not(.blaze-pagination--custom) .blaze-pagination :is(button).active{background-color:var(--orange)}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper{display:flex;flex-wrap:wrap;gap:2.8rem}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--image{width:100%;height:auto;object-fit:cover;border-radius:1.6rem;aspect-ratio:350 / 200}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content{display:flex;flex-direction:column;justify-content:center}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(*){margin:0}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(h1,h2,h3,h4){color:var(--orange);margin-bottom:clamp(.6rem,1.2vw,1.2rem)}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(p){color:var(--coffee);margin-top:clamp(.6rem,1.2vw,1.2rem)}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(a){color:var(--orange)}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(h2,h3,h4,b,strong){font-weight:600}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(h2){font-size:clamp(1.6rem,1.46vw,2.8rem)}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(h3){font-size:clamp(1.6rem,1.46vw,2.8rem)}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content :is(p){font-size:clamp(1.2rem,1.04vw,2rem)}@media screen and (min-width: 990px){simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper{flex-wrap:nowrap;justify-content:space-between;gap:1.2rem}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--image{width:50%;align-self:center;aspect-ratio:752 / 355}simple-carousel .simple-carousel__image-text .simple-carousel__image-text--wrapper .simple-carousel__image-text--content{width:50%;max-width:600px;margin-right:auto}}simple-carousel .blaze-track-container:has(.simple-carousel__kit-product){max-width:1100px;margin:0 auto}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper{display:flex;flex-direction:column;padding:clamp(2rem,2.4vw,4rem) clamp(3.6rem,3.6vw,5.8rem);position:relative;background:transparent;height:100%;border-radius:clamp(1.2rem,1.6vw,1.6rem);overflow:hidden;simple-add-to-cart-button {width: 100%;} .simple-carousel__kit-product--buy-button {color: var(--white); background-color: var(--orange); border: 1px solid var(--orange); padding: clamp(1.2rem,1.2vw,1.6rem) clamp(1.6rem,2vw,2rem); width: 100%; font-size: clamp(1.2rem,1.6vw,1.8rem); font-weight: 700; border-radius: 10rem; cursor: pointer; overflow: hidden; transition: all .3s ease; font-family: var(--font-primary); &:hover {background-color: transparent; color: var(--orange);}}}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--orange);z-index:-1;opacity:.25}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--image{display:block;aspect-ratio:380 / 210;width:100%;height:auto;object-fit:contain}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--content{display:flex;flex-direction:column;justify-content:space-between;text-align:center;align-items:center;gap:clamp(1.6rem,1.6vw,2rem);flex-grow:1;padding:0 clamp(1.4rem,2vw,2rem)}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--title,simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--description{line-height:1}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--title{font-size:clamp(2rem,2vw,2.8rem);color:var(--orange);font-weight:600;font-family:var(--font-secondary)}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--price{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.6rem}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--price .compare-price{text-decoration:line-through;font-size:clamp(1.4rem,1.6vw,1.8rem);font-weight:400}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--price .regular-price{font-size:clamp(1.8rem,2vw,2.4rem);font-weight:700}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--discount{font-size:clamp(1.4rem,1.6vw,1.8rem);font-weight:700;background-color:var(--white);border-radius:10rem;width:fit-content;padding:clamp(.6rem,.8vw,1rem) clamp(2rem,1.8vw,2.4rem)}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--discount:empty{opacity:0}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--discount:empty:before{content:"0%"}simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--description,simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--price,simple-carousel .simple-carousel__kit-product .simple-carousel__kit-product--wrapper .simple-carousel__kit-product--discount{color:var(--coffee);font-size:clamp(1.3rem,1.6vw,1.4rem)}simple-carousel .simple-carousel__how-to-consume .simple-carousel__how-to-consume--wrapper{display:flex;flex-direction:column;gap:clamp(1.6rem,2vw,2rem)}simple-carousel .simple-carousel__how-to-consume .simple-carousel__how-to-consume--wrapper .simple-carousel__how-to-consume--image{aspect-ratio:340 / 400;object-fit:cover;width:100%;height:auto;border-radius:.8rem;overflow:hidden}simple-carousel .simple-carousel__how-to-consume .simple-carousel__how-to-consume--wrapper .simple-carousel__how-to-consume--content{font-size:clamp(1.4rem,.97vw,1.8rem);color:var(--coffee)}.thin-banner{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.thin-banner .banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.thin-banner .banner__image--mobile{display:none}@media screen and (max-width: 767px){.thin-banner .banner__image--desktop{display:none}.thin-banner .banner__image--mobile{display:block}}.thin-banner .banner__content h2,.thin-banner .banner__title p{font-weight:300;color:var(--white);font-size:clamp(2rem,1.666vw,3.2rem)}.thin-banner .banner__content{max-width:1200px;padding:2rem;position:relative;z-index:2}.thin-banner.layout_left{display:flex;justify-content:flex-start}.thin-banner.layout_center{display:flex;justify-content:center}.thin-banner.layout_right,.thin-banner.layout_bottom_right{display:flex;justify-content:flex-end;text-align:left;padding-right:clamp(0rem,10vw,21rem)}.thin-banner.layout_bottom_left{display:flex;justify-content:flex-start;align-items:flex-end;padding-right:clamp(0rem,10vw,21rem)}.thin-banner.layout_bottom_left .banner__content{max-width:39%;margin-left:12%;padding:0;position:relative;z-index:2;top:-33px}@media screen and (max-width: 648px){.thin-banner.layout_bottom_left .banner__content{max-width:48%;margin-left:12%;top:-92px}}.thin-banner.layout_bottom_left .banner__content .banner__text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.thin-banner.layout_bottom_left .banner__content .banner__text .banner__description{text-align:left;max-width:100%;display:flex;justify-content:flex-start;margin-left:0;p{text-align: left;}}.thin-banner.layout_bottom_left p{font-size:clamp(1.4rem,1.4vw,2rem)}@media screen and (max-width: 648px){.thin-banner.layout_right{padding-right:0rem;justify-content:center;text-align:center}.thin-banner.layout_left{display:flex;justify-content:center;text-align:center}}@media screen and (min-width: 767px){.thin-banner.layout_left .banner__content{max-width:40%;padding:4rem 2rem 4rem 10rem;position:relative;z-index:2;text-align:left}}.thin-banner .banner__description{max-width:600px;margin:1.2rem auto;color:var(--white);font-size:clamp(1.2rem,.833vw,1.6rem);font-weight:500}.thin-banner .banner__button{display:inline-block;padding:1.2rem 4.2rem;background-color:var(--orange);color:var(--white);text-decoration:none;border-radius:50px;transition:background-color .3s ease;font-size:clamp(1.4rem,.9375vw,1.8rem);margin-top:1.2rem;font-weight:700}@media screen and (max-width: 767px){.thin-banner{min-height:520px}.thin-banner .banner__description{max-width:90%}}.blog-slider-section{padding:0;position:relative;display:block}body.page-blogs span.blog-card-date{display:none}.blog-slider-section .container{max-width:1920px;margin:0 auto;padding-inline:clamp(2rem,5vw,10rem);padding-block:clamp(2rem,4.5vw,2rem)}.section-title{text-align:center;margin-bottom:4rem;color:var(--orange);font-size:clamp(2rem,1.666vw,3.2rem);font-weight:450}.blog-slider-section .blaze-prev,.blog-slider-section .blaze-next{position:absolute;top:42%;transform:translateY(-50%);background:var(--orange);border:none;cursor:pointer;padding:.8rem;z-index:1;color:var(--white);display:flex;align-items:center;justify-content:center;border-radius:50%}.blog-slider-section .blaze-prev svg,.blog-slider-section .blaze-next svg{width:1.6rem;height:1.6rem}.blog-slider-section .blog-title{font-size:clamp(1.2rem,1.0417vw,2rem);font-weight:700;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}.blog-slider-section .blaze-prev{left:0}.blog-slider-section .blaze-next{right:0}.blog-slider-section .blaze-slider{position:relative;padding:0 5rem}.blog-slider-section .blog-card-link{text-decoration:none;color:inherit;display:block}.blog-slider-section .blog-card-image{border-radius:1.6rem;position:relative;padding-bottom:130%;overflow:hidden;margin-bottom:1.5rem}.blog-slider-section .blog-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.blog-slider-section .blog-card-content{text-align:left;color:var(--coffee)}.blog-slider-section .blog-card-date{display:block;font-size:clamp(1.2rem,1vw,1.3rem);color:var(--coffee);font-weight:400;margin-bottom:.6rem;text-transform:uppercase}.blog-slider-section .blog-card-title{font-size:clamp(1rem,.833vw,1.6rem);text-transform:uppercase;font-weight:450;margin:0;color:var(--coffee);line-height:1.4}.blog-slider-section .view-all{text-align:center;margin-bottom:0;padding-block:4rem}.blaze-pagination.blaze-pagination-slider{display:none}@media screen and (max-width: 779px){.blaze-pagination.blaze-pagination-slider{display:flex;width:100%;justify-content:center;gap:9px;margin-top:20px;button{width: 11px; height: 11px; background: none; border: none; border: 1px solid var(--orange); font-size: 0; border-radius: 100%; &.active{background-color: var(--orange);}}}}.blog-slider-section .view-all-button{display:inline-block;padding:1.2rem 5rem;text-decoration:none;color:var(--white);background-color:var(--orange);border-radius:5rem;transition:all .3s ease;font-size:clamp(1.4rem,1.5vw,1.4rem);font-weight:500}@media (max-width: 1268px){.blog-slider-section .blaze-prev,.blog-slider-section .blaze-next{display:none}.blog-slider-section .blaze-slider{padding:0}}@media (max-width: 768px){.blog-slider-section{padding:2rem 0}.blog-slider-section .blog-card-date{font-size:1rem}.blog-slider-section .container{padding-right:0}.section-title{font-size:clamp(2rem,1.666vw,3.2rem);margin-bottom:2.4rem}.blog-slider-section .blog-card-title{font-size:1.2rem}.blog-slider-section .blog-card-image{height:300px;padding-bottom:0}@media (max-width: 480px){.blog-slider-section .blaze-prev,.blog-slider-section .blaze-next,.blaze-prev{display:none}.blog-slider-section .blog-card{padding:0 5px}.blog-slider-section .blog-card-image{height:312px;padding-bottom:0}}}:is(collapsible-tabs) .collapsible-tabs__list{list-style:none}:is(collapsible-tabs) .collapsible-tabs__list-item{display:block;border-bottom:1px solid var(--light-coffee)}:is(collapsible-tabs) .collapsible-tabs__list-item:not(:first-child){margin-top:clamp(1.4rem,2vw,2.4rem)}:is(collapsible-tab-item) .collapsible-tab-item__summary{padding-bottom:1.4rem;display:flex;justify-content:space-between;cursor:pointer}:is(collapsible-tab-item) .collapsible-tab-item__summary :is(*){font-size:var(--main-product-collapsible-tab-summary);font-weight:600}:is(collapsible-tab-item) .collapsible-tab-item__summary :is(span){display:flex;align-items:center;height:100%}:is(collapsible-tab-item) .collapsible-tab-item__summary :is(span) :is(svg){width:2rem;height:auto}:is(collapsible-tab-item) .collapsible-tab-item__summary :is(span) .icon-plus--vertical-line{transition:transform .3s ease}:is(collapsible-tab-item) .collapsible-tab-item__summary::marker{content:none}:is(collapsible-tab-item) .collapsible-tab-item__details .expands-when-open{overflow:hidden;transition:all .3s ease}:is(collapsible-tab-item) .collapsible-tab-item__details .expands-when-open::-webkit-scrollbar{width:.4rem}:is(collapsible-tab-item) .collapsible-tab-item__details .expands-when-open::-webkit-scrollbar-thumb{background-color:var(--orange);border-radius:.4rem;overflow:hidden}:is(collapsible-tab-item) .collapsible-tab-item__details .expands-when-open::-webkit-scrollbar-track{border-radius:.4rem;overflow:hidden;background-color:#0000000d;opacity:.3}:is(collapsible-tab-item) .collapsible-tab-item__details .icon-plus--vertical-line{transform-origin:center}:is(collapsible-tab-item) .collapsible-tab-item__details.open .hidden-when-open{display:none}:is(collapsible-tab-item) .collapsible-tab-item__details.open .expands-when-open{max-height:30rem;overflow-x:hidden;overflow-y:auto}:is(collapsible-tab-item) .collapsible-tab-item__details.open .icon-plus--vertical-line{transform:rotate(90deg)}:is(collapsible-tab-item) .collapsible-tab-item__details.open .collapsible-tab-item__content{padding-bottom:2rem;font-size:clamp(1.2rem,.833vw,1.6rem)}:is(collapsible-tab-item) .collapsible-tab-item__details:not(.open) .hidden-when-closed{display:none}:is(collapsible-tab-item) .collapsible-tab-item__details:not(.open) .expands-when-open{max-height:0}:is(collapsible-tab-item) .collapsible-tab-item__details:not(.open) .icon-plus--vertical-line{transform:rotate(0)}:is(collapsible-tab-item) .collapsible-tab-item__content:before,:is(collapsible-tab-item) .collapsible-tab-item__content:after{content:"";height:1.2rem;width:100%}.founders-word-container{display:flex;align-items:center;justify-content:space-between;max-width:1512px;margin:0 auto;padding-top:clamp(5rem,4.5vw,9rem);padding-inline:clamp(2rem,5vw,4rem)}.gap-quote{gap:clamp(5.5rem,5vw,12.75rem)}.gap-without-quote{gap:clamp(1.2rem,5vw,13.4rem)}.founders-word-image{max-width:100%}.founders-word-image img{width:clamp(35rem,70vw,73.4rem);height:clamp(32.1rem,60vw,62.6rem);object-fit:cover;border-radius:1.6rem}.founders-word-content{display:flex;flex-direction:column;position:relative}.founders-word-content h2{color:var(--Laranja, #CB7131);font-size:clamp(2rem,1.667vw,3.2rem);font-weight:300}.founders-word-title-container div h2{display:none;color:var(--Laranja, #CB7131);font-size:clamp(2rem,2.5vw,3.2rem);font-weight:300}.founders-word-content p{max-width:60.4rem;color:var(--Caf, #605344);font-size:clamp(1.2rem,.938vw,1.6rem);font-weight:400;line-height:160%;position:relative}.founders-word-content.show-quotes:after{content:"“";position:absolute;top:60px;right:-40px;color:var(--Laranja, #CB7131);text-align:center;font-size:clamp(4rem,5vw,7.2rem);font-weight:700}.founders-word-content-name{display:flex;margin-top:clamp(1.2rem,2vw,4rem);flex-direction:column;gap:.4rem}.founders-word-content-name-text{color:var(--Caf, #605344);font-family:var(--font-secondary);font-size:clamp(1.4rem,2vw,2.4rem);font-weight:450}.founders-word-content-rule-text{color:var(--Caf, #605344);font-size:clamp(1rem,2vw,1.8rem);font-weight:450}.image-order-left{order:0}.image-order-right{order:2}.founders-word-title-container{display:none;width:100%;order:0}@media screen and (max-width: 1580px){.founders-word-image img{width:clamp(28rem,70vw,60rem)}.founders-word-container{justify-content:center}}@media screen and (max-width: 1280px){.founders-word-container{flex-wrap:wrap;justify-content:center}.founders-word-image img{width:clamp(35rem,70vw,73.4rem)}.founders-word-content .text-wrapper p{max-width:max-content}}@media (max-width: 768px){.founders-word-container{padding:4rem 2rem 0rem;flex-direction:column}.founders-word-image.mobile-image-top{order:1}.founders-word-image.mobile-image-bottom{order:3}.founders-word-content{order:2}.founders-word-image img{width:100%;max-width:100%;max-height:100%}.founders-word-content.show-quotes:after{top:10px;right:0}.founders-word-content h2{display:none}.founders-word-title-container div h2,.founders-word-title-container{display:block}.image-order-left,.image-order-right{order:initial}}@media screen and (max-width: 460px){.gap-quote,.gap-without-quote{gap:0rem}.text-content-mobile-mt{margin-top:5.5rem}.text-content-mobile-mb{margin-top:2rem}.text-content-mobile-mb-image-b{margin-top:0rem;margin-bottom:2rem}.title-wrapper{display:none}.founders-word-image img{width:100%}.gap-without-quote{margin-bottom:clamp(1.2rem,2vw,13.4rem)}}.values-section{display:block;max-width:var(--page-width);margin:0 auto;padding-top:clamp(5rem,4.5vw,9rem)}@media (max-width: 767px){.values-section{padding:0rem 2rem}}.values-section h2{color:#cb7131;text-align:center;font-size:clamp(2rem,1.667vw,3.2rem);font-weight:300;margin-bottom:4rem}values-section .value-card{border-radius:8px;text-align:left}values-section .value-card img{width:100%;border-radius:8px}values-section .value-card h3{font-size:clamp(1.2rem,1.042vw,2rem);font-weight:700;margin-top:1.2rem;color:var(--orange);text-transform:uppercase}values-section .link-optional{color:var(--coffee);font:1.2rem}values-section .value-card p{color:var(--coffee);margin-top:1rem;font-size:clamp(1rem,.833vw,1.6rem)}@media (max-width: 767px){.values-section h2{margin-bottom:2rem}values-section .value-card img{gap:30px;height:256px;object-fit:cover}values-section .link-optional{font-size:1rem}values-section .value-card h3{font-size:1.4rem;margin-top:.4rem}@media (max-width: 768px){values-section .value-card h3{font-size:1.4rem}}values-section .value-card p{font-size:1rem;margin-top:.5rem}}values-section .value-card a{font-weight:700;margin-top:1rem;display:inline-block}values-section .blaze-slider{overflow:hidden;position:relative;padding-bottom:2rem}values-section .blaze-container{position:relative;overflow:hidden}values-section .blaze-track-container{overflow:hidden}values-section .blaze-track{display:flex}values-section .blaze-track.desktop-grid-4{grid-template-columns:repeat(4,1fr)}values-section .blaze-slide{flex:0 0 auto;min-width:0}values-section .blaze-pagination-product-carousel{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}values-section .blaze-pagination-product-carousel button{width:1rem;height:1rem;display:block;border-radius:50%;border:1.14px solid var(--orange);background-color:transparent;cursor:pointer;font-size:0;transition:all .3s ease-in-out}values-section .blaze-pagination-product-carousel button.active{background:var(--orange);width:1rem;height:1rem;border-radius:8px}values-section .carousel-product--prev,values-section .carousel-product--next{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}values-section .carousel-product--prev{left:0}values-section .carousel-product--next{right:0}@media (min-width: 768px){values-section .blaze-track{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,3vw,40px)}values-section .blaze-slide{flex:none}values-section .carousel-product--prev,values-section .carousel-product--next,values-section .blaze-pagination-product-carousel{display:none}}@media (min-width: 1024px){values-section .blaze-track{grid-template-columns:repeat(3,1fr)}}simple-add-to-cart-button{display:block;background:none;border:none}.ingredients{display:flex;flex-direction:column-reverse;color:var(--coffee);gap:2.8rem;max-width:100%;box-sizing:border-box}@media screen and (min-width: 768px){.ingredients{flex-direction:row;gap:5.2vw;padding:0 10.4vw}.ingredients .ingredients__image.ingredients__mobile-image{display:none}}@media screen and (max-width: 767px){.ingredients .ingredients__image.ingredients__desktop-image{display:none}}.ingredients :is(*){box-sizing:border-box}.ingredients .nutritional-table__open-button{margin:0 auto;margin-top:clamp(2.4rem,4vw,5rem);font-family:var(--font-primary);font-size:clamp(1.4rem,2.4vw,2rem)}@media screen and (min-width: 768px){.ingredients .nutritional-table__open-button{margin-left:0;margin-right:auto}}.ingredients .ingredients__image{display:block;width:100%;max-width:100%;height:auto}@media screen and (min-width: 768px){.ingredients .ingredients__image{width:30.7vw}}.ingredients .ingredients__content{padding:0 2rem 5rem}@media screen and (min-width: 768px){.ingredients .ingredients__content{padding:0}}.ingredients .ingredients__collapsible-tabs{display:block;margin-top:clamp(2.4rem,4vw,5rem)}.ingredients .ingredients__collapsible-tabs .collapsible-tab-item__content{font-size:clamp(1.2rem,.94vw,1.8rem)}.ingredients .ingredients__title{font-size:clamp(2rem,.833vw,3.2rem);font-weight:300;color:var(--orange)}.ingredients .ingredients__title :is(b,strong){font-weight:700}.ingredients .collapsible-tab-item__title{font-weight:700;align-items:center;display:flex;gap:1rem}.ingredients .collapsible-tab-item__title :is(img){display:inline-block;width:clamp(2.5rem,3.5vw,2.8rem);height:clamp(2.5rem,3.5vw,2.8rem);object-fit:contain}nutritional-table{display:block}nutritional-table .nutritional-table__open-button{display:block;width:fit-content;padding:clamp(1.2rem,1.2vw,2rem) clamp(4rem,5vw,6rem);font-size:clamp(1.2rem,1.2vw,2rem);color:var(--white);font-weight:700;background-color:var(--orange);border:1px solid var(--orange);border-radius:10rem;cursor:pointer;transition:background-color .3s,color .3s}nutritional-table .nutritional-table__open-button:hover{background-color:var(--white);color:var(--orange)}nutritional-table .nutritional-table__modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;flex-direction:column;justify-content:center;box-sizing:border-box;padding:5.5rem 0 2rem;z-index:9999;background-color:#00000080}@media screen and (min-width: 768px){nutritional-table .nutritional-table__modal{padding:100px 0 0;flex-direction:row;gap:0vw;height:100vh;box-sizing:border-box;display:block}}nutritional-table .nutritional-table__modal :is(img){object-fit:contain;width:100%;height:100%;box-sizing:border-box;display:block}@media screen and (min-width: 768px){nutritional-table .nutritional-table__modal :is(img){max-height:500px}}nutritional-table .nutritional-table__modal .nutritional-table__image--wrapper{overflow:hidden;flex-shrink:1}nutritional-table .nutritional-table__modal .nutritional-table__table--wrapper{padding:2rem 2rem 0}@media screen and (min-width: 768px){nutritional-table .nutritional-table__modal .nutritional-table__table--wrapper{padding:0}}nutritional-table .nutritional-table__modal .nutritional-table__image{object-fit:cover}nutritional-table .nutritional-table__modal .nutritional-table__table{object-fit:contain}@media screen and (min-width: 768px){nutritional-table .nutritional-table__modal .nutritional-table__table{padding:0 10.4vw 0 0}}nutritional-table .nutritional-table__modal .nutritional-table__close-button{position:absolute;top:0;right:0;padding:clamp(1.2rem,1.2vw,2rem);background:var(--white);color:var(--coffee);border:none;cursor:pointer}nutritional-table .nutritional-table__modal .nutritional-table__close-button:before{content:"";display:block;width:100%;height:100%;top:0;left:0;position:absolute;background-color:var(--coffee);opacity:0;transition:all .3s ease}nutritional-table .nutritional-table__modal .nutritional-table__close-button:hover:before{opacity:.05}nutritional-table.opened .nutritional-table__modal{display:flex;align-items:center;justify-content:center}nutritional-table:not(.opened) .nutritional-table__modal{display:none}rolling-bar{width:100vw;min-height:77px;background-color:var(--orange);display:flex;flex-direction:row;overflow:hidden;ul{display: flex; flex-direction: row; gap: 15px; list-style: none; li{display: flex; align-items: center; gap: 25px; width: auto; white-space: nowrap; a{color: var(--white); text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-size: clamp(1.8rem,1.5vw,2.1rem); gap: 9px; width: auto; white-space: nowrap; img{max-width: 30px;}} &::after{content: ""; width: 10px; height: 10px; background-color: var(--white); display: block; border-radius: 100%;}}}}mini-card{display:block;width:1100px;max-width:100vw;margin:0 auto;margin-bottom:5rem;ul {display: flex; width: 100%; padding: 0; list-style: none; flex-wrap: wrap; gap: 18px; @media screen and (max-width: 768px) {gap: 10px; justify-content: center;} li {position: relative; width: 23%; @media screen and (max-width: 768px) {width: 45%;} a {position: relative; display: block; &:before {content: ""; z-index: 5; width: 100%; height: 40%; position: absolute; bottom: 0; border-radius: 8px; background: linear-gradient(to top,color-mix(in srgb,var(--orange) 90%,transparent),color-mix(in srgb,var(--orange) 0%,transparent));}} p{position: absolute; bottom: 20px; width: 100%; text-align: center; color: var(--white); text-decoration: none; z-index: 6; max-width: 100%; margin: 0 auto; display: block; font-size: clamp(1.8rem,1.5vw,2.5rem);} img {width: 100%; height: auto; position: relative; z-index: 3; border-radius: 8px; padding: 0; margin: 0; display: block;}}}}selvs-club-gift{display:flex;flex-direction:column}@media screen and (min-width: 1000px){selvs-club-gift{gap:2rem}}selvs-club-gift .selvs-club-gift__line1,selvs-club-gift .selvs-club-gift__line2{display:flex;flex-direction:column;gap:1rem}selvs-club-gift .selvs-club-gift__line1 .selvs-club-gift__list{display:flex;gap:1rem;list-style:none;padding:0;background-color:var(--orange);justify-content:center}@media screen and (min-width: 1000px){selvs-club-gift .selvs-club-gift__line1 .selvs-club-gift__list{height:160px;li.selvs-club-gift__item{font-size: 1.8rem;}}}@media screen and (max-width: 1000px){selvs-club-gift .selvs-club-gift__line1 .selvs-club-gift__list{display:flex;width:100vw;flex-wrap:wrap;li.selvs-club-gift__item{width: 48%; font-size: 1.3rem;}}}selvs-club-gift .selvs-club-gift__line1 .selvs-club-gift__list .selvs-club-gift__item{padding:1rem;border-radius:5px;color:var(--white);text-transform:uppercase;font-size:1.4rem;display:flex;align-items:center;gap:6px;max-width:300px}selvs-club-gift .selvs-club-gift__line1 .selvs-club-gift__list .selvs-club-gift__item .number{font-family:var(--font-primary);font-weight:900;font-size:5rem}@media screen and (min-width: 1000px){selvs-club-gift .selvs-club-gift__line1 .selvs-club-gift__list .selvs-club-gift__item .number{font-size:8rem}}selvs-club-gift .selvs-club-gift__line2 .selvs-club-gift__list{display:flex;list-style:none;padding:0;background-color:var(--orange);justify-content:center}selvs-club-gift .selvs-club-gift__columns{display:flex;flex-direction:row;margin:16px 0;justify-content:space-around;gap:10rem}@media screen and (max-width: 1000px){selvs-club-gift .selvs-club-gift__columns{margin:0;gap:0;flex-direction:column}}selvs-club-gift .selvs-club-gift__image{width:100%}@media screen and (min-width: 400px){selvs-club-gift .selvs-club-gift__image{min-width:400px}}selvs-club-gift .selvs-club-gift__content{width:calc(100% - 400px);display:flex;flex-direction:column;padding-top:11rem;padding-right:5.2vw;h2{p{color: var(--orange); font-size: clamp(2rem,1.5vw,3.1rem); font-weight: normal; text-transform: uppercase; max-width: 90%; padding-left: 50px; text-align: left;}} .selvs-club-gift__list{display: flex; background-color: var(--white); cursor: pointer; margin-right: 2rem; margin-top: 30px; @media screen and (max-width: 1000px) {justify-content: flex-start; margin-right: 0; padding-left: 3rem;} .lock-container{display: flex; flex-direction: column; align-items: center; gap: 9px; padding-bottom: 13px; p{color: var(--orange); font-size: clamp(1.4rem,1.5vw,1.8rem);} .lock-icon {transition: all .5s ease; position: relative;} .lock-container:hover .lock-icon {animation: swingPendulum 2s ease-out forwards; cursor: pointer;}} &.hide{border-top:1px solid rgba(83,133,107,.5); padding-top:15px; @media screen and (max-width: 1000px) {width: 100vw; display: flex; justify-content: space-evenly;} > div{visibility: hidden;}} > div{display: flex; flex-direction: column; align-items: center; min-height: 132px; justify-content: space-between; cursor: pointer; @media screen and (max-width: 1000px) {width: auto;} img{width: auto; max-width: 94px; transition: max-width .3s ease;} .lock-icon-open{display: none;} &:hover{img{max-width: 140px;} .lock-icon{display: none;} .lock-icon-open{display: block;} p{color: var(--orange); font-size: clamp(1.5rem,1.5vw,2rem);}} .hover-text{display: flex; flex-direction: column; align-items: center; gap: 10px; span{color: var(--orange); text-transform: uppercase; font-size: clamp(1.2rem,1.5vw,1.8rem); text-align: center;} img{max-width: 19px; @media screen and (max-width: 1000px) {max-width: 20px; width: 20px;}}}}}}@media screen and (max-width: 1000px){selvs-club-gift .selvs-club-gift__content{padding-top:60px;width:100%;padding-right:0}}selvs-club-gift .selvs-club-gift__image{max-width:100%;height:auto}@media screen and (max-width: 1000px){selvs-club-gift .selvs-club-gift__image{display:block}}menu-collection{h3{width: 800px; margin: 0 auto; color:var(--coffee); text-align: center; margin-top: 25px; margin-bottom: 20px; font-size: clamp(2rem,2vw,2.6rem); font-weight: 500; @media (max-width: 768px) {max-width: 100vw;}} .menu-collection-list {display: flex; gap: 16px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; max-width: 800px; margin: 0 auto; @media (max-width: 768px) {max-width: 100vw;}} .menu-collection-list::-webkit-scrollbar {display: none;} .menu-collection-list li {flex: 0 0 calc(25% - 12px); text-align: center; display: flex; a{color: var(--coffee); text-decoration: none; font-size: clamp(1.4rem,2vw,2rem); font-weight: bold;}} .menu-collection-list img {max-width: 100%; height: auto; border-radius: 100%; max-width: 16rem;} .menu-collection-list span {display: block; font-size: clamp(1.2rem,2vw,1.5rem);} @media (max-width: 768px) {.menu-collection-list {display: flex; scroll-snap-type: x mandatory;} .menu-collection-list li {flex: 0 0 33%; margin-left: 10px; scroll-snap-align: center;}}}blog-home{display:block;padding-top:127px;margin-bottom:60px}blog-home .blog-post-content{display:flex;justify-content:center;width:100%}blog-home .blog-post-left,blog-home .blog-post-right{width:50%;padding:0;box-sizing:border-box}blog-home .blog-post-left{padding-top:30px;background-color:#fdf9f1;h2{text-align: center; color:var(--coffee); font-size: clamp(1.6rem,2.5vw,1.7rem); padding-bottom: 15px; text-transform: uppercase; padding-top: 30px;}}@media (min-width: 768px){blog-home .blog-post-left{padding-left:13%;padding-right:50px}}blog-home .tags-list{display:flex;list-style:none;gap:18px;li a,li{text-decoration: none; color: var(--coffee); text-transform: uppercase; font-size: clamp(2rem,2.5vw,2rem); padding-bottom: 8px;}}blog-home .blog-post-left h3{font-size:clamp(2rem,2.5vw,3rem);padding:10px 0;font-weight:700;color:var(--orange);margin-bottom:10px}blog-home .blog-post-left p{font-size:clamp(1.2rem,2.5vw,1.5rem);line-height:clamp(1.6rem,2.5vw,2.3rem);margin-bottom:20px;color:var(--coffee)}blog-home .read-more{color:var(--orange);padding:5px 20px;text-decoration:none;border-radius:22px;width:90%;border:2px solid var(--orange);display:block;text-align:center;font-size:clamp(1.4rem,2.5vw,1.5rem)}blog-home .blog-post-right img{width:100%;height:auto;display:block}@media (max-width: 768px){blog-home .blog-post-content{flex-direction:column-reverse}blog-home .blog-post-right{width:100%}blog-home .blog-post-left{width:100%;padding:0 30px 25px;margin:0 auto}}blog-posts .blog-posts-grid{display:flex;gap:30px;max-width:90%;margin:0 auto;flex-wrap:wrap}blog-posts .blog-posts-grid .blog-card{width:23%;img{width: 100%; min-width: 100%; border-radius: 18px; height: auto;} .tags-list{list-style: none; display: flex; gap:10px; margin-bottom: 5px; li{text-transform: uppercase; color: var(--coffee);}} .blog-card-date {display: block; font-size: 1.6rem; color: var(--coffee); margin-bottom: .6rem; text-transform: uppercase;} .blog-card-date {display: block; font-size: 1.6rem; color: var(--coffee); margin-bottom: .6rem; text-transform: uppercase;} .blog-title a{font-size: clamp(1.2rem,2vw,1.5rem); font-weight: 700; -webkit-line-clamp: 2; color: var(--coffee); text-overflow: ellipsis; overflow: hidden; text-decoration: none;}}@media screen and (max-width: 779px){blog-posts .blog-posts-grid .blog-card{width:100%}}blog-tags{display:flex;justify-content:center;margin:40px 0 0}blog-tags .list-tags{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;width:100%;padding:0;list-style:none}blog-tags .list-tags li{margin:5px 9px}blog-tags .list-tags a{font-size:clamp(1.4rem,1.5vw,2rem);padding:8px 9px;color:var(--coffee);text-decoration:none;border-radius:20px;transition:background-color .3s ease;text-transform:uppercase}blog-tags .list-tags a:hover,blog-tags .list-tags li.active a{color:var(--orange);font-weight:700}@media screen and (max-width: 767px){blog-tags .list-tags{flex-wrap:wrap;justify-content:center}blog-tags .list-tags li{margin:5px}}icons-banner-text-logo .icons-banner-title{width:100%;background-color:var(--orange);margin-top:clamp(3rem,2.5vw,4rem);display:block;margin-bottom:19px;h3{color: var(--white); text-align: center; padding: 8px; font-weight: normal; text-transform: uppercase; font-size: clamp(1.4rem,1.11vw,3rem);}}icons-banner-text-logo .icons-banner-text-logo__container{max-width:1200px;margin:0 auto;padding:20px}icons-banner-text-logo .icons-banner-text-logo__header{text-align:center;h2{font-size: clamp(2rem,2.5vw,3.2rem);} h2,h2 p{color: var(--orange); font-weight: normal; text-transform: uppercase;}}icons-banner-text-logo .icons-banner-text-logo__text{color:var(--coffee);font-size:clamp(1.5rem,2.5vw,1.8rem);padding-top:10px}icons-banner-text-logo .icons-banner-text-logo__icons{display:flex;justify-content:center;gap:20px;margin-top:25px}@media screen and (max-width: 768px){icons-banner-text-logo .icons-banner-text-logo__icons{flex-direction:row;flex-wrap:wrap}}icons-banner-text-logo .icons-banner-text-logo__icon{width:clamp(2rem,1vw,3rem);height:clamp(2rem,1vw,3rem)}icons-banner-text-logo .icons-banner-text-logo__icon-text{display:flex;flex-direction:row;align-items:center;gap:15px;text-align:left;font-weight:700;font-size:clamp(1.4rem,.833vw,2.6rem);color:var(--coffee)}@media screen and (max-width: 768px){icons-banner-text-logo .icons-banner-text-logo__icon-text{width:47%;display:flex;flex-direction:column;align-items:center;align-content:center;text-align:center;p{font-size: 1.2rem;}}}icons-banner-text-logo .icons-banner-text-logo__content{display:flex;justify-content:space-between;margin-top:0;gap:55px}@media screen and (max-width: 768px){icons-banner-text-logo .icons-banner-text-logo__content{flex-direction:column}}icons-banner-text-logo .icons-banner-text-logo__left,icons-banner-text-logo .icons-banner-text-logo__right{flex:1;margin-top:50px}icons-banner-text-logo .icons-banner-text-logo__right{max-width:250px}@media screen and (max-width: 768px){icons-banner-text-logo .icons-banner-text-logo__right{text-align:center;max-width:80%;margin:0 auto}}icons-banner-text-logo .icons-banner-text-logo__left-title{color:var(--orange);font-weight:700;text-transform:uppercase;margin:20px 0;font-size:clamp(1.6rem,1.2vw,2.4rem)}@media screen and (max-width: 768px){icons-banner-text-logo .icons-banner-text-logo__left-title{text-align:center;max-width:80%;margin:0 auto 25px}}icons-banner-text-logo .icons-banner-text-logo__right-title{color:var(--orange);font-weight:400;font-size:1.55rem;margin:10px 0;text-transform:uppercase;text-align:center}@media screen and (max-width: 768px){icons-banner-text-logo .icons-banner-text-logo__right-title{text-align:center;max-width:100%;font-size:1.4rem;margin-top:24px}}icons-banner-text-logo .icons-banner-text-logo__right-text{color:var(--coffee);font-size:1.3rem}@media screen and (max-width: 768px){icons-banner-text-logo .icons-banner-text-logo__right-text{font-size:1.2rem}}icons-banner-text-logo .icons-banner-text-logo__right-img,icons-banner-text-logo .icons-banner-text-logo__left-image,icons-banner-text-logo .icons-banner-text-logo__logo{max-width:100%;height:auto}prescribers-registration{text-align:center;padding:20px;background-color:var(--orange);display:block;top:0;position:relative;h2{text-transform: uppercase; color: var(--white);} .prescribers-registration__title {font-size: clamp(2rem,1.5vw,3.2rem);; margin-bottom: 20px; font-weight: normal;} .prescribers-registration__list {display: flex; flex-wrap: wrap; justify-content: center; gap: 90px; list-style: none; padding: 0; @media (max-width: 768px) {gap: 20px;}} .prescribers-registration__item {display: flex; flex-direction: column; align-items: center; width: 45%; max-width: 150px;} .prescribers-registration__icon {max-width: 80px; object-fit: contain; max-width: 80px;} .prescribers-registration__profession {margin-top: 10px; font-size: 16px; color: var(--white); font-weight: bold; font-size: 1.6rem; text-transform: uppercase; @media (max-width: 768px) {font-size: 1.4rem;}} @media (min-width: 768px) {.prescribers-registration__list {justify-content: space-around;} .prescribers-registration__item {width: auto;}}}prescribers-registration .prescribers-registration__container{max-width:800px;margin:0 auto;background-color:var(--orange)}body.page-prescritores .testimonials-slider{background-color:transparent}form-prescritors{display:block}form-prescritors .text-prescritors{max-width:800px;margin:30px auto 0;color:var(--coffee);text-align:center;padding:0 22px}prescribers-benefits{text-align:center;padding:20px;h2{color: var(--orange); text-transform: uppercase; font-weight: normal;} .prescribers-benefits__title {font-size: clamp(2.4rem,1.5vw,3.2rem); margin-bottom: 20px; color: var(--orange);} .blaze-slider {overflow: hidden;} .prescribers-benefits__item {background: transparent; padding: 20px 0; border-radius: 8px; text-align: center; width: 172px;} .prescribers-benefits__item-img{min-height: 85px; position: relative; display: block;} .prescribers-benefits__icon {width: 50px; height: 50px;} .prescribers-benefits__benefit {font-size: clamp(1.4rem,.8vw,1.6rem); margin: 10px 0; text-transform: uppercase; color: var(--orange); min-height: 40px;} .prescribers-benefits__line {width: 100%; height: 1px; background-color: var(--orange); margin: 10px 0;} .prescribers-benefits__description {font-size: 1.2rem; color: var(--orange); @media screen and (min-width: 768px) {display: none; flex-direction: column; justify-content: center; align-items: center; gap: 15px;} svg{max-width: 17px;} @media screen and (max-width: 768px) {svg{display: none;}}} .blaze-slider {width: 100%; overflow: hidden;} .blaze-track{gap: 0;} .blaze-pagination{button{border: none; background: transparent; border: 1px solid var(--orange); border-radius: 100%; width: 9px; height: 9px; text-indent: -9999px; margin-left: 8px; &.active{background-color: var(--orange);}}} @media (min-width: 980px) {.prescribers-benefits__item {transition: transform .3s ease-in-out; cursor: pointer; &:hover {svg{transform: scale(1.2);} .prescribers-benefits__icon {transform: scale(1.2); transition: transform .3s ease-in-out;} .prescribers-benefits__description {display: flex; opacity: 1; transition: opacity .3s ease-in-out;}}} .prescribers-benefits__description {display: none; opacity: 0;}}}prescribers-benefits .blaze-container{max-width:900px;margin:0 auto}.nutritional-guide__container{display:flex;align-items:center;flex-direction:column;margin-bottom:clamp(4rem,4.167vw,8rem);background-color:var(--orange)}.nutritional-guide__container .nutritional-guide__content{display:flex;flex-direction:column;gap:clamp(2rem,2.083vw,4rem);padding:3rem 0}.nutritional-guide__container .nutritional-guide__content :is(span p){color:var(--white);text-align:center;font-family:Chesna Grotesk;font-size:clamp(2rem,1.6666vw,3.2rem);font-style:normal;font-weight:300;line-height:normal;text-transform:uppercase}.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container{display:flex;flex-wrap:wrap;grid-template-columns:repeat(4,1fr);gap:2.4rem;justify-content:center}@media (max-width: 1280px){.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 960px){.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container{grid-template-columns:1fr;padding:0 2rem}}.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container .nutritional-cards__content{display:flex;align-items:center;gap:3.4rem;background-color:var(--white);border-radius:2rem;max-width:308px}@media screen and (max-width: 640px){.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container .nutritional-cards__content{max-width:100%;width:100%}}.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container .nutritional-cards__content :is(img){display:flex;padding:1rem;align-items:center;gap:1rem;border-radius:2rem;background:var(--nude);width:max-content;height:max-content}@media (max-width: 640px){.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container .nutritional-cards__content :is(img){padding:.5rem}}.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container .nutritional-cards__content .nutritional-cards__info{display:flex;flex-direction:column;gap:.8rem;text-wrap:nowrap;padding:1rem 4.2rem 1rem 0}.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container .nutritional-cards__content .nutritional-cards__info :is(h4){font-size:clamp(1.4rem,.833vw,2rem);font-weight:450}.nutritional-guide__container .nutritional-guide__content .nutritional-cards__container .nutritional-cards__content .nutritional-cards__info :is(p,span){font-size:clamp(1.4rem,.833vw,2rem);font-weight:300}.nutritional-guide__container .nutritional-guide__content .nutritional-guide__references{display:flex;align-items:center;flex-direction:column;justify-content:center}.nutritional-guide__container .nutritional-guide__content .nutritional-guide__references .nutritional-guide__references-title{font-size:clamp(1.6rem,2vw,2rem);font-weight:450;color:var(--white)}.nutritional-guide__container .nutritional-guide__content .nutritional-guide__references :is(ul){text-align:center}.nutritional-guide__container .nutritional-guide__content .nutritional-guide__references :is(ul) .nutritional-guide__references-list-item{list-style:none}.nutritional-guide__container .nutritional-guide__content .nutritional-guide__references :is(ul) .nutritional-guide__references-list-item :is(a){color:var(--white);font-size:clamp(1.2rem,1vw,1.6rem);font-weight:300}.calculator__container .calculator__step1{display:grid;align-items:center}@media screen and (min-width: 1080px){.calculator__container .calculator__step1{grid-template-columns:repeat(2,1fr)}}.calculator__container .calculator__step2{display:none;align-items:center}@media screen and (min-width: 1080px){.calculator__container .calculator__step2{grid-template-columns:repeat(2,1fr)}}.calculator__container .calculator__step2 .calculator__results{border:1px solid var(--orange);border-radius:1.3rem;padding:2rem;max-width:85%;margin:0 auto;width:90%;display:flex;flex-direction:column;align-content:center;flex-wrap:wrap;text-align:center}.calculator__container .calculator__step2 .calculator__results :is(h5){font-size:clamp(1.8rem,1.6666vw,1.8rem);color:var(--coffee);text-align:center;margin:1rem 0;display:block;font-weight:500}.calculator__container .calculator__step2 .calculator__results .qtd_result{max-width:199px;text-align:center;padding-block:1rem;font-size:1.3rem}.calculator__container .calculator__step2 .calculator__results .qtd_result .goal{display:none}.calculator__container .calculator__step2 .calculator__results.health .qtd_result .health,.calculator__container .calculator__step2 .calculator__results.muscle-gain .qtd_result .muscle-gain,.calculator__container .calculator__step2 .calculator__results.weight-loss .qtd_result .weight-loss,.calculator__container .calculator__step2 .calculator__results.geriatric .qtd_result .geriatric{display:inline}@media screen and (max-width: 1280px){.calculator__container{grid-template-columns:1fr}}@media screen and (max-width: 1280px){.calculator__container .calculator__image_container{display:none}}.calculator__container .calculator__content_container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1280px){.calculator__container .calculator__content_container{margin:6rem 0}}@media (max-width: 768px){.calculator__container .calculator__content_container{margin:3rem 0}}.calculator__container .calculator__content_container :is(span p){font-size:clamp(2rem,1.6666vw,3.2rem);color:var(--orange);margin-bottom:1.5rem;text-transform:uppercase;font-weight:300}.calculator__container .calculator__content_container .calculator-form{display:flex;flex-direction:column;gap:1.2rem;align-items:start;max-width:45rem;width:100%}@media (max-width: 768px){.calculator__container .calculator__content_container .calculator-form{padding:0 2rem}}.calculator__container .calculator__content_container .calculator-form :is(div){width:100%}.calculator__container .calculator__content_container .calculator-form :is(div) :is(input,select){width:100%;height:4.4rem;padding:1.2rem;border-radius:.8rem;border:2px solid var(--orange);color:var(--coffee);font-size:clamp(1.2rem,.937vw,1.6rem);font-weight:700}.calculator__container .calculator__content_container .calculator-form :is(div) :is(input)::placeholder{color:#60534499;font-size:clamp(1.2rem,.937vw,1.6rem);font-style:normal;font-weight:700;line-height:2rem}.calculator__container .calculator__content_container .calculator-form :is(div) :is(option){color:var(--coffee);font-size:clamp(1.4rem,.937vw,1.8rem);font-style:normal;font-weight:450;line-height:2rem}.calculator__container .calculate-button,.calculator__container .calculator__reset-button{width:100%;padding:1.6rem 3.2rem;border-radius:10rem;background-color:var(--orange);border:none;max-width:45rem;margin:0 auto;color:var(--white);font-size:clamp(1.4rem,.937vw,1.8rem);font-weight:700}.calculator__container .calculate-button:hover,.calculator__container .calculator__reset-button:hover{cursor:pointer}.calculator__container .calculator__reset-button{margin-top:1.2rem}.calculator__container .calculator__caution-popup{opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:9999;transition:all .3s ease}.calculator__container .calculator__caution-popup:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background:#000;opacity:.5}.calculator__container .calculator__caution-popup .calculator__caution-popup-close{display:flex;justify-content:flex-end;width:100%;background:none;border:none;cursor:pointer}.calculator__container .calculator__caution-popup .calculator__caution-popup-content{display:flex;justify-content:center;flex-direction:column;gap:1.2rem;padding:1.2rem;background-color:var(--white);border-radius:1.3rem;border:1px solid var(--orange);width:100%;max-width:45rem;margin:0 auto;text-align:center;transform:scale(.5);transition:transform .15s ease}.calculator__container .calculator__caution-popup.active{opacity:1;pointer-events:auto}.calculator__container .calculator__caution-popup.active .calculator__caution-popup-content{transform:unset}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;min-height:100dvh;font-family:var(--font-primary);background:var(--white);&*{scrollbar-width:thin;scrollbar-color:var(--dark-blue) #f1f1f1}}body::-webkit-scrollbar{width:3px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:var(--coffee);border-radius:10px;border:3px solid transparent}body::-webkit-scrollbar-thumb:hover{background:var(--dark-blue, .8)}.shopify-policy__container{width:var(--page-width);margin:190px auto 0;h3,h2{margin: 30px 10px; display: block;} ul li{padding-top: 10px;}}.shopify-policy__container .shopify-policy__body p{padding-top:15px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-scroll{overflow:hidden}.shopify-block:empty{display:none}input{background-color:var(--white)}