:root {
    --verdant-ink: #304109;
    --verdant-leaf: #66763e;
    --verdant-sage: #aebe89;
    --verdant-pollen: #d4a648;
    --verdant-mist: #e8eecf;
    --verdant-ivory: #fff7ec;
    --verdant-paper: #fffdf8;
    --verdant-charcoal: #15170f;
    --verdant-line: rgba(48, 65, 9, .2);
    --verdant-soft-line: rgba(48, 65, 9, .1);
    --verdant-shadow: 0 22px 60px rgba(34, 43, 15, .1);
    --verdant-serif: Georgia, 'Times New Roman', serif;
    --verdant-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --verdant-container: 1320px;
    --verdant-radius: 2px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.verdant-store {
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    background: var(--verdant-ivory) !important;
    color: var(--verdant-charcoal);
    font-family: var(--verdant-sans);
    font-size: 16px;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

body.drawer-open,
body.verdant-popup-open {
    overflow: hidden;
}

img {
    display: block;
    max-width: 100%;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: var(--verdant-leaf);
}

h1,
h2,
h3,
h4,
h5,
p {
    margin-top: 0;
}

h1,
h2,
h3,
h4,
h5 {
    color: var(--verdant-ink);
    font-family: var(--verdant-serif);
    font-weight: 400;
    line-height: 1.05;
}

h1 {
    font-size: clamp(2.8rem, 6vw, 6rem);
    letter-spacing: -.055em;
}

h2 {
    font-size: clamp(2rem, 3.6vw, 4rem);
    letter-spacing: -.04em;
}

h3 {
    font-size: clamp(1.25rem, 2vw, 1.8rem);
}

[hidden],
.is-hidden,
.d-none {
    display: none !important;
}

.container,
.contain-box {
    width: min(calc(100% - 48px), var(--verdant-container));
    margin-inline: auto;
}

.section {
    padding-block: clamp(72px, 8vw, 128px);
}

.section-sm {
    padding-block: clamp(48px, 6vw, 88px);
}

.muted,
.text-muted,
.micro {
    color: rgba(21, 23, 15, .65);
}

.micro {
    font-size: .78rem;
    letter-spacing: .04em;
}

.eyebrow {
    margin-bottom: 14px;
    color: var(--verdant-leaf);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: fixed;
    z-index: 10000;
    top: 12px;
    left: 12px;
    transform: translateY(-160%);
    padding: 12px 18px;
    background: var(--verdant-charcoal);
    color: #fff;
}

.skip-link:focus {
    transform: none;
}

:focus-visible {
    outline: 3px solid var(--verdant-pollen);
    outline-offset: 3px;
}

.btn,
.btn-detail,
.thm-btn,
.text-button,
.product-card-cart,
.pay-button,
.btn-action {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 22px;
    border: 1px solid var(--verdant-ink);
    border-radius: var(--verdant-radius);
    background: var(--verdant-ink);
    color: #fff;
    cursor: pointer;
    font-family: var(--verdant-sans);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.2;
    text-transform: uppercase;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.btn:hover,
.btn-detail:hover,
.thm-btn:hover,
.product-card-cart:hover,
.pay-button:hover,
.btn-action:hover {
    border-color: var(--verdant-leaf);
    background: var(--verdant-leaf);
    color: #fff;
}

.btn:active,
.product-card-cart:active {
    transform: translateY(1px);
}

.btn.secondary,
.btn-secondary,
.btn-outline-secondary,
.text-button {
    border-color: var(--verdant-line);
    background: transparent !important;
    color: var(--verdant-ink) !important;
}

.btn[disabled],
button[disabled] {
    cursor: not-allowed;
    opacity: .5;
}

.text-link,
.back-link,
.view-all {
    border-bottom: 1px solid currentColor;
    color: var(--verdant-ink);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.site-header {
    position: relative;
    z-index: 100;
    border-bottom: 1px solid var(--verdant-line);
    background: color-mix(in srgb, var(--color-header-bg) 28%, var(--verdant-ivory)) !important;
}

.header-primary {
    display: grid;
    min-height: 96px;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
}

.brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--verdant-ink);
    font-family: var(--verdant-serif);
    font-size: clamp(1.6rem, 2.4vw, 2.35rem);
    letter-spacing: -.04em;
}

.store-brand-logo {
    width: auto;
    max-width: min(240px, 34vw);
    height: 54px;
    object-fit: contain;
}

.header-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
}

.icon-btn {
    position: relative;
    display: inline-grid;
    width: 46px;
    height: 46px;
    place-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--verdant-ink);
    cursor: pointer;
}

.header-icon {
    position: relative;
    display: block;
    width: 21px;
    height: 21px;
}

.header-icon--search {
    width: 18px;
    height: 18px;
    border: 1.7px solid currentColor;
    border-radius: 50%;
}

.header-icon--search::after {
    position: absolute;
    right: -5px;
    bottom: -4px;
    width: 8px;
    height: 1.7px;
    background: currentColor;
    content: '';
    transform: rotate(45deg);
}

.header-icon--heart::before {
    content: '♡';
    font-family: var(--verdant-serif);
    font-size: 27px;
    line-height: 18px;
}

.header-icon--user {
    border: 1.6px solid currentColor;
    border-radius: 50% 50% 42% 42%;
    clip-path: polygon(0 0, 100% 0, 100% 54%, 72% 54%, 72% 100%, 28% 100%, 28% 54%, 0 54%);
}

.header-icon--bag {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    border: 1.6px solid currentColor;
}

.header-icon--bag::before {
    position: absolute;
    top: -7px;
    left: 4px;
    width: 8px;
    height: 8px;
    border: 1.6px solid currentColor;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    content: '';
}

.header-cart-count {
    position: absolute;
    top: 4px;
    right: 1px;
    display: grid;
    min-width: 19px;
    height: 19px;
    place-items: center;
    padding-inline: 4px;
    border-radius: 20px;
    background: var(--verdant-ink);
    color: #fff;
    font-size: .66rem;
    font-weight: 700;
}

.mobile-menu-btn {
    visibility: hidden;
}

.menu-icon,
.menu-icon::before,
.menu-icon::after {
    width: 22px;
    height: 1px;
    background: currentColor;
}

.menu-icon {
    position: relative;
}

.menu-icon::before,
.menu-icon::after {
    position: absolute;
    left: 0;
    content: '';
}

.menu-icon::before { top: -7px; }
.menu-icon::after { top: 7px; }

.header-navigation {
    border-top: 1px solid var(--verdant-soft-line);
}

.desktop-nav {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: clamp(22px, 3vw, 48px);
}

.desktop-nav-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.desktop-nav-link,
.mega-heading,
.mega-link {
    color: var(--verdant-charcoal);
    font-size: .74rem;
    font-weight: 650;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.desktop-nav-toggle {
    width: 26px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.desktop-nav-toggle::after {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    content: '';
    transform: rotate(45deg) translateY(-2px);
}

.mega {
    position: absolute;
    z-index: 90;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding-block: 38px;
    border-top: 1px solid var(--verdant-soft-line);
    border-bottom: 1px solid var(--verdant-line);
    background: var(--verdant-paper);
    box-shadow: var(--verdant-shadow);
}

.mega.open { display: block; }

.mega-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px;
}

.mega-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mega-heading {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--verdant-line);
    color: var(--verdant-ink);
}

.mega-link { font-size: .7rem; font-weight: 500; text-transform: none; }
.mega-link--nested { padding-left: 14px; opacity: .72; }

.drawer {
    position: fixed;
    z-index: 1000;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
}

.drawer.open {
    visibility: visible;
    pointer-events: auto;
}

.scrim {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(13, 18, 6, .58);
    opacity: 0;
    transition: opacity .25s ease;
}

.drawer.open .scrim { opacity: 1; }

.drawer .panel {
    position: absolute;
    inset: 0 auto 0 0;
    width: min(440px, 92vw);
    padding: 30px;
    overflow-y: auto;
    background: var(--verdant-paper);
    transform: translateX(-100%);
    transition: transform .28s ease;
}

.drawer-right .panel {
    inset: 0 0 0 auto;
    transform: translateX(100%);
}

.drawer.open .panel { transform: none; }

.drawer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--verdant-line);
}

.mobile-navigation,
.mobile-navigation__utility {
    display: flex;
    flex-direction: column;
}

.drawer-link,
.mobile-navigation__utility a {
    min-height: 48px;
    padding-block: 12px;
    border-bottom: 1px solid var(--verdant-soft-line);
    color: var(--verdant-ink);
}

.drawer-link--depth-2 { padding-left: 18px; font-size: .9rem; }
.drawer-link--depth-3 { padding-left: 36px; font-size: .84rem; }
.drawer-link--depth-4 { padding-left: 54px; font-size: .8rem; }
.mobile-navigation__utility { margin-top: 24px; }

.verdant-search label {
    display: block;
    margin-bottom: 8px;
    color: var(--verdant-ink);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.search-control {
    display: grid;
    grid-template-columns: 1fr auto;
}

.search-control input {
    min-width: 0;
    border-right: 0;
}

.verdant-hero-slider {
    position: relative;
    min-height: clamp(570px, 72vw, 820px);
    overflow: hidden;
    background: var(--verdant-mist);
}

.verdant-slide {
    position: absolute;
    inset: 0;
    display: grid;
    min-height: 100%;
    align-items: center;
    background-color: var(--verdant-mist);
    background-image: linear-gradient(90deg, rgba(12, 17, 5, .64) 0%, rgba(12, 17, 5, .22) 48%, rgba(12, 17, 5, .04) 75%), var(--hero-image);
    background-position: center;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s ease, visibility .7s ease;
}

.verdant-slide.active {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.hero-inner {
    position: relative;
    z-index: 2;
    padding-block: 96px;
}

.hero-inner > * {
    max-width: 690px;
}

.hero-inner h1,
.hero-inner p,
.hero-inner .eyebrow {
    color: #fff;
}

.hero-inner h1 { margin-bottom: 22px; }
.hero-inner p { max-width: 560px; margin-bottom: 32px; font-size: clamp(1rem, 1.6vw, 1.22rem); }
.hero-inner .btn { border-color: #fff; background: #fff; color: var(--verdant-ink); }

.slider-dots {
    position: absolute;
    z-index: 3;
    bottom: 34px;
    left: 50%;
    display: flex;
    gap: 10px;
    transform: translateX(-50%);
}

.slider-dots button {
    width: 42px;
    height: 3px;
    padding: 0;
    border: 0;
    background: rgba(255, 255, 255, .46);
    cursor: pointer;
}

.slider-dots button.active { background: #fff; }

.section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: clamp(30px, 4vw, 54px);
}

.section-head h2,
.section-head h1 { margin-bottom: 0; }

.verdant-features-section {
    border-block: 1px solid var(--verdant-line);
    background: var(--verdant-mist);
}

.verdant-features-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.verdant-feature-item {
    display: grid;
    min-height: 132px;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 18px;
    padding: 24px 30px;
    border-right: 1px solid var(--verdant-line);
}

.verdant-feature-item:last-child { border-right: 0; }
.verdant-feature-item__icon { display: grid; width: 44px; height: 44px; place-items: center; }
.verdant-feature-item__icon img { width: 36px; height: 36px; object-fit: contain; }
.verdant-feature-item strong { display: block; color: var(--verdant-ink); font-family: var(--verdant-serif); font-size: 1.2rem; font-weight: 400; }
.verdant-feature-item p { margin: 4px 0 0; color: rgba(21, 23, 15, .65); font-size: .82rem; }

.signature-grid,
.catalog-grid,
.pdp-related-products__grid,
.journal-grid,
.campaign-editorial-grid,
.category-discovery,
.category-link-grid,
.favorites-grid,
.coupons-grid,
.brand-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(18px, 2.3vw, 34px);
}

.product-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    background: transparent;
}

.product-card > a { display: block; color: inherit; }

.product-media {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--verdant-mist);
}

.product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1);
}

.product-card:hover .product-media img { transform: scale(1.035); }

.wishlist {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 12px;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(48, 65, 9, .18);
    border-radius: 50%;
    background: rgba(255, 253, 248, .92);
    color: var(--verdant-ink);
    cursor: pointer;
    font-family: var(--verdant-serif);
    font-size: 1.45rem;
}

.wishlist.is-favorite,
.verdant-product-favorite.is-favorite { background: var(--verdant-ink) !important; color: #fff !important; }

.badge,
.discount-badge,
.status-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 5px 9px;
    background: var(--verdant-ink);
    color: #fff;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .07em;
    line-height: 1.2;
    text-transform: uppercase;
}

.product-badge,
.product-stock-badge {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    left: 12px;
}

.product-stock-badge { background: var(--verdant-charcoal); }

.product-copy { padding: 18px 2px 12px; }
.product-card-name { margin-bottom: 9px; color: var(--verdant-charcoal); font-family: var(--verdant-sans); font-size: .95rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.35; }
.product-card-prices { display: flex; align-items: baseline; gap: 10px; color: var(--verdant-ink); font-size: .95rem; font-weight: 700; }
.product-card-original-price { color: rgba(21, 23, 15, .45); font-size: .82rem; font-weight: 400; }
.product-copy .micro { margin-top: 7px; }
.product-card-cart { width: 100%; margin-top: auto; }

.verdant-carousel { position: relative; }
.verdant-product-carousel {
    display: grid;
    grid-auto-columns: calc((100% - 90px) / 4);
    grid-auto-flow: column;
    gap: 30px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    scroll-snap-type: inline mandatory;
}
.verdant-product-carousel::-webkit-scrollbar { display: none; }
.verdant-product-carousel > * { scroll-snap-align: start; }
.verdant-carousel-controls { display: flex; justify-content: flex-end; gap: 8px; margin-top: 26px; }
.verdant-carousel-controls button { width: 48px; height: 48px; border: 1px solid var(--verdant-line); background: transparent; color: var(--verdant-ink); cursor: pointer; font-size: 1.25rem; }
.verdant-carousel-progress { height: 1px; margin-top: 18px; background: var(--verdant-line); }
.verdant-carousel-progress span { display: block; width: var(--carousel-progress, 0%); height: 100%; background: var(--verdant-ink); transition: width .15s ease; }

.category-tabs {
    display: flex;
    gap: 22px;
    margin-bottom: 32px;
    overflow-x: auto;
    border-bottom: 1px solid var(--verdant-line);
}

.category-tabs button {
    flex: 0 0 auto;
    padding: 12px 0;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: rgba(21, 23, 15, .6);
    cursor: pointer;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.category-tabs button[aria-selected='true'] { border-bottom-color: var(--verdant-ink); color: var(--verdant-ink); }
.tab-panel { display: none; }
.tab-panel.active { display: block; }

.category-discovery,
.campaign-editorial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.category-tile,
.campaign-editorial {
    position: relative;
    min-height: clamp(320px, 40vw, 580px);
    overflow: hidden;
    background-color: var(--verdant-mist);
    background-image: linear-gradient(0deg, rgba(10, 15, 4, .48), rgba(10, 15, 4, 0) 58%), var(--verdant-background-image);
    background-position: center;
    background-size: cover;
}

.category-tile span,
.campaign-copy {
    position: absolute;
    right: 32px;
    bottom: 30px;
    left: 32px;
    color: #fff;
    font-family: var(--verdant-serif);
    font-size: clamp(1.8rem, 3.3vw, 3.5rem);
    line-height: 1;
}

.campaign-editorial img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.campaign-editorial:hover img { transform: scale(1.025); }
.campaign-copy h3 { margin: 0; color: #fff; font-size: inherit; }

.brand-row { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.brand-tile { display: grid; min-height: 110px; place-items: center; gap: 10px; padding: 18px; border: 1px solid var(--verdant-line); color: var(--verdant-ink); text-align: center; }
.brand-tile img { max-width: 130px; max-height: 52px; object-fit: contain; filter: grayscale(1); }

.journal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.journal-card img { width: 100%; aspect-ratio: 4 / 3; margin-bottom: 22px; object-fit: cover; }
.journal-card h3 { margin: 10px 0 12px; }
.journal-card h3 a { color: var(--verdant-ink); }

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-block: 24px;
    color: rgba(21, 23, 15, .55);
    font-size: .76rem;
    letter-spacing: .04em;
}

.breadcrumb ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.breadcrumb ul li:not(:last-child)::after { margin-left: 8px; content: '/'; opacity: .45; }
.breadcrumb a { color: var(--verdant-ink); }

.page-hero {
    max-width: 940px;
    padding-block: clamp(46px, 7vw, 104px);
}

.page-hero h1 { margin-bottom: 20px; }
.page-hero p { max-width: 700px; font-size: 1.05rem; }

.catalog-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-block: 20px;
    border-block: 1px solid var(--verdant-line);
}

.catalog-tools__actions,
.catalog-sort { display: flex; align-items: center; gap: 10px; }
.catalog { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: clamp(34px, 5vw, 76px); padding-block: 46px 96px; }
.catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mobile-filter-button { display: none; }

.filters { align-self: start; }
.filter-group { padding-block: 20px; border-bottom: 1px solid var(--verdant-line); }
.filter-heading { margin-bottom: 14px; color: var(--verdant-ink); font-family: var(--verdant-serif); font-size: 1.12rem; }
.filter-options { display: grid; gap: 9px; }
.filter-check { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: .88rem; }
.filter-check input { width: 18px; height: 18px; accent-color: var(--verdant-ink); }
.filter-category--child { padding-left: 18px; }
.filter-price { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.filter-submit { width: 100%; margin-top: 20px; }

input,
select,
textarea,
.form-control,
.form-select,
.modern-input {
    width: 100%;
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid var(--verdant-line);
    border-radius: 0;
    background: var(--verdant-paper);
    color: var(--verdant-charcoal);
}

textarea,
textarea.form-control { min-height: 130px; resize: vertical; }
input:focus,
select:focus,
textarea:focus,
.form-control:focus { border-color: var(--verdant-ink); outline: 3px solid rgba(174, 190, 137, .45); outline-offset: 1px; }
label,
.form-label,
.control-label { display: block; margin-bottom: 7px; color: var(--verdant-ink); font-size: .76rem; font-weight: 700; letter-spacing: .04em; }
.field,
.form-group,
.form-field { min-width: 0; }
.form-grid,
.form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.form-grid .full { grid-column: 1 / -1; }
.field-error,
.invalid-feedback,
.text-danger { color: #9e2b21; font-size: .8rem; }
.is-invalid { border-color: #9e2b21 !important; }

.form-alert,
.alert,
.guest-notice {
    margin-bottom: 24px;
    padding: 14px 16px;
    border: 1px solid var(--verdant-line);
    background: var(--verdant-paper);
}
.form-alert--success,
.alert-success { border-color: rgba(55, 98, 38, .4); background: #edf3e3; color: #27451d; }
.form-alert--error,
.alert-danger { border-color: rgba(158, 43, 33, .35); background: #fff0ec; color: #7f2119; }

.products-detail { padding-bottom: 100px; }
.pdp-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .72fr); gap: clamp(38px, 6vw, 96px); align-items: start; }
.gallery { min-width: 0; }
.gallery-main { aspect-ratio: 4 / 5; overflow: hidden; background: var(--verdant-mist); }
.gallery-main img { width: 100%; height: 100%; object-fit: cover; }
.thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.thumb { padding: 0; border: 1px solid transparent; background: var(--verdant-mist); cursor: pointer; }
.thumb.active { border-color: var(--verdant-ink); }
.thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.purchase { position: sticky; top: 24px; padding-block: 18px 30px; }
.purchase h1 { margin-bottom: 20px; font-size: clamp(2.4rem, 4.5vw, 4.6rem); }
.product-rating-summary { display: inline-flex; gap: 6px; margin-bottom: 18px; color: var(--verdant-leaf); font-size: .85rem; }
.product-detail-price { display: flex; align-items: baseline; gap: 14px; margin-block: 18px 32px; }
.product-detail-price strong { color: var(--verdant-ink); font-family: var(--verdant-serif); font-size: 2rem; font-weight: 400; }
.product-detail-price del { color: rgba(21, 23, 15, .48); }
.option-block { margin: 0 0 24px; padding: 0; border: 0; }
.option-block legend { margin-bottom: 10px; color: var(--verdant-ink); font-size: .76rem; font-weight: 700; }
.choice-row { display: flex; flex-wrap: wrap; gap: 8px; }
.variant-label input { position: absolute; opacity: 0; }
.variant-btn { display: inline-flex; min-width: 48px; min-height: 44px; align-items: center; justify-content: center; padding: 8px 13px; border: 1px solid var(--verdant-line); background: var(--verdant-paper); cursor: pointer; }
.variant-label input:checked + .variant-btn { border-color: var(--verdant-ink); background: var(--verdant-ink); color: #fff; }
.variant-label.is-unavailable { opacity: .38; }
.purchase-form { margin-top: 28px; }
.purchase-actions { display: grid; grid-template-columns: minmax(0, 1fr) 54px; gap: 10px; margin-top: 12px; }
.purchase-actions .btn { width: 100%; }
.quantity { display: inline-grid; grid-template-columns: 44px minmax(52px, 68px) 44px; border: 1px solid var(--verdant-line); }
.quantity button { min-height: 46px; border: 0; background: transparent; color: var(--verdant-ink); cursor: pointer; }
.quantity input { min-height: 46px; padding: 6px; border-width: 0 1px; text-align: center; }
.pdp-sections { margin-top: clamp(54px, 8vw, 110px); border-top: 1px solid var(--verdant-line); }
.pdp-sections details { border-bottom: 1px solid var(--verdant-line); }
.pdp-sections summary { padding: 24px 0; color: var(--verdant-ink); cursor: pointer; font-family: var(--verdant-serif); font-size: 1.35rem; }
.product-description,
.product-reviews { max-width: 900px; padding-bottom: 34px; }
.review-card { padding-block: 22px; border-bottom: 1px solid var(--verdant-soft-line); }
.review-card__header { display: flex; justify-content: space-between; gap: 16px; }
.review-stars { color: var(--verdant-pollen); }
.pdp-related-products { margin-top: 72px; }
.pdp-related-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.cart-page { padding-bottom: 100px; }
.cart-page-header { padding-block: 36px 52px; }
.cart-page-header h1 { margin: 0; }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .7fr); gap: clamp(36px, 6vw, 86px); align-items: start; }
.cart-lines { border-top: 1px solid var(--verdant-line); }
.cart-line { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 24px; align-items: center; padding-block: 24px; border-bottom: 1px solid var(--verdant-line); }
.cart-line__image img { width: 150px; aspect-ratio: 4 / 5; object-fit: cover; background: var(--verdant-mist); }
.cart-line__copy h2 { margin-bottom: 10px; font-family: var(--verdant-sans); font-size: 1rem; font-weight: 650; letter-spacing: 0; }
.cart-line__unit-price { display: flex; gap: 10px; margin-bottom: 18px; color: var(--verdant-ink); font-size: .88rem; }
.cart-line__controls { display: flex; align-items: center; gap: 16px; }
.cart-line__controls .quantity { grid-template-columns: 38px 50px 38px; }
.cart-line__controls .text-button { min-height: 38px; padding: 6px 10px; border: 0; font-size: .68rem; }
.cart-line__total { color: var(--verdant-ink); white-space: nowrap; }
.cart-lines__footer { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; }
.cart-lines__footer .text-button { min-height: auto; padding: 0; border: 0; }
.cart-summary-card,
.checkout-summary { position: sticky; top: 24px; padding: 30px; background: var(--verdant-mist); }
.cart-summary-card h2,
.checkout-summary h2 { font-size: 1.8rem; }
.summary-row { display: flex; justify-content: space-between; gap: 22px; padding-block: 11px; border-bottom: 1px solid var(--verdant-line); font-size: .88rem; }
.summary-row--total { margin-top: 8px; padding-block: 18px; color: var(--verdant-ink); font-size: 1rem; }
.coupon-form { margin-top: 22px; }
.coupon-control { display: grid; grid-template-columns: 1fr auto; margin-top: 8px; }
.coupon-control input { border-right: 0; }
.cart-checkout-button { width: 100%; margin-top: 18px; }

.one-page-checkout,
.checkout-container { padding-bottom: 100px; }
.checkout-page-heading { padding-block: 38px; }
.checkout-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(330px, .65fr); gap: clamp(34px, 5vw, 72px); align-items: start; }
.checkout-main { min-width: 0; }
.checkout-section,
.payment-box,
.shipping-methods,
.saved-addresses-section { margin-bottom: 22px; padding: clamp(22px, 3vw, 36px); border: 1px solid var(--verdant-line); background: var(--verdant-paper); }
.checkout-section h2,
.payment-box h2 { font-size: 1.65rem; }
.checkout-option-grid,
.shipping-options,
.checkout-payment-options,
.saved-addresses,
.address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.checkout-option,
.shipping-method-item,
.payment-method-item,
.address-box,
.address-card { position: relative; display: block; min-width: 0; }
.checkout-option input,
.shipping-method-item input,
.payment-method-item input,
.address-box input { position: absolute; opacity: 0; }
.checkout-option > label,
.shipping-method-card,
.payment-method-card,
.address-content,
.address-card { display: block; height: 100%; padding: 18px; border: 1px solid var(--verdant-line); background: var(--verdant-paper); cursor: pointer; }
.checkout-option input:checked + label,
.shipping-method-item input:checked + .shipping-method-card,
.payment-method-item input:checked + .payment-method-card,
.address-box input:checked + .address-content { border-color: var(--verdant-ink); box-shadow: inset 0 0 0 1px var(--verdant-ink); }
.payment-details { display: none; margin-top: 14px; padding: 18px; border: 1px solid var(--verdant-line); background: var(--verdant-ivory); }
.payment-details.is-active { display: block; }
.checkout-card-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.checkout-card-field--full { grid-column: 1 / -1; }
.checkout-summary { position: sticky; top: 24px; }
.product-mini,
.one-page-checkout .product-card { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding-block: 13px; border-bottom: 1px solid var(--verdant-line); }
.product-mini img,
.one-page-checkout .product-card img { width: 72px; height: 88px; object-fit: cover; }
.contract { display: flex; align-items: flex-start; gap: 10px; margin-block: 18px; }
.contract input { width: 18px; min-height: 18px; }

.auth-page,
.checkout-auth-page { padding-block: clamp(56px, 8vw, 112px); }
.auth-layout { display: grid; max-width: 1080px; grid-template-columns: .9fr 1.1fr; margin-inline: auto; border: 1px solid var(--verdant-line); background: var(--verdant-paper); }
.auth-intro { padding: clamp(34px, 5vw, 72px); background: var(--verdant-mist); }
.auth-intro h1 { font-size: clamp(2.5rem, 5vw, 4.8rem); }
.auth-panel,
.auth-form-panel { padding: clamp(34px, 5vw, 72px); }
.auth-form-heading { margin-bottom: 28px; }
.auth-form-panel .field,
.auth-panel .form-group { margin-bottom: 18px; }
.auth-submit { width: 100%; }
.auth-secondary-link { display: block; margin-top: 16px; text-align: center; }

.dashboard-custom-page { padding-block: 46px 100px; }
.dashboard-container { display: grid; width: min(calc(100% - 48px), var(--verdant-container)); grid-template-columns: 260px minmax(0, 1fr); gap: clamp(34px, 5vw, 72px); margin-inline: auto; }
.dashboard-sidebar { align-self: start; padding: 26px; border: 1px solid var(--verdant-line); background: var(--verdant-paper); }
.sidebar-profile-header { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--verdant-line); }
.avatar-circle { display: grid; width: 54px; height: 54px; place-items: center; margin-bottom: 12px; border-radius: 50%; background: var(--verdant-mist); color: var(--verdant-ink); }
.menu-group + .menu-group { margin-top: 22px; }
.menu-label { margin-bottom: 8px; color: rgba(21, 23, 15, .5); font-family: var(--verdant-sans); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.menu-list { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.menu-list a { display: block; padding: 9px 10px; color: var(--verdant-charcoal); font-size: .86rem; }
.menu-list a.is-active,
.menu-list a:hover { background: var(--verdant-mist); color: var(--verdant-ink); }
.dashboard-main { min-width: 0; }
.section-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 30px; padding-bottom: 22px; border-bottom: 1px solid var(--verdant-line); }
.section-header h2 { margin: 0; font-size: 2.1rem; }
.stats-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 32px; }
.stat-card,
.modern-order-card,
.coupon-card,
.order-details-card,
.order-address-card,
.order-payment-card { border: 1px solid var(--verdant-line); background: var(--verdant-paper); }
.stat-card { display: flex; align-items: center; gap: 16px; padding: 22px; }
.stat-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--verdant-mist); color: var(--verdant-ink); }
.stat-label { display: block; color: rgba(21, 23, 15, .58); font-size: .76rem; }
.stat-value { color: var(--verdant-ink); font-family: var(--verdant-serif); font-size: 1.8rem; }
.orders-wrapper,
.order-details { display: grid; gap: 16px; }
.order-header,
.order-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 20px; border-bottom: 1px solid var(--verdant-soft-line); }
.order-footer { border-top: 1px solid var(--verdant-soft-line); border-bottom: 0; }
.order-content,
.card-body { padding: 20px; }
.order-meta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.order-meta label { color: rgba(21, 23, 15, .52); }
.favorites-grid,
.coupons-grid,
.address-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fav-item-card { overflow: hidden; }
.product-img-wrapper { position: relative; aspect-ratio: 4 / 3; background: var(--verdant-mist); }
.product-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.remove-fav-btn { position: absolute; top: 12px; right: 12px; display: grid; width: 40px; height: 40px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--verdant-paper); color: var(--verdant-ink); cursor: pointer; }
.address-grid { margin-top: 24px; }
.custom-modal-overlay { position: fixed; z-index: 1200; inset: 0; display: none; place-items: center; padding: 20px; background: rgba(13, 18, 6, .6); }
.custom-modal-overlay.visible { display: grid; }
.custom-modal { width: min(720px, 96vw); max-height: 92vh; overflow-y: auto; background: var(--verdant-paper); box-shadow: var(--verdant-shadow); }
.custom-modal-header,
.custom-modal-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 24px; border-bottom: 1px solid var(--verdant-line); }
.custom-modal-footer { justify-content: flex-end; border-top: 1px solid var(--verdant-line); border-bottom: 0; }
.custom-modal-body { padding: 24px; }
.modal-close-btn { width: 44px; height: 44px; border: 0; background: transparent; color: var(--verdant-ink); cursor: pointer; font-size: 1.6rem; }

.article-shell,
.static-article { padding-bottom: 100px; }
.article-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 320px); gap: 64px; }
.article-hero-img { width: 100%; max-height: 660px; margin-bottom: 42px; object-fit: cover; }
.article-content { max-width: 840px; }
.article-content img { height: auto; }
.contact-grid { display: grid; grid-template-columns: minmax(260px, .65fr) minmax(0, 1.35fr); gap: clamp(40px, 7vw, 110px); }
.contact-links { display: grid; gap: 10px; margin-bottom: 30px; }
.contact-map { width: 100%; min-height: 280px; border: 0; }

.empty-state,
.error-card,
.order-success-state { padding: clamp(42px, 7vw, 88px); border: 1px solid var(--verdant-line); background: var(--verdant-paper); text-align: center; }
.error-page,
.order-success,
.handle-layout { padding-block: clamp(60px, 9vw, 120px); }
.error-layout,
.order-success-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 44px; }
.error-code { color: var(--verdant-sage); font-family: var(--verdant-serif); font-size: clamp(6rem, 18vw, 15rem); line-height: .75; }
.error-footer,
.order-success-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.order-success-mark,
.order-success-icon { display: grid; width: 76px; height: 76px; place-items: center; margin-bottom: 22px; border-radius: 50%; background: var(--verdant-mist); color: var(--verdant-ink); font-size: 2rem; }
.order-success-summary { padding: 28px; background: var(--verdant-mist); }

.three-ds-modal-backdrop,
.verdant-popup { position: fixed; z-index: 1300; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(13, 18, 6, .72); }
.three-ds-modal-card,
.verdant-popup__dialog { position: relative; width: min(900px, 96vw); max-height: 90vh; overflow: auto; background: var(--verdant-paper); box-shadow: var(--verdant-shadow); }
.three-ds-modal-header { display: flex; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--verdant-line); }
.three-ds-modal-frame { width: 100%; min-height: 620px; border: 0; }
.three-ds-close,
.verdant-popup__close { position: absolute; z-index: 2; top: 10px; right: 10px; display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 50%; background: var(--verdant-paper); color: var(--verdant-ink); cursor: pointer; font-size: 1.5rem; }
.verdant-popup__media img { width: auto; max-width: 100%; max-height: 76vh; margin-inline: auto; object-fit: contain; }
.verdant-popup__dismiss { display: flex; align-items: center; gap: 10px; padding: 14px 18px; }
.verdant-popup__dismiss input { width: 18px; min-height: 18px; }

.verdant-toast {
    position: fixed;
    z-index: 1500;
    right: 24px;
    bottom: 24px;
    max-width: min(390px, calc(100vw - 48px));
    padding: 15px 18px;
    border-left: 4px solid var(--verdant-sage);
    background: var(--verdant-charcoal);
    color: #fff;
    box-shadow: var(--verdant-shadow);
}
.verdant-toast.is-error { border-left-color: #cb5a4d; }

.footer {
    padding-top: clamp(64px, 8vw, 112px);
    background: var(--verdant-charcoal) !important;
    color: rgba(255, 255, 255, .72);
}
.footer-grid { display: grid; grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(150px, 1fr)) minmax(220px, 1.2fr); gap: clamp(28px, 4vw, 62px); }
.footer .brand { justify-content: flex-start; color: #fff; }
.footer-brand p { max-width: 320px; margin-top: 18px; }
.footer h2 { margin-bottom: 20px; color: #fff; font-family: var(--verdant-sans); font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.footer-nav,
.footer-contact { display: flex; min-width: 0; flex-direction: column; gap: 10px; }
.footer a { color: rgba(255, 255, 255, .72); overflow-wrap: anywhere; }
.footer a:hover { color: #fff; }
.footer-contact p { overflow-wrap: anywhere; }
.footer-bottom { margin-top: 64px; padding-block: 24px; border-top: 1px solid rgba(255, 255, 255, .15); font-size: .76rem; }

.pagination,
.pagination-wrapper ul { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; margin: 36px 0 0; padding: 0; list-style: none; }
.page-link,
.pagination a,
.pagination span { display: grid; min-width: 42px; min-height: 42px; place-items: center; padding: 8px; border: 1px solid var(--verdant-line); color: var(--verdant-ink); }
.pagination .active .page-link { background: var(--verdant-ink); color: #fff; }

.d-flex { display: flex; }
.d-block { display: block; }
.flex-wrap { flex-wrap: wrap; }
.flex-column { flex-direction: column; }
.align-items-center { align-items: center; }
.align-items-start { align-items: flex-start; }
.justify-content-between { justify-content: space-between; }
.text-center { text-align: center; }
.text-end,
.text-right { text-align: right; }
.fw-bold { font-weight: 700; }
.gap-2 { gap: 8px; }
.gap-3 { gap: 14px; }
.mb-0 { margin-bottom: 0; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 14px; }
.mb-4 { margin-bottom: 20px; }
.mb-5 { margin-bottom: 30px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 14px; }
.mt-4 { margin-top: 20px; }
.mt-5 { margin-top: 30px; }
.p-5 { padding: 30px; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }

@media (max-width: 1100px) {
    .verdant-features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .verdant-feature-item:nth-child(2n) { border-right: 0; }
    .verdant-feature-item:nth-child(n + 3) { border-top: 1px solid var(--verdant-line); }
    .signature-grid,
    .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .brand-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .verdant-product-carousel { grid-auto-columns: calc((100% - 52px) / 3); gap: 26px; }
    .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .footer-brand { grid-column: span 2; }
    .pdp-grid { grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); gap: 42px; }
}

@media (max-width: 900px) {
    .header-primary { min-height: 78px; }
    .mobile-menu-btn { visibility: visible; }
    .header-navigation { display: none; }
    .pdp-grid,
    .cart-layout,
    .checkout-layout,
    .auth-layout,
    .error-layout,
    .order-success-layout,
    .article-grid { grid-template-columns: minmax(0, 1fr); }
    .purchase,
    .cart-summary-card,
    .checkout-summary { position: static; }
    .dashboard-container { grid-template-columns: minmax(0, 1fr); }
    .dashboard-sidebar { order: 2; }
    .order-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contact-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 768px) {
    .container,
    .contain-box,
    .dashboard-container { width: min(calc(100% - 32px), var(--verdant-container)); }
    .header-primary { grid-template-columns: 46px 1fr auto; gap: 8px; }
    .header-primary .brand { justify-self: center; }
    .store-brand-logo { height: 42px; }
    .hide-mobile { display: none !important; }
    .hero-inner { padding-block: 78px; }
    .verdant-hero-slider { min-height: 640px; }
    .verdant-slide { background-image: linear-gradient(0deg, rgba(12, 17, 5, .7), rgba(12, 17, 5, .08) 70%), var(--hero-image); background-position: center; align-items: end; }
    .hero-inner h1 { font-size: clamp(3rem, 14vw, 4.4rem); }
    .section-head { align-items: flex-start; flex-direction: column; }
    .category-discovery,
    .campaign-editorial-grid,
    .journal-grid,
    .pdp-related-products__grid,
    .favorites-grid,
    .coupons-grid,
    .address-grid,
    .checkout-option-grid,
    .shipping-options,
    .checkout-payment-options,
    .saved-addresses,
    .stats-grid { grid-template-columns: minmax(0, 1fr); }
    .catalog { grid-template-columns: minmax(0, 1fr); }
    .filters { display: none; }
    .mobile-filter-button { display: inline-flex; }
    .catalog-tools { align-items: flex-start; flex-direction: column; }
    .catalog-tools__actions { width: 100%; flex-wrap: wrap; }
    .catalog-sort { width: 100%; }
    .catalog-sort select { min-width: 0; }
    .signature-grid,
    .catalog-grid { grid-template-columns: minmax(0, 1fr); }
    .verdant-product-carousel { grid-auto-columns: 84%; gap: 16px; }
    .product-media { aspect-ratio: 4 / 5; }
    .cart-line { grid-template-columns: 100px minmax(0, 1fr); align-items: start; }
    .cart-line__image img { width: 100px; }
    .cart-line__total { grid-column: 2; }
    .cart-line__controls { align-items: flex-start; flex-direction: column; }
    .cart-lines__footer { align-items: flex-start; flex-direction: column; }
    .checkout-card-fields,
    .form-grid,
    .form-row { grid-template-columns: minmax(0, 1fr); }
    .form-grid .full,
    .checkout-card-field--full { grid-column: auto; }
    .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
    h1 { font-size: clamp(2.65rem, 14vw, 4rem); }
    .container,
    .contain-box,
    .dashboard-container { width: min(calc(100% - 24px), var(--verdant-container)); }
    .header-actions { gap: 0; }
    .icon-btn { width: 42px; height: 42px; }
    .header-primary .brand { font-size: 1.45rem; }
    .verdant-features-grid { grid-template-columns: minmax(0, 1fr); }
    .verdant-feature-item { border-right: 0; border-top: 1px solid var(--verdant-line); }
    .verdant-feature-item:first-child { border-top: 0; }
    .brand-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .verdant-product-carousel { grid-auto-columns: 100%; }
    .category-tile,
    .campaign-editorial { min-height: 420px; }
    .page-hero { padding-block: 38px 58px; }
    .purchase-actions { grid-template-columns: minmax(0, 1fr) 52px; }
    .cart-line { padding: 16px; border: 0; background: var(--verdant-paper); }
    .cart-line + .cart-line { margin-top: 12px; }
    .cart-summary-card,
    .checkout-section,
    .payment-box,
    .shipping-methods,
    .saved-addresses-section { padding: 22px 18px; }
    .auth-intro,
    .auth-panel,
    .auth-form-panel { padding: 28px 22px; }
    .footer-grid { grid-template-columns: minmax(0, 1fr); }
    .footer-brand { grid-column: auto; }
    .order-meta { grid-template-columns: minmax(0, 1fr); }
    .section-header { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}