@font-face{font-family:Mont;src:url(https://zakandre.github.io/react_phone-catalog/fonts/Mont-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:MontBold;src:url(https://zakandre.github.io/react_phone-catalog/fonts/Mont-Bold.otf) format("opentype");font-weight:800;font-style:bold}@font-face{font-family:Mont-SemiBold;src:url(https://zakandre.github.io/react_phone-catalog/fonts/Mont-SemiBold.otf) format("opentype");font-weight:600}*{padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:Mont,sans-serif;background-color:#fafbfc;color:#0f0f11}a{text-decoration:none;color:#0f0f11}h1{font-family:MontBold,sans-serif;font-weight:800;font-style:Bold;font-size:48px;line-height:56px;letter-spacing:-1%}button{font-family:Mont-SemiBold,sans-serif;background:none;border:1px solid #B4BDC3;border-radius:48px;font-size:14px;line-height:21px;letter-spacing:0}.root{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.empty-page{text-align:center;line-height:150px}h1,h2,h3{font-family:MontBold,sans-serif;font-weight:800;font-size:48px;line-height:56px}h2{font-size:32px;line-height:56px}h3{font-size:22px;line-height:140%;letter-spacing:0%}h4{font-family:Mont-SemiBold,sans-serif;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%}a:hover img{transform:scale(1.1);transition:transform .3s ease}@media only screen and (min-width: 320px){.loader,.error{grid-column:span 4;color:red}.wrapper{min-width:320px;max-width:639px;margin:0 auto}.reload-btn,.orange-btn{height:40px;border-radius:8px;background:#f86800;border:0;color:#fff;font-weight:700;font-size:14px;line-height:21px}.reload-btn{grid-column:span 4;display:flex;align-items:center;justify-content:center;gap:8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;row-gap:0;margin:0 auto;padding:0 16px}h1,.breadcrumbs{grid-column:span 4}.prev-btn,.next-btn{background:url(https://zakandre.github.io/react_phone-catalog/img/home/next.svg);background-size:cover;border:0;width:32px;height:32px;cursor:pointer}.next-btn:hover{background:url(https://zakandre.github.io/react_phone-catalog/img/shared/next-hov.svg)}.prev-btn{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);margin-right:16px}.prev-btn:hover{background:url(https://zakandre.github.io/react_phone-catalog/img/shared/next-hov.svg)}.disabled-btn{background:url(https://zakandre.github.io/react_phone-catalog/img/home/next-disabled.png);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);margin-right:16px}.disabled-btn:hover{background:url(https://zakandre.github.io/react_phone-catalog/img/home/next-disabled.png)}.disabled-btn-without-rotate{background:url(https://zakandre.github.io/react_phone-catalog/img/home/next-disabled.png)}}@media only screen and (min-width: 640px){.loader,.error{grid-column:span 12}.wrapper{min-width:640px;max-width:1199px}.grid{grid-template-columns:repeat(12,1fr);padding:0 24px}h1,.breadcrumbs{grid-column:span 12}.reload-btn{grid-column:span 5}}@media only screen and (min-width: 1200px){.loader,.error{grid-column:span 24}.wrapper{max-width:1136px}.grid{grid-template-columns:repeat(24,1fr);padding:0;row-gap:0}.error{color:red}.reload-btn{grid-column:span 6}.sort-select{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;transition:border-color .2s}.sort-select:hover,.sort-select:focus{border-color:#999;outline:none}.sort-select option{padding:8px}h1,.breadcrumbs{grid-column:span 24}}@media only screen and (min-width: 320px){.header-nav-mobile{grid-column:span 4;width:100%;flex:1;flex-direction:column;display:none}.header-nav-mobile-isOpen{height:100vh}.header-nav-mobile-list-navigation{top:0;position:relative;flex:1}.header-nav-mobile-list-navigation li{text-align:center;padding-bottom:16px}.nav-mobile-visible{z-index:50;margin-top:24px;display:flex}.footer-nav-mobile{display:flex;justify-content:center;height:64px;border-top:1px solid #e2e6e9}.footer-nav-mobile a{display:flex;justify-content:center;width:50%}.favorite-link{border-right:1px solid #E2E6E9}.footer-nav-mobile a img{width:16px;height:16px;align-self:center}.footer-nav-mobile a.active-link{border-bottom:1px solid #313237}.header-nav-mobile-list-navigation li a{font-family:Mont,sans-serif;font-weight:800;font-size:12px;line-height:11px;letter-spacing:4%;text-transform:uppercase;text-decoration:none;color:#89939a;padding:8px 0;display:inline-block}.header-nav-mobile-list-navigation li a:after{content:"";display:block;width:100%;padding-top:6px}.header-nav-mobile-list-navigation li a:hover:after{content:"";display:block;width:100%;padding-top:6px}.header-nav-mobile-list-navigation li a:hover,.header-nav-mobile-list-navigation li a.active-link{color:#000;border-bottom:3px solid;transition:color .3s ease;text-decoration:none}.search-visibility-state{visibility:hidden}}@media only screen and (min-width: 640px){.header-nav-mobile{display:none}}@media only screen and (min-width: 320px){.header{background:#fff;border-bottom:1px solid #E2E6E9;width:100%;position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;flex-direction:column}.header-desktop{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid #E2E6E9}.header-desktop-navigation-wrapper{display:none}.header-desktop-navigation-list{display:flex;list-style:none;gap:32px}.header-desktop-navigation-list li{display:flex}.header-desktop-navigation-list li a{padding:18.5px 0;vertical-align:middle;color:#89939a}.header-desktop-logo-link{padding:13px 16px;display:flex}.header-desktop-logo-link img{width:64px;height:22px}.header-desktop-right-side{display:none}.header-desktop-right-side-cart-link,.header-desktop-right-side-cart-link img{width:16px;height:16px}.mobile-search .header-desktop-right-side-cart-link{display:flex}.header-desktop-mobile-menu-wrap{border-left:1px solid #E2E6E9}.header-desktop-mobile-menu-link{display:flex;padding:16px 17px}.notifications-counter{position:absolute;margin-top:-15px;margin-left:10px;place-self:center;width:14px;height:14px;border-radius:50px;background:#476df4;border:1px solid #fff;font-weight:700;font-size:9px;letter-spacing:0%;line-height:15px;text-align:center;color:#fff}.mobile-right-side{display:flex;align-items:center}.mobile-right-side .header-desktop-right-side-cart-link{display:flex;border-left:1px solid #E2E6E9;padding:16px 17px}.mobile-right-side .hide-search-icon{display:none}}@media only screen and (min-width: 640px){.header-desktop-logo-link{padding:0 0 0 16px}.header-desktop-logo-link img{width:80px;height:26.47px}.header-desktop-navigation{padding-right:0;margin:0}.header-desktop-navigation-wrapper{display:flex;min-width:0;margin:0;flex:1}.header-desktop-navigation-list{grid-column:span 9}.header-desktop-navigation-list li a{font-family:MontBold,sans-serif;font-size:12px;line-height:11px;letter-spacing:4%;text-transform:uppercase;padding:19.5px 0}.header-desktop-navigation-list li a.active-link{color:#0f0f11;border-bottom:3px solid #0F0F11}.header-desktop-mobile-menu-wrap{display:none}.header-desktop-right-side{display:flex}.header-desktop-right-side-cart-link{padding:18.5px 16px;border-left:1px solid #E2E6E9;display:flex}.header-desktop-right-side a.active{border-bottom:3px solid #0F0F11}.mobile-right-side{display:none}}@media only screen and (min-width: 1200px){.header-desktop-logo-link{padding:19.53px 48px 19.53px 24px}.header-desktop-navigation-list{grid-column:span 10;gap:64px}.header-desktop-navigation-wrapper{display:flex;min-width:0}.header-desktop-navigation-list li a{font-family:MontBold,sans-serif;font-size:12px;line-height:11px;letter-spacing:4%;text-transform:uppercase;padding:26.5px 0}.header-desktop-mobile-menu-wrap{display:none}.header-desktop-right-side{display:flex}.header-desktop-right-side-cart-link{padding:25px 24.33px;border-left:1px solid #E2E6E9;display:flex}}@media only screen and (min-width: 1440px){.header-desktop-logo-link{padding:0 0 0 24px}.header-desktop-navigation-list{grid-column:2/10}.header-desktop-navigation-list-search-open{grid-column:3/10;margin-left:-1.2px}}@media only screen and (min-width: 320px){.header-desktop-navigation-form{display:flex;align-items:center;position:relative;margin-right:10px;margin-left:15px}.header-desktop-navigation-form-input{width:100%;height:50%;border:1px solid #E2E6E9;border-radius:10px;color:#0f0f11;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;padding:5px;background:#fff}.header-desktop-navigation-form-input:focus{outline:1px solid #0F0F11}.header-desktop-right-side-clear-search{position:absolute;right:0;vertical-align:middle;border-left:1px solid #E2E6E9;background-color:#fff;color:#0f0f11;height:50%;padding-left:8px;padding-right:8px;margin-right:1px;border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;align-items:center;cursor:pointer}}@media only screen and (min-width: 640px){.header-desktop-navigation-form-input{padding:0}.header-desktop-navigation-input{padding-left:9px}.header-desktop-right-side .hide-search-icon{display:none}.header-desktop-right-side .search-link{display:block}.mobile-right-side .search-link{display:none}.search-visibility-state{visibility:hidden}}@media only screen and (min-width: 320px){.footer-section{row-gap:36px}.footer{margin-top:80px;gap:32px;box-shadow:0 -1px #e2e6e9;-webkit-box-shadow:0 -1px 0 0 #E2E6E9;-moz-box-shadow:0 -1px 0 0 #E2E6E9;-o-box-shadow:0 -1px 0 0 #E2E6E9}.footer .wrapper{padding-top:32px;padding-bottom:32px}.left-section,.middle-section,.right-section{grid-column:span 4}.right-section{display:flex;justify-content:center;align-items:center}.middle-section{display:flex;flex-direction:column;gap:16px}.footerLink{font-weight:800;font-size:12px;line-height:11px;letter-spacing:4%;text-transform:uppercase;color:#89939a}.next-top{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.to-top-btn{font-family:Mont,sans-serif;font-weight:700;font-size:12px;line-height:100%;letter-spacing:0%;text-align:center;color:#89939a;display:flex;align-items:center;gap:16px}}@media only screen and (min-width: 640px){.footer-section{row-gap:36px}.middle-section{flex-flow:row nowrap;align-items:center;justify-content:center}.right-section{justify-content:end}.footerLink{font-family:MontBold,sans-serif}}@media only screen and (min-width: 1200px){.left-section,.middle-section,.right-section{grid-column:span 8}}.NotFoundPage{text-align:center;row-gap:25px;padding:16px}.NotFoundPage h1{padding:25px 0}.NotFoundImage{width:100%}@media only screen and (min-width: 320px){.NotFoundPage h1{font-size:28px}.NotFoundImage,.NotFoundPage h1{grid-column:span 4}}@media only screen and (min-width: 640px){.NotFoundPage h1{font-size:28px}.NotFoundImage,.NotFoundPage h1{grid-column:span 12;justify-content:center}}@media only screen and (min-width: 1200px){.NotFoundPage h1{font-size:28px}.NotFoundImage,.NotFoundPage h1{grid-column:span 24}}@media only screen and (min-width: 320px){.slider-main-content{grid-column:span 4}.slider-main-content-images{width:100%;aspect-ratio:1/1;object-fit:cover}.nav-dots{width:fit-content;margin:0 auto}.nav-dots-wrapper{width:100%;display:flex;justify-content:center;margin-top:16px;margin-bottom:40px}.nav-dots .img-links{position:relative;width:51.2px;height:39.4px;border-radius:4px;background-color:transparent;border:1px solid #E2E6E9;padding:4px 0}.nav-dots .img-dots{width:100%;height:100%;object-fit:contain}.nav-links{background:#e2e6e9;width:14px;height:4px;display:inline-block;margin-right:14px;border-radius:0;border:0}.nav-links:last-child{margin-right:0}.nav-links-active{background:#0f0f11}.nav-dots-wrapper .nav-links-active{background-color:transparent;border:1px solid #0F0F11}.prev,.next{display:none}.main-product-img{object-fit:contain}}@media only screen and (min-width: 640px){.prev,.next{display:inline-block;width:32px;border-radius:50px;border:1px solid #b4bdc3;background:#fff;cursor:pointer}.prev{margin-right:19px}.next{margin-left:19px}.slider-main-content-images{height:189px;border-radius:8px;object-fit:cover;object-position:top center}.slider-main-content-img-dots{display:flex;flex-flow:row-reverse;justify-content:left;grid-column:span 7}.slider-main-content-img-dots .prev,.slider-main-content-img-dots .next{display:none}.slider-main-content .nav-dots .img-links{position:relative;width:33.4px;height:25.4px;margin-bottom:8px}.slider-main-content .nav-dots .img-links:last-child{margin-bottom:0}}@media only screen and (min-width: 640px) and (min-width: 768px){.slider-main-content-images{height:400px}}@media only screen and (min-width: 640px){.slider-img-container{padding:0 16px;display:flex}.nav-dots-wrapper{width:35px;justify-content:start;margin:0;flex-direction:column}.main-product-img{width:287px;height:287px;object-fit:scale-down}}@media only screen and (min-width: 1200px){.slider-main-content-img-dots{grid-column:span 12}.slider-main-content .nav-dots .img-links{width:78.4px;height:70.4px;margin-bottom:16px;transition:transform .3s ease}.nav-dots-wrapper{width:80px}.main-product-img{width:464px;height:464px;transition:transform .3s ease}.main-product-img:hover,.main-product-img .img-links:hover{transform:scale(1.05)}}@media only screen and (min-width: 320px){.card{border:1px solid #E2E6E9;border-radius:8px}.card:hover{box-shadow:0 2px 15px #0000001a}.card-img{height:129px;width:148px;object-fit:scale-down;object-position:top center}.card-name{font-weight:400;font-size:14px;line-height:21px;letter-spacing:0%;padding:4px 0 8px;position:relative;height:63px}.card-name a{position:absolute;bottom:0}.card-price{font-family:MontBold,sans-serif;font-size:22px;line-height:140%;letter-spacing:0%;margin-bottom:8px;color:#000}.card-full-price{font-family:Mont,sans-serif;font-weight:600;font-size:22px;line-height:100%;letter-spacing:0%;text-decoration:line-through;color:#89939a;margin-left:8px}.card-middle{border-bottom:1px solid #E2E6E9;padding-bottom:8px}.card-props{display:flex;margin-top:16px;flex-wrap:wrap}.card-props-line{font-family:Mont,sans-serif;font-weight:700;font-size:12px;width:100%;display:flex;justify-content:space-between;color:#0f0f11;padding-bottom:8px}.card-props-line-title{color:#89939a}.card-footer{display:flex;justify-content:space-between;padding-top:8px}.card-add{flex:1;margin-right:10px;height:40px;border-radius:8px;background:#f86800;border:0;color:#fff;font-weight:700;font-size:14px;line-height:21px;letter-spacing:0%;cursor:pointer}.card-add:hover{box-shadow:0 3px 13px #17203166}.card-add-fav{background:none;border-radius:48px;border:1px solid #B4BDC3;width:40px;height:40px;cursor:pointer}.card-add-fav-added{border-color:#e2e6e9}.card-add-fav img{vertical-align:middle}.card-add-fav:hover{border-color:#0f0f11}.card-content-wrapper{padding:32px}.card-img-link{display:flex;justify-content:center}.cart-added{background:#fff;color:#f86800;border:1px solid #E2E6E9}}@media only screen and (min-width: 640px){.card-img{height:181px;width:173px}}@media only screen and (min-width: 768px){.items .card-add{width:71%}}@media only screen and (min-width: 1200px){.card-img{height:196px;width:207px}.card-content-wrapper{padding-right:31px}.card-add{width:160px}}@media only screen and (min-width: 320px){.new-models{margin-top:56px}.new-models-top{margin-bottom:24.5px}}@media only screen and (min-width: 640px){.new-models{margin-top:64px}.new-models-top{margin-bottom:24px}}@media only screen and (min-width: 1200px){.new-models{margin-top:80px}}@media only screen and (min-width: 320px){.category-block{grid-column:span 4;overflow:hidden;border-radius:10px}.category-block>a{display:block}.category-bottom{padding:24px 0 0}.category-img{width:100%}.category-title{font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;text-transform:capitalize;padding-bottom:4px}.category-count-text{font-weight:600;font-size:14px;line-height:21px;letter-spacing:0%;color:#89939a}}@media only screen and (min-width: 1200px){.category-block{grid-column:span 8}}@media only screen and (min-width: 320px){.cat-section-title{grid-column:span 4;padding:56px 0 24px}}@media only screen and (min-width: 640px){.category{margin-top:56px}h4.cat-section-title{grid-column:span 12;padding:0 0 24px}}@media only screen and (min-width: 1200px){.category{margin-top:80px}h4.cat-section-title{grid-column:span 24;padding:0 0 24px}}@media only screen and (min-width: 320px){.top-content{grid-column:span 4}.top-content-title{grid-column:span 4;padding:24px 0;font-size:32px;line-height:41px}.new-models{margin-bottom:24px;position:relative}.new-models-top{grid-column:span 4;padding:0;margin:0 0 24.5px;overflow:hidden}.new-brand{width:100%;grid-column:span 4;display:flex;gap:16px;overflow:auto hidden;padding:0;scroll-behavior:smooth}.new-brand::-webkit-scrollbar{display:none}.home-section-title{font-family:MontBold,sans-serif;font-size:22px;line-height:140%;letter-spacing:0%;grid-column:span 2}.controllers{grid-column:3/5;display:flex;align-items:center;justify-content:end}.main-content .search-link{display:none}}@media only screen and (min-width: 640px){.top-content-title{grid-column:span 9;padding:32px 24px;font-size:48px;line-height:56px}.new-models-top{grid-column:span 12}.controllers{grid-column:12/13}.home-section-title{grid-column:span 8}.new-brand{width:100%;grid-column:span 12}}@media only screen and (min-width: 1200px){.top-content-title{grid-column:span 24;padding:32px 0}.new-models-top{grid-column:span 24}.controllers{grid-column:24/25}.home-section-title{grid-column:span 8}.new-brand{width:100%;grid-column:span 24}}.movie--isloading{height:252px;border-radius:4px;overflow:hidden;margin-bottom:15px}.movie--isloading .loading-image{height:190px;background-image:linear-gradient(90deg,#ececec 0,#f4f4f4,#ececec 80%);background-size:250px;animation:shine-loading-image 2s infinite ease-out}.movie--isloading .loading-content{background:#f7f7f7;padding:15px;display:flex;align-items:center;justify-content:center}.movie--isloading .loading-content .loading-text-container{flex-basis:100%}.movie--isloading .loading-content .loading-main-text{height:10px;width:65%;margin-bottom:10px;background:#ececec;background-image:linear-gradient(90deg,#ececec 0,#ddd,#ececec 80%);background-size:250px;border-radius:10px;animation:shine-loading-container-items 2s infinite ease-out}.movie--isloading .loading-content .loading-sub-text{height:10px;width:50%;background:#ececec;background-image:linear-gradient(90deg,#ececec 0,#ddd,#ececec 80%);background-size:250px;border-radius:10px;animation:shine-loading-container-items 2s infinite ease-out}.movie--isloading .loading-content .loading-btn{width:60px;height:25px;background:#ececec;background-image:linear-gradient(90deg,#ececec 0,#ddd,#ececec 80%);background-size:250px;border-radius:3px;animation:shine-loading-container-items 2s infinite ease-out}@keyframes shine-loading-image{0%{background-position:-32px}40%,to{background-position:208px}}@keyframes shine-loading-container-items{0%{background-position:-100px}40%,to{background-position:140px}}@media only screen and (min-width: 320px){.items{grid-column:span 4}.items .card{grid-column:span 4;margin-bottom:40px}.next-breadcrumbs{padding-left:13.3px}.breadcrumbs{grid-column:span 4;display:flex;align-items:center;gap:8px;min-width:0;margin-top:24px;margin-bottom:24px;text-transform:capitalize}.breadcrumbs a{display:flex;align-items:center}.breadcrumbs a:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.breadcrumbs a:last-child>img{display:none}.pagination-links{display:block;color:#000;width:32px;height:32px;text-align:center;line-height:35px}.products-title{font-family:MontBold,sans-serif;font-size:32px;line-height:41px;letter-spacing:-1%;padding-bottom:32px;text-transform:capitalize}.select-custom{position:relative;display:inline-block;width:150px}.select-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.select-options{position:absolute;top:100%;left:0;right:0;list-style:none;margin:4px 0 0;padding:0;border:2px solid #ddd;border-radius:6px;background:#fff;box-shadow:0 4px 6px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.actions-btns-wrapper{grid-column:span 4;display:flex;justify-content:space-between;margin-bottom:24px}.actions-btns-wrapper>div{width:48%;position:relative}.product-sort-by{position:relative}.list-open{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.top-action-btn{font-family:Mont,sans-serif;font-weight:700;width:100%;font-size:14px;line-height:21px;letter-spacing:0%;background:transparent;border:1px solid #B4BDC3;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;cursor:pointer;color:#0f0f11}.list-closed{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}.sort-values-list{list-style:none;border-radius:8px;border:1px solid #E2E6E9;margin-top:4px;position:absolute;z-index:100;top:100%;left:0;background:#fff;width:100%}.sort-values-list li{background:transparent;border:0}.sort-values-list li button{font-family:Mont,sans-serif;padding:6px 12px;width:100%;cursor:pointer;font-weight:600;font-size:14px;line-height:21px;letter-spacing:0%;text-align:left;color:#89939a;background:transparent;border-radius:8px;border:0}.sort-values-list li:hover>button{background:#fafbfc;color:#0f0f11}.action-btn-label{font-family:Mont,sans-serif;font-weight:700;font-size:12px;line-height:100%;letter-spacing:0%;color:#89939a}.btn-active{border:1px solid #0F0F11}.items-length{grid-column:span 4;font-family:Mont,sans-serif;font-weight:600;font-size:14px;line-height:21px;letter-spacing:0%;color:#89939a;padding-top:8px;display:block}.pagination-products{grid-column:span 4;margin-top:24px}.pagination-wrapper{grid-column:span 4;display:flex;justify-content:center}.next-btn-pagination{margin-left:16px}.pagination{list-style:none;grid-column:span 4;display:flex;justify-content:center;gap:8px}.pagination li{background:#fff;display:inline-block;border-radius:48px;border:1px solid #E2E6E9}.pagination li.active-li{background:#0f0f11}.pagination li.active-li a{color:#fff}}@media only screen and (min-width: 640px){.items{grid-column:span 12}.items .card{grid-column:span 6}.breadcrumbs{grid-column:span 12;margin-bottom:40px}.actions-btns-wrapper{grid-column:span 12;justify-content:flex-start;gap:16px}.products-title{padding-bottom:40px}.actions-btns-wrapper>div{width:fit-content}.top-action-btn{width:187px}.product-sort-by .top-action-btn{width:136px}.pagination-wrapper{grid-column:span 12}.pagination-products{grid-column:span 12;margin-top:24px}}@media only screen and (min-width: 768px){.items .card{grid-column:span 4}}@media only screen and (min-width: 1200px){.actions-btns-wrapper{grid-column:span 24}section.padd-top{padding-top:24px}.items{grid-column:span 24}.items .card{grid-column:span 6}.items .card a{display:flex;justify-content:center}.pagination-wrapper,.pagination-products{grid-column:span 24}}@media only screen and (min-width: 320px){.main-controls{grid-column:span 4}.main-controls-section{display:flex;gap:9px;border-bottom:1px solid #E2E6E9;padding-bottom:24px;margin-bottom:24px}.main-controls .card-middle{border-bottom:none}.main-controls .card-middle .card-price{font-family:MontBold,sans-serif;font-size:32px;line-height:41px}.main-controls .card-footer{margin-bottom:32px}.color-selector{width:32px;height:32px;border-radius:36px;border:1px solid #E2E6E9;box-shadow:inset 0 0 0 2px #fff;cursor:pointer}.color-selector-active{border:1px solid #313237}.color-selector:hover{border-color:#b4bdc3}.selector-title{font-family:Mont-SemiBold,sans-serif;font-size:12px;line-height:100%;letter-spacing:0%;color:#89939a;width:100%;display:flex;justify-content:space-between;margin-bottom:8px}.selector-hidden-title{display:none}.capacity-selector{background:#fff;color:#0f0f11;padding:7px 8px;border:1px solid #B4BDC3;border-radius:4px;cursor:pointer;font-family:Mont,sans-serif;font-weight:600;font-size:14px;line-height:21px;letter-spacing:0%;text-align:center}.selected-capacity{background-color:#0f0f11;color:#fff}.props-table .card-props-line{font-size:14px}.props-table .card-props-line:last-child span:last-child{word-break:break-word;max-width:75%;text-align:right}}@media only screen and (min-width: 640px){.main-controls{grid-column:span 5}}@media only screen and (min-width: 1200px){.selector-hidden-title{display:block;grid-column:23/26;text-align:right}.selector-title-responsive span{display:none}.main-controls{grid-column:span 10}}@media only screen and (min-width: 320px){.suggestions{grid-column:span 4}.go-back{grid-column:span 4;font-weight:700;font-size:12px;line-height:100%;letter-spacing:0%;color:#89939a;background-color:transparent;border:none;text-align:left;vertical-align:middle;margin-bottom:16px;cursor:pointer}.go-back img{vertical-align:middle;margin-top:-3px}.go-back:hover{color:#313237}.product-title{margin-bottom:32px;font-style:Bold;font-size:22px;line-height:140%;letter-spacing:0%}.details-about{grid-column:span 4}.details-about-description h4{font-family:Mont-SemiBold,sans-serif;font-weight:700;font-size:16px;line-height:100%;letter-spacing:0%;color:#0f0f11;padding-top:32px;padding-bottom:16px}.details-about-description p{font-size:14px;line-height:21px;letter-spacing:0%;color:#89939a}.details-section-title{font-family:Mont-SemiBold,sans-serif;font-weight:700;font-size:20px;border-bottom:1px solid #E2E6E9;padding-bottom:16px;margin-top:56px}.details-caracteristiques{grid-column:span 4}.caracteristiques-wrapper{padding-top:14px}.props-table-label:last-child{flex:1;min-width:0;max-width:200px}.props-table-label:last-child p{overflow-wrap:break-all;margin:0}.props-table-label:last-child p:last-child{word-spacing:.3rem}.suggestions .new-smodels{padding:0}}@media only screen and (min-width: 640px){.go-back,.suggestions{grid-column:span 12}.details-section-title{margin-top:0}.details-page .product-title{font-size:32px}.details-about,.details-caracteristiques{grid-column:span 12}.details-caracteristiques{margin-top:64px}.caracteristiques-wrapper{padding-top:9px}}@media only screen and (min-width: 1200px){.go-back,.suggestions{grid-column:span 24}.details-about,.details-caracteristiques{margin-top:80px}.details-about{grid-column:span 11}.details-caracteristiques{grid-column:13/25}}@property --skele-pos{syntax: "<number>"; inherits: true; initial-value: 0;}@property --hundred-vw{syntax: "<length>"; initial-value: 0; inherits: false;}:root{--skele-color-light: hsl(228deg 15% 86% / 100%);--skele-color-dark: hsl(228deg 15% 16% / 100%);--skele-shine-light: hsl(228deg 25% 95% / 80%);--skele-shine-dark: hsl(228deg 18% 22% / 80%);--skele-radius: .5rem;--skele-distance: 400;--skele-time: 1;--skele-scaler: .7;--skele-size: clamp(100px, 50vw, 500px);--skele-leading-edge-blur: clamp(10px, 5vw, 50px);--skele-angle: 96deg;--skele-ease: cubic-bezier(.45, .3, .7, .55);--skele-pos: 0;--hundred-vw: 100vw;--int-width: calc(10000*tan(atan2(var(--hundred-vw), 10000px))) ;--scaled-time: calc((1 - (var(--int-width) / 400) * var(--skele-scaler) / 5));--anim-time: calc( ((var(--int-width) / var(--skele-distance)) * (var(--skele-time) * 1.33)) * var(--scaled-time) );color-scheme:light dark;--bg-light: hsl(220deg 16% 94%);--bg-light2: hsl(212deg 50% 92%);--bg-dark: hsl(222deg 15% 22%);--bg-dark2: hsl(222deg 25% 20%);--fg-light: hsl(212deg 22% 26%);--fg-dark: hsl(222deg 39% 95%);--bg: light-dark(var(--bg-light), var(--bg-dark));--bg2: light-dark(var(--bg-light2), var(--bg-dark2));--fg: light-dark(var(--fg-light), var(--fg-dark));--link: light-dark(hsl(222deg 95% 60%), hsl(222deg 95% 70%));--linkh: light-dark(hsl(150deg 90% 50%), hsl(150deg 95% 70%));--input-bg-light: hsl(from var(--bg-light) h 15% 100%);--input-bg-dark: hsl(from var(--bg-dark) h 15% 10%);--input-border-light: hsl(from var(--bg-light) h 15% 85%);--input-border-dark: hsl(from var(--bg-light) h 15% 35%);--labels-light: hsl(from var(--fg-light) h 20% 55%);--labels-dark: hsl(from var(--fg-dark) h 20% 55%);--labels: light-dark(var(--labels-light), var(--labels-dark));--b: light-dark(var(--input-bg-light), var(--input-bg-dark));--bor: light-dark(var(--input-border-light), var(--input-border-dark));animation:skeleton calc(1s * var(--anim-time)) var(--skele-ease) infinite}@keyframes skeleton{0%{--skele-pos: 0}66%,to{--skele-pos: 1}}.skeleton{--skele-color: light-dark( var(--skele-color-light), var(--skele-color-dark) );--skele-shine-color: light-dark( var(--skele-shine-light), var(--skele-shine-dark) );color:transparent;background-color:var(--skele-color);border-radius:var(--skele-radius);margin-top:5%;--anim-pos: calc( var(--skele-pos) * (100vw + var(--skele-size) * 2) - var(--skele-size) );background-image:linear-gradient(var(--skele-angle, 90deg),hsl(from var(--skele-shine-color) h s l / 0) calc(var(--anim-pos)),hsl(from var(--skele-shine-color) h s l / 1) calc(var(--anim-pos) + var(--skele-size)),hsl(from var(--skele-shine-color) h s l / 0) calc(var(--anim-pos) + var(--skele-size) + var(--skele-leading-edge-blur)));background-attachment:fixed}.skeleton.multi-line{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.4}.skeleton.circle{aspect-ratio:1;border-radius:100vw}.skeleton.square{aspect-ratio:1}.skeleton.rectangle{aspect-ratio:1.62}.app,.info{display:grid;width:clamp(360px,50vw,800px);gap:1em;grid-template-columns:min-content 1fr .3fr .2fr}.app h2,.info h2{margin:1em 0 0;text-wrap:pretty}.app h3,.info h3{font-size:2em;margin:0;max-width:400px}.app img,.info img{height:64px}.app p,.info p{margin:0;grid-column:2 / -1;max-width:400px}.app .full,.info .full{grid-column:1 / -1}.app .box.big,.info .box.big{grid-column:1 / 3}.app .faded,.info .faded{opacity:.5}.info{margin-bottom:5em}.product-not-found{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.product-not-found__content{text-align:center;max-width:500px}.product-not-found__image{width:200px;height:200px;margin-bottom:2rem}.product-not-found__title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#313237}.product-not-found__message{font-size:1rem;color:#89939a;margin-bottom:2rem;line-height:1.5}.product-not-found__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.product-not-found__button{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;background-color:#313237;color:#fff;transition:all .3s}.product-not-found__button:hover{background-color:#0f0f11;transform:translateY(-2px)}.product-not-found__button--secondary{background-color:#fff;color:#313237;border:2px solid #e2e6e9}.product-not-found__button--secondary:hover{background-color:#f8f9fa}.product-not-found__button img{vertical-align:middle;margin-top:-3px}.favorites-items{padding:0}@media only screen and (min-width: 320px){.cart-go-back{margin-top:24px}.added-items{grid-column:span 4;display:flex;flex-direction:column}.added-items-total{border:1px solid #E2E6E9;border-radius:16px;padding:24px;height:fit-content}.added-items-total-btn{width:100%;margin-top:16px}.added-items-total p{font-family:MontBold,sans-serif;font-size:32px;line-height:41px;letter-spacing:-1%;text-align:center;color:#0f0f11;border-bottom:1px solid #E2E6E9;padding-bottom:16px}.added-items-total p span{font-family:Mont,sans-serif;font-weight:600;font-size:14px;line-height:21px;letter-spacing:0%;text-align:center;color:#89939a;display:block}.added-item{border:1px solid #E2E6E9;border-radius:16px;padding:16px;margin-bottom:16px}.added-item-left-info{display:flex;flex-wrap:wrap;justify-content:space-between;align-self:center}.added-item-left-info h4{width:60%;align-self:anchor-center;text-align:left}.added-item-close{background:none;border:0;width:fit-content;cursor:pointer}.added-item-image{width:80px;height:80px}.added-item-right{display:flex;justify-content:space-between;margin-top:16px}.added-item-right-action-counter-product_counter{padding:0 14px}.added-item-right-action-counter-btn{width:32px;height:32px;cursor:pointer}.added-item-right-action-counter-btn:hover{border-color:#0f0f11}.added-item-right-action-counter-img{vertical-align:middle}.added-item-right-price{font-family:MontBold,sans-serif;font-size:22px;line-height:140%}.modal-backgorund{position:fixed;width:100%;height:100vh;z-index:4;background:#000000b3;left:0;top:0;cursor:pointer}.modal-checkout{height:fit-content;border:1px solid #E2E6E9;border-radius:16px;padding:24px;grid-column:span 3;margin:0 25px;position:absolute;place-self:center;z-index:5;background-color:#fff;display:flex;flex-wrap:wrap}.modal-checkout-content-text{text-align:center;margin:15px auto;line-height:30px}.modal-checkout-close{border:0;position:absolute;right:10px;top:10px}.modal-checkout-confirm-btn{margin:0 auto;padding:10px 0}}@media only screen and (min-width: 640px){.cart-go-back{margin-top:40px}.product-title{font-size:48px}.added-items{grid-column:span 12}.added-item{display:flex;justify-content:space-between}.added-item-left{width:45%}.added-item-left-info{justify-content:space-around}.added-item-right{width:45%}.modal-checkout{padding:24px;grid-column:span 10;margin:0 25px;position:absolute;place-self:center;flex-direction:column}}@media only screen and (min-width: 1200px){.added-items{grid-column:span 24;justify-content:space-between;flex-direction:row}.added-items-total{width:368px}.added-item{width:752px;margin-right:16px}}