/* ============================================================
   LOGO UNLIMITED — Master Custom Stylesheet
   logounlimited.css
   Bootstrap 5 companion — no Tailwind
   Prefix: lu-
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Barlow+Condensed:wght@300;400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    --lu-primary:#2B4A3E;--lu-primary-dark:#1A3329;--lu-primary-light:#3D6B5A;
    --lu-primary-lighter:#4E8A72;--lu-primary-subtle:#E8F0EC;
    --lu-accent:#D4A855;--lu-accent-light:#E8C97A;--lu-accent-dark:#B8923A;--lu-accent-subtle:#FBF5E8;
    --lu-white:#FFFFFF;--lu-off-white:#F5F3EF;--lu-cream:#FAF8F5;
    --lu-light-gray:#EAEAE6;--lu-mid-gray:#A8A8A0;--lu-dark-gray:#4A4A45;
    --lu-charcoal:#2C2C28;--lu-black:#111110;
    --lu-success:#3A7D5C;--lu-success-bg:#E6F4ED;
    --lu-warning:#D49B2A;--lu-warning-bg:#FFF8E1;
    --lu-danger:#C4503A;--lu-danger-bg:#FFF0ED;
    --lu-info:#3A7D9C;--lu-info-bg:#E8F4F8;
    --lu-font-display:'Oswald',sans-serif;
    --lu-font-heading:'Barlow Condensed',sans-serif;
    --lu-font-body:'DM Sans',sans-serif;
    --lu-font-mono:'JetBrains Mono',monospace;
    --lu-fs-xs:.7rem;--lu-fs-sm:.8125rem;--lu-fs-body:.9375rem;--lu-fs-md:1rem;
    --lu-fs-lg:1.125rem;--lu-fs-xl:1.5rem;--lu-fs-2xl:2rem;--lu-fs-3xl:2.5rem;
    --lu-fs-4xl:3.5rem;--lu-fs-hero:5rem;
    --lu-space-xs:4px;--lu-space-sm:8px;--lu-space-md:16px;--lu-space-lg:24px;
    --lu-space-xl:32px;--lu-space-2xl:48px;--lu-space-3xl:64px;--lu-space-4xl:96px;
    --lu-radius-sm:4px;--lu-radius-md:8px;--lu-radius-lg:12px;--lu-radius-xl:16px;
    --lu-radius-pill:50px;--lu-radius-circle:50%;
    --lu-shadow-sm:0 1px 3px rgba(43,74,62,.06);
    --lu-shadow-md:0 4px 12px rgba(43,74,62,.08);
    --lu-shadow-lg:0 8px 30px rgba(43,74,62,.12);
    --lu-shadow-xl:0 16px 48px rgba(43,74,62,.16);
    --lu-shadow-glow:0 0 30px rgba(212,168,85,.25);
    --lu-ease:cubic-bezier(.4,0,.2,1);--lu-duration:.3s;--lu-duration-fast:.15s;--lu-duration-slow:.5s;
    --lu-navbar-height:80px;--lu-sidebar-width:280px;--lu-container-max:1320px;
    --lu-gradient-primary:linear-gradient(135deg,#2B4A3E 0%,#1A3329 100%);
    --lu-gradient-accent:linear-gradient(135deg,#D4A855 0%,#B8923A 100%);
    --lu-gradient-hero:linear-gradient(180deg,rgba(26,51,41,.85) 0%,rgba(43,74,62,.7) 50%,rgba(26,51,41,.9) 100%);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--lu-font-body);font-size:var(--lu-fs-body);color:var(--lu-charcoal);background:var(--lu-off-white);line-height:1.6;overflow-x:hidden}
a{color:var(--lu-primary);text-decoration:none;transition:color var(--lu-duration) var(--lu-ease)}
a:hover{color:var(--lu-accent)}
img{max-width:100%;height:auto}
::selection{background:var(--lu-accent);color:var(--lu-white)}

/* Typography helpers */
.lu-display{font-family:var(--lu-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.lu-heading{font-family:var(--lu-font-heading);font-weight:600;letter-spacing:.01em;line-height:1.2}
.lu-section-label{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--lu-accent);margin-bottom:var(--lu-space-md);display:inline-block}
.lu-section-title{font-family:var(--lu-font-display);font-size:var(--lu-fs-3xl);font-weight:700;color:var(--lu-primary-dark);text-transform:uppercase;line-height:1.1;margin-bottom:var(--lu-space-md)}
.lu-section-subtitle{font-family:var(--lu-font-body);font-size:var(--lu-fs-lg);color:var(--lu-mid-gray);max-width:600px}

/* ── NAVBAR ───────────────────────────────────────── */
.lu-navbar{position:fixed;top:0;left:0;right:0;z-index:1050;background:rgba(26,51,41,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:var(--lu-navbar-height);transition:all var(--lu-duration) var(--lu-ease);border-bottom:1px solid rgba(255,255,255,.06)}
.lu-navbar.scrolled{background:rgba(26,51,41,.98);box-shadow:0 4px 20px rgba(0,0,0,.15);height:64px}
.lu-navbar .container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--lu-container-max)}
.lu-navbar-brand{display:flex;align-items:center;gap:var(--lu-space-sm);text-decoration:none;color:var(--lu-white)}
.lu-navbar-brand .lu-logo-text{font-family:var(--lu-font-display);font-size:1.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--lu-white);line-height:1}
.lu-navbar-brand .lu-logo-sub{font-family:var(--lu-font-heading);font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--lu-accent);display:block;margin-top:-2px}
.lu-nav-links{display:flex;align-items:center;gap:var(--lu-space-xl);list-style:none;margin:0;padding:0}
.lu-nav-links a{font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.7);text-decoration:none;padding:8px 0;position:relative;transition:color var(--lu-duration) var(--lu-ease)}
.lu-nav-links a:hover,.lu-nav-links a.active{color:var(--lu-white)}
.lu-nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--lu-accent);transition:width var(--lu-duration) var(--lu-ease)}
.lu-nav-links a:hover::after,.lu-nav-links a.active::after{width:100%}
.lu-nav-actions{display:flex;align-items:center;gap:var(--lu-space-md)}
.lu-nav-icon{width:40px;height:40px;border-radius:var(--lu-radius-circle);border:1px solid rgba(255,255,255,.15);background:transparent;color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all var(--lu-duration) var(--lu-ease);position:relative;text-decoration:none}
.lu-nav-icon:hover{background:rgba(255,255,255,.1);color:var(--lu-white);border-color:rgba(255,255,255,.3)}
.lu-nav-icon .lu-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--lu-accent);color:var(--lu-white);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.lu-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.lu-hamburger span{width:24px;height:2px;background:var(--lu-white);border-radius:2px;transition:all var(--lu-duration) var(--lu-ease)}
.lu-mobile-menu{display:none;position:fixed;top:var(--lu-navbar-height);left:0;right:0;bottom:0;background:var(--lu-primary-dark);z-index:1040;padding:var(--lu-space-xl);overflow-y:auto}
.lu-mobile-menu.open{display:block;animation:luSlideDown .3s var(--lu-ease)}
.lu-mobile-menu a{display:block;font-family:var(--lu-font-heading);font-size:var(--lu-fs-xl);font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7);padding:var(--lu-space-md) 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}
.lu-mobile-menu a:hover{color:var(--lu-accent)}

/* ── BUTTONS ──────────────────────────────────────── */
.lu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--lu-space-sm);font-family:var(--lu-font-heading);font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:2px solid transparent;border-radius:var(--lu-radius-sm);cursor:pointer;transition:all var(--lu-duration) var(--lu-ease);text-decoration:none;white-space:nowrap;line-height:1}
.lu-btn-lg{font-size:var(--lu-fs-sm);padding:16px 36px}
.lu-btn-md{font-size:var(--lu-fs-xs);padding:12px 24px}
.lu-btn-sm{font-size:.65rem;padding:8px 16px}
.lu-btn-primary{background:var(--lu-primary);color:var(--lu-white);border-color:var(--lu-primary)}
.lu-btn-primary:hover{background:var(--lu-primary-dark);border-color:var(--lu-primary-dark);color:var(--lu-white);transform:translateY(-1px);box-shadow:var(--lu-shadow-md)}
.lu-btn-accent{background:var(--lu-accent);color:var(--lu-white);border-color:var(--lu-accent)}
.lu-btn-accent:hover{background:var(--lu-accent-dark);border-color:var(--lu-accent-dark);color:var(--lu-white);transform:translateY(-1px);box-shadow:var(--lu-shadow-glow)}
.lu-btn-outline{background:transparent;color:var(--lu-white);border-color:rgba(255,255,255,.4)}
.lu-btn-outline:hover{background:var(--lu-white);color:var(--lu-primary);border-color:var(--lu-white)}
.lu-btn-outline-dark{background:transparent;color:var(--lu-primary);border-color:var(--lu-primary)}
.lu-btn-outline-dark:hover{background:var(--lu-primary);color:var(--lu-white)}
.lu-btn-ghost{background:transparent;color:var(--lu-primary);border-color:transparent;padding-left:0;padding-right:0}
.lu-btn-ghost:hover{color:var(--lu-accent)}
.lu-btn-ghost i{transition:transform var(--lu-duration) var(--lu-ease)}
.lu-btn-ghost:hover i{transform:translateX(4px)}

/* ── HERO ─────────────────────────────────────────── */
.lu-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--lu-primary-dark)}
.lu-hero-slider{position:absolute;inset:0;z-index:1}
.lu-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--lu-ease)}
.lu-hero-slide.active{opacity:1}
.lu-hero-slide .lu-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform 8s ease-out}
.lu-hero-slide.active .lu-hero-bg{transform:scale(1)}
.lu-hero-video-wrap{position:absolute;inset:0;overflow:hidden}
.lu-hero-video-wrap iframe,.lu-hero-video-wrap video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%)}
.lu-hero-overlay{position:absolute;inset:0;background:var(--lu-gradient-hero);z-index:2}
.lu-hero-content{position:relative;z-index:3;max-width:720px;padding:calc(var(--lu-navbar-height) + var(--lu-space-3xl)) 0 var(--lu-space-3xl)}
.lu-hero-label{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--lu-accent);margin-bottom:var(--lu-space-md);display:inline-flex;align-items:center;gap:var(--lu-space-sm)}
.lu-hero-label::before{content:'';width:32px;height:2px;background:var(--lu-accent);display:inline-block}
.lu-hero-title{font-family:var(--lu-font-display);font-size:var(--lu-fs-hero);font-weight:700;color:var(--lu-white);text-transform:uppercase;line-height:.95;margin-bottom:var(--lu-space-lg)}
.lu-hero-title span{color:var(--lu-accent)}
.lu-hero-desc{font-family:var(--lu-font-body);font-size:var(--lu-fs-lg);color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:var(--lu-space-xl);max-width:540px}
.lu-hero-btns{display:flex;gap:var(--lu-space-md);flex-wrap:wrap}
.lu-hero-slider-nav{position:absolute;bottom:var(--lu-space-2xl);left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:var(--lu-space-sm)}
.lu-hero-slider-dot{width:12px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all var(--lu-duration) var(--lu-ease);padding:0}
.lu-hero-slider-dot.active{width:36px;background:var(--lu-accent)}
.lu-hero-arrows{position:absolute;bottom:var(--lu-space-2xl);right:var(--lu-space-2xl);z-index:5;display:flex;gap:var(--lu-space-sm)}
.lu-hero-arrow{width:44px;height:44px;border-radius:var(--lu-radius-circle);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:var(--lu-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--lu-duration) var(--lu-ease);font-size:1.1rem}
.lu-hero-arrow:hover{background:var(--lu-accent);border-color:var(--lu-accent)}

/* ── FEATURES ─────────────────────────────────────── */
.lu-features-section{padding:var(--lu-space-4xl) 0;background:var(--lu-white);position:relative}
.lu-features-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--lu-light-gray),transparent)}
.lu-feature-card{background:var(--lu-cream);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);padding:var(--lu-space-xl);text-align:center;transition:all var(--lu-duration) var(--lu-ease);height:100%;position:relative;overflow:hidden}
.lu-feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--lu-gradient-accent);transform:scaleX(0);transition:transform var(--lu-duration) var(--lu-ease)}
.lu-feature-card:hover{transform:translateY(-4px);box-shadow:var(--lu-shadow-lg);border-color:var(--lu-accent)}
.lu-feature-card:hover::before{transform:scaleX(1)}
.lu-feature-icon{width:64px;height:64px;border-radius:var(--lu-radius-lg);background:var(--lu-primary-subtle);display:flex;align-items:center;justify-content:center;margin:0 auto var(--lu-space-lg);font-size:1.5rem;color:var(--lu-primary);transition:all var(--lu-duration) var(--lu-ease)}
.lu-feature-card:hover .lu-feature-icon{background:var(--lu-primary);color:var(--lu-white)}
.lu-feature-card h5{font-family:var(--lu-font-heading);font-size:var(--lu-fs-lg);font-weight:600;color:var(--lu-primary-dark);margin-bottom:var(--lu-space-sm);text-transform:uppercase;letter-spacing:.05em}
.lu-feature-card p{font-size:var(--lu-fs-sm);color:var(--lu-mid-gray);line-height:1.6;margin:0}

/* ── CUSTOMIZE CTA ────────────────────────────────── */
.lu-customize-section{padding:var(--lu-space-4xl) 0;background:var(--lu-gradient-primary);position:relative;overflow:hidden}
.lu-customize-section::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:rgba(212,168,85,.08)}
.lu-customize-section .lu-section-label{color:var(--lu-accent-light)}
.lu-customize-section .lu-section-title{color:var(--lu-white)}
.lu-customize-section .lu-section-subtitle{color:rgba(255,255,255,.6)}
.lu-customize-mockup{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--lu-radius-xl);padding:var(--lu-space-2xl);position:relative;backdrop-filter:blur(8px)}
.lu-customize-step{display:flex;align-items:flex-start;gap:var(--lu-space-md);margin-bottom:var(--lu-space-lg)}
.lu-customize-step-num{width:36px;height:36px;border-radius:var(--lu-radius-circle);background:var(--lu-accent);color:var(--lu-white);display:flex;align-items:center;justify-content:center;font-family:var(--lu-font-display);font-size:var(--lu-fs-sm);font-weight:700;flex-shrink:0}
.lu-customize-step h6{font-family:var(--lu-font-heading);font-weight:600;color:var(--lu-white);margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em}
.lu-customize-step p{font-size:var(--lu-fs-sm);color:rgba(255,255,255,.5);margin:0}

/* ── PRODUCT CARDS ────────────────────────────────── */
.lu-product-card{background:var(--lu-white);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);overflow:hidden;transition:all var(--lu-duration) var(--lu-ease);position:relative;height:100%;display:flex;flex-direction:column}
.lu-product-card:hover{transform:translateY(-4px);box-shadow:var(--lu-shadow-lg);border-color:transparent}
.lu-product-card-img{position:relative;padding-top:110%;background:var(--lu-cream);overflow:hidden}
.lu-product-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--lu-ease)}
.lu-product-card:hover .lu-product-card-img img{transform:scale(1.06)}
.lu-product-badge{position:absolute;top:var(--lu-space-md);left:var(--lu-space-md);z-index:2;display:flex;flex-direction:column;gap:4px}
.lu-product-badge span{font-family:var(--lu-font-heading);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:var(--lu-radius-sm)}
.lu-badge-new{background:var(--lu-primary);color:var(--lu-white)}
.lu-badge-sale{background:var(--lu-danger);color:var(--lu-white)}
.lu-badge-custom{background:var(--lu-accent);color:var(--lu-white)}
.lu-product-actions{position:absolute;top:var(--lu-space-md);right:var(--lu-space-md);z-index:2;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(10px);transition:all var(--lu-duration) var(--lu-ease)}
.lu-product-card:hover .lu-product-actions{opacity:1;transform:translateX(0)}
.lu-product-action-btn{width:36px;height:36px;border-radius:var(--lu-radius-circle);border:none;background:var(--lu-white);color:var(--lu-charcoal);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--lu-shadow-md);transition:all var(--lu-duration-fast) var(--lu-ease);font-size:.9rem}
.lu-product-action-btn:hover{background:var(--lu-primary);color:var(--lu-white)}
.lu-product-card-body{padding:var(--lu-space-lg);flex:1;display:flex;flex-direction:column}
.lu-product-category{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--lu-mid-gray);margin-bottom:var(--lu-space-xs)}
.lu-product-name{font-family:var(--lu-font-heading);font-size:var(--lu-fs-md);font-weight:600;color:var(--lu-charcoal);margin-bottom:var(--lu-space-sm);line-height:1.3;text-transform:uppercase;letter-spacing:.02em}
.lu-product-name a{color:inherit;text-decoration:none}
.lu-product-name a:hover{color:var(--lu-primary)}
.lu-product-price{font-family:var(--lu-font-display);font-size:var(--lu-fs-lg);font-weight:700;color:var(--lu-primary);margin-top:auto}
.lu-product-price .lu-price-old{font-size:var(--lu-fs-sm);color:var(--lu-mid-gray);text-decoration:line-through;font-weight:400;margin-right:6px}
.lu-product-colors{display:flex;gap:4px;margin-top:var(--lu-space-sm)}
.lu-color-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--lu-white);box-shadow:0 0 0 1px var(--lu-light-gray);cursor:pointer;transition:all var(--lu-duration-fast) var(--lu-ease)}
.lu-color-dot:hover,.lu-color-dot.active{box-shadow:0 0 0 2px var(--lu-primary);transform:scale(1.15)}

/* ── PDP ──────────────────────────────────────────── */
.lu-pdp-gallery{position:sticky;top:calc(var(--lu-navbar-height) + var(--lu-space-lg))}
.lu-pdp-main-image{width:100%;aspect-ratio:4/5;border-radius:var(--lu-radius-lg);overflow:hidden;background:var(--lu-cream);border:1px solid var(--lu-light-gray);margin-bottom:var(--lu-space-md)}
.lu-pdp-main-image img{width:100%;height:100%;object-fit:cover}
.lu-pdp-thumbs{display:flex;gap:var(--lu-space-sm)}
.lu-pdp-thumb{width:72px;height:72px;border-radius:var(--lu-radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color var(--lu-duration) var(--lu-ease);background:var(--lu-cream)}
.lu-pdp-thumb.active,.lu-pdp-thumb:hover{border-color:var(--lu-primary)}
.lu-pdp-thumb img{width:100%;height:100%;object-fit:cover}
.lu-pdp-info{padding-left:var(--lu-space-2xl)}
.lu-pdp-breadcrumb{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--lu-space-lg)}
.lu-pdp-breadcrumb a{color:var(--lu-mid-gray)}.lu-pdp-breadcrumb a:hover{color:var(--lu-primary)}
.lu-pdp-breadcrumb span{color:var(--lu-mid-gray);margin:0 6px}
.lu-pdp-title{font-family:var(--lu-font-display);font-size:var(--lu-fs-3xl);font-weight:700;color:var(--lu-primary-dark);text-transform:uppercase;line-height:1.05;margin-bottom:var(--lu-space-sm)}
.lu-pdp-sku{font-family:var(--lu-font-mono);font-size:var(--lu-fs-xs);color:var(--lu-mid-gray);margin-bottom:var(--lu-space-lg)}
.lu-pdp-price-block{display:flex;align-items:baseline;gap:var(--lu-space-md);margin-bottom:var(--lu-space-lg);padding-bottom:var(--lu-space-lg);border-bottom:1px solid var(--lu-light-gray)}
.lu-pdp-price{font-family:var(--lu-font-display);font-size:var(--lu-fs-3xl);font-weight:700;color:var(--lu-primary)}
.lu-pdp-price-old{font-family:var(--lu-font-body);font-size:var(--lu-fs-lg);color:var(--lu-mid-gray);text-decoration:line-through}
.lu-pdp-rating{display:flex;align-items:center;gap:var(--lu-space-sm);margin-bottom:var(--lu-space-lg)}
.lu-pdp-rating .lu-stars{color:var(--lu-accent);font-size:var(--lu-fs-sm)}
.lu-pdp-rating .lu-review-count{font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);color:var(--lu-mid-gray)}
.lu-pdp-description{font-size:var(--lu-fs-body);color:var(--lu-dark-gray);line-height:1.7;margin-bottom:var(--lu-space-xl)}
.lu-pdp-option-group{margin-bottom:var(--lu-space-lg)}
.lu-pdp-option-label{font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--lu-charcoal);margin-bottom:var(--lu-space-sm)}
.lu-size-options{display:flex;flex-wrap:wrap;gap:var(--lu-space-sm)}
.lu-size-btn{min-width:44px;height:44px;border:2px solid var(--lu-light-gray);border-radius:var(--lu-radius-md);background:var(--lu-white);font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:600;color:var(--lu-charcoal);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--lu-duration-fast) var(--lu-ease);padding:0 12px}
.lu-size-btn:hover{border-color:var(--lu-primary);color:var(--lu-primary)}
.lu-size-btn.active{background:var(--lu-primary);border-color:var(--lu-primary);color:var(--lu-white)}
.lu-size-btn.disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.lu-qty-selector{display:flex;align-items:center;border:2px solid var(--lu-light-gray);border-radius:var(--lu-radius-md);overflow:hidden;width:fit-content}
.lu-qty-btn{width:44px;height:44px;background:var(--lu-cream);border:none;font-size:1.1rem;color:var(--lu-charcoal);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--lu-duration-fast) var(--lu-ease)}
.lu-qty-btn:hover{background:var(--lu-light-gray)}
.lu-qty-input{width:56px;height:44px;border:none;text-align:center;font-family:var(--lu-font-heading);font-size:var(--lu-fs-md);font-weight:600;color:var(--lu-charcoal);background:var(--lu-white)}
.lu-qty-input:focus{outline:none}
.lu-pdp-add-actions{display:flex;gap:var(--lu-space-md);margin-top:var(--lu-space-xl);padding-top:var(--lu-space-xl);border-top:1px solid var(--lu-light-gray)}
.lu-pdp-meta{margin-top:var(--lu-space-xl);padding-top:var(--lu-space-xl);border-top:1px solid var(--lu-light-gray)}
.lu-pdp-meta-item{display:flex;align-items:center;gap:var(--lu-space-sm);font-size:var(--lu-fs-sm);color:var(--lu-dark-gray);margin-bottom:var(--lu-space-sm)}
.lu-pdp-meta-item i{color:var(--lu-primary);width:20px;text-align:center}
.lu-pdp-tabs .nav-tabs{border-bottom:2px solid var(--lu-light-gray)}
.lu-pdp-tabs .nav-link{font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--lu-mid-gray);border:none;padding:var(--lu-space-md) var(--lu-space-lg);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--lu-duration) var(--lu-ease)}
.lu-pdp-tabs .nav-link:hover{color:var(--lu-charcoal)}
.lu-pdp-tabs .nav-link.active{color:var(--lu-primary);border-bottom-color:var(--lu-primary);background:transparent}
.lu-pdp-tabs .tab-pane{padding:var(--lu-space-xl) 0}

/* ── SHOP FILTERS ─────────────────────────────────── */
.lu-shop-layout{padding-top:calc(var(--lu-navbar-height) + var(--lu-space-2xl));padding-bottom:var(--lu-space-4xl)}
.lu-filter-sidebar{position:sticky;top:calc(var(--lu-navbar-height) + var(--lu-space-lg))}
.lu-filter-group{margin-bottom:var(--lu-space-xl);padding-bottom:var(--lu-space-xl);border-bottom:1px solid var(--lu-light-gray)}
.lu-filter-group:last-child{border-bottom:none}
.lu-filter-title{font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lu-charcoal);margin-bottom:var(--lu-space-md);display:flex;align-items:center;justify-content:space-between}
.lu-filter-check{display:flex;align-items:center;gap:var(--lu-space-sm);margin-bottom:var(--lu-space-sm);font-size:var(--lu-fs-sm);cursor:pointer;color:var(--lu-dark-gray)}
.lu-filter-check input[type="checkbox"]{accent-color:var(--lu-primary);width:16px;height:16px}
.lu-filter-check .count{color:var(--lu-mid-gray);font-size:var(--lu-fs-xs);margin-left:auto}
.lu-shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--lu-space-xl);flex-wrap:wrap;gap:var(--lu-space-md)}
.lu-shop-result-count{font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);color:var(--lu-mid-gray)}
.lu-shop-sort select{font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);padding:8px 32px 8px 12px;border:1.5px solid var(--lu-light-gray);border-radius:var(--lu-radius-md);background:var(--lu-white);color:var(--lu-charcoal);outline:none;cursor:pointer}
.lu-shop-view-toggle{display:flex;gap:4px}
.lu-shop-view-btn{width:36px;height:36px;border:1.5px solid var(--lu-light-gray);border-radius:var(--lu-radius-md);background:var(--lu-white);color:var(--lu-mid-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--lu-duration-fast) var(--lu-ease)}
.lu-shop-view-btn.active{background:var(--lu-primary);border-color:var(--lu-primary);color:var(--lu-white)}
.lu-price-range{padding:var(--lu-space-sm) 0}
.lu-price-range input[type="range"]{width:100%;accent-color:var(--lu-primary)}
.lu-price-labels{display:flex;justify-content:space-between;font-family:var(--lu-font-mono);font-size:var(--lu-fs-xs);color:var(--lu-mid-gray);margin-top:var(--lu-space-xs)}

/* ── DASHBOARD ────────────────────────────────────── */
.lu-dash-layout{display:flex;gap:var(--lu-space-lg);padding-top:calc(var(--lu-navbar-height) + var(--lu-space-xl));padding-bottom:var(--lu-space-4xl);min-height:100vh}
.lu-dash-sidebar{width:var(--lu-sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--lu-navbar-height) + var(--lu-space-xl));align-self:flex-start}
.lu-dash-profile-card{background:var(--lu-white);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);overflow:hidden;box-shadow:var(--lu-shadow-sm)}
.lu-dash-profile-header{padding:var(--lu-space-xl);text-align:center;background:var(--lu-gradient-primary);color:var(--lu-white)}
.lu-dash-avatar{width:64px;height:64px;border-radius:var(--lu-radius-circle);background:rgba(255,255,255,.15);border:2px solid var(--lu-accent);display:flex;align-items:center;justify-content:center;font-family:var(--lu-font-display);font-size:var(--lu-fs-xl);font-weight:700;color:var(--lu-accent);margin:0 auto var(--lu-space-sm)}
.lu-dash-profile-name{font-family:var(--lu-font-heading);font-size:var(--lu-fs-md);font-weight:600;margin-bottom:2px}
.lu-dash-profile-email{font-size:var(--lu-fs-xs);opacity:.6}
.lu-dash-credit{display:flex;justify-content:space-between;align-items:center;padding:var(--lu-space-md) var(--lu-space-lg);background:var(--lu-accent-subtle);border-bottom:1px solid var(--lu-light-gray)}
.lu-dash-credit-label{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--lu-dark-gray)}
.lu-dash-credit-value{font-family:var(--lu-font-display);font-size:var(--lu-fs-md);font-weight:700;color:var(--lu-accent-dark)}
.lu-dash-nav{padding:var(--lu-space-sm) 0}
.lu-dash-nav-item{display:flex;align-items:center;justify-content:space-between;padding:12px var(--lu-space-lg);font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);color:var(--lu-dark-gray);text-decoration:none;border-left:3px solid transparent;transition:all var(--lu-duration-fast) var(--lu-ease);cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;text-align:left}
.lu-dash-nav-item:hover{background:var(--lu-cream);color:var(--lu-primary);border-left-color:var(--lu-light-gray)}
.lu-dash-nav-item.active{background:var(--lu-primary-subtle);color:var(--lu-primary);border-left-color:var(--lu-primary);font-weight:600}
.lu-dash-nav-item i{margin-right:var(--lu-space-sm);width:18px;text-align:center}
.lu-dash-nav-badge{background:var(--lu-accent);color:var(--lu-white);font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--lu-radius-pill)}
.lu-dash-nav-item.lu-logout{color:var(--lu-danger);margin-top:var(--lu-space-sm);border-top:1px solid var(--lu-light-gray);padding-top:var(--lu-space-md)}
.lu-dash-content{flex:1;min-width:0}
.lu-dash-section{background:var(--lu-white);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);overflow:hidden;box-shadow:var(--lu-shadow-sm)}
.lu-dash-content-header{padding:var(--lu-space-xl) var(--lu-space-xl) var(--lu-space-lg);border-bottom:1px solid var(--lu-light-gray)}
.lu-dash-content-title{font-family:var(--lu-font-display);font-size:var(--lu-fs-xl);font-weight:700;color:var(--lu-primary-dark);text-transform:uppercase;margin-bottom:4px}
.lu-dash-content-subtitle{font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);color:var(--lu-mid-gray)}
.lu-dash-content-body{padding:var(--lu-space-xl)}
.lu-payment-alert{display:flex;align-items:center;gap:var(--lu-space-md);padding:var(--lu-space-md) var(--lu-space-lg);background:var(--lu-warning-bg);border:1px solid var(--lu-warning);border-radius:var(--lu-radius-lg);margin-bottom:var(--lu-space-lg);cursor:pointer}
.lu-payment-alert i{font-size:1.25rem;color:var(--lu-warning);flex-shrink:0}
.lu-data-table{width:100%;border-collapse:collapse;font-family:var(--lu-font-body);font-size:var(--lu-fs-sm)}
.lu-data-table thead th{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lu-mid-gray);padding:var(--lu-space-md);border-bottom:2px solid var(--lu-light-gray);white-space:nowrap}
.lu-data-table tbody td{padding:var(--lu-space-md);border-bottom:1px solid var(--lu-light-gray);vertical-align:middle}
.lu-data-table tbody tr:hover{background:var(--lu-cream)}
.lu-data-table tbody tr:last-child td{border-bottom:none}
.lu-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--lu-radius-pill);font-family:var(--lu-font-heading);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.4}
.lu-status-paid{background:var(--lu-success-bg);color:var(--lu-success)}
.lu-status-unpaid{background:var(--lu-danger-bg);color:var(--lu-danger)}
.lu-status-partial{background:var(--lu-warning-bg);color:var(--lu-warning)}
.lu-status-pending{background:var(--lu-info-bg);color:var(--lu-info)}
.lu-status-confirmed{background:var(--lu-success-bg);color:var(--lu-success)}
.lu-status-cancelled{background:var(--lu-danger-bg);color:var(--lu-danger)}
.lu-status-dispatched{background:#FFF3E0;color:#E65100}
.lu-status-processing{background:var(--lu-info-bg);color:var(--lu-info)}
.lu-status-open{background:var(--lu-light-gray);color:var(--lu-dark-gray)}

/* Timeline */
.lu-timeline{position:relative;padding-left:28px}
.lu-timeline::before{content:'';position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--lu-light-gray)}
.lu-timeline-item{position:relative;margin-bottom:var(--lu-space-lg);display:flex;gap:var(--lu-space-md)}
.lu-timeline-item:last-child{margin-bottom:0}
.lu-timeline-dot{width:24px;height:24px;border-radius:var(--lu-radius-circle);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;position:absolute;left:-28px;top:0;z-index:1}
.lu-timeline-dot.completed{background:var(--lu-success-bg);color:var(--lu-success)}
.lu-timeline-dot.pending{background:var(--lu-warning-bg);color:var(--lu-warning)}
.lu-timeline-dot.dispatch{background:#FFF3E0;color:#E65100}
.lu-timeline-content{flex:1}
.lu-timeline-title{font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:600;color:var(--lu-charcoal)}
.lu-timeline-date{font-size:var(--lu-fs-xs);color:var(--lu-mid-gray);margin-top:2px}
.lu-timeline-meta{display:flex;flex-wrap:wrap;gap:var(--lu-space-md);margin-top:var(--lu-space-xs);font-size:var(--lu-fs-xs);color:var(--lu-mid-gray)}

/* Chat */
.lu-chat-container{max-height:420px;overflow-y:auto;padding:var(--lu-space-md) 0}
.lu-chat-msg{margin-bottom:var(--lu-space-md)}.lu-chat-msg.outgoing{text-align:right}
.lu-chat-bubble{display:inline-block;max-width:75%;padding:var(--lu-space-md) var(--lu-space-lg);border-radius:var(--lu-radius-lg);font-size:var(--lu-fs-sm);line-height:1.5;text-align:left}
.lu-chat-msg.incoming .lu-chat-bubble{background:var(--lu-cream);color:var(--lu-charcoal);border-bottom-left-radius:var(--lu-radius-sm)}
.lu-chat-msg.outgoing .lu-chat-bubble{background:var(--lu-primary);color:var(--lu-white);border-bottom-right-radius:var(--lu-radius-sm)}
.lu-chat-time{font-size:10px;color:var(--lu-mid-gray);margin-top:4px}
.lu-chat-input-bar{display:flex;align-items:center;gap:var(--lu-space-sm);padding:var(--lu-space-md);border-top:1px solid var(--lu-light-gray);background:var(--lu-cream);border-radius:0 0 var(--lu-radius-lg) var(--lu-radius-lg);margin:0 calc(var(--lu-space-xl) * -1) calc(var(--lu-space-xl) * -1)}
.lu-chat-input-bar input[type="text"]{flex:1;border:1.5px solid var(--lu-light-gray);border-radius:var(--lu-radius-pill);padding:10px 16px;font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);outline:none;transition:border-color var(--lu-duration-fast) var(--lu-ease)}
.lu-chat-input-bar input[type="text"]:focus{border-color:var(--lu-primary)}
.lu-chat-send-btn{width:40px;height:40px;border-radius:var(--lu-radius-circle);background:var(--lu-primary);color:var(--lu-white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--lu-duration-fast) var(--lu-ease);flex-shrink:0}
.lu-chat-send-btn:hover{background:var(--lu-primary-dark)}
.lu-activity-filters{display:flex;gap:var(--lu-space-sm);flex-wrap:wrap;margin-bottom:var(--lu-space-xl)}
.lu-activity-pill{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;border:1.5px solid var(--lu-light-gray);border-radius:var(--lu-radius-pill);background:var(--lu-white);color:var(--lu-dark-gray);cursor:pointer;transition:all var(--lu-duration-fast) var(--lu-ease)}
.lu-activity-pill:hover{border-color:var(--lu-primary);color:var(--lu-primary)}
.lu-activity-pill.active{background:var(--lu-primary);border-color:var(--lu-primary);color:var(--lu-white)}
.lu-activity-item{display:flex;align-items:center;gap:var(--lu-space-md);padding:var(--lu-space-md) 0;border-bottom:1px solid var(--lu-light-gray)}
.lu-activity-item:last-child{border-bottom:none}
.lu-activity-icon{width:36px;height:36px;border-radius:var(--lu-radius-circle);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
.lu-activity-body{flex:1;min-width:0}
.lu-activity-desc{font-size:var(--lu-fs-sm);color:var(--lu-charcoal)}
.lu-activity-time{font-size:var(--lu-fs-xs);color:var(--lu-mid-gray);white-space:nowrap;flex-shrink:0}
.lu-pay-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--lu-space-md);margin-bottom:var(--lu-space-xl)}
.lu-pay-summary-card{padding:var(--lu-space-lg);border-radius:var(--lu-radius-lg);text-align:center}
.lu-pay-summary-card.confirmed{background:var(--lu-success-bg)}.lu-pay-summary-card.pending{background:var(--lu-warning-bg)}.lu-pay-summary-card.rejected{background:var(--lu-danger-bg)}
.lu-pay-summary-label{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--lu-dark-gray);margin-bottom:4px}
.lu-pay-summary-amount{font-family:var(--lu-font-display);font-size:var(--lu-fs-xl);font-weight:700}
.lu-pay-summary-card.confirmed .lu-pay-summary-amount{color:var(--lu-success)}
.lu-pay-summary-card.pending .lu-pay-summary-amount{color:var(--lu-warning)}
.lu-pay-summary-card.rejected .lu-pay-summary-amount{color:var(--lu-danger)}
.lu-form-label{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--lu-dark-gray);margin-bottom:6px;display:block}
.lu-form-control{width:100%;padding:10px 14px;border:1.5px solid var(--lu-light-gray);border-radius:var(--lu-radius-md);font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);color:var(--lu-charcoal);background:var(--lu-white);outline:none;transition:border-color var(--lu-duration-fast) var(--lu-ease)}
.lu-form-control:focus{border-color:var(--lu-primary);box-shadow:0 0 0 3px rgba(43,74,62,.08)}
.lu-form-control[readonly]{background:var(--lu-cream);color:var(--lu-dark-gray)}
.lu-credit-balance{background:var(--lu-gradient-primary);border-radius:var(--lu-radius-xl);padding:var(--lu-space-2xl);text-align:center;color:var(--lu-white);margin-bottom:var(--lu-space-2xl)}
.lu-credit-balance-label{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-bottom:4px}
.lu-credit-balance-value{font-family:var(--lu-font-display);font-size:var(--lu-fs-4xl);font-weight:700}

/* ── CUSTOMIZER ───────────────────────────────────── */
.lu-customizer-layout{padding-top:calc(var(--lu-navbar-height) + var(--lu-space-lg));padding-bottom:var(--lu-space-3xl);min-height:100vh}
.lu-garment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--lu-space-lg);max-width:900px;margin:var(--lu-space-2xl) auto 0}
.lu-garment-card{background:var(--lu-white);border:2px solid var(--lu-light-gray);border-radius:var(--lu-radius-xl);padding:var(--lu-space-xl);text-align:center;cursor:pointer;transition:all var(--lu-duration) var(--lu-ease)}
.lu-garment-card:hover{border-color:var(--lu-primary);transform:translateY(-4px);box-shadow:var(--lu-shadow-lg)}
.lu-garment-card.selected{border-color:var(--lu-primary);background:var(--lu-primary-subtle)}
.lu-garment-card .lu-garment-icon{font-size:3rem;color:var(--lu-primary);margin-bottom:var(--lu-space-md);display:block}
.lu-garment-card h5{font-family:var(--lu-font-heading);font-size:var(--lu-fs-md);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--lu-charcoal);margin-bottom:4px}
.lu-garment-card p{font-size:var(--lu-fs-xs);color:var(--lu-mid-gray);margin:0}
.lu-customizer-workspace{display:grid;grid-template-columns:72px 1fr 320px;gap:var(--lu-space-md);min-height:calc(100vh - var(--lu-navbar-height) - 80px)}
.lu-customizer-tools{background:var(--lu-white);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);padding:var(--lu-space-sm);display:flex;flex-direction:column;gap:4px}
.lu-tool-btn{width:56px;height:56px;border-radius:var(--lu-radius-md);border:none;background:transparent;color:var(--lu-dark-gray);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:1.15rem;transition:all var(--lu-duration-fast) var(--lu-ease)}
.lu-tool-btn span{font-family:var(--lu-font-heading);font-size:8px;text-transform:uppercase;letter-spacing:.05em}
.lu-tool-btn:hover{background:var(--lu-cream);color:var(--lu-primary)}
.lu-tool-btn.active{background:var(--lu-primary);color:var(--lu-white)}
.lu-customizer-canvas-wrap{background:var(--lu-white);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.lu-canvas-view-tabs{position:absolute;top:var(--lu-space-md);left:50%;transform:translateX(-50%);display:flex;gap:4px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:var(--lu-radius-pill);padding:4px;box-shadow:var(--lu-shadow-md);z-index:5}
.lu-canvas-view-tab{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em;padding:6px 16px;border:none;border-radius:var(--lu-radius-pill);background:transparent;color:var(--lu-mid-gray);cursor:pointer;transition:all var(--lu-duration-fast) var(--lu-ease)}
.lu-canvas-view-tab.active{background:var(--lu-primary);color:var(--lu-white)}
.lu-canvas-zoom{position:absolute;bottom:var(--lu-space-md);right:var(--lu-space-md);display:flex;gap:4px;z-index:5}
.lu-zoom-btn{width:32px;height:32px;border-radius:var(--lu-radius-md);border:1px solid var(--lu-light-gray);background:var(--lu-white);color:var(--lu-charcoal);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem}
.lu-zoom-btn:hover{background:var(--lu-cream)}
.lu-customizer-panel{background:var(--lu-white);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);overflow-y:auto;max-height:calc(100vh - var(--lu-navbar-height) - 80px)}
.lu-panel-section{padding:var(--lu-space-lg);border-bottom:1px solid var(--lu-light-gray)}
.lu-panel-section:last-child{border-bottom:none}
.lu-panel-title{font-family:var(--lu-font-heading);font-size:var(--lu-fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--lu-mid-gray);margin-bottom:var(--lu-space-md);display:flex;align-items:center;justify-content:space-between}
.lu-color-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.lu-color-swatch{aspect-ratio:1;border-radius:var(--lu-radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--lu-duration-fast) var(--lu-ease)}
.lu-color-swatch:hover{transform:scale(1.1)}
.lu-color-swatch.active{border-color:var(--lu-charcoal);box-shadow:0 0 0 2px var(--lu-white),0 0 0 4px var(--lu-charcoal)}
.lu-layer-item{display:flex;align-items:center;gap:var(--lu-space-sm);padding:var(--lu-space-sm) var(--lu-space-md);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-md);margin-bottom:var(--lu-space-sm);background:var(--lu-white);cursor:grab;transition:background var(--lu-duration-fast) var(--lu-ease)}
.lu-layer-item:hover{background:var(--lu-cream)}
.lu-layer-item.active{border-color:var(--lu-primary);background:var(--lu-primary-subtle)}
.lu-layer-thumb{width:32px;height:32px;border-radius:var(--lu-radius-sm);background:var(--lu-cream);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--lu-mid-gray);flex-shrink:0}
.lu-layer-name{font-size:var(--lu-fs-xs);font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lu-layer-actions{display:flex;gap:4px}
.lu-layer-action-btn{width:24px;height:24px;border:none;background:transparent;color:var(--lu-mid-gray);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--lu-radius-sm);font-size:.75rem}
.lu-layer-action-btn:hover{background:var(--lu-light-gray);color:var(--lu-charcoal)}
.lu-export-bar{position:sticky;bottom:0;background:var(--lu-white);border-top:1px solid var(--lu-light-gray);padding:var(--lu-space-md) var(--lu-space-lg);display:flex;gap:var(--lu-space-sm)}

/* ── FOOTER ───────────────────────────────────────── */
.lu-footer{background:var(--lu-primary-dark);color:rgba(255,255,255,.6);padding:var(--lu-space-3xl) 0 var(--lu-space-xl)}
.lu-footer-brand .lu-logo-text{font-family:var(--lu-font-display);font-size:var(--lu-fs-2xl);font-weight:700;text-transform:uppercase;color:var(--lu-white);letter-spacing:.04em}
.lu-footer-brand .lu-logo-sub{font-family:var(--lu-font-heading);font-size:.55rem;letter-spacing:.35em;text-transform:uppercase;color:var(--lu-accent)}
.lu-footer-brand p{font-size:var(--lu-fs-sm);margin-top:var(--lu-space-md);max-width:300px;line-height:1.6}
.lu-footer h6{font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--lu-white);margin-bottom:var(--lu-space-lg)}
.lu-footer-links{list-style:none;padding:0;margin:0}
.lu-footer-links li{margin-bottom:var(--lu-space-sm)}
.lu-footer-links a{font-size:var(--lu-fs-sm);color:rgba(255,255,255,.5);text-decoration:none;transition:color var(--lu-duration) var(--lu-ease)}
.lu-footer-links a:hover{color:var(--lu-accent)}
.lu-footer-social{display:flex;gap:var(--lu-space-sm);margin-top:var(--lu-space-md)}
.lu-footer-social a{width:36px;height:36px;border-radius:var(--lu-radius-circle);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:.9rem;transition:all var(--lu-duration) var(--lu-ease)}
.lu-footer-social a:hover{background:var(--lu-accent);border-color:var(--lu-accent);color:var(--lu-white)}
.lu-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:var(--lu-space-2xl);padding-top:var(--lu-space-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--lu-space-md);font-size:var(--lu-fs-xs)}
.lu-footer-bottom a{color:rgba(255,255,255,.4)}.lu-footer-bottom a:hover{color:var(--lu-accent)}

/* ── MISC SHARED ──────────────────────────────────── */
.lu-newsletter-section{padding:var(--lu-space-3xl) 0;background:var(--lu-cream)}
.lu-newsletter-input-group{display:flex;max-width:480px;margin:var(--lu-space-lg) auto 0}
.lu-newsletter-input-group input{flex:1;border:2px solid var(--lu-light-gray);border-right:none;border-radius:var(--lu-radius-md) 0 0 var(--lu-radius-md);padding:12px 16px;font-family:var(--lu-font-body);font-size:var(--lu-fs-sm);outline:none}
.lu-newsletter-input-group input:focus{border-color:var(--lu-primary)}
.lu-newsletter-input-group .lu-btn{border-radius:0 var(--lu-radius-md) var(--lu-radius-md) 0}
.lu-testimonial-card{background:var(--lu-white);border:1px solid var(--lu-light-gray);border-radius:var(--lu-radius-lg);padding:var(--lu-space-xl);height:100%}
.lu-testimonial-quote{font-size:var(--lu-fs-body);color:var(--lu-dark-gray);line-height:1.7;font-style:italic;margin-bottom:var(--lu-space-lg);position:relative;padding-left:var(--lu-space-lg)}
.lu-testimonial-quote::before{content:'\201C';position:absolute;left:0;top:-8px;font-family:var(--lu-font-display);font-size:3rem;color:var(--lu-accent);line-height:1}
.lu-testimonial-author{display:flex;align-items:center;gap:var(--lu-space-md)}
.lu-testimonial-avatar{width:44px;height:44px;border-radius:var(--lu-radius-circle);background:var(--lu-primary-subtle);display:flex;align-items:center;justify-content:center;font-family:var(--lu-font-display);font-weight:700;color:var(--lu-primary);flex-shrink:0}
.lu-testimonial-name{font-family:var(--lu-font-heading);font-size:var(--lu-fs-sm);font-weight:600;color:var(--lu-charcoal)}
.lu-testimonial-role{font-size:var(--lu-fs-xs);color:var(--lu-mid-gray)}
.lu-brand-bar{padding:var(--lu-space-2xl) 0;background:var(--lu-white);border-top:1px solid var(--lu-light-gray);border-bottom:1px solid var(--lu-light-gray)}
.lu-brand-logos{display:flex;align-items:center;justify-content:center;gap:var(--lu-space-3xl);flex-wrap:wrap;opacity:.3}
.lu-brand-logos span{font-family:var(--lu-font-display);font-size:var(--lu-fs-xl);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--lu-charcoal)}
.lu-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}
.lu-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}
.lu-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}
.lu-divider{height:1px;background:linear-gradient(90deg,transparent,var(--lu-light-gray),transparent);margin:var(--lu-space-xl) 0}
.lu-empty-state{text-align:center;padding:var(--lu-space-3xl)}
.lu-empty-state i{font-size:48px;color:var(--lu-light-gray);display:block;margin-bottom:var(--lu-space-md)}
.lu-empty-state h5{font-family:var(--lu-font-display);color:var(--lu-charcoal);margin-bottom:var(--lu-space-sm)}
.lu-empty-state p{font-size:var(--lu-fs-sm);color:var(--lu-mid-gray)}

/* ── ANIMATIONS ───────────────────────────────────── */
@keyframes luSlideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes luSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes luFadeIn{from{opacity:0}to{opacity:1}}
@keyframes luSlideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes luScrollPulse{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
.lu-animate-up{animation:luSlideUp .6s var(--lu-ease) both}
.lu-animate-fade{animation:luFadeIn .6s var(--lu-ease) both}
.lu-delay-1{animation-delay:.1s}.lu-delay-2{animation-delay:.2s}.lu-delay-3{animation-delay:.3s}
.lu-delay-4{animation-delay:.4s}.lu-delay-5{animation-delay:.5s}.lu-delay-6{animation-delay:.6s}

/* ── RESPONSIVE ───────────────────────────────────── */
@media(max-width:991.98px){
    :root{--lu-fs-hero:3rem;--lu-fs-4xl:2.5rem;--lu-fs-3xl:2rem}
    .lu-nav-links{display:none}.lu-hamburger{display:flex}
    .lu-hero-arrows{display:none}
    .lu-dash-layout{flex-direction:column}
    .lu-dash-sidebar{width:100%;position:relative;top:auto}
    .lu-customizer-workspace{grid-template-columns:1fr}
    .lu-customizer-tools{flex-direction:row;overflow-x:auto;order:2}
    .lu-customizer-canvas-wrap{order:1;min-height:400px}
    .lu-customizer-panel{order:3;max-height:none}
    .lu-pay-summary-cards{grid-template-columns:1fr}
    .lu-pdp-info{padding-left:0;margin-top:var(--lu-space-xl)}
}
@media(max-width:767.98px){
    :root{--lu-fs-hero:2.5rem;--lu-fs-3xl:1.75rem;--lu-fs-2xl:1.5rem;--lu-navbar-height:64px}
    .lu-hero-btns{flex-direction:column}.lu-hero-btns .lu-btn{width:100%;justify-content:center}
    .lu-grid-2,.lu-grid-3,.lu-grid-4{grid-template-columns:1fr}
    .lu-garment-grid{grid-template-columns:repeat(2,1fr)}
    .lu-pdp-thumbs{overflow-x:auto}
    .lu-footer-bottom{flex-direction:column;text-align:center}
}
@media(max-width:575.98px){
    :root{--lu-fs-hero:2rem}
    .lu-garment-grid{grid-template-columns:1fr}
}