/** Shopify CDN: Minification failed

Line 9:24982 Cannot use type selector "hiden" directly after nesting selector "&"
Line 9:25926 Cannot use type selector "*" directly after nesting selector "&"
Line 9:43923 Cannot use type selector "hiden" directly after nesting selector "&"
Line 9:102769 Cannot use type selector "*" directly after nesting selector "&"

**/
:root{--menu-link-desktop: clamp(1.4rem, 1vw, 1.6rem)}header-component{display:flex;position:fixed;width:100%;height:fit-content;top:25px;padding:1.4rem 0;align-items:center;transition:.3s;z-index:1001}header-component.no-transition{transition:none!important}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 .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:#fff;left:0;top:0;width:60vw;min-width:244px;height:100dvh;z-index:10;padding:15vh 2rem;transform:translate(-100%);display:none;animation:slideOut .3s}header-component .header_content .menu_mobile__container .menu_drawer .close_icon{position:absolute;top:2rem;right:1.6rem;cursor:pointer;width:1.6rem;height:1.6rem}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list{display:flex;flex-direction:column;gap:1.4rem;list-style-type:none}header-component .header_content .menu_mobile__container .menu_drawer .menu_link_list__container .menu_link_list .menu_link_list__link{font-size:1.6rem;font-weight:500;color:var(--blue);text-transform:uppercase;text-decoration:none;cursor:pointer}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(--blue);text-decoration:none;gap:.8rem;font-size:1.4rem;font-weight:400}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;animation:opacityExitHeader .3s}header-component .header_content .menu_mobile__container[open] .menu_drawer{animation:slideIn .3s forwards;display:block}header-component .header_content .menu_mobile__container[open]:before{animation:opacityEntryHeader .3s;visibility:visible;opacity:1}header-component .header_content .logo{max-width:clamp(6.9rem,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 (min-width: 1024px){header-component .header_content .logo{position:static;transform:none}}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:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%}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:center}}@media screen and (min-width: 1800px){header-component .header_content .menu_link_list__container.desktop_menu .menu_link_list{justify-content:center;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}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(--blue);font-size:var(--menu-link-desktop);text-transform:uppercase;text-decoration:none;cursor:pointer}}header-component .header_content .nav_icons .nav_icons_list{display:flex;list-style-type:none;align-items:center;gap:1.4rem}header-component .header_content .nav_icons .nav_icons_list .nav_item{display:flex}@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.4rem;height:2.4rem}}}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search{display:flex;align-items:center;transition:.6s all}@media screen and (min-width: 1360px){header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search{border-bottom:1px solid var(--blue)}}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field{background:transparent;position:relative;transition:.6s;position:absolute;left:-5vw;width:100vw;right:50%;transform:translateY(0);z-index:-1;align-items:center;justify-content:center;opacity:0;padding-bottom:.8rem;display:none;animation:slideOutMenu .3s}@media screen and (min-width: 1360px){header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field{opacity:1;transform:none;width:fit-content;position:relative;width:clamp(100px,12vw,300px);transition:none;z-index:1;display:flex;padding:0;animation:none;left:0}}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field .field__content{max-width:500px;width:80vw;position:relative}@media screen and (max-width: 1360px){header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field .field__content{border-bottom:1px solid var(--blue)}}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field .search_label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:clamp(1.2rem,2vw,1.6rem);transition:.3s ease;cursor:text}.no-transition :is(header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field .search_label){transition:none!important}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field .search_label.in_focus{top:-1rem;left:-7px;transform:scale(.8)}@media screen and (min-width: 1360px){header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field .search_label.in_focus{top:-1.2rem;left:-5px;transform:scale(.8)}}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field #search_input{border:none;background:transparent;padding:.8rem 0;width:100%}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .field #search_input:focus{outline:none}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search #submit_search{display:none}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .label_search{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search .label_search :is(svg){cursor:pointer}header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search[open] .field{transform:translateY(110%);display:flex;z-index:1;background:#fff;opacity:1;animation:slideInMenu .3s forwards}@media screen and (min-width: 1360px){header-component .header_content .nav_icons .nav_icons_list .nav_item .form_search[open] .field{border-bottom:none;transform:none;width:fit-content;position:relative}}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}header-component .header_content .nav_icons .nav_icons_list .nav_cart_icon .bag_items_count{position:absolute;top:-8px;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)}@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:35px}}header-component.scrolled{top:0;background:#fff}header-component.bg-white{background:#fff}@keyframes slideInMenu{0%{transform:translateY(0);display:none;opacity:0}1%{transform:translateY(0);display:flex}30%{opacity:0}to{opacity:1;transform:translateY(110%)}}@keyframes slideOutMenu{0%{transform:translateY(110%);display:flex;opacity:1}60%{opacity:0}99%{transform:translateY(0);display:flex}to{display:none;opacity:0}}@keyframes opacityEntryHeader{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1}}@keyframes opacityExitHeader{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{visibility:hidden}}:root{--annoucement-bar-size: clamp(1.2rem, 2vw, 1.6rem)}.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}@media screen and (min-width: 768px){.annoucement-bar{padding-block:.8rem}}.annoucement-bar .annoucement_bar_text{color:var(--blue);font-size:var(--annoucement-bar-size);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.6rem);--font-size-footer-information: clamp(1rem, 1.5vw, 1.2rem);--font-size-footer-title-menu-mob: clamp(1.8rem, 1.5vw, 2rem);--font-size-iten-list: clamp(1.4rem, 1.5vw, 1.8rem)}footer-component{background:var(--blue);font-family:var(--font-playfair);display:block}footer-component .main-footer{max-width:1400px;margin:0 auto;padding-block:var(--padding-block);padding-inline:var(--padding-block);display:flex;flex-direction:column;gap:3rem}@media screen and (min-width: 768px){footer-component .main-footer{gap:6rem}}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 (min-width: 768px){footer-component .main-footer .container-links-newsletter-social{display:grid;grid-template-columns:1.4fr .9fr;gap:6rem}footer-component .main-footer .container-links-newsletter-social .menu-links{grid-column:1 / 2;grid-row:1 / 3}footer-component .main-footer .container-links-newsletter-social .newsletter{grid-column:2 / 3;grid-row:1 / 2}footer-component .main-footer .container-links-newsletter-social .social-media{grid-column:2 / 3;grid-row:1 / 3}}footer-component .main-footer .container-links-newsletter-social .newsletter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;p {font-family: var(--font-playfair); 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: 1.5fr .9fr;} input {border: none; color: var(--blue); font-size: var(--font-size-input-newsletter); padding-left: 2rem; font-family: var(--font-playfair); font-weight: 400; height: 4.5rem; &::placeholder {color: var(--blue); font-size: var(--font-size-input-newsletter);} &:focus-visible {outline: none;}} button {background-color: var(--orange); border: none; color: var(--blue); font-size: var(--font-size-input-newsletter); text-transform: uppercase; font-family: var(--font-playfair); font-weight: 700; padding: 0rem .8rem; cursor: pointer; height: 4.5rem; transition: background-color .5s ease-in-out; &:hover {background-color: var(--lilac); color: var(--white);} .button-text {display: none; font-size: var(--font-size-input-newsletter); text-transform: uppercase; font-family: var(--font-playfair); font-weight: 700;} .button-icon {display: block;} @media screen and (min-width: 768px) {.button-text {display: block;} .button-icon {display: none;}}}}}@media screen and (min-width: 768px){footer-component .main-footer .container-links-newsletter-social .newsletter{align-items:flex-start}}footer-component .main-footer .container-links-newsletter-social .menu-links{display:flex;flex-direction:column;gap:2rem;nav {.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-playfair); font-weight: 500; letter-spacing: .1rem; text-transform: uppercase;} svg {transition: transform .3s ease; @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: 2rem;} li {a {color: var(--white); font-family: var(--font-playfair); font-weight: 300; font-size: var(--font-size-iten-list); text-decoration: none; width: 100%; display: block; transition: color .3s ease; &:hover {color: var(--orange);}}}} &[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 .container-links-newsletter-social .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;} &:hover {color: var(--orange); transform: scale(1.1);}}}@media screen and (min-width: 768px){footer-component .main-footer .container-links-newsletter-social .social-media{justify-self:end}}footer-component .main-footer .container-payments-stamp-information{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5rem;padding-top:1.4rem;border-top:.1rem solid var(--gray)}@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;} img {display: block;}}footer-component .main-footer .container-payments-stamp-information .information{display:none;justify-content:center;p {color: var(--white); font-size: var(--font-size-footer-information); font-weight: 400; text-align: center;}}@media screen and (min-width: 768px){footer-component .main-footer .container-payments-stamp-information .information{display:flex}}banner-slider{position:relative;z-index:999}banner-slider .banner-slider__component{height:100%;overflow:hidden}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:1rem;height:1rem;display:block;border-radius:50%;border:1.14px solid var(--blue);background-color:transparent;cursor:pointer;font-size:0;transition:all .3s ease-in-out}banner-slider .banner-slider__pagination :is(button).active{background:var(--blue);width:6.4rem;height: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:500;line-height:normal;max-width:412px;margin:0}div.text_button p{display:inline-block;padding:10px 24px;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}@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(--blue); text-align: center; font-family: var(--font-playfair); 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;width:100%;height: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 .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(--blue);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(--blue);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(--blue);text-align:center;font-family:var(--font-playfair);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(--blue);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(--blue);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}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(--blue)}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(--blue); text-align: center; font-family: var(--font-playfair); 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(--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 .product-item{margin-bottom:20px}look-book .container-look-book .look-book-desktop .container-products .products .product-list .product-item .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(--blue);border-radius:10px;border:3px solid transparent}look-book .container-look-book .look-book-desktop .container-products .products::-webkit-scrollbar-thumb:hover{background:var(--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.6rem, 2.5vw, 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.6rem);--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}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(--blue);}} &.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;img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .7s ease-in-out;} .first-image {opacity: 1;} .second-image {opacity: 0;} .btn-buy {position: absolute; bottom: 0; opacity: 0; width: 100%; padding: 1.2rem 0rem; background-color: var(--blue); color: var(--white); font-size: var(--font-size-button-buy); font-family: var(--font-playfair); 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; @media screen and (min-width: 768px) {display: block;}} .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-playfair); 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; @media screen and (min-width: 768px) {display: block;}} .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; @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); &:hover {background-color: var(--lilac);}} .sold-out {opacity: 1; transform: translateY(0); &:hover {background-color: var(--blue);}}}}product-card.has-second-image .image-product-container:hover .first-image{opacity:0}product-card.has-second-image .image-product-container:hover .second-image{opacity:1}product-card .content-product{display:flex;flex-direction:column;gap:.6rem;a {text-decoration: none; color: var(--blue); .title-product {font-family: var(--font-playfair); font-size: var(--font-size-title-product); font-weight: 500; line-height: 140%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}} .product-price-installments {display: flex; flex-direction: column; gap: .4rem; .price-product {color: var(--blue); font-family: var(--font-lora); 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(--blue); font-family: var(--font-lora); 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(--blue);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(--blue);background:transparent;font-size:clamp(1.4rem,2vw,1.6rem);font-style:normal;font-weight:600;line-height:normal;border:1px solid var(--blue);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.8rem);--filter-title-size: clamp(1.4rem, 2vw, 1.8rem)}collection-filter{display:block;padding-block:3rem}@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 .filter__text{display:flex;align-items:center;gap:1.1rem;cursor:pointer}collection-filter .filter__heading .filter__text .filter_title{color:var(--blue);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(--blue);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(--blue);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(--blue);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(--blue);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(--blue);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(--blue)}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(--blue);background:transparent;font-size:clamp(1.2rem,2vw,1.6rem);font-style:normal;font-weight:600;line-height:normal;border:1px solid var(--blue);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(--blue)}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn.filter_submit:hover{color:var(--orange)}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn.filter_reset{color:var(--blue);background:var(--white)}collection-filter .filter__modal .filter__dropdown .filter__btns .filter_btn.filter_reset:hover{background:var(--blue);color:var(--orange)}@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-block:var(--padding-block)}collection-grid .collection_grid__container:has(product-card){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%;} @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));}}collection-grid .collection_grid__container:has(.collection_empty__container){display:flex;align-items:center;justify-content:center}collection-grid .collection_grid__container:has(.collection_empty__container) .collection_empty__container{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1.6rem}collection-grid .collection_grid__container:has(.collection_empty__container) .collection_empty__container .collection_empty_title{font-size:var(--collection-empty-title);text-transform:uppercase}collection-grid .collection_grid__container:has(.collection_empty__container) .collection_empty__container .collection_empty_text{font-size:var(--collection-empty-text);color:var(--blue)}collection-grid .collection_grid__container:has(.collection_empty__container) .collection_empty__container .btn-link{background:var(--blue);border:1px solid var(--blue);color:var(--white);transition:.3s all;min-width:clamp(16.5rem,13vw,21.3rem);display:flex;justify-content:center}collection-grid .collection_grid__container:has(.collection_empty__container) .collection_empty__container .btn-link:hover{color:var(--orange);border-color:var(--orange)}collection-grid #collection_loader{width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;z-index:2;opacity:0;display:none;align-items:flex-start;justify-content:center;animation:opacityLoadingExit .5s forwards}collection-grid #collection_loader[active]{animation:opacityLoadingEntry .5s forwards;opacity:1;display:flex}collection-grid #collection_loader .loader{margin-top:10vh;width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}collection-grid #collection_loader .loader:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid var(--blue);animation:prixClipFix 2s 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{--product-carousel-font-size-title: clamp(2.2rem, 2.5vw, 3.2rem)}product-carousel{display:flex;flex-direction:column;gap:2.8rem;max-width:var(--page-width);margin:0 auto;padding-block:var(--padding-block)}@media screen and (min-width: 768px){product-carousel{gap:4rem}}product-carousel .title-collection{font-size:var(--product-carousel-font-size-title);font-family:var(--font-playfair);color:var(--blue);text-align:center;font-weight:400;line-height:140%}product-carousel .btn-link{align-self:center;width:100%;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 768px){product-carousel .btn-link{width:auto}}product-carousel .carousel-product-slider{padding:0rem;width:100%;position:relative}@media screen and (min-width: 768px){product-carousel .carousel-product-slider{padding:0rem 4rem}}product-carousel .carousel-product-slider .blaze-container .blaze-track-container .blaze-track{product-card {max-width: 100%;}}product-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{display:none}}product-carousel .carousel-product-slider .blaze-pagination-product-carousel :is(button){width:1rem;height:1rem;display:block;border-radius:50%;border:1.14px solid var(--blue, #232241);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{background:var(--blue, #232241);width:6.4rem;height:1rem;border-radius:8px}product-carousel .carousel-product-slider .carousel-product--prev,product-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;&hiden{display:none}}product-carousel .carousel-product-slider .carousel-product--prev{left:0}product-carousel .carousel-product-slider .carousel-product--next{right:0}: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-OTMiniature);font-weight:200}.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(1.8rem, 2.5vw, 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-playfair);color:var(--white);font-weight:600;letter-spacing:.09rem;text-transform:uppercase;padding-inline:2rem}:root{--main-product-title: clamp(2rem, 2.5vw, 2.8rem);--main-product-price: clamp(1.4rem, 2vw, 2rem);--main-product-variant-title: clamp(1.4rem, 2vw, 1.8rem);--main-product-variant-value: clamp(1.4rem, 2vw, 1.6rem);--main-product-group-information-details-title: clamp(1.4rem, 2vw, 1.8rem);--main-product-group-information-details-text: clamp(1.2rem, 2vw, 1.6rem);--main-product-guide-text: clamp(1.4rem, 2vw, 1.8rem);--main-product-free-shipping-text: clamp(1.4rem, 2vw, 1.6rem);--main-product-mensage-alert: clamp(1.2rem, 2.5vw, 1.4rem);--main-product-modal-guide-title: clamp(1.6rem, 2.5vw, 2.4rem);--main-product-modal-guide-subtitle: clamp(1.4rem, 2.5vw, 1.8rem);--main-product-guide-text: clamp(1.4rem, 2.5vw, 1.6rem);--main-product-text-installments: clamp(1.2rem, 2.5vw, 1.4rem)}main-product{margin-top:clamp(8rem,10vw,12.5rem);display:block;padding-block:var(--padding-block);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 {width: 100%; margin: 0 auto; .container-images {.content-images {display: none;} .main-product-mobile {display: block; margin-bottom: 2.4rem; .main-product-slider-container {position: relative; .main-product-track-container {.main-product-track {.image-slide {img {width: 100%; height: auto; object-fit: cover; display: block;}}}} .icon-wishlist{width: 3.2rem; height: 3.2rem; position: absolute; bottom: 2rem; right: 2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; svg{transition: all .2s ease-in-out; fill: transparent; path{stroke: var(--blue);}} &.active{svg{fill: var(--pink); path{stroke: var(--pink);}}}}} .main-product__pagination {margin: 2rem auto 0; width: fit-content; display: flex; gap: 16px; :is(button) {width: 1rem; height: 1rem; display: block; border-radius: 50%; border: 1.14px solid var(--blue); background-color: transparent; cursor: pointer; font-size: 0; transition: all .3s ease-in-out; &.active {background: var(--blue); width: 6.4rem; height: 1rem; border-radius: 8px;}}}}} .container-information {max-width: var(--page-width); margin: 0 auto; width: 100%; .product-title {margin-bottom: 1rem; .product-title-text {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-title); font-style: normal; font-weight: 600; line-height: normal;}} .product-price {margin-bottom: 3.2rem; display: flex; flex-direction: column; gap: .5rem; .price {display: flex; align-items: center; gap: 1rem; .product-price-text-compare {color: var(--blue); font-family: var(--font-lora); font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: line-through;} .product-price-text {color: var(--blue); font-family: var(--font-lora); font-size: var(--main-product-price); font-style: normal; font-weight: 400; line-height: normal;}} .group-installments {.installments-product {color: var(--gray); font-family: var(--font-lora); font-size: var(--main-product-text-installments); font-style: normal; font-weight: 400; line-height: normal;}}} .product-variants {display: flex; flex-direction: column; gap: 2rem; margin-bottom: 2.4rem; .product-option {display: grid; grid-template-columns: 1fr 2fr; grid-template-rows: 1fr; border: none; h3 {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-variant-title); font-style: normal; font-weight: 500; line-height: normal;} .option-values {display: flex; gap: 2rem; margin-left: 2rem; color: var(--blue); text-align: center; font-family: var(--font-lora); font-size: var(--main-product-variant-value); font-style: normal; font-weight: 400; line-height: normal; .option-value {cursor: pointer;} .selected {font-weight: 500; text-decoration: underline; text-underline-offset: 2px;} .soldout {color: #8C8C8C; font-weight: 400; text-decoration-line: line-through; &.selected {text-decoration: underline line-through; text-underline-offset: 2px;}}}}} .product-quantity {margin-bottom: 3.2rem; display: flex; flex-direction: row; gap: 2rem; p {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-variant-title); font-style: normal; font-weight: 500; line-height: normal;} .quantity-buttons {display: flex; gap: 1rem; align-items: center; align-items: center; width: 20%; input {pointer-events: none;} button {width: 3.4rem; height: 2.4rem; background-color: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;} input {color: var(--blue); text-align: center; font-family: var(--font-lora); border: none; font-size: 1.4rem; font-style: normal; font-weight: 500; line-height: normal; height: 100%; width: 100%;}}} .product-group-information-details {margin-bottom: 2.4rem; .titles {display: flex; justify-content: space-between; gap: 2rem; margin-bottom: 1.8rem; h3 {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-group-information-details-title); font-style: normal; font-weight: 500; line-height: normal; cursor: pointer; &.active {text-decoration: underline; text-underline-offset: 5px;}}} .description,.composition,.care-and-maintenance {display: none; .info-text {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-group-information-details-text); font-style: normal; font-weight: 300; line-height: 140%;} &.active {display: block;}} .composition {display: none;} .care-and-maintenance {display: none;}} .product-measurement-guide {margin-bottom: 3.2rem; display: flex; .text {cursor: pointer; p {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-guide-text); font-style: normal; font-weight: 600; line-height: normal; text-decoration-line: underline;}} .measurement-guide-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: none; justify-content: center; align-items: center; z-index: 1200; &[open] {display: flex;} .modal-content {background-color: var(--white); padding: 2rem; max-width: 85%; max-height: 90vh; box-shadow: 0 4px 6px rgba(0,0,0,.1); overflow-y: auto; display: flex; flex-direction: column; .modal-header {margin-bottom: 1rem; .title_and_close {display: flex; justify-content: space-between; align-items: center; h2 {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-modal-guide-title); font-style: normal; font-weight: 600; line-height: 1.2;} .close-modal {cursor: pointer; display: flex; align-items: center; justify-content: center;}} .subtitle {p {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-modal-guide-subtitle); font-style: normal; font-weight: 400; line-height: 1.4;}}} .text {margin-bottom: 2rem; width: 100%; max-width: 70%; p {color: var(--blue); font-family: var(--font-playfair); text-decoration: none; font-size: var(--main-product-guide-text); font-style: normal; font-weight: 400; line-height: 1.4;}} .images {width: 100%; height: 100%; .guide-modal-slider {position: relative; width: 100%; height: 100%; .guide-modal-slider-container {width: 100%; height: 100%; .guide-modal-slider-track-container {width: 100%; height: 100%; .guide-modal-slider-track {width: 100%; height: 100%; display: flex; transition: transform .3s ease; .image-slide {width: 100%; height: 100%; img {width: 100%; height: 100%; object-fit: contain; display: block;}}}}} .guide-modal-slider__pagination {margin: 2rem auto 0; display: flex; justify-content: center; gap: 16px; button {width: 1rem; height: 1rem; border-radius: 50%; border: 1.14px solid var(--blue); background-color: transparent; cursor: pointer; font-size: 0; transition: all .3s ease-in-out; &.active {background: var(--blue); width: 6.4rem; border-radius: 8px;}}}}}} @media screen and (min-width: 600px) {.modal-content {max-width: 55%; .modal-header {margin-bottom: 2rem}}} @media screen and (min-width: 768px) {.modal-content {max-width: 45%;}} @media screen and (min-width: 1100px) {.modal-content {max-width: 35%;}}}} .product-add-to-cart {margin-bottom: 3.2rem; button {display: flex; width: 100%; height: 4.8rem; padding: 1.4rem 0rem; justify-content: center; align-items: center; gap: 1rem; background-color: var(--blue); border: none; color: var(--white); text-align: center; font-family: var(--font-playfair); font-size: 1.6rem; font-style: normal; font-weight: 600; line-height: normal; cursor: pointer; transition: all .3s ease-in-out; position: relative; &[disabled] {opacity: .5; cursor: not-allowed;} &:hover {color: var(--orange); opacity: .9;} .loader-container{opacity: 0; width: 100%; position: absolute; display: flex; justify-content: center; align-items: center; transition: all .2s ease-in-out; background-color: var(--blue); &.loader-container--active{opacity: 1;}}} .product-add-to-cart__message {color: red; font-family: var(--font-lora); font-size: var(--main-product-mensage-alert); margin-top: 1rem; display: none; &[open] {display: block;}}} .product-free-shipping {display: flex; align-items: flex-start; flex-direction: column; .free-shipping-text {display: flex; align-items: center; .icon {display: flex; align-items: center; margin-right: 1rem;} p {color: var(--blue); font-family: var(--font-playfair); font-size: var(--main-product-free-shipping-text); font-style: normal; font-weight: 400; line-height: normal; .text-bold {text-align: center; font-family: var(--font-playfair); font-style: normal; font-weight: 600; line-height: normal;} .text-price {font-family: var(--font-lora); font-style: normal; font-weight: 400; line-height: normal;}}} .free-shipping-label {width: 100%;} @media screen and (min-width: 768px) {.free-shipping-label {width: 80%;}}}}} @media screen and (min-width: 768px) {.main-product-container {display: grid; grid-template-columns: 1.5fr 1fr; gap: 8rem; max-width: calc(var(--page-width) - 10vw); .container-images {height: 100%; overflow: hidden; max-height: 75vh; .main-product-mobile {display: none;} .content-images {height: 100%; overflow: hidden; display: grid; grid-template-columns: 1fr; grid-template-rows: 2fr .5fr; gap: 1.4rem; position: relative; .arrow-down {display: none; position: absolute; bottom: 7%; z-index: 1; cursor: pointer; right: 0; transform: rotate(180deg); &.arrow-down--active {display: block;}} .main-image {height: 100%; overflow: hidden; order: 1; position: relative; img {width: 100%; height: 100%; object-fit: cover; display: block;} .icon-wishlist{width: 3.2rem; height: 3.2rem; position: absolute; top: 2rem; right: 2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; svg{transition: all .2s ease-in-out; fill: transparent; path{stroke: var(--blue);}} &.active{svg{fill: var(--pink); path{stroke: var(--pink);}}}}} .main-product-desktop {display: flex; flex-direction: row; gap: 1rem; max-width: 90%; height: 100%; order: 2; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {display: none;} .image-slide {flex: 0 0 auto; width: auto; height: 100%; img {height: 100%; width: auto; object-fit: cover; display: block; &.active {border: 1px solid #F99AC3;}}}}}}}} @media screen and (min-width: 1100px) {.main-product-container {.container-images {.main-product-mobile {display: none;} .content-images {height: 100%; overflow: hidden; display: grid; grid-template-columns: .4fr 2fr; grid-template-rows: 1fr; gap: 1.4rem; position: relative; .arrow-down {display: none; position: absolute; bottom: 30%; z-index: 1; cursor: pointer; left: 7%; right: unset; transform: rotate(-90deg); &.arrow-down--active {display: block;}} .main-image {height: 100%; overflow: hidden; order: 2; img {width: 100%; height: 100%; object-fit: cover; display: block;}} .main-product-desktop {display: flex; flex-direction: column; gap: 1rem; max-height: 65%; overflow: auto; order: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; &::-webkit-scrollbar {display: block;} .image-slide {margin-bottom: .5rem; height: unset; img {width: 100%; height: auto; object-fit: cover; display: block; &.active {border: 1px solid #F99AC3;}}}}}}}}}main-product .loader{width:30px;height:25px;aspect-ratio:1;--c: linear-gradient(var(--orange) 0 0);--r1: radial-gradient(farthest-side at bottom, var(--orange) 93%, var(--orange));--r2: radial-gradient(farthest-side at top, var(--orange) 93%, var(--orange));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-playfair); color: var(--blue); 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-playfair); color: var(--blue); 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(--blue); font-size: var(--font-size-input-newsletter); font-family: var(--font-playfair); 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-playfair); color: var(--blue); 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(--blue); border: .1rem solid var(--blue); cursor: pointer; svg {path {stroke: var(--orange);}}} svg {path {stroke: var(--blue);}}}}@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-playfair); color: var(--blue); 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(--blue);}}} &: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-playfair);color:var(--blue);font-size:var(--font-size-item);font-weight:400;a {text-decoration: none; font-family: var(--font-playfair); color: var(--blue); 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(--blue)}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:var(--padding-block);width:100%;margin:0 auto}@media screen and (min-width: 768px){text-section{gap:2.4rem}}text-section .content-text{p {font-weight: 300; line-height: 160%; font-family: var(--font-playfair); font-size: var(--font-size-text); color: var(--blue); text-align: justify;}}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(--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(--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(--light_pink_color);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-OTMiniature);font-size:var(--font-size-title);color:var(--blue);font-weight:200;line-height:140%;letter-spacing:.2rem}text-image .content-text .content-text-container .description{width:100%;p {font-family: var(--font-playfair); font-size: var(--font-size-description); color: var(--blue); 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}:root{--font-size-title: clamp(1.4rem, 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}@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(3,1fr);gap:4rem}}}grid-articles .grid-container .article-item{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1.2rem}@media screen and (min-width: 768px){grid-articles .grid-container .article-item{gap:1.4rem}}grid-articles .grid-container .article-item .article-link{width:100%;aspect-ratio:3 / 3;display:block;overflow:hidden;position:relative}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%;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-playfair);font-weight:300;color:var(--blue);font-size:var(--font-size-title);text-transform:uppercase;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}grid-articles .grid-container .article-item .content-article .link-description .description-article{font-family:var(--font-playfair);font-weight:500;color:var(--blue);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}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-lora);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-lora);font-size:var(--font-size-pagination-number);color:var(--blue);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);}}}:root{--font-size-title-article: clamp(1.8rem, 1.5vw, 3.2rem);--font-size-date-author-article: clamp(1.2rem, 1.5vw, 1.8rem);--font-size-content-article: clamp(1.4rem, 1.5vw, 1.8rem)}post-blog{display:flex;margin:clamp(8rem,10vw,12.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}@media screen and (min-width: 768px){post-blog .post-header{gap:4rem}}post-blog .post-header .post-content-header{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:var(--font-size-title-article);color:var(--blue);font-family:var(--font-playfair);font-weight:500;text-align:center}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{font-family:var(--font-lora);color:var(--gray);font-size:var(--font-size-date-author-article);font-weight:400;text-align:center}post-blog .post-header .post-featured-image{width: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-playfair);color:var(--blue);font-size:var(--font-size-content-article);text-align:justify;font-weight:400;line-height:160%;padding-block:var(--padding-block)}post-blog .post-content .image-wrapper{display:flex;flex-direction:column;gap:2rem;img {width: 100%; max-width: 100%; object-fit: cover;}}@media screen and (min-width: 768px){post-blog .post-content .image-wrapper{flex-direction:row;flex-wrap:wrap;gap:3rem}post-blog .post-content .image-wrapper:has(img:only-child){img {width: 100%;}}post-blog .post-content .image-wrapper:has(img:first-child:nth-last-child(2)){img {width: calc(50% - 1.5rem);}}post-blog .post-content .image-wrapper:has(img:first-child:nth-last-child(3)){img {width: calc(33.333% - 2rem);}}}: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.6rem);--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(--blue); font-size: var(--cart-title); font-weight: 500; text-transform: uppercase;} :is(svg) {cursor: pointer;}} .progress_bar__container {.progress_bar {width: 100%; height: .3rem; background: var(--light-gray); margin-bottom: .8rem; .progress {transition: .6s ease; height: 100%; background: var(--orange);}}}} .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(1.2rem,2vw,2.8rem); border-bottom: 1px solid var(--light-gray); margin-bottom: 2.4rem; position: relative; #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;}} @media screen and (min-height: 830px) {min-height: 28.7rem; max-height: 28.7rem;} @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(--blue); border-radius: 10px; border: 3px solid transparent;} &::-webkit-scrollbar-thumb:hover {background: var(--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(--blue); font-family: var(--font-lora); font-size: var(--cart-subtotal); font-weight: 600; text-transform: uppercase;} .cart_shipping_title,.cart_shipping_price {color: var(--blue); font-family: var(--font-lora); 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(--blue); text-transform: uppercase; 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; &:hover {color: var(--orange);}} .continue_shopping {text-align: center; color: var(--gray); font-size: var(--cart-go-to-checkout); font-weight: 500; line-height: 140%; cursor: pointer;}} 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(--blue); border-radius: 10px; border: 3px solid transparent;} &::-webkit-scrollbar-thumb:hover {background: var(--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_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(--blue);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(--blue)}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}@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-right:clamp(1rem,2vw,2.3rem);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}}.cart_item__container .cart_item__content .cart_item_title{color:var(--blue);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;font-family:var(--font-lora)}.cart_item__container .cart_item__content .price_variants .cart_item_price{padding-right:.5rem;font-size:clamp(1.2rem,2vw,1.4rem)}.cart_item__container .cart_item__content .price_variants:has(.cart_item_variants) .cart_item_price{border-right:1px solid var(--blue)}.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}.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;transition:.3s}.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}.cart_item__container .cart_item__content .cart_item_quantity .minus_cart:hover,.cart_item__container .cart_item__content .cart_item_quantity .plus_cart:hover{background:var(--blue)}.cart_item__container .cart_item__content .cart_item_quantity .minus_cart:hover :is(svg) :is(path),.cart_item__container .cart_item__content .cart_item_quantity .plus_cart:hover :is(svg) :is(path){fill:var(--orange)}.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-lora);font-size:var(--cart-quantity);color:var(--blue);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}}.cart_item__container .cart_remove_icon :is(svg){width:clamp(1.6rem,2vw,2rem);height:clamp(1.6rem,2vw,2rem)}:root{--cart-related-product-title: clamp(1.6rem , 2vw, 2rem);--cart-related-product-name: clamp(1.2rem, 2vw, 1.4rem);--cart-related-product-price: clamp(1rem, 2vw, 1.2rem);--cart-related-product-add: clamp(1.2rem, 2vw, 1.4rem)}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(--blue);font-size:var(--cart-related-product-title);font-weight:500}@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-gray);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(--blue);font-weight:500}@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(--blue);font-weight:400;font-family:var(--font-lora)}@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;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:uppercase}@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(--blue);border-radius:10px;border:3px solid transparent}cart-related-products .cart_related_products__content .cart_related_carousel::-webkit-scrollbar-thumb:hover{background:var(--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__title{color:var(--blue);font-size:clamp(1.4rem,2vw,1.6rem);font-weight:500}.shipping__container .shipping__form{display:flex;align-items:stretch}.shipping__container .shipping__form .shipping__input-wrapper{display:flex;width:100%}.shipping__container .shipping__form :is(input){color:var(--blue);font-size:clamp(1.2rem,2vw,1.4rem);font-weight:400;padding:1rem 1.4rem;text-transform:uppercase;border:none;border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray);border-left:1px solid var(--light-gray);font-family:var(--font-playfair);transition:.3s border;min-width:0px}.shipping__container .shipping__form :is(input):focus{outline:none;border:1px solid var(--blue);border-right:none}.shipping__container .shipping__form .shipping_submit{border:none;max-width:9.6rem;width:100%;background:var(--blue);display:flex;align-items:center;justify-content:center;color:var(--white);text-transform:uppercase;font-family:var(--font-playfair);transition:.3s color ease;cursor:pointer}.shipping__container .shipping__form .shipping_submit:hover{color:var(--orange)}.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(--blue); 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.6rem);--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; @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-playfair); 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(--blue); font-family: var(--font-playfair); text-transform: uppercase; font-weight: 500; text-align: center;} .text-reset-password {font-size: var(--font-size-reset-password-text-form-account-acess); color: var(--blue); font-family: var(--font-playfair); 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(--blue); font-family: var(--font-playfair); font-weight: 500;} .input-item {padding: 1rem 1.4rem 1rem 1.4rem; border: .1rem solid var(--light-gray); font-size: var(--font-size-input-item-form-account-acess); color: var(--blue); font-family: var(--font-playfair); font-weight: 500; @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(--blue); font-family: var(--font-playfair); font-weight: 300;}} .link-recover {text-decoration: none; font-size: var(--font-size-link-recover-form-account-acess); font-family: var(--font-playfair); color: var(--gray); font-weight: 400; transition: color .5s ease; width: fit-content; &:hover {color: var(--orange);}} .container-input-password {width: 100%; position: relative; input {width: 100%; position: relative;} .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;} .icon-password-reveal::before {content: ""; position: absolute; width: 2.2rem; height: .2rem; background: var(--blue); 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(--blue); font-size: var(--font-size-button-submit-form-account-acess); color: var(--white); font-family: var(--font-playfair); padding: 1.2rem 2.4rem; font-weight: 600; width: 16rem; border: none; cursor: pointer; text-transform: uppercase; transition: color .5s ease; @media screen and (min-width: 768px) {padding: 1.4rem 2.4rem; width: 18rem;} &:hover {color: var(--orange);}}} .link-create-account {font-size: var(--font-size-link-create-account-form-account-acess); font-family: var(--font-playfair); color: var(--blue); font-weight: 500; text-decoration: underline; text-align: center; width: fit-content; cursor: pointer; transition: color .5s ease; &:hover {color: var(--orange);}}}}}discount-coupon{display:flex;margin-top:2.2rem;flex-direction:column;position:relative;transition:.3s all}discount-coupon .discount_coupon__heading{display:flex;align-items:center;justify-content:space-between}discount-coupon .discount_coupon__heading .discount_coupon__heading_btn{display:flex;align-items:center;text-transform:uppercase;gap:1rem;color:var(--gray);cursor:pointer}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__heading_btn :is(svg) :is(path){fill:var(--gray)}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(--gray)}discount-coupon .discount_coupon__form{display:flex;overflow:hidden;transition:.3s all}discount-coupon .discount_coupon__form[closed]{height:0}discount-coupon .discount_coupon__form .discount_coupon__input{margin-top:.8rem;color:var(--blue);font-size:clamp(1.2rem,2vw,1.4rem);font-weight:400;min-height:3.5rem;padding:1rem 1.4rem;border:none;border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray);border-left:1px solid var(--light-gray);font-family:var(--font-playfair);transition:.3s border;min-width:20px}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(--blue);border-right:none}discount-coupon .discount_coupon__form .discount_coupon__button{margin-top:.8rem;border:none;max-width:9.6rem;width:100%;background:var(--blue);display:flex;align-items:center;justify-content:center;color:var(--white);text-transform:uppercase;font-family:var(--font-playfair);transition:.3s color ease;cursor:pointer}discount-coupon .discount_coupon__form .discount_coupon__button:hover{color:var(--orange)}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(--blue);font-family:var(--font-playfair);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(--blue);font-family:var(--font-playfair);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(--blue);border:1px solid var(--blue);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(--blue);font-size:clamp(1.8rem,2vw,2.4rem);font-weight:400;margin-bottom:clamp(1.6rem,2vw,2.4rem)}*{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-proxima-nova);&*{scrollbar-width:thin;scrollbar-color:var(--blue) #f1f1f1}}body::-webkit-scrollbar{width:3px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:var(--blue);border-radius:10px;border:3px solid transparent}body::-webkit-scrollbar-thumb:hover{background:var(--blue, .8)}.no-scroll{overflow:hidden}