@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI/Segoe UI.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI/Segoe UI Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI/Segoe UI Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI/Segoe UI Bold Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk/SpaceGrotesk-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk/SpaceGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk/SpaceGrotesk-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-inter: 'Inter';
    --font-segoe: 'Segoe UI';
    --font-grotesk: 'Space Grotesk';
    /* --- Base Colors (Solid) --- */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-rich-black: #0a0a0a;
    --color-dark-gray: #050505;
    --color-onyx: #171717;
    --color-charcoal: #1a1a1a;
    --color-jet: #404040;
    --color-stone: #737373;
    --color-stone-dark: #737374;
    --color-silver: #a1a1a1;
    --color-platinum: #e5e5e5;
    --color-green: #00BC7D;
    --color-gray-200: #e5e7eb;
    --color-gray-150: #eaeaeb;
    --color-gray-50: #f9f9f9;
    /* --- Light Backgrounds & Off-Whites --- */
    --color-bg-light: #f4f4f2;
    --color-gray-light-1: #f5f5f5;
    --color-gray-light-2: #f8f8f8;
    --color-gray-light-3: #fafafa;
    --color-gray-light-4: #f9fafb;
    --color-cool-white: #f3f4f6;

    /* --- Blue / Gray / Slate Accents --- */
    --color-slate-dark: #1e2939;
    --color-navy-muted: #364153;
    --color-indigo-dark: #414256;
    --color-slate-medium: #4a5565;
    --color-slate-blue: #6a7282;
    --color-blue-gray: #9596aa;
    --color-lavender-gray: #99a1af;
    --color-periwinkle-gray: #b1b8c7;
    --color-pastel-blue: #d1d5dc;

    /* --- Vibrant Accent Colors --- */
    --color-red-bright: #fb2c36;
    --color-red-dark: #e7000b;
    --color-gold: #d4a017;

    /* --- Translucent / Alpha Colors (Black) --- */
    --color-black-89: rgba(0, 0, 0, 0.89);
    --color-black-60: rgba(0, 0, 0, 0.60);
    --color-black-40: rgba(0, 0, 0, 0.40);
    --color-black-20: rgba(0, 0, 0, 0.20);

    /* --- Translucent / Alpha Colors (Dark Gray #050505) --- */
    --color-dark-gray-50: rgba(5, 5, 5, 0.50);
    --color-dark-gray-10: rgba(5, 5, 5, 0.10);

    /* --- Translucent / Alpha Colors (Charcoal #1A1A1A) --- */
    --color-charcoal-60: rgba(26, 26, 26, 0.60);
    --color-charcoal-50: rgba(26, 26, 26, 0.50);
    --color-charcoal-40: rgba(26, 26, 26, 0.40);

    /* --- Translucent / Alpha Colors (White) --- */
    --color-white-80: rgba(255, 255, 255, 0.80);
    --color-white-70: rgba(255, 255, 255, 0.70);
    --color-white-60: rgba(255, 255, 255, 0.60);
    --color-white-30: rgba(255, 255, 255, 0.30);
    --color-white-20: rgba(255, 255, 255, 0.20);
    --color-white-02: rgba(255, 255, 255, 0.002); /* 0.2% */

    /* --- Translucent / Alpha Colors (Light Gray #F8F8F8) --- */
    --color-light-gray-30: rgba(248, 248, 248, 0.30);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-inter), sans-serif;
}

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

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

.mb-74 {
    margin-bottom: 74px;
}

.section-title-48 {
    font-size: clamp(32px, 5vw, 48px);
}

.header {
    font-family: var(--font-inter), sans-serif;
    z-index: 1000;
}

.header-container {
    max-width: 1920px;
}

.top-bar {
    background-color: var(--color-dark-gray);
    color: var(--color-white);
}

.country-bar {
    background: var(--color-white);
    /*border-bottom: 1px solid var(--color-gray-200);*/
    color: var(--color-dark-gray);
    max-height: 44px;
    overflow: hidden;
    transition: max-height 0.24s ease, opacity 0.18s ease, border-color 0.18s ease;
}

.header.is-scrolled .country-bar {
    max-height: 0;
    opacity: 0;
    /*border-bottom-color: transparent;*/
}

.country-bar-inner {
    min-height: 44px;
}

.country-bar-label {
    color: var(--color-stone);
    font-size: 11px;
    line-height: 150%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.country-selector {
    border: 1px solid var(--color-gray-200);
    background: var(--color-bg-light);
    color: var(--color-dark-gray);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    padding: 6px 12px;
    outline: none;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.country-selector-name {
    color: var(--color-black);
}

.country-selector-action {
    color: var(--color-stone);
    font-size: 10px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.country-selector:hover {
    color: var(--color-black);
    background: var(--color-white);
    border-color: var(--color-black);
    text-decoration: none !important;
}

.language-selector {
    padding: 4px;
}

.language-link {
    color: var(--color-stone);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 9px;
}

.language-link.is-active {
    background: var(--color-black);
    color: var(--color-white);
}

.language-link:hover {
    color: var(--color-black);
}

.language-link.is-active:hover {
    color: var(--color-white);
}

.top-bar p {
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 2px;
}

header .d-grid {
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
}

.navbar {
    border-bottom: 0.8px solid var(--color-gray-light-2);
    background: var(--color-white);
}

.header-logo {
    color: var(--color-dark-gray);
    font-family: var(--font-segoe), sans-serif;
    line-height: 133%;
    letter-spacing: 3.6px;
    font-size: 24px;
}

.navbar-nav .nav-link {
    color: var(--color-dark-gray);
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 1.1px;
    transition: opacity 0.2s ease;
}

.navbar-nav .nav-link:hover, .forgot-password-link:hover, .back-link:hover {
    color: var(--color-black-89) !important;
}

.navbar-nav .nav-link.active {
    color: var(--color-black) !important;
    font-weight: 600;
}

.navbar-nav .nav-link.nav-sale {
    color: var(--color-red-bright) !important;
}

.navbar-nav .nav-link.nav-sale:hover {
    color: var(--color-red-dark) !important;
}

.search-box .form-control {
    width: 256px;
    border: 1px solid var(--color-gray-light-2);
    background: var(--color-light-gray-30);
    padding: 6px 28px 6px 42px;
    color: var(--color-dark-gray-50);
    font-size: 12px;
    line-height: normal;
}

.search-box .form-control::placeholder {
    color: var(--color-silver);
}

.search-box .form-control:focus {
    background-color: var(--color-platinum);
    box-shadow: none;
    color: var(--color-dark-gray);
}


.header-actions .header-icon {
    transition: color 0.2s ease;
}

.header-actions .header-icon:hover svg path {
    stroke: var(--color-black-89);
}

.header-user-initials,
.header-user-avatar {
    width: 24px;
    height: 24px;
}

.header-user-initials {
    border: 1px solid var(--color-dark-gray);
    color: var(--color-dark-gray);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

.header-icon .cart-badge {
    font-size: 9px;
    line-height: 150%;
    background-color: var(--color-dark-gray);
    color: var(--color-white);
    min-width: 16px;
    height: 16px;
    top: -4px;
    right: -4px;
    padding: 2px;
}


.btn-outline-white {
    border: 1px solid var(--color-white);
}

.btn-dark {
    background-color: var(--color-dark-gray);

}

.btn-outline-white, .btn-dark {
    height: 68px;
    padding: 25px 48px;
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 16px;
    letter-spacing: 1.2px;
    width: fit-content;
    color: var(--color-white);
}

.btn-outline-white:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}

.btn-dark:hover {
    background-color: var(--color-black-89);
}

main {
    padding-top: 152px;
}

.country-choose-section {
    padding: 60px 0 70px;
}

.country-choose-header,
.country-region-grid {
    max-width: 1200px;
}

.country-choose-title {
    color: var(--color-dark-gray);
}

.country-region-title {
    color: var(--color-rich-black);
    font-size: 24px;
    font-weight: 600;
    line-height: 125%;
    margin-bottom: 18px;
}

.country-region-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 28px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.country-region-link {
    color: var(--color-dark-gray);
    display: inline-flex;
    font-size: 14px;
    line-height: 142%;
    text-decoration: none;
}

.country-region-link:hover {
    color: var(--color-black);
    text-decoration: underline;
}

.hero-banner {
    aspect-ratio: 2/1;
    padding: 60px;
    /*max-height: calc(100vh - 116px);*/
    max-height: 724px;
}


.brand-logo-link {
    color: var(--color-blue-gray);
    font-family: var(--font-grotesk), sans-serif;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -2.4px;
}
.brand-logo-link:hover{
    color: var(--color-indigo-dark);
}
.brand-slider-section,
.brand-ticker-container {
    max-width: 100%;
    overflow: hidden;
}

.brand-ticker-container .swiper-wrapper {
    transition-timing-function: linear;
}

.brand-ticker-container .swiper-slide {
    width: auto;
}


.secondary-banner {
    aspect-ratio: 87/49;
    max-height: 811px;
}

.secondary-banner .row {
    top: 15%;
}

.secondary-banner h2 {
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: clamp(32px, 5vw, 54px);
}


.promo-tile {
    aspect-ratio: 600/558;
}

.promo-category {
    top: 32px;
    left: 32px;
    padding: 6px 12px;
    /*font-family: var(--font-inter), sans-serif;*/
    color: var(--color-white);
    font-size: 15px;
    background: var(--color-indigo-dark);
}

.promo-overlay {
    height: 65%;
    background: linear-gradient(0, #212121 0%, rgba(135, 135, 135, 0.00) 100%);
    color: var(--color-white);

}


.promo-overlay h4 {
    font-size: clamp(24px, 3vw, 42px);
    font-weight: 800;
    /*font-family: var(--font-inter), sans-serif;*/
}


.promo-overlay h5 {
    font-size: 20px;
    /*font-family: var(--font-inter), sans-serif;*/
}

.promo-overlay p {
    font-size: 16px;
    /*font-family: var(--font-inter), sans-serif;*/
}


.curated-products-section-title span {
    color: var(--color-stone);
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 3.6px;
}


.curated-products-section-title h2 {
    /*font-family: var(--font-inter), sans-serif;*/
    color: var(--color-charcoal);
    line-height: 100%;
}

.curated-products-section-title a {
    /*font-family: var(--font-inter), sans-serif;*/
    color: var(--color-charcoal);
    line-height: 142%;
    font-size: 14px;
}


.product-card {
    border: 1px solid var(--color-cool-white);
    background: var(--color-white);
}

.product-card-content h6 {
    color: var(--color-onyx);
    font-family: var(--font-segoe), sans-serif;
    font-size: 18px;
    line-height: 125%;
}

.product-card-content span {
    color: var(--color-stone);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
    line-height: 142%;
}

.product-card-content .heart-icon, .product-card-content .trash-icon {
    border: 1px solid var(--color-platinum);
    width: 44px;
    height: 44px;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.product-card-content .heart-icon.is-active,
.like-btn.is-active {
    /*border-color: var(--color-black);*/
    /*background-color: var(--color-black) !important;*/
    transform: scale(1.03);
}

.product-card-content .heart-icon.is-active svg path,
.like-btn.is-active svg path {
    stroke: var(--color-black);
    fill: var(--color-black);
}

.product-card img {
    aspect-ratio: 374/192;
    object-fit: contain;
}

.product-tag {
    border: 1px solid var(--color-platinum);
    background: var(--color-white);
    padding: 4px 12px;
    color: var(--color-jet);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 11px;
    line-height: 150%;
    letter-spacing: -0.275px;
}


.product-sale-tag {
    border: 1px solid var(--color-red-bright);
    background: var(--color-red-bright);
    padding: 4px 12px;
    color: var(--color-white);
    font-size: 13px;
}

.product-price-box {
    border-top: 1px solid var(--color-platinum);
}

.price-label {
    color: var(--color-silver);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 0.55px;
}

.retail-price {
    color: var(--color-stone);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 18px;
    /*line-height: 155%;*/
    letter-spacing: -0.9px;
}

.from-price {
    color: var(--color-onyx);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 20px;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: -0.5px;
}

.product-card .product-btn {
    background: var(--color-black);
    padding: 12px;
    color: var(--color-white);
    text-align: center;
    font-size: 14px;
    line-height: 142%;
}

.product-card .product-btn:hover {
    background-color: var(--color-black-89);
}

.wishlist-feedback {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1080;
    min-width: 220px;
    max-width: calc(100vw - 48px);
    padding: 14px 18px;
    border: 1px solid var(--color-gray-200);
    background: var(--color-black);
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 142%;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.wishlist-feedback.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.wishlist-redesign {
    background: linear-gradient(180deg, #fffdf8 0%, var(--color-white) 46%, #f5f2eb 100%);
}

.wishlist-redesign-container {
    padding-bottom: 82px;
    padding-top: 58px;
}

.wishlist-redesign-hero {
    align-items: end;
    border-bottom: 1px solid rgba(10, 10, 10, .12);
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 28px;
    padding-bottom: 30px;
}

.wishlist-redesign .wishlist-main-title {
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(40px, 6vw, 84px);
    font-weight: 600 !important;
    letter-spacing: 0;
    line-height: .9;
}

.wishlist-redesign-eyebrow {
    color: #8a3a24;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
}

.wishlist-redesign-shop-link {
    border: 1px solid #14120f;
    color: #14120f;
    font-size: 12px;
    letter-spacing: 1.6px;
    padding: 14px 22px;
    white-space: nowrap;
}

.wishlist-redesign-shop-link:hover {
    background: #14120f;
    color: var(--color-white);
}

.wishlist-redesign-toolbar {
    background: #14120f;
    color: var(--color-white);
    margin-bottom: 30px;
    padding: 18px 22px;
}

.wishlist-redesign-toolbar-copy span {
    color: rgba(255, 255, 255, .64);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.wishlist-redesign-toolbar-copy p {
    color: var(--color-white);
    font-size: 14px;
}

.wishlist-redesign-meta {
    border: 1px solid rgba(255, 255, 255, .16);
    padding: 6px;
}

.wishlist-redesign-meta span {
    color: rgba(255, 255, 255, .68);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    padding: 8px 12px;
    text-transform: uppercase;
}

.wishlist-redesign-grid .product-card {
    background: rgba(255, 255, 255, .78);
    border-color: rgba(10, 10, 10, .12);
    padding: 0 !important;
}

.wishlist-redesign-grid .product-card-content {
    border-bottom: 1px solid rgba(10, 10, 10, .1);
    padding: 22px 22px 18px;
}

.wishlist-redesign-grid .product-card-content h6 {
    font-family: var(--font-grotesk), sans-serif;
    font-size: 20px;
    letter-spacing: 0;
}

.wishlist-redesign-grid .product-card-content .trash-icon {
    background: #fffdf8 !important;
    border-color: rgba(10, 10, 10, .16);
    flex: 0 0 42px;
    height: 42px;
    width: 42px;
}

.wishlist-redesign-grid .product-card-image {
    background: #f4f1ea;
    margin: 18px 22px 0;
    min-height: 270px;
    padding: 20px;
}

.wishlist-redesign-grid .product-card img {
    aspect-ratio: auto;
    max-height: 230px;
}

.wishlist-redesign-grid .product-card > .d-flex.gap-2 {
    padding: 0 22px;
}

.wishlist-redesign-grid .product-price-box {
    border-top: 1px solid rgba(10, 10, 10, .1);
    margin: 0 22px;
    padding-top: 18px !important;
}

.wishlist-redesign-grid .product-card .product-btn {
    background: #14120f;
    border-radius: 0 !important;
    letter-spacing: 1.2px;
    margin-top: 0;
    text-transform: uppercase;
}

.wishlist-empty-state {
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(10, 10, 10, .12);
    padding: 48px;
}

.wishlist-empty-state h3 {
    color: var(--color-rich-black);
    font-family: var(--font-grotesk), sans-serif;
    font-size: 30px;
}

.wishlist-empty-state p {
    color: var(--color-slate-medium);
    font-size: 14px;
}

.bestseller-banner {
    aspect-ratio: 2/1;
    padding: 80px;
}

.best-seller-section h2 {
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
}

.best-seller-card > div {
    aspect-ratio: 412/604;
}

.best-seller-card img {
    object-fit: cover;
}

.best-seller-card h4 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(24px, 5vw, 40px);
    font-weight: 800;
}


.features-section, .tech-details, .similar-section, footer {
    padding: 80px 0;
}

.features-section .container, .container-checkout {
    max-width: 1200px;
    padding: 60px 0 70px;
}

.features-card-icon {
    width: 80px;
    height: 80px;
    border: 1px solid var(--color-dark-gray-10);
}

.features-card span {
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 2px;
}


.summer-drop-banner {
    aspect-ratio: 211/131;
}

.summer-drop-banner div {
    top: 12%;
}


.summer-drop-banner div span {
    color: var(--color-gold);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 5.5px;
}

.summer-drop-banner div h2 {
    color: var(--color-white);
}

.summer-drop-banner div h2, .trendin-section-info h2 {
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: clamp(48px, 5vw, 72px);
    line-height: 100%;
}

.btn-outline-flat-white {
    padding: 16px 32px;
    gap: 16px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    height: 50px;
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    letter-spacing: 1.2px;
    width: fit-content;
    color: var(--color-white);
}

.btn-outline-flat-white:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}

.btn-outline-flat-white:hover svg path {
    stroke: var(--color-black);
}

.trendin-now-section {
    padding: 74px 0;
}


.trendin-section-info span {
    color: var(--color-charcoal-40);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 3px;
}

.trendin-section-info h2 {
    color: var(--color-charcoal);
}

.trendin-section-info p {
    color: var(--color-charcoal-60);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 16px;
    line-height: 162.5%;
}

.trendin-prooduct-info img {
    max-width: 320px;
    object-fit: cover;
}

.trendin-prooduct-info h6 {
    color: var(--color-charcoal);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 20px;
    line-height: 140%;
}

.trendin-prooduct-info span {
    color: var(--color-charcoal-50);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1.2px;
}


.trendin-prooduct-info p {
    color: var(--color-charcoal);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 16px;
    line-height: 150%;
}

footer {
    background-color: var(--color-dark-gray);
}

.footer-logo {
    color: var(--color-white);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 3px;
}

.footer-description, .technical-partner-description {
    color: var(--color-white);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
    line-height: 162.5%;
}

footer h5 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 2.4px;
}

.footer-links a, .footer-contacts span, .footer-contacts a {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: 16px;
    line-height: 125%;
    text-decoration: none;
}

.footer-bottom {
    margin-top: 80px;
    padding-top: 32px;
    border-top: 1px solid var(--color-white);
}

.footer-bottom a, .footer-bottom .all-right {
    color: var(--color-white);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    line-height: 125%;
    letter-spacing: 1px;
}

.footer-country-link {
    border: 1px solid currentColor;
    padding: 8px 12px;
}

.footer-country-link.is-active {
    background: var(--color-white);
    color: var(--color-black);
}


/* Home redesign */
.home-luxury {
    background: #f6f5f1;
    color: #111111;
    overflow: hidden;
}

.home-luxury .container-lg {
    max-width: 1320px;
}

.home-atelier-hero {
    min-height: min(760px, calc(100svh - 152px));
    color: var(--color-white);
}

.home-hero-media,
.home-hero-shade {
    position: absolute;
    inset: 0;
}

.home-hero-media {
    background-position: center;
    background-size: cover;
    transform: scale(1.02);
}

.home-hero-shade {
    background:
        linear-gradient(90deg, rgba(5, 5, 5, .78) 0%, rgba(5, 5, 5, .38) 42%, rgba(5, 5, 5, .08) 100%),
        linear-gradient(0deg, rgba(5, 5, 5, .86) 0%, rgba(5, 5, 5, 0) 42%);
}

.home-hero-content {
    min-height: min(760px, calc(100svh - 152px));
    padding: 64px 0 28px;
}

.home-hero-copy {
    max-width: 780px;
    padding-bottom: 54px;
}

.home-kicker {
    color: #8a6f2a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.2px;
    line-height: 150%;
}

.home-atelier-hero .home-kicker,
.home-runway-banner .home-kicker {
    color: #d5b45d;
}

.home-hero-title {
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(46px, 6vw, 92px);
    font-weight: 700;
    line-height: .95;
    max-width: 980px;
}

.home-hero-text {
    color: rgba(255, 255, 255, .78);
    font-size: clamp(16px, 1.6vw, 21px);
    line-height: 160%;
    max-width: 620px;
}

.home-btn {
    align-items: center;
    border: 1px solid currentColor;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    letter-spacing: 1.8px;
    min-height: 52px;
    padding: 16px 26px;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.home-btn-light {
    background: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}

.home-btn-light:hover,
.home-btn-dark:hover {
    background: #8a1230;
    border-color: #8a1230;
    color: var(--color-white);
}

.home-btn-ghost {
    color: var(--color-white);
}

.home-btn-ghost:hover {
    background: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}

.home-btn-dark {
    background: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white);
}

.home-hero-quicklinks {
    border-top: 1px solid rgba(255, 255, 255, .22);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-hero-quicklinks a {
    border-right: 1px solid rgba(255, 255, 255, .18);
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    letter-spacing: 1.4px;
    min-height: 110px;
    padding: 24px;
    text-transform: uppercase;
}

.home-hero-quicklinks a:last-child {
    border-right: 0;
}

.home-hero-quicklinks span {
    color: rgba(255, 255, 255, .45);
    font-size: 11px;
}

.home-section-title {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 700;
    line-height: 105%;
}

.home-section-heading {
    min-width: 0;
}

.home-text-link,
.home-arrow-link {
    color: #111111;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.home-text-link:hover,
.home-arrow-link:hover {
    color: #8a1230;
}

.home-editorial-tile {
    background-position: center;
    background-size: cover;
    color: var(--color-white);
    min-height: 640px;
    padding: 42px;
    position: relative;
}

.home-editorial-tile::before {
    background: linear-gradient(0deg, rgba(5, 5, 5, .78) 0%, rgba(5, 5, 5, .12) 64%);
    content: "";
    inset: 0;
    position: absolute;
}

.home-editorial-tile > * {
    position: relative;
}

.home-editorial-tile h2 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(36px, 5vw, 70px);
    line-height: 100%;
    max-width: 720px;
}

.home-tile-label {
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 700;
    left: 42px;
    letter-spacing: 3px;
    position: absolute;
    top: 38px;
}

.home-editorial-tile .home-arrow-link {
    color: var(--color-white);
}

.home-discovery-panel,
.home-brand-room,
.home-vendor-room {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, .08);
    padding: 42px;
}

.home-discovery-panel p,
.home-campaign-copy p,
.home-feature-product p {
    color: rgba(17, 17, 17, .62);
    font-size: 16px;
    line-height: 170%;
}

.home-discovery-links {
    border-top: 1px solid rgba(17, 17, 17, .1);
    padding-top: 18px;
}

.home-discovery-links a,
.home-vendor-row {
    color: #111111;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
    padding: 16px 0;
    text-transform: uppercase;
}

.home-discovery-links a + a,
.home-vendor-row + .home-vendor-row {
    border-top: 1px solid rgba(17, 17, 17, .08);
}

.home-promo-container {
    padding: 0 24px;
}

.home-promo-tile {
    background-position: center;
    background-size: cover;
    min-height: 520px;
}

.home-promo-badge {
    background: #123c32;
    color: var(--color-white);
}

.home-promo-overlay {
    background: linear-gradient(0deg, rgba(5, 5, 5, .84) 0%, rgba(5, 5, 5, 0) 100%);
    color: var(--color-white);
    min-height: 58%;
}

.home-promo-overlay h3 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(28px, 4vw, 52px);
    line-height: 105%;
}

.home-promo-overlay p {
    color: rgba(255, 255, 255, .74);
    font-size: 16px;
    line-height: 155%;
}

.home-products-section .product-card {
    border-color: rgba(17, 17, 17, .08);
    box-shadow: 0 24px 60px rgba(17, 17, 17, .04);
}

.home-products-section .product-card-image {
    align-items: center;
    background: #f2f0ea;
    display: flex;
    min-height: 250px;
}

.home-runway-banner {
    background-position: center;
    background-size: cover;
    color: var(--color-white);
    min-height: 620px;
    padding: 70px 0;
    position: relative;
}

.home-runway-banner::before {
    background: linear-gradient(90deg, rgba(5, 5, 5, .78), rgba(5, 5, 5, .14));
    content: "";
    inset: 0;
    position: absolute;
}

.home-runway-banner .container-lg {
    position: relative;
}

.home-runway-banner h2 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(42px, 6vw, 82px);
    line-height: 95%;
    max-width: 720px;
}

.home-brand-cloud {
    gap: 10px;
}

.home-brand-cloud a {
    border: 1px solid rgba(17, 17, 17, .14);
    color: #111111;
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(20px, 3vw, 34px);
    font-weight: 700;
    line-height: 100%;
    padding: 14px 16px;
}

.home-brand-cloud a:hover {
    background: #111111;
    color: var(--color-white);
}

.home-vendor-row small {
    color: rgba(17, 17, 17, .44);
    font-size: 11px;
    letter-spacing: 1.4px;
    white-space: nowrap;
}

.home-campaign-layout {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, .08);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    min-height: 560px;
}

.home-campaign-image {
    background-position: center;
    background-size: cover;
    min-height: 560px;
}

.home-campaign-copy {
    align-self: center;
    padding: 56px;
}

.home-focus-card {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, .08);
    color: #111111;
    grid-template-columns: minmax(0, 1fr) 280px;
    min-height: 430px;
}

.home-focus-image {
    background: #f2f0ea;
    padding: 42px;
}

.home-focus-image img {
    max-height: 340px;
    max-width: 100%;
    object-fit: contain;
}

.home-focus-info {
    align-self: end;
    padding: 34px;
}

.home-focus-info span {
    color: rgba(17, 17, 17, .48);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.home-focus-info h3 {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: 32px;
    line-height: 110%;
}

.home-focus-info p {
    color: #8a1230;
    font-size: 22px;
    font-weight: 900;
}

.home-service-section {
    background: #111111;
    padding: 70px 0;
}

.home-service-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.home-service-item {
    background: #191919;
    color: var(--color-white);
    min-height: 190px;
    padding: 28px 18px;
    text-align: center;
}

.home-service-icon {
    align-items: center;
    background: #ffffff;
    border-radius: 50%;
    display: inline-flex;
    height: 68px;
    justify-content: center;
    width: 68px;
}

.home-service-item span {
    display: block;
    font-size: 13px;
    letter-spacing: 1.6px;
    line-height: 150%;
}


/* SCOTIMO home direction */
.oc-home {
    background: #f4f3ef;
}

.oc-home .container-lg {
    max-width: 1320px;
}

.oc-eyebrow,
.oc-card-kicker {
    color: #9a7627;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.4px;
    line-height: 150%;
}

.oc-hero {
    min-height: 760px;
    isolation: isolate;
}

.oc-hero-type {
    bottom: 42px;
    color: rgba(255, 255, 255, .12);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(72px, 13vw, 210px);
    font-weight: 800;
    left: 44px;
    line-height: .78;
    pointer-events: none;
    z-index: -1;
}

.oc-hero-copy {
    bottom: 58px;
    color: var(--color-white);
    left: 60px;
    max-width: 680px;
}

.oc-hero-copy h1 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(46px, 6vw, 88px);
    font-weight: 800;
    line-height: .95;
}

.oc-hero-copy p {
    color: rgba(255, 255, 255, .78);
    font-size: 18px;
    line-height: 165%;
    max-width: 540px;
}

.oc-entry-link {
    background: #111111;
    border-right: 1px solid rgba(255, 255, 255, .12);
    color: var(--color-white);
    font-size: clamp(18px, 2vw, 28px);
    font-weight: 800;
    letter-spacing: 1.6px;
    min-height: 128px;
    padding: 26px;
}

.oc-entry-link:hover {
    background: #8a1230;
    color: var(--color-white);
}

.oc-entry-link span {
    color: rgba(255, 255, 255, .45);
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

.oc-secondary .row {
    top: 18%;
}

.oc-secondary h2 {
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(42px, 6vw, 76px);
    line-height: .98;
}

.oc-section-head h2 {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    line-height: 100%;
}

.oc-line-link {
    border-bottom: 1px solid currentColor;
    color: #111111;
    font-size: 12px;
    letter-spacing: 1.6px;
    padding-bottom: 6px;
}

.oc-line-link:hover {
    color: #8a1230;
}

.oc-promo-tile {
    min-height: 560px;
}

.oc-promo-tile .promo-category {
    background: #111111;
    letter-spacing: 1.4px;
}

.oc-promo-tile .promo-overlay h4 {
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(30px, 4vw, 56px);
    line-height: 98%;
}

.oc-atelier-grid {
    background: #111111;
    color: var(--color-white);
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr);
    min-height: 620px;
}

.oc-atelier-image {
    background-position: center;
    background-size: cover;
    min-height: 620px;
}

.oc-atelier-copy {
    align-self: center;
    padding: 64px;
}

.oc-atelier-copy h2 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(40px, 5vw, 72px);
    line-height: 100%;
}

.oc-atelier-copy p {
    color: rgba(255, 255, 255, .68);
    font-size: 17px;
    line-height: 170%;
}

.oc-outline-dark {
    border: 1px solid rgba(255, 255, 255, .42);
    color: var(--color-white);
    height: 68px;
    padding: 25px 48px;
    width: fit-content;
}

.oc-outline-dark:hover {
    background: var(--color-white);
    color: var(--color-black);
}

.oc-products-rail .product-card {
    border-color: rgba(17, 17, 17, .08);
    box-shadow: 0 22px 50px rgba(17, 17, 17, .045);
}

.oc-products-rail .product-card-image {
    background: #ebe8df;
    display: flex;
    min-height: 250px;
}

.oc-bestseller-banner {
    min-height: 680px;
    position: relative;
}

.oc-banner-caption {
    bottom: 78px;
    color: var(--color-white);
    left: 60px;
    max-width: 700px;
}

.oc-banner-caption h2 {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(42px, 6vw, 82px);
    line-height: 95%;
}

.oc-brand-floor .best-seller-card > div {
    min-height: 560px;
}

.oc-brand-floor .best-seller-card > div::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .08) 64%);
    content: "";
    inset: 0;
    position: absolute;
}

.oc-brand-floor .best-seller-card > div > div {
    position: relative;
}

.oc-vendor-section {
    background: #e7e0d3;
    padding: 86px 0;
}

.oc-vendor-head {
    max-width: 820px;
}

.oc-vendor-head h2 {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(42px, 6vw, 78px);
    line-height: 98%;
}

.oc-vendor-list {
    margin-top: 54px;
}

.oc-vendor-item {
    border-top: 1px solid rgba(17, 17, 17, .18);
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(26px, 4vw, 54px);
    font-weight: 800;
    line-height: 105%;
    padding: 28px 0;
}

.oc-vendor-item:last-child {
    border-bottom: 1px solid rgba(17, 17, 17, .18);
}

.oc-vendor-item small {
    color: rgba(17, 17, 17, .52);
    font-family: var(--font-inter), sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    white-space: nowrap;
}

.oc-features-section {
    background: #f4f3ef;
}

.oc-summer-drop {
    min-height: 620px;
}

.oc-summer-drop div h2 {
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(52px, 6vw, 92px);
}

.oc-trending-section {
    background: #ffffff;
}

.oc-trending-section .container-lg {
    margin-bottom: 0 !important;
}

.oc-trending-section .trendin-prooduct-info {
    background: #ebe8df;
    padding: 56px 24px;
}


/* Vendor storefront */
.vendor-store-hero {
    color: var(--color-white);
    min-height: 690px;
    padding: 84px 0 64px;
}

.vendor-breadcrumb .breadcrumb-item,
.vendor-breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, .66);
}

.vendor-breadcrumb .breadcrumb-item.active {
    color: var(--color-white);
}

.vendor-hero-grid {
    align-items: end;
    display: grid;
    gap: 48px;
    grid-template-columns: minmax(0, 1fr) 360px;
}

.vendor-eyebrow {
    color: #d7b65d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 3.4px;
    line-height: 150%;
}

.vendor-title {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(58px, 8vw, 124px);
    font-weight: 800;
    line-height: .9;
    max-width: 960px;
}

.vendor-description {
    color: rgba(255, 255, 255, .78);
    font-size: clamp(16px, 1.6vw, 21px);
    line-height: 165%;
    max-width: 660px;
}

.vendor-identity-panel {
    background: rgba(255, 255, 255, .94);
    color: #111111;
    padding: 28px;
}

.vendor-logo-mark {
    background: #f2f0ea;
    min-height: 160px;
}

.vendor-logo-mark img {
    max-height: 112px;
    max-width: 260px;
    object-fit: contain;
}

.vendor-logo-mark span {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: 86px;
    font-weight: 800;
    line-height: 1;
}

.vendor-meta-list {
    display: grid;
    gap: 0;
}

.vendor-meta-list > div {
    border-top: 1px solid rgba(17, 17, 17, .12);
    padding: 15px 0;
}

.vendor-meta-list span,
.vendor-meta-list a {
    color: rgba(17, 17, 17, .54);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.vendor-meta-list strong {
    color: #111111;
    font-size: 14px;
    font-weight: 900;
}

.vendor-store-nav {
    background: #111111;
    padding: 18px 0;
}

.vendor-store-nav-inner {
    min-height: 48px;
}

.vendor-pill {
    border: 1px solid rgba(255, 255, 255, .22);
    color: var(--color-white);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
    padding: 12px 16px;
}

.vendor-pill:hover {
    background: var(--color-white);
    color: #111111;
}

.vendor-pill.is-active {
    background: var(--color-white);
    color: #111111;
}

.vendor-pill-muted {
    color: rgba(255, 255, 255, .62);
}

.vendor-featured-section,
.vendor-products-section {
    background: #f4f3ef;
    padding: 84px 0 0;
}

.vendor-products-section {
    padding-bottom: 96px;
}

.vendor-section-head h2 {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(38px, 5vw, 70px);
    line-height: 100%;
}

.vendor-line-link,
.vendor-count {
    color: #111111;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.vendor-line-link {
    border-bottom: 1px solid currentColor;
    padding-bottom: 6px;
}

.vendor-line-link:hover {
    color: #8a1230;
}

.vendor-feature-tile {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, .08);
    color: #111111;
    min-height: 560px;
}

.vendor-feature-image {
    background: #ebe8df;
    flex: 1;
    min-height: 360px;
    padding: 40px;
}

.vendor-feature-image img {
    max-height: 320px;
    max-width: 100%;
    object-fit: contain;
}

.vendor-feature-caption {
    padding: 28px;
}

.vendor-feature-caption span {
    color: rgba(17, 17, 17, .46);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.vendor-feature-caption h3 {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: 30px;
    line-height: 110%;
}

.vendor-feature-caption p {
    color: #8a1230;
    font-size: 20px;
    font-weight: 900;
}

.vendor-products-section .product-card {
    border-color: rgba(17, 17, 17, .08);
    box-shadow: 0 22px 50px rgba(17, 17, 17, .045);
}

.vendor-products-section .product-card-image {
    align-items: center;
    background: #ebe8df;
    display: flex;
    min-height: 250px;
}

.vendor-empty {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, .08);
    padding: 72px 24px;
}

.vendor-empty h3 {
    color: #111111;
    font-family: var(--font-segoe), sans-serif;
    font-size: 34px;
}

.vendor-empty p {
    color: rgba(17, 17, 17, .58);
}



.heart {
    display: inline-block;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-white);
    height: 10px;
    width: 10px;
    transform: rotate(-45deg);
    animation-name: beat;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.heart:after {
    background-color: var(--color-white);
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 5px;
}

.heart:before {
    background-color: var(--color-white);
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 10px;
    height: 10px;
    top: -5px;
    left: 0;
}

@keyframes beat {
    0% {
        transform: scale(1) rotate(-45deg);
    }
    50% {
        transform: scale(0.6) rotate(-45deg);
    }
}


.shop-top-banner {
    min-height: 800px;
    /*max-height: calc(100vh - 116px);*/
    background-color: var(--color-dark-gray-10);
}

.banner-sub {
    color: var(--color-white-70);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 4.8px;
}

.banner-title {
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: clamp(48px, 5vw, 96px);
    line-height: 90%;
    letter-spacing: -2.4px;
}

.banner-desc {
    color: var(--color-white-80);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 20px;
    font-weight: 300;
    line-height: 140%;
}

.btn-white {
    height: 68px;
    padding: 25px 48px;
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.2px;
    width: fit-content;
    background-color: var(--color-white);
    color: var(--color-dark-gray);
}

.btn-white:hover {
    background-color: var(--color-dark-gray);
    color: var(--color-white);
}

.banner-badges {
    position: absolute;
    bottom: 32px;
    right: 5%;
    gap: 48px;
}

.badge-item {
    border-left: 0.8px solid var(--color-white-20);
}

.badge-label {
    color: var(--color-white);
    opacity: 0.5;
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 1px;
}

.badge-value {
    color: var(--color-white);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
    line-height: 142%;
    letter-spacing: 0.35px;
}

.shop-container, .single-page-banner-container {
    max-width: 1704px;
    padding: 80px 12px;
}

.breadcrumb-item a {
    color: var(--color-dark-gray);
}

.breadcrumb-item {
    opacity: 0.4;
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 1px;
}

.filter-section {
    max-width: 312px;
    border-right: 1px solid var(--color-cool-white);
}

.filter-section h5 {
    color: var(--color-dark-gray);
    font-family: var(--font-segoe), sans-serif;
    font-size: 16px;
    letter-spacing: 2.8px;
}

.reset-btn {
    opacity: 0.5;
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
    letter-spacing: 1px;
}

.filter-btn {
    color: var(--color-dark-gray);
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 1.2px;
}

.filter-close-btn {
    line-height: 1;
    top: -36px;
    right: -12px;
}

body.filter-open {
    overflow: hidden;
}

.filter-title {
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 1.2px;
}
.filter-sale-title{
    color: var(--color-red-bright);
}

.filter-box {
    border-bottom: 0.8px solid var(--color-gray-light-2);
}


.form-check-input {
    width: 20px;
    height: 20px;
    border: 1.25px solid var(--color-black-40);
    border-radius: 5px !important;
    background-color: var(--color-white);
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
}

.form-check-input:hover {
    border-color: var(--color-black-89);
}

.form-check-input:checked, .form-check-input:focus {
    background-image: none !important;
    border-color: var(--color-black-89);
    background-color: var(--color-white);
    box-shadow: none;
}

.form-check-input:checked::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background-color: var(--color-black);
    border-radius: 1px;
}

.form-check-label {
    padding-left: 12px;
    cursor: pointer;
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
    line-height: 139%;
}


.price-range-wrapper {
    position: relative;
    height: 18px;
}

.price-range-wrapper input[type="range"] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    pointer-events: none;
    margin: 0;
    top: 6px;
}

.price-range-wrapper input[type="range"]::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: auto;
    cursor: pointer;
    border: 1px solid var(--color-white);
    background-color: var(--color-dark-gray);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.price-range-wrapper input[type="range"]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    border: none;
    border-radius: 50%;
    background: var(--color-black);
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.slider-track {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: var(--color-gray-light-2);
    top: 6px;
    z-index: -2;
}

.slider-track-highlight {
    position: absolute;
    height: 4px;
    background-color: var(--color-dark-gray);
    top: 6px;
    z-index: -1;
}

.price-labels {
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    line-height: 133%;
}

.products-count {
    color: var(--color-black-40);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 0.55px;
}

.sort-by, .sort-select {
    color: var(--color-dark-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 11px;
    line-height: 150%;
    letter-spacing: 1.1px;
}

.sort-select {
    font-weight: 300;
    opacity: 0.6;
}

.btn-view-more, .login-redirect-btn, .support-btn, .register-redirect-btn, .edit-profile-btn, .btn-download-invoice, .btn-continue-shopping, .btn-apply-promo {
    padding: 12px 24px;
    color: var(--color-dark-gray);
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1.2px;
    background-color: transparent;
    border: 1px solid var(--color-black);
}

.btn-view-more:hover, .login-redirect-btn:hover, .support-btn:hover, .register-redirect-btn:hover,
.edit-profile-btn:hover, .btn-download-invoice:hover, .btn-continue-shopping:hover, .btn-apply-promo:hover {
    background: var(--color-dark-gray);
    color: var(--color-white);
}

.shop-pagination .pagination {
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.shop-pagination .page-item .page-link {
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid var(--color-gray-200);
    border-radius: 0;
    color: var(--color-dark-gray);
    background: var(--color-white);
    font-size: 13px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: none;
}

.shop-pagination .page-item:not(.disabled) .page-link:hover,
.shop-pagination .page-item.active .page-link {
    border-color: var(--color-dark-gray);
    background: var(--color-dark-gray);
    color: var(--color-white);
}

.shop-pagination .page-item.disabled .page-link {
    color: var(--color-black-40);
    background: var(--color-white);
    opacity: 0.55;
}

.shop-pagination .page-link:focus {
    border-color: var(--color-dark-gray);
    box-shadow: none;
}


.shop-bottom-banner {
    min-height: 620px;
}

.banner-bottom-sub {
    color: var(--color-white-60);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 3px;
}

.banner-bottom-title {
    color: var(--color-white);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: clamp(28px, 5vw, 58px);
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.16px;
}

.banner-bottom-desc {
    color: var(--color-white-60);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 13px;
    font-weight: 300;
    line-height: 170%;
    letter-spacing: 0.52px;
}


.product-gallery-carousel {
    gap: 16px;
    padding-right: 40px;
}

.product-thumbs-swiper {
    height: 720px;
    width: 96px;
}

.product-gallery-thumb {
    background: #F6F6F6;
    cursor: pointer;
    height: 112px !important;
    opacity: .55;
    overflow: hidden;
    transition: opacity .2s ease, border-color .2s ease;
    width: 96px;
}

.product-gallery-thumb.swiper-slide-thumb-active {
    border: 1px solid var(--color-black) !important;
    opacity: 1;
}

.product-gallery-thumb img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.product-main-swiper {
    background: #F6F6F6;
    height: 720px;
    overflow: hidden;
    position: relative;
}

.product-gallery-main-slide {
    height: 100%;
}

.product-zoom-link,
.product-zoom-stage {
    display: block;
    height: 100%;
    width: 100%;
}

.product-zoom-link {
    cursor: zoom-in;
    overflow: hidden;
}

.product-zoom-stage {
    position: relative;
}

.product-zoom-stage img {
    height: 100%;
    object-fit: contain;
    transform-origin: center center;
    transition: transform .18s ease;
    width: 100%;
}

.product-zoom-link.is-zooming img {
    transform: scale(2.15);
}

.product-gallery-nav {
    background: rgba(255, 255, 255, .86);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    height: 42px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    z-index: 4;
}

.product-gallery-prev {
    left: 18px;
}

.product-gallery-next {
    right: 18px;
}

.product-gallery-nav span {
    border-color: var(--color-black);
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    display: block;
    height: 10px;
    width: 10px;
}

.product-gallery-prev span {
    transform: rotate(135deg);
}

.product-gallery-next span {
    transform: rotate(-45deg);
}

.product-mobile-swiper .swiper-slide{
    aspect-ratio: 760 / 389;
}

.product-mobile-swiper .swiper-pagination{
    align-items: center;
    bottom: 32px;
    display: flex;
    height: 2px;
    justify-content: center;
    left: 50%;
    margin: 0;
    max-width: 215px;
    padding: 0 16px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
}

.product-mobile-swiper .swiper-pagination-bullet{
    height: 100%;
    flex: 1 0;
    background-color: var(--color-black);
    opacity: .25;
}

.product-mobile-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}




.product-secondary-info{
    width: 63.5%;
}
.product-main-info {
    padding: 40px;
    width: 36.5%;
}

.product-sku {
    color: var(--color-rich-black);
    /*font-family: var(--font-inter), sans-serif;*/
}

.product-model-name {
    color: var(--color-lavender-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 20px;
    line-height: 140%;
}

.share-btn, .like-btn {
    border: 1px solid var(--color-platinum);
    width: 44px;
    height: 44px;
    cursor: pointer;
}

.rating-box {
    gap: 6px;
}

.rating-stars {
    gap: 2px;
}

.rating-value, .shipping-status {
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    line-height: 150%;
}

.rating-value {
    color: var(--color-jet);
}

.rating-value span {
    color: var(--color-silver);
}

.divider {
    width: 1px;
    height: 12px;
    background-color: var(--color-platinum);
}

.stock-badge {
    width: 6px;
    height: 6px;
    background: var(--color-green);
    margin-right: 6px;
}

.shipping-status {
    color: var(--color-stone);
}

.product-description {
    color: var(--color-stone);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 13.5px;
    line-height: 175%;
    letter-spacing: 0.27px;
}

.product-price {
    color: var(--color-rich-black);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: clamp(24px, 5vw, 40px);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.product-retail-price {
    color: var(--color-gray-200);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: clamp(20px, 5vw, 24px);
    line-height: 133%;
    margin-left: 12px;
}

.tax-info {
    color: var(--color-lavender-gray);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    line-height: 133%;
}

.shipping-info-box {
    border: 1px solid var(--color-gray-150);
    background: var(--color-gray-50);
}

.shipping-info-box svg {
    margin-right: 12px;
}

.shipping-info-box h6 {
    color: var(--color-jet);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 16px;
}

.shipping-info-box span {
    color: var(--color-silver);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
}

.product-form-box {
    border-top: 1px solid var(--color-gray-light-1);
    margin-bottom: 40px;
}

.product-form-label {
    color: var(--color-slate-blue);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
}

.product-color-radio-box {
    gap: 12px;
}

.product-color-radio-input {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    opacity: 0;
}

.product-color-radio-label {
    color: var(--color-black);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
    letter-spacing: 2px;
    border: 1px solid var(--color-gray-200);
    padding: 12px 24px;
    min-width: 198px;
    cursor: pointer;
}

.product-color-radio-label span, .form-radio-input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1px solid var(--color-black);
    transition: all 0.15s ease-in-out;
    border-radius: 50%;
    position: relative;
}

.product-color-radio-input:checked + .product-color-radio-label {
    border-color: var(--color-black);
}

.product-color-radio-input:checked + .product-color-radio-label span::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background-color: var(--color-black);
    border-radius: 50%;
}


.quantity-selector {
    border: 1px solid var(--color-platinum);
    overflow: hidden;
    background: transparent;
    height: 66px;
}

.qty-btn {
    width: 66px;
    height: 100%;
    cursor: pointer;
    color: var(--color-black);
    transition: background-color 0.2s ease;
}

.qty-btn:hover {
    background-color: var(--color-gray-light-4);
}

.qty-input {
    min-width: 66px;
    height: 100%;
    /*font-family: var(--font-inter), sans-serif;*/
    color: var(--color-black);
    font-size: 16px;
    outline: none;
    border-style: solid;
    border-color: var(--color-platinum);
    border-width: 0 1px 0 1px;
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty-input {
    -moz-appearance: textfield;
}


.product-features {
    border-top: 1px solid var(--color-gray-light-1);
    padding-top: 40px;
}

.product-features-title, .product-features-subtitle {
    text-align: center;
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 12px;
}

.product-features-title {
    color: var(--color-jet);
    margin-top: 12px;
}

.product-features-subtitle {
    color: var(--color-silver);
    margin-top: 6px;
}


.tech-details {
    max-width: 740px;
    margin: 0 auto;
    /*font-family: var(--font-inter), sans-serif;*/
}


.tech-details-main-title, .auth-main-title, .dashboard-content-title, .cart-main-title, .wishlist-main-title {
    color: var(--color-rich-black);
    font-size: clamp(24px, 5vw, 36px);
    line-height: 111%;
    letter-spacing: -0.9px;
}

.tech-details-size-guide {
    color: var(--color-white);
    font-size: 12px;
    letter-spacing: 2px;
    padding: 12px 24px;
    background-color: var(--color-black);
}

.tech-details-section-title, .account-card h3 {
    color: var(--color-rich-black);
    font-size: 20px;
    letter-spacing: 2px;
}

.tech-details-section {
    border-bottom: 1px solid var(--color-cool-white);
    padding-bottom: 40px;
    margin: 0 80px 40px 0;
}

.tech-details-section-last {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.tech-details-grid, .frame-measurement-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}


.tech-details-label, .tech-details-policy-desc, .frame-measurement-label {
    color: var(--color-lavender-gray);
    font-size: 12px;
}

.tech-details-value, .tech-details-policy-title, .frame-measurement-value {
    color: var(--color-rich-black);
    font-size: 14px;
}

.tech-details-text {
    color: var(--color-slate-medium);
    font-size: 14px;
    line-height: 135%;
}

.single-page-banner {
    min-height: 700px;
}

.single-page-banner-container {
    min-height: inherit;
}

.single-page-banner-container h2 {
    margin-bottom: 32px;
    letter-spacing: normal;
}

.single-page-banner-container p {
    color: var(--color-lavender-gray);
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 3.6px;
}

.similar-section-container {
    max-width: 1784px;
}


.similar-section-container span {
    color: var(--color-silver);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 10px;
    line-height: 150%;
    letter-spacing: 2.2px;
}

.similar-section-container h2 {
    font-size: clamp(20px, 5vw, 32px);
    color: var(--color-rich-black);
    /*font-family: var(--font-inter), sans-serif;*/
    line-height: 150%;
}

.similar-section-container a {
    color: var(--color-charcoal);
    /*font-family: var(--font-inter), sans-serif;*/
    font-size: 14px;
    line-height: 142%;
    letter-spacing: 1.4px;
}


.product-main-info {
    position: -webkit-sticky;
    position: sticky;
    top: 116px;
    max-height: fit-content;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.product-main-info::-webkit-scrollbar {
    display: none;
}


.size-guide-offcanvas {
    max-width: 415px !important;
}

.size-guide-offcanvas .offcanvas-body {
    gap: 32px;
    padding-top: 32px;
}

.recommended-fit-box {
    padding: 40px;
    gap: 12px;
    border: 1px solid var(--color-stone-dark);
    color: var(--color-rich-black);
    /*font-family: var(--font-inter), sans-serif;*/
}

.recommended-fit-title {
    font-size: 16px;
    background-color: var(--color-white);
}

.recommended-fit-box div {
    font-size: clamp(20px, 5vw, 32px);
}

.recommended-fit-box span {
    font-size: 14px;
}


.frame-measurement-item {
    height: 68px;
    align-self: stretch;
    aspect-ratio: 183.50/68;
}

.frame-measurement-item img {
    object-fit: contain;
}

.face-shape-card {
    border: 1px solid var(--color-stone-dark);
}


/* Redesigned product detail */
.product-detail-page {
    background: #f7f4ef;
}

.product-detail-breadcrumb {
    border-bottom: 1px solid rgba(10, 10, 10, .08);
    background: rgba(247, 244, 239, .92);
}

.product-detail-breadcrumb .breadcrumb {
    padding: 14px 0;
    font-size: 11px;
    letter-spacing: 1.6px;
}

.product-detail-breadcrumb a,
.product-detail-breadcrumb .active {
    color: var(--color-rich-black);
}

.product-detail-container {
    max-width: 1760px;
    padding-left: 32px;
    padding-right: 32px;
}

.product-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(420px, .82fr);
    gap: 28px;
    padding: 28px 0 64px;
}

.product-detail-layout .product-secondary-info,
.product-detail-layout .product-main-info {
    width: 100%;
}

.product-editorial-strip {
    background: #12110f;
    color: var(--color-white);
    min-height: 116px;
    padding: 28px 32px;
}

.product-editorial-strip h2 {
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(30px, 4vw, 64px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: .94;
}

.product-kicker {
    color: var(--color-stone);
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2.4px;
    line-height: 150%;
    margin-bottom: 10px;
}

.product-editorial-strip .product-kicker,
.product-editorial-meta span {
    color: rgba(255, 255, 255, .56);
}

.product-editorial-meta strong {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
}

.product-detail-layout .product-gallery-carousel {
    background: #e8e2d8;
    gap: 0;
    padding: 0;
}

.product-detail-layout .product-thumbs-swiper {
    background: #151412;
    height: 760px;
    padding: 16px 12px;
    width: 116px;
}

.product-detail-layout .product-gallery-thumb {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .08) !important;
    height: 112px !important;
    opacity: .5;
    width: 92px;
}

.product-detail-layout .product-gallery-thumb.swiper-slide-thumb-active {
    border-color: var(--color-white) !important;
    opacity: 1;
}

.product-detail-layout .product-gallery-thumb img,
.product-detail-layout .product-zoom-stage img {
    object-fit: cover;
}

.product-detail-layout .product-main-swiper {
    background: #e7dfd2;
    height: 760px;
}

.product-detail-layout .product-gallery-main-slide {
    position: relative;
}

.product-detail-layout .product-gallery-main-slide::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, .16));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}

.product-detail-layout .product-gallery-nav {
    background: rgba(18, 17, 15, .86);
    box-shadow: none;
}

.product-detail-layout .product-gallery-nav span {
    border-color: var(--color-white);
}

.product-image-placeholder {
    background: #e7dfd2;
    color: var(--color-stone);
    height: 100%;
    min-height: 420px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.product-story-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 1px;
    margin-top: 1px;
}

.product-story-panel {
    background: #fffdf8;
    padding: 34px;
}

.product-story-panel p {
    color: var(--color-slate-medium);
    font-size: 16px;
    line-height: 175%;
}

.product-story-tags {
    gap: 10px;
}

.product-story-tags span {
    border: 1px solid rgba(10, 10, 10, .12);
    color: var(--color-rich-black);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.4px;
    padding: 10px 14px;
    text-transform: uppercase;
}

.product-purchase-panel {
    background: #fffdf8;
    border: 1px solid rgba(10, 10, 10, .08);
    padding: 34px;
}

.product-detail-layout .product-main-info {
    padding: 0;
    position: sticky;
    top: 116px;
}

.product-detail-layout .product-sku {
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 500;
    letter-spacing: 0;
    line-height: .98;
}

.product-detail-layout .product-model-name {
    color: var(--color-stone);
    font-size: 14px;
    letter-spacing: 1.6px;
    line-height: 150%;
    text-transform: uppercase;
}

.product-detail-layout .share-btn,
.product-detail-layout .like-btn {
    background: var(--color-white) !important;
    border: 1px solid rgba(10, 10, 10, .12);
    border-radius: 50%;
    height: 46px;
    transition: background-color .2s ease, border-color .2s ease;
    width: 46px;
}

.product-detail-layout .share-btn:hover,
.product-detail-layout .like-btn:hover,
.product-detail-layout .like-btn.is-active {
    background: #12110f !important;
    border-color: #12110f;
}

.product-detail-layout .share-btn:hover svg path,
.product-detail-layout .like-btn:hover svg path,
.product-detail-layout .like-btn.is-active svg path {
    stroke: var(--color-white);
}

.product-purchase-meta {
    border-bottom: 1px solid rgba(10, 10, 10, .08);
    border-top: 1px solid rgba(10, 10, 10, .08);
    color: var(--color-stone);
    gap: 8px 14px;
    margin: 24px 0;
    padding: 16px 0;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.product-purchase-meta > span:not(:last-child)::after {
    color: rgba(10, 10, 10, .22);
    content: "/";
    margin-left: 14px;
}

.product-detail-layout .product-vendor-link {
    color: inherit;
    display: inline-flex;
    position: relative;
}

.product-detail-layout .product-vendor-link::after {
    background: currentColor;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .2s ease;
    width: 100%;
}

.product-detail-layout .product-vendor-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.product-detail-layout .shipping-status {
    color: var(--color-rich-black);
    font-size: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.product-price-block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 22px;
}

.product-detail-layout .product-price {
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(34px, 5vw, 48px);
    line-height: 100%;
}

.product-detail-layout .product-retail-price {
    color: var(--color-stone);
    font-size: 18px;
    margin-left: 0;
}

.product-sale-tag {
    background: #a8372a;
    color: var(--color-white);
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.4px;
    padding: 7px 10px;
}

.product-detail-layout .product-description {
    color: var(--color-slate-medium);
    font-size: 14px;
    line-height: 175%;
    margin-bottom: 26px;
}

.product-detail-layout .product-form-box {
    border-top: 0;
    margin-bottom: 0;
    padding-top: 0 !important;
}

.product-option-group {
    border-top: 1px solid rgba(10, 10, 10, .08);
    padding: 22px 0;
}

.product-option-group:first-child {
    border-top: 0;
    padding-top: 0;
}

.product-form-label {
    color: var(--color-rich-black);
    font-size: 12px;
    letter-spacing: 2px;
}

.product-option-hint,
.product-size-guide-link {
    color: var(--color-stone);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;
}

.product-size-guide-link:hover {
    color: var(--color-rich-black);
}

.product-detail-layout .product-color-radio-box {
    gap: 8px;
}

.product-detail-layout .product-color-radio-label {
    background: var(--color-white);
    border: 1px solid rgba(10, 10, 10, .14);
    font-size: 11px;
    justify-content: flex-start !important;
    letter-spacing: 1.4px;
    min-height: 48px;
    min-width: 0;
    padding: 12px 16px;
}

.product-detail-layout .product-size-radio-label {
    justify-content: center !important;
    min-width: 58px;
}

.product-detail-layout .product-color-radio-input:checked + .product-color-radio-label {
    background: #12110f;
    border-color: #12110f;
    color: var(--color-white);
}

.product-detail-layout .product-color-radio-label span {
    border-color: currentColor;
}

.product-detail-layout .product-color-radio-input:checked + .product-color-radio-label span::before {
    background: currentColor;
}

.product-quantity-row {
    padding-bottom: 0;
}

.product-detail-layout .quantity-selector {
    background: var(--color-white);
    border-color: rgba(10, 10, 10, .14);
    height: 58px;
}

.product-detail-layout .qty-btn {
    width: 58px;
}

.product-detail-layout .qty-input {
    border-color: rgba(10, 10, 10, .14);
    min-width: 58px;
}

.product-detail-layout .btn-dark {
    background: #12110f;
    min-height: 58px;
    padding: 0 24px;
}

.product-detail-layout .btn-dark:hover {
    background: #2b2925;
}

.product-detail-layout .product-features {
    border-top: 1px solid rgba(10, 10, 10, .08);
    display: grid;
    gap: 18px;
    margin-top: 28px;
    padding-top: 26px;
}

.product-detail-layout .product-features-item {
    gap: 12px;
    text-align: left;
}

.product-feature-icon {
    background: #12110f;
    border-radius: 50%;
    flex: 0 0 9px;
    height: 9px;
    margin-top: 7px;
    width: 9px;
}

.product-detail-layout .product-features-title,
.product-detail-layout .product-features-subtitle {
    display: block;
    text-align: left;
}

.product-detail-layout .product-features-title {
    color: var(--color-rich-black);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-top: 0;
    text-transform: uppercase;
}

.product-detail-layout .product-features-subtitle {
    color: var(--color-stone);
    font-size: 12px;
    line-height: 150%;
    margin-top: 3px;
}

.product-detail-accordion {
    background: #fffdf8;
    margin: 1px 0 0;
    max-width: 100%;
    padding: 42px 34px;
}

.product-detail-accordion .tech-details-header {
    margin-bottom: 34px;
}

.product-detail-accordion .tech-details-main-title {
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(28px, 3vw, 44px);
    letter-spacing: 0;
}

.product-detail-accordion .tech-details-size-guide {
    background: #12110f;
    padding: 13px 22px;
}

.product-detail-accordion .tech-details-section {
    border-bottom: 1px solid rgba(10, 10, 10, .1);
    margin: 0;
    padding: 24px 0;
}

.product-detail-accordion .tech-details-section-last {
    border-bottom: 0;
}

.product-detail-accordion .tech-details-section-title {
    font-size: 15px;
    letter-spacing: 1.6px;
}

.product-detail-accordion .tech-details-section-title button svg {
    transition: transform .2s ease;
}

.product-detail-accordion .tech-details-section-title button:not(.collapsed) svg {
    transform: rotate(180deg);
}

.product-detail-accordion .tech-details-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.product-detail-accordion .tech-details-label {
    color: var(--color-stone);
    letter-spacing: 1.4px;
}

.product-detail-accordion .tech-details-value {
    color: var(--color-rich-black);
    font-size: 14px;
    line-height: 150%;
    margin-top: 6px;
}

.product-measurement-grid {
    display: grid;
    gap: 28px;
    grid-template-columns: 1fr 1fr;
}

.product-measurement-label {
    color: var(--color-lavender-gray);
    font-size: 12px;
}

.product-measurement-value {
    color: var(--color-rich-black);
    font-size: 14px;
}

.product-partner-card {
    border: 1px solid var(--color-stone-dark);
}

.product-outlet-banner {
    min-height: 560px;
}

.product-outlet-banner .single-page-banner-container {
    padding-bottom: 72px;
}

.product-outlet-banner .banner-title,
.product-outlet-banner p {
    color: var(--color-white);
}

.product-outlet-banner p {
    max-width: 520px;
}


/* Luxury header redesign */
.luxury-header {
    background: rgba(255, 253, 248, .96);
    border-bottom: 1px solid rgba(10, 10, 10, .12);
    backdrop-filter: blur(18px);
}

.luxury-navbar {
    background: transparent;
    border-bottom: 0;
    min-height: 86px;
    padding: 0;
}

.luxury-header-grid {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 86px;
}

.luxury-nav-block {
    min-width: 0;
}

.luxury-nav {
    align-items: center;
    gap: clamp(18px, 2vw, 34px);
}

.luxury-nav .nav-item {
    padding: 0;
}

.luxury-nav .nav-link {
    color: #14120f;
    font-size: 11px;
    letter-spacing: 2.2px;
    line-height: 1;
    padding: 4px 0;
    position: relative;
}

.luxury-nav .nav-link::after {
    background: currentColor;
    bottom: -9px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .25s ease;
    width: 100%;
}

.luxury-nav .nav-link:hover::after,
.luxury-nav .nav-link.active::after {
    transform: scaleX(1);
    transform-origin: left;
}

.luxury-nav .nav-link.nav-sale {
    color: #8f281f !important;
}

.luxury-header .header-logo {
    color: #14120f;
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 500 !important;
    letter-spacing: 5.2px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.luxury-actions {
    gap: 12px;
}

.luxury-search .form-control {
    background: transparent;
    border-color: rgba(10, 10, 10, .16);
    border-radius: 0 !important;
    color: #14120f;
    height: 38px;
    letter-spacing: 1.2px;
    width: 188px;
}

.luxury-search .form-control:focus {
    background: rgba(255, 255, 255, .65);
    border-color: #14120f;
}

.luxury-language-selector {
    background: transparent;
    border: 1px solid rgba(10, 10, 10, .16);
    padding: 3px;
}

.luxury-language-selector .language-link {
    color: #6d675d;
    font-size: 10px;
    letter-spacing: 1.4px;
    min-width: 32px;
    padding: 6px 8px;
    text-align: center;
}

.luxury-language-selector .language-link.is-active {
    background: #14120f;
    color: var(--color-white);
}

.luxury-header .header-icon {
    border: 1px solid transparent;
    color: #14120f;
    height: 38px;
    width: 38px;
}

.luxury-header .header-icon:hover {
    border-color: rgba(10, 10, 10, .16);
}

.luxury-header .header-icon svg {
    height: 19px;
    width: 19px;
}

.luxury-header .cart-badge {
    background: #14120f;
    color: var(--color-white);
    right: -2px;
    top: -3px;
}

.luxury-toggler {
    height: 38px;
    padding: 0;
    position: relative;
    width: 38px;
}

.luxury-toggler span {
    background: #14120f;
    display: block;
    height: 1px;
    margin: 6px auto;
    width: 22px;
}

main {
    padding-top: 86px;
}


/*sign-in, register, forgot password*/
.register-section, .sign-section, .forgot-password-section {
    /*font-family: var(--font-inter), sans-serif;*/
    padding: 32px 0 80px;
}

.auth-card {
    max-width: 448px;
    padding: 40px;
    border: 1px solid var(--color-gray-200);
}

.auth-main-title, .dashboard-content-title {
    letter-spacing: normal;
}

.auth-main-desc, .auth-instruction-list li, .dashboard-content-desc, .product-detail-variant, .product-detail-qty, .summary-label, .cart-items-count, .wishlist-items-count  {
    color: var(--color-slate-medium);
    font-size: 14px;
    line-height: 142%;
}

.auth-label {
    color: var(--color-navy-muted);
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1.2px;
}

.auth-input, .checkout-input {
    height: 46px;
    padding: 12px 16px;
    border: 1px solid var(--color-pastel-blue);
    color: var(--color-slate-medium);
    font-size: 14px;
}

.auth-input::placeholder, .checkout-input::placeholder {
    color: rgba(10, 10, 10, 0.50);
}

.auth-input:focus {
    border-color: var(--color-black);
    box-shadow: none;
    outline: none;
}

.iti {
    width: 100%;
}

.iti .auth-input,
.iti .checkout-input {
    width: 100%;
}

.auth-card .form-check-label {
    color: var(--color-slate-medium);
}

.auth-card .form-check-label a {
    color: var(--color-black);
}

.auth-submit-btn, .btn-continue-checkout {
    padding: 16px 40px;
    color: var(--color-white);
    background-color: var(--color-black);
    font-size: 14px;
    letter-spacing: 2px;
}

.auth-submit-btn:hover, .btn-checkout:hover, .btn-continue-checkout:hover {
    background-color: var(--color-black-89);
}

.login-redirect-btn, .support-btn, .register-redirect-btn {
    width: fit-content;
    padding: 12px 40px;
}

.auth-divider {
    max-width: 448px;
}

.auth-divider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-gray-200);
    z-index: 1;
}

.auth-divider-text {
    position: relative;
    z-index: 2;
    color: var(--color-slate-blue);
    font-size: 12px;
    line-height: 133%;
    background-color: var(--color-white);
}

.auth-secondary-title {
    color: var(--color-rich-black);
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.5px;
}

.forgot-password-link, .back-link {
    color: var(--color-black);
    font-size: 14px;
    line-height: 142%;
}

.auth-instruction-title {
    color: var(--color-rich-black);
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1.2px;
}

.auth-instruction-list, .auth-instruction-list li {
    padding-left: 12px;
}


/*account*/


.my-account-layout {
    background: var(--color-bg-light);
    min-height: 100vh;
}

.account-sidebar-component {
    width: 312px;
    padding: 40px 24px 40px 40px;
    border-right: 1px solid var(--color-cool-white);
    background: var(--color-white);
    /*font-family: var(--font-inter), sans-serif;*/
}

.account-sidebar-component h2 {
    color: var(--color-dark-gray);
    font-family: var(--font-segoe), sans-serif;
    font-size: 16px;
    letter-spacing: 2.8px;
}

.account-sidebar-component .account-nav {
    gap: 12px
}

.account-sidebar-component .account-nav .nav-link {
    color: var(--color-onyx);
    font-size: 16px;
    padding: 12px 16px;
    gap: 12px
}

.account-sidebar-component .account-nav .nav-link.active {
    background: var(--color-bg-light);
}


.dashboard-content {
    padding: 40px 60px 32px;
}

.account-card {
    padding: 40px;
    border: 1px solid var(--color-gray-200);
    background: var(--color-white);
}

.profile-avatar-wrapper {
    width: 200px;
    height: 200px;
    background: var(--color-bg-light);
    color: var(--color-rich-black);
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-avatar-initials {
    font-size: clamp(28px, 5vw, 58px);
    line-height: 1;
}

.personal-info-list {
    gap: 28px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.personal-info-label {
    color: var(--color-lavender-gray);
    font-size: 14px;
}

.personal-info-value {
    color: var(--color-rich-black);
    font-size: 16px;
}

.address-badge {
    padding: 6px 12px;
    background: var(--color-indigo-dark);
    color: var(--color-white);
    font-family: var(--font-segoe), sans-serif;
    font-size: 15px;
}

.address, .phone-number {
    color: var(--color-rich-black);
    font-size: 16px;
    /*font-family: var(--font-inter), sans-serif;*/
}

.address-map-placeholder {
    height: 200px;
    flex: 1 0 0;
}

.add-address-btn {
    padding: 12px 24px;
    background-color: transparent;
    border: 1px solid var(--color-pastel-blue);
    color: var(--color-dark-gray);
    font-size: 12px;
    line-height: 133%;
    letter-spacing: 1.2px;
}

.add-address-btn:hover {
    background: var(--color-pastel-blue);
}

.profile-account-page {
    background: #eef2f6;
}

.profile-account-page .dashboard-content {
    width: 100%;
    padding: 34px 44px 40px;
}

.profile-command-center {
    display: grid;
    gap: 16px;
}

.profile-hero-panel {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid #d9e0ea;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(21, 31, 45, 0.94), rgba(63, 79, 98, 0.9)),
        url('../images/home/stock_luxuryfashion01.webp') center/cover;
    color: var(--color-white);
}

.profile-hero-panel::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.34);
}

.profile-identity-block {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.profile-account-page .profile-avatar-wrapper {
    width: 116px;
    height: 116px;
    flex: 0 0 116px;
    border: 2px solid rgba(255, 255, 255, 0.72);
    border-radius: 8px;
    background: #f5f7fb;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

.profile-account-page .profile-avatar-initials {
    color: #17202e;
    font-family: var(--font-grotesk), var(--font-inter), sans-serif;
    font-size: 44px;
}

.profile-eyebrow {
    color: #708095;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.profile-hero-panel .profile-eyebrow,
.profile-hero-panel .dashboard-content-desc {
    color: rgba(255, 255, 255, 0.72);
}

.profile-hero-panel .dashboard-content-title {
    color: var(--color-white);
    font-family: var(--font-grotesk), var(--font-inter), sans-serif;
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.05;
}

.profile-hero-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.profile-account-page .edit-profile-btn,
.profile-account-page .add-address-btn,
.profile-account-page .auth-submit-btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.profile-account-page .edit-profile-btn {
    border: 1px solid #cfd7e3;
    background: #ffffff;
    color: #1d2634;
}

.profile-hero-panel .edit-profile-btn {
    border-color: rgba(255, 255, 255, 0.44);
    background: rgba(255, 255, 255, 0.12);
    color: var(--color-white);
}

.profile-account-page .edit-profile-btn:hover,
.profile-account-page .add-address-btn:hover {
    transform: translateY(-1px);
    border-color: #151f2d;
    background: #151f2d;
    color: var(--color-white);
}

.profile-command-center .personal-info-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.profile-info-tile {
    min-height: 104px;
    padding: 18px;
    border: 1px solid #dce3ec;
    border-radius: 8px;
    background: #ffffff;
}

.profile-account-page .personal-info-label {
    color: #7b8797;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.profile-account-page .personal-info-value {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    color: #151f2d;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
}

.profile-account-page .account-card {
    border: 1px solid #dce3ec;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(31, 45, 61, 0.06);
}

.profile-edit-panel {
    padding: 28px;
}

.profile-edit-panel form + form {
    margin-top: 26px;
    padding-top: 26px;
    border-top: 1px solid #e2e7ef;
}

.profile-section-card {
    padding: 30px;
}

.profile-section-header h3 {
    color: #151f2d;
    font-family: var(--font-grotesk), var(--font-inter), sans-serif;
    font-size: 22px;
    line-height: 1.2;
}

.profile-account-page .auth-label {
    color: #536072;
    font-size: 11px;
    letter-spacing: 1.2px;
}

.profile-account-page .auth-input {
    height: 50px;
    border: 1px solid #d7dde8;
    border-radius: 6px;
    background: #fbfcfe;
    color: #17202e;
}

.profile-account-page textarea.auth-input {
    min-height: 110px;
}

.profile-account-page .auth-input:focus {
    border-color: #151f2d;
    box-shadow: 0 0 0 3px rgba(21, 31, 45, 0.08);
    outline: 0;
}

.profile-account-page .auth-submit-btn {
    background: #151f2d;
    color: var(--color-white);
}

.profile-account-page .auth-submit-btn:hover {
    background: #314056;
}

.address-list {
    gap: 12px !important;
}

.profile-account-page .address-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border: 1px solid #e0e6ee;
    border-radius: 8px;
    background: #f8fafc;
}

.address-item-content {
    min-width: 0;
}

.address-item-action {
    flex: 0 0 auto;
}

.profile-account-page .address-badge {
    border-radius: 999px;
    background: #dce6f6;
    color: #263852;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.1px;
}

.profile-account-page .address,
.profile-account-page .phone-number {
    color: #202632;
    line-height: 1.5;
}

.profile-account-page .phone-number {
    color: #667386;
}

.profile-account-page .add-address-btn {
    border-color: #cfd7e3;
    border-style: dashed;
    border-radius: 6px;
    color: #1d2634;
}

.profile-account-page .add-address-btn path {
    stroke: currentColor;
}

.profile-nested-form {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e2e7ef;
}


.cursor-pointer {
    cursor: pointer;
}

/* Кастомизация списка заказов слева */
.order-item-card {
    padding: 12px 20px;
    border-bottom: 1px solid var(--color-gray-200);
    background: var(--color-white);
    transition: background-color 0.2s ease;
}

.order-item-card:hover, .order-item-card.active {
    background: var(--color-bg-light);
}

.order-item-img-wrapper {
    width: 140px;
    height: 100px;
}

.order-item-id {
    color: var(--color-onyx);
    font-size: 16px;
}

.order-item-meta-date, .single-order-date, .step-date {
    color: var(--color-stone);
    font-size: 14px;
    line-height: 142%;
}

.order-item-meta-item {
    color: var(--color-stone);
    font-size: 12px;
}

.order-item-card .badge, .single-order-card .badge {
    color: var(--color-black);
    font-family: var(--font-segoe);
    font-size: 14px;
}

.badge-delivered {
    background: #C0DEA5;
}

.badge-shipped {
    background: #E7F0F9;
}

.badge-processing {
    background: #FBECC9;
}

.order-item-price {
    color: var(--color-stone);
    font-size: 16px;
}


.progress-timeline-wrapper {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.progress-timeline-wrapper > .d-flex
{
    min-width: 770px;
    width: 770px;
}

.progress-timeline-wrapper::-webkit-scrollbar {
    display: none;
}


.progress-line-track {
    position: absolute;
    top: 20px;
    left: 40px;
    right: 40px;
    height: 1px;
    background-color: #1B1B1B;
    z-index: 1;
    width: 690px;

}

.step-indicator {
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-dark-gray-10);
    transition: all 0.2s ease;
    background-color: var(--color-white);
}


.step-title {
    color: var(--color-dark-gray);
    font-size: 14px;
    letter-spacing: 2px;
}

.order-detail-product-card, .cart-item-card {
    border: 1px solid var(--color-gray-200);
}

.order-promo-summary {
    border: 1px solid var(--color-gray-200);
    padding: 16px;
    background: var(--color-gray-50);
}

.product-detail-img {
    width: 128px;
    height: 128px;
}

.product-detail-name {
    color: var(--color-rich-black);
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.45px;
}

.product-detail-price, .total-label, .total-value {
    color: var(--color-rich-black);
    font-size: 18px;
    line-height: 155%;
}

.btn-download-invoice {
    color: var(--color-rich-black);
}

.orders-account-page {
    background: #eef2f6;
}

.orders-account-page .dashboard-content {
    width: 100%;
    padding: 34px 44px 40px;
}

.orders-command-center {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    border: 1px solid #d9e0ea;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(20, 29, 42, 0.95), rgba(52, 66, 84, 0.9)),
        url('../images/home/young-handsome-man-choosing-clothes-shop_1303-19720.webp') center/cover;
    color: var(--color-white);
}

.orders-command-center .dashboard-content-title {
    color: var(--color-white);
    font-family: var(--font-grotesk), var(--font-inter), sans-serif;
    font-size: clamp(32px, 4vw, 56px);
    line-height: 0.98;
}

.orders-command-center .dashboard-content-desc {
    color: rgba(255, 255, 255, 0.72);
}

.orders-eyebrow {
    color: #708095;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.orders-command-center .orders-eyebrow {
    color: rgba(255, 255, 255, 0.68);
}

.orders-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(118px, 1fr));
    gap: 10px;
    min-width: min(100%, 460px);
}

.orders-metric {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 112px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
}

.orders-metric span {
    color: rgba(255, 255, 255, 0.62);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.orders-metric strong {
    color: var(--color-white);
    font-family: var(--font-grotesk), var(--font-inter), sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
}

.orders-workspace {
    align-items: stretch;
}

.orders-account-page .account-card {
    border: 1px solid #dce3ec;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(31, 45, 61, 0.06);
}

.orders-list-card,
.orders-account-page .single-order-card {
    padding: 28px;
}

.orders-section-header h3,
.orders-empty-state h3,
.orders-account-page .single-order-header h3,
.orders-account-page .order-promo-summary h3 {
    color: #151f2d;
    font-family: var(--font-grotesk), var(--font-inter), sans-serif;
    font-size: 22px;
    line-height: 1.2;
}

.orders-account-page .orders-list {
    gap: 12px !important;
}

.orders-account-page .order-item-card {
    padding: 14px;
    border: 1px solid #e0e6ee;
    border-radius: 8px;
    background: #f8fafc;
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.orders-account-page .order-item-card:hover,
.orders-account-page .order-item-card.active {
    border-color: #151f2d;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(31, 45, 61, 0.09);
    transform: translateY(-1px);
}

.orders-account-page .order-item-img-wrapper {
    width: 102px;
    height: 76px;
    flex: 0 0 102px;
    border-radius: 6px;
    background: #edf1f6;
}

.orders-account-page .order-item-copy {
    min-width: 0;
}

.orders-account-page .order-item-id {
    color: #151f2d;
    font-size: 15px;
    line-height: 1.35;
}

.orders-account-page .order-item-meta-date,
.orders-account-page .single-order-date,
.orders-account-page .step-date {
    color: #667386;
}

.orders-account-page .order-item-meta-item {
    color: #7b8797;
    font-size: 12px;
}

.orders-account-page .order-item-card .badge,
.orders-account-page .single-order-card .badge {
    min-height: 30px;
    padding: 7px 11px;
    border-radius: 999px;
    color: #182233;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.orders-account-page .badge-delivered {
    background: #cfe8d3;
}

.orders-account-page .badge-shipped {
    background: #dce6f6;
}

.orders-account-page .badge-processing {
    background: #f5e1b8;
}

.orders-account-page .order-item-price {
    color: #151f2d;
    font-size: 15px;
    font-weight: 700 !important;
}

.orders-account-page .single-order-card {
    position: sticky;
    top: 24px;
}

.orders-account-page .single-order-header {
    border-bottom: 1px solid #e4e9f0;
    padding-bottom: 18px;
}

.orders-account-page .progress-timeline-wrapper {
    padding: 8px 0 2px;
}

.orders-account-page .progress-line-track {
    top: 28px;
    height: 2px;
    background: #d5dde8;
}

.orders-account-page .step-indicator {
    border-color: #cfd7e3;
    border-radius: 8px !important;
    background: #ffffff;
}

.orders-account-page .step-indicator.step-completed {
    border-color: #151f2d;
    background: #edf1f6;
}

.orders-account-page .step-indicator.step-active {
    border-color: #151f2d;
    background: #151f2d;
}

.orders-account-page .step-indicator.step-active svg circle {
    fill: #ffffff;
}

.orders-account-page .step-title {
    color: #1d2634;
    font-size: 11px;
    letter-spacing: 1.2px;
}

.orders-account-page .order-detail-product-card {
    border: 1px solid #e0e6ee;
    border-radius: 8px;
    background: #f8fafc;
}

.orders-account-page .product-detail-img {
    width: 106px;
    height: 106px;
    flex: 0 0 106px;
    border-radius: 6px;
    background: #edf1f6;
}

.orders-account-page .product-detail-name {
    color: #151f2d;
    font-family: var(--font-grotesk), var(--font-inter), sans-serif;
    font-size: 18px;
    letter-spacing: 0;
}

.orders-account-page .product-detail-variant,
.orders-account-page .product-detail-qty {
    color: #667386;
}

.orders-account-page .product-detail-price {
    color: #151f2d;
    font-weight: 700;
}

.orders-account-page .order-promo-summary {
    border: 1px solid #dce3ec;
    border-radius: 8px;
    background: #fffaf0;
}

.orders-account-page .address-map-placeholder {
    border-color: #dce3ec !important;
    border-radius: 8px;
    background: #edf1f6 !important;
}

.orders-empty-state {
    padding: 42px;
}

.container-cart {
    padding: 64px 32px 80px;
}

.cart-redesign {
    background: linear-gradient(180deg, #fffdf8 0%, var(--color-white) 44%, #f7f6f1 100%);
}

.cart-redesign-header {
    align-items: end;
    border-bottom: 1px solid rgba(10, 10, 10, .12);
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.cart-redesign .cart-main-title {
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(36px, 5vw, 72px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: .95;
}

.cart-redesign-eyebrow,
.cart-product-sku {
    color: #8a3a24;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
}

.cart-redesign-steps {
    border: 1px solid rgba(10, 10, 10, .14);
    padding: 8px;
}

.cart-redesign-steps span {
    color: var(--color-stone);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    padding: 10px 18px;
    text-transform: uppercase;
}

.cart-redesign-steps span.is-active {
    background: #14120f;
    color: var(--color-white);
}

.cart-items-panel {
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(10, 10, 10, .12);
}

.cart-redesign-item {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(10, 10, 10, .12);
    gap: 22px;
    padding: 26px;
}

.cart-redesign-item:last-child {
    border-bottom: 0;
}

.cart-item-number {
    color: rgba(10, 10, 10, .36);
    flex: 0 0 38px;
    font-family: var(--font-grotesk), sans-serif;
    font-size: 18px;
    line-height: 1;
    padding-top: 4px;
}

.cart-product-media {
    background: #f4f1ea;
    flex: 0 0 144px;
    height: 174px;
    width: 144px;
}

.cart-product-media img {
    max-height: 138px;
}

.cart-product-meta span {
    border: 1px solid rgba(10, 10, 10, .12);
    color: var(--color-slate-medium);
    font-size: 12px;
    line-height: 1;
    padding: 8px 10px;
}

.cart-item-footer {
    border-top: 1px solid rgba(10, 10, 10, .08);
    padding-top: 18px;
}

.cart-item-card .quantity-selector {
    height: 34px;
    width: fit-content;
    background: var(--color-white);
    border: 1px solid rgba(10, 10, 10, .16);
}

.cart-item-card .qty-btn {
    width: 32px;
    height: 32px;
}


.order-summary-card {
    padding: 32px;
    border: 1px solid var(--color-gray-200);
}

.cart-redesign-summary {
    background: #14120f;
    border: 0;
    color: var(--color-white);
    position: sticky;
    top: 118px;
}

.cart-redesign-summary .summary-title,
.cart-redesign-summary .summary-row,
.cart-redesign-summary .summary-total-row,
.cart-redesign-summary .total-label,
.cart-redesign-summary .total-value {
    color: var(--color-white);
}

.cart-redesign-summary .cart-redesign-eyebrow,
.cart-redesign-summary .free-shipping-notice,
.cart-redesign-summary .estimate-desc {
    color: rgba(255, 255, 255, .62);
}

.cart-redesign-summary .shipping-estimate-box {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .14);
}

.cart-redesign-summary .estimate-title {
    color: var(--color-white);
}

.cart-redesign-summary .summary-total-row {
    border-top-color: rgba(255, 255, 255, .18);
}

.cart-redesign-summary .btn-checkout {
    background: var(--color-white);
    color: #14120f;
}

.cart-empty-state {
    padding: 46px;
}

.cart-empty-state h3 {
    color: var(--color-rich-black);
    font-family: var(--font-grotesk), sans-serif;
    font-size: 28px;
}

.cart-empty-state p {
    color: var(--color-slate-medium);
    font-size: 14px;
}

.summary-title {
    color: var(--color-rich-black);
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.5px;
}

.summary-value, .summary-product-name, .summary-product-price, .return-to-cart, .news-letter-check-label {
    color: var(--color-rich-black);
    font-size: 14px;
    line-height: 142%;
}

.free-shipping-notice, .summary-product-variant, .tax-notice {
    color: var(--color-slate-blue);
    font-size: 12px;
    line-height: 133%;
}

.shipping-estimate-box {
    gap: 12px;
    border: 1px solid var(--color-gray-150);
    background: var(--color-gray-50);
}

.estimate-title {
    color: var(--color-jet);
    font-size: 16px;
}

.estimate-desc {
    color: var(--color-silver);
    font-size: 14px;
}

.summary-total-row, .gray-border-top {
    border-top: 1px solid var(--color-gray-200);
}

.total-label, .total-value {
    letter-spacing: 0.45px;
}

.btn-checkout {
    padding: 16px 40px;
    color: var(--color-white);
    background-color: var(--color-black);
    font-size: 16px;
    letter-spacing: 1.2px;
}

.btn-continue-shopping {
    width: fit-content;
}

.checkout-redesign {
    background: linear-gradient(180deg, #f6f3ec 0%, #fffdf8 38%, var(--color-white) 100%);
}

.checkout-redesign .container-checkout {
    padding-top: 58px;
}

.checkout-redesign-head {
    border-bottom: 1px solid rgba(10, 10, 10, .12);
    margin-bottom: 42px;
    padding-bottom: 28px;
}

.checkout-redesign .checkout-main-title {
    font-family: var(--font-grotesk), sans-serif;
    font-size: clamp(38px, 5vw, 68px);
    font-weight: 600;
    letter-spacing: 0;
    line-height: .95;
}

.checkout-redesign-eyebrow {
    color: #8a3a24;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1;
}

.checkout-redesign-lead {
    color: var(--color-slate-medium);
    font-size: 15px;
    line-height: 160%;
    max-width: 520px;
}

.checkout-redesign-progress {
    border: 1px solid rgba(10, 10, 10, .14);
    padding: 8px;
}

.checkout-redesign-progress span {
    color: var(--color-stone);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.4px;
    padding: 10px 16px;
    text-transform: uppercase;
}

.checkout-redesign-progress span.is-active {
    background: #14120f;
    color: var(--color-white);
}

.checkout-redesign-form-column {
    counter-reset: checkout-section;
}

.checkout-redesign-section {
    background: rgba(255, 255, 255, .74);
    border: 1px solid rgba(10, 10, 10, .12);
    padding: 28px;
}

.checkout-section-index {
    align-items: center;
    background: #14120f;
    color: var(--color-white);
    display: inline-flex;
    flex: 0 0 38px;
    font-family: var(--font-grotesk), sans-serif;
    font-size: 14px;
    height: 38px;
    justify-content: center;
}

.checkout-payment-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.checkout-redesign .checkout-input {
    background: #fffdf8;
    border-color: rgba(10, 10, 10, .16);
    color: var(--color-rich-black);
}

.checkout-redesign .checkout-input:focus {
    background: var(--color-white);
    border-color: #14120f;
    box-shadow: none;
    outline: none;
}

.checkout-redesign .payment-method-option {
    background: #fffdf8;
    border-color: rgba(10, 10, 10, .16);
    min-height: 72px;
}

.checkout-redesign .payment-method-option:has(input[type="radio"]:checked) {
    background: #14120f;
    border-color: #14120f;
    color: var(--color-white);
}

.checkout-redesign .payment-method-option:has(input[type="radio"]:checked) svg path {
    stroke: var(--color-white);
}

.checkout-redesign .payment-method-option input[type="radio"] {
    accent-color: #8a3a24;
}

.checkout-redesign-actions {
    border-top: 1px solid rgba(10, 10, 10, .12);
}

.checkout-redesign-summary {
    background: #14120f;
    border: 0;
    color: var(--color-white);
    top: 118px;
}

.checkout-redesign-summary .summary-title,
.checkout-redesign-summary .summary-label,
.checkout-redesign-summary .summary-value,
.checkout-redesign-summary .summary-product-name,
.checkout-redesign-summary .summary-product-price,
.checkout-redesign-summary .total-label,
.checkout-redesign-summary .total-value {
    color: var(--color-white);
}

.checkout-redesign-summary .summary-product-variant,
.checkout-redesign-summary .free-shipping-notice,
.checkout-redesign-summary .estimate-desc,
.checkout-redesign-summary .tax-notice {
    color: rgba(255, 255, 255, .62);
}

.checkout-summary-product {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding-bottom: 16px;
}

.checkout-summary-product:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.checkout-redesign-summary .summary-product-img {
    background: #f4f1ea;
    border: 0;
    flex: 0 0 88px;
    height: 104px;
    padding: 8px;
    width: 88px;
}

.checkout-redesign-summary .summary-product-img img {
    max-height: 88px;
}

.checkout-redesign-summary .gray-border-top {
    border-top-color: rgba(255, 255, 255, .18);
}

.checkout-redesign-summary .shipping-estimate-box {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .14);
}

.checkout-redesign-summary .estimate-title {
    color: var(--color-white);
}

.checkout-redesign-summary .checkout-input {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .18);
    color: var(--color-white);
}

.checkout-redesign-summary .checkout-input::placeholder {
    color: rgba(255, 255, 255, .46);
}

.checkout-redesign-summary .btn-apply-promo {
    background: var(--color-white) !important;
    border-color: var(--color-white) !important;
    color: #14120f !important;
}

.checkout-redesign-summary .text-success {
    color: #a6e2bd !important;
}

.checkout-empty-state {
    border: 1px solid rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .68);
    padding: 18px;
}


.checkout-main-title {
    color: var(--color-rich-black);
    font-size: 24px;
    line-height: 133%;
    letter-spacing: -0.6px;
}

.checkout-section-title {
    color: var(--color-rich-black);
    line-height: 142%;
    font-size: 14px;
    letter-spacing: 1.4px;
}


.payment-method-option {
    border: 1px solid var(--color-pastel-blue);
    background-color: transparent;
    gap: 12px;
}

.payment-method-option:has(input[type="radio"]:checked) {
    border-color: var(--color-black);
}

.payment-method-option input[type="radio"] {
    accent-color: var(--color-black);
}


.checkout-order-summary-card {
    border: 1px solid var(--color-gray-200);
    position: sticky;
    top: 20px;
    padding: 32px;
}


.summary-product-img {
    width: 80px;
    height: 80px;
}


.btn-apply-promo {
    letter-spacing: 0.6px;
}


.promo-code-box .checkout-input {
    width: inherit;
}

.max-w-100 {
    max-width: 100% !important;
}
.add-to-bag-btn{
    padding: 12px 32px;
    color: var(--color-white);
    font-size: 14px;
    letter-spacing: 2px;
    background: var(--color-black);
}

.cookie-consent-banner {
    position: fixed;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 1080;
}

.cookie-consent-content {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 24px;
    border: 1px solid var(--color-gray-200);
    background: var(--color-white);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.cookie-consent-title {
    color: var(--color-rich-black);
    font-size: 14px;
    line-height: 142%;
    letter-spacing: 1.2px;
}

.cookie-consent-text {
    color: var(--color-slate-blue);
    font-size: 14px;
    line-height: 150%;
}

.cookie-consent-link {
    color: var(--color-rich-black);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.cookie-consent-link:hover {
    color: var(--color-black);
}

.cookie-consent-actions {
    flex-shrink: 0;
}

.cookie-consent-btn {
    min-width: 112px;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid var(--color-black);
    font-size: 12px;
    letter-spacing: 1px;
}

.cookie-consent-btn-dark {
    color: var(--color-white);
    background: var(--color-black);
}

.cookie-consent-btn-light {
    color: var(--color-black);
    background: var(--color-white);
}