:root {
    --store-primary: #111827;
    --store-primary-hover: #030712;
    --store-secondary: #4b5563;
    --store-accent: #2563eb;
    --store-accent-hover: #1d4ed8;
    --store-background: #ffffff;
    --store-surface: #ffffff;
    --store-surface-soft: #f7f8fa;
    --store-text: #111827;
    --store-text-muted: #6b7280;
    --store-border: #e5e7eb;
    --store-border-strong: #d1d5db;
    --store-success: #15803d;
    --store-warning: #b45309;
    --store-danger: #b42318;
    --store-radius-sm: 6px;
    --store-radius-md: 10px;
    --store-radius-lg: 18px;
    --store-radius-pill: 999px;
    --store-shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);
    --store-shadow-md: 0 14px 36px rgba(17, 24, 39, .08);
    --store-shadow-lg: 0 28px 70px rgba(17, 24, 39, .12);
    --store-container: 1280px;
    --store-header-height: 128px;
    --store-transition: 160ms ease;
    --store-space-1: 4px;
    --store-space-2: 8px;
    --store-space-3: 12px;
    --store-space-4: 16px;
    --store-space-5: 24px;
    --store-space-6: 32px;
    --store-space-7: 48px;
    --store-space-8: 64px;
    --store-space-9: 80px;
    --store-color-primary: var(--store-primary);
    --store-color-primary-hover: var(--store-primary-hover);
    --store-color-secondary: var(--store-secondary);
    --store-color-accent: var(--store-primary);
    --store-color-accent-hover: var(--store-primary-hover);
    --store-color-background: var(--store-background);
    --store-color-surface: var(--store-surface);
    --store-color-surface-muted: var(--store-surface-soft);
    --store-color-text: var(--store-text);
    --store-color-text-muted: var(--store-text-muted);
    --store-color-border: var(--store-border);
    --store-color-border-strong: var(--store-border-strong);
    --store-color-success: var(--store-success);
    --store-color-warning: var(--store-warning);
    --store-color-danger: var(--store-danger);
}

.store-theme {
    background: var(--store-background);
    color: var(--store-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.store-theme a {
    color: inherit;
    text-decoration: none;
}

.store-theme a:hover,
.store-theme a:focus {
    color: var(--store-accent);
}

.store-theme .container,
.store-theme .store-container {
    max-width: var(--store-container);
}

.store-theme .btn-success,
.store-theme .btn-primary {
    background: var(--store-primary);
    border-color: var(--store-primary);
    color: #fff;
}

.store-theme .btn-success:hover,
.store-theme .btn-success:focus,
.store-theme .btn-primary:hover,
.store-theme .btn-primary:focus {
    background: var(--store-primary-hover);
    border-color: var(--store-primary-hover);
    color: #fff;
}

.store-theme .btn-outline-success {
    border-color: var(--store-primary);
    color: var(--store-primary);
}

.store-theme .btn-outline-success:hover,
.store-theme .btn-outline-success:focus {
    background: var(--store-primary);
    border-color: var(--store-primary);
    color: #fff;
}

.store-main {
    padding-block: var(--store-space-5) var(--store-space-8);
}

.store-content {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.store-empty-state {
    align-items: center;
    background: var(--store-surface-soft);
    border: 1px solid var(--store-border);
    border-radius: var(--store-radius-lg);
    color: var(--store-text-muted);
    display: flex;
    flex-direction: column;
    gap: var(--store-space-3);
    justify-content: center;
    padding: clamp(var(--store-space-6), 6vw, var(--store-space-8));
    text-align: center;
}

.store-empty-state > i,
.store-empty-state__icon {
    align-items: center;
    background: var(--store-surface);
    border: 1px solid var(--store-border);
    border-radius: 50%;
    color: var(--store-text);
    display: inline-flex;
    font-size: 1.5rem;
    height: 64px;
    justify-content: center;
    width: 64px;
}

.store-empty-state__title,
.store-empty-state h2 {
    color: var(--store-text);
    font-size: clamp(1.3rem, 2vw, 1.7rem);
    font-weight: 900;
    margin: 0;
}

.store-empty-state__text,
.store-empty-state p {
    color: var(--store-text-muted);
    margin: 0;
    max-width: 48ch;
}

.cookie-preferences-banner {
    background: rgba(17, 24, 39, .94);
    border-radius: 8px;
    bottom: 18px;
    box-sizing: border-box;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .18);
    color: #fff;
    left: auto;
    max-width: min(760px, calc(100% - 36px));
    padding: 14px 16px;
    position: fixed;
    right: 18px;
    transform: none;
    width: auto;
    z-index: 1040;
}

.cookie-preferences-content,
.cookie-preferences-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    justify-content: space-between;
}

.cookie-preferences-content {
    color: rgba(255, 255, 255, .76);
    font-size: .9rem;
    line-height: 1.45;
}

.cookie-preferences-content strong {
    color: #fff;
}

.cookie-preferences-actions .btn {
    border-radius: var(--store-radius-pill);
    font-weight: 900;
    min-height: 38px;
    padding-inline: 16px;
}

.cookie-preferences-actions .btn-light {
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-color: var(--store-primary);
    --bs-btn-hover-bg: #f3f5f7;
    --bs-btn-hover-border-color: #f3f5f7;
    --bs-btn-hover-color: var(--store-primary);
    color: var(--store-primary) !important;
}

.store-header-modern {
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--store-border);
    color: var(--store-text);
    position: sticky;
    top: 0;
    z-index: 1020;
}

.store-topbar {
    background: var(--store-primary);
    color: rgba(255, 255, 255, .78);
    padding-block: var(--store-space-2);
}

.store-topbar-grid {
    align-items: center;
    display: flex;
    gap: var(--store-space-5);
    justify-content: space-between;
}

.store-topbar-link {
    align-items: center;
    color: rgba(255, 255, 255, .78);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    gap: var(--store-space-2);
}

.store-topbar-link:hover,
.store-topbar-link:focus {
    color: #fff;
}

.store-topbar-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--store-space-4);
    justify-content: end;
}

.store-header-main {
    padding-block: var(--store-space-4);
}

.store-header-grid {
    align-items: center;
    display: grid;
    gap: var(--store-space-4);
    grid-template-columns: minmax(130px, 190px) minmax(280px, 1fr) auto;
}

.store-brand {
    align-items: center;
    display: inline-flex;
    min-width: 0;
}

.store-brand-logo {
    display: block;
    max-height: 56px;
    max-width: 190px;
    object-fit: contain;
}

.store-search-box {
    align-items: center;
    background: var(--store-surface-soft);
    border: 1px solid transparent;
    border-radius: var(--store-radius-pill);
    display: flex;
    gap: var(--store-space-3);
    padding: var(--store-space-1) var(--store-space-1) var(--store-space-1) var(--store-space-4);
    transition: border-color var(--store-transition), box-shadow var(--store-transition), background var(--store-transition);
}

.store-search-box:focus-within {
    background: var(--store-surface);
    border-color: var(--store-border-strong);
    box-shadow: var(--store-shadow-sm);
}

.store-search-box .form-control {
    background: transparent;
    border: 0;
    min-height: 46px;
    min-width: 0;
    padding: 0;
}

.store-search-box .form-control:focus {
    box-shadow: none;
}

.store-search-box > i {
    color: var(--store-text-muted);
}

.store-search-button {
    background: var(--store-primary);
    border: 0;
    border-radius: var(--store-radius-pill);
    color: #fff;
    font-weight: 850;
    min-height: 42px;
    min-width: 112px;
    padding-inline: var(--store-space-4);
    white-space: nowrap;
}

.store-search-button:hover,
.store-search-button:focus {
    background: var(--store-primary-hover);
    color: #fff;
}

.store-header-actions {
    align-items: center;
    display: flex;
    gap: var(--store-space-2);
}

.store-action-button,
.store-cart-button,
.store-menu-trigger {
    align-items: center;
    background: transparent;
    border: 1px solid var(--store-border);
    border-radius: var(--store-radius-pill);
    color: var(--store-text);
    display: inline-flex;
    gap: var(--store-space-2);
    min-height: 44px;
    padding-inline: var(--store-space-4);
}

.store-cart-button {
    position: relative;
}

.store-cart-badge {
    align-items: center;
    background: var(--store-accent);
    border: 2px solid var(--store-surface);
    border-radius: var(--store-radius-pill);
    color: #fff;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    height: 22px;
    justify-content: center;
    min-width: 22px;
    padding-inline: var(--store-space-1);
}

.store-nav {
    border-top: 1px solid var(--store-border);
}

.store-menu-modern {
    align-items: center;
    display: flex;
    gap: var(--store-space-5);
    min-height: 48px;
}

.store-menu-all {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--store-text);
    display: inline-flex;
    font-weight: 850;
    gap: var(--store-space-2);
    padding: 0;
}

.store-menu-links,
.store-menu-extra {
    align-items: center;
    display: flex;
    gap: var(--store-space-4);
    min-width: 0;
}

.store-menu-links {
    flex: 1;
    overflow: hidden;
}

.store-menu-links a,
.store-menu-extra a {
    color: var(--store-text-muted);
    font-size: .86rem;
    font-weight: 800;
    padding-block: var(--store-space-3);
    white-space: nowrap;
}

.store-menu-links a:hover,
.store-menu-extra a:hover,
.store-menu-links a:focus,
.store-menu-extra a:focus {
    color: var(--store-text);
}

.store-mobile-menu {
    --bs-offcanvas-width: min(420px, 92vw);
    border-right: 0;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    overflow: hidden;
    position: fixed;
}

.store-mobile-menu.show,
.store-mobile-menu.showing {
    transform: translateX(0);
}

.store-mobile-menu .offcanvas-header {
    flex: 0 0 auto;
    border-bottom: 1px solid var(--store-border);
    min-height: 76px;
}

.store-mobile-menu .offcanvas-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.store-mobile-kicker,
.store-mobile-heading {
    color: var(--store-text-muted);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .1em;
    margin: 0 0 var(--store-space-1);
    text-transform: uppercase;
}

.store-mobile-search {
    margin-bottom: var(--store-space-5);
}

.store-mobile-quicklinks,
.store-mobile-link-grid,
.store-mobile-link-list {
    display: grid;
    gap: var(--store-space-2);
}

.store-mobile-quicklinks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: var(--store-space-6);
}

.store-mobile-quicklinks a,
.store-mobile-link-grid a,
.store-mobile-link-list a {
    align-items: center;
    background: var(--store-surface-soft);
    border-radius: var(--store-radius-md);
    color: var(--store-text);
    display: flex;
    font-weight: 800;
    gap: var(--store-space-2);
    min-height: 46px;
    padding-inline: var(--store-space-4);
}

.store-mobile-section {
    border-top: 1px solid var(--store-border);
    padding-block: var(--store-space-5);
}

.store-eyebrow,
.store-kicker {
    color: var(--store-text-muted);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .1em;
    margin: 0 0 var(--store-space-2);
    text-transform: uppercase;
}

.store-muted {
    color: var(--store-text-muted);
}

.store-button,
.store-theme .btn-primary,
.store-theme .btn-outline-primary,
.store-theme .btn-light {
    align-items: center;
    border-radius: var(--store-radius-pill);
    display: inline-flex;
    font-weight: 800;
    gap: var(--store-space-2);
    justify-content: center;
    min-height: 44px;
    padding-inline: var(--store-space-5);
}

.store-theme .btn-primary {
    --bs-btn-bg: var(--store-primary);
    --bs-btn-border-color: var(--store-primary);
    --bs-btn-hover-bg: var(--store-primary-hover);
    --bs-btn-hover-border-color: var(--store-primary-hover);
    --bs-btn-active-bg: var(--store-primary-hover);
    --bs-btn-active-border-color: var(--store-primary-hover);
}

.store-theme .btn-outline-primary {
    --bs-btn-color: var(--store-primary);
    --bs-btn-border-color: var(--store-border-strong);
    --bs-btn-hover-bg: var(--store-primary);
    --bs-btn-hover-border-color: var(--store-primary);
}

.store-theme :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(37, 99, 235, .28);
    outline-offset: 3px;
}

.store-section {
    margin-block: var(--store-space-8);
}

.store-section:first-child {
    margin-top: 0;
}

.store-section-heading {
    align-items: end;
    display: flex;
    gap: var(--store-space-5);
    justify-content: space-between;
    margin-bottom: var(--store-space-6);
}

.store-section-heading h2 {
    color: var(--store-text);
    font-size: clamp(1.55rem, 2vw, 2.2rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0;
}

.store-section-heading p {
    color: var(--store-text-muted);
    margin: var(--store-space-2) 0 0;
    max-width: 56ch;
}

.store-section-action {
    align-items: center;
    color: var(--store-text);
    display: inline-flex;
    font-weight: 800;
    gap: var(--store-space-2);
    white-space: nowrap;
}

.store-hero-editorial {
    align-items: stretch;
    background: var(--store-surface-soft);
    border-radius: var(--store-radius-lg);
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
    min-height: clamp(420px, 60vh, 620px);
    overflow: hidden;
}

.store-hero-editorial__content {
    align-content: center;
    display: grid;
    padding: clamp(var(--store-space-6), 5vw, var(--store-space-9));
}

.store-hero-editorial h1 {
    color: var(--store-text);
    font-size: clamp(2.35rem, 4.5vw, 4.8rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: .98;
    margin: 0;
    max-width: 11ch;
}

.store-hero-editorial__copy {
    color: var(--store-text-muted);
    font-size: clamp(1rem, 1.2vw, 1.16rem);
    line-height: 1.65;
    margin: var(--store-space-5) 0 0;
    max-width: 42ch;
}

.store-hero-editorial__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--store-space-3);
    margin-top: var(--store-space-6);
}

.store-hero-editorial__media {
    background: #e5e7eb;
    display: block;
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

.store-hero-editorial__media img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.store-hero-editorial__product {
    backdrop-filter: blur(14px);
    background: rgba(255, 255, 255, .88);
    border-radius: var(--store-radius-md);
    bottom: var(--store-space-5);
    box-shadow: var(--store-shadow-md);
    display: grid;
    gap: var(--store-space-1);
    left: var(--store-space-5);
    max-width: min(320px, calc(100% - var(--store-space-8)));
    padding: var(--store-space-4);
    position: absolute;
}

.store-hero-editorial__product span {
    color: var(--store-text-muted);
    font-size: .86rem;
}

.store-hero-editorial__product strong {
    color: var(--store-text);
    font-size: 1.25rem;
}

.store-category-grid-modern {
    display: grid;
    gap: var(--store-space-4);
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.store-category-card-modern {
    background: var(--store-surface-soft);
    border: 1px solid transparent;
    border-radius: var(--store-radius-lg);
    color: var(--store-text);
    display: grid;
    min-height: 190px;
    overflow: hidden;
    padding: var(--store-space-5);
    position: relative;
    transition: border-color var(--store-transition), transform var(--store-transition), box-shadow var(--store-transition);
}

.store-category-card-modern::before {
    background:
        radial-gradient(circle at 72% 22%, rgba(37, 99, 235, .16), transparent 34%),
        linear-gradient(135deg, rgba(17, 24, 39, .08), rgba(17, 24, 39, 0));
    content: "";
    inset: 0;
    position: absolute;
}

.store-category-card-modern__visual {
    align-items: center;
    align-self: start;
    background: var(--store-surface);
    border-radius: var(--store-radius-pill);
    box-shadow: var(--store-shadow-sm);
    color: var(--store-text);
    display: inline-flex;
    font-size: 1.25rem;
    font-weight: 900;
    height: 56px;
    justify-content: center;
    position: relative;
    width: 56px;
}

.store-category-card-modern:hover {
    border-color: var(--store-border-strong);
    box-shadow: var(--store-shadow-md);
    color: var(--store-text);
    transform: translateY(-2px);
}

.store-category-card-modern__index {
    color: var(--store-text-muted);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .1em;
    position: relative;
    text-transform: uppercase;
}

.store-category-card-modern__name {
    align-self: end;
    font-size: 1.12rem;
    font-weight: 850;
    line-height: 1.15;
    position: relative;
}

.store-category-card-modern__icon {
    align-items: center;
    background: var(--store-surface);
    border-radius: var(--store-radius-pill);
    bottom: var(--store-space-4);
    box-shadow: var(--store-shadow-sm);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: var(--store-space-4);
    width: 38px;
}

.store-product-grid-modern {
    display: grid;
    gap: var(--store-space-5);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.store-catalog-modern .store-product-grid-modern {
    grid-template-columns: repeat(auto-fill, minmax(220px, 280px));
}

.store-product-card-modern {
    background: var(--store-surface);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.store-product-card-modern__media {
    background: var(--store-surface-soft);
    border-radius: var(--store-radius-lg);
    display: block;
    overflow: hidden;
    position: relative;
}

.store-product-card-modern__media img {
    aspect-ratio: 1 / 1;
    display: block;
    height: auto;
    object-fit: contain;
    padding: var(--store-space-3);
    transition: transform var(--store-transition);
    width: 100%;
}

.store-product-card-modern:hover .store-product-card-modern__media img {
    transform: scale(1.025);
}

.store-product-card-modern__badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--store-space-2);
    left: var(--store-space-3);
    position: absolute;
    top: var(--store-space-3);
}

.store-product-badge-modern {
    border-radius: var(--store-radius-pill);
    box-shadow: var(--store-shadow-sm);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .03em;
    min-height: 24px;
    padding: var(--store-space-1) var(--store-space-2);
    text-transform: uppercase;
}

.store-product-card-modern__favorite {
    align-items: center;
    background: rgba(255, 255, 255, .92);
    border: 0;
    border-radius: var(--store-radius-pill);
    color: var(--store-text-muted);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    position: absolute;
    right: var(--store-space-3);
    top: var(--store-space-3);
    width: 38px;
}

.store-product-card-modern__body {
    display: grid;
    gap: var(--store-space-2);
    padding-top: var(--store-space-4);
}

.store-product-card-modern__meta {
    color: var(--store-text-muted);
    font-size: .75rem;
    margin: 0;
}

.store-product-card-modern__title {
    color: var(--store-text);
    display: -webkit-box;
    font-size: .96rem;
    font-weight: 800;
    line-height: 1.35;
    margin: 0;
    min-height: 2.65em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.store-product-card-modern__price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--store-space-2);
    min-height: 32px;
}

.store-product-card-modern__price strong {
    color: var(--store-text);
    font-size: 1.28rem;
    font-weight: 900;
}

.store-product-card-modern__old-price {
    color: var(--store-text-muted);
    font-size: .84rem;
    text-decoration: line-through;
}

.store-product-card-modern__condition {
    color: var(--store-success);
    font-size: .78rem;
    font-weight: 750;
    margin: 0;
}

.store-product-card-modern__cta {
    border: 1px solid var(--store-border);
    border-radius: var(--store-radius-pill);
    color: var(--store-text);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 850;
    gap: var(--store-space-2);
    justify-content: center;
    margin-top: var(--store-space-2);
    min-height: 42px;
    padding-inline: var(--store-space-4);
}

.store-product-card-modern__cta:hover,
.store-product-card-modern__cta:focus {
    background: var(--store-primary);
    border-color: var(--store-primary);
    color: #fff;
}

.store-catalog-modern {
    display: grid;
    gap: var(--store-space-6);
}

.store-catalog-modern__header {
    align-items: end;
    background: transparent;
    color: var(--store-text);
    display: grid;
    gap: var(--store-space-5);
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    padding: 0;
    padding-block: var(--store-space-4) var(--store-space-2);
}

.store-catalog-modern__header h1 {
    font-size: clamp(2rem, 3.2vw, 3.75rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
}

.store-catalog-modern__toolbar {
    align-items: center;
    border-block: 1px solid var(--store-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--store-space-3);
    justify-content: space-between;
    padding-block: var(--store-space-4);
}

.store-catalog-modern__count {
    color: var(--store-text-muted);
    font-weight: 650;
}

.store-filter-chips-modern {
    display: flex;
    flex: 1 1 340px;
    flex-wrap: wrap;
    gap: var(--store-space-2);
}

.store-filter-chip-modern {
    align-items: center;
    background: var(--store-surface-soft);
    border: 1px solid var(--store-border);
    border-radius: var(--store-radius-pill);
    color: var(--store-text);
    display: inline-flex;
    font-size: .82rem;
    font-weight: 750;
    gap: var(--store-space-2);
    min-height: 34px;
    padding-inline: var(--store-space-3);
}

.store-catalog-modern__controls {
    align-items: center;
    display: flex;
    gap: var(--store-space-2);
}

.store-catalog-modern__layout {
    align-items: start;
    display: grid;
    gap: var(--store-space-7);
    grid-template-columns: minmax(240px, 290px) minmax(0, 1fr);
}

.store-filter-panel-modern {
    display: grid;
    gap: var(--store-space-5);
    position: sticky;
    top: var(--store-space-5);
}

.store-filter-panel-modern__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.store-filter-panel-modern__header h2 {
    font-size: 1rem;
    font-weight: 900;
    margin: 0;
}

.store-filter-panel-modern .accordion-item {
    border-color: var(--store-border);
    border-inline: 0;
}

.store-filter-panel-modern .accordion-button {
    color: var(--store-text);
    font-weight: 850;
    padding-inline: 0;
}

.store-filter-panel-modern .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
    color: var(--store-text);
}

.store-filter-panel-modern .accordion-body {
    padding: 0 0 var(--store-space-4);
}

.store-filter-panel-modern ul,
.store-filter-panel-modern li {
    list-style: none;
}

.store-filter-panel-modern ul {
    display: grid;
    gap: var(--store-space-2);
    margin: 0;
    padding: 0;
}

.store-filter-panel-modern a,
.store-tag-list-modern a {
    border-radius: var(--store-radius-pill);
    color: var(--store-text-muted);
    display: inline-flex;
    font-weight: 700;
    min-height: 34px;
    padding: var(--store-space-1) var(--store-space-3);
}

.store-filter-panel-modern a:hover,
.store-filter-panel-modern a:focus,
.store-filter-panel-modern a.active,
.store-tag-list-modern a:hover,
.store-tag-list-modern a:focus,
.store-tag-list-modern a.active {
    background: var(--store-surface-soft);
    color: var(--store-text);
}

.store-tag-list-modern {
    display: flex;
    flex-wrap: wrap;
    gap: var(--store-space-2);
}

.store-empty-state-modern {
    align-items: center;
    background: var(--store-surface-soft);
    border-radius: var(--store-radius-lg);
    display: grid;
    justify-items: center;
    min-height: 360px;
    padding: var(--store-space-8);
    text-align: center;
}

.store-empty-state-modern__icon {
    align-items: center;
    background: var(--store-surface);
    border-radius: var(--store-radius-pill);
    box-shadow: var(--store-shadow-sm);
    display: inline-flex;
    height: 58px;
    justify-content: center;
    margin-bottom: var(--store-space-4);
    width: 58px;
}

.store-empty-state-modern h2 {
    font-size: clamp(1.5rem, 2.5vw, 2.2rem);
    font-weight: 900;
    margin: 0;
}

.store-empty-state-modern p {
    color: var(--store-text-muted);
    margin: var(--store-space-3) 0 var(--store-space-5);
    max-width: 44ch;
}

.store-footer-modern {
    background: var(--store-primary);
    color: rgba(255, 255, 255, .82);
    margin-top: var(--store-space-8);
    padding-block: var(--store-space-7) var(--store-space-5);
}

.store-footer-cta {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    display: flex;
    gap: var(--store-space-5);
    justify-content: space-between;
    padding-bottom: var(--store-space-6);
}

.store-footer-brand {
    align-items: center;
    display: flex;
    gap: var(--store-space-4);
}

.store-footer-brand img {
    background: rgba(255, 255, 255, .08);
    border-radius: var(--store-radius-md);
    max-height: 62px;
    max-width: 160px;
    object-fit: contain;
    padding: var(--store-space-2);
}

.store-footer-brand p {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 900;
    margin: 0;
}

.store-footer-brand span {
    color: rgba(255, 255, 255, .72);
}

.store-footer-main {
    display: grid;
    gap: var(--store-space-6);
    grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr));
    padding-top: var(--store-space-6);
}

.store-footer-group h2 {
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .1em;
    margin-bottom: var(--store-space-4);
    text-transform: uppercase;
}

.store-footer-links,
.store-footer-social,
.store-footer-content {
    display: grid;
    gap: var(--store-space-2);
}

.store-footer a {
    color: rgba(255, 255, 255, .78);
}

.store-footer a:hover,
.store-footer a:focus {
    color: #fff;
}

.store-footer-social a,
.store-footer-whatsapp {
    align-items: center;
    display: inline-flex;
    gap: var(--store-space-2);
}

.store-footer-bottom {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .14);
    color: rgba(255, 255, 255, .64);
    display: flex;
    flex-wrap: wrap;
    font-size: .82rem;
    gap: var(--store-space-3);
    justify-content: space-between;
    margin-top: var(--store-space-6);
    padding-top: var(--store-space-4);
}

@media (max-width: 1199.98px) {
    .store-category-grid-modern {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

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

@media (max-width: 991.98px) {
    .store-header-grid {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .store-header-search {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .store-brand {
        justify-content: center;
    }

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

    .store-footer-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .store-hero-editorial {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .store-hero-editorial__media {
        min-height: 320px;
    }

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

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

@media (max-width: 767.98px) {
    .store-topbar {
        display: none;
    }

    .store-nav {
        display: block;
        height: 0;
        overflow: visible;
        border: 0;
    }

    .store-menu-modern {
        display: block;
        min-height: 0;
        height: 0;
    }

    .store-menu-all,
    .store-menu-links,
    .store-menu-extra {
        display: none;
    }

    .store-header-main {
        padding-block: var(--store-space-3);
    }

    .store-brand-logo {
        max-height: 44px;
        max-width: 150px;
    }

    .store-action-button {
        display: none;
    }

    .store-cart-button,
    .store-menu-trigger {
        min-height: 42px;
        min-width: 42px;
        padding-inline: var(--store-space-3);
    }

    .store-search-button {
        min-width: 86px;
        padding-inline: 16px;
    }

    .store-main {
        padding-top: var(--store-space-4);
    }

    .store-section {
        margin-block: var(--store-space-7);
    }

    .store-section-heading,
    .store-catalog-modern__header {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .store-section-heading {
        display: grid;
    }

    .store-hero-editorial__content {
        padding: var(--store-space-6);
    }

    .store-hero-editorial h1 {
        font-size: clamp(2rem, 11vw, 3.1rem);
        max-width: 12ch;
    }

    .store-hero-editorial__media {
        min-height: 240px;
        order: -1;
    }

    .store-hero-editorial__product {
        bottom: var(--store-space-3);
        left: var(--store-space-3);
        max-width: calc(100% - var(--store-space-6));
        padding: var(--store-space-3);
    }

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

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

    .store-footer-brand {
        align-items: flex-start;
        flex-direction: column;
    }

    .store-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 380px) {
    .store-product-grid-modern {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .store-category-card-modern,
    .store-product-card-modern__media img {
        transition: none;
    }
}

/* Lote 13H - UX refinement premium storefront */
:root {
    --store-primary: #141414;
    --store-primary-hover: #000000;
    --store-secondary: #5f6672;
    --store-accent: #d64f73;
    --store-accent-hover: #bd3f60;
    --store-highlight: #22a7a0;
    --store-warm: #efb24d;
    --store-background: #ffffff;
    --store-surface-soft: #f7f8fa;
    --store-border: #eceff3;
    --store-border-strong: #d8dde5;
    --store-radius-md: 8px;
    --store-radius-lg: 8px;
    --store-shadow-sm: 0 1px 2px rgba(20, 20, 20, .04);
    --store-shadow-md: 0 18px 42px rgba(20, 20, 20, .07);
    --store-shadow-lg: 0 32px 80px rgba(20, 20, 20, .1);
    --store-container: 1368px;
    --store-header-height: 142px;
}

.store-theme {
    background: #fff;
    color: var(--store-text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.store-theme .container,
.store-theme .store-container {
    width: min(calc(100% - 48px), var(--store-container));
}

.store-main {
    padding-block: clamp(18px, 2.5vw, 32px) clamp(72px, 8vw, 112px);
}

.store-content {
    background: #fff !important;
}

.store-theme .bg-light:has(.breadcrumb),
.store-theme .breadcrumb {
    background: transparent !important;
}

.store-theme .bg-light:has(.breadcrumb) {
    border-bottom: 1px solid var(--store-border);
    border-radius: 0 !important;
    color: var(--store-text-muted);
    margin-bottom: clamp(12px, 2vw, 22px);
    padding: 10px 0 !important;
}

.store-theme .breadcrumb {
    font-size: .86rem;
}

.store-theme .breadcrumb a {
    color: var(--store-text);
    font-weight: 750;
}

.store-header-modern {
    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, .94);
    border-bottom: 1px solid rgba(20, 20, 20, .08);
    box-shadow: 0 12px 30px rgba(20, 20, 20, .035);
}

.store-topbar {
    background: #fff;
    border-bottom: 1px solid var(--store-border);
    color: var(--store-text-muted);
    padding-block: 5px;
}

.store-topbar-link {
    color: var(--store-text-muted);
    font-size: .76rem;
    font-weight: 780;
}

.store-topbar-link:hover,
.store-topbar-link:focus {
    color: var(--store-primary);
}

.store-header-main {
    padding-block: 10px;
}

.store-header-grid {
    gap: clamp(14px, 2.5vw, 28px);
    grid-template-columns: minmax(132px, 190px) minmax(360px, 1fr) auto;
}

.store-brand {
    padding-block: 4px;
}

.store-brand-logo {
    max-height: 48px;
    max-width: 170px;
}

.store-header-search,
.store-mobile-search {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    overflow: visible;
}

.store-header-search:focus-within,
.store-mobile-search:focus-within {
    border-color: transparent;
    box-shadow: none;
}

.store-search-box {
    background: rgba(245, 246, 247, .92);
    border: 1px solid rgba(20, 20, 20, .1);
    border-radius: 999px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
    min-height: 50px;
    padding: 3px 3px 3px 16px;
}

.store-search-box:focus-within {
    background: #fff;
    border-color: rgba(20, 20, 20, .36);
    box-shadow: 0 0 0 3px rgba(20, 20, 20, .08);
}

.store-search-box .form-control {
    color: var(--store-text);
    font-size: .96rem;
    min-height: 42px;
}

.store-search-box .form-control::placeholder {
    color: #6f7784;
}

.store-search-box > i {
    color: var(--store-text-muted);
    font-size: 1rem;
}

.store-search-button {
    background: var(--store-text);
    border-radius: 999px;
    font-size: .88rem;
    font-weight: 850;
    min-height: 40px;
    min-width: 92px;
}

.store-search-button:hover,
.store-search-button:focus {
    background: var(--store-primary-hover);
}

.store-action-button,
.store-cart-button,
.store-menu-trigger {
    background: #fff;
    border-color: var(--store-border);
    box-shadow: 0 8px 24px rgba(20, 20, 20, .05);
    font-weight: 850;
    min-height: 44px;
}

.store-cart-badge {
    background: var(--store-accent);
}

.store-nav {
    border-top: 1px solid var(--store-border);
}

.store-menu-modern {
    min-height: 42px;
}

.store-menu-all,
.store-menu-links a,
.store-menu-extra a {
    color: #5f6672;
    font-size: .84rem;
    font-weight: 780;
}

.store-menu-all {
    color: var(--store-primary);
}

.store-menu-links a,
.store-menu-extra a {
    position: relative;
}

.store-menu-links a::after,
.store-menu-extra a::after {
    background: var(--store-accent);
    bottom: 6px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transition: transform var(--store-transition);
}

.store-menu-links a:hover::after,
.store-menu-extra a:hover::after {
    transform: scaleX(1);
}

.store-section {
    margin-block: clamp(64px, 7vw, 112px);
}

.store-section-heading {
    align-items: end;
    margin-bottom: clamp(28px, 4vw, 48px);
}

.store-section-heading h2 {
    font-size: clamp(1.8rem, 3vw, 3rem);
    font-weight: 850;
    line-height: 1.05;
}

.store-section-heading p {
    font-size: 1rem;
    line-height: 1.7;
}

.store-section-action {
    border-bottom: 1px solid currentColor;
    color: var(--store-primary);
    padding-bottom: 3px;
}

.store-hero-editorial {
    background: #fff;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(28px, 4vw, 52px);
    min-height: 0;
    overflow: visible;
}

.store-hero-editorial__media {
    background: var(--store-surface-soft);
    border-radius: 8px;
    box-shadow: var(--store-shadow-md);
    min-height: clamp(280px, 30vw, 390px);
}

.store-hero-editorial__media img {
    height: clamp(280px, 30vw, 390px);
    object-fit: cover;
}

.store-hero-editorial__content {
    align-items: end;
    display: grid;
    gap: clamp(18px, 2.5vw, 34px);
    grid-template-columns: minmax(0, .95fr) minmax(280px, .68fr);
    padding: 0;
}

.store-hero-editorial h1 {
    font-size: clamp(3.4rem, 7vw, 7.6rem);
    font-weight: 900;
    line-height: .92;
    max-width: 10ch;
}

.store-hero-editorial__copy {
    color: #4f5865;
    font-size: clamp(1.05rem, 1.45vw, 1.32rem);
    line-height: 1.65;
    margin-top: var(--store-space-4);
    max-width: 46ch;
}

.store-hero-editorial__actions {
    grid-column: 2;
    margin-top: 0;
}

.store-hero-benefits {
    align-items: center;
    border-top: 1px solid var(--store-border);
    color: var(--store-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .88rem;
    font-weight: 760;
    gap: var(--store-space-4);
    grid-column: 1 / -1;
    padding-top: var(--store-space-4);
}

.store-hero-benefits span {
    align-items: center;
    display: inline-flex;
    gap: var(--store-space-2);
}

.store-hero-benefits i {
    color: var(--store-accent);
}

.store-hero-editorial__product {
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 8px;
    bottom: 22px;
    left: 22px;
}

.store-category-grid-modern {
    gap: clamp(14px, 2vw, 24px);
}

.store-category-card-modern {
    background: #fff;
    border: 1px solid var(--store-border);
    border-radius: 8px;
    box-shadow: var(--store-shadow-sm);
    min-height: 172px;
}

.store-category-card-modern::before {
    background:
        linear-gradient(135deg, rgba(214, 79, 115, .08), transparent 38%),
        linear-gradient(315deg, rgba(34, 167, 160, .09), transparent 42%);
}

.store-category-card-modern__visual {
    border: 1px solid var(--store-border);
    box-shadow: none;
    color: var(--store-accent);
    font-size: 1.1rem;
}

.store-category-card-modern__index {
    color: #8a93a0;
}

.store-category-card-modern__name {
    font-size: 1.06rem;
}

.store-category-card-modern__icon {
    border: 1px solid var(--store-border);
    box-shadow: none;
}

.store-category-card-modern:hover {
    box-shadow: var(--store-shadow-md);
}

.store-product-grid-modern {
    gap: clamp(28px, 3vw, 42px);
}

.store-catalog-modern .store-product-grid-modern {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 380px));
}

.store-product-card-modern {
    gap: 14px;
}

.store-product-card-modern__media {
    background: #f6f7f8;
    border: 1px solid transparent;
    border-radius: 8px;
}

.store-product-card-modern__media img {
    aspect-ratio: 4 / 5;
    height: 100%;
    object-fit: cover;
    padding: 0;
}

.store-product-card-modern:hover .store-product-card-modern__media {
    border-color: var(--store-border-strong);
    box-shadow: var(--store-shadow-md);
}

.store-product-card-modern__favorite {
    box-shadow: 0 8px 24px rgba(20, 20, 20, .08);
}

.store-product-card-modern__body {
    gap: 8px;
    padding-top: 0;
}

.store-product-card-modern__title {
    font-size: 1rem;
    font-weight: 760;
}

.store-product-card-modern__price strong {
    font-size: 1.48rem;
}

.store-product-card-modern__condition {
    color: #147e3f;
}

.store-product-card-modern__cta {
    background: #fff;
    border-color: var(--store-border-strong);
    border-radius: 999px;
    min-height: 46px;
    transition: background var(--store-transition), border-color var(--store-transition), color var(--store-transition), transform var(--store-transition);
}

.store-product-card-modern__cta:hover,
.store-product-card-modern__cta:focus {
    background: var(--store-primary);
    border-color: var(--store-primary);
    color: #fff;
    transform: translateY(-1px);
}

.store-catalog-modern {
    gap: clamp(22px, 3vw, 38px);
}

.store-catalog-modern__header {
    border-bottom: 1px solid var(--store-border);
    padding-block: clamp(4px, 1.4vw, 14px) clamp(16px, 2vw, 24px);
}

.store-catalog-modern__header h1 {
    font-size: clamp(2.35rem, 4.4vw, 4.8rem);
    font-weight: 900;
}

.store-catalog-modern__toolbar {
    border: 0;
    padding-block: 0;
}

.store-catalog-modern__count {
    color: var(--store-text);
}

.store-catalog-modern__layout {
    gap: clamp(28px, 4vw, 58px);
    grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
}

.store-filter-panel-modern {
    color: var(--store-text-muted);
    gap: 18px;
}

.store-filter-panel-modern__header h2 {
    color: var(--store-text);
    font-size: .95rem;
}

.store-filter-panel-modern .accordion-item {
    background: transparent;
}

.store-filter-panel-modern .accordion-button {
    color: var(--store-text);
    font-size: .94rem;
    padding-block: 18px;
}

.store-filter-panel-modern a,
.store-tag-list-modern a {
    color: #6b7280;
}

.store-filter-panel-modern a:hover,
.store-filter-panel-modern a:focus,
.store-filter-panel-modern a.active,
.store-tag-list-modern a:hover,
.store-tag-list-modern a:focus,
.store-tag-list-modern a.active {
    background: #f3f5f7;
    color: var(--store-primary);
}

.store-product-page {
    gap: clamp(56px, 6vw, 88px);
}

.store-product-page__summary {
    gap: clamp(42px, 5vw, 74px);
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
}

.store-product-gallery__main {
    background: #f7f8fa;
    border: 1px solid var(--store-border);
    border-radius: 8px;
    box-shadow: none;
}

.store-product-gallery__thumb {
    border-radius: 8px;
}

.store-product-page__details {
    border-color: var(--store-border);
    border-radius: 8px;
    box-shadow: var(--store-shadow-md);
    padding: clamp(30px, 4vw, 56px);
}

.store-product-page__title {
    font-size: clamp(2.5rem, 5vw, 4.7rem);
    line-height: .95;
}

.store-product-page__price {
    border-color: var(--store-border);
}

.store-product-page__price .store-price__current {
    color: var(--store-primary);
    font-size: clamp(2.4rem, 4.4vw, 4rem);
}

.store-product-purchase__submit {
    background: var(--store-primary);
    border-radius: 999px;
    color: #fff;
    min-height: 62px;
}

.store-product-purchase__submit:hover,
.store-product-purchase__submit:focus {
    background: var(--store-accent);
    color: #fff;
}

.store-product-quantity__control {
    background: #f4f5f7;
    border-radius: 999px;
    padding: 4px;
}

.store-product-quantity__control .store-button,
.store-product-quantity__input {
    background: transparent;
    border: 0;
}

.store-product-quantity__control .store-button:first-child,
.store-product-quantity__control .store-button:last-child {
    border-radius: 999px;
}

.store-product-shipping {
    background: #f8fafb;
    border-color: transparent;
    border-radius: 8px;
}

.store-product-content__section {
    border-inline: 0;
    border-radius: 0;
}

.store-cart-page {
    gap: clamp(26px, 4vw, 46px);
}

.store-cart-page__header {
    background: #fff;
    border-bottom: 1px solid var(--store-border);
    border-radius: 0;
    color: var(--store-text);
    min-height: 0;
    padding: clamp(12px, 3vw, 34px) 0 clamp(18px, 3vw, 36px);
}

.store-cart-page__eyebrow,
.store-cart-page__header .store-cart-page__count {
    color: var(--store-text-muted);
}

.store-cart-page__title {
    color: var(--store-text);
    font-size: clamp(2.65rem, 4.6vw, 4.9rem);
}

.store-cart-page__layout {
    gap: clamp(34px, 4vw, 58px);
    grid-template-columns: minmax(0, 1fr) minmax(340px, 410px);
}

.store-cart-item,
.store-cart-summary {
    border-color: var(--store-border);
    border-radius: 8px;
    box-shadow: var(--store-shadow-sm);
}

.store-cart-item {
    padding: clamp(16px, 2vw, 24px);
}

.store-cart-item__media {
    background: #f7f8fa;
    border-radius: 8px;
}

.store-cart-summary {
    box-shadow: var(--store-shadow-md);
    padding: clamp(24px, 3vw, 34px);
    top: calc(var(--store-header-height) + 20px);
}

.store-cart-summary h2 {
    font-size: 1.35rem;
}

.store-cart-summary__checkout {
    background: var(--store-primary);
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
}

.store-cart-summary__checkout:visited {
    color: #fff !important;
}

.store-cart-summary__checkout:hover,
.store-cart-summary__checkout:focus {
    background: var(--store-accent);
    color: #fff;
}

.store-cart-quantity__control {
    background: #f4f5f7;
    border-radius: 999px;
    padding: 3px;
}

.store-cart-quantity__control .store-button,
.store-cart-quantity__input {
    background: transparent;
    border: 0;
}

.store-cart-quantity__control .store-button:first-child,
.store-cart-quantity__control .store-button:last-child {
    border-radius: 999px;
}

.customer-auth {
    max-width: 1220px;
}

.customer-auth__header {
    background: #fff;
    border-bottom: 1px solid var(--store-border);
    border-radius: 0;
    color: var(--store-text);
    margin-bottom: clamp(28px, 4vw, 48px);
    padding: clamp(24px, 5vw, 58px) 0;
}

.customer-auth__header h1 {
    color: var(--store-text);
    font-size: clamp(2.8rem, 6vw, 6rem);
    line-height: .94;
}

.customer-auth__header p {
    color: var(--store-text-muted);
    font-size: 1.08rem;
    line-height: 1.65;
}

.customer-auth__grid {
    gap: clamp(28px, 4vw, 48px);
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
}

.customer-auth-card {
    border-color: var(--store-border);
    border-radius: 8px;
    box-shadow: var(--store-shadow-sm);
}

.customer-auth-card__title {
    font-size: 1.45rem;
}

.customer-auth .form-control,
.customer-auth .form-select {
    background: #f7f8fa;
    border-color: transparent;
    border-radius: 8px;
    min-height: 54px;
}

.customer-auth .btn-group .btn {
    border-radius: 8px;
}

.customer-auth-actions .btn {
    background: var(--store-primary);
    border-color: var(--store-primary);
    color: #fff;
    min-height: 52px;
}

.customer-auth-actions .btn:hover,
.customer-auth-actions .btn:focus {
    background: var(--store-accent);
    border-color: var(--store-accent);
    color: #fff;
}

.customer-area-shell {
    gap: clamp(28px, 4vw, 52px);
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
}

.customer-area-panel,
.customer-nav,
.customer-summary-card,
.customer-address-summary,
.customer-empty-inline,
.customer-account-section,
.customer-address-card,
.customer-order-card,
.customer-order-list,
.customer-order-item,
.customer-quick-actions a {
    border-color: var(--store-border);
    border-radius: 8px;
    box-shadow: var(--store-shadow-sm);
}

.customer-area-panel {
    border: 0;
    box-shadow: none;
    padding: 0;
}

.customer-area-title {
    border-bottom-color: var(--store-border);
}

.customer-area-title h1 {
    font-size: clamp(2.6rem, 5vw, 5rem);
}

.customer-nav__header {
    background: #fff;
    color: var(--store-text);
}

.customer-nav__eyebrow {
    color: var(--store-text-muted);
}

.customer-nav__link.is-active {
    background: #f7f8fa;
    box-shadow: inset 3px 0 0 var(--store-accent);
}

.customer-dashboard-grid {
    gap: clamp(14px, 2vw, 22px);
}

.customer-summary-card {
    background: #fff;
    padding: clamp(18px, 2vw, 26px);
}

.customer-summary-card strong {
    font-size: clamp(2rem, 3vw, 3rem);
}

.customer-quick-actions a:hover {
    background: #f7f8fa;
    color: var(--store-accent);
}

.store-footer-modern {
    background: #151515;
    margin-top: clamp(72px, 8vw, 120px);
}

.store-footer-cta {
    border-bottom-color: rgba(255, 255, 255, .1);
}

.store-footer-brand img {
    border-radius: 8px;
}

@media (max-width: 1199.98px) {
    .store-header-grid {
        grid-template-columns: minmax(130px, 190px) minmax(300px, 1fr) auto;
    }

    .store-hero-editorial h1 {
        font-size: clamp(3rem, 7vw, 5.8rem);
    }
}

@media (max-width: 991.98px) {
    :root {
        --store-header-height: 164px;
    }

    .store-header-grid {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .store-brand {
        justify-content: center;
    }

    .store-hero-editorial__content {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .store-hero-editorial__actions {
        grid-column: auto;
    }

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

@media (max-width: 767.98px) {
    :root {
        --store-header-height: 142px;
    }

    .store-theme .container,
    .store-theme .store-container {
        width: min(calc(100% - 24px), var(--store-container));
    }

    .store-header-main {
        padding-block: 12px;
    }

    .store-search-box {
        min-height: 52px;
        padding-left: 14px;
    }

    .store-search-button {
        min-height: 42px;
    }

    .cookie-preferences-banner {
        border-radius: 8px 8px 0 0;
        bottom: 0;
        left: 0;
        max-width: none;
        right: 0;
        width: 100%;
    }

    .cookie-preferences-actions {
        justify-content: flex-start;
    }

    .store-hero-editorial {
        gap: 24px;
    }

    .store-hero-editorial__media,
    .store-hero-editorial__media img {
        min-height: 0;
        height: clamp(250px, 72vw, 360px);
    }

    .store-hero-editorial h1 {
        font-size: clamp(3rem, 14vw, 4.5rem);
    }

    .store-hero-editorial__copy {
        font-size: 1rem;
    }

    .store-hero-editorial__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .store-hero-editorial__actions .btn {
        width: 100%;
    }

    .store-hero-benefits {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .store-category-card-modern {
        min-height: 150px;
        padding: 18px;
    }

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

    .store-product-card-modern__media img {
        padding: 10px;
    }

    .store-product-card-modern__cta {
        min-height: 42px;
        padding-inline: 12px;
    }

    .store-product-page__details,
    .store-cart-summary,
    .customer-auth-card {
        padding: 22px;
    }

    .store-cart-page__layout,
    .customer-auth__grid {
        gap: 24px;
    }

    .customer-auth__grid,
    .customer-area-shell {
        grid-template-columns: 1fr;
    }

    .customer-auth__header h1,
    .customer-area-title h1,
    .store-cart-page__title {
        font-size: clamp(2.6rem, 14vw, 4.2rem);
    }
}

@media (max-width: 430px) {
    .store-product-grid-modern,
    .store-catalog-modern .store-product-grid-modern {
        gap: 22px 14px;
    }

    .store-product-card-modern__title {
        font-size: .94rem;
    }

    .store-product-card-modern__price strong {
        font-size: 1.22rem;
    }

    .store-category-card-modern {
        min-height: 136px;
    }
}