/**
 * Theme Name:     Salient Child
 * Author:         ThemeNectar
 * Template:       themeforest-RTmb1o39-salient-responsive-multipurpose-theme-wordpress-theme/salient
 * Text Domain:	   salient-child
 * Description:    An Ultra Responsive Multi-Purpose Theme.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --font-title: "Playfair Display", serif;
    --font-body: "DM Sans", sans-serif;
    --font-mono: "DM Mono", monospace;
    /* **** colors */
    --st-white: #ffffff;
    --st-black: #000000;
    --body-bg: oklch(0.97 0.02 80);
    --bg-light: oklch(0.99 0.01 80);
    --body-wheat-bg: oklch(0.94 0.04 80);
    --border: oklch(0.88 0.04 80);
    --boder-light: oklch(0.92 0.03 80);
    --title-color: oklch(0.14 0.02 72);
    --sub-title-color: oklch(0.25 0.04 72);
    --label-color: oklch(0.35 0.04 72);
    --body-text: oklch(0.45 0.05 72);
    --body-text-light: oklch(0.5 0.05 72);
    --body-text-light-v2: oklch(0.55 0.05 72);
    --body-text-dark: oklch(0.4 0.05 72);
    --action: oklch(56% .19 32);
    --action-hover: oklch(0.5 0.19 32);
    --action-bg: oklch(0.56 0.19 32 / 0.08);
    --green: oklch(0.42 0.12 152);
    --green-bg: oklch(0.42 0.12 152 / 0.08);
    --wheat: oklch(0.6 0.14 72);
    --wheat-text: oklch(0.65 0.04 80);
    --wheat-bg: oklch(0.72 0.16 72 / 0.1);
    --wheat-dark: oklch(0.5 0.12 72);
    --wheat-dark-bg: oklch(0.72 0.16 72 / 0.08);
    --maroon: oklch(0.35 0.12 28);
    --maroon-bg: oklch(0.35 0.12 28 / 0.08);
    --brown: oklch(0.45 0.05 72);
    --brown-bg: oklch(0.45 0.05 72 / 0.08);
    --mustrad: oklch(0.72 0.16 72);
    --yellow-orange: oklch(0.55 0.1 60);
    --yellow-orange-bg: oklch(0.55 0.1 60 / 0.08);
    --dark-mustrad: oklch(0.55 0.12 72);
    --pf-color: oklch(0.55 0.08 72);
    --review-color: oklch(0.28 0.04 72);
    /* **** Fonts */
    --text-xs: .75rem;
    --text-xs--lh: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--lh: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--lh: 1.5;
    --text-lg: 1.125rem;
    --text-lg--lh: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--lh: calc(1.75 / 1.25);
    --text-xl: 1.25rem;
    --text-xl--lh: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--lh: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--lh: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--lh: calc(2.5/2.25);
    --font-42: clamp(1.8rem, 3.5vw, 2.6rem);
    --font-42-lh: 1.5;
    --font-44: clamp(1.8rem, 3.5vw, 2.8rem);
    --font-44-lh: 1.5;
    --font-54: clamp(2.2rem, 4vw, 3.4rem);
    --font-54-lh: 1.5;
    --font-56: clamp(2.2rem, 4.5vw, 3.5rem);
    --font-56-lh: 1.1;
    --font-80: clamp(2.8rem, 6vw, 5rem);
    --font-80-lh: 1.5;
    --transition: all .25s cubic-bezier(.4, 0, .2, 1);
    --img-transition: all .5s cubic-bezier(.4, 0, .2, 1);
    --header-height: 68px;
    --sticky-height: calc(var(--header-height) + 20px);
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-height) !important;
}

@media(max-width:639px) {
    :root {
        --header-height: 64px;
    }
}

/* **************************** Reset **************************** */
.gloabl-theme * {
    min-width: 0;
}

body {
    overflow: clip;
}

.gloabl-theme :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--font-title);
    color: var(--title-color);
    font-weight: 700;
    margin: 0;
}

.gloabl-theme :where(p) {
    padding-bottom: 0;
    margin-bottom: 0.6em;
}

.gloabl-theme :where(p:last-of-type) {
    margin-bottom: 0 !important;
}

.gloabl-theme :where(img, svg) {
    vertical-align: top;
    width: 100%;
    height: auto;
}

.gloabl-theme :where(a) {
    display: inline-block;
    color: inherit;
}

/* **************************** Reset **************************** */
/* **************************** Buttons **************************** */
.gloabl-theme .btn-outline {
    border: 1.5px solid;
    letter-spacing: .01em;
    cursor: pointer;
    border-radius: 9999px;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.75rem;
    font-size: .9rem;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex;
    width: fit-content;
}

.gloabl-theme .btn-outline svg {
    height: 15px;
    width: auto;
}

.gloabl-theme .btn-outline__action {
    color: var(--action);
    border-color: var(--action);
}

.gloabl-theme .btn-outline__green {
    color: var(--green);
    border-color: var(--green);
}

.gloabl-theme .btn-outline__maroon {
    color: var(--maroon);
    border-color: var(--maroon);
}

.gloabl-theme .btn-outline:hover {
    background-color: #cc361e14;
    transform: translateY(-1px);
}

.gloabl-theme .btn-v2 {
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    border-radius: 0.75rem;
    width: fit-content;
    justify-content: center;
}

.gloabl-theme .btn-v2__big {
    font-weight: 700;
    font-size: var(--text-base);
    line-height: var(--text-base--lh);
    padding: 1em 2em;
    text-transform: uppercase;
}

.gloabl-theme .btn-v2__big:hover {
    transform: translateY(-1px);
}

.gloabl-theme .btn-v2__big svg {
    height: 1.125em;
    width: auto;
}

.gloabl-theme .btn-v2__medium {
    padding: 0.75rem 1.5rem;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    font-weight: 600;
}

.gloabl-theme .btn-v2__medium svg {
    height: 1em;
    width: auto;
}

.gloabl-theme .btn-v2__mustrad {
    background: var(--mustrad);
    color: var(--title-color);
}

.gloabl-theme .btn-v2__mustrad:hover {
    background-color: oklch(0.8 0.14 72);
}

.gloabl-theme .btn-v2__action {
    background: var(--action);
    color: var(--st-white);
}

.gloabl-theme .btn-v2__action:hover {
    background-color: oklch(0.65 0.18 32);
}

.gloabl-theme .btn-v2__black,
.gloabl-theme .reward-card__giveway .btn-v2__action {
    color: var(--body-bg);
    background: var(--title-color);
}

.gloabl-theme .btn-v2__black:hover,
.gloabl-theme .reward-card__giveway .btn-v2__action:hover {
    background: oklch(0.22 0.03 72);
}

.gloabl-theme .text-link {
    display: flex;
    align-items: center;
    width: fit-content;
    font-weight: 600;
    transition: var(--transition);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    gap: 0.5rem;
}

.gloabl-theme .text-link__green {
    color: var(--green);
}

.gloabl-theme .text-link__green:hover {
    color: var(--action)
}

.gloabl-theme .text-link svg {
    height: 1.071em;
    width: auto;
}

.hero-404__btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.gloabl-theme .btn-v3 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    border: none;
    transition: transform 0.18s, box-shadow 0.18s, opacity 0.18s;
    text-decoration: none;
}

.gloabl-theme .btn-v3 svg {
    height: 1rem;
    width: auto;
}

.gloabl-theme .btn-v3--primary {
    background: linear-gradient(135deg, #c8391a 0%, #e8a020 100%);
    color: var(--st-white);
    box-shadow: 0 4px 20px rgba(200, 57, 26, 0.32);
}

.gloabl-theme .btn-v3--white {
    background: var(--st-white);
    color: var(--action);
}

.gloabl-theme .btn-v3:hover {
    transform: translateY(-2px);
}

.gloabl-theme .btn-v3--primary:hover {
    box-shadow: 0 6px 28px rgba(200, 57, 26, 0.45);
}

.gloabl-theme .btn-v3--outline-light {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.35);
    color: var(--st-white);
}

.gloabl-theme .btn-v3--outline-light:hover {
    background: rgba(255, 255, 255, 0.12);
}

/* **************************** Buttons **************************** */
/* **************************** Utils **************************** */
.text-xs {
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--text-base--lh);
}

.text-lg {
    font-size: var(--text-lg);
    line-height: var(--text-lg--lh);
}

.text-xl {
    font-size: var(--text-xl);
    line-height: var(--text-xl--lh);
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--lh);
}

.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--text-3xl--lh);
}

.text-42 {
    font-size: var(--font-42);
    line-height: var(--font-42-lh);
}

.text-44 {
    font-size: var(--font-44);
    line-height: var(--font-44-lh);
}

.text-54 {
    font-size: var(--font-54);
    line-height: var(--font-54-lh);
}

.text-56 {
    font-size: var(--font-56);
    line-height: var(--font-56-lh);
}

.text-80 {
    font-size: var(--font-80);
    line-height: var(--font-80-lh);
}

.font-display {
    font-family: var(--font-title);
}

.font-mono {
    font-family: var(--font-mono);
}

.block {
    display: flex;
    flex-direction: column;
}

.grid {
    display: grid;
    grid-template-rows: 1fr;
}

.gap-4 {
    gap: 0.25rem;
}

.gap-8 {
    gap: 0.5rem;
}

.gap-12 {
    gap: 0.75rem;
}

.gap-16 {
    gap: 1rem;
}

.gap-20 {
    gap: 1.25rem;
}

.gap-24 {
    gap: 1.5rem;
}

.gap-32 {
    gap: 2rem;
}

.wheat-bg {
    background-color: var(--body-wheat-bg);
}

.title-color {
    color: var(--title-color);
}

.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.z-1 {
    z-index: 1;
}

.text-center {
    text-align: center;
    width: 100%;
}

/* **************************** Utils **************************** */
/* **************************** Theme Setup **************************** */
.gloabl-theme {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: var(--text-base--lh);
    font-weight: 400;
    background-color: var(--body-bg);
    color: var(--body-text);
}

.gloabl-theme :where(section) {
    padding-block: 5rem;
}

.gloabl-theme .container,
.site_header .header-mobile>.left,
.gloabl-theme>.woocommerce-notices-wrapper {
    width: 100%;
    margin-inline: auto;
    padding-inline: 1rem;
    max-width: 100%;
}

.gloabl-theme .container::after,
.gloabl-theme .container::before {
    display: none;
}

.pill-tag {
    letter-spacing: .06em;
    text-transform: uppercase;
    border-radius: 9999px;
    align-items: center;
    padding: .3rem 1.25rem;
    font-size: .75rem;
    font-weight: 600;
    display: inline-flex;
    width: fit-content;
    flex-shrink: 0;
}

.pill-b {
    border: 1px solid rgba(200, 57, 26, 0.20);
}

.pill-tag__action {
    color: var(--action);
    background-color: #cc361e1f;
}

.pill-tag__green {
    color: var(--green);
    background-color: oklch(42% .12 152/.12);
}

.live_chat_btn a.link_text .text {
    color: #483723 !important;
}

body .live_chat_btn span.link_wrap {
    align-items: flex-start;
}

body .live_chat_btn span.link_wrap i {
    margin-top: -3px;
}

/* **************************** Theme Setup **************************** */
/* **************************** Product Featured Card **************************** */
.featured-product__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.pf-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    transition: var(--transition);
    box-shadow: 0 2px 12px #0e08020f;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
}

.pf-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px #0e08021f;
}

.pf-card__image {
    height: 200px !important;
    object-fit: cover;
    transition: var(--img-transition);
}

.pf-card:hover .pf-card__image {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x)var(--tw-scale-y);
}

.pf-card__image-wrap {
    position: relative;
    overflow: hidden;
}

.pf-card__tag {
    position: absolute;
    left: 0.75rem;
    top: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pill-label {
    color: var(--st-white);
    font-size: 0.65rem;
    padding: 0.2rem 0.65rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    border-radius: 9999px;
    align-items: center;
    font-weight: 600;
    display: inline-flex;
}

.pill-action {
    background-color: var(--action);
}

.pill-green {
    background-color: var(--green);
}

.pill-wheat {
    background-color: var(--wheat);
}

.pill-maroon {
    background-color: var(--maroon);
}

.pill-wheat-dark {
    background-color: var(--wheat-dark);
}

.pf-card__info {
    padding: 1rem;
    gap: 0.75rem;
    flex-grow: 1;
}

.pf-card__stars {
    display: flex;
    gap: 4px;
}

.pf-card__stars img {
    height: 0.75rem;
    width: auto;
}

.pf-card__rating {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pf-card__rating-value,
.pf-card__meta {
    font-family: var(--font-mono);
    color: var(--pf-color);
}

.pf-card__title-wrap {
    gap: 6px;
}

.pf-card__info-inner {
    gap: 4px;
}

.pf-card__title {
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--title-color);
    line-height: 1.375;
}

.pf-card__bottom {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.pf-card__price {
    color: var(--title-color);
    font-weight: 700;
    font-family: var(--font-title);
    display: flex;
    flex-direction: row-reverse;
    gap: 0.5rem;
    align-items: baseline;
}

.pf-card__price del {
    color: oklch(0.65 0.05 72);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    font-weight: 400;
    font-family: var(--font-body);
}

.pf-card__price ins {
    text-decoration: none;
    font-weight: 700;
}

body .pf-card__add-to-cart {
    display: flex;
    flex-shrink: 0;
    transition: var(--transition);
    color: var(--st-white);
    background: var(--action);
    padding: 0.5rem 0.75rem;
    border-radius: 3.40282e38px;
    gap: 6px;
    align-items: center;
    font-weight: 600;
    z-index: 2;
}

body .pf-card__add-to-cart:hover {
    background: var(--action-hover);
}

.pf-card__add-to-cart svg {
    width: 13px;
}

.absolute-link {
    position: absolute;
    inset: 0;
}

.pf-card__desc {
    color: var(--body-text-light);
    line-height: 1.625;
}

/* **************************** Product Featured Card **************************** */
/* **************************** Brand Card **************************** */
.brand-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.05) 0px 2px 10px;
    transform: translateY(0px);
    transition: var(--transition);
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.brand-card {
    /* Base color (override per variant) */
    --r: 255;
    --g: 255;
    --b: 255;
    /* Derived colors */
    --brand-title: rgb(var(--r), var(--g), var(--b));
    --brand-bg: rgb(calc(var(--r) * 0.1),
            calc(var(--g) * 0.1),
            calc(var(--b) * 0.1));
    --brand-gradient: radial-gradient(rgba(var(--r), var(--g), var(--b), 0.094) 0%, transparent 70%);
    --brand-shadow: rgba(var(--r), var(--g), var(--b), 0.25) 0px 0px 20px;
    --link-color: rgb(var(--r), var(--g), var(--b));
    --hover-border: rgba(var(--r), var(--g), var(--b), 0.314);
}

.brand-card:hover {
    transform: translateY(-3px);
    box-shadow: oklch(0.14 0.02 72 / 0.12) 0px 8px 24px;
    border-color: var(--hover-border);
}

.brand-card__top {
    height: 190px;
    background-color: var(--brand-bg);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.brand-card__gradient {
    background: var(--brand-gradient);
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.brand-card__top:has(img) .brand-card__gradient-title {
    display: none;
}

.brand-card__top img {
    height: 110px;
    width: 100%;
    object-fit: contain;
}

.brand-card__top:has(img) {
    padding: 40px 20px;
}

.brand-card__tag {
    position: absolute;
    background-color: oklch(0.56 0.19 32 / 0.9);
    color: var(--st-white);
    font-size: 0.55rem;
    line-height: 1;
    letter-spacing: 0.05em;
    padding: 4.2px 8px;
    border-radius: 3.40282e38px;
    right: 1rem;
    top: 1rem;
    font-weight: 600;
}

.brand-card__gradient-title {
    font-size: 1.35rem;
    color: var(--brand-title);
    text-shadow: var(--brand-shadow);
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.brand-card__info {
    padding: 1rem;
    flex-grow: 1;
}

.brand-card__category {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.brand-card__cat-item {
    font-size: 0.58rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background-color: var(--body-wheat-bg);
    color: var(--body-text-light-v2);
    font-weight: 600;
    padding: 4.3px 8px;
    line-height: 1;
    border-radius: 3.40282e38px;
}

.brand-card__desc {
    line-height: 1.625;
    color: var(--body-text-light-v2);
}

.brand-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: auto;
}

.brand-card__location {
    color: var(--wheat-text);
}

.brand-card__link-text {
    display: flex;
    align-items: center;
    color: var(--link-color);
    gap: 4px;
}

.brand-card__link-text svg {
    width: 0.833em;
}

/* **************************** Brand Card **************************** */
/* **************************** Home **************************** */
.intro {
    grid-template-columns: 1fr;
    gap: 1rem 3rem;
    align-items: flex-end;
    margin-bottom: 3rem;
}

.intro-space__small {
    margin-bottom: 2.5rem;
}

.intro-divider {
    background-color: var(--action);
    border-radius: 9999px;
    width: 3rem;
    height: 2px;
}

.intro-divider__green {
    background: var(--green);
}

.intro-divider__maroon {
    background: var(--maroon);
}

.intro-divider__mustrad {
    background-color: var(--mustrad);
}

.intro-title {
    color: var(--title-color);
    font-family: var(--font-title);
    font-weight: 700;
}

.intro-title strong {
    font-weight: inherit;
    color: var(--action);
}

/* ***************** Sec 1 ***************** */
.gloabl-theme .btn__action svg {
    height: 1.125em;
    width: auto;
}

.gloabl-theme .btn__action {
    color: var(--st-white);
    border-color: var(--action) !important;
    border: 1.5px solid;
    letter-spacing: .01em;
    cursor: pointer;
    border-radius: 9999px;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.75rem;
    font-size: .9rem;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex;
    width: fit-content;
    background-color: var(--action);
    justify-content: center;
}

.gloabl-theme .btn__action:hover {
    background-color: var(--action-hover);
    transform: translateY(-1px);
}

.hero-banner {
    position: relative;
    padding: 6rem 0px 4rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
    overflow: hidden;
    min-height: 92vh;
    display: flex;
    align-items: center;
}

.hero-banner .hero-banner_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.hero-banner .hero-banner_bg_circle {
    position: absolute;
    display: block;
    background: linear-gradient(135deg, oklch(0.97 0.02 80 / 0.92) 0%, oklch(0.94 0.04 80 / 0.8) 50%, oklch(0.72 0.16 72 / 0.3) 100%);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.hero-banner .hero-banner_bg_circle:after {
    width: 600px;
    height: 600px;
    top: -150px;
    right: -100px;
    background: radial-gradient(circle, oklch(0.72 0.16 72 / 0.25) 0%, transparent 70%);
    content: '';
    filter: blur(80px);
    pointer-events: none;
    border-radius: 50%;
    position: absolute;
}

.hero-banner .hero-banner_bg_circle:before {
    width: 400px;
    height: 400px;
    bottom: 0px;
    left: -80px;
    background: radial-gradient(circle, oklch(0.56 0.19 32 / 0.12) 0%, transparent 70%);
    filter: blur(80px);
    pointer-events: none;
    border-radius: 50%;
    position: absolute;
    content: '';
}

.hero-banner .hero-banner_row {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.hero-banner .hero-banner_row .hero-banner_badge-wrap {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.hero-banner_badge-wrap .hero-banner_badge {
    background-color: oklch(0.56 0.19 32 / 0.12);
    border: 1px solid oklch(0.56 0.19 32 / 0.3);
    color: oklch(0.4 0.14 32);
    border-radius: 30px;
    padding: 6px 16px;
    font-weight: 600;
}

.hero-banner_badge-wrap .hero-banner_badge.green {
    background-color: oklch(0.42 0.12 152 / 0.1);
    border: 1px solid oklch(0.42 0.12 152 / 0.3);
    color: oklch(0.32 0.1 152);
}

.hero-banner_row .block .intro-title {
    font-size: 52px;
    line-height: 1.3;
}

.hero-banner_row .block .intro-desc {
    max-width: 480px;
    color: var(--review-color);
}

.hero-banner .hero-banner_row .hero-banner_btn-wrap {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.hero-banner .hero-banner_info {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-banner .hero-banner_info_card {
    display: flex;
    gap: 10px;
    background-color: oklch(0.94 0.04 80 / 0.9);
    border: 1px solid var(--border);
    backdrop-filter: blur(8px);
    align-items: center;
    padding: 12px 16px;
    width: auto;
    border-radius: 12px;
}

.hero-banner .hero-banner_info_card-icon {
    display: flex;
}

.hero-banner .hero-banner_info_card-icon svg {
    color: var(--action);
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.hero-banner .hero-banner_info_card .hero-banner_info_card__content {
    display: flex;
    flex-direction: column;
}

.hero-banner .hero-banner_info_card .hero-banner_info_card__content .hero-banner_info_card_title {
    font-family: var(--font-mono);
    line-height: 1.1;
    font-weight: 700;
}

.hero-banner .hero-banner_info_card .hero-banner_info_card__content .hero-banner_info_card_desc {
    line-height: 1.1;
}

.hero-banner .hero-banner_date-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.hero-banner_date-wrap .hero-banner_date_card {
    background-color: oklch(0.99 0.01 80 / 0.92);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.12) 0px 4px 20px;
    padding: 16px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.hero-banner_date-wrap .hero-banner_date_card .hero-banner_date_card_info {
    display: flex;
    align-items: center;
    gap: 4px;
}

.hero-banner_date-wrap .hero-banner_date_card .hero-banner_date_card_info svg {
    width: 18px;
    height: 18px;
    object-fit: contain;
    color: var(--mustrad);
}

.hero-banner_date-wrap .hero-banner_date_card .hero-banner_date_card_info span {
    font-weight: 600;
}

.hero-banner_date-wrap .hero-banner_date_card h6 {
    color: var(--mustrad);
    font-family: var(--font-mono);
    font-weight: 700;
    line-height: 1.3;
}

.hero-banner_date_card .hero-banner_date_card_btn {
    margin-top: 4px;
}

.hero-banner_date_card .hero-banner_date_card_btn .btn-v2__action {
    width: 100%;
    padding: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: .75em;
    border-radius: 10px;
    color: var(--body-bg);
    background: var(--title-color);
}

.hero-banner_date_card .hero-banner_date_card_btn .btn-v2__action:hover {
    background-color: oklch(0.22 0.03 72);
}

.hero-banner_date_card.dark .hero-banner_date_card_btn .btn-v2__action {
    background: var(--action);
    color: var(--st-white);
}

.hero-banner_date_card.dark .hero-banner_date_card_btn .btn-v2__action:hover {
    background-color: oklch(0.65 0.18 32);
}

.hero-banner_date-wrap .hero-banner_date_card.dark {
    background-color: oklch(0.14 0.02 72 / 0.88);
    border: 1px solid oklch(1 0 0 / 0.1);
    color: oklch(0.8 0.04 80);
}

.hero-banner_date-wrap .hero-banner_date_card.dark .hero-banner_date_card_info svg,
.hero-banner_date-wrap .hero-banner_date_card.dark h6 {
    color: oklch(0.42 0.12 152);
}

.hero-banner_row_right {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero-banner_row_slider .card {
    background-color: oklch(0.99 0.01 80 / 0.94);
    border: 1px solid var(--border);
    display: flex;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    height: 100%;
}

.hero-banner_row_slider .card .card-img {
    width: 42%;
    position: relative;
}

.hero-banner_row_slider .card .card-content {
    width: 58%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero-banner_row_slider .card .card-img img {
    aspect-ratio: 1;
    object-fit: cover;
    height: 100%;
}

.hero-banner_row_slider .card .card-img .rating {
    color: white;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    background-color: oklch(0.14 0.02 72 / 0.8);
    backdrop-filter: blur(4px);
    padding: 4px 8px;
    border-radius: 8px;
    font-family: var(--font-mono);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    top: 12px;
    left: 12px;
    position: absolute;
}

.hero-banner_row_slider .card .card-content .label {
    color: var(--action);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.6px;
    padding: 2px 8px;
    margin-bottom: 8px;
    display: inline-block;
    vertical-align: top;
}

.hero-banner_row_slider .card .card-content h2 {
    font-size: 1.05rem;
    color: var(--title-color);
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 4px;
}

.hero-banner_row_slider .card .card-content .sub {
    font-size: 12px;
    line-height: 16px;
    color: oklch(0.5 0.08 72);
    margin-bottom: 8px;
}

.hero-banner_row_slider .card .card-content .desc {
    color: var(--body-text-dark);
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 12px !important;
}

.hero-banner_row_slider .card .card-content .tags span {
    font-size: 12px;
    line-height: 16px;
    background-color: oklch(0.56 0.19 32 / 0.1);
    color: oklch(0.4 0.14 32);
    border-radius: 4px;
    padding: 2px 8px;
}

.hero-banner_row_slider .card .card-content .tags {
    gap: 4px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.hero-banner_row_slider .card .card-content .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hero-banner_row_slider .card .card-content .price {
    display: flex;
    gap: 6px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    font-family: var(--font-mono);
    color: var(--title-color);
    align-items: center;
}

.hero-banner_row_slider .card .card-content .price .old {
    color: oklch(0.6 0.05 72);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-decoration-line: line-through;
}

.hero-banner_row_slider .card .card-content .bottom .btn {
    background-color: var(--action);
    color: var(--st-white);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 8px;
}

.hero-banner_row_slider .card .card-content .bottom .btn:hover {
    opacity: 0.85;
}

.hero-banner_row_slider .splide__pagination {
    position: relative;
    inset: 0;
    border-top: 1px solid #e9dcc8;
    background-color: #fdf4e8;
    padding: 8px 16px;
    border-radius: 0 0 1rem 1rem;
    min-height: 45px;
    justify-content: flex-start;
}

.hero-banner_row_slider .splide__pagination__page {
    width: 8px;
    height: 8px;
    background-color: oklch(0.75 0.06 72);
}

.hero-banner_row_slider .splide__pagination__page.is-active {
    width: 20px;
    height: 8px;
    background-color: var(--action);
    border-radius: .5rem;
    opacity: 1;
    transform: none;
}

.hero-banner_row_slider .splide__arrow {
    background-color: oklch(0.9 0.03 80);
    color: var(--body-text-dark);
    border-radius: .5rem;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    position: relative;
    inset: 0;
    opacity: 1;
    transition: all 0.1s ease-in-out;
}

.hero-banner_row_slider .splide__arrows {
    display: flex;
    gap: 4px;
    align-items: center;
    position: absolute;
    bottom: 8px;
    right: 12px;
    z-index: 2;
}

.hero-banner_row_slider .splide__arrow svg {
    height: 8px;
    width: 8px;
    fill: currentColor;
}

.hero-banner_row_slider .splide__arrow:hover {
    background-color: var(--action);
    color: var(--st-white);
}

.hero-banner_bg-layer {
    position: absolute;
    bottom: -2px;
    z-index: 1;
    left: 0px;
    width: 100%;
}

.hero-banner .hero-banner_bg .hero-banner_bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center 30%;
}

.hero-banner_bg-layer svg {
    width: 100%;
    object-fit: contain;
    height: 80px;
}

/* ***************** Sec 1 ***************** */
/* ***************** Sec 2 ***************** */
.text-carousel-sec {
    padding-block: 1rem;
}

.text-carousel .splide__slide {
    display: flex;
    align-items: center;
}

.text-carousel__name {
    padding-inline: 1.5rem;
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    color: var(--review-color);
}

.text-carousel__dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.text-carousel .splide__slide:nth-child(3n+1) .text-carousel__dot {
    background-color: var(--green);
}

.text-carousel .splide__slide:nth-child(3n+2) .text-carousel__dot {
    background-color: var(--mustrad);
}

.text-carousel .splide__slide:nth-child(3n+3) .text-carousel__dot {
    background-color: var(--action);
}

/* ***************** Sec 2 ***************** */
/* ***************** Sec 4 ***************** */
.first-order-sec {
    padding-block: 4rem;
    background: linear-gradient(120deg, oklch(0.38 0.18 32) 0%, oklch(0.3 0.15 28) 50%, oklch(0.35 0.12 28) 100%);
    position: relative;
    overflow: hidden;
}

.first-order__bg-layer1 {
    background: linear-gradient(135deg, transparent 0%, oklch(0.28 0.14 28 / 0.6) 100%);
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 33.3333%;
    position: absolute;
    inset: 0;
    right: 0;
    left: auto;
    pointer-events: none;
}

.first-order__bg-layer2 {
    width: 500px;
    height: 500px;
    top: -200px;
    right: 10%;
    background: radial-gradient(circle, oklch(0.72 0.16 72 / 0.15) 0%, transparent 65%);
    pointer-events: none;
    position: absolute;
}

.fo__row {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 2rem;
}

.fo__tag svg {
    height: 1.33em;
    width: auto;
}

.fo__tag {
    color: var(--mustrad);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fo__title {
    line-height: 1;
    color: var(--body-bg);
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.fo__title strong {
    color: var(--mustrad);
    font-weight: inherit;
}

.fo__left-desc {
    color: oklch(0.8 0.04 80);
    max-width: 440px;
    line-height: 1.625;
}

.fo__right {
    width: fit-content;
}

.fo__right-desc {
    color: var(--wheat-text);
    text-align: right;
}

/* ***************** Sec 4 ***************** */
/* ***************** Sec 5 ***************** */
.shop-category__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.category-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.05) 0px 2px 8px;
    transform: translateY(0px);
    padding: 1.25rem;
    border-radius: 1rem;
    transition: var(--transition);
    gap: 0.75rem;
}

.category-card:hover {
    transform: translateY(-3px);
    box-shadow: oklch(0.14 0.02 72 / 0.12) 0px 8px 24px;
    background: rgba(var(--r), var(--g), var(--b), 0.08);
}

.category-card__support-text {
    gap: 4px;
}

.category-card__title {
    font-weight: 600;
    color: var(--title-color);
    font-family: var(--font-title);
}

.category-card__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    color: rgb(var(--r), var(--g), var(--b));
    background: rgba(var(--r), var(--g), var(--b), 0.08);
}

.category-card__icon svg {
    height: 1.75em;
    width: auto;
}

.category-card__link {
    font-weight: 600;
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    color: rgb(var(--r), var(--g), var(--b));
    margin-top: auto;
}

.category-card__desc {
    line-height: 1.625;
}

/* ***************** Sec 5 ***************** */
/* ***************** Sec 7 ***************** */
.intro-center {
    text-align: center;
}

.intro-center .intro-divider {
    margin-inline: auto;
}

.intro-center .intro-desc {
    max-width: 480px;
    margin-inline: auto;
}

.menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.menu-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.07) 0px 4px 24px;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.menu-card__img {
    height: 208px;
    object-fit: cover;
}

.menu-card__feature {
    position: relative;
}

.daynight-menu_btn {
    margin-top: auto;
}

.menu-card__feature::after {
    content: "";
    background: linear-gradient(transparent 40%, var(--bg-light) 100%);
    position: absolute;
    inset: 0;
    z-index: 1;
}

.menu-card__tag {
    display: flex;
    position: absolute;
    gap: 0.5rem;
    color: var(--title-color);
    bottom: 1rem;
    left: 1.25rem;
    z-index: 2;
    font-weight: 700;
    font-size: var(--text-xl);
    line-height: var(--text-xl--lh);
    font-family: var(--font-title);
    align-items: center;
}

.menu-card__tag svg {
    color: var(--wheat);
    height: 1em;
    width: auto;
}

.menu-card__info {
    flex-grow: 1;
    justify-content: space-between;
    padding: 1.5rem;
}

.menu-card__info .btn-outline {
    width: 100%;
    justify-content: center;
}

.menu-card__time {
    color: var(--wheat);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    font-weight: 500;
    font-family: var(--font-mono);
}

.menu-card__desc {
    color: var(--label-color);
    line-height: 1.625;
    font-size: var(--text-sm);
}

.menu-card__desc ul {
    margin-top: 1.1428em;
    margin-inline: 0;
    line-height: var(--text-sm--lh);
}

.menu-card__desc>*:last-child {
    margin-bottom: 0;
}

.menu-card__desc ul li {
    list-style: none;
    padding-left: 1em;
    position: relative;
}

.menu-card__desc ul li:not(:last-child) {
    margin-bottom: 0.571em;
}

.menu-card__desc ul li::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--wheat);
    top: 0.6em;
    left: 0;
}

.menu-card__night {
    background-color: oklch(0.16 0.03 72);
    border: 1px solid var(--sub-title-color);
    box-shadow: oklch(0.14 0.02 72 / 0.2) 0px 4px 24px;
}

.menu-card__night .menu-card__feature::after {
    background: linear-gradient(transparent 40%, oklch(0.16 0.03 72) 100%);
}

.menu-card__night .menu-card__tag {
    color: oklch(0.92 0.02 80);
}

.menu-card__night .menu-card__tag svg,
.menu-card__night .menu-card__time {
    color: oklch(0.65 0.1 152);
}

.menu-card__night .menu-card__desc {
    color: var(--wheat-text);
}

.menu-card__night .menu-card__desc ul li::after {
    background-color: oklch(0.65 0.1 152);
}

.menu-card__night .btn-outline {
    background: var(--green);
    border-color: var(--green);
    color: var(--st-white);
}

.menu-card__night .btn-outline:hover {
    background: oklch(0.36 0.12 152);
    border-color: oklch(0.36 0.12 152);
    transform: none;
}

/* ***************** Sec 7 ***************** */
/* ***************** Sec 9 ***************** */
.hiw__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    margin-bottom: 3rem;
    counter-reset: section;
}

.hiw-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.05) 0px 2px 12px;
    padding: 1.5rem;
    border-radius: 1rem;
    position: relative;
}

.hiw-card__title {
    color: var(--title-color);
    font-family: var(--font-title);
    font-weight: 600;
}

.hiw-card__desc {
    line-height: 1.625;
}

.hiw-card__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: var(--action-bg);
    color: var(--action);
}

.hiw-card__icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

.hiw-card:nth-child(4n+2) .hiw-card__icon {
    background: var(--wheat-bg);
    color: var(--wheat);
}

.hiw-card:nth-child(4n+3) .hiw-card__icon {
    background: var(--green-bg);
    color: var(--green);
}

.hiw-card:nth-child(4n+4) .hiw-card__icon {
    background: var(--maroon-bg);
    color: var(--maroon);
}

.hiw-card::after {
    counter-increment: section;
    content: "0" counter(section);
    position: absolute;
    font-weight: 500;
    line-height: 1;
    color: var(--border);
    font-family: var(--font-mono);
    font-size: var(--text-4xl);
    top: 16px;
    right: 20px;
}

/* ***************** Sec 9 ***************** */
/* ***************** Sec 10 ***************** */
.company-stats {
    padding-bottom: 4rem;
}

.company-stats__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.cst-card {
    background: linear-gradient(135deg, var(--action) 0%, oklch(0.45 0.16 32) 100%);
    box-shadow: oklch(0.14 0.02 72 / 0.15) 0px 4px 20px;
    min-height: 160px;
    justify-content: space-between;
    padding: 1.5rem;
    border-radius: 1rem;
}

.cst-card__desc {
    color: oklch(0.75 0.04 80);
}

.cst-card__title {
    color: oklch(0.9 0.03 80);
    font-weight: 600;
}

.cst-card__count {
    line-height: 1;
    font-family: var(--font-title);
    color: var(--body-bg);
    font-weight: 700;
}

.cst-card__inner {
    gap: 4px;
}

.cst-card__count span {
    color: var(--mustrad);
}

.cst-card:nth-child(4n+2) {
    background: linear-gradient(135deg, var(--green) 0%, oklch(0.32 0.1 152) 100%);
}

.cst-card:nth-child(4n+2) span {
    color: oklch(0.72 0.16 152);
}

.cst-card:nth-child(4n+3) {
    background: linear-gradient(135deg, var(--wheat) 0%, oklch(0.48 0.12 72) 100%);
}

.cst-card:nth-child(4n+3) span {
    color: oklch(0.9 0.06 80);
}

.cst-card:nth-child(4n+4) {
    background: linear-gradient(135deg, var(--maroon) 0%, oklch(0.28 0.1 28) 100%);
}

/* ***************** Sec 10 ***************** */
/* ***************** Sec 11 ***************** */
.trust__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

.trust-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.05) 0px 2px 10px;
    padding: 1.25rem;
    border-radius: 1rem;
    gap: 0.75rem;
}

.trust-card__support-text {
    gap: 6px;
}

.trust-card__desc {
    font-size: var(--text-xs);
    line-height: 1.625;
    color: var(--body-text-light);
}

.trust-card__title {
    font-size: var(--text-base);
    line-height: var(--text-base--lh);
    color: var(--title-color);
    font-family: var(--font-title);
    font-weight: 600;
}

.trust-card__icon svg {
    width: 1.375rem;
}

.trust-card__icon {
    border-radius: 0.75rem;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    background: rgba(var(--r), var(--g), var(--b), 0.08);
    color: rgba(var(--r), var(--g), var(--b), 1);
}

/* ***************** Sec 11 ***************** */
/* ***************** Sec 14 ***************** */
.reviews-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.rv-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.05) 0px 2px 12px;
    padding: 1.5rem;
    border-radius: 1rem;
}

.rv-card__stars {
    display: flex;
    gap: 4px;
}

.rv-card__stars img {
    height: 14px;
    width: auto;
}

.rv-card__bottom {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.5rem;
    margin-top: auto;
}

.rv-card__position {
    color: var(--pf-color);
}

.rv-card__desc {
    padding-left: 1rem;
    color: var(--review-color);
    position: relative;
    line-height: 1.625;
}

.rv-card__desc::after {
    content: "";
    position: absolute;
    background-image: url('/wp-content/uploads/2026/06/quote.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    opacity: 0.2;
    top: -4px;
    left: -4px;
}

/* ***************** Sec 14 ***************** */
/* ***************** Sec 15 ***************** */
.rounded-title {
    width: fit-content;
    margin-inline: auto;
    color: oklch(0.4 0.14 32);
    background-color: oklch(0.56 0.19 32 / 0.1);
    border: 1px solid oklch(0.56 0.19 32 / 0.25);
    text-transform: uppercase;
    border-radius: 3.40282e38px;
    padding: 6px 12px;
    letter-spacing: .05em;
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    font-weight: 600;
}

.rewards__list {
    gap: 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rewards__list:has(.reward-card:last-child:nth-child(2)) {
    grid-template-columns: 1fr 1fr;
}

.reward-card {
    background-color: oklch(0.16 0.03 72);
    border: 1px solid var(--sub-title-color);
    padding: 2rem;
    border-radius: 1rem;
}

.reward-card__icon {
    background-color: oklch(0.56 0.19 32 / 0.2);
    border-radius: 0.75rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mustrad);
}

.reward-card__icon svg {
    height: 1.375em;
    width: auto;
}

.reward-card__tag {
    color: var(--wheat-text);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.reward-card .btn-v2 {
    width: 100%;
}

.reward-card__desc {
    color: var(--wheat-text);
    line-height: 1.625;
}

.reward-card__title {
    color: var(--mustrad);
}

.reward-card .btn-v2 {
    margin-top: auto;
}

.reward-card__list ul {
    margin: 0;
}

.reward-card__list ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.reward-card__list ul li {
    list-style: none;
    padding-left: 1.166em;
    position: relative;
    color: oklch(0.6 0.04 80);
}

.reward-card__list ul li::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mustrad);
    top: 0.4em;
    left: 0;
}

.reward-card__refer .reward-card__title {
    line-height: 1;
    font-size: 2.8rem;
}

.reward-card__rewards {
    background: linear-gradient(135deg, oklch(0.38 0.18 32) 0%, oklch(0.45 0.16 32) 100%);
    border: 1px solid oklch(0.5 0.18 32);
}

.reward-card__rewards .reward-card__icon {
    background-color: oklch(0.72 0.16 72 / 0.2);
}

.reward-card__rewards .reward-card__tag {
    color: oklch(0.8 0.08 72);
}

.reward-card__rewards .reward-card__title {
    color: var(--body-bg);
    line-height: calc(2/1.5);
}

.reward-card__rewards .reward-card__desc {
    color: oklch(0.85 0.04 80);
}

.reward-card__rewards .reward-card__list li {
    color: oklch(0.85 0.04 80);
    padding-left: 1.5em;
}

.reward-card__rewards .reward-card__list ul li::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 0.9166em;
    height: 0.9166em;
    top: 0.2em;
}

.reward-card__giveway {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
}

.reward-card__giveway .reward-card__icon {
    background-color: oklch(0.6 0.14 72 / 0.12);
    color: var(--dark-mustrad);
}

.reward-card__giveway .reward-card__tag {
    color: var(--body-text-light-v2);
}

.reward-card__giveway .reward-card__title {
    color: var(--title-color);
}

.reward-card__giveway .reward-card__desc {
    color: var(--body-text);
}

.reward-card__highlight {
    background: var(--body-wheat-bg);
    padding: 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 68px;
    color: var(--title-color);
    word-break: break-word;
}

.reward-card__highlight svg {
    height: 1.285em;
    width: auto;
    color: var(--action);
    flex-shrink: 0;
}

.reward-bottom {
    gap: 1.75rem;
    background-color: var(--title-color);
    border: 1px solid oklch(0.22 0.03 72);
    padding: 2rem;
    border-radius: 1rem;
}

.reward-bottom__intro {
    grid-template-columns: 1fr 280px;
    gap: 0.75rem 2rem;
    align-items: center;
}

.reward-bottom__desc {
    color: var(--wheat-text);
}

.reward-bottom__icon-wrap {
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.reward-bottom__icon {
    height: 3em;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: oklch(0.56 0.19 32 / 0.2);
    border-radius: 0.75rem;
    color: var(--mustrad);
}

.reward-bottom__icon svg {
    height: 1.5em;
    width: auto;
}

.reward-bottom__title {
    color: var(--body-bg);
    font-family: var(--font-title);
}

.reward-bottom__title strong {
    color: var(--mustrad);
    font-weight: inherit;
}

.reward-milestone__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.em-card {
    background-color: oklch(0.18 0.03 72);
    padding: 1.25rem;
    border-radius: 0.75rem;
    position: relative;
}

.em-card__title {
    font-family: var(--font-mono);
}

.em-card__icon {
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
}

.em-card__icon svg {
    height: 1rem;
    width: 1rem;
}

.em-card__desc {
    color: oklch(0.8 0.04 80);
    line-height: 1.375;
}

.em-card__mustrad .em-card__title,
.em-card__mustrad .em-card__icon {
    color: var(--mustrad);
}

.em-card__action .em-card__title,
.em-card__action .em-card__icon {
    color: var(--action);
}

.em-card__dark-mustrad .em-card__title,
.em-card__dark-mustrad .em-card__icon {
    color: var(--dark-mustrad);
}

.em-card__green .em-card__title,
.em-card__green .em-card__icon {
    color: var(--green);
}

.em-card__mustrad .em-card__icon {
    background-color: oklch(0.72 0.16 72 / 0.12);
}

.em-card__action .em-card__icon {
    background-color: oklch(0.56 0.19 32 / 0.12);
}

.em-card__dark-mustrad .em-card__icon {
    background-color: oklch(0.55 0.12 72 / 0.12);
}

.em-card__green .em-card__icon {
    background-color: oklch(0.42 0.12 152 / 0.12);
}

.em-card__tag {
    position: absolute;
    padding: 2px 8px;
    border-radius: 3.40282e38px;
    right: 0.75rem;
    top: 0.75rem;
    background-color: oklch(0.42 0.12 152 / 0.2);
    color: oklch(0.65 0.1 152);
    border: 1px solid oklch(0.42 0.12 152 / 0.3);
}

/* ***************** Sec 15 ***************** */
/* ***************** Sec 16 ***************** */
.delivery_services_sec .intro .intro-desc {
    max-width: 450px;
}

.delivery_services_sec {
    padding: 60px 0;
}

.delivery_services_sec .delivery-box {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 40px;
    box-shadow: oklch(0.14 0.02 72 / 0.07) 0px 4px 24px;
}

.delivery_services_sec .delivery-box .grid {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

.delivery_services_sec .select_borough h3 {
    font-size: var(--text-sm);
    margin-bottom: 12px;
    color: var(--label-color);
    font-family: var(--font-body);
    line-height: var(--text-sm--lh);
    font-weight: 600;
}

.delivery_services_sec .borough-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.delivery_services_sec .borough_loc {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px;
    border-radius: 12px;
    background: var(--body-wheat-bg);
    border: 1px solid var(--border);
    cursor: pointer;
    transition: var(--transition);
}

.delivery_services_sec .borough_loc svg {
    width: 14px;
    color: var(--body-text-light);
}

.delivery_services_sec .borough_loc strong {
    display: block;
    font-size: var(--text-sm);
    color: var(--label-color);
    line-height: var(--text-sm--lh);
}

.delivery_services_sec .borough_loc small {
    color: var(--body-text-light);
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    display: block;
}

.delivery_services_sec .borough_loc.active {
    border-color: var(--action);
    background: oklch(0.56 0.19 32 / 0.1);
}

.delivery_services_sec .borough_loc.active svg {
    color: var(--action);
}

.delivery_services_sec .input-box {
    display: flex;
    align-items: center;
    background: var(--body-wheat-bg);
    border-radius: 12px;
    padding: 12px 16px;
    border: 1px solid var(--border);
    gap: 8px;
}

.delivery_services_sec .input-box span {
    color: var(--body-text-dark);
}

.delivery_services_sec .input-box input {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    font-size: var(--text-base);
    color: var(--title-color);
    padding: 0;
    box-shadow: none;
}

.delivery_services_sec .tip {
    color: var(--body-text-light);
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    margin: 8px 0 20px;
}

.delivery_services_sec .btn {
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 16px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, oklch(0.56 0.19 32) 0%, oklch(0.72 0.16 72) 100%);
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.delivery_services_sec .btn svg {
    width: 16px;
}

.delivery_services_sec .result_box {
    background: var(--body-wheat-bg);
    border-radius: 16px;
    padding: 24px;
    border: 1px solid var(--border);
    position: relative;
    margin-bottom: 24px;
}

.delivery_services_sec .result_box p {
    font-size: var(--text-sm);
    color: var(--body-text);
}

.delivery_services_sec .result_box h2 {
    font-size: 40px;
    margin-top: 4px;
    margin-bottom: 8px;
}

.delivery_services_sec .delivery_icon {
    background: oklch(0.56 0.19 32 / 0.1);
    border-radius: 50%;
    padding: 11px;
    width: 40px;
    height: 40px;
}

.delivery_services_sec .delivery_icon svg {
    color: var(--action);
}

.delivery_services_sec .about_delivery h3 {
    font-size: var(--text-sm);
    margin-bottom: 12px;
    color: var(--label-color);
    font-family: var(--font-body);
    line-height: var(--text-sm--lh);
    font-weight: 600;
}

.delivery_services_sec .fee_tiers {
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.delivery_services_sec .fee_tiers>div {
    display: flex;
    justify-content: space-between;
    padding: 14px 20px;
    background: var(--bg-light);
    border-bottom: 1px solid oklch(0.93 0.03 80);
    color: var(--label-color);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
}

.delivery_services_sec .fee_tiers>div:last-child {
    border-bottom: none;
}

.delivery_services_sec .fee_tiers strong {
    font-weight: 600;
    font-family: var(--font-mono);
}

.delivery_services_sec .fee_tiers .free {
    color: var(--green);
}

.delivery_services_sec .fee_tiers .over_miles,
.delivery_services_sec .fee_tiers .by_distance {
    color: oklch(0.56 0.19 32);
}

.delivery_services_sec .delivery_hours {
    margin-top: 24px;
    padding: 24px;
    border-radius: 16px;
    background-color: var(--title-color);
    border: 1px solid oklch(0.2 0.03 72);
    color: oklch(0.9 0.04 80);
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    font-weight: 600;
    letter-spacing: 0.6px;
}

.delivery_services_sec .delivery_hours h6 {
    font-size: var(--text-xs);
    margin-bottom: 16px;
    color: var(--body-text-light-v2);
    font-family: var(--font-body);
    line-height: var(--text-xs--lh);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.delivery_services_sec .hours_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.delivery_services_sec .hour_item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.delivery_services_sec .icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.delivery_services_sec .day_icon {
    background: oklch(0.72 0.16 72 / 0.15);
    color: oklch(0.72 0.16 72);
}

.delivery_services_sec .night_icon {
    background: oklch(0.42 0.12 152 / 0.2);
    color: oklch(0.65 0.1 152);
}

.delivery_services_sec .icon svg {
    width: 15px;
}

.delivery_services_sec .label {
    color: oklch(0.72 0.16 72);
    text-transform: uppercase;
    margin-bottom: 4px;
}

.delivery_services_sec .label.night {
    color: oklch(0.65 0.1 152);
}

.delivery_services_sec .time {
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    font-weight: 500;
    font-family: var(--font-mono);
    letter-spacing: 0;
}

.delivery_services_sec .features_row {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.delivery_services_sec .feature_card {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--title-color);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
}

.delivery_services_sec .card_icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-inline: auto;
}

.delivery_services_sec .card_icon svg {
    width: 20px;
    height: 20px;
}

.delivery_services_sec .card_icon.delivery {
    background: var(--green-bg);
    color: var(--green);
}

.delivery_services_sec .card_icon.location {
    background: var(--action-bg);
    color: var(--action);
}

.delivery_services_sec .feature_card .title {
    font-weight: 600;
}

.delivery_services_sec .feature_card .desc {
    color: var(--body-text-light);
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
}

.about_delivery .empty-state {
    background-color: var(--body-wheat-bg);
    border: 1px dashed var(--border);
    min-height: 200px;
    text-align: center;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px;
    color: var(--body-text-light-v2);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
}

.about_delivery .empty-state .icon svg {
    width: 32px;
    height: 32px;
    color: oklch(0.75 0.04 80);
}

/* ***************** Sec 16 ***************** */
/* ***************** Sec 17 ***************** */
.brand-story__row {
    gap: 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
}

.brand-story__img {
    object-fit: cover;
    height: 420px;
}

.brand-story__left {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
}

.brand-story__img-caption {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    font-style: italic;
    font-weight: 600;
    color: var(--body-bg);
    z-index: 2;
    font-family: var(--font-title);
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--lh);
}

.brand-story__left::after {
    content: "";
    position: absolute;
    background: linear-gradient(to top, oklch(0.14 0.02 72 / 0.4) 0%, transparent 60%);
    inset: 0;
}

.brand-story-sec .intro-title {
    line-height: 1.15;
}

.brand-story-sec .intro-desc {
    color: var(--review-color);
    line-height: 1.625;
}

.brand-story-sec .intro-desc p {
    margin-bottom: 1em;
}

.brand-story__stats {
    border-top: 1px solid var(--border);
    margin-top: 2rem;
    padding-top: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.bss-card__value {
    font-weight: 700;
    color: var(--action);
    font-family: var(--font-title);
}

.bss-card__tag {
    color: var(--body-text-light-v2);
}

/* ***************** Sec 17 ***************** */
/* ***************** Sec 18 ***************** */
.subscription-sec {
    background: linear-gradient(135deg, var(--title-color) 0%, oklch(0.2 0.04 72) 100%);
    padding-block: 4rem;
}

.subscription__row {
    gap: 2.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
}

.subscription-intro .intro-title {
    color: var(--body-bg);
    line-height: 1.15;
}

.intro-mustrad .intro-title strong {
    color: var(--mustrad);
    font-weight: inherit;
}

.subscription-intro .intro-desc {
    line-height: 1.625;
    color: oklch(0.7 0.04 80);
}

.newsletter-form {
    background-color: oklch(0.22 0.04 72);
    border: 1px solid oklch(0.3 0.04 72);
    padding: 1.25rem;
    border-radius: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-end;
    gap: 0.5rem;
}

.newsletter-form label {
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    color: oklch(0.92 0.02 80);
    gap: 0.5rem;
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.newsletter-form label svg {
    height: 1.1428em;
    width: auto;
}

.newsletter-form__email label svg {
    color: var(--mustrad);
}

.newsletter-form__sms label svg {
    color: oklch(0.65 0.1 152);
}

.newsletter-form .wpcf7-form-control {
    background-color: oklch(0.16 0.03 72);
    border: 1px solid oklch(0.3 0.04 72);
    color: oklch(0.92 0.02 80);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    padding: 0.625rem 1rem;
    border-radius: 0.75rem;
}

.newsletter-form .wpcf7-form-control::placeholder {
    color: oklch(0.56 0.02 75.12);
    font-weight: 500;
}

body[data-form-submit="regular"] .newsletter-form .wpcf7-submit {
    color: var(--st-white);
    letter-spacing: .01em;
    cursor: pointer;
    background-color: var(--action);
    border: none;
    border-radius: 9999px;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
    transition: var(--transition);
    display: inline-flex;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    padding: 0.6rem 1.1rem;
    min-height: 42px;
    cursor: pointer;
}

.newsletter-form span.wpcf7-spinner {
    display: none;
}

body[data-form-submit="regular"] .newsletter-form .wpcf7-submit:hover {
    background-color: oklch(50% .19 32);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px oklab(56.001% 0.16177 0.10042 / 0.349);
    opacity: 1;
}

body[data-form-submit="regular"] .newsletter-form__sms .wpcf7-submit {
    background-color: var(--green);
    color: var(--st-white);
    border: none;
    border-radius: .75rem;
    padding: 0.625rem 1rem;
    letter-spacing: 0;
}

.newsletter-form .wpcf7-form-control:focus,
.newsletter-form .wpcf7-form-control:focus-visible {
    border-color: var(--action) !important;
}

.newsletter-form .wpcf7-not-valid-tip {
    position: absolute;
    color: var(--action);
    bottom: -4px;
    top: auto;
    transform: translateY(100%);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    width: 100%;
    background: oklch(0.93 0.03 43.62);
    border-radius: 8px;
    padding: 0.5rem 1rem;
}

/* ************** Error ************** */
.wpcf7 form .wpcf7-response-output {
    margin-bottom: 0;
    margin-inline: 0;
    padding: 0.5rem 1rem;
    border-width: 1px;
    font-weight: 500;
    border-radius: 4px;
    width: 95%;
    margin-inline: auto;
}

.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    color: #ffa100;
    background: #fff2d7;
    border-color: #ffa100;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #fa4362;
    border-color: #fa4362;
    background: #ffe6ec;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #11b76b;
    border-color: #11b76b;
    background: #e6f6ed;
    margin-top: 1rem;
}

/* ************** Error ************** */
/* ***************** Sec 18 ***************** */
/* ***************** Sec 19 ***************** */
.community-sec .intro-desc {
    max-width: 440px;
}

.community__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.community-card {
    background: linear-gradient(135deg, var(--title-color) 0%, oklch(0.22 0.04 72) 100%);
    border: 1px solid var(--sub-title-color);
    padding: 2rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

.community-card__icon {
    background-color: oklch(0.56 0.19 32 / 0.2);
    border-radius: 0.75rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mustrad);
}

.community-card__icon svg {
    height: 1.375em;
    width: auto;
}

.community-card__tag {
    color: var(--wheat-text);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.community-card__title {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--lh);
    color: var(--body-bg);
}

.community-card__desc {
    color: oklch(0.7 0.04 80);
    line-height: 1.625;
}

.community-card__shipping {
    background: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.06) 0px 4px 20px;
}

.community-card__shipping .community-card__icon {
    background-color: oklch(0.42 0.12 152 / 0.1);
    color: var(--green);
}

.community-card__shipping .community-card__title {
    color: var(--title-color);
}

.community-card__shipping .community-card__tag {
    color: var(--body-text-light-v2);
}

.community-card__shipping .community-card__desc {
    color: var(--body-text);
}

.community-card__shipping .btn-v2__action {
    color: var(--body-bg);
    background: var(--title-color);
}

.community-card__shipping .btn-v2__action:hover {
    background-color: oklch(0.22 0.03 72);
}

.community-card__follow::after {
    content: "";
    width: 300px;
    height: 300px;
    top: -80px;
    right: -60px;
    background: radial-gradient(circle, oklch(0.56 0.19 32 / 0.2) 0%, transparent 70%);
    pointer-events: none;
    position: absolute;
}

/* ***************** Sec 19 ***************** */
/* ***************** Sec 20 ***************** */
.blog-sec__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
    align-items: flex-start;
}

.blog-sec .intro-title {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1.5;
}

.brand-directory__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.brand-directory__link {
    background: var(--body-wheat-bg);
    border: 1px solid var(--border);
    transition: all .15s cubic-bezier(.4, 0, .2, 1);
    font-weight: 500;
    padding: 6px 12px;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    border-radius: 3.40282e38px;
    color: var(--review-color);
}

.brand-directory__link:hover {
    background-color: var(--action);
    color: var(--st-white);
    border-color: var(--action);
}

.bb-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: none;
    transform: translateY(0px);
    padding: 1.25rem;
    border-radius: 1rem;
    gap: 0.5rem;
    transition: var(--transition);
}

.bb-card:hover {
    box-shadow: oklch(0.14 0.02 72 / 0.08) 0px 4px 16px;
}

.bb-card__support-text {
    gap: 4px;
}

.bb-card__title {
    font-family: var(--font-title);
    color: var(--title-color);
    font-weight: 600;
}

.bb-card__desc {
    line-height: 1.625;
}

/* ***************** Sec 20 ***************** */
/* ***************** Sec 21 ***************** */
.faq-sec .intro {
    margin-bottom: 2rem;
}

.faq-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.5rem;
    align-items: flex-start;
}

.faq-card {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 1rem;
}

.faq-card__ques {
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    font-weight: 600;
    padding: 1rem 3rem 1rem 1.25rem;
    color: var(--title-color);
    position: relative;
    cursor: pointer;
}

.faq-card__ques::after {
    content: "";
    position: absolute;
    background-color: var(--action);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.25rem;
    height: 1.25rem;
    right: 1.25rem;
    transition: var(--transition);
    top: 1.2em;
}

.faq-card__content {
    padding: 0.75rem 1.25rem 1rem;
    border-top: 1px solid var(--border);
    font-size: var(--text-sm);
    line-height: 1.625;
    color: var(--body-text-dark);
}

.faq-card__ans {
    display: none;
}

.faq-card.active .faq-card__ques::after {
    transform: rotate(180deg);
}

.compnay-info {
    background-color: var(--bg-light);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.06) 0px 4px 20px;
    padding: 1.75rem;
    border-radius: 1rem;
}

.ci-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: flex-start;
}

.ci-card__icon svg {
    width: 1rem;
    height: auto;
}

.ci-card__info {
    gap: 2px;
}

.ci-card__tag {
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    letter-spacing: .05em;
}

.ci-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background-color: oklch(0.56 0.19 32 / 0.1);
    color: var(--action);
}

.ci-card:nth-child(2) .ci-card__icon {
    background-color: oklch(0.42 0.12 152 / 0.1);
    color: var(--green);
}

.ci-card:nth-child(3) .ci-card__icon {
    background-color: oklch(0.6 0.14 72 / 0.12);
    color: var(--dark-mustrad);
}

.ci-card:nth-child(4) .ci-card__icon {
    background-color: oklch(0.6 0.14 72 / 0.12);
    color: var(--dark-mustrad);
}

.ci-card__value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* ***************** Sec 21 ***************** */
/* **************************** Home **************************** */
/* **************************** Brands **************************** */
.hero-banner-v2 {
    min-height: 220px;
    padding-block: 2rem;
    position: relative;
    justify-content: center;
}

.hero-banner-v2::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, oklch(0.1 0.02 72 / 0.88) 0%, oklch(0.1 0.02 72 / 0.65) 55%, oklch(0.1 0.02 72 / 0.35) 100%);
    inset: 0;
}

.hero-banner-v2__bg {
    position: absolute;
    object-fit: cover;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero-banner-v2__desc {
    color: oklch(0.78 0.04 80);
    max-width: 400px;
    line-height: 1.5;
}

.hero-banner-v2__title {
    font-size: clamp(2rem, 4vw, 3rem);
    color: var(--body-bg);
    line-height: 1.05;
}

.hero-banner-v2__title strong {
    font-style: italic;
    color: var(--mustrad);
}

.breadcrumbs-v2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.breadcrumbs-v2__current {
    font-weight: 600;
    color: var(--mustrad);
}

.breadcrumbs-v2__separator {
    color: oklch(0.45 0.03 72);
    font-size: 0.7rem;
    line-height: 1.5;
}

.breadcrumbs-v2__link svg {
    height: 1em;
    width: auto;
}

.breadcrumbs-v2__link {
    display: flex;
    align-items: center;
    color: oklch(0.72 0.04 80);
    gap: 4px;
    font-weight: 600;
}

.brands-filter-sec {
    background-color: oklch(0.97 0.02 80 / 0.97);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.06) 0px 2px 12px;
    padding-block: 0.75rem;
    position: sticky;
    top: var(--header-height);
    z-index: 10;
}

.brands-filter__count {
    color: var(--body-text-light-v2);
    line-height: 2;
}

.brands-filter__row {
    gap: 6px;
}

.brands-filter__wrap {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.brands-filter__category-list {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cat-item {
    background-color: var(--body-wheat-bg);
    color: var(--brown);
    border: 1px solid var(--border);
    transition: var(--transition);
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 3.40282e38px;
}

.cat-item.active {
    background-color: var(--title-color);
    color: var(--body-bg);
    border: 1px solid var(--title-color);
}

.brands-filter__search {
    flex-grow: 1;
}

.brands-filter__search-inner {
    position: relative;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    background-color: var(--body-wheat-bg);
    border: 1px solid var(--border);
    border-radius: 0.75rem;
}

.gloabl-theme .brands-filter__search-inner input {
    color: var(--title-color);
    padding: 0.5rem 0.75rem 0.5rem 2.125rem;
    border: 0;
    background: transparent;
    box-shadow: unset !important;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
}

.brands-filter__search-inner svg {
    width: 1em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.75rem;
    color: var(--body-text-light-v2);
}

.gloabl-theme .brands-filter__search-inner input::placeholder {
    color: rgba(20, 18, 10, 0.5)
}

.brands-list-sec {
    padding-block: 2.5rem;
}

.brands-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.brand-form__sec {
    background: linear-gradient(135deg, var(--title-color) 0%, oklch(0.18 0.04 50) 100%);
    padding-block: 4rem;
}

.brand-form__row {
    max-width: 672px;
    margin-inline: auto;
}

.brand-form__title {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    color: var(--body-bg);
    line-height: 1.1;
}

.brand-form__desc {
    color: oklch(0.7 0.04 80);
    line-height: 1.65;
    max-width: 480px;
}

.rounded-title__dark {
    margin-left: 0;
    background-color: oklch(0.56 0.19 32 / 0.15);
    border: 1px solid oklch(0.56 0.19 32 / 0.3);
    color: var(--mustrad);
}

/* **************************** Brands **************************** */
/* **************************** Global Form **************************** */
.global-form {
    background-color: oklch(0.18 0.03 72);
    border: 1px solid oklch(0.25 0.03 72);
    padding: 2rem;
    border-radius: 1rem;
}

.form-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-item {
    grid-column: 1/-1;
}

.form-item.w-half {
    grid-column: unset;
}

.form-item label {
    color: var(--wheat-text);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    margin-bottom: 6px;
    display: inline-block;
}

.form-item .wpcf7-form-control {
    background-color: oklch(0.22 0.03 72);
    border: 1px solid oklch(0.28 0.03 72);
    color: oklch(0.9 0.04 80);
    transition: var(--transition);
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    border-radius: 0.75rem;
    padding: 0.625rem 1rem;
    min-height: 42px;
    font-family: var(--font-body);
}

.form-item .wpcf7-form-control::placeholder {
    color: oklch(0.9 0.04 80 / 0.5);
}

.form-item .wpcf7-form-control:focus,
.form-item .wpcf7-form-control:focus-visible {
    border-color: var(--action) !important;
}

.global-form__desc {
    color: oklch(0.5 0.04 72);
}

.form-item.form-submit {
    margin-top: 0.5rem;
}

.form-item>p {
    display: grid;
}

.form-item textarea.wpcf7-form-control {
    height: 82px;
}

.form-submit .wpcf7-submit[type="submit"] {
    background-color: var(--action) !important;
    color: var(--st-white);
    cursor: pointer;
    transition: var(--transition);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    gap: 0.5rem;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    border: 0;
    font-family: var(--font-body);
}

.form-submit .wpcf7-submit[type="submit"] svg {
    width: 1em;
}

.form-submit .wpcf7-submit[type="submit"]:hover {
    background-color: oklch(0.65 0.18 32) !important;
    opacity: 1;
}

.form-item label span {
    font-weight: 400;
    color: inherit;
}

.form-item select.wpcf7-form-control {
    appearance: none;
}

.form-item select.wpcf7-form-control:has(option:first-child:checked) {
    color: oklch(0.9 0.04 80 / 0.5);
}

.form-item .wpcf7-form-control-wrap:has(select) {
    position: relative;
}

.form-item .wpcf7-form-control-wrap:has(select)::after {
    content: '';
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    position: absolute;
    width: 14px;
    height: 14px;
    background: oklch(0.9 0.04 80 / 0.5);
    top: 50%;
    transform: translateY(-50%);
    right: 0.75rem;
}

.global-form .wpcf7-response-output {
    width: 100% !important;
}

/* **************************** Global Form **************************** */
/* **************************** Strains Page **************************** */
.hero-banner__dark {
    min-height: 200px;
    background: rgb(10, 10, 10);
    padding-block: 3rem 2rem;
    position: relative;
}

.hero-banner__dark-svg {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234CAF50' fill-opacity='0.3'%3E%3Cpath d='M30 5 C30 5 18 17 18 29 C18 41 30 45 30 45 C30 45 42 41 42 29 C42 17 30 5 30 5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 60px 60px;
    opacity: 20%;
    position: absolute;
    inset: 0;
}

.hero-banner__dark-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(10, 26, 10, 0.9) 0%, rgba(10, 10, 10, 0.7) 50%, rgba(42, 10, 0, 0.8) 100%);
}

.hero-banner__dark .breadcrumbs-v2 {
    color: rgb(136, 136, 136);
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.hero-banner__dark .breadcrumbs-v2__link {
    color: rgb(136, 136, 136);
    font-weight: 400;
}

.hero-banner__dark .breadcrumbs-v2__current {
    color: rgb(200, 168, 64);
    font-weight: 400;
}

.hero-banner__dark .breadcrumbs-v2__separator {
    color: rgb(136, 136, 136);
}

.hero-banner__dark-subtext {
    font-size: 11px;
    letter-spacing: 0.2em;
    color: rgb(200, 168, 64);
    text-transform: uppercase;
}

.hero-banner__title-wrap {
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: flex-end;
}

.hero-banner__dark-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    color: rgb(245, 239, 224);
    line-height: 1.1;
    font-weight: 400;
}

.hero-banner__dark-inner {
    gap: 4px;
}

.hero-banner__strain-theme {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.st-theme__name {
    font-size: 12px;
    color: rgb(170, 170, 170);
}

.st-theme {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.st-theme__color {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: var(--color);
}

.st-theme__indica {
    --color: rgb(76, 175, 80);
}

.st-theme__sativa {
    --color: rgb(224, 112, 64);
}

.st-theme__hybrid {
    --color: rgb(200, 168, 64);
}

.strains-filter__sec {
    background: rgb(26, 26, 10);
    border-bottom: 1px solid rgb(42, 42, 26);
    padding-block: 0.75rem;
}

.strains-category__list {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.st-cat-item {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    border: 1px solid rgb(42, 42, 26);
    transition: var(--transition);
    color: rgb(102, 102, 102);
}

.st-cat-item:hover,
.st-cat-item__active {
    background: rgb(42, 42, 26);
    color: rgb(200, 168, 64);
    border-color: rgb(200, 168, 64);
}

.strains-filter__row {
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}

.strains-resul__count {
    font-size: var(--text-xs);
    color: rgb(102, 102, 102);
    font-family: var(--font-mono);
}

.strains-filter__wrap {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.strains-filter__category-list .cat-item {
    padding: 6px 14px;
    border-radius: 20px;
    line-height: 1.5;
    background: transparent;
    color: rgb(136, 136, 136);
    border-color: rgb(58, 58, 42);
}

.strains-filter__category-list .cat-item.active,
.strains-filter__category-list .cat-item:hover {
    border-color: rgb(200, 168, 64);
    background: rgb(200, 168, 64);
    color: rgb(10, 10, 10);
}

.strains-filter__category-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.strains-filter__search-inner {
    position: relative;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    background-color: rgb(42, 42, 26);
    border: 1px solid rgb(58, 58, 42);
    border-radius: 0.5rem;
}

.strains-filter__search-inner svg {
    width: 1em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.75rem;
    color: var(--body-text-light-v2);
}

.strains-filter__search-inner input {
    color: rgb(245, 239, 224);
    padding: 0.5rem 0.75rem 0.5rem 2.125rem;
    border: 0;
    background: transparent;
    box-shadow: unset !important;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
}

.strains-filter__search {
    flex-grow: 21;
    max-width: 360px;
}

.strains-filter__search-inner input::placeholder {
    color: rgba(245, 239, 224, 0.5) !important;
}

.strains-list-sec {
    padding-top: 2rem;
}

.strains-list__row {
    gap: 1rem;
    grid-template-columns: 3rem 1fr;
}

.strains-list__nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 2rem;
    align-items: center;
    position: sticky;
    top: calc(var(--header-height) + 2rem);
}

.strains-list__nav a {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    font-family: var(--font-mono);
    color: rgb(200, 168, 64);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.strains-list__nav a:hover {
    background: rgb(42, 42, 26);
}

.strains-list__nav a.empty {
    color: rgb(204, 197, 176);
    pointer-events: none;
}

.strains-card {
    margin-bottom: 2.5rem;
}

.strains-card__title {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--font-title);
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    color: rgb(200, 168, 64);
    opacity: 0.6;
}

.strains-card__divider {
    flex: 1 1 0%;
    height: 1px;
    background: linear-gradient(90deg, rgb(200, 168, 64) 0%, transparent 100%);
    opacity: 0.3;
}

.strains-list {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 1rem;
}

/* **************************** Strains Page **************************** */
/* **************************** Strains Card **************************** */
.sl-card {
    background: rgb(253, 250, 244);
    border: 1px solid rgb(232, 224, 208);
    border-radius: 12px;
    overflow: hidden;
    text-align: left;
    transition: var(--transition);
    box-shadow: rgba(200, 168, 64, 0.133) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 4px 20px;
}

.sl-card:has(.sl-card__tag) {
    border: 1px solid rgba(var(--r), var(--g), var(--b), 1);
}

.sl-card:hover {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 32px, rgba(var(--r), var(--g), var(--b), 0.267) 0px 0px 0px 1px;
    transform: translateY(-3px);
}

.sl-card__top {
    height: 130px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, rgba(calc(var(--r) * 0.13), calc(var(--g) * 0.15), calc(var(--b) * 0.13), 1) 0%, rgba(13, 13, 13, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sl-card__top svg {
    width: 80px;
    color: rgba(var(--r), var(--g), var(--b), 1);
}

.sl-card__tag {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 8px;
    border-radius: 20px;
    background: rgba(200, 168, 64, 0.133);
    color: rgb(200, 168, 64);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 1px solid rgba(200, 168, 64, 0.267);
}

.sl-card__type {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 10px;
    border-radius: 20px;
    background: rgb(calc(var(--r) * 0.34), calc(var(--g) * 0.34), calc(var(--b) * 0.34));
    color: rgba(var(--r), var(--g), var(--b), 1);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sl-card__info {
    padding: 14px 16px 16px;
}

.sl-card__category {
    display: flex;
    align-items: center;
    gap: 4px;
}

.sl-card__item {
    padding: 2px 8px;
    border-radius: 20px;
    background: rgb(240, 234, 216);
    color: rgb(90, 74, 42);
    font-size: 10px;
}

.sl-card__bottom {
    gap: 12px;
}

.sl-card__desc {
    font-size: 11px;
    color: rgb(136, 136, 136);
}

.sl-card__link {
    font-size: 11px;
    color: rgba(var(--r), var(--g), var(--b), 1);
    font-weight: 600;
}

.sl-card__title {
    font-size: var(--text-base);
    font-weight: 700;
    line-height: 1.3;
}

.sl-card__progress-wrap {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.5rem;
}

.sl-card__inner {
    gap: 4px;
}

.sl-card__progress-tag {
    color: rgb(136, 136, 136);
    min-width: 28px;
}

.sl-card__progress {
    width: 100%;
    height: 4px;
    background: rgb(42, 42, 42);
    border-radius: 3.40282e38px;
    overflow: hidden;
}

.sl-card__progress-value {
    color: rgb(200, 168, 64);
    min-width: 32px;
    text-align: right;
}

.sl-card__progress-inner {
    width: var(--width);
    background: rgb(200, 168, 64);
    height: 4px;
    border-radius: 3.40282e38px;
}

/* **************************** Strains Card **************************** */
/* **************************** Other Pages **************************** */
div:has([title="Verified by MonsterInsights"]) {
    display: none;
}

.open_status span {
    padding: 2px 10px;
    border-radius: 3.40282e38px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: var(--text-xs);
    line-height: var(--text-xs--lh);
    font-family: var(--font-mono);
    gap: 6px;
}

.open_status span:before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    content: '';
}

.open_status .open {
    background-color: rgb(0 95 41 / 25%);
    border: 1px solid rgb(0 95 41 / 50%);
    color: rgb(124 192 143);
}

.open_status .open:before {
    background-color: rgb(79 164 106);
}

.open_status .close {
    background-color: oklch(0.56 0.19 32 / 0.12);
    border: 1px solid oklch(0.56 0.19 32 / 0.3);
    color: var(--action);
}

.open_status .close:before {
    background-color: var(--action);
}

.daynight-menu_night .daynight-menu_time.active {
    background-color: oklch(0.56 0.19 32);
    border-color: oklch(0.56 0.19 32);
    box-shadow: oklch(0.56 0.19 32 / 0.3) 0px 2px 8px;
    color: white;
}

.brands-list-sec.no-data {
    display: none;
}

.not_found_section {
    margin-block: 40px;
}

.not_found_section-inner {
    text-align: center;
}

.not-found__title {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--lh);
    font-weight: 600;
    font-family: var(--font-title);
    color: var(--title-color);
    margin-bottom: 8px;
}

.not-found__desc {
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    color: var(--body-text-light-v2);
    margin-bottom: 16px;
}

.clear_all_brand_filters {
    background-color: oklch(0.56 0.19 32);
    color: white !important;
    font-weight: 600;
    padding: 0.5rem 1rem;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    border-radius: 3.40282e38px;
    transition: all .3s ease;
}

.clear_all_brand_filters:hover {
    background-color: var(--action-hover);
}

.pf-card__add-to-cart[disabled] {
    background: #cc361e14;
    color: oklch(0.56 0.19 32);
    pointer-events: none;
    outline: 1px solid oklch(0.56 0.19 32 / 0.23);
    outline-offset: -1px;
    pointer-events: none;
}

/* **************************** Other Pages **************************** */
/* **************************** 404 Page **************************** */
.error404 #header-outer {
    display: block;
    position: sticky !important;
    padding: 0;
}

.error404 #top {
    display: none;
}

.error404 #header-outer .nectar-global-section {
    margin: 0 !important;
}

.shop-category-v2 .shop-category__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.category-card__v2 {
    padding: 2rem 1.5rem;
    background: var(--st-white);
}

.category-card__v2:first-child {
    border-color: rgba(200, 57, 26, 0.25);
    background: linear-gradient(135deg, rgba(200, 57, 26, 0.04) 0%, var(--st-white) 60%) !important;
}

.category-card__v2:hover {
    background: var(--st-white);
    transform: translateY(-4px);
    border-color: rgba(200, 57, 26, 0.20);
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
}

.category-card__v2 .category-card__icon {
    width: 3.25rem;
    height: 3.25rem;
}

.category-card__v2 .category-card__icon svg {
    height: 1.5rem;
}

.category-card__v2 .category-card__eyebrow {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wheat-text);
}

.category-card__v2 .category-card__desc {
    font-size: 13px;
    margin-bottom: auto;
}

.category-card__v2 .category-card__link {
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--action);
    margin-top: 4px;
}

.category-card__v2 .category-card__link svg {
    height: 13px;
    width: auto;
    transition: transform 0.2s;
}

.category-card__v2:hover .category-card__link svg {
    transform: translateX(4px);
}

.browsw-by-category .intro {
    margin-bottom: 2rem;
}

.category-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cat-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--st-white);
    border: 1px solid var(--border);
    border-radius: 50px;
    padding: 9px 18px;
    font-size: 13px;
    font-weight: 600;
    color: var(--title-color);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s, background 0.2s, color 0.2s, transform 0.15s;
    cursor: pointer;
    text-decoration: none;
}

.cat-pill svg {
    width: 14px;
    height: 14px;
    opacity: 0.5;
}

.cat-pill:hover {
    border-color: rgba(200, 57, 26, 0.35);
    background: rgba(200, 57, 26, 0.05);
    color: var(--action);
    transform: translateY(-1px);
}

.need-help__grid {
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: start;
}

.need-help__left {
    gap: 28px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--st-white);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 16px 20px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.contact-item:hover {
    border-color: rgba(200, 57, 26, 0.25);
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
}

.contact-item__icon {
    width: 42px;
    height: 42px;
    border-radius: 0.875rem;
    flex-shrink: 0;
    background: rgba(200, 57, 26, 0.10);
    color: var(--action);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-item__icon svg {
    width: 18px;
    height: 18px;
}

.contact-item__label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-light);
    margin-bottom: 3px;
}

.contact-item__value {
    font-size: 14px;
    font-weight: 600;
    color: var(--title-color);
    word-break: break-word;
}

.hours-card {
    background: var(--title-color);
    border-radius: 1.25rem;
    padding: 32px 28px;
    position: relative;
    overflow: hidden;
}

.hours-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 80% 20%, rgba(200, 57, 26, 0.15) 0%, transparent 60%);
    pointer-events: none;
}

.hours-card__content {
    position: relative;
    z-index: 1;
}

.hours-card__title {
    font-family: var(--font-title);
    font-size: 22px;
    font-weight: 700;
    color: var(--st-white);
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hours-card__title svg {
    width: 20px;
    height: 20px;
    color: var(--mustrad);
}

.hours-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.hours-row__label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    display: flex;
    align-items: center;
    gap: 8px;
}

.hours-badge--green {
    background: rgba(64, 145, 108, 0.20);
    color: #6fcf97;
}

.hours-badge--amber {
    background: rgba(232, 160, 32, 0.15);
    color: var(--mustrad);
}

.hours-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hours-row__value {
    font-size: 13px;
    font-weight: 700;
    color: var(--st-white);
}

.hours-note {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.40);
    margin-top: 16px;
    line-height: 1.6;
}

.hours-quick-links {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.hours-quick-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mustrad);
    text-decoration: none;
    transition: color 0.2s;
}

.hours-quick-link:hover {
    color: #fff;
}

.hours-quick-link svg {
    width: 12px;
    height: 12px;
}

.hero-404 {
    background: var(--title-color);
    padding-top: 4rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-404__img {
    height: 120px;
    width: auto;
    margin-bottom: 1rem;
}

.hero-404::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 15% 60%, rgba(200, 57, 26, 0.20) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 30%, rgba(232, 160, 32, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 100%, rgba(45, 106, 79, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

.hero-404__watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-title);
    font-size: clamp(160px, 28vw, 320px);
    font-weight: 900;
    color: rgba(255, 255, 255, 0.025);
    pointer-events: none;
    white-space: nowrap;
    line-height: 1;
    z-index: 0;
}

.hero-404__content {
    position: relative;
    z-index: 1;
}

.hero-404__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mustrad);
    margin-bottom: 20px;
}

.hero-404__title {
    font-family: var(--font-title);
    font-size: clamp(44px, 7vw, 80px);
    font-weight: 900;
    color: var(--st-white);
    line-height: 1.0;
    margin-bottom: 24px;
}

.hero-404__desc {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.65);
    max-width: 520px;
    margin: 0 auto 40px;
    line-height: 1.8;
}

.hero-404__title strong {
    color: var(--mustrad);
    font-style: italic;
}

/* **************************** 404 Page **************************** */
/* **************************** About Page **************************** */
#error-template .intro-title,
#about-template .intro-title {
    line-height: 1.25;
}

.page-hero {
    background: var(--title-color);
    padding-top: 96px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.page-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 15% 60%, rgba(200, 57, 26, 0.20) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 30%, rgba(232, 160, 32, 0.12) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 100%, rgba(45, 106, 79, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

.page-hero__content {
    position: relative;
    z-index: 1;
}

.page-hero__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mustrad);
    margin-bottom: 20px;
}

.page-hero__title {
    font-family: var(--font-title);
    font-size: clamp(44px, 7vw, 80px);
    font-weight: 900;
    color: var(--st-white);
    line-height: 1.0;
    margin-bottom: 28px;
}

.page-hero__title strong {
    color: var(--mustrad);
    font-style: italic;
}

.page-hero__desc {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.65);
    max-width: 580px;
    margin: 0 auto 40px;
    line-height: 1.8;
}

.page-hero__stats {
    display: flex;
    gap: 0;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 1.25rem;
    overflow: hidden;
    max-width: 640px;
    margin: 0 auto;
}

.hero-stat {
    flex: 1;
    padding: 24px 20px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.hero-stat:last-child {
    border-right: none;
}

.hero-stat__num {
    font-family: var(--font-title);
    font-size: 32px;
    font-weight: 900;
    color: var(--st-white);
    line-height: 1;
    margin-bottom: 4px;
}

.hero-stat__num span {
    color: var(--mustrad);
}

.hero-stat__label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

.our-story__row {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.story-card {
    background: var(--title-color);
    border-radius: 1.25rem;
    padding: 40px 36px;
    position: relative;
    overflow: hidden;
}

.story-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 80% 20%, rgba(200, 57, 26, 0.18) 0%, transparent 60%);
    pointer-events: none;
}

.story-card__year {
    font-family: var(--font-title);
    font-size: 96px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.06);
    line-height: 1;
    margin-bottom: -20px;
    position: relative;
    z-index: 1;
}

.story-card__content {
    position: relative;
    z-index: 1;
}

.story-card__quote {
    font-family: var(--font-title);
    font-size: clamp(20px, 2.5vw, 28px);
    font-style: italic;
    color: var(--st-white);
    line-height: 1.4;
    margin-bottom: 20px;
}

.story-card__quote em {
    color: var(--mustrad);
    font-style: italic;
}

.story-card__attr {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

.story-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 24px;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(200, 57, 26, 0.15);
    border: 1px solid rgba(200, 57, 26, 0.25);
    font-size: 12px;
    font-weight: 700;
    color: #ff8a70;
}

.story-card__badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--action);
    animation: pulse 2s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 0.4
    }
}

.timeline-grid {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
}

.timeline {
    position: relative;
    padding-left: 32px;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(to bottom, var(--action), var(--mustrad), oklch(0.65 0.10 152));
    border-radius: 2px;
}

.timeline-item {
    position: relative;
    margin-bottom: 40px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: -28px;
    top: 6px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--action);
    border: 3px solid var(--body-wheat-bg);
    box-shadow: 0 0 0 2px var(--action);
    box-sizing: border-box;
}

.timeline-item--amber::before {
    background: var(--mustrad);
    box-shadow: 0 0 0 2px var(--mustrad);
}

.timeline-item--green::before {
    background: oklch(0.65 0.10 152);
    box-shadow: 0 0 0 2px oklch(0.65 0.10 152);
}

.timeline-item__year {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--action);
    margin-bottom: 4px;
}

.timeline-item--amber .timeline-item__year {
    color: var(--msutrad);
}

.timeline-item--green .timeline-item__year {
    color: oklch(0.65 0.10 152);
}

.timeline-item__title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 700;
    color: var(--title-color);
    margin-bottom: 6px;
}

.timeline-item__desc {
    font-size: 14px;
    line-height: 1.65;
}

.intro-center .pill-tag {
    margin-inline: auto;
}

.brooklyn-section .intro-title {
    max-width: 768px;
    margin-inline: auto;
    text-wrap: balance;
}

.brooklyn-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.brooklyn-card {
    background: var(--st-white);
    border-radius: 1.25rem;
    padding: 32px 24px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s, box-shadow 0.2s;
    --bg: rgba(var(--r), var(--g), var(--b), .1);
    --text: rgb(var(--r), var(--g), var(--b));
}

.brooklyn-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
}

.brooklyn-card__icon {
    width: 52px;
    height: 52px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: var(--bg);
    color: var(--text);
}

.brooklyn-card__icon svg {
    width: 1.5em;
    height: 1.5em;
}

.brooklyn-card__title {
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 700;
    color: var(--title-color);
    margin-bottom: 10px;
}

.brooklyn-card__desc {
    font-size: 14px;
    line-height: 1.7;
}

.mission-section {
    background: var(--title-color);
}

.mission-grid {
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
}

.tag-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 50px;
    background: rgba(200, 57, 26, 0.10);
    border: 1px solid rgba(200, 57, 26, 0.20);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--action);
    margin-bottom: 16px;
    width: fit-content;
}

.tag-label--light {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.7);
}

.mission-section .intro-title {
    color: var(--st-white);
    line-height: 1.2;
}

.mission-statement {
    font-family: var(--font-title);
    font-size: clamp(22px, 3vw, 32px);
    font-style: italic;
    color: var(--st-white);
    line-height: 1.5;
    border-left: 3px solid var(--action);
    padding-left: 24px;
    margin: 0;
}

.mission-statement:before {
    display: none;
}

.mission-statement em {
    color: var(--mustrad);
    font-style: italic;
}

.mission-section .intro-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.85;
}

.mission-pillar {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.875rem;
    padding: 24px 20px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    transition: background 0.2s;
    --bg: rgba(var(--r), var(--g), var(--b), .1);
    --text: rgb(var(--r), var(--g), var(--b));
}

.mission-pillar:hover {
    background: rgba(255, 255, 255, 0.08);
}

.mission-pillar__icon {
    width: 44px;
    height: 44px;
    border-radius: 0.875rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    background: var(--bg);
}

.mission-pillar__icon svg {
    height: 1.25rem;
    width: auto;
}

.mission-pillar__title {
    font-size: 14px;
    font-weight: 700;
    color: var(--st-white);
    margin-bottom: 4px;
}

.mission-pillar__desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.55;
}

.vision-section {
    background: oklch(0.18 0.03 72);
}

.pill-tag__mustrad {
    background: rgba(232, 160, 32, 0.12);
    color: var(--mustrad);
}

.pill-tag__mustrad.pill-b {
    border-color: rgba(232, 160, 32, 0.25);
}

.vision-section .intro-title {
    color: var(--st-white);
}

.vision-section .intro-desc {
    color: rgba(255, 255, 255, 0.65);
    max-width: 620px;
    text-wrap: balance;
}

.vision-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.vision-card {
    border-radius: 1.25rem;
    padding: 32px 24px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.07);
    transition: transform 0.2s;
}

.vision-card:hover {
    transform: translateY(-3px);
}

.vision-card--metro {
    background: rgba(200, 57, 26, 0.12);
}

.vision-card--national {
    background: rgba(232, 160, 32, 0.10);
}

.vision-card--global {
    background: rgba(45, 106, 79, 0.12);
}

.vision-card__icon {
    font-size: 36px;
    margin-bottom: 16px;
}

.vision-card__title {
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.vision-card--metro .vision-card__title {
    color: #ff8a70;
}

.vision-card--national .vision-card__title {
    color: var(--mustrad);
}

.vision-card--global .vision-card__title {
    color: #6fcf97;
}

.vision-card__status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.vision-card--metro .vision-card__status {
    background: rgba(200, 57, 26, 0.2);
    color: #ff8a70;
}

.vision-card--national .vision-card__status {
    background: rgba(232, 160, 32, 0.15);
    color: var(--mustrad);
}

.vision-card--global .vision-card__status {
    background: rgba(45, 106, 79, 0.15);
    color: #6fcf97;
}

.vision-card__desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.65;
}

/* **************************** About Page **************************** */
/* **************************** Rewards Referral Giveaway Page **************************** */
/* html:has(#rewards-referral-giveaway-template) ,
html:has(#faq-template) {
    scroll-behavior: unset;
}
 */
.hero-badges {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 36px;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.07);
}

.hero-badge svg {
    width: 1em;
    height: auto;
}

.hero-badge--red {
    border-color: rgba(200, 57, 26, 0.4);
    color: #ff8a70;
    background: rgba(200, 57, 26, 0.12);
}

.hero-badge--green {
    border-color: rgba(64, 145, 108, 0.4);
    color: #6fcf97;
    background: rgba(64, 145, 108, 0.10);
}

.hero-badge--amber {
    border-color: rgba(232, 160, 32, 0.4);
    color: var(--mustrad);
    background: rgba(232, 160, 32, 0.10);
}

.page-hero .section-title {
    color: var(--st-white);
    margin-bottom: 16px;
    font-size: clamp(32px, 5vw, 52px);
}

.section-title strong {
    color: var(--mustrad);
    font-style: normal;
}

.page-hero .section-desc {
    color: rgba(255, 255, 255, 0.65);
    margin: 0 auto 36px;
    font-size: 15px;
    max-width: 560px;
    line-height: 1.75;
}

.hero-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

#rewards-referral-giveaway-template .page-hero {
    padding-top: 80px;
}

.referral-hero {
    background: linear-gradient(135deg, var(--action) 0%, #8b1a0a 100%);
    border-radius: 16px;
    padding: 56px 48px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
    margin-top: 56px;
    position: relative;
    overflow: hidden;
}

.referral-hero::before {
    content: '';
    position: absolute;
    right: -80px;
    top: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 65%);
    pointer-events: none;
}

.referral-hero__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 12px;
}

.referral-hero__title {
    font-family: var(--font-title);
    font-size: clamp(36px, 5vw, 52px);
    font-weight: 900;
    color: var(--st-white);
    line-height: 1.1;
    margin-bottom: 16px;
}

.referral-hero__desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    margin-bottom: 28px;
    max-width: 480px;
}

.referral-hero__reward {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 28px 32px;
    text-align: center;
    min-width: 200px;
    backdrop-filter: blur(8px);
    position: relative;
    z-index: 1;
}

.referral-hero__reward-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 8px;
}

.referral-hero__reward-amount {
    font-family: var(--font-title);
    font-size: 56px;
    font-weight: 900;
    color: var(--st-white);
    line-height: 1;
    margin-bottom: 4px;
}

.referral-hero__reward-sub {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
}

.referral-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.referral-step {
    background: var(--st-white);
    border-radius: 16px;
    padding: 32px 24px;
    box-shadow: 0 2px 16px rgba(14, 8, 2, 0.07);
    text-align: center;
    position: relative;
}

.referral-step__num {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--action) 0%, var(--mustrad) 100%);
    color: var(--st-white);
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 4px 16px rgba(200, 57, 26, 0.3);
}

.referral-step__icon {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    background: rgba(200, 57, 26, 0.08);
    color: var(--action);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.referral-step__icon svg {
    width: 22px
}

.referral-step__title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 700;
    color: var(--title-color);
    margin-bottom: 8px;
}

.referral-step__desc {
    font-size: 13px;
    line-height: 1.65;
}

.referral-step__connector {
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: var(--action);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 2;
}

.reward-steps__sec {
    padding-top: 0;
}

.referral-terms {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-top: 4rem;
}

.referral-terms__title {
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 700;
    color: var(--title-color);
    margin-bottom: 16px;
}

.referral-terms__list ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.referral-terms__list ul li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--text);
    line-height: 1.55;
}

.referral-terms__list li::before {
    content: '→';
    color: var(--action);
    flex-shrink: 0;
    font-weight: 700;
}

.overview-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.overview-card {
    border-radius: 1rem;
    padding: 36px 28px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.overview-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 48px rgba(14, 8, 2, 0.18);
}

.overview-card--referral {
    background: var(--action);
}

.overview-card--giveaway {
    background: #2a1c0c;
}

.overview-card--gifts {
    background: #241808;
}

.overview-card__glow {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    filter: blur(60px);
    pointer-events: none;
    top: -40px;
    right: -40px;
    opacity: 0.3;
}

.overview-card--referral .overview-card__glow {
    background: rgba(255, 255, 255, 0.4);
}

.overview-card--giveaway .overview-card__glow {
    background: #2d6a4f;
}

.overview-card--gifts .overview-card__glow {
    background: var(--mustrad);
}

.overview-card__icon {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.overview-card__icon svg {
    width: 26px;
}

.overview-card--referral .overview-card__icon {
    background: rgba(255, 255, 255, 0.2);
    color: var(--st-white);
}

.overview-card--giveaway .overview-card__icon {
    background: rgba(64, 145, 108, 0.2);
    color: #6fcf97;
}

.overview-card--gifts .overview-card__icon {
    background: rgba(232, 160, 32, 0.15);
    color: var(--mustrad);
}

.overview-card__tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.overview-card--referral .overview-card__tag {
    color: rgba(255, 255, 255, 0.75);
}

.overview-card--giveaway .overview-card__tag {
    color: rgba(255, 255, 255, 0.45);
}

.overview-card--gifts .overview-card__tag {
    color: rgba(255, 255, 255, 0.45);
}

.overview-card__title {
    font-family: var(--font-title);
    font-size: clamp(28px, 3.5vw, 38px);
    font-weight: 900;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}

.overview-card--referral .overview-card__title {
    color: var(--st-white);
}

.overview-card--giveaway .overview-card__title {
    color: #6fcf97;
}

.overview-card--gifts .overview-card__title {
    color: var(--mustrad);
}

.overview-card__desc {
    font-size: 14px;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}

.overview-card--referral .overview-card__desc {
    color: rgba(255, 255, 255, 0.85);
}

.overview-card--giveaway .overview-card__desc {
    color: rgba(255, 255, 255, 0.65);
}

.overview-card--gifts .overview-card__desc {
    color: rgba(255, 255, 255, 0.65);
}

.overview-card__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 1;
    margin: 0;
}

.overview-card__list li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.overview-card--referral .overview-card__list li {
    color: rgba(255, 255, 255, 0.9);
}

.overview-card--giveaway .overview-card__list li {
    color: rgba(255, 255, 255, 0.72);
}

.overview-card--gifts .overview-card__list li {
    color: rgba(255, 255, 255, 0.72);
}

.overview-card__list li::before {
    content: '✦';
    font-size: 9px;
    flex-shrink: 0;
}

.overview-card--referral .overview-card__list li::before {
    color: rgba(255, 255, 255, 0.6);
}

.overview-card--giveaway .overview-card__list li::before {
    color: #6fcf97;
}

.overview-card--gifts .overview-card__list li::before {
    color: var(--mustrad);
}

.overview-card .btn-v3 {
    justify-content: center;
    margin-top: auto;
}

.gloabl-theme .overview-card--giveaway .btn-v3 {
    border: 2px solid rgba(111, 207, 151, 0.4);
    color: #6fcf97;
    background: transparent;
}

.gloabl-theme .overview-card--giveaway .btn-v3:hover {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: unset;
}

.gloabl-theme .overview-card--gifts .btn-v3 {
    border: 2px solid rgba(232, 160, 32, 0.4);
    color: var(--mustrad);
    background: transparent;
}

.gloabl-theme .overview-card--gifts .btn-v3:hover {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: unset;
}

/* **************************** Rewards Referral Giveaway Page Page **************************** */
/* **************************** FAQ Page **************************** */
.faq-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 32px;
    align-items: start;
}

@media (max-width: 800px) {
    .faq-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

/* Category sidebar */
.faq-cats {
    position: sticky;
    top: 80px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

@media (max-width: 800px) {
    .faq-cats {
        position: static;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.faq-cat {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 0.875rem;
    font-size: 13px;
    font-weight: 700;
    color: oklch(0.45 0.05 72);
    cursor: pointer;
    border: 2px solid transparent;
    background: transparent;
    transition: all 0.18s;
    text-align: left;
}

.faq-cat:hover {
    background: var(--body-wheat-bg);
    color: var(--title-color);
}

.faq-cat.active {
    background: var(--st-white);
    border-color: var(--action);
    color: var(--action);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
}

.faq-cat__icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--body-wheat-bg);
    color: oklch(0.45 0.05 72);
    transition: all 0.18s;
}

.faq-cat__icon svg {
    width: 16px;
    height: 16px;
}

.faq-cat.active .faq-cat__icon {
    background: rgba(200, 57, 26, 0.10);
    color: var(--action);
}

.faq-cat__count {
    margin-left: auto;
    font-size: 11px;
    font-weight: 700;
    background: var(--body-wheat-bg);
    color: oklch(0.65 0.04 80);
    padding: 2px 7px;
    border-radius: 50px;
    transition: all 0.18s;
}

.faq-cat.active .faq-cat__count {
    background: rgba(200, 57, 26, 0.10);
    color: var(--action);
}

/* FAQ panels */
.faq-panel {
    display: none;
}

.faq-panel.active {
    display: block;
}

.faq-panel__header {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--border);
}

.faq-panel__title {
    font-family: var(--font-title);
    font-size: 22px;
    font-weight: 700;
    color: var(--title-color);
    margin-bottom: 4px;
}

.faq-panel__desc {
    font-size: 13px;
    color: var(--text-light);
}

/* Accordion */
.faq-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq-item {
    background: var(--bg-light);
    border-radius: 1.25rem;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.faq-item.open {
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
}

.faq-item__q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: var(--title-color);
    user-select: none;
    transition: color 0.15s;
}

.faq-item__q:hover {
    color: var(--action);
}

.faq-item.open .faq-item__q {
    color: var(--action);
}

.faq-item__chevron {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.25s;
    color: oklch(0.65 0.04 80);
}

.faq-item.open .faq-item__chevron {
    transform: rotate(180deg);
    color: var(--acyion);
}

.faq-item__a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.faq-item.open .faq-item__a {
    max-height: 400px;
}

.faq-item__content {
    padding: 0 24px 20px;
    font-size: 14px;
    line-height: 1.7;
    border-top: 1px solid var(--border);
    padding-top: 16px;
}

/* **************************** FAQ Page **************************** */
/* **************************** Strains Page **************************** */
#strains-single .faq-sec .intro {
    margin-bottom: 2.5rem;
}

#strains-single .faq-sec .container {
    max-width: 992px;
}

#strains-single .faq-card__ques {
    padding-block: 18px;
    line-height: 1.5;
}

.hf-flavor-section {
    background-color: oklch(0.10 0.02 72);
}

.hf-flavor__grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.taste-profile__card {
    background: var(--title-color);
    border: 1px solid oklch(0.22 0.03 72);
    border-radius: 1.5rem;
    padding: 2rem;
}

.tp-card__title {
    font-size: 1.25rem;
    color: var(--body-bg);
}

.tp-card__list {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.tp-card__flavor-bar-track {
    height: 6px;
    background: oklch(0.22 0.03 72);
    border-radius: 9999px;
    overflow: hidden;
}

.tp-card__flavor-bar {
    height: 100%;
    border-radius: 9999px;
    background: linear-gradient(90deg, oklch(0.56 0.19 32), oklch(0.72 0.16 72));
    transition: width 0.8s ease;
}

.tp-card__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tp-card__item-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.tp-card__flavor-name {
    color: oklch(0.75 0.04 80);
}

.tp-card__flavor-value {
    color: oklch(0.55 0.04 80);
    font-family: var(--font-mono);
}

.hf-flavor-section .intro-title {
    color: var(--body-bg);
}

.hf-flavor-section .intro-desc {
    color: oklch(0.65 0.04 80);
}

.flavor-pill {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.flavor-pill__item {
    padding: 0.4rem 1rem;
    border-radius: 9999px;
    font-size: 0.8rem;
    font-weight: 600;
    background: oklch(0.60 0.14 72 / 0.15);
    color: oklch(0.75 0.12 72);
    border: 1px solid oklch(0.60 0.14 72 / 0.25);
}

.effects__grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.effects__left-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    font-size: var(--text-sm);
}

.effects__left-list li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.effects__left-list li span {
    color: oklch(0.42 0.12 152);
    flex-shrink: 0;
}

.effects__left-title {
    font-size: 18px;
}

.side-effects {
    background: oklch(0.56 0.19 32 / 0.06);
    border: 1px solid oklch(0.56 0.19 32 / 0.15);
    border-radius: 1rem;
    padding: 1.25rem;
}

.side-effects__title {
    color: oklch(0.56 0.19 32);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.side-effects__desc {
    color: oklch(0.45 0.05 72);
    line-height: 1.6;
}

.er-card {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1.25rem;
    text-align: center;
}

.effects-right__list {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.er-card__name {
    color: var(--title-color);
}

.er-card__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--bg);
    border: 2px solid var(--c-border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.75rem;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1;
}

.er-card__theme-red {
    --text: oklch(0.56 0.19 32);
    --bg: oklch(0.56 0.19 32 / 0.12);
    --c-border: oklch(0.56 0.19 32 / 0.25);
}

.er-card__theme-green {
    --text: oklch(0.42 0.12 152);
    --bg: oklch(0.42 0.12 152 / 0.12);
    --c-border: oklch(0.42 0.12 152 / 0.25);
}

.er-card__theme-mustrad {
    --text: oklch(0.60 0.14 72);
    --bg: oklch(0.60 0.14 72 / 0.12);
    --c-border: oklch(0.60 0.14 72 / 0.25);
}

.hf-overview__grid {
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
}

.hf-key-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.hf-key-card {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 1rem;
    padding: 1.25rem;
}

.hf-key-card-title {
    color: oklch(0.56 0.19 32);
    margin-bottom: 0.375rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: var(--font-mono);
}

.hf-key-card-value {
    color: var(--title-color);
}

.hf-overview__card-list {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.hf-overview__card {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    padding: 1.5rem;
}

.hf-overview__right-sticky {
    position: sticky;
    top: calc(var(--header-height) + 20px + 56px);
}

.hf-overview__card .btn__action {
    width: 100%;
}

.hf-overview__card-title-2 {
    color: var(--body-text-light-v2);
    letter-spacing: 0.1em;
    font-family: var(--font-mono);
}

.hf-overview__card-title {
    font-size: 1rem;
    color: var(--title-color);
    line-height: 1.5;
}

.hf-overview__card-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
}

.hf-overview__card-item:last-child {
    border: 0;
    padding: 0;
}

.hfo-title {
    color: oklch(0.50 0.05 72);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.hfo-value {
    color: oklch(0.28 0.04 72);
    text-align: right;
}

.hf-navbar__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hf-navbar__links {
    display: flex;
    gap: 0;
    overflow-x: auto;
}

.hf-strain-tab {
    padding: 1rem 1.25rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: oklch(0.45 0.05 72);
    border-bottom: 2px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.hf-strain-tab.active {
    color: var(--action) !important;
    border-bottom-color: var(--action) !important;
}

.hf-navbar {
    position: sticky;
    top: var(--header-height);
    background-color: var(--body-bg);
    border-block: 1px solid var(--border);
    z-index: 40;
}

.hf-navbar__right .btn__action {
    padding: 0.5rem 1.25rem;
    font-size: 0.8rem;
}

.hf-strain-hero {
    min-height: 62vh;
    background-color: oklch(0.10 0.02 72);
    position: relative;
    overflow: hidden;
    display: flex;
    padding-bottom: 4rem;
}

.hf-hero-image-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center right;
    pointer-events: none;
}

.hf-strain-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to right, oklch(0.08 0.02 72 / 1.00) 0%, oklch(0.08 0.02 72 / 0.92) 35%, oklch(0.08 0.02 72 / 0.60) 60%, oklch(0.08 0.02 72 / 0.50) 100%);
    pointer-events: none;
}

.hf-strain-hero-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to right, transparent 50%, oklch(0.56 0.19 32 / 0.06) 100%);
    pointer-events: none;
}

.hf-strain-hero .container {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
}

.hf-strain-hero .breadcrumbs-v2 {
    margin-bottom: 1.75rem;
}

.hf-strain-hero .breadcrumbs-v2__link,
.hf-strain-hero .breadcrumbs-v2__current {
    font-weight: 400;
}

.hf-strain-hero__row {
    grid-template-columns: 1fr auto;
    align-items: flex-end;
    gap: 3rem;
}

.hf-strain-hero__title {
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    color: var(--body-bg);
    line-height: 1.05;
    margin-bottom: 0.875rem;
}

.hf-strain-hero__desc {
    color: oklch(0.70 0.04 80);
    line-height: 1.7;
    max-width: 560px;
    margin-bottom: 2rem;
}

.hf-hero-effects {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.hf-hero-effects span {
    padding: 0.3rem 0.875rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: oklch(0.97 0.02 80 / 0.12);
    color: oklch(0.90 0.02 80);
    border: 1px solid oklch(0.97 0.02 80 / 0.20);
}

.hf-hero-badges {
    display: flex;
    gap: 0.625rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.hf-hero-type-badge {
    padding: 0.3rem 1rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: oklch(0.6 0.14 72 / 0.2);
    color: oklch(0.6 0.14 72);
}

.hf-hero-stock-badge {
    padding: 0.3rem 1rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: oklch(0.42 0.12 152 / 0.2);
    color: oklch(0.65 0.1 152);
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.hf-hero-stock-badge span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: oklch(0.55 0.14 152);
    display: inline-block;
    animation: hf-pulse 2s infinite;
    margin-right: 4px;
}

.strain-hero__meta {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.hf-strain-hero__meta-seperator {
    width: 1px;
    height: 1rem;
    background: var(--label-color);
}

.hero__meta-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.hero__meta-title {
    color: var(--body-text-light-v2);
    text-transform: uppercase;
    font-family: var(--font-mono);
}

.hero__meta-value {
    color: oklch(0.75 0.04 80);
}

.hero__meta-item-highlight .hero__meta-value {
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: 1.1rem;
    color: oklch(0.72 0.16 72);
}

/* **************************** Strains Page **************************** */
/* **************************** Product Detail Page **************************** */
.global-divider {
    background: var(--border);
    width: 100%;
    height: 1px;
}

/* ── Breadcrumb Start ── */
.breadcrumb-sec {
    padding-block: 1.5rem 1rem;
    border-top: 1px solid var(--border);
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .8125rem;
    color: oklch(0.55 0.04 72);
    flex-wrap: wrap;
}

.breadcrumb-active {
    /* color: var(--label-color); */
    font-weight: 600;
    color: oklch(0.55 0.04 72);
}

.breadcrumb a {
    color: oklch(0.55 0.04 72);
    text-decoration: none;
}

.breadcrumb a:hover {
    color: oklch(0.56 0.19 32);
}

/* ── Breadcrumb End ── */
/* ── Reviews Section Start ── */
.reviews-layout {
    grid-template-columns: 220px 1fr;
    gap: 3rem;
}

.reviews-summary {
    background: var(--st-white);
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    padding: 1.5rem;
    text-align: center;
}

.reviews-avg {
    font-family: var(--font-title);
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--title-color);
    line-height: 1;
}

.reviews-stars {
    display: flex;
    justify-content: center;
    gap: .2rem;
    margin: .5rem 0;
}

.reviews-stars svg {
    color: var(--mustrad);
    height: 18px;
    width: auto;
}

.reviews-count {
    font-size: .8rem;
    color: var(--body-text-light-v2);
    margin-bottom: 1.25rem;
}

.reviews-bar-row {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .375rem;
}

.reviews-bar-label {
    font-size: .75rem;
    color: var(--brown);
    width: 32px;
    text-align: right;
    flex-shrink: 0;
}

.reviews-bar-track {
    flex: 1;
    height: 6px;
    background: var(--boder-light);
    border-radius: 9999px;
    overflow: hidden;
}

.reviews-bar-fill {
    height: 100%;
    background: var(--mustrad);
    border-radius: 9999px;
}

.reviews-bar-pct {
    font-size: .7rem;
    color: var(--body-text-light-v2);
    width: 28px;
    flex-shrink: 0;
}

.review-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.review-list:not(:has(.review-card)) {
    display: none;
}

.review-card {
    background: var(--st-white);
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    padding: 1.25rem 1.5rem;
}

.review-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: .625rem;
    gap: 1rem;
}

.review-author {
    font-weight: 700;
    font-size: .9rem;
    color: var(--title-color);
}

.review-date {
    font-size: .75rem;
    color: var(--wheat-text);
    margin-top: .15rem;
}

.review-card-stars {
    display: flex;
    gap: .15rem;
    flex-shrink: 0;
}

.review-card-stars svg {
    color: var(--mustrad);
}

.review-title {
    font-weight: 700;
    font-size: .875rem;
    color: var(--sub-title-color);
    margin-bottom: .375rem;
}

.review-body {
    font-size: .875rem;
    color: var(--body-text);
    line-height: 1.6;
}

.review-verified {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .7rem;
    font-weight: 600;
    color: var(--green);
    margin-top: .625rem;
}

.review-verified svg {
    height: 1em;
    width: auto;
}

/* ── Reviews Section End ── */
/* ── Product Info End ── */
.product-layout-sec {
    padding-top: 2rem;
}

.product-layout__grid {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    position: relative;
}

.product-layout__left {
    position: relative;
}

.product-carousel__wrap {
    position: sticky;
    top: var(--sticky-height);
}

.product-info {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.hf-product-badges {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: .25rem .625rem;
    border-radius: 9999px;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    line-height: 1.334;
}

.badge svg {
    width: 12px;
    height: auto;
}

.badge-hybrid {
    background: var(--body-wheat-bg);
    color: var(--brown);
    border: 1px solid var(--border);
}

.badge-indica {
    background: oklch(0.35 0.08 280);
    color: var(--st-white);
}

.badge-sativa {
    background: var(--mustrad);
    color: var(--st-white);
}

.badge-thc {
    background: var(--title-color);
    color: oklch(0.9 0.04 80);
}

.badge-staff {
    background: var(--action);
    color: var(--st-white);
}

.badge-edible {
    background: oklch(0.65 0.10 152);
    color: var(--st-white);
}

.badge-new {
    background: var(--mustrad);
    color: var(--st-white);
}
.badge-pre-order {
    background: var(--action);
    color: var(--st-white);
}
.product-title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.1;
    color: var(--title-color);
}

.product-price {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--title-color);
    font-family: var(--font-mono);
}

.badge-day-menu {
    background: oklch(0.96 0.08 80);
    color: oklch(0.55 0.16 72);
    border: 1px solid oklch(0.85 0.12 80);
}

.badge-night-menu {
    background: oklch(0.18 0.04 280);
    color: oklch(0.85 0.08 280);
    border: 1px solid oklch(0.30 0.08 280);
}

.variant-section label {
    font-size: .875rem;
    font-weight: 600;
    color: var(--label-color);
    display: block;
    margin-bottom: .5rem;
    line-height: 1.28;
}

.variant-options {
    display: flex;
    gap: .625rem;
    flex-wrap: wrap;
}

.variant-btn {
    padding: .5rem 1.125rem;
    border-radius: 9999px;
    border: 1.5px solid var(--border);
    background: var(--body-bg);
    font-size: .875rem;
    font-weight: 500;
    color: var(--label-color);
    cursor: pointer;
    transition: all .15s;
}

.variant-btn:hover,
.variant-btn.active {
    border-color: var(--action);
    background: var(--action);
    color: var(--st-white);
}

.atc-row {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.qty-control {
    display: flex;
    align-items: center;
    border: 1.5px solid var(--border);
    border-radius: 9999px;
    overflow: hidden;
    background: var(--body-bg);
}

.qty-btn {
    width: 2.5rem;
    height: 2.75rem;
    background: none;
    border: none;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--label-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s;
}

.qty-btn:hover {
    background: var(--body-wheat-bg);
}

#qty {
    width: 3rem;
    height: 2.75rem;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: var(--title-color);
    outline: none;
}

.btn-atc {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    padding: .875rem 2rem;
    border-radius: 9999px;
    background: var(--action);
    border: none;
    font-size: 1rem;
    font-weight: 600;
    color: var(--st-white);
    cursor: pointer;
    transition: all .2s;
}

.btn-atc svg {
    height: 1rem;
    width: auto;
}

.btn-atc:hover {
    background: oklch(0.45 0.15 32);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px oklch(0.56 0.19 32 / 0.25);
}

.trust-row {
    display: flex;
    align-items: center;
    gap: 1rem 1.5rem;
    padding: 1rem 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    flex-wrap: wrap;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    color: var(--body-text);
}

.trust-item svg {
    color: var(--action);
    flex-shrink: 0;
    height: 14px;
    width: auto;
}

.product-desc {
    font-size: .9375rem;
    line-height: 1.7;
    color: var(--label-color);
}

.product-desc h3 {
    font-family: var(--font-title);
    font-size: 1.125rem;
    color: var(--title-color);
    margin-bottom: .75rem;
}

.product-desc p {
    margin-bottom: 1.25rem !important;
}

.product-desc p:last-child,
.product-desc ul:last-child {
    margin-bottom: 0 !important;
}

.product-desc ul {
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .375rem;
    margin: 1.25rem 0;
}

.product-desc ul li::marker {
    color: var(--action);
}

.product-meta {
    font-size: .8125rem;
    color: oklch(0.55 0.04 72);
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.product-meta span {
    font-weight: 600;
    color: var(--label-color);
}

.product-meta a {
    color: var(--body-text);
    text-decoration: none;
}

.product-meta a:hover {
    color: var(--action);
}

/* ── Product Info End ── */
/* ── Product Carousel End ── */
.product-carousel__featured img {
    aspect-ratio: 1/1;
    object-fit: cover;
    border: 1px solid var(--border);
    border-radius: 1.25rem;
}

.product-carousel__thumb img {
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: .75rem;
    border: 2px solid var(--border);
    transition: var(--transition);
}

body .splide__track--nav>.splide__list>.splide__slide {
    border: 0 !important;
}

.product-carousel__thumb .is-visible.is-active img,
.product-carousel__thumb img:hover {
    border-color: var(--action)
}

.product-carousel__featured .splide__arrow {
    background-color: var(--action);
    color: var(--st-white);
    border-radius: .5rem;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    opacity: 1;
    transition: all 0.1s ease-in-out;
}

.product-carousel__featured .splide__arrow:hover {
    background-color: oklch(0.9 0.03 80);
    color: var(--body-text-dark);
}

.product-carousel__featured .splide__arrow svg {
    height: 12px;
    width: 12px;
    fill: currentColor;
}

/* ── Product Carousel End ── */
/* **************************** Product Detail Page **************************** */
/* **************************** Shop Page **************************** */
.shop-sec {
    padding-top: 2rem;
}

.shop-grid {
    grid-template-columns: 280px 1fr;
    gap: 2rem;
}

.product-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1.5rem;
    transition: var(--transition);
}

.processing {
    opacity: 0.5;
    pointer-events: none;
}

.product-list__loadmore {
    align-items: center;
    margin-top: 3rem;
}

.shop-toolbar {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.shop-result-count {
    font-size: .875rem;
    color: var(--body-text-light-v2);
}

.shop-result-count strong {
    color: var(--title-color);
}

.shop-category-tabs {
    display: flex;
    gap: 0.6rem 0.5rem;
    flex-wrap: wrap;
}

.shop-cat-tab {
    font-size: .75rem;
    font-weight: 600;
    padding: .35rem .875rem;
    border-radius: 9999px;
    cursor: pointer;
    border: 1px solid var(--border);
    background: #fff;
    color: var(--brown);
    transition: all .15s;
    line-height: normal;
}

.shop-cat-tab:hover,
.shop-cat-tab.active {
    background-color: var(--title-color);
    color: var(--body-bg);
    border-color: var(--title-color);
}

/* ── Menu Selector (Day / Night / Pre-order) ── */
.menu-selector-row {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.menu-selector-card {
    display: inline-flex;
    align-items: center;
    gap: .625rem;
    padding: .75rem 1rem;
    border-radius: 1.25rem;
    border: 2px solid var(--border);
    background: var(--st-white);
    font-size: .875rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
    position: relative;
}

.menu-selector-card .msc-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .2s;
}

.menu-selector-card .msc-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.menu-selector-card .msc-label {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.2;
}

.menu-selector-card .msc-hours {
    font-size: .7rem;
    font-weight: 400;
    opacity: .65;
    line-height: 1.2;
}

.menu-selector-card .msc-badge {
    position: absolute;
    top: -6px;
    right: -4px;
    font-family: var(--font-mono);
    font-size: .6rem;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 9999px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Day */
.menu-selector-card.day {
    color: oklch(0.45 0.10 72);
}

.menu-selector-card.day .msc-icon {
    background: oklch(0.72 0.16 72 / 0.12);
    color: oklch(0.58 0.16 72);
}

.menu-selector-card.day:hover {
    border-color: oklch(0.72 0.16 72 / 0.6);
    box-shadow: 0 4px 16px oklch(0.72 0.16 72 / 0.15);
}

.menu-selector-card.day.active {
    border-color: var(--mustrad);
    background: oklch(0.72 0.16 72 / 0.08);
    color: oklch(0.40 0.14 72);
    box-shadow: 0 4px 20px oklch(0.72 0.16 72 / 0.25);
}

.menu-selector-card.day.active .msc-icon {
    background: var(--mustrad);
    color: var(--title-color);
}

.menu-selector-card.day .msc-badge {
    background: oklch(0.72 0.16 72 / 0.15);
    color: oklch(0.50 0.14 72);
}

/* Night */
.menu-selector-card.night {
    color: oklch(0.40 0.08 280);
}

.menu-selector-card.night .msc-icon {
    background: oklch(0.45 0.12 280 / 0.12);
    color: oklch(0.55 0.14 280);
}

.menu-selector-card.night:hover {
    border-color: oklch(0.55 0.14 280 / 0.5);
    box-shadow: 0 4px 16px oklch(0.45 0.12 280 / 0.15);
}

.menu-selector-card.night.active {
    border-color: oklch(0.55 0.14 280);
    background: oklch(0.55 0.14 280 / 0.08);
    color: oklch(0.35 0.12 280);
    box-shadow: 0 4px 20px oklch(0.45 0.12 280 / 0.25);
}

.menu-selector-card.night.active .msc-icon {
    background: oklch(0.55 0.14 280);
    color: #fff;
}

.menu-selector-card.night .msc-badge {
    background: oklch(0.45 0.12 280 / 0.15);
    color: oklch(0.45 0.12 280);
}

/* Pre-order */
.menu-selector-card.preorder {
    color: oklch(0.40 0.12 32);
}

.menu-selector-card.preorder .msc-icon {
    background: oklch(0.56 0.19 32 / 0.10);
    color: var(--action);
}

.menu-selector-card.preorder:hover {
    border-color: oklch(0.56 0.19 32 / 0.5);
    box-shadow: 0 4px 16px oklch(0.56 0.19 32 / 0.15);
}

.menu-selector-card.preorder.active {
    border-color: var(--action);
    background: oklch(0.56 0.19 32 / 0.07);
    color: oklch(0.40 0.16 32);
    box-shadow: 0 4px 20px oklch(0.56 0.19 32 / 0.22);
}

.menu-selector-card.preorder.active .msc-icon {
    background: var(--action);
    color: #fff;
}

.menu-selector-card.preorder .msc-badge {
    background: oklch(0.56 0.19 32 / 0.12);
    color: oklch(0.50 0.16 32);
}

/* Live status dot */
.menu-live-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: 4px;
}

.menu-live-dot.open {
    background: oklch(0.55 0.16 152);
    box-shadow: 0 0 5px oklch(0.55 0.16 152 / 0.7);
}

.menu-live-dot.closed {
    background: oklch(0.80 0.04 80);
}

.msc-icon svg {
    height: 18px;
    width: auto;
}

/* Filter Sidebar */
.shop-left {
    position: relative;
}

.filter-sidebar {
    position: sticky;
    top: var(--sticky-height);
    background-color: var(--st-white);
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    overflow: hidden;
}

.filter-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--boder-light);
}

.filter-sidebar-header h3 {
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 700;
    color: var(--title-color);
    letter-spacing: .02em;
    text-transform: uppercase;
    line-height: 1.28;
}

.filter-clear-btn {
    font-size: .75rem;
    font-weight: 600;
    color: var(--action);
    border: none;
    transition: var(--transition);
}

.filter-clear-btn:hover {
    opacity: 0.7;
    color: var(--action);
}

.active-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
    padding: .75rem 1.25rem;
    border-bottom: 1px solid var(--boder-light);
}

.active-filters:not(:has(.filter-pill)) {
    display: none;
}

.filter-pill {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .625rem;
    border-radius: 9999px;
    background-color: oklch(0.56 0.19 32 / 0.1);
    border: 1px solid oklch(0.56 0.19 32 / 0.3);
    font-size: .7rem;
    line-height: 0.875rem;
    font-weight: 600;
    color: var(--action);
}

.filter-pill span {
    cursor: pointer;
    line-height: 1;
    font-size: 0.95rem;
    font-weight: 400;
}

.filter-group {
    border-bottom: 1px solid var(--boder-light);
}

.filter-group:last-child {
    border-bottom: none;
}

.filter-group-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .875rem 1.25rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 600;
    color: var(--sub-title-color);
    transition: background .15s;
}

.filter-group-toggle .arrow {
    transition: transform .2s;
    color: var(--body-text-light-v2);
    font-size: .7rem;
}

.filter-group-toggle.open .arrow {
    transform: rotate(180deg);
}

.filter-group-toggle:hover {
    background-color: oklch(0.96 0.02 80);
    color: var(--sub-title-color);
}

.filter-group-body input[type="search"] {
    color: oklch(0.14 0.02 72);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 8px 16px;
    background-color: var(--body-bg);
    border: 1px solid oklch(0.88 0.04 80);
    border-radius: 50px;
    appearance: none;
}

.filter-group-body {
    padding: .25rem 1.25rem .875rem;
    display: none;
}

.filter-group-body.open {
    display: block;
}

/* Price range */
.price-range-inputs {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
}

.price-input-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .25rem;
    background-color: oklch(0.96 0.02 80);
    border: 1px solid var(--border);
    border-radius: .625rem;
    padding: .375rem .625rem;
}

.price-input-wrap span {
    font-size: .8rem;
    color: var(--body-text-light-v2);
}

.price-input-wrap input {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    font-size: .8rem !important;
    color: var(--title-color);
    width: 60px;
    padding: 0;
    line-height: 1;
    box-shadow: unset !important;
}

.price-sep {
    font-size: .8rem;
    color: var(--wheat-text);
}

.sort-radios {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.sort-radio-label {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    font-size: .8rem;
    color: var(--label-color);
    line-height: normal;
}

.sort-radio-label input {
    accent-color: var(--action);
    margin: 0;
}

/* Checkbox list */
.filter-checkbox-list {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.filter-checkbox-label {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    font-size: .8rem;
    color: var(--label-color);
    transition: color .15s;
    line-height: normal;
}

.filter-checkbox-label:hover {
    color: var(--title-color);
}

.filter-checkbox-label input {
    accent-color: var(--action);
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin: 0;
}

.filter-checkbox-label .count {
    margin-left: auto;
    font-size: .7rem;
    color: var(--wheat-text);
    background-color: var(--body-wheat-bg);
    border-radius: 9999px;
    padding: .1rem .4rem;
}

/* Scrollable list */
.filter-scroll-list {
    max-height: 180px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: .375rem;
    padding-right: .25rem;
}

.filter-scroll-list::-webkit-scrollbar {
    width: 4px;
}

.filter-scroll-list::-webkit-scrollbar-track {
    background: var(--body-wheat-bg);
    border-radius: 9999px;
}

.filter-scroll-list::-webkit-scrollbar-thumb {
    background: oklch(0.80 0.04 80);
    border-radius: 9999px;
}

.filter-group__title {
    font-size: .7rem;
    font-weight: 600;
    color: var(--body-text-light-v2);
    margin-bottom: .375rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.filter-group__title-wrap:not(:last-child) {
    margin-bottom: 1rem;
}

#filter-drawer-btn {
    display: none;
    width: 100%;
    /* margin-bottom: 1rem; */
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-radius: .875rem;
    background: oklch(0.94 0.04 80);
    border: 1px solid var(--border);
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 600;
    color: var(--title-color);
    cursor: pointer;
}

#filter-drawer-btn svg {
    width: 1rem;
    height: auto;
}

/* Filter Sidebar */
/* **************************** Shop Page **************************** */
/* **************************** Review Form **************************** */
.global_review_form {
    background: var(--st-white);
    border: 1px solid var(--border);
    border-radius: 1.25rem;
    padding: 1.5rem;
}

.global_review_form #respond {
    margin: 0;
}

#reply-title {
    margin: 0;
    font-size: 1.25rem;
    color: var(--title-color);
    margin-bottom: 0.85rem;
}

.review_subtitle {
    font-size: .75rem;
    color: var(--wheat-text);
    margin-bottom: 1rem;
}

.comment-form label {
    font-size: .8rem;
    font-weight: 600;
    color: var(--label-color);
    margin-bottom: 0;
    line-height: normal;
}

.comment-form p {
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.comment-fields-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin-bottom: .75rem;
}

.global_review_form #respond #commentform p {
    margin: 0 !important;
}

#commentform {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#commentform input,
#commentform textarea {
    font-family: var(--font-body);
    font-size: .875rem;
    background: oklch(0.96 0.02 80);
    border: 1px solid var(--border);
    border-radius: .625rem;
    padding: .625rem .875rem;
    outline: none;
    color: var(--title-color);
    transition: border-color .15s;
    line-height: normal;
}

#commentform input:focus,
#commentform textarea:focus {
    border-color: oklch(0.56 0.19 32);
    box-shadow: unset;
}

#commentform textarea {
    height: 90px;
}

#commentform .form-submit {
    padding-top: 4px;
}

#respond #commentform .form-submit input[type="submit"] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: var(--title-color);
    color: var(--body-bg);
    border: none;
    border-radius: 9999px;
    padding: .625rem 1.5rem;
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
    width: fit-content;
    line-height: 1.285;
}

#respond #commentform .form-submit input[type="submit"]:hover {
    background: var(--action) !important;
    opacity: 1;
}

.comment-form-rating span {
    display: flex;
    gap: .375rem;
}

#commentform .comment-form-rating a,
#commentform .comment-form-rating a.active~a {
    width: 1em;
    color: oklch(0.85 0.04 80);
}

#commentform .comment-form-rating a:hover,
#commentform .comment-form-rating a.active,
#commentform .comment-form-rating a:has(~ a.active) {
    color: oklch(0.72 0.16 72) !important;
}

#commentform .comment-form-rating a:before {
    content: "\e021";
}

#commentform .comment-form-rating a.active:before,
#commentform .comment-form-rating a:has(~ a.active)::before {
    content: "\e020";
}

/* **************************** Review Form **************************** */
/* **************************** Checkout Form **************************** */
.ct-checkout-sec {
    background: #FFFDF8;
    padding-top: 2.75rem;
}

.ct-checkout__row {
    max-width: 600px;
    margin-inline: auto;
}

.ct-progress {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: auto 1fr auto 1fr auto 1fr auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 2.5rem;
}

.pline {
    background: var(--border);
    height: 2px;
    border-radius: 1px;
}

.pd {
    display: flex;
    align-items: center;
    gap: 7px;
}

.plabel {
    font-weight: 600;
    font-size: 11px;
    color: var(--body-text-light-v2);
    transition: color .3s;
    white-space: nowrap;
    line-height: normal;
}

.pdcheck {
    display: none;
}

.pdot {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 10px;
    flex-shrink: 0;
    transition: all .3s;
    background: var(--border);
    color: var(--body-text-light-v2);
}

.pdot svg {
    height: 0.75rem;
    width: auto;
}

.pd.pd-active .pdot {
    background: var(--action);
    color: #fff;
    box-shadow: 0 0 0 4px oklch(0.56 0.19 32 / 0.15);
}

.pd.pd-done .pdot {
    display: none;
}

.pd.pd-done .pdcheck {
    background: oklch(0.55 0.14 152);
    color: var(--st-white);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 10px;
    flex-shrink: 0;
    transition: all .3s;
}

.pd.pd-done .plabel {
    color: oklch(0.55 0.14 152);
}

.pline-fill {
    background: oklch(0.55 0.14 152);
    height: 2px;
    width: 0%;
    transition: all .5s ease-in-out;
}

.pd.pd-done+.pline .pline-fill {
    width: 100%;
}

.step-panel {
    display: none;
    animation: slideIn .28s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(18px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.step-panel.active {
    display: block;
}

.step-cap {
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    margin-bottom: 8px;
    line-height: normal;
}

.step-title {
    font-size: 26px;
    margin-bottom: 6px;
    font-weight: 700;
    color: var(--title-color);
    line-height: normal;
}

.step-title em {
    font-style: italic;
    color: var(--action);
}

.step-desc {
    font-size: 14px;
    color: var(--body-text-light-v2);
    line-height: 1.55;
    padding-bottom: 24px;
}

.field {
    margin-bottom: 16px;
}

.field-label {
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: .04em;
    color: var(--title-color);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: normal;
}

.req,
body .woocommerce form .form-row label .required {
    color: var(--action);
    font-size: 10px;
}

body.material .step-panel .inp,
body.woocommerce-page .woocommerce form .form-row .input-text,
body.woocommerce-page .woocommerce form .form-row select {
    background: var(--st-white);
    border: 1.5px solid var(--border);
    border-radius: 10px;
    color: var(--title-color);
    padding: 13px 15px;
    font-size: 14px;
    outline: none;
    transition: border-color .18s, box-shadow .18s;
    width: 100%;
    display: block;
    line-height: normal;
}

:where(.woocommerce) .select2-container .select2-dropdown,
:where(.woocommerce) .select2-container .select2-selection {
    background: var(--st-white);
    border: 1.5px solid var(--border);
    border-radius: 10px;
    height: auto !important;
    line-height: inherit !important;
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--title-color);
    padding: 13px 15px;
    font-size: 14px;
    height: auto !important;
    line-height: inherit !important;
}

body.material .step-panel .inp:focus,
body.woocommerce-page .woocommerce form .form-row .input-text:focus {
    border-color: oklch(0.42 0.12 152);
    box-shadow: 0 0 0 3px oklch(0.42 0.12 152 / 0.1);
}

body.material .step-panel .inp.error {
    border-color: var(--action);
    box-shadow: 0 0 0 3px oklch(0.56 0.19 32 / 0.1);
}

body.material .step-panel .inp.valid {
    border-color: oklch(0.42 0.12 152);
}

body.material .step-panel .inp::placeholder,
body.woocommerce-page .woocommerce form .form-row .input-text::placeholder {
    color: oklch(0.65 0.04 80);
}

.woocommerce form fieldset .form-row {
    padding: 0;
}

.field-divider {
    height: 1px;
    background: oklch(0.88 0.04 80 / 0.6);
    margin: 8px 0 24px;
}

.field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 480px) {
    .field-row {
        grid-template-columns: 1fr;
    }
}

.err {
    font-size: 12px;
    color: var(--action);
    margin-top: 5px;
    display: none;
}

.err.show {
    display: block;
}

body.material .step-panel select.inp {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6350' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px;
    cursor: pointer;
}

.s1-fulfillment {
    margin-bottom: 20px;
}

.s1-fulfillment .field-label {
    margin-bottom: 10px;
}

.s1-pickup-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 0;
}

.pickup-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 24px;
}

.ptopt {
    position: relative;
}

.ptopt input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.ptcard {
    border: 2px solid var(--border);
    border-radius: 10px;
    padding: 14px 16px;
    cursor: pointer;
    transition: all .18s;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    user-select: none;
}

.ptcard:hover {
    border-color: oklch(0.56 0.19 32 / 0.4);
    background: oklch(0.96 0.04 32);
}

.ptopt input:checked+.ptcard {
    border-color: var(--action);
    background: oklch(0.96 0.04 32);
    box-shadow: 0 0 0 3px oklch(0.56 0.19 32 / 0.1);
}

.pt-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.pt-title {
    font-weight: 700;
    font-size: 13px;
    color: var(--title-color);
    display: block;
    line-height: normal;
}

.pt-sub {
    font-size: 11px;
    color: var(--body-text-light-v2);
    display: block;
    margin-top: 2px;
    line-height: normal;
}

.step-panel .btn__action {
    width: 100%;
    border-radius: 10px;
    padding-block: 1rem;
    line-height: normal;
    border: 0;
    position: relative;
    margin-top: 6px;
}

.step-panel .spinner {
    width: 18px;
    height: 18px;
    border: 2.5px solid rgba(255, 255, 255, .3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .7s linear infinite;
    display: none;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.step-panel .btn__action.loading .spinner {
    display: block;
}

.step-panel .btn__action.loading .btn-text {
    display: none;
}

.step-btn-back {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 12.5px;
    color: var(--body-text-light-v2);
    padding: 10px 0;
    transition: color .15s;
    margin-bottom: 14px;
    cursor: pointer;
}

.step-btn-back svg {
    height: 14px;
    width: auto;
}

.step-btn-back:hover {
    color: var(--action);
}

body.material .step-panel textarea.inp {
    resize: vertical;
    min-height: 75px;
    line-height: 1.5;
}

.pay-panel {
    background: var(--bg-light);
    border: 1.5px solid var(--border);
    border-radius: 1rem;
    padding: 22px;
    margin-bottom: 22px;
}

.pay-title {
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    margin-bottom: 14px;
    line-height: normal;
}

.pay-opts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.popt {
    position: relative;
}

.popt input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.pcard {
    border: 2px solid var(--border);
    border-radius: 10px;
    padding: 18px 12px;
    cursor: pointer;
    transition: all .2s;
    text-align: center;
    display: block;
    background: var(--body-bg);
}

.pcard:hover {
    border-color: oklch(0.56 0.19 32 / 0.4);
    background: oklch(0.56 0.19 32 / 0.05);
}

.popt input:checked+.pcard {
    border-color: var(--mustrad);
    background: oklch(0.72 0.16 72 / 0.08);
    box-shadow: 0 0 0 3px oklch(0.72 0.16 72 / 0.12);
}

.p-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    min-height: 30px;
}

.p-label {
    font-weight: 700;
    font-size: 13px;
    color: var(--title-color);
    display: block;
    margin-bottom: 3px;
    line-height: normal;
}

.p-sub {
    font-size: 10.5px;
    color: var(--body-text-light-v2);
    display: block;
    line-height: 1.4;
}

.pay-note {
    margin-top: 14px;
    font-size: 12px;
    color: var(--body-text-light-v2);
    line-height: 1.6;
    text-align: center;
    border-top: 1px solid var(--border);
    padding-top: 12px;
}

.p-icon svg {
    height: 28px;
    width: auto;
}

.instore-note {
    background: oklch(0.94 0.04 152);
    border: 1.5px solid oklch(0.42 0.12 152 / 0.25);
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 8px;
    display: none;
    margin-bottom: 24px;
}

.instore-note.show {
    display: block;
}

.instore-note-title {
    font-weight: 700;
    font-size: 13px;
    color: var(--green);
    margin-bottom: 6px;
}

.instore-note-text {
    font-size: 13px;
    color: var(--body-text-light-v2);
    line-height: 1.6;
}

.win-section-label {
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    margin-bottom: 10px;
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: normal;
}

.win-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}

.wbtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 18px;
    border-radius: 10px;
    border: 2px solid var(--border);
    background: var(--st-white);
    cursor: pointer;
    transition: all .18s;
    user-select: none;
}

.wbtn:hover:not(.wbtn-past):not(.wbtn-next) {
    border-color: oklch(0.56 0.19 32 / 0.3);
    background: oklch(0.96 0.04 32);
}

.wbtn-next {
    background: var(--action);
    border-color: var(--action);
    box-shadow: 0 4px 18px oklch(0.56 0.19 32 / 0.22);
}

.wbtn-next .wbtn-time {
    color: var(--st-white);
}

.wbtn-next .wbtn-tag {
    color: rgba(255, 255, 255, .8);
}

.wbtn-next .wbtn-badge {
    background: rgba(255, 255, 255, .2);
    color: var(--st-white);
}

.wbtn.selected {
    border-color: var(--action);
    background: oklch(0.96 0.04 32);
}

.wbtn-next.selected {
    background: oklch(0.48 0.19 32);
    border-color: oklch(0.48 0.19 32);
}

.wbtn.selected .wbtn-time {
    color: oklch(0.48 0.19 32);
}

.wbtn-next.selected .wbtn-time {
    color: var(--st-white);
}

.wbtn-past {
    opacity: .38;
    cursor: not-allowed;
    background: var(--body-wheat-bg);
    border-color: transparent;
}

.wbtn-left {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}

.wbtn-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.wbtn-time {
    font-weight: 700;
    font-size: 15px;
    color: var(--title-color);
    line-height: 1.334;
}

.wbtn-tag {
    font-size: 12px;
    color: var(--body-text-light-v2);
    margin-top: 2px;
    line-height: 1.334;
}

.wbtn-badge {
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 50px;
    background: oklch(0.96 0.04 32);
    color: var(--action);
    flex-shrink: 0;
}

.wbtn-badge.avail {
    background: oklch(0.94 0.04 152);
    color: var(--green);
}

.wbtn-badge.past {
    background: var(--border);
    color: var(--body-text-light-v2);
}

.win-section-label svg {
    width: 12px;
    height: auto;
}

.win-section-label__v2 {
    font-size: 12px;
    color: var(--body-text-light-v2);
    padding: 10px 14px;
    background: oklch(0.94 0.04 80);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.win-section-label__v2 svg {
    height: 13px;
    width: auto;
}

.rblock {
    background: #fff;
    border: 1px solid oklch(0.88 0.04 80);
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.ricon {
    flex-shrink: 0;
    margin-top: 2px;
    display: flex;
    align-items: center;
}

.rbody {
    flex: 1;
}

.rcap {
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    margin-bottom: 3px;
    line-height: normal;
}

.rval {
    font-weight: 600;
    font-size: 14px;
    color: var(--title-color);
    line-height: 1.35;
}

.rsub {
    font-size: 12px;
    color: var(--body-text-light-v2);
    margin-top: 2px;
}

.redit {
    font-weight: 700;
    font-size: 11px;
    color: var(--action);
    cursor: pointer;
    background: none;
    border: none;
    flex-shrink: 0;
    padding: 2px 0;
    margin-top: 2px;
}

.id-thumb-row {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.id-thumb {
    width: 64px;
    height: 42px;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid oklch(0.88 0.04 80);
    display: none;
}

.id-thumb.show {
    display: block;
}

.step-panel__bottom {
    text-align: center;
    font-size: 12px;
    color: var(--body-text-light-v2);
    margin-top: 10px;
}

.instore-note__v2 {
    background: oklch(0.96 0.04 32);
    border: 1.5px solid oklch(0.56 0.19 32 / 0.2);
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 18px;
}

.instore-note__v2 p {
    font-size: 13px;
    color: var(--body-text-light-v2);
    line-height: 1.6;
}

.instore-note__v2-inner svg {
    height: 13px;
    width: auto;
}

.instore-note__v2-inner {
    font-weight: 700;
    font-size: 12px;
    color: var(--action);
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.instore-note__v2 strong {
    color: var(--title-color);
}

#step-4 .btn__action {
    background: var(--title-color);
}

#step-4 .btn__action:hover {
    box-shadow: 0 8px 28px oklch(0.56 0.19 32 / 0.3);
}

.repeat-box {
    border: 2px solid oklch(0.88 0.04 80);
    border-radius: 16px;
    padding: 18px 20px;
    background: #fff;
    margin-bottom: 24px;
    transition: all .2s;
}

.repeat-box.active {
    border-color: oklch(0.56 0.19 32);
    background: oklch(0.96 0.04 32);
}

.repeat-toggle-row {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.toggle-pill {
    width: 40px;
    height: 22px;
    border-radius: 11px;
    background: oklch(0.88 0.04 80);
    position: relative;
    flex-shrink: 0;
    transition: background .2s;
}

.toggle-pill::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    top: 3px;
    left: 3px;
    transition: transform .2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.repeat-box.active .toggle-pill {
    background: var(--action);
}

.repeat-box.active .toggle-pill::after {
    transform: translateX(18px);
}

.repeat-toggle-title {
    font-weight: 700;
    font-size: 13px;
    color: var(--title-color);
}

.repeat-toggle-sub {
    font-size: 11.5px;
    color: var(--body-text-light-v2);
}

.repeat-code-area {
    display: none;
    margin-top: 14px;
}

.repeat-code-area.open {
    display: block;
}

.repeat-code-row {
    display: flex;
    gap: 8px;
}

.repeat-code-inp {
    font-family: var(--font-mono) !important;
    font-weight: 600 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}

.btn-verify {
    padding: 0 18px;
    background: var(--title-color);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background .2s;
}

.btn-verify:hover {
    background: oklch(0.22 0.03 72);
}

.repeat-err {
    display: none;
    font-size: 12px;
    color: var(--action);
    margin-top: 6px;
}

.repeat-err.show {
    display: block;
}

.repeat-ok {
    display: none;
    align-items: center;
    gap: 8px;
    background: oklch(0.94 0.04 152);
    border: 1.5px solid oklch(0.55 0.14 152 / 0.25);
    border-radius: 10px;
    padding: 10px 14px;
    margin-top: 10px;
    font-size: 13px;
    color: oklch(0.42 0.12 152);
    font-weight: 600;
}

.repeat-ok.show {
    display: flex;
}

.chk-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 14px;
    background: #fff;
    border: 1.5px solid oklch(0.88 0.04 80);
    border-radius: 10px;
    cursor: pointer;
    transition: border-color .18s;
    margin-bottom: 10px;
}

.chk-row:hover {
    border-color: oklch(0.56 0.19 32 / 0.25);
}

.chk-row.checked {
    border-color: var(--action);
    background: oklch(0.96 0.04 32);
}

.ccheck {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid oklch(0.88 0.04 80);
    flex-shrink: 0;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}

.chk-row.checked .ccheck {
    background: var(--action);
    border-color: var(--action);
}

.ctick {
    color: #fff;
    display: none;
}

.chk-row.checked .ctick {
    display: flex;
}

.chk-text {
    font-size: 13px;
    color: var(--body-text-light-v2);
    line-height: 1.5;
}

.chk-text strong {
    color: var(--title-color);
}

.repeat-ok svg {
    width: 1rem;
    height: auto;
}

.chk-text svg {
    height: 13px;
    width: auto;
}

.repeat-code-area p {
    font-size: 12px;
    color: var(--body-text-light-v2);
    margin-bottom: 10px !important;
    margin-top: 4px;
}

.id-section {
    background: linear-gradient(135deg, oklch(0.72 0.16 72 / 0.06), oklch(0.72 0.16 72 / 0.02));
    border: 1.5px solid oklch(0.72 0.16 72 / 0.3);
    border-radius: 1rem;
    padding: 24px;
    margin-bottom: 22px;
}

.id-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.id-head-icon {
    flex-shrink: 0;
    margin-top: 2px;
    display: flex;
    align-items: center;
}

.id-head-title {
    font-family: var(--font-title);
    font-size: 18px;
    color: var(--title-color);
    margin-bottom: 4px;
    font-weight: 700;
}

.id-head-sub {
    font-size: 12.5px;
    color: var(--body-text-light-v2);
    line-height: 1.55;
}

.id-type-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}

.itopt {
    display: block;
}

.itopt input[type=radio] {
    display: none;
}

.itcard {
    border: 2px solid oklch(0.88 0.04 80);
    border-radius: 10px;
    padding: 14px 10px;
    text-align: center;
    cursor: pointer;
    transition: all .18s;
    background: #fff;
    user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 80px;
}

.itcard:hover {
    border-color: oklch(0.72 0.16 72 / 0.5);
    background: oklch(0.72 0.16 72 / 0.05);
}

.itopt input:checked+.itcard {
    border-color: var(--mustrad);
    background: oklch(0.72 0.16 72 / 0.08);
    box-shadow: 0 0 0 3px oklch(0.72 0.16 72 / 0.12);
}

.it-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.it-label {
    font-weight: 700;
    font-size: 12px;
    color: var(--title-color);
    display: block;
    margin-top: 2px;
}

.dob-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 18px;
}

.upload-zones {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

@media (max-width: 420px) {
    .upload-zones {
        grid-template-columns: 1fr;
    }
}

.uz {
    display: block;
    cursor: pointer;
}

.uz input[type=file] {
    display: none;
}

.ubox {
    border: 2px dashed oklch(0.88 0.04 80);
    border-radius: 10px;
    padding: 20px 12px 16px;
    text-align: center;
    transition: all .22s;
    background: #fff;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    overflow: hidden;
}

.uz:hover .ubox {
    border-color: oklch(0.42 0.12 152);
    background: oklch(0.42 0.12 152 / 0.03);
}

.ubox.has {
    border-color: oklch(0.55 0.14 152);
    border-style: solid;
    background: oklch(0.55 0.14 152 / 0.05);
}

.ubox.has .uplaceholder {
    display: none;
}

.ubox.has .upreview {
    display: block;
}

.uplaceholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.uicon {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .5;
}

.ulabel {
    font-weight: 700;
    font-size: 11.5px;
    color: var(--title-color);
}

.uhint {
    font-size: 10.5px;
    color: var(--body-text-dark);
}

.upreview {
    display: none;
    width: 100%;
    height: 90px;
    object-fit: cover;
    border-radius: 5px;
}

.ucheck {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 20px;
    height: 20px;
    background: oklch(0.55 0.14 152);
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.ubox.has .ucheck {
    display: flex;
}

.uchange {
    margin-top: 8px;
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--action);
    display: none;
    text-align: center;
    cursor: pointer;
}

.ubox.has+.uchange {
    display: block;
}

.u-side-label {
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.id-privacy {
    background: oklch(0.42 0.12 152 / 0.07);
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
    color: var(--body-text-light-v2);
    line-height: 1.55;
    margin-top: 14px;
}

.id-status {
    display: none;
    align-items: center;
    gap: 8px;
    background: oklch(0.55 0.14 152 / 0.08);
    border: 1.5px solid oklch(0.55 0.14 152 / 0.25);
    border-radius: 10px;
    padding: 10px 14px;
    margin-top: 12px;
    font-size: 13px;
    color: oklch(0.42 0.12 152);
}

.id-status.show {
    display: flex;
}

.u-side-label svg {
    height: 11px;
    width: auto;
}

.confirm-screen {
    text-align: center;
    padding: 16px 0 40px;
}

.confirm-icon {
    width: 80px;
    height: 80px;
    background: oklch(0.42 0.12 152 / 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
}

.confirm-title {
    font-family: var(--font-title);
    font-size: 32px;
    color: var(--title-color);
    letter-spacing: -.01em;
    margin-bottom: 10px;
    font-weight: 700;
}

.confirm-title em {
    color: var(--action);
    font-style: italic;
}

.confirm-sub {
    font-size: 15px;
    color: var(--body-text-light-v2);
    line-height: 1.6;
    max-width: 420px;
    margin: 0 auto 24px !important;
}

.order-pill {
    display: inline-block;
    background: var(--title-color);
    color: var(--mustrad);
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1em;
    padding: 8px 20px;
    border-radius: 50px;
    margin-bottom: 28px;
}

.what-next {
    background: oklch(0.94 0.04 80);
    border-radius: 1rem;
    padding: 22px;
    text-align: left;
    margin-bottom: 22px;
}

.wn-title {
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    margin-bottom: 14px;
}

.wn-step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.wn-step:last-child {
    margin-bottom: 0;
}

.wn-dot {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--action);
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: -3px;
}

.wn-text {
    font-size: 13.5px;
    color: var(--body-text-light-v2);
    line-height: 1.55;
}

.wn-text strong {
    color: var(--title-color);
}

.gift-bar {
    background: linear-gradient(135deg, var(--mustrad), oklch(0.60 0.14 72));
    border-radius: 10px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.gb-text {
    font-weight: 700;
    font-size: 14px;
    color: var(--title-color);
}

.gb-sub {
    font-size: 12px;
    color: rgba(16, 18, 0, .5);
    margin-top: 2px;
}

.confirm-icon svg {
    width: 40px;
    height: auto;
}

.code-reveal {
    background: var(--title-color);
    border-radius: 1rem;
    padding: 22px;
    margin-bottom: 22px;
    text-align: center;
    border: 1px solid oklch(0.22 0.03 72);
}

.code-reveal-label {
    font-weight: 700;
    font-size: 9px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 8px;
}

.code-reveal-val {
    font-family: var(--font-mono);
    font-size: 2rem;
    color: var(--mustrad);
    letter-spacing: .12em;
    margin-bottom: 8px;
    font-weight: 600;
}

.code-reveal-sub {
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
    line-height: 1.6;
}

.confetti-piece {
    position: fixed;
    border-radius: 2px;
    animation: confettiFall linear forwards;
    pointer-events: none;
    z-index: 9999;
    top: -10px;
}

.confirm-order-summary {
    background: oklch(0.94 0.04 80);
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 22px;
    text-align: left;
}

.confirm-order-title {
    font-weight: 700;
    font-size: 9.5px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--body-text-light-v2);
    margin-bottom: 14px;
}

.confirm-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.confirm-item-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: oklch(0.88 0.05 80);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.confirm-item-content {
    flex: 1;
    min-width: 0;
}

.confirm-item-name {
    font-weight: 600;
    font-size: 13px;
    color: var(--title-color);
    line-height: 1.3;
}

.confirm-item-meta {
    font-size: 11px;
    color: var(--body-text-light-v2);
}

.confirm-item-price {
    font-family: var(--font-title);
    font-size: 15px;
    font-weight: 700;
    color: var(--title-color);
    flex-shrink: 0;
}

.confirm-total {
    border-top: 1px solid oklch(0.88 0.04 80);
    margin-top: 12px;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.confirm-total-label {
    font-weight: 700;
    font-size: 13px;
    color: var(--title-color);
}

.confirm-total-price {
    font-family: var(--font-title);
    font-size: 22px;
    font-weight: 700;
    color: var(--title-color);
}

.confirm-item-icon svg {
    height: 22px;
    width: auto;
}

/* **************************** Checkout Form **************************** */
/* **************************** Authentication **************************** */
.step-panel.authentication-card {
    display: block;
}

.authentication-card {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 48px 44px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 8px 40px oklch(0.14 0.02 72 / 0.08);
    margin-inline: auto;
}

#authentication-template {
    border-top: 1px solid var(--border)
}

.authentication-sec {
    padding-top: 4rem;
}

body.material .step-panel.authentication-card .inp {
    background: var(--body-bg);
}

body.material .step-panel.authentication-card .inp::placeholder {
    color: var(--body-text-light-v2);
}

.hf-form-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.hf-form-rule {
    width: 32px;
    height: 3px;
    background: linear-gradient(90deg, var(--action), var(--mustrad));
    border-radius: 2px;
    flex-shrink: 0;
}

.hf-form-title {
    font-weight: 700;
    font-size: 1.85rem;
    color: var(--title-color);
    margin-bottom: 1rem;
    line-height: 1.2;
}

.hf-form-desc.ajax-login-error.error {
    color: var(--action);
    background: oklch(0.56 0.19 32 / 0.15);
    margin-bottom: 1rem;
}

.hf-form-subtitle {
    font-size: 0.9rem;
    color: var(--body-text);
    margin-bottom: 32px;
}

.field-desc {
    font-size: 0.75rem;
    color: var(--body-text-light-v2);
    margin-top: 5px;
}

.hf-form-footer {
    padding-top: 16px;
    margin-top: 20px;
    border-top: 1px solid var(--border);
    font-size: 0.875rem;
    color: var(--body-text);
}

.hf-form-footer a {
    color: var(--action);
    font-weight: 600;
    transition: all .3s ease;
}

.hf-form-footer a:hover {
    color: var(--title-color);
}

.authentication-card .field-label,
body .woocommerce form .form-row label,
body .woocommerce form fieldset legend {
    font-size: 0.8rem;
    color: var(--label-color);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

body .woocommerce form legend {
    font-size: 1rem;
}

.authentication-card .woocommerce-privacy-policy-text {
    display: none;
}

.authentication-card .field {
    margin-bottom: 18px;
}

.btn__gradient[type=submit],
body button.woocommerce-Button[type="submit"],
body button.button[type="submit"] {
    width: 100%;
    padding: 14px 24px !important;
    border-radius: 10px !important;
    border: none;
    background: linear-gradient(135deg, var(--action) 0%, var(--mustrad) 100%);
    color: white;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
}

.btn__gradient[type=submit]:hover,
body button.woocommerce-Button[type="submit"]:hover,
body button.button[type="submit"]:hover {
    opacity: 0.9 !important;
    transform: translateY(-1px);
}

.btn__gradient.loading .spinner {
    display: block;
}

.btn__gradient.loading .btn-text {
    display: none;
}

.hf-terms {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-block: 24px;
}

.hf-checkbox {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 1.5px solid var(--border);
    background: var(--hf-cream);
    cursor: pointer;
    accent-color: var(--action);
    flex-shrink: 0;
    margin-top: 1px;
}

.hf-terms-label {
    font-size: 0.875rem;
    color: var(--body-text);
    cursor: pointer;
    line-height: 1.5;
}

.hf-terms-label a {
    color: var(--action);
    font-weight: 600;
    text-decoration: none;
}

.hf-terms-label a:hover {
    text-decoration: underline;
}

.hf-icon-wrap {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: oklch(0.56 0.19 32 / 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.hf-icon-wrap svg {
    height: 1.5rem;
    width: auto;
}

.hf-form-desc {
    font-size: 0.9rem;
    color: oklch(0.45 0.05 72);
    line-height: 1.6;
    margin-bottom: 32px;
    padding: 14px 16px;
    background: oklch(0.94 0.04 80);
    border-radius: 10px;
    border-left: 3px solid var(--action);
}

/* **************************** Authentication **************************** */
/* **************************** Mini Cart **************************** */
.custom_mini_cart_pop {
    position: fixed;
    z-index: 999;
    inset: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    transition: all .3s ease;
}

.cart-overlay {
    position: fixed;
    inset: 0;
    background: rgba(14, 8, 2, 0.45);
    z-index: 500;
    transition: opacity 0.3s;
    opacity: 0;
}

html:has(.custom_mini_cart_pop.active) {
    overflow: hidden;
}

.custom_mini_cart_pop.active {
    visibility: visible;
    pointer-events: auto;
}

.custom_mini_cart_pop.active .cart-overlay {
    opacity: 1
}

#right-pane {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    max-width: 420px;
    width: 100%;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 600;
    box-shadow: -8px 0 40px oklch(0.14 0.02 72 / 0.15);
    background: oklch(0.94 0.04 80);
    border-left: 1px solid oklch(0.88 0.04 80);
    scrollbar-width: thin;
}

.custom_mini_cart_pop.active #right-pane {
    transform: translateX(0);
}

.cart-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 28px 16px;
    border-bottom: 1px solid oklch(0.88 0.04 80);
    position: sticky;
    top: 0;
    background: oklch(0.94 0.04 80);
    z-index: 1;
}

.cart-drawer-title {
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 700;
    color: oklch(0.14 0.02 72);
}

.cart-drawer-title em {
    font-style: italic;
    color: oklch(0.56 0.19 32);
}

.cart-close-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: oklch(0.88 0.04 80);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: oklch(0.35 0.04 72);
    transition: all 0.15s;
}

.cart-close-btn:hover {
    background: oklch(0.82 0.05 80);
    color: oklch(0.56 0.19 32);
}

.right-inner {
    padding: 36px 32px;
}

.continue-shopping {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: oklch(0.56 0.19 32);
    margin-bottom: 18px;
    transition: color .15s;
}

.continue-shopping:hover {
    color: oklch(0.48 0.19 32);
}

.trust-badges {
    display: flex;
    flex-direction: column;
    gap: 7px;
    border-top: 1px solid oklch(0.88 0.04 80);
    padding-top: 18px;
    margin-top: 20px;
}

.tbadge {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 12px;
    color: oklch(0.45 0.05 72);
    font-weight: 400;
    line-height: normal;
}

.tbadge svg {
    flex-shrink: 0;
}

.custom_mini_cart_pop .woocommerce-mini-cart__buttons {
    flex-direction: column;
    gap: 12px;
    display: flex;
    padding-bottom: 0;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid oklch(0.88 0.04 80);
}

.custom_mini_cart_pop .woocommerce-mini-cart__buttons .button {
    width: 100%;
    padding: 14px 24px;
    border-radius: 10px;
    border: none;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
    line-height: normal;
    background: linear-gradient(135deg, var(--action) 0%, var(--mustrad) 100%);
    color: white;
}

.woocommerce-mini-cart__footer-desc {
    text-align: center;
    font-size: 11px;
    color: oklch(0.55 0.05 72);
    margin-top: 12px;
    line-height: normal;
    font-weight: 400;
}

.custom_mini_cart_pop .woocommerce-mini-cart__buttons .button.checkout {
    background: oklch(0.14 0.02 72);
}

.custom_mini_cart_pop .woocommerce-mini-cart__buttons .button.checkout:hover {
    background: oklch(0.22 0.03 72);
}

.custom_mini_cart_pop .woocommerce-mini-cart__buttons .button:not(.checkout):hover {
    opacity: 0.9;
}

.floating-cart-btn {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 400;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: oklch(0.14 0.02 72);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px oklch(0.14 0.02 72 / 0.35);
    transition: all 0.2s;
}

.floating-cart-btn:hover {
    background: oklch(0.22 0.03 72);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px oklch(0.14 0.02 72 / 0.4);
}

.floating-cart-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: oklch(0.56 0.19 32);
    color: white;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid oklch(0.94 0.04 80);
}

.cart-items {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 20px;
    transition: all .3s ease;
}

.ajax_running .cart-items {
    opacity: 0.5;
    pointer-events: none;
}

.citem {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cprice {
    color: oklch(0.14 0.02 72);
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 2px;
}

.cthumb {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: oklch(0.88 0.05 80);
    border: 1px solid oklch(0.82 0.05 80);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    overflow: hidden
}

.cthumb a,
.cthumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cinfo {
    flex: 1;
    min-width: 0;
}

.cname {
    font-weight: 600;
    font-size: 12px;
    color: oklch(0.14 0.02 72);
    line-height: 1.3;
    margin-bottom: 3px;
}

.material .cart-items .remove {
    font-size: 10px;
    color: oklch(0.65 0.05 72) !important;
    cursor: pointer;
    margin-left: 4px;
    transition: color .15s;
    background: none;
    border: none;
    display: inline-block;
    line-height: normal;
    font-weight: 400;
}

.material .cart-items .remove:hover {
    color: oklch(0.56 0.19 32) !important;
    background: transparent;
}

.cart-items .quantity {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 0.5rem;
    width: fit-content;
}

.cart-items .quantity input.minus,
.cart-items .quantity input.plus {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1.5px solid oklch(0.88 0.04 80);
    background: oklch(0.99 0.01 80);
    color: oklch(0.35 0.04 72);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .15s;
    line-height: 1;
    font-family: var(--font-body);
    font-weight: 700;
    padding: 0;
    flex-shrink: 0;
}

.cart-items .quantity input.minus:hover,
.cart-items .quantity input.plus:hover {
    background: oklch(0.99 0.01 80);
}

.cart-items .quantity input.mini-cart-qty {
    font-family: var(--font-mono);
    font-size: 13px;
    min-width: 18px;
    text-align: center;
    color: oklch(0.14 0.02 72);
    font-weight: 600;
    padding: 0;
    background: transparent;
    width: 22px;
    line-height: normal;
}

.woocommerce-mini-cart__total {
    border-top: 1px solid oklch(0.88 0.04 80);
    margin-top: 14px;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.woocommerce-mini-cart__total strong {
    color: var(--title-color);
    font-size: 1rem;
}

.woocommerce-mini-cart__total span.woocommerce-Price-amount {
    font-family: var(--font-title);
    font-size: 28px;
    font-weight: 700;
    color: oklch(0.14 0.02 72);
}

/* **************************** Mini Cart **************************** */
/* **************************** My account **************************** */
.woocommerce-account .woocommerce-MyAccount-content {
    color: var(--title-color);
}

.container-wrap:has(.myaccount-custom) {
    min-height: auto !important;
    padding-bottom: 4rem;
    background-color: var(--body-bg);
    border-top: 1px solid var(--border);
}

.material .myaccount-custom {
    margin: 0;
}

.myaccount-custom .woocommerce {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: var(--text-base--lh);
    font-weight: 400;
}

.hf-section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.hf-section-rule {
    width: 28px;
    height: 3px;
    background: linear-gradient(90deg, var(--action), var(--mustrad));
    border-radius: 2px;
    flex-shrink: 0;
}

.hf-section-title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--title-color);
    line-height: normal;
    margin: 0;
}

.hf-dashboard-welcome {
    background: oklch(0.99 0.01 80);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 28px 32px;
    margin-bottom: 28px;
    font-size: 0.95rem;
    color: oklch(0.45 0.05 72);
    line-height: 1.7;
}

.hf-dashboard-welcome a {
    color: var(--action);
    font-weight: 600;
    text-decoration: none;
}

.hf-dashboard-welcome a:hover {
    text-decoration: underline;
}

.hf-dashboard-welcome strong {
    color: var(--title-color);
}

.hf-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}

@media (max-width: 600px) {
    .hf-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.hf-stat-card {
    background: oklch(0.99 0.01 80);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hf-stat-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hf-stat-value {
    font-family: var(--font-mono);
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--title-color);
    line-height: 1;
}

.hf-stat-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.hf-rewards-card {
    background: oklch(0.14 0.02 72);
    border-radius: 16px;
    padding: 28px 32px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.hf-rewards-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: oklch(0.72 0.16 72 / 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hf-rewards-info {
    flex: 1;
}

.hf-rewards-label {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--mustrad);
    margin-bottom: 4px;
}

.hf-rewards-value {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 1.6rem;
    color: oklch(0.95 0.04 80);
    line-height: 1;
    margin-bottom: 4px;
}

.hf-rewards-sub {
    font-size: 0.8rem;
    color: oklch(0.60 0.04 80);
}

.hf-rewards-btn {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--action), var(--mustrad));
    color: white;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.15s;
    white-space: nowrap;
}

.hf-rewards-btn:hover {
    opacity: 0.9;
    color: white;
}

.woocommerce-MyAccount-navigation ul {
    margin: 0;
    background: oklch(0.99 0.01 80);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    color: oklch(0.45 0.05 72);
    border-bottom: 1px solid var(--border);
    transition: background 0.12s, color 0.12s;
    cursor: pointer;
    opacity: 1;
}

.woocommerce-MyAccount-navigation ul li a:before {
    font-size: 1.25em !important;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: oklch(0.94 0.04 80);
    color: var(--title-color);
}

.woocommerce-MyAccount-navigation ul li a[aria-current="page"] {
    background: oklch(0.56 0.19 32 / 0.08);
    color: var(--action);
    font-weight: 600;
    border-left: 3px solid var(--action);
}

.woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li:last-child a {
    border: 0;
}

form.woocommerce-EditAccountForm fieldset {
    margin-top: 24px;
}

form.woocommerce-EditAccountForm fieldset legend {
    margin-bottom: 8px;
}

form p:has(button[type=submit]) {
    margin-top: 24px;
}

.container-wrap .woocommerce .woocommerce-error {
    background: oklch(0.56 0.19 32 / 0.08) !important;
    color: var(--action) !important;
    font-weight: 400;
    border-left: 3px solid var(--action);
    padding: 14px 20px;
}

.container-wrap .woocommerce .woocommerce-error strong {
    color: inherit !important;
}

.woocommerce-Address-title a.edit {
    float: none !important;
}

body:not(.woocommerce-cart) .main-content table {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 28px;
    display: block;
}

body:not(.woocommerce-cart) .main-content table thead,
body:not(.woocommerce-cart) .main-content table tbody {
    display: block;
    width: 100%;
}

body:not(.woocommerce-cart) .main-content table tr {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background-color: transparent !important;
}

body:not(.woocommerce-cart) .main-content table th {
    padding: 12px 24px;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--body-text-light-v2);
    background: var(--body-wheat-bg);
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    line-height: 1.65em;
    min-height: 0;
    height: auto;
    display: block;
    font-family: var(--font-body);
}

body:not(.woocommerce-cart) .main-content table tbody th {
    font-family: var(--font-mono);
    font-weight: 500;
    background-color: transparent;
}

body:not(.woocommerce-cart) .main-content table tbody th,
body:not(.woocommerce-cart) .main-content table td {
    padding: 14px 24px;
    font-size: 0.875rem;
    color: var(--body-text);
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    line-height: 1.65em;
    min-height: 0;
    height: auto;
}

body:not(.woocommerce-cart) .main-content table tbody tr:last-child th,
body:not(.woocommerce-cart) .main-content table tr:last-child td {
    border-bottom: 0 !important;
}

body:not(.woocommerce-cart) .main-content table td.woocommerce-orders-table__cell-order-status span {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
}

body:not(.woocommerce-cart) .main-content table tr.woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status span {
    background: oklch(0.72 0.16 72 / 0.15);
    color: oklch(0.50 0.12 72);
}

body:not(.woocommerce-cart) .main-content table tr.woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status span {
    background: oklch(0.42 0.12 152 / 0.12);
    color: oklch(0.32 0.08 160);
}

body:not(.woocommerce-cart) .main-content table tbody tr:hover th,
body:not(.woocommerce-cart) .main-content table tr:hover td {
    background-color: var(--body-wheat-bg);
}

body:not(.woocommerce-cart) .main-content table td .button {
    color: oklch(0.56 0.19 32);
    font-weight: 600;
    font-size: 0.8rem;
    text-decoration: none;
    padding: 0;
    background: none !important;
}

body:not(.woocommerce-cart) .main-content table tfoot {
    width: 100%;
    display: block;
    background: var(--body-wheat-bg);
    border-top: 1px solid var(--border);
    margin-top: 0;
}

body:not(.woocommerce-cart) .main-content table tfoot tr:last-child th {
    border: 0 !important;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
    background: oklch(0.56 0.19 32 / 0.08) !important;
    color: var(--title-color) !important;
    font-weight: 400;
    border-left: 3px solid var(--action);
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce .woocommerce-error::after,
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::after,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::after,
.woocommerce .woocommerce-message::before {
    display: none;
}

.woocommerce .woocommerce-info .woocommerce-Button {
    width: fit-content;
    height: auto !important;
    float: none !important;
    background-color: #cc361e !important;
    display: inline-flex !important;
    align-items: center;
    border-radius: 50px;
    padding: 0.55rem 1.25rem !important;
}

.woocommerce .woocommerce-info .woocommerce-Button::after {
    display: none !important;
}

.woocommerce .woocommerce-info .woocommerce-Button:hover {
    background-color: oklch(50% .19 32) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px #cc361e59;
}

.order-again a {
    background-color: #cc361e !important;
    display: inline-flex;
    align-items: center;
    border-radius: 50px !important;
    padding: 0.55rem 1.25rem !important;
    color: #fff;
    letter-spacing: .01em;
    cursor: pointer;
    border: none;
    font-size: 14px;
    font-weight: 600;
    transition: all .2s;
    line-height: 20px;
}

.orders-header {
    padding: 18px 24px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.orders-header .orders-title {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--title-color);
}

.orders-header .orders-link {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--action);
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-order-details .order-again+p {
    display: none;
}

.woocommerce-view-order .woocommerce-table__product-name {
    padding-right: 48px !important;
}

.woocommerce-view-order .woocommerce-table__product-name,
.woocommerce-view-order .woocommerce-table__product-name a {
    color: var(--title-color) !important;
}

/* **************************** My account **************************** */
/* **************************** Order recieved **************************** */
body.woocommerce-page h2 {
    color: var(--title-color);
}

body:not(.woocommerce-cart) .main-content table.woocommerce-table--order-details tr {
    grid-template-columns: 1fr 1fr;
}

.woocommerce .woocommerce-customer-details address {
    background-color: var(--body-wheat-bg);
    border: 1px solid var(--border);
    box-shadow: oklch(0.14 0.02 72 / 0.05) 0px 2px 10px;
    padding: 1.25rem;
    border-radius: 1rem;
    font-size: var(--text-sm);
    line-height: var(--text-sm--lh);
    color: var(--body-text);
}

.woocommerce ul.woocommerce-order-overview li strong {
    color: var(--title-color);
}

/* **************************** Order recieved **************************** */
/* **************************** Cart **************************** */
body.woocommerce-cart .main-content .woocommerce-cart-form__contents {
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 28px;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents,
body.woocommerce-cart .main-content .woocommerce-cart-form__contents :where(thead, tbody, tfoot, th, td) {
    display: block;
    width: 100% !important;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents thead tr :where(th.product-remove, th.product-thumbnail) {
    display: none !important;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    position: relative;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents thead tr th.product-name {
    grid-column: span 3;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents thead tr th {
    padding: 12px 18px;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--body-text-light-v2);
    background: var(--body-wheat-bg);
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    line-height: 1.5em;
    min-height: 0;
    height: auto;
    display: block;
    font-family: var(--font-body);
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tbody tr {
    grid-template-columns: 116px 1.43fr 1fr 1fr 1fr 1fr;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tbody tr:not(.cart_item) {
    display: flex;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td {
    padding: 18px;
    font-size: 0.875rem;
    color: var(--body-text);
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    line-height: 1.65em;
    min-height: 0;
    height: auto;
    background-color: transparent !important;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td.product-remove {
    position: absolute;
    width: fit-content !important;
    padding: 0;
    border: 0 !important;
    top: 10px;
    left: 10px;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td.product-remove .remove {
    background-color: white;
    border: 1px solid var(--border);
    font-size: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    inset: 0;
}

.cart .quantity input[type="button"] {
    width: 30px;
    height: 30px;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td.product-thumbnail img {
    border-radius: 10px;
    border: 1px solid var(--border);
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td.product-name {
    grid-column: span 2;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr :where(.product-price, .product-subtotal) {
    font-weight: 500;
    font-family: var(--font-mono);
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td:has(.coupon, button) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 0 !important;
    align-items: flex-start;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td .coupon {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td .coupon input#coupon_code {
    margin: 0;
    background: var(--st-white);
    border: 1.5px solid var(--border);
    border-radius: 10px;
    color: var(--title-color);
    padding: 13px 15px;
    font-size: 14px;
    outline: none;
    transition: border-color .18s, box-shadow .18s;
    width: 100%;
    display: block;
    line-height: normal;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td:has(.coupon) button {
    max-width: 200px;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td:has(.coupon)>button {
    margin-left: auto;
}

.woocommerce-page .woocommerce p.return-to-shop a.button {
    background-color: #cc361e !important;
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    padding: 0.55rem 1.25rem;
    color: #fff;
    letter-spacing: .01em;
    cursor: pointer;
    border: none;
    font-size: 14px;
    font-weight: 600;
    transition: all .2s;
    line-height: 20px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    margin-bottom: 20px;
    border-collapse: collapse;
    background: var(--bg-light);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    display: table;
}

.woocommerce-cart .cart-collaterals .cart_totals table td {
    text-align: right;
    color: var(--title-color);
    font-weight: 600;

}

.woocommerce-cart .cart-collaterals .cart_totals table :where(th, td) {
    background-color: transparent !important;
    padding: 18px !important;
    font-size: 0.875rem;
    color: var(--body-text);
    border: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    line-height: 1.65em !important;
    min-height: 0;
    height: auto;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr {
    border: 0 !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr:last-child :where(th, td) {
    border-bottom: 0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    margin-bottom: 0 !important;
    border-radius: 10px !important;
}

body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td .coupon::after,
body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td .coupon::before {
    display: none;
}

.woocommerce-cart table.cart td.actions .coupon .coupon-error-notice {
    margin-top: 0 !important;
    padding-bottom: 10px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    max-width: 450px;
}

.woocommerce-cart.material .wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    padding: 14px 24px !important;
    border-radius: 10px !important;
    border: none;
    background: linear-gradient(135deg, var(--action) 0%, var(--mustrad) 100%);
    color: white;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
    line-height: 1.5;
}

.woocommerce-cart.material .wc-proceed-to-checkout a.checkout-button::after {
    display: none;
}

/* **************************** Cart **************************** */

/* **************************** Age Popup **************************** */

.age-gate-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: oklch(0.14 0.02 72 / 0.8);
    backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn 0.4s ease-out;
    padding: 1rem;
    font-weight: 400;
}

.age-popup-active .age-gate-backdrop {
    display: flex;
}

html:has(.age-popup-active) {
    overflow: hidden;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ── Modal container ── */
.age-gate-modal {
    background: oklch(0.97 0.02 80);
    border-radius: 16px;
    padding: 2.5rem 2rem;
    max-width: 450px;
    width: 100%;
    text-align: center;
    box-shadow:
        0 25px 50px oklch(0.14 0.02 72 / 0.8),
        0 0 1px var(--border);
    animation: slideUp 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 1px solid var(--border);
    position: relative;
    overflow: hidden;
}

/* Decorative accent line */
.age-gate-modal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--action), var(--mustrad), var(--action));
    opacity: 0.6;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Logo container ── */
.age-gate-logo-container {
    margin-bottom: 1.5rem;
    animation: zoomIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.age-gate-logo {
    width: 160px;
    height: auto;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 4px 12px rgba(184, 92, 56, 0.15));
}

/* ── Welcome text ── */
.age-gate-welcome {
    font-family: var(--font-title);
    font-size: clamp(0.95rem, 3vw, 1.1rem);
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--title-color);
    margin-bottom: 1rem;
    line-height: 1.3;
    animation: fadeInDown 0.5s ease-out 0.15s both;
    padding: 0;
}

.age-gate-welcome strong {
    display: block;
    font-weight: 700;
    color: var(--action);
    margin-top: 0.15rem;
    font-family: var(--font-title);
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Main heading ── */
.age-gate-title {
    font-family: var(--font-title);
    font-size: clamp(1.6rem, 5vw, 2rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
    line-height: 1.15;
    animation: fadeInDown 0.5s ease-out 0.2s both;
    color: var(--title-color);
}

/* ── Subtitle ── */
.age-gate-subtitle {
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 500;
    color: var(--title-color);
    margin-bottom: 1.5rem;
    line-height: 1.6;
    animation: fadeInDown 0.5s ease-out 0.25s both;
    padding: 0;
}

.age-gate-subtitle em {
    font-style: italic;
    color: var(--action);
    font-weight: 700;
}

/* ── Divider ── */
.age-gate-divider {
    height: 1px;
    background: var(--border);
    margin: 1.25rem 0;
    animation: fadeInDown 0.5s ease-out 0.3s both;
}

/* ── Button container ── */
.age-gate-buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    animation: fadeInUp 0.5s ease-out 0.35s both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Buttons ── */
.age-gate-btn {
    padding: 1.1rem 1.75rem;
    border: none;
    border-radius: 10px;
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

/* Yes button — primary terracotta */
.age-gate-btn-yes {
    background: linear-gradient(135deg, var(--action), oklch(0.52 0.19 32));
    color: #fff;
    box-shadow: 0 8px 24px var(--action) / 0.25;
}

.age-gate-btn-yes::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.age-gate-btn-yes:hover {
    background: linear-gradient(135deg, oklch(0.48 0.19 32), oklch(0.46 0.19 32));
    transform: translateY(-3px);
    box-shadow: 0 12px 32px var(--action) / 0.35;
}

.age-gate-btn-yes:hover::before {
    left: 100%;
}

.age-gate-btn-yes:active {
    transform: translateY(-1px);
}

/* No button — outline with gold accent */
.age-gate-btn-no {
    background: oklch(0.97 0.02 80);
    color: oklch(0.14 0.02 72);
    border: 2px solid var(--border);
    box-shadow: inset 0 0 0 0 oklch(0.72 0.16 72 / 0.15);
}

.age-gate-btn-no:hover {
    border-color: var(--action);
    color: var(--action);
    box-shadow: inset 0 0 0 2px oklch(0.72 0.16 72 / 0.15);
    transform: translateY(-2px);
}

.age-gate-btn-no:active {
    transform: translateY(0);
}

/* ── Disclaimer text ── */
.age-gate-disclaimer {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: oklch(0.45 0.05 72);
    margin-top: 2rem;
    line-height: 1.6;
    animation: fadeInUp 0.5s ease-out 0.4s both;
    padding: 0;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .age-gate-modal {
        padding: 3rem 2rem;
        border-radius: 12px;
    }

    .age-gate-logo {
        width: 160px;
    }

    .age-gate-title {
        font-size: 1.6rem;
    }

    .age-gate-subtitle {
        font-size: 0.95rem;
    }

    .age-gate-btn {
        font-size: 0.9rem;
        padding: 1rem 1.5rem;
    }

    .age-gate-welcome {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .age-gate-modal {
        padding: 2.5rem 1.5rem;
    }

    .age-gate-logo {
        width: 140px;
        margin-bottom: 1.5rem;
    }

    .age-gate-title {
        font-size: 1.4rem;
        margin-bottom: 0.75rem;
    }

    .age-gate-divider {
        margin: 1.5rem 0;
    }

    .age-gate-buttons {
        gap: 0.75rem;
    }

    .age-gate-btn {
        font-size: 0.85rem;
        padding: 0.9rem 1.25rem;
    }

    .age-gate-disclaimer {
        font-size: 0.75rem;
        margin-top: 1.5rem;
    }
}

/* **************************** Age Popup **************************** */

.header-authentication__links {
    margin-inline: 12px;
}

.filter-checkbox-label.disabled {
    display: none;
}

.gloabl-theme .woocommerce-error {
    background: oklch(0.56 0.19 32 / 0.08) !important;
    color: var(--action) !important;
    font-weight: 400;
    border: 0;
    border-left: 3px solid var(--action);
    padding: 14px 20px;
}

.gloabl-theme>.woocommerce-notices-wrapper {
    margin-top: 2rem;
}

.gloabl-theme>.woocommerce-notices-wrapper:empty {
    display: none;
}

/* **************************** Min width **************************** */
/* 640px */
@media (min-width: 40rem) {

    .gloabl-theme .container,
    .gloabl-theme>.woocommerce-notices-wrapper,
    .site_header .header-mobile>.left {
        max-width: 40rem;
        padding-inline: 1.5rem;
    }
}

/* 768px */
@media (min-width: 48rem) {

    .gloabl-theme .container,
    .gloabl-theme>.woocommerce-notices-wrapper,
    .site_header .header-mobile>.left {
        max-width: 48rem;
    }
}

/* 1024px */
@media (min-width: 64rem) {

    .gloabl-theme .container,
    .gloabl-theme>.woocommerce-notices-wrapper,
    .site_header .header-mobile>.left {
        max-width: 64rem;
        padding-inline: 2rem;
    }

    .intro {
        grid-template-columns: 1fr auto;
    }
}

/* 1280px */
@media (min-width: 80rem) {

    .gloabl-theme .container,
    .gloabl-theme>.woocommerce-notices-wrapper,
    .site_header .header-mobile>.left {
        max-width: 80rem;
    }
}

/* 1536px */
@media (min-width: 96rem) {

    .gloabl-theme .container,
    .gloabl-theme>.woocommerce-notices-wrapper,
    .site_header .header-mobile>.left {
        max-width: 96rem;
    }
}

/* **************************** Min width **************************** */
/* **************************** Max width **************************** */
@media (max-width: 1294px) {
    .site_header .top_bar>.col>.top_bar-menu_wrapper.wpb_column {
        display: none;
    }
}

@media (max-width: 1279px) {
    .brands-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .product-list,
    .single-product .featured-product__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1023px) {
    .reviews-layout {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .product-layout__grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .trust__list,
    .featured-product__list,
    .reviews-list,
    .company-stats__list,
    .hiw__list,
    .reward-milestone__list,
    .brands-list,
    .daynight-menu-sec .info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fo__row,
    .brand-story__row,
    .blog-sec__row,
    .community__row,
    .subscription__row,
    .menu-grid,
    .rewards__list,
    .hero-banner__title-wrap,
    .strains-list__row,
    .strains-filter__row,
    .rewards__list:has(.reward-card:last-child:nth-child(2)),
    .shop-category-v2 .shop-category__list,
    .brooklyn-grid,
    .vision-row {
        grid-template-columns: 1fr;
    }

    .need-help__grid,
    .our-story__row,
    .mission-grid,
    .hf-flavor__grid,
    .effects__grid,
    .hf-overview__grid,
    .hf-strain-hero__row {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .strain-hero__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.625rem;
    }

    .hf-strain-hero__meta-seperator {
        display: none;
    }

    .strains-resul__count {
        margin-bottom: 0.5rem;
    }

    .daynight-menu-sec .intro {
        grid-template-columns: 1fr auto;
    }

    .fo__right-desc {
        text-align: left;
    }

    .first-order-sec {
        padding-block: 3.5rem;
    }

    .faq-row {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .wheat-bg.faq-sec {
        padding-block: 4rem;
    }

    .compnay-info {
        padding: 1.25rem;
    }

    .shop-category__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .first-order__bg-layer1 {
        display: none;
    }

    .nectar-global-section>.container {
        max-width: 96rem;
        padding-inline: 1rem !important;
    }

    .hero-banner .hero-banner_row {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .site_header .top_bar>.col>.wpb_column {
        margin: 0px !important;
    }

    .site_header .top_bar>.col>.top_bar-menu_wrapper.wpb_column {
        display: none;
    }

    .site_header .top_bar-right_wrapper.child_column>.vc_column-inner>.wpb_wrapper .iwithtext:first-child {
        display: none;
    }

    .strains-list__left {
        display: none;
    }

    .delivery_services_sec .delivery-box .grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .hf-navbar__right {
        display: none;
    }

    .shop-grid {
        grid-template-columns: 1fr;
    }

    .filter-sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .75rem;
        max-height: none;
    }
}

@media(max-width: 768px) {
    body.woocommerce-cart .main-content .woocommerce-cart-form__contents thead {
        display: none;
    }

    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tbody tr {
        margin-bottom: 0 !important;
    }

    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr.cart_item {
        grid-template-columns: 1fr;
    }

    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tbody tr.cart_item:nth-child(even):not(:last-child) {
        background: var(--body-wheat-bg);
    }

    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td.product-name {
        grid-column: unset;
    }

    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr.cart_item td::before {
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--body-text-light-v2);
    }

    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td:has(.coupon, button),
    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td .coupon {
        grid-template-columns: 1fr;
        margin: 0 !important;
    }

    body.woocommerce-cart .main-content .woocommerce-cart-form__contents tr td:has(.coupon) button {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding: 0;
        margin-bottom: 32px;
    }

    body:not(.woocommerce-cart) .main-content table thead {
        display: none;
    }

    body:not(.woocommerce-cart) .main-content table tr {
        grid-template-columns: 1fr;
    }

    body:not(.woocommerce-cart) .main-content table td,
    body:not(.woocommerce-cart) .main-content table tr:last-child td {
        border-bottom: 1px solid var(--border) !important;
        display: block;
    }

    body:not(.woocommerce-cart) .main-content table tr:last-child td:last-child {
        border-bottom: 0 !important;
    }

    body:not(.woocommerce-cart) .main-content table.woocommerce-orders-table tr td {
        background-color: rgba(0, 0, 0, .025);
    }

    body:not(.woocommerce-cart) .main-content table.woocommerce-orders-table tr:not(:last-child) {
        margin-bottom: 16px;
    }

    body:not(.woocommerce-cart) .main-content table.woocommerce-orders-table tr:last-child th {
        border-bottom: 1px solid var(--border) !important;
    }

    .woocommerce-Address:not(:last-child) {
        margin-bottom: 24px;
    }
}

@media(max-width: 767px) {
    .site_footer ul.menu {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .product-title {
        font-size: 1.875rem;
    }

    .shop-left {
        display: none;
        margin-top: -1rem;
    }

    .shop-left.open {
        display: block;
    }

    #filter-drawer-btn {
        display: flex;
    }

    .filter-sidebar {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .menu-selector-row {
        gap: .5rem;
    }

    .menu-selector-card {
        flex-grow: 1;
    }

    .menu-selector-card .msc-hours {
        display: none;
    }

    .hero-banner_row .block .intro-title {
        font-size: 42px;
        line-height: 1.3;
    }

    .site_header .delivery_time ul li:nth-child(2) {
        display: none;
    }

    .delivery_services_sec .delivery-box {
        padding: 32px;
    }

    .hero-404 {
        padding-top: 72px;
    }

    .page-hero__stats {
        flex-wrap: wrap;
    }

    .hero-stat {
        width: 50%;
        flex: auto;
    }

    .hero-stat:not(:is(:last-child, :nth-last-child(2))) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .timeline-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .hf-strain-hero__right .btn__action {
        width: 100%;
    }
}

@media (max-width: 639px) {
    .menu-selector-card .msc-label {
        font-size: .8rem;
    }

    .authentication-card {
        padding: 2rem 1.5rem;
    }

    .product-layout-sec {
        padding-bottom: 3rem;
    }

    .comment-fields-group {
        grid-template-columns: 1fr;
    }

    .single-product .featured-product-sec,
    .single-product-review {
        padding-block: 3rem;
    }

    #commentform textarea {
        height: 120px;
    }

    .atc-row {
        flex-direction: column;
        align-items: stretch;
    }

    .qty-control {
        width: fit-content;
    }

    .product-list {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .trust__list,
    .featured-product__list,
    .reviews-list,
    .hiw__list,
    .reward-milestone__list,
    .brands-list,
    .single-product .featured-product__list {
        grid-template-columns: 1fr;
    }

    .hf-strain-tab {
        padding: 0.75rem 0.625rem;
        font-size: 0.7rem;
    }

    .contact-info-card .info-row {
        padding: 20px;
    }

    .shop-category__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site_footer .cp_row .row_col_wrap_12_inner.col.span_12.left {
        width: 100% !important;
        text-align: center !important;
        display: flex;
    }

    .wpb_column.force-desktop-text-align-right,
    .wpb_column.force-desktop-text-align-right .col {
        text-align: center;
    }

    .hero-banner_row .block .intro-title {
        font-size: 30px;
        line-height: 1.3;
    }

    .hero-banner_row_slider .card {
        flex-direction: column;
    }

    .hero-banner_row_slider .card .card-img,
    .hero-banner_row_slider .card .card-content {
        width: 100%;
    }

    .hero-banner_row_slider .card .card-img img {
        height: 230px;
    }

    .daynight-menu-sec .intro,
    .form-wrap {
        grid-template-columns: 1fr;
    }

    .promo-banner {
        flex-wrap: wrap;
    }

    .site_header .delivery_time ul {
        display: none !important;
    }

    .site_header .top_bar-right_wrapper.child_column>.vc_column-inner>.wpb_wrapper .iwithtext:nth-child(2) {
        display: none;
    }

    .site_footer .cp_row .row_col_wrap_12_inner.col.span_12.left .vc_col-sm-6.copy_right.wpb_column {
        margin-bottom: 10px;
    }

    .global-form,
    .taste-profile__card {
        padding: 1.5rem;
    }

    .hf-strain-hero {
        padding-top: 4rem;
    }
}

/* **************************** Max width **************************** */
/* ============================================================
   hf-hero-layout-fix
   City Delivery Pages — Full-Width Layout Fix
   Removes Salient's 90px side padding so hf-hero and other
   full-width sections span the entire viewport.
   ============================================================ */
body:has(.hf-hero) .container.main-content,
body:has(.hf-ticker) .container.main-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body:has(.hf-hero) .container.main-content>.row,
body:has(.hf-ticker) .container.main-content>.row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body:has(.hf-hero) .wpb_row,
body:has(.hf-hero) .vc_row,
body:has(.hf-hero) .wpb_wrapper,
body:has(.hf-hero) .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ── City Delivery Pages: Hero card & above-fold reveals always visible ── */
body:has(.hf-hero) .hf-hero .reveal,
body:has(.hf-hero) .hf-hero-card.reveal,
body:has(.hf-hero) .hf-hero-inner .reveal {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: none !important;
}

.footer-bottom__desc {
    background: #ffff05;
    padding: 1rem 1.5rem;
    border-radius: 8px;
}

.site_footer .footer-bottom__desc p {
    color: #000;
    font-weight: 400;
}

.footer-bottom__desc a {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.no-result-wrap {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.no-result-wrap .woocommerce-mini-cart__empty-message {
    font-size: 1.5rem;
}

.my-account__icon a {
    display: flex;
}

@media (min-width:768px) {
    .my-account__icon a {
        margin-right: 8px;
    }
}

.my-account__icon {
    padding-left: 0 !important;
}

body.woocommerce-cart .cart-collaterals .order-total {
    display: none;
}

.disabled_night_menu #night-wins,
.disabled_night_menu .win-section-label:has(+#night-wins) {
    display: none;
}

.disabled_night_menu .menu-selector-card.night,
.disabled_night_menu .menu-card__night,
.disabled_night_menu .pf-card[data_menu_type="night"],
.disabled_night_menu .hero-banner_date-wrap .hero-banner_date_card.dark {
    opacity: 0.5;
    pointer-events: none;
}

.woocommerce-cart .woocommerce table.shop_table .product-name a {
    background: transparent;
    transition: all .3s ease;
}

.woocommerce-cart .woocommerce table.shop_table .product-name a:hover {
    color: var(--action);
}