.relative-products .rp-items, .add-product .add-item, .prod-price, .pizza-type2, .pizza-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.pizza-type2, .pizza-type {
    flex-wrap: wrap;
    row-gap: 20px;
}

.choose-halves .choose-right > div, .choose-halves .choose-left > div, .price-content, .mixed, .product-share .share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.choose-halves .choose-right, .choose-halves .choose-left, .add-product, .product-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#categoryInnerPage .product-details {
    width: 100%;
}

.addon-section, .combined-section {
    margin-top: 30px !important;
}

.addonsSlider{
    overflow:hidden;
    margin-top: 20px;
}

.addonsSlider .swiper-slide{
    width:auto;
}

.addon-card{

    max-width:283px;
    height:80px;
    width:100%;

    display:grid;
    grid-template-columns:60px 1fr 40px;
    align-items:center;

    gap:12px;

    padding:10px 14px;

    background:#fff;
    border-radius:18px;

    cursor:pointer;
    position:relative;

    box-shadow:0 8px 24px rgba(0,0,0,.06);

    transition:.25s;
}

.addon-card:hover{
    box-shadow:0 12px 28px rgba(0,0,0,.08);
}



.addon-media{
    width:56px;
    height:56px;
}

.addon-media img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.addon-title{
    display:block;
    font-size:16px;
    font-weight:600;
    line-height:1.2;
}

.addon-price{
    font-size:14px;
    color:#666;
}

.addon-action{
    display:flex;
    align-items:center;
    justify-content:center;
}

.addon-icon{
    width:24px;
    height:24px;
}

.icon-v,
.icon-h{
    transition:.2s;
}

.addon-card.checkedItem{
    border: 1px solid #ed1c24;
}

.addon-card.checkedItem .addon-action .icon-v{
    opacity:0;
}

@media (max-width: 1272px) {
    .breadcrumbs {
        max-width: 92% !important;
        margin: 24px auto 32px;
    }
}

@media (max-width: 660px) {
    .breadcrumbs a i {
        margin: 0 6px 0 4px;
    }

    .breadcrumbs a {
        font-size: 12px;
    }

    .breadcrumbs a.active {
        font-size: 15px;
    }
}

.pizza-type {
    background: #F2EEE3;
    border-radius: 100px;
    padding: 6px;
    max-width: 566px;
    margin-bottom: 20px;
}

.pizza-type > div {
    width: 100%;
    max-width: 33%;
}

.pizza-type label {
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #393E41;
    padding: 6px;
    background: #FFFFFF;
    box-shadow: 0 4px 4px rgba(164, 74, 63, 0.14);
    border-radius: 100px;
    width: 100%;
    height: 38px;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.pizza-type input {
    display: none;
}

.pizza-type input:checked + label {
    background: #D9CEAB;
    border: 1px solid transparent;
    border-radius: 100px;
    font-weight: 700;
}

.m8 {
    margin: 0 8px;
}

.product-section {
    max-width: 1228px;
    width: 100%;
    margin: 0 auto;
    padding-right: 122px;
}

.product-section .product-image {
    margin-right: 40px;
    min-width: 500px;
    max-width: 500px;
}

.product-section .product-image img {
    width: 100%;
    border-radius: 32px;
}

.product-section h3 {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.01em;
    color: #393E41;
    margin-bottom: 24px;
}
.product-section h4 {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.01em;
    color: #393E41;
    margin-bottom: 15px;
}

.product-section .description {
    font-weight: 100;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #393E41;
    margin-bottom: 24px;
}

.pizza-type2 label {
    border: 1px solid #00A676;
    border-radius: 100px;
    background: transparent;
    padding: 6px 16px;
    color: #393E41;
    font-size: 14px;
}

.pizza-type2 input {
    display: none;
}

.pizza-type2 input:checked + label {
    background: #00A676;
    color: #fff;
}

.product-share {
    margin-top: 24px;
}

.product-share .share span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #393E41;
    margin-right: 32px;
}

.product-share .share img {
    margin-right: 16px;
}

.product-price {
    margin: 44px 0 36px;
}

.product-price span, .product-price del {
    font-family: GHEAHelveticaGeoBold;
}

.product-price span {
    display: block;
    font-size: 32px;
    letter-spacing: 0.01em;
    color: #393E41;
}

.product-price del {
    font-size: 16px;
    letter-spacing: 0.01em;
    color: #ED1C24;
}

.prod-price {
    width: 276px;
    padding: 12px 20px;
    background: #ED1C24;
    border-radius: 16px;
    margin: 0 0 0 20px;
}

.prod-price:hover {
    cursor: pointer;
}

.prod-price div {
    border-left: 1px solid #F56B78;
    display: block;
    margin-left: 20px;
    font-size: 20px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    font-family: GHEAHelveticaGeoBold;
    width: 100%;
    text-align: center;
    font-weight: 400;
    padding-left: 24px;
}

.price-content {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.totalPriceBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 10px;
    margin-top: -20px;
}
.quantityPrice {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #393E41;
}

.quantityPrice span {
    font-family: 'GHEAHelveticaGeoBold'
}

.basketButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prod-price img {
    width: 18px;
    height: 20px;
    position: relative;
    top: 3px;
}

.product_counter button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    font-size: 21px;
    padding-top: 3px;
}

.product_counter .minus {
    border: 2px solid #A0A7AC;
    border-radius: 100px;
    background: #F9F7F0;
    color: #A0A7AC;
}

.product_counter .plus {
    border: 2px solid #00A676;
    border-radius: 100px;
    background: #00A676;
    color: #fff;
}

.product_counter input {
    font-family: GHEAHelveticaGeoBold;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #262730;
    width: 73px;
    padding: 0 10px;
    border: none;
    background: #F9F7F0;
}

.mixed {
    margin-bottom: 40px;
}

.mixed .fa-heart {
    font-size: 30px;
    color: #586065;
}

.add-product {
    margin-bottom: 16px;
    max-width: 540px;
}

.add-product img {
    width: 72px;
    height: 72px;
    margin-right: 16px;
}

.add-product span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.04em;
    color: #586065;
    margin: 4px 0 8px;
}

.add-product p {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
    color: #333533;
}

.add-product button {
    font-weight: 700;
    font-size: 12px;
    padding: 8px 16px;
    background: #E9E2CE;
    border-radius: 8px;
    border: none;
    color: #393E41;
}

.relative-products {
    max-width: 1248px;
    width: 100%;
    margin: 32px auto 0;
    padding-inline: 20px;
  position: relative;
}
.relative-products .swiper {
  position: static;
}

.relative-products .rp-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto auto auto;
    grid-template-columns: auto auto auto auto;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.pizzas {
    max-width: 628px;
    width: 100%;
    height: 524px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 45px;
    display: grid;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    text-align: center;
}

.pizzas p {
    font-family: GHEAHelveticaGeoBold;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #262730;
    margin-bottom: 16px;
}

.pizzas span {
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #262730;
}

.pizzas .pizzas-item {
    margin-bottom: 20px;
    cursor: pointer;
}

.pizzas .pizzas-item .item-img {
    width: 186px;
    height: 186px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 16px;
    margin-bottom: 16px;
}

.pizzas .pizzas-item .item-img img {
    width: 100%;
}

.pizzas .pizzas-item .item-img .left-layer {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    border-radius: 32px 0 0 32px;
}

.pizzas .pizzas-item .item-img .right-layer {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    border-radius: 0 32px 32px 0;
}

.choosen-halves {
    position: relative;
    height: 500px;
}

.choosen-halves img {
    position: absolute;
    top: 0;
    left: 0;
}

.choosen-halves #choosenLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    border-radius: 32px 0 0 32px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.choosen-halves #choosenRight {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
    border-radius: 0 32px 32px 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: right !important;
}

.red-border {
    border-color: #F23B4C !important;
}

.show-op {
    opacity: 1 !important;
}

.pizzas::-webkit-scrollbar {
    width: 10px;
}

.pizzas::-webkit-scrollbar-track {
    background: transparent;
}

.pizzas::-webkit-scrollbar-thumb {
    background: #D9CEAB;
    border-radius: 100px;
}

.pizzas::-webkit-scrollbar-thumb:hover {
    background: #D9CEAB;
}

.active-bg {
    background: #fff;
}

.active-bg2 {
    background: #F2EEE3 !important;
}

.choose-halves > div {
    border: 1px solid #D9CEAB;
    border-radius: 16px;
    padding: 16px;
    width: 100%;
    margin-top: 24px;
}

.choose-halves .choose-left:hover {
    background: #fff !important;
}

.choose-halves .choose-right:hover {
    background: #fff !important;
}

.choose-halves p {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #262730;
    margin-left: 16px;
    font-family: GHEAHelveticaGeoBold;
    white-space: nowrap;
}

.choose-halves img {
    width: 48px !important;
}

.only-share {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.p-h {
    margin-bottom: 32px;
}

.p-h .price-content {
    width: 100%;
    margin-top: 32px;
}

.p-h .prod-price {
    width: 100%;
    margin: 0 29px 0 0;
}
.combined-section .classic-slider-arrow .swiper-button-next, .combined-section .classic-slider-arrow .swiper-button-prev {
  top: 56% !important;
}

.productDynamicBlock {
    min-height: calc(100vh - 696px);
}

@media (max-width: 1272px) {
    .product-section, .relative-products {
        max-width: 92% !important;
        padding-right: 0;
    }

    .product-section .product-image {
        min-width: 326px;
        max-width: 326px;
    }

    .choosen-halves {
        height: 326px;
    }
}

@media (max-width: 1008px) {
    .prod-mixed {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      gap: 20px;
    }

    .prod-mixed .price-content {
        margin-top: 16px;
    }
}

@media (max-width: 889px) {
    .product-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto 32px;
    }

    .add-product {
        max-width: 74%;
    }

    .pizza-type {
        max-width: 566px;
        width: 100%;
    }

    .product-section .product-image {
        margin: 0 auto 24px;
    }
}

@media (max-width: 780px) {
    .rp-items {
        display: none !important;
    }


    .pizza-type label {
        font-size: 12px;
    }
}

@media (max-width: 660px) {
    .product-section .product-image {
        margin: 0 auto 24px;
    }

    .product-section h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .product-section .description {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 16px;
    }

    .pizza-type > div {
        width: 100%;
    }

    .product-section {
        position: relative;
        padding-bottom: 40px;
    }

    .share {
        width: 100%;
        position: absolute;
        bottom: 0;
    }

    .product-share .share span {
        width: 100%;
    }

    .product-share {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 16px;
    }

    .product-price {
        display: none;
    }

    .mixed {
        margin-bottom: 24px;
        margin-top: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product_counter {
        margin-bottom: 24px;
    }

    .add-product {
        max-width: 100%;
    }

    .prod-price {
        width: 100%;
        margin: 0 0 0 15px !important;
        padding: 10px 20px;
    }

    .prod-price div {
        font-size: 18px;
        padding: 3px 0 3px 15px;
    }

    .price-content {
        width: 100%;
    }

    .mixed .fa-heart {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .quantityPrice {
        font-size: 20px;
    }

    .productDynamicBlock {
        min-height: calc(100vh - 662px);
    }

    .quantityPrice span {
        font-size: 32px;
    }
    .totalPriceBlock {
        justify-content: flex-start;
    }

    .prod-price span {
        width: 100%;
        text-align: right;
    }

    .product_counter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 82%;
    }

    .prod-mixed {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pizzas {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        height: auto;
        width: 90vw;
        margin-top: 24px;
    }

    .pizzas .pizzas-item .item-img {
        width: 164px;
        height: 164px;
    }

    .p-h .price-content {
        margin-top: 8px;
    }
  .totalPriceBlock {
    margin-top: 38px;
  }
}

@media (max-width: 352px) {
    .product-section .product-image {
        min-width: 294px;
        max-width: 294px;
    }
}
