@media screen and (max-width: 1248px) {
    .responsive-ticker {
        gap: 8px;
        height: 36px;
    }
    .ticker {
        gap: 8px;
    }
    .ticker > .item {
        gap: 8px;
    }
    .ticker > .item > * {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .header-back {
        display: none;
    }
    .shop-body {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .info-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 16px;
    }
    .header-current > .item.active::before {
        content: "";
    }
    .collection-content > .item > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .header-current {
        gap: 4px;
    }
    .header-current > .item {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 40px;
        height: 40px;
    }
    .header-current > .item > p {
        display: none;
    }
    .ico {
        width: 24px;
        height: 24px;
    }
    .header-contact {
        display: none;
    }
    .header-logo {
        height: 48px;
    }
    .responsive-header {
        padding: 12px 0;
    }
    .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .navigation > ul {
        gap: 20px;
    }
    .item-navigate {
        height: 54px;
    }
    .item-navigate > p {
        font-size: 24px;
    }
    .footer-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .footer-logo > img {
        height: 48px;
    }
    .footer-navigation {
        grid-column-gap: 16px;
        grid-row-gap: 24px;
    }
    .footer-navigation > .item {
        gap: 16px;
    }
    .footer-navigation > .item > h3 {
        font-size: 24px;
    }
    .footer-navigate-content {
        gap: 8px;
    }
    .footer-navigate-content > .item {
        gap: 8px;
    }
    .footer-navigate-content > .item > p {
        font-size: 12px;
        letter-spacing: normal;
    }
    .ico-footer {
        width: 16px;
        height: 16px;
    }
    .footer-navigation {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
    .footer-content-bottom > * {
        font-size: 12px;
    }
    .footer {
        gap: 32px;
    }
    .footer-content {
        gap: 24px;
    }
    .responsive-footer {
        padding: 24px 0;
    }
    .collect-name > h2 {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .shop > h1 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .shop-head-name > h1 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .responsive-shop.xm > .container > .shop {
        gap: 16px;
    }
    .responsive-links {
        padding: 24px 0;
    }
    .links > .item {
        font-size: 12px;
    }
}
@media screen and (max-width: 1024px) {
    .responsive-beer-lover {
        padding: 24px 0;
    }
    .beer-lover-media {
        width: 160px;
        height: 160px;
    }
    .beer-lover-content > .item {
        gap: 12px;
    }
    .beer-lover-content > .item > h2 {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .beer-lover-info > * {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .list > .item {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .list.gap-xm {
        gap: 4px;
    }
    .beer-lover {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .beer-lover > .item {
        padding: 16px;
        gap: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .preview-navigation {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .preview-navigation > .item {
        width: 46px;
        height: 46px;
    }
    .preview-pagination {
        gap: 8px;
    }
    .preview-pagination > span {
        width: 6px;
        height: 6px;
    }
    .excursion-preview-hide {
        width: 24px;
        height: 24px;
        top: 16px;
        right: 16px;
    }
    .item-preview-name {
        padding: 16px;
        padding-right: 72px;
    }
    .item-preview-name > p {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .responsive-pay-delivery {
        padding: 24px 0;
    }
    .place-info > h3 {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .place-info > p {
        font-size: 14px;
    }
    .responsive-excursion {
        padding: 24px 0;
    }
    .excursion > .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative;
        padding: 16px;
        gap: 8px;
    }
    .excursion > .item > span {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
    .excursion > .item::after {
        width: 24px;
        height: 24px;
        right: 16px;
        top: 16px;
        position: absolute;
    }
    .delivery-methods > .item {
        padding: 16px;
        gap: 16px;
    }
    .head-delivery-method > img {
        width: 22px;
        height: 22px;
    }
    .head-delivery-method > p {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    .body-delivery-method > * {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .info-text > p {
        font-size: 14px;
    }
    .pay-delivery {
        gap: 24px;
    }
    .pay-delivery > .item {
        gap: 16px;
    }
    .pay-delivery > .item > h3 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .pay-delivery > .item > p {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .responsive-loyal {
        padding: 24px 0;
    }
    .loyal-content > p {
        font-size: 14px;
    }
    .responsive-faq {
        padding: 24px 0;
    }
    .faq-body {
        padding-top: 12px;
    }
    .faq-body > * {
        font-size: 14px;
    }
    .faq-head > p {
        font-size: 20px;
        letter-spacing: -0.4px;
        line-height: 24px;
    }
    .faq-head::after {
        width: 24px;
        height: 24px;
    }
    .faq-content > .item {
        padding: 16px 0;
    }
    .faq {
        gap: 24px;
    }
    .faq > h1 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .loyal > .item {
        gap: 24px;
    }
    .loyal > .item > h3 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .button-e {
        height: 56px;
    }
    .button-e::before {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L0 10V0H20Z' fill='white'/%3E%3Cpath d='M-1.19249e-07 46L20 56L0 56L-1.19249e-07 46Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    .button-e::after {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.90735e-06 0L20 10V0H-1.90735e-06Z' fill='white'/%3E%3Cpath d='M20 46L0 56L20 56L20 46Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    .button-e > p {
        font-size: 14px;
    }
    .button-e.dark::before {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L0 10V0H20Z' fill='black'/%3E%3Cpath d='M-1.19249e-07 46L20 56L0 56L-1.19249e-07 46Z' fill='black'/%3E%3C/svg%3E%0A");
    }
    .button-e.dark::after {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.90735e-06 0L20 10V0H-1.90735e-06Z' fill='black'/%3E%3Cpath d='M20 46L0 56L20 56L20 46Z' fill='black'/%3E%3C/svg%3E%0A");
    }
    .button-e.grey::before {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L0 10V0H20Z' fill='%23F5F5F5'/%3E%3Cpath d='M-1.19249e-07 46L20 56L0 56L-1.19249e-07 46Z' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
    }
    .button-e.grey::after {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.90735e-06 0L20 10V0H-1.90735e-06Z' fill='%23F5F5F5'/%3E%3Cpath d='M20 46L0 56L20 56L20 46Z' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
    }
    .connect {
        gap: 24px;
        padding: 24px 0;
    }
    .connect > h3 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .connect-content > p {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .list > .item > p {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .info-media {
        position: absolute;
        width: 420px;
        height: 340px;
        right: -194px;
        bottom: -146px;
    }
    .info {
        isolation: isolate;
    }
    .info > .item {
        gap: 16px;
    }
    .info > .item.media {
        z-index: -1;
        pointer-events: none;
        overflow: hidden;
        opacity: 0.3;
        inset: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .info > .item > h1 {
        font-size: 64px;
        letter-spacing: -1.28px;
    }
    .info > .item > p {
        font-size: 14px;
        line-height: 150%;
    }
    .responsive-info {
        padding-bottom: 24px;
        margin-top: -16px;
    }
    .sell-item {
        gap: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .sell-item:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .sell {
        padding: 24px 0;
        gap: 24px;
    }
    .info-sell-content {
        padding: 0;
    }
    .info-sell > * {
        font-size: 14px;
        line-height: 150%;
    }
    .info-item-sell-content > .item {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 12px;
    }
    .info-item-sell-content > .item > h3 {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .info-item-sell-content > .item > p {
        font-size: 14px;
    }
    .checkout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
    }
    .responsive-cart {
        padding-bottom: 24px;
    }
    .cart {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
    }
    .info-cart-item-details {
        gap: 12px;
    }
    .info-cart-item {
        padding: 8px;
    }
    .cart-content {
        max-width: 100%;
        gap: 24px;
    }
    .cart-information-content {
        padding: 16px;
        gap: 16px;
    }
    .group-fill {
        padding: 16px;
    }
    .checkout-information {
        max-width: 100%;
    }
    .item-option-head {
        padding: 16px;
    }
    .item-option-head::before {
        width: 20px;
        height: 20px;
    }
    .option-ico {
        width: 20px;
        height: 20px;
    }
    .checkout-information-content {
        padding: 16px;
        gap: 16px;
    }
    .checkout-information-content > h1 {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .content-option-min > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .checkout-info-general {
        gap: 8px;
    }
    .checkout-info-general > .item > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .checkout-info-general > .item.xl > p:last-child {
        font-size: 14px;
        letter-spacing: normal;
    }
    .group-row {
        gap: 12px;
    }
    .body-select > .item > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .head-select > input {
        height: 40px;
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .item-option-body {
        padding: 16px;
        padding-top: 0;
        gap: 16px;
        padding-left: 48px;
    }
    .group-options-min {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }
    .responsive-checkout {
        padding-bottom: 24px;
    }
    .name-option > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .checkout-steps {
        gap: 16px;
    }
    .checkout-steps > .item {
        gap: 8px;
    }
    .item-fill-content > input {
        height: 40px;
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .item-fill {
        gap: 4px;
    }
    .item-fill > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .checkout-content {
        gap: 16px;
    }
    .checkout-content > h1 {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .cart-information-content > h1 {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .cart-information-items {
        gap: 8px;
    }
    .cart-information-items > .item > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .cart-information-items > .item.xl > p {
        font-size: 12px;
    }
    .cart-information-items > .item.xl > p:last-child {
        font-size: 14px;
    }
    .button-a {
        height: 56px;
    }
    .button-a > p {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .cart-information {
        max-width: 100%;
    }
    .media-cart-item {
        width: 110px;
    }
    .cart-item-name > h4 {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .cart-item-name > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .item-count > p {
        height: 28px;
        min-width: 40px;
    }
    .item-count > .item {
        width: 28px;
        height: 28px;
    }
    .cart-content > .item {
        gap: 16px;
    }
    .cart-content > .item > h1 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .empty {
        padding: 120px 0;
    }
    .empty > h1 {
        font-size: 24px;
    }
    .empty > p {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .shop-body {
        grid-gap: 12px;
    }
    .responsive-about-info {
        padding: 24px 0;
    }
    .rent {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .responsive-rent {
        padding: 24px 0;
    }
    .rent-item-content {
        padding: 16px;
        gap: 16px;
    }
    .rent-item-content > h3 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .rent-item-content > p {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .rent-item-bottom {
        padding: 16px;
    }
    .rent-price > h2 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .rent-price > p {
        font-size: 14px;
    }
    .about-item-content {
        gap: 16px;
    }
    .about-item-content > h2 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    .about-item-info {
        gap: 8px;
    }
    .about-item-info > p {
        font-size: 14px;
    }
    .about-info {
        gap: 24px;
    }
    .about-item {
        gap: 24px;
    }
    .info-head > h1 {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .responsive-buy {
        padding: 24px 0;
    }
    .buy-location::before, .buy-location::after {
        width: 20px;
        height: 20px;
    }
    .buy-location > p {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .buy-items {
        gap: 8px;
    }
    .buy-items > .item {
        padding: 16px;
    }
    .buy-items > .item > p {
        font-size: 14px;
    }
    .buy {
        gap: 24px;
    }
    .group-buy {
        gap: 16px;
    }
    .group-buy > h2 {
        font-size: 28px;
        letter-spacing: -0.56px;
    }
}
@media screen and (max-width: 824px) {
    .shop-body {
        -ms-grid-columns: 1fr 12px 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 768px) {
    .information {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .about {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
    }
    .about > .item > * {
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .info-item-sell-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .cart-item-count {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        gap: 12px;
    }
    .cart-item-count > .item-price > h4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        font-size: 22px;
        letter-spacing: -0.4px;
    }
    .media-cart-item {
        width: 100px;
    }
    .responsive-shop {
        padding: 24px 0;
    }
    .responsive-collect {
        padding: 24px 0;
    }
    .collect {
        gap: 16px;
    }
    .footer-navigation {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .collect-ico {
        width: 32px;
        height: 32px;
    }
    .collect-ico.xl {
        width: 40px;
        height: 40px;
    }
    .collect-head {
        gap: 8px;
    }
    .collect-name {
        gap: 8px;
    }
    .shop-head {
        gap: 4px;
    }
    .button-b {
        height: 32px;
        padding: 0px 12px;
    }
    .button-b::before, .button-b::after {
        width: 16px;
    }
    .button-b::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8L16 0H0V8ZM16 32L0 24V32H16Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
    }
    .button-b::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8L0 0H16V8ZM1.52588e-06 32L16 24V32H1.52588e-06Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
    }
    .button-b > p {
        font-size: 12px;
    }
    .button-c {
        height: 32px;
        padding: 0px 12px;
    }
    .button-c::before, .button-c::after {
        width: 16px;
    }
    .button-c::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8L16 0H0V8ZM16 32L0 24V32H16Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
    }
    .button-c::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8L0 0H16V8ZM1.52588e-06 32L16 24V32H1.52588e-06Z' fill='%23F5F5F5'/%3E%3C/svg%3E");
    }
    .button-c > p {
        font-size: 12px;
    }
    .collect-action {
        gap: 4px;
    }
    .collect-navigate {
        display: none;
        gap: 4px;
    }
    .collect-navigate > .item {
        width: 32px;
        height: 32px;
    }
    .item-tag > .item {
        height: 20px;
    }
    .item-tag > .item > p {
        font-size: 12px;
    }
    .item-price > h4 {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .item-price > h4 > span {
        font-size: 12px;
        letter-spacing: -0.24px;
    }
    .set-cart > button::after {
        width: 22px;
        height: 22px;
    }
    .item-info {
        padding: 10px;
    }
    .item-name > h4 {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .item-favorite > button {
        width: 32px;
        height: 32px;
        background-size: 20px 20px;
    }
    .about-image::before, .about-image::after {
        height: 4px;
    }
    .about-image > * {
        aspect-ratio: unset;
        height: 375px;
    }
    .collection {
        padding: 0;
    }
    .collection-content {
        display: -ms-grid;
        display: grid;
        gap: 0;
        -ms-grid-columns: 1fr 0 1fr 0 1fr;
        grid-template-columns: repeat(3, 1fr);
    }
    .collection-content > .item {
        padding: 12px 0;
    }
    .collection-content > .item::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        inset-inline: 0;
        pointer-events: none;
        top: 0;
        background: rgba(255, 255, 255, 0.08);
    }
    .collection-content > .item:nth-child(3n)::before {
        content: none;
    }
    .navigation:only-child::after {
        content: "";
    }
    .navigation::after {
        content: none;
    }
}
@media screen and (max-width: 425px) {
    .set-cart.active > button::before {
        content: none;
    }
    .information::after {
        aspect-ratio: 2.7658/1;
        background: url(../img/info-text-xs.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
}
@media screen and (max-width: 1248px) {
    .navigation > ul::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
    .navigation > ul::-webkit-scrollbar-track {
        background: rgb(21, 21, 21);
    }
    .navigation > ul::-webkit-scrollbar-track-piece {
        background: rgb(21, 21, 21);
    }
    .navigation > ul::-webkit-scrollbar-thumb {
        background: rgb(41, 41, 41);
    }
    .navigation > ul::-webkit-scrollbar-corner {
        background: rgb(41, 41, 41);
    }
    .navigation > ul::-webkit-resizer {
        background: rgb(41, 41, 41);
    }
}

@media screen and (max-width: 1024px) {
    .complete {
        gap: 24px;
    }
    .complete > h1 {
        font-size: 40px;
        font-weight: 700;
        letter-spacing: -0.8px;
    }
    .responsive-complete {
        padding: 24px 0;
    }
    .complete-content > .item {
        padding: 16px;
    }
    .complete-content > .item > h2 {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .checkout-info-items > .item > h3 {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .checkout-info-items > .item > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .delivery-place > h3 {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .delivery-place > p {
        font-size: 12px;
        letter-spacing: -0.12px;
    }
    .checkout-delivery-pay > .item > p {
        font-size: 12px;
        letter-spacing: -0.12px;
        line-height: 140%;
    }
    .complete-details {
        margin-top: 4px;
        gap: 16px;
    }
}

@media screen and (max-width: 768px) {
    .collection::after {
        content: none;
    }
    .responsive-welcome-collection > .container {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .item-description {
        padding: 10px;
    }

    .item-description>* {
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) {
    .cart-information {
        position: static;
    }
    .cart {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
}

@media screen and (max-width: 1024px) {
    .button-f {
        height: 56px;
    }
    .button-f::before {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0L0 10V0H20Z' fill='white'/%3E%3Cpath d='M-1.19249e-07 46L20 56L0 56L-1.19249e-07 46Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    .button-f::after {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='56' viewBox='0 0 20 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.90735e-06 0L20 10V0H-1.90735e-06Z' fill='white'/%3E%3Cpath d='M20 46L0 56L20 56L20 46Z' fill='white'/%3E%3C/svg%3E%0A");
    }
    .button-f > p {
        font-size: 14px;
    }
}
@media screen and (max-width: 924px) {
    .dialog-hide {
        top: 22px;
        right: 20px;
    }
    .dialog-fields {
        gap: 16px;
    }
    .dialog-content.xm {
        gap: 24px;
    }
    .dialog-head > p {
        font-size: 24px;
    }
    .product {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
    }
    .product-info {
        max-width: 100%;
        padding: 16px;
        gap: 16px;
    }
    .product-info-name > p {
        font-size: 14px;
        line-height: 20px;
    }
    .product-info-name > span {
        font-size: 12px;
        line-height: 16px;
    }
    .product-info-top {
        gap: 16px;
    }
    .price-count > .item {
        width: 32px;
        height: 32px;
    }
    .price-count > .item > button {
        background-size: 24px 24px;
    }
    .price-count > input {
        width: 56px;
    }
    .product-price-count > p {
        font-size: 28px;
        line-height: 100%;
        letter-spacing: -0.56px;
    }
    .product-info-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .product-info-details > .item {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    }
    .product-info-details > .item:last-child {
        border: none;
    }
    .product-info-details > .item > p {
        font-size: 14px;
        line-height: normal;
    }
    .product-info-text > * {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: -0.12px;
    }
    .button-favorite {
        width: 56px;
        height: 56px;
    }
    .product-image {
        width: 100%;
    }
    .dialog-action {
        gap: 16px;
    }
    .dialog-content {
        padding: 24px;
    }
    .dialog-info > p {
        font-size: 24px;
    }
    .primary-message {
        padding: 16px;
    }
    .message-content {
        padding: 16px;
        gap: 12px;
    }
    .support-button {
        bottom: 12px;
        right: 12px;
        width: 48px;
        height: 48px;
    }
    .product-price-count > p.discount {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .product-price-count > p.discount > span {
        font-size: 14px;
        letter-spacing: -0.28px;
    }
}

@media screen and (max-width: 768px) {
    .search-content {
        gap: 8px;
    }
    .search-icon {
        width: 24px;
        height: 24px;
    }
    .search-place {
        height: 56px;
        font-size: 14px;
        letter-spacing: -0.14px;
    }
    .search-reset {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .info-item-text > * {
        font-size: 14px;
    }
    .info > .item > h1.xs {
        font-size: 64px;
    }
    .info > .item > h1.xs > br {
        display: none;
    }
    .responsive-history {
        padding: 24px 0;
    }
    .history-info {
        padding: 16px;
    }
    .history {
        gap: 16px;
    }
    .history > .item > img {
        width: 100%;
    }
    .info.start {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
    }
    .info.start > .item.media {
        height: 400px;
        opacity: 1;
        position: static;
    }
    .info.start > .item.media > .info-media {
        width: 100%;
        position: static;
    }
    .info.start > .item.media > .info-media > img {
        -o-object-fit: cover;
           object-fit: cover;
    }
}
@media screen and (max-width: 624px) {
    .history > .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media screen and (max-width: 524px) {
    .info.start > .item.media {
        aspect-ratio: 1/1;
        height: 100%;
    }
}