/* ============================================================
   LEAGUEPLANIT V6 — Premium Light Design System
   v2.0.0 | 2026-05-20 | Complete light-mode redesign
   ============================================================ */

/* ====== DESIGN TOKENS ====== */
:root {
    /* ── Backgrounds ── */
    --lp6-bg:            #f5f6f8;
    --lp6-bg-alt:        #eef0f4;
    --lp6-bg2:           #ffffff;
    --lp6-surface:       #ffffff;
    --lp6-surface-hover: #f0f2f5;

    /* ── Borders ── */
    --lp6-border:        rgba(0, 0, 0, 0.07);
    --lp6-border-hover:  rgba(0, 0, 0, 0.14);
    --lp6-border-strong: rgba(0, 0, 0, 0.12);

    /* ── Typography ── */
    --lp6-heading:       #0f172a;
    --lp6-text:          #475569;
    --lp6-muted:         #94a3b8;

    /* ── Accent System ── */
    --lp6-accent:        #059669;
    --lp6-accent2:       #0284c7;
    --lp6-accent-soft:   rgba(5, 150, 105, 0.08);
    --lp6-accent-glow:   rgba(5, 150, 105, 0.25);
    --lp6-grad:          linear-gradient(135deg, var(--lp6-accent), var(--lp6-accent2));

    /* ── Structural ── */
    --lp6-footer-bg:     #0f172a;
    --lp6-topbar-bg:     #1e293b;

    /* ── Fonts ── */
    --font-head: 'Plus Jakarta Sans', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    /* ── Radii ── */
    --radius:    20px;
    --radius-sm: 12px;

    /* ── Motion ── */
    --ease: cubic-bezier(0.25, 1, 0.5, 1);

    /* ── Layout ── */
    --nav-h:    72px;
    --topbar-h: 36px;

    /* ── Elevation ── */
    --shadow-sm:    0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md:    0 4px 14px rgba(0,0,0,0.07), 0 2px 6px rgba(0,0,0,0.04);
    --shadow-lg:    0 12px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.05);
    --shadow-accent:0 8px 32px var(--lp6-accent-glow);
    --shadow-card:  0 2px 8px rgba(0,0,0,0.04), 0 0 0 1px var(--lp6-border);
}

body.sport-tennis {
    --lp6-accent:       #ea580c;
    --lp6-accent2:      #d97706;
    --lp6-accent-soft:  rgba(234, 88, 12, 0.08);
    --lp6-accent-glow:  rgba(234, 88, 12, 0.25);
    --lp6-grad:         linear-gradient(135deg, #ea580c, #d97706);
}

/* ====== RESET ====== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + var(--topbar-h) + 16px); }
.lp6 {
    font-family:var(--font-body); background:var(--lp6-bg);
    color:var(--lp6-text); line-height:1.65; font-size:16px;
    overflow-x:hidden; -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { max-width:100%; display:block; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }

.lp6-wrap { max-width:1200px; margin:0 auto; padding:0 28px; }
.lp6-section { padding:100px 0; position:relative; }
.lp6-section-alt { background:var(--lp6-bg-alt); }

/* ====== BUTTONS ====== */
.lp6-btn {
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 32px; font-size:0.93rem; font-weight:600;
    border-radius:var(--radius-sm); transition:all 0.35s var(--ease);
    font-family:var(--font-body); letter-spacing:0.01em;
}
.lp6-btn-accent {
    background:var(--lp6-grad); color:#fff;
    box-shadow:0 2px 8px var(--lp6-accent-glow);
}
.lp6-btn-accent:hover {
    box-shadow:0 8px 32px var(--lp6-accent-glow), 0 2px 8px rgba(0,0,0,0.1);
    transform:translateY(-3px);
}
.lp6-btn-glass {
    background:var(--lp6-surface); color:var(--lp6-heading);
    border:1px solid var(--lp6-border-strong);
    box-shadow:var(--shadow-sm);
}
.lp6-btn-glass:hover {
    border-color:var(--lp6-accent); color:var(--lp6-accent);
    box-shadow:var(--shadow-md);
    transform:translateY(-2px);
}
.lp6-hero .lp6-btn-glass {
    background:rgba(255,255,255,0.1); color:#fff;
    border-color:rgba(255,255,255,0.25);
    backdrop-filter:blur(10px);
}
.lp6-hero .lp6-btn-glass:hover {
    background:rgba(255,255,255,0.2); color:#fff;
    border-color:rgba(255,255,255,0.4);
}
.lp6-btn-sm { padding:10px 22px; font-size:0.84rem; }

/* ====== TOPBAR ====== */
.lp6-topbar {
    background:var(--lp6-topbar-bg); color:rgba(255,255,255,0.85);
    height:var(--topbar-h); display:flex; align-items:center;
    font-size:0.78rem; font-weight:500; letter-spacing:0.3px;
}
.lp6-topbar .lp6-wrap {
    display:flex; justify-content:space-between; align-items:center;
}
.lp6-topbar a {
    color:rgba(255,255,255,0.7); transition:color 0.3s;
}
.lp6-topbar a:hover { color:#fff; }
.lp6-topbar-right { display:flex; align-items:center; gap:16px; }
.lp6-sport-switch { display:flex; gap:4px; }
.lp6-sport-switch a {
    padding:3px 10px; border-radius:6px; font-size:0.75rem;
    font-weight:600; transition:all 0.3s;
}
.lp6-sport-switch a.active {
    background:var(--lp6-grad); color:#fff;
}

/* ====== NAVIGATION ====== */
.lp6-nav {
    position:sticky; top:0; z-index:9000;
    background:rgba(255,255,255,0.92); backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    border-bottom:1px solid var(--lp6-border); height:var(--nav-h);
    transition:all 0.4s var(--ease);
}
.lp6-nav.scrolled {
    box-shadow:var(--shadow-md);
    background:rgba(255,255,255,0.97);
}
.lp6-nav .lp6-wrap {
    display:flex; align-items:center; height:100%; justify-content:space-between;
}
.lp6-logo {
    display:flex; align-items:center; gap:12px;
    font-family:var(--font-head); font-weight:800;
    font-size:1.25rem; color:var(--lp6-heading);
    letter-spacing:-0.02em;
}
.lp6-logo-mark {
    width:42px; height:42px; border-radius:12px; display:flex;
    align-items:center; justify-content:center; font-weight:800;
    font-size:0.88rem; color:#fff; background:var(--lp6-grad);
    box-shadow:0 4px 12px var(--lp6-accent-glow);
    letter-spacing:-0.5px;
}
.lp6-nav-links { display:flex; gap:8px; list-style:none; }
.lp6-nav-links a {
    font-size:0.9rem; font-weight:500; color:var(--lp6-text);
    padding:8px 16px; border-radius:var(--radius-sm);
    transition:all 0.3s var(--ease); position:relative;
}
.lp6-nav-links a:hover {
    color:var(--lp6-accent); background:var(--lp6-accent-soft);
}
.lp6-nav-links a.active { color:var(--lp6-accent); }
.lp6-nav-links a.active::after {
    content:''; position:absolute; bottom:2px; left:20%; right:20%;
    height:2px; background:var(--lp6-grad); border-radius:2px;
}
.lp6-nav-actions { display:flex; align-items:center; gap:12px; }
.lp6-nav-actions a {
    color:var(--lp6-text); font-size:1.05rem;
    width:40px; height:40px; border-radius:var(--radius-sm);
    display:inline-flex; align-items:center; justify-content:center;
    transition:all 0.3s var(--ease);
}
.lp6-nav-actions a:hover {
    color:var(--lp6-accent); background:var(--lp6-accent-soft);
}
.lp6-cart-count {
    background:var(--lp6-accent); color:#fff; font-size:0.62rem;
    width:18px; height:18px; border-radius:50%; display:inline-flex;
    align-items:center; justify-content:center; font-weight:700;
    position:relative; top:-8px; left:-6px;
    box-shadow:0 2px 6px var(--lp6-accent-glow);
}

/* Mobile Menu */
.lp6-mobile-toggle { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; }
.lp6-mobile-toggle span {
    width:22px; height:2px; background:var(--lp6-heading);
    transition:all 0.3s var(--ease); border-radius:2px;
}
.lp6-mobile-menu {
    display:none; position:fixed;
    top:calc(var(--nav-h) + var(--topbar-h)); left:0; right:0; bottom:0;
    background:rgba(255,255,255,0.98); backdrop-filter:blur(20px);
    z-index:8999; padding:32px 28px;
    flex-direction:column; gap:8px;
}
.lp6-mobile-menu.open { display:flex; }
.lp6-mobile-menu a {
    font-size:1.15rem; font-weight:600; color:var(--lp6-heading);
    padding:16px 0; border-bottom:1px solid var(--lp6-border);
    transition:color 0.3s;
}
.lp6-mobile-menu a:hover { color:var(--lp6-accent); }

/* Scroll Progress */
.lp6-scroll-progress {
    position:fixed; top:0; left:0; height:3px;
    background:var(--lp6-grad); z-index:10000;
    width:0; transition:width 0.15s linear;
}

@media (max-width:900px) {
    .lp6-nav-links { display:none; }
    .lp6-mobile-toggle { display:flex; }
}

/* ====== UTILITY CLASSES ====== */
.lp6-label {
    display:inline-block; font-size:0.78rem; font-weight:700;
    text-transform:uppercase; letter-spacing:3px; color:var(--lp6-accent);
    margin-bottom:16px;
}
.lp6-sec-head { text-align:center; margin-bottom:64px; }
.lp6-sec-head h2 {
    font-family:var(--font-head); font-size:clamp(2rem, 4vw, 3rem);
    font-weight:800; color:var(--lp6-heading); line-height:1.15;
    letter-spacing:-0.02em;
}
.lp6-sec-head p {
    font-size:1.05rem; color:var(--lp6-muted); max-width:560px;
    margin:16px auto 0; line-height:1.7;
}
.lp6-gradient-text {
    background:var(--lp6-grad); -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; background-clip:text;
}
.lp6-chip {
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 22px; border-radius:50px; font-size:0.82rem; font-weight:600;
    background:var(--lp6-accent-soft); border:1px solid rgba(5,150,105,0.15);
    color:var(--lp6-accent);
}
.lp6-skill-tag {
    display:inline-block; font-size:0.7rem; font-weight:700; text-transform:uppercase;
    padding:4px 12px; border-radius:50px; letter-spacing:0.5px;
    background:var(--lp6-accent-soft); color:var(--lp6-accent);
    border:1px solid rgba(5,150,105,0.12);
}
body.sport-tennis .lp6-skill-tag {
    background:rgba(234,88,12,0.08);
    border-color:rgba(234,88,12,0.12);
}

/* ====== HERO ====== */
.lp6-hero {
    padding:0; min-height:90vh; display:flex; align-items:center;
    position:relative; overflow:hidden;
    background:#0f172a;
}
.lp6-hero-bg { position:absolute; inset:0; z-index:0; }
.lp6-hero-bg img { width:100%; height:100%; object-fit:cover; opacity:0.55; }
.lp6-hero-overlay {
    position:absolute; inset:0;
    background:linear-gradient(160deg,
        rgba(15,23,42,0.80) 0%,
        rgba(15,23,42,0.50) 40%,
        rgba(15,23,42,0.65) 100%);
}
.lp6-hero-grid {
    position:relative; z-index:2; display:grid;
    grid-template-columns:1fr 1fr; gap:72px;
    align-items:center; padding-top:80px; padding-bottom:80px;
}
.lp6-chip {
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 18px; border-radius:50px; font-size:0.82rem; font-weight:600;
    background:rgba(5,150,105,0.15); color:var(--lp6-accent);
    border:1px solid rgba(5,150,105,0.3); backdrop-filter:blur(8px);
}
.lp6-hero-text h1 {
    font-family:var(--font-head); font-size:clamp(2.8rem,5vw,4.2rem);
    font-weight:800; color:#ffffff; line-height:1.08;
    margin:20px 0; letter-spacing:-0.03em;
}
.lp6-hero-text h1 .lp6-gradient-text {
    background:linear-gradient(135deg, var(--lp6-accent), #34d399);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text;
}
.lp6-hero-text p {
    font-size:1.15rem; color:rgba(255,255,255,0.75); margin-bottom:32px;
    max-width:520px; line-height:1.75;
}
.lp6-hero-ctas { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:48px; }
.lp6-hero-stats { display:flex; gap:48px; }
.lp6-hero-stat { text-align:center; }
.lp6-hero-stat strong {
    font-family:var(--font-head); font-size:2.2rem; font-weight:800;
    color:#ffffff; display:block; letter-spacing:-0.02em;
}
.lp6-hero-stat span {
    font-size:0.78rem; color:rgba(255,255,255,0.5); text-transform:uppercase;
    letter-spacing:1.5px; font-weight:500;
}
.lp6-hero-visual {
    position:relative; display:flex; justify-content:center;
    align-items:center;
}
.lp6-hero-visual img {
    width:100%; max-height:520px; object-fit:cover;
    border-radius:var(--radius);
    border:1px solid rgba(255,255,255,0.12);
    box-shadow:0 25px 60px rgba(0,0,0,0.4);
    animation:lp6-float 6s ease-in-out infinite;
}
@keyframes lp6-float {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-14px); }
}
.lp6-skill-filters { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:32px; }
.lp6-skill-chip {
    padding:9px 22px; border-radius:50px; font-size:0.84rem; font-weight:600;
    background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18);
    color:rgba(255,255,255,0.75); cursor:pointer;
    transition:all 0.35s var(--ease); backdrop-filter:blur(8px);
}
.lp6-skill-chip:hover {
    border-color:var(--lp6-accent); color:var(--lp6-accent);
    background:rgba(5,150,105,0.1);
}
.lp6-skill-chip.active {
    background:var(--lp6-grad); color:#fff;
    border-color:transparent; box-shadow:0 4px 20px rgba(5,150,105,0.3);
}
.lp6-brand-marquee {
    overflow:hidden; padding:40px 0;
    border-top:1px solid rgba(255,255,255,0.08); margin-top:60px;
}
.lp6-marquee-track { display:flex; gap:64px; animation:lp6-scroll 25s linear infinite; }
.lp6-marquee-track span {
    font-family:var(--font-head); font-size:1.4rem; font-weight:800;
    color:rgba(255,255,255,0.15); white-space:nowrap;
    text-transform:uppercase; letter-spacing:2px;
}
@keyframes lp6-scroll { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

@media (max-width:900px) {
    .lp6-hero-grid { grid-template-columns:1fr; text-align:center; }
    .lp6-hero-text p { margin-left:auto; margin-right:auto; }
    .lp6-hero-ctas, .lp6-hero-stats, .lp6-skill-filters { justify-content:center; }
    .lp6-hero-visual { display:none; }
}

/* ====== CATEGORIES ====== */
.lp6-categories { background:var(--lp6-bg-alt); }
.lp6-cat-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
.lp6-cat-card {
    background:var(--lp6-surface); border:1px solid var(--lp6-border);
    border-radius:var(--radius); overflow:hidden;
    transition:all 0.4s var(--ease); cursor:pointer;
    box-shadow:var(--shadow-card); text-decoration:none;
}
.lp6-cat-card:hover {
    transform:translateY(-8px);
    border-color:var(--lp6-accent);
    box-shadow:var(--shadow-lg), 0 0 0 1px var(--lp6-accent),
               0 8px 30px var(--lp6-accent-glow);
}
.lp6-cat-img {
    height:220px; overflow:hidden; background:var(--lp6-bg-alt);
    position:relative;
}
.lp6-cat-img img {
    width:100%; height:100%; object-fit:cover;
    transition:transform 0.5s var(--ease);
}
.lp6-cat-card:hover .lp6-cat-img img { transform:scale(1.08); }
.lp6-cat-count {
    position:absolute; bottom:12px; right:12px;
    padding:5px 14px; border-radius:50px;
    background:rgba(255,255,255,0.92); backdrop-filter:blur(8px);
    font-size:0.72rem; font-weight:700; color:var(--lp6-accent);
    box-shadow:var(--shadow-sm);
    opacity:0; transform:translateY(8px);
    transition:all 0.3s var(--ease);
}
.lp6-cat-card:hover .lp6-cat-count { opacity:1; transform:translateY(0); }
.lp6-cat-info { padding:20px 24px; }
.lp6-cat-info h3 {
    font-family:var(--font-head); font-size:1.15rem;
    font-weight:700; color:var(--lp6-heading); margin-bottom:6px;
}
.lp6-cat-sub {
    display:block; font-size:0.85rem; color:var(--lp6-muted); margin-bottom:10px;
}
.lp6-cat-card .lp6-cat-icon { font-size:2.5rem; margin-bottom:16px; }
@media (max-width:900px) { .lp6-cat-grid { grid-template-columns:repeat(2, 1fr); } }
@media (max-width:550px) { .lp6-cat-grid { grid-template-columns:1fr; } }

/* ====== PRODUCT CARDS ====== */
.lp6-products { background:var(--lp6-bg); }
.lp6-products:nth-of-type(even) { background:var(--lp6-bg-alt); }
.lp6-prod-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; }
.lp6-product-card {
    background:var(--lp6-surface); border:1px solid var(--lp6-border);
    border-radius:var(--radius); overflow:hidden; position:relative;
    transition:all 0.4s var(--ease); box-shadow:var(--shadow-card);
}
.lp6-product-card:hover {
    transform:translateY(-8px);
    border-color:rgba(5,150,105,0.2);
    box-shadow:var(--shadow-lg), 0 8px 30px var(--lp6-accent-glow);
}

/* Badge */
.lp6-pc-badge {
    position:absolute; top:16px; left:16px; z-index:3;
    padding:6px 14px; font-size:0.72rem; font-weight:700; border-radius:50px;
    background:var(--lp6-grad); color:#fff;
    text-transform:uppercase; letter-spacing:0.5px;
    box-shadow:0 2px 8px var(--lp6-accent-glow);
}
/* Savings pill */
.lp6-pc-save {
    position:absolute; top:16px; right:56px; z-index:3;
    padding:5px 10px; font-size:0.72rem; font-weight:700;
    background:#ef4444; color:#fff; border-radius:50px;
    box-shadow:0 2px 8px rgba(239,68,68,0.3);
}
/* Wishlist */
.lp6-pc-wish {
    position:absolute; top:16px; right:16px; z-index:3;
    width:36px; height:36px; border-radius:50%;
    background:rgba(255,255,255,0.9); backdrop-filter:blur(8px);
    border:1px solid var(--lp6-border);
    display:flex; align-items:center; justify-content:center;
    font-size:1rem; cursor:pointer; transition:all 0.3s var(--ease);
    box-shadow:var(--shadow-sm);
}
.lp6-pc-wish:hover { background:#fef2f2; color:#ef4444; border-color:#fecaca; }
.lp6-pc-wish.active { background:#ef4444; color:#fff; border-color:#ef4444; }

/* Image area */
.lp6-pc-img {
    height:260px; overflow:hidden; background:var(--lp6-bg-alt);
    display:flex; align-items:center; justify-content:center;
    position:relative;
}
.lp6-pc-img img {
    width:100%; height:100%; object-fit:cover;
    transition:transform 0.5s var(--ease);
}
.lp6-product-card:hover .lp6-pc-img img { transform:scale(1.06); }

/* Quick view */
.lp6-pc-quickview {
    position:absolute; bottom:0; left:0; right:0;
    padding:14px; text-align:center;
    background:rgba(255,255,255,0.92); backdrop-filter:blur(10px);
    color:var(--lp6-heading); font-size:0.85rem; font-weight:600;
    opacity:0; transform:translateY(100%);
    transition:all 0.3s var(--ease); cursor:pointer;
    border-top:1px solid var(--lp6-border);
}
.lp6-product-card:hover .lp6-pc-quickview {
    opacity:1; transform:translateY(0);
}

/* Legacy .lp6-pc-image (fallback) */
.lp6-pc-image { position:relative; width:100%; aspect-ratio:4/3; overflow:hidden; background:var(--lp6-bg-alt); }
.lp6-pc-image img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s var(--ease); }
.lp6-product-card:hover .lp6-pc-image img { transform:scale(1.05); }

/* Body */
.lp6-pc-body { padding:20px 24px; }
.lp6-pc-top-meta {
    display:flex; align-items:center; gap:8px; margin-bottom:10px;
}
.lp6-pc-brand {
    font-size:0.72rem; font-weight:700; text-transform:uppercase;
    letter-spacing:1.5px; color:var(--lp6-accent);
}
.lp6-pc-body h3 {
    font-family:var(--font-head); font-size:1.08rem; font-weight:700;
    color:var(--lp6-heading); margin-bottom:8px; line-height:1.35;
    display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow:hidden;
}
.lp6-pc-body .lp6-pc-desc {
    font-size:0.85rem; color:var(--lp6-muted); line-height:1.55;
    margin-bottom:14px;
    display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow:hidden;
}

/* Rating */
.lp6-pc-rating { display:flex; align-items:center; gap:6px; margin-bottom:16px; }
.lp6-stars { color:#f59e0b; font-size:0.88rem; }
.lp6-rating-num { font-size:0.82rem; font-weight:600; color:var(--lp6-heading); }
.lp6-rc { font-size:0.78rem; color:var(--lp6-muted); }

/* Bottom: price + actions */
.lp6-pc-bottom {
    display:flex; align-items:center; justify-content:space-between;
    padding-top:16px; border-top:1px solid var(--lp6-border);
}
.lp6-pc-price strong {
    font-size:1.2rem; font-weight:800; color:var(--lp6-heading);
    font-family:var(--font-head);
}
.lp6-pc-price s {
    font-size:0.82rem; color:var(--lp6-muted);
    margin-left:8px; text-decoration:line-through;
}
.lp6-pc-meta { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.lp6-pc-was { font-size:0.85rem; color:var(--lp6-muted); text-decoration:line-through; margin-left:8px; }
.lp6-pc-actions { display:flex; align-items:center; gap:8px; }
.lp6-pc-actions .lp6-btn { flex:1; justify-content:center; font-size:0.84rem; padding:11px 16px; }
.lp6-pc-compare-btn {
    width:40px; height:40px; border-radius:var(--radius-sm);
    background:var(--lp6-surface); border:1px solid var(--lp6-border);
    display:flex; align-items:center; justify-content:center;
    font-size:1rem; transition:all 0.3s; cursor:pointer;
}
.lp6-pc-compare-btn:hover { border-color:var(--lp6-accent); background:var(--lp6-accent-soft); }

@media (max-width:900px) { .lp6-prod-grid { grid-template-columns:repeat(2, 1fr); } }
@media (max-width:550px) { .lp6-prod-grid { grid-template-columns:1fr; max-width:420px; margin:0 auto; } }

/* ====== COMPARISON TABLE ====== */
.lp6-compare-section { background:var(--lp6-bg-alt); }
.lp6-table-wrap {
    overflow-x:auto; border-radius:var(--radius);
    border:1px solid var(--lp6-border); box-shadow:var(--shadow-md);
}
.lp6-compare-table { width:100%; border-collapse:collapse; background:var(--lp6-surface); min-width:600px; }
.lp6-compare-table th, .lp6-compare-table td {
    padding:18px 24px; text-align:center;
    border-bottom:1px solid var(--lp6-border); font-size:0.92rem;
}
.lp6-compare-table th {
    font-family:var(--font-head); font-weight:700;
    color:var(--lp6-heading); background:var(--lp6-bg-alt); padding:24px 20px;
}
.lp6-compare-table thead th span { display:block; font-size:0.88rem; }
.lp6-compare-table td:first-child {
    text-align:left; font-weight:600; color:var(--lp6-heading);
    background:rgba(0,0,0,0.01);
}
.lp6-compare-table tbody tr:hover { background:var(--lp6-accent-soft); }
.lp6-ct-img {
    width:60px; height:60px; border-radius:var(--radius-sm);
    object-fit:cover; margin:0 auto 8px; display:block;
    border:1px solid var(--lp6-border);
}
.lp6-ct-hl { color:var(--lp6-accent) !important; font-weight:700; }

/* ====== TESTIMONIALS ====== */
.lp6-testimonials { background:var(--lp6-bg); }
.lp6-testi-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; }
.lp6-testi-card {
    background:var(--lp6-surface); border:1px solid var(--lp6-border);
    border-radius:var(--radius); padding:32px;
    box-shadow:var(--shadow-card);
    transition:all 0.4s var(--ease);
}
.lp6-testi-card:hover {
    transform:translateY(-6px);
    box-shadow:var(--shadow-lg);
    border-color:var(--lp6-accent);
}
.lp6-testi-stars { color:#f59e0b; font-size:1.1rem; margin-bottom:16px; }
.lp6-testi-card p {
    color:var(--lp6-text); font-size:0.95rem; line-height:1.75;
    margin-bottom:24px; font-style:italic;
}
.lp6-testi-author {
    display:flex; align-items:center; gap:14px;
    padding-top:20px; border-top:1px solid var(--lp6-border);
}
.lp6-testi-author img {
    width:48px; height:48px; border-radius:50%;
    object-fit:cover; border:3px solid var(--lp6-accent-soft);
}
.lp6-testi-author strong { display:block; color:var(--lp6-heading); font-size:0.9rem; }
.lp6-testi-author span { font-size:0.78rem; color:var(--lp6-muted); }
@media (max-width:900px) { .lp6-testi-grid { grid-template-columns:1fr; max-width:500px; margin:0 auto; } }

/* ====== CTA ====== */
.lp6-cta-section {
    position:relative; min-height:420px; display:flex;
    align-items:center; overflow:hidden;
}
.lp6-cta-bg { position:absolute; inset:0; z-index:0; }
.lp6-cta-bg img { width:100%; height:100%; object-fit:cover; opacity:0.3; }
.lp6-cta-overlay {
    position:absolute; inset:0;
    background:linear-gradient(160deg,
        rgba(15,23,42,0.88) 0%,
        rgba(15,23,42,0.75) 50%,
        rgba(15,23,42,0.85) 100%);
}
.lp6-cta-content {
    position:relative; z-index:2; text-align:center;
    max-width:600px; margin:0 auto;
}
.lp6-cta-content h2 {
    font-family:var(--font-head); font-size:clamp(2rem,4vw,3rem);
    font-weight:800; color:#fff; margin:16px 0; letter-spacing:-0.02em;
}
.lp6-cta-content p { color:rgba(255,255,255,0.8); font-size:1.1rem; margin-bottom:32px; }
.lp6-cta-form { display:flex; gap:12px; max-width:500px; margin:0 auto; }
.lp6-cta-form input {
    flex:1; padding:16px 20px; border-radius:var(--radius-sm);
    border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.1);
    color:#fff; font-size:0.95rem; font-family:var(--font-body);
    backdrop-filter:blur(10px);
}
.lp6-cta-form input::placeholder { color:rgba(255,255,255,0.5); }
.lp6-cta-form input:focus { outline:none; border-color:var(--lp6-accent); }
.lp6-cta-content small { display:block; margin-top:16px; color:rgba(255,255,255,0.6); font-size:0.82rem; }

/* ====== MODAL ====== */
.lp6-modal-overlay {
    position:fixed; inset:0; background:rgba(15,23,42,0.5);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    z-index:9998; display:none; align-items:center; justify-content:center;
}
.lp6-modal-overlay.active { display:flex; }
.lp6-modal {
    background:var(--lp6-surface); border-radius:var(--radius);
    max-width:700px; width:95%; max-height:80vh;
    overflow-y:auto; position:relative; box-shadow:var(--shadow-lg);
    border:1px solid var(--lp6-border);
}
.lp6-modal-close {
    position:absolute; top:16px; right:16px; font-size:1.2rem;
    color:var(--lp6-muted); cursor:pointer; transition:all 0.3s; z-index:2;
    width:36px; height:36px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--lp6-bg); border:1px solid var(--lp6-border);
}
.lp6-modal-close:hover { color:var(--lp6-heading); background:var(--lp6-surface-hover); }

/* ====== FOOTER ====== */
.lp6-footer {
    background:var(--lp6-footer-bg); color:rgba(255,255,255,0.75);
    padding:80px 0 0;
}
.lp6-trust-badges {
    display:flex; justify-content:center; gap:36px; flex-wrap:wrap;
    padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,0.08);
    margin-bottom:48px;
}
.lp6-badge {
    font-size:0.85rem; font-weight:600; color:rgba(255,255,255,0.7);
    display:flex; align-items:center; gap:8px;
}
.lp6-footer-top {
    display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px; margin-bottom:48px;
}
.lp6-footer-brand p { font-size:0.9rem; line-height:1.7; margin:16px 0; max-width:300px; }
.lp6-footer .lp6-logo span { color:#fff; }
.lp6-social { display:flex; gap:10px; margin-top:16px; }
.lp6-social a {
    width:36px; height:36px; border-radius:10px;
    background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1);
    display:flex; align-items:center; justify-content:center;
    font-size:0.75rem; font-weight:700; transition:all 0.3s;
    color:rgba(255,255,255,0.6);
}
.lp6-social a:hover {
    background:var(--lp6-accent); border-color:var(--lp6-accent); color:#fff;
}
.lp6-footer-col { display:flex; flex-direction:column; gap:10px; }
.lp6-footer-col h4 {
    font-family:var(--font-head); font-size:0.82rem; font-weight:700;
    text-transform:uppercase; letter-spacing:1.5px; margin-bottom:12px;
    color:rgba(255,255,255,0.95);
}
.lp6-footer-col a {
    display:block; font-size:0.88rem; padding:3px 0;
    color:rgba(255,255,255,0.55); transition:all 0.3s;
}
.lp6-footer-col a:hover { color:var(--lp6-accent); transform:translateX(4px); }
.lp6-footer-newsletter {
    text-align:center; padding:40px 0;
    border-top:1px solid rgba(255,255,255,0.08);
    border-bottom:1px solid rgba(255,255,255,0.08);
    margin-bottom:32px;
}
.lp6-footer-newsletter h4 {
    font-family:var(--font-head); font-size:1.15rem;
    margin-bottom:16px; color:#fff;
}
.lp6-nl-form { display:flex; gap:12px; max-width:440px; margin:0 auto; }
.lp6-nl-form input {
    flex:1; padding:12px 20px; border-radius:var(--radius-sm);
    border:1px solid rgba(255,255,255,0.12); background:rgba(255,255,255,0.06);
    color:#fff; font-size:0.9rem; font-family:var(--font-body);
    transition:border-color 0.3s;
}
.lp6-nl-form input::placeholder { color:rgba(255,255,255,0.35); }
.lp6-nl-form input:focus { border-color:var(--lp6-accent); outline:none; }
.lp6-footer-bottom {
    text-align:center; padding:28px 0;
    border-top:1px solid rgba(255,255,255,0.08); font-size:0.82rem;
}
.lp6-disc { margin-top:8px; font-size:0.75rem; opacity:0.5; }
@media (max-width:900px) { .lp6-footer-top { grid-template-columns:1fr 1fr; } }
@media (max-width:550px) {
    .lp6-footer-top { grid-template-columns:1fr; }
    .lp6-trust-badges { gap:16px; }
    .lp6-nl-form { flex-direction:column; }
}

/* ====== COMPARE BAR ====== */
.lp6-compare-bar {
    position:fixed; bottom:0; left:0; right:0; z-index:9000;
    background:var(--lp6-surface); border-top:1px solid var(--lp6-border);
    box-shadow:0 -4px 20px rgba(0,0,0,0.08); padding:16px 0;
    transform:translateY(100%); transition:transform 0.4s var(--ease);
}
.lp6-compare-bar.active { transform:translateY(0); }
.lp6-compare-bar .lp6-wrap { display:flex; align-items:center; justify-content:space-between; }
.lp6-cb-items { display:flex; gap:12px; }
.lp6-cb-item { width:60px; height:60px; border-radius:var(--radius-sm); overflow:hidden; border:2px solid var(--lp6-border); }
.lp6-cb-item img { width:100%; height:100%; object-fit:cover; }
.lp6-cb-empty { border:2px dashed var(--lp6-border); display:flex; align-items:center; justify-content:center; font-size:1.2rem; color:var(--lp6-muted); }
.lp6-cb-actions { display:flex; gap:12px; align-items:center; }
.lp6-cb-clear { font-size:0.85rem; color:var(--lp6-muted); cursor:pointer; transition:color 0.3s; }
.lp6-cb-clear:hover { color:#ef4444; }
#lp6-compare-now:disabled { opacity:0.4; cursor:not-allowed; }

/* ====== CURRENCY DROPDOWN ====== */
.lp6-currency-dd { position:relative; }
.lp6-curr-toggle {
    cursor:pointer; display:flex; align-items:center; gap:6px;
    font-size:0.78rem; font-weight:600; color:rgba(255,255,255,0.7);
    padding:4px 10px; border:1px solid rgba(255,255,255,0.15);
    border-radius:6px; transition:all 0.3s;
}
.lp6-curr-toggle:hover { border-color:var(--lp6-accent); color:#fff; }
.lp6-curr-list {
    display:none; position:absolute; top:calc(100% + 8px); right:0;
    min-width:160px; background:var(--lp6-surface);
    border:1px solid var(--lp6-border); border-radius:var(--radius-sm);
    box-shadow:var(--shadow-lg); overflow:hidden; z-index:100;
}
.lp6-currency-dd.open .lp6-curr-list { display:block; }
.lp6-curr-option {
    padding:10px 16px; font-size:0.85rem; cursor:pointer;
    transition:all 0.2s; color:var(--lp6-text);
}
.lp6-curr-option:hover { background:var(--lp6-accent-soft); color:var(--lp6-accent); }

/* ====== ANIMATIONS ====== */
[data-lp6] { opacity:0; transform:translateY(30px); transition:opacity 0.7s var(--ease), transform 0.7s var(--ease); }
[data-lp6].visible { opacity:1; transform:translateY(0); }
[data-lp6="slide-up"].visible { transform:translateY(0); }
[data-lp6="slide-left"] { transform:translateX(40px); }
[data-lp6="slide-left"].visible { opacity:1; transform:translateX(0); }

/* ====== SHOP ARCHIVE ====== */
.lp6-shop-header { padding-bottom:40px; }
.lp6-shop-header h1 { font-family:var(--font-head); font-size:clamp(2rem,4vw,3rem); }
.lp6-shop-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:32px; flex-wrap:wrap; }
.lp6-shop-count { font-size:0.9rem; color:var(--lp6-muted); }
.lp6-shop-sort select { background:var(--lp6-surface); color:var(--lp6-heading); border:1px solid var(--lp6-border); border-radius:8px; padding:8px 16px; font-size:0.85rem; }
.lp6-shop-layout { display:grid; grid-template-columns:260px 1fr; gap:32px; }
.lp6-shop-sidebar { background:var(--lp6-surface); border:1px solid var(--lp6-border); border-radius:var(--radius); padding:24px; position:sticky; top:calc(var(--nav-h)+var(--topbar-h)+16px); max-height:calc(100vh - var(--nav-h) - var(--topbar-h) - 32px); overflow-y:auto; align-self:start; box-shadow:var(--shadow-sm); }
.lp6-filter-group { margin-bottom:24px; }
.lp6-filter-group h4 { font-family:var(--font-head); font-size:0.85rem; font-weight:600; color:var(--lp6-heading); margin-bottom:12px; text-transform:uppercase; letter-spacing:1px; }
.lp6-filt-btn { display:inline-block; padding:6px 14px; margin:3px; font-size:0.78rem; font-weight:600; color:var(--lp6-text); background:var(--lp6-bg); border:1px solid var(--lp6-border); border-radius:50px; cursor:pointer; transition:all 0.3s; }
.lp6-filt-btn:hover, .lp6-filt-btn.active { color:#fff; background:var(--lp6-grad); border-color:transparent; }
.lp6-pagination { margin-top:48px; text-align:center; }
.lp6-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; margin:0 4px; background:var(--lp6-surface); border:1px solid var(--lp6-border); border-radius:10px; font-size:0.9rem; color:var(--lp6-text); transition:all 0.3s; }
.lp6-pagination .page-numbers.current, .lp6-pagination .page-numbers:hover { background:var(--lp6-accent); color:#fff; border-color:var(--lp6-accent); }
.lp6-no-products { text-align:center; padding:80px 0; }
.lp6-no-products h3 { font-family:var(--font-head); color:var(--lp6-heading); margin-bottom:12px; }
.lp6-no-products p { color:var(--lp6-muted); margin-bottom:24px; }
@media (max-width:900px) { .lp6-shop-layout { grid-template-columns:1fr; } .lp6-shop-sidebar { position:fixed; top:0; left:-100%; bottom:0; width:300px; z-index:9500; border-radius:0; max-height:100vh; transition:left 0.4s var(--ease); } .lp6-shop-sidebar.open { left:0; } .lp6-filter-toggle { display:flex !important; } }
@media (min-width:901px) { .lp6-filter-toggle { display:none !important; } }

/* ====== BREADCRUMBS ====== */
.lp6-breadcrumbs { padding:20px 0; border-bottom:1px solid var(--lp6-border); font-size:0.82rem; }
.lp6-breadcrumbs .lp6-wrap { display:flex; align-items:center; gap:8px; }
.lp6-breadcrumbs a { color:var(--lp6-muted); transition:color 0.3s; }
.lp6-breadcrumbs a:hover { color:var(--lp6-accent); }
.lp6-bc-current { color:var(--lp6-heading); font-weight:600; }

/* ====== SINGLE PRODUCT ====== */
.lp6-sp-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.lp6-sp-main-img { background:var(--lp6-bg); border:1px solid var(--lp6-border); border-radius:var(--radius); overflow:hidden; aspect-ratio:1; display:flex; align-items:center; justify-content:center; }
.lp6-sp-main-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.3s; }
.lp6-sp-main-img:hover img { transform:scale(1.05); }
.lp6-sp-thumbs { display:flex; gap:10px; margin-top:16px; }
.lp6-sp-thumb { width:72px; height:72px; border-radius:10px; overflow:hidden; border:2px solid var(--lp6-border); cursor:pointer; transition:border-color 0.3s; }
.lp6-sp-thumb.active, .lp6-sp-thumb:hover { border-color:var(--lp6-accent); }
.lp6-sp-thumb img { width:100%; height:100%; object-fit:cover; }
.lp6-sp-meta-top { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.lp6-sp-info h1 { font-family:var(--font-head); font-size:clamp(1.6rem,3vw,2.4rem); font-weight:700; color:var(--lp6-heading); margin-bottom:12px; line-height:1.2; }
.lp6-sp-rating { display:flex; align-items:center; gap:8px; margin-bottom:20px; }
.lp6-sp-price { display:flex; align-items:baseline; gap:12px; margin-bottom:20px; }
.lp6-sp-price strong { font-size:2rem; font-weight:800; color:var(--lp6-heading); font-family:var(--font-head); }
.lp6-sp-price s { font-size:1.1rem; color:var(--lp6-muted); }
.lp6-sp-save { padding:4px 12px; font-size:0.78rem; font-weight:700; background:#ef4444; color:#fff; border-radius:50px; }
.lp6-sp-desc { color:var(--lp6-text); margin-bottom:24px; line-height:1.7; }
.lp6-sp-specs-quick { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:28px; }
.lp6-spec-pill { background:var(--lp6-bg); border:1px solid var(--lp6-border); border-radius:var(--radius-sm); padding:12px 16px; }
.lp6-spec-label { display:block; font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--lp6-muted); margin-bottom:2px; }
.lp6-spec-val { font-size:0.95rem; font-weight:600; color:var(--lp6-heading); }
.lp6-sp-ctas { display:flex; align-items:center; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
.lp6-sp-ctas .lp6-pc-wish { position:static; width:48px; height:48px; font-size:1.3rem; border-radius:var(--radius-sm); }
.lp6-sp-trust { display:flex; gap:20px; font-size:0.82rem; color:var(--lp6-muted); margin-bottom:16px; }
.lp6-sp-asin { font-size:0.78rem; color:var(--lp6-muted); }
.lp6-sp-asin code { background:var(--lp6-bg); padding:2px 8px; border-radius:4px; }
.lp6-tabs { background:var(--lp6-surface); border:1px solid var(--lp6-border); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
.lp6-tab-nav { display:flex; border-bottom:1px solid var(--lp6-border); }
.lp6-tab-btn { flex:1; padding:16px 24px; text-align:center; font-size:0.9rem; font-weight:600; color:var(--lp6-muted); cursor:pointer; transition:all 0.3s; position:relative; }
.lp6-tab-btn.active { color:var(--lp6-accent); }
.lp6-tab-btn.active::after { content:''; position:absolute; bottom:0; left:20%; right:20%; height:2px; background:var(--lp6-grad); border-radius:2px; }
.lp6-tab-btn:hover { color:var(--lp6-heading); }
.lp6-tab-panel { display:none; padding:32px; color:var(--lp6-text); line-height:1.7; }
.lp6-tab-panel.active { display:block; }
.lp6-spec-table { width:100%; border-collapse:collapse; }
.lp6-spec-table tr { border-bottom:1px solid var(--lp6-border); }
.lp6-spec-table td { padding:14px 16px; font-size:0.92rem; }
.lp6-spec-table td:first-child { font-weight:600; color:var(--lp6-heading); width:40%; }
.lp6-rev-score { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.lp6-rev-score strong { font-size:2.5rem; font-weight:800; color:var(--lp6-heading); font-family:var(--font-head); }
@media (max-width:900px) { .lp6-sp-grid { grid-template-columns:1fr; gap:32px; } .lp6-sp-specs-quick { grid-template-columns:1fr; } }

/* ====== STANDARD PAGES ====== */
.lp6-standard-page { padding-bottom:60px; }
.lp6-page-header { text-align:center; margin-bottom:40px; }
.lp6-page-header h1 { font-family:var(--font-head); font-size:clamp(2.5rem,5vw,4rem); }
.lp6-content-area { background:var(--lp6-surface); border:1px solid var(--lp6-border); border-radius:var(--radius); padding:clamp(20px,4vw,40px); color:var(--lp6-text); line-height:1.8; font-size:1.05rem; box-shadow:var(--shadow-sm); }
.lp6-narrow-content { max-width:800px; margin:0 auto; }
.lp6-content-area h2, .lp6-content-area h3 { font-family:var(--font-head); color:var(--lp6-heading); margin:1.5em 0 0.5em; }
.lp6-content-area h2 { font-size:2rem; }
.lp6-content-area h3 { font-size:1.5rem; }
.lp6-content-area p { margin-bottom:1.2em; }
.lp6-content-area a:not(.lp6-btn) { color:var(--lp6-accent); text-decoration:underline; text-underline-offset:4px; }
.lp6-content-area a:not(.lp6-btn):hover { color:var(--lp6-heading); }
.lp6-content-area ul, .lp6-content-area ol { margin:0 0 1.2em 1.5em; }
.lp6-content-area li { margin-bottom:0.5em; }
.lp6-content-area blockquote { border-left:4px solid var(--lp6-accent); padding-left:20px; margin:1.5em 0; font-style:italic; font-size:1.2rem; color:var(--lp6-heading); }
.lp6-content-area img { max-width:100%; height:auto; border-radius:var(--radius-sm); margin:1.5em 0; }

/* Single Post */
.lp6-single-post { padding-bottom:60px; }
.lp6-post-header { text-align:center; max-width:800px; margin:0 auto 40px; }
.lp6-post-header h1 { font-family:var(--font-head); font-size:clamp(2rem,4vw,3.5rem); margin:16px 0; }
.lp6-post-meta { display:flex; justify-content:center; gap:16px; color:var(--lp6-muted); font-size:0.9rem; }
.lp6-post-hero-image { max-width:1000px; margin:0 auto 40px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-md); }
.lp6-post-hero-image img { width:100%; height:auto; display:block; }
.lp6-post-footer { margin-top:40px; padding-top:24px; border-top:1px solid var(--lp6-border); }
.lp6-share { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.lp6-share strong { color:var(--lp6-heading); }
.lp6-share a { display:inline-block; padding:8px 16px; background:var(--lp6-bg); border:1px solid var(--lp6-border); border-radius:50px; font-size:0.85rem; font-weight:600; text-decoration:none !important; color:var(--lp6-heading) !important; transition:all 0.3s; }
.lp6-share a:hover { background:var(--lp6-grad); border-color:transparent; color:#fff !important; }

/* Blog Archive */
.lp6-blog-archive { padding-bottom:60px; }
.lp6-blog-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:32px; }
.lp6-blog-card { background:var(--lp6-surface); border:1px solid var(--lp6-border); border-radius:var(--radius); overflow:hidden; transition:transform 0.4s var(--ease), box-shadow 0.4s; display:flex; flex-direction:column; box-shadow:var(--shadow-sm); }
.lp6-blog-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.lp6-bc-img { display:block; width:100%; aspect-ratio:16/9; overflow:hidden; }
.lp6-bc-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s var(--ease); }
.lp6-blog-card:hover .lp6-bc-img img { transform:scale(1.05); }
.lp6-no-img { background:var(--lp6-bg); display:flex; align-items:center; justify-content:center; }
.lp6-no-img span { font-family:var(--font-head); font-size:2rem; font-weight:800; color:var(--lp6-border); opacity:0.3; }
.lp6-bc-content { padding:24px; display:flex; flex-direction:column; flex:1; }
.lp6-bc-meta { font-size:0.82rem; color:var(--lp6-muted); margin-bottom:12px; }
.lp6-bc-content h3 { font-family:var(--font-head); font-size:1.3rem; margin-bottom:12px; line-height:1.4; }
.lp6-bc-content h3 a { color:var(--lp6-heading); transition:color 0.3s; }
.lp6-bc-content h3 a:hover { color:var(--lp6-accent); }
.lp6-bc-excerpt { color:var(--lp6-text); font-size:0.95rem; line-height:1.6; margin-bottom:20px; flex:1; }
.lp6-bc-readmore { font-size:0.9rem; font-weight:600; color:var(--lp6-accent); }

/* Author Profile */
.lp6-expert-card { background:var(--lp6-surface); border:1px solid var(--lp6-border); border-radius:var(--radius); padding:40px; display:flex; gap:40px; align-items:center; flex-wrap:wrap; box-shadow:var(--shadow-sm); }
.lp6-expert-avatar img { border-radius:50%; border:4px solid var(--lp6-bg); box-shadow:var(--shadow-md); width:150px; height:150px; }
.lp6-expert-info { flex:1; min-width:300px; }
.lp6-expert-info h1 { font-family:var(--font-head); font-size:2.5rem; margin:8px 0 16px; }
.lp6-expert-bio { color:var(--lp6-text); line-height:1.7; font-size:1.05rem; margin-bottom:20px; }
.lp6-expert-trust { display:flex; gap:20px; flex-wrap:wrap; }
.lp6-expert-trust span { display:inline-flex; align-items:center; gap:6px; background:var(--lp6-bg); padding:6px 14px; border-radius:50px; font-size:0.85rem; font-weight:600; color:var(--lp6-heading); border:1px solid var(--lp6-border); }

/* Pros/Cons */
.lp6-pros-list, .lp6-cons-list { background:var(--lp6-bg); border:1px solid var(--lp6-border); border-radius:var(--radius-sm); padding:24px 24px 24px 48px; margin:24px 0; list-style:none; position:relative; }
.lp6-pros-list::before { content:'PROS'; position:absolute; top:-12px; left:24px; background:var(--lp6-accent); color:#fff; font-weight:800; font-size:0.75rem; padding:4px 12px; border-radius:4px; letter-spacing:1px; font-family:var(--font-head); }
.lp6-cons-list::before { content:'CONS'; position:absolute; top:-12px; left:24px; background:#ef4444; color:#fff; font-weight:800; font-size:0.75rem; padding:4px 12px; border-radius:4px; letter-spacing:1px; font-family:var(--font-head); }
.lp6-pros-list li, .lp6-cons-list li { margin-bottom:12px; position:relative; color:var(--lp6-text); }
.lp6-pros-list li::before { content:'✓'; position:absolute; left:-24px; color:var(--lp6-accent); font-weight:bold; }
.lp6-cons-list li::before { content:'✕'; position:absolute; left:-24px; color:#ef4444; font-weight:bold; }
.lp6-verdict-box { background:var(--lp6-bg); border:2px solid var(--lp6-accent); border-radius:var(--radius); padding:32px; margin:40px 0; text-align:center; }
.lp6-verdict-box h3 { color:var(--lp6-heading); font-family:var(--font-head); margin-bottom:16px; }
.lp6-verdict-box p { color:var(--lp6-text); font-size:1.1rem; line-height:1.7; margin-bottom:24px; }

/* Live Search Overlay */
.lp6-search-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.97); backdrop-filter:blur(10px); z-index:9999; display:flex; justify-content:center; align-items:flex-start; padding-top:10vh; opacity:0; visibility:hidden; transition:all 0.3s; }
.lp6-search-overlay.active { opacity:1; visibility:visible; }
.lp6-so-inner { width:100%; max-width:800px; padding:20px; position:relative; }
.lp6-so-close { position:absolute; top:-40px; right:20px; background:none; border:none; color:var(--lp6-heading); font-size:2rem; cursor:pointer; opacity:0.7; transition:opacity 0.3s; }
.lp6-so-close:hover { opacity:1; }
.lp6-so-input-wrap input { width:100%; padding:20px 24px; font-size:1.5rem; border-radius:var(--radius); background:var(--lp6-surface); border:2px solid var(--lp6-border); color:var(--lp6-heading); font-family:var(--font-head); box-shadow:var(--shadow-md); }
.lp6-so-input-wrap input:focus { border-color:var(--lp6-accent); outline:none; }
.lp6-so-results { background:var(--lp6-surface); border:1px solid var(--lp6-border); border-radius:var(--radius); max-height:50vh; overflow-y:auto; display:none; box-shadow:var(--shadow-lg); margin-top:16px; }
.lp6-live-res { display:flex; align-items:center; gap:16px; padding:16px 20px; border-bottom:1px solid var(--lp6-border); text-decoration:none !important; transition:background 0.3s; }
.lp6-live-res:hover { background:var(--lp6-bg); }
.lp6-live-res img { border-radius:8px; object-fit:cover; }
.lp6-live-res strong { color:var(--lp6-heading); font-size:1.1rem; }
.lp6-live-res span { color:var(--lp6-muted); font-size:0.8rem; text-transform:uppercase; letter-spacing:1px; }
.lp6-live-res-all { display:block; text-align:center; padding:16px; background:var(--lp6-bg); color:var(--lp6-accent) !important; font-weight:600; text-decoration:none !important; }

/* Wishlist Spinner */
.lp6-spinner { width:40px; height:40px; border:4px solid var(--lp6-border); border-top-color:var(--lp6-accent); border-radius:50%; margin:0 auto; animation:lp6-spin 1s linear infinite; }
@keyframes lp6-spin { 100% { transform:rotate(360deg); } }