/* Adaptation of the supplied TEARS OF styles to the shared storefront markup. */
html.tof-document { color-scheme: light; font-size: 10px; background: #fff; animation: none; }
.tearsof-storefront { --tof-green: #103f40; --tof-paper: #fff; --tof-line: #deded6; --tof-header-height: 6rem; --tof-bar-height: 12rem; background: var(--tof-paper); }
.tearsof-storefront [hidden] { display: none !important; }
.tearsof-storefront :focus-visible { outline: 2px solid var(--tof-green); outline-offset: 4px; }
.tearsof-storefront button { font-family: inherit; }
.tearsof-storefront .page { min-height: 100vh; }
.tearsof-storefront .page__content { min-height: 0; padding: 0; background: var(--tof-paper); }
.tearsof-storefront.is-tof-popup-open { height: 100%; overflow: hidden; }
.tearsof-storefront .page__header { position: sticky; z-index: 30; top: 0; }
.tearsof-storefront .modal { top: 0; height: 100dvh; z-index: 100; }
.tearsof-storefront .container { box-sizing: border-box; width: 100%; max-width: none; height: auto; padding: 0 2rem; }
.tearsof-storefront .header { height: var(--tof-header-height); color: #1b1e1b; background: var(--tof-paper); }
.tearsof-storefront .header a { color: inherit; }
.tearsof-storefront .header .container { display: grid; box-sizing: border-box; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: 2rem; height: 100%; padding: 0 2rem !important; text-transform: none; }
.tearsof-storefront .header .logotype { grid-column: 2; display: block; width: auto; height: auto; }
.tearsof-storefront .header .tof-wordmark { display: block; width: auto; height: auto; color: #f00; }
.tearsof-storefront .header .tof-wordmark-logo { display: block; width: auto; height: auto; font: 700 1.4rem/1 'Grtsk Giga', Helvetica, sans-serif !important; letter-spacing: normal; white-space: nowrap; }
.tearsof-storefront .tof-header-links { display: flex; align-items: center; min-width: 0; gap: 2.8rem; font-family: 'Roboto Mono', monospace; font-size: 1.2rem; font-weight: 400; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.tearsof-storefront .header .tof-header-links--primary { grid-column: 1; justify-self: start; padding: 0; }
.tearsof-storefront .tof-header-links--utility { grid-column: 3; justify-self: end; padding-right: 0 !important; }
.tearsof-storefront .header .tof-header-links a { margin: 0; }
.tearsof-storefront .header .tof-header-links a::before { content: none; }
.tearsof-storefront .header .tof-header-links a:hover { color: inherit; }
.tearsof-storefront .tof-desktop-menu-trigger,
.tearsof-storefront .tof-popup-trigger { appearance: none; margin: 0; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; line-height: inherit; text-align: left; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .header .tof-header-links a:hover,
.tearsof-storefront .tof-desktop-menu-trigger:hover,
.tearsof-storefront .tof-desktop-menu-trigger[aria-expanded="true"],
.tearsof-storefront .tof-popup-trigger:hover,
.tearsof-storefront .tof-popup-trigger[aria-expanded="true"] { text-decoration: underline; text-underline-offset: .35rem; }
.tearsof-storefront .tof-desktop-menu { position: absolute; top: 100%; left: 0; width: 100%; height: auto; max-height: calc(100svh - var(--tof-header-height)); padding: 3rem 2rem 3.5rem; overflow-y: auto; color: #1b1e1b; background: var(--tof-paper); border-top: 1px solid rgba(27, 30, 27, .12); border-bottom: 1px solid rgba(27, 30, 27, .12); font: 400 1.2rem/1.35 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-desktop-menu__layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; }
.tearsof-storefront .tof-desktop-menu__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; }
.tearsof-storefront .tof-desktop-menu__column { min-width: 0; }
.tearsof-storefront .tof-desktop-menu__title { margin-bottom: 1.6rem; color: #7d7d77; }
.tearsof-storefront .tof-desktop-menu__panel a { display: block; width: fit-content; padding: .5rem 0; color: inherit; }
.tearsof-storefront .tof-desktop-menu__panel .tof-desktop-menu__all { margin-top: 1.2rem; }
.tearsof-storefront .tof-desktop-menu__panel a:hover,
.tearsof-storefront .tof-desktop-menu__panel a:focus-visible { text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront.is-tof-desktop-menu-open .page__content::before { position: fixed; z-index: 29; inset: 0; background: rgba(0, 0, 0, .3); content: ''; pointer-events: none; }
.tearsof-storefront .tof-menu-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.tearsof-storefront .tof-desktop-menu__panel .tof-menu-product { display: block; width: 100%; min-width: 0; padding: 0; text-decoration: none; }
.tearsof-storefront .tof-menu-product img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: #f1f1eb; }
.tearsof-storefront .tof-menu-product__info { display: flex; justify-content: space-between; gap: 1rem; padding-top: .8rem; font-size: 1.1rem; }
.tearsof-storefront .tof-menu-product__info > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tearsof-storefront .tof-menu-product__info > span:last-child { flex: 0 0 auto; }
.tearsof-storefront .tof-menu-toggle,
.tearsof-storefront .tof-mobile-cart { display: none; }
.tearsof-storefront .tof-navigation { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem; padding: 4rem 3rem; background: var(--tof-paper); border-bottom: 1px solid var(--tof-line); font: 400 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-navigation a,
.tearsof-storefront .tof-footer-links a,
.tearsof-storefront .tof-navigation__button { display: block; width: fit-content; padding: .6rem 0; font-family: 'Roboto Mono', monospace; font-weight: 400; }
.tearsof-storefront .tof-navigation__button { border: 0; color: inherit; background: transparent; font: inherit; text-align: left; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-navigation a:hover,
.tearsof-storefront .tof-footer-links a:hover,
.tearsof-storefront .tof-navigation__button:hover { text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-navigation .nav__title { margin-bottom: 1.6rem; font: 500 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-skip-link { position: fixed; top: 1rem; left: 1rem; z-index: 200; padding: 1.5rem; background: var(--tof-paper); transform: translateY(-200%); font-size: 1.4rem; }
.tearsof-storefront .tof-skip-link:focus { transform: none; }

.tearsof-storefront .tof-catalog { padding: 4rem 0 6rem; }
.tearsof-storefront .tof-catalog-heading { margin-bottom: 3rem; }
.tearsof-storefront .catalog__pagetitle { margin: 0; padding: 0; font: 500 2.4rem/1.2 'Roboto Mono', monospace; text-align: left; text-transform: uppercase; }
.tearsof-storefront .tof-search-page__query { margin: 1.5rem 0 0; color: #6b6b65; }
.tearsof-storefront .tof-search-page__count { margin: .8rem 0 0; font-size: 1.2rem; text-transform: uppercase; }
.tearsof-storefront .tof-category-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 2rem 0 3rem; font: 400 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-category-links a { border-bottom: 1px solid transparent; padding-bottom: .4rem; }
.tearsof-storefront .tof-category-links a:hover,
.tearsof-storefront .tof-category-links a.is-active { border-color: currentColor; }
.tearsof-storefront .tof-category-links a.is-active { font-weight: 500; }
.tearsof-storefront .tof-category-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 4rem; margin: 4rem 0 6rem; }
.tearsof-storefront .tof-category-directory a { display: flex; justify-content: space-between; gap: 1rem; padding: 2.4rem 0; border-bottom: 1px solid var(--tof-line); font-family: 'Grtsk Giga', sans-serif; text-transform: uppercase; font-size: 2rem; }
.tearsof-storefront .tof-section-title { font-family: 'Grtsk Giga', sans-serif; text-transform: uppercase; font-size: 2.4rem; }
.tearsof-storefront .tof-shop-index { padding-top: 3rem; }
.tearsof-storefront .tof-shop-index__header,
.tearsof-storefront .tof-shop-index__section-header { display: flex; align-items: baseline; justify-content: space-between; gap: 2rem; }
.tearsof-storefront .tof-shop-index__header { padding-bottom: 3rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-shop-index__all,
.tearsof-storefront .tof-shop-index__section-header > a,
.tearsof-storefront .tof-shop-card__link { font: 400 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-shop-index__all,
.tearsof-storefront .tof-shop-index__section-header > a { flex: 0 0 auto; border-bottom: 1px solid currentColor; padding-bottom: .35rem; }
.tearsof-storefront .tof-shop-index__section { margin-top: 6rem; }
.tearsof-storefront .tof-shop-index__section-header { margin-bottom: 3rem; }
.tearsof-storefront .tof-shop-index__section .tof-section-title { margin: 0 0 3rem; font: 500 1.2rem/1.3 'Roboto Mono', monospace; }
.tearsof-storefront .tof-shop-index__section-header .tof-section-title { margin-bottom: 0; }
.tearsof-storefront .tof-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5rem 2rem; }
.tearsof-storefront .tof-shop-card { min-width: 0; }
.tearsof-storefront .tof-shop-card--wide { grid-column: span 2; }
.tearsof-storefront .tof-shop-card__image { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: #f1f1eb; }
.tearsof-storefront .tof-shop-card__image--empty { display: none; }
.tearsof-storefront .tof-shop-card--wide .tof-shop-card__image { aspect-ratio: 3 / 2; }
.tearsof-storefront .tof-shop-card__image picture,
.tearsof-storefront .tof-shop-card__image img { display: block; width: 100%; height: 100%; }
.tearsof-storefront .tof-shop-card__image img { object-fit: cover; transition: transform .35s ease; }
.tearsof-storefront .tof-shop-card__image--product-preview img { mix-blend-mode: multiply; }
.tearsof-storefront .tof-shop-card__image:hover img { transform: scale(1.02); }
.tearsof-storefront .tof-shop-card__content { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.2rem 2rem; padding-top: 1.2rem; font: 400 1.2rem/1.45 'Roboto Mono', monospace; }
.tearsof-storefront .tof-shop-card__title { grid-column: 1 / -1; font: 500 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-shop-card__content p { margin: 0; color: #71716b; }
.tearsof-storefront .tof-shop-card__link { align-self: end; white-space: nowrap; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .3rem; }
.tearsof-storefront .tof-filters { border-top: 1px solid var(--tof-line); border-bottom: 1px solid var(--tof-line); font-family: 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-filters summary { display: block; padding: 1.6rem 0; cursor: pointer; list-style: none; font: 500 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-filters summary::-webkit-details-marker { display: none; }
.tearsof-storefront .tof-filters summary::marker { content: ''; }
.tearsof-storefront .tof-filters form { display: grid; grid-template-columns: minmax(18rem, .8fr) repeat(2, minmax(0, 1fr)); align-items: start; gap: 2.4rem 4rem; padding: 2rem 0 2.4rem; font: 400 1.2rem/1.35 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-filters form > label { display: flex; flex-direction: column; gap: .8rem; min-width: 0; font-weight: 500; }
.tearsof-storefront .tof-filters select { width: 100%; min-width: 0; height: 4.8rem; padding: 0 3.6rem 0 1.2rem; border: 1px solid #1b1e1b; border-radius: 0; color: #1b1e1b; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%231b1e1b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 1.2rem center / 1rem .6rem; font: inherit; text-transform: uppercase; outline: 0; -webkit-appearance: none; appearance: none; }
.tearsof-storefront .tof-filters fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem 2rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.tearsof-storefront .tof-filters legend { grid-column: 1 / -1; margin-bottom: .8rem; padding: 0; font-weight: 500; }
.tearsof-storefront .tof-filter-option { display: inline-flex; align-items: center; gap: .8rem; min-width: 0; padding: .5rem 0; font: inherit; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-filter-option input { flex: 0 0 1.6rem; width: 1.6rem; height: 1.6rem; margin: 0; border: 1px solid #1b1e1b; border-radius: 0; background: #fff; outline: 0; -webkit-appearance: none; appearance: none; }
.tearsof-storefront .tof-filter-option input:checked { border-color: var(--tof-green); background: var(--tof-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath d='m1 4 3 3 7-6' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat center / 1rem .75rem; }
.tearsof-storefront .tof-filter-option input:focus-visible { outline: 1px solid #1b1e1b; outline-offset: .2rem; }
.tearsof-storefront .tof-filter-actions { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 2rem; width: 100%; padding-top: 2rem; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-filter-actions .btn { min-width: 18rem; }
.tearsof-storefront .tof-filter-actions a { color: inherit; text-decoration: underline; text-underline-offset: .3rem; text-transform: uppercase; }
.tearsof-storefront .catalog__list { box-sizing: border-box; width: auto; margin: 3rem 2rem 0; padding: 0; }
.tearsof-storefront .catalog__list--viewed { margin: 0 0 3rem; }
.tearsof-storefront .tof-viewed-section .section_head { padding: 0; }
.tearsof-storefront .tof-viewed-section .section_head__wrap { margin: 3rem 0 2rem; }
.tearsof-storefront .tof-viewed-section .section_head__title { font: 500 1.2rem/1.2 'Roboto Mono', monospace; text-align: left; text-transform: uppercase; }
.tearsof-storefront .catalog { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4rem 2rem; }
.tearsof-storefront .catalog__list--viewed .catalog { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tearsof-storefront .tof-homepage,
.tearsof-storefront .tof-homepage * { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .tof-homepage .tof-home-hero { padding: 0; }
.tearsof-storefront .tof-homepage .tof-home-hero > .container { padding: 0; }
.tearsof-storefront .tof-homepage .tof-home-hero .hero { padding-top: 0; padding-bottom: 0; }
.tearsof-storefront .tof-homepage .tof-home-hero .hero__one { display: block; }
.tearsof-storefront .tof-homepage .tof-home-hero .hero__one .hero_item { width: 100%; max-width: none; }
.tearsof-storefront .tof-homepage .hero_item__full_link { z-index: 3; }
.tearsof-storefront .tof-homepage-page .page__header,
.tearsof-storefront .tof-homepage-page .header { transform: none !important; }
.tearsof-storefront .tof-homepage .section_head__title,
.tearsof-storefront .tof-homepage .section_head__title a { margin: 0; font: 500 2.4rem/1.2 'Roboto Mono', monospace !important; text-align: center; text-transform: uppercase; }
.tearsof-storefront .tof-homepage .catalog_link a { font-size: 1.2rem; }
.tearsof-storefront .tof-homepage .catalog_link a { text-transform: uppercase; }
.tearsof-storefront .tof-home-products { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4rem 2rem; }
.tearsof-storefront .tof-home-products > .catalog_item { min-width: 0; }
.tearsof-storefront .tof-home-products > .catalog_item.catalog--hide { display: none; }
.tearsof-storefront .catalog_item { min-width: 0; margin: 0; padding-bottom: 0; }
.tearsof-storefront .catalog_item__image { aspect-ratio: 3 / 4; background: #f1f1eb; overflow: hidden; }
.tearsof-storefront .catalog_item__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.tearsof-storefront .catalog_item:hover .catalog_item__image img { transform: scale(1.025); }
.tearsof-storefront .catalog_item__content { font-size: 1.2rem; line-height: 1.6; }
.tearsof-storefront .catalog_item__article { color: #6b6b65; }
.tearsof-storefront .catalog_item__price { margin-top: .5rem; }
.tearsof-storefront .catalog_item__price s { color: #767670; margin-left: 1rem; }
.tearsof-storefront .catalog_item__label,
.tearsof-storefront .catalog_item__sale { z-index: 1; font-size: 1.1rem; background: var(--tof-paper); padding: .4rem .6rem; }
.tearsof-storefront .catalog_item__sale { color: #e00000; left: auto; right: 1rem; }
.tearsof-storefront .catalog_item__like { position: absolute; z-index: 4; top: 1rem; right: 1rem; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; padding: 0; border: 0; background: transparent; color: var(--tof-ink); }
.tearsof-storefront .catalog_item__like svg { width: 2rem; height: 2rem; overflow: visible; fill: transparent; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.tearsof-storefront .catalog_item__like.is-liked { color: #e00000; }
.tearsof-storefront .catalog_item__like.is-liked svg { fill: currentColor; }
.tearsof-storefront .catalog_item__like:focus-visible { outline: 1px solid currentColor; outline-offset: .2rem; }
.tearsof-storefront .tof-empty { padding: 6rem 0; text-align: center; }
.tearsof-storefront .tof-empty a { text-decoration: underline; }

.tearsof-storefront .tof-hero { position: relative; min-height: 40rem; height: min(75vw, 80vh); background: var(--tof-green); }
.tearsof-storefront .tof-hero > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tearsof-storefront .tof-hero-caption { position: absolute; inset: auto 3rem 3rem; color: var(--tof-paper); }
.tearsof-storefront .tof-hero-caption h1 { font-family: 'Grtsk Giga', sans-serif; text-transform: uppercase; font-size: clamp(2.4rem, 4vw, 5.6rem); line-height: 1.1; max-width: 80rem; margin: 0 0 2rem; text-shadow: 0 1px 10px #0007; }
.tearsof-storefront .btn { display: inline-flex; align-items: center; justify-content: center; height: auto; min-height: 5rem; padding: 1.2rem 2rem; border: 0; border-radius: 0; font-size: 1.2rem; line-height: 1.5; text-transform: uppercase; }
.tearsof-storefront .btn .btn__label { line-height: inherit; white-space: normal; }
.tearsof-storefront .btn--green { background: var(--tof-green); color: var(--tof-paper); }
.tearsof-storefront .btn--green:hover { background: #195354; }
.tearsof-storefront .btn:disabled { background: #e4e4dc; color: #696960; cursor: not-allowed; }

/* Search, authentication and cart use the shared storefront endpoints in a TEARS OF drawer. */
.tearsof-storefront.is-tof-popup-open { overflow: hidden; }
.tearsof-storefront .tof-popup,
.tearsof-storefront .modal_preorder,
.tearsof-storefront .modal_wantgift,
.tearsof-storefront .unit_details { font-family: 'Roboto Mono', monospace; }
.tearsof-storefront .tof-popup *,
.tearsof-storefront .modal_preorder *,
.tearsof-storefront .modal_wantgift *,
.tearsof-storefront .unit_details * { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .tof-popup { position: fixed; z-index: 80; inset: 0; height: 100dvh; font: 400 1.2rem/1.4 'Roboto Mono', monospace; }
.tearsof-storefront .tof-popup__backdrop { position: fixed; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(0, 0, 0, .3); backdrop-filter: none; -webkit-backdrop-filter: none; cursor: default; }
.tearsof-storefront .tof-popup__dialog { position: fixed; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; width: 100%; height: 100dvh; overflow: hidden; color: #1b1e1b; background: #fff; border-left: 1px solid rgba(27, 30, 27, .12); animation: tof-popup-in .28s cubic-bezier(.4, 0, .2, 1) both; }
.tearsof-storefront .tof-popup__header { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; height: var(--tof-header-height); min-height: var(--tof-header-height); padding: 0 2rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-popup__header h2 { margin: 0; font: 500 1.2rem/1 'Roboto Mono', monospace; text-align: left; text-transform: uppercase; }
.tearsof-storefront .tof-popup__close { padding: .5rem 0; border: 0; color: #77776f; background: transparent; font: inherit; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-popup__close,
.tearsof-storefront .modal_preorder .modal_head__close,
.tearsof-storefront .modal_wantgift .modal_head__close,
.tearsof-storefront .unit_details__close { display: inline-flex !important; align-items: center; justify-content: center; color: #77776f; text-transform: uppercase; opacity: 1; visibility: visible; }
.tearsof-storefront .tof-popup__close:hover { text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-popup__content { flex: 1 1 auto; min-height: 0; padding: 3rem 2rem 6rem; overflow-y: auto; overscroll-behavior: contain; }
.tearsof-storefront .tof-popup__content h3 { margin: 0 0 1.2rem; font: 500 1.5rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-popup__content p { margin: 0; }
.tearsof-storefront .tof-popup__status { min-height: 1.8rem; margin: 1.5rem 0 !important; color: #6b6b65; }
.tearsof-storefront .tof-popup__status.is-popular { color: #1b1e1b; font-weight: 500; text-transform: uppercase; }
.tearsof-storefront .tof-popup__status--error { color: #b02020; }
.tearsof-storefront .tof-popup__primary { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 5rem; padding: 1.2rem 2rem; border: 0; border-radius: 0; color: #fff; background: #1b1e1b; font: 400 1.2rem/1.2 'Roboto Mono', monospace; text-align: center; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-popup__primary:hover { color: #fff; background: #000; }
.tearsof-storefront .tof-popup__primary:disabled,
.tearsof-storefront .tof-popup__primary[aria-disabled="true"] { opacity: .38; pointer-events: none; }
.tearsof-storefront .tof-popup-search label,
.tearsof-storefront .tof-field label { display: block; margin-bottom: .8rem; color: #77776f; font-size: 1.1rem; text-transform: uppercase; }
.tearsof-storefront .tof-popup-search input,
.tearsof-storefront .tof-field input { width: 100%; height: 5.6rem; padding: 0; border: 0; border-bottom: 1px solid #1b1e1b; border-radius: 0; color: #1b1e1b; background: transparent; font: 400 1.2rem/1 'Roboto Mono', monospace; outline: 0; }
.tearsof-storefront .tof-popup-search input::placeholder,
.tearsof-storefront .tof-field input::placeholder { color: #98988f; }
.tearsof-storefront .tof-popup-search input:focus,
.tearsof-storefront .tof-field input:focus { border-bottom-width: 1px; }
.tearsof-storefront .tof-search-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; margin: 3rem 0; padding-top: 2rem; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-search-links h3 { margin-bottom: 1rem; }
.tearsof-storefront .tof-search-links a { display: block; width: fit-content; padding: .4rem 0; }
.tearsof-storefront .tof-search-links a:hover { text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-search-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem 1px; }
.tearsof-storefront .tof-search-card { min-width: 0; }
.tearsof-storefront .tof-search-card__image { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: #efefe9; }
.tearsof-storefront .tof-search-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .tof-search-card__content { padding-top: 1rem; }
.tearsof-storefront .tof-search-card__name { min-height: 3.4rem; }
.tearsof-storefront .tof-search-card__price { margin-top: .4rem; color: #66665f; }
.tearsof-storefront .tof-search-card__add { width: 100%; margin-top: 1rem; padding: .8rem; border: 1px solid #1b1e1b; background: transparent; font: inherit; cursor: pointer; }
.tearsof-storefront .tof-search-card__add:hover { color: #fff; background: #1b1e1b; }
.tearsof-storefront .tof-auth { max-width: 54rem; margin: 0 auto; }
.tearsof-storefront .tof-auth__view > p { max-width: 44rem; color: #6b6b65; }
.tearsof-storefront .tof-auth form { margin-top: 3.5rem; }
.tearsof-storefront .tof-field + .tof-field { margin-top: 2.4rem; }
.tearsof-storefront .tof-field input { height: 4.8rem; font-size: 1.4rem; }
.tearsof-storefront .input_text--focus,
.tearsof-storefront .textarea--focus,
.tearsof-storefront .input_text--filled,
.tearsof-storefront .textarea--filled {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.tearsof-storefront .tof-auth__aside { display: flex; justify-content: space-between; gap: 2rem; margin-top: 1.2rem; }
.tearsof-storefront .tof-auth__aside button { min-height: 5rem; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; font-size: 1.2rem; text-decoration: underline; text-underline-offset: .3rem; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-auth__aside button:disabled { color: #98988f; cursor: default; text-decoration: none; }
.tearsof-storefront .tof-auth__captcha { height: 0; margin: 0; overflow: visible; }
.tearsof-storefront .tof-auth__users { margin-top: 3rem; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-auth__user { display: block; width: 100%; padding: 1.6rem 0; border: 0; border-bottom: 1px solid var(--tof-line); background: transparent; font: inherit; text-align: left; cursor: pointer; }
.tearsof-storefront .tof-auth__user strong,
.tearsof-storefront .tof-auth__user span { display: block; }
.tearsof-storefront .tof-auth__user span { margin-top: .4rem; color: #77776f; }
.tearsof-storefront .tof-check { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); gap: 1rem; margin-top: 1.6rem; cursor: pointer; }
.tearsof-storefront .tof-check:first-of-type { margin-top: 3rem; }
.tearsof-storefront .tof-check input { appearance: auto; width: 1.6rem; height: 1.6rem; margin: .1rem 0 0; accent-color: #1b1e1b; }
.tearsof-storefront .tof-check a { text-decoration: underline; text-underline-offset: .2rem; }
.tearsof-storefront .tof-auth form > .tof-popup__primary { margin-top: 3rem; }
.tearsof-storefront .tof-signin-page { min-height: calc(100svh - var(--tof-header-height)); padding: 7rem 2rem 10rem; font: 400 1.2rem/1.4 Arial, Helvetica, sans-serif; }
.tearsof-storefront .tof-signin-page__inner { width: min(100%, 54rem); margin: 0 auto; }
.tearsof-storefront .tof-signin-page__inner > h1 { margin: 0 0 4rem; font: 700 2rem/1.15 'Grtsk Giga', Helvetica, sans-serif; text-transform: uppercase; }
.tearsof-storefront .tof-cart__empty { max-width: 44rem; margin: 10vh auto 0; text-align: center; }
.tearsof-storefront .tof-cart__empty p { margin-bottom: 3rem; color: #6b6b65; }
.tearsof-storefront .tof-cart__item { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-cart__items .tof-cart__item:last-child { border-bottom: 0; }
.tearsof-storefront .tof-cart__item-image { display: block; aspect-ratio: 3 / 4; overflow: hidden; background: #efefe9; }
.tearsof-storefront .tof-cart__item-image img { width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .tof-cart__item-content { display: flex; flex-direction: column; min-width: 0; }
.tearsof-storefront .tof-cart__item-head { display: flex; justify-content: space-between; gap: 2rem; }
.tearsof-storefront .tof-cart__item-name { max-width: 34rem; }
.tearsof-storefront .tof-cart__item-price { white-space: nowrap; font: 400 1.2rem/1.4 'Roboto Mono', monospace; }
.tearsof-storefront .tof-cart__item-size { margin-top: 1rem; color: #6b6b65; }
.tearsof-storefront .tof-cart__item-actions { display: flex; align-items: center; gap: 1.2rem; margin-top: auto; padding-top: 2rem; }
.tearsof-storefront .tof-cart__item-actions button { min-width: 2.4rem; padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; }
.tearsof-storefront .tof-cart__remove { margin-left: auto; text-decoration: underline; text-underline-offset: .2rem; }
.tearsof-storefront .tof-cart__unavailable { margin-top: 4rem; padding: 2rem; background: #f2f1eb; }
.tearsof-storefront .tof-cart__unavailable > p { color: #6b6b65; }
.tearsof-storefront .tof-cart__footer { margin-top: 0; padding-top: 2rem; border-top: 1px solid #1b1e1b; }
.tearsof-storefront .tof-cart__total { display: flex; justify-content: space-between; margin-bottom: 2rem; font: 400 1.2rem/1.4 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-cart__total strong { font: inherit; }
.tearsof-storefront .tof-cart__delivery { display: block; width: fit-content; margin: 1.5rem auto 0; text-decoration: underline; text-underline-offset: .2rem; text-transform: uppercase; }
.tearsof-storefront .tof-cart__also { margin-top: 5rem; }
.tearsof-storefront .tof-cart__also > h3 { margin-bottom: 2rem; }
.tearsof-storefront .tof-popup--cart { z-index: 100; }
.tearsof-storefront .tof-popup--cart .tof-popup__backdrop { background: rgba(0, 0, 0, .3); backdrop-filter: none; -webkit-backdrop-filter: none; }
.tearsof-storefront .tof-popup--cart .tof-popup__dialog { background: #fff; border-left: 0; }
.tearsof-storefront .tof-popup--cart .tof-popup__header { position: relative; justify-content: flex-start; height: var(--tof-header-height); min-height: var(--tof-header-height); padding: 0 6rem 0 2rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-popup--cart .tof-popup__header h2 { width: auto; margin: 0; font: 500 1.2rem/1 'Roboto Mono', monospace; text-align: left; text-transform: uppercase; }
.tearsof-storefront .tof-popup--cart .tof-popup__close { position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); }
.tearsof-storefront .tof-popup--cart .tof-popup__close svg,
.tearsof-storefront .modal_head__close svg,
.tearsof-storefront .unit_details__close svg { display: block; width: 100%; height: 100%; }
.tearsof-storefront .tof-popup--cart .tof-popup__close::before,
.tearsof-storefront .tof-popup--cart .tof-popup__close::after,
.tearsof-storefront .modal_head__close::before,
.tearsof-storefront .modal_head__close::after,
.tearsof-storefront .unit_details__close::before,
.tearsof-storefront .unit_details__close::after { position: absolute; top: 50%; left: 0; width: 2.4rem; height: 1px; background: currentColor; content: ''; }
.tearsof-storefront .tof-popup--cart .tof-popup__close::before,
.tearsof-storefront .modal_head__close::before,
.tearsof-storefront .unit_details__close::before { transform: rotate(45deg); }
.tearsof-storefront .tof-popup--cart .tof-popup__close::after,
.tearsof-storefront .modal_head__close::after,
.tearsof-storefront .unit_details__close::after { transform: rotate(-45deg); }
.tearsof-storefront .tof-popup--cart .tof-popup__close,
.tearsof-storefront .modal_head__close,
.tearsof-storefront .unit_details__close { width: auto; height: auto; padding: 0; background: transparent; color: #77776f; font: 400 1.2rem/1 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-popup--cart .tof-popup__close svg,
.tearsof-storefront .modal_head__close svg,
.tearsof-storefront .unit_details__close svg { display: none; }
.tearsof-storefront .tof-popup--cart .tof-popup__close::before,
.tearsof-storefront .modal_head__close::before,
.tearsof-storefront .unit_details__close::before { content: none; }
.tearsof-storefront .tof-popup--cart .tof-popup__close::after,
.tearsof-storefront .modal_head__close::after,
.tearsof-storefront .unit_details__close::after { position: static; width: auto; height: auto; background: transparent; content: 'Закрыть'; transform: none; }
.tearsof-storefront .tof-popup--cart .tof-popup__content { padding: 0 2rem 4rem; background: #fff; }
.tearsof-storefront .tof-popup--cart .tof-popup__status:empty { display: none; }
.tearsof-storefront .tof-popup--cart .tof-cart__item-actions button:disabled { opacity: .45; cursor: wait; }
.tearsof-storefront .tof-popup--cart .tof-popup__primary { color: var(--tof-paper); background: var(--tof-green); font-family: 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-popup--cart .tof-popup__primary:hover { color: var(--tof-paper); background: #195354; }
@keyframes tof-popup-in { from { opacity: .5; transform: translateX(3rem); } to { opacity: 1; transform: none; } }

/* Account pages follow the same two-column system as editorial text pages. */
.tearsof-storefront .tof-account { width: 100%; min-height: calc(100svh - var(--tof-header-height)); color: #1b1e1b; background: var(--tof-paper); font: 400 1.2rem/1.45 'Roboto Mono', monospace; }
.tearsof-storefront .tof-account,
.tearsof-storefront .tof-account * { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .tof-account__header { margin: 0 2rem; padding: 4rem 0 3rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-account__header h1 { margin: 0; font: 500 2.4rem/1.2 'Roboto Mono', monospace; text-align: left; text-transform: uppercase; }
.tearsof-storefront .tof-account__layout { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: max(58rem, calc(100svh - var(--tof-header-height) - 10rem)); margin: 0 2rem; }
.tearsof-storefront .tof-account__layout::before { position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--tof-line); content: ''; }
.tearsof-storefront .tof-account__aside { min-width: 0; padding: 4rem 0 7rem 2rem; border-right: 0; }
.tearsof-storefront .tof-account__nav { position: sticky; top: calc(var(--tof-header-height) + 2rem); }
.tearsof-storefront .tof-account__nav a { display: block; width: fit-content; padding: .65rem 0; color: #77776f; text-transform: uppercase; }
.tearsof-storefront .tof-account__nav a:hover,
.tearsof-storefront .tof-account__nav a[aria-current="page"] { color: #1b1e1b; text-decoration: underline; text-underline-offset: .35rem; }
.tearsof-storefront .tof-account__select-label,
.tearsof-storefront .tof-account__select { display: none; }
.tearsof-storefront .tof-account__content { z-index: 2; width: 100%; min-width: 0; padding: 4rem clamp(3rem, 5vw, 7rem) 9rem; }
.tearsof-storefront .tof-account__content > h2,
.tearsof-storefront .tof-account__title-row h2 { margin: 0 0 4rem; font: 500 1.4rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-account__intro { max-width: 50rem; margin: -2rem 0 4rem; color: #77776f; }
.tearsof-storefront .tof-account-form { max-width: 76rem; }
.tearsof-storefront .tof-account-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 4rem; }
.tearsof-storefront .tof-account-field { display: block; min-width: 0; }
.tearsof-storefront .tof-account-field--wide { grid-column: 1 / -1; }
.tearsof-storefront .tof-account-field > span { display: block; margin-bottom: .8rem; color: #77776f; font-size: 1.1rem; text-transform: uppercase; }
.tearsof-storefront .tof-account-field input { width: 100%; height: 4.8rem; padding: 0; border: 0; border-bottom: 1px solid #1b1e1b; border-radius: 0; color: #1b1e1b; background: transparent; box-shadow: none; font: 400 1.4rem/1 'Roboto Mono', monospace; outline: 0; }
.tearsof-storefront .tof-account-field input[readonly] { color: #77776f; border-bottom-color: var(--tof-line); }
.tearsof-storefront .tof-account-check { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); gap: 1rem; margin-top: 3rem; cursor: pointer; }
.tearsof-storefront .tof-account-check input { appearance: auto; width: 1.6rem; height: 1.6rem; margin: .1rem 0 0; accent-color: #1b1e1b; }
.tearsof-storefront .tof-account-form__note { max-width: 58rem; margin: 2.5rem 0 0; color: #77776f; }
.tearsof-storefront .tof-account-button,
.tearsof-storefront .tof-account-more { min-width: 24rem; min-height: 5rem; margin-top: 4rem; padding: 1.2rem 2rem; border: 0; border-radius: 0; color: #fff; background: #1b1e1b; font-size: 1.2rem; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-account-button:hover,
.tearsof-storefront .tof-account-more:hover { background: #000; }
.tearsof-storefront .tof-account-empty { max-width: 48rem; padding: 4rem 0; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-account-empty p { margin: 0 0 1rem; color: #77776f; }
.tearsof-storefront .tof-account-empty a { display: inline-block; margin-top: 2rem; text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-account__title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; }
.tearsof-storefront .tof-account__title-row button,
.tearsof-storefront .tof-account-product > button,
.tearsof-storefront .tof-order-cancel button { min-height: 5rem; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; font-size: 1.2rem; text-decoration: underline; text-underline-offset: .3rem; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-account-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 1.5rem; }
.tearsof-storefront .tof-account-product { position: relative; min-width: 0; }
.tearsof-storefront .tof-account-product > a { display: block; }
.tearsof-storefront .tof-account-product__image { display: block; aspect-ratio: 3 / 4; margin-bottom: 1.2rem; overflow: hidden; background: #f1f1eb; }
.tearsof-storefront .tof-account-product__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .tof-account-product__name,
.tearsof-storefront .tof-account-product__article,
.tearsof-storefront .tof-account-product__price { display: block; }
.tearsof-storefront .tof-account-product__article { margin-top: .3rem; color: #77776f; }
.tearsof-storefront .tof-account-product__price { margin-top: .7rem; }
.tearsof-storefront .tof-account-product > button { margin-top: 1rem; }
.tearsof-storefront .tof-account-status { min-height: 2rem; margin-top: 2rem; color: #9f1717; }
.tearsof-storefront .tof-orders { border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-card { border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-card__trigger { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(12rem, .7fr) auto; align-items: center; width: 100%; gap: 2rem; padding: 2rem 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.tearsof-storefront .tof-order-card__trigger:hover strong { text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-order-card__trigger strong,
.tearsof-storefront .tof-order-card__trigger small { display: block; }
.tearsof-storefront .tof-order-card__trigger small { margin-top: .4rem; color: #77776f; font-size: 1.1rem; }
.tearsof-storefront .tof-order-card__sum { white-space: nowrap; }
.tearsof-storefront .tof-order-card__products { display: flex; gap: 1px; padding: 0 0 2rem; overflow-x: auto; }
.tearsof-storefront .tof-order-card__products a { flex: 0 0 8rem; display: block; background: #f1f1eb; }
.tearsof-storefront .tof-order-card__products img { display: block; width: 8rem; height: 12rem; object-fit: cover; }
.tearsof-storefront .tof-popup--order { z-index: 101; }
.tearsof-storefront .tof-order-popup__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-popup__column { min-width: 0; }
.tearsof-storefront .tof-order-popup__column + .tof-order-popup__column { border-left: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-popup__section { min-height: 10rem; padding: 2rem 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-popup__column:first-child .tof-order-popup__section { padding-right: 2rem; }
.tearsof-storefront .tof-order-popup__column:last-child .tof-order-popup__section { padding-left: 2rem; }
.tearsof-storefront .tof-order-popup__section h3 { margin: 0 0 1.2rem; font-size: 1.1rem; font-weight: 400; color: #77776f; }
.tearsof-storefront .tof-order-popup__section p { white-space: pre-line; overflow-wrap: anywhere; }
.tearsof-storefront .tof-order-popup__tracking { text-decoration: underline; text-underline-offset: .3rem; overflow-wrap: anywhere; }
.tearsof-storefront .tof-order-popup__totals dl { margin: 0; }
.tearsof-storefront .tof-order-popup__totals dl > div { display: flex; justify-content: space-between; gap: 1.5rem; padding: .35rem 0; }
.tearsof-storefront .tof-order-popup__totals dt,
.tearsof-storefront .tof-order-popup__totals dd { margin: 0; }
.tearsof-storefront .tof-order-popup__totals dd { flex: 0 0 auto; white-space: nowrap; }
.tearsof-storefront .tof-order-popup__totals .is-total { margin-top: 1rem; padding-top: 1.2rem; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-popup__products { display: grid; gap: 0; }
.tearsof-storefront .tof-order-popup__product { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 2rem; min-width: 0; padding: 2rem 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-popup__product-image { display: block; width: 12rem; height: 18rem; background: #f1f1eb; }
.tearsof-storefront .tof-order-popup__product-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .tof-order-popup__product-copy { display: flex; flex-direction: column; min-width: 0; }
.tearsof-storefront .tof-order-popup__product-head { display: flex; justify-content: space-between; gap: 1.5rem; }
.tearsof-storefront .tof-order-popup__product-head strong { min-width: 0; font-weight: 400; overflow-wrap: anywhere; }
.tearsof-storefront .tof-order-popup__product-head span { flex: 0 0 auto; white-space: nowrap; }
.tearsof-storefront .tof-order-popup__product-copy small { margin-top: 1.2rem; color: #77776f; }
.tearsof-storefront .tof-order-popup__product-copy small + small { margin-top: .6rem; }
.tearsof-storefront .tof-order-popup__cancel { margin-top: 3rem; }
.tearsof-storefront .tof-popup--order .order-payment-host { margin: 0; }
.tearsof-storefront .tof-popup--order .form__line { margin: 0; }
.tearsof-storefront .tof-popup--order .form_payment { position: relative; display: block; min-height: 0; margin: 0 !important; padding: 1.8rem 0 1.8rem 3.2rem; border: 0 !important; border-bottom: 1px solid var(--tof-line) !important; border-radius: 0; box-shadow: none !important; background: transparent !important; color: #1b1e1b; font: 400 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-popup--order .form_payment > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.tearsof-storefront .tof-popup--order .form_payment__wrap { display: block; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.tearsof-storefront .tof-popup--order .form_payment__input { position: absolute; top: 50%; left: 0; display: block; box-sizing: border-box; width: 1.6rem; height: 1.6rem; margin: 0; border: 1px solid currentColor; border-radius: 0; background: transparent; transform: translateY(-50%); }
.tearsof-storefront .tof-popup--order .form_payment__input::before,
.tearsof-storefront .tof-popup--order .form_payment__input::after { display: none !important; content: none !important; }
.tearsof-storefront .tof-popup--order .form_payment > input:checked + .form_payment__wrap .form_payment__input { border-color: var(--tof-green); background: var(--tof-green); box-shadow: inset 0 0 0 .4rem #fff; }
.tearsof-storefront .tof-popup--order .form_payment__text { display: block; padding: 0; font: inherit; }
.tearsof-storefront .tof-popup--order .btn--black { min-height: 5rem; border-radius: 0; color: var(--tof-paper); background: var(--tof-green); font: 400 1.2rem/1 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-popup--order .order-payment__hint:empty { display: none; }
.tearsof-storefront .tof-popup--order .order-payment__hint { color: #77776f; }
.tearsof-storefront .tof-popup--order .order-payment__link { padding: .5rem 0; border: 0; background: transparent; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-account__auth { max-width: 54rem; }
.tearsof-storefront .tof-loyalty { max-width: none; }
.tearsof-storefront .tof-loyalty__join { max-width: 56rem; }
.tearsof-storefront .tof-loyalty__lead { margin: 0 0 1.5rem; font: 500 1.4rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-loyalty__join > p:not(.tof-loyalty__lead) { margin: 0; color: #77776f; }
.tearsof-storefront .tof-loyalty__form { margin-top: 3rem; }
.tearsof-storefront .tof-loyalty__form .tof-account-button { margin-top: 3rem; }
.tearsof-storefront .tof-loyalty__balance { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 76rem; border-top: 1px solid #1b1e1b; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-loyalty__balance > div { min-width: 0; padding: 2rem 0; }
.tearsof-storefront .tof-loyalty__balance > div + div { padding-left: 3rem; border-left: 1px solid var(--tof-line); }
.tearsof-storefront .tof-loyalty__balance span { display: block; margin-bottom: 1.2rem; color: #77776f; font-size: 1.1rem; text-transform: uppercase; }
.tearsof-storefront .tof-loyalty__balance strong { display: block; font: 500 2rem/1.1 'Roboto Mono', monospace; }
.tearsof-storefront .tof-loyalty__history { max-width: 76rem; margin-top: 5rem; }
.tearsof-storefront .tof-loyalty__history h3 { margin: 0 0 2rem; font: 500 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-loyalty__operation { display: grid; grid-template-columns: 11rem minmax(0, 1fr) auto; gap: 2rem; align-items: baseline; padding: 1.5rem 0; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-loyalty__operation time { color: #77776f; }
.tearsof-storefront .tof-loyalty__operation strong { font-weight: 500; white-space: nowrap; }
.tearsof-storefront .tof-loyalty__operation strong.is-debit { color: #77776f; }
.tearsof-storefront .tof-stores { min-height: calc(100svh - var(--tof-header-height)); color: #1b1e1b; background: var(--tof-paper); font: 400 1.2rem/1.45 'Roboto Mono', monospace; }
.tearsof-storefront .tof-stores,
.tearsof-storefront .tof-stores * { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .tof-stores__header { margin: 0 2rem; padding: 4rem 0 3rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-stores__header h1 { margin: 0; font: 500 2.4rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-store { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: calc(100svh - var(--tof-header-height) - 10rem); margin: 0 2rem; }
.tearsof-storefront .tof-store__image { min-width: 0; overflow: hidden; border-right: 1px solid var(--tof-line); }
.tearsof-storefront .tof-store__image > .tof-store-gallery { height: 100%; min-height: 48rem; }
.tearsof-storefront .tof-store__content { min-width: 0; padding: 4rem clamp(3rem, 5vw, 7rem) 8rem; }
.tearsof-storefront .tof-store__content h2 { margin: 0 0 4rem; font: 500 1.4rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-store__content dl { margin: 0; }
.tearsof-storefront .tof-store__content dl > div { padding: 1.5rem 0; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-store__content dt { margin-bottom: .6rem; color: #77776f; font-size: 1.1rem; text-transform: uppercase; }
.tearsof-storefront .tof-store__content dd { margin: 0; font-size: 1.3rem; }
.tearsof-storefront .tof-store__content dd a { text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-store__map { display: inline-block; margin-top: 4rem; text-decoration: underline; text-underline-offset: .3rem; text-transform: uppercase; }
.tearsof-storefront .tof-store-gallery { position: relative; overflow: hidden; }
.tearsof-storefront .tof-store-gallery__track { display: flex; width: 100%; height: 100%; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tearsof-storefront .tof-store-gallery__track::-webkit-scrollbar { display: none; }
.tearsof-storefront .tof-store-gallery__track.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.tearsof-storefront .tof-store-gallery__slide { display: flex; flex: 0 0 100%; min-width: 0; height: 100%; margin: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.tearsof-storefront .tof-store-gallery__slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .tof-store-gallery__controls { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; display: grid; grid-template-columns: 4.8rem 1fr 4.8rem; align-items: center; min-height: 4.8rem; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); }
.tearsof-storefront .tof-store-gallery__controls button { height: 4.8rem; border: 0; padding: 0; color: inherit; background: transparent; font: 400 2rem/1 'Roboto Mono', monospace; cursor: pointer; }
.tearsof-storefront .tof-store-gallery__controls button:disabled { opacity: .35; cursor: default; }
.tearsof-storefront .tof-store-gallery__controls p { margin: 0; text-align: center; font-size: 1.1rem; }
.tearsof-storefront .tof-stores__empty { margin: 0 2rem; padding: 4rem 0; color: #77776f; }
.tearsof-storefront .tof-campaigns { min-height: calc(100svh - var(--tof-header-height)); color: #1b1e1b; background: var(--tof-paper); font: 400 1.2rem/1.45 'Roboto Mono', monospace; }
.tearsof-storefront .tof-campaigns,
.tearsof-storefront .tof-campaigns * { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .tof-campaigns__header { margin: 0 2rem; padding: 4rem 0 3rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-campaigns__header h1 { margin: 0; font: 500 2.4rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-campaign-card__content p { margin: 0 0 1.2rem; color: #77776f; font-size: 1.1rem; text-transform: uppercase; }
.tearsof-storefront .tof-campaign-card__content h2 { margin: 0; font: 500 2rem/1.15 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-campaign-card__content a { text-decoration: none; }
.tearsof-storefront .tof-campaigns__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 2rem; background: var(--tof-paper); }
.tearsof-storefront .tof-campaign-card { min-width: 0; border-right: 1px solid var(--tof-line); border-bottom: 1px solid var(--tof-line); background: var(--tof-paper); }
.tearsof-storefront .tof-campaign-card:nth-child(3n) { border-right: 0; }
.tearsof-storefront .tof-campaign-card__image { display: block; aspect-ratio: 3 / 4; overflow: hidden; }
.tearsof-storefront .tof-campaign-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.tearsof-storefront .tof-campaign-card__image:hover img { transform: scale(1.015); }
.tearsof-storefront .tof-campaign-card__content { min-height: 13rem; padding: 2rem 1.5rem 4rem; }
.tearsof-storefront .tof-campaigns__empty { margin: 0 2rem; padding: 4rem 0 7rem; color: #77776f; }
.tearsof-storefront .tof-editorial-campaign { color: var(--tof-campaign-color, #1b1e1b); background: var(--tof-campaign-bg, var(--tof-paper)); font: 400 1.2rem/1.5 'Roboto Mono', monospace; }
.tearsof-storefront .tof-editorial-campaign__hero { position: relative; min-height: calc(100svh - var(--tof-header-height)); overflow: hidden; background: #d8d8d2; }
.tearsof-storefront .tof-editorial-campaign__hero > picture,
.tearsof-storefront .tof-editorial-campaign__hero > picture img { display: block; width: 100%; height: calc(100svh - var(--tof-header-height)); min-height: 64rem; }
.tearsof-storefront .tof-editorial-campaign__hero > picture img { object-fit: cover; object-position: center; }
.tearsof-storefront .tof-editorial-campaign__hero--plain { min-height: 48rem; background: var(--tof-campaign-bg, var(--tof-paper)); }
.tearsof-storefront .tof-editorial-campaign__hero--plain .tof-editorial-campaign__hero-copy { color: inherit; text-shadow: none; }
.tearsof-storefront .tof-editorial-campaign__hero-copy { position: absolute; z-index: 1; right: 3rem; bottom: 4rem; left: 3rem; color: #fff; text-shadow: 0 1px 12px rgba(0, 0, 0, .35); }
.tearsof-storefront .tof-editorial-campaign__hero-copy > p { margin: 0 0 1.5rem; font-size: 1.2rem; text-transform: uppercase; }
.tearsof-storefront .tof-editorial-campaign__hero-copy h1 { margin: 0 0 2.5rem; font: 500 clamp(3rem, 6vw, 9rem)/.95 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-editorial-campaign__hero-copy ul { margin: 0; padding: 0; list-style: none; }
.tearsof-storefront .tof-editorial-campaign__hero-copy li { margin: .2rem 0; }
.tearsof-storefront .tof-editorial-campaign__intro { max-width: 112rem; margin: 0 auto; padding: 8rem 3rem; text-align: center; }
.tearsof-storefront .tof-editorial-campaign__intro p { margin: 0; font-size: clamp(1.4rem, 1.4vw, 1.8rem); line-height: 1.45; }
.tearsof-storefront .tof-editorial-campaign__intro p + p { margin-top: 2rem; }
.tearsof-storefront .tof-editorial-campaign__blocks { border-top: 1px solid var(--tof-line); }
.tearsof-storefront .tof-editorial-campaign__blocks section,
.tearsof-storefront .tof-editorial-campaign__blocks figure,
.tearsof-storefront .tof-editorial-campaign__blocks blockquote { margin: 0; }
.tearsof-storefront .tof-editorial-campaign__media { position: relative; min-width: 0; background: #e8e8e2; }
.tearsof-storefront .tof-editorial-campaign__media > a { display: block; }
.tearsof-storefront .tof-editorial-campaign__media img { display: block; width: 100%; height: auto; }
.tearsof-storefront .tof-editorial-campaign__media figcaption { padding: 1.2rem 1.5rem 2rem; background: var(--tof-campaign-bg, var(--tof-paper)); font-size: 1rem; text-transform: uppercase; }
.tearsof-storefront .tof-editorial-campaign__media figcaption span { display: block; margin-top: .4rem; color: #77776f; }
.tearsof-storefront .tof-editorial-campaign__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--tof-line); }
.tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media--full { grid-column: 1 / -1; }
@media screen and (min-width: 768px) {
    .tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media:not(.tof-editorial-campaign__media--full) { aspect-ratio: 3 / 4; overflow: hidden; }
    .tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media:not(.tof-editorial-campaign__media--full) > img,
    .tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media:not(.tof-editorial-campaign__media--full) > a,
    .tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media:not(.tof-editorial-campaign__media--full) > a > img { width: 100%; height: 100%; }
    .tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media:not(.tof-editorial-campaign__media--full) > img,
    .tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media:not(.tof-editorial-campaign__media--full) > a > img { object-fit: cover; }
}
.tearsof-storefront .tof-editorial-campaign__slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tearsof-storefront .tof-editorial-campaign__slider::-webkit-scrollbar { display: none; }
.tearsof-storefront .tof-editorial-campaign__slider .tof-editorial-campaign__media { flex: 0 0 min(75vw, 100rem); scroll-snap-align: start; }
.tearsof-storefront .tof-editorial-campaign__text-block,
.tearsof-storefront .tof-editorial-campaign__quote { max-width: 112rem; margin: 0 auto !important; padding: 8rem 3rem; text-align: center; }
.tearsof-storefront .tof-editorial-campaign__text-block h2,
.tearsof-storefront .tof-editorial-campaign__products h2 { margin: 0 0 3rem; font: 500 2rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-editorial-campaign__text-block p,
.tearsof-storefront .tof-editorial-campaign__quote p { margin: 0; font-size: clamp(1.4rem, 1.4vw, 1.8rem); }
.tearsof-storefront .tof-editorial-campaign__text-block p + p,
.tearsof-storefront .tof-editorial-campaign__quote p + p { margin-top: 2rem; }
.tearsof-storefront .tof-editorial-campaign__quote strong { display: block; margin-bottom: 2rem; font-size: 1.2rem; text-transform: uppercase; }
.tearsof-storefront .tof-editorial-campaign__video { position: relative; aspect-ratio: 16 / 9; }
.tearsof-storefront .tof-editorial-campaign__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tearsof-storefront .tof-editorial-campaign__products { padding: 6rem 2rem; }
.tearsof-storefront .tof-editorial-campaign__products .media_catalog { display: flex; flex-wrap: wrap; }

/* Product stage, two synchronized purchase panels and the separate editorial gallery. */
.tearsof-storefront .unit,
.tearsof-storefront .unit *,
.tearsof-storefront .catalog_item,
.tearsof-storefront .catalog_item * { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .unit__like.unit__collection { color: #f00; }
.tearsof-storefront .unit_content__wrap > .unit__name:not(.unit__name__id),
.tearsof-storefront .unit_content__wrap > [itemprop="offers"] .unit__price {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    line-height: 1.7rem !important;
}
.tearsof-storefront .unit_sizes__item {
    border: 0;
    border-radius: 0;
    background: #f1f1f0;
    color: #1b1e1b;
}
.tearsof-storefront .unit_sizes__item.is-active {
    border: 0;
    background: var(--tof-green);
    color: var(--tof-paper);
}
.tearsof-storefront .unit_sizes__item--hidden,
.tearsof-storefront .unit_sizes__item--hidden.is-active {
    border: 0;
    background: #e4e4dc;
    color: #696960;
}
.tearsof-storefront .unit .unit__action.active { flex-direction: column; align-items: stretch; gap: 1rem; }
.tearsof-storefront .unit .unit__action.active > .btn,
.tearsof-storefront .unit .unit__action.active > .unit_stores,
.tearsof-storefront .unit .unit_stores .btn { width: 100%; }
.tearsof-storefront .unit .unit_stores .js-store { margin-top: 0; }
.tearsof-storefront .unit .unit__action .js-cart { color: var(--tof-paper); background: var(--tof-green); border-color: var(--tof-green); box-shadow: none; }
.tearsof-storefront .unit .unit__action .js-cart:hover { color: var(--tof-paper); background: #195354; }
.tearsof-storefront .unit .unit_action:has(.js-modal[data-modal="wantgift"]) { display: none; }
.tearsof-storefront .unit .unit__collection { display: none; }
.tearsof-storefront .page--item,
.tearsof-storefront .page--item * { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .page--item .unit_content__wrap > [itemprop="offers"] .unit__price { font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .unit_menu { text-transform: uppercase; }
.tearsof-storefront .unit_menu__item { font-size: 1.2rem; }
.tearsof-storefront .unit_menu__item[data-id="care"],
.tearsof-storefront .unit_details--care { display: none !important; }
.tearsof-storefront.is-preorder { height: 100%; overflow: hidden; overscroll-behavior: none; }
.tearsof-storefront .modal_preorder .modal__container {
    top: 0;
    right: auto;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    background: #fff;
}
.tearsof-storefront .modal_preorder .modal_head {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--tof-header-height);
    min-height: var(--tof-header-height);
    padding: 0 2rem;
    border-bottom: 1px solid var(--tof-line);
    text-align: left;
}
.tearsof-storefront .modal_preorder .modal_head__title {
    width: auto;
    margin: 0;
    padding: 0;
    font: 500 1.2rem/1 'Roboto Mono', monospace;
    text-transform: uppercase;
}
.tearsof-storefront .modal_preorder .modal_content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 3rem 2rem 6rem;
    overflow-y: auto;
    background: #fff;
}
.tearsof-storefront .modal_preorder .form_preorder {
    width: min(100%, 44rem);
    margin: 0;
    text-align: left;
}
.tearsof-storefront .modal_preorder .modal_head__close {
    position: static;
    transform: none;
    padding: .5rem 0;
    font: 400 1.2rem/1 'Roboto Mono', monospace;
    text-decoration: none;
}
.tearsof-storefront .modal_preorder .modal_head__close:hover {
    text-decoration: underline;
    text-underline-offset: .3rem;
}
.tearsof-storefront .modal_preorder .modal_head__close::after {
    content: none;
}
.tearsof-storefront .tof-restock-modal__intro {
    margin: 0 0 3rem;
    color: #6b6b65;
    line-height: 1.5;
}
.tearsof-storefront .modal_preorder .form__line + .form__line {
    margin-top: 2.4rem;
}
.tearsof-storefront .modal_preorder .input_text__label {
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 .8rem;
    padding: 0;
    color: #77776f;
    font: 400 1.1rem/1 'Roboto Mono', monospace;
    text-transform: uppercase;
}
.tearsof-storefront .modal_preorder .input_text__label span {
    line-height: inherit;
}
.tearsof-storefront .modal_preorder .input_text {
    height: 4.8rem;
    border-bottom: 1px solid #1b1e1b;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
}
.tearsof-storefront .modal_preorder .input_text--invalid {
    border-color: #b02020;
}
.tearsof-storefront .modal_preorder .input_text input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: 'Roboto Mono', monospace;
    font-size: 1.2rem;
    text-transform: none;
}
.tearsof-storefront .modal_preorder .input_text:hover {
    box-shadow: none;
}
.tearsof-storefront .modal_preorder .input_text input:focus-visible {
    outline: 0;
}
.tearsof-storefront .modal_preorder .form__action .btn {
    min-height: 5rem;
    height: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--tof-paper);
    background: var(--tof-green);
    font: 400 1.2rem/1.5 'Roboto Mono', monospace;
}
.tearsof-storefront .modal_preorder .form__action {
    margin-top: 3rem;
}
.tearsof-storefront .modal_preorder .form__action .btn:hover {
    color: var(--tof-paper);
    background: #195354;
}
.tearsof-storefront .modal_preorder .form__action .btn__label {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.tearsof-storefront .modal_preorder .after_send,
.tearsof-storefront .modal_preorder .after_send-duplicate {
    padding-top: 0;
}
.tearsof-storefront .modal_preorder .form__title {
    margin: 0 0 1.2rem;
    font: 500 1.5rem/1.2 'Roboto Mono', monospace;
    text-align: left;
    text-transform: uppercase;
}
.tearsof-storefront .modal_preorder .form__text {
    color: #6b6b65;
    line-height: 1.5;
}
.tearsof-storefront.is-wantgift { height: 100%; overflow: hidden; overscroll-behavior: none; }
.tearsof-storefront .modal_wantgift .modal__container {
    top: 0;
    right: 0;
    left: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    background: #fff;
}
.tearsof-storefront .modal_wantgift .modal_head { position: relative; flex: 0 0 auto; height: var(--tof-header-height); min-height: var(--tof-header-height); padding: 0 6rem 0 2rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .modal_wantgift .modal_content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    overflow-y: auto;
    background: #fff;
}
.tearsof-storefront .modal_wantgift .form_wantgift { width: min(100%, 44rem); margin: auto; }
.tearsof-storefront .modal_wantgift .form__title {
    margin-bottom: 3rem;
    font: 500 1.2rem/1 'Roboto Mono', monospace;
    text-align: left;
    text-transform: uppercase;
}
.tearsof-storefront .modal_wantgift .input_text input { font-family: 'Roboto Mono', monospace; text-transform: none; }
.tearsof-storefront .modal_wantgift .input_text:hover { box-shadow: none; }
.tearsof-storefront .modal_wantgift .input_text input:focus-visible { outline: 0; }
.tearsof-storefront .modal_wantgift .form__action .btn {
    min-height: 5rem;
    height: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--tof-paper);
    background: var(--tof-green);
    font: 400 1.2rem/1.5 'Roboto Mono', monospace;
}
.tearsof-storefront .modal_wantgift .form__action .btn:hover { color: var(--tof-paper); background: #195354; }
.tearsof-storefront .modal_wantgift .form__action .btn__label { font: inherit; }
.tearsof-storefront .modal_wantgift .modal_head__close { position: absolute; z-index: 2; top: 50%; right: 2rem; transform: translateY(-50%); }
.tearsof-storefront .unit_details__head { position: relative; display: flex; align-items: center; height: var(--tof-header-height); min-height: var(--tof-header-height); padding: 0 6rem 0 2rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .unit_details__head_title { width: auto; margin: 0; font: 500 1.2rem/1 'Roboto Mono', monospace !important; text-align: left; text-transform: uppercase; }
.tearsof-storefront .unit_details__close { position: absolute; z-index: 2; top: 50%; right: 2rem; transform: translateY(-50%); }
.tearsof-storefront.is-info .unit_menu,
.tearsof-storefront.is-shipping .unit_menu,
.tearsof-storefront.is-avail .unit_menu,
.tearsof-storefront.is-care .unit_menu { visibility: hidden; pointer-events: none; }
.tearsof-storefront .tof-unit-details-backdrop { display: none; }
.tearsof-storefront .modal_preorder .modal__container,
.tearsof-storefront .modal_wantgift .modal__container,
.tearsof-storefront .unit_details { background: #fff; }
@media screen and (min-width: 768px) {
    .tearsof-storefront .tof-popup__dialog { width: 45rem; }
    .tearsof-storefront .modal_preorder .modal__container {
        right: 0;
        left: auto;
        width: 45rem;
    }
    .tearsof-storefront .modal_wantgift .modal__container { width: 45rem; }
    .tearsof-storefront.is-info,
    .tearsof-storefront.is-shipping,
    .tearsof-storefront.is-avail,
    .tearsof-storefront.is-care {
        height: 100%;
        overflow: hidden;
        overscroll-behavior: none;
    }
    .tearsof-storefront.is-info .page__content,
    .tearsof-storefront.is-shipping .page__content,
    .tearsof-storefront.is-avail .page__content,
    .tearsof-storefront.is-care .page__content {
        z-index: 31;
    }
    .tearsof-storefront.is-info .page__content::before,
    .tearsof-storefront.is-shipping .page__content::before,
    .tearsof-storefront.is-avail .page__content::before,
    .tearsof-storefront.is-care .page__content::before {
        content: '';
        position: fixed;
        inset: 0;
        z-index: 99;
        background: rgba(0, 0, 0, .3);
        pointer-events: none;
    }
    .tearsof-storefront .tof-unit-details-backdrop {
        position: fixed;
        z-index: 99;
        inset: 0;
        display: none;
        width: 100%;
        height: 100dvh;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: default;
    }
    .tearsof-storefront.is-info .tof-unit-details-backdrop,
    .tearsof-storefront.is-shipping .tof-unit-details-backdrop,
    .tearsof-storefront.is-avail .tof-unit-details-backdrop,
    .tearsof-storefront.is-care .tof-unit-details-backdrop { display: block; }
    .tearsof-storefront.is-info .page__header,
    .tearsof-storefront.is-shipping .page__header,
    .tearsof-storefront.is-avail .page__header,
    .tearsof-storefront.is-care .page__header,
    .tearsof-storefront.is-info .header,
    .tearsof-storefront.is-shipping .header,
    .tearsof-storefront.is-avail .header,
    .tearsof-storefront.is-care .header {
        pointer-events: auto;
        transform: none !important;
    }
    .tearsof-storefront .unit_details {
        top: 0;
        right: -45rem;
        bottom: auto;
        display: flex;
        flex-direction: column;
        width: 45rem;
        height: 100dvh;
        background: #fff;
    }
    .tearsof-storefront.is-info .unit_details--info,
    .tearsof-storefront.is-shipping .unit_details--shipping,
    .tearsof-storefront.is-avail .unit_details--avail,
    .tearsof-storefront.is-care .unit_details--care {
        z-index: 100;
    }
    .tearsof-storefront.is-modal .unit_details {
        right: 0;
    }
    .tearsof-storefront .unit_details__head {
        position: relative;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        height: var(--tof-header-height);
        min-height: var(--tof-header-height);
        padding: 0 6rem 0 2rem;
        border-bottom: 1px solid var(--tof-line);
    }
    .tearsof-storefront .unit_details__head_title {
        width: auto;
        margin: 0;
        font-family: 'Roboto Mono', monospace !important;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1;
        text-align: left;
        text-transform: uppercase;
    }
    .tearsof-storefront .unit_details__content {
        display: block;
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        padding: 3rem 2rem 6rem;
        overflow-y: auto;
        text-align: left;
    }
    .tearsof-storefront .unit_details__wrap,
    .tearsof-storefront .unit_details--avail .unit_details__wrap {
        width: 100%;
        margin: 0;
        text-align: left;
    }
    .tearsof-storefront .unit_details--avail .form__text,
    .tearsof-storefront .unit_details--avail .unit_avail__address,
    .tearsof-storefront .unit_details--avail .unit_avail__address a { overflow-wrap: anywhere; }
    .tearsof-storefront .unit_details--avail .unit_avail__item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: .8rem 1.5rem;
    }
    .tearsof-storefront .unit_details--avail .unit_avail__content { min-width: 0; }
    .tearsof-storefront .unit_details--avail .unit_avail__count {
        grid-column: 2;
        margin: 0;
        white-space: nowrap;
    }
    .tearsof-storefront .unit_details--avail .unit_avail__link {
        grid-column: 1 / -1;
        margin-top: .2rem;
        font-family: 'Roboto Mono', monospace !important;
        line-height: 1.5 !important;
        text-align: left !important;
    }
}
.tearsof-storefront .tof-product-stage { height: calc(100svh - var(--tof-header-height)); position: relative; transition: height .45s cubic-bezier(.4, 0, .2, 1); }
.tearsof-storefront .tof-product-stage-inner { position: fixed; top: var(--tof-header-height); left: 0; z-index: 1; width: 100%; height: calc(100svh - var(--tof-header-height)); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); background: var(--tof-paper); transition: top .45s cubic-bezier(.4, 0, .2, 1), height .45s cubic-bezier(.4, 0, .2, 1); }
.tearsof-storefront .tof-product-cover { min-height: 0; background: #e8e5dc; }
.tearsof-storefront .tof-product-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .tof-mobile-gallery { display: none; }
.tearsof-storefront .tof-product-info { min-width: 0; min-height: 0; padding: 3rem; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; row-gap: clamp(2rem, 4vh, 4rem); }
.tearsof-storefront .tof-product-title { margin: 0; font: 700 clamp(1.8rem, 1.67vw, 2.4rem)/1.12 'Grtsk Giga', Helvetica, sans-serif; text-transform: uppercase; overflow-wrap: anywhere; }
.tearsof-storefront .tof-product-price { margin-top: 2rem; font: 700 clamp(1.8rem, 1.67vw, 2.4rem)/1.2 'Grtsk Giga', Helvetica, sans-serif; }
.tearsof-storefront .tof-product-price s { color: #767670; font-size: 1.4rem; margin-left: 1rem; }
.tearsof-storefront .tof-product-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.tearsof-storefront .tof-field-label { text-transform: uppercase; font-size: 1.2rem; font-weight: 500; margin-bottom: .8rem; }
.tearsof-storefront .tof-size-list { display: flex; flex-wrap: wrap; }
.tearsof-storefront .tof-size { display: inline-flex; align-items: center; justify-content: center; min-width: 5rem; min-height: 5rem; height: 5rem; padding: 0 1rem; margin: 0; border: 0; border-radius: 0; background: #f1f1f0; font-size: 1.2rem; text-transform: uppercase; }
.tearsof-storefront .tof-size.is-active { background: var(--tof-green); color: var(--tof-paper); }
.tearsof-storefront .tof-product-colors { display: flex; flex-wrap: wrap; gap: .8rem; }
.tearsof-storefront .tof-product-colors a { display: block; width: 7rem; min-width: 0; padding-bottom: .3rem; border-bottom: 2px solid transparent; }
.tearsof-storefront .tof-product-colors a[aria-current="page"] { border-bottom-color: var(--tof-green); }
.tearsof-storefront .tof-product-colors img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.tearsof-storefront .tof-product-description { min-height: 0; overflow-y: auto; scrollbar-width: thin; font-size: 1.2rem; line-height: 1.35; text-transform: uppercase; }
.tearsof-storefront .tof-product-description > div + div { margin-top: 3rem; }
.tearsof-storefront .tof-product-description p { margin: 0 0 1em; }
.tearsof-storefront .tof-product-description ul { list-style: disc; padding-left: 1.5rem; }
.tearsof-storefront .tof-product-description .tof-field-label { margin-bottom: .2rem; }
.tearsof-storefront .tof-primary-purchase { min-width: 0; }
.tearsof-storefront .tof-product .tof-add-to-cart { width: 100%; font-weight: 500; }
.tearsof-storefront .tof-product .tof-add-to-cart:disabled { background: #95968d; color: #fff; }
.tearsof-storefront .tof-product-gallery { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; min-height: 100svh; background: var(--tof-paper); }
.tearsof-storefront .tof-product-gallery-item { flex: 0 0 50%; min-width: 0; }
.tearsof-storefront .tof-product-gallery img { width: 100%; height: auto; display: block; }
.tearsof-storefront .tof-buybar { position: fixed; z-index: 15; top: auto; bottom: 0; left: 0; width: 100%; min-height: var(--tof-bar-height); margin: 0; padding: 2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; background: var(--tof-paper); transform: translateY(100%); visibility: hidden; transition: transform .35s, visibility .35s; }
.tearsof-storefront .tof-buybar.is-visible { transform: translateY(0); visibility: visible; }
.tearsof-storefront .tof-buybar-summary { flex: 0 1 50%; min-width: 0; }
.tearsof-storefront .tof-buybar-sizes { flex: 0 0 auto; }
.tearsof-storefront .tof-buybar-action { display: flex; align-items: center; gap: 1rem; flex: 0 0 auto; }
.tearsof-storefront .tof-buybar-action .tof-add-to-cart { width: 24rem; }
.tearsof-storefront .tof-wishlist { display: flex; align-items: center; justify-content: center; width: 4rem; height: 5.6rem; padding: 0; background: transparent; border: 0; }
.tearsof-storefront .tof-wishlist.is-active { color: #e00000; }
.tearsof-storefront .tof-purchase-feedback { position: fixed; z-index: 18; right: 2rem; bottom: calc(var(--tof-bar-height) + 1.6rem); max-width: min(44rem, calc(100% - 4rem)); padding: 1.6rem 2rem; background: var(--tof-paper); border: 1px solid var(--tof-line); font-size: 1.2rem; }
.tearsof-storefront .tof-product-feedback.is-error { color: #b02020; }
.tearsof-storefront .tof-cart-link { display: block; margin-top: .8rem; text-decoration: underline; }
.tearsof-storefront .page--tearsof-product .page__footer { position: relative; z-index: 3; background: var(--tof-paper); padding-bottom: var(--tof-bar-height); }

/* Editorial text pages. */
.tearsof-storefront .page--typicle .page__content { align-items: stretch; }
.tearsof-storefront .tof-text-page { display: flex; flex-direction: column; width: 100%; min-height: 0; font: 400 1.2rem/1.45 'Roboto Mono', monospace; text-transform: none; }
.tearsof-storefront .tof-text-page__header { display: none; }
.tearsof-storefront .tof-text-page__header h1 { max-width: 140rem; margin: 0 auto; font: 500 clamp(2.4rem, 4vw, 4.2rem)/1 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-text-page__layout { position: relative; display: grid; flex: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; min-height: 0; margin: 0 2rem; }
.tearsof-storefront .tof-text-page__layout::before { position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; width: 1px; background: var(--tof-line); content: ''; }
.tearsof-storefront .tof-text-page__layout--content-right .tof-text-page__content { grid-column: 2; }
.tearsof-storefront .tof-text-page__aside { position: static; top: auto; width: auto; min-width: 0; margin: 0; padding: 4rem 0; }
.tearsof-storefront .tof-text-page__aside nav { position: sticky; top: calc(var(--tof-header-height) + 2rem); }
.tearsof-storefront .tof-text-page__aside a { display: block; width: fit-content; padding: .55rem 0; color: #77776f; text-transform: uppercase; }
.tearsof-storefront .tof-text-page__aside a:hover,
.tearsof-storefront .tof-text-page__aside a[aria-current="page"] { color: #1b1e1b; text-decoration: underline; text-underline-offset: .35rem; }
.tearsof-storefront .tof-text-page__content { z-index: 2; width: 100%; min-width: 0; max-width: none; padding: 4rem clamp(3rem, 5vw, 7rem) 8rem; }
.tearsof-storefront .tof-text-page__content > * { margin: 0; }
.tearsof-storefront .tof-text-page__content > * + * { margin-top: 3rem; }
.tearsof-storefront .tof-text-page__content h2 { font: 500 clamp(1.8rem, 1.7vw, 2.4rem)/1.15 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-text-page__content h3 { font: 500 1.4rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-text-page__content p { margin: 0 0 1em; }
.tearsof-storefront .tof-text-page__content p:last-child { margin-bottom: 0; }
.tearsof-storefront .tof-text-page__content ul { padding-left: 1.8rem; list-style: disc; }
.tearsof-storefront .tof-text-page__content ol { padding-left: 1.8rem; list-style: decimal; }
.tearsof-storefront .tof-text-page__content a { text-decoration: underline; text-underline-offset: .25rem; }
.tearsof-storefront .tof-text-page__lead,
.tearsof-storefront .tof-text-page__large { font-size: clamp(1.6rem, 1.5vw, 2rem); line-height: 1.4; }
.tearsof-storefront .tof-text-page__large p { font: 500 1.4rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-text-page__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--tof-line); background: var(--tof-line); }
.tearsof-storefront .tof-text-page__columns > div { padding: 3rem; background: var(--tof-paper); }
.tearsof-storefront .tof-text-page__columns h3 { margin: 0 0 2rem; }
.tearsof-storefront .tof-text-page__image img { display: block; width: 100%; height: auto; }
.tearsof-storefront .tof-text-page figcaption { padding-top: .8rem; color: #77776f; font-size: 1.1rem; }
.tearsof-storefront .tof-text-page__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--tof-line); }
.tearsof-storefront .tof-text-page__gallery figure { margin: 0; padding: 0 0 1rem; background: var(--tof-paper); }
.tearsof-storefront .tof-text-page__gallery img { display: block; width: 100%; height: auto; }
.tearsof-storefront .tof-text-page__gallery figcaption { padding-right: 1rem; padding-left: 1rem; }

/* The company page retains the original TEARS OF editorial composition. */
.tearsof-storefront .page--typicle .tof-company-legacy { flex: 0 0 100%; width: 100%; min-width: 0; }
.tearsof-storefront .tof-company-legacy .company { margin: 0; padding: 6rem 0 0; }
.tearsof-storefront .tof-company-legacy .company + .company { margin-top: 9rem; }
.tearsof-storefront .tof-company-legacy .company__text p + p { margin-top: 2rem; }
.tearsof-storefront .tof-company-legacy .about_image { position: relative; flex: 0 0 auto; margin: 0; }
.tearsof-storefront .tof-company-legacy [data-tof-company-gallery] .swiper-container { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; scroll-snap-type: x mandatory; }
.tearsof-storefront .tof-company-legacy [data-tof-company-gallery] .swiper-container::-webkit-scrollbar { display: none; }
.tearsof-storefront .tof-company-legacy [data-tof-company-gallery] .swiper-wrapper { display: flex; width: max-content; }
.tearsof-storefront .tof-company-legacy [data-tof-company-gallery] .swiper-slide { scroll-snap-align: start; }
.tearsof-storefront .tof-company-legacy .about_image__image img { display: block; width: 100%; }

/* Shared checkout functionality presented as a TEARS OF storefront page. */
.tearsof-storefront .page--checkout .page__content { background: var(--tof-paper); }
.tearsof-storefront .checkout-v2 { min-height: calc(100svh - var(--tof-header-height)); padding: 0 0 10rem; color: #1b1e1b; background: var(--tof-paper); font: 400 1.2rem/1.45 'Roboto Mono', monospace; text-transform: none; }
.tearsof-storefront .checkout-v2 *,
.tearsof-storefront .checkout-v2 *::before,
.tearsof-storefront .checkout-v2 *::after { border-radius: 0 !important; font-family: 'Roboto Mono', monospace !important; }
.tearsof-storefront .checkout-v2 > .container,
.tearsof-storefront .checkout-v2 > .section > .container { max-width: none; padding: 0 2rem; }
.tearsof-storefront .checkout-v2 .section_head { margin: 0 0 4rem; padding: 4rem 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .section_head__wrap { margin: 0; }
.tearsof-storefront .checkout-v2 .section_head__title { margin: 0; font: 500 2.4rem/1.2 'Roboto Mono', monospace; letter-spacing: normal; text-align: left; text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .section_head__text { max-width: 54rem; margin: 2rem 0 0; color: #77776f; font: inherit; text-align: left; text-transform: none; }
.tearsof-storefront .checkout-v2 .section_head__text a { color: #1b1e1b; text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .checkout-v2 .order { display: grid; grid-template-columns: minmax(0, 2fr) minmax(30rem, 1fr); width: 100%; max-width: none; margin: 0; }
.tearsof-storefront .checkout-v2 .order__left { min-width: 0; margin: 0; padding: 0 clamp(3rem, 5vw, 8rem) 0 0; }
.tearsof-storefront .checkout-v2 .order__right { min-width: 0; padding-left: clamp(3rem, 4vw, 6rem); border-left: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .order__simple { position: sticky; top: calc(var(--tof-header-height) + 3rem); }
.tearsof-storefront .checkout-v2 .order__title { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 0 0 2.5rem; font: 500 1.2rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .order__title svg { flex: 0 0 auto; }
.tearsof-storefront .checkout-v2 .order__step { padding: 3rem 0; border-top: 1px solid var(--tof-line); color: #77776f; font: 500 1.2rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .checkout-v2__current-step,
.tearsof-storefront .checkout-v2__completed-step { margin: 0; padding: 0 0 4rem; }
.tearsof-storefront .checkout-v2__completed-step + .checkout-v2__completed-step,
.tearsof-storefront .checkout-v2__completed-step + .checkout-v2__current-step { padding-top: 3rem; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .order_data { margin: 0; padding: 2.4rem; border: 1px solid var(--tof-line); background: transparent; text-transform: none; }
.tearsof-storefront .checkout-v2 .order_data__action { top: 2.4rem; right: 2.4rem; }
.tearsof-storefront .checkout-v2 .order_data__title { margin-bottom: .6rem; color: #77776f; font: 500 1.2rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .checkout-v2__edit-button,
.tearsof-storefront .checkout-v2__link-button { color: #1b1e1b; text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .checkout-v2 .order_tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0 0 3rem; padding: 1px; background: var(--tof-line); }
.tearsof-storefront .checkout-v2 .order_tabs a { display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 8.5rem; padding: 1.5rem; border: 0; color: #1b1e1b; background: var(--tof-paper); }
.tearsof-storefront .checkout-v2 .order_tabs a::before,
.tearsof-storefront .checkout-v2 .order_tabs a::after { display: none !important; }
.tearsof-storefront .checkout-v2 .order_tabs a.active { color: var(--tof-paper); background: var(--tof-green); }
.tearsof-storefront .checkout-v2 .order_tabs__name,
.tearsof-storefront .checkout-v2 .order_tabs__date,
.tearsof-storefront .checkout-v2 .order_tabs__price { padding-left: 0; text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .order_tabs__name { font-weight: 400; }
.tearsof-storefront .checkout-v2 .order_tabs__status { display: flex; flex-wrap: wrap; gap: 0 1rem; margin-top: .7rem; }
.tearsof-storefront .checkout-v2 .order_tabs__date,
.tearsof-storefront .checkout-v2 .order_tabs__price { margin-top: 0; color: #77776f; font: 400 1.2rem/1.3 'Roboto Mono', monospace; }
.tearsof-storefront .checkout-v2 .order_tabs a.active .order_tabs__date,
.tearsof-storefront .checkout-v2 .order_tabs a.active .order_tabs__price { color: rgba(254, 254, 248, .72); }
.tearsof-storefront .flip-loader {
    display: grid;
    place-items: center;
    width: auto;
    min-width: 10rem;
    height: 2.4rem;
    color: #f00;
    perspective: none;
    isolation: auto;
}
.tearsof-storefront .flip-loader__segment { display: none; }
.tearsof-storefront .flip-loader::after {
    content: 'TEARS OF';
    display: block;
    font: 700 1.4rem/1 'Grtsk Giga', Helvetica, sans-serif;
    letter-spacing: normal;
    white-space: nowrap;
    animation: tof-loader-pulse 1.1s ease-in-out infinite alternate;
}
@keyframes tof-loader-pulse {
    from { opacity: .3; }
    to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .tearsof-storefront .flip-loader::after { animation: none; }
}
.tearsof-storefront .checkout-v2 .input_text,
.tearsof-storefront .checkout-v2 .textarea,
.tearsof-storefront .checkout-v2 .delivery_textarea,
.tearsof-storefront .checkout-v2 .field__select { box-sizing: border-box; border: 0; border-bottom: 1px solid #1b1e1b; border-radius: 0; background: transparent; box-shadow: none; }
.tearsof-storefront .checkout-v2 .textarea,
.tearsof-storefront .checkout-v2 .delivery_textarea { border: 1px solid #1b1e1b; }
.tearsof-storefront .checkout-v2 .input_text { height: 4.8rem; }
.tearsof-storefront .checkout-v2 .input_text input,
.tearsof-storefront .checkout-v2 .textarea textarea,
.tearsof-storefront .checkout-v2 .delivery_textarea textarea,
.tearsof-storefront .checkout-v2 .field__select select,
.tearsof-storefront .checkout-v2 .order .field__select select { box-sizing: border-box; width: 100%; padding-right: 3rem; padding-left: 0; border: 0; border-radius: 0; color: #1b1e1b; background-color: transparent; font: 400 1.4rem/1.4 'Roboto Mono', monospace; text-transform: none; }
.tearsof-storefront .checkout-v2 .input_text input,
.tearsof-storefront .checkout-v2 .textarea textarea,
.tearsof-storefront .checkout-v2 .delivery_textarea textarea { padding-right: 0; }
.tearsof-storefront .checkout-v2 .textarea textarea,
.tearsof-storefront .checkout-v2 .delivery_textarea textarea { padding: 1.5rem; font-size: 1.2rem; }
.tearsof-storefront .checkout-v2 .input_text__label,
.tearsof-storefront .checkout-v2 .textarea__label { display: block; width: auto; height: auto; margin: 0 0 .8rem; padding: 0; color: #77776f; font: 400 1.1rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .input_text__label span,
.tearsof-storefront .checkout-v2 .textarea__label span { line-height: normal; }
.tearsof-storefront .checkout-v2__field-row { margin-top: 2rem; }
.tearsof-storefront .checkout-v2 .field__select select,
.tearsof-storefront .checkout-v2 .order .field__select select { height: 4.8rem; }
.tearsof-storefront .checkout-v2 .input_text input:focus,
.tearsof-storefront .checkout-v2 .input_text input:focus-visible,
.tearsof-storefront .checkout-v2 .textarea textarea:focus,
.tearsof-storefront .checkout-v2 .textarea textarea:focus-visible,
.tearsof-storefront .checkout-v2 .field__select select:focus,
.tearsof-storefront .checkout-v2 .field__select select:focus-visible { outline: 0; outline-offset: 0; }
.tearsof-storefront .checkout-v2__current-step--payment .checkout-v2__benefit { margin: 0; padding: 1.8rem 0; border: 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox__wrap { margin: 0; }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox { display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); align-items: start; gap: 1.2rem; margin: 0; }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox__ico { position: static; display: flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; margin-top: .05rem; border: 1px solid #1b1e1b; border-radius: 0; box-shadow: none; color: #1b1e1b; opacity: 1; }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox__ico svg { position: static; display: block; width: 1rem; height: .8rem; margin: 0; transform: none; }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox input:checked + .input_checkbox__ico { border-color: var(--tof-green); background: var(--tof-green); color: #fff; opacity: 1; }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox input:checked + .input_checkbox__ico svg { opacity: 1; }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox__label { display: block; min-width: 0; padding: 0; font: 400 1.2rem/1.4 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .checkout-v2__current-step--payment .input_checkbox__label > span { display: block; margin-top: .5rem; color: #77776f; font: 400 1.2rem/1.4 'Roboto Mono', monospace; text-transform: none; }
.tearsof-storefront .checkout-v2__current-step--payment .checkout-v2__payment-methods { margin: 2.4rem 0 0; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .form_payment { position: relative; display: block; min-height: 0; margin: 0 !important; padding: 1.8rem 0 1.8rem 3.2rem; border: 0 !important; border-bottom: 1px solid var(--tof-line) !important; border-radius: 0; box-shadow: none !important; background: transparent !important; color: #1b1e1b; font: 400 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .checkout-v2 .form_payment > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.tearsof-storefront .checkout-v2 .form_payment__wrap { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; }
.tearsof-storefront .checkout-v2 .form_payment__input { position: absolute; top: 50%; left: 0; display: block; box-sizing: border-box; width: 1.6rem; height: 1.6rem; margin: 0; border: 1px solid currentColor; border-radius: 0; background: transparent; transform: translateY(-50%); }
.tearsof-storefront .checkout-v2 .form_payment__input::before,
.tearsof-storefront .checkout-v2 .form_payment__input::after { display: none !important; content: none !important; }
.tearsof-storefront .checkout-v2 .form_payment > input:checked + .form_payment__wrap .form_payment__input { border-color: var(--tof-green); background: var(--tof-green); box-shadow: inset 0 0 0 .4rem #fff; }
.tearsof-storefront .checkout-v2 .form_payment__text { display: block; padding: 0; font: inherit; }
.tearsof-storefront .checkout-v2 .checkout-v2__payment-method--disabled { opacity: .42; cursor: not-allowed; }
.tearsof-storefront .checkout-v2 .checkout-v2__payment-hint { margin: -.6rem 0 1.4rem 3.2rem; color: #77776f; font: 400 1.1rem/1.4 'Roboto Mono', monospace; }
.tearsof-storefront .checkout-v2 .checkout-v2__payment-info { max-width: none; margin: 0 0 2rem 3.2rem; padding: 1.6rem 0 0; }
.tearsof-storefront .checkout-v2 .checkout-v2__agreement { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .checkout-v2__agreement .input_checkbox__label { color: #1b1e1b; font-size: 1.1rem; line-height: 1.45; text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .checkout-v2__agreement .input_checkbox__label a { text-underline-offset: .25rem; }
.tearsof-storefront .checkout-v2__benefit,
.tearsof-storefront .checkout-v2__gift-card,
.tearsof-storefront .checkout-v2__installment-card { border-color: var(--tof-line); border-radius: 0; background: transparent; }
.tearsof-storefront .checkout-v2__message,
.tearsof-storefront .checkout-v2__delivery-warning { padding: 1.4rem; border: 1px solid var(--tof-line); border-radius: 0; background: #f4f4ed; }
.tearsof-storefront .checkout-v2__message--error { color: #9f1717; border-color: #d9a8a8; background: #fff7f4; }
.tearsof-storefront .checkout-v2__step-action { width: min(100%, 38rem); margin-top: 3rem; }
.tearsof-storefront .checkout-v2 .btn--black { color: #fff; background: #1b1e1b; }
.tearsof-storefront .checkout-v2 .btn--black:hover { background: #000; }
.tearsof-storefront .checkout-v2 .stores_item,
.tearsof-storefront .checkout-v2__store { border-color: var(--tof-line); border-radius: 0; background: transparent; }
.tearsof-storefront .checkout-v2__store.active { border-color: #1b1e1b; }
.tearsof-storefront .checkout-v2 .order_cart { padding: 0 0 3rem; border: 0; border-bottom: 1px solid var(--tof-line); background: transparent; }
.tearsof-storefront .checkout-v2 .order_cart__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 2rem; }
.tearsof-storefront .checkout-v2 .order_cart__image { width: auto; height: auto; margin: 0; aspect-ratio: 2 / 3; overflow: hidden; background: #efefe9; }
.tearsof-storefront .checkout-v2 .order_cart__image img { width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .checkout-v2 .order_cart__info { display: flex; justify-content: space-between; gap: 2rem; }
.tearsof-storefront .checkout-v2 .order_cart__info a,
.tearsof-storefront .checkout-v2 .cart_page__conditions a { text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .checkout-v2 .order__lines { padding-top: 3rem; }
.tearsof-storefront .checkout-v2 .order__line { margin: 0; padding: 1.6rem 0; border-bottom: 1px solid var(--tof-line); text-transform: none; }
.tearsof-storefront .checkout-v2 .order__total { margin: 0; padding: 2.4rem 0; font: 700 1.8rem/1.2 'Grtsk Giga', Helvetica, sans-serif; text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .cart_page { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; width: 100%; }
.tearsof-storefront .checkout-v2 .cart_page__left { min-width: 0; padding-right: 0; }
.tearsof-storefront .checkout-v2 .cart_page__right { position: static; min-width: 0; margin-top: 4rem; padding-left: 0; border: 0; }
.tearsof-storefront .checkout-v2 .cart_items { margin: 0; overflow: visible; }
.tearsof-storefront .checkout-v2 .cart_items--unavailable { margin-top: 4rem; }
.tearsof-storefront .checkout-v2 .cart_items__title { margin: 0 0 2rem; font: 500 1.2rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .cart_page .preview,
.tearsof-storefront .checkout-v2 .cart_page .preview + .preview { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: 2.4rem; margin: 0; padding: 2rem 0; border-top: 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .cart_items:not(.cart_items--unavailable) .preview:last-child { border-bottom: 0; }
.tearsof-storefront .checkout-v2 .cart_page .preview__image { flex: none; width: 16rem; height: auto; margin: 0; aspect-ratio: 2 / 3; background: #efefe9; }
.tearsof-storefront .checkout-v2 .preview__image img { width: 100%; height: 100%; object-fit: cover; }
.tearsof-storefront .checkout-v2 .cart_page .preview__content { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; font: inherit; line-height: 1.4; text-transform: none; }
.tearsof-storefront .checkout-v2 .preview__head { display: flex; justify-content: space-between; gap: 2rem; }
.tearsof-storefront .checkout-v2 .preview__name,
.tearsof-storefront .checkout-v2 .preview__price { margin: 0; font: 400 1.2rem/1.35 Arial, Helvetica, sans-serif; text-transform: none; }
.tearsof-storefront .checkout-v2 .preview__price { flex: 0 0 auto; white-space: nowrap; }
.tearsof-storefront .checkout-v2 .preview_info { margin-top: 2rem; text-transform: none; }
.tearsof-storefront .checkout-v2 .cart_page .preview_info__color { margin-top: 0; }
.tearsof-storefront .checkout-v2 .preview__action { margin-top: auto; padding-top: 2rem; }
.tearsof-storefront .checkout-v2 .cart_page__right .tof-cart__footer { margin-top: 0; }
.tearsof-storefront .checkout-v2 .cart_page__right .tof-cart__summary-line { display: flex; justify-content: space-between; gap: 2rem; padding: 0 0 1.2rem; font: 400 1.2rem/1.4 'Roboto Mono', monospace; }
.tearsof-storefront .checkout-v2 .cart_page__right .tof-cart__summary-line--delivery { text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .cart_page__right .tof-popup__primary { color: var(--tof-paper); background: var(--tof-green); text-transform: uppercase; }
.tearsof-storefront .checkout-v2 .cart_page__right .tof-popup__primary:hover { color: var(--tof-paper); background: #195354; }
.tearsof-storefront .checkout-v2 .cart_page__right .tof-popup__primary:disabled { color: #696960; background: #e4e4dc; cursor: not-allowed; }
.tearsof-storefront .checkout-v2__recommendations { margin-top: 6rem; padding-bottom: 0; border-top: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .catalog_list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--tof-line); }
.tearsof-storefront .checkout-v2 .catalog_list > .catalog { display: block; min-width: 0; background: var(--tof-paper); }

/* Textual form controls share one compact Tears Of treatment. */
.tearsof-storefront input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='file']):not([type='submit']):not([type='button']):not([type='reset']) {
    border: 1px solid #1b1e1b !important;
    border-radius: 0 !important;
    padding: 0 1.5rem !important;
    font-size: 1.2rem !important;
}
.tearsof-storefront .checkout-v2 .input_text { border: 0; }

@media (min-width: 768px) {
    .tearsof-storefront .unit_gallery { min-height: 100vh; }
    .tearsof-storefront .section_head__wrap { margin: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_page__left { display: block; grid-column: 1 / -1; min-width: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_items__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_items:not(.cart_items--unavailable) .preview:only-child { grid-column: 2; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_page__right { grid-column: 2 / 3; width: 100%; margin-top: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .preview,
    .tearsof-storefront .checkout-v2.checkout-v2__cart .preview + .preview { width: 100%; min-width: 0; grid-template-columns: 12rem minmax(0, 1fr); gap: 2rem; padding: 0; border: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .preview__image { width: 12rem; }
}

/* Order status and payment pages. */
.tearsof-storefront .page--tof-order .page__content { background: var(--tof-paper); }
.tearsof-storefront .tof-order-page { min-height: calc(100svh - var(--tof-header-height)); padding: 0 2rem 10rem; color: #1b1e1b; font: 400 1.2rem/1.45 Arial, Helvetica, sans-serif; text-transform: none; }
.tearsof-storefront .tof-order-page__header { padding: 4rem 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-page__header > p:first-child,
.tearsof-storefront .tof-order-page__empty > p:first-child { margin: 0 0 1.2rem; color: #77776f; font: 400 1.1rem/1.2 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-order-page h1 { max-width: 86rem; margin: 0; font: 700 clamp(2rem, 3vw, 4.2rem)/1.05 'Grtsk Giga', Helvetica, sans-serif; letter-spacing: -.025em; text-transform: uppercase; }
.tearsof-storefront .tof-order-page__lead { max-width: 64rem; margin: 2rem 0 0; color: #77776f; }
.tearsof-storefront .tof-order-page__layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tearsof-storefront .tof-order-page__payment { min-width: 0; padding: 4rem clamp(3rem, 5vw, 8rem) 4rem 0; border-right: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-page__payment h2 { margin: 0 0 3rem; font: 700 1.6rem/1.2 'Grtsk Giga', Helvetica, sans-serif; text-transform: uppercase; }
.tearsof-storefront .tof-order-page__single { max-width: 110rem; padding-top: 4rem; }
.tearsof-storefront .tof-order-page__empty { min-height: 55vh; padding: 6rem 0; }
.tearsof-storefront .tof-order-page__empty > p:not(:first-child) { max-width: 56rem; margin: 2rem 0; color: #77776f; }
.tearsof-storefront .tof-order-page__empty a,
.tearsof-storefront .tof-order-page__catalog-link,
.tearsof-storefront .tof-order-page__primary-link { display: inline-flex; align-items: center; justify-content: center; min-height: 5rem; margin-top: 3rem; padding: 0 2.4rem; color: var(--tof-paper); background: var(--tof-green); font: 400 1.2rem/1 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .tof-order-page__cancel { display: inline-block; margin-top: 2rem; text-decoration: underline; text-underline-offset: .3rem; }
.tearsof-storefront .tof-order-summary { min-width: 0; padding: 4rem 0 4rem clamp(3rem, 5vw, 8rem); }
.tearsof-storefront .tof-order-page__single .tof-order-summary { padding-left: 0; }
.tearsof-storefront .tof-order-summary__meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; padding-bottom: 3rem; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .tof-order-summary__meta div { min-width: 0; }
.tearsof-storefront .tof-order-summary__meta span { display: block; margin-bottom: .6rem; color: #77776f; font-size: 1.1rem; text-transform: uppercase; }
.tearsof-storefront .tof-order-summary__meta strong { display: block; overflow-wrap: anywhere; font-weight: 400; }
.tearsof-storefront .tof-order-summary__products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 3rem; background: #fff; }
.tearsof-storefront .tof-order-summary__product { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: 1.6rem; min-width: 0; padding: 1.5rem; background: #fff; }
.tearsof-storefront .tof-order-summary__product img { width: 10rem; height: auto; aspect-ratio: 2 / 3; object-fit: cover; background: #efefe9; }
.tearsof-storefront .tof-order-summary__product-copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.tearsof-storefront .tof-order-summary__product-copy strong { font-weight: 400; overflow-wrap: anywhere; }
.tearsof-storefront .tof-order-summary__product-copy small { margin-top: .7rem; color: #77776f; }
.tearsof-storefront .tof-order-summary__product-copy > span { margin-top: auto; padding-top: 1.5rem; }
.tearsof-storefront .tof-order-payment .order-payment-host { max-width: 48rem; margin: 0; }
.tearsof-storefront .tof-order-payment .form__line { margin: 0; }
.tearsof-storefront .tof-order-payment .form_payment { position: relative; display: block; min-height: 0; margin: 0 !important; padding: 1.8rem 0 1.8rem 3.2rem; border: 0 !important; border-bottom: 1px solid var(--tof-line) !important; border-radius: 0; box-shadow: none !important; background: transparent !important; color: #1b1e1b; font: 400 1.2rem/1.3 'Roboto Mono', monospace; text-transform: uppercase; cursor: pointer; }
.tearsof-storefront .tof-order-payment .form_payment > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.tearsof-storefront .tof-order-payment .form_payment__wrap { display: block; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.tearsof-storefront .tof-order-payment .form_payment__input { position: absolute; top: 50%; left: 0; display: block; box-sizing: border-box; width: 1.6rem; height: 1.6rem; margin: 0; border: 1px solid currentColor; border-radius: 0; background: transparent; transform: translateY(-50%); }
.tearsof-storefront .tof-order-payment .form_payment__input::before,
.tearsof-storefront .tof-order-payment .form_payment__input::after { display: none !important; content: none !important; }
.tearsof-storefront .tof-order-payment .form_payment > input:checked + .form_payment__wrap .form_payment__input { border-color: var(--tof-green); background: var(--tof-green); box-shadow: inset 0 0 0 .4rem #fff; }
.tearsof-storefront .tof-order-payment .form_payment__text { display: block; padding: 0; font: inherit; }
.tearsof-storefront .tof-order-payment .btn--black { min-height: 5rem; border-radius: 0; color: var(--tof-paper); background: var(--tof-green); }
.tearsof-storefront .tof-order-payment .order-payment__hint { color: #77776f; }
.tearsof-storefront .tof-order-payment .order-payment__link { padding: .5rem 0; border: 0; background: transparent; text-decoration: underline; text-underline-offset: .3rem; }

.tearsof-storefront .page__footer,
.tearsof-storefront .footer { background: #fff; }
.tearsof-storefront .footer { box-sizing: border-box; width: auto; padding: 4rem 2rem 2rem; margin: 0; border-top: 1px solid var(--tof-line); font: 400 1.2rem/1.4 'Roboto Mono', monospace; }
.tearsof-storefront .footer__cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3rem; }
.tearsof-storefront .footer__col { min-width: 0; margin: 0; }
.tearsof-storefront .footer .nav__title { margin-bottom: 1.6rem; font: 500 1.2rem/1.4 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .footer .tof-footer-links a { font-weight: 400; }
.tearsof-storefront .footer__copy { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 4rem; }
.tearsof-storefront .tof-footer-developer { margin-left: auto; }
.tearsof-storefront .footer__logo { margin-top: 3rem; }
.tearsof-storefront .footer__logo { color: #dedede; }
.tearsof-storefront .footer__logo svg { display: block; width: 100%; height: auto; }

@media (max-width: 1100px) {
    .tearsof-storefront .header .container { column-gap: 1.5rem; padding: 0 1.5rem; }
    .tearsof-storefront .tof-header-links { gap: 1.5rem; font-size: 1.1rem; }
}
@media (max-width: 900px) {
    .tearsof-storefront .header .tof-header-links { display: none; }
    .tearsof-storefront .tof-desktop-menu { display: none !important; }
    .tearsof-storefront .tof-account__aside { position: static !important; top: auto !important; inset: auto !important; width: 100% !important; margin: 0 !important; align-self: auto !important; }
    .tearsof-storefront .tof-account__nav { position: static; top: auto; }
    .tearsof-storefront .tof-account-form { margin-right: 1.5rem; }
    .tearsof-storefront .header .container { box-sizing: border-box; grid-template-columns: 1fr auto 1fr; padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .tearsof-storefront .tof-menu-toggle { grid-column: 1; grid-row: 1; display: inline-flex; justify-self: start; align-items: center; width: auto; height: auto; padding: 0; border: 0; background: transparent; font: 400 1.2rem/1 'Roboto Mono', monospace; text-transform: uppercase; }
    .tearsof-storefront .tof-menu-toggle:hover,
    .tearsof-storefront .tof-menu-toggle[aria-expanded="true"] { color: inherit !important; background: transparent; text-decoration: underline; text-underline-offset: .35rem; }
    .tearsof-storefront .tof-mobile-cart { grid-column: 3; grid-row: 1; display: block; justify-self: end; margin-right: 0 !important; font: 400 1.2rem/1 'Roboto Mono', monospace; text-transform: uppercase; white-space: nowrap; }
    .tearsof-storefront.is-tof-mobile-menu-open { overflow: hidden; }
    .tearsof-storefront .tof-navigation { position: fixed; z-index: 29; top: var(--tof-header-height); right: 0; bottom: 0; left: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 3rem 2rem; padding: 3rem 1.5rem; overflow-y: auto; overscroll-behavior: contain; border-bottom: 0; }
    .tearsof-storefront .tof-popup__dialog,
    .tearsof-storefront .tof-popup--search .tof-popup__dialog,
    .tearsof-storefront .tof-popup--auth .tof-popup__dialog,
    .tearsof-storefront .tof-popup--cart .tof-popup__dialog { width: 100%; border-left: 0; }
    .tearsof-storefront .checkout-v2 .order { grid-template-columns: minmax(0, 1fr); }
    .tearsof-storefront .checkout-v2 .order__left { padding-right: 0; }
    .tearsof-storefront .checkout-v2 .order__right { position: static; margin-top: 4rem; padding: 4rem 0 0; border-top: 1px solid var(--tof-line); border-left: 0; }
    .tearsof-storefront .checkout-v2 .order__simple { position: static; }
}
@media (max-width: 767px) {
    .tearsof-storefront .container { padding: 0 1rem; }
    .tearsof-storefront .header .container { padding: 0 1.5rem; }
    .tearsof-storefront .header .tof-wordmark-logo { font-size: 1.2rem; }
    .tearsof-storefront .tof-popup__header { height: var(--tof-header-height); min-height: var(--tof-header-height); padding: 0 1.5rem; }
    .tearsof-storefront .tof-popup__content { padding: 2.5rem 1.5rem 5rem; }
    .tearsof-storefront .tof-signin-page { padding: 4rem 1.5rem 7rem; }
    .tearsof-storefront .tof-signin-page__inner > h1 { margin-bottom: 3rem; font-size: 1.6rem; }
    .tearsof-storefront .tof-account__header { margin: 0; padding: 3rem 1.5rem 2.5rem; }
    .tearsof-storefront .tof-account__header h1 { font-size: 2.4rem; }
    .tearsof-storefront .tof-stores__header { margin: 0; padding: 3rem 1.5rem 2.5rem; }
    .tearsof-storefront .tof-stores__header h1 { font-size: 2.4rem; }
    .tearsof-storefront .tof-store { grid-template-columns: 1fr; min-height: 0; margin: 0; }
    .tearsof-storefront .tof-store__image { border-right: 0; border-bottom: 1px solid var(--tof-line); }
    .tearsof-storefront .tof-store__image > .tof-store-gallery { min-height: 0; aspect-ratio: 1 / 1; }
    .tearsof-storefront .tof-store__content { padding: 3rem 1.5rem 7rem; }
    .tearsof-storefront .tof-store__content h2 { margin-bottom: 3rem; }
    .tearsof-storefront .tof-store-gallery { margin: 0; }
    .tearsof-storefront .tof-store-gallery__slide { height: min(72svh, 62rem); }
    .tearsof-storefront .tof-stores__empty { margin: 0; padding: 3rem 1.5rem 7rem; }
    .tearsof-storefront .tof-campaigns__header { margin: 0; padding: 3rem 1.5rem 2.5rem; }
    .tearsof-storefront .tof-campaigns__header h1 { font-size: 2.4rem; }
    .tearsof-storefront .tof-campaigns__grid { grid-template-columns: 1fr; margin: 0; }
    .tearsof-storefront .tof-campaign-card { border-right: 0; }
    .tearsof-storefront .tof-campaign-card__content { min-height: 0; padding: 1.5rem 1.5rem 3rem; }
    .tearsof-storefront .tof-campaign-card__content h2 { font-size: 1.4rem; }
    .tearsof-storefront .tof-campaigns__empty { margin: 0; padding: 3rem 1.5rem 7rem; }
    .tearsof-storefront .tof-editorial-campaign__hero { min-height: 0; }
    .tearsof-storefront .tof-editorial-campaign__hero > picture,
    .tearsof-storefront .tof-editorial-campaign__hero > picture img { height: auto; min-height: 0; }
    .tearsof-storefront .tof-editorial-campaign__hero > picture img { aspect-ratio: 1 / 1.25; object-position: center; }
    .tearsof-storefront .tof-editorial-campaign__hero-copy { right: 1.5rem; bottom: 2rem; left: 1.5rem; }
    .tearsof-storefront .tof-editorial-campaign__hero-copy > p { margin-bottom: 1rem; }
    .tearsof-storefront .tof-editorial-campaign__hero-copy h1 { margin-bottom: 1.5rem; font-size: 3rem; }
    .tearsof-storefront .tof-editorial-campaign__hero-copy li { font-size: 1rem; }
    .tearsof-storefront .tof-editorial-campaign__intro { padding: 4rem 1.5rem 5rem; text-align: left; }
    .tearsof-storefront .tof-editorial-campaign__intro p { font-size: 1.2rem; }
    .tearsof-storefront .tof-editorial-campaign__grid { grid-template-columns: 1fr; }
    .tearsof-storefront .tof-editorial-campaign__grid .tof-editorial-campaign__media--full { grid-column: auto; }
    .tearsof-storefront .tof-editorial-campaign__slider .tof-editorial-campaign__media { flex-basis: 88vw; }
    .tearsof-storefront .tof-editorial-campaign__text-block,
    .tearsof-storefront .tof-editorial-campaign__quote { padding: 4rem 1.5rem 5rem; text-align: left; }
    .tearsof-storefront .tof-editorial-campaign__products { padding: 4rem 1.5rem; }
    .tearsof-storefront .tof-account__layout { display: block; min-height: 0; margin: 0; }
    .tearsof-storefront .tof-account__layout::before { display: none; }
    .tearsof-storefront .tof-account__aside { padding: 2rem 1.5rem 2rem 2rem; border-right: 0; border-bottom: 1px solid var(--tof-line); }
    .tearsof-storefront .tof-account__nav { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem 2rem; width: auto; }
    .tearsof-storefront .tof-account__nav a { width: auto; white-space: normal; }
    .tearsof-storefront .tof-account__select-label,
    .tearsof-storefront .tof-account__select { display: none; }
    .tearsof-storefront .tof-account__content { width: 100%; padding: 3rem 1.5rem 7rem; }
    .tearsof-storefront .tof-account__content > h2,
    .tearsof-storefront .tof-account__title-row h2 { margin-bottom: 3rem; font-size: 1.5rem; }
    .tearsof-storefront .tof-account-form__grid { grid-template-columns: 1fr; gap: 2.4rem; }
    .tearsof-storefront .tof-account-field--wide { grid-column: auto; }
    .tearsof-storefront .tof-account-button,
    .tearsof-storefront .tof-account-more { width: 100%; }
    .tearsof-storefront .tof-loyalty__balance { grid-template-columns: 1fr; }
    .tearsof-storefront .tof-loyalty__balance > div + div { padding-left: 0; border-top: 1px solid var(--tof-line); border-left: 0; }
    .tearsof-storefront .tof-loyalty__history { margin-top: 4rem; }
    .tearsof-storefront .tof-loyalty__operation { grid-template-columns: 1fr auto; gap: .7rem 1.5rem; }
    .tearsof-storefront .tof-loyalty__operation time { grid-column: 1; grid-row: 1; }
    .tearsof-storefront .tof-loyalty__operation strong { grid-column: 2; grid-row: 1; }
    .tearsof-storefront .tof-loyalty__operation > span { grid-column: 1 / -1; grid-row: 2; }
    .tearsof-storefront .tof-account-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 1rem; }
    .tearsof-storefront .tof-order-card__trigger { grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; }
    .tearsof-storefront .tof-order-card__status { grid-column: 1 / -1; grid-row: 2; color: #77776f; }
    .tearsof-storefront .tof-order-card__sum { grid-column: 2; grid-row: 1; }
    .tearsof-storefront .tof-order-popup__columns { grid-template-columns: 1fr; }
    .tearsof-storefront .tof-order-popup__column + .tof-order-popup__column { border-top: 0; border-left: 0; }
    .tearsof-storefront .tof-order-popup__column:first-child .tof-order-popup__section,
    .tearsof-storefront .tof-order-popup__column:last-child .tof-order-popup__section { padding-right: 0; padding-left: 0; }
    .tearsof-storefront .tof-order-popup__product { grid-template-columns: 10rem minmax(0, 1fr); gap: 1.5rem; }
    .tearsof-storefront .tof-order-popup__product-image { width: 10rem; height: 15rem; }
    .tearsof-storefront .tof-search-links { grid-template-columns: 1fr; gap: 2rem; }
    .tearsof-storefront .tof-search-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tearsof-storefront .tof-cart__item { grid-template-columns: 9rem minmax(0, 1fr); gap: 1.2rem; }
    .tearsof-storefront .tof-cart__item-head { display: block; }
    .tearsof-storefront .tof-cart__item-price { margin-top: .7rem; }
    .tearsof-storefront .tof-catalog { padding: 3rem 0 4rem; }
    .tearsof-storefront .tof-catalog > .container { padding: 0 1.5rem; }
    .tearsof-storefront .tof-catalog-heading { margin-bottom: 2rem; }
    .tearsof-storefront .catalog__list { margin: 3rem 0; padding: 0; }
    .tearsof-storefront .catalog,
    .tearsof-storefront .catalog__list--viewed .catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.8rem 1rem; }
    .tearsof-storefront .tof-home-new-products .section_head { padding: 2rem 0; }
    .tearsof-storefront .tof-home-new-products .section_head__wrap { margin: 0; }
    .tearsof-storefront .tof-home-new-products .section_head__title,
    .tearsof-storefront .tof-home-new-products .section_head__title a { font: 500 1.2rem/1.2 'Roboto Mono', monospace !important; }
    .tearsof-storefront .tof-home-new-products .tof-home-products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.8rem 1rem; margin: 0 .5rem; }
    .tearsof-storefront .tof-homepage .hero .swiper-pagination { top: 0; bottom: auto; height: auto; pointer-events: none; }
    .tearsof-storefront .catalog_item__content { font-size: 1.1rem; }
    .tearsof-storefront .catalog_item__price s { display: block; margin: 0; }
    .tearsof-storefront .catalog_item__label, .tearsof-storefront .catalog_item__sale { font-size: .9rem; top: .5rem; }
    .tearsof-storefront .tof-shop-index { padding-top: 2rem; }
    .tearsof-storefront .tof-shop-index__header { padding-bottom: 2rem; }
    .tearsof-storefront .tof-shop-index__header,
    .tearsof-storefront .tof-shop-index__section-header { align-items: flex-start; }
    .tearsof-storefront .tof-shop-index__all,
    .tearsof-storefront .tof-shop-index__section-header > a { font-size: 1rem; }
    .tearsof-storefront .tof-shop-index__section { margin-top: 4rem; }
    .tearsof-storefront .tof-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 1rem; }
    .tearsof-storefront .tof-shop-card--wide { grid-column: 1 / -1; }
    .tearsof-storefront .tof-shop-card--wide .tof-shop-card__image { aspect-ratio: 3 / 4; }
    .tearsof-storefront .tof-shop-card__content { display: block; padding-top: .8rem; font-size: 1rem; }
    .tearsof-storefront .tof-shop-card__title { display: block; font-size: 1.2rem; }
    .tearsof-storefront .tof-shop-card__content p { margin-top: .7rem; }
    .tearsof-storefront .tof-shop-card__link { display: inline-block; margin-top: 1.1rem; font-size: 1rem; }
    .tearsof-storefront .tof-category-directory { grid-template-columns: 1fr; margin-top: 2rem; }
    .tearsof-storefront .tof-filters form { grid-template-columns: minmax(0, 1fr); gap: 2.4rem; padding: 1.6rem 0 2rem; }
    .tearsof-storefront .tof-filters fieldset { gap: .2rem 1.5rem; }
    .tearsof-storefront .tof-filter-actions { align-items: stretch; flex-direction: column; gap: 1.6rem; padding-top: 1.6rem; }
    .tearsof-storefront .tof-filter-actions .btn { width: 100%; }
    .tearsof-storefront .tof-filter-actions a { align-self: flex-start; }
    .tearsof-storefront .tof-hero { height: 65vh; min-height: 36rem; }
    .tearsof-storefront .tof-hero-caption { inset: auto 1.5rem 2rem; }
    .tearsof-storefront .tof-hero-caption .btn { width: auto; }
    .tearsof-storefront .tof-text-page__layout { display: block; margin: 0; }
    .tearsof-storefront .tof-text-page__layout::before { display: none; }
    .tearsof-storefront .tof-text-page__aside { padding: 2rem 1.5rem; border-right: 0; border-bottom: 1px solid var(--tof-line); overflow: visible; }
    .tearsof-storefront .tof-text-page__aside nav { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem 2rem; width: auto; }
    .tearsof-storefront .tof-text-page__aside a { width: auto; white-space: normal; }
    .tearsof-storefront .tof-text-page__content { padding: 3rem 1.5rem 6rem; }
    .tearsof-storefront .tof-text-page__columns,
    .tearsof-storefront .tof-text-page__gallery { grid-template-columns: 1fr; }
    .tearsof-storefront .tof-text-page__columns > div { padding: 2rem; }
    .tearsof-storefront .checkout-v2 { padding-bottom: 6rem; }
    .tearsof-storefront .checkout-v2 > .container,
    .tearsof-storefront .checkout-v2 > .section > .container { padding: 0 1.5rem; }
    .tearsof-storefront .checkout-v2 .section_head { margin-bottom: 3rem; padding: 3rem 0; }
    .tearsof-storefront .checkout-v2 .section_head__title { font-size: 2.4rem; }
    .tearsof-storefront .checkout-v2 .order__title { font-size: 1.2rem; }
    .tearsof-storefront .checkout-v2 .order_tabs { display: flex; width: max-content; min-width: 100%; }
    .tearsof-storefront .checkout-v2 .order_tabs a { flex: 0 0 min(78vw, 28rem); }
    .tearsof-storefront .checkout-v2__field-row,
    .tearsof-storefront .checkout-v2__field-row--courier-details,
    .tearsof-storefront .checkout-v2__field-row--gift-card,
    .tearsof-storefront .checkout-v2__loyalty-form { grid-template-columns: minmax(0, 1fr); }
    .tearsof-storefront .checkout-v2 .order_data { padding: 2rem; }
    .tearsof-storefront .checkout-v2 .order_data__action { position: static; margin-bottom: 1.5rem; }
    .tearsof-storefront .checkout-v2 .cart_page .preview,
    .tearsof-storefront .checkout-v2 .cart_page .preview + .preview { grid-template-columns: 9rem minmax(0, 1fr); gap: 1.2rem; padding: 2rem 0; border-bottom: 1px solid var(--tof-line); }
    .tearsof-storefront .checkout-v2 .cart_items .preview:last-child { border-bottom: 0; }
    .tearsof-storefront .checkout-v2 .cart_page .preview__image { width: 9rem; }
    .tearsof-storefront .checkout-v2 .cart_page .preview__head { display: block; }
    .tearsof-storefront .checkout-v2 .cart_page .preview__price { margin-top: .7rem; }
    .tearsof-storefront .checkout-v2 .cart_page .preview_info { margin-top: 1rem; }
    .tearsof-storefront .checkout-v2 .cart_page__right { margin-top: 0; }
    .tearsof-storefront .checkout-v2#checkout-cart > .section .section_head { margin: 0 0 2.5rem; padding: 0; border: 0; }
    .tearsof-storefront .checkout-v2#checkout-cart > .section .section_head__wrap:first-child { display: flex; align-items: center; height: var(--tof-header-height); margin: 0 -1.5rem; padding: 0 1.5rem; border-bottom: 1px solid var(--tof-line); }
    .tearsof-storefront .checkout-v2#checkout-cart > .section .section_head__title { font: 500 1.2rem/1 'Roboto Mono', monospace; text-transform: uppercase; }
    .tearsof-storefront .checkout-v2 .preview { grid-template-columns: 10rem minmax(0, 1fr); gap: 1.5rem; }
    .tearsof-storefront .checkout-v2 .preview__image { width: 10rem; }
    .tearsof-storefront .checkout-v2 .preview__head { display: block; }
    .tearsof-storefront .checkout-v2 .preview__price { margin-top: .5rem; }
    .tearsof-storefront .checkout-v2 .catalog_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tearsof-storefront .tof-order-page { padding: 0 1.5rem 6rem; }
    .tearsof-storefront .tof-order-page__header { padding: 3rem 0; }
    .tearsof-storefront .tof-order-page__layout { grid-template-columns: minmax(0, 1fr); }
    .tearsof-storefront .tof-order-page__payment { padding: 3rem 0; border-right: 0; border-bottom: 1px solid var(--tof-line); }
    .tearsof-storefront .tof-order-summary,
    .tearsof-storefront .tof-order-page__single .tof-order-summary { padding: 3rem 0; }
    .tearsof-storefront .tof-order-summary__meta { grid-template-columns: minmax(0, 1fr); }
    .tearsof-storefront .tof-order-summary__products { grid-template-columns: minmax(0, 1fr); }
    .tearsof-storefront .footer { padding: 3rem 1.5rem 1.5rem; }
    .tearsof-storefront .footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 2rem; }
    .tearsof-storefront .footer__copy { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .tearsof-storefront .tof-footer-developer { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .tearsof-storefront *, .tearsof-storefront *::before, .tearsof-storefront *::after { transition: none !important; animation: none !important; }
}

@media (max-width: 1100px) and (min-width: 768px) {
    .tearsof-storefront .tof-filters form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tearsof-storefront .tof-filters form > label { grid-column: 1 / -1; }
    .tearsof-storefront .tof-text-page__layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; min-height: 0; margin: 0 2rem; }
    .tearsof-storefront .tof-text-page__layout::before { display: block; }
    .tearsof-storefront .tof-text-page__aside { padding: 4rem 0; border-bottom: 0; }
    .tearsof-storefront .tof-text-page__aside nav { position: sticky; display: block; width: auto; }
    .tearsof-storefront .tof-text-page__aside a { width: fit-content; white-space: normal; }
    .tearsof-storefront .tof-text-page__content { width: 100%; max-width: none; padding: 4rem clamp(3rem, 5vw, 7rem) 8rem; }
    .tearsof-storefront .tof-product-info { padding: 2.4rem 2rem; row-gap: 2rem; }
    .tearsof-storefront .tof-size { min-width: 5rem; min-height: 5rem; height: 5rem; }
    .tearsof-storefront .tof-product-colors a { width: 6rem; }
    .tearsof-storefront .tof-buybar-action .tof-add-to-cart { width: 20rem; }
    .tearsof-storefront .tof-buybar-summary { flex-basis: 40%; }
}
@media (max-width: 767px) {
    .tearsof-storefront { --tof-bar-height: calc(5rem + env(safe-area-inset-bottom, 0px)); }
    .tearsof-storefront .unit_details__head {
        height: auto;
        min-height: 0;
        padding: 0;
        border-bottom: 0;
    }
    .tearsof-storefront .unit_details__head_title {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 5.6rem;
        padding: 0;
    }
    .tearsof-storefront .unit_details__head_title::before,
    .tearsof-storefront .unit_details__head_title::after {
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
    }
    .tearsof-storefront .unit_details.is-active .unit_details__head_title::before {
        margin-top: 0;
    }
    .tearsof-storefront .unit_details__close { display: none !important; }
    .tearsof-storefront .unit_details.is-active .unit_details__content { padding: 1.5rem 0 3rem; }
    .tearsof-storefront .unit_details__content,
    .tearsof-storefront .unit_details__wrap,
    .tearsof-storefront .unit_details__block,
    .tearsof-storefront .unit_details__title,
    .tearsof-storefront .unit_details__subtitle,
    .tearsof-storefront .unit_details__text,
    .tearsof-storefront .unit_details__text p { text-align: left; }
    .tearsof-storefront .unit_details--avail .form__text { text-align: left; }
    .tearsof-storefront .unit_details--avail .unit_avail__item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: .8rem 1.5rem;
        padding: 1.5rem 0;
    }
    .tearsof-storefront .unit_details--avail .unit_avail__content {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        margin: 0;
    }
    .tearsof-storefront .unit_details--avail .unit_avail__address,
    .tearsof-storefront .unit_details--avail .unit_avail__address a { overflow-wrap: anywhere; }
    .tearsof-storefront .unit_details--avail .unit_avail__count {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        margin: 0;
        white-space: nowrap;
        text-align: right;
    }
    .tearsof-storefront .unit_details--avail .unit_avail__link {
        grid-column: 1;
        grid-row: 2;
        margin: 0;
        text-align: left !important;
        white-space: normal;
    }
    .tearsof-storefront .modal_preorder .modal__container,
    .tearsof-storefront .modal_wantgift .modal__container,
    .tearsof-storefront .unit_details { width: 100%; }
    .tearsof-storefront .unit,
    .tearsof-storefront .unit_content { width: 100%; min-width: 0; }
    .tearsof-storefront .unit_details {
        box-sizing: border-box;
        width: calc(100% - 3rem);
        margin-right: 1.5rem;
        margin-left: 1.5rem;
    }
    .tearsof-storefront .tof-product-stage { height: auto; }
    .tearsof-storefront .tof-product-stage-inner { position: static; display: block; height: auto; }
    .tearsof-storefront .unit_gallery {
        display: block;
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
    }
    .tearsof-storefront .tof-product-cover,
    .tearsof-storefront .tof-product-gallery { display: none; }
    .tearsof-storefront .tof-mobile-gallery { display: block; margin: 0 1rem; }
    .tearsof-storefront .tof-gallery-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
    .tearsof-storefront .tof-gallery-track::-webkit-scrollbar { display: none; }
    .tearsof-storefront .tof-gallery-track.is-dragging { scroll-snap-type: none; cursor: grabbing; user-select: none; }
    .tearsof-storefront .tof-gallery-slide { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
    .tearsof-storefront .tof-gallery-slide img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; }
    .tearsof-storefront .tof-gallery-pagination { display: flex; justify-content: center; }
    .tearsof-storefront .tof-gallery-pagination button { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.4rem; border: 0; padding: 0; background: transparent; }
    .tearsof-storefront .tof-gallery-pagination button::before { content: ''; width: .5rem; height: .5rem; border-radius: 50%; background: #c1c1ba; }
    .tearsof-storefront .tof-gallery-pagination button[aria-pressed="true"]::before { background: var(--tof-green); }
    .tearsof-storefront .tof-product-info { display: block; padding: 3rem 1rem 0; }
    .tearsof-storefront .tof-product-title, .tearsof-storefront .tof-product-price { font-size: 2rem; }
    .tearsof-storefront .tof-product-options { display: block; margin-top: 3rem; }
    .tearsof-storefront .tof-colors { margin-top: 3rem; }
    .tearsof-storefront .tof-product-description { overflow: visible; margin-top: 3rem; }
    .tearsof-storefront .tof-primary-purchase { margin: 3rem 0; }
    .tearsof-storefront .tof-buybar { min-height: 0; padding: 0 0 env(safe-area-inset-bottom, 0px); transform: none; visibility: visible; }
    .tearsof-storefront .tof-buybar-summary, .tearsof-storefront .tof-buybar-sizes, .tearsof-storefront .tof-wishlist { display: none; }
    .tearsof-storefront .tof-buybar-action { display: block; width: 100%; }
    .tearsof-storefront .tof-buybar-action .tof-add-to-cart { width: 100%; }
    .tearsof-storefront .tof-purchase-feedback { right: 1rem; bottom: calc(var(--tof-bar-height) + 1rem); max-width: calc(100% - 2rem); }
}
@media (min-width: 600px) and (max-width: 767px) {
    .tearsof-storefront .checkout-v2.checkout-v2__cart { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_page__left { display: block; grid-column: 1 / -1; min-width: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_items__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_items:not(.cart_items--unavailable) .preview:only-child { grid-column: 2; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_page__right { grid-column: 2 / 3; width: 100%; margin-top: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .preview,
    .tearsof-storefront .checkout-v2.checkout-v2__cart .preview + .preview { width: 100%; min-width: 0; grid-template-columns: 9rem minmax(0, 1fr); gap: 1.2rem; padding: 0; border: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .preview__image { width: 9rem; }
}
@media (min-width: 768px) and (max-height: 600px) {
    .tearsof-storefront .tof-product-stage { height: auto; }
    .tearsof-storefront .tof-product-stage-inner { position: static; height: auto; min-height: calc(100svh - var(--tof-header-height)); }
    .tearsof-storefront .tof-product-description { max-height: 24rem; }
}

/* The cart page has its own card component so legacy .preview rules cannot affect its grid. */
.tearsof-storefront .checkout-v2 .tof-cart-page__item { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1.2rem; min-width: 0; padding: 2rem 0; border-bottom: 1px solid var(--tof-line); }
.tearsof-storefront .checkout-v2 .tof-cart-page__list .tof-cart-page__item:last-child { border-bottom: 0; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__image { width: 9rem; height: auto; margin: 0; aspect-ratio: 3 / 4; overflow: hidden; background: #efefe9; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__image a,
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__image img { display: block; width: 100%; height: 100%; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__image img { object-fit: cover; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__content { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; line-height: 1.4; text-transform: none; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__head { display: flex; justify-content: space-between; gap: 1.2rem; min-width: 0; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__name { min-width: 0; overflow-wrap: anywhere; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__price { flex: 0 0 auto; margin: 0; white-space: nowrap; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview_info { margin-top: 1rem; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview_info__color { margin: 0; color: #77776f; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview_info__quantity { display: flex; align-items: center; gap: 1.2rem; margin-top: 1rem; white-space: nowrap; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview_info__quantity > span { display: none; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview_info__quantity font { font: inherit; }
.tearsof-storefront .checkout-v2 .tof-cart-page__item .preview__action { margin-top: auto; padding-top: 2rem; }

@media (min-width: 600px) {
    .tearsof-storefront .checkout-v2.checkout-v2__cart { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_page__left { display: block; grid-column: 1 / -1; min-width: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .tof-cart-page__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .tof-cart-page__list .tof-cart-page__item:only-child { grid-column: 2; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .cart_page__right { grid-column: 2 / 3; width: 100%; margin-top: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .tof-cart-page__item { grid-template-columns: 12rem minmax(0, 1fr); gap: 2rem; padding: 0; border: 0; }
    .tearsof-storefront .checkout-v2.checkout-v2__cart .tof-cart-page__item .preview__image { width: 12rem; }
}

/* Legacy product service windows use the same drawer shell as storefront popups. */
.tearsof-storefront.is-split { height: 100%; overflow: hidden; overscroll-behavior: none; }
.tearsof-storefront .modal_split { position: fixed; z-index: 100; inset: 0; display: none; width: 100%; height: 100dvh; overflow: hidden; font: 400 1.2rem/1.4 'Roboto Mono', monospace; }
.tearsof-storefront.is-split .modal_split { display: block; pointer-events: auto; }
.tearsof-storefront .modal_split .modal__bg { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, .3); pointer-events: none; }
.tearsof-storefront.is-split .modal_split .modal__bg { opacity: 1; pointer-events: auto; }
.tearsof-storefront .modal_split .modal__container { position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: auto; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; box-sizing: border-box; width: 100%; height: 100dvh; padding: 0; overflow: hidden; transform: none !important; color: #1b1e1b; background: #fff; }
.tearsof-storefront .modal_split .modal_head { position: relative; display: flex; flex: 0 0 auto; align-items: center; height: var(--tof-header-height); min-height: var(--tof-header-height); padding: 0 6rem 0 2rem; border-bottom: 1px solid var(--tof-line); background: #fff; }
.tearsof-storefront .modal_split .modal_head__title { width: auto !important; margin: 0; padding: 0 !important; font: 500 1.2rem/1 'Roboto Mono', monospace; text-align: left !important; text-transform: uppercase; }
.tearsof-storefront .modal_split .modal_head__close { position: absolute; z-index: 2; top: 50%; right: 2rem; width: auto; height: auto; padding: 0; transform: translateY(-50%); }
.tearsof-storefront .modal_split .modal_content { display: block; flex: 1 1 auto; box-sizing: border-box; width: 100%; min-height: 0; height: auto; padding: 3rem 2rem 6rem; overflow-y: auto; background: #fff; }
.tearsof-storefront .modal_split .dolyame__title { margin-bottom: 1rem; font: 500 1.2rem/1.35 'Roboto Mono', monospace; text-transform: uppercase; }
.tearsof-storefront .modal_split .dolyame__text,
.tearsof-storefront .modal_split .dolyame__hint { font: 400 1.2rem/1.45 'Roboto Mono', monospace; text-transform: none; }
.tearsof-storefront .modal_split .dolyame__hint { margin-top: 2rem; }
.tearsof-storefront .modal_split .split2 { width: 100%; }
@media (min-width: 768px) {
    .tearsof-storefront .modal_split .modal__container { width: 45rem; border-left: 1px solid var(--tof-line); }
}

@media (min-width: 600px) {
    .tearsof-storefront .checkout-v2 .checkout-v2__cart { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2 .checkout-v2__cart .cart_page__left { display: block; grid-column: 1 / -1; width: 100%; min-width: 0; }
    .tearsof-storefront .checkout-v2 .checkout-v2__cart .tof-cart-page__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem 2rem; }
    .tearsof-storefront .checkout-v2 .checkout-v2__cart .tof-cart-page__list .tof-cart-page__item:only-child { grid-column: 2; }
    .tearsof-storefront .checkout-v2 .checkout-v2__cart .cart_page__right { grid-column: 2 / 3; width: 100%; margin-top: 0; transform: translateX(2rem); }
    .tearsof-storefront .checkout-v2 .checkout-v2__cart .tof-cart-page__item { grid-template-columns: 12rem minmax(0, 1fr); gap: 2rem; padding: 0; border: 0; }
    .tearsof-storefront .checkout-v2 .checkout-v2__cart .tof-cart-page__item .preview__image { width: 12rem; }
}
