@charset "UTF-8";
@font-face {
    font-family: FutH;
    src: url(/fonts/FuturaPT.ttf);
    font-display: swap;
}
@font-face {
    font-family: FutHb;
    src: url(/fonts/6859_0.ttf);
    font-display: swap;
}
@font-face {
    font-family: ProL;
    font-style: normal;
    src: url(/fonts/ProximaNova-Light.ttf);
    font-display: swap;
}
@font-face {
    font-family: ProR;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ProximaNova-Regular.ttf);
    font-display: swap;
}
@font-face {
    font-family: ProS;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ProximaNova-Semibold.ttf);
    font-display: swap;
}
@font-face {
    font-family: ProB;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ProximaNova-Bold.ttf);
    font-display: swap;
}
@font-face {
    font-family: ProBl;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ProximaNova-Black.ttf);
    font-display: swap;
}
@font-face {
    font-family: Bah;
    font-style: normal !important;
    font-weight: 400;
    /* src: url(/fonts/bahnschrift.ttf); */
    src: url('/fonts/bahnschrift.ttf') format('truetype-variations'), url('/fonts/bahnschrift.ttf') format('truetype');
    font-display: swap;/* font-variation-settings: "wdth" 85, "wght" 600; */
}
body {
    background: #353535;
    color: #fff;
    margin: 0%;
    font: 300 18px/1.5 ProR, Helvetica, Arial, "sans-serif", sans-serif;
}
h1, h2, h3, h4, h5 {
    margin: 0 0 .6em 0;
    padding-top: 2em;
    letter-spacing: -0.01em;
    line-height: normal;
    text-rendering: optimizeLegibility;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 200%;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h2 > sm {
    font-size: 70%;
}
img {
    border: 0;
}
.top, .back, .meta {
    font-size: .8em;
}
i, tr > td:nth-child(2) i, tr > td:nth-child(2) em {
    display: block;
    font-family: ProR, Helvetica, Arial, "sans-serif", sans-serif;
    font-style: normal;
}
/* Блокировка скролла страницы при наведении */
body.scroll-locked {
    overflow: hidden;
}
::-webkit-scrollbar-thumb {
 background-color: #ffffff;
 border-radius: 3px;
}
::-webkit-scrollbar {
 width: 5px;
 background-color: #454545;
 border-radius: 3px;
 overflow: hidden;
 
}
#stolin {
    display: none;
}
#stolin.show {
    margin-top: 4rem;
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    gap: 2rem;
}
#stolin div.intxtstol {
    font-size: 90%;
    padding: 1rem 2rem;
    background: #454545;
    border-radius: 30px;
    position: relative;
}
#stolin div.intxtstol::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #454545;
    border-radius: 3px;
    top: 0px;
    bottom: 0px;
    left: -8px;
    transform: rotate(45deg);
    margin: auto 0;
}
#stolin > div > div.instol {
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 0%;
    width: 90px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.order-success {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    text-align: center;
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
button.order-again {
    background: #34495e;
    color: #fff;
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    border: none;
    padding: 1.3rem 2rem;
    border-radius: 20px;
    cursor: pointer;
    font-size: 100%;
    display: block;
    width: 250px;
    margin: 0 auto;
    transition: 0.2s;
}
.instol #stol-zakaz {
    text-align: center;
    font-size: 20px;
    line-height: 100%;
    background: #353535;
    color: #e67e22;
    position: relative;
    width: auto;
    display: inline-block;
    padding: 5px;
    border-radius: 30px;
}
.instol::after {
    content: "";
    display: block;
    margin-top: -33px;
    width: 90px;
    height: 90px;
    background: url(https://stranapro.ru/uploads/img/table1.webp) center center no-repeat;
    background-size: 100%;
}
#stolin > div.dpin {
    display: inline;
    font-size: 80%;
}
.dpin > span {
    text-transform: lowercase;
}
#lprice0 {
    display: none;
    position: fixed;
    top: 2rem;
    left: 20%;
    margin-left: -60px;
    z-index: 1000;
    background: #e67e22;
    color: #fff;
    border: 3px solid #353535;
}
#lprice0.visioncart {
    width: auto;
    min-width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 100%;
    line-height: 100%;
    cursor: pointer;
    transition: 0.2s;
}
#lprice0.visioncart:hover {
    transform: scale(1.1);
    cursor: pointer;
    transition: 0.2s;
}
#lprice0::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("https://stranapro.ru/templates/Dark/images/shop.png") center center no-repeat;
    background-size: 100% auto;
    margin-right: 10px;
}
#lprice0::after {
    content: "";
    display: block;
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border: 3px solid #e67e22;
    border-radius: 50px;
}
.dpin > strong {
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
        color: #e67e22;
}
.mobscr.has-scroll {
    overscroll-behavior: contain; /* Предотвращает скролл родителя при достижении границ */
}
.allinfo {
    display: flex;
    position: relative;
    gap: 3rem;
    width: 100%;
    margin: 0 auto;
}
.pricetextall > div > p {
    display: none;
}
.allfon {
    width: 20%;
    background-color: #454545;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    border-radius: 0 30px 30px 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.mobscr {
    width: 100%;
    padding: 1rem 10%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    bottom: 1rem;
    z-index: 3;
    overflow-y: hidden; /* по умолчанию скрыт */
    max-height: none; /* по умолчанию нет ограничения */
    box-sizing: border-box; /* учитываем padding в высоте */
}
.mobscr.has-scroll {
    mask-image: linear-gradient( to bottom, transparent 0%, black 10%, black 90%, transparent 100% );
}
 .mobscr::-webkit-scrollbar-thumb {
 background-color: #ffffff20;
 border-radius: 1px;
}
.mobscr::-webkit-scrollbar {
 width: 2px;
 background-color: #35353520;
 border-radius: 1px;
 overflow: hidden;
}
.menulink {
    width: 100%;
    height: auto;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: flex-end;
    flex-flow: wrap;
    position: relative;
    box-sizing: border-box;
}
.menulink > div {
    width: 100%;
    background: #fff;
    display: flex;
    font-family: ProS;
    font-size: 90%;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 20px;
    color: #353535;
    cursor: pointer;
    transition: 0.2s;
}
.menulink > div:hover {
    background: #f39c12;
    cursor: pointer;
    transform: scale(1.1);
    transition: 0.2s;
}
.allfon > img.fonphoto {
    position: absolute;
    top: 0px;
    height: 95vh;
    margin: 0 auto;
    z-index: 0;
}
.allfon > img.logophoto {
    position: absolute;
    top: 10%;
    width: 60%;
    height: auto;
    margin: 0 auto;
    z-index: 2;
    filter: drop-shadow(0 0 60px #fff);
}
.allfon::after {
    content: "";
    width: 100%;
    height: 90%;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: linear-gradient(0deg, #454545 10%, #45454585 60%, #45454500 100%);
}
.allprice {
    margin-left: 3rem;
    padding: 0 3rem 0 20%;
}
.title > a {
    color: #e67e22;
    text-decoration: none;
}
.namepricelist h1 {
    margin: 0;
    padding: 0;
}
.pricetitle {
    width: 100%;
    margin-top: 3rem;
}
tbody {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    gap: 3rem;
}
tbody > tr {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 3rem;
    width: 100% !important;
    height: auto !important;
    background: #454545;
    border-radius: 20px;
    padding-right: 3rem;
}
tbody > tr::after {
    content: "";
    display: block;
    width: auto;
    height: auto;
    margin: auto;
    position: absolute;
    z-index: -1;
    left: -0.7rem;
    right: -0.7rem;
    top: -0.7rem;
    bottom: -0.7rem;
    border: 3px solid #45454500;
    border-radius: 30px;
}
tbody > tr:hover::after {
    border: 3px solid #f39c12;
}
tr > td:nth-child(2) i, tr > td:nth-child(2) em {
    font-size: 90%;
}
img {
    object-fit: cover;
}
.meta {
    color: #b1b1b1;
    margin: 1em 0 3em 0;
}
.pricetitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3rem;
    padding-right: 3rem;
}
.namepricelist {
    width: 80%;
}
.cenapopromokodu, .cenapolnaya {
    width: 10%;
    font-family: ProS, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 100%;
    text-align: center;
    white-space: nowrap;
}
.cenapopromokodu {
    color: #e67e22;
}
.pricetextall table {
    width: auto !important;
    height: auto !important;
    border-spacing: 0px !important;
    border: 0px !important;
}
tr > td:nth-child(1) {
    width: 30% !important;
    height: 100% !important;
    font-size: 0%;
    background: url(/uploads/img/tag.webp) center center no-repeat #3b3b3b;
    background-size: 60px;
    border-radius: 20px;
    min-height: 10rem;
    border: 0px solid #454545;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
tr > td {
    display: block;
    border: 0px !important;
}
tr > td:nth-child(1) img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    width: 100%;
    height: auto;
    margin: auto;
    border-radius: 20px;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
}
tr > td:nth-child(1) a {
    display: flex;
    width: 100%;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    position: relative;
    pointer-events: none;
    cursor: default;
    overflow: hidden;
}
tr > td:nth-child(2) {
    padding: 3rem 0;
    width: 50% !important;
    height: auto !important;
    font-family: ProB;
}
a.back {
    color: #e67e22;
    text-decoration: none;
    font-family: ProS;
    margin: 3rem 0;
    display: block;
}
tr > td:nth-child(3) {
    width: 10% !important;
    min-width: 70px;
    height: auto !important;
    color: #e67e22;
    font-family: ProS, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-variation-settings: "wdth" 90, "wght" 500;
    font-size: 140%;
    text-align: center;
    white-space: nowrap;
    position: relative;
    display: flex;
    justify-content: center;
}
.noregistration tr > td:nth-child(3) {
    visibility: hidden;
}
.noregistration .full-price {
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    margin-left: 2rem;
    font-size: 120%;
}
tr > td:nth-child(4) {
    width: 10% !important;
    min-width: 70px;
    height: auto !important;
    font-size: 140%;
    color: #fff;
    font-family: ProS, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-variation-settings: "wdth" 90, "wght" 500;
    text-align: center;
    white-space: nowrap;
    position: relative;
    display: flex;
    justify-content: center;
}
tr > td:nth-child(3), tr > td:nth-child(4) {
    flex-flow: wrap;
}
tr > td:nth-child(3) i, tr > td:nth-child(4) i {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 60%;
    margin: -3px 0 3px;
}
tr > td:nth-child(4) i {
    display: block;
    text-align: center;
    font-family: ProR, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 60%;
}
.quantity-btn::after, tr > td:nth-child(3)::after, tr > td:nth-child(4)::after {
    font-family: ProR, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    display: none;
    text-align: center;
    position: absolute;
    left: -100%;
    right: -100%;
    bottom: -8px;
    margin: 0 auto;
    font-size: 10px;
}
tr > td:nth-child(3)::after {
    content: "по промокоду";
    
} 
tr > td:nth-child(4)::after {
    content: "без промокода";
} 
.quantity-btn {
    position: relative;
}
tbody > tr:hover > td:nth-child(3)::after, tbody > tr:hover > td:nth-child(4)::after, tbody > tr:hover .quantity-btn.plus::after {
    display: block;
}
.noregistration tbody > tr:hover > td:nth-child(3)::after, .noregistration tbody > tr:hover > td:nth-child(4)::after, .nosaleprice tbody > tr:hover > td:nth-child(3)::after, .nosaleprice tbody > tr:hover > td:nth-child(4)::after {
    display: none;
}
.quantity-btn::after {
    content: "↑";
    color: #fff;
    font-size: 13px;
    bottom: -18px;
    animation: arrtop 1s infinite;
    cursor: default !important;
    pointer-events: none !important;
}
.quantity-btn::after:hover {
    cursor: default !important;
}
@keyframes arrtop {
    0% {
        margin-bottom: 0px;
    }
    50% {
        margin-bottom: -15px;
        transform: scale(1.5);
        color: #e67e22;
    }
    100% {
        margin-bottom: 0px;
    }
}
tbody > tr.add-carts .quantity-btn.plus::after {
    display: none;
}
/* Оформление заказа меню НАЧАЛО */

.quantity-selector {
    display: flex;
    align-items: center;
    gap: 5px;
}

.quantity-btn {
    width: 25px;
    height: 25px;
    border: 3px solid #fff;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    font-family:  Helvetica, Arial, "sans-serif";
    font-size: 120%;
}
.quantity-btn.minus {
    padding-bottom: 2px;
    height: 25px;
}
.quantity-btn.plus {
    padding-top: 2px;
    height: 25px;
}
.add-carts .quantity-btn {
    border: 3px solid #454545;
    background: #454545;
    color: #fff;
}
.quantity-btn:hover {
    background: #f39c12;
    border-color: #f39c12;
}

.quantity-value {
    min-width: 20px;
    text-align: center;
    user-select: none;
}

.order-items {
    margin: 2rem 0;
    color: #353535;
    background: #fff;
    padding: 2rem;
    border-radius: 20px;
    overflow: hidden;
}
.order-item {
    padding: 1.5rem 0;
    display: flex;
    border-bottom: 1px dotted #353535;
}
.order-item:last-child {
    border-bottom: none;
}

.order-item img {
    border-radius: 50px;
    min-width: 80px;
    max-width: 80px !important;
    min-height: 80px;
    max-height: 80px;
    margin-right: 2rem;
    overflow: hidden;
}
.item-info h4 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-flow: wrap;
    font-size: 16px;
    font-weight: normal;
    font-family: 'ProS';
}
.item-info h4 i, .item-info h4 em {
    display: block;
    width: 100%;
    font-size: 90%;
    margin-top: 5px;
    font-style: normal;
    font-family: ProR, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.item-info {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
}

.price-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0px;
    flex-flow: row-reverse;
    gap: 2rem;
}
.totalprice > h3 {
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: normal;
    font-size: 180%;
    padding: 0px;
    color: #e67e22;
}
hidd {
    display: none;
}
#indop {
    width: 250px;
    display: block;
    margin: 0 auto 2rem;
}
#indop::before {
    content: "Телефон:";
    width: 250px;
    text-align: left;
    display: block;
    margin-bottom: 0.6rem;
    font-size: 80%;
}
#indop input {
    width: 250px;
    height: 60px;
    border-radius: 20px;
    border: 0px solid #fff;
    text-align: center;
}
.totalprice {
    padding-top: 3rem;
    margin-bottom: 3rem;
}
.quantity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}
.stol-number {
    text-transform: uppercase;
}
.total-summary > .total-line {
    min-height: 50px;
}
.quantity-controls > button {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background-color: #f0f0f0;
    border: 0px solid #353535;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Helvetica, Arial, "sans-serif";
    transition: 0.2s;
}
.quantity-controls > button:hover {
    cursor: pointer;
    background-color: #f39c12;
    transition: 0.2s;
}
.quantity-controls > .quantity-display {
    min-width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-price {
    display: flex;
    gap: 2rem;
}

.promo-price {
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #e67e22;
    white-space: nowrap;
}

.full-price {
    font-family: ProR, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #353535;
    white-space: nowrap;
}

.order-total {
    margin: 2rem 0;
    padding: 2rem;
    background: #f9f9f9;
    border-radius: 20px;
    color: #353535;
}

.total-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.total-line > span:first-child {
    font-size: 90%;
}
.total-promo {
    font-family: ProB, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #e67e22;
    font-size: 150%;
}

.total-full {
    color: #000;
}

.total-save {
    font-family: ProB, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #388e3c;
}

.promo-code {
    position: relative;
    margin-right: -1rem;
    padding: 4px 2rem 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://stranapro.ru/uploads/img/promofon.webp) #dde1e2 center center no-repeat;
    font-family: Bah;
    font-variation-settings: "wdth" 90, "wght" 500;
    font-size: 120%;
    border-radius: 20px 20px;
}

.submit-order {
    background: #e67e22;
    color: #fff;
    font-family: ProS, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    border: none;
    padding: 1.3rem 2rem;
    border-radius: 20px;
    cursor: pointer;
    font-size: 100%;
    display: block;
    width: 250px;
    margin: 0 auto;
    transition: 0.2s;
}

.submit-order:hover {
    transform: scale(1.1);
    transition: 0.2s;
}

/* Стиль для выбранных строк */
tbody > tr.add-carts::after {
    background: #fff;
    transition: 0.3s;
}
tbody > tr.add-carts, tr.add-carts > td:nth-child(4) {
    color: #353535;
}
tr.add-carts > td:nth-child(1) {
        background-color: #f0f0f0;
}


/* Оформление заказа меню КОНЕЦ */




/* разрешение от 600 до 1200 */
@media (min-width: 600px) and (max-width: 1200px) {
.cenapopromokodu, .cenapolnaya {
    font-size: 80%;
}
.allprice {
    margin-left: 2rem;
    padding: 0 2rem 0 20%;
}
    tbody {
    gap: 2rem;
}
    tbody > tr {
    gap: 2rem;
    padding-right: 2.2rem;
}
    .item-price {
    font-size: 95%;
}
tr > td:nth-child(1), tr > td:nth-child(2) {
    width: 40% !important;
}
tr > td:nth-child(3), tr > td:nth-child(4) {
    font-size: 120%;
}
h2 {
    font-size: 170%;
}
}

/* разрешение от 600 до 1100 */
@media (min-width: 600px) and (max-width: 1100px) {
.allfon {
    width: 25%;
}
#lprice0 {
    left: 25%;
}
.allprice {
    margin-left: 2rem;
    padding: 0 2rem 0 25%;
}
.menulink > div {
    font-size: 80%;
    height: 45px;
}
.mobscr {
    bottom: 2rem;
}
h2 {
    font-size: 150%;
    margin-bottom: 2rem;
}
h1 {
    font-size: 18px;
}
tbody {
    gap: 2rem;
}
tbody > tr {
    gap: 2rem;
    padding-right: 2rem;
}
tr > td:nth-child(2) {
    padding: 1.5rem 0;
    font-size: 90%;
}
tr > td:nth-child(3), tr > td:nth-child(4) {
    font-size: 100%;
}
tbody > tr::after {
    left: -0.7rem;
    right: -0.7rem;
    top: -0.7rem;
    bottom: -0.7rem;
}
    tbody > tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.5rem;
    grid-row-gap: 0px;
    padding-right: 2.5rem;
}
tr > td:nth-child(1), tr > td:nth-child(2), tr > td:nth-child(3), tr > td:nth-child(4) {
    width: 100% !important;
}
tr > td:nth-child(1) {
    max-width: 230px;
    min-width: 230px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
tr > td:nth-child(2) {
    padding: 1.5rem 0 0;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}
tr > td:nth-child(3) {
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-bottom: 1.2rem;
}
tr > td:nth-child(4) {
    text-align: right;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-bottom: 1.2rem;
}
    tr > td:nth-child(5) {
    text-align: right;
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-bottom: 1.2rem;
}
    .item-info {
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
}
    .item-info h4 {
    font-size: 90%;
    font-weight: normal;
    font-family: ProR, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
}

/* разрешение от 600 до 950 */
@media (min-width: 600px) and (max-width: 950px) {
tbody > tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.5rem;
    grid-row-gap: 0px;
    padding-right: 2.5rem;
}
     #stolin div.intxtstol::before {
        top: -10px;
        left: 0px;
        right: 0px;
        bottom: auto;
        margin: 0 auto;
    }
tr > td:nth-child(1), tr > td:nth-child(2), tr > td:nth-child(3), tr > td:nth-child(4) {
    width: 100% !important;
}
tr > td:nth-child(1) {
    max-width: 230px;
    min-width: 230px;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
tr > td:nth-child(2) {
    padding: 1.5rem 0 0;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}
tr > td:nth-child(3) {
    text-align: left;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-bottom: 1.2rem;
}
tr > td:nth-child(4) {
    text-align: right;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-bottom: 1.2rem;
}
.cenapopromokodu, .cenapolnaya {
    width: auto;
}
.pricetitle {
    padding-right: 0px;
}
}

/* разрешение от 600 до 880 */
@media (min-width: 600px) and (max-width: 880px) {
tr > td:nth-child(1) {
    max-width: 200px;
    min-width: 200px;
}
.allfon > img.logophoto {
    top: auto;
    bottom: 67vh;
    width: 50%;
}
.mobscr {
    bottom: 0rem;
    padding: 2rem 10%;
}
.allfon {
    width: 28%;
}
#lprice0 {
    left: 28%;
}
.allprice {
    margin-left: 2rem;
    padding: 0 2rem 0 28%;
}
.menulink > div {
    font-size: 75%;
    height: 45px;
}
h1 {
    font-size: 80%;
}
h2 {
    font-size: 120%;
    margin-bottom: 2rem;
}
tbody > tr {
    grid-column-gap: 2rem;
    grid-row-gap: 15px;
    padding-right: 2rem;
}
}

/* разрешение от 600 до 780 */
@media (min-width: 600px) and (max-width: 780px) {
.menulink > div {
    font-size: 70%;
}
   
}

/* разрешение ниже 600 */
@media only screen and (max-width: 600px) {
.allinfo {
    flex-flow: wrap;
}
    #stolin div.intxtstol::before {
        top: -10px;
        left: 0px;
        right: 0px;
        bottom: auto;
        margin: 0 auto;
    }
    .noregistration .full-price {
    margin-left: 0rem;
}
    #lprice0.visioncart:hover {
    transform: scale(1);
}
    .price-info {
    gap: 1rem;
}
    #lprice0 {
    top: 1rem;
    left: auto;
    right: 1rem;
    margin-left: 0;
}
    .totalprice {
    padding-top: 11rem;
}
    .mobscr::-webkit-scrollbar-thumb {
 background-color: #ffffff20;
 border-radius: 1px;
}
.mobscr::-webkit-scrollbar {
 height: 2px;
 background-color: #35353520;
 border-radius: 1px;
 overflow: hidden;
}
.allprice > div {
    margin-bottom: -110px;
}
    
    #stolin.show {
    text-align: center;
        margin-top: 150px;
}
    #stolin > div.instol {
    justify-content: center;
    align-items: center;
        font-size: 130%;
        margin: 10px auto;
}
    #stolin > div.dpin {
    display: block;
    margin: 0 auto;
    font-size: 90%;
    max-width: 100%;
}
    .dpin > span {
    white-space: nowrap;
}
    
.allprice > #stolin.show {
    margin-bottom: -140px;
}
.allprice > div.end {
    margin-bottom: 3.5rem;
}
a.back {
    text-align: center;
}
.pricetitle {
    flex-flow: wrap;
    padding-right: 0px;
    justify-content: space-between;
    gap: 2rem;
}
tbody > tr::after {
    border: 3px solid #35353500;
}
.namepricelist {
    width: 100%;
    display: flex;
    justify-content: center;
}
.allfon > img.logophoto {
    top: 5px;
    width: 70px;
    height: auto;
}
.mobscr {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 80px;
    position: absolute;
    bottom: 1rem;
    left: 0px;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0 0 10px 0;
    margin-bottom: -10px;
}
    .allfon::before {
    content: "← ○ ○ ○ ○ ○ →";
    position: absolute;
    bottom: 1px;
    z-index: 2;
    display: flex;
    justify-content: center;
    font-size: 10px;
    left: 1rem;
    right: 1rem;
    margin: 0 auto;
    animation: arrleft 5s infinite;
    } 
@keyframes arrleft {
    0% {
        padding: 0 40px 0 0px;
        opacity: 0.8;
        letter-spacing: 0.4px;
    }
    50% {
        padding: 0 0px 0 40px;
        opacity: 0.5;
    }
    100% {
        padding: 0 40px 0 0px;
        opacity: 0.8;
        letter-spacing: 0.4px;
    }
}
.menulink {
    padding: 0 1rem 0px;
    width: auto !important;
    position: relative;
    gap: 1rem;
    justify-content: flex-start;
}
.allfon::after {
    height: 100%;
    bottom: -20px;
    opacity: 0.8;
}
.allfon > img.fonphoto {
    position: absolute;
    top: 0px;
    width: 100%;
    min-height: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
}
.cenapopromokodu, .cenapolnaya {
    width: 40%;
        font-size: 85%;
        font-family: 'ProR';
        text-transform: lowercase;
}
    .cenapopromokodu::before, .cenapolnaya::before {
        content: "* ";
        display: inline-block;
    }
body {
    margin-top: 150px;
}
.allfon {
    width: 100%;
    height: 150px;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: auto;
    z-index: 100;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 12px 28px -6px #353535c7;
}
.menulink {
    flex-flow: nowrap;
}
.menulink > div {
    width: auto;
    padding: 0 20px;
    white-space: nowrap;
    font-size: 80%;
    height: 46px;
}
h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 20px;
}
h2 {
    justify-content: center;
    text-align: center;
    font-size: 130%;
    margin: 0;
    padding: 185px 0 2rem 0;
}
tbody {
    gap: 1.5rem;
}
tbody > tr {
    flex-flow: wrap;
    justify-content: space-between;
    padding-right: 0px;
    gap: 3%;
    padding-bottom: 2rem;
    background: #45454575;
}
tbody > tr::after {
    left: -0.5rem;
    right: -0.5rem;
    top: -0.5rem;
    bottom: -0.5rem;
    border-radius: 28px;
}
tr > td:nth-child(1) a {
    padding-top: 60%;
}
tr > td:nth-child(2) {
    padding: 0 10%;
    width: 80% !important;
    margin-bottom: 1rem;
}
tr > td:nth-child(1) {
    width: 100% !important;
    height: auto !important;
    min-height: 0rem;
    margin-bottom: 1.5rem;
    background: #3b3b3b00;
}
tr > td:nth-child(4) {
    width: auto !important;
    text-align: center;
    font-size: 110%;
    align-items: center;
}
tr > td:nth-child(3) {
    margin-left: 10%;
    width: auto !important;
    text-align: left;
    font-size: 110%;
    align-items: center;
}
      .noregistration tr > td:nth-child(3), .nosaleprice tr > td:nth-child(3) {
        display: none;
    }
  .noregistration tr > td:nth-child(4), .nosaleprice tr > td:nth-child(4) {
        margin-left: 10%;
    }
    tr > td:nth-child(5) {
    width: auto !important;
    text-align: right;
        display: flex;
        align-items: center;
        margin-right: 8%;
}
table, tbody, tr, td {
    max-width: 100%;
}
.allprice {
    max-width: 90%;
    margin: 0 auto 0;
    padding: 0;
}
    .item-info {
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
}
    .order-item {
    flex-flow: wrap;
}
    .order-item img {
    margin: 0 auto 1rem;
}
    .item-info h4 {
    font-family: ProR;
}
}
/* разрешение ниже 360 */
@media only screen and (max-width: 360px) {
        tbody > tr {
        gap: 5%;
            justify-content: flex-start;
    }
    .item-price {
    gap: 1.5rem;
}
    tr > td:nth-child(5) {
    width: auto !important;
    text-align: right;
        display: flex;
        align-items: center;
        margin-right: 0%;
}
}