@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');


/* ==========================================================================
   VELORA HOUSE
   STORE.CSS — CLEAN VERSION
   ========================================================================== */

:root {
    --background: #f7f3ee;
    --background-soft: #faf7f3;

    --foreground: #312724;
    --foreground-soft: #6f625b;

    --card: #ffffff;

    --primary: #3b2f2a;
    --primary-hover: #291f1b;
    --primary-foreground: #fffaf5;

    --secondary: #eee4d9;
    --secondary-soft: #f3ebe4;

    --muted: #f0e7df;
    --muted-foreground: #83766f;

    --accent: #d6a48f;
    --accent-soft: #f0d8ce;

    --border: #e5d9d0;
    --border-soft: rgba(49, 39, 36, .07);

    --success: #557861;
    --success-soft: #edf6ef;

    --danger: #955555;
    --danger-soft: #faeaea;

    --warning: #936a37;
    --warning-soft: #f8efdf;

    --radius-sm: 12px;
    --radius: 18px;
    --radius-lg: 24px;
    --radius-xl: 30px;

    --shadow-soft:
        0 10px 32px
        rgba(49, 39, 36, .06);

    --shadow-card:
        0 15px 42px
        rgba(49, 39, 36, .07);

    --shadow-large:
        0 28px 75px
        rgba(49, 39, 36, .11);

    --warm-gradient:
        linear-gradient(
            135deg,
            #f7f2ea 0%,
            #f0dbd2 100%
        );

    --container: 1180px;
}


/* ==========================================================================
   RESET
   ========================================================================== */

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


html {
    scroll-behavior: smooth;
}


body {
    margin: 0;

    min-height: 100vh;

    overflow-x: hidden;

    color: var(--foreground);

    background:
        linear-gradient(
            180deg,
            #faf7f3 0%,
            #f7f3ee 48%,
            #f5efe9 100%
        );

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size: 14px;

    line-height: 1.5;
}


body,
button,
input,
textarea,
select {
    font-family:
        "Inter",
        Arial,
        sans-serif;
}


a {
    color: inherit;

    text-decoration: none;
}


img {
    display: block;

    max-width: 100%;
}


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


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


input,
textarea,
select,
button {
    box-sizing: border-box;
}


.site-shell {
    min-height: 100vh;

    overflow: visible;
}


.container {
    width:
        min(
            100%,
            var(--container)
        );

    margin-inline: auto;

    padding-inline: 20px;
}


.container-wide {
    width:
        min(
            100%,
            1280px
        );

    margin-inline: auto;

    padding-inline:
        clamp(
            16px,
            2.8vw,
            24px
        );
}


/* ==========================================================================
   GLOBAL TYPOGRAPHY
   ========================================================================== */

h1,
h2,
h3,
h4 {
    color: var(--foreground);
}


.hero-copy h1,
.section-heading h2,
.centered-title,
.banner h2,
.request-copy h2,
.product-copy h3,
.category-copy h3,
.feature-card h3 {
    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;
}


p {
    color: var(--muted-foreground);
}


.section {
    padding:
        78px
        0;
}


.section-soft {
    background:
        linear-gradient(
            180deg,
            rgba(238, 228, 217, .50),
            rgba(240, 231, 223, .72)
        );
}


.store-section-kicker {
    display: block;

    margin-bottom: 7px;

    color: #9b7e70;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.store-centered-heading {
    margin-bottom: 30px;

    text-align: center;
}


.centered-title {
    margin:
        0
        0
        26px;

    font-size:
        clamp(
            2.6rem,
            4vw,
            3.6rem
        );
}


/* ==========================================================================
   BUTTONS
   ========================================================================== */

.btn {
    display: inline-flex;

    min-height: 46px;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding:
        0
        20px;

    border-radius: 999px;

    font-size: 11px;

    font-weight: 700;

    transition:
        transform .18s ease,
        background .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


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


.btn-primary {
    color: var(--primary-foreground);

    border:
        1px solid
        var(--primary);

    background:
        var(--primary);

    box-shadow:
        0 10px 25px
        rgba(59, 47, 42, .14);
}


.btn-primary:hover {
    color: #ffffff;

    border-color:
        var(--primary-hover);

    background:
        var(--primary-hover);
}


.btn-secondary {
    color: #50423c;

    border:
        1px solid
        rgba(49, 39, 36, .14);

    background:
        rgba(255, 255, 255, .42);
}


.btn-secondary:hover {
    background: #ffffff;
}


.button-row {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 24px;
}


/* ==========================================================================
   TOPBAR
   ========================================================================== */

.topbar {
    position: relative;

    z-index: 10002;

    color: #fffaf5;

    background: #352923;

    font-size: 11px;
}


.topbar-inner {
    display: flex;

    min-height: 38px;

    align-items: center;

    justify-content: space-between;

    gap: 12px;
}


.topbar-inner > span,
.topbar-links a {
    font-size: 10px;

    letter-spacing: .01em;
}


.topbar-links {
    display: flex;

    align-items: center;

    gap: 16px;
}


.topbar-links a {
    opacity: .87;

    transition:
        opacity .18s ease;
}


.topbar-links a:hover {
    opacity: 1;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.site-header {
    position: sticky;

    top: 0;

    z-index: 10000;

    width: 100%;

    overflow: visible;

    border-bottom:
        1px solid
        var(--border-soft);

    background:
        rgba(250, 247, 243, .94);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}


.nav-row {
    display: flex;

    min-height: 82px;

    align-items: center;

    gap: 16px;

    flex-wrap: nowrap;
}


/* Logo */

.logo {
    display: inline-flex;

    min-width: 178px;

    flex: 0 0 auto;

    align-items: center;

    color: #302521;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 1.92rem;

    font-weight: 700;

    line-height: .95;

    letter-spacing: -.035em;

    white-space: nowrap;
}


/* Navigation */

.nav-links {
    display: flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 17px;

    white-space: nowrap;
}


.nav-links a {
    position: relative;

    display: inline-flex;

    align-items: center;

    padding:
        11px
        0;

    color: #746861;

    font-size: 12px;

    font-weight: 500;

    white-space: nowrap;

    transition:
        color .18s ease;
}


.nav-links a::after {
    position: absolute;

    right: 0;
    bottom: 4px;
    left: 0;

    height: 1px;

    content: "";

    opacity: 0;

    background: #3b2f2a;

    transform:
        scaleX(.5);

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.nav-links a:hover {
    color: #342822;
}


.nav-links a:hover::after {
    opacity: 1;

    transform:
        scaleX(1);
}


/* ==========================================================================
   HEADER SEARCH
   ========================================================================== */

.searchbar-main {
    position: relative;

    display: grid;

    min-width: 190px;
    max-width: 320px;

    flex:
        1
        1
        250px;

    grid-template-columns:
        34px
        minmax(0, 1fr)
        38px;

    align-items: center;

    gap: 7px;

    min-height: 48px;

    margin-left: auto;

    padding:
        5px
        6px;

    overflow: hidden;

    border:
        1px solid
        rgba(59, 47, 42, .09);

    border-radius: 999px;

    background: #ffffff;

    box-shadow:
        0 8px 24px
        rgba(59, 47, 42, .035);

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


.searchbar-main:hover {
    border-color:
        rgba(59, 47, 42, .17);
}


.searchbar-main:focus-within {
    border-color: #cfae9f;

    box-shadow:
        0 0 0 4px
        rgba(214, 164, 143, .10),
        0 12px 30px
        rgba(59, 47, 42, .055);
}


.searchbar-main::before,
.searchbar-main::after,
.searchbar::before,
.searchbar::after {
    display: none !important;

    content: none !important;
}


.searchbar-main .search-icon {
    position: static;

    display: grid;

    width: 34px;
    height: 34px;

    place-items: center;

    margin: 0;

    color: #806e65;

    border-radius: 50%;

    background: #f2e9e2;

    font-size: 14px;

    transform: none;
}


.searchbar-main input {
    width: 100%;

    min-width: 0;

    height: 36px;

    padding:
        0
        3px;

    color: #392d28;

    border: 0;

    outline: 0;

    background: transparent;

    box-shadow: none;

    font-size: 10px;
}


.searchbar-main input:focus {
    border: 0;

    outline: 0;

    background: transparent;

    box-shadow: none;
}


.searchbar-main input::placeholder {
    color: #a99b94;
}


.search-submit {
    display: grid;

    width: 38px;
    height: 38px;

    place-items: center;

    padding: 0;

    color: #ffffff;

    border: 0;

    border-radius: 50%;

    background: #3b2f2a;

    cursor: pointer;

    font-size: 13px;

    transition:
        transform .18s ease,
        background .18s ease;
}


.search-submit:hover {
    background: #2d221e;

    transform:
        scale(1.04);
}


.search-submit:active {
    transform:
        scale(.96);
}


/* ==========================================================================
   HEADER LANGUAGE / ACCOUNT / CART
   ========================================================================== */

.language-switcher {
    display: inline-flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 5px;

    color: #8a7d75;

    font-size: 10px;

    font-weight: 600;
}


.language-switcher a {
    transition:
        color .18s ease;
}


.language-switcher a:hover,
.language-switcher a.active {
    color: #332722;
}


.account-pill,
.cart-pill {
    display: inline-flex;

    min-height: 44px;

    flex: 0 0 auto;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding:
        0
        13px;

    color: #4b3d37;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 999px;

    background: #f1e8df;

    font-size: 11px;

    font-weight: 500;

    white-space: nowrap;

    transition:
        transform .18s ease,
        background .18s ease;
}


.account-pill:hover,
.cart-pill:hover {
    background: #eaded2;

    transform:
        translateY(-1px);
}


.account-pill.is-authenticated {
    border-color:
        rgba(59, 47, 42, .12);

    background: #eee3da;
}


.account-icon {
    font-size: 14px;
}


.cart-pill strong {
    display: grid;

    min-width: 21px;
    height: 21px;

    place-items: center;

    padding:
        0
        5px;

    color: #ffffff;

    border-radius: 999px;

    background: #3b2f2a;

    font-size: 9px;
}


/* ==========================================================================
   MOBILE MENU
   ========================================================================== */

.menu-toggle {
    display: none;

    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    align-items: center;

    justify-content: center;

    padding: 0;

    color: #3b2f2a;

    border:
        1px solid
        rgba(59, 47, 42, .11);

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 8px 22px
        rgba(59, 47, 42, .055);

    cursor: pointer;

    font-size: 20px;

    line-height: 1;

    appearance: none;

    -webkit-appearance: none;

    touch-action: manipulation;
}


.mobile-menu {
    display: none;
}


/* ==========================================================================
   HERO
   ========================================================================== */

.store-home-hero {
    position: relative;

    overflow: hidden;

    padding:
        68px
        0
        48px;
}


.hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(420px, .92fr);

    align-items: center;

    gap:
        clamp(
            38px,
            5vw,
            75px
        );
}


.hero-copy {
    min-width: 0;
}


.hero-copy h1 {
    max-width: 660px;

    margin:
        18px
        0
        0;

    color: #312724;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            3.8rem,
            5.8vw,
            5.5rem
        );

    font-weight: 600;

    line-height: .92;

    letter-spacing: -.04em;
}


.hero-copy h1 span {
    display: block;

    margin-top: 5px;

    color: #917365;

    font-style: italic;

    font-weight: 500;
}


.hero-copy > p {
    max-width: 590px;

    margin:
        24px
        0
        0;

    color: #746861;

    font-size: 14px;

    line-height: 1.75;
}


.pill,
.mini-badge,
.tag {
    display: inline-flex;

    align-items: center;

    border-radius: 999px;
}


.pill {
    min-height: 32px;

    padding:
        6px
        12px;

    color: #66564e;

    background: #efe4da;

    font-size: 10px;

    font-weight: 600;
}


/* Hero statistics */

.hero-stats {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 18px;

    margin-top: 34px;
}


.hero-stats strong {
    display: block;

    color: #352923;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 2rem;
}


.hero-stats span {
    color: #8b7e76;

    font-size: 10px;
}


/* ==========================================================================
   HERO CAROUSEL
   ========================================================================== */

.store-hero-carousel {
    position: relative;

    width: 100%;

    min-width: 0;

    height:
        clamp(
            470px,
            49vw,
            620px
        );

    overflow: hidden;

    border-radius: 32px;

    background: #eee4dc;

    box-shadow:
        var(--shadow-large);

    isolation: isolate;
}


.store-hero-carousel-track {
    position: relative;

    width: 100%;
    height: 100%;
}


.store-hero-slide {
    position: absolute;

    inset: 0;

    overflow: hidden;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        scale(1.025);

    transition:
        opacity .65s ease,
        visibility .65s ease,
        transform 1s ease;
}


.store-hero-slide.is-active {
    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        scale(1);
}


.store-hero-slide img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transition:
        transform 7s
        cubic-bezier(.15, .7, .25, 1);
}


.store-hero-slide.is-active img {
    transform:
        scale(1.05);
}


.store-hero-slide-shade {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(28, 20, 17, .04) 25%,
            rgba(28, 20, 17, .65) 100%
        );
}


.store-hero-slide-content {
    position: absolute;

    right: 32px;
    bottom: 34px;
    left: 32px;

    z-index: 3;

    display: grid;

    max-width: 430px;

    gap: 7px;

    color: #ffffff;

    opacity: 0;

    transform:
        translateY(18px);

    transition:
        opacity .55s ease .12s,
        transform .55s ease .12s;
}


.store-hero-slide.is-active
.store-hero-slide-content {
    opacity: 1;

    transform:
        translateY(0);
}


.store-hero-slide-content > span {
    font-size: 8px;

    font-weight: 700;

    letter-spacing: .17em;

    text-transform: uppercase;

    opacity: .83;
}


.store-hero-slide-content > strong {
    max-width: 390px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            2rem,
            3vw,
            3rem
        );

    font-weight: 500;

    line-height: .98;
}


.store-hero-slide-content > a {
    display: inline-flex;

    width: fit-content;

    align-items: center;

    gap: 10px;

    margin-top: 7px;

    color: #ffffff;

    font-size: 9px;

    font-weight: 700;
}


.store-hero-slide-content > a b {
    display: grid;

    width: 30px;
    height: 30px;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .18);

    backdrop-filter:
        blur(10px);
}


/* Carousel arrows */

.store-hero-arrow {
    position: absolute;

    top: 50%;

    z-index: 7;

    display: grid;

    width: 44px;
    height: 44px;

    place-items: center;

    padding: 0;

    color: #3a2c26;

    border:
        1px solid
        rgba(255, 255, 255, .45);

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .84);

    box-shadow:
        0 8px 25px
        rgba(31, 22, 18, .12);

    backdrop-filter:
        blur(14px);

    cursor: pointer;

    transform:
        translateY(-50%);
}


.store-hero-prev {
    left: 17px;
}


.store-hero-next {
    right: 17px;
}


.store-hero-carousel-footer {
    position: absolute;

    top: 22px;
    right: 22px;
    left: 22px;

    z-index: 7;

    display: flex;

    align-items: center;

    justify-content: space-between;

    pointer-events: none;
}


.store-hero-dots,
.store-hero-counter {
    pointer-events: auto;
}


.store-hero-dots {
    display: flex;

    align-items: center;

    gap: 6px;

    padding:
        7px
        9px;

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .78);

    backdrop-filter:
        blur(14px);
}


.store-hero-dots button {
    width: 7px;
    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 999px;

    background:
        rgba(53, 41, 35, .25);

    cursor: pointer;

    transition:
        width .2s ease,
        background .2s ease;
}


.store-hero-dots button.is-active {
    width: 23px;

    background: #382c27;
}


.store-hero-counter {
    display: flex;

    align-items: baseline;

    gap: 4px;

    padding:
        8px
        11px;

    color: #3d302a;

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .80);

    backdrop-filter:
        blur(14px);
}


.store-hero-counter strong {
    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 1rem;
}


.store-hero-counter span,
.store-hero-counter small {
    color: #887970;

    font-size: 7px;
}


/* ==========================================================================
   SECTION HEADINGS
   ========================================================================== */

.section-heading {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 18px;

    margin-bottom: 30px;
}


.section-heading h2 {
    margin: 0;

    color: #302521;

    font-size:
        clamp(
            2.8rem,
            4vw,
            3.6rem
        );

    line-height: 1;
}


.section-heading p {
    margin:
        7px
        0
        0;

    color: #8b7e76;

    font-size: 12px;
}


.section-heading > a {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #746861;

    font-size: 10px;

    font-weight: 700;
}


/* ==========================================================================
   HOMEPAGE CATEGORIES
   ========================================================================== */

.category-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 22px;
}


.category-card {
    position: relative;

    overflow: hidden;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        var(--shadow-soft);

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}


.category-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 18px 42px
        rgba(49, 39, 36, .10);
}


.store-category-image {
    overflow: hidden;

    aspect-ratio:
        4 / 4.6;

    background: #eee5dd;
}


.store-category-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .45s ease;
}


.category-card:hover
.store-category-image img {
    transform:
        scale(1.045);
}


.store-category-placeholder {
    display: grid;

    width: 100%;
    height: 100%;

    place-items: center;

    background:
        var(--warm-gradient);
}


.store-category-placeholder span {
    color:
        rgba(59, 47, 42, .18);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 6rem;

    font-weight: 700;
}


.category-copy {
    padding:
        19px
        20px
        22px;
}


.store-category-count {
    display: block;

    margin-bottom: 6px;

    color: #9f8d83;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.category-copy h3 {
    margin: 0;

    color: #342822;

    font-size: 1.6rem;
}


.category-copy p {
    margin:
        8px
        0
        0;

    color: #8a7d75;

    font-size: 10px;

    line-height: 1.6;
}


.store-category-arrow {
    display: grid;

    width: 32px;
    height: 32px;

    margin-top: 13px;

    place-items: center;

    border-radius: 50%;

    background: #f1e7df;

    transition:
        transform .2s ease,
        background .2s ease;
}


.category-card:hover
.store-category-arrow {
    background: #e7d8cd;

    transform:
        translateX(4px);
}


/* ==========================================================================
   HOMEPAGE PRODUCT GRID
   ========================================================================== */

.product-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 22px;
}


.product-card {
    overflow: hidden;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        var(--shadow-soft);

    transition:
        transform .28s ease,
        box-shadow .28s ease;
}


.product-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 18px 42px
        rgba(49, 39, 36, .10);
}


.product-image {
    position: relative;

    display: block;

    overflow: hidden;

    background: #eee4dc;
}


.product-image img {
    width: 100%;

    aspect-ratio:
        1 / 1;

    object-fit: cover;

    transition:
        transform .4s ease;
}


.product-card:hover
.product-image img {
    transform:
        scale(1.04);
}


.store-product-placeholder {
    display: grid;

    aspect-ratio:
        1 / 1;

    place-items: center;

    color: #9d8c83;

    background:
        var(--warm-gradient);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.5rem;

    letter-spacing: .14em;
}


.store-stock-badge {
    position: absolute;

    top: 12px;
    left: 12px;

    z-index: 3;

    display: inline-flex;

    min-height: 28px;

    align-items: center;

    padding:
        4px
        10px;

    border-radius: 999px;

    font-size: 9px;

    font-weight: 700;
}


.store-stock-badge.discount {
    color: #613d31;

    background: #f0d1c4;
}


.store-stock-badge.out {
    color: #ffffff;

    background: #6c625e;
}


.product-copy {
    padding: 19px;
}


.store-product-category {
    display: block;

    margin-bottom: 7px;

    color: #96877f;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.product-copy h3 {
    min-height: 46px;

    margin: 0;

    color: #332722;

    font-size: 1.42rem;

    line-height: 1.08;
}


.product-copy p {
    min-height: 38px;

    margin:
        8px
        0
        0;

    color: #91847c;

    font-size: 10px;

    line-height: 1.55;
}


.store-product-price-area {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 12px;

    margin-top: 16px;
}


.store-product-price-area > div {
    display: flex;

    flex-direction: column;

    gap: 2px;
}


.store-product-price-area strong {
    color: #322620;

    font-size: 1.2rem;
}


.store-old-price {
    color: #9b8d85;

    font-size: 10px;

    text-decoration: line-through;
}


.store-product-price-area small {
    color: #978a82;

    font-size: 9px;
}


.store-product-actions {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 8px;

    margin-top: 17px;
}


.store-product-actions .btn {
    min-height: 42px;

    padding-inline: 11px;

    font-size: 9px;
}


.store-add-cart-button {
    border: 0;

    cursor: pointer;
}


.store-add-cart-button:disabled {
    cursor: not-allowed;

    opacity: .42;

    transform: none;
}


/* ==========================================================================
   FEATURES
   ========================================================================== */

.feature-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 22px;
}


.feature-card {
    min-height: 205px;

    padding: 25px;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 22px;

    background:
        rgba(255, 255, 255, .82);

    box-shadow:
        var(--shadow-soft);
}


.icon-badge {
    display: grid;

    width: 50px;
    height: 50px;

    margin-bottom: 18px;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(214, 164, 143, .40);

    font-size: 18px;
}


.feature-card h3 {
    margin: 0;

    color: #342822;

    font-size: 1.5rem;
}


.feature-card p {
    margin:
        9px
        0
        0;

    font-size: 10px;

    line-height: 1.65;
}


/* ==========================================================================
   WHOLESALE
   ========================================================================== */

.banner {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 38px;

    padding: 44px;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #efe3d8 0%,
            #f5dbcf 100%
        );

    box-shadow:
        0 18px 55px
        rgba(49, 39, 36, .08);
}


.banner h2 {
    margin: 0;

    font-size:
        clamp(
            2.7rem,
            4vw,
            3.5rem
        );

    line-height: 1;
}


.banner p {
    max-width: 580px;

    font-size: 11px;

    line-height: 1.7;
}


.mini-badge {
    margin-bottom: 14px;

    padding:
        6px
        12px;

    color: #6b574e;

    background:
        rgba(255, 255, 255, .70);

    font-size: 9px;

    font-weight: 700;
}


.business-list {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    align-content: center;

    gap: 13px;

    margin: 0;

    padding: 0;

    list-style: none;
}


.business-list li {
    display: flex;

    min-height: 58px;

    align-items: center;

    padding:
        15px
        17px;

    border:
        1px solid
        rgba(49, 39, 36, .04);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, .76);

    font-size: 10px;

    font-weight: 600;
}


/* ==========================================================================
   ABOUT
   ========================================================================== */

.review-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 22px;
}


.review-card {
    min-height: 185px;

    padding: 27px;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        var(--shadow-soft);
}


.review-card p {
    margin: 0;

    color: #756962;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.3rem;

    line-height: 1.36;
}


.review-meta {
    margin-top: 21px;

    color: #91847c;

    font-size: 9px;

    font-weight: 600;
}


/* ==========================================================================
   CONTACT
   ========================================================================== */

.section-request {
    padding-bottom: 95px;
}


.request-card {
    display: grid;

    grid-template-columns:
        1fr
        1fr;

    gap: 48px;

    padding: 42px;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 28px;

    background: #ffffff;

    box-shadow:
        0 18px 55px
        rgba(49, 39, 36, .07);
}


.request-copy h2 {
    margin: 0;

    font-size:
        clamp(
            2.7rem,
            4vw,
            3.5rem
        );
}


.request-copy p {
    max-width: 430px;

    font-size: 11px;

    line-height: 1.7;
}


.request-form {
    display: grid;

    gap: 12px;
}


.request-form input,
.request-form textarea {
    width: 100%;

    min-height: 50px;

    padding:
        12px
        14px;

    color: #3d302b;

    border:
        1px solid
        rgba(49, 39, 36, .10);

    border-radius: 12px;

    outline: none;

    background: #faf7f3;

    font-size: 10px;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}


.request-form textarea {
    min-height: 120px;

    resize: vertical;
}


.request-form input:focus,
.request-form textarea:focus {
    border-color:
        rgba(214, 164, 143, .8);

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(214, 164, 143, .12);
}


.request-form .btn {
    justify-self: start;

    border: 0;

    cursor: pointer;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

.site-footer {
    margin-top: 0;

    border-top:
        1px solid
        rgba(61, 48, 43, .08);

    background: #eee4d9;
}


.footer-grid {
    display: grid;

    grid-template-columns:
        1.3fr
        1fr
        1fr
        1fr;

    gap: 38px;

    padding:
        56px
        20px
        46px;
}


.footer-logo {
    margin-bottom: 15px;

    color: #332722;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2.1rem;

    font-weight: 700;
}


.footer-grid h4 {
    margin:
        0
        0
        13px;

    color: #332722;

    font-size: 11px;
}


.footer-grid p {
    max-width: 330px;

    color: #82756e;

    font-size: 10px;

    line-height: 1.7;
}


.footer-grid a,
.footer-grid span {
    display: block;

    margin-bottom: 8px;

    color: #83766f;

    font-size: 10px;
}


.footer-grid a:hover {
    color: #392d28;
}


.footer-bottom {
    border-top:
        1px solid
        rgba(61, 48, 43, .08);
}


.footer-bottom-inner {
    display: flex;

    min-height: 58px;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    padding:
        14px
        20px;

    color: #83766f;

    font-size: 9px;
}


/* ==========================================================================
   REVEAL
   ========================================================================== */

[data-reveal] {
    opacity: 0;

    transform:
        translateY(20px);

    transition:
        opacity .65s ease,
        transform .65s ease;
}


[data-reveal].is-visible {
    opacity: 1;

    transform:
        translateY(0);
}


/* ==========================================================================
   CATEGORIES PAGE
   ========================================================================== */

.store-categories-hero {
    padding:
        62px
        0
        36px;
}


.store-categories-hero-inner {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;

    padding-bottom: 32px;

    border-bottom:
        1px solid
        rgba(49, 39, 36, .09);
}


.store-categories-eyebrow {
    display: block;

    margin-bottom: 9px;

    color: #9d7d6e;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .15em;
}


.store-categories-hero h1 {
    margin: 0;

    color: #302521;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3.4rem,
            5vw,
            5rem
        );

    line-height: .94;
}


.store-categories-hero p {
    max-width: 580px;

    margin:
        13px
        0
        0;

    color: #7c7069;

    font-size: 11px;

    line-height: 1.65;
}


.store-categories-total {
    display: flex;

    align-items: baseline;

    gap: 7px;

    white-space: nowrap;
}


.store-categories-total strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2.4rem;
}


.store-categories-total span {
    color: #94877f;

    font-size: 10px;
}


.store-categories-section {
    padding:
        18px
        0
        90px;
}


.store-categories-grid {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 23px;
}


.store-category-page-card {
    overflow: hidden;

    border:
        1px solid
        rgba(49, 39, 36, .055);

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        var(--shadow-soft);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.store-category-page-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 20px 46px
        rgba(49, 39, 36, .10);
}


.store-category-page-image {
    position: relative;

    overflow: hidden;

    aspect-ratio:
        1.15 / 1;

    background: #efe5dc;
}


.store-category-page-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform .4s ease;
}


.store-category-page-card:hover
.store-category-page-image img {
    transform:
        scale(1.045);
}


.store-category-page-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(34, 25, 21, .25)
        );
}


.store-category-page-count {
    position: absolute;

    right: 12px;
    bottom: 12px;

    z-index: 2;

    display: inline-flex;

    min-height: 30px;

    align-items: center;

    padding:
        5px
        10px;

    color: #ffffff;

    border-radius: 999px;

    background:
        rgba(48, 37, 33, .75);

    backdrop-filter:
        blur(8px);

    font-size: 8px;

    font-weight: 700;
}


.store-category-page-placeholder {
    display: grid;

    width: 100%;
    height: 100%;

    place-items: center;

    background:
        var(--warm-gradient);
}


.store-category-page-placeholder span {
    color:
        rgba(59, 47, 42, .16);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 7rem;

    font-weight: 700;
}


.store-category-page-content {
    display: flex;

    min-height: 130px;

    align-items: flex-end;

    justify-content: space-between;

    gap: 18px;

    padding: 19px;
}


.store-category-page-content h2 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.7rem;

    line-height: 1.05;
}


.store-category-page-content p {
    display: -webkit-box;

    max-width: 280px;

    overflow: hidden;

    margin:
        7px
        0
        0;

    color: #887a72;

    font-size: 10px;

    line-height: 1.55;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    line-clamp: 2;
}


.store-category-page-arrow {
    display: grid;

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background: #3b2f2a;
}


/* ==========================================================================
   PRODUCT PAGE
   ========================================================================== */

.store-product-breadcrumb {
    padding:
        27px
        0
        0;
}


.store-product-breadcrumb nav {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    color: #958981;

    font-size: 9px;
}


.store-product-page {
    padding:
        32px
        0
        78px;
}


.store-product-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(380px, .95fr);

    align-items: start;

    gap: 56px;
}


.store-product-gallery {
    min-width: 0;
}


.store-product-main-image {
    position: relative;

    overflow: hidden;

    aspect-ratio:
        1 / .92;

    border-radius: 26px;

    background: #efe6de;

    box-shadow:
        0 18px 50px
        rgba(49, 39, 36, .08);
}


.store-product-main-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


.store-product-main-placeholder {
    display: grid;

    width: 100%;
    height: 100%;

    place-items: center;

    color: #a28d82;

    background:
        var(--warm-gradient);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 3rem;

    letter-spacing: .15em;
}


.store-product-detail-badge {
    position: absolute;

    top: 18px;
    left: 18px;

    display: inline-flex;

    min-height: 31px;

    align-items: center;

    padding:
        5px
        11px;

    border-radius: 999px;

    font-size: 9px;

    font-weight: 700;
}


.store-product-detail-badge.discount {
    color: #693d30;

    background: #f0cfc1;
}


.store-product-detail-badge.out {
    color: #ffffff;

    background: #645954;
}


.store-product-thumbnails {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            88px
        );

    gap: 10px;

    margin-top: 13px;
}


.store-product-thumbnail {
    overflow: hidden;

    width: 88px;
    height: 88px;

    padding: 0;

    border:
        2px solid
        transparent;

    border-radius: 13px;

    background: #eee4dc;

    cursor: pointer;

    transition:
        border-color .18s ease,
        transform .18s ease;
}


.store-product-thumbnail:hover {
    transform:
        translateY(-2px);
}


.store-product-thumbnail.active {
    border-color: #3b2f2a;
}


.store-product-thumbnail img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


#storeProductMainImage {
    opacity: 1;

    transition:
        opacity .18s ease,
        transform .25s ease;
}


#storeProductMainImage.is-changing {
    opacity: .35;

    transform:
        scale(.99);
}


.store-product-information {
    padding-top: 9px;
}


.store-product-category-label {
    display: inline-flex;

    margin-bottom: 13px;

    color: #a08071;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.store-product-information h1 {
    max-width: 620px;

    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3rem,
            4.8vw,
            4.7rem
        );

    font-weight: 600;

    line-height: .93;

    letter-spacing: -.035em;
}


.store-product-lead {
    max-width: 570px;

    margin:
        19px
        0
        0;

    color: #766a63;

    font-size: 11px;

    line-height: 1.7;
}


.store-product-detail-price {
    display: flex;

    align-items: baseline;

    flex-wrap: wrap;

    gap:
        9px
        14px;

    margin-top: 26px;
}


.store-product-detail-price del {
    color: #a4968d;

    font-size: 10px;
}


.store-product-detail-price strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.7rem;
}


.store-product-detail-price span {
    color: #997667;

    font-size: 9px;

    font-weight: 600;
}


.store-product-stock-panel {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-top: 20px;

    padding:
        13px
        15px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 13px;

    background:
        rgba(255, 255, 255, .70);
}


.store-product-stock-status {
    display: flex;

    align-items: center;

    gap: 7px;
}


.store-product-stock-status > span {
    width: 8px;
    height: 8px;

    border-radius: 50%;
}


.store-product-stock-status.in > span {
    background: #56a478;

    box-shadow:
        0 0 0 4px
        rgba(86, 164, 120, .13);
}


.store-product-stock-status.out > span {
    background: #b46060;
}


.store-product-stock-status strong {
    font-size: 10px;
}


.store-product-stock-panel small {
    margin-left: auto;

    color: #958880;

    font-size: 8px;
}


.store-product-purchase {
    display: grid;

    grid-template-columns:
        130px
        minmax(0, 1fr);

    gap: 10px;

    margin-top: 21px;
}


.store-product-quantity {
    display: grid;

    grid-template-columns:
        38px
        1fr
        38px;

    overflow: hidden;

    min-height: 52px;

    border:
        1px solid
        #ddd1c8;

    border-radius: 999px;

    background: #ffffff;
}


.store-product-quantity-button {
    padding: 0;

    color: #4c3e38;

    border: 0;

    background: transparent;

    cursor: pointer;

    font-size: 18px;
}


.store-product-quantity input {
    width: 100%;

    text-align: center;

    border: 0;

    outline: none;

    background: transparent;

    font-size: 11px;

    font-weight: 700;

    appearance: textfield;
}


.store-product-add-button {
    display: flex;

    min-height: 52px;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding:
        0
        21px;

    color: #ffffff;

    border: 0;

    border-radius: 999px;

    background: #352923;

    cursor: pointer;

    font-size: 10px;

    font-weight: 700;
}


.store-product-add-button:hover {
    background: #271e1a;
}


.store-product-add-button:disabled {
    cursor: not-allowed;

    opacity: .4;
}


.store-product-meta {
    display: grid;

    gap: 0;

    margin-top: 27px;

    border-top:
        1px solid
        var(--border-soft);
}


.store-product-meta > div {
    display: flex;

    min-height: 45px;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid
        var(--border-soft);
}


.store-product-meta span {
    color: #998c84;

    font-size: 8px;
}


.store-product-meta strong {
    color: #564842;

    font-size: 9px;

    text-align: right;
}


.store-product-benefits {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap: 8px;

    margin-top: 23px;
}


.store-product-benefits > div {
    display: flex;

    min-height: 62px;

    align-items: center;

    gap: 8px;

    padding: 10px;

    border-radius: 12px;

    background: #f1e8df;
}


.store-product-benefits span {
    display: grid;

    width: 25px;
    height: 25px;

    flex: 0 0 25px;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, .75);

    font-size: 10px;
}


.store-product-benefits p {
    margin: 0;

    color: #665953;

    font-size: 8px;

    line-height: 1.35;
}


.store-product-description-section {
    padding:
        0
        0
        88px;
}


.store-product-description-card {
    padding: 36px;

    border:
        1px solid
        rgba(49, 39, 36, .055);

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        var(--shadow-soft);
}


.store-product-description-label {
    color: #9c7d6d;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .13em;

    text-transform: uppercase;
}


.store-product-description-card h2 {
    margin:
        7px
        0
        15px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2.2rem;
}


.store-product-description-text {
    max-width: 850px;

    color: #756962;

    font-size: 11px;

    line-height: 1.8;
}


/* ==========================================================================
   CART
   ========================================================================== */

.store-cart-hero {
    padding:
        56px
        0
        30px;
}


.store-cart-hero-inner {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 28px;

    padding-bottom: 28px;

    border-bottom:
        1px solid
        rgba(49, 39, 36, .09);
}


.store-cart-eyebrow {
    display: block;

    margin-bottom: 8px;

    color: #9a7c6d;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .15em;
}


.store-cart-hero h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3.4rem,
            5vw,
            5rem
        );

    line-height: .95;
}


.store-cart-hero p {
    margin:
        11px
        0
        0;

    color: #82756e;

    font-size: 10px;
}


.store-cart-quantity-summary {
    display: flex;

    align-items: baseline;

    gap: 7px;
}


.store-cart-quantity-summary strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2.4rem;
}


.store-cart-quantity-summary span {
    color: #92857d;

    font-size: 9px;
}


.store-cart-section {
    padding:
        15px
        0
        88px;
}


.store-cart-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        340px;

    align-items: start;

    gap: 36px;
}


.store-cart-products-header {
    display: flex;

    min-height: 56px;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}


.store-cart-products-header h2 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.75rem;
}


.store-cart-products-header a {
    color: #8f8179;

    font-size: 9px;
}


.store-cart-item {
    display: grid;

    grid-template-columns:
        145px
        minmax(0, 1fr);

    gap: 19px;

    padding:
        18px
        0;

    border-bottom:
        1px solid
        var(--border-soft);
}


.store-cart-item.is-unavailable {
    opacity: .65;
}


.store-cart-item-image {
    overflow: hidden;

    width: 145px;
    height: 145px;

    border-radius: 16px;

    background: #eee4db;
}


.store-cart-item-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


.store-cart-item-image > div {
    display: grid;

    width: 100%;
    height: 100%;

    place-items: center;

    color: #a5958c;

    font-family:
        "Cormorant Garamond",
        serif;
}


.store-cart-item-information {
    min-width: 0;
}


.store-cart-item-top {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 20px;
}


.store-cart-item-top h3 {
    margin:
        4px
        0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.5rem;

    line-height: 1.05;
}


.store-cart-item-top small {
    color: #958880;

    font-size: 8px;
}


.store-cart-discount {
    display: inline-flex;

    padding:
        4px
        8px;

    color: #6c4135;

    border-radius: 999px;

    background: #f1d2c5;

    font-size: 8px;

    font-weight: 700;
}


.store-cart-remove-button {
    display: grid;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    place-items: center;

    color: #82746d;

    border:
        1px solid
        #e2d7cf;

    border-radius: 50%;

    background: transparent;

    cursor: pointer;

    font-size: 18px;
}


.store-cart-remove-button:hover {
    color: #ffffff;

    border-color: #3b2f2a;

    background: #3b2f2a;
}


.store-cart-stock-error,
.store-cart-stock-warning {
    margin-top: 10px;

    padding:
        7px
        10px;

    border-radius: 8px;

    font-size: 8px;
}


.store-cart-stock-error {
    color: #824d4d;

    background: #f6e5e5;
}


.store-cart-stock-warning {
    color: #806444;

    background: #f7eddc;
}


.store-cart-item-bottom {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 20px;

    margin-top: 24px;
}


.store-cart-item-quantity {
    display: grid;

    grid-template-columns:
        34px
        50px
        34px;

    overflow: hidden;

    min-height: 40px;

    border:
        1px solid
        #ded2c9;

    border-radius: 999px;

    background: #ffffff;
}


.store-cart-item-quantity button {
    padding: 0;

    color: #594b44;

    border: 0;

    background: transparent;

    cursor: pointer;

    font-size: 15px;
}


.store-cart-item-quantity input {
    width: 100%;

    text-align: center;

    border: 0;

    outline: none;

    background: transparent;

    font-size: 9px;

    font-weight: 700;
}


.store-cart-item-price {
    display: grid;

    justify-items: end;
}


.store-cart-item-price del {
    color: #a2958d;

    font-size: 8px;
}


.store-cart-item-price strong {
    color: #342822;

    font-size: 12px;
}


.store-cart-summary {
    position: sticky;

    top: 105px;
}


.store-cart-summary-card {
    padding: 26px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        var(--shadow-card);
}


.store-cart-summary-eyebrow {
    color: #a18475;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .13em;

    text-transform: uppercase;
}


.store-cart-summary-card h2 {
    margin:
        6px
        0
        21px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.9rem;
}


.store-cart-summary-lines {
    display: grid;

    gap: 11px;
}


.store-cart-summary-lines > div,
.store-cart-total {
    display: flex;

    justify-content: space-between;

    gap: 20px;
}


.store-cart-summary-lines span {
    color: #8e8179;

    font-size: 8px;
}


.store-cart-summary-lines strong {
    color: #5a4c45;

    font-size: 8px;

    text-align: right;
}


.store-cart-total {
    align-items: baseline;

    margin-top: 19px;

    padding-top: 19px;

    border-top:
        1px solid
        rgba(49, 39, 36, .09);
}


.store-cart-total span {
    font-size: 10px;

    font-weight: 700;
}


.store-cart-total strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.75rem;
}


.store-cart-checkout-button {
    display: flex;

    min-height: 52px;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-top: 21px;

    padding:
        0
        19px;

    color: #ffffff;

    border-radius: 999px;

    background: #352923;

    font-size: 10px;

    font-weight: 700;
}


.store-cart-summary-benefits {
    display: grid;

    gap: 7px;

    margin-top: 19px;

    padding-top: 17px;

    border-top:
        1px solid
        var(--border-soft);
}


.store-cart-summary-benefits p {
    margin: 0;

    color: #84776f;

    font-size: 8px;
}


.store-cart-empty {
    max-width: 640px;

    margin:
        25px
        auto
        0;

    padding:
        70px
        24px;

    text-align: center;

    border:
        1px solid
        var(--border-soft);

    border-radius: 24px;

    background: #ffffff;
}


/* ==========================================================================
   CHECKOUT
   ========================================================================== */

.store-checkout-hero {
    padding:
        52px
        0
        22px;
}


.store-checkout-heading {
    max-width: 760px;
}


.store-checkout-heading > span {
    display: inline-flex;

    min-height: 28px;

    align-items: center;

    margin-bottom: 12px;

    padding:
        5px
        10px;

    color: #7f675c;

    border-radius: 999px;

    background: #f1e7de;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .14em;
}


.store-checkout-heading h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3.3rem,
            5vw,
            5rem
        );

    line-height: .94;

    letter-spacing: -.035em;
}


.store-checkout-heading p {
    max-width: 580px;

    margin:
        12px
        0
        0;

    color: #7e726b;

    font-size: 10px;

    line-height: 1.7;
}


.store-checkout-section {
    padding:
        10px
        0
        88px;
}


.store-checkout-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        360px;

    align-items: start;

    gap: 30px;
}


.store-checkout-main {
    display: grid;

    gap: 16px;
}


.store-checkout-card {
    position: relative;

    overflow: hidden;

    padding: 25px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fffdfb
        );

    box-shadow:
        0 14px 40px
        rgba(49, 39, 36, .055);
}


.store-checkout-card::before {
    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    content: "";

    opacity: .55;

    background:
        linear-gradient(
            180deg,
            #d6a48f,
            #b98976
        );
}


.store-checkout-card-title {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 21px;
}


.store-checkout-card-title > span {
    display: grid;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #3b2f2a,
            #5a463d
        );

    font-size: 9px;

    font-weight: 700;
}


.store-checkout-card-title h2 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.75rem;

    line-height: 1;
}


.store-checkout-card-title p {
    margin:
        5px
        0
        0;

    color: #93867e;

    font-size: 8px;
}


.store-checkout-fields,
.store-checkout-address {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 13px;
}


.store-checkout-field-full {
    grid-column:
        1 / -1;
}


.store-checkout-fields label,
.store-checkout-address label {
    display: grid;

    gap: 6px;
}


.store-checkout-fields label > span,
.store-checkout-address label > span {
    color: #635650;

    font-size: 8px;

    font-weight: 700;
}


.store-checkout-fields input,
.store-checkout-address input,
.store-checkout-card textarea {
    width: 100%;

    min-height: 50px;

    padding:
        11px
        13px;

    color: #3c302b;

    border:
        1px solid
        #e4d9d0;

    border-radius: 13px;

    outline: none;

    background: #faf7f3;

    font-size: 10px;
}


.store-checkout-card textarea {
    min-height: 115px;

    resize: vertical;
}


.store-checkout-fields input:focus,
.store-checkout-address input:focus,
.store-checkout-card textarea:focus {
    border-color: #d6a48f;

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(214, 164, 143, .12);
}


.store-checkout-options {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 10px;
}


.store-checkout-option {
    display: flex;

    min-height: 80px;

    align-items: center;

    gap: 12px;

    padding: 14px;

    border:
        1px solid
        #e3d8cf;

    border-radius: 15px;

    background: #faf7f3;

    cursor: pointer;
}


.store-checkout-option:has(input:checked) {
    border-color: #3b2f2a;

    background:
        linear-gradient(
            135deg,
            #f1e8df,
            #f7efe9
        );
}


.store-checkout-option input {
    width: 16px;
    height: 16px;

    accent-color: #3b2f2a;
}


.store-checkout-option > div {
    display: grid;

    gap: 2px;
}


.store-checkout-option strong {
    font-size: 9px;
}


.store-checkout-option span {
    color: #958880;

    font-size: 8px;
}


.store-checkout-address {
    margin-top: 18px;

    padding-top: 18px;

    border-top:
        1px solid
        var(--border-soft);
}


.store-checkout-summary {
    position: sticky;

    top: 105px;
}


.store-checkout-summary-card {
    padding: 27px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 24px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbf7f3
        );

    box-shadow:
        0 18px 50px
        rgba(49, 39, 36, .08);
}


.store-checkout-summary-label {
    color: #9a7b6c;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .13em;

    text-transform: uppercase;
}


.store-checkout-summary-card h2 {
    margin:
        4px
        0
        19px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2rem;
}


.store-checkout-products {
    display: grid;

    gap: 10px;
}


.store-checkout-products > div {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 18px;

    padding-bottom: 10px;

    border-bottom:
        1px dashed
        var(--border-soft);
}


.store-checkout-products span {
    color: #756861;

    font-size: 8px;
}


.store-checkout-products strong {
    color: #4d403a;

    font-size: 8px;

    white-space: nowrap;
}


.store-checkout-totals {
    display: grid;

    gap: 10px;

    margin-top: 17px;

    padding-top: 17px;
}


.store-checkout-totals > div,
.store-checkout-grand-total {
    display: flex;

    justify-content: space-between;

    gap: 18px;
}


.store-checkout-totals span,
.store-checkout-totals strong {
    font-size: 8px;
}


.store-checkout-grand-total {
    align-items: baseline;

    margin-top: 19px;

    padding-top: 19px;

    border-top:
        1px solid
        rgba(49, 39, 36, .10);
}


.store-checkout-grand-total span {
    font-size: 10px;

    font-weight: 700;
}


.store-checkout-grand-total strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.9rem;
}


.store-checkout-submit {
    display: flex;

    width: 100%;

    min-height: 54px;

    align-items: center;

    justify-content: space-between;

    margin-top: 21px;

    padding:
        0
        19px;

    color: #ffffff;

    border: 0;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            #3b2f2a,
            #2d221e
        );

    cursor: pointer;

    font-size: 10px;

    font-weight: 700;
}


.store-checkout-submit:disabled {
    cursor: not-allowed;

    opacity: .4;
}


.store-checkout-back-cart {
    display: block;

    margin-top: 13px;

    color: #897b74;

    text-align: center;

    font-size: 8px;
}


.store-checkout-security {
    display: grid;

    gap: 6px;

    margin-top: 17px;

    padding-top: 16px;

    border-top:
        1px solid
        var(--border-soft);
}


.store-checkout-security p {
    margin: 0;

    font-size: 8px;
}


.store-checkout-alert {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    margin-bottom: 15px;

    padding:
        12px
        14px;

    border-radius: 13px;

    font-size: 8px;
}


.store-checkout-alert.error {
    color: #754747;

    border:
        1px solid
        #efd1d1;

    background: #f9eaea;
}


.store-checkout-alert.warning {
    color: #735a3d;

    border:
        1px solid
        #ecd8bc;

    background: #f8efdf;
}


.store-checkout-account-notice {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 17px;

    padding:
        13px
        16px;

    border:
        1px solid
        #d7e5da;

    border-radius: 15px;

    background: #eef6f0;
}


/* ==========================================================================
   ORDER SUCCESS
   ========================================================================== */

.store-success-page {
    padding:
        68px
        0
        95px;
}


.store-success-card {
    max-width: 820px;

    margin: 0 auto;

    padding: 46px;

    text-align: center;

    border:
        1px solid
        var(--border-soft);

    border-radius: 30px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbf7f3
        );

    box-shadow:
        0 24px 70px
        rgba(49, 39, 36, .08);
}


.store-success-icon {
    display: grid;

    width: 70px;
    height: 70px;

    margin:
        0
        auto
        18px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #567a64,
            #74977f
        );

    font-size: 25px;
}


.store-success-icon.warning {
    background:
        linear-gradient(
            135deg,
            #8b685b,
            #aa8272
        );
}


.store-success-eyebrow {
    display: inline-flex;

    margin-bottom: 10px;

    color: #987869;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .15em;
}


.store-success-card h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3rem,
            5vw,
            4.5rem
        );

    line-height: .95;
}


.store-success-lead {
    max-width: 600px;

    margin:
        16px
        auto
        0;

    font-size: 10px;

    line-height: 1.75;
}


.store-success-details,
.store-success-info {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 10px;

    margin-top: 28px;
}


.store-success-details > div {
    display: grid;

    gap: 5px;

    padding: 16px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 15px;

    background:
        rgba(255, 255, 255, .8);
}


.store-success-details span,
.store-success-info p {
    color: #958880;

    font-size: 8px;
}


.store-success-details strong,
.store-success-info strong {
    color: #453832;

    font-size: 9px;
}


.store-success-info {
    padding-top: 28px;

    border-top:
        1px solid
        var(--border-soft);
}


.store-success-info > div {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    text-align: left;
}


.store-success-actions {
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 30px;
}


/* ==========================================================================
   AUTH
   ========================================================================== */

.store-auth-page {
    padding:
        66px
        0
        90px;
}


.store-auth-layout {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(420px, .7fr);

    align-items: center;

    gap:
        clamp(
            55px,
            8vw,
            110px
        );
}


.store-auth-copy {
    max-width: 610px;
}


.store-auth-eyebrow {
    display: inline-flex;

    margin-bottom: 15px;

    color: #987869;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .14em;
}


.store-auth-copy h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3.4rem,
            5.7vw,
            5.4rem
        );

    line-height: .92;

    letter-spacing: -.04em;
}


.store-auth-copy > p {
    max-width: 530px;

    margin:
        19px
        0
        0;

    font-size: 10px;

    line-height: 1.75;
}


.store-auth-benefits {
    display: grid;

    gap: 11px;

    margin-top: 27px;
}


.store-auth-benefits > div {
    display: flex;

    align-items: center;

    gap: 10px;
}


.store-auth-benefits span {
    display: grid;

    width: 29px;
    height: 29px;

    flex: 0 0 29px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background: #3b2f2a;

    font-size: 9px;
}


.store-auth-benefits p {
    margin: 0;

    color: #665952;

    font-size: 9px;
}


.store-auth-card {
    padding: 32px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 26px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fcf8f5
        );

    box-shadow:
        0 22px 60px
        rgba(49, 39, 36, .08);
}


.store-auth-card-label {
    color: #9b7c6c;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .13em;

    text-transform: uppercase;
}


.store-auth-card h2 {
    margin:
        6px
        0
        22px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2.2rem;
}


.store-auth-alert {
    margin-bottom: 15px;

    padding:
        11px
        13px;

    color: #774a4a;

    border:
        1px solid
        #efd5d5;

    border-radius: 11px;

    background: #f9eaea;

    font-size: 8px;
}


.store-auth-form {
    display: grid;

    gap: 13px;
}


.store-auth-form label {
    display: grid;

    gap: 6px;
}


.store-auth-form label > span {
    color: #61544e;

    font-size: 8px;

    font-weight: 700;
}


.store-auth-form input {
    width: 100%;

    min-height: 49px;

    padding:
        11px
        13px;

    color: #3d302b;

    border:
        1px solid
        #e3d8cf;

    border-radius: 12px;

    outline: none;

    background: #faf7f3;

    font-size: 10px;
}


.store-auth-form input:focus {
    border-color: #d6a48f;

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(214, 164, 143, .12);
}


.store-auth-submit {
    display: flex;

    width: 100%;

    min-height: 52px;

    align-items: center;

    justify-content: space-between;

    margin-top: 4px;

    padding:
        0
        18px;

    color: #ffffff;

    border: 0;

    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            #3b2f2a,
            #2d221e
        );

    cursor: pointer;

    font-size: 9px;

    font-weight: 700;
}


.store-auth-footer {
    display: flex;

    justify-content: center;

    gap: 5px;

    margin-top: 17px;

    color: #92857d;

    font-size: 8px;
}


.store-auth-footer a {
    color: #3b2f2a;

    font-weight: 700;
}


/* ==========================================================================
   CUSTOMER ACCOUNT
   ========================================================================== */

.store-account-hero {
    padding:
        54px
        0
        28px;
}


.store-account-hero-inner {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 28px;

    padding-bottom: 27px;

    border-bottom:
        1px solid
        var(--border-soft);
}


.store-account-hero-inner > div > span {
    display: block;

    margin-bottom: 8px;

    color: #98796a;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .15em;
}


.store-account-hero h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3.3rem,
            5vw,
            4.8rem
        );

    line-height: .95;
}


.store-account-hero p {
    margin:
        10px
        0
        0;

    font-size: 9px;
}


.store-account-logout {
    display: inline-flex;

    min-height: 42px;

    align-items: center;

    padding:
        0
        16px;

    color: #675952;

    border:
        1px solid
        #dfd3ca;

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .5);

    font-size: 8px;

    font-weight: 700;
}


.store-account-section {
    padding:
        15px
        0
        88px;
}


.store-account-layout {
    display: grid;

    grid-template-columns:
        275px
        minmax(0, 1fr);

    align-items: start;

    gap: 27px;
}


.store-account-sidebar {
    position: sticky;

    top: 105px;
}


.store-account-profile-card {
    padding:
        27px
        21px;

    text-align: center;

    border:
        1px solid
        var(--border-soft);

    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbf7f3
        );

    box-shadow:
        var(--shadow-soft);
}


.store-account-avatar {
    display: grid;

    width: 70px;
    height: 70px;

    margin:
        0
        auto
        15px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #3b2f2a,
            #725a4f
        );

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2rem;

    font-weight: 700;
}


.store-account-profile-card h2 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.65rem;
}


.store-account-profile-card > p {
    margin:
        5px
        0
        0;

    color: #8b7e76;

    font-size: 8px;

    overflow-wrap: anywhere;
}


.store-account-profile-stats {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            1fr
        );

    gap: 8px;

    margin-top: 21px;

    padding-top: 17px;

    border-top:
        1px solid
        var(--border-soft);
}


.store-account-profile-stats strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.25rem;
}


.store-account-profile-stats span {
    color: #968981;

    font-size: 7px;
}


.store-account-main {
    display: grid;

    gap: 17px;
}


.store-account-card {
    padding: 26px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 12px 36px
        rgba(49, 39, 36, .045);
}


.store-account-card-header {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 20px;
}


.store-account-card-header span {
    color: #9d7d6e;

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.store-account-card-header h2 {
    margin:
        4px
        0
        0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.85rem;
}


.store-account-card-header > a {
    color: #806e65;

    font-size: 8px;

    font-weight: 700;
}


.store-account-details {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    border-top:
        1px solid
        var(--border-soft);
}


.store-account-details > div {
    display: grid;

    min-height: 70px;

    align-content: center;

    gap: 5px;

    padding:
        11px
        4px;

    border-bottom:
        1px solid
        var(--border-soft);
}


.store-account-details > div:nth-child(even) {
    padding-left: 20px;

    border-left:
        1px solid
        var(--border-soft);
}


.store-account-details span {
    color: #958880;

    font-size: 7px;
}


.store-account-details strong {
    color: #4e413b;

    font-size: 9px;
}


.store-account-order {
    display: grid;

    grid-template-columns:
        minmax(150px, 1fr)
        auto
        auto
        32px;

    align-items: center;

    gap: 14px;

    min-height: 70px;

    padding:
        10px
        4px;

    border-top:
        1px solid
        var(--border-soft);
}


.store-account-order-status {
    display: inline-flex;

    min-height: 27px;

    align-items: center;

    padding:
        4px
        9px;

    border-radius: 999px;

    font-size: 7px;

    font-weight: 700;
}


.store-account-order-status.pending {
    color: #8b652f;

    background: #f7ecd8;
}


.store-account-order-status.confirmed {
    color: #426d78;

    background: #e2f0f2;
}


.store-account-order-status.processing {
    color: #4e6090;

    background: #e6e9f6;
}


.store-account-order-status.shipped {
    color: #665e83;

    background: #eeeaf6;
}


.store-account-order-status.completed {
    color: #47745a;

    background: #e5f0e8;
}


.store-account-order-status.cancelled {
    color: #985353;

    background: #f6e5e5;
}


.store-account-order-arrow {
    display: grid;

    width: 30px;
    height: 30px;

    place-items: center;

    border-radius: 50%;

    background: #f1e8df;
}


.store-account-edit-button {
    display: flex;

    min-height: 42px;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-top: 18px;

    padding:
        0
        15px;

    border:
        1px solid
        #ded2ca;

    border-radius: 999px;

    color: #62534c;

    font-size: 8px;

    font-weight: 700;
}


/* ==========================================================================
   PROFILE EDIT
   ========================================================================== */

.store-profile-edit-page {
    padding:
        40px
        0
        88px;
}


.store-profile-edit-heading {
    padding-bottom: 27px;

    border-bottom:
        1px solid
        var(--border-soft);
}


.store-profile-edit-heading h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3rem,
            5vw,
            4.6rem
        );

    line-height: .95;
}


.store-profile-edit-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        320px;

    align-items: start;

    gap: 23px;

    margin-top: 23px;
}


.store-profile-edit-main {
    display: grid;

    gap: 17px;
}


.store-profile-card {
    padding: 24px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        var(--shadow-soft);
}


.store-profile-card-title {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin-bottom: 20px;
}


.store-profile-card-title > span {
    display: grid;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background: #3b2f2a;

    font-size: 9px;
}


.store-profile-card-title h2 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.6rem;
}


.store-profile-fields {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 13px;
}


.store-profile-field-full {
    grid-column:
        1 / -1;
}


.store-profile-fields label {
    display: grid;

    gap: 6px;
}


.store-profile-fields label > span {
    color: #665850;

    font-size: 8px;

    font-weight: 700;
}


.store-profile-fields input {
    width: 100%;

    min-height: 48px;

    padding:
        11px
        13px;

    color: #3d302b;

    border:
        1px solid
        #e2d7cf;

    border-radius: 12px;

    outline: none;

    background: #faf7f3;

    font-size: 10px;
}


.store-profile-fields input:focus {
    border-color: #d6a48f;

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(214, 164, 143, .12);
}


.store-profile-save-card {
    position: sticky;

    top: 105px;

    padding: 24px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 20px;

    background: #f1e7de;
}


.store-profile-save-card h2 {
    margin:
        6px
        0
        10px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.85rem;
}


.store-profile-save-button {
    display: flex;

    width: 100%;

    min-height: 50px;

    align-items: center;

    justify-content: space-between;

    margin-top: 19px;

    padding:
        0
        18px;

    color: #ffffff;

    border: 0;

    border-radius: 999px;

    background: #3b2f2a;

    cursor: pointer;

    font-size: 9px;

    font-weight: 700;
}


.store-profile-message {
    margin-top: 17px;

    padding:
        12px
        14px;

    border-radius: 12px;

    font-size: 9px;
}


.store-profile-message.success {
    color: #4b7158;

    border:
        1px solid
        #d6e7da;

    background: #edf6ef;
}


.store-profile-message.error {
    color: #865050;

    border:
        1px solid
        #efd3d3;

    background: #faeaea;
}


/* ==========================================================================
   CATALOG
   ========================================================================== */

.store-catalog-page {
    padding:
        48px
        0
        88px;
}


.store-catalog-heading {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;

    padding-bottom: 25px;

    border-bottom:
        1px solid
        var(--border-soft);
}


.store-catalog-heading > div:first-child > span {
    display: block;

    margin-bottom: 8px;

    color: #9b7d6e;

    font-size: 8px;

    font-weight: 700;

    letter-spacing: .15em;
}


.store-catalog-heading h1 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(
            3.2rem,
            5vw,
            4.8rem
        );

    line-height: .95;
}


.store-catalog-heading p {
    margin:
        10px
        0
        0;

    color: #8d8078;

    font-size: 9px;
}


.store-catalog-heading p strong {
    display: inline-flex;

    margin-left: 4px;

    padding:
        4px
        9px;

    color: #5e4d45;

    border-radius: 999px;

    background: #f0e6de;

    font-size: 8px;
}


.store-catalog-count {
    display: grid;

    text-align: right;
}


.store-catalog-count strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2rem;
}


.store-catalog-count span {
    color: #9b8d85;

    font-size: 8px;
}


/* Catalog search */

.store-catalog-search {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 10px;

    margin:
        27px
        0
        30px;

    padding: 8px;

    border:
        1px solid
        rgba(59, 47, 42, .08);

    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #faf7f3
        );

    box-shadow:
        0 14px 38px
        rgba(59, 47, 42, .055);
}


.store-catalog-search::before {
    position: absolute;

    top: 50%;
    left: 25px;

    z-index: 2;

    content: "⌕";

    color: #907d74;

    font-size: 18px;

    pointer-events: none;

    transform:
        translateY(-50%);
}


.store-catalog-search input {
    width: 100%;

    min-height: 54px;

    padding:
        0
        18px
        0
        48px;

    color: #392d28;

    border:
        1px solid
        transparent;

    border-radius: 16px;

    outline: none;

    background: #faf7f3;

    font-size: 10px;
}


.store-catalog-search input:focus {
    border-color: #d2b7aa;

    background: #ffffff;

    box-shadow:
        0 0 0 4px
        rgba(214, 164, 143, .10);
}


.store-catalog-search button {
    display: inline-flex;

    min-width: 118px;
    min-height: 54px;

    align-items: center;

    justify-content: center;

    padding:
        0
        22px;

    color: #ffffff;

    border: 0;

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            #3b2f2a,
            #2a201c
        );

    cursor: pointer;

    font-size: 9px;

    font-weight: 700;
}


.store-search-results-info {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    margin-bottom: 21px;

    padding:
        13px
        16px;

    border:
        1px solid
        var(--border-soft);

    border-radius: 14px;

    background: #ffffff;
}


.store-search-results-info > div {
    display: grid;

    gap: 3px;
}


.store-search-results-info span {
    color: #9a8d85;

    font-size: 8px;
}


.store-search-results-info strong {
    color: #4d3e37;

    font-size: 9px;
}


.store-search-clear {
    display: inline-flex;

    min-height: 34px;

    align-items: center;

    justify-content: center;

    padding:
        0
        12px;

    color: #6d5d55;

    border:
        1px solid
        #dfd4cc;

    border-radius: 999px;

    background: #faf7f3;

    font-size: 8px;

    font-weight: 700;
}


/* Catalog toolbar */

.store-catalog-toolbar {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 23px;
}


.store-catalog-toolbar-left {
    display: flex;

    align-items: center;

    gap: 7px;
}


.store-catalog-toolbar-left a {
    display: inline-flex;

    min-height: 38px;

    align-items: center;

    justify-content: center;

    padding:
        0
        14px;

    color: #74635b;

    border:
        1px solid
        #e1d6ce;

    border-radius: 999px;

    background: #ffffff;

    font-size: 8px;

    font-weight: 700;
}


.store-catalog-toolbar-left a.active {
    color: #ffffff;

    border-color: #3b2f2a;

    background: #3b2f2a;
}


.store-catalog-sort select {
    min-height: 40px;

    padding:
        0
        38px
        0
        14px;

    color: #62534c;

    border:
        1px solid
        #e1d6ce;

    border-radius: 999px;

    outline: none;

    background: #ffffff;

    font-size: 8px;

    cursor: pointer;
}


/* Product catalog grid */

.store-product-grid {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    gap: 18px;
}


.store-product-card {
    overflow: hidden;

    border:
        1px solid
        var(--border-soft);

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 10px 30px
        rgba(49, 39, 36, .04);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.store-product-card:hover {
    transform:
        translateY(-4px);

    box-shadow:
        0 18px 42px
        rgba(49, 39, 36, .08);
}


.store-product-card-image {
    position: relative;

    display: block;

    width: 100%;

    aspect-ratio:
        1 / 1.05;

    overflow: hidden;

    background: #f2e9e2;
}


.store-product-card-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;

    transition:
        transform .4s ease;
}


.store-product-card:hover
.store-product-card-image img {
    transform:
        scale(1.045);
}


.store-product-image-placeholder {
    display: grid;

    width: 100%;
    height: 100%;

    place-content: center;

    padding: 20px;

    color: #927c70;

    text-align: center;

    background:
        var(--warm-gradient);
}


.store-product-image-placeholder span {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.5rem;

    letter-spacing: .1em;
}


.store-product-image-placeholder small {
    margin-top: 3px;

    font-size: 8px;

    letter-spacing: .2em;
}


.store-product-discount,
.store-product-featured {
    position: absolute;

    top: 12px;

    z-index: 4;

    display: inline-flex;

    min-height: 27px;

    align-items: center;

    padding:
        0
        9px;

    border-radius: 999px;

    font-size: 8px;

    font-weight: 700;
}


.store-product-discount {
    left: 12px;

    color: #ffffff;

    background: #8f5b50;
}


.store-product-featured {
    right: 12px;

    color: #5d4a40;

    background:
        rgba(255, 255, 255, .88);

    backdrop-filter:
        blur(8px);
}


.store-product-stock-overlay {
    position: absolute;

    inset: 0;

    z-index: 3;

    display: grid;

    place-items: center;

    background:
        rgba(56, 43, 38, .20);
}


.store-product-stock-overlay span {
    display: inline-flex;

    min-height: 34px;

    align-items: center;

    padding:
        0
        13px;

    color: #ffffff;

    border-radius: 999px;

    background:
        rgba(51, 39, 34, .86);

    font-size: 8px;

    font-weight: 700;
}


.store-product-card-body {
    padding: 17px;
}


.store-product-card-body
.store-product-meta {
    display: flex;

    min-height: 20px;

    align-items: center;

    justify-content: space-between;

    gap: 9px;

    margin: 0;

    border: 0;

    color: #9a8b83;

    font-size: 7px;
}


.store-product-meta .in-stock {
    color: #4f765d;
}


.store-product-meta .out-stock {
    color: #9c5555;
}


.store-product-meta .low-stock {
    color: #a16d36;
}


.store-product-card h2 {
    margin:
        9px
        0
        10px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.35rem;

    line-height: 1.05;
}


.store-product-short-description {
    display: -webkit-box;

    min-height: 27px;

    margin:
        -2px
        0
        10px;

    overflow: hidden;

    color: #93867e;

    font-size: 8px;

    line-height: 1.6;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;
}


.store-product-price {
    display: flex;

    align-items: baseline;

    gap: 8px;
}


.store-product-price strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.3rem;
}


.store-product-price del {
    color: #a2958d;

    font-size: 8px;
}


.store-product-card-actions {
    margin-top: 14px;
}


.store-product-view {
    display: flex;

    min-height: 40px;

    align-items: center;

    justify-content: space-between;

    gap: 8px;

    padding:
        0
        14px;

    color: #5f5049;

    border:
        1px solid
        #ddd1c8;

    border-radius: 999px;

    font-size: 8px;

    font-weight: 700;
}


.store-product-view:hover {
    color: #ffffff;

    border-color: #3b2f2a;

    background: #3b2f2a;
}


.store-catalog-empty {
    max-width: 650px;

    margin:
        26px
        auto
        0;

    padding:
        68px
        24px;

    text-align: center;

    border:
        1px solid
        var(--border-soft);

    border-radius: 24px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbf7f3
        );
}


.store-catalog-empty-icon {
    display: grid;

    width: 64px;
    height: 64px;

    margin:
        0
        auto
        16px;

    place-items: center;

    color: #80695e;

    border-radius: 50%;

    background: #f1e6de;

    font-size: 25px;
}


.store-catalog-empty h2 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2.1rem;
}


.store-catalog-empty p {
    margin:
        9px
        auto
        20px;

    color: #91847c;

    font-size: 9px;
}


/* Pagination */

.store-pagination {
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 34px;
}


.store-pagination a {
    display: grid;

    width: 38px;
    height: 38px;

    place-items: center;

    color: #75665e;

    border:
        1px solid
        #dfd4cc;

    border-radius: 50%;

    background: #ffffff;

    font-size: 9px;
}


.store-pagination a.active {
    color: #ffffff;

    border-color: #3b2f2a;

    background: #3b2f2a;
}


.store-pagination-dots {
    display: grid;

    width: 28px;
    height: 38px;

    place-items: center;

    color: #9a8d85;
}


/* ==========================================================================
   COMMON EMPTY STATES
   ========================================================================== */

.store-empty-state {
    padding:
        60px
        24px;

    text-align: center;

    border:
        1px dashed
        var(--border);

    border-radius: 20px;

    background:
        rgba(255, 255, 255, .5);
}


.store-empty-state h3 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.8rem;
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1180px) {

    .container {
        padding-inline: 18px;
    }


    .nav-row {
        gap: 12px;
    }


    .logo {
        min-width: 145px;

        font-size: 1.7rem;
    }


    .nav-links {
        gap: 12px;
    }


    .nav-links a {
        font-size: 11px;
    }


    .searchbar-main {
        min-width: 180px;

        max-width: 240px;
    }


    .account-pill,
    .cart-pill {
        padding-inline: 11px;

        font-size: 10px;
    }


    .category-grid,
    .product-grid,
    .store-product-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }

}


/* ==========================================================================
   MOBILE HEADER
   ========================================================================== */

@media (max-width: 1024px) {

    html,
    body {
        max-width: 100%;

        overflow-x: hidden;
    }


    .site-shell {
        overflow: visible !important;
    }


    .site-header {
        position: sticky !important;

        top: 0;

        z-index: 10000 !important;

        overflow: visible !important;
    }


    .nav-row {
        position: relative;

        z-index: 10003;

        min-height: 68px;

        justify-content: space-between;
    }


    .nav-links,
    .language-switcher,
    .account-pill,
    .cart-pill,
    .searchbar,
    .searchbar-main {
        display: none !important;
    }


    .logo {
        display: flex !important;

        min-width: 0;

        flex: 1;

        overflow: hidden;

        font-size: 1.62rem;

        text-overflow: ellipsis;

        white-space: nowrap;
    }


    #storeMenuToggle.menu-toggle {
        position: relative;

        z-index: 10005;

        display: flex !important;

        width: 44px;
        height: 44px;

        flex: 0 0 44px;

        align-items: center;

        justify-content: center;

        margin: 0;

        padding: 0;

        pointer-events: auto !important;

        touch-action: manipulation;
    }


    #storeMenuToggle.menu-toggle.is-active {
        color: #ffffff;

        border-color: #3b2f2a;

        background: #3b2f2a;
    }


    #storeMobileMenu.mobile-menu {
        position: fixed !important;

        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        z-index: 10001 !important;

        display: block !important;

        width: 100% !important;

        height: 100vh !important;
        height: 100dvh !important;

        max-width: none !important;
        max-height: none !important;

        padding:
            82px
            0
            28px;

        overflow-x: hidden;

        overflow-y: auto;

        opacity: 0;

        visibility: hidden;

        pointer-events: none;

        border: 0;

        background:
            rgba(248, 244, 239, .985);

        backdrop-filter:
            blur(22px);

        -webkit-backdrop-filter:
            blur(22px);

        transform:
            translateY(-12px);

        transition:
            opacity .24s ease,
            visibility .24s ease,
            transform .24s ease;
    }


    #storeMobileMenu.mobile-menu.is-open {
        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform:
            translateY(0) !important;
    }


    #storeMobileMenu
    .mobile-menu-inner {
        display: grid !important;

        width:
            min(
                calc(100% - 28px),
                620px
            );

        margin:
            0 auto;

        gap: 8px;

        padding:
            10px
            0
            40px;
    }


    #storeMobileMenu
    .mobile-search {
        display: grid !important;

        width: 100%;

        grid-template-columns:
            34px
            minmax(0, 1fr)
            40px;

        align-items: center;

        gap: 8px;

        margin-bottom: 8px;

        padding: 6px;

        border:
            1px solid
            #ddd2ca;

        border-radius: 17px;

        background: #ffffff;
    }


    #storeMobileMenu
    .mobile-search-icon {
        display: grid;

        width: 34px;
        height: 34px;

        place-items: center;

        color: #806e65;

        border-radius: 50%;

        background: #f1e8e1;

        font-size: 14px;
    }


    #storeMobileMenu
    .mobile-search input {
        width: 100%;

        min-width: 0;

        height: 40px;

        padding: 0;

        color: #392d28;

        border: 0;

        outline: 0;

        background: transparent;

        box-shadow: none;

        font-size: 11px;
    }


    #storeMobileMenu
    .mobile-search-submit {
        display: grid;

        width: 40px;
        height: 40px;

        place-items: center;

        padding: 0;

        color: #ffffff;

        border: 0;

        border-radius: 50%;

        background: #3b2f2a;

        cursor: pointer;
    }


    #storeMobileMenu
    .mobile-menu-inner > a {
        display: flex !important;

        width: 100%;

        min-height: 50px;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

        padding:
            0
            16px;

        color: #493b35 !important;

        border:
            1px solid
            rgba(59, 47, 42, .07);

        border-radius: 15px;

        background:
            rgba(255, 255, 255, .90);

        font-size: 11px;

        font-weight: 600;
    }


    #storeMobileMenu
    .mobile-cart-count {
        display: grid;

        min-width: 29px;
        height: 29px;

        place-items: center;

        padding:
            0
            7px;

        color: #ffffff;

        border-radius: 999px;

        background: #3b2f2a;

        font-size: 9px;
    }


    #storeMobileMenu
    .mobile-language-switcher {
        display: flex !important;

        gap: 8px;

        margin-top: 6px;

        padding-top: 7px;
    }


    #storeMobileMenu
    .mobile-language-switcher a {
        display: flex;

        min-width: 58px;
        min-height: 40px;

        align-items: center;

        justify-content: center;

        padding:
            0
            14px;

        color: #6d5d55;

        border:
            1px solid
            #ddd2ca;

        border-radius: 999px;

        background: #ffffff;

        font-size: 9px;

        font-weight: 700;
    }


    #storeMobileMenu
    .mobile-language-switcher a.active {
        color: #ffffff;

        border-color: #3b2f2a;

        background: #3b2f2a;
    }


    /* Hero */

    .hero-grid {
        grid-template-columns: 1fr;

        gap: 34px;
    }


    .store-hero-carousel {
        height:
            min(
                610px,
                92vw
            );
    }


    /* Product page */

    .store-product-layout {
        grid-template-columns:
            1fr;

        gap: 30px;
    }


    /* Categories */

    .store-categories-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    /* Checkout */

    .store-checkout-layout {
        grid-template-columns:
            minmax(0, 1fr)
            300px;

        gap: 22px;
    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 760px) {

    .container {
        padding-inline: 15px;
    }


    .topbar-links {
        display: none;
    }


    .topbar-inner {
        justify-content: center;

        text-align: center;
    }


    .topbar-inner > span {
        font-size: 9px;

        line-height: 1.35;
    }


    .section {
        padding:
            56px
            0;
    }


    /* Home */

    .store-home-hero {
        padding:
            32px
            0
            28px;
    }


    .hero-copy h1 {
        font-size:
            clamp(
                3rem,
                14vw,
                4.4rem
            );
    }


    .hero-copy > p {
        font-size: 12px;

        line-height: 1.65;
    }


    .hero-copy
    .button-row {
        display: grid;

        grid-template-columns: 1fr;
    }


    .hero-copy
    .button-row .btn {
        width: 100%;
    }


    .hero-stats {
        gap: 8px;
    }


    .hero-stats strong {
        font-size: 1.55rem;
    }


    .hero-stats span {
        font-size: 8px;
    }


    .store-hero-carousel {
        height:
            min(
                500px,
                125vw
            );

        border-radius: 23px;
    }


    .store-hero-slide-content {
        right: 21px;
        bottom: 25px;
        left: 21px;
    }


    .store-hero-slide-content > strong {
        font-size: 2rem;
    }


    .store-hero-carousel-footer {
        top: 15px;
        right: 15px;
        left: 15px;
    }


    .store-hero-arrow {
        width: 39px;
        height: 39px;
    }


    .store-hero-prev {
        left: 11px;
    }


    .store-hero-next {
        right: 11px;
    }


    .section-heading {
        display: grid;

        align-items: start;

        gap: 11px;
    }


    .category-grid,
    .product-grid,
    .feature-grid,
    .review-grid,
    .footer-grid,
    .request-card,
    .banner {
        grid-template-columns: 1fr;
    }


    .category-grid,
    .product-grid {
        gap: 15px;
    }


    .feature-card,
    .review-card {
        min-height: auto;
    }


    .banner,
    .request-card {
        padding:
            27px
            21px;
    }


    .business-list {
        grid-template-columns: 1fr;
    }


    .footer-grid {
        gap: 27px;

        padding-top: 40px;
    }


    .footer-bottom-inner {
        display: grid;

        text-align: center;
    }


    /* Categories page */

    .store-categories-hero {
        padding:
            38px
            0
            22px;
    }


    .store-categories-hero-inner {
        align-items: flex-start;

        flex-direction: column;

        gap: 17px;
    }


    .store-categories-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 10px;
    }


    .store-category-page-card {
        border-radius: 16px;
    }


    .store-category-page-image {
        aspect-ratio:
            1 / 1;
    }


    .store-category-page-content {
        min-height: 104px;

        padding: 13px;
    }


    .store-category-page-content h2 {
        font-size: 1.2rem;
    }


    .store-category-page-content p {
        font-size: 8px;
    }


    .store-category-page-arrow {
        width: 30px;
        height: 30px;

        flex-basis: 30px;
    }


    /* Product */

    .store-product-page {
        padding:
            21px
            0
            54px;
    }


    .store-product-main-image {
        aspect-ratio:
            1 / 1;

        border-radius: 18px;
    }


    .store-product-thumbnails {
        grid-template-columns:
            repeat(
                3,
                72px
            );
    }


    .store-product-thumbnail {
        width: 72px;
        height: 72px;
    }


    .store-product-information h1 {
        font-size: 3rem;
    }


    .store-product-benefits {
        grid-template-columns: 1fr;
    }


    .store-product-description-card {
        padding:
            23px
            17px;
    }


    /* Catalog */

    .store-catalog-page {
        padding:
            32px
            0
            60px;
    }


    .store-catalog-heading {
        align-items: flex-start;

        flex-direction: column;
    }


    .store-catalog-count {
        text-align: left;
    }


    .store-catalog-search {
        grid-template-columns: 1fr;

        padding: 7px;

        border-radius: 18px;
    }


    .store-catalog-search::before {
        top: 33px;

        left: 23px;
    }


    .store-catalog-search button {
        width: 100%;

        min-height: 50px;
    }


    .store-search-results-info {
        align-items: flex-start;

        flex-direction: column;
    }


    .store-search-clear {
        width: 100%;
    }


    .store-catalog-toolbar {
        align-items: stretch;

        flex-direction: column;
    }


    .store-catalog-toolbar-left {
        overflow-x: auto;

        scrollbar-width: none;
    }


    .store-catalog-toolbar-left a {
        flex: 0 0 auto;
    }


    .store-catalog-sort select {
        width: 100%;

        min-height: 45px;
    }


    .store-product-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 11px;
    }


    /* Cart */

    .store-cart-hero {
        padding:
            38px
            0
            22px;
    }


    .store-cart-hero-inner {
        align-items: flex-start;

        flex-direction: column;

        gap: 15px;
    }


    .store-cart-layout {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    .store-cart-summary {
        position: static;
    }


    .store-cart-item {
        grid-template-columns:
            100px
            minmax(0, 1fr);

        gap: 13px;
    }


    .store-cart-item-image {
        width: 100px;
        height: 100px;
    }


    .store-cart-item-bottom {
        align-items: flex-start;

        flex-direction: column;

        gap: 11px;

        margin-top: 14px;
    }


    .store-cart-item-price {
        justify-items: start;
    }


    /* Checkout */

    .store-checkout-hero {
        padding:
            34px
            0
            17px;
    }


    .store-checkout-heading h1 {
        font-size: 3rem;
    }


    .store-checkout-layout {
        grid-template-columns: 1fr;

        gap: 17px;
    }


    .store-checkout-summary {
        position: static;
    }


    .store-checkout-card {
        padding:
            19px
            15px;

        border-radius: 18px;
    }


    .store-checkout-fields,
    .store-checkout-address,
    .store-checkout-options {
        grid-template-columns: 1fr;
    }


    .store-checkout-field-full {
        grid-column: auto;
    }


    /* Auth */

    .store-auth-page {
        padding:
            42px
            0
            62px;
    }


    .store-auth-layout {
        grid-template-columns: 1fr;

        gap: 30px;
    }


    .store-auth-copy h1 {
        font-size: 3.5rem;
    }


    .store-auth-card {
        padding:
            24px
            17px;

        border-radius: 20px;
    }


    /* Account */

    .store-account-hero {
        padding:
            38px
            0
            22px;
    }


    .store-account-hero-inner {
        align-items: flex-start;

        flex-direction: column;

        gap: 15px;
    }


    .store-account-layout {
        grid-template-columns: 1fr;
    }


    .store-account-sidebar {
        position: static;
    }


    .store-account-card {
        padding:
            20px
            15px;
    }


    .store-account-details {
        grid-template-columns: 1fr;
    }


    .store-account-details > div:nth-child(even) {
        padding-left: 4px;

        border-left: 0;
    }


    .store-account-order {
        grid-template-columns:
            1fr
            auto;
    }


    /* Profile */

    .store-profile-edit-layout {
        grid-template-columns: 1fr;
    }


    .store-profile-save-card {
        position: static;
    }


    .store-profile-fields {
        grid-template-columns: 1fr;
    }


    .store-profile-field-full {
        grid-column: auto;
    }


    /* Success */

    .store-success-page {
        padding:
            42px
            0
            62px;
    }


    .store-success-card {
        padding:
            30px
            17px;

        border-radius: 22px;
    }


    .store-success-details,
    .store-success-info {
        grid-template-columns: 1fr;
    }


    .store-success-actions {
        display: grid;

        grid-template-columns: 1fr;
    }


    .store-success-actions .btn {
        width: 100%;
    }

}


/* ==========================================================================
   SMALL PHONE
   ========================================================================== */

@media (max-width: 430px) {

    .container {
        padding-inline: 12px;
    }


    .nav-row {
        min-height: 64px;
    }


    .logo {
        font-size: 1.48rem;
    }


    #storeMenuToggle.menu-toggle {
        width: 42px;
        height: 42px;

        flex-basis: 42px;
    }


    #storeMobileMenu.mobile-menu {
        padding-top: 74px;
    }


    #storeMobileMenu
    .mobile-menu-inner {
        width:
            calc(100% - 22px);
    }


    .store-hero-carousel {
        height: 445px;
    }


    .store-hero-arrow {
        width: 36px;
        height: 36px;
    }


    .store-categories-grid {
        grid-template-columns: 1fr;
    }


    .store-category-page-image {
        aspect-ratio:
            1.3 / 1;
    }


    .store-product-information h1 {
        font-size: 2.6rem;
    }


    .store-product-purchase {
        grid-template-columns: 1fr;
    }


    .store-product-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 8px;
    }


    .store-product-card-body {
        padding: 12px;
    }


    .store-product-card h2 {
        font-size: 1.15rem;
    }


    .store-cart-item {
        grid-template-columns:
            82px
            minmax(0, 1fr);
    }


    .store-cart-item-image {
        width: 82px;
        height: 82px;
    }


    .store-cart-item-quantity {
        grid-template-columns:
            31px
            42px
            31px;
    }

}


/* ==========================================================================
   ACCESSIBILITY
   ========================================================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline:
        2px solid
        rgba(139, 101, 84, .55);

    outline-offset: 3px;
}


@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: .01ms !important;
    }

}

/* ==========================================================================
   VELORA ACCOUNT ORDERS
   ========================================================================== */

.account-orders-page,
.account-order-page {
    min-height: 70vh;

    padding:
        38px
        0
        90px;
}


/* ==========================================================================
   BREADCRUMB
   ========================================================================== */

.account-orders-breadcrumb {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 28px;

    color: #a0938b;

    font-size: 9px;
}


.account-orders-breadcrumb a {
    color: #766860;

    transition:
        color .18s ease;
}


.account-orders-breadcrumb a:hover {
    color: #342823;
}


/* ==========================================================================
   HEADING
   ========================================================================== */

.account-orders-heading,
.account-order-heading {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 30px;

    margin-bottom: 30px;

    padding-bottom: 28px;

    border-bottom:
        1px solid
        rgba(49, 39, 36, .08);
}


.account-orders-eyebrow {
    display: block;

    margin-bottom: 8px;

    color: #a18273;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.account-orders-heading h1,
.account-order-heading h1 {
    margin: 0;

    color: #342823;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            3rem,
            5vw,
            4.7rem
        );

    font-weight: 600;

    line-height: .95;

    letter-spacing: -.035em;
}


.account-order-heading h1 span {
    color: #98796a;
}


.account-orders-heading p,
.account-order-heading p {
    margin:
        10px
        0
        0;

    color: #93867e;

    font-size: 10px;

    line-height: 1.6;
}


.account-orders-shop {
    display: inline-flex;

    min-height: 44px;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding:
        0
        16px;

    color: #574841;

    border:
        1px solid
        #dfd4cc;

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .70);

    font-size: 9px;

    font-weight: 700;

    white-space: nowrap;

    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}


.account-orders-shop:hover {
    color: #ffffff;

    border-color: #3b2f2a;

    background: #3b2f2a;

    transform:
        translateY(-2px);
}


/* ==========================================================================
   STATUS BADGE
   ========================================================================== */

.store-account-order-status {
    display: inline-flex;

    min-height: 34px;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding:
        7px
        13px;

    border-radius: 999px;

    font-size: 8px;

    font-weight: 800;

    white-space: nowrap;
}


.store-account-order-status::before {
    display: grid;

    width: 17px;
    height: 17px;

    place-items: center;

    content: "✓";

    border:
        1px solid
        currentColor;

    border-radius: 50%;

    font-size: 8px;
}


.store-account-order-status.pending {
    color: #946e38;

    background: #f9efdd;
}


.store-account-order-status.confirmed {
    color: #527079;

    background: #e8f1f2;
}


.store-account-order-status.processing {
    color: #606987;

    background: #ebedf6;
}


.store-account-order-status.shipped {
    color: #6a6083;

    background: #efebf5;
}


.store-account-order-status.completed {
    color: #50745d;

    background: #e8f2eb;
}


.store-account-order-status.cancelled {
    color: #965656;

    background: #f8e8e8;
}


.store-account-order-status.cancelled::before {
    content: "×";
}


.store-account-order-status.default {
    color: #73665f;

    background: #eee8e4;
}


/* ==========================================================================
   EMPTY
   ========================================================================== */

.account-orders-empty {
    max-width: 680px;

    margin:
        45px
        auto
        0;

    padding:
        65px
        25px;

    text-align: center;

    border:
        1px solid
        rgba(49, 39, 36, .07);

    border-radius: 28px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbf7f3
        );

    box-shadow:
        0 20px 55px
        rgba(49, 39, 36, .06);
}


.account-orders-empty-icon {
    display: grid;

    width: 68px;
    height: 68px;

    margin:
        0
        auto
        17px;

    place-items: center;

    color: #846d61;

    border-radius: 50%;

    background: #f1e6dd;

    font-size: 28px;
}


.account-orders-empty-eyebrow {
    display: block;

    margin-bottom: 8px;

    color: #a28779;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .14em;
}


.account-orders-empty h1,
.account-orders-empty h2 {
    margin: 0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 2.5rem;

    line-height: 1;
}


.account-orders-empty p {
    max-width: 460px;

    margin:
        13px
        auto
        22px;

    color: #93867f;

    font-size: 10px;

    line-height: 1.7;
}


.account-orders-primary {
    display: inline-flex;

    min-height: 46px;

    align-items: center;

    justify-content: center;

    padding:
        0
        20px;

    color: #ffffff;

    border-radius: 999px;

    background: #3b2f2a;

    font-size: 9px;

    font-weight: 700;
}


/* ==========================================================================
   ORDERS LIST
   ========================================================================== */

.account-orders-list {
    display: grid;

    gap: 16px;
}


/* ==========================================================================
   ORDER CARD
   ========================================================================== */

.account-order-card {
    position: relative;

    overflow: hidden;

    padding: 24px;

    border:
        1px solid
        rgba(49, 39, 36, .07);

    border-radius: 24px;

    background:
        radial-gradient(
            circle at top right,
            rgba(215, 176, 155, .11),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #ffffff,
            #fdfaf7
        );

    box-shadow:
        0 12px 36px
        rgba(49, 39, 36, .045);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}


.account-order-card::before {
    position: absolute;

    top: 0;
    right: 28px;
    left: 28px;

    height: 2px;

    content: "";

    opacity: .65;

    background:
        linear-gradient(
            90deg,
            transparent,
            #cea18c,
            transparent
        );
}


.account-order-card:hover {
    border-color:
        rgba(59, 47, 42, .12);

    box-shadow:
        0 20px 48px
        rgba(49, 39, 36, .08);

    transform:
        translateY(-3px);
}


.account-order-card.is-cancelled {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffafa
        );
}


/* Card top */

.account-order-card-top {
    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 21px;
}


.account-order-card-number > span {
    display: block;

    margin-bottom: 4px;

    color: #a08f86;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: .10em;

    text-transform: uppercase;
}


.account-order-card-number h2 {
    margin: 0;

    color: #3c2e29;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 1.7rem;

    line-height: 1;
}


.account-order-card-number small {
    display: block;

    margin-top: 6px;

    color: #a0938b;

    font-size: 8px;
}


/* ==========================================================================
   MINI PROGRESS
   ========================================================================== */

.account-order-mini-progress {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(
            5,
            minmax(0, 1fr)
        );

    margin:
        4px
        0
        24px;

    padding-top: 4px;
}


.account-order-mini-line {
    position: absolute;

    top: 18px;
    right: 10%;
    left: 10%;

    height: 2px;

    background: #eadfd8;
}


.account-order-mini-step {
    position: relative;

    z-index: 2;

    display: flex;

    min-width: 0;

    align-items: center;

    flex-direction: column;

    gap: 7px;

    text-align: center;
}


.account-order-mini-check {
    display: grid;

    width: 32px;
    height: 32px;

    place-items: center;

    color: #b2a39b;

    border:
        2px solid
        #e5dad3;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 0 0 5px
        #fdfaf7;

    font-size: 10px;

    font-weight: 900;
}


.account-order-mini-check i {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #cfc2bb;
}


.account-order-mini-step.is-complete
.account-order-mini-check {
    color: #ffffff;

    border-color: #769180;

    background:
        linear-gradient(
            135deg,
            #789483,
            #587361
        );
}


.account-order-mini-step.is-current
.account-order-mini-check {
    color: #ffffff;

    border-color: #3b2f2a;

    background:
        linear-gradient(
            135deg,
            #554139,
            #342722
        );

    box-shadow:
        0 0 0 5px #fdfaf7,
        0 7px 18px
        rgba(52, 39, 34, .20);

    transform:
        scale(1.08);
}


.account-order-mini-step small {
    max-width: 90px;

    color: #a69891;

    font-size: 7px;

    line-height: 1.3;
}


.account-order-mini-step.is-complete small {
    color: #6d8774;

    font-weight: 700;
}


.account-order-mini-step.is-current small {
    color: #3e302a;

    font-weight: 800;
}


/* Cancelled card */

.account-order-list-cancelled {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 22px;

    padding: 14px;

    border:
        1px solid
        rgba(155, 86, 86, .12);

    border-radius: 15px;

    background: #fdf0f0;
}


.account-order-list-cancelled-icon {
    display: grid;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background: #a75f5f;

    font-size: 20px;
}


.account-order-list-cancelled strong {
    display: block;

    color: #815050;

    font-size: 10px;
}


.account-order-list-cancelled small {
    display: block;

    margin-top: 2px;

    color: #a27b7b;

    font-size: 8px;
}


/* ==========================================================================
   ORDER CARD INFO
   ========================================================================== */

.account-order-card-info {
    display: grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );

    border-top:
        1px solid
        rgba(49, 39, 36, .06);

    border-bottom:
        1px solid
        rgba(49, 39, 36, .06);
}


.account-order-card-info > div {
    display: grid;

    min-height: 72px;

    align-content: center;

    gap: 5px;

    padding:
        12px
        16px;

    border-right:
        1px solid
        rgba(49, 39, 36, .06);
}


.account-order-card-info > div:first-child {
    padding-left: 0;
}


.account-order-card-info > div:last-child {
    padding-right: 0;

    border-right: 0;
}


.account-order-card-info span {
    color: #a0938b;

    font-size: 7px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .07em;
}


.account-order-card-info strong {
    color: #544640;

    font-size: 9px;

    font-weight: 700;
}


.account-order-card-info
.account-order-price {
    color: #352923;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.25rem;
}


/* Card bottom */

.account-order-card-bottom {
    display: flex;

    justify-content: flex-end;

    margin-top: 17px;
}


.account-order-card-bottom a {
    display: inline-flex;

    min-height: 40px;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding:
        0
        14px;

    color: #574841;

    border:
        1px solid
        #dfd4cc;

    border-radius: 999px;

    background: #faf7f3;

    font-size: 8px;

    font-weight: 700;

    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}


.account-order-card-bottom a:hover {
    color: #ffffff;

    border-color: #3b2f2a;

    background: #3b2f2a;

    transform:
        translateX(2px);
}


.account-order-card-arrow {
    display: grid;

    width: 20px;
    height: 20px;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(59, 47, 42, .06);
}


/* ==========================================================================
   DETAIL PROGRESS CARD
   ========================================================================== */

.account-order-progress-card {
    position: relative;

    margin-bottom: 28px;

    padding:
        28px
        30px
        32px;

    overflow: hidden;

    border:
        1px solid
        rgba(65, 49, 43, .08);

    border-radius: 26px;

    background:
        radial-gradient(
            circle at top right,
            rgba(218, 185, 168, .16),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #ffffff,
            #fdfaf7
        );

    box-shadow:
        0 18px 55px
        rgba(56, 42, 36, .07);
}


.account-order-progress-card::before {
    position: absolute;

    top: 0;
    right: 32px;
    left: 32px;

    height: 2px;

    content: "";

    background:
        linear-gradient(
            90deg,
            transparent,
            #c99e89,
            transparent
        );
}


.account-order-progress-header {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 32px;
}


.account-order-progress-eyebrow {
    display: block;

    margin-bottom: 7px;

    color: #ad8c7b;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: .16em;
}


.account-order-progress-header h2 {
    margin: 0;

    color: #3c2e29;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            1.8rem,
            3vw,
            2.3rem
        );

    font-weight: 600;

    line-height: 1;
}


.account-order-progress-current {
    display: inline-flex;

    min-height: 38px;

    align-items: center;

    gap: 8px;

    padding:
        8px
        14px;

    color: #587362;

    border:
        1px solid
        rgba(88, 115, 98, .13);

    border-radius: 999px;

    background: #edf5ef;

    font-size: 8px;

    font-weight: 800;

    white-space: nowrap;
}


.account-order-progress-current > span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #62826c;

    box-shadow:
        0 0 0 4px
        rgba(98, 130, 108, .12);
}


/* Full progress */

.account-order-progress {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(
            5,
            minmax(0, 1fr)
        );
}


.account-order-progress-line {
    position: absolute;

    top: 22px;
    right: 10%;
    left: 10%;

    height: 2px;

    background: #eadfd9;
}


.account-order-progress-step {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    flex-direction: column;

    text-align: center;
}


.account-order-progress-check {
    display: grid;

    width: 45px;
    height: 45px;

    place-items: center;

    margin-bottom: 12px;

    color: #afa19a;

    border:
        2px solid
        #e5d9d3;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 0 0 7px
        #fdfaf7;

    font-size: 15px;

    font-weight: 900;
}


.account-order-progress-check i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #cfc1ba;
}


.account-order-progress-step.is-complete
.account-order-progress-check {
    color: #ffffff;

    border-color: #789483;

    background:
        linear-gradient(
            135deg,
            #789483,
            #587361
        );

    box-shadow:
        0 0 0 7px #fdfaf7,
        0 8px 20px
        rgba(88, 115, 97, .18);
}


.account-order-progress-step.is-current
.account-order-progress-check {
    color: #ffffff;

    border-color: #40312b;

    background:
        linear-gradient(
            135deg,
            #554139,
            #342722
        );

    box-shadow:
        0 0 0 7px #fdfaf7,
        0 9px 23px
        rgba(52, 39, 34, .22);

    transform:
        scale(1.1);
}


.account-order-progress-text {
    display: grid;

    max-width: 125px;

    gap: 4px;
}


.account-order-progress-text strong {
    color: #a0928b;

    font-size: 9px;

    line-height: 1.3;
}


.account-order-progress-text small {
    color: #b8aba4;

    font-size: 7px;

    line-height: 1.3;
}


.account-order-progress-step.is-complete
.account-order-progress-text strong {
    color: #657e6c;
}


.account-order-progress-step.is-current
.account-order-progress-text strong {
    color: #3c2e29;

    font-weight: 800;
}


.account-order-progress-step.is-current
.account-order-progress-text small {
    color: #9c7767;

    font-weight: 700;
}


/* Cancelled */

.account-order-progress-card.is-cancelled {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fff9f9
        );
}


.account-order-cancelled {
    display: flex;

    align-items: center;

    gap: 16px;

    padding: 18px;

    border:
        1px solid
        rgba(155, 86, 86, .12);

    border-radius: 18px;

    background: #fdf1f1;
}


.account-order-cancelled-icon {
    display: grid;

    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background: #a76060;

    font-size: 24px;
}


.account-order-cancelled strong {
    display: block;

    color: #814b4b;

    font-size: 11px;
}


.account-order-cancelled p {
    margin:
        3px
        0
        0;

    color: #a17777;

    font-size: 8px;
}


/* ==========================================================================
   DETAIL LAYOUT
   ========================================================================== */

.account-order-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        330px;

    align-items: start;

    gap: 26px;
}


.account-order-main {
    display: grid;

    gap: 17px;
}


/* ==========================================================================
   DETAIL SECTIONS
   ========================================================================== */

.account-order-section {
    padding: 24px;

    border:
        1px solid
        rgba(49, 39, 36, .07);

    border-radius: 22px;

    background: #ffffff;

    box-shadow:
        0 12px 34px
        rgba(49, 39, 36, .04);
}


.account-order-section-title {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 20px;
}


.account-order-section-title span {
    color: #a18172;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: .13em;
}


.account-order-section-title h2 {
    margin:
        4px
        0
        0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.7rem;
}


.account-order-section-title > strong {
    display: grid;

    min-width: 34px;
    height: 34px;

    place-items: center;

    color: #ffffff;

    border-radius: 50%;

    background: #3b2f2a;

    font-size: 9px;
}


/* ==========================================================================
   PRODUCTS
   ========================================================================== */

.account-order-products {
    display: grid;

    gap: 0;
}


.account-order-product {
    display: grid;

    grid-template-columns:
        48px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 14px;

    min-height: 84px;

    padding:
        12px
        0;

    border-top:
        1px solid
        rgba(49, 39, 36, .06);
}


.account-order-product-number {
    display: grid;

    width: 42px;
    height: 42px;

    place-items: center;

    color: #675851;

    border-radius: 50%;

    background: #f1e7df;

    font-size: 9px;

    font-weight: 800;
}


.account-order-product-content h3 {
    margin: 0;

    color: #453832;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.25rem;

    line-height: 1.05;
}


.account-order-product-content span {
    display: block;

    margin-top: 4px;

    color: #a0938b;

    font-size: 7px;
}


.account-order-product-content small {
    display: block;

    margin-top: 5px;

    color: #8e8179;

    font-size: 8px;
}


.account-order-product-total {
    color: #392d28;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.15rem;

    white-space: nowrap;
}


.account-order-no-items {
    padding:
        30px
        15px;

    color: #978a82;

    text-align: center;

    border:
        1px dashed
        #e0d5cd;

    border-radius: 14px;

    font-size: 9px;
}


/* ==========================================================================
   DELIVERY
   ========================================================================== */

.account-order-details-grid {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    border-top:
        1px solid
        rgba(49, 39, 36, .06);
}


.account-order-details-grid > div {
    display: grid;

    min-height: 75px;

    align-content: center;

    gap: 5px;

    padding:
        12px
        0;

    border-bottom:
        1px solid
        rgba(49, 39, 36, .06);
}


.account-order-details-grid > div:nth-child(even) {
    padding-left: 20px;

    border-left:
        1px solid
        rgba(49, 39, 36, .06);
}


.account-order-details-grid span,
.account-order-address > span {
    color: #9c8e86;

    font-size: 7px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .06em;
}


.account-order-details-grid strong {
    color: #51433d;

    font-size: 9px;

    overflow-wrap: anywhere;
}


.account-order-address {
    margin-top: 18px;

    padding: 16px;

    border-radius: 14px;

    background: #faf6f2;
}


.account-order-address p {
    margin:
        7px
        0
        0;

    color: #71645d;

    font-size: 9px;

    line-height: 1.65;
}


.account-order-note {
    padding: 16px;

    color: #75675f;

    border-radius: 14px;

    background: #faf6f2;

    font-size: 9px;

    line-height: 1.7;
}


/* ==========================================================================
   SUMMARY
   ========================================================================== */

.account-order-summary {
    position: sticky;

    top: 105px;

    padding: 25px;

    border:
        1px solid
        rgba(49, 39, 36, .07);

    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbf7f3
        );

    box-shadow:
        0 16px 45px
        rgba(49, 39, 36, .065);
}


.account-order-summary-eyebrow {
    color: #9d7d6e;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: .14em;
}


.account-order-summary h2 {
    margin:
        5px
        0
        20px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.9rem;
}


.account-order-summary-row {
    display: flex;

    min-height: 39px;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    border-bottom:
        1px solid
        rgba(49, 39, 36, .055);
}


.account-order-summary-row span {
    color: #94877f;

    font-size: 8px;
}


.account-order-summary-row strong {
    color: #574943;

    font-size: 8px;
}


.account-order-summary-total {
    display: flex;

    align-items: baseline;

    justify-content: space-between;

    gap: 15px;

    margin-top: 18px;

    padding-top: 17px;

    border-top:
        1px solid
        rgba(49, 39, 36, .10);
}


.account-order-summary-total span {
    font-size: 10px;

    font-weight: 800;
}


.account-order-summary-total strong {
    font-family:
        "Cormorant Garamond",
        serif;

    font-size: 1.75rem;
}


.account-order-payment {
    display: grid;

    gap: 0;

    margin-top: 20px;

    padding:
        9px
        14px;

    border-radius: 14px;

    background: #f5ede7;
}


.account-order-payment > div {
    display: flex;

    min-height: 41px;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    border-bottom:
        1px solid
        rgba(49, 39, 36, .06);
}


.account-order-payment > div:last-child {
    border-bottom: 0;
}


.account-order-payment span {
    color: #95877f;

    font-size: 7px;
}


.account-order-payment strong {
    color: #51433d;

    font-size: 8px;

    text-align: right;
}


.account-order-back {
    display: flex;

    min-height: 42px;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-top: 18px;

    color: #594a43;

    border:
        1px solid
        #ddd2ca;

    border-radius: 999px;

    font-size: 8px;

    font-weight: 700;

    transition:
        color .18s ease,
        background .18s ease;
}


.account-order-back:hover {
    color: #ffffff;

    border-color: #3b2f2a;

    background: #3b2f2a;
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 900px) {

    .account-order-layout {
        grid-template-columns:
            minmax(0, 1fr)
            290px;

        gap: 18px;
    }


    .account-order-summary {
        padding: 20px;
    }


    .account-order-card-info {
        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }


    .account-order-card-info > div:nth-child(2) {
        border-right: 0;
    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 700px) {

    .account-orders-page,
    .account-order-page {
        padding:
            24px
            0
            60px;
    }


    .account-orders-breadcrumb {
        margin-bottom: 20px;
    }


    .account-orders-heading,
    .account-order-heading {
        align-items: flex-start;

        flex-direction: column;

        gap: 17px;

        margin-bottom: 21px;

        padding-bottom: 21px;
    }


    .account-orders-heading h1,
    .account-order-heading h1 {
        font-size: 3rem;
    }


    .account-orders-shop {
        width: 100%;
    }


    /* Card */

    .account-order-card {
        padding:
            19px
            14px;

        border-radius: 19px;
    }


    .account-order-card-top {
        align-items: flex-start;

        flex-direction: column;

        gap: 12px;
    }


    .account-order-card-info {
        grid-template-columns: 1fr;
    }


    .account-order-card-info > div {
        min-height: 58px;

        padding:
            10px
            0;

        border-right: 0;
    }


    .account-order-card-bottom a {
        width: 100%;
    }


    /* Mini progress -> vertical */

    .account-order-mini-progress {
        display: flex;

        flex-direction: column;

        margin-bottom: 19px;
    }


    .account-order-mini-line {
        top: 16px;
        bottom: 16px;

        left: 15px;
        right: auto;

        width: 2px;
        height: auto;
    }


    .account-order-mini-step {
        min-height: 54px;

        align-items: center;

        flex-direction: row;

        gap: 13px;

        text-align: left;
    }


    .account-order-mini-check {
        width: 31px;
        height: 31px;

        flex: 0 0 31px;

        box-shadow:
            0 0 0 4px
            #fdfaf7;
    }


    .account-order-mini-step small {
        max-width: none;

        font-size: 8px;
    }


    /* Big progress */

    .account-order-progress-card {
        padding:
            21px
            15px
            24px;

        border-radius: 20px;
    }


    .account-order-progress-header {
        align-items: flex-start;

        flex-direction: column;

        gap: 13px;

        margin-bottom: 25px;
    }


    .account-order-progress {
        display: flex;

        flex-direction: column;
    }


    .account-order-progress-line {
        top: 21px;
        bottom: 21px;

        left: 20px;
        right: auto;

        width: 2px;
        height: auto;
    }


    .account-order-progress-step {
        min-height: 72px;

        align-items: flex-start;

        flex-direction: row;

        gap: 15px;

        text-align: left;
    }


    .account-order-progress-check {
        width: 42px;
        height: 42px;

        flex: 0 0 42px;

        margin-bottom: 0;

        box-shadow:
            0 0 0 6px
            #fdfaf7;
    }


    .account-order-progress-text {
        max-width: none;

        padding-top: 5px;
    }


    /* Detail */

    .account-order-layout {
        grid-template-columns: 1fr;
    }


    .account-order-summary {
        position: static;
    }


    .account-order-section {
        padding:
            19px
            14px;

        border-radius: 18px;
    }


    .account-order-product {
        grid-template-columns:
            42px
            minmax(0, 1fr);

        align-items: start;
    }


    .account-order-product-total {
        grid-column: 2;

        margin-top: 3px;
    }


    .account-order-details-grid {
        grid-template-columns: 1fr;
    }


    .account-order-details-grid > div:nth-child(even) {
        padding-left: 0;

        border-left: 0;
    }

}


/* ==========================================================================
   SMALL PHONE
   ========================================================================== */

@media (max-width: 420px) {

    .account-orders-heading h1,
    .account-order-heading h1 {
        font-size: 2.7rem;
    }


    .store-account-order-status {
        max-width: 100%;

        white-space: normal;
    }


    .account-orders-empty {
        padding:
            45px
            16px;
    }

}

/* ==========================================================================
   VELORA HEADER / MOBILE MENU
   ========================================================================== */


/* ==========================================================================
   DESKTOP BASE
   ========================================================================== */

.site-header {
    position: sticky;

    top: 0;

    z-index: 10000;

    width: 100%;

    overflow: visible;

    border-bottom:
        1px solid
        rgba(59, 47, 42, .06);

    background:
        rgba(250, 247, 243, .94);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}


.nav-row {
    display: flex;

    min-height: 80px;

    align-items: center;

    gap: 16px;

    flex-wrap: nowrap;
}


/* ==========================================================================
   LOGO
   ========================================================================== */

.logo {
    display: inline-flex;

    min-width: 175px;

    flex: 0 0 auto;

    align-items: center;

    color: #302521;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 1.9rem;

    font-weight: 700;

    line-height: .95;

    letter-spacing: -.035em;

    white-space: nowrap;
}


/* ==========================================================================
   DESKTOP NAV
   ========================================================================== */

.nav-links {
    display: flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 16px;

    white-space: nowrap;
}


.nav-links a {
    position: relative;

    display: inline-flex;

    align-items: center;

    min-height: 42px;

    color: #746861;

    font-size: 11px;

    font-weight: 500;

    transition:
        color .18s ease;
}


.nav-links a::after {
    position: absolute;

    right: 0;
    bottom: 6px;
    left: 0;

    height: 1px;

    content: "";

    opacity: 0;

    background: #3b2f2a;

    transform:
        scaleX(.5);

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.nav-links a:hover {
    color: #332722;
}


.nav-links a:hover::after {
    opacity: 1;

    transform:
        scaleX(1);
}


/* ==========================================================================
   DESKTOP SEARCH
   ========================================================================== */

.searchbar-main {
    display: grid;

    min-width: 190px;
    max-width: 310px;

    flex:
        1
        1
        240px;

    grid-template-columns:
        34px
        minmax(0, 1fr)
        38px;

    align-items: center;

    gap: 6px;

    min-height: 48px;

    margin-left: auto;

    padding:
        5px
        6px;

    border:
        1px solid
        rgba(59, 47, 42, .09);

    border-radius: 999px;

    background: #ffffff;

    box-shadow:
        0 8px 24px
        rgba(59, 47, 42, .035);
}


.searchbar-main:focus-within {
    border-color: #cfae9f;

    box-shadow:
        0 0 0 4px
        rgba(214, 164, 143, .10);
}


.searchbar-main .search-icon {
    display: grid;

    width: 34px;
    height: 34px;

    place-items: center;

    color: #806e65;

    border-radius: 50%;

    background: #f2e9e2;

    font-size: 14px;
}


.searchbar-main input {
    width: 100%;

    min-width: 0;

    height: 36px;

    padding: 0;

    color: #392d28;

    border: 0;

    outline: 0;

    background: transparent;

    font-size: 10px;
}


.searchbar-main input::placeholder {
    color: #aa9b94;
}


.search-submit {
    display: grid;

    width: 38px;
    height: 38px;

    place-items: center;

    padding: 0;

    color: #ffffff;

    border: 0;

    border-radius: 50%;

    background: #3b2f2a;

    cursor: pointer;

    transition:
        transform .18s ease,
        background .18s ease;
}


.search-submit:hover {
    background: #291f1b;

    transform:
        scale(1.04);
}


/* ==========================================================================
   LANGUAGE
   ========================================================================== */

.language-switcher {
    display: inline-flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 5px;

    color: #8a7d75;

    font-size: 9px;

    font-weight: 700;
}


.language-switcher a.active {
    color: #302521;
}


/* ==========================================================================
   ACCOUNT / CART
   ========================================================================== */

.account-pill,
.cart-pill {
    display: inline-flex;

    min-height: 44px;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    gap: 7px;

    padding:
        0
        13px;

    color: #4b3d37;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 999px;

    background: #f1e8df;

    font-size: 10px;

    font-weight: 600;

    white-space: nowrap;

    transition:
        transform .18s ease,
        background .18s ease;
}


.account-pill:hover,
.cart-pill:hover {
    background: #eaded2;

    transform:
        translateY(-1px);
}


.cart-pill strong {
    display: grid;

    min-width: 22px;
    height: 22px;

    place-items: center;

    padding:
        0
        5px;

    color: #ffffff;

    border-radius: 999px;

    background: #3b2f2a;

    font-size: 9px;
}


/* ==========================================================================
   HAMBURGER DEFAULT
   ========================================================================== */

.menu-toggle {
    display: none;
}


.mobile-menu {
    display: none;
}


/* ==========================================================================
   BODY LOCK
   ========================================================================== */

html.store-menu-open,
body.store-menu-open {
    overflow: hidden !important;

    overscroll-behavior: none;
}


/* ==========================================================================
   MOBILE / TABLET
   ========================================================================== */

@media (max-width: 1024px) {

    /*
    |--------------------------------------------------------------------------
    | Hide desktop navigation
    |--------------------------------------------------------------------------
    */

    .nav-links,
    .language-switcher,
    .account-pill,
    .cart-pill,
    .searchbar-main {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    .site-header {
        position: sticky !important;

        top: 0;

        z-index: 10000 !important;

        overflow: visible !important;
    }


    .nav-row {
        position: relative;

        z-index: 10004;

        display: flex !important;

        min-height: 68px;

        align-items: center;

        justify-content: space-between;

        gap: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Logo
    |--------------------------------------------------------------------------
    */

    .logo {
        min-width: 0;

        flex: 1;

        overflow: hidden;

        font-size: 1.65rem;

        text-overflow: ellipsis;

        white-space: nowrap;
    }


    /*
    |--------------------------------------------------------------------------
    | Hamburger
    |--------------------------------------------------------------------------
    */

    #storeMenuToggle.menu-toggle {
        position: relative;

        z-index: 10006;

        display: flex !important;

        width: 46px;
        height: 46px;

        flex: 0 0 46px;

        align-items: center;
        justify-content: center;

        margin: 0;

        padding: 0;

        color: #3b2f2a;

        border:
            1px solid
            rgba(59, 47, 42, .11);

        border-radius: 50%;

        outline: none;

        background: #ffffff;

        box-shadow:
            0 8px 24px
            rgba(59, 47, 42, .08);

        cursor: pointer;

        appearance: none;

        -webkit-appearance: none;

        -webkit-tap-highlight-color:
            transparent;

        pointer-events: auto !important;

        touch-action: manipulation;

        user-select: none;

        transition:
            color .18s ease,
            background .18s ease,
            border-color .18s ease,
            transform .18s ease;
    }


    #storeMenuToggle.menu-toggle:active {
        transform:
            scale(.94);
    }


    #storeMenuToggle.menu-toggle.is-active {
        color: #ffffff;

        border-color: #3b2f2a;

        background: #3b2f2a;
    }


    .menu-toggle-icon {
        display: block;

        width: 24px;

        color: inherit;

        font-family:
            Arial,
            sans-serif;

        font-size: 21px;

        font-weight: 400;

        line-height: 1;

        text-align: center;

        pointer-events: none;
    }


    /*
    |--------------------------------------------------------------------------
    | Mobile menu overlay
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu.mobile-menu {
        position: fixed !important;

        inset: 0 !important;

        z-index: 10002 !important;

        display: block !important;

        width: 100% !important;

        height: 100vh !important;
        height: 100dvh !important;

        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;

        padding: 0 !important;

        overflow: hidden !important;

        opacity: 0;

        visibility: hidden;

        pointer-events: none;

        background:
            rgba(248, 244, 239, .985);

        backdrop-filter:
            blur(20px);

        -webkit-backdrop-filter:
            blur(20px);

        transform:
            translateY(-8px);

        transition:
            opacity .22s ease,
            visibility .22s ease,
            transform .22s ease;
    }


    #storeMobileMenu.mobile-menu.is-open {
        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform:
            translateY(0) !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Scroll area
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-menu-scroll {
        position: absolute;

        inset: 0;

        overflow-x: hidden;

        overflow-y: auto;

        padding:
            88px
            0
            28px;

        -webkit-overflow-scrolling:
            touch;
    }


    /*
    |--------------------------------------------------------------------------
    | Inner
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-menu-inner {
        display: grid !important;

        width:
            min(
                calc(100% - 28px),
                620px
            );

        margin:
            0 auto;

        gap: 10px;

        padding:
            8px
            0
            40px;
    }


    /*
    |--------------------------------------------------------------------------
    | Mobile search
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-search {
        display: grid !important;

        width: 100%;

        grid-template-columns:
            36px
            minmax(0, 1fr)
            42px;

        align-items: center;

        gap: 7px;

        margin:
            0
            0
            4px;

        padding: 6px;

        border:
            1px solid
            #ddd2ca;

        border-radius: 18px;

        background: #ffffff;

        box-shadow:
            0 10px 30px
            rgba(59, 47, 42, .05);
    }


    #storeMobileMenu
    .mobile-search:focus-within {
        border-color: #cda99b;

        box-shadow:
            0 0 0 4px
            rgba(205, 169, 155, .10),
            0 10px 30px
            rgba(59, 47, 42, .05);
    }


    #storeMobileMenu
    .mobile-search-icon {
        display: grid;

        width: 36px;
        height: 36px;

        place-items: center;

        color: #806e65;

        border-radius: 50%;

        background: #f1e8e1;

        font-size: 15px;
    }


    #storeMobileMenu
    .mobile-search input {
        width: 100%;

        min-width: 0;

        height: 42px;

        padding: 0;

        color: #392d28;

        border: 0;

        outline: 0;

        background: transparent;

        box-shadow: none;

        font-size: 11px;
    }


    #storeMobileMenu
    .mobile-search input::placeholder {
        color: #a99b94;
    }


    #storeMobileMenu
    .mobile-search-submit {
        display: grid;

        width: 42px;
        height: 42px;

        place-items: center;

        padding: 0;

        color: #ffffff;

        border: 0;

        border-radius: 50%;

        background: #3b2f2a;

        cursor: pointer;

        font-size: 14px;

        touch-action: manipulation;
    }


    /*
    |--------------------------------------------------------------------------
    | Mobile navigation
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-navigation {
        display: grid;

        gap: 8px;
    }


    #storeMobileMenu
    .mobile-navigation > a,
    #storeMobileMenu
    .mobile-menu-account > a,
    #storeMobileMenu
    .mobile-cart-link {
        display: flex !important;

        width: 100%;

        min-height: 52px;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

        padding:
            0
            17px;

        color: #493b35 !important;

        border:
            1px solid
            rgba(59, 47, 42, .07);

        border-radius: 15px;

        background:
            rgba(255, 255, 255, .90);

        box-shadow:
            0 5px 18px
            rgba(59, 47, 42, .025);

        font-size: 11px;

        font-weight: 600;

        text-decoration: none;

        transition:
            transform .15s ease,
            background .15s ease,
            border-color .15s ease;
    }


    #storeMobileMenu
    .mobile-navigation > a:active,
    #storeMobileMenu
    .mobile-menu-account > a:active,
    #storeMobileMenu
    .mobile-cart-link:active {
        background: #efe5de;

        transform:
            scale(.985);
    }


    /*
    |--------------------------------------------------------------------------
    | Account block
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-menu-account {
        display: grid;

        gap: 8px;

        margin-top: 3px;

        padding-top: 10px;

        border-top:
            1px solid
            rgba(59, 47, 42, .06);
    }


    #storeMobileMenu
    .mobile-logout-link {
        color: #8e5555 !important;

        background:
            rgba(255, 249, 249, .92) !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Cart
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-cart-link {
        margin-top: 2px;
    }


    #storeMobileMenu
    .mobile-cart-count {
        display: grid;

        min-width: 31px;
        height: 31px;

        place-items: center;

        padding:
            0
            7px;

        color: #ffffff;

        border-radius: 999px;

        background: #3b2f2a;

        font-size: 9px;

        font-weight: 700;
    }


    /*
    |--------------------------------------------------------------------------
    | Languages
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-language-switcher {
        display: flex !important;

        align-items: center;

        gap: 8px;

        margin-top: 4px;

        padding-top: 10px;

        border-top:
            1px solid
            rgba(59, 47, 42, .06);
    }


    #storeMobileMenu
    .mobile-language-switcher a {
        display: flex;

        min-width: 60px;
        min-height: 41px;

        align-items: center;
        justify-content: center;

        padding:
            0
            14px;

        color: #6d5d55;

        border:
            1px solid
            #ddd2ca;

        border-radius: 999px;

        background: #ffffff;

        font-size: 9px;

        font-weight: 700;
    }


    #storeMobileMenu
    .mobile-language-switcher a.active {
        color: #ffffff;

        border-color: #3b2f2a;

        background: #3b2f2a;
    }

}


/* ==========================================================================
   SMALL PHONE
   ========================================================================== */

@media (max-width: 480px) {

    .nav-row {
        min-height: 64px;
    }


    .logo {
        font-size: 1.48rem;
    }


    #storeMenuToggle.menu-toggle {
        width: 43px;
        height: 43px;

        flex-basis: 43px;
    }


    #storeMobileMenu
    .mobile-menu-scroll {
        padding-top: 78px;
    }


    #storeMobileMenu
    .mobile-menu-inner {
        width:
            calc(100% - 22px);
    }

}


/* ==========================================================================
   VERY SMALL PHONE
   ========================================================================== */

@media (max-width: 360px) {

    .logo {
        font-size: 1.35rem;
    }


    #storeMobileMenu
    .mobile-menu-inner {
        width:
            calc(100% - 18px);
    }


    #storeMobileMenu
    .mobile-navigation > a,
    #storeMobileMenu
    .mobile-menu-account > a,
    #storeMobileMenu
    .mobile-cart-link {
        min-height: 48px;

        padding:
            0
            14px;
    }

}

/* ==========================================================================
   VELORA HOUSE
   HEADER SYSTEM
   ========================================================================== */


/* ==========================================================================
   HEADER
   ========================================================================== */

.site-header {
    position: sticky;
    top: 0;

    z-index: 10000;

    width: 100%;

    border-bottom:
        1px solid
        rgba(59, 47, 42, .07);

    background:
        rgba(250, 247, 243, .96);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);
}


.nav-row {
    display: flex;

    min-height: 82px;

    align-items: center;

    gap: 16px;
}


/* ==========================================================================
   LOGO
   ========================================================================== */

.store-logo {
    position: relative;

    display: flex;

    min-width: 170px;
    max-width: 230px;

    flex: 0 0 auto;

    align-items: center;

    text-decoration: none;
}


.store-logo-image {
    display: block;

    width: auto;
    max-width: 100%;

    height: 52px;

    object-fit: contain;

    object-position: left center;
}


/*
|--------------------------------------------------------------------------
| Desktop image
|--------------------------------------------------------------------------
*/

.store-logo-desktop {
    display: block;
}


/*
|--------------------------------------------------------------------------
| Mobile image hidden on desktop
|--------------------------------------------------------------------------
*/

.store-logo-mobile {
    display: none;
}


/*
|--------------------------------------------------------------------------
| Text fallback
|--------------------------------------------------------------------------
*/

.store-logo-text {
    display: none;

    color: #302521;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size: 1.9rem;

    font-weight: 700;

    line-height: 1;

    letter-spacing: -.04em;

    white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| Desktop logo failed
|--------------------------------------------------------------------------
*/

.store-logo.logo-image-error
.store-logo-text {
    display: block;
}


.store-logo.logo-image-error
.store-logo-desktop {
    display: none;
}


/* ==========================================================================
   DESKTOP NAV
   ========================================================================== */

.nav-links {
    display: flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 15px;
}


.nav-links a {
    position: relative;

    display: inline-flex;

    min-height: 42px;

    align-items: center;

    color: #756861;

    font-size: 11px;

    font-weight: 500;

    white-space: nowrap;

    transition:
        color .18s ease;
}


.nav-links a:hover {
    color: #302521;
}


.nav-links a::after {
    position: absolute;

    right: 0;
    bottom: 5px;
    left: 0;

    height: 1px;

    content: "";

    opacity: 0;

    background: #3b2f2a;

    transform:
        scaleX(.4);

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.nav-links a:hover::after {
    opacity: 1;

    transform:
        scaleX(1);
}


/* ==========================================================================
   SEARCH
   ========================================================================== */

.searchbar-main {
    display: grid;

    min-width: 180px;
    max-width: 300px;

    flex:
        1
        1
        230px;

    grid-template-columns:
        34px
        minmax(0, 1fr)
        38px;

    align-items: center;

    gap: 6px;

    min-height: 48px;

    margin-left: auto;

    padding: 5px 6px;

    border:
        1px solid
        rgba(59, 47, 42, .09);

    border-radius: 999px;

    background: #ffffff;

    box-shadow:
        0 8px 24px
        rgba(59, 47, 42, .04);
}


.searchbar-main:focus-within {
    border-color: #cfad9f;

    box-shadow:
        0 0 0 4px
        rgba(207, 173, 159, .10);
}


.search-icon {
    display: grid;

    width: 34px;
    height: 34px;

    place-items: center;

    color: #806e65;

    border-radius: 50%;

    background: #f2e9e2;
}


.searchbar-main input {
    width: 100%;

    min-width: 0;

    height: 36px;

    padding: 0;

    color: #392d28;

    border: 0;

    outline: none;

    background: transparent;

    font-size: 11px;
}


.searchbar-main input::placeholder {
    color: #aa9b94;
}


.search-submit {
    display: grid;

    width: 38px;
    height: 38px;

    place-items: center;

    padding: 0;

    color: #ffffff;

    border: 0;

    border-radius: 50%;

    background: #3b2f2a;

    cursor: pointer;

    transition:
        transform .18s ease,
        background .18s ease;
}


.search-submit:hover {
    background: #291f1b;

    transform:
        scale(1.04);
}


/* ==========================================================================
   DESKTOP LANGUAGE
   ========================================================================== */

.desktop-language-switcher {
    display: inline-flex;

    flex: 0 0 auto;

    align-items: center;

    gap: 5px;

    padding:
        7px
        9px;

    border:
        1px solid
        rgba(59, 47, 42, .08);

    border-radius: 999px;

    background:
        rgba(255, 255, 255, .65);
}


.desktop-language-switcher a {
    color: #998a82;

    font-size: 9px;

    font-weight: 700;

    transition:
        color .18s ease;
}


.desktop-language-switcher a.active {
    color: #302521;
}


.language-divider {
    color: #c6b9b2;

    font-size: 9px;
}


/* ==========================================================================
   ACCOUNT / CART
   ========================================================================== */

.account-pill,
.cart-pill {
    display: inline-flex;

    min-height: 44px;

    flex: 0 0 auto;

    align-items: center;
    justify-content: center;

    gap: 7px;

    padding:
        0
        13px;

    color: #4b3d37;

    border:
        1px solid
        rgba(49, 39, 36, .05);

    border-radius: 999px;

    background: #f1e8df;

    font-size: 10px;

    font-weight: 600;

    white-space: nowrap;

    transition:
        transform .18s ease,
        background .18s ease;
}


.account-pill:hover,
.cart-pill:hover {
    background: #eaded2;

    transform:
        translateY(-1px);
}


.cart-pill strong {
    display: grid;

    min-width: 23px;
    height: 23px;

    place-items: center;

    padding:
        0
        5px;

    color: #ffffff;

    border-radius: 999px;

    background: #3b2f2a;

    font-size: 9px;
}


/* ==========================================================================
   MOBILE DEFAULTS
   ========================================================================== */

.mobile-header-actions {
    display: none;
}


.menu-toggle {
    display: none;
}


.mobile-menu {
    display: none;
}


/* ==========================================================================
   BODY LOCK
   ========================================================================== */

html.store-menu-open,
body.store-menu-open {
    overflow: hidden !important;

    overscroll-behavior: none;
}


/* ==========================================================================
   TABLET / MOBILE
   ========================================================================== */

@media (max-width: 1024px) {

    /*
    |--------------------------------------------------------------------------
    | Hide desktop elements
    |--------------------------------------------------------------------------
    */

    .nav-links,
    .searchbar-main,
    .desktop-language-switcher,
    .account-pill,
    .cart-pill {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    .site-header {
        min-height: 72px;
    }


    .nav-row {
        display: grid !important;

        min-height: 72px;

        grid-template-columns:
            minmax(0, 1fr)
            auto;

        align-items: center;

        gap: 12px;
    }


    /*
    |--------------------------------------------------------------------------
    | Logo
    |--------------------------------------------------------------------------
    */

    .store-logo {
        min-width: 0;
        max-width: 210px;

        overflow: hidden;
    }


    .store-logo-desktop {
        display: none;
    }


    .store-logo-mobile {
        display: block;

        width: auto;

        max-width: 100%;

        height: 44px;

        object-fit: contain;

        object-position: left center;
    }


    /*
    |--------------------------------------------------------------------------
    | Fallback if mobile logo does not exist
    |--------------------------------------------------------------------------
    */

    .store-logo.logo-mobile-image-error
    .store-logo-mobile {
        display: none;
    }


    .store-logo.logo-mobile-image-error
    .store-logo-text {
        display: block;
    }


    /*
    |--------------------------------------------------------------------------
    | Important:
    | if desktop failed but mobile exists,
    | don't force fallback text on mobile
    |--------------------------------------------------------------------------
    */

    .store-logo.logo-image-error:not(
        .logo-mobile-image-error
    )
    .store-logo-text {
        display: none;
    }


    /*
    |--------------------------------------------------------------------------
    | Mobile actions
    |--------------------------------------------------------------------------
    */

    .mobile-header-actions {
        position: relative;

        z-index: 10006;

        display: flex;

        align-items: center;

        gap: 9px;
    }


    /*
    |--------------------------------------------------------------------------
    | Language directly in header
    |--------------------------------------------------------------------------
    */

    .mobile-header-language {
        display: flex;

        height: 42px;

        align-items: center;

        gap: 3px;

        padding:
            0
            10px;

        border:
            1px solid
            rgba(59, 47, 42, .09);

        border-radius: 999px;

        background:
            rgba(255, 255, 255, .88);

        box-shadow:
            0 5px 16px
            rgba(59, 47, 42, .035);
    }


    .mobile-header-language a {
        display: grid;

        min-width: 25px;
        height: 28px;

        place-items: center;

        color: #a0928a;

        border-radius: 999px;

        font-size: 9px;

        font-weight: 700;

        text-decoration: none;

        transition:
            color .18s ease,
            background .18s ease;
    }


    .mobile-header-language a.active {
        color: #ffffff;

        background: #3b2f2a;
    }


    .mobile-header-language > span {
        color: #c4b6ae;

        font-size: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Hamburger
    |--------------------------------------------------------------------------
    */

    #storeMenuToggle.menu-toggle {
        position: relative;

        z-index: 10007;

        display: flex !important;

        width: 44px;
        height: 44px;

        flex: 0 0 44px;

        align-items: center;
        justify-content: center;

        margin: 0;

        padding: 0;

        color: #3b2f2a;

        border:
            1px solid
            rgba(59, 47, 42, .11);

        border-radius: 50%;

        outline: none;

        background: #ffffff;

        box-shadow:
            0 7px 20px
            rgba(59, 47, 42, .07);

        cursor: pointer;

        appearance: none;

        -webkit-appearance: none;

        -webkit-tap-highlight-color:
            transparent;

        pointer-events: auto !important;

        touch-action: manipulation;

        transition:
            color .18s ease,
            background .18s ease,
            transform .18s ease;
    }


    #storeMenuToggle.menu-toggle:active {
        transform:
            scale(.94);
    }


    #storeMenuToggle.menu-toggle.is-active {
        color: #ffffff;

        border-color: #3b2f2a;

        background: #3b2f2a;
    }


    .menu-toggle-icon {
        display: block;

        width: 22px;

        color: inherit;

        font-family:
            Arial,
            sans-serif;

        font-size: 20px;

        line-height: 1;

        text-align: center;

        pointer-events: none;
    }


    /* ======================================================================
       MOBILE MENU
       ====================================================================== */

    #storeMobileMenu.mobile-menu {
        position: fixed !important;

        inset: 0 !important;

        z-index: 10002 !important;

        display: block !important;

        width: 100% !important;

        height: 100vh !important;
        height: 100dvh !important;

        margin: 0 !important;

        padding: 0 !important;

        overflow: hidden;

        opacity: 0;

        visibility: hidden;

        pointer-events: none;

        background:
            rgba(248, 244, 239, .985);

        backdrop-filter:
            blur(22px);

        -webkit-backdrop-filter:
            blur(22px);

        transform:
            translateY(-8px);

        transition:
            opacity .22s ease,
            visibility .22s ease,
            transform .22s ease;
    }


    #storeMobileMenu.mobile-menu.is-open {
        opacity: 1 !important;

        visibility: visible !important;

        pointer-events: auto !important;

        transform:
            translateY(0) !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Scroll
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-menu-scroll {
        position: absolute;

        inset: 0;

        overflow-x: hidden;
        overflow-y: auto;

        padding:
            88px
            0
            30px;

        -webkit-overflow-scrolling:
            touch;
    }


    /*
    |--------------------------------------------------------------------------
    | Inner
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-menu-inner {
        display: grid !important;

        width:
            min(
                calc(100% - 28px),
                620px
            );

        margin:
            0 auto;

        gap: 10px;

        padding-bottom: 40px;
    }


    /* ======================================================================
       MOBILE SEARCH
       ====================================================================== */

    #storeMobileMenu
    .mobile-search {
        display: grid !important;

        width: 100%;

        grid-template-columns:
            36px
            minmax(0, 1fr)
            42px;

        align-items: center;

        gap: 7px;

        padding: 6px;

        border:
            1px solid
            #ddd2ca;

        border-radius: 18px;

        background: #ffffff;

        box-shadow:
            0 10px 30px
            rgba(59, 47, 42, .05);
    }


    #storeMobileMenu
    .mobile-search:focus-within {
        border-color: #cda99b;

        box-shadow:
            0 0 0 4px
            rgba(205, 169, 155, .10);
    }


    .mobile-search-icon {
        display: grid;

        width: 36px;
        height: 36px;

        place-items: center;

        color: #806e65;

        border-radius: 50%;

        background: #f1e8e1;
    }


    #storeMobileMenu
    .mobile-search input {
        width: 100%;

        min-width: 0;

        height: 42px;

        padding: 0;

        color: #392d28;

        border: 0;

        outline: none;

        background: transparent;

        font-size: 11px;
    }


    #storeMobileMenu
    .mobile-search input::placeholder {
        color: #a99b94;
    }


    .mobile-search-submit {
        display: grid;

        width: 42px;
        height: 42px;

        place-items: center;

        padding: 0;

        color: #ffffff;

        border: 0;

        border-radius: 50%;

        background: #3b2f2a;

        cursor: pointer;
    }


    /* ======================================================================
       MOBILE LINKS
       ====================================================================== */

    #storeMobileMenu
    .mobile-navigation {
        display: grid;

        gap: 8px;
    }


    #storeMobileMenu
    .mobile-menu-account {
        display: grid;

        gap: 8px;

        margin-top: 3px;

        padding-top: 10px;

        border-top:
            1px solid
            rgba(59, 47, 42, .07);
    }


    #storeMobileMenu
    .mobile-navigation > a,
    #storeMobileMenu
    .mobile-menu-account > a,
    #storeMobileMenu
    .mobile-cart-link {
        display: flex !important;

        width: 100%;

        min-height: 53px;

        align-items: center;

        justify-content: space-between;

        gap: 12px;

        padding:
            0
            17px;

        color: #493b35 !important;

        border:
            1px solid
            rgba(59, 47, 42, .07);

        border-radius: 15px;

        background:
            rgba(255, 255, 255, .91);

        box-shadow:
            0 5px 18px
            rgba(59, 47, 42, .025);

        font-size: 11px;

        font-weight: 600;

        text-decoration: none;

        transition:
            background .15s ease,
            transform .15s ease;
    }


    #storeMobileMenu
    .mobile-navigation > a:active,
    #storeMobileMenu
    .mobile-menu-account > a:active,
    #storeMobileMenu
    .mobile-cart-link:active {
        background: #efe5de;

        transform:
            scale(.985);
    }


    /*
    |--------------------------------------------------------------------------
    | Logout
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-logout-link {
        color: #8e5555 !important;

        background:
            rgba(255, 249, 249, .92) !important;
    }


    /* ======================================================================
       MOBILE CART
       ====================================================================== */

    #storeMobileMenu
    .mobile-cart-link {
        margin-top: 2px;
    }


    #storeMobileMenu
    .mobile-cart-count {
        display: grid;

        min-width: 31px;
        height: 31px;

        place-items: center;

        padding:
            0
            7px;

        color: #ffffff;

        border-radius: 999px;

        background: #3b2f2a;

        font-size: 9px;

        font-weight: 700;
    }


    /* ======================================================================
       LANGUAGE INSIDE MENU
       ====================================================================== */

    #storeMobileMenu
    .mobile-menu-language-block {
        display: grid;

        gap: 9px;

        margin-top: 4px;

        padding-top: 13px;

        border-top:
            1px solid
            rgba(59, 47, 42, .07);
    }


    #storeMobileMenu
    .mobile-language-label {
        color: #9a8a82;

        font-size: 9px;

        font-weight: 700;

        letter-spacing: .08em;

        text-transform: uppercase;
    }


    #storeMobileMenu
    .mobile-language-switcher {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }


    #storeMobileMenu
    .mobile-language-switcher a {
        display: flex;

        min-height: 44px;

        align-items: center;
        justify-content: center;

        padding:
            0
            15px;

        color: #6d5d55;

        border:
            1px solid
            #ddd2ca;

        border-radius: 999px;

        background: #ffffff;

        font-size: 10px;

        font-weight: 700;

        text-decoration: none;
    }


    #storeMobileMenu
    .mobile-language-switcher a.active {
        color: #ffffff;

        border-color: #3b2f2a;

        background: #3b2f2a;
    }

}


/* ==========================================================================
   MOBILE PHONE
   ========================================================================== */

@media (max-width: 600px) {

    .site-header {
        min-height: 68px;
    }


    .nav-row {
        min-height: 68px;

        gap: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Logo
    |--------------------------------------------------------------------------
    */

    .store-logo {
        max-width: 165px;
    }


    .store-logo-mobile {
        max-width: 165px;

        height: 39px;
    }


    .store-logo-text {
        overflow: hidden;

        max-width: 165px;

        font-size: 1.45rem;

        text-overflow: ellipsis;
    }


    /*
    |--------------------------------------------------------------------------
    | Languages
    |--------------------------------------------------------------------------
    */

    .mobile-header-language {
        height: 39px;

        gap: 1px;

        padding:
            0
            7px;
    }


    .mobile-header-language a {
        min-width: 23px;

        height: 26px;

        font-size: 8px;
    }


    /*
    |--------------------------------------------------------------------------
    | Hamburger
    |--------------------------------------------------------------------------
    */

    #storeMenuToggle.menu-toggle {
        width: 42px;
        height: 42px;

        flex-basis: 42px;
    }


    /*
    |--------------------------------------------------------------------------
    | Menu
    |--------------------------------------------------------------------------
    */

    #storeMobileMenu
    .mobile-menu-scroll {
        padding-top: 82px;
    }


    #storeMobileMenu
    .mobile-menu-inner {
        width:
            calc(100% - 22px);
    }

}


/* ==========================================================================
   SMALL PHONE
   ========================================================================== */

@media (max-width: 390px) {

    .store-logo {
        max-width: 135px;
    }


    .store-logo-mobile {
        max-width: 135px;

        height: 36px;
    }


    .store-logo-text {
        max-width: 135px;

        font-size: 1.25rem;
    }


    .mobile-header-actions {
        gap: 6px;
    }


    .mobile-header-language {
        padding:
            0
            5px;
    }


    .mobile-header-language a {
        min-width: 21px;

        font-size: 7.5px;
    }


    #storeMenuToggle.menu-toggle {
        width: 40px;
        height: 40px;

        flex-basis: 40px;
    }

}


/* ==========================================================================
   VERY SMALL PHONE
   ========================================================================== */

@media (max-width: 340px) {

    .store-logo {
        max-width: 110px;
    }


    .store-logo-mobile {
        max-width: 110px;
    }


    .store-logo-text {
        max-width: 110px;

        font-size: 1.1rem;
    }


    .mobile-header-language {
        padding:
            0
            4px;
    }

}
/* ==========================================================================
   VELORA FINAL DESIGN — COMPATIBILITY LAYER V3
   --------------------------------------------------------------------------
   IMPORTANT:
   The complete old STORE.CSS remains above this block.
   This layer changes palette/header/home/footer without deleting any CSS
   used by catalog, product, categories, cart, checkout or account pages.
   ========================================================================== */

:root {
    --velora-v2-bg: #FAF6F1;
    --velora-v2-panel: #FDFAF7;
    --velora-v2-beige: #F0E7DE;
    --velora-v2-line: #E6DCD3;
    --velora-v2-line-2: #E2D6CB;
    --velora-v2-ink: #241A16;
    --velora-v2-ink-2: #3B2E28;
    --velora-v2-muted: #5C4E47;
    --velora-v2-soft: #8A7A70;
    --velora-v2-faint: #A08C82;
    --velora-v2-wine: #66142C;
    --velora-v2-wine-hover: #4F0F22;
    --velora-v2-cream: #FBF6F1;
    --velora-v2-dark: #241A16;

    /* Existing pages automatically inherit the new visual palette. */
    --background: var(--velora-v2-bg);
    --background-soft: var(--velora-v2-panel);
    --foreground: var(--velora-v2-ink);
    --foreground-soft: var(--velora-v2-muted);
    --card: var(--velora-v2-panel);
    --primary: var(--velora-v2-wine);
    --primary-hover: var(--velora-v2-wine-hover);
    --primary-foreground: var(--velora-v2-cream);
    --secondary: var(--velora-v2-beige);
    --secondary-soft: #F6EEE8;
    --muted: #F4ECE5;
    --muted-foreground: var(--velora-v2-soft);
    --accent: #B88A78;
    --accent-soft: #F0D8CE;
    --border: var(--velora-v2-line);
    --border-soft: rgba(36, 26, 22, .07);
}

body {
    color: var(--velora-v2-ink);
    background:
        linear-gradient(
            rgba(250, 246, 241, .965),
            rgba(250, 246, 241, .965)
        ),
        var(--velora-v2-bg);
}

/* --------------------------------------------------------------------------
   GLOBAL HEADER — same design, old functionality/classes preserved
   -------------------------------------------------------------------------- */

.topbar {
    min-height: 28px;
    color: #F1E7E0;
    background: var(--velora-v2-dark);
    border: 0;
}

.topbar-inner {
    min-height: 28px;
    padding-block: 5px;
}

.topbar-inner > span,
.topbar-links a {
    color: #EDE1D9;
    font-size: 11px;
}

.topbar-links {
    gap: 14px;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--velora-v2-line-2);
    background: rgba(240, 231, 222, .97);
    box-shadow: none;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.nav-row {
    min-height: 72px;
    gap: 14px;
}

.store-logo {
    flex: 0 0 auto;
}

.store-logo-image {
    max-height: 58px;
    width: auto;
    object-fit: contain;
}

.store-logo-text {
    color: var(--velora-v2-ink);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 700;
    letter-spacing: .06em;
}

.nav-links {
    gap: 16px;
}

.nav-links a {
    color: var(--velora-v2-ink-2);
    font-size: 13px;
    font-weight: 500;
}

.nav-links a::after {
    background: var(--velora-v2-wine);
}

.searchbar-main {
    width: min(230px, 100%);
    min-height: 36px;
    border: 1px solid #DFD2C7;
    border-radius: 999px;
    background: var(--velora-v2-panel);
    box-shadow: none;
}

.searchbar-main:focus-within {
    border-color: rgba(102, 20, 44, .38);
    box-shadow: 0 0 0 3px rgba(102, 20, 44, .055);
}

.searchbar-main input {
    color: var(--velora-v2-ink);
    font-size: 12px;
}

.search-submit,
.mobile-search-submit {
    color: var(--velora-v2-cream);
    background: var(--velora-v2-wine);
}

.search-submit:hover,
.mobile-search-submit:hover {
    background: var(--velora-v2-wine-hover);
}

.language-switcher,
.mobile-header-language {
    color: var(--velora-v2-soft);
}

.language-switcher a.active,
.mobile-header-language a.active {
    color: var(--velora-v2-ink);
    font-weight: 800;
}

.account-pill,
.cart-pill {
    min-height: 36px;
    border: 1px solid #DFD2C7;
    border-radius: 999px;
    color: var(--velora-v2-ink-2);
    background: var(--velora-v2-panel);
    box-shadow: none;
}

.cart-pill {
    color: var(--velora-v2-cream);
    border-color: var(--velora-v2-wine);
    background: var(--velora-v2-wine);
}

.cart-pill:hover {
    color: #fff;
    background: var(--velora-v2-wine-hover);
}

.cart-pill strong,
.mobile-cart-link strong {
    color: var(--velora-v2-wine);
    background: var(--velora-v2-cream);
}

.menu-toggle {
    color: var(--velora-v2-ink);
    border-color: var(--velora-v2-line-2);
    background: var(--velora-v2-panel);
}

.mobile-menu {
    border-top: 1px solid var(--velora-v2-line-2);
    background: var(--velora-v2-bg);
}

/* --------------------------------------------------------------------------
   HOMEPAGE ONLY — target design is scoped so other pages keep their layout
   -------------------------------------------------------------------------- */

.velora-v2-home {
    --bg: var(--velora-v2-bg);
    --panel: var(--velora-v2-panel);
    --beige: var(--velora-v2-beige);
    --line: var(--velora-v2-line);
    --line2: var(--velora-v2-line-2);
    --ink: var(--velora-v2-ink);
    --ink2: var(--velora-v2-ink-2);
    --muted-v2: var(--velora-v2-muted);
    --soft-v2: var(--velora-v2-soft);
    --faint-v2: var(--velora-v2-faint);
    --wine: var(--velora-v2-wine);
    --cream: var(--velora-v2-cream);
    --dark: var(--velora-v2-dark);
    color: var(--ink);
    background: var(--bg);
}

.velora-v2-home * {
    box-sizing: border-box;
}

.velora-v2-home a {
    text-decoration: none;
}

.velora-v2-home h1,
.velora-v2-home h2,
.velora-v2-home h3 {
    margin: 0;
    color: var(--ink);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
}

.velora-v2-home .mono {
    color: var(--soft-v2);
    font: 11px/1 ui-monospace, Menlo, monospace;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.velora-v2-home .row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.velora-v2-home .btn {
    display: inline-flex;
    min-height: 0;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    border: 1px solid var(--wine);
    border-radius: 6px;
    color: var(--cream);
    background: var(--wine);
    box-shadow: none;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
}

.velora-v2-home .btn:hover {
    color: #fff;
    background: var(--velora-v2-wine-hover);
    transform: translateY(-1px);
}

.velora-v2-home .btn.alt {
    color: var(--ink2);
    border-color: #D6CAC0;
    background: transparent;
}

.velora-v2-home .btn.alt:hover {
    color: var(--wine);
    border-color: rgba(102, 20, 44, .35);
    background: rgba(102, 20, 44, .035);
}

.velora-v2-home .btn:disabled {
    opacity: .48;
    cursor: not-allowed;
    transform: none;
}

/* Hero */

.velora-v2-home .hero {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--line);
    background: var(--bg);
}

.velora-v2-home .hero-txt {
    flex: 1 1 420px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 34px 24px;
}

.velora-v2-home .hero-txt h1 {
    max-width: 18ch;
    font-size: clamp(32px, 4.2vw, 54px);
    line-height: 1.03;
    text-wrap: pretty;
}

.velora-v2-home .hero-txt h1 em {
    color: var(--wine);
    font-style: italic;
}

.velora-v2-home .hero-txt p {
    max-width: 52ch;
    margin: 0;
    color: var(--muted-v2);
    font-size: 14.5px;
    line-height: 1.5;
}

.velora-v2-home .stats {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: auto;
    padding-top: 14px;
    color: var(--muted-v2);
    font-size: 12.5px;
}

.velora-v2-home .stats b {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 18px;
}

.velora-v2-home .hero-img {
    position: relative;
    flex: 1 1 380px;
    display: flex;
    min-height: 330px;
    align-items: flex-end;
    overflow: hidden;
    background:
        center / cover no-repeat,
        repeating-linear-gradient(
            45deg,
            #E3D6CC 0 10px,
            #DBCCC1 10px 20px
        );
    transition: background-image .28s ease;
}

.velora-v2-home .hero-img .scrim {
    position: absolute;
    inset: 0 0 auto;
    height: 76px;
    pointer-events: none;
    background: linear-gradient(rgba(36, 26, 22, .5), transparent);
}

.velora-v2-home .dots {
    position: absolute;
    top: 12px;
    left: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(36, 26, 22, .72);
}

.velora-v2-home .dots i {
    width: 6px;
    height: 6px;
    border-radius: 99px;
    background: rgba(251, 246, 241, .55);
    cursor: pointer;
    transition: width .2s ease, background .2s ease;
}

.velora-v2-home .dots i.on {
    width: 22px;
    background: var(--cream);
}

.velora-v2-home .slide-ctl {
    position: absolute;
    top: 12px;
    right: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.velora-v2-home .count {
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--cream);
    background: rgba(36, 26, 22, .72);
    font: 600 11px/1 ui-monospace, Menlo, monospace;
}

.velora-v2-home .arrow {
    display: flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #ffffff59;
    border-radius: 999px;
    color: var(--cream);
    background: rgba(36, 26, 22, .62);
    font-size: 13px;
    cursor: pointer;
}

.velora-v2-home .arrow.solid {
    color: var(--ink);
    border-color: var(--cream);
    background: var(--cream);
}

.velora-v2-home .hero-cap {
    position: relative;
    width: 100%;
    padding: 60px 20px 18px;
    background:
        linear-gradient(
            to top,
            rgba(36, 26, 22, .88),
            rgba(36, 26, 22, .6) 55%,
            transparent
        );
}

.velora-v2-home .hero-cap .k {
    color: #E8D8CE;
    font: 10px/1 ui-monospace, Menlo, monospace;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.velora-v2-home .hero-cap .t {
    margin-top: 5px;
    color: var(--cream);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 26px;
}

.velora-v2-home .hero-cap a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    color: #F1E7E0;
    font-size: 12px;
}

.velora-v2-home .hero-cap a > span:last-child {
    display: flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff66;
    border-radius: 999px;
}

/* Sections */

.velora-v2-home .sec {
    padding: 26px 24px;
    border-bottom: 1px solid var(--line);
}

.velora-v2-home .sec-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

.velora-v2-home .sec-head h2 {
    margin: 6px 0 2px;
    font-size: 30px;
}

.velora-v2-home .sec-head > a {
    color: var(--wine);
    font-size: 12.5px;
}

.velora-v2-home .sub {
    color: var(--muted-v2);
    font-size: 13px;
}

/* Categories */

.velora-v2-home .grid-cat {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 12px;
}

.velora-v2-home .cat {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
    color: inherit;
}

.velora-v2-home .cat .ph {
    height: 96px;
    overflow: hidden;
    border-radius: 8px;
    background:
        center / cover no-repeat,
        repeating-linear-gradient(
            45deg,
            #E8DCD3 0 8px,
            #E0D2C7 8px 16px
        );
    transition: transform .2s ease, filter .2s ease;
}

.velora-v2-home .cat:hover .ph {
    transform: translateY(-2px);
    filter: saturate(1.03);
}

.velora-v2-home .cat .n {
    color: var(--ink);
    font-size: 13.5px;
}

.velora-v2-home .cat .s {
    overflow: hidden;
    color: var(--soft-v2);
    font-size: 11.5px;
    text-overflow: ellipsis;
}

/* Products */

.velora-v2-home .grid-prod {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 14px;
}

.velora-v2-home .card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel);
    box-shadow: none;
}

.velora-v2-home .card .ph {
    position: relative;
    display: block;
    height: 150px;
    overflow: hidden;
    border-radius: 8px;
    background:
        center / cover no-repeat,
        repeating-linear-gradient(
            45deg,
            #E8DCD3 0 8px,
            #E0D2C7 8px 16px
        );
}

.velora-v2-home .tag {
    position: absolute;
    top: 8px;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 10.5px;
}

.velora-v2-home .tag.l {
    left: 8px;
    color: var(--cream);
    background: var(--wine);
}

.velora-v2-home .tag.r {
    right: 8px;
    color: var(--cream);
    background: rgba(36, 26, 22, .8);
}

.velora-v2-home .price {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.velora-v2-home .price b {
    color: var(--wine);
    font-size: 15px;
}

.velora-v2-home .price s {
    color: var(--faint-v2);
    font-size: 12px;
}

.velora-v2-home .card .acts {
    display: flex;
    gap: 8px;
    margin-top: 2px;
}

.velora-v2-home .card .acts .btn {
    flex: 1;
    padding: 9px 8px;
    text-align: center;
    font-size: 12px;
}

/* Benefits */

.velora-v2-home .why {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    border-bottom: 1px solid var(--line);
}

.velora-v2-home .why > div {
    padding: 20px 24px;
    border-right: 1px solid var(--line);
}

.velora-v2-home .why > div:last-child {
    border-right: 0;
}

.velora-v2-home .why .i {
    color: var(--wine);
    font-size: 16px;
}

.velora-v2-home .why h3 {
    margin: 4px 0 3px;
    font-size: 19px;
}

.velora-v2-home .why p {
    margin: 0;
    color: var(--muted-v2);
    font-size: 12.5px;
    line-height: 1.45;
}

/* Wholesale / About / Contact */

.velora-v2-home .split {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 26px 24px;
    border-bottom: 1px solid var(--line);
}

.velora-v2-home .split.beige {
    border-bottom-color: var(--line2);
    background: var(--beige);
}

.velora-v2-home .split h2 {
    margin: 6px 0;
    font-size: 30px;
}

.velora-v2-home .split p {
    max-width: 50ch;
    margin: 0 0 12px;
    color: var(--muted-v2);
    font-size: 13.5px;
    line-height: 1.5;
}

.velora-v2-home .perks {
    flex: 1 1 300px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    gap: 8px;
    color: var(--ink2);
    font-size: 13px;
}

.velora-v2-home .perks span {
    padding: 9px 12px;
    border: 1px solid rgba(36, 26, 22, .035);
    border-radius: 6px;
    background: var(--panel);
}

.velora-v2-home .about-cols {
    flex: 2 1 420px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
}

.velora-v2-home .about-cols p {
    margin: 0;
    color: var(--ink2);
    font-size: 13px;
    line-height: 1.5;
}

.velora-v2-home .about-cols .k {
    margin-top: 6px;
    color: var(--faint-v2);
    font: 10.5px/1 ui-monospace, Menlo, monospace;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.velora-v2-home .checks {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--ink2);
    font-size: 12.5px;
}

.velora-v2-home .form {
    flex: 1 1 340px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel);
}

.velora-v2-home .form input,
.velora-v2-home .form select,
.velora-v2-home .form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line2);
    border-radius: 6px;
    outline: 0;
    color: var(--ink);
    background: #fff;
    font: 13px "Inter", Arial, sans-serif;
}

.velora-v2-home .form input:focus,
.velora-v2-home .form select:focus,
.velora-v2-home .form textarea:focus {
    border-color: rgba(102, 20, 44, .38);
    box-shadow: 0 0 0 3px rgba(102, 20, 44, .055);
}

.velora-v2-home .form .two {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.velora-v2-home .form .two input {
    flex: 1 1 130px;
}

.velora-v2-home .form textarea {
    resize: vertical;
}

.velora-v2-home .form .note {
    max-width: 38ch;
    color: var(--soft-v2);
    font-size: 11.5px;
}

.velora-v2-home .ticket-alert {
    padding: 9px 11px;
    border-radius: 6px;
    font-size: 11.5px;
}

.velora-v2-home .ticket-error {
    color: #7D3636;
    border: 1px solid #E5CACA;
    background: #FFF0F0;
}

.velora-v2-home .ticket-success {
    color: #41624A;
    border: 1px solid #CFE0D2;
    background: #F0F8F1;
}

/* --------------------------------------------------------------------------
   FOOTER — dark target design; functional markup remains PHP
   -------------------------------------------------------------------------- */

.site-footer-v2.footer {
    display: grid;
    grid-template-columns: minmax(250px, 1.55fr) repeat(3, minmax(145px, 1fr));
    gap: 24px;
    padding: 30px 24px 18px;
    color: #F1E7E0;
    background: var(--velora-v2-dark);
}

.site-footer-v2 a {
    color: #F1E7E0;
}

.site-footer-v2 a:hover {
    color: #fff;
}

.site-footer-v2 .brand {
    min-width: 0;
}

.site-footer-v2 .footer-brand-name {
    margin-bottom: 9px;
    color: var(--velora-v2-cream);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .08em;
}

.site-footer-v2 .brand p {
    max-width: 38ch;
    margin: 0;
    color: #DCCFC7;
    font-size: 12.5px;
    line-height: 1.5;
}

.site-footer-v2 .col {
    min-width: 0;
}

.site-footer-v2 .col .mono {
    margin-bottom: 8px;
    color: #A79389;
}

.site-footer-v2 .col > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12.5px;
}

.site-footer-v2 .footer-location {
    color: #DCCFC7;
}

.site-footer-v2 .base {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-top: 3px;
    padding-top: 14px;
    border-top: 1px solid #3D2E28;
    color: #A79389;
    font-size: 11px;
    text-align: center;
}

.site-footer-v2 .footer-created {
    margin-top: 7px;
}

.site-footer-v2 .footer-created a {
    color: #EEDFD7;
    font-weight: 700;
}

.site-footer-v2 .footer-currency {
    margin-top: 10px;
    color: #917F76;
    font-size: 10px;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
    .nav-row {
        min-height: 66px;
    }

    .store-logo-image {
        max-height: 52px;
    }
}

@media (max-width: 900px) {
    .velora-v2-home .sec,
    .velora-v2-home .split {
        padding: 20px 14px;
    }

    .velora-v2-home .hero-txt {
        padding: 22px 14px;
        gap: 12px;
    }

    .velora-v2-home .hero-img {
        min-height: 240px;
        flex-basis: 100%;
    }

    .velora-v2-home .why > div {
        padding: 16px 14px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .velora-v2-home .perks {
        grid-template-columns: 1fr;
    }

    .site-footer-v2.footer {
        grid-template-columns: 1.35fr repeat(3, 1fr);
        gap: 16px;
        padding: 24px 14px 15px;
    }
}

@media (max-width: 767.98px) {
    .topbar-inner {
        justify-content: center;
        text-align: center;
    }

    .topbar-links {
        display: none;
    }

    .velora-v2-home .sec-head h2,
    .velora-v2-home .split h2 {
        font-size: 26px;
    }

    .velora-v2-home .grid-cat {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .velora-v2-home .grid-prod {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .velora-v2-home .card .ph {
        height: 132px;
    }

    /* Footer stays horizontal on mobile, as requested. */
    .site-footer-v2.footer {
        grid-template-columns: 1.4fr repeat(3, 1fr);
        gap: 10px;
    }

    .site-footer-v2 .footer-brand-name {
        font-size: 14px;
    }

    .site-footer-v2 .brand p,
    .site-footer-v2 .col > div:last-child {
        font-size: 9px;
    }

    .site-footer-v2 .col .mono {
        font-size: 8px;
    }
}

@media (max-width: 520px) {
    .velora-v2-home .grid-cat,
    .velora-v2-home .grid-prod {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .velora-v2-home .card {
        padding: 8px;
    }

    .velora-v2-home .card .ph {
        height: 118px;
    }

    .velora-v2-home .card .acts {
        flex-direction: column;
    }

    .velora-v2-home .hero-txt h1 {
        font-size: 34px;
    }

    .site-footer-v2.footer {
        gap: 7px;
        padding-inline: 10px;
    }

    .site-footer-v2 .footer-brand-name {
        font-size: 11px;
        letter-spacing: .04em;
    }

    .site-footer-v2 .brand p {
        font-size: 8px;
    }

    .site-footer-v2 .col .mono {
        font-size: 7px;
        letter-spacing: .05em;
    }

    .site-footer-v2 .col > div:last-child {
        gap: 5px;
        font-size: 7px;
        overflow-wrap: anywhere;
    }

    .site-footer-v2 .base {
        font-size: 9px;
    }

    .site-footer-v2 .footer-currency {
        font-size: 8px;
    }
}
/* ==========================================================================
   VELORA V4 — PRIMARY VIOLET BUTTONS + MOBILE RO/RU
   Culoare principală: #66142C
   ========================================================================== */

:root {
    --velora-primary-violet: #66142C;
    --velora-primary-violet-hover: #4F0F22;
    --velora-primary-violet-soft: rgba(102, 20, 44, .08);
    --velora-primary-violet-border: rgba(102, 20, 44, .28);
    --velora-primary-violet-text: #FBF6F1;
}

/* --------------------------------------------------------------------------
   TOATE BUTOANELE PRINCIPALE ALE MAGAZINULUI
   -------------------------------------------------------------------------- */

.btn,
.btn-primary,
.btn-secondary,
.store-add-cart-button,
.store-product-add-button,
.store-cart-checkout-button,
.store-account-edit-button,
.store-profile-save-button,
.store-catalog-search button,
.request-form .btn,
.search-submit,
.mobile-search-submit,
.velora-v2-home .btn,
.velora-v2-home .btn.alt {
    color: var(--velora-primary-violet-text) !important;
    border-color: var(--velora-primary-violet) !important;
    background: var(--velora-primary-violet) !important;
    box-shadow:
        0 8px 20px
        rgba(102, 20, 44, .14) !important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.store-add-cart-button:hover,
.store-product-add-button:hover,
.store-cart-checkout-button:hover,
.store-account-edit-button:hover,
.store-profile-save-button:hover,
.store-catalog-search button:hover,
.request-form .btn:hover,
.search-submit:hover,
.mobile-search-submit:hover,
.velora-v2-home .btn:hover,
.velora-v2-home .btn.alt:hover {
    color: #ffffff !important;
    border-color: var(--velora-primary-violet-hover) !important;
    background: var(--velora-primary-violet-hover) !important;
}

/* Link-uri care funcționează vizual ca butoane */
.account-pill,
.cart-pill {
    color: var(--velora-primary-violet-text) !important;
    border-color: var(--velora-primary-violet) !important;
    background: var(--velora-primary-violet) !important;
}

.account-pill:hover,
.cart-pill:hover {
    color: #ffffff !important;
    border-color: var(--velora-primary-violet-hover) !important;
    background: var(--velora-primary-violet-hover) !important;
}

/* Contor coș */
.cart-pill strong,
.mobile-cart-count,
.mobile-cart-link strong {
    color: var(--velora-primary-violet) !important;
    background: var(--velora-primary-violet-text) !important;
}

/* Butoane mici / controale */
.store-product-quantity-button,
.store-cart-item-quantity button,
.store-cart-remove-button,
.menu-toggle,
#storeMenuToggle.menu-toggle,
.velora-v2-home .arrow {
    color: #ffffff !important;
    border-color: var(--velora-primary-violet) !important;
    background: var(--velora-primary-violet) !important;
}

.store-product-quantity-button:hover,
.store-cart-item-quantity button:hover,
.store-cart-remove-button:hover,
.menu-toggle:hover,
#storeMenuToggle.menu-toggle:hover,
.velora-v2-home .arrow:hover {
    color: #ffffff !important;
    border-color: var(--velora-primary-violet-hover) !important;
    background: var(--velora-primary-violet-hover) !important;
}

/* Săgeata "solid" din hero rămâne tot violet */
.velora-v2-home .arrow.solid {
    color: #ffffff !important;
    border-color: var(--velora-primary-violet) !important;
    background: var(--velora-primary-violet) !important;
}

/* Disabled */
.btn:disabled,
button:disabled,
.store-add-cart-button:disabled,
.store-product-add-button:disabled {
    opacity: .48;
    cursor: not-allowed;
    box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   RO / RU PE TELEFON — AMBELE ÎN CULOAREA PRINCIPALĂ
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {

    /* Selectorul din header */
    .mobile-header-language {
        gap: 5px !important;
        padding: 4px !important;
        border-color: var(--velora-primary-violet) !important;
        background: var(--velora-primary-violet-soft) !important;
        box-shadow: none !important;
    }

    .mobile-header-language a {
        min-width: 34px !important;
        height: 32px !important;
        padding: 0 8px !important;

        color: #ffffff !important;
        border: 1px solid var(--velora-primary-violet) !important;
        border-radius: 999px !important;
        background: var(--velora-primary-violet) !important;

        font-weight: 800 !important;
    }

    .mobile-header-language a:hover,
    .mobile-header-language a.active {
        color: #ffffff !important;
        border-color: var(--velora-primary-violet-hover) !important;
        background: var(--velora-primary-violet-hover) !important;
    }

    .mobile-header-language > span {
        color: var(--velora-primary-violet) !important;
        font-weight: 800 !important;
    }

    /* RO / RU din meniul mobil */
    #storeMobileMenu .mobile-language-switcher,
    .mobile-language-switcher {
        gap: 8px !important;
    }

    #storeMobileMenu .mobile-language-switcher a,
    .mobile-language-switcher a {
        color: #ffffff !important;
        border-color: var(--velora-primary-violet) !important;
        background: var(--velora-primary-violet) !important;
        font-weight: 800 !important;
    }

    #storeMobileMenu .mobile-language-switcher a:hover,
    #storeMobileMenu .mobile-language-switcher a.active,
    .mobile-language-switcher a:hover,
    .mobile-language-switcher a.active {
        color: #ffffff !important;
        border-color: var(--velora-primary-violet-hover) !important;
        background: var(--velora-primary-violet-hover) !important;
    }

    /* Coșul din meniul mobil */
    #storeMobileMenu .mobile-cart-link {
        color: #ffffff !important;
        border-color: var(--velora-primary-violet) !important;
        background: var(--velora-primary-violet) !important;
    }

    #storeMobileMenu .mobile-cart-count {
        color: var(--velora-primary-violet) !important;
        background: #ffffff !important;
    }
}

/* --------------------------------------------------------------------------
   FOCUS ACCESSIBIL
   -------------------------------------------------------------------------- */

.btn:focus-visible,
button:focus-visible,
.account-pill:focus-visible,
.cart-pill:focus-visible,
.mobile-header-language a:focus-visible,
.mobile-language-switcher a:focus-visible {
    outline:
        3px solid
        rgba(102, 20, 44, .22) !important;

    outline-offset: 2px;
}

/* ==========================================================================
   VELORA V5 — MOBILE WHITE BUTTON TEXT
   Forțează text alb pe toate butoanele vișinii de pe telefon.
   ========================================================================== */

@media (max-width: 1024px) {

    /* Butoane standard */
    .btn,
    .btn-primary,
    .btn-secondary,
    .store-add-cart-button,
    .store-product-add-button,
    .store-cart-checkout-button,
    .store-account-edit-button,
    .store-profile-save-button,
    .store-catalog-search button,
    .request-form .btn,
    .search-submit,
    .mobile-search-submit,
    .velora-v2-home .btn,
    .velora-v2-home .btn.alt {
        color: #ffffff !important;
    }

    /* Orice text/span/icon din interiorul butoanelor */
    .btn *,
    .btn-primary *,
    .btn-secondary *,
    .store-add-cart-button *,
    .store-product-add-button *,
    .store-cart-checkout-button *,
    .store-account-edit-button *,
    .store-profile-save-button *,
    .store-catalog-search button *,
    .request-form .btn *,
    .search-submit *,
    .mobile-search-submit *,
    .velora-v2-home .btn *,
    .velora-v2-home .btn.alt * {
        color: #ffffff !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }

    /* Account / coș din header */
    .account-pill,
    .account-pill > span,
    .account-pill .account-icon,
    .cart-pill,
    .cart-pill > span {
        color: #ffffff !important;
    }

    /* Păstrăm cifra coșului vișinie pe cerc alb */
    .cart-pill strong {
        color: #66142C !important;
        background: #ffffff !important;
    }

    /* Coș din meniul mobil — problema din captura ta */
    #storeMobileMenu .mobile-cart-link,
    #storeMobileMenu .mobile-cart-link > span,
    #storeMobileMenu .mobile-cart-link span:not(.mobile-cart-count),
    .mobile-cart-link,
    .mobile-cart-link > span,
    .mobile-cart-link span:not(.mobile-cart-count) {
        color: #ffffff !important;
    }

    #storeMobileMenu .mobile-cart-count,
    .mobile-cart-count {
        color: #66142C !important;
        background: #ffffff !important;
    }

    /* RO / RU rămân cu text alb */
    .mobile-header-language a,
    .mobile-header-language a *,
    #storeMobileMenu .mobile-language-switcher a,
    #storeMobileMenu .mobile-language-switcher a *,
    .mobile-language-switcher a,
    .mobile-language-switcher a * {
        color: #ffffff !important;
    }

    /* Butoane cantitate / remove / hamburger */
    .store-product-quantity-button,
    .store-product-quantity-button *,
    .store-cart-item-quantity button,
    .store-cart-item-quantity button *,
    .store-cart-remove-button,
    .store-cart-remove-button *,
    .menu-toggle,
    .menu-toggle *,
    #storeMenuToggle.menu-toggle,
    #storeMenuToggle.menu-toggle *,
    .velora-v2-home .arrow,
    .velora-v2-home .arrow * {
        color: #ffffff !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }

    /* Hover / active rămâne alb */
    .btn:hover,
    .btn:hover *,
    .account-pill:hover,
    .account-pill:hover *,
    .cart-pill:hover > span,
    #storeMobileMenu .mobile-cart-link:hover,
    #storeMobileMenu .mobile-cart-link:hover > span,
    .mobile-header-language a:hover,
    .mobile-header-language a.active,
    .mobile-language-switcher a:hover,
    .mobile-language-switcher a.active {
        color: #ffffff !important;
    }
}

/* ==========================================================================
   VELORA V6 — FLORAL SITE BACKGROUND
   Fundal floral discret pentru site-ul principal.
   Imagine: /assets/img/logo-print.png
   Vizibilitate aproximativă a florilor: 37%
   ========================================================================== */

body {
    background:
        linear-gradient(
            rgba(250, 246, 241, .63),
            rgba(250, 246, 241, .63)
        ),
        url('../img/logo-print.png')
        0 0 / 1400px 1400px
        repeat,
        #FAF6F1 !important;
}

.velora-v2-home {
    background: transparent !important;
}

.velora-v2-home .hero,
.velora-v2-home .sec,
.velora-v2-home .why,
.velora-v2-home .split:not(.beige) {
    background-color: transparent !important;
    background-image: none !important;
}

.velora-v2-home .split.beige {
    background: rgba(240, 231, 222, .92) !important;
}

@media (max-width: 767.98px) {
    body {
        background:
            linear-gradient(
                rgba(250, 246, 241, .67),
                rgba(250, 246, 241, .67)
            ),
            url('../img/logo-print.png')
            center top / 360px 360px
            repeat,
            #FAF6F1 !important;
    }
}