/**
 * Luxury Design System - Silent Luxury
 * VCommerce Premium E-Ticaret
 * 
 * Inspired by: Apple, Balenciaga, Aesop
 */

/* =========================================
   CSS Custom Properties (Design Tokens)
   ========================================= */
:root {
    /* Colors - Monochrome Palette */
    --color-base: #fafafa;
    --color-surface: #ffffff;
    --color-text-primary: #0a0a0a;
    --color-text-secondary: #525252;
    --color-text-muted: #a3a3a3;
    --color-border: rgba(0, 0, 0, 0.06);
    --color-border-hover: rgba(0, 0, 0, 0.12);

    /* Accent - Deep Blue (Only for CTA) */
    --color-accent: #095799;
    --color-accent-hover: #074a82;

    /* Typography - Plus Jakarta Sans (Apple-style Premium) */
    --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

    /* Spacing (Radikal Whitespace) */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;
    --space-2xl: 8rem;
    --space-3xl: 12rem;

    /* Modern Rounded Corners */
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-2xl: 2rem;
    --radius-full: 9999px;

    /* Header + Topbar Height */
    --header-offset: 120px;

    /* Transitions */
    --ease-luxury: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 200ms;
    --duration-normal: 400ms;
    --duration-slow: 600ms;
}

/* =========================================
   Base Styles
   ========================================= */
body.luxury-theme {
    background-color: var(--color-base);
    color: var(--color-text-primary);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Noise Texture Overlay */
body.luxury-theme::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.02;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

/* =========================================
   Typography - Premium Bold
   ========================================= */
.luxury-heading {
    font-family: var(--font-display);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: var(--color-text-primary);
}

.luxury-heading-xl {
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 800;
}

.luxury-heading-lg {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
}

.luxury-heading-md {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
}

.luxury-body {
    font-family: var(--font-body);
    font-weight: 500;
    line-height: 1.6;
    color: var(--color-text-secondary);
}

.luxury-caption {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-accent);
}

/* =========================================
   Header - Fixed with Blur
   ========================================= */
.luxury-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    transition: all var(--duration-normal) var(--ease-luxury);
    background: rgba(250, 250, 250, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--color-border);
}

.luxury-header.scrolled {
    background: rgba(250, 250, 250, 0.98);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.luxury-header-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.luxury-logo {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--color-text-primary);
    text-decoration: none;
}

.luxury-nav-icons {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.luxury-nav-icon {
    width: 24px;
    height: 24px;
    color: var(--color-text-primary);
    opacity: 0.7;
    transition: opacity var(--duration-fast) var(--ease-luxury);
    cursor: pointer;
}

.luxury-nav-icon:hover {
    opacity: 1;
}

/* =========================================
   Hero Section - Minimal Height
   ========================================= */
.luxury-hero {
    position: relative;
    height: 550px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    margin-top: 120px;
    /* Header + Topbar height */
}

@media (max-width: 768px) {
    .luxury-hero {
        height: 450px;
        margin-top: 80px;
    }
}

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

.luxury-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.2) 50%,
            transparent 100%);
}

.luxury-hero-content {
    position: relative;
    z-index: 10;
    padding: var(--space-xl);
    max-width: 800px;
}

.luxury-hero-title {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: var(--space-md);
}

.luxury-hero-subtitle {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: var(--space-lg);
    max-width: 500px;
}

/* =========================================
   Buttons - Premium Transparent Design System
   Glass / Editorial / Luxury aesthetic
   ========================================= */

/* Base Button */
.luxury-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.75rem;
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: none;
    border-radius: 0.625rem;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    overflow: hidden;
}

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

.luxury-btn:active {
    transform: translateY(0) scale(0.97);
    transition-duration: 0.1s;
}

.luxury-btn:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

/* Primary CTA - Transparent Glass on dark bg */
.luxury-btn-primary {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px) saturate(1.5);
    -webkit-backdrop-filter: blur(16px) saturate(1.5);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.luxury-btn-primary:hover {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Outline / Secondary Button - Transparent with border */
.luxury-btn-outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.luxury-btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Dark Button - For light backgrounds */
.luxury-btn-dark {
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(16px) saturate(1.5);
    -webkit-backdrop-filter: blur(16px) saturate(1.5);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.luxury-btn-dark:hover {
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

/* Magnetic Button Container */
.magnetic {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =========================================
   Section Styles
   ========================================= */
.luxury-section {
    padding: var(--space-3xl) var(--space-md);
}

.luxury-section-header {
    margin-bottom: var(--space-xl);
}

.luxury-section-title {
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 500;
    letter-spacing: -0.03em;
    color: var(--color-text-primary);
}

.luxury-section-subtitle {
    font-size: 1rem;
    color: var(--color-text-muted);
    margin-top: var(--space-xs);
}

/* =========================================
   Masonry Grid (Categories)
   ========================================= */
.luxury-masonry {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 250px;
    gap: 1rem;
}

@media (max-width: 1024px) {
    .luxury-masonry {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 200px;
    }
}

@media (max-width: 640px) {
    .luxury-masonry {
        grid-template-columns: 1fr;
        grid-auto-rows: 300px;
    }
}

.luxury-masonry-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.luxury-masonry-item.tall {
    grid-row: span 2;
}

.luxury-masonry-item.wide {
    grid-column: span 2;
}

.luxury-masonry-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--duration-slow) var(--ease-luxury);
}

.luxury-masonry-item:hover .luxury-masonry-image {
    transform: scale(1.05);
}

.luxury-masonry-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 60%);
    opacity: 0.8;
    transition: opacity var(--duration-normal) var(--ease-luxury);
}

.luxury-masonry-item:hover .luxury-masonry-overlay {
    opacity: 1;
}

.luxury-masonry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--space-md);
    color: #ffffff;
    transform: translateY(10px);
    opacity: 0.9;
    transition: all var(--duration-normal) var(--ease-luxury);
}

.luxury-masonry-item:hover .luxury-masonry-content {
    transform: translateY(0);
    opacity: 1;
}

.luxury-masonry-title {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.luxury-masonry-count {
    font-size: 0.875rem;
    opacity: 0.7;
    margin-top: 0.25rem;
}

/* =========================================
   Product Cards - Ultra Premium (SSENSE/Farfetch Style)
   Borderless, Interactive, Minimal
   ========================================= */
.luxury-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem 1.5rem;
}

@media (max-width: 1280px) {
    .luxury-products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {
    .luxury-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 1rem;
    }
}

@media (max-width: 640px) {
    .luxury-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem 0.75rem;
    }
}

/* Product Card - Borderless & Invisible */
.luxury-product-card {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}

/* Image Wrapper - 4:5 Aspect Ratio (Shorter) */
.luxury-product-image-wrapper {
    position: relative;
    aspect-ratio: 4/5;
    overflow: hidden;
    background: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

/* Primary Image */
.luxury-product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Secondary Image (Hover) */
.luxury-product-image-hover {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
}

/* Hover Overlay */
.luxury-product-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0);
    transition: background 0.4s ease;
    z-index: 5;
}

.luxury-product-card:hover .luxury-product-overlay {
    background: rgba(255, 255, 255, 0.5);
}

/* On hover, image stays visible but slightly faded */
.luxury-product-card:hover .luxury-product-image {
    opacity: 0.7;
    transform: scale(1.05);
}

.luxury-product-card:hover .luxury-product-image-hover {
    opacity: 1;
}

/* Quick Add Button - Transparent Glass (Hidden by Default) */
.luxury-quick-add {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    width: 88%;
    padding: 0.75rem 1.25rem;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(20px) saturate(1.8);
    -webkit-backdrop-filter: blur(20px) saturate(1.8);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.625rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 10;
}

.luxury-quick-add:hover {
    background: rgba(0, 0, 0, 0.8);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateX(-50%) translateY(-0.75rem) translateY(-2px);
}

.luxury-quick-add:active {
    transform: translateX(-50%) translateY(-0.75rem) scale(0.97);
    transition-duration: 0.1s;
}

.luxury-product-image-wrapper:hover .luxury-quick-add {
    transform: translateX(-50%) translateY(-0.75rem);
    opacity: 1;
}

/* Quick View Button - Transparent Glass */
.luxury-quick-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1.25rem;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(20px) saturate(1.8);
    -webkit-backdrop-filter: blur(20px) saturate(1.8);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 0.625rem;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 15;
}

.luxury-quick-view:hover {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.45);
    transform: translate(-50%, -50%) translateY(-2px) scale(1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.luxury-quick-view:active {
    transform: translate(-50%, -50%) scale(0.97);
    transition-duration: 0.1s;
}

.luxury-product-image-wrapper:hover .luxury-quick-view {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Minimal Badge - Pill Style */
.luxury-product-badge {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    padding: 0.375rem 0.75rem;
    background: #0a0a0a;
    color: #ffffff;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 9999px;
    z-index: 5;
}

.luxury-product-badge.sale {
    background: #0a0a0a;
}

.luxury-product-badge.new {
    background: #0a0a0a;
}

/* Product Info - Minimal Typography */
.luxury-product-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 0;
}

.luxury-product-details {
    flex: 1;
    min-width: 0;
}

/* Brand Name */
.luxury-product-brand {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #a3a3a3;
    margin-bottom: 0.25rem;
    display: block;
}

/* Product Name */
.luxury-product-name {
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #0a0a0a;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.2s ease;
}

.luxury-product-card:hover .luxury-product-name {
    color: #525252;
}

/* Price Container */
.luxury-product-price-container {
    text-align: right;
    flex-shrink: 0;
}

/* Regular Price */
.luxury-product-price {
    font-size: 0.875rem;
    font-weight: 500;
    color: #0a0a0a;
    margin: 0;
}

/* Old Price (Strikethrough) */
.luxury-product-price-old {
    font-size: 0.75rem;
    font-weight: 400;
    color: #d4d4d4;
    text-decoration: line-through;
    display: block;
    margin-bottom: 0.125rem;
}

/* Sale Price */
.luxury-product-price-sale {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0a0a0a;
}

/* Color Swatches */
.luxury-product-swatches {
    display: flex;
    gap: 0.375rem;
    margin-top: 0.625rem;
}

.luxury-swatch {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.luxury-swatch:hover {
    transform: scale(1.2);
}

.luxury-swatch.active {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #0a0a0a;
}

/* Wishlist Heart Button - Apple Style */
.luxury-wishlist-btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px) saturate(1.8);
    -webkit-backdrop-filter: blur(20px) saturate(1.8);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.25s ease;
    z-index: 5;
}

.luxury-wishlist-btn:hover {
    background: rgba(255, 255, 255, 0.95);
}

.luxury-wishlist-btn:active {
    transform: scale(0.9) !important;
}

.luxury-wishlist-btn svg {
    width: 0.875rem;
    height: 0.875rem;
    stroke: #86868b;
    fill: transparent;
    transition: all 0.2s ease;
}

.luxury-wishlist-btn:hover svg {
    stroke: #ff3b30;
}

.luxury-wishlist-btn.active svg {
    fill: #ff3b30;
    stroke: #ff3b30;
}

.luxury-product-image-wrapper:hover .luxury-wishlist-btn {
    opacity: 1;
    transform: scale(1);
}

/* Loading Skeleton */
.luxury-product-skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

/* =========================================
   Footer - Minimal
   ========================================= */
.luxury-footer {
    padding: var(--space-xl) var(--space-md) var(--space-md);
    border-top: 1px solid var(--color-border);
}

.luxury-footer-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.luxury-footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-xl);
    gap: var(--space-lg);
    flex-wrap: wrap;
}

.luxury-footer-brand {
    max-width: 300px;
}

.luxury-footer-logo {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--color-text-primary);
    text-decoration: none;
    display: block;
    margin-bottom: var(--space-sm);
}

.luxury-footer-desc {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    line-height: 1.6;
}

.luxury-footer-links {
    display: flex;
    gap: var(--space-xl);
    flex-wrap: wrap;
}

.luxury-footer-column h4 {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-primary);
    margin-bottom: var(--space-sm);
}

.luxury-footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.luxury-footer-column li {
    margin-bottom: 0.5rem;
}

.luxury-footer-column a {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    text-decoration: none;
    transition: color var(--duration-fast);
}

.luxury-footer-column a:hover {
    color: var(--color-text-primary);
}

/* Footer Map */
.luxury-footer-map {
    min-width: 280px;
    max-width: 320px;
}

.footer-map-wrapper {
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid var(--color-border);
}

.footer-map-wrapper iframe {
    display: block;
}

.luxury-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-md);
    border-top: 1px solid var(--color-border);
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.luxury-footer-copyright {
    font-size: 0.75rem;
    color: var(--color-text-muted);
}

.luxury-footer-socials {
    display: flex;
    gap: 1rem;
}

.luxury-footer-socials a {
    color: var(--color-text-muted);
    transition: color var(--duration-fast);
}

.luxury-footer-socials a:hover {
    color: var(--color-text-primary);
}

/* =========================================
   Animations (GSAP will enhance these)
   ========================================= */
.reveal {
    opacity: 0;
    transform: translateY(30px);
}

.revealed {
    opacity: 1;
    transform: translateY(0);
    transition: all var(--duration-slow) var(--ease-luxury);
}

/* Stagger children animation */
.stagger-children>* {
    opacity: 0;
    transform: translateY(20px);
}

.stagger-children.animated>* {
    opacity: 1;
    transform: translateY(0);
}

/* =========================================
   Scroll to Top - Apple Style
   ========================================= */
.luxury-scroll-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px) saturate(1.8);
    -webkit-backdrop-filter: blur(20px) saturate(1.8);
    color: #1d1d1f;
    border: 0.5px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 50;
}

.luxury-scroll-top.visible {
    opacity: 1;
    visibility: visible;
}

.luxury-scroll-top:hover {
    background: rgba(255, 255, 255, 0.95);
}

.luxury-scroll-top:active {
    transform: scale(0.92);
}

/* =========================================
   Mobile Menu Overlay
   ========================================= */
.luxury-mobile-menu {
    position: fixed;
    inset: 0;
    background: #ffffff;
    z-index: 200;
    display: flex;
    flex-direction: column;
    padding: 80px 24px 24px 24px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    overflow-y: auto;
}

.luxury-mobile-menu.open {
    opacity: 1;
    visibility: visible;
}

.luxury-mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.luxury-mobile-menu-close:hover {
    background: #e5e5e5;
    transform: rotate(90deg);
}

.luxury-mobile-menu-close:active {
    transform: rotate(90deg) scale(0.9);
}

.luxury-mobile-menu nav {
    flex: 1;
}

.luxury-mobile-menu nav a {
    display: flex;
    align-items: center;
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: #171717;
    text-decoration: none;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: color 0.2s ease;
}

.luxury-mobile-menu nav a:hover,
.luxury-mobile-menu nav a:active {
    color: #095799;
}

/* =========================================
   Utilities
   ========================================= */
.luxury-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .luxury-container {
        padding: 0 1.5rem;
    }
}

@media (min-width: 1024px) {
    .luxury-container {
        padding: 0 var(--space-md);
    }
}

/* Prevent horizontal scroll on mobile */
html, body {
    overflow-x: hidden;
    max-width: 100vw;
}

.luxury-hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.luxury-hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Page Top Spacing for Fixed Header */
.page-top {
    padding-top: var(--header-offset);
}

/* Modern Card Styles */
.luxury-card {
    background: var(--color-surface);
    border-radius: var(--radius-xl);
    overflow: hidden;
    transition: all var(--duration-normal) var(--ease-luxury);
}

.luxury-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* Button Rounded - handled in main .luxury-btn block */

/* Input Rounded */
.luxury-input {
    border-radius: var(--radius-lg);
    background: var(--color-base);
    border: 1px solid var(--color-border);
    padding: 1rem 1.25rem;
    transition: all var(--duration-fast);
}

.luxury-input:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(9, 87, 153, 0.1);
}
/* =========================================
   Re-Em Premium vCommerce Demo Blocks
========================================= */
.vc-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media(min-width:1024px){.vc-container{padding:0 2.5rem}}
.wd-hero-section{position:relative;background:#f5f0eb;overflow:hidden}.wd-hero-stage{height:520px;position:relative}@media(min-width:1024px){.wd-hero-stage{height:640px}}.wd-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease}.wd-slide.is-active{opacity:1;pointer-events:auto;z-index:2}.wd-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wd-slide-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(245,240,235,.95) 0%,rgba(245,240,235,.72) 36%,rgba(245,240,235,.12) 70%,transparent 100%)}.wd-slide-content{position:relative;z-index:3;height:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.wd-slide-category{font-size:.875rem;color:#6b6b6b;margin-bottom:1rem}.wd-slide-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.4rem,6vw,5.6rem);font-weight:400;letter-spacing:-.035em;line-height:1.05;color:#111;margin-bottom:1.25rem}.wd-slide-desc{font-size:1rem;color:#666;line-height:1.7;max-width:460px;margin-bottom:1.5rem}.wd-slide-btn{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:.85rem 1.8rem;background:#111;color:#fff;border-radius:999px;text-decoration:none;font-size:.85rem;font-weight:800}.wd-slider-dots{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);z-index:10;display:flex;gap:.5rem}.wd-slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(0,0,0,.17)}.wd-slider-dots button.active{background:#111}
.wd-circle-cats{padding:3.5rem 0;background:#f5f0eb}.wd-left-head{margin-bottom:2rem}.wd-left-head h2{font-size:1.65rem;font-weight:800;color:#111;margin-bottom:.35rem}.wd-left-head p{color:#888;font-size:.9rem}.wd-circle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(min-width:640px){.wd-circle-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.wd-circle-grid{grid-template-columns:repeat(5,1fr)}}.wd-circle-cat{text-align:center;text-decoration:none;color:#111}.wd-circle-cat span{display:block;position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#e8e3dc}.wd-circle-cat img{width:100%;height:100%;object-fit:cover;transition:.55s ease}.wd-circle-cat:hover img{transform:scale(1.1)}.wd-circle-cat b{display:block;margin-top:.85rem;font-size:.86rem;font-weight:800}
.wd-products-section{padding:3.5rem 0;background:#faf8f6}.wd-section-header{text-align:center;margin-bottom:2.5rem}.wd-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(min-width:768px){.wd-products-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.wd-products-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.wd-products-grid{grid-template-columns:repeat(5,1fr)}}.wd-products-grid.small{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.wd-products-grid.small{grid-template-columns:repeat(4,1fr)}}
.wd-product-card{position:relative}.wd-product-card-link{display:block;color:inherit;text-decoration:none}.wd-product-img{position:relative;aspect-ratio:1/1;border-radius:.8rem;overflow:hidden;background:#f0ece7;margin-bottom:.85rem}.wd-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .4s ease}.wd-product-card:hover .wd-product-img img{transform:scale(1.055);filter:brightness(.94)}.wd-product-actions{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;opacity:0;transform:translateY(.65rem);transition:.35s cubic-bezier(.16,1,.3,1);z-index:4}.wd-product-card:hover .wd-product-actions{opacity:1;transform:translateY(0)}.wd-add-cart-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;height:42px;border:0;border-radius:.6rem;background:rgba(17,17,17,.9);backdrop-filter:blur(10px);color:#fff;font-size:.78rem;font-weight:800;cursor:pointer}.wd-wishlist-btn{position:absolute;top:.75rem;right:.75rem;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:#888;box-shadow:0 5px 15px #0001;opacity:0;transform:scale(.9);transition:.25s;z-index:5}.wd-product-card:hover .wd-wishlist-btn{opacity:1;transform:scale(1)}.wd-wishlist-btn:hover{color:#dc2626}.wd-sale-badge{position:absolute;top:.75rem;left:.75rem;padding:.25rem .65rem;background:#c0392b;color:#fff;font-size:.7rem;font-weight:800;border-radius:999px;z-index:5}.wd-product-meta{font-size:.7rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.wd-product-name{font-size:.88rem;font-weight:800;color:#222;line-height:1.4;margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wd-product-price{display:flex;align-items:center;gap:.45rem}.wd-product-price span{font-size:.78rem;color:#bbb;text-decoration:line-through}.wd-product-price b{font-size:.94rem;color:#111}
.wd-promo-section{padding:3.5rem 0;background:#fff}.wd-promo-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.wd-promo-grid{grid-template-columns:repeat(2,1fr)}}.wd-promo-card{position:relative;display:block;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;text-decoration:none;color:#fff}.wd-promo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.48),transparent 75%);z-index:2}.wd-promo-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.wd-promo-card:hover img{transform:scale(1.055)}.wd-promo-card div{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;padding:2rem}.wd-promo-card small{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#ffffffb8;margin-bottom:.7rem}.wd-promo-card b{font-size:1.6rem;line-height:1.25}.wd-promo-card span{margin-top:1rem;font-size:.85rem;font-weight:800}
.wd-trust{padding:3rem 0;background:#fff;border-top:1px solid #f0f0f0}.wd-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(min-width:1024px){.wd-trust-grid{grid-template-columns:repeat(4,1fr)}}.wd-trust-grid div{display:grid;grid-template-columns:48px 1fr;column-gap:1rem;align-items:center}.wd-trust-grid i,.wd-trust-grid svg{grid-row:span 2;width:48px;height:48px;padding:13px;border-radius:14px;background:#f5f0eb;color:#8b7355}.wd-trust-grid b{font-size:.88rem}.wd-trust-grid span{font-size:.78rem;color:#888}
.wd-blog-section{padding:3.5rem 0 4rem;background:#fff}.wd-blog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.wd-blog-head h2{font-size:1.65rem;font-weight:800}.wd-blog-head a{border:1px solid #ddd;border-radius:999px;padding:.65rem 1.2rem;text-decoration:none;color:#555;font-size:.85rem;font-weight:800}.wd-blog-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.wd-blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.wd-blog-grid{grid-template-columns:repeat(4,1fr)}}.wd-blog-grid a{text-decoration:none;color:inherit}.wd-blog-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:.7rem;margin-bottom:1rem}.wd-blog-grid h3{font-size:1rem;font-weight:800;margin-bottom:.5rem}.wd-blog-grid p{font-size:.86rem;color:#888;line-height:1.6}.wd-blog-grid span{display:inline-block;margin-top:.7rem;color:#8b7355;font-size:.84rem;font-weight:800}.wd-newsletter{padding:3.5rem 1.5rem;background:#111;color:#fff;text-align:center}.wd-newsletter>div{max-width:620px;margin:0 auto}.wd-newsletter small{color:#777;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.wd-newsletter h2{font-size:1.65rem;font-weight:800;margin:.7rem 0}.wd-newsletter p{color:#999;margin-bottom:1.7rem}.wd-newsletter form{display:flex;gap:.65rem;max-width:440px;margin:0 auto}.wd-newsletter input{flex:1;background:#222;border:1px solid #444;color:#fff;border-radius:999px;padding:.9rem 1.2rem}.wd-newsletter button{border:0;border-radius:999px;background:#fff;color:#111;padding:.9rem 1.5rem;font-weight:800}
/* Product Detail */
.pdp-page{background:#fff;padding-bottom:4rem}.wd-pdp-topbar{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0;margin-bottom:1.5rem;border-bottom:1px solid #eee;font-size:.82rem;color:#999}.wd-pdp-topbar div{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.wd-pdp-topbar a{text-decoration:none;color:#999}.wd-pdp-topbar b{color:#111}.wd-pdp-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.wd-pdp-grid{grid-template-columns:1.05fr 1fr;gap:3.5rem}}.wd-pdp-main-img{position:relative;aspect-ratio:1/1;border-radius:.9rem;overflow:hidden;background:#f5f0eb}.wd-pdp-main-img img{width:100%;height:100%;object-fit:contain;transition:.45s}.wd-pdp-main-img:hover img{transform:scale(1.035)}.wd-pdp-sale{position:absolute;top:1rem;left:1rem;background:#c0392b;color:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.75rem;font-weight:800}.wd-pdp-cat{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.wd-pdp-cat a{text-decoration:none;color:#8b7355}.wd-pdp-info h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.12;margin-bottom:.9rem}.wd-pdp-rating{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem}.wd-pdp-rating span{color:#f59e0b;letter-spacing:1px}.wd-pdp-rating a{color:#777;text-decoration:none;font-size:.86rem}.wd-pdp-desc{color:#666;line-height:1.7;margin-bottom:1.4rem}.wd-pdp-price{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1.6rem}.wd-pdp-price span{font-size:1.25rem;color:#bbb;text-decoration:line-through}.wd-pdp-price b{font-size:2rem;color:#111;letter-spacing:-.03em}.wd-pdp-actions{display:flex;gap:.8rem;margin-bottom:1.2rem}.wd-pdp-qty{display:inline-flex;border:1px solid #ddd;border-radius:999px;overflow:hidden}.wd-pdp-qty button{width:42px;border:0;background:#fff;font-size:1.1rem;cursor:pointer}.wd-pdp-qty input{width:52px;text-align:center;border:0;border-left:1px solid #ddd;border-right:1px solid #ddd;font-weight:800}.wd-pdp-add-btn{flex:1;min-width:180px;height:48px;border:0;border-radius:999px;background:#111;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.5rem}.wd-pdp-secondary{display:flex;gap:1rem;margin-bottom:2rem}.wd-pdp-secondary button{display:flex;gap:.35rem;align-items:center;background:transparent;border:0;color:#666;cursor:pointer}.wd-accordion{border-top:1px solid #eee}.wd-accordion>div{border-bottom:1px solid #eee}.wd-accordion button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;background:transparent;border:0;font-weight:800;color:#111}.wd-accordion table{width:100%;font-size:.86rem;color:#666;margin-bottom:1rem}.wd-accordion td{padding:.7rem 0;border-bottom:1px solid #f3f3f3}.wd-accordion td:first-child{font-weight:800;color:#222}.wd-accordion p{color:#666;line-height:1.7;padding-bottom:1rem}.wd-reviews{margin-top:3.5rem;padding-top:2rem;border-top:1px solid #eee}.wd-review-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.wd-review-head h2,.wd-related h2{font-size:1.55rem;font-weight:800}.wd-review-head p{color:#777;margin-top:.3rem}.wd-review-score{font-size:2.4rem;font-weight:800;color:#111}.wd-review-message{background:#f5f0eb;border:1px solid #eadfce;border-radius:14px;padding:1rem;margin-bottom:1rem;color:#7a5a1e;font-weight:700}.wd-review-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:900px){.wd-review-layout{grid-template-columns:1fr 380px}}.wd-review-list article{border-bottom:1px solid #eee;padding:1rem 0}.wd-review-list article div{display:flex;justify-content:space-between;gap:1rem}.wd-review-list span{color:#f59e0b}.wd-review-list p{color:#555;line-height:1.7;margin:.6rem 0}.wd-review-list small{color:#aaa}.wd-review-form{background:#faf8f6;border:1px solid #eee;border-radius:18px;padding:1.25rem;height:max-content}.wd-review-form h3{font-size:1.2rem;font-weight:800;margin-bottom:1rem}.wd-review-form input,.wd-review-form textarea{width:100%;border:1px solid #ddd;border-radius:12px;padding:.85rem 1rem;margin-bottom:.8rem;background:#fff}.wd-rating-select{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.8rem;color:#f59e0b}.wd-rating-select input{width:auto;margin:0}.wd-review-form button{width:100%;border:0;border-radius:999px;background:#111;color:#fff;font-weight:800;padding:.9rem 1rem}.wd-review-form p{font-size:.78rem;color:#888;margin-top:.75rem}.wd-related{margin-top:3rem;padding-top:2rem;border-top:1px solid #eee}


/* =========================================
   Re-Em Premium Commerce Additions
   Cart / Auth / WhatsApp Price / Admin UI
   ========================================= */
.wd-sale-badge.wp-price,.wd-pdp-sale.wp{background:#18a058!important;color:#fff!important}.wd-add-cart-btn.wp{background:linear-gradient(135deg,#128c7e,#25d366)!important}.wd-product-price .wp-text{font-size:.82rem;color:#128c7e;font-weight:800}.wd-pdp-price .wp-price-title{display:block;color:#128c7e;font-size:1.55rem}.wd-pdp-price small{display:block;color:#777;font-size:.85rem;line-height:1.6;margin-top:.5rem}.wd-pdp-whatsapp{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;height:48px;border-radius:999px;background:linear-gradient(135deg,#128c7e,#25d366);color:#fff;text-decoration:none;font-weight:800;margin:1rem 0;box-shadow:0 14px 35px rgba(37,211,102,.22);transition:.25s}.wd-pdp-whatsapp:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(37,211,102,.28)}.wd-pdp-note{background:#f0fff7;border:1px solid #d6f7e3;color:#236b43;border-radius:16px;padding:14px 16px;font-size:.86rem;line-height:1.55;margin-bottom:1.5rem}
.cart-premium-page{background:linear-gradient(180deg,#fff 0%,#faf8f6 100%);padding:5rem 1rem}.cart-wrap{max-width:1280px;margin:0 auto}.cart-wrap h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.04em;margin-bottom:2rem}.cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:2.5rem}.cart-list{display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:1.25rem;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:24px;padding:1.1rem;box-shadow:0 18px 45px rgba(0,0,0,.045)}.cart-item.wp-item{border-color:rgba(37,211,102,.22);background:linear-gradient(135deg,#fff 0%,#f6fff9 100%)}.cart-img{width:120px;height:120px;border-radius:18px;overflow:hidden;background:#f2eee8}.cart-img img{width:100%;height:100%;object-fit:cover}.cart-cat{font-size:.72rem;color:#aaa;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}.cart-name{display:block;color:#111;text-decoration:none;font-size:1.1rem;font-weight:850;margin-bottom:.25rem}.cart-sku{font-size:.78rem;color:#999;margin-bottom:.45rem}.cart-unit{font-weight:800}.cart-wp-label{display:inline-flex;background:#e9fff1;color:#128c7e;border:1px solid #c9f4d8;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:850}.cart-actions{display:flex;align-items:center;gap:.75rem;margin-top:.85rem;flex-wrap:wrap}.cart-qty{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:999px;overflow:hidden;background:#fff}.cart-qty button{width:38px;height:38px;border:0;background:#fff;font-size:1.1rem;cursor:pointer}.cart-qty input{width:46px;height:38px;border:0;border-left:1px solid #eee;border-right:1px solid #eee;text-align:center;font-weight:800}.cart-remove{border:0;background:transparent;color:#ef4444;font-weight:700;cursor:pointer}.cart-wp-btn{display:inline-flex;text-decoration:none;background:#128c7e;color:#fff;border-radius:999px;padding:.6rem .9rem;font-weight:850;font-size:.82rem}.cart-line-total{font-size:1.05rem;font-weight:900;white-space:nowrap}.cart-summary{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:28px;padding:2rem;box-shadow:0 18px 45px rgba(0,0,0,.055);align-self:start;position:sticky;top:1rem}.cart-summary h2{font-size:1.35rem;font-weight:900;margin-bottom:1.5rem}.sum-row,.sum-total{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;border-bottom:1px solid #eee}.sum-total{border:0;margin-top:.75rem}.sum-total b{font-size:1.65rem}.cart-summary label{display:block;margin-top:1.25rem;margin-bottom:.55rem;font-weight:800}.coupon{display:flex;gap:.5rem}.coupon input{flex:1;border:1px solid #ddd;border-radius:12px;padding:.9rem 1rem}.coupon button{border:0;background:#222;color:#fff;border-radius:12px;padding:0 1rem;font-weight:900}.checkout-btn,.whatsapp-summary,.cart-empty a{display:flex;justify-content:center;align-items:center;gap:.65rem;width:100%;height:56px;border-radius:16px;background:linear-gradient(135deg,#111,#2d2d2d);color:#fff;text-decoration:none;font-weight:900;margin-top:1.3rem;transition:.25s}.checkout-btn:hover,.cart-empty a:hover{transform:translateY(-2px)}.whatsapp-summary{background:linear-gradient(135deg,#128c7e,#25d366);height:auto;min-height:52px;text-align:center;padding:.9rem}.cart-alert{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:16px;padding:1rem;margin:1rem 0;font-size:.88rem;line-height:1.55}.cart-empty{background:#fff;border:1px solid #eee;border-radius:28px;padding:3rem;box-shadow:0 18px 45px rgba(0,0,0,.045);max-width:640px}.cart-empty h2{font-size:1.6rem;font-weight:900}.cart-empty p{color:#666;margin:.5rem 0 1.5rem}.cart-empty a{max-width:220px}
.auth-page{min-height:62vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#faf8f6);padding:4rem 1rem}.auth-card{width:100%;max-width:460px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:30px;padding:2.25rem;box-shadow:0 24px 70px rgba(0,0,0,.08)}.auth-badge{display:inline-flex;background:#f5f0eb;color:#8b7355;border-radius:999px;padding:.45rem .8rem;font-size:.75rem;font-weight:900;margin-bottom:1rem}.auth-card h1,.account-wrap h1{font-size:2rem;font-weight:950;letter-spacing:-.04em;margin-bottom:.5rem}.auth-sub,.account-wrap p{color:#777;line-height:1.6;margin-bottom:1.5rem}.auth-card form{display:flex;flex-direction:column;gap:.8rem}.auth-card input{height:52px;border:1px solid #ddd;border-radius:16px;padding:0 1rem;outline:0}.auth-card input:focus{border-color:#111;box-shadow:0 0 0 4px rgba(0,0,0,.05)}.auth-card button{height:54px;border:0;border-radius:16px;background:#111;color:#fff;font-weight:900}.auth-links{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}.auth-links a{color:#555;text-decoration:none;font-size:.88rem}.auth-error,.auth-ok{border-radius:14px;padding:.85rem 1rem;margin-bottom:1rem;font-weight:700;font-size:.88rem}.auth-error{background:#fef2f2;color:#b91c1c}.auth-ok{background:#f0fdf4;color:#15803d}.account-page{background:#faf8f6;padding:5rem 1rem}.account-wrap{max-width:1100px;margin:0 auto}.account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.account-card{background:#fff;border:1px solid #eee;border-radius:24px;padding:1.5rem;box-shadow:0 18px 45px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:.5rem}.account-card b{font-size:1.05rem}.account-card span,.account-card a{color:#666;text-decoration:none;font-size:.9rem}.admin-premium-form{background:#fff;border-radius:28px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 18px 50px rgba(0,0,0,.06);border:1px solid #eee}.admin-premium-form .form-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.admin-premium-form h2{font-size:1.4rem;font-weight:900}.admin-premium-form p{color:#777}.admin-premium-form .form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.admin-premium-form input,.admin-premium-form select,.admin-premium-form textarea{border:1px solid #ddd;border-radius:16px;padding:.9rem 1rem;outline:0}.admin-premium-form .span2{grid-column:span 2}.admin-premium-form .span4{grid-column:span 4}.admin-premium-form button{border:0;border-radius:16px;background:#111;color:#fff;padding:.9rem 1.2rem;font-weight:900}.admin-table-card{background:#fff;border:1px solid #eee;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.06)}.admin-table-card table{width:100%;border-collapse:collapse}.admin-table-card th{text-align:left;background:#fafafa;padding:1rem;color:#777;font-size:.8rem;text-transform:uppercase}.admin-table-card td{padding:1rem;border-top:1px solid #eee}.admin-prod{display:flex;align-items:center;gap:.8rem}.admin-prod img{width:54px;height:54px;object-fit:cover;border-radius:14px;background:#eee}.admin-prod b{display:block}.admin-prod small{color:#999}.pill{display:inline-flex;border-radius:999px;background:#eee;padding:.35rem .7rem;font-size:.75rem;font-weight:900}.pill.wp{background:#e9fff1;color:#128c7e}
@media(max-width:980px){.cart-grid{grid-template-columns:1fr}.cart-summary{position:static}.account-grid{grid-template-columns:1fr 1fr}.admin-premium-form .form-grid{grid-template-columns:1fr 1fr}.admin-premium-form .span2,.admin-premium-form .span4{grid-column:span 2}}@media(max-width:640px){.cart-item{grid-template-columns:92px 1fr}.cart-line-total{grid-column:2}.cart-img{width:92px;height:92px}.cart-summary{padding:1.25rem}.account-grid{grid-template-columns:1fr}.admin-premium-form .form-grid{grid-template-columns:1fr}.admin-premium-form .span2,.admin-premium-form .span4{grid-column:auto}.auth-card{padding:1.5rem}}

/* Re-Em premium PLP/category/admin/customer additions */
.wd-cat-hero{position:relative;background:#f7f4f0;padding:2.5rem 1.5rem;overflow:hidden}.wd-cat-hero h1{position:relative;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;color:#1a1a1a;font-style:italic}.wd-cat-hero .wd-breadcrumb{position:relative;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#999;margin-bottom:1rem;flex-wrap:wrap}.wd-cat-hero .wd-breadcrumb a{color:#999;text-decoration:none}.wd-cat-hero .wd-breadcrumb a:hover{color:#1a1a1a}.wd-sidebar{width:260px;flex-shrink:0}.wd-sidebar-section{padding:1.25rem 0;border-bottom:1px solid #eee}.wd-sidebar-title{font-size:.875rem;font-weight:700;color:#1a1a1a;margin-bottom:.875rem}.wd-sidebar-link{display:flex;align-items:center;justify-content:space-between;padding:.375rem 0;font-size:.8125rem;color:#666;text-decoration:none;transition:.2s}.wd-sidebar-link:hover,.wd-sidebar-link.active{color:#1a1a1a;font-weight:600}.wd-sidebar-link .count{font-size:.75rem;color:#bbb}.wd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;margin-bottom:1.5rem;border-bottom:1px solid #eee}.wd-toolbar-info{font-size:.8125rem;color:#888}.wd-toolbar-sort select{padding:.5rem 2rem .5rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.8125rem;color:#333;background:#fff}.wd-product-card,.wd-plp-card{position:relative}.wd-product-card-link{display:block;text-decoration:none}.wd-product-img,.wd-plp-card-img{position:relative;aspect-ratio:1/1;border-radius:.7rem;overflow:hidden;background:#f0ece7;margin-bottom:.75rem}.wd-product-img img,.wd-plp-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.wd-product-card:hover .wd-product-img img,.wd-plp-card:hover .wd-plp-card-img img{transform:scale(1.05)}.wd-wishlist-btn{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:#999;border:none;cursor:pointer;opacity:0;transition:.2s;z-index:2}.wd-product-card:hover .wd-wishlist-btn{opacity:1}.wd-product-actions{position:absolute;bottom:.75rem;left:.75rem;right:.75rem;opacity:0;transform:translateY(.5rem);transition:.3s}.wd-product-card:hover .wd-product-actions{opacity:1;transform:translateY(0)}.wd-add-cart-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem;background:rgba(26,26,26,.88);backdrop-filter:blur(8px);border:0;border-radius:.55rem;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer}.wd-add-cart-btn.wp{background:#128c4a}.wd-sale-badge{position:absolute;top:.75rem;left:.75rem;padding:.2rem .625rem;background:#c0392b;color:#fff;font-size:.6875rem;font-weight:800;border-radius:50px;z-index:2}.wd-sale-badge.wp-price{background:#128c4a}.wd-product-meta{font-size:.6875rem;color:#aaa;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.05em}.wd-product-name{font-size:.8125rem;font-weight:700;color:#333;line-height:1.4;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wd-product-price{font-size:.875rem;color:#1a1a1a}.wd-product-price span{font-size:.75rem;color:#bbb;text-decoration:line-through;margin-right:.4rem}.wd-product-price b{font-weight:800}.wd-product-price .wp-text{color:#128c4a;font-size:.8rem}.pdp-thumbs{display:flex;gap:.65rem;margin-top:.85rem;overflow-x:auto}.pdp-thumbs button{width:76px;height:76px;border:2px solid transparent;border-radius:.65rem;overflow:hidden;background:#f5f0eb;flex:0 0 auto}.pdp-thumbs img{width:100%;height:100%;object-fit:cover}.zoomable{cursor:zoom-in}.zoom-lens{position:absolute;width:86px;height:86px;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.25);box-shadow:0 10px 35px rgba(0,0,0,.18);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.zoom-preview{position:absolute;right:1rem;bottom:1rem;width:180px;height:180px;border-radius:1rem;background-size:250%;background-repeat:no-repeat;border:4px solid rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(0,0,0,.25);z-index:5;pointer-events:none}.vc-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:99999;padding:2rem}.vc-lightbox img{max-width:92vw;max-height:86vh;border-radius:1rem;box-shadow:0 30px 90px rgba(0,0,0,.4)}.vc-lightbox button{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:28px;line-height:1;cursor:pointer}.review-images{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.review-images button{width:72px;height:72px;padding:0;border:0;border-radius:.7rem;overflow:hidden;background:#eee;cursor:pointer}.review-images img{width:100%;height:100%;object-fit:cover}.review-upload{font-size:.8rem;color:#666;display:flex;flex-direction:column;gap:.4rem}.account-page{padding:3rem 1.5rem;background:#f6f3ee;min-height:70vh}.account-wrap{max-width:1180px;margin:0 auto}.auth-badge{display:inline-flex;padding:.35rem .75rem;border-radius:999px;background:#1a1a1a;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.account-wrap h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em;margin:.75rem 0 .35rem}.account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2rem}.account-card{background:rgba(255,255,255,.86);border:1px solid rgba(0,0,0,.06);box-shadow:0 15px 50px rgba(0,0,0,.06);border-radius:1.25rem;padding:1.25rem;display:flex;flex-direction:column;gap:.45rem}.account-card b{font-size:1rem}.account-card span,.account-card a{color:#666;font-size:.875rem}.admin-prod img{width:52px;height:52px;border-radius:12px;object-fit:cover}.pill.wp{background:#dcfce7;color:#166534}.form-grid .span4{grid-column:1/-1}@media(max-width:1023px){.wd-sidebar{width:100%}.account-grid{grid-template-columns:1fr 1fr}.zoom-preview{display:none}}@media(max-width:640px){.account-grid{grid-template-columns:1fr}.wd-toolbar{align-items:flex-start;flex-direction:column}.wd-cat-hero{padding:2rem 1rem}.pdp-thumbs button{width:62px;height:62px}}