/*
Theme Name: backlightstar - فروشگاه قطعات تلویزیون
Theme URI: https://backlightstar.ir
Author: Your Name
Author URI: https://backlightstar.ir
Description: یک قالب فروشگاهی شیک و حرفه‌ای برای قطعات تلویزیون (ووکامرس) با تمرکز بر قطعات LED و طراحی مدرن.
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: backlightstar
Tags: woocommerce, e-commerce, rtl, responsive-layout, modern, clean, luxury
*/

/* ==================== CSS Variables ==================== */
:root {
    /* Primary Colors */
    --primary: #2c3e50;
    --secondary: #3498db;
    --accent: #e74c3c;
    --gold: #f1c40f;
    --light: #ecf0f1;
    --dark: #2c3e50;
    --text: #222222;
    --gray: #95a5a6;
    
    /* Luxury Variables */
    --luxury-gold: #D4AF37;
    --luxury-gold-light: #E6C158;
    --luxury-gold-dark: #B8941F;
    --luxury-black: #1a1a1a;
    --luxury-dark: #2d2d2d;
    --luxury-gray: #4a4a4a;
    --luxury-light: #f8f9fa;
    --luxury-white: #ffffff;
    --luxury-success: #28a745;
    --luxury-success-light: #34ce57;
    --luxury-success-dark: #1e7e34;
    --luxury-danger: #dc3545;
    --luxury-warning: #ffc107;
    --luxury-info: #17a2b8;
    
    /* Fonts */
    --luxury-font: "Vazirmatn", "Vazir", "IRANYekan", Tahoma, sans-serif;
    --luxury-font-heading: "Vazirmatn", "Vazir", "IRANYekan", Tahoma, sans-serif;
    
    /* Border Radius */
    --luxury-radius-sm: 6px;
    --luxury-radius: 12px;
    --luxury-radius-lg: 20px;
    --luxury-radius-xl: 30px;
    
    /* Shadows */
    --luxury-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --luxury-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    --luxury-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.15);
    --luxury-shadow-xl: 0 24px 64px rgba(0, 0, 0, 0.2);
    
    /* Glows */
    --luxury-glow: 0 0 20px rgba(212, 175, 55, 0.3);
    --luxury-success-glow: 0 0 20px rgba(40, 167, 69, 0.3);
    --luxury-danger-glow: 0 0 20px rgba(220, 53, 69, 0.3);
    --luxury-info-glow: 0 0 20px rgba(23, 162, 184, 0.3);
    
    /* Transitions */
    --luxury-transition-fast: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --luxury-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --luxury-transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    
    /* Spacing */
    --luxury-spacing-xs: 0.5rem;
    --luxury-spacing-sm: 1rem;
    --luxury-spacing: 1.5rem;
    --luxury-spacing-lg: 2rem;
    --luxury-spacing-xl: 3rem;
    --luxury-spacing-2xl: 4rem;
    
    /* Breakpoints */
    --breakpoint-xs: 480px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    
    /* Z-index Layers */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-notification: 1080;
}

/* ==================== CSS Reset و Normalize ==================== */
/* Reset و فونت‌ها */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: var(--luxury-font);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    color: var(--text);
    background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
    background-attachment: fixed;
    text-align: right;
    direction: rtl;
    min-height: 100vh;
    overflow-x: clip; /* به جای hidden برای جلوگیری از مشکلات accessibility */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* جلوگیری از اسکرول افقی */
body.no-scroll,
body.menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/* Font Faces با fallback کامل */
@font-face {
    font-family: 'Vazir';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir.woff') format('woff');
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn[wght].woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn[wght].woff') format('woff');
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
}

/* Fallback fonts برای مرورگرهای قدیمی */
@supports not (font-variation-settings: normal) {
    @font-face {
        font-family: 'Vazirmatn';
        src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
        font-weight: 400;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Vazirmatn';
        src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
        font-weight: 700;
        font-display: swap;
    }
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--luxury-font-heading);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: var(--luxury-spacing);
    color: var(--luxury-dark);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

h1 { 
    font-size: 2.5rem; 
    margin-top: 0;
}
h2 { 
    font-size: 2rem; 
    margin-top: 0;
}
h3 { 
    font-size: 1.75rem; 
    margin-top: 0;
}
h4 { 
    font-size: 1.5rem; 
    margin-top: 0;
}
h5 { 
    font-size: 1.25rem; 
    margin-top: 0;
}
h6 { 
    font-size: 1rem; 
    margin-top: 0;
}

p {
    margin-bottom: var(--luxury-spacing);
    line-height: 1.8;
    word-wrap: break-word;
}

a {
    color: var(--secondary);
    text-decoration: none;
    transition: var(--luxury-transition-fast);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

a:hover,
a:focus {
    color: var(--luxury-gold);
    text-decoration: none;
    outline: none;
}

a:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
    border-radius: 3px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    border-style: none;
    vertical-align: middle;
}

picture {
    display: block;
}

/* Responsive images */
img.lazyload,
img.lazyloading {
    opacity: 0;
    transition: opacity 0.3s ease;
}

img.lazyloaded {
    opacity: 1;
}

ul, ol {
    padding-right: var(--luxury-spacing);
    margin-bottom: var(--luxury-spacing);
    list-style-position: inside;
}

li {
    margin-bottom: var(--luxury-spacing-sm);
    line-height: 1.6;
}

/* لیست‌های تو در تو */
ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: var(--luxury-spacing-sm);
    margin-bottom: 0;
    padding-right: var(--luxury-spacing);
}

/* Form elements reset */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
}

button {
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button:focus {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

input {
    overflow: visible;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

/* Accessibility */
.screen-reader-text,
.visually-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Selection */
::selection {
    background-color: var(--luxury-gold);
    color: var(--luxury-white);
    text-shadow: none;
}

::-moz-selection {
    background-color: var(--luxury-gold);
    color: var(--luxury-white);
    text-shadow: none;
}

/* ==================== Utility Classes ==================== */
/* Container */
.luxury-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--luxury-spacing);
}

.luxury-container-fluid {
    width: 100%;
    padding: 0 var(--luxury-spacing);
}

/* Wrapper برای محتوای اصلی */
.luxury-main-wrapper {
    min-height: 60vh;
    padding-top: var(--luxury-spacing);
    padding-bottom: var(--luxury-spacing-2xl);
}

/* Spacing Utilities */
.luxury-m-0 { margin: 0 !important; }
.luxury-mt-0 { margin-top: 0 !important; }
.luxury-mt-1 { margin-top: var(--luxury-spacing-xs) !important; }
.luxury-mt-2 { margin-top: var(--luxury-spacing-sm) !important; }
.luxury-mt-3 { margin-top: var(--luxury-spacing) !important; }
.luxury-mt-4 { margin-top: var(--luxury-spacing-lg) !important; }
.luxury-mt-5 { margin-top: var(--luxury-spacing-xl) !important; }

.luxury-mr-0 { margin-right: 0 !important; }
.luxury-mr-1 { margin-right: var(--luxury-spacing-xs) !important; }
.luxury-mr-2 { margin-right: var(--luxury-spacing-sm) !important; }
.luxury-mr-3 { margin-right: var(--luxury-spacing) !important; }
.luxury-mr-4 { margin-right: var(--luxury-spacing-lg) !important; }
.luxury-mr-5 { margin-right: var(--luxury-spacing-xl) !important; }

.luxury-mb-0 { margin-bottom: 0 !important; }
.luxury-mb-1 { margin-bottom: var(--luxury-spacing-xs) !important; }
.luxury-mb-2 { margin-bottom: var(--luxury-spacing-sm) !important; }
.luxury-mb-3 { margin-bottom: var(--luxury-spacing) !important; }
.luxury-mb-4 { margin-bottom: var(--luxury-spacing-lg) !important; }
.luxury-mb-5 { margin-bottom: var(--luxury-spacing-xl) !important; }

.luxury-ml-0 { margin-left: 0 !important; }
.luxury-ml-1 { margin-left: var(--luxury-spacing-xs) !important; }
.luxury-ml-2 { margin-left: var(--luxury-spacing-sm) !important; }
.luxury-ml-3 { margin-left: var(--luxury-spacing) !important; }
.luxury-ml-4 { margin-left: var(--luxury-spacing-lg) !important; }
.luxury-ml-5 { margin-left: var(--luxury-spacing-xl) !important; }

.luxury-p-0 { padding: 0 !important; }
.luxury-pt-0 { padding-top: 0 !important; }
.luxury-pt-1 { padding-top: var(--luxury-spacing-xs) !important; }
.luxury-pt-2 { padding-top: var(--luxury-spacing-sm) !important; }
.luxury-pt-3 { padding-top: var(--luxury-spacing) !important; }
.luxury-pt-4 { padding-top: var(--luxury-spacing-lg) !important; }
.luxury-pt-5 { padding-top: var(--luxury-spacing-xl) !important; }

.luxury-pr-0 { padding-right: 0 !important; }
.luxury-pr-1 { padding-right: var(--luxury-spacing-xs) !important; }
.luxury-pr-2 { padding-right: var(--luxury-spacing-sm) !important; }
.luxury-pr-3 { padding-right: var(--luxury-spacing) !important; }
.luxury-pr-4 { padding-right: var(--luxury-spacing-lg) !important; }
.luxury-pr-5 { padding-right: var(--luxury-spacing-xl) !important; }

.luxury-pb-0 { padding-bottom: 0 !important; }
.luxury-pb-1 { padding-bottom: var(--luxury-spacing-xs) !important; }
.luxury-pb-2 { padding-bottom: var(--luxury-spacing-sm) !important; }
.luxury-pb-3 { padding-bottom: var(--luxury-spacing) !important; }
.luxury-pb-4 { padding-bottom: var(--luxury-spacing-lg) !important; }
.luxury-pb-5 { padding-bottom: var(--luxury-spacing-xl) !important; }

.luxury-pl-0 { padding-left: 0 !important; }
.luxury-pl-1 { padding-left: var(--luxury-spacing-xs) !important; }
.luxury-pl-2 { padding-left: var(--luxury-spacing-sm) !important; }
.luxury-pl-3 { padding-left: var(--luxury-spacing) !important; }
.luxury-pl-4 { padding-left: var(--luxury-spacing-lg) !important; }
.luxury-pl-5 { padding-left: var(--luxury-spacing-xl) !important; }

/* Display Utilities */
.luxury-d-none { display: none !important; }
.luxury-d-inline { display: inline !important; }
.luxury-d-inline-block { display: inline-block !important; }
.luxury-d-block { display: block !important; }
.luxury-d-flex { display: flex !important; }
.luxury-d-inline-flex { display: inline-flex !important; }
.luxury-d-grid { display: grid !important; }
.luxury-d-table { display: table !important; }
.luxury-d-table-cell { display: table-cell !important; }

@media (min-width: 480px) {
    .luxury-d-xs-none { display: none !important; }
    .luxury-d-xs-inline { display: inline !important; }
    .luxury-d-xs-inline-block { display: inline-block !important; }
    .luxury-d-xs-block { display: block !important; }
    .luxury-d-xs-flex { display: flex !important; }
    .luxury-d-xs-inline-flex { display: inline-flex !important; }
    .luxury-d-xs-grid { display: grid !important; }
}

@media (min-width: 768px) {
    .luxury-d-md-none { display: none !important; }
    .luxury-d-md-inline { display: inline !important; }
    .luxury-d-md-inline-block { display: inline-block !important; }
    .luxury-d-md-block { display: block !important; }
    .luxury-d-md-flex { display: flex !important; }
    .luxury-d-md-inline-flex { display: inline-flex !important; }
    .luxury-d-md-grid { display: grid !important; }
}

@media (min-width: 992px) {
    .luxury-d-lg-none { display: none !important; }
    .luxury-d-lg-inline { display: inline !important; }
    .luxury-d-lg-inline-block { display: inline-block !important; }
    .luxury-d-lg-block { display: block !important; }
    .luxury-d-lg-flex { display: flex !important; }
    .luxury-d-lg-inline-flex { display: inline-flex !important; }
    .luxury-d-lg-grid { display: grid !important; }
}

/* Text Alignment */
.luxury-text-right { text-align: right !important; }
.luxury-text-left { text-align: left !important; }
.luxury-text-center { text-align: center !important; }
.luxury-text-justify { text-align: justify !important; }
.luxury-text-nowrap { white-space: nowrap !important; }
.luxury-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .luxury-text-md-right { text-align: right !important; }
    .luxury-text-md-left { text-align: left !important; }
    .luxury-text-md-center { text-align: center !important; }
}

/* Text Transform */
.luxury-text-lowercase { text-transform: lowercase !important; }
.luxury-text-uppercase { text-transform: uppercase !important; }
.luxury-text-capitalize { text-transform: capitalize !important; }

/* Font Weight */
.luxury-font-weight-light { font-weight: 300 !important; }
.luxury-font-weight-normal { font-weight: 400 !important; }
.luxury-font-weight-medium { font-weight: 500 !important; }
.luxury-font-weight-semibold { font-weight: 600 !important; }
.luxury-font-weight-bold { font-weight: 700 !important; }
.luxury-font-weight-extrabold { font-weight: 800 !important; }

/* Font Size */
.luxury-font-size-xs { font-size: 0.75rem !important; }
.luxury-font-size-sm { font-size: 0.875rem !important; }
.luxury-font-size-base { font-size: 1rem !important; }
.luxury-font-size-lg { font-size: 1.125rem !important; }
.luxury-font-size-xl { font-size: 1.25rem !important; }
.luxury-font-size-2xl { font-size: 1.5rem !important; }
.luxury-font-size-3xl { font-size: 1.75rem !important; }
.luxury-font-size-4xl { font-size: 2rem !important; }
.luxury-font-size-5xl { font-size: 2.5rem !important; }

/* Line Height */
.luxury-line-height-1 { line-height: 1 !important; }
.luxury-line-height-sm { line-height: 1.25 !important; }
.luxury-line-height-base { line-height: 1.5 !important; }
.luxury-line-height-lg { line-height: 1.75 !important; }
.luxury-line-height-xl { line-height: 2 !important; }

/* Flex Utilities */
.luxury-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.luxury-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.luxury-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.luxury-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.luxury-flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.luxury-flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.luxury-flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.luxury-flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.luxury-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.luxury-flex-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
}

.luxury-flex-auto {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.luxury-flex-none {
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
}

.luxury-justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.luxury-justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.luxury-justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.luxury-justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.luxury-justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.luxury-justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
}

.luxury-align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.luxury-align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.luxury-align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.luxury-align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.luxury-align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.luxury-align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.luxury-align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.luxury-align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.luxury-align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.luxury-align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.luxury-align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.luxury-align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.luxury-align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.luxury-align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.luxury-align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.luxury-align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.luxury-align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

/* Grid Utilities */
.luxury-grid {
    display: -ms-grid !important;
    display: grid !important;
}

.luxury-grid-cols-1 {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: repeat(1, 1fr) !important;
}

.luxury-grid-cols-2 {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
}

.luxury-grid-cols-3 {
    -ms-grid-columns: (1fr)[3] !important;
    grid-template-columns: repeat(3, 1fr) !important;
}

.luxury-grid-cols-4 {
    -ms-grid-columns: (1fr)[4] !important;
    grid-template-columns: repeat(4, 1fr) !important;
}

.luxury-grid-cols-5 {
    -ms-grid-columns: (1fr)[5] !important;
    grid-template-columns: repeat(5, 1fr) !important;
}

.luxury-grid-cols-6 {
    -ms-grid-columns: (1fr)[6] !important;
    grid-template-columns: repeat(6, 1fr) !important;
}

.luxury-grid-rows-1 {
    -ms-grid-rows: 1fr !important;
    grid-template-rows: repeat(1, 1fr) !important;
}

.luxury-grid-rows-2 {
    -ms-grid-rows: (1fr)[2] !important;
    grid-template-rows: repeat(2, 1fr) !important;
}

.luxury-grid-rows-3 {
    -ms-grid-rows: (1fr)[3] !important;
    grid-template-rows: repeat(3, 1fr) !important;
}

/* Gap Utilities با fallback برای IE */
.luxury-gap-0 {
    gap: 0 !important;
}

.luxury-gap-1 {
    gap: var(--luxury-spacing-xs) !important;
}

.luxury-gap-2 {
    gap: var(--luxury-spacing-sm) !important;
}

.luxury-gap-3 {
    gap: var(--luxury-spacing) !important;
}

.luxury-gap-4 {
    gap: var(--luxury-spacing-lg) !important;
}

.luxury-gap-5 {
    gap: var(--luxury-spacing-xl) !important;
}

/* Fallback برای مرورگرهایی که از gap پشتیبانی نمی‌کنند */
@supports not (gap: 1rem) {
    .luxury-gap-1 > * {
        margin: calc(var(--luxury-spacing-xs) / 2) !important;
    }
    
    .luxury-gap-2 > * {
        margin: calc(var(--luxury-spacing-sm) / 2) !important;
    }
    
    .luxury-gap-3 > * {
        margin: calc(var(--luxury-spacing) / 2) !important;
    }
    
    .luxury-gap-4 > * {
        margin: calc(var(--luxury-spacing-lg) / 2) !important;
    }
    
    .luxury-gap-5 > * {
        margin: calc(var(--luxury-spacing-xl) / 2) !important;
    }
}

/* Color Utilities */
.luxury-text-primary { color: var(--primary) !important; }
.luxury-text-secondary { color: var(--secondary) !important; }
.luxury-text-accent { color: var(--accent) !important; }
.luxury-text-gold { color: var(--gold) !important; }
.luxury-text-light { color: var(--light) !important; }
.luxury-text-dark { color: var(--dark) !important; }
.luxury-text-white { color: var(--luxury-white) !important; }
.luxury-text-black { color: var(--luxury-black) !important; }
.luxury-text-gray { color: var(--luxury-gray) !important; }
.luxury-text-success { color: var(--luxury-success) !important; }
.luxury-text-danger { color: var(--luxury-danger) !important; }
.luxury-text-warning { color: var(--luxury-warning) !important; }
.luxury-text-info { color: var(--luxury-info) !important; }

.luxury-bg-primary { background-color: var(--primary) !important; }
.luxury-bg-secondary { background-color: var(--secondary) !important; }
.luxury-bg-accent { background-color: var(--accent) !important; }
.luxury-bg-gold { background-color: var(--gold) !important; }
.luxury-bg-light { background-color: var(--light) !important; }
.luxury-bg-dark { background-color: var(--dark) !important; }
.luxury-bg-white { background-color: var(--luxury-white) !important; }
.luxury-bg-black { background-color: var(--luxury-black) !important; }
.luxury-bg-gray { background-color: var(--luxury-gray) !important; }
.luxury-bg-success { background-color: var(--luxury-success) !important; }
.luxury-bg-danger { background-color: var(--luxury-danger) !important; }
.luxury-bg-warning { background-color: var(--luxury-warning) !important; }
.luxury-bg-info { background-color: var(--luxury-info) !important; }

.luxury-bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%) !important;
}

.luxury-bg-gradient-gold {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%) !important;
}

.luxury-bg-gradient-success {
    background: linear-gradient(135deg, var(--luxury-success) 0%, var(--luxury-success-light) 100%) !important;
}

/* Border */
.luxury-border { border: 1px solid rgba(212, 175, 55, 0.2) !important; }
.luxury-border-top { border-top: 1px solid rgba(212, 175, 55, 0.2) !important; }
.luxury-border-right { border-right: 1px solid rgba(212, 175, 55, 0.2) !important; }
.luxury-border-bottom { border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important; }
.luxury-border-left { border-left: 1px solid rgba(212, 175, 55, 0.2) !important; }
.luxury-border-0 { border: 0 !important; }

.luxury-border-primary { border-color: var(--primary) !important; }
.luxury-border-secondary { border-color: var(--secondary) !important; }
.luxury-border-gold { border-color: var(--luxury-gold) !important; }
.luxury-border-light { border-color: var(--light) !important; }
.luxury-border-dark { border-color: var(--dark) !important; }
.luxury-border-white { border-color: var(--luxury-white) !important; }
.luxury-border-success { border-color: var(--luxury-success) !important; }
.luxury-border-danger { border-color: var(--luxury-danger) !important; }
.luxury-border-warning { border-color: var(--luxury-warning) !important; }
.luxury-border-info { border-color: var(--luxury-info) !important; }

/* Border Radius */
.luxury-rounded {
    border-radius: var(--luxury-radius) !important;
}

.luxury-rounded-sm {
    border-radius: var(--luxury-radius-sm) !important;
}

.luxury-rounded-lg {
    border-radius: var(--luxury-radius-lg) !important;
}

.luxury-rounded-xl {
    border-radius: var(--luxury-radius-xl) !important;
}

.luxury-rounded-circle {
    border-radius: 50% !important;
}

.luxury-rounded-pill {
    border-radius: 50rem !important;
}

.luxury-rounded-top {
    border-top-right-radius: var(--luxury-radius) !important;
    border-top-left-radius: var(--luxury-radius) !important;
}

.luxury-rounded-bottom {
    border-bottom-right-radius: var(--luxury-radius) !important;
    border-bottom-left-radius: var(--luxury-radius) !important;
}

.luxury-rounded-right {
    border-top-right-radius: var(--luxury-radius) !important;
    border-bottom-right-radius: var(--luxury-radius) !important;
}

.luxury-rounded-left {
    border-top-left-radius: var(--luxury-radius) !important;
    border-bottom-left-radius: var(--luxury-radius) !important;
}

/* Shadow */
.luxury-shadow-none { box-shadow: none !important; }
.luxury-shadow-sm { box-shadow: var(--luxury-shadow-sm) !important; }
.luxury-shadow { box-shadow: var(--luxury-shadow) !important; }
.luxury-shadow-lg { box-shadow: var(--luxury-shadow-lg) !important; }
.luxury-shadow-xl { box-shadow: var(--luxury-shadow-xl) !important; }

.luxury-shadow-gold { box-shadow: var(--luxury-glow) !important; }
.luxury-shadow-success { box-shadow: var(--luxury-success-glow) !important; }
.luxury-shadow-danger { box-shadow: var(--luxury-danger-glow) !important; }
.luxury-shadow-info { box-shadow: var(--luxury-info-glow) !important; }

/* Overflow */
.luxury-overflow-hidden { overflow: hidden !important; }
.luxury-overflow-visible { overflow: visible !important; }
.luxury-overflow-auto { overflow: auto !important; }
.luxury-overflow-scroll { overflow: scroll !important; }
.luxury-overflow-x-hidden { overflow-x: hidden !important; }
.luxury-overflow-x-auto { overflow-x: auto !important; }
.luxury-overflow-y-hidden { overflow-y: hidden !important; }
.luxury-overflow-y-auto { overflow-y: auto !important; }

/* Position */
.luxury-position-static { position: static !important; }
.luxury-position-relative { position: relative !important; }
.luxury-position-absolute { position: absolute !important; }
.luxury-position-fixed { position: fixed !important; }
.luxury-position-sticky { position: sticky !important; }

.luxury-top-0 { top: 0 !important; }
.luxury-right-0 { right: 0 !important; }
.luxury-bottom-0 { bottom: 0 !important; }
.luxury-left-0 { left: 0 !important; }

/* Width & Height */
.luxury-w-25 { width: 25% !important; }
.luxury-w-50 { width: 50% !important; }
.luxury-w-75 { width: 75% !important; }
.luxury-w-100 { width: 100% !important; }
.luxury-w-auto { width: auto !important; }

.luxury-h-25 { height: 25% !important; }
.luxury-h-50 { height: 50% !important; }
.luxury-h-75 { height: 75% !important; }
.luxury-h-100 { height: 100% !important; }
.luxury-h-auto { height: auto !important; }

.luxury-mw-100 { max-width: 100% !important; }
.luxury-mh-100 { max-height: 100% !important; }

.luxury-min-vw-100 { min-width: 100vw !important; }
.luxury-min-vh-100 { min-height: 100vh !important; }
.luxury-vw-100 { width: 100vw !important; }
.luxury-vh-100 { height: 100vh !important; }

/* Opacity */
.luxury-opacity-0 { opacity: 0 !important; }
.luxury-opacity-25 { opacity: 0.25 !important; }
.luxury-opacity-50 { opacity: 0.5 !important; }
.luxury-opacity-75 { opacity: 0.75 !important; }
.luxury-opacity-100 { opacity: 1 !important; }

/* Z-index */
.luxury-z-index-dropdown { z-index: var(--z-dropdown) !important; }
.luxury-z-index-sticky { z-index: var(--z-sticky) !important; }
.luxury-z-index-fixed { z-index: var(--z-fixed) !important; }
.luxury-z-index-modal-backdrop { z-index: var(--z-modal-backdrop) !important; }
.luxury-z-index-modal { z-index: var(--z-modal) !important; }
.luxury-z-index-popover { z-index: var(--z-popover) !important; }
.luxury-z-index-tooltip { z-index: var(--z-tooltip) !important; }
.luxury-z-index-notification { z-index: var(--z-notification) !important; }

/* State Classes */
.luxury-is-loading {
    opacity: 0.7;
    pointer-events: none;
    position: relative;
    cursor: wait;
}

.luxury-is-loading::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    width: 24px;
    height: 24px;
    margin: -12px -12px 0 0;
    border: 3px solid rgba(212, 175, 55, 0.3);
    border-top: 3px solid var(--luxury-gold);
    border-radius: 50%;
    animation: luxurySpin 1s linear infinite;
    -webkit-animation: luxurySpin 1s linear infinite;
}

.luxury-is-hidden { 
    display: none !important;
}

.luxury-is-visible { 
    display: block !important;
}

.luxury-is-invisible { 
    visibility: hidden !important;
}

.luxury-is-disabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    pointer-events: none;
    user-select: none;
}

.luxury-is-active {
    background-color: var(--luxury-gold) !important;
    color: var(--luxury-white) !important;
}

.luxury-is-valid {
    border-color: var(--luxury-success) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.luxury-is-invalid {
    border-color: var(--luxury-danger) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* Loading Spinner */
.luxury-spinner {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: luxurySpin 0.75s linear infinite;
    -webkit-animation: luxurySpin 0.75s linear infinite;
}

.luxury-spinner-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.luxury-spinner-lg {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}

/* Animation Keyframes با vendor prefixes کامل */
@keyframes luxurySpin {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes luxurySpin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes luxuryFadeIn {
    from { 
        opacity: 0; 
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
    }
    to { 
        opacity: 1; 
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes luxuryFadeIn {
    from { 
        opacity: 0; 
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to { 
        opacity: 1; 
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes luxurySlideInRight {
    from { 
        opacity: 0; 
        transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
    }
    to { 
        opacity: 1; 
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-webkit-keyframes luxurySlideInRight {
    from { 
        opacity: 0; 
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    to { 
        opacity: 1; 
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes luxurySlideInLeft {
    from { 
        opacity: 0; 
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
    }
    to { 
        opacity: 1; 
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

@-webkit-keyframes luxurySlideInLeft {
    from { 
        opacity: 0; 
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    to { 
        opacity: 1; 
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes luxuryFloat {
    0%, 100% { 
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }
    50% { 
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
    }
}

@-webkit-keyframes luxuryFloat {
    0%, 100% { 
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% { 
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes luxuryShineRTL {
    0% { right: -100%; }
    100% { right: 100%; }
}

@-webkit-keyframes luxuryShineRTL {
    0% { right: -100%; }
    100% { right: 100%; }
}

@keyframes luxuryPulse {
    0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); }
    100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

@-webkit-keyframes luxuryPulse {
    0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); }
    100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }
}

@keyframes luxuryProgressShine {
    0% { right: -100%; }
    100% { right: 100%; }
}

@-webkit-keyframes luxuryProgressShine {
    0% { right: -100%; }
    100% { right: 100%; }
}

/* ==================== هدر و ناوبری ==================== */
.luxury-header {
    background: linear-gradient(135deg, var(--primary) 0%, #1a2530 100%);
    color: var(--luxury-white);
    padding: 1rem 0;
    box-shadow: var(--luxury-shadow-lg);
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    width: 100%;
    transition: var(--luxury-transition);
    backdrop-filter: blur(10px);
    background-color: rgba(44, 62, 80, 0.95);
}

.luxury-header.scrolled {
    padding: 0.5rem 0;
    background-color: rgba(44, 62, 80, 0.98);
}

.luxury-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--luxury-spacing);
    position: relative;
}

/* لوگو */
.luxury-logo {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--luxury-white);
    text-decoration: none;
    transition: var(--luxury-transition);
    z-index: var(--z-sticky);
    padding: 0.5rem 0;
}

.luxury-logo:hover,
.luxury-logo:focus {
    transform: translateY(-2px);
    color: var(--luxury-gold);
    outline: none;
}

.luxury-logo:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 4px;
    border-radius: var(--luxury-radius);
}

.luxury-logo-icon {
    color: var(--luxury-gold);
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--luxury-transition);
}

.luxury-logo:hover .luxury-logo-icon {
    transform: rotate(-5deg);
}

.luxury-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.luxury-logo-main {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.luxury-logo-sub {
    font-size: 0.9rem;
    opacity: 0.9;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}

/* منوی همبرگری */
.luxury-hamburger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    width: 30px;
    height: 25px;
    background: none;
    border: none;
    padding: 0;
    z-index: var(--z-modal);
    transition: var(--luxury-transition);
    -webkit-tap-highlight-color: transparent;
}

.luxury-hamburger-menu:focus {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
    border-radius: 4px;
}

.luxury-hamburger-menu span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: var(--luxury-white);
    border-radius: 2px;
    transition: var(--luxury-transition);
    transform-origin: center;
}

.luxury-hamburger-menu.active span:nth-child(1) {
    transform: translateY(11px) rotate(45deg);
    -webkit-transform: translateY(11px) rotate(45deg);
    -ms-transform: translateY(11px) rotate(45deg);
}

.luxury-hamburger-menu.active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
}

.luxury-hamburger-menu.active span:nth-child(3) {
    transform: translateY(-11px) rotate(-45deg);
    -webkit-transform: translateY(-11px) rotate(-45deg);
    -ms-transform: translateY(-11px) rotate(-45deg);
}

/* ناوبری اصلی */
.luxury-nav {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-nav-menu {
    display: flex;
    gap: var(--luxury-spacing-sm);
    list-style: none;
    margin: 0;
    padding: 0;
}

.luxury-nav-item {
    position: relative;
}

.luxury-nav-link {
    color: var(--luxury-white);
    text-decoration: none;
    font-weight: 600;
    padding: 0.75rem 1.25rem;
    border-radius: var(--luxury-radius);
    transition: var(--luxury-transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.luxury-nav-link:hover,
.luxury-nav-link:focus,
.luxury-nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--luxury-gold);
    outline: none;
}

.luxury-nav-link:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: var(--luxury-gold);
    transition: var(--luxury-transition);
}

.luxury-nav-link:hover::after,
.luxury-nav-link.active::after {
    width: 100%;
}

/* منوی dropdown */
.luxury-nav-dropdown {
    position: relative;
}

.luxury-dropdown-toggle {
    position: relative;
    padding-right: 2rem !important;
}

.luxury-dropdown-toggle::after {
    content: '›';
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transition: var(--luxury-transition);
    font-size: 1.2rem;
    line-height: 1;
}

.luxury-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 220px;
    background-color: var(--luxury-white);
    border-radius: var(--luxury-radius);
    box-shadow: var(--luxury-shadow-lg);
    padding: var(--luxury-spacing-sm) 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: var(--luxury-transition);
    z-index: var(--z-dropdown);
    border: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-nav-dropdown:hover .luxury-dropdown-menu,
.luxury-nav-dropdown:focus-within .luxury-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.luxury-dropdown-item {
    display: block;
    padding: 0.75rem var(--luxury-spacing);
    color: var(--luxury-dark);
    text-decoration: none;
    transition: var(--luxury-transition-fast);
    border-bottom: 1px solid rgba(212, 175, 55, 0.05);
}

.luxury-dropdown-item:last-child {
    border-bottom: none;
}

.luxury-dropdown-item:hover,
.luxury-dropdown-item:focus {
    background-color: var(--luxury-light);
    color: var(--luxury-gold);
    padding-right: var(--luxury-spacing-lg);
    outline: none;
}

.luxury-dropdown-item:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: -2px;
}

/* User Actions */
.luxury-user-actions {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
    margin-right: var(--luxury-spacing);
}

.luxury-action-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: var(--luxury-white);
    transition: var(--luxury-transition);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.luxury-action-link:hover,
.luxury-action-link:focus {
    background-color: var(--luxury-gold);
    transform: translateY(-2px);
    box-shadow: var(--luxury-glow);
    outline: none;
}

.luxury-action-link:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-action-icon {
    font-size: 1.3rem;
}

.luxury-cart-count {
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: var(--luxury-danger);
    color: var(--luxury-white);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    border: 2px solid var(--primary);
    min-width: 22px;
    min-height: 22px;
}

/* جستجوی لوکس */
.luxury-search-section {
    background-color: var(--luxury-white);
    box-shadow: var(--luxury-shadow-sm);
    padding: var(--luxury-spacing) 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
    position: relative;
    z-index: calc(var(--z-sticky) - 1);
}

.luxury-search-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--luxury-spacing);
}

.luxury-search-wrapper {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.luxury-search-form {
    position: relative;
    display: flex;
    width: 100%;
}

.luxury-search-input {
    flex: 1;
    padding: 1.25rem 4rem 1.25rem 1.25rem;
    border: 2px solid rgba(212, 175, 55, 0.2);
    border-radius: var(--luxury-radius-lg);
    font-size: 1rem;
    font-family: var(--luxury-font);
    transition: var(--luxury-transition);
    background-color: var(--luxury-white);
    color: var(--luxury-dark);
    box-shadow: var(--luxury-shadow-sm);
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.luxury-search-input:focus {
    outline: none;
    border-color: var(--luxury-gold);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
    background-color: var(--luxury-light);
}

.luxury-search-input::placeholder {
    color: var(--luxury-gray);
    opacity: 0.7;
}

.luxury-search-button {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    border: none;
    border-radius: var(--luxury-radius);
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: var(--luxury-transition);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.luxury-search-button:hover,
.luxury-search-button:focus {
    background: linear-gradient(135deg, var(--luxury-gold-dark) 0%, var(--luxury-gold) 100%);
    transform: translateY(-50%) scale(1.05);
    -webkit-transform: translateY(-50%) scale(1.05);
    -ms-transform: translateY(-50%) scale(1.05);
    outline: none;
}

.luxury-search-button:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-search-icon {
    font-size: 1.25rem;
}

/* دسته‌بندی‌ها */
.luxury-categories-section {
    padding: var(--luxury-spacing-2xl) 0;
    background-color: var(--luxury-white);
    position: relative;
}

.luxury-section-header {
    text-align: center;
    margin-bottom: var(--luxury-spacing-2xl);
    position: relative;
}

.luxury-section-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--luxury-dark);
    margin-bottom: var(--luxury-spacing);
    position: relative;
    display: inline-block;
}

.luxury-section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--luxury-gold), transparent);
}

.luxury-section-subtitle {
    font-size: 1.1rem;
    color: var(--luxury-gray);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ==================== WooCommerce Compatibility ==================== */
/* Reset WooCommerce Styles */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    background-color: transparent;
    border: none;
    border-radius: var(--luxury-radius);
    padding: var(--luxury-spacing);
    margin-bottom: var(--luxury-spacing);
    list-style: none;
    position: relative;
    border-right: 4px solid;
}

.woocommerce .woocommerce-error {
    background-color: rgba(220, 53, 69, 0.1);
    border-right-color: var(--luxury-danger);
    color: var(--luxury-danger);
}

.woocommerce .woocommerce-info {
    background-color: rgba(23, 162, 184, 0.1);
    border-right-color: var(--luxury-info);
    color: var(--luxury-info);
}

.woocommerce .woocommerce-message {
    background-color: rgba(40, 167, 69, 0.1);
    border-right-color: var(--luxury-success);
    color: var(--luxury-success);
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
    display: none;
}

.woocommerce .woocommerce-error li,
.woocommerce .woocommerce-info li,
.woocommerce .woocommerce-message li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button {
    float: left;
    margin-top: 0;
    margin-left: var(--luxury-spacing);
}

/* Products Grid */
.woocommerce ul.products {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--luxury-spacing-lg);
    clear: both;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    content: none;
}

.woocommerce ul.products li.product {
    margin: 0;
    padding: 0;
    position: relative;
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
    transition: var(--luxury-transition);
    width: 100%;
    float: none;
    text-align: right;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-10px);
    box-shadow: var(--luxury-shadow-lg);
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
}

.woocommerce ul.products li.product img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    transition: var(--luxury-transition-slow);
    display: block;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.1);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.2rem;
    font-weight: 700;
    margin: var(--luxury-spacing) var(--luxury-spacing) var(--luxury-spacing-sm);
    color: var(--luxury-dark);
    line-height: 1.4;
    padding: 0;
}

.woocommerce ul.products li.product .price {
    display: block;
    margin: 0 var(--luxury-spacing) var(--luxury-spacing);
    font-weight: 800;
    color: var(--luxury-gold);
    font-size: 1.3rem;
    line-height: 1.2;
}

.woocommerce ul.products li.product .price del {
    color: var(--luxury-gray);
    font-size: 1rem;
    margin-left: 0.5rem;
    opacity: 0.7;
}

.woocommerce ul.products li.product .price ins {
    background: transparent;
    font-weight: 800;
}

.woocommerce ul.products li.product .button {
    display: block;
    margin: 0 var(--luxury-spacing) var(--luxury-spacing);
    padding: 1rem;
    background: linear-gradient(135deg, var(--luxury-success) 0%, var(--luxury-success-light) 100%);
    color: var(--luxury-white);
    border: none;
    border-radius: var(--luxury-radius);
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    transition: var(--luxury-transition);
    cursor: pointer;
    font-family: var(--luxury-font);
    width: calc(100% - var(--luxury-spacing) * 2);
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus {
    background: linear-gradient(135deg, var(--luxury-success-dark) 0%, var(--luxury-success) 100%);
    transform: translateY(-2px);
    box-shadow: var(--luxury-success-glow);
    outline: none;
}

.woocommerce ul.products li.product .button:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.woocommerce ul.products li.product .button.loading {
    opacity: 0.7;
    pointer-events: none;
}

.woocommerce ul.products li.product .button.loading::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid var(--luxury-white);
    border-radius: 50%;
    animation: luxurySpin 0.75s linear infinite;
    -webkit-animation: luxurySpin 0.75s linear infinite;
    vertical-align: middle;
}

/* Star Rating */
.woocommerce .star-rating {
    color: var(--luxury-warning);
    margin: 0 var(--luxury-spacing) var(--luxury-spacing-sm);
    font-size: 1rem;
    height: 1em;
    line-height: 1;
    position: relative;
    width: 5.3em;
    font-family: star;
}

.woocommerce .star-rating::before {
    content: "\73\73\73\73\73";
    color: rgba(0, 0, 0, 0.1);
    float: right;
    top: 0;
    right: 0;
    position: absolute;
}

.woocommerce .star-rating span {
    overflow: hidden;
    float: right;
    top: 0;
    right: 0;
    position: absolute;
    padding-top: 1.5em;
}

.woocommerce .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    right: 0;
    color: var(--luxury-warning);
}

/* Sale Flash */
.woocommerce span.onsale {
    position: absolute;
    top: var(--luxury-spacing);
    left: var(--luxury-spacing);
    background: linear-gradient(135deg, var(--luxury-danger) 0%, #e74c3c 100%);
    color: var(--luxury-white);
    padding: 0.5rem 1rem;
    border-radius: var(--luxury-radius);
    font-size: 0.8rem;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: var(--luxury-shadow);
    z-index: 2;
    animation: luxuryFloat 3s ease-in-out infinite;
    min-height: auto;
    line-height: normal;
    margin: 0;
}

/* ==================== صفحات اکانت ==================== */
.luxury-account-banner {
    background: linear-gradient(135deg, var(--luxury-black) 0%, var(--luxury-dark) 100%);
    color: var(--luxury-white);
    padding: var(--luxury-spacing-2xl) 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.luxury-account-banner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(212, 175, 55, 0.1) 50%, transparent 70%);
    animation: luxuryShineRTL 3s infinite;
    -webkit-animation: luxuryShineRTL 3s infinite;
}

.luxury-account-banner-inner {
    position: relative;
    z-index: 1;
}

.luxury-account-title {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: var(--luxury-spacing);
    color: var(--luxury-white);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.luxury-account-subtitle {
    font-size: 1.2rem;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.luxury-account-content {
    padding: var(--luxury-spacing-2xl) 0;
    background-color: var(--luxury-white);
    min-height: 60vh;
}

/* Layout صفحات اکانت */
.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: var(--luxury-spacing-2xl);
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--luxury-spacing);
    align-items: start;
}

@media (max-width: 992px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
        gap: var(--luxury-spacing-xl);
    }
}

/* ناوبری اکانت */
.woocommerce-MyAccount-navigation {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow);
    padding: var(--luxury-spacing);
    height: fit-content;
    position: sticky;
    top: calc(var(--luxury-spacing) + 80px);
}

@media (max-width: 992px) {
    .woocommerce-MyAccount-navigation {
        position: static;
        order: 2;
    }
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0.5rem;
    position: relative;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    margin-bottom: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    color: var(--luxury-dark);
    text-decoration: none;
    border-radius: var(--luxury-radius);
    transition: var(--luxury-transition);
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:focus {
    background-color: var(--luxury-light);
    color: var(--luxury-gold);
    border-color: rgba(212, 175, 55, 0.2);
    outline: none;
    transform: translateX(-5px);
}

.woocommerce-MyAccount-navigation ul li a:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: -2px;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    border-color: var(--luxury-gold);
    box-shadow: var(--luxury-shadow-sm);
}

.woocommerce-MyAccount-navigation ul li.is-active a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: var(--luxury-gold-dark);
}

/* محتوای اکانت */
.woocommerce-MyAccount-content {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow);
    padding: var(--luxury-spacing-2xl);
    min-height: 400px;
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-content {
        padding: var(--luxury-spacing);
    }
}

/* فرم‌های لاگین و ثبت‌نام */
.woocommerce-form {
    max-width: 500px;
    margin: 0 auto;
}

.woocommerce-form p {
    margin-bottom: var(--luxury-spacing);
}

.woocommerce-form label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--luxury-dark);
    cursor: pointer;
}

.woocommerce-form .input-text {
    width: 100%;
    padding: 1rem;
    border: 2px solid rgba(212, 175, 55, 0.2);
    border-radius: var(--luxury-radius);
    font-family: var(--luxury-font);
    font-size: 1rem;
    transition: var(--luxury-transition);
    background-color: var(--luxury-white);
    color: var(--luxury-dark);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.woocommerce-form .input-text:focus {
    outline: none;
    border-color: var(--luxury-gold);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
    background-color: var(--luxury-light);
}

.woocommerce-form .button {
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    border: none;
    border-radius: var(--luxury-radius);
    font-weight: 700;
    cursor: pointer;
    transition: var(--luxury-transition);
    font-family: var(--luxury-font);
    font-size: 1rem;
}

.woocommerce-form .button:hover,
.woocommerce-form .button:focus {
    background: linear-gradient(135deg, var(--luxury-gold-dark) 0%, var(--luxury-gold) 100%);
    transform: translateY(-2px);
    box-shadow: var(--luxury-glow);
    outline: none;
}

.woocommerce-form .button:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.woocommerce-form .button.woocommerce-form-login__submit,
.woocommerce-form .button.woocommerce-form-register__submit {
    margin-top: var(--luxury-spacing);
}

/* لینک‌های فرم */
.woocommerce-form .woocommerce-LostPassword {
    margin-top: var(--luxury-spacing);
    text-align: center;
}

.woocommerce-form .woocommerce-LostPassword a {
    color: var(--luxury-gold);
    text-decoration: none;
    font-weight: 600;
    transition: var(--luxury-transition);
}

.woocommerce-form .woocommerce-LostPassword a:hover,
.woocommerce-form .woocommerce-LostPassword a:focus {
    color: var(--luxury-gold-dark);
    text-decoration: underline;
    outline: none;
}

/* چک‌باکس‌ها */
.woocommerce-form .woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.woocommerce-form .woocommerce-form__input-checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: 3px;
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.woocommerce-form .woocommerce-form__input-checkbox:checked {
    background: var(--luxury-gold);
    border-color: var(--luxury-gold);
}

.woocommerce-form .woocommerce-form__input-checkbox:checked::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    color: var(--luxury-white);
    font-size: 12px;
    font-weight: bold;
}

.woocommerce-form .woocommerce-form__input-checkbox:focus {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

/* ==================== صفحه محصول لوکس ==================== */
.luxury-product-page {
    background-color: var(--luxury-white);
    min-height: 100vh;
}

/* Breadcrumb */
.luxury-breadcrumb-wrapper {
    background: linear-gradient(135deg, var(--luxury-black) 0%, var(--luxury-dark) 100%);
    padding: var(--luxury-spacing) 0;
    color: var(--luxury-white);
    position: relative;
    overflow: hidden;
}

.luxury-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.luxury-breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.95rem;
}

.luxury-breadcrumb-item:not(:last-child)::after {
    content: "›";
    opacity: 0.5;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    font-size: 1.2rem;
    line-height: 1;
}

.luxury-breadcrumb-item a {
    color: var(--luxury-white);
    text-decoration: none;
    opacity: 0.8;
    transition: var(--luxury-transition-fast);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.luxury-breadcrumb-item a:hover,
.luxury-breadcrumb-item a:focus {
    opacity: 1;
    color: var(--luxury-gold);
    outline: none;
}

.luxury-breadcrumb-item.active {
    color: var(--luxury-gold);
    font-weight: 600;
    opacity: 1;
}

/* Main Product */
.luxury-product-main {
    padding: var(--luxury-spacing-2xl) 0;
    position: relative;
}

.luxury-product-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--luxury-spacing-2xl);
    align-items: start;
}

@media (max-width: 992px) {
    .luxury-product-layout {
        grid-template-columns: 1fr;
        gap: var(--luxury-spacing-xl);
    }
}

/* Product Gallery */
.luxury-product-gallery {
    position: sticky;
    top: calc(var(--luxury-spacing) + 80px);
    width: 100%;
}

@media (max-width: 992px) {
    .luxury-product-gallery {
        position: static;
        max-width: 600px;
        margin: 0 auto;
    }
}

.luxury-gallery-main {
    margin-bottom: var(--luxury-spacing);
    position: relative;
    border-radius: var(--luxury-radius-lg);
    overflow: hidden;
    background: var(--luxury-white);
    box-shadow: var(--luxury-shadow);
    border: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-main-image-wrapper {
    position: relative;
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    overflow: hidden;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-in;
}

.luxury-main-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: var(--luxury-transition);
}

.luxury-zoom-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: var(--z-modal);
    display: none;
    align-items: center;
    justify-content: center;
    padding: var(--luxury-spacing);
    cursor: zoom-out;
}

.luxury-zoom-overlay.active {
    display: flex;
}

.luxury-zoomed-image {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    animation: luxuryFadeIn 0.3s ease;
    -webkit-animation: luxuryFadeIn 0.3s ease;
}

.luxury-gallery-badges {
    position: absolute;
    top: var(--luxury-spacing);
    left: var(--luxury-spacing);
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing-sm);
    z-index: 2;
}

.luxury-gallery-navigation {
    position: absolute;
    top: 50%;
    right: var(--luxury-spacing);
    left: var(--luxury-spacing);
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    pointer-events: none;
    z-index: 2;
}

.luxury-gallery-nav-btn {
    pointer-events: all;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid var(--luxury-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--luxury-transition);
    box-shadow: var(--luxury-shadow);
    color: var(--luxury-gold);
    padding: 0;
}

.luxury-gallery-nav-btn:hover,
.luxury-gallery-nav-btn:focus {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    box-shadow: var(--luxury-glow);
    outline: none;
}

.luxury-gallery-nav-btn:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-image-counter {
    position: absolute;
    bottom: var(--luxury-spacing);
    right: 50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    background: rgba(26, 26, 26, 0.9);
    color: var(--luxury-white);
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 600;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.luxury-zoom-btn {
    position: absolute;
    bottom: var(--luxury-spacing);
    left: var(--luxury-spacing);
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid var(--luxury-gold);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--luxury-transition);
    box-shadow: var(--luxury-shadow);
    color: var(--luxury-gold);
    z-index: 2;
    padding: 0;
}

.luxury-zoom-btn:hover,
.luxury-zoom-btn:focus {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    box-shadow: var(--luxury-glow);
    outline: none;
}

.luxury-zoom-btn:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

/* Thumbnails */
.luxury-gallery-thumbs {
    margin-top: var(--luxury-spacing);
}

.luxury-thumbnails-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: var(--luxury-spacing-sm);
}

.luxury-thumb-item {
    aspect-ratio: 1;
    cursor: pointer;
    transition: var(--luxury-transition);
    position: relative;
}

.luxury-thumb-frame {
    position: relative;
    border: 2px solid transparent;
    border-radius: var(--luxury-radius);
    overflow: hidden;
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    box-shadow: var(--luxury-shadow-sm);
    aspect-ratio: 1;
}

.luxury-thumb-item.active .luxury-thumb-frame,
.luxury-thumb-item:hover .luxury-thumb-frame,
.luxury-thumb-item:focus .luxury-thumb-frame {
    border-color: var(--luxury-gold);
    box-shadow: var(--luxury-shadow);
}

.luxury-thumb-item.active .luxury-thumb-frame {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.luxury-product-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--luxury-transition);
}

.luxury-thumb-item:hover .luxury-product-thumb,
.luxury-thumb-item:focus .luxury-product-thumb {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.luxury-thumb-item:focus {
    outline: none;
}

/* Product Summary */
.luxury-product-summary {
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing-xl);
}

.luxury-product-header {
    text-align: center;
    margin-bottom: var(--luxury-spacing);
}

.luxury-product-title-main {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--luxury-dark);
    margin-bottom: var(--luxury-spacing);
    line-height: 1.2;
    position: relative;
    display: inline-block;
}

@media (max-width: 768px) {
    .luxury-product-title-main {
        font-size: 2rem;
    }
}

.luxury-title-decoration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--luxury-spacing);
    margin-top: var(--luxury-spacing);
}

.luxury-decoration-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--luxury-gold), transparent);
}

.luxury-decoration-dot {
    width: 8px;
    height: 8px;
    background: var(--luxury-gold);
    border-radius: 50%;
    box-shadow: var(--luxury-glow);
}

/* Rating Section */
.luxury-rating-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--luxury-spacing);
    background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
    border-radius: var(--luxury-radius);
    border: 1px solid rgba(212, 175, 55, 0.1);
    flex-wrap: wrap;
    gap: var(--luxury-spacing);
}

@media (max-width: 576px) {
    .luxury-rating-section {
        flex-direction: column;
        text-align: center;
    }
}

.luxury-rating-display {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    flex-wrap: wrap;
}

.luxury-average-rating {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--luxury-gold);
}

.luxury-rating-meta {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    color: var(--luxury-gray);
    font-size: 0.95rem;
    flex-wrap: wrap;
}

.luxury-write-review-link {
    color: var(--luxury-gold);
    text-decoration: none;
    font-weight: 600;
    transition: var(--luxury-transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.luxury-write-review-link:hover,
.luxury-write-review-link:focus {
    color: var(--luxury-gold-dark);
    text-decoration: underline;
    outline: none;
}

/* Price Section */
.luxury-price-section {
    padding: var(--luxury-spacing-lg);
    background: linear-gradient(135deg, var(--luxury-white) 0%, var(--luxury-light) 100%);
    border-radius: var(--luxury-radius);
    border: 2px solid rgba(212, 175, 55, 0.2);
    text-align: center;
}

.luxury-price-compare {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--luxury-spacing);
    margin-bottom: var(--luxury-spacing);
    flex-wrap: wrap;
}

.luxury-regular-price {
    text-decoration: line-through;
    color: var(--luxury-gray);
    font-size: 1.2rem;
    font-weight: 500;
}

.luxury-sale-percent {
    background: linear-gradient(135deg, var(--luxury-danger) 0%, #e74c3c 100%);
    color: var(--luxury-white);
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: var(--luxury-shadow);
}

.luxury-current-price {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--luxury-gold);
    text-shadow: 0 2px 4px rgba(212, 175, 55, 0.3);
    line-height: 1;
}

@media (max-width: 768px) {
    .luxury-current-price {
        font-size: 2rem;
    }
}

/* Short Description */
.luxury-short-description {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius);
    border: 1px solid rgba(212, 175, 55, 0.1);
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
}

.luxury-description-header {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    padding: var(--luxury-spacing);
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
}

.luxury-description-header h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.luxury-description-content {
    padding: var(--luxury-spacing);
    color: var(--luxury-gray);
    line-height: 1.8;
    font-size: 1rem;
}

.luxury-description-content p:last-child {
    margin-bottom: 0;
}

/* Meta Information */
.luxury-meta-info {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius);
    border: 1px solid rgba(212, 175, 55, 0.1);
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
}

.luxury-meta-header {
    background: linear-gradient(135deg, var(--luxury-black) 0%, var(--luxury-dark) 100%);
    color: var(--luxury-white);
    padding: var(--luxury-spacing);
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
}

.luxury-meta-header h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.luxury-meta-content {
    padding: var(--luxury-spacing);
}

.luxury-meta-item {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing-sm) 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-meta-item:last-child {
    border-bottom: none;
}

.luxury-meta-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-white);
    font-size: 1rem;
    flex-shrink: 0;
}

.luxury-meta-details {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--luxury-spacing-sm);
}

.luxury-meta-label {
    font-weight: 600;
    color: var(--luxury-dark);
}

.luxury-meta-value {
    color: var(--luxury-gray);
    font-weight: 500;
}

.luxury-stock-status {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--luxury-white);
    display: inline-block;
}

.luxury-stock-available {
    background: var(--luxury-success);
}

.luxury-stock-low {
    background: var(--luxury-warning);
    color: var(--luxury-dark);
}

.luxury-stock-out {
    background: var(--luxury-danger);
}

/* Add to Cart Form */
.luxury-add-to-cart-form {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius);
    border: 1px solid rgba(212, 175, 55, 0.1);
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
}

.luxury-cart-form-content {
    padding: var(--luxury-spacing-lg);
}

/* Variations */
.luxury-variations {
    margin-bottom: var(--luxury-spacing);
}

.luxury-variation {
    margin-bottom: var(--luxury-spacing);
}

.luxury-variation label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--luxury-dark);
}

.luxury-variation select {
    width: 100%;
    padding: 1rem;
    border: 2px solid rgba(212, 175, 55, 0.2);
    border-radius: var(--luxury-radius);
    background-color: var(--luxury-white);
    color: var(--luxury-dark);
    font-family: var(--luxury-font);
    font-size: 1rem;
    transition: var(--luxury-transition);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 16px 12px;
    padding-left: 3rem;
}

.luxury-variation select:focus {
    outline: none;
    border-color: var(--luxury-gold);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
}

.luxury-reset-variations {
    display: inline-block;
    margin-top: var(--luxury-spacing-sm);
    color: var(--luxury-danger);
    text-decoration: none;
    font-size: 0.9rem;
    transition: var(--luxury-transition);
}

.luxury-reset-variations:hover,
.luxury-reset-variations:focus {
    color: var(--luxury-danger);
    text-decoration: underline;
    outline: none;
}

.luxury-quantity-section {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    margin-bottom: var(--luxury-spacing);
    padding: var(--luxury-spacing);
    background: var(--luxury-light);
    border-radius: var(--luxury-radius);
    flex-wrap: wrap;
}

.luxury-quantity-label {
    font-weight: 600;
    color: var(--luxury-dark);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.luxury-quantity-controls {
    display: flex;
    align-items: center;
    background: var(--luxury-white);
    border: 2px solid rgba(212, 175, 55, 0.2);
    border-radius: var(--luxury-radius);
    overflow: hidden;
    min-width: 150px;
}

.luxury-quantity-btn {
    width: 45px;
    height: 45px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-dark);
    transition: var(--luxury-transition);
    font-size: 1.2rem;
    padding: 0;
}

.luxury-quantity-btn:hover,
.luxury-quantity-btn:focus {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    outline: none;
}

.luxury-quantity-btn:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: -2px;
}

.luxury-quantity-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.luxury-quantity-btn:disabled:hover {
    background: none;
    color: var(--luxury-dark);
}

.luxury-quantity-input {
    width: 70px;
    height: 45px;
    border: none;
    text-align: center;
    background: var(--luxury-white);
    font-family: var(--luxury-font);
    font-size: 1rem;
    font-weight: 600;
    color: var(--luxury-dark);
    border-left: 1px solid rgba(212, 175, 55, 0.1);
    border-right: 1px solid rgba(212, 175, 55, 0.1);
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

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

.luxury-quantity-input:focus {
    outline: none;
    background-color: var(--luxury-light);
}

.luxury-add-to-cart-btn-main {
    width: 100%;
    padding: 1.5rem 2rem;
    background: linear-gradient(135deg, var(--luxury-success) 0%, var(--luxury-success-light) 100%);
    color: var(--luxury-white);
    border: none;
    border-radius: var(--luxury-radius);
    cursor: pointer;
    transition: var(--luxury-transition);
    position: relative;
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
    margin-bottom: var(--luxury-spacing);
    font-family: var(--luxury-font);
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--luxury-spacing);
}

.luxury-add-to-cart-btn-main:hover,
.luxury-add-to-cart-btn-main:focus {
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    box-shadow: var(--luxury-success-glow);
    background: linear-gradient(135deg, var(--luxury-success-dark) 0%, var(--luxury-success) 100%);
    outline: none;
}

.luxury-add-to-cart-btn-main:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-add-to-cart-btn-main.loading {
    opacity: 0.7;
    pointer-events: none;
}

.luxury-btn-content {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    position: relative;
    z-index: 2;
}

.luxury-btn-icon {
    font-size: 1.5rem;
}

.luxury-btn-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.luxury-btn-main-text {
    font-size: 1.2rem;
    font-weight: 700;
}

.luxury-btn-sub-text {
    font-size: 0.9rem;
    opacity: 0.9;
}

.luxury-btn-shine {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: var(--luxury-transition);
    pointer-events: none;
}

.luxury-add-to-cart-btn-main:hover .luxury-btn-shine {
    transform: rotate(45deg) translate(50%, 50%);
    -webkit-transform: rotate(45deg) translate(50%, 50%);
    -ms-transform: rotate(45deg) translate(50%, 50%);
}

/* Quick Actions */
.luxury-quick-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--luxury-spacing);
}

@media (max-width: 576px) {
    .luxury-quick-actions {
        grid-template-columns: 1fr;
    }
}

.luxury-wishlist-btn,
.luxury-compare-btn {
    padding: 1rem;
    background: var(--luxury-white);
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: var(--luxury-radius);
    cursor: pointer;
    transition: var(--luxury-transition);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: inherit;
    font-family: var(--luxury-font);
    font-size: 1rem;
    font-weight: 600;
}

.luxury-wishlist-btn:hover,
.luxury-compare-btn:hover,
.luxury-wishlist-btn:focus,
.luxury-compare-btn:focus {
    border-color: var(--luxury-gold);
    background: var(--luxury-light);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    box-shadow: var(--luxury-shadow);
    outline: none;
}

.luxury-wishlist-btn:focus-visible,
.luxury-compare-btn:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-action-icon-small {
    width: 40px;
    height: 40px;
    background: var(--luxury-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-gold);
    transition: var(--luxury-transition);
    flex-shrink: 0;
}

.luxury-wishlist-btn:hover .luxury-action-icon-small,
.luxury-compare-btn:hover .luxury-action-icon-small,
.luxury-wishlist-btn:focus .luxury-action-icon-small,
.luxury-compare-btn:focus .luxury-action-icon-small {
    background: var(--luxury-gold);
    color: var(--luxury-white);
}

.luxury-action-text {
    font-weight: 600;
    color: var(--luxury-dark);
}

/* Features */
.luxury-features {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius);
    border: 1px solid rgba(212, 175, 55, 0.1);
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
    margin-top: var(--luxury-spacing-xl);
}

.luxury-features-header {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    padding: var(--luxury-spacing);
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
}

.luxury-features-header h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.luxury-features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing);
}

@media (max-width: 768px) {
    .luxury-features-grid {
        grid-template-columns: 1fr;
    }
}

.luxury-feature-item {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing);
    background: var(--luxury-light);
    border-radius: var(--luxury-radius);
    transition: var(--luxury-transition);
}

.luxury-feature-item:hover,
.luxury-feature-item:focus {
    background: var(--luxury-white);
    box-shadow: var(--luxury-shadow);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    outline: none;
}

.luxury-feature-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-white);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.luxury-feature-content h4 {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--luxury-dark);
}

.luxury-feature-content p {
    margin: 0;
    font-size: 0.85rem;
    color: var(--luxury-gray);
    line-height: 1.5;
}

/* Additional Info Tabs */
.luxury-additional-info {
    padding: var(--luxury-spacing-2xl) 0;
    background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
    margin-top: var(--luxury-spacing-2xl);
}

.luxury-tabs-container {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    overflow: hidden;
    box-shadow: var(--luxury-shadow-lg);
}

.luxury-tabs-header {
    display: flex;
    background: linear-gradient(135deg, var(--luxury-black) 0%, var(--luxury-dark) 100%);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.luxury-tabs-header::-webkit-scrollbar {
    display: none;
}

.luxury-tab-btn {
    padding: 1.5rem 2rem;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    transition: var(--luxury-transition);
    white-space: nowrap;
    border-bottom: 3px solid transparent;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-family: var(--luxury-font);
    font-size: 1rem;
    flex-shrink: 0;
}

.luxury-tab-btn:hover,
.luxury-tab-btn:focus {
    color: var(--luxury-white);
    background: rgba(212, 175, 55, 0.05);
    outline: none;
}

.luxury-tab-btn:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: -2px;
}

.luxury-tab-btn.active {
    color: var(--luxury-white);
    border-bottom-color: var(--luxury-gold);
    background: rgba(212, 175, 55, 0.1);
}

.luxury-tabs-content {
    padding: var(--luxury-spacing-2xl);
}

@media (max-width: 768px) {
    .luxury-tabs-content {
        padding: var(--luxury-spacing);
    }
}

.luxury-tab-pane {
    display: none;
    animation: luxuryFadeIn 0.6s ease;
    -webkit-animation: luxuryFadeIn 0.6s ease;
}

.luxury-tab-pane.active {
    display: block;
}

.luxury-tab-header {
    margin-bottom: var(--luxury-spacing-xl);
    padding-bottom: var(--luxury-spacing);
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
}

.luxury-tab-header h3 {
    margin: 0;
    color: var(--luxury-dark);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-tab-body {
    line-height: 1.8;
    color: var(--luxury-gray);
}

.luxury-tab-body h4 {
    color: var(--luxury-dark);
    margin-top: var(--luxury-spacing-xl);
    margin-bottom: var(--luxury-spacing);
    font-size: 1.25rem;
}

.luxury-tab-body p {
    margin-bottom: var(--luxury-spacing);
}

.luxury-tab-body ul,
.luxury-tab-body ol {
    margin-bottom: var(--luxury-spacing);
    padding-right: var(--luxury-spacing-lg);
}

.luxury-tab-body li {
    margin-bottom: var(--luxury-spacing-sm);
}

/* Specifications */
.luxury-specifications {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius);
    border: 1px solid rgba(212, 175, 55, 0.1);
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
}

.luxury-specs-header {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    padding: var(--luxury-spacing);
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
}

.luxury-specs-header h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.luxury-specs-table {
    padding: var(--luxury-spacing);
}

.luxury-spec-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--luxury-spacing-sm) 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
    flex-wrap: wrap;
    gap: var(--luxury-spacing-sm);
}

.luxury-spec-row:last-child {
    border-bottom: none;
}

.luxury-spec-label {
    font-weight: 600;
    color: var(--luxury-dark);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 200px;
}

.luxury-spec-value {
    color: var(--luxury-gray);
    font-weight: 500;
    flex: 1;
    min-width: 200px;
}

/* Shipping Info */
.luxury-shipping-info {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius);
    border: 1px solid rgba(212, 175, 55, 0.1);
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
}

.luxury-shipping-header {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    padding: var(--luxury-spacing);
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
}

.luxury-shipping-header h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.luxury-shipping-features {
    padding: var(--luxury-spacing-lg);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--luxury-spacing);
}

@media (max-width: 768px) {
    .luxury-shipping-features {
        grid-template-columns: 1fr;
    }
}

.luxury-shipping-feature {
    display: flex;
    align-items: flex-start;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing);
    background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
    border-radius: var(--luxury-radius);
    border: 2px solid rgba(212, 175, 55, 0.1);
    transition: var(--luxury-transition);
}

.luxury-shipping-feature:hover,
.luxury-shipping-feature:focus {
    border-color: var(--luxury-gold);
    box-shadow: var(--luxury-shadow);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    outline: none;
}

.luxury-shipping-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-white);
    font-size: 1.5rem;
    flex-shrink: 0;
}

.luxury-shipping-content {
    flex: 1;
}

.luxury-shipping-content h4 {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--luxury-dark);
}

.luxury-shipping-content p {
    margin: 0 0 var(--luxury-spacing-sm) 0;
    color: var(--luxury-gray);
    line-height: 1.6;
}

.luxury-shipping-time {
    display: inline-block;
    background: var(--luxury-info);
    color: var(--luxury-white);
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.luxury-shipping-cost {
    display: inline-block;
    background: linear-gradient(135deg, var(--luxury-success) 0%, var(--luxury-success-light) 100%);
    color: var(--luxury-white);
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 700;
}

.luxury-free-shipping-notice {
    margin: var(--luxury-spacing-lg);
    padding: var(--luxury-spacing);
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: var(--luxury-white);
    border-radius: var(--luxury-radius);
    box-shadow: var(--luxury-shadow);
    position: relative;
    overflow: hidden;
}

.luxury-notice-header {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    margin-bottom: var(--luxury-spacing);
    position: relative;
    z-index: 1;
}

.luxury-notice-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.luxury-notice-content h4 {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--luxury-white);
}

.luxury-notice-content p {
    margin: 0;
    opacity: 0.9;
    color: rgba(255, 255, 255, 0.9);
}

.luxury-free-shipping-progress {
    margin-top: var(--luxury-spacing);
    position: relative;
    z-index: 1;
}

.luxury-progress-info {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    margin-bottom: var(--luxury-spacing);
    flex-wrap: wrap;
}

.luxury-progress-success {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 700;
    color: var(--luxury-white);
}

.luxury-progress-remaining {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: rgba(255, 255, 255, 0.9);
}

.luxury-progress-bar {
    height: 6px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}

.luxury-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--luxury-white), #f0f0f0);
    border-radius: 3px;
    transition: width 0.6s ease;
    position: relative;
    width: 0;
}

.luxury-progress-shine {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: luxuryShineRTL 2s infinite;
    -webkit-animation: luxuryShineRTL 2s infinite;
}

.luxury-progress-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    opacity: 0.8;
    margin-top: 0.5rem;
    color: rgba(255, 255, 255, 0.8);
}

.luxury-shipping-note {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing);
    background: var(--luxury-light);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
    color: var(--luxury-gray);
}

.luxury-note-icon {
    color: var(--luxury-info);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.luxury-shipping-note p {
    margin: 0;
    color: var(--luxury-gray);
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Related Products */
.luxury-related-products {
    padding: var(--luxury-spacing-2xl) 0;
    background: var(--luxury-white);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-related-products-modern {
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing-2xl);
}

.luxury-products-section-header {
    text-align: center;
    margin-bottom: var(--luxury-spacing-xl);
}

.luxury-products-section-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--luxury-dark);
    margin: 0 0 var(--luxury-spacing) 0;
    position: relative;
    display: inline-block;
}

.luxury-products-section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--luxury-gold), transparent);
}

.luxury-products-section-decoration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--luxury-spacing);
    margin-top: var(--luxury-spacing);
}

.luxury-related-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--luxury-spacing-lg);
}

@media (max-width: 768px) {
    .luxury-related-products-grid {
        grid-template-columns: 1fr;
    }
}

.luxury-related-product-card {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow);
    transition: var(--luxury-transition);
    overflow: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.luxury-related-product-card:hover,
.luxury-related-product-card:focus-within {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    box-shadow: var(--luxury-shadow-lg);
}

.luxury-related-product-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    flex-shrink: 0;
}

.luxury-related-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--luxury-transition-slow);
    display: block;
}

.luxury-related-product-card:hover .luxury-related-product-image img,
.luxury-related-product-card:focus-within .luxury-related-product-image img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.luxury-related-product-actions {
    position: absolute;
    top: var(--luxury-spacing);
    left: var(--luxury-spacing);
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing-sm);
    opacity: 0;
    transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transition: var(--luxury-transition);
}

.luxury-related-product-card:hover .luxury-related-product-actions,
.luxury-related-product-card:focus-within .luxury-related-product-actions {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}

.luxury-related-sale-badge {
    position: absolute;
    top: var(--luxury-spacing);
    right: var(--luxury-spacing);
    background: linear-gradient(135deg, var(--luxury-danger) 0%, #e74c3c 100%);
    color: var(--luxury-white);
    padding: 0.75rem 1rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 700;
    box-shadow: var(--luxury-shadow);
    z-index: 1;
}

.luxury-related-product-content {
    padding: var(--luxury-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing);
    flex: 1;
}

.luxury-related-product-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.4;
    flex: 1;
}

.luxury-related-product-title a {
    color: var(--luxury-dark);
    text-decoration: none;
    transition: var(--luxury-transition-fast);
    display: block;
}

.luxury-related-product-title a:hover,
.luxury-related-product-title a:focus {
    color: var(--luxury-gold);
    outline: none;
}

.luxury-related-product-rating {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.luxury-related-rating-count {
    font-size: 0.85rem;
    color: var(--luxury-gray);
}

.luxury-related-product-price {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--luxury-gold);
    margin: 0;
}

.luxury-related-product-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: var(--luxury-gray);
    margin-top: auto;
    flex-wrap: wrap;
    gap: var(--luxury-spacing-sm);
}

.luxury-related-stock-available {
    color: var(--luxury-success);
    font-weight: 600;
}

.luxury-related-stock-out {
    color: var(--luxury-danger);
    font-weight: 600;
}

/* ==================== صفحه سبد خرید لوکس ==================== */
.luxury-cart-page {
    padding: var(--luxury-spacing-2xl) 0;
    background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
    min-height: 80vh;
}

.luxury-cart-header {
    text-align: center;
    margin-bottom: var(--luxury-spacing-2xl);
    position: relative;
}

.luxury-cart-title-section {
    margin-bottom: var(--luxury-spacing-2xl);
}

.luxury-cart-main-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--luxury-black);
    margin: 0 0 var(--luxury-spacing) 0;
    position: relative;
    display: inline-block;
}

@media (max-width: 768px) {
    .luxury-cart-main-title {
        font-size: 2.2rem;
    }
}

.luxury-cart-main-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--luxury-gold), transparent);
}

.luxury-cart-subtitle {
    font-size: 1.2rem;
    color: var(--luxury-gray);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.luxury-cart-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 768px) {
    .luxury-cart-steps {
        gap: 2rem;
        flex-direction: column;
        align-items: stretch;
    }
}

.luxury-cart-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--luxury-spacing);
    position: relative;
    text-decoration: none;
    color: inherit;
    transition: var(--luxury-transition);
    cursor: pointer;
    flex: 1;
    z-index: 1;
}

@media (max-width: 768px) {
    .luxury-cart-step {
        flex-direction: row;
        justify-content: flex-start;
        text-align: right;
        padding-right: var(--luxury-spacing);
    }
}

.luxury-cart-step:hover,
.luxury-cart-step:focus {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    outline: none;
}

.luxury-cart-step:hover .luxury-step-text,
.luxury-cart-step:focus .luxury-step-text {
    color: var(--luxury-gold);
}

.luxury-cart-step::after {
    content: "";
    position: absolute;
    top: 25px;
    right: -2rem;
    width: 4rem;
    height: 2px;
    background: linear-gradient(90deg, var(--luxury-gold), var(--luxury-gray));
    opacity: 0.3;
}

@media (max-width: 768px) {
    .luxury-cart-step::after {
        display: none;
    }
    
    .luxury-cart-step::before {
        content: "";
        position: absolute;
        top: -1rem;
        right: 50%;
        width: 2px;
        height: 2rem;
        background: linear-gradient(180deg, var(--luxury-gold), var(--luxury-gray));
        opacity: 0.3;
    }
    
    .luxury-cart-step:first-child::before {
        display: none;
    }
}

.luxury-cart-step:last-child::after {
    display: none;
}

.luxury-cart-step.active .luxury-step-number {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    border-color: var(--luxury-gold);
    box-shadow: var(--luxury-glow);
}

.luxury-cart-step.active .luxury-step-text {
    color: var(--luxury-gold);
    font-weight: 700;
}

.luxury-step-number {
    width: 50px;
    height: 50px;
    border: 3px solid var(--luxury-gray);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--luxury-gray);
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    position: relative;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .luxury-step-number {
        margin-left: var(--luxury-spacing);
    }
}

.luxury-step-check {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    opacity: 0;
    transition: var(--luxury-transition);
    font-size: 1.2rem;
}

.luxury-cart-step.active .luxury-step-check {
    opacity: 1;
}

.luxury-step-text {
    font-weight: 600;
    color: var(--luxury-dark);
    transition: var(--luxury-transition);
    text-align: center;
}

@media (max-width: 768px) {
    .luxury-step-text {
        text-align: right;
        flex: 1;
    }
}

.luxury-cart-layout {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--luxury-spacing-xl);
    align-items: start;
}

@media (max-width: 1200px) {
    .luxury-cart-layout {
        grid-template-columns: 1fr;
        gap: var(--luxury-spacing-xl);
    }
}

.luxury-cart-main {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow-lg);
    overflow: hidden;
}

.luxury-cart-items-section {
    padding: var(--luxury-spacing-xl);
}

@media (max-width: 768px) {
    .luxury-cart-items-section {
        padding: var(--luxury-spacing);
    }
}

.luxury-cart-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--luxury-spacing-xl);
    padding-bottom: var(--luxury-spacing);
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
    flex-wrap: wrap;
    gap: var(--luxury-spacing);
}

.luxury-cart-section-title {
    margin: 0;
    color: var(--luxury-dark);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-cart-items-count {
    color: var(--luxury-gold);
    font-weight: 700;
    font-size: 1.1rem;
    background: var(--luxury-light);
    padding: 0.5rem 1rem;
    border-radius: 20px;
}

.luxury-cart-items {
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing);
}

.luxury-cart-item {
    display: flex;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing);
    background: var(--luxury-white);
    border-radius: var(--luxury-radius);
    border: 2px solid rgba(212, 175, 55, 0.1);
    transition: var(--luxury-transition);
    position: relative;
}

@media (max-width: 768px) {
    .luxury-cart-item {
        flex-direction: column;
        text-align: center;
        padding: var(--luxury-spacing);
    }
}

.luxury-cart-item:hover,
.luxury-cart-item:focus-within {
    border-color: var(--luxury-gold);
    box-shadow: var(--luxury-shadow);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
}

.luxury-cart-item-image {
    flex-shrink: 0;
}

.luxury-cart-image-frame {
    width: 120px;
    height: 120px;
    border-radius: var(--luxury-radius);
    overflow: hidden;
    border: 2px solid rgba(212, 175, 55, 0.1);
    transition: var(--luxury-transition);
    background: var(--luxury-white);
}

@media (max-width: 768px) {
    .luxury-cart-image-frame {
        width: 150px;
        height: 150px;
        margin: 0 auto;
    }
}

.luxury-cart-item:hover .luxury-cart-image-frame,
.luxury-cart-item:focus-within .luxury-cart-image-frame {
    border-color: var(--luxury-gold);
}

.luxury-cart-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--luxury-transition);
}

.luxury-cart-item:hover .luxury-cart-item-image img,
.luxury-cart-item:focus-within .luxury-cart-item-image img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.luxury-cart-item-details {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--luxury-spacing);
}

@media (max-width: 768px) {
    .luxury-cart-item-details {
        flex-direction: column;
        width: 100%;
        text-align: center;
        gap: var(--luxury-spacing);
    }
}

.luxury-cart-item-info {
    flex: 1;
    min-width: 0;
}

.luxury-cart-item-title {
    margin: 0 0 var(--luxury-spacing) 0;
    font-size: 1.3rem;
    color: var(--luxury-dark);
    line-height: 1.4;
    word-break: break-word;
}

.luxury-cart-item-title a {
    color: inherit;
    text-decoration: none;
    transition: var(--luxury-transition);
}

.luxury-cart-item-title a:hover,
.luxury-cart-item-title a:focus {
    color: var(--luxury-gold);
    outline: none;
}

.luxury-cart-item-meta {
    display: flex;
    gap: var(--luxury-spacing);
    font-size: 0.9rem;
    color: var(--luxury-gray);
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .luxury-cart-item-meta {
        justify-content: center;
    }
}

.luxury-cart-item-sku {
    background: var(--luxury-light);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.luxury-cart-item-price-mobile {
    display: none;
    font-weight: 700;
    color: var(--luxury-gold);
    font-size: 1.2rem;
    margin-bottom: var(--luxury-spacing);
}

@media (max-width: 576px) {
    .luxury-cart-item-price-mobile {
        display: block;
    }
}

.luxury-cart-item-actions {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .luxury-cart-item-actions {
        flex-direction: column;
        width: 100%;
        gap: var(--luxury-spacing);
    }
}

.luxury-cart-quantity-controls {
    display: flex;
    align-items: center;
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: var(--luxury-radius);
    overflow: hidden;
    background: var(--luxury-white);
    min-width: 150px;
}

@media (max-width: 768px) {
    .luxury-cart-quantity-controls {
        justify-content: center;
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
}

.luxury-cart-quantity-btn {
    width: 45px;
    height: 45px;
    border: none;
    background: var(--luxury-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--luxury-transition);
    color: var(--luxury-dark);
    padding: 0;
    flex-shrink: 0;
}

.luxury-cart-quantity-btn:hover,
.luxury-cart-quantity-btn:focus {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    outline: none;
}

.luxury-cart-quantity-btn:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: -2px;
}

.luxury-cart-quantity-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.luxury-cart-quantity-btn:disabled:hover {
    background: var(--luxury-light);
    color: var(--luxury-dark);
}

.luxury-cart-quantity-input {
    width: 70px;
    height: 45px;
    border: none;
    text-align: center;
    background: var(--luxury-white);
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
    border-left: 2px solid rgba(212, 175, 55, 0.1);
    border-right: 2px solid rgba(212, 175, 55, 0.1);
    font-weight: 600;
    color: var(--luxury-dark);
    font-family: var(--luxury-font);
    font-size: 1rem;
    margin: 0;
    padding: 0;
}

.luxury-cart-quantity-input:disabled {
    background-color: var(--luxury-light);
    cursor: not-allowed;
}

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

.luxury-cart-quantity-input:focus {
    outline: none;
    background-color: var(--luxury-light);
}

.luxury-cart-item-subtotal {
    font-weight: 700;
    color: var(--luxury-dark);
    font-size: 1.3rem;
    min-width: 120px;
    text-align: left;
}

@media (max-width: 768px) {
    .luxury-cart-item-subtotal {
        text-align: center;
        width: 100%;
        display: none;
    }
}

@media (max-width: 576px) {
    .luxury-cart-item-subtotal {
        display: block;
        order: 2;
        text-align: center;
        width: 100%;
        margin-top: var(--luxury-spacing);
    }
}

.luxury-cart-remove-item-btn {
    width: 45px;
    height: 45px;
    border: none;
    background: linear-gradient(135deg, var(--luxury-danger) 0%, #e74c3c 100%);
    color: var(--luxury-white);
    border-radius: var(--luxury-radius);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--luxury-transition);
    box-shadow: var(--luxury-shadow);
    padding: 0;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .luxury-cart-remove-item-btn {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
}

.luxury-cart-remove-item-btn.luxury-is-loading {
    opacity: 0.7;
    pointer-events: none;
}

.luxury-cart-remove-item-btn:hover,
.luxury-cart-remove-item-btn:focus {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(220, 53, 69, 0.4);
    outline: none;
}

.luxury-cart-remove-item-btn:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-cart-sidebar {
    position: sticky;
    top: calc(var(--luxury-spacing) + 80px);
}

@media (max-width: 1200px) {
    .luxury-cart-sidebar {
        position: static;
    }
}

.luxury-cart-summary {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow-lg);
    overflow: hidden;
    margin-bottom: var(--luxury-spacing);
}

.luxury-summary-header {
    padding: var(--luxury-spacing-xl);
    background: linear-gradient(135deg, var(--luxury-black) 0%, var(--luxury-dark) 100%);
    color: var(--luxury-white);
}

.luxury-summary-header h3 {
    margin: 0;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-summary-content {
    padding: var(--luxury-spacing-xl);
}

.luxury-cart-totals-list {
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing);
}

.luxury-cart-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--luxury-spacing-sm) 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
    flex-wrap: wrap;
    gap: var(--luxury-spacing-sm);
}

.luxury-cart-total-row:last-child {
    border-bottom: none;
}

.luxury-cart-total-label {
    font-weight: 600;
    color: var(--luxury-dark);
}

.luxury-cart-total-value {
    font-weight: 700;
    color: var(--luxury-dark);
}

.luxury-cart-grand-total {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--luxury-gold);
    padding-top: var(--luxury-spacing);
    border-top: 3px solid rgba(212, 175, 55, 0.3);
}

.luxury-cart-free-badge {
    background: linear-gradient(135deg, var(--luxury-success) 0%, var(--luxury-success-light) 100%);
    color: var(--luxury-white);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 700;
}

.luxury-cart-actions {
    padding: var(--luxury-spacing-xl);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing);
}

.luxury-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--luxury-spacing);
    padding: 1.5rem 2rem;
    border: none;
    border-radius: var(--luxury-radius);
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    transition: var(--luxury-transition);
    text-align: center;
    position: relative;
    overflow: hidden;
    font-family: var(--luxury-font);
    font-size: 1rem;
    width: 100%;
}

.luxury-cart-btn-primary {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    box-shadow: var(--luxury-shadow);
}

.luxury-cart-btn-primary:hover,
.luxury-cart-btn-primary:focus {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    box-shadow: var(--luxury-glow);
    outline: none;
}

.luxury-cart-btn-primary:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-cart-btn-checkout {
    padding: 1.5rem;
    font-size: 1.1rem;
}

.luxury-cart-btn-outline {
    width: 100%;
    padding: 1.5rem;
    border: 2px solid var(--luxury-gold);
    color: var(--luxury-gold);
    background: transparent;
    text-decoration: none;
    text-align: center;
    border-radius: var(--luxury-radius);
    transition: var(--luxury-transition);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--luxury-spacing);
}

.luxury-cart-btn-outline:hover,
.luxury-cart-btn-outline:focus {
    background: var(--luxury-gold);
    color: var(--luxury-white);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    box-shadow: var(--luxury-shadow);
    outline: none;
}

.luxury-cart-btn-outline:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-cart-coupon-section {
    text-align: center;
    padding: var(--luxury-spacing);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-cart-coupon-toggle {
    background: none;
    border: none;
    color: var(--luxury-gold);
    cursor: pointer;
    font-size: 1rem;
    transition: var(--luxury-transition);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 auto;
    font-family: var(--luxury-font);
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: var(--luxury-radius);
}

.luxury-cart-coupon-toggle:hover,
.luxury-cart-coupon-toggle:focus {
    color: var(--luxury-gold-dark);
    background: var(--luxury-light);
    outline: none;
}

.luxury-cart-coupon-toggle:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-cart-coupon-icon {
    width: 40px;
    height: 40px;
    background: var(--luxury-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--luxury-transition);
    flex-shrink: 0;
}

.luxury-cart-coupon-toggle:hover .luxury-cart-coupon-icon,
.luxury-cart-coupon-toggle:focus .luxury-cart-coupon-icon {
    background: var(--luxury-gold);
    color: var(--luxury-white);
}

.luxury-cart-coupon-form {
    display: none;
    margin-top: var(--luxury-spacing);
    gap: var(--luxury-spacing);
    flex-wrap: wrap;
    justify-content: center;
}

.luxury-cart-coupon-form.active {
    display: flex;
}

.luxury-cart-coupon-input {
    flex: 1;
    padding: 1rem;
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: var(--luxury-radius);
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    font-family: var(--luxury-font);
    font-size: 1rem;
    min-width: 200px;
}

.luxury-cart-coupon-input:focus {
    border-color: var(--luxury-gold);
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
    background: var(--luxury-light);
}

.luxury-cart-coupon-btn {
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%);
    color: var(--luxury-white);
    border: none;
    border-radius: var(--luxury-radius);
    cursor: pointer;
    transition: var(--luxury-transition);
    font-weight: 600;
    font-family: var(--luxury-font);
    min-width: 120px;
}

.luxury-cart-coupon-btn:hover,
.luxury-cart-coupon-btn:focus {
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    box-shadow: var(--luxury-shadow);
    outline: none;
}

.luxury-cart-coupon-btn:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-cart-features {
    padding: var(--luxury-spacing-xl);
    background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-cart-feature-item {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing-sm) 0;
    color: var(--luxury-gray);
    font-size: 0.95rem;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-cart-feature-item:last-child {
    border-bottom: none;
}

.luxury-cart-feature-icon {
    color: var(--luxury-gold);
    width: 24px;
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* Free Shipping Progress */
.luxury-cart-free-shipping-progress {
    padding: var(--luxury-spacing-xl);
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: var(--luxury-white);
    position: relative;
    overflow: hidden;
}

.luxury-cart-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--luxury-spacing);
    flex-wrap: wrap;
    gap: var(--luxury-spacing);
}

.luxury-cart-progress-info {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-cart-progress-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.luxury-cart-progress-text {
    display: flex;
    flex-direction: column;
}

.luxury-cart-success-message {
    font-weight: 700;
    font-size: 1.1rem;
}

.luxury-cart-progress-message {
    font-size: 1rem;
    opacity: 0.9;
}

.luxury-cart-progress-percentage {
    font-weight: 800;
    font-size: 1.3rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem 1rem;
    border-radius: 25px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    flex-shrink: 0;
}

.luxury-cart-progress-bar {
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0.75rem;
    position: relative;
}

.luxury-cart-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--luxury-white), #f0f0f0);
    border-radius: 5px;
    transition: width 0.6s ease;
    position: relative;
    width: 0;
}

.luxury-cart-progress-fill::after {
    content: '';
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: luxuryProgressShine 2s infinite;
    -webkit-animation: luxuryProgressShine 2s infinite;
}

.luxury-cart-progress-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
}

/* ==================== صفحه تسویه‌حساب لوکس ==================== */
.luxury-checkout-page {
    padding: var(--luxury-spacing-2xl) 0;
    background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
    min-height: 100vh;
}

.luxury-checkout-header {
    text-align: center;
    margin-bottom: var(--luxury-spacing-2xl);
}

.luxury-checkout-title-section {
    margin-bottom: var(--luxury-spacing-2xl);
}

.luxury-checkout-main-title {
    font-size: 3rem;
    font-weight: 800;
    color: var(--luxury-black);
    margin: 0 0 var(--luxury-spacing) 0;
    position: relative;
    display: inline-block;
}

@media (max-width: 768px) {
    .luxury-checkout-main-title {
        font-size: 2.2rem;
    }
}

.luxury-checkout-main-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--luxury-gold), transparent);
}

.luxury-checkout-subtitle {
    font-size: 1.2rem;
    color: var(--luxury-gray);
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.luxury-checkout-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    max-width: 600px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .luxury-checkout-steps {
        gap: 2rem;
        flex-direction: column;
    }
}

.luxury-checkout-layout {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--luxury-spacing-xl);
    align-items: start;
}

@media (max-width: 1200px) {
    .luxury-checkout-layout {
        grid-template-columns: 1fr;
        gap: var(--luxury-spacing-xl);
    }
}

.luxury-checkout-main {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow-lg);
    overflow: hidden;
}

.luxury-checkout-shipping-progress {
    padding: var(--luxury-spacing-xl);
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: var(--luxury-white);
    position: relative;
    overflow: hidden;
}

.luxury-checkout-sections {
    padding: var(--luxury-spacing-xl);
}

@media (max-width: 768px) {
    .luxury-checkout-sections {
        padding: var(--luxury-spacing);
    }
}

.luxury-checkout-section {
    margin-bottom: var(--luxury-spacing-xl);
}

.luxury-checkout-section:last-child {
    margin-bottom: 0;
}

/* Checkout Form */
.luxury-checkout-form {
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing-xl);
}

.luxury-checkout-customer-details {
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing-xl);
}

.luxury-checkout-billing-section,
.luxury-checkout-shipping-section,
.luxury-checkout-order-notes-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 2px solid rgba(212, 175, 55, 0.1);
    border-radius: var(--luxury-radius-lg);
    padding: var(--luxury-spacing-xl);
    margin-bottom: var(--luxury-spacing);
    box-shadow: var(--luxury-shadow);
    transition: var(--luxury-transition);
}

@media (max-width: 768px) {
    .luxury-checkout-billing-section,
    .luxury-checkout-shipping-section,
    .luxury-checkout-order-notes-section {
        padding: var(--luxury-spacing);
    }
}

.luxury-checkout-billing-section:hover,
.luxury-checkout-shipping-section:hover,
.luxury-checkout-order-notes-section:hover,
.luxury-checkout-billing-section:focus-within,
.luxury-checkout-shipping-section:focus-within,
.luxury-checkout-order-notes-section:focus-within {
    box-shadow: var(--luxury-shadow-lg);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    border-color: rgba(212, 175, 55, 0.3);
}

.luxury-checkout-section-header {
    margin-bottom: var(--luxury-spacing-xl);
    padding-bottom: var(--luxury-spacing);
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
}

.luxury-checkout-section-header h4 {
    margin: 0;
    color: var(--luxury-dark);
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-checkout-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--luxury-spacing);
}

@media (max-width: 768px) {
    .luxury-checkout-form-grid {
        grid-template-columns: 1fr;
    }
}

/* Form Field Styling */
.woocommerce form .luxury-checkout-form-row {
    padding: 0;
    margin: 0 0 var(--luxury-spacing) 0;
    width: 100%;
}

.woocommerce form .luxury-checkout-form-row label {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: var(--luxury-dark);
    font-size: 0.95rem;
    cursor: pointer;
}

.woocommerce form .luxury-checkout-form-row input[type="text"],
.woocommerce form .luxury-checkout-form-row input[type="email"],
.woocommerce form .luxury-checkout-form-row input[type="tel"],
.woocommerce form .luxury-checkout-form-row input[type="password"],
.woocommerce form .luxury-checkout-form-row select,
.woocommerce form .luxury-checkout-form-row textarea {
    width: 100%;
    padding: 1rem 1.25rem;
    border: 2px solid rgba(212, 175, 55, 0.2);
    border-radius: var(--luxury-radius);
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    font-family: var(--luxury-font);
    font-size: 1rem;
    color: var(--luxury-dark);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.woocommerce form .luxury-checkout-form-row select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 16px 12px;
    padding-left: 3rem;
}

.woocommerce form .luxury-checkout-form-row input:focus,
.woocommerce form .luxury-checkout-form-row select:focus,
.woocommerce form .luxury-checkout-form-row textarea:focus {
    outline: none;
    border-color: var(--luxury-gold);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
    background: var(--luxury-light);
}

.woocommerce form .luxury-checkout-form-row.woocommerce-invalid input {
    border-color: var(--luxury-danger);
}

.woocommerce form .luxury-checkout-form-row.woocommerce-validated input {
    border-color: var(--luxury-success);
}

/* Order Notes Textarea */
.luxury-checkout-order-notes-section textarea {
    min-height: 150px;
    resize: vertical;
    border: 2px solid rgba(212, 175, 55, 0.2);
    border-radius: var(--luxury-radius);
    padding: 1.5rem;
    font-size: 1rem;
    transition: var(--luxury-transition);
    background: var(--luxury-white);
    line-height: 1.6;
    font-family: var(--luxury-font);
    width: 100%;
}

.luxury-checkout-order-notes-section textarea:focus {
    border-color: var(--luxury-gold);
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1);
    background: var(--luxury-light);
}

.luxury-checkout-shipping-toggle {
    margin-bottom: var(--luxury-spacing);
}

.luxury-checkout-shipping-different-address {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    cursor: pointer;
    font-weight: 600;
    color: var(--luxury-dark);
    user-select: none;
}

.luxury-checkout-shipping-different-address input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: 3px;
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex-shrink: 0;
}

.luxury-checkout-shipping-different-address input[type="checkbox"]:checked {
    background: var(--luxury-gold);
    border-color: var(--luxury-gold);
}

.luxury-checkout-shipping-different-address input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    color: var(--luxury-white);
    font-size: 12px;
    font-weight: bold;
}

.luxury-checkout-shipping-different-address input[type="checkbox"]:focus {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-checkout-shipping-fields {
    display: none;
    margin-top: var(--luxury-spacing-xl);
    animation: luxuryFadeIn 0.3s ease;
    -webkit-animation: luxuryFadeIn 0.3s ease;
}

.luxury-checkout-shipping-fields.active {
    display: block;
}

/* Checkout Sidebar */
.luxury-checkout-sidebar {
    position: sticky;
    top: calc(var(--luxury-spacing) + 80px);
}

@media (max-width: 1200px) {
    .luxury-checkout-sidebar {
        position: static;
    }
}

.luxury-checkout-order-summary {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow-lg);
    overflow: hidden;
    margin-bottom: var(--luxury-spacing);
}

.luxury-checkout-order-items-list {
    padding: var(--luxury-spacing-xl);
    max-height: 350px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--luxury-gold) var(--luxury-light);
}

.luxury-checkout-order-items-list::-webkit-scrollbar {
    width: 6px;
}

.luxury-checkout-order-items-list::-webkit-scrollbar-track {
    background: var(--luxury-light);
    border-radius: 3px;
}

.luxury-checkout-order-items-list::-webkit-scrollbar-thumb {
    background: var(--luxury-gold);
    border-radius: 3px;
}

.luxury-checkout-order-item {
    display: flex;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing) 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
    align-items: center;
}

.luxury-checkout-order-item:last-child {
    border-bottom: none;
}

.luxury-checkout-order-item-image {
    flex-shrink: 0;
    width: 70px;
    height: 70px;
}

.luxury-checkout-order-image-frame {
    width: 100%;
    height: 100%;
    border-radius: var(--luxury-radius);
    overflow: hidden;
    border: 2px solid rgba(212, 175, 55, 0.1);
    background: var(--luxury-white);
}

.luxury-checkout-order-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.luxury-checkout-order-item-details {
    flex: 1;
    min-width: 0;
}

.luxury-checkout-order-item-title {
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    color: var(--luxury-dark);
    line-height: 1.4;
    word-break: break-word;
}

.luxury-checkout-order-item-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    color: var(--luxury-gray);
    flex-wrap: wrap;
    gap: var(--luxury-spacing-sm);
}

.luxury-checkout-order-item-quantity {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.luxury-checkout-totals {
    padding: var(--luxury-spacing-xl);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-checkout-payment-section {
    margin-top: var(--luxury-spacing);
    padding-top: var(--luxury-spacing);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-checkout-payment-title {
    margin: 0 0 var(--luxury-spacing) 0;
    color: var(--luxury-dark);
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-checkout-payment-methods {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing-sm);
}

.luxury-checkout-payment-method {
    margin-bottom: 0;
}

.luxury-checkout-payment-method-label {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    padding: var(--luxury-spacing);
    background: var(--luxury-light);
    border-radius: var(--luxury-radius);
    transition: var(--luxury-transition);
    cursor: pointer;
    border: 2px solid transparent;
}

.luxury-checkout-payment-method-label:hover,
.luxury-checkout-payment-method-label:focus-within {
    background: var(--luxury-white);
    box-shadow: var(--luxury-shadow);
    border-color: rgba(212, 175, 55, 0.2);
}

.luxury-checkout-payment-method-label input[type="radio"] {
    margin: 0;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: 50%;
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex-shrink: 0;
}

.luxury-checkout-payment-method-label input[type="radio"]:checked {
    border-color: var(--luxury-gold);
    background: var(--luxury-white);
}

.luxury-checkout-payment-method-label input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 8px;
    height: 8px;
    background: var(--luxury-gold);
    border-radius: 50%;
}

.luxury-checkout-payment-method-label input[type="radio"]:focus {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-checkout-payment-method-label span {
    margin: 0;
    cursor: pointer;
    font-weight: 600;
    color: var(--luxury-dark);
    flex: 1;
}

.luxury-checkout-payment-method-content {
    padding: var(--luxury-spacing) 0 0 var(--luxury-spacing);
    display: none;
}

.luxury-checkout-payment-method-content.active {
    display: block;
    animation: luxuryFadeIn 0.3s ease;
    -webkit-animation: luxuryFadeIn 0.3s ease;
}

.luxury-checkout-place-order-section {
    margin-top: var(--luxury-spacing);
    padding-top: var(--luxury-spacing);
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.luxury-checkout-terms-agreement {
    margin-bottom: var(--luxury-spacing);
}

.luxury-checkout-terms-label {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    cursor: pointer;
    font-size: 0.95rem;
    color: var(--luxury-gray);
    user-select: none;
}

.luxury-checkout-terms-label a {
    color: var(--luxury-gold);
    text-decoration: none;
    font-weight: 600;
    transition: var(--luxury-transition);
}

.luxury-checkout-terms-label a:hover,
.luxury-checkout-terms-label a:focus {
    color: var(--luxury-gold-dark);
    text-decoration: underline;
    outline: none;
}

.luxury-checkout-terms-checkbox {
    margin: 0;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-radius: 3px;
    background: var(--luxury-white);
    transition: var(--luxury-transition);
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex-shrink: 0;
}

.luxury-checkout-terms-checkbox:checked {
    background: var(--luxury-gold);
    border-color: var(--luxury-gold);
}

.luxury-checkout-terms-checkbox:checked::after {
    content: "✓";
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    color: var(--luxury-white);
    font-size: 12px;
    font-weight: bold;
}

.luxury-checkout-terms-checkbox:focus {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-checkout-place-order-btn {
    width: 100%;
    padding: 1.5rem 2rem;
    background: linear-gradient(135deg, var(--luxury-success) 0%, var(--luxury-success-light) 100%);
    color: var(--luxury-white);
    border: none;
    border-radius: var(--luxury-radius);
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    transition: var(--luxury-transition);
    position: relative;
    overflow: hidden;
    box-shadow: var(--luxury-shadow);
    font-family: var(--luxury-font);
}

.luxury-checkout-place-order-btn:hover,
.luxury-checkout-place-order-btn:focus {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    box-shadow: var(--luxury-success-glow);
    background: linear-gradient(135deg, var(--luxury-success-dark) 0%, var(--luxury-success) 100%);
    outline: none;
}

.luxury-checkout-place-order-btn:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-checkout-place-order-btn.loading {
    opacity: 0.7;
    pointer-events: none;
}

.luxury-checkout-features {
    background: var(--luxury-white);
    border-radius: var(--luxury-radius-lg);
    box-shadow: var(--luxury-shadow-lg);
    padding: var(--luxury-spacing-xl);
    display: flex;
    flex-direction: column;
    gap: var(--luxury-spacing);
}

/* Notifications */
.luxury-notification {
    position: fixed;
    top: 2rem;
    right: 50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    padding: 1.5rem 2rem;
    border-radius: var(--luxury-radius);
    color: var(--luxury-white);
    font-weight: 700;
    z-index: var(--z-notification);
    animation: luxurySlideInRight 0.4s ease;
    -webkit-animation: luxurySlideInRight 0.4s ease;
    box-shadow: var(--luxury-shadow-lg);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    max-width: 500px;
    width: 90%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--luxury-spacing);
}

.luxury-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 1.2rem;
    opacity: 0.8;
    transition: var(--luxury-transition);
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.luxury-notification-close:hover,
.luxury-notification-close:focus {
    opacity: 1;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    outline: none;
}

.luxury-notification-close:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 2px;
}

.luxury-notification-success {
    background: linear-gradient(135deg, var(--luxury-success) 0%, var(--luxury-success-light) 100%);
}

.luxury-notification-error {
    background: linear-gradient(135deg, var(--luxury-danger) 0%, #e74c3c 100%);
}

.luxury-notification-warning {
    background: linear-gradient(135deg, var(--luxury-warning) 0%, #ffdb6d 100%);
    color: var(--luxury-dark);
}

.luxury-notification-info {
    background: linear-gradient(135deg, var(--luxury-info) 0%, #5bc0de 100%);
}

/* ==================== فوتر ==================== */
.luxury-footer {
    background: linear-gradient(135deg, var(--luxury-black) 0%, var(--luxury-dark) 100%);
    color: var(--luxury-white);
    padding: var(--luxury-spacing-2xl) 0 var(--luxury-spacing);
    margin-top: var(--luxury-spacing-2xl);
    position: relative;
    overflow: hidden;
}

.luxury-footer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(212, 175, 55, 0.05) 50%, transparent 70%);
    animation: luxuryShineRTL 3s infinite;
    -webkit-animation: luxuryShineRTL 3s infinite;
}

.luxury-footer-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--luxury-spacing-2xl);
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--luxury-spacing);
}

@media (max-width: 768px) {
    .luxury-footer-container {
        grid-template-columns: 1fr;
        gap: var(--luxury-spacing-xl);
    }
}

.luxury-footer-column {
    margin-bottom: var(--luxury-spacing);
}

.luxury-footer-title {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: var(--luxury-spacing);
    color: var(--luxury-white);
    position: relative;
    padding-bottom: var(--luxury-spacing-sm);
}

.luxury-footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 2px;
    background-color: var(--luxury-gold);
}

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

.luxury-footer-link-item {
    margin-bottom: var(--luxury-spacing-sm);
}

.luxury-footer-link {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: var(--luxury-transition);
    padding: 0.5rem 0;
}

.luxury-footer-link:hover,
.luxury-footer-link:focus {
    color: var(--luxury-gold);
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    outline: none;
}

.luxury-footer-link:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 2px;
}

.luxury-footer-link-icon {
    font-size: 0.9rem;
    color: var(--luxury-gold);
    transition: var(--luxury-transition);
    flex-shrink: 0;
}

.luxury-footer-link:hover .luxury-footer-link-icon,
.luxury-footer-link:focus .luxury-footer-link-icon {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

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

.luxury-footer-contact-item {
    display: flex;
    align-items: center;
    gap: var(--luxury-spacing);
    margin-bottom: var(--luxury-spacing);
    color: rgba(255, 255, 255, 0.8);
}

.luxury-footer-contact-icon {
    width: 40px;
    height: 40px;
    background: rgba(212, 175, 55, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--luxury-gold);
    flex-shrink: 0;
}

.luxury-footer-contact-details {
    flex: 1;
}

.luxury-footer-contact-details h4 {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--luxury-white);
}

.luxury-footer-contact-details p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    line-height: 1.5;
}

.luxury-footer-social {
    display: flex;
    gap: var(--luxury-spacing-sm);
    margin-top: var(--luxury-spacing);
    flex-wrap: wrap;
}

.luxury-footer-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: var(--luxury-white);
    text-decoration: none;
    transition: var(--luxury-transition);
    flex-shrink: 0;
}

.luxury-footer-social-link:hover,
.luxury-footer-social-link:focus {
    background-color: var(--luxury-gold);
    color: var(--luxury-white);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    box-shadow: var(--luxury-glow);
    outline: none;
}

.luxury-footer-social-link:focus-visible {
    outline: 3px solid var(--luxury-white);
    outline-offset: 2px;
}

.luxury-footer-bottom {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: var(--luxury-spacing-2xl);
    margin-top: var(--luxury-spacing-2xl);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--luxury-spacing);
}

.luxury-copyright {
    margin-bottom: 0;
    order: 2;
}

.luxury-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: var(--luxury-spacing-sm);
    color: var(--luxury-white);
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: var(--luxury-spacing);
    order: 1;
    transition: var(--luxury-transition);
}

.luxury-footer-logo:hover,
.luxury-footer-logo:focus {
    color: var(--luxury-gold);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    outline: none;
}

.luxury-footer-logo:focus-visible {
    outline: 3px solid var(--luxury-gold);
    outline-offset: 4px;
    border-radius: var(--luxury-radius);
}

.luxury-footer-logo-icon {
    color: var(--luxury-gold);
}

.luxury-footer-legal {
    order: 3;
    display: flex;
    gap: var(--luxury-spacing);
    flex-wrap: wrap;
    justify-content: center;
}

.luxury-footer-legal a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: var(--luxury-transition);
}

.luxury-footer-legal a:hover,
.luxury-footer-legal a:focus {
    color: var(--luxury-white);
    text-decoration: underline;
    outline: none;
}
/* ==================== رفع مشکلات صفحات حساب کاربری ==================== */
/* اضافه کردن در انتهای فایل CSS، قبل از media queries */

/* 1. رفع مشکل اصلی Layout */
body.woocommerce-account .woocommerce {
    display: block !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    overflow: hidden !important;
    clear: both !important;
}

/* 2. رفع مشکل ناوبری */
.woocommerce-MyAccount-navigation {
    display: block !important;
    float: right !important;
    width: 280px !important;
    margin: 0 0 30px 30px !important;
    position: relative !important;
    z-index: 10 !important;
    background: var(--luxury-white) !important;
    border-radius: var(--luxury-radius) !important;
    box-shadow: var(--luxury-shadow) !important;
    padding: 25px !important;
}

/* 3. رفع مشکل محتوا */
.woocommerce-MyAccount-content {
    display: block !important;
    float: right !important;
    width: calc(100% - 310px) !important;
    margin: 0 30px 30px 0 !important;
    background: var(--luxury-white) !important;
    border-radius: var(--luxury-radius) !important;
    box-shadow: var(--luxury-shadow) !important;
    padding: 30px !important;
    min-height: 500px !important;
    overflow: hidden !important;
}

/* 4. آیتم‌های منو */
.woocommerce-MyAccount-navigation ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.woocommerce-MyAccount-navigation ul li {
    display: block !important;
    margin-bottom: 8px !important;
    width: 100% !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 15px 20px !important;
    background: var(--luxury-light) !important;
    border: 2px solid transparent !important;
    border-radius: var(--luxury-radius-sm) !important;
    color: var(--luxury-dark) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--luxury-gold) !important;
    color: var(--luxury-white) !important;
    transform: translateX(-5px) !important;
    box-shadow: var(--luxury-shadow-sm) !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(135deg, var(--luxury-gold) 0%, var(--luxury-gold-light) 100%) !important;
    color: var(--luxury-white) !important;
    border-color: var(--luxury-gold-dark) !important;
    box-shadow: var(--luxury-shadow) !important;
}

/* 5. رفع مشکل جداول */
.woocommerce-account .woocommerce table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 25px !important;
    background: var(--luxury-white) !important;
    border-radius: var(--luxury-radius) !important;
    overflow: hidden !important;
    box-shadow: var(--luxury-shadow-sm) !important;
}

.woocommerce-account .woocommerce th {
    background: linear-gradient(135deg, var(--luxury-dark) 0%, var(--luxury-black) 100%) !important;
    color: var(--luxury-white) !important;
    padding: 18px 15px !important;
    font-weight: 700 !important;
    text-align: right !important;
    border: none !important;
}

.woocommerce-account .woocommerce td {
    padding: 15px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
    text-align: right !important;
    vertical-align: middle !important;
    color: var(--luxury-gray) !important;
}

.woocommerce-account .woocommerce tr:last-child td {
    border-bottom: none !important;
}

.woocommerce-account .woocommerce tr:hover td {
    background: rgba(212, 175, 55, 0.05) !important;
}

/* 6. پاکسازی float (مهم!) */
.woocommerce-account .woocommerce::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 7. واکنش‌گرایی کامل */
@media (max-width: 1200px) {
    .woocommerce-MyAccount-navigation {
        width: 250px !important;
        margin-left: 20px !important;
    }
    
    .woocommerce-MyAccount-content {
        width: calc(100% - 270px) !important;
        margin-right: 20px !important;
    }
}

@media (max-width: 992px) {
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
        margin: 0 0 30px 0 !important;
    }
    
    .woocommerce-MyAccount-navigation {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    
    .woocommerce-MyAccount-navigation ul li {
        margin-bottom: 0 !important;
    }
    
    .woocommerce-MyAccount-navigation ul li a {
        padding: 12px 15px !important;
        text-align: center !important;
        font-size: 0.9rem !important;
    }
    
    .woocommerce-MyAccount-content {
        padding: 20px !important;
    }
    
    .woocommerce-account .woocommerce table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

@media (max-width: 576px) {
    .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr !important;
    }
    
    .woocommerce-account .woocommerce th,
    .woocommerce-account .woocommerce td {
        padding: 12px 10px !important;
        font-size: 0.9rem !important;
    }
}
/* ==================== Responsive Design ==================== */

/* Extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .luxury-container {
        max-width: 1400px;
    }
}

/* Large devices (desktops, 1200px and up) */
@media (max-width: 1200px) {
    .luxury-product-layout {
        gap: var(--luxury-spacing-xl);
    }
    
    .luxury-cart-layout,
    .luxury-checkout-layout {
        grid-template-columns: 1fr;
        gap: var(--luxury-spacing-xl);
    }
    
    .luxury-cart-sidebar,
    .luxury-checkout-sidebar {
        position: static;
    }
    
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }
    
    .woocommerce-MyAccount-navigation {
        order: 2;
    }
}

/* Medium devices (tablets, 992px and up) */
@media (max-width: 992px) {
    .luxury-product-layout {
        grid-template-columns: 1fr;
        gap: var(--luxury-spacing-xl);
    }
    
    .luxury-product-gallery {
        position: static;
    }
    
    .luxury-gallery-main {
        max-width: 600px;
        margin: 0 auto var(--luxury-spacing);
    }
    
    .luxury-thumbnails-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    }
    
    .luxury-cart-steps,
    .luxury-checkout-steps {
        gap: 2rem;
    }
    
    .luxury-cart-step::after {
        width: 2rem;
        right: -1rem;
    }
}

/* Small devices (landscape phones, 768px and up) */
@media (max-width: 768px) {
    .luxury-hamburger-menu {
        display: flex;
    }
    
    .luxury-nav-menu {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        background: linear-gradient(135deg, var(--luxury-black) 0%, var(--luxury-dark) 100%);
        flex-direction: column;
        padding: var(--luxury-spacing-2xl) var(--luxury-spacing);
        box-shadow: var(--luxury-shadow-lg);
        z-index: var(--z-modal);
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.3s ease;
    }
    
    .luxury-nav-menu.active {
        display: flex;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    
    .luxury-nav-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: calc(var(--z-modal) - 1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
    
    .luxury-nav-menu-overlay.active {
        display: block;
    }
    
    .luxury-dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        box-shadow: none;
        background: transparent;
        padding-right: var(--luxury-spacing);
        border-right: 2px solid rgba(212, 175, 55, 0.2);
        margin-top: var(--luxury-spacing-sm);
        padding-top: var(--luxury-spacing-sm);
        padding-bottom: var(--luxury-spacing-sm);
        border-radius: 0;
        min-width: auto;
    }
    
    .luxury-dropdown-item {
        color: rgba(255, 255, 255, 0.8);
        padding: 0.75rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .luxury-dropdown-item:last-child {
        border-bottom: none;
    }
    
    .luxury-dropdown-item:hover,
    .luxury-dropdown-item:focus {
        background: transparent;
        color: var(--luxury-gold);
        padding-right: var(--luxury-spacing);
    }
    
    .luxury-product-title-main {
        font-size: 2rem;
    }
    
    .luxury-current-price {
        font-size: 2rem;
    }
    
    .luxury-cart-main-title,
    .luxury-checkout-main-title {
        font-size: 2.2rem;
    }
    
    .luxury-tabs-header {
        flex-direction: column;
    }
    
    .luxury-tab-btn {
        border-bottom: 1px solid rgba(212, 175, 55, 0.2);
        border-left: 4px solid transparent;
        text-align: right;
        width: 100%;
        justify-content: flex-start;
    }
    
    .luxury-tab-btn.active {
        border-left-color: var(--luxury-gold);
        border-bottom-color: rgba(212, 175, 55, 0.2);
    }
    
    .luxury-features-grid {
        grid-template-columns: 1fr;
    }
    
    .luxury-shipping-features {
        grid-template-columns: 1fr;
    }
    
    .luxury-form-grid,
    .luxury-checkout-form-grid {
        grid-template-columns: 1fr;
    }
    
    .luxury-cart-item {
        flex-direction: column;
        text-align: center;
    }
    
    .luxury-cart-item-details {
        flex-direction: column;
        width: 100%;
    }
    
    .luxury-cart-item-actions {
        flex-direction: column;
        width: 100%;
    }
    
    .luxury-cart-quantity-controls {
        justify-content: center;
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
    
    .luxury-cart-item-subtotal {
        text-align: center;
        width: 100%;
    }
    
    .luxury-quick-actions {
        grid-template-columns: 1fr;
    }
    
    .luxury-products-grid,
    .luxury-related-products-grid {
        grid-template-columns: 1fr;
    }
    
    .luxury-user-actions {
        margin-right: 0;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
    .luxury-cart-item-price-mobile {
        display: block;
    }
    
    .luxury-cart-item-subtotal {
        display: none;
    }
    
    .luxury-thumbnails-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .luxury-gallery-nav-btn,
    .luxury-zoom-btn {
        width: 40px;
        height: 40px;
    }
    
    .luxury-cart-item {
        padding: var(--luxury-spacing);
    }
    
    .luxury-cart-item-actions {
        flex-direction: column;
    }
    
    .luxury-cart-quantity-controls {
        order: 1;
        width: 100%;
        justify-content: center;
        max-width: 100%;
    }
    
    .luxury-cart-item-subtotal {
        order: 2;
        display: block !important;
        text-align: center;
        width: 100%;
        margin-top: var(--luxury-spacing);
    }
    
    .luxury-cart-remove-item-btn {
        order: 3;
        width: 100%;
        margin-top: var(--luxury-spacing);
        max-width: 100%;
    }
    
    .luxury-cart-steps,
    .luxury-checkout-steps {
        flex-direction: column;
        gap: var(--luxury-spacing);
    }
    
    .luxury-cart-step::after {
        display: none;
    }
    
    .luxury-cart-step::before {
        content: "";
        position: absolute;
        top: -1rem;
        right: 50%;
        width: 2px;
        height: 2rem;
        background: linear-gradient(180deg, var(--luxury-gold), var(--luxury-gray));
        opacity: 0.3;
    }
    
    .luxury-cart-step:first-child::before {
        display: none;
    }
    
    .luxury-nav-menu {
        width: 100%;
        max-width: 300px;
    }
    
    .luxury-search-button {
        width: 40px;
        height: 40px;
    }
    
    .luxury-search-input {
        padding: 1rem 3.5rem 1rem 1rem;
    }
}

/* Print Styles */
@media print {
    .luxury-header,
    .luxury-search-section,
    .luxury-hamburger-menu,
    .luxury-user-actions,
    .luxury-footer,
    .luxury-product-actions,
    .luxury-add-to-cart-form,
    .luxury-cart-actions,
    .luxury-checkout-actions,
    .luxury-btn,
    .luxury-action-btn,
    .luxury-quantity-btn,
    .luxury-remove-item-btn,
    .luxury-social-links,
    .luxury-notification,
    .luxury-gallery-navigation,
    .luxury-zoom-btn,
    .luxury-related-product-actions,
    .luxury-wishlist-btn,
    .luxury-compare-btn,
    .luxury-cart-coupon-section,
    .luxury-checkout-shipping-toggle {
        display: none !important;
    }
    
    .luxury-product-page,
    .luxury-cart-page,
    .luxury-checkout-page,
    .luxury-account-content,
    .luxury-featured-products,
    .luxury-categories-section {
        background: white !important;
        color: black !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .luxury-container {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .luxury-product-layout,
    .luxury-cart-layout,
    .luxury-checkout-layout {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
    
    .luxury-product-card,
    .luxury-cart-item,
    .luxury-checkout-order-item,
    .luxury-related-product-card {
        break-inside: avoid;
        page-break-inside: avoid;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        margin-bottom: 20px !important;
        padding: 15px !important;
    }
    
    .luxury-product-gallery,
    .luxury-product-summary,
    .luxury-cart-main,
    .luxury-cart-sidebar,
    .luxury-checkout-main,
    .luxury-checkout-sidebar {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
    }
    
    a {
        color: black !important;
        text-decoration: none !important;
    }
    
    .luxury-product-title a::after,
    .luxury-cart-item-title a::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
        word-break: break-all;
    }
    
    img {
        max-width: 200px !important;
        height: auto !important;
    }
    
    .luxury-breadcrumb-wrapper,
    .luxury-account-banner {
        background: #f5f5f5 !important;
        color: black !important;
        padding: 10px 0 !important;
    }
    
    .luxury-section-title,
    .luxury-product-title-main,
    .luxury-cart-main-title,
    .luxury-checkout-main-title {
        color: black !important;
        background: none !important;
        -webkit-text-fill-color: black !important;
        text-fill-color: black !important;
    }
    
    .luxury-footer-bottom {
        border-top: 1px solid #ddd !important;
        color: #666 !important;
        padding-top: 20px !important;
        margin-top: 40px !important;
    }
    
    /* نمایش قیمت به صورت واضح */
    .luxury-current-price,
    .luxury-related-product-price,
    .luxury-cart-item-subtotal {
        color: black !important;
        font-weight: bold !important;
    }
    
    /* نمایش اطلاعات تماس در چاپ */
    .luxury-footer-contact {
        display: block !important;
    }
    
    .luxury-footer-contact-item {
        color: black !important;
        margin-bottom: 10px !important;
    }
    
    /* مخفی کردن المنت‌های غیرضروری */
    .luxury-gallery-thumbs,
    .luxury-tabs-header,
    .luxury-cart-steps,
    .luxury-checkout-steps,
    .luxury-cart-progress-bar,
    .luxury-free-shipping-progress {
        display: none !important;
    }
    
    /* نمایش المنت‌های مهم */
    .luxury-tabs-content {
        display: block !important;
        padding: 0 !important;
    }
    
    .luxury-tab-pane {
        display: block !important;
        margin-bottom: 30px !important;
    }
    
    /* تنظیمات عمومی چاپ */
    body {
        font-size: 12pt !important;
        line-height: 1.5 !important;
        color: black !important;
        background: white !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        color: black !important;
        page-break-after: avoid !important;
    }
    
    p, li {
        page-break-inside: avoid !important;
    }
    
    a[href^="http"]::after {
        content: " (" attr(href) ")";
    }
    
    /* جلوگیری از قطع شدن جداول */
    table {
        page-break-inside: avoid !important;
    }
    
    /* نمایش QR کد یا بارکد (در صورت وجود) */
    .print-qr-code {
        display: block !important;
        text-align: center;
        margin: 20px 0;
    }
    
    /* اطلاعات سفارش برای چاپ */
    .print-order-info {
        border: 1px solid #ddd;
        padding: 15px;
        margin: 20px 0;
        background: #f9f9f9;
    }
    
    .print-order-info h3 {
        margin-top: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
}

/* ==================== Accessibility Improvements ==================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        -webkit-animation-duration: 0.01ms !important;
        -webkit-transition-duration: 0.01ms !important;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    :root {
        --luxury-gold: #000000;
        --luxury-gold-light: #333333;
        --luxury-gold-dark: #000000;
        --luxury-white: #ffffff;
        --luxury-black: #000000;
        --text: #000000;
    }
    
    body {
        background: #ffffff !important;
    }
    
    .luxury-btn,
    .luxury-action-btn,
    .luxury-nav-link,
    .luxury-search-input,
    .luxury-quantity-input,
    input,
    select,
    textarea {
        border: 2px solid currentColor !important;
    }
    
    .luxury-product-card,
    .luxury-category-card,
    .luxury-cart-main,
    .luxury-checkout-main,
    .luxury-tabs-container {
        border: 2px solid #000000 !important;
    }
    
    .luxury-header,
    .luxury-footer {
        background: #000000 !important;
        color: #ffffff !important;
    }
    
    .luxury-notification {
        border: 2px solid currentColor !important;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    :root {
        --luxury-white: #1a1a1a;
        --luxury-light: #2d2d2d;
        --luxury-dark: #f8f9fa;
        --luxury-black: #ffffff;
        --luxury-gray: #b0b0b0;
        --text: #e0e0e0;
    }
    
    body {
        background: linear-gradient(135deg, var(--luxury-light) 0%, var(--luxury-white) 100%);
        color: var(--text);
    }
    
    .luxury-product-card,
    .luxury-category-card,
    .luxury-cart-main,
    .luxury-checkout-main,
    .luxury-tabs-container,
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content,
    .luxury-add-to-cart-form,
    .luxury-short-description,
    .luxury-meta-info,
    .luxury-features,
    .luxury-specifications,
    .luxury-shipping-info {
        background: var(--luxury-light);
        border-color: rgba(212, 175, 55, 0.3);
        color: var(--text);
    }
    
    .luxury-search-input,
    .luxury-quantity-input,
    .luxury-cart-quantity-input,
    .luxury-cart-coupon-input,
    .woocommerce-form .input-text,
    .luxury-variation select,
    .luxury-checkout-order-notes-section textarea,
    .woocommerce form .luxury-checkout-form-row input,
    .woocommerce form .luxury-checkout-form-row select,
    .woocommerce form .luxury-checkout-form-row textarea {
        background: var(--luxury-white);
        border-color: rgba(212, 175, 55, 0.3);
        color: var(--luxury-dark);
    }
    
    .luxury-search-input:focus,
    .luxury-quantity-input:focus,
    .luxury-cart-quantity-input:focus,
    .luxury-cart-coupon-input:focus,
    .woocommerce-form .input-text:focus,
    .luxury-variation select:focus,
    .luxury-checkout-order-notes-section textarea:focus,
    .woocommerce form .luxury-checkout-form-row input:focus,
    .woocommerce form .luxury-checkout-form-row select:focus,
    .woocommerce form .luxury-checkout-form-row textarea:focus {
        background: var(--luxury-light);
    }
    
    .luxury-product-title-main,
    .luxury-section-title,
    .luxury-cart-main-title,
    .luxury-checkout-main-title,
    .luxury-products-section-title,
    .luxury-cart-section-title,
    .luxury-checkout-section-header h4,
    .luxury-checkout-payment-title,
    .luxury-tab-header h3,
    .luxury-feature-content h4,
    .luxury-shipping-content h4,
    .luxury-meta-label,
    .luxury-cart-total-label,
    .luxury-cart-item-title,
    .luxury-checkout-order-item-title,
    .luxury-related-product-title,
    h1, h2, h3, h4, h5, h6 {
        color: var(--luxury-dark);
    }
    
    .luxury-description-content,
    .luxury-tab-body,
    .luxury-feature-content p,
    .luxury-shipping-content p,
    .luxury-meta-value,
    .luxury-spec-value,
    .luxury-cart-item-meta,
    .luxury-checkout-order-item-meta,
    .luxury-related-product-meta,
    .luxury-related-rating-count,
    .luxury-rating-meta,
    p {
        color: var(--luxury-gray);
    }
    
    .luxury-header {
        background: linear-gradient(135deg, #1a2530 0%, #2c3e50 100%);
    }
    
    .luxury-footer {
        background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
    }
    
    .luxury-breadcrumb-wrapper,
    .luxury-account-banner {
        background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
    }
    
    .luxury-price-section,
    .luxury-rating-section,
    .luxury-quantity-section,
    .luxury-cart-features,
    .luxury-checkout-features,
    .luxury-shipping-note,
    .luxury-cart-quantity-controls,
    .luxury-cart-quantity-btn {
        background: var(--luxury-white);
        border-color: rgba(212, 175, 55, 0.3);
    }
    
    .luxury-cart-item,
    .luxury-checkout-order-item,
    .luxury-checkout-billing-section,
    .luxury-checkout-shipping-section,
    .luxury-checkout-order-notes-section {
        background: var(--luxury-white);
        border-color: rgba(212, 175, 55, 0.3);
    }
    
    .luxury-wishlist-btn,
    .luxury-compare-btn,
    .luxury-cart-btn-outline,
    .luxury-checkout-payment-method-label {
        background: var(--luxury-white);
        border-color: rgba(212, 175, 55, 0.3);
        color: var(--luxury-dark);
    }
    
    .luxury-wishlist-btn:hover,
    .luxury-compare-btn:hover,
    .luxury-cart-btn-outline:hover,
    .luxury-checkout-payment-method-label:hover,
    .luxury-wishlist-btn:focus,
    .luxury-compare-btn:focus,
    .luxury-cart-btn-outline:focus,
    .luxury-checkout-payment-method-label:focus {
        background: var(--luxury-light);
    }
    
    .luxury-action-text,
    .luxury-btn-text .luxury-btn-main-text {
        color: var(--luxury-dark);
    }
    
    .luxury-btn-text .luxury-btn-sub-text {
        color: var(--luxury-gray);
    }
    
    /* تنظیمات کنتراست برای readability */
    .luxury-current-price,
    .luxury-related-product-price,
    .luxury-cart-grand-total,
    .luxury-product-price .price,
    .luxury-sale-percent,
    .luxury-cart-free-badge,
    .luxury-shipping-cost,
    .luxury-shipping-time {
        color: var(--luxury-gold) !important;
        filter: brightness(1.2);
    }
    
    /* بهبود visibility برای المنت‌های مهم */
    .luxury-add-to-cart-btn-main,
    .luxury-cart-btn-primary,
    .luxury-cart-btn-checkout,
    .luxury-checkout-place-order-btn,
    .luxury-search-button,
    .luxury-cart-coupon-btn,
    .luxury-cart-remove-item-btn {
        filter: brightness(1.1);
    }
    
    /* تنظیمات shadow برای dark mode */
    .luxury-shadow,
    .luxury-shadow-lg,
    .luxury-shadow-xl {
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    }
    
    .luxury-shadow-sm {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    }
    
    .luxury-glow,
    .luxury-success-glow,
    .luxury-danger-glow,
    .luxury-info-glow {
        box-shadow: 0 0 20px rgba(212, 175, 55, 0.5) !important;
    }
}

/* کاهش شفافیت برای حالت‌های خاص */
@media (prefers-reduced-transparency: reduce) {
    .luxury-header,
    .luxury-footer::before,
    .luxury-account-banner::before,
    .luxury-category-header::before,
    .luxury-notification,
    .luxury-image-counter,
    .luxury-cart-progress-percentage {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: var(--primary) !important;
    }
    
    .luxury-header {
        background: var(--primary) !important;
    }
    
    .luxury-footer::before,
    .luxury-account-banner::before,
    .luxury-category-header::before {
        display: none !important;
    }
}

/* ==================== JavaScript Required Classes ==================== */
/* این کلاس‌ها نیاز به JavaScript دارند */
.js-enabled .luxury-nav-menu {
    display: none;
}

.js-enabled .luxury-hamburger-menu {
    display: flex;
}

.js-enabled .luxury-search-results-container {
    display: none;
}

.js-enabled .luxury-search-results-container.active {
    display: block;
}

.js-enabled .luxury-zoom-overlay {
    display: none;
}

.js-enabled .luxury-zoom-overlay.active {
    display: flex;
}

.js-enabled .luxury-cart-coupon-form {
    display: none;
}

.js-enabled .luxury-cart-coupon-form.active {
    display: flex;
}

.js-enabled .luxury-checkout-shipping-fields {
    display: none;
}

.js-enabled .luxury-checkout-shipping-fields.active {
    display: block;
}

.js-enabled .luxury-checkout-payment-method-content {
    display: none;
}

.js-enabled .luxury-checkout-payment-method-content.active {
    display: block;
}

.js-enabled .luxury-tab-pane {
    display: none;
}

.js-enabled .luxury-tab-pane.active {
    display: block;
}

/* ==================== Performance Optimizations ==================== */
/* جلوگیری از layout shift برای تصاویر */
.luxury-product-image,
.luxury-main-image-wrapper,
.luxury-related-product-image,
.luxury-cart-image-frame,
.luxury-checkout-order-image-frame {
    position: relative;
    overflow: hidden;
}

.luxury-product-image::before,
.luxury-main-image-wrapper::before,
.luxury-related-product-image::before,
.luxury-cart-image-frame::before,
.luxury-checkout-order-image-frame::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.luxury-product-image img,
.luxury-main-image-wrapper img,
.luxury-related-product-image img,
.luxury-cart-image-frame img,
.luxury-checkout-order-image-frame img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* بهینه‌سازی برای مرورگرهای قدیمی */
.luxury-no-flexbox .luxury-flex {
    display: block !important;
}

.luxury-no-flexbox .luxury-justify-content-between > * {
    float: right;
    width: auto;
}

.luxury-no-flexbox .luxury-justify-content-between::after {
    content: '';
    display: table;
    clear: both;
}

/* بهینه‌سازی برای دستگاه‌های لمسی */
@media (hover: none) and (pointer: coarse) {
    .luxury-nav-link:hover::after,
    .luxury-dropdown-item:hover,
    .luxury-action-link:hover,
    .luxury-product-card:hover,
    .luxury-category-card:hover,
    .luxury-related-product-card:hover,
    .luxury-cart-item:hover,
    .luxury-checkout-order-item:hover,
    .luxury-feature-item:hover,
    .luxury-shipping-feature:hover,
    .luxury-wishlist-btn:hover,
    .luxury-compare-btn:hover,
    .luxury-btn:hover,
    .luxury-cart-btn:hover,
    .luxury-checkout-place-order-btn:hover,
    .luxury-footer-link:hover,
    .luxury-footer-social-link:hover {
        transform: none !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
    }
    
    .luxury-nav-dropdown:hover .luxury-dropdown-menu {
        opacity: 0;
        visibility: hidden;
    }
    
    .luxury-nav-dropdown:focus-within .luxury-dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
    
    .luxury-product-card:active,
    .luxury-category-card:active,
    .luxury-related-product-card:active,
    .luxury-cart-item:active,
    .luxury-checkout-order-item:active {
        transform: scale(0.98) !important;
        -webkit-transform: scale(0.98) !important;
        -ms-transform: scale(0.98) !important;
    }
    
    .luxury-btn:active,
    .luxury-cart-btn:active,
    .luxury-checkout-place-order-btn:active,
    .luxury-action-link:active,
    .luxury-wishlist-btn:active,
    .luxury-compare-btn:active {
        transform: scale(0.95) !important;
        -webkit-transform: scale(0.95) !important;
        -ms-transform: scale(0.95) !important;
    }
    
    .luxury-search-button:active {
        transform: translateY(-50%) scale(0.95) !important;
        -webkit-transform: translateY(-50%) scale(0.95) !important;
        -ms-transform: translateY(-50%) scale(0.95) !important;
    }
}

/* ==================== Custom Scrollbar ==================== */
/* برای مرورگرهای مبتنی بر WebKit */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--luxury-light);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--luxury-gold);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--luxury-gold-dark);
}

/* برای Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--luxury-gold) var(--luxury-light);
}

/* ==================== Focus Visible Polyfill ==================== */
/* برای مرورگرهایی که از :focus-visible پشتیبانی نمی‌کنند */
.luxury-focus-visible {
    outline: 3px solid var(--luxury-gold) !important;
    outline-offset: 2px !important;
    border-radius: 3px !important;
}

/* ==================== RTL Specific Fixes ==================== */
/* رفع مشکلات خاص RTL */
[dir="rtl"] .luxury-checkbox,
[dir="rtl"] .luxury-radio {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .luxury-dropdown-toggle::after {
    transform: translateY(-50%) rotate(-90deg) !important;
    -webkit-transform: translateY(-50%) rotate(-90deg) !important;
    -ms-transform: translateY(-50%) rotate(-90deg) !important;
}

[dir="rtl"] .luxury-breadcrumb-item:not(:last-child)::after {
    transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
}

/* رفع مشکل جهت برای عناصر LTR */
.luxury-ltr {
    direction: ltr !important;
    text-align: left !important;
}

.luxury-ltr .luxury-breadcrumb-item:not(:last-child)::after {
    transform: rotate(0deg) !important;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
}

/* ==================== Final Optimizations ==================== */
/* حذف استایل‌های غیرضروری برای پرینت */
@media print {
    .luxury-no-print {
        display: none !important;
    }
}

/* بهینه‌سازی برای نمایش در دستگاه‌های مختلف */
.luxury-force-gpu {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000;
    -webkit-perspective: 1000;
}

/* جلوگیری از انتخاب متن برای عناصر خاص */
.luxury-no-select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* تنظیمات cursor برای عناصر interactive */
.luxury-pointer {
    cursor: pointer !important;
}

.luxury-not-allowed {
    cursor: not-allowed !important;
}

.luxury-wait {
    cursor: wait !important;
}

/* ==================== Error States ==================== */
.luxury-has-error .luxury-form-control {
    border-color: var(--luxury-danger) !important;
}

.luxury-has-success .luxury-form-control {
    border-color: var(--luxury-success) !important;
}

.luxury-has-warning .luxury-form-control {
    border-color: var(--luxury-warning) !important;
}

/* ==================== Loading States ==================== */
.luxury-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.7;
}

.luxury-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 20px;
    height: 20px;
    margin: -10px -10px 0 0;
    border: 2px solid rgba(212, 175, 55, 0.3);
    border-top: 2px solid var(--luxury-gold);
    border-radius: 50%;
    animation: luxurySpin 0.75s linear infinite;
    -webkit-animation: luxurySpin 0.75s linear infinite;
}

/* ==================== Empty States ==================== */
.luxury-empty-state {
    text-align: center;
    padding: var(--luxury-spacing-2xl) var(--luxury-spacing);
    color: var(--luxury-gray);
}

.luxury-empty-state-icon {
    font-size: 4rem;
    color: var(--luxury-gray);
    margin-bottom: var(--luxury-spacing);
    opacity: 0.5;
}

.luxury-empty-state-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--luxury-dark);
    margin-bottom: var(--luxury-spacing);
}

.luxury-empty-state-description {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 500px;
    margin: 0 auto var(--luxury-spacing-xl);
}

/* ==================== Success States ==================== */
.luxury-success-state {
    text-align: center;
    padding: var(--luxury-spacing-2xl) var(--luxury-spacing);
    color: var(--luxury-success);
}

.luxury-success-state-icon {
    font-size: 4rem;
    color: var(--luxury-success);
    margin-bottom: var(--luxury-spacing);
}

.luxury-success-state-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--luxury-success-dark);
    margin-bottom: var(--luxury-spacing);
}

.luxury-success-state-description {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 500px;
    margin: 0 auto var(--luxury-spacing-xl);
    color: var(--luxury-gray);
}
/* ==================== LUXURY QUANTITY CONTROLS ==================== */
.luxury-quantity-section {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 12px;
    border: 1px solid #eee;
}

.luxury-quantity-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    min-width: 100px;
}

.luxury-quantity-label i {
    color: #D4AF37;
    font-size: 18px;
}

.luxury-quantity-controls {
    margin-left: auto;
}

.luxury-quantity-wrapper {
    display: flex;
    align-items: center;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    width: 140px;
    transition: all 0.3s ease;
    background: #fff;
}

.luxury-quantity-wrapper:focus-within {
    border-color: #D4AF37;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.1);
}

.luxury-quantity-btn {
    background: #f8f8f8;
    border: none;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 16px;
    color: #555;
    position: relative;
    overflow: hidden;
}

.luxury-quantity-btn:hover {
    background: #f0f0f0;
    color: #D4AF37;
}

.luxury-quantity-btn:active {
    transform: scale(0.95);
}

.luxury-quantity-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
}

.luxury-quantity-btn.disabled:hover {
    background: #f5f5f5;
    color: #555;
}

.luxury-quantity-btn.luxury-btn-active {
    background: #D4AF37;
    color: white;
}

.luxury-quantity-btn.luxury-btn-active:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    animation: luxuryRipple 0.6s ease-out;
}

@keyframes luxuryRipple {
    to {
        transform: translate(-50%, -50%) scale(10);
        opacity: 0;
    }
}

.luxury-quantity-input {
    flex: 1;
    height: 45px;
    border: none;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    background: transparent;
    outline: none;
    font-family: 'Vazirmatn', sans-serif;
}

.luxury-quantity-input:focus {
    background: #fff;
}

/* حذف دکمه‌های اسپینر در مرورگر */
.luxury-quantity-input::-webkit-inner-spin-button,
.luxury-quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.luxury-quantity-input {
    -moz-appearance: textfield;
}

/* استایل برای موبایل */
@media (max-width: 768px) {
    .luxury-quantity-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .luxury-quantity-controls {
        margin-left: 0;
        width: 100%;
    }
    
    .luxury-quantity-wrapper {
        width: 100%;
        max-width: 200px;
    }
}

/* استایل برای محصولات فروشی تکی */
.luxury-single-quantity {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
    border-radius: 8px;
    font-size: 14px;
    color: #666;
    font-weight: 600;
    border: 1px dashed #ddd;
}

/* انیمیشن تغییر مقدار */
@keyframes luxuryQuantityChange {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.luxury-quantity-input.changed {
    animation: luxuryQuantityChange 0.3s ease;
}
/*
Theme Name: BacklightStar
Theme URI: https://backlightstar.com
Author: BacklightStar Team
Author URI: https://backlightstar.com
Description: Luxury WooCommerce Theme with Premium Design - Optimized for SEO
Version: 4.3.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: backlightstar
Domain Path: /languages
Tags: e-commerce, woocommerce, responsive, luxury, premium, persian, rtl
Requires at least: 5.8
Requires PHP: 7.4
*/

/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background: #fff;
    direction: rtl;
    text-align: right;
}

a {
    color: #D4AF37;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: #B8941F;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #1a1a1a;
}

p {
    margin-bottom: 1rem;
}

/* WordPress alignment */
.alignleft {
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.alignright {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.aligncenter {
    display: block;
    margin: 0 auto 1rem;
}

/* WordPress caption */
.wp-caption {
    max-width: 100%;
    margin-bottom: 1rem;
}

.wp-caption-text {
    font-size: 0.9rem;
    color: #666;
    text-align: center;
    margin-top: 0.5rem;
}

/* WordPress gallery */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.gallery-item {
    position: relative;
}

.gallery-caption {
    font-size: 0.9rem;
    color: #666;
    text-align: center;
    margin-top: 0.5rem;
}

/* Accessibility */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
/* Quantity Controls - Fixed Version */
form.cart .quantity,
.woocommerce .quantity {
    display: inline-flex !important;
    align-items: center;
    position: relative;
    width: 140px;
    height: 52px;
    margin: 0 15px !important;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

/* Container hover */
form.cart .quantity:hover,
.woocommerce .quantity:hover {
    border-color: #D4AF37;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
}

/* Input styling */
form.cart .quantity input.qty,
.woocommerce .quantity input.qty {
    flex: 1;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
    padding: 0 48px !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Real buttons instead of pseudo-elements */
form.cart .quantity .qty-minus,
form.cart .quantity .qty-plus,
.woocommerce .quantity .qty-minus,
.woocommerce .quantity .qty-plus {
    position: absolute;
    top: 0;
    width: 48px;
    height: 100%;
    background: linear-gradient(135deg, #f8f8f8, #f0f0f0);
    color: #666;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    user-select: none;
    border: none;
    padding: 0;
}

form.cart .quantity .qty-minus,
.woocommerce .quantity .qty-minus {
    left: 0;
    border-right: 1px solid rgba(0,0,0,0.1);
}

form.cart .quantity .qty-plus,
.woocommerce .quantity .qty-plus {
    right: 0;
    border-left: 1px solid rgba(0,0,0,0.1);
}

/* Button hover effects */
form.cart .quantity .qty-minus:hover,
form.cart .quantity .qty-plus:hover,
.woocommerce .quantity .qty-minus:hover,
.woocommerce .quantity .qty-plus:hover {
    background: linear-gradient(135deg, #D4AF37, #B8941F) !important;
    color: #fff !important;
    transform: scale(1.05);
}

/* Button active effects */
form.cart .quantity .qty-minus:active,
form.cart .quantity .qty-plus:active,
.woocommerce .quantity .qty-minus:active,
.woocommerce .quantity .qty-plus:active {
    transform: scale(0.95);
}

/* Disabled state */
form.cart .quantity .qty-minus.disabled,
form.cart .quantity .qty-plus.disabled,
.woocommerce .quantity .qty-minus.disabled,
.woocommerce .quantity .qty-plus.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Accessibility improvements */
form.cart .quantity .qty-minus:focus,
form.cart .quantity .qty-plus:focus,
.woocommerce .quantity .qty-minus:focus,
.woocommerce .quantity .qty-plus:focus {
    outline: 2px solid #D4AF37;
    outline-offset: 2px;
}

/* Hide number input spinners */
form.cart .quantity input.qty::-webkit-outer-spin-button,
form.cart .quantity input.qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Animation for value change */
@keyframes qtyChange {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.qty-changed {
    animation: qtyChange 0.3s ease;
}

/* Responsive */
@media (max-width: 768px) {
    form.cart .quantity,
    .woocommerce .quantity {
        width: 120px;
        height: 48px;
    }
    
    form.cart .quantity .qty-minus,
    form.cart .quantity .qty-plus,
    .woocommerce .quantity .qty-minus,
    .woocommerce .quantity .qty-plus {
        width: 40px;
        font-size: 20px;
    }
    
    form.cart .quantity input.qty,
    .woocommerce .quantity input.qty {
        padding: 0 40px !important;
        font-size: 16px !important;
    }
}

/* ==================== پایان فایل CSS ==================== */