/* ══ BRAND & COLORS ══ */
.gold-text{color:var(--gold);}
.blue-text{color:var(--blue);}

/* ══ SVG ICON SIZING ══ */
svg[viewBox="0 0 22 22"]{width:22px;height:22px;}

/* ══ BREADCRUMB STYLING ══ */
.breadcrumb-sep{opacity:.4;}
.breadcrumb-current{color:rgba(0,0,0,.8);font-weight:700;}

/* ══ PRODUCT CARD BACKGROUND VARIANTS ══ */
.pcard-img.bg-blue-gradient{background:linear-gradient(135deg,#edf2f9,#d8e8f8);}
.pcard-img.bg-gold-gradient{background:linear-gradient(135deg,#fef3dc,#fde8b0);}
.pcard-img.bg-light-blue{background:linear-gradient(135deg,#e8eef9,#cddaf5);}
.pcard-img.bg-blue-gradient-2{background:linear-gradient(135deg,#edf2f9,#c8d8f5);}
.pcard-img.bg-gold-gradient-2{background:linear-gradient(135deg,#fef3dc,#fde0a0);}
.pcard-img.bg-purple-gradient{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);}

/* ══ PACK DISPLAY BOXES ══ */
.pack-display{display:flex;gap:8px;align-items:center;}
.pack-box{display:flex;align-items:center;justify-content:center;border-radius:14px;background:white;}
.pack-box.blue{width:76px;height:76px;box-shadow:0 4px 14px rgba(11,45,114,.1);}
.pack-box.gold{width:76px;height:76px;box-shadow:0 4px 14px rgba(232,160,32,.15);}
.pack-box.purple{width:66px;height:66px;box-shadow:0 4px 14px rgba(124,58,237,.1);}
.pack-multiplier{font-family:'Sora',sans-serif;font-size:22px;font-weight:800;}

/* ══ PRICE STYLING ══ */
.price-gold{color:var(--gold);}

/* ══ PAGE HEADER ══ */
.page-header{background:linear-gradient(135deg,#060f2e 0%,#0B2D72 60%,#0f3380 100%);padding:52px 0 0;position:relative;overflow:hidden;}
.page-header::before{content:'';position:absolute;top:-80px;right:-80px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(232,160,32,.1) 0%,transparent 60%);pointer-events:none;}
.ph-inner{position:relative;z-index:2;text-align:center;padding-bottom:48px;}
.ph-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);font-size:11px;font-weight:700;padding:6px 14px;border-radius:50px;border:1px solid rgba(255,255,255,.2);font-family:'Sora',sans-serif;letter-spacing:.4px;text-transform:uppercase;margin-bottom:14px;}
.page-header h1{font-family:'Sora',sans-serif;font-size:38px;font-weight:800;color:white;margin-bottom:12px;line-height:1.1;}
.page-header h1 em{font-style:normal;color:var(--gold);}
.page-header p{font-size:15px;color:rgba(255,255,255,.65);max-width:460px;margin:0 auto 24px;line-height:1.7;}
.ph-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.ph-stat{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:7px 16px;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);}
.ph-bottom{background:var(--gold);padding:10px 0;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(0,0,0,.6);font-weight:500;justify-content: left;}
.breadcrumb a{color:rgba(0,0,0,.6);text-decoration:none;}
.breadcrumb a:hover{color:#000;}
.breadcrumb span{color: rgb(0 0 0);}
/* ══ PRODUCT GRID ══ */
.shop-section{padding:40px 0 80px;}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

/* ══ PRODUCT CARD ══ */
.pcard{background:white;border-radius:18px;border:1.5px solid var(--border);overflow:hidden;transition:all .28s;position:relative;display:flex;flex-direction:column;}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--blue);}
.card-badges{position:absolute;top:11px;left:11px;display:flex;flex-direction:column;gap:4px;z-index:2;}
.cbadge{display:inline-flex;align-items:center;font-size:9px;font-weight:800;padding:3px 8px;border-radius:50px;letter-spacing:.2px;font-family:'Sora',sans-serif;}
.cb-sale{background:#fee2e2;color:#dc2626;}
.cb-hot{background:#fef3dc;color:var(--gold-dark);}
.cb-new{background:#dcfce7;color:var(--green);}
.cb-best{background:var(--blue-light);color:var(--blue);}
.cb-combo{background:#f3e8ff;color:#7c3aed;}
.cb-fleet{background:#e0f2fe;color:#0369a1;}
.pcard-img{padding:20px;display:flex;align-items:center;justify-content:center;min-height:160px;position:relative;}
.pcard-img-box{background:white;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(11,45,114,.11);}
.pcard-body{padding:16px 16px 18px;flex:1;display:flex;flex-direction:column;}
.pcard-cat{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;}
.pcard-name{font-family:'Sora',sans-serif;font-size:14px;font-weight:800;color:var(--text);line-height:1.3;margin-bottom:5px;}
.pcard-desc{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:10px;flex:1;}
.pcard-rating{display:flex;align-items:center;gap:4px;margin-bottom:10px;}
.pcard-stars{color:#f59e0b;font-size:11px;letter-spacing:.8px;}
.pcard-rnum{font-size:12px;font-weight:700;color:var(--text);}
.pcard-rcnt{font-size:11px;color:var(--muted);}
.pcard-price-row{display:flex;align-items:center;gap:7px;margin-bottom:8px;flex-wrap:wrap;}
.pcard-price{font-family:'Sora',sans-serif;font-size:24px;font-weight:800;color:var(--blue);}
.pcard-orig{font-size:13px;color:var(--muted);text-decoration:line-through;}
.pcard-save{background:var(--green-bg);color:var(--green);font-size:9px;font-weight:800;padding:2px 7px;border-radius:50px;font-family:'Sora',sans-serif;}
.pcard-del{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--green);font-weight:600;margin-bottom:12px;}
.padd{width:100%;padding:12px 16px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;border:none;background:var(--blue);color:white;font-family:'DM Sans',sans-serif;transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:auto;}
.padd:hover{background:var(--blue-dark);transform:translateY(-1px);}
.padd.added{background:var(--green);}
@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}
.added{animation:pop .3s ease;}

/* ══ RESPONSIVE ══ */
@media(max-width:1024px){
  .pgrid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
  .page-header{padding:42px 0 0;}
  .page-header h1{font-size:26px;}
  .page-header p{font-size:13px;}
  .ph-stats{gap:8px;}
  .ph-stat{font-size:11px;padding:5px 10px;}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .pcard-name{font-size:13px;}
  .pcard-price{font-size:20px;}
  .pcard-img{min-height:130px;padding:14px;}
  .pcard-img-box{width:80px;height:80px;border-radius:14px;}
}
@media(max-width:460px){
  .pgrid{grid-template-columns:1fr 1fr;gap:10px;}
  .pcard-body{padding:12px 12px 14px;}
  .pcard-desc{display:none;}
  .pcard-price{font-size:18px;}
  .pcard-orig{font-size:11px;}
  .padd{padding:10px 12px;font-size:12px;}
  .page-header h1{font-size:22px;}
}