:root{font-family:Syne,sans-serif;line-height:1.5;font-weight:400}._root_1l5yh_1{position:relative}._input_1l5yh_5{border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px 12px 12px 32px;width:300px;font-size:16px;transition:all .3s ease}._input_1l5yh_5:focus{border-color:#0000004d;outline:none}._icon_1l5yh_19{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#00000080;pointer-events:none;width:20px;height:20px}._clearIcon_1l5yh_30{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#00000080;cursor:pointer;width:20px;height:20px;transition:all .3s ease}._clearIcon_1l5yh_30:hover{color:#000c}._pagination_1jfgt_1{display:flex;justify-content:center;align-items:center;margin-top:30px}._pagination_1jfgt_1 li{display:flex;align-items:center;justify-content:center}._pagination_1jfgt_1 li:not(:last-child){margin-right:10px}._pagination_1jfgt_1 li a{color:#fff;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;color:#000;font-size:18px;cursor:pointer}._pagination_1jfgt_1 .selected a{background-color:#1f3d73;color:#fff}._root_1nucj_1{padding:100px;text-align:center}._root_1nucj_1 span{font-size:64px}._root_1nucj_1 h2{font-size:36px;margin-top:20px;line-height:48px}._description_1nucj_14{font-size:20px;color:#b0b0b0}*{padding:0;margin:0;list-style:none;outline:none;font-family:Syne,sans-serif;box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#232323}a,span,p,b,h1,h2,h3,h4,h5{color:#232323}h1{font-size:48px}h2{font-weight:600;font-size:28px;line-height:30px}a{text-decoration:none}.header{border-bottom:1px solid #f6f6f6;background-color:#fff;border-radius:8px;margin-bottom:20px}.header .container{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 696px){.header .container{flex-direction:column}}.header__logo{display:flex;align-items:center;gap:15px}.header__logo img{transform:rotate(-90deg)}.header__logo h1{color:#181818;font-size:24px;letter-spacing:1%;text-transform:uppercase;font-weight:800}.header__logo p{color:#7b7b7b}.button{display:inline-block;background-color:#1f3d73;border-radius:30px;padding:12px;min-width:100px;text-align:center;cursor:pointer;transition:transform .5s ease,box-shadow .5s ease,background-color .15s ease-in-out;border-color:.15s ease-in-out;border:1px solid transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button,.button span{color:#fff}.button i,.button span,.button path,.button svg{transition:all .15s ease-in-out}.button:hover{background-color:#162c53;transform:translateY(-5px)}.button:active{background-color:#122343;transform:translateY(1px)}.button--circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;padding:0;border-width:2px}.button--black{background-color:#232323}.button--black:hover,.button--black:active{background-color:#3d3d3d}.button--outline{background-color:#fff;border-color:#1f3d73}.button--outline,.button--outline span{color:#1f3d73}.button--outline svg path{fill:#1f3d73}.button--outline:hover{background-color:#1f3d73}.button--outline:hover,.button--outline:hover span{color:#fff}.button--outline:hover svg path{fill:#fff}.button--outline:active{background-color:#162c53}.button__delimiter{width:1px;height:25px;background-color:#ffffff40;margin-left:14px;margin-right:14px}.button--add{display:inline-flex;align-items:center;padding:8px}.button--add svg{margin-right:2px}.button--add span{font-weight:600;font-size:16px;padding:8px}.button--add:hover i{color:#fff}.button--add i{display:inline-block;border-radius:30px;color:#1f3d73;font-weight:600;width:22px;height:22px;font-style:normal;font-size:16px;line-height:22px;position:relative;top:-1px;left:3px}.button--cart{display:flex;align-items:center;line-height:23px;padding:12px 25px}.button--cart svg{margin-right:8px;margin-bottom:1px}.button--cart span{font-weight:600;font-size:16px}@media screen and (max-width: 696px){.button--cart{margin:20px 0}}.button--back{padding:12px 25px}.go-back-btn:hover a{color:#fff}@media (max-width: 830px){.categories{overflow-x:scroll;padding:10px 0;max-width:100%}}@media (max-width: 576px){.categories{overflow-x:scroll;padding:10px 0;max-width:100%}}.categories ul{display:flex}.categories ul li{background-color:#edeaea;padding:13px 30px;border-radius:30px;margin-right:10px;font-weight:700;cursor:pointer;transition:background-color .1s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.categories ul li:hover{background-color:#f4f4f4}.categories ul li:active{background-color:#ececec}.categories ul li.active{background-color:#282828;color:#fff}.sort{position:relative}.sort__label{display:flex;align-items:center}.sort__label svg{margin-right:8px}.sort__label b{margin-right:8px}.sort__label span{color:#1f3d73;border-bottom:1px dashed #1f3d73;cursor:pointer}.sort__arrow{transform:rotate(0);transition:all .3s ease-in-out}.sort__arrow-open{transform:rotate(180deg);transition:all .3s ease}.sort__popup{position:absolute;left:0;margin-top:15px;background:#fff;box-shadow:0 5px 15px #00000017;border-radius:10px;overflow:hidden;padding:10px 0;width:160px}.sort__popup ul{overflow:hidden}.sort__popup ul li{padding:12px 20px;cursor:pointer}.sort__popup ul li.active,.sort__popup ul li:hover{background:#fe5f1e0d}.sort__popup ul li.active{font-weight:700;color:#1f3d73}.pizza-wrapper{display:flex;justify-content:center}.pizza-block{width:300px;background:#ffffff1a;border-radius:15px;padding:16px;box-shadow:0 8px 20px #0000001a;transition:transform .5s ease,box-shadow .5s ease;animation:appear 1s ease-out}.pizza-block:hover{transform:translateY(-10px);box-shadow:0 12px 25px #0006}.pizza-block__image{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:15px;transition:transform .3s ease}.pizza-block__title{font-size:20px;font-weight:700;letter-spacing:1%;margin-bottom:20px}.pizza-block__selector{display:flex;background-color:#f3f3f3;border-radius:10px;flex-direction:column;padding:6px}.pizza-block__selector ul{display:flex;flex:1}.pizza-block__selector ul:first-of-type{margin-bottom:6px}.pizza-block__selector ul li{padding:8px;flex:1;cursor:pointer;font-weight:600;font-size:14px;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pizza-block__selector ul li.active{background:#fff;box-shadow:0 2px 4px #0000000a;border-radius:5px;cursor:auto}.pizza-block__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;flex-direction:column;gap:8px}.pizza-block__price{font-weight:700;font-size:18px;line-height:27px;letter-spacing:.015em}body{background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Syne,sans-serif}.wrapper{width:calc(100vw - 100px);height:100%;margin:50px auto;border-radius:10px;max-width:1400px}@media (max-width: 576px){.wrapper{width:calc(100vw - 30px);overflow:hidden}}.content{padding:40px 0;background-color:#fff;border-radius:8px}.content-title__block{margin:35px 0}.content__items{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:16px;grid-row-gap:16px;align-items:center}@media (max-width: 1440px){.content__items{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:16px;grid-row-gap:16px}}@media (max-width: 1136px){.content__items{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr)}}@media (max-width: 796px){.content__items{display:flex;flex-direction:column;justify-content:center;align-items:center}}.content__top{display:flex;align-items:center;justify-content:space-between}.container{width:90%;margin:0 auto}.container--cart{max-width:820px}.container--cart .content__title{margin:0}.cart__top{display:flex;justify-content:space-between;align-items:center}.cart .content__title{display:flex;align-items:center;font-size:32px}.cart .content__title svg{position:relative;top:-2px;width:30px;height:30px;margin-right:10px}.cart .content__title svg path{stroke:#232323;stroke-width:1.9}.cart .content__items{display:block}.cart__clear{display:flex;align-items:center;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cart__clear span{display:inline-block;margin-left:7px;color:#b6b6b6;font-size:18px}.cart__clear span,.cart__clear svg,.cart__clear path{transition:all .15s ease-in-out}.cart__clear:hover svg path{stroke:#373737}.cart__clear:hover span{color:#373737}.cart__item{display:flex;width:100%;border-top:1px solid #f6f6f6;padding-top:30px;margin-top:30px}.cart__item-img{display:flex;align-items:center;margin-right:15px;width:20%}.cart__item-img img{width:100%;height:100px}.cart__item-info{display:flex;flex-direction:column;justify-content:center;width:40%}.cart__item-info h3{font-weight:700;font-size:22px;line-height:27px;letter-spacing:.01em}.cart__item-info p{font-size:18px;color:#8d8d8d}.cart__item-count{display:flex;align-items:center;justify-content:space-between;width:13%}.cart__item-count-minus svg path:first-of-type{display:none}.cart__item-count b{font-size:22px}.cart__item-price{display:flex;align-items:center;justify-content:center;width:33%}.cart__item-price b{font-weight:700;font-size:22px;letter-spacing:.01em}.cart__item-remove{display:flex;align-items:center;justify-content:flex-end;width:4%}.cart__item-remove .button{border-color:#ddd}.cart__item-remove svg{transform:rotate(45deg)}.cart__item-remove svg path{fill:#d0d0d0}.cart__item-remove .button svg{width:11.5px;height:11.5px;position:relative}.cart__item-remove .button:hover,.cart__item-remove .button:active{border-color:#2a2a2a;background-color:#2a2a2a}.cart__bottom{margin:20px 0}.cart__bottom-details{display:flex;justify-content:space-between}.cart__bottom-details span{font-size:22px}.cart__bottom-details span:last-of-type b{color:#1f3d73}.cart__bottom-buttons{display:flex;justify-content:space-between;margin-top:40px}.cart__bottom-buttons .go-back-btn{display:flex;align-items:center;justify-content:center;width:210px;border-color:#ddd}.cart__bottom-buttons .go-back-btn a{font-size:18px}.cart__bottom-buttons .go-back-btn span{color:#c3c3c3;font-weight:500;font-weight:600}.cart__bottom-buttons .go-back-btn:hover{background-color:#111;border-color:#111}.cart__bottom-buttons .go-back-btn:hover span{color:#f6f6f6}.cart__bottom-buttons .go-back-btn svg{margin-right:12px}.cart__bottom-buttons .go-back-btn svg path{fill:transparent;stroke-width:2}.cart__bottom-buttons .pay-btn{font-size:16px;font-weight:600;width:210px;padding:16px}.cart--empty{margin:0 auto;width:560px;text-align:center}.cart--empty h2{font-size:32px;margin-bottom:10px}.cart--empty p{font-size:18px;line-height:145.4%;letter-spacing:.01em;color:#777}.cart--empty icon{position:relative;top:2px}.cart--empty img{display:block;width:300px;margin:0 auto 20px}.cart--empty .button--black{padding:12px 0 14px;width:230px;margin:0 auto;font-weight:600;font-size:18px}@media (max-width: 796px){.cart{padding:0 15px}.cart__item{flex-direction:column;align-items:center;padding-top:20px;margin-top:20px}.cart__item-img{margin:0 auto;width:auto}.cart__item-img img{width:280px;height:200px}.cart__item-info{width:100%;text-align:center;margin-bottom:15px}.cart__item-info h3{font-size:24px}.cart__item-info p{font-size:16px}.cart__item-count,.cart__item-price,.cart__item-remove{width:100%;justify-content:center;margin-bottom:10px}.cart__item-count b{padding:8px}.cart__item-remove{justify-content:center}.cart__bottom-details{flex-direction:column;align-items:center;gap:10px}.cart__bottom-details span{font-size:20px}.cart__bottom-buttons{flex-direction:column;align-items:center;gap:20px}.cart__bottom-buttons .go-back-btn,.cart__bottom-buttons .pay-btn{width:100%;max-width:280px}.cart--empty{width:100%;padding:0 15px}.cart--empty h2{font-size:26px}.cart--empty p{font-size:16px}.cart--empty img{width:220px}.cart--empty .button--black{width:100%;max-width:240px;font-size:16px}}.content__error-info{text-align:center;margin:40px auto}.content__error-info span{font-size:30px}
