:root {
    --tea-ink: #18201a;
    --tea-muted: #6f766a;
    --tea-paper: #fbfaf4;
    --tea-rice: #f1eadb;
    --tea-line: #ded5c2;
    --tea-leaf: #496b43;
    --tea-moss: #263d2f;
    --tea-amber: #c2823a;
    --tea-white: #fffdf8;


    --font-family: "Futura Futuris", sans-serif;
    --font-family-bold: "FuturaFuturisC", sans-serif;
    --second-family: "Tilda Sans VF", sans-serif;
    --third-family: "Inter", sans-serif;
    --font3: "Gotham Pro", sans-serif;

    --palomawoolcom-astronaut: #2b3072;
	--palomawoolcom-astronaut-white-200: #2b3072;
	--palomawoolcom-astronaut-500: rgba(43, 48, 114, 0.5);
	--palomawoolcom-black: #000;
	--palomawoolcom-black-500: rgba(0, 0, 0, 0.5);
	--palomawoolcom-white: #fff;
	--palomawoolcom-white-020: rgba(255, 255, 255, 0);
	--color-blue-31: #2b3072;
	--color-blue-31-500: rgba(43, 48, 114, 0.5);
	--color-black-solid: #000;
	--color-white--200: rgba(255, 255, 255, 0.2);
	--color-white-solid: #fff;
	--color-black--500: rgba(0, 0, 0, 0.5);
	--color-white--0-20: rgba(255, 255, 255, 0);

}

html,
body {
    background: var(--tea-paper) !important;
    color: var(--tea-ink);
    font-family: var(--font-family)
}

body.lock-scroll {
    overflow: hidden;
}

* {
    letter-spacing: 0 !important;
}

a {
    color: inherit;
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
}

a:hover {
    color: var(--tea-leaf);
    text-decoration: none !important;
}

a:visited,
a:active,
a:focus {
    text-decoration: none !important;
}

.container,
.container1200 {
    width: min(100% - 24px, 1440px);
    max-width: 1440px;
    margin-inline: auto;
}

#real-header {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    max-width: none;
    background: rgb(238 238 238);
    border-bottom: 1px solid rgba(24, 32, 26, .1);
    backdrop-filter: blur(18px);
}

header.white {
    max-width: 1440px;
    margin: 0 auto;
}

.header-inner {
    padding: 18px 20px;
}

.header-logo {
    text-decoration: none;
}

/* .header-logo img {
    display: none;
} */

.tea-logo-mark {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    color: var(--tea-ink);
    white-space: nowrap;
}

/* .tea-logo-mark::before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: radial-gradient(circle at 62% 35%, #fff 0 22%, #e9dcc5 23% 43%, var(--tea-amber) 44% 64%, var(--tea-ink) 65% 100%);
    box-shadow: inset 0 0 0 2px rgba(24, 32, 26, .18);
} */

.tea-logo-img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 400px;
    /* box-shadow: inset 0 0 0 2px rgba(24, 32, 26, .18); */
}

.header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 22px;
    align-items: center;
}

.tea-main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    min-width: 0;
}

.tea-main-nav > a,
.tea-nav-dropdown > button {
    padding: 10px 0;
    border: 0;
    background: transparent;
    color: var(--tea-ink);
    font: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.tea-main-nav > a:hover,
.tea-nav-dropdown:hover > button,
.tea-nav-dropdown:focus-within > button {
    color: var(--tea-leaf);
}

.tea-nav-dropdown {
    position: relative;
}

.tea-nav-dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    z-index: 80;
    width: 260px;
    display: grid;
    gap: 2px;
    padding: 12px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
    box-shadow: 0 18px 48px rgba(24, 32, 26, .14);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.tea-nav-dropdown::after {
    content: "";
    position: absolute;
    top: 100%;
    left: -24px;
    right: -24px;
    height: 18px;
}

.tea-nav-dropdown:hover .tea-nav-dropdown-menu,
.tea-nav-dropdown:focus-within .tea-nav-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.tea-nav-dropdown-menu a {
    padding: 10px 12px;
    border-radius: 6px;
    color: var(--tea-ink);
    font-size: 14px;
    font-weight: 700;
}

.tea-nav-dropdown-menu a:hover {
    background: var(--tea-rice);
    color: var(--tea-leaf);
}



header.white #cart-button,
#cart-button,
.favorite-link {
    color: #f7f7f7;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.tea-phone-link,
.tea-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tea-line);
    border-radius: 999px;
    background: var(--tea-white);
    color: var(--tea-ink);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    padding: 5px;
}

.tea-phone-link {
    gap: 8px;
    padding: 10px 13px;
    font-size: 14px;
}

.tea-phone-link::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tea-amber);
    box-shadow: 0 0 0 4px rgba(199, 141, 70, .16);
    display: none;
}

.tea-social-link {
    /* min-width: 38px; */
    /* padding: 0 10px; */
    font-size: 12px;
    letter-spacing: .02em;
}

.tea-social-link svg {
    width: 27px;
    height: 27px;
    border-radius: 100px;
}

.favorite-link svg {
    margin-right: 5px;
    width: 19px;
    height: 19px;
}

.tea-phone-link:hover,
.tea-social-link:hover {
    border-color: rgba(69, 94, 69, .35);
    color: var(--tea-leaf);
}

.favorite-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    gap: 3px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--tea-line);
    border-radius: 999px;
    background: var(--tea-white);
    color: #9c3b32 !important;
}

#cart-button {
    padding: 12px 18px;
    border-radius: 999px;
    background: var(--tea-moss);
    color: var(--tea-white) !important;
    white-space: nowrap;
}

.openMobileMenu span {
    display: block;
    width: 22px;
    height: 2px;
    margin: 5px 0;
    background: var(--tea-ink);
}

.mobileMenu {
    background: var(--tea-paper);
    overflow-y: scroll;
}

.mobileMenu .header-actions-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.mobileMenu .header-actions-mobile .tea-phone-link {
    width: 100%;
}

.tea-mobile-primary-nav,
.tea-mobile-info-nav {
    display: grid;
    gap: 8px;
    margin-top: 18px;
}

.tea-mobile-primary-nav a,
.tea-mobile-info-nav a {
    padding: 5px 0px;
    /* border: 1px solid var(--tea-line); */
    border-radius: 8px;
    /* background: var(--tea-white); */
    color: var(--tea-ink);
    font-weight: 800;
}

.tea-mobile-primary-nav a:hover,
.tea-mobile-info-nav a:hover {
    color: var(--tea-leaf);
    border-color: rgba(69, 94, 69, .32);
}

.tea-mobile-info-nav span {
    /* margin: 10px 0 2px; */
    color: var(--tea-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobileMenu-inner .tea-mobile-logo {
    align-self: flex-start;
}

.mobileMenu-close,
.tea-panel-close {
    border: 0;
    background: transparent;
    font-size: 34px;
    line-height: 1;
    cursor: pointer;
}

.tea-hero {
    min-height: 690px;
    background: linear-gradient(90deg, rgb(24 32 26 / 54%), rgb(24 32 26 / 19%)), var(--hero-image, url(../images/main_bg.jpg));
    background-size: cover;
    background-position: center;
    color: var(--tea-white);
}

.tea-hero-inner {
    min-height: 690px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: center;
    gap: 40px;
    padding: 86px 0 58px;
}

.tea-eyebrow {
    margin: 0 0 12px;
    color: var(--tea-amber);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.tea-hero h1,
.tea-catalog-hero h1,
.tea-cart-head h1,
.tea-favorites-page h1 {
    max-width: 760px;
    font-size: clamp(48px, 8vw, 104px);
    line-height: .9;
    margin: 0 0 22px;
    font-weight: 800;
}

.tea-hero-copy p:not(.tea-eyebrow),
.tea-catalog-hero p,
.tea-cart-head p {
    max-width: 620px;
    font-size: 20px;
    line-height: 1.45;
    color: #fff;
}

.tea-hero-actions,
.tea-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.tea-btn,
.sale button,
.cart-order,
.catalog-viewer-item__add-cart,
.tea-catalog-tools button,
.tea-none {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 13px 20px;
    border: 1px solid var(--tea-moss);
    border-radius: 999px;
    background: var(--tea-moss);
    color: var(--tea-white) !important;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;

    font-family: "Futura Futuris", sans-serif;
}

.tea-none {
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.tea-btn:hover,
.sale button:hover,
.cart-order:hover,
.catalog-viewer-item__add-cart:hover,
.tea-catalog-tools button:hover,
#cart-button:hover {
    background: var(--tea-leaf);
    border-color: var(--tea-leaf);
    color: var(--tea-white) !important;
}

.tea-btn-ghost {
    background: rgba(255, 253, 248, .94);
    border-color: rgba(255, 253, 248, .5);
    color: var(--tea-ink) !important;
}

.tea-hero-panel {
    padding: 28px;
    background: rgba(255, 253, 248, .9);
    color: var(--tea-ink);
    border-radius: 8px;
}

.tea-hero-panel span,
.tea-hero-panel p {
    color: var(--tea-muted);
}

.tea-hero-panel strong {
    display: block;
    margin: 8px 0;
    font-size: 28px;
    line-height: 1.05;
}

.tea-benefits {
    margin-top: 0;
    border-bottom: 1px solid var(--tea-line);
    background: var(--tea-white);
}

.tea-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.tea-benefits-grid div {
    padding: 28px 22px;
    border-right: 1px solid var(--tea-line);
}

.tea-benefits-grid div:last-child {
    border-right: 0;
}

.tea-benefits-grid strong,
.tea-benefits-grid span {
    display: block;
}

.tea-benefits-grid strong {
    margin-bottom: 8px;
    font-size: 22px;
}

.tea-benefits-grid span,
.tea-section-head a,
.tea-product-size,
.tea-rich-text,
.tea-story p,
.tea-cart-note p {
    color: var(--tea-muted);
    line-height: 1.5;
}

.tea-section,
.tea-catalog,
.tea-product-details,
.tea-favorites-page,
.tea-cart {
    padding: 58px 0;
}

.tea-section-head,
.tea-story-inner,
.tea-cart-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 28px;
    margin-bottom: 30px;
}

.tea-section-head > div {
    max-width: 760px;
}

.tea-section-head h2,
.tea-picker h2,
.tea-story h2,
.tea-product-details h2,
.tea-cart-note h2 {
    max-width: 680px;
    margin: 0;
    font-size: clamp(32px, 5vw, 58px);
    line-height: 95%;
    margin-bottom: 15px;
}

.tea-category-grid,
.catalog-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.tea-category-card,
.tea-product-card,
.tea-cart-note,
.cart-viewer,
.sale {
    background: var(--tea-white);
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    overflow: hidden;
}

.tea-category-card {
    position: relative;
    min-height: 220px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
}

.tea-category-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}

.tea-category-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(24 32 26 / 47%), rgba(24, 32, 26, .78));
}

.tea-category-card span,
.tea-category-card small {
    position: relative;
    z-index: 1;
    color: var(--tea-white);
}

.tea-category-card span {
    font-size: 26px;
    font-weight: 800;
}

.tea-picker {
    padding: 64px 0;
    background: var(--tea-moss);
    color: var(--tea-white);
}

.tea-picker-inner {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 44px;
    align-items: start;
}

.tea-picker p:not(.tea-eyebrow) {
    color: rgba(255, 253, 248, .72);
    font-size: 18px;
    line-height: 1.55;
}

.tea-mood-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.tea-mood-grid a,
.tea-mood-tabs button {
    padding: 20px;
    border: 1px solid rgba(255, 253, 248, .18);
    border-radius: 8px;
    background: rgba(255, 253, 248, .08);
    color: var(--tea-white);
    text-decoration: none;
    font-size: 20px;
    font-weight: 800;
    font-family: "Futura Futuris", sans-serif;
}

.tea-mood-grid span {
    display: block;
    margin-top: 8px;
    color: rgba(255, 253, 248, .65);
    font-size: 14px;
    font-weight: 500;
}

.tea-product-card {
    position: relative;
    display: flex !important;
    flex-direction: column;
    min-height: 100%;
}

.tea-product-media {
    display: block;
    aspect-ratio: 1 / 1.05;
    background: var(--tea-rice);
    overflow: hidden;
}

.tea-product-media img,
.catalog-viewer-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.tea-product-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px;
    gap: 5px;
}

.tea-product-category {
    margin-bottom: 8px;
    color: var(--tea-leaf);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    /* margin-bottom: 15px; */
    /* display: inline-block; */
}

.tea-product-card h2 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.15;
}

.tea-product-card h2 a {
    text-decoration: none;
}

.tea-product-meta {
    display: -webkit-box;
    margin: 0 0 10px;
    color: var(--tea-muted);
    font-size: 14px;
    line-height: 1.35;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.tea-product-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

.tea-product-bottom h3 {
    margin: 0;
    font-size: 24px;
    white-space: nowrap;
}

.tea-product-bottom h3 span {
    font-size: 16px;
}

.dop-products .swiper-wrapper {
    align-items: flex-start;
}

.dop-products .tea-product-card {
    height: auto !important;
    min-height: 0;
}

.dop-products .tea-product-body {
    flex: 0 0 auto;
}

.dop-products .tea-product-bottom {
    margin-top: 18px;
}

.catalog-viewer-item__add-cart p {
    margin: 0;
}

.tea-favorite-button {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 42px !important;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(24, 32, 26, .16);
    border-radius: 50%;
    background: rgba(255, 253, 248, .88);
    cursor: pointer;
}

.tea-favorite-button.is-active {
    background: #fff4f0;
    border-color: rgba(156, 59, 50, .3);
}

.tea-favorite-button svg {
    width: 22px;
    height: 22px;
    display: block;
}

.tea-favorite-icon-filled {
    display: none;
}

.tea-favorite-button.is-active .tea-favorite-icon-empty {
    display: none;
}

.tea-favorite-button.is-active .tea-favorite-icon-filled {
    display: inline-flex;
}

.tea-catalog-hero {
    padding: 110px 0 34px;
    background: var(--tea-rice);
}

.tea-catalog-hero p {
    color: var(--tea-muted);
}

.tea-catalog-category-block {
    margin-bottom: 24px;
}

.tea-catalog-category-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 18px;
}

.tea-catalog-category-head h2 {
    margin: 0;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1;
}

.tea-catalog-category-head a {
    color: var(--tea-leaf);
    font-weight: 800;
    white-space: nowrap;
}

.tea-catalog-categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.tea-catalog-category-card {
    position: relative;
    min-height: 176px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
    color: var(--tea-white);
    isolation: isolate;
}

.tea-catalog-category-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .76;
}

.tea-catalog-category-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(24, 32, 26, .04), rgb(22 22 22));
}

.tea-catalog-category-card span,
.tea-catalog-category-card small,
.tea-catalog-category-card b {
    position: relative;
    z-index: 1;
}

.tea-catalog-category-card span {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.05;
    color: #fff;
}

.tea-catalog-category-card small {
    display: -webkit-box;
    color: rgba(255, 253, 248, .78);
    line-height: 1.05;
    /* -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    white-space: wrap !important;
    font-size: 14px;
    text-transform: none !important;
}

.tea-catalog-category-card b {
    width: fit-content;
    margin-top: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 253, 248, .16);
    color: var(--tea-white);
    font-size: 12px;
}

.tea-catalog-category-card.checked,
.tea-catalog-category-card.is-active {
    border-color: rgba(255, 253, 248, .96);
    box-shadow:
        0 0 0 3px var(--tea-amber),
        0 18px 38px rgba(21, 32, 26, .22);
    transform: translateY(-2px);
}

.tea-catalog-category-card.checked::after,
.tea-catalog-category-card.is-active::after {
    background:
        linear-gradient(180deg, rgba(194, 130, 58, .16), rgba(18, 28, 22, .88)),
        linear-gradient(180deg, rgba(24, 32, 26, .04), rgb(22 22 22));
}

.tea-catalog-category-card.checked::before,
.tea-catalog-category-card.is-active::before {
    content: "Выбрано";
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--tea-white);
    color: var(--tea-ink);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: 0 10px 22px rgba(18, 28, 22, .2);
}

.tea-catalog-category-card:hover {
    color: var(--tea-white);
    transform: translateY(-2px);
}

.tea-catalog-category-all {
    background:
        radial-gradient(circle at 18% 20%, rgba(194, 130, 58, .34), transparent 34%),
        linear-gradient(135deg, var(--tea-moss), var(--tea-ink));
}

.tea-catalog-category-all::after {
    display: none;
}

.tea-catalog-category-all.checked::after,
.tea-catalog-category-all.is-active::after {
    display: block;
    background: linear-gradient(180deg, rgba(194, 130, 58, .08), rgba(18, 28, 22, .22));
}

.tea-catalog-category-all small {
    color: rgba(255, 253, 248, .75);
}

.tea-catalog-tools {
    display: grid;
    grid-template-columns: 2fr repeat(5, 1fr) auto;
    gap: 12px;
    margin: 18px 0;
    padding: 16px;
    background: var(--tea-white);
    border: 1px solid var(--tea-line);
    border-radius: 8px;
}

.tea-catalog-tools label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: var(--tea-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.tea-catalog-tools input,
.tea-catalog-tools select,
.sale input {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--tea-line);
    border-radius: 6px;
    background: var(--tea-paper);
    color: var(--tea-ink);
    font-size: 16px;
    outline: none;
    padding: 0 12px;
}

.tea-mood-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 24px;
}

.tea-mood-tabs button {
    color: var(--tea-ink);
    background: transparent;
    border-color: var(--tea-line);
    font-size: 14px;
    padding: 12px 16px;
    cursor: pointer;
}

.tea-mood-tabs button.is-active {
    color: var(--tea-white);
    background: var(--tea-leaf);
}

.no-results,
.tea-empty {
    padding: 30px;
    border: 1px dashed var(--tea-line);
    border-radius: 8px;
    color: var(--tea-muted);
    background: var(--tea-white);
}

.tea-product-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    gap: 34px;
    align-items: start;
}

.tea-single-product {
    padding: 54px 0;
    padding-top: 120px;
}

.tea-product-gallery {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: var(--tea-rice);
}

.tea-product-gallery img,
.tea-product-photo-swiper,
.tea-product-photo-swiper .swiper-wrapper,
.tea-product-photo-swiper .swiper-slide {
    width: 100%;
    height: fit-content;
}

.tea-product-gallery img {
    display: block;
    aspect-ratio: 1 / 1.08;
    object-fit: cover;
    background: var(--tea-rice);
}

.tea-product-photo-swiper {
    position: relative;
}

.tea-product-photo-swiper .swiper-slide {
    height: auto;
}

.tea-product-photo-nav {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 253, 248, .9);
    color: var(--tea-ink);
    font-size: 32px;
    line-height: 1;
    transform: translateY(-50%);
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(24, 32, 26, .16);
}

.tea-product-photo-prev {
    left: 14px;
}

.tea-product-photo-next {
    right: 14px;
}

.tea-product-photo-nav:hover {
    color: var(--tea-leaf);
}

.tea-product-photo-pagination {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    z-index: 3;
    display: flex;
    justify-content: center;
    gap: 7px;
}

.tea-product-photo-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 !important;
    background: rgba(255, 253, 248, .72);
    opacity: 1;
}

.tea-product-photo-pagination .swiper-pagination-bullet-active {
    background: var(--tea-amber);
}

.tea-product-info {
    position: sticky;
    top: 96px;
    padding: 28px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-product-info h1 {
    margin: 0 0 16px;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1;
}

.tea-product-lead {
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-product-buybox,
.tea-product-notes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 22px 0;
}

.tea-product-buybox div,
.tea-product-notes div,
.tea-brew-list li {
    padding: 14px;
    border-radius: 8px;
    background: var(--tea-rice);
}

.tea-product-buybox span,
.tea-product-notes span,
.tea-brew-list span {
    display: block;
    margin-bottom: 6px;
    color: var(--tea-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.tea-product-buybox strong {
    font-size: 24px;
}

.tea-variant-picker {
    display: grid;
    gap: 10px;
    margin: 18px 0 22px;
}

.tea-variant-picker-title {
    color: var(--tea-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.tea-variant-option {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-paper);
    cursor: pointer;
}

.tea-variant-option.is-active {
    border-color: var(--tea-leaf);
    background: #eef4eb;
}

.tea-variant-option input {
    width: 16px;
    height: 16px;
}

.tea-variant-option span,
.tea-variant-option strong {
    font-size: 16px;
}

.tea-variant-option strong {
    white-space: nowrap;
}

.tea-favorite-inline {
    position: static;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
}

.tea-gallery-trigger {
    cursor: zoom-in;
    pointer-events: auto !important;
}

.tea-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    grid-template-rows: 1fr auto;
    align-items: center;
    justify-items: center;
    gap: 18px;
    padding: 42px 84px 28px;
    background: rgba(18, 24, 20, .92);
}

.tea-gallery-lightbox.is-open {
    display: grid;
}

.tea-gallery-main {
    max-width: 100%;
    max-height: calc(100vh - 190px);
    object-fit: contain;
    border-radius: 8px;
}

.tea-gallery-close,
.tea-gallery-nav {
    position: absolute;
    border: 0;
    color: var(--tea-white);
    background: rgba(255, 253, 248, .14);
    cursor: pointer;
}

.tea-gallery-close {
    top: 22px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 34px;
    line-height: 1;
}

.tea-gallery-nav {
    top: 50%;
    width: 56px;
    height: 76px;
    border-radius: 999px;
    font-size: 54px;
    transform: translateY(-50%);
}

.tea-gallery-prev {
    left: 22px;
}

.tea-gallery-next {
    right: 22px;
}

.tea-gallery-thumbs {
    display: flex;
    max-width: min(100%, 760px);
    gap: 10px;
    padding: 8px;
    overflow-x: auto;
    border-radius: 8px;
    background: rgba(255, 253, 248, .12);
}

.tea-gallery-thumbs button {
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 6px;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
}

.tea-gallery-thumbs button.is-active {
    border-color: var(--tea-amber);
}

.tea-gallery-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tea-details-grid,
.tea-cart-layout {
    /* display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 24px; */
}

.tea-details-grid article {
    padding: 28px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
    height: fit-content;
}

.tea-brew-list {
    display: grid;
    gap: 10px;
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
}

.tea-brew-note {
    margin-top: 18px;
}

.tea-delivery-grid,
.tea-delivery-details {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.tea-delivery-grid article,
.tea-delivery-details article {
    padding: 24px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-delivery-grid span {
    display: inline-flex;
    margin-bottom: 34px;
    color: var(--tea-amber);
    font-size: 13px;
    font-weight: 900;
}

.tea-delivery-grid h3,
.tea-delivery-details h2,
.tea-delivery-contact p {
    margin: 0 0 12px;
    color: var(--tea-ink);
}

.tea-delivery-grid p,
.tea-delivery-details p {
    margin: 0;
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-delivery-details {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tea-delivery-band {
    padding: 64px 0;
    background: var(--tea-moss);
    color: var(--tea-white);
}

.tea-delivery-band-inner {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 42px;
    align-items: start;
}

.tea-delivery-band h2 {
    max-width: 650px;
    margin: 0;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
}

.tea-delivery-band .tea-rich-text,
.tea-delivery-band .tea-rich-text p {
    color: rgba(255, 253, 248, .76);
}

.tea-delivery-faq .faq-item {
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
    overflow: hidden;
}

.tea-delivery-faq .faq-item + .faq-item {
    margin-top: 10px;
}

.tea-delivery-faq .faq-item-start {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border: 0;
    background: transparent;
    color: var(--tea-ink);
    font: inherit;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.tea-delivery-faq .faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .22s ease;
}

.tea-delivery-faq .faq-content p {
    margin: 0;
    padding: 0 22px 20px;
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-delivery-faq svg {
    flex: 0 0 auto;
    transition: transform .2s ease;
}

.tea-delivery-faq svg.rotate {
    transform: rotate(45deg);
}

.tea-delivery-contact {
    padding: 0 0 72px;
}

.tea-delivery-contact .container1200 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-top: 28px;
    border-top: 1px solid var(--tea-line);
}

.tea-delivery-contact p {
    margin: 0;
    font-size: 24px;
    font-weight: 800;
}

.tea-delivery-contact .container1200 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tea-payment-grid,
.tea-payment-details {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.tea-payment-grid article,
.tea-payment-details article {
    padding: 24px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-payment-grid span {
    display: inline-flex;
    margin-bottom: 34px;
    color: var(--tea-amber);
    font-size: 13px;
    font-weight: 900;
}

.tea-payment-grid h2,
.tea-payment-details h2 {
    margin: 0 0 12px;
    color: var(--tea-ink);
    font-size: 26px;
    line-height: 1.08;
}

.tea-payment-grid p,
.tea-payment-details p,
.tea-payment-note p {
    margin: 0;
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-payment-details {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tea-payment-band {
    padding: 64px 0;
    background: var(--tea-ink);
    color: var(--tea-white);
}

.tea-payment-band-inner {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 42px;
    align-items: start;
}

.tea-payment-band h2 {
    max-width: 650px;
    margin: 0;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
}

.tea-payment-band .tea-rich-text,
.tea-payment-band .tea-rich-text p {
    color: rgba(255, 253, 248, .76);
}

.tea-payment-note {
    padding: 0 0 72px;
}

.tea-payment-note .container1200 {
    padding: 34px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-payment-note h2 {
    max-width: 760px;
    margin: 0 0 14px;
    font-size: clamp(32px, 5vw, 58px);
    line-height: 1;
}

.tea-payment-note p {
    max-width: 760px;
}

.tea-payment-note .container1200 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.tea-returns-grid,
.tea-returns-details,
.tea-contacts-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.tea-returns-grid article,
.tea-returns-details article,
.tea-contacts-main,
.tea-contacts-list article,
.tea-contacts-cards article {
    padding: 24px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-returns-grid span,
.tea-contacts-list span {
    display: inline-flex;
    margin-bottom: 24px;
    color: var(--tea-amber);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.tea-returns-grid h2,
.tea-returns-details h2,
.tea-returns-contact h2,
.tea-contacts-main h2,
.tea-contacts-cards h2 {
    margin: 0 0 12px;
    color: var(--tea-ink);
    line-height: 1.08;
}

.tea-returns-grid p,
.tea-returns-details p,
.tea-returns-contact p,
.tea-contacts-main p,
.tea-contacts-list p,
.tea-contacts-cards p {
    margin: 0;
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-returns-details,
.tea-contacts-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tea-returns-band,
.tea-contacts-band {
    padding: 64px 0;
    background: var(--tea-moss);
    color: var(--tea-white);
}

.tea-returns-band-inner,
.tea-contacts-band-inner {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 42px;
    align-items: start;
}

.tea-returns-band h2,
.tea-contacts-band h2 {
    max-width: 650px;
    margin: 0;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
}

.tea-returns-band .tea-rich-text,
.tea-returns-band .tea-rich-text p,
.tea-contacts-band .tea-rich-text,
.tea-contacts-band .tea-rich-text p {
    color: rgba(255, 253, 248, .76);
}

.tea-returns-contact {
    padding: 0 0 72px;
}

.tea-returns-contact .container1200 {
    padding: 34px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-returns-contact h2 {
    max-width: 760px;
    font-size: clamp(32px, 5vw, 58px);
}

.tea-returns-contact p {
    max-width: 760px;
}

.tea-returns-contact .container1200 > div,
.tea-contacts-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.tea-contacts-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 18px;
}

.tea-contacts-main h2 {
    font-size: clamp(38px, 6vw, 74px);
}

.tea-contacts-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.tea-contacts-list a {
    color: var(--tea-ink);
    font-size: 22px;
    font-weight: 800;
}

.tea-ceremony-intro,
.tea-ceremony-band-inner,
.tea-ceremony-place-inner {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 42px;
    align-items: start;
}

.tea-ceremony-intro h2,
.tea-ceremony-band h2,
.tea-ceremony-place h2,
.tea-ceremony-contact h2 {
    margin: 0 0 14px;
    color: var(--tea-ink);
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
}

.tea-ceremony-band {
    padding: 64px 0;
    background: var(--tea-ink);
    color: var(--tea-white);
}

.tea-ceremony-band h2,
.tea-ceremony-band .tea-rich-text,
.tea-ceremony-band .tea-rich-text p {
    color: rgba(255, 253, 248, .78);
}

.tea-ceremony-band h2 {
    color: var(--tea-white);
}

.tea-ceremony-grid,
.tea-ceremony-formats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.tea-ceremony-grid article,
.tea-ceremony-formats article,
.tea-ceremony-place-inner > div {
    padding: 24px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-ceremony-grid span {
    display: inline-flex;
    margin-bottom: 34px;
    color: var(--tea-amber);
    font-size: 13px;
    font-weight: 900;
}

.tea-ceremony-grid h2,
.tea-ceremony-formats h2,
.tea-ceremony-place h2 {
    font-size: 28px;
}

.tea-ceremony-grid p,
.tea-ceremony-formats p,
.tea-ceremony-place p,
.tea-ceremony-contact p {
    margin: 0;
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-ceremony-formats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tea-ceremony-place {
    padding: 64px 0;
    background: var(--tea-rice);
}

.tea-ceremony-contact {
    padding: 0 0 72px;
}

.tea-ceremony-contact .container1200 {
    padding: 34px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-ceremony-contact h2 {
    max-width: 820px;
}

.tea-ceremony-contact p {
    max-width: 780px;
}

.tea-ceremony-contact .container1200 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.tea-business-grid,
.tea-business-details,
.tea-wholesale-grid,
.tea-wholesale-details {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.tea-wholesale-offers {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

.tea-wholesale-offers article {
    padding: 24px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-wholesale-offers article > p {
    max-width: 920px;
}

.tea-wholesale-offers span {
    display: inline-flex;
    margin-bottom: 34px;
    color: var(--tea-amber);
    font-size: 13px;
    font-weight: 900;
}

.tea-wholesale-offers h2 {
    margin: 0 0 12px;
    color: var(--tea-ink);
    font-size: 28px;
    line-height: 1.08;
}

.tea-wholesale-offers h3 {
    margin: 28px 0 12px;
    color: var(--tea-ink);
    font-size: 18px;
}

.tea-wholesale-offers p,
.tea-wholesale-offers li {
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-wholesale-offers p + p {
    margin-top: 12px;
}

.tea-wholesale-offers ol {
    display: grid;
    gap: 12px;
    margin: 0;
    padding-left: 22px;
}

.tea-wholesale-hero-copy {
    display: grid;
    gap: 12px;
}

.tea-wholesale-hero-copy p {
    margin: 0;
}

.tea-business-grid article,
.tea-business-details article,
.tea-wholesale-grid article,
.tea-wholesale-details article {
    padding: 24px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-business-grid span,
.tea-wholesale-grid span {
    display: inline-flex;
    margin-bottom: 34px;
    color: var(--tea-amber);
    font-size: 13px;
    font-weight: 900;
}

.tea-business-grid h2,
.tea-business-details h2,
.tea-business-contact h2,
.tea-wholesale-grid h2,
.tea-wholesale-details h2,
.tea-wholesale-contact h2 {
    margin: 0 0 12px;
    color: var(--tea-ink);
    line-height: 1.08;
}

.tea-business-grid h2,
.tea-wholesale-grid h2 {
    font-size: 26px;
}

.tea-business-details h2,
.tea-wholesale-details h2 {
    font-size: 28px;
}

.tea-business-grid p,
.tea-business-details p,
.tea-business-contact p,
.tea-wholesale-grid p,
.tea-wholesale-details p,
.tea-wholesale-contact p {
    margin: 0;
    color: var(--tea-muted);
    line-height: 1.55;
}

.tea-business-details,
.tea-wholesale-details {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tea-business-band,
.tea-wholesale-band {
    padding: 64px 0;
    color: var(--tea-white);
}

.tea-business-band {
    background: var(--tea-ink);
}

.tea-wholesale-band {
    background: var(--tea-moss);
}

.tea-business-band-inner,
.tea-wholesale-band-inner {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 42px;
    align-items: start;
}

.tea-business-band h2,
.tea-wholesale-band h2 {
    max-width: 680px;
    margin: 0;
    color: var(--tea-white);
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
}

.tea-business-band .tea-rich-text,
.tea-business-band .tea-rich-text p,
.tea-wholesale-band .tea-rich-text,
.tea-wholesale-band .tea-rich-text p {
    color: rgba(255, 253, 248, .78);
}

.tea-business-contact,
.tea-wholesale-contact {
    padding: 0 0 72px;
}

.tea-business-contact .container1200,
.tea-wholesale-contact .container1200 {
    padding: 34px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

.tea-business-contact h2,
.tea-wholesale-contact h2 {
    max-width: 820px;
    font-size: clamp(32px, 5vw, 58px);
}

.tea-business-contact p,
.tea-wholesale-contact p {
    max-width: 780px;
}

.tea-business-contact .container1200 > div,
.tea-wholesale-contact .container1200 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.tea-story {
    padding: 64px 0;
    background: var(--tea-rice);
}

.tea-story-copy {
    display: grid;
    gap: 14px;
    max-width: 650px;
}

.tea-visual-story {
    padding: 70px 0;
    background: var(--tea-white);
}

.tea-visual-story-inner {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 42px;
    align-items: center;
}

.tea-visual-photo {
    min-height: 420px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--tea-rice);
}

.tea-visual-photo img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    display: block;
}

.tea-visual-story h2 {
    max-width: 680px;
    margin: 0 0 20px;
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
}

.tea-visual-story p:not(.tea-eyebrow) {
    max-width: 700px;
    color: var(--tea-muted);
    font-size: 18px;
    line-height: 1.55;
}

.sale {
    width: 100%;
    padding: 32px;
}

.sale h2 {
    margin: 0 0 18px;
    color: var(--tea-ink);
    font-size: 34px;
    line-height: 1.08;
    text-transform: none;
}

.sale-checkbox {
    display: flex;
    align-items: self-end;
    justify-content: space-between;
    gap: 10px;
    margin: 10px;
    color: var(--tea-muted);
    margin-bottom: 40px;
}

.sale-checkbox input {
    width: auto;
    /* min-height: auto; */
}

.cart-viewer {
    width: 100%;
    padding: 22px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-white);
}

#cart-container {
    display: grid;
    gap: 12px;
}

.cart-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 0 0 10px;
    color: var(--tea-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 1px solid var(--tea-line);
}

.cart-product {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--tea-line);
    border-radius: 8px;
    background: var(--tea-paper);
}

.cart-product-start {
    min-width: 0;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

.cart-product-start img {
    width: 92px;
    height: 92px;
    display: block;
    border-radius: 8px;
    object-fit: cover;
    background: var(--tea-rice);
    cursor: pointer;
}

.cart-product-start-info {
    min-width: 0;
}

.cart-product-start-info > div {
    cursor: pointer;
}

.cart-product-start h3 {
    margin: 0 0 8px;
    color: var(--tea-ink);
    font-size: 18px;
    line-height: 1.2;
}

.cart-product-start p {
    margin: 0;
}

.cart-product-calc {
    display: grid;
    justify-items: start;
    gap: 9px;
}

.product-act-calc {
    width: 132px;
    /* height: 42px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--tea-line);
    border-radius: 999px;
    overflow: hidden;
    background: var(--tea-white);
}

.product-calc-button {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--tea-ink);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.product-calc-button:hover {
    background: var(--tea-rice);
    color: var(--tea-leaf);
}

.product-act-calc input {
    width: 100%;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--tea-ink);
    text-align: center;
    font-weight: 600;
}

.cart-product-delete {
    display: inline-flex;
    width: fit-content;
    color: #9c3b32;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.cart-product-delete:hover {
    color: #6f201a;
}

.cart-product-final {
    justify-self: end;
    cursor: pointer;
}

.cart-product-price {
    margin: 0;
    color: var(--tea-ink);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

.cart-product-variant,
.cart-product-unit-price {
    margin: 6px 0 0;
    color: var(--tea-muted);
    font-size: 14px;
    line-height: 1.35;
}

.cart-product-variant span,
.cart-product-unit-price span {
    color: var(--tea-ink);
    font-weight: 800;
}

.cart-viewer-end {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
    padding: 14px 10px;
    border-top: 1px solid var(--tea-line);
}

.cart-viewer-end p,
.cart-viewer-end span {
    margin: 0;
}

.cart-viewer-end p {
    color: var(--tea-muted);
    font-size: 14px;
    font-weight: 800;
}

.cart-viewer-end span {
    color: var(--tea-ink);
    font-size: 20px;
    font-weight: 900;
    text-align: right;
}

.cart-viewer-end #pvz {
    max-width: 60%;
    color: var(--tea-muted);
    font-weight: 700;
}

.cart-viewer-end #type-sdek {
    font-size: 16px;
}

.order-right .cart-viewer {
    padding: 18px;
}

.order-right .cart-top {
    display: none;
}

.order-right .cart-product {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

.order-right .cart-product-start {
    grid-template-columns: 74px minmax(0, 1fr);
}

.order-right .cart-product-start img {
    width: 74px;
    height: 74px;
}

.order-right .cart-product-calc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.order-right .cart-product-final {
    justify-self: stretch;
    padding-top: 10px;
    border-top: 1px solid var(--tea-line);
}

.order-right .cart-product-price {
    text-align: right;
}

.tea-cart-note {
    padding: 26px;
}

.tea-cart-note a {
    color: var(--tea-leaf);
    font-weight: 800;
}

.cart-order {
    width: 100%;
    margin-top: 18px;
}

.footer-inner,
.footer-inner-bottom {
    color: var(--tea-white);
}

footer {
    background: var(--tea-ink);
    padding: 48px 0 26px;
}

.footer-inner {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 28px;
    padding-bottom: 28px;
}

.footer-inner div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-inner a,
.footer-inner p,
.footer-inner-bottom p {
    color: rgba(255, 253, 248, .72);
    text-decoration: none;
}

.footer-inner a:first-child,
.tea-footer-brand {
    color: var(--tea-white) !important;
    font-weight: 800;
}

.footer-inner-bottom {
    border-top: 1px solid rgba(255, 253, 248, .14);
    padding-top: 20px;
}

footer svg {
    display: none;
}

@media (max-width: 1180px) {
    .header-inner {
        gap: 14px;
    }

    .tea-main-nav {
        gap: 14px;
    }

    .tea-main-nav > a,
    .tea-nav-dropdown > button {
        font-size: 14px;
    }

    .tea-phone-link {
        display: none;
    }
}

@media (max-width: 980px) {
    .header-inner nav,
    .header-inner > .header-actions .tea-phone-link,
    .header-inner > .header-actions .tea-social-link,
    .header-inner > .header-actions .favorite-link {
        display: none;
    }

    .header-inner .header-actions {
        position: absolute;
        right: 46px;
    }

    .tea-eyebrow {
        margin: 0 0 13px;
        color: #ffffff;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        width: 50%;
    }

    .openMobileMenu {
        display: block;
    }

    .tea-hero-inner,
    .tea-picker-inner,
    .tea-visual-story-inner,
    .tea-product-layout,
    .tea-details-grid,
    .tea-cart-layout {
        grid-template-columns: 1fr;
    }

    .tea-hero-panel,
    .tea-product-info {
        position: static;
    }

    .tea-benefits-grid,
    .tea-category-grid,
    .tea-catalog-categories,
    .catalog-items,
    .tea-delivery-grid,
    .tea-payment-grid,
    .tea-returns-grid,
    .tea-contacts-list,
    .tea-ceremony-grid,
    .tea-business-grid,
    .tea-wholesale-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tea-delivery-band-inner,
    .tea-delivery-details,
    .tea-payment-band-inner,
    .tea-payment-details,
    .tea-returns-band-inner,
    .tea-returns-details,
    .tea-contacts-grid,
    .tea-contacts-band-inner,
    .tea-contacts-cards,
    .tea-ceremony-intro,
    .tea-ceremony-band-inner,
    .tea-ceremony-place-inner,
    .tea-ceremony-formats,
    .tea-business-band-inner,
    .tea-business-details,
    .tea-wholesale-band-inner,
    .tea-wholesale-details {
        grid-template-columns: 1fr;
    }

    .tea-catalog-tools {
        grid-template-columns: 1fr 1fr;
    }

    .tea-visual-photo,
    .tea-visual-photo img {
        min-height: 340px;
    }

    .header-inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 620px) {
    .container,
    .container1200 {
        width: min(100% - 24px, 1240px);
    }

    .tea-hero,
    .tea-hero-inner {
        min-height: 620px;
    }

    .tea-benefits-grid,
    .tea-category-grid,
    .tea-catalog-categories,
    .catalog-items,
    .tea-mood-grid,
    .tea-delivery-grid,
    .tea-delivery-details,
    .tea-payment-grid,
    .tea-payment-details,
    .tea-returns-grid,
    .tea-returns-details,
    .tea-contacts-list,
    .tea-contacts-cards,
    .tea-ceremony-grid,
    .tea-ceremony-formats,
    .tea-business-grid,
    .tea-business-details,
    .tea-wholesale-grid,
    .tea-wholesale-details,
    .tea-wholesale-offers,
    .tea-product-buybox,
    .tea-product-notes,
    .tea-catalog-tools,
    .cart-top,
    .cart-product,
    .cart-viewer-end {
        grid-template-columns: 1fr;
    }

    .tea-catalog-category-head {
        display: block;
    }

    .tea-catalog-category-card {
        min-height: 150px;
    }

    .tea-section-head,
    .tea-story-inner,
    .tea-cart-head,
    .tea-delivery-contact .container1200 {
        display: block;
    }

    .tea-delivery-contact .container1200 > div {
        margin-top: 16px;
    }

    .cart-viewer {
        padding: 14px;
    }

    .cart-top {
        display: none;
    }

    .cart-product {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 12px;
    }

    .cart-product-start {
        width: 100%;
        gap: 12px;
    }

    .cart-product-start img {
        width: 78px;
        height: 78px;
    }

    .cart-product-start h3 {
        font-size: 16px;
    }

    .cart-product-calc {
        width: 100%;
        flex-direction: row;
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .cart-product-final {
        justify-self: stretch;
        padding-top: 12px;
        border-top: 1px solid var(--tea-line);
    }

    .cart-product-price {
        text-align: right;
    }

    .cart-viewer-end {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
    }

    .cart-viewer-end span,
    .cart-viewer-end #type-sdek {
        width: 100%;
        text-align: left;
    }

    .cart-viewer-end #pvz {
        max-width: 100%;
    }

    .header-inner {
        padding: 14px 12px;
    }

    .tea-logo-mark {
        font-size: 17px;
    }

    .tea-logo-mark::before {
        width: 30px;
        height: 30px;
    }

    .tea-visual-story {
        padding: 46px 0;
    }

    .tea-visual-photo,
    .tea-visual-photo img {
        min-height: 260px;
    }

    .tea-gallery-lightbox {
        padding: 68px 12px 18px;
    }

    .tea-gallery-main {
        max-height: calc(100vh - 210px);
    }

    .tea-gallery-nav {
        top: auto;
        bottom: 116px;
        width: 44px;
        height: 54px;
        font-size: 38px;
    }

    .tea-gallery-prev {
        left: 14px;
    }

    .tea-gallery-next {
        right: 14px;
    }

    .tea-gallery-thumbs button {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }

    .cart-top {
        display: none;
    }

    .footer-inner {
        grid-template-columns: 1fr;
    }
}

.header-inner nav a {
    color: #3e3e3e !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
}

.single-product-add-btn-dis {
    width: 100%;
    background-color: var(--gray);
    border: 1px var(--gray) solid;
    margin-bottom: 30px;

    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.03em;
    color: var(--white);
    font-family: var(--font-family);
    cursor: pointer;

    /* border: none; */
    outline: none;
    text-align: center;

    padding: 10px;

    opacity: 0.7;

    cursor: not-allowed;
}

.tea-hero-copy {
    margin-top: 124px;
}

@media(max-width: 700px) {
    .tea-hero-copy {
        margin-top: 70px;
    }

    .tea-hero {
        background-position: 59%;
    }
}

.header-inner nav a:hover {
    color: #20a32b;
}

/* .tea-section {
    padding: 0;
} */

.tea-details-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.entry-content p {
    font-size: 16px;
}