/* =============================================
PEHRAWA LUXURY FEATURES CSS
Daily Drop, Recently Viewed, Scratch Card,
Gallery, Vault, Coming Soon, Rewards, Smart Search
============================================= */

/* ===========================
DAILY DROP
=========================== */
.daily-drop{display:none;padding:60px 0 0;background:linear-gradient(180deg,#050505,#0a0a0a);border-top:1px solid #121212;}
.dd-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:4px;color:#fff;font-weight:700;margin-bottom:30px;padding:8px 16px;background:rgba(255,255,255,0.05);border:1px solid #333;border-radius:30px;}
.dd-label i{font-size:12px;}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.dd-image{position:relative;border-radius:16px;overflow:hidden;background:#0a0a0a;border:1px solid #1a1a1a;}
.dd-image img{width:100%;height:480px;object-fit:cover;transition:transform .6s;}
.dd-image:hover img{transform:scale(1.03);}
.dd-badge{position:absolute;top:16px;left:16px;background:#ff3f3f;color:#fff;font-size:13px;font-weight:800;padding:6px 14px;border-radius:4px;letter-spacing:1px;}
.dd-title{font-size:36px;font-weight:700;margin-bottom:12px;line-height:1.2;}
.dd-desc{color:#888;line-height:1.8;margin-bottom:20px;font-size:15px;}
.dd-price{font-size:32px;font-weight:800;color:#fff;margin-bottom:24px;}
.dd-orig{font-size:16px;color:#555;text-decoration:line-through;margin-left:10px;font-weight:400;}
.dd-disc{font-size:13px;color:#36b37e;margin-left:8px;font-weight:600;}
.dd-countdown{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.dd-cd-item{text-align:center;}
.dd-cd-item span{display:block;font-size:36px;font-weight:800;color:#fff;background:#111;border:1px solid #222;border-radius:8px;padding:8px 16px;min-width:64px;font-variant-numeric:tabular-nums;}
.dd-cd-item small{display:block;font-size:10px;color:#666;margin-top:4px;text-transform:uppercase;letter-spacing:1px;}
.dd-cd-sep{font-size:28px;font-weight:800;color:#444;padding-bottom:18px;}
.dd-stock{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;margin-bottom:24px;}
.dd-stock i{animation:fireFlicker 1.5s infinite;}
.dd-actions{display:flex;gap:12px;align-items:center;}
.dd-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 36px;background:#fff;color:#000;font-weight:700;font-size:14px;border-radius:4px;transition:.3s;letter-spacing:0.5px;}
.dd-buy:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,255,255,0.2);}
.dd-wishlist-btn{width:54px;height:54px;border:1px solid #333;background:transparent;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;}
.dd-wishlist-btn:hover{border-color:#ff3f3f;color:#ff3f3f;background:rgba(255,63,63,0.08);}

@keyframes fireFlicker{0%,100%{opacity:1;}50%{opacity:.6;}}

/* ===========================
RECENTLY VIEWED
=========================== */
.recently-viewed{display:none;padding:60px 0 0;}
.rv-title{font-size:18px;letter-spacing:6px;font-weight:500;text-align:center;margin-bottom:30px;}
.rv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.rv-card{background:#080808;border:1px solid #121212;border-radius:8px;overflow:hidden;transition:.3s;text-decoration:none;color:inherit;}
.rv-card:hover{transform:translateY(-4px);border-color:#333;}
.rv-img{position:relative;overflow:hidden;}
.rv-img img{width:100%;height:160px;object-fit:cover;transition:.5s;}
.rv-card:hover .rv-img img{transform:scale(1.06);}
.rv-disc{position:absolute;top:8px;left:8px;background:#ff3f3f;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;}
.rv-info{padding:10px 12px;}
.rv-info h4{font-size:12px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rv-price{font-size:14px;font-weight:700;}
.rv-orig{font-size:10px;color:#555;text-decoration:line-through;margin-left:4px;font-weight:400;}

@media(max-width:991px){.rv-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.rv-grid{grid-template-columns:repeat(2,1fr);gap:10px;}}
@media(max-width:480px){.rv-grid{grid-template-columns:repeat(2,1fr);gap:8px;}.rv-img img{height:120px;}}

/* ===========================
SMART SEARCH
=========================== */
.ss-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#0d0d0d;border:1px solid #222;border-radius:10px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 12px 40px rgba(0,0,0,.6);}
.ss-results{padding:6px;}
.ss-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:.2s;}
.ss-item:hover{background:#1a1a1a;}
.ss-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.ss-item-info{display:flex;flex-direction:column;gap:2px;}
.ss-item-name{font-size:13px;font-weight:500;color:#e0e0e0;}
.ss-item-name mark{background:#333;color:#fff;border-radius:2px;padding:0 2px;}
.ss-item-price{font-size:13px;font-weight:700;color:#fff;}
.ss-item-cat{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px;}
.ss-empty{padding:20px;text-align:center;color:#666;font-size:13px;}
.ss-view-all{display:block;padding:12px;text-align:center;color:#fff;font-size:13px;font-weight:600;border-top:1px solid #1a1a1a;transition:.2s;}
.ss-view-all:hover{background:#111;}

/* ===========================
COMING SOON
=========================== */
.coming-soon{display:none;padding:60px 0 0;}
.coming-soon-hero{text-align:center;padding:40px 0 20px;}
.cs-hero-title{font-size:36px;font-weight:800;letter-spacing:8px;margin-bottom:8px;}
.cs-hero-sub{color:#888;font-size:14px;}
.cs-title{font-size:18px;letter-spacing:6px;font-weight:500;text-align:center;margin-bottom:30px;}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cs-grid-item{background:#080808;border:1px solid #151515;border-radius:12px;overflow:hidden;transition:.3s;}
.cs-grid-item:hover{transform:translateY(-4px);border-color:#222;}
.cs-img{position:relative;height:280px;overflow:hidden;}
.cs-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.6);}
.cs-overlay-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:800;letter-spacing:6px;color:#fff;background:rgba(0,0,0,0.6);padding:10px 24px;border:1px solid rgba(255,255,255,0.3);border-radius:4px;white-space:nowrap;}
.cs-info{padding:20px;}
.cs-info h4{font-size:18px;margin-bottom:8px;}
.cs-info p{color:#888;font-size:13px;line-height:1.6;margin-bottom:16px;}
.cs-countdown{display:flex;gap:10px;margin-bottom:16px;}
.cs-cd{text-align:center;}
.cs-cd span{display:block;font-size:22px;font-weight:800;color:#fff;background:#111;border:1px solid #222;border-radius:6px;padding:6px 12px;min-width:48px;}
.cs-cd small{display:block;font-size:9px;color:#666;margin-top:3px;text-transform:uppercase;letter-spacing:1px;}
.cs-notify{display:flex;gap:8px;}
.cs-notify input{flex:1;padding:10px 14px;background:#0d0d0d;border:1px solid #222;color:#fff;border-radius:6px;font-size:13px;outline:none;}
.cs-notify input:focus{border-color:#fff;}
.cs-notify button{padding:10px 20px;background:#fff;color:#000;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:.3s;white-space:nowrap;}
.cs-notify button:hover{background:#e0e0e0;}
@media(max-width:991px){.cs-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.cs-grid{grid-template-columns:1fr;}}

/* ===========================
SCRATCH CARD
=========================== */
.sc-float{position:fixed;bottom:90px;left:24px;z-index:9998;opacity:0;transform:translateX(-120%);transition:.5s cubic-bezier(.34,1.56,.64,1);}
.sc-float.sc-show{opacity:1;transform:translateX(0);}
.sc-float-inner{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#222;color:#fff;border-radius:30px;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,0.4);animation:scPulse 2s infinite;font-size:13px;font-weight:600;white-space:nowrap;}
.sc-float-inner i{font-size:18px;}
@keyframes scPulse{0%,100%{box-shadow:0 6px 24px rgba(255,107,0,0.4);}50%{box-shadow:0 6px 36px rgba(255,107,0,0.7);}}

.sc-modal{text-align:center;position:relative;}
.sc-title{font-size:24px;margin-bottom:8px;}
.sc-surface{width:280px;height:160px;margin:20px auto;background:linear-gradient(135deg,#c0c0c0,#a0a0a0);border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:.3s;border:2px solid #888;}
.sc-surface:hover{border-color:#fff;transform:scale(1.03);}
.sc-surface-pattern{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.05) 10px,rgba(255,255,255,0.05) 20px);}
.sc-surface-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:800;color:#fff;letter-spacing:4px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.sc-scratching{animation:scratchReveal .8s forwards;}
@keyframes scratchReveal{0%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(1.1);}100%{opacity:0;transform:scale(1.2);}}
.sc-reward-icon{font-size:48px;color:#ffd700;margin:16px 0 12px;}
.sc-reward-text{font-size:24px;font-weight:800;color:#fff;margin-bottom:4px;}
.sc-reward-type{font-size:11px;color:#888;letter-spacing:3px;}
.sc-redeem-btn{margin-top:16px;padding:14px 32px;background:#fff;color:#000;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:.3s;}
.sc-redeem-btn:hover{background:#e0e0e0;}

/* ===========================
REWARDS WIDGET
=========================== */
.rewards-widget{padding:60px 0 0;}
.rw-card{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:16px;padding:30px;max-width:500px;margin:0 auto;}
.rw-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.rw-tier-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;color:#000;letter-spacing:1px;text-transform:uppercase;}
.rw-points-display{text-align:right;}
.rw-points-num{display:block;font-size:32px;font-weight:800;color:#fff;line-height:1;}
.rw-points-label{font-size:10px;color:#666;letter-spacing:2px;}
.rw-progress-wrap{margin-bottom:20px;}
.rw-progress-bar{height:4px;background:#1a1a1a;border-radius:4px;overflow:hidden;}
.rw-progress-fill{height:100%;border-radius:4px;transition:width .8s ease;}
.rw-progress-label{font-size:11px;color:#666;margin-top:6px;}
.rw-actions{margin-bottom:16px;}
.rw-redeem-btn{padding:10px 24px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:.3s;}
.rw-redeem-btn:hover{background:#fff;color:#000;}
.rw-history h4{font-size:13px;color:#888;margin-bottom:10px;letter-spacing:1px;}
.rw-history-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #111;}
.rw-h-desc{font-size:12px;color:#ccc;flex:1;}
.rw-h-pts{font-size:13px;font-weight:700;margin:0 12px;}
.rw-h-pts.positive{color:#36b37e;}
.rw-h-pts.negative{color:#ff3f3f;}
.rw-h-date{font-size:11px;color:#555;}

/* ===========================
CUSTOMER GALLERY
=========================== */
.customer-gallery{display:none;padding:60px 0 0;}
.gallery-title{font-size:18px;letter-spacing:6px;font-weight:500;text-align:center;margin-bottom:30px;}
.gallery-masonry{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.gallery-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:3/4;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,0.85));display:flex;flex-direction:column;justify-content:flex-end;padding:16px;opacity:0;transition:.3s;}
.gallery-item:hover .gallery-overlay{opacity:1;}
.gallery-customer{font-size:12px;color:#fff;font-weight:600;display:flex;align-items:center;gap:6px;}
.gallery-product{font-size:10px;color:#aaa;display:flex;align-items:center;gap:4px;margin-top:4px;}
.gallery-caption{font-size:11px;color:#888;margin-top:4px;font-style:italic;}
.gallery-cta{text-align:center;margin-top:30px;font-size:14px;color:#666;}
.gallery-cta strong{color:#fff;}
@media(max-width:991px){.gallery-masonry{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.gallery-masonry{grid-template-columns:repeat(2,1fr);gap:10px;}}
@media(max-width:480px){.gallery-masonry{grid-template-columns:repeat(2,1fr);gap:8px;}}

/* ===========================
VAULT
=========================== */
.vault-header{text-align:center;margin-bottom:24px;}
.vault-icon{width:60px;height:60px;background:linear-gradient(135deg,#ffd700,#b8860b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:#000;}
.vault-header h2{font-size:28px;letter-spacing:6px;margin-bottom:4px;}
.vault-header p{color:#888;font-size:13px;}
.vault-products{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.vault-item{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;overflow:hidden;transition:.3s;text-decoration:none;color:inherit;}
.vault-item:hover{transform:translateY(-4px);border-color:#ffd700;}
.vault-item-img{position:relative;height:200px;overflow:hidden;}
.vault-item-img img{width:100%;height:100%;object-fit:cover;}
.vault-item-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ffd700,#b8860b);color:#000;font-size:9px;font-weight:800;padding:3px 8px;border-radius:3px;letter-spacing:1px;}
.vault-item-info{padding:12px;}
.vault-item-info h4{font-size:13px;margin-bottom:6px;color:#fff;}
.vault-item-price{font-size:16px;font-weight:700;color:#ffd700;}
.vault-item-orig{font-size:11px;color:#555;text-decoration:line-through;margin-left:4px;}
.vault-item-disc{font-size:10px;color:#36b37e;margin-left:4px;}
@media(max-width:480px){.vault-products{grid-template-columns:1fr;}}

/* ===========================
OUTFIT BUILDER
=========================== */
.outfit-section{display:none;padding:60px 0 0;}
.outfit-title{font-size:18px;letter-spacing:6px;font-weight:500;text-align:center;margin-bottom:6px;}
.outfit-subtitle{text-align:center;color:#666;font-size:13px;margin-bottom:30px;}
.outfit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.outfit-card{background:#080808;border:1px solid #151515;border-radius:10px;overflow:hidden;transition:.3s;text-decoration:none;color:inherit;}
.outfit-card:hover{transform:translateY(-6px);border-color:#333;}
.outfit-img{position:relative;overflow:hidden;height:220px;}
.outfit-img img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.outfit-card:hover .outfit-img img{transform:scale(1.06);}
.outfit-label{position:absolute;top:10px;left:10px;background:#fff;color:#000;font-size:9px;font-weight:800;padding:3px 10px;border-radius:3px;letter-spacing:1px;}
.outfit-info{padding:12px;}
.outfit-info h4{font-size:13px;margin-bottom:4px;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.outfit-price{font-size:15px;font-weight:700;color:#fff;}
@media(max-width:991px){.outfit-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.outfit-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.outfit-img{height:160px;}}

/* ===========================
SIZE RECOMMENDER BUTTON
=========================== */
.size-rec-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:.3s;margin-top:10px;}
.size-rec-trigger:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25);}
.size-rec-trigger i{font-size:14px;}

/* ===========================
PREMIUM GALLERY (product page)
=========================== */
.product-detail-image.zoomable{cursor:zoom-in;}
.product-detail-image.zoomed{cursor:zoom-out;}
.product-detail-image.zoomed img{transform:scale(2.2);cursor:zoom-out;}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;z-index:5;transition:.3s;opacity:0;}
.product-detail-image:hover .gallery-nav{opacity:1;}
.gallery-nav:hover{background:rgba(255,255,255,0.15);}
.gallery-nav.prev{left:12px;}
.gallery-nav.next{right:12px;}
.gallery-dots{display:flex;justify-content:center;gap:8px;margin-top:12px;}
.gallery-dot{width:8px;height:8px;border-radius:50%;background:#333;cursor:pointer;transition:.3s;}
.gallery-dot.active{background:#fff;width:20px;border-radius:4px;}

/* ===========================
LIMITED STOCK PSYCHOLOGY
=========================== */
.p-stock-urgency{display:flex;align-items:center;gap:6px;font-size:11px;color:#ff3f3f;font-weight:600;margin-top:6px;}
.p-stock-urgency i{animation:urgencyPulse 1.5s infinite;}
@keyframes urgencyPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.6;transform:scale(1.15);}}

.p-stock-bar{height:3px;background:#1a1a1a;border-radius:3px;margin-top:8px;overflow:hidden;}
.p-stock-bar-fill{height:100%;background:linear-gradient(90deg,#ff3f3f,#ff6b00);border-radius:3px;transition:width 1s ease;}

.p-viewing{display:flex;align-items:center;gap:6px;font-size:11px;color:#ff6b00;font-weight:500;margin-top:8px;}
.p-viewing i{font-size:10px;}

.p-social-proof{display:flex;align-items:center;gap:6px;font-size:11px;color:#36b37e;margin-top:6px;}

/* ===========================
DAILY DROP RESPONSIVE
=========================== */
@media(max-width:991px){
  .dd-grid{grid-template-columns:1fr;gap:30px;}
  .dd-image img{height:360px;}
  .dd-title{font-size:28px;}
}
@media(max-width:768px){
  .dd-image img{height:280px;}
  .dd-title{font-size:24px;}
  .dd-price{font-size:26px;}
  .dd-cd-item span{font-size:28px;padding:6px 12px;min-width:52px;}
}
@media(max-width:480px){
  .dd-image img{height:220px;}
  .dd-title{font-size:20px;}
  .dd-countdown{gap:8px;}
  .dd-cd-item span{font-size:22px;padding:4px 10px;min-width:44px;}
  .dd-actions{flex-direction:column;}
  .dd-buy{width:100%;}
}

/* ===========================
WISHLIST PRICE DROP
=========================== */
.wishlist-drop-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#36b37e;color:#000;font-size:9px;font-weight:700;border-radius:3px;margin-left:6px;}

/* ===========================
CART PROGRESS BAR
=========================== */
#cartProgressSection{padding:0 0 20px;}
.cpb-bar-wrap{padding:0 4px;margin-bottom:12px;}
.cpb-bar{position:relative;height:8px;background:#1a1a1a;border-radius:4px;overflow:visible;}
.cpb-bar-fill{height:100%;background:linear-gradient(90deg,#ff6b00,#ff8c33);border-radius:4px;transition:width .6s ease;}
.cpb-marker{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2;}
.cpb-marker-dot{width:28px;height:28px;border-radius:50%;background:#1a1a1a;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-size:11px;color:#666;transition:all .3s;}
.cpb-unlocked .cpb-marker-dot{background:#22c55e;border-color:#22c55e;color:#fff;box-shadow:0 0 12px rgba(34,197,94,.4);}
.cpb-milestones{display:flex;gap:16px;justify-content:center;margin:8px 0 4px;flex-wrap:wrap;}
.cpb-milestone{display:flex;align-items:center;gap:6px;font-size:12px;color:#888;}
.cpb-milestone i{font-size:14px;color:#555;}
.cpb-milestone.cpb-unlocked{color:#22c55e;}
.cpb-milestone.cpb-unlocked i{color:#22c55e;}
.cpb-status{text-align:center;padding:10px;border-radius:8px;font-size:13px;font-weight:600;margin-top:8px;}
.cpb-encourage{background:rgba(255,107,0,.08);color:#ff8c33;border:1px solid rgba(255,107,0,.2);}
.cpb-shipping{background:rgba(34,197,94,.08);color:#22c55e;border:1px solid rgba(34,197,94,.2);}
.cpb-all{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(255,107,0,.1));color:#fff;border:1px solid rgba(255,107,0,.2);}

/* ===========================
BUNDLE BUILDER
=========================== */
.bundle-section{padding:40px 0 20px;border-top:1px solid #121212;}
.bundle-section-title{color:#fff;font-size:20px;font-weight:800;margin-bottom:4px;}
.bundle-section-subtitle{color:#666;font-size:13px;margin-bottom:20px;}
.bundle-header{margin-bottom:20px;}
.bundle-title{font-size:18px;font-weight:800;color:#ff6b00;display:flex;align-items:center;gap:8px;margin-bottom:4px;}
.bundle-subtitle{font-size:13px;color:#888;}
.bundle-grid{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;}
.bundle-item{flex:1;min-width:140px;position:relative;}
.bundle-item-img{position:relative;border-radius:10px;overflow:hidden;background:#111;border:1px solid #222;}
.bundle-item-img img{width:100%;height:160px;object-fit:cover;display:block;}
.bundle-item-badge{position:absolute;top:8px;left:8px;background:#ff6b00;color:#fff;font-size:9px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.5px;}
.bundle-item-info{padding:8px 0;}
.bundle-item-info h4{color:#fff;font-size:13px;margin:0 0 4px;line-height:1.3;}
.bundle-item-price{display:flex;align-items:center;gap:6px;}
.bundle-price-current{color:#fff;font-weight:700;font-size:14px;}
.bundle-price-original{color:#666;font-size:12px;text-decoration:line-through;}
.bundle-plus{display:flex;align-items:center;justify-content:center;color:#ff6b00;font-size:16px;padding:8px 0;flex-shrink:0;}
.bundle-summary{background:#111;border:1px solid #222;border-radius:10px;padding:20px;}
.bundle-pricing{margin-bottom:16px;}
.bundle-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#888;}
.bundle-orig-total{text-decoration:line-through;color:#666;}
.bundle-discount-row{color:#22c55e;}
.bundle-disc-amount{color:#22c55e;font-weight:600;}
.bundle-total-row{border-top:1px solid #222;padding-top:10px;margin-top:6px;font-weight:700;font-size:16px;color:#fff;}
.bundle-final-total{color:#ff6b00;font-weight:800;}
.bundle-cta{width:100%;padding:14px;background:#ff6b00;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px;}
.bundle-cta:hover{background:#e55d00;}
.bundle-savings-text{text-align:center;color:#22c55e;font-size:12px;font-weight:600;margin-top:8px;}
@media(max-width:768px){
  .bundle-grid{flex-direction:column;}
  .bundle-item-img img{height:200px;}
  .bundle-plus{transform:rotate(90deg);padding:4px 0;}
}
@media(max-width:480px){
  .cpb-milestones{flex-direction:column;align-items:center;gap:4px;}
}

/* ===========================
PEHRAWA PASSPORT
=========================== */
.pp-container{max-width:800px;margin:0 auto;padding:20px 16px 60px;}
.pp-hero{background:linear-gradient(135deg,#1a1a1a,#222);border:1px solid #333;border-radius:16px;padding:40px 24px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden;}
.pp-hero::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255,107,0,.06),transparent 60%);pointer-events:none;}
.pp-avatar{width:80px;height:80px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:36px;color:#fff;}
.pp-name{color:#fff;font-size:26px;font-weight:800;margin-bottom:8px;}
.pp-tier-badge{display:inline-flex;align-items:center;gap:6px;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.5px;}
.pp-member-since{color:#888;font-size:12px;margin-top:10px;}
.pp-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;}
.pp-stat-card{background:#111;border:1px solid #222;border-radius:12px;padding:16px 12px;text-align:center;}
.pp-stat-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px;}
.pp-stat-val{color:#fff;font-size:20px;font-weight:800;}
.pp-stat-label{color:#888;font-size:11px;margin-top:2px;}
.pp-tier-progress,.pp-badges-section,.pp-benefits-section,.pp-scratch-section{background:#111;border:1px solid #222;border-radius:12px;padding:20px;margin-bottom:16px;}
.pp-tier-progress h3,.pp-badges-section h3,.pp-benefits-section h3,.pp-scratch-section h3{color:#fff;font-size:16px;margin-bottom:16px;}
.pp-tier-progress h3 i,.pp-badges-section h3 i,.pp-benefits-section h3 i,.pp-scratch-section h3 i{color:#fff;margin-right:8px;}
.pp-tier-bar{position:relative;height:8px;background:#222;border-radius:4px;margin:20px 0 30px;}
.pp-tier-bar-fill{height:100%;border-radius:4px;transition:width .6s ease;}
.pp-tier-marker{position:absolute;top:-24px;transform:translateX(-50%);}
.pp-tier-marker-label{font-size:10px;color:#888;white-space:nowrap;}
.pp-tier-current .pp-tier-marker-label{color:#fff;font-weight:700;}
.pp-tier-next{color:#888;font-size:13px;text-align:center;}
.pp-tier-next strong{color:#fff;}
.pp-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;}
.pp-badge{border:2px solid #333;border-radius:12px;padding:16px 12px;text-align:center;transition:transform .2s;}
.pp-badge:hover{transform:translateY(-2px);}
.pp-badge-icon{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:20px;margin-bottom:8px;}
.pp-badge-name{color:#fff;font-size:13px;font-weight:700;margin-bottom:2px;}
.pp-badge-desc{color:#888;font-size:11px;}
.pp-empty{color:#666;font-size:13px;text-align:center;padding:20px 0;}
.pp-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.pp-benefit{background:#1a1a1a;border:1px solid #222;border-radius:10px;padding:14px 8px;text-align:center;opacity:.4;transition:opacity .2s;}
.pp-benefit.pp-active{opacity:1;border-color:rgba(255,107,0,.3);}
.pp-benefit i{font-size:22px;color:#555;display:block;margin-bottom:6px;}
.pp-benefit.pp-active i{color:#fff;}
.pp-benefit span{display:block;color:#fff;font-size:12px;font-weight:600;}
.pp-benefit small{display:block;color:#666;font-size:10px;margin-top:2px;}
.pp-scratch-stats{display:flex;gap:16px;flex-wrap:wrap;}
.pp-scratch-stat{background:#1a1a1a;border-radius:8px;padding:10px 16px;color:#888;font-size:13px;}
.pp-scratch-stat span{color:#fff;font-weight:700;margin-right:4px;}
.pp-scratch-stat.pp-unrevealed{border:1px solid rgba(255,107,0,.3);color:#ff8c33;}
.pp-scratch-stat.pp-unrevealed span{color:#fff;}
.pp-scratch-stat.pp-unredeemed{border:1px solid rgba(34,197,94,.3);color:#22c55e;}
.pp-scratch-stat.pp-unredeemed span{color:#22c55e;}
.pp-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;}
.pp-action-btn{background:#1a1a1a;border:1px solid #222;border-radius:10px;padding:14px;text-align:center;color:#fff;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s;}
.pp-action-btn:hover{border-color:#fff;color:#fff;}
.pp-action-btn i{display:block;font-size:20px;margin-bottom:6px;color:#fff;}

/* ===========================
REFERRAL PROGRAM
=========================== */
.pp-referral-wrap{max-width:800px;margin:0 auto;padding:0 16px 60px;}
.ref-card{background:linear-gradient(135deg,#1a1a1a,#222);border:1px solid #333;border-radius:16px;padding:28px 24px;overflow:hidden;position:relative;}
.ref-card::before{content:"";position:absolute;top:-30%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,0,.08),transparent 70%);pointer-events:none;}
.ref-header{margin-bottom:24px;}
.ref-header h3{color:#fff;font-size:20px;font-weight:800;}
.ref-header h3 i{color:#fff;margin-right:8px;}
.ref-header p{color:#888;font-size:13px;margin-top:4px;}
.ref-code-area,.ref-link-area{margin-bottom:16px;}
.ref-code-label{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.ref-code-display{display:flex;align-items:center;gap:12px;}
.ref-code{color:#fff;font-size:28px;font-weight:800;letter-spacing:3px;font-family:monospace;}
.ref-copy-btn{background:rgba(255,255,255,.08);color:#fff;border:1px solid #333;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;}
.ref-copy-btn:hover{background:rgba(255,107,0,.25);}
.ref-link-display{display:flex;gap:8px;}
.ref-link-input{flex:1;background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:10px 14px;color:#ccc;font-size:12px;font-family:monospace;outline:none;}
.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;}
.ref-stat{text-align:center;background:rgba(255,107,0,.05);border:1px solid rgba(255,107,0,.15);border-radius:10px;padding:14px 8px;}
.ref-stat-val{color:#fff;font-size:24px;font-weight:800;}
.ref-stat-label{color:#888;font-size:11px;margin-top:2px;}
.ref-share{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.ref-share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;color:#fff;}
.ref-whatsapp{background:#25d366;}
.ref-twitter{background:#1da1f2;}
.ref-more{background:#333;}
.ref-share-btn:hover{opacity:.85;}
.ref-reward-info{border-top:1px solid #333;padding-top:16px;}
.ref-reward-info h4{color:#fff;font-size:14px;margin-bottom:10px;}
.ref-reward-info ul{list-style:none;padding:0;}
.ref-reward-info li{color:#aaa;font-size:13px;padding:4px 0;}
.ref-reward-info li i{color:#22c55e;margin-right:8px;font-size:12px;}
.ref-reward-info li strong{color:#fff;}

/* ===========================
PASSPORT RESPONSIVE
=========================== */
@media(max-width:768px){
  .pp-stats-row{grid-template-columns:repeat(2,1fr);}
  .pp-benefits-grid{grid-template-columns:repeat(2,1fr);}
  .pp-actions{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .pp-hero{padding:28px 16px;}
  .pp-name{font-size:22px;}
  .ref-code{font-size:22px;}
  .ref-stats{grid-template-columns:1fr;}
  .pp-badges-grid{grid-template-columns:repeat(2,1fr);}
}

/* ===========================
TRENDING PRODUCTS
=========================== */
.trending-section{padding:50px 0 20px;}
.tr-container{max-width:1200px;margin:0 auto;padding:0 16px;}
.tr-header{margin-bottom:24px;}
.tr-title{color:#fff;font-size:22px;font-weight:800;letter-spacing:1px;}
.tr-title i{color:#fff;margin-right:8px;}
.tr-sub{color:#888;font-size:13px;margin-top:4px;}
.tr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.tr-card{background:#080808;border:1px solid #151515;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s;}
.tr-card:hover{transform:translateY(-4px);border-color:#222;}
.tr-card-img{position:relative;height:220px;overflow:hidden;}
.tr-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.tr-card:hover .tr-card-img img{transform:scale(1.05);}
.tr-rank{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;z-index:2;}
.tr-limited{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.8);color:#ffd700;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;backdrop-filter:blur(4px);z-index:2;}
.tr-disc{position:absolute;top:8px;right:8px;background:#ff3f3f;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;z-index:2;}
.tr-card-info{padding:14px;}
.tr-card-info h4{color:#fff;font-size:13px;font-weight:600;margin-bottom:6px;line-height:1.3;}
.tr-card-price{display:flex;align-items:center;gap:8px;}
.tr-price{color:#fff;font-weight:700;font-size:16px;}
.tr-orig{color:#666;font-size:12px;text-decoration:line-through;}
.tr-cat{color:#666;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:6px;}
@media(max-width:991px){.tr-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.tr-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.tr-card-img{height:180px;}}

/* ===========================
PERSONALIZED RECOMMENDATIONS
=========================== */
.personalized-section{padding:30px 0 20px;}
.rec-container{max-width:1200px;margin:0 auto;padding:0 16px;}
.rec-header{margin-bottom:24px;}
.rec-title{color:#fff;font-size:22px;font-weight:800;letter-spacing:1px;}
.rec-title i{color:#9b59b6;margin-right:8px;}
.rec-sub{color:#888;font-size:13px;margin-top:4px;}
.rec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.rec-card{background:#080808;border:1px solid #151515;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s;}
.rec-card:hover{transform:translateY(-4px);border-color:#222;}
.rec-card-img{position:relative;height:220px;overflow:hidden;}
.rec-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.rec-card:hover .rec-card-img img{transform:scale(1.05);}
.rec-limited{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.8);color:#ffd700;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;z-index:2;}
.rec-disc{position:absolute;top:8px;right:8px;background:#ff3f3f;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;z-index:2;}
.rec-new{position:absolute;top:8px;left:8px;background:#22c55e;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;z-index:2;}
.rec-card-info{padding:14px;}
.rec-card-info h4{color:#fff;font-size:13px;font-weight:600;margin-bottom:6px;line-height:1.3;}
.rec-card-price{display:flex;align-items:center;gap:8px;}
.rec-price{color:#fff;font-weight:700;font-size:16px;}
.rec-orig{color:#666;font-size:12px;text-decoration:line-through;}
@media(max-width:991px){.rec-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.rec-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.rec-card-img{height:180px;}}

/* ===========================
LIMITED EDITION BADGE
=========================== */
.p-edition{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,107,0,.15));color:#ffd700;border:1px solid rgba(255,215,0,.3);}
.p-edition i{margin-right:3px;}

/* ===========================
VAULT PAGE
=========================== */
.vault-hero{text-align:center;padding:50px 20px 30px;background:linear-gradient(135deg,#0a0a0a,#111);border-bottom:1px solid #1a1a1a;}
.vault-hero-inner{max-width:600px;margin:0 auto;}
.vault-hero-icon{width:60px;height:60px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:#fff;}
.vault-hero h1{color:#fff;font-size:32px;font-weight:800;letter-spacing:4px;margin-bottom:8px;}
.vault-hero p{color:#888;font-size:14px;}
.vault-gate{max-width:500px;margin:0 auto;padding:40px 20px;text-align:center;}
.vault-gate-icon{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.05);border:2px solid #333;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#fff;}
.vault-gate h3{color:#fff;font-size:20px;margin-bottom:10px;}
.vault-gate p{color:#888;font-size:14px;line-height:1.6;}
.vault-gate-tiers{display:flex;flex-direction:column;gap:8px;margin:20px 0;}
.vault-gate-tier{display:flex;align-items:center;gap:10px;color:#ccc;font-size:13px;}
.vgc{width:24px;height:24px;border-radius:6px;flex-shrink:0;}
.vault-gate-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
.vault-products-page{max-width:1200px;margin:0 auto;}
@media(max-width:768px){.vault-hero h1{font-size:24px;letter-spacing:2px;}}

/* ===========================
AI CHATBOT
=========================== */
.ai-chat-btn{position:fixed;bottom:96px;right:28px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff6b00,#ff8c33);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:10001;box-shadow:0 4px 20px rgba(255,107,0,.4);transition:all .3s;}
.ai-chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(255,107,0,.6);}
.ai-chat-btn.ai-chat-pulse{animation:aiPulse 2s infinite;}
@keyframes aiPulse{0%,100%{box-shadow:0 4px 20px rgba(255,107,0,.4);}50%{box-shadow:0 4px 40px rgba(255,107,0,.8);}}
.ai-chat-window{position:fixed;bottom:164px;right:28px;width:380px;max-height:560px;background:#0a0a0a;border:1px solid #222;border-radius:16px;z-index:10002;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.6);overflow:hidden;}
.ai-chat-window.ai-chat-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);}
.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#111;border-bottom:1px solid #222;}
.ai-chat-header-left{display:flex;align-items:center;gap:10px;}
.ai-chat-avatar{width:36px;height:36px;border-radius:50%;background:#ff6b00;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;}
.ai-chat-name{color:#fff;font-size:14px;font-weight:700;}
.ai-chat-status{color:#888;font-size:11px;display:flex;align-items:center;gap:4px;}
.ai-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block;}
.ai-chat-close{background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:4px;}
.ai-chat-close:hover{color:#fff;}
.ai-chat-body{flex:1;overflow-y:auto;padding:12px;max-height:320px;scroll-behavior:smooth;}
.ai-chat-body::-webkit-scrollbar{width:4px;}
.ai-chat-body::-webkit-scrollbar-thumb{background:#333;border-radius:2px;}
.ai-chat-messages{display:flex;flex-direction:column;gap:12px;}
.ai-msg{display:flex;gap:8px;max-width:90%;}
.ai-msg-bot{align-self:flex-start;}
.ai-msg-user{align-self:flex-end;flex-direction:row-reverse;}
.ai-msg-avatar{width:28px;height:28px;border-radius:50%;background:#ff6b00;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0;}
.ai-msg-bot .ai-msg-avatar{display:block;}
.ai-msg-user .ai-msg-avatar{display:none;}
.ai-msg-content{background:#151515;border:1px solid #222;border-radius:12px;padding:10px 14px;}
.ai-msg-user .ai-msg-content{background:#ff6b00;border-color:#ff6b00;color:#fff;}
.ai-msg-text{color:#ddd;font-size:13px;line-height:1.5;white-space:pre-wrap;}
.ai-msg-user .ai-msg-text{color:#fff;}
.ai-typing-dots{display:flex;gap:4px;padding:4px 0;}
.ai-typing-dots span{width:6px;height:6px;border-radius:50%;background:#666;animation:aiDot 1.4s infinite;}
.ai-typing-dots span:nth-child(2){animation-delay:.2s;}
.ai-typing-dots span:nth-child(3){animation-delay:.4s;}
@keyframes aiDot{0%,60%,100%{opacity:.3;transform:scale(.8);}30%{opacity:1;transform:scale(1);}}
.ai-chat-suggestions{display:flex;gap:6px;padding:8px 12px;flex-wrap:wrap;}
.ai-sug-btn{background:#151515;border:1px solid #333;color:#aaa;padding:6px 12px;border-radius:16px;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .2s;}
.ai-sug-btn:hover{background:#222;color:#fff;border-color:#ff6b00;}
.ai-msg-products{display:flex;gap:8px;flex-wrap:wrap;}
.ai-prod-card{background:#1a1a1a;border:1px solid #222;border-radius:8px;overflow:hidden;text-decoration:none;width:140px;transition:transform .2s;}
.ai-prod-card:hover{transform:translateY(-2px);}
.ai-prod-card img{width:100%;height:100px;object-fit:cover;}
.ai-prod-info{padding:8px;}
.ai-prod-name{display:block;color:#fff;font-size:11px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ai-prod-price{color:#ff6b00;font-size:13px;font-weight:700;}
.ai-chat-input-area{display:flex;gap:8px;padding:12px;border-top:1px solid #222;background:#111;}
.ai-chat-input{flex:1;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:10px 14px;color:#fff;font-size:13px;outline:none;font-family:Poppins,sans-serif;}
.ai-chat-input:focus{border-color:#ff6b00;}
.ai-chat-input::placeholder{color:#666;}
.ai-chat-send{width:40px;height:40px;border-radius:50%;background:#ff6b00;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0;}
.ai-chat-send:hover{background:#e55d00;}
@media(max-width:768px){
  .ai-chat-btn{bottom:80px;right:20px;width:52px;height:52px;font-size:22px;}
  .ai-chat-window{width:calc(100vw - 32px);right:16px;bottom:148px;max-height:60vh;}
}
@media(max-width:480px){
  .ai-chat-btn{bottom:72px;right:14px;width:48px;height:48px;font-size:20px;box-shadow:0 4px 16px rgba(255,107,0,.5);}
  .ai-chat-window{width:calc(100vw - 16px);right:8px;bottom:134px;max-height:65vh;border-radius:14px;}
  .ai-chat-header{padding:12px 14px;}
  .ai-chat-body{padding:10px;}
  .ai-chat-input-area{padding:10px;}
}

/* ===========================
STYLE DNA QUIZ
=========================== */
.quiz-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;}
.quiz-container{max-width:600px;width:100%;}
.quiz-start{text-align:center;background:#0a0a0a;border:1px solid #222;border-radius:16px;padding:40px 32px;}
.quiz-start-icon{width:70px;height:70px;border-radius:50%;background:#222;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px;color:#fff;}
.quiz-start h2{color:#fff;font-size:26px;font-weight:800;margin-bottom:8px;}
.quiz-start p{color:#888;font-size:14px;line-height:1.6;margin-bottom:24px;}
.quiz-start-features{display:flex;justify-content:center;gap:24px;margin-bottom:28px;flex-wrap:wrap;}
.quiz-feature{display:flex;align-items:center;gap:6px;color:#aaa;font-size:13px;}
.quiz-feature i{color:#fff;}
.quiz-start-btn{padding:14px 40px;background:linear-gradient(135deg,#ff6b00,#e55d00);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;font-family:Poppins,sans-serif;}
.quiz-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,107,0,.4);}
.quiz-progress-bar{height:4px;background:#1a1a1a;border-radius:2px;margin-bottom:8px;overflow:hidden;}
.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b00,#9b59b6);border-radius:2px;transition:width .4s ease;}
.quiz-progress-text{color:#666;font-size:12px;margin-bottom:20px;text-align:center;}
.quiz-question{background:#0a0a0a;border:1px solid #222;border-radius:16px;padding:32px;}
.quiz-question h3{color:#fff;font-size:20px;font-weight:700;text-align:center;margin-bottom:24px;line-height:1.4;}
.quiz-options{display:flex;flex-direction:column;gap:10px;}
.quiz-option{background:#111;border:1px solid #333;border-radius:10px;padding:14px 18px;text-align:left;color:#ccc;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;font-family:Poppins,sans-serif;}
.quiz-option:hover{border-color:#fff;color:#fff;background:#151515;}
.quiz-option.quiz-selected{border-color:#fff;background:rgba(255,255,255,.08);color:#fff;}
.quiz-check{color:#fff;opacity:0;transition:opacity .2s;font-size:14px;}
.quiz-option.quiz-selected .quiz-check{opacity:1;}
.quiz-nav{display:flex;justify-content:space-between;margin-top:20px;}
.quiz-prev{background:#1a1a1a;border:1px solid #333;color:#aaa;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif;}
.quiz-prev:hover{color:#fff;border-color:#555;}
.quiz-next{background:#ff6b00;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif;}
.quiz-next:hover{background:#e55d00;}
.quiz-next:disabled{opacity:.4;cursor:not-allowed;}
.quiz-loading{text-align:center;padding:60px 20px;}
.quiz-loading-spinner{width:50px;height:50px;border:3px solid #1a1a1a;border-top-color:#fff;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.quiz-loading p{color:#888;font-size:14px;}
.quiz-error{text-align:center;padding:60px 20px;color:#888;}
.quiz-error i{font-size:48px;color:#ff3f3f;margin-bottom:16px;display:block;}
.quiz-error button{margin-top:16px;padding:12px 24px;background:#ff6b00;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;}
.quiz-result{text-align:center;}
.quiz-result-hero{background:#0a0a0a;border:1px solid #222;border-radius:16px;padding:40px 32px;margin-bottom:24px;}
.quiz-result-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:30px;color:#fff;}
.quiz-result-hero h2{color:#888;font-size:14px;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;}
.quiz-result-type{font-size:32px;font-weight:800;margin-bottom:10px;}
.quiz-result-desc{color:#aaa;font-size:14px;line-height:1.6;}
.quiz-scores{background:#0a0a0a;border:1px solid #222;border-radius:16px;padding:24px;margin-bottom:24px;}
.quiz-scores h3{color:#fff;font-size:16px;margin-bottom:16px;}
.quiz-score-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.quiz-score-label{color:#aaa;font-size:12px;width:70px;text-align:right;flex-shrink:0;}
.quiz-score-bar{flex:1;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden;}
.quiz-score-fill{height:100%;border-radius:4px;transition:width .8s ease;}
.quiz-score-val{color:#fff;font-size:12px;font-weight:700;width:20px;}
.quiz-products{margin-bottom:24px;}
.quiz-products h3{color:#fff;font-size:16px;margin-bottom:16px;}
.quiz-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.quiz-prod-card{background:#0a0a0a;border:1px solid #222;border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .2s;}
.quiz-prod-card:hover{transform:translateY(-2px);}
.quiz-prod-img{position:relative;height:130px;overflow:hidden;}
.quiz-prod-img img{width:100%;height:100%;object-fit:cover;}
.quiz-prod-disc{position:absolute;top:6px;right:6px;background:#ff3f3f;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;}
.quiz-prod-info{padding:10px;}
.quiz-prod-name{display:block;color:#fff;font-size:12px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.quiz-prod-price{color:#fff;font-size:14px;font-weight:700;}
.quiz-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.quiz-action-primary{padding:14px 32px;background:#ff6b00;color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:14px;transition:all .2s;}
.quiz-action-primary:hover{background:#e55d00;}
.quiz-action-secondary{padding:14px 32px;background:#1a1a1a;border:1px solid #333;color:#ccc;text-decoration:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif;}
.quiz-action-secondary:hover{border-color:#fff;color:#fff;}
@media(max-width:768px){
  .quiz-products-grid{grid-template-columns:repeat(2,1fr);}
  .quiz-question{padding:24px 20px;}
}
@media(max-width:480px){
  .quiz-start{padding:28px 20px;}
  .quiz-start h2{font-size:22px;}
  .quiz-result-type{font-size:26px;}
}