@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{padding:0;border:none;background:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}ul,li{list-style-type:none;padding:0;margin:0}a{text-decoration:none}body{background-color:#ffdf8c;font-family:Nunito,Roboto,sans-serif}a{text-decoration:none;color:inherit}h1{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#232323}h2{font-size:32px;font-weight:700}@media (max-width: 440px){h2{text-align:center;padding-top:10px}}.wrapper{width:71vw;max-width:1360px;margin:0 auto;background:#fff;border-radius:10px;padding-block:50px;padding-inline:clamp(20px,3.12vw,60px)}@media (max-width: 1400px){.wrapper{width:85vw}}@media (max-width: 760px){.wrapper{width:100%;border-radius:0}}.button{display:flex;justify-content:center;align-items:center;font-weight:700;border-radius:30px;border:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.button:hover{background-color:#f24701}.button:active{background-color:#de4101;transform:translateY(1px)}.button-cart{gap:12px;background-color:#fe5f1e;padding:12px 26px;color:#fff}.button-cart .vertical-line{width:1px;height:26px;background-color:#fff}.button-group{background-color:#f9f9f9;padding:13px 30px;color:#2c2c2c}.button-group:hover{background-color:#f4f4f4}.button-group:active{background-color:#ececec;transform:none}.button-group.is-active{background-color:#232323;color:#fff}.button-add{column-gap:6px;background-color:#fff;padding:8px 16px;border:1px solid #FE5F1E;color:#fe5f1e}.button-add:hover{background-color:#fe5f1e;color:#fff}.button-add:hover svg path{fill:#fff}.button-add:hover i{background-color:#fff;color:#fe5f1e}.button-add svg path{fill:#fe5f1e}.button-add:active{background-color:#f24701}.button-add i{border-radius:30px;background-color:#fe5f1e;color:#fff;width:22px;font-style:normal;font-size:13px;line-height:22px}.button-exit{font-weight:400;padding:12px 26px;color:#cacaca;border:1px solid #cacaca}.button-exit svg{margin-right:12px}.button-exit:hover{background-color:#000;border-color:#000}.button i,.button span,.button path,.button svg{transition:all .2s ease-in-out}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.header__logo,.filter{display:flex;justify-content:space-between;align-items:center}.pizzas{margin-block:35px;display:flex;justify-content:start;flex-wrap:wrap;margin-inline:auto;row-gap:max(40px,3.4vw);column-gap:35px}@media (max-width: 1400px){.pizzas{justify-content:center}}.pagination ul{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:800}.pagination button{width:45px;aspect-ratio:1;color:#fe5f1e;border:1px solid #FE5F1E;border-radius:50%;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.pagination button:hover{background-color:#fe8a5b;border-color:#fe8a5b;color:#fff}.pagination button:active{background-color:#fe7137;transform:translateY(1px)}.pagination button.selected{background-color:#fe5f1e;color:#fff}.content-wrapper{margin-top:clamp(30px,4.7vw,90px);max-width:820px;margin-inline:auto;font-size:22px}@media (max-width: 860px){.content-wrapper{font-size:18px}}.info{max-width:500px;flex-direction:column}.info h2{padding-block:70px 10px;text-align:center}.info p{font-size:18px;text-align:center;margin-bottom:45px;color:#777}.info img{margin-inline:auto;margin-bottom:75px}.info button{background-color:#282828;font-size:16px;padding-inline:40px}.top-cart,.top-cart-left,.top-cart-right,.cart-description,.cart-amount,.total,.exit-pay,.info{display:flex;justify-content:space-between;align-items:center}.top-cart{margin-bottom:30px}.top-cart h2{margin:0}.top-cart .top-cart-left{column-gap:18px}.top-cart .top-cart-right{column-gap:8px;font-size:16px;color:#b6b6b6}.top-cart .top-cart-right:hover{color:#838383}.top-cart .top-cart-right:hover svg path{stroke:#838383}.top-cart .top-cart-right:active{transform:translateY(1px);color:#373737}.top-cart .top-cart-right:active svg path{stroke:#373737}.cart-pizza{display:flex;justify-content:space-between;align-items:center;padding-block:30px;font-weight:700;border-top:1px solid #f6f6f6;gap:8px}.cart-pizza .cart-description span{font-size:18px;font-weight:400;color:#8d8d8d}.cart-pizza .cart-info{min-width:160px}@media (max-width: 860px){.cart-pizza .cart-info span:last-child{display:block}}.cart-pizza button{padding:0;width:34px;aspect-ratio:1;border:2px solid #d7d7d7;border-radius:50%;background-color:transparent;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.cart-pizza button:disabled{cursor:auto;opacity:.3;color:#787878;border-color:#787878}.cart-pizza button:disabled:hover{background-color:transparent;color:#787878}.cart-pizza button:disabled:active{transform:none}.cart-pizza button :nth-child(1){margin-inline:auto}.cart-description{column-gap:15px}.btn-delete:hover{background-color:#000;border-color:#000}.btn-delete svg{transform:rotate(45deg)}.btn-delete svg path{fill:#d0d0d0}.cart-amount{column-gap:12px}.cart-amount button{border-color:#fe5f1e;color:#fe5f1e}.cart-amount button:hover{background-color:#fe5f1e;color:#fff}.cart-amount button:active{background-color:#f24701}@media (max-width: 860px){.cart-amount{flex-direction:column;row-gap:16px}}.total{padding-block:10px 40px}.total span:last-child b{color:#fe5f1e}.exit-pay{font-size:16px;gap:12px}.exit-pay .button{width:210px;padding-block:16px}@media (max-width: 440px){.exit-pay .button{width:46%}}.not-found,.fallbackCart{margin-block:clamp(20px,3vw,40px);display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px}.header{display:grid;grid-template-areas:"logo search button";justify-content:space-between;align-items:center;gap:25px;padding-bottom:clamp(20px,3.5vw,40px);border-bottom:1px solid #f6f6f6}.header img{flex-shrink:0}.header .header__logo{grid-area:logo;gap:18px;min-width:220px}@media (max-width: 440px){.header .header__logo{justify-content:start;width:90%}.header .header__logo h1{font-size:20px}}.header span{color:#7b7b7b}@media (max-width: 860px){.header{grid-template-areas:"logo button" "search search"}}@media (max-width: 440px){.header{gap:16px;justify-content:stretch;justify-items:center;grid-template-areas:"logo" "button" "search"}}.search{grid-area:search;position:relative}.search .search-loupe{position:absolute;left:14px;top:12px}.search button{opacity:1;position:absolute;right:14px;top:12px;transition:opacity .2s ease-in-out}.search button:disabled{opacity:0;cursor:default}@media (max-width: 860px){.search{width:90%;justify-self:center}}.search-input{border:1px solid rgba(0,0,0,.1);padding:12px 20px 12px 42px;width:clamp(100px,30vw,300px);border-radius:12px;outline:none;transition:width .2s ease-in-out}.search-input:focus{border:1px solid rgba(0,0,0,.4);width:clamp(100px,30vw,400px)}@media (max-width: 860px){.search-input:focus{width:100%}}@media (max-width: 860px){.search-input{width:100%}}.header-button{grid-area:button}@media (max-width: 440px){.header-button{width:90%}}.pizza{width:280px;display:flex;flex-direction:column;justify-content:center;gap:18px;text-align:center}.pizza-page{margin:40px clamp(10px,3.12vw,80px);display:grid;grid-template-columns:400px 1fr;grid-template-rows:50px 1fr 40px;gap:20px;column-gap:40px;grid-template-areas:"img title" "img info" "img buy"}.pizza-page h3{font-size:32px;text-align:center}.pizza-page h3 a,.pizza-page .pizza-img{cursor:auto}@media (max-width: 1200px){.pizza-page{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;gap:20px;column-gap:40px;grid-template-areas:"img" "title" "info" "buy"}}h3{grid-area:title;font-size:20px;font-weight:800;align-self:center}h3 a{color:#000}.pizza-img{min-width:280px;min-height:280px;grid-area:img;width:100%;height:auto}@media (max-width: 1200px){.pizza-img{max-width:460px}}.pizza-info{grid-area:info;display:flex;flex-direction:column;gap:20px}.pizza-parameters{background-color:#f3f3f3;max-height:90px;border-radius:10px;padding:6px;font-size:14px;font-weight:700}.pizza-parameters .pizza-dough,.pizza-parameters .pizza-size{display:flex;column-gap:8px}.pizza-parameters .pizza-dough{margin-bottom:7px}.pizza-parameters li{width:100%;text-align:center;border-radius:5px;padding:8px}.pizza-parameters li button{width:100%;height:100%;padding:0;background-color:inherit;border:none}.pizza-parameters li.is-active{background:#fff;box-shadow:0 2px 4px #0000000a}.price-buy{grid-area:buy;justify-self:stretch;display:flex;justify-content:space-between;align-items:center;letter-spacing:.015em}.price-buy>:first-child{font-size:22px;font-weight:700}.filter{margin-block:clamp(20px,3vw,40px) clamp(16px,3vw,32px);gap:25px}@media (max-width: 1200px){.filter{flex-direction:column-reverse}}.categories{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 1200px){.categories{justify-content:center}}.sorted{font-weight:700;white-space:nowrap}.sorted span{position:relative;margin-right:-10px}.sorted select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;color:#fe5f1e;border:none;outline:none;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:4px;cursor:pointer;padding-left:14px;font-weight:400}.sorted option{color:#232323;border:none}.btn-shift-sorted{padding-inline:6px;font-size:18px;color:#fe5f1e;border-radius:50%;transition:background-color .2s ease-in-out}.btn-shift-sorted:hover{background-color:#ffdf8c}.btn-shift-sorted:active{background-color:#ffce4f}.btn-shift-sorted.down{transform:rotate(180deg)}