/* ═══════════════════════════════════════════════════════════
   PONNOBD ELECTRONICS — MASTER STYLESHEET v2.0
   Brand Blue:   #1A3A8F  (from logo)
   Brand Orange: #F37021  (from logo)
   Deep Navy:    #0D1F4E
   ══════════════════════════════════════════════════════════ */

:root {
  --blue:         #1A3A8F;
  --blue-dark:    #0D1F4E;
  --blue-mid:     #1E4DB7;
  --blue-light:   #2563EB;
  --blue-10:      rgba(26,58,143,.08);
  --blue-15:      rgba(26,58,143,.15);
  --orange:       #F37021;
  --orange-dark:  #D45E10;
  --orange-light: #FFB380;
  --orange-pale:  #FFF4ED;
  --orange-10:    rgba(243,112,33,.10);
  --surface:      #F5F7FC;
  --surface2:     #E8EEFB;
  --card:         #FFFFFF;
  --text:         #0D1F4E;
  --text2:        #2D3A5A;
  --muted:        #6B7A99;
  --muted2:       #9CA8C4;
  --border:       #DDE3F0;
  --border2:      rgba(26,58,143,.10);
  --success:      #059669;
  --success-bg:   #F0FDF4;
  --warning:      #D97706;
  --warning-bg:   #FFFBEB;
  --danger:       #DC2626;
  --purple:       #6D28D9;
  --teal:         #0891B2;

  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-2xl:38px;

  --sh-xs: 0 1px 4px rgba(13,31,78,.06);
  --sh-sm: 0 4px 14px rgba(13,31,78,.08);
  --sh-md: 0 10px 32px rgba(13,31,78,.11);
  --sh-lg: 0 20px 56px rgba(13,31,78,.14);
  --sh-xl: 0 32px 80px rgba(13,31,78,.17);
  --sh-blue:   0 10px 30px rgba(26,58,143,.25);
  --sh-orange: 0 10px 28px rgba(243,112,33,.28);

  --ease: .22s ease;
  --font: 'Outfit', 'Noto Sans Bengali', sans-serif;
  --W: 1280px;
}

/* ── RESET ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: var(--font);
  background: var(--surface);
  color: var(--text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
button { font-family:var(--font); cursor:pointer; border:none; }
input, textarea, select { font-family:var(--font); }
ul, ol { list-style:none; }

.container { width: min(100% - 40px, var(--W)); margin: 0 auto; }
.section    { padding: 60px 0 0; }
.section-sm { padding: 36px 0 0; }

/* ══════════════════════ TYPOGRAPHY ══════════════════════ */
h1,h2,h3,h4,h5 { font-weight:800; line-height:1.15; letter-spacing:-.3px; }

/* ══════════════════════ BUTTONS ══════════════════════ */
.btn {
  display: inline-flex; align-items:center; justify-content:center;
  gap:7px; border:none; border-radius:var(--r-sm);
  padding:13px 22px; font-size:14.5px; font-weight:600;
  cursor:pointer; transition:all var(--ease); white-space:nowrap;
  font-family:var(--font); text-decoration:none;
}
.btn-primary   { background:var(--blue); color:#fff; box-shadow:var(--sh-blue); }
.btn-primary:hover { background:var(--blue-dark); transform:translateY(-1px); box-shadow:0 14px 34px rgba(26,58,143,.32); }
.btn-orange    { background:linear-gradient(135deg,var(--orange),#F5840A); color:#fff; font-weight:700; box-shadow:var(--sh-orange); }
.btn-orange:hover { transform:translateY(-1px); box-shadow:0 14px 34px rgba(243,112,33,.35); }
.btn-outline   { background:#fff; color:var(--blue); border:1.5px solid var(--border); box-shadow:var(--sh-xs); }
.btn-outline:hover { border-color:var(--blue); background:var(--blue-10); }
.btn-ghost     { background:rgba(255,255,255,.12); color:#fff; border:1.5px solid rgba(255,255,255,.22); }
.btn-ghost:hover { background:rgba(255,255,255,.2); }
.btn-success   { background:var(--success); color:#fff; }
.btn-sm  { padding:9px 16px; font-size:13px; border-radius:8px; }
.btn-xs  { padding:7px 12px; font-size:12px; border-radius:7px; }
.btn-lg  { padding:16px 28px; font-size:16px; }
.btn-block { width:100%; }

/* ══════════════════════ TOPBAR ══════════════════════ */
.pnb-topbar {
  background:var(--blue-dark);
  color:rgba(255,255,255,.7);
  font-size:12.5px;
  letter-spacing:.01em;
}
.pnb-topbar-inner {
  display:flex; justify-content:space-between; align-items:center;
  padding:8px 0; gap:12px; flex-wrap:wrap;
}
.pnb-topbar-left, .pnb-topbar-right { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.pnb-topbar span { display:flex; align-items:center; gap:6px; }
.pnb-topbar-pill {
  background:var(--orange); color:#fff;
  padding:2px 12px; border-radius:999px;
  font-weight:700; font-size:11px; letter-spacing:.04em;
}

/* ══════════════════════ NAVBAR ══════════════════════ */
.pnb-navbar {
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  position:sticky; top:0; z-index:200;
  box-shadow:var(--sh-xs);
  transition:box-shadow var(--ease);
}
.pnb-navbar.scrolled { box-shadow:var(--sh-sm); }
.pnb-nav-inner {
  display:flex; align-items:center;
  justify-content:space-between; gap:20px; padding:12px 0;
}
.pnb-logo {
  display:flex; align-items:center; gap:0; flex-shrink:0;
}
.pnb-logo img { height:52px; width:auto; display:block; }

.pnb-nav-links { display:flex; align-items:center; gap:2px; }
.pnb-nav-links a {
  font-size:15px; font-weight:600; color:var(--text2);
  padding:9px 16px; border-radius:9px; transition:all var(--ease); white-space:nowrap;
  letter-spacing:.01em;
}
.pnb-nav-links a:hover { color:var(--blue); background:var(--blue-10); transform:translateY(-1px); }
.pnb-nav-links a.current-menu-item,
.pnb-nav-links a.active { color:var(--blue); font-weight:800; background:var(--blue-10); box-shadow:inset 0 -2px 0 var(--blue); }

/* ── Navbar Search ── */
.pnb-nav-search {
  display:flex; align-items:center; gap:8px;
  background:var(--surface); border:1.5px solid var(--border);
  padding:7px 9px; border-radius:10px; min-width:230px;
  transition:all var(--ease); position:relative;
}
.pnb-nav-search:focus-within {
  border-color:var(--blue); background:#fff;
  box-shadow:0 0 0 3px rgba(26,58,143,.08);
}
.pnb-nav-search input {
  border:none; outline:none; background:transparent;
  font-size:13px; width:100%; color:var(--text);
}
.pnb-nav-search input::placeholder { color:var(--muted2); }
.pnb-nav-search-btn {
  width:30px; height:30px; background:var(--blue); color:#fff;
  border-radius:7px; font-size:13px; display:grid; place-items:center;
  flex-shrink:0; transition:background var(--ease);
}
.pnb-nav-search-btn:hover { background:var(--blue-dark); }

/* Search dropdown */
.pnb-search-dropdown {
  position:absolute; top:calc(100% + 6px); left:0; right:0;
  background:#fff; border:1.5px solid var(--border); border-radius:var(--r-md);
  box-shadow:var(--sh-lg); z-index:600; max-height:380px; overflow-y:auto;
  display:none;
}
.pnb-search-dropdown.open { display:block; }
.pnb-sr-item {
  display:flex; align-items:center; gap:11px;
  padding:11px 15px; border-bottom:1px solid var(--border);
  cursor:pointer; transition:background var(--ease); text-decoration:none; color:inherit;
}
.pnb-sr-item:last-child { border-bottom:none; }
.pnb-sr-item:hover { background:var(--surface); }
.pnb-sr-thumb { width:44px; height:44px; border-radius:8px; background:var(--surface); object-fit:cover; flex-shrink:0; }
.pnb-sr-name  { font-size:13px; font-weight:600; color:var(--text); }
.pnb-sr-price { font-size:12px; color:var(--orange); font-weight:700; margin-top:2px; }
.pnb-sr-empty { padding:18px; text-align:center; color:var(--muted); font-size:13px; }

/* ══════════════════════ HERO ══════════════════════ */
.pnb-hero {
  background:var(--blue-dark);
  min-height:600px;
  position:relative; overflow:hidden;
  display:flex; flex-direction:column;
}
.pnb-hero-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 65% 70% at 80% 20%, rgba(26,58,143,.55) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 10% 90%, rgba(243,112,33,.15) 0%, transparent 55%),
    radial-gradient(ellipse 30% 40% at 95% 80%, rgba(30,77,183,.3) 0%, transparent 50%);
  animation:heroBgAnim 9s ease-in-out infinite alternate;
}
@keyframes heroBgAnim { 0%{opacity:.85;} 100%{opacity:1;} }
.pnb-hero-dots {
  position:absolute; inset:0;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:28px 28px; pointer-events:none;
}
.pnb-hero-glow {
  position:absolute; top:-80px; right:8%;
  width:420px; height:420px; border-radius:50%;
  background:radial-gradient(circle, rgba(243,112,33,.2) 0%, transparent 70%);
  filter:blur(50px);
  animation:glowAnim 7s ease-in-out infinite;
}
@keyframes glowAnim { 0%,100%{transform:scale(1);opacity:.8;} 50%{transform:scale(1.1);opacity:1;} }

.pnb-hero-main {
  position:relative; z-index:4; flex:1;
  display:flex; align-items:center;
  padding:52px 0 120px;
}
.pnb-hero-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;
}

/* Hero Left */
.pnb-hero-eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(243,112,33,.18); border:1px solid rgba(243,112,33,.3);
  color:var(--orange-light); padding:7px 16px; border-radius:999px;
  font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  margin-bottom:20px;
}
.pnb-hero-dot {
  width:6px; height:6px; border-radius:50%;
  background:var(--orange); animation:dotBlink 2s ease-in-out infinite;
}
@keyframes dotBlink { 0%,100%{opacity:1;} 50%{opacity:.2;} }

.pnb-hero-left h1 {
  font-size:clamp(28px,3.8vw,52px);
  font-weight:900; color:#fff;
  line-height:1.06; letter-spacing:-1.2px; margin-bottom:14px;
}
.pnb-hero-left h1 .h-orange { color:var(--orange-light); }
.pnb-hero-left h1 .h-dim {
  display:block; font-weight:300; font-size:.44em;
  letter-spacing:.05em; color:rgba(255,255,255,.38); margin-top:9px;
  text-transform:uppercase;
}
.pnb-hero-sub {
  font-size:15px; color:rgba(255,255,255,.62); line-height:1.75;
  max-width:480px; margin-bottom:28px; font-weight:300;
}

/* Hero Search Box */
.pnb-hero-search-wrap { position:relative; margin-bottom:24px; z-index:10; }
.pnb-hero-search-box {
  display:flex; align-items:center;
  background:#fff; border-radius:14px; padding:6px 6px 6px 18px; gap:8px;
  box-shadow:0 20px 50px rgba(13,31,78,.3);
}
.pnb-hero-search-box input {
  flex:1; border:none; outline:none;
  font-size:15px; color:var(--text); background:transparent;
}
.pnb-hero-search-box input::placeholder { color:var(--muted2); }
.pnb-hero-search-go {
  background:var(--orange); color:#fff; border:none;
  border-radius:10px; padding:12px 20px;
  font-size:14px; font-weight:700; cursor:pointer;
  transition:all var(--ease); white-space:nowrap;
}
.pnb-hero-search-go:hover { background:var(--orange-dark); }
.pnb-hero-results {
  position:absolute; top:calc(100% + 8px); left:0; right:0;
  background:#fff; border:1.5px solid var(--border); border-radius:var(--r-md);
  box-shadow:var(--sh-xl); z-index:9999; max-height:380px; overflow-y:auto; display:none;
}
.pnb-hero-results.open { display:block; }

.pnb-search-tags {
  display:flex; gap:7px; flex-wrap:wrap; margin-top:10px;
}
.pnb-search-tag {
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.82); padding:5px 14px; border-radius:999px;
  font-size:12px; font-weight:500; cursor:pointer; transition:all var(--ease);
}
.pnb-search-tag:hover { background:rgba(255,255,255,.18); color:#fff; }
.pnb-hero-cta { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }

/* Hero Slider (Right) */
.pnb-hero-slider {
  position:relative; border-radius:24px; overflow:hidden;
  box-shadow:0 30px 70px rgba(13,31,78,.45);
}
.pnb-slider-track {
  display:flex; transition:transform .55s cubic-bezier(.42,0,.58,1);
}
.pnb-slide {
  min-width:100%; height:390px; position:relative; overflow:hidden;
  background: linear-gradient(135deg, var(--blue-dark), var(--blue-mid));
}
.pnb-slide img {
  width:100%; height:100%; object-fit:cover;
  transition:transform 6s ease;
  background: var(--bg2);
}
.pnb-slide.active img { transform:scale(1.06); }
.pnb-slide-overlay {
  position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 35%, rgba(13,31,78,.88) 100%);
}
.pnb-slide-caption {
  position:absolute; bottom:0; left:0; right:0;
  padding:22px 24px; color:#fff; z-index:2;
}
.pnb-slide-tag {
  display:inline-block; background:var(--orange);
  padding:4px 12px; border-radius:999px;
  font-size:11px; font-weight:700; margin-bottom:8px; letter-spacing:.04em;
}
.pnb-slide-caption h3 { font-size:20px; font-weight:800; margin-bottom:4px; }
.pnb-slide-caption p  { font-size:13px; color:rgba(255,255,255,.72); }

.pnb-slider-btn {
  position:absolute; top:50%; transform:translateY(-50%); z-index:10;
  width:40px; height:40px;
  background:rgba(255,255,255,.15); backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.25); color:#fff; border-radius:50%;
  display:grid; place-items:center; cursor:pointer;
  font-size:16px; font-weight:700; transition:all var(--ease);
}
.pnb-slider-btn:hover { background:rgba(255,255,255,.28); }
.pnb-slider-btn.prev { left:12px; }
.pnb-slider-btn.next { right:12px; }
.pnb-slider-dots {
  position:absolute; bottom:14px; left:50%; transform:translateX(-50%);
  display:flex; gap:6px; z-index:10;
}
.pnb-slider-dot {
  width:7px; height:7px; border-radius:50%;
  background:rgba(255,255,255,.4); cursor:pointer; transition:all var(--ease);
}
.pnb-slider-dot.active { background:#fff; width:22px; border-radius:4px; }

/* ══════════════════════ STATS BAR ══════════════════════ */
.pnb-stats-bar {
  position: relative;
  z-index: 3;
  /* Background set by variation classes below */
}
/* Default background if no variation class */
.pnb-stats-bar:not([class*="pnb-stats-"]) {
  background: linear-gradient(135deg, var(--blue-dark), var(--blue-mid));
  border-bottom: 3px solid var(--orange);
}
.pnb-stats-inner { display:flex; }
.pnb-stat-cell {
  flex:1; padding:22px 24px;
  border-right:1px solid rgba(255,255,255,.12);
  color:#fff; text-align:center;
  transition: all .2s;
}
.pnb-stat-cell:hover {
  background: rgba(255,255,255,.05);
}
.pnb-stat-cell:last-child { border-right:none; }
.pnb-stat-icon {
  font-size: 28px;
  display: block;
  margin-bottom: 6px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.1));
}
.pnb-stat-num {
  font-size:30px; font-weight:900; color:var(--orange-light);
  letter-spacing:-.5px; line-height:1; display:block;
  text-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.pnb-stat-lbl {
  font-size:12px; color:rgba(255,255,255,.65);
  margin-top:5px; display:block; font-weight: 600;
  letter-spacing: 0.02em;
}

/* ══════════════════════ SECTION HEADINGS ══════════════════════ */
.pnb-sec-head {
  display:flex; justify-content:space-between; align-items:flex-end;
  margin-bottom:24px; gap:16px;
}
.pnb-kicker {
  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--orange); margin-bottom:5px; display:flex; align-items:center; gap:8px;
}
.pnb-kicker::before {
  content:''; width:18px; height:2px; background:var(--blue); border-radius:2px;
}
.pnb-sec-title {
  font-size:clamp(19px,2.4vw,28px); font-weight:800;
  color:var(--blue-dark); letter-spacing:-.4px; line-height:1.15;
}
.pnb-sec-sub { color:var(--muted); font-size:13.5px; margin-top:3px; }

.pnb-arrows { display:flex; gap:6px; }
.pnb-arrow {
  width:36px; height:36px; border:1.5px solid var(--border); border-radius:50%;
  background:#fff; color:var(--text); font-size:15px; font-weight:700;
  display:grid; place-items:center; cursor:pointer; transition:all var(--ease);
  box-shadow:var(--sh-xs);
}
.pnb-arrow:hover { border-color:var(--blue); color:var(--blue); background:var(--blue-10); }

/* ══════════════════════ CATEGORY GRID ══════════════════════ */
.pnb-cat-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.pnb-cat-card {
  background:#fff; border:1.5px solid var(--border); border-radius:var(--r-lg);
  padding:20px 12px 16px; text-align:center; cursor:pointer;
  transition:all var(--ease); position:relative; overflow:hidden;
}
.pnb-cat-card::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--blue),var(--orange));
  transform:scaleX(0); transition:transform var(--ease);
}
.pnb-cat-card:hover { transform:translateY(-5px); border-color:var(--blue-15); box-shadow:var(--sh-md); }
.pnb-cat-card:hover::after { transform:scaleX(1); }
.pnb-cat-ico {
  width:52px; height:52px; margin:0 auto 10px; border-radius:14px;
  background:linear-gradient(140deg,var(--surface2),#dce4ff);
  display:grid; place-items:center; font-size:20px; transition:transform var(--ease);
}
.pnb-cat-card:hover .pnb-cat-ico { transform:scale(1.1) rotate(-4deg); }
.pnb-cat-card h4 { font-size:13.5px; font-weight:700; color:var(--blue-dark); margin-bottom:2px; }
.pnb-cat-card span { font-size:11.5px; color:var(--muted); }

/* ══════════════════════ PRODUCT CARDS ══════════════════════ */
.pnb-prod-grid  { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pnb-prod-track { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }

.pnb-prod-card {
  background:#fff; border-radius:var(--r-lg); border:1.5px solid var(--border);
  overflow:hidden; position:relative; transition:all var(--ease); box-shadow:var(--sh-xs);
}
.pnb-prod-card:hover {
  transform:translateY(-7px); border-color:var(--blue-15); box-shadow:var(--sh-lg);
}
.pnb-prod-img {
  height:200px; background:linear-gradient(160deg,#F4F7FF 0%,#E8EDFB 100%);
  display:grid; place-items:center; padding:12px;
  margin:10px 10px 0; border-radius:14px; overflow:hidden;
}
.pnb-prod-img img {
  width:100%; height:100%; object-fit:cover; border-radius:10px;
  transition:transform .38s ease;
}
.pnb-prod-card:hover .pnb-prod-img img { transform:scale(1.06); }

.pnb-wish {
  position:absolute; top:18px; right:18px; z-index:4;
  width:32px; height:32px; background:#fff; border-radius:50%;
  display:grid; place-items:center; font-size:14px;
  border:1.5px solid var(--border); cursor:pointer;
  transition:all var(--ease); color:var(--muted);
}
.pnb-wish:hover { color:#E53E3E; border-color:rgba(229,62,62,.3); transform:scale(1.1); }
.pnb-wish.loved { color:#E53E3E; border-color:rgba(229,62,62,.3); }

.pnb-prod-body { padding:13px 15px 16px; }

/* ── Tags ── */
.pnb-tag {
  display:inline-block; padding:4px 10px; border-radius:999px;
  font-size:10.5px; font-weight:700; margin-bottom:8px;
  letter-spacing:.04em; text-transform:uppercase;
}
.t-best    { background:#FEF9EE; color:#92650A;  border:1px solid #F5D878; }
.t-premium { background:#EEF2FF; color:#3730A3;  border:1px solid #C7D2FE; }
.t-hot     { background:#FEF2F2; color:#991B1B;  border:1px solid #FECACA; }
.t-popular { background:#F0FDF4; color:#14532D;  border:1px solid #BBF7D0; }
.t-google  { background:#EFF6FF; color:#1E40AF;  border:1px solid #BFDBFE; }
.t-qled    { background:#F5F3FF; color:#4C1D95;  border:1px solid #DDD6FE; }
.t-fan     { background:#ECFEFF; color:#164E63;  border:1px solid #A5F3FC; }
.t-ac      { background:#F0FDF4; color:#064E3B;  border:1px solid #A7F3D0; }
.t-stand   { background:#F9FAFB; color:#374151;  border:1px solid #D1D5DB; }
.t-new     { background:var(--orange-10); color:var(--orange-dark); border:1px solid rgba(243,112,33,.25); }
.t-sale    { background:#FEF2F2; color:#991B1B;  border:1px solid #FECACA; }

.pnb-prod-title {
  font-size:15.5px; font-weight:700; color:var(--blue-dark);
  margin-bottom:5px; line-height:1.3; min-height:42px;
}
.pnb-prod-meta  { color:var(--muted); font-size:12px; margin-bottom:10px; min-height:34px; }
.pnb-price-row  { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:11px; }
.pnb-price      { font-size:16px; font-weight:800; color:var(--blue-dark); letter-spacing:-.3px; }
.pnb-price .woocommerce-Price-amount { font-size:16px; }
.pnb-price ins   { font-size:16px; text-decoration:none; }
.pnb-price del   { font-size:12px; color:var(--muted); opacity:.6; }
.pnb-price-old  { font-size:14px; color:var(--muted); text-decoration:line-through; }
.pnb-stock      { font-size:10.5px; font-weight:700; padding:4px 9px; border-radius:999px; white-space:nowrap; }
.s-in  { background:var(--success-bg); color:#15803D; border:1px solid #BBF7D0; }
.s-lim { background:var(--warning-bg); color:#B45309; border:1px solid #FDE68A; }
.s-pre { background:#F5F3FF; color:#6D28D9; border:1px solid #DDD6FE; }
.s-out { background:#FEF2F2; color:#991B1B; border:1px solid #FECACA; }
.pnb-prod-actions { display:flex; gap:7px; }
.pnb-prod-actions .btn { flex:1; padding:10px 10px; font-size:13px; border-radius:9px; }

/* ══════════════════════ PROMO BANNERS ══════════════════════ */
.pnb-promo-wrap { display:grid; grid-template-columns:1.25fr .75fr; gap:16px; }
.pnb-promo {
  border-radius:var(--r-xl); padding:36px 38px; color:#fff;
  position:relative; overflow:hidden;
  min-height:220px; display:flex; flex-direction:column; justify-content:center;
}
.pnb-promo::before {
  content:''; position:absolute; top:-50px; right:-50px;
  width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.05);
}
.pnb-promo::after {
  content:''; position:absolute; bottom:-70px; left:-30px;
  width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.03);
}
.promo-blue   { background:linear-gradient(140deg,var(--blue-dark) 0%,var(--blue-mid) 100%); }
.promo-orange { background:linear-gradient(140deg,#C9580C 0%,var(--orange) 100%); }
.pnb-promo-kicker {
  font-size:10px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:rgba(255,255,255,.55);
  margin-bottom:9px; position:relative; z-index:2;
}
.pnb-promo h3 {
  font-size:25px; font-weight:800; line-height:1.18; margin-bottom:7px;
  position:relative; z-index:2; letter-spacing:-.3px;
}
.pnb-promo p {
  font-size:13.5px; color:rgba(255,255,255,.72); margin-bottom:18px;
  position:relative; z-index:2; font-weight:300;
}
.pnb-promo .btn { position:relative; z-index:2; align-self:flex-start; }

/* ══════════════════════ TRUST CARDS ══════════════════════ */
.pnb-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.pnb-trust-card {
  background:#fff; border:1.5px solid var(--border); border-radius:var(--r-md);
  padding:22px 18px; transition:all var(--ease);
}
.pnb-trust-card:hover { transform:translateY(-4px); border-color:var(--blue-15); box-shadow:var(--sh-md); }
.pnb-trust-ico {
  width:42px; height:42px; border-radius:11px;
  background:linear-gradient(140deg,var(--surface2),#dce4ff);
  display:grid; place-items:center; font-size:17px; margin-bottom:11px;
}
.pnb-trust-card h4 { font-size:14.5px; font-weight:700; color:var(--blue-dark); margin-bottom:5px; }
.pnb-trust-card p  { color:var(--muted); font-size:12.5px; line-height:1.55; }

/* ══════════════════════ FAN + AC DUAL SECTION ══════════════════════ */
.pnb-dual-section { display:grid; grid-template-columns:1fr 1.4fr; gap:22px; align-items:start; }
.pnb-mini-sec-head { margin-bottom:14px; }

/* ══════════════════════ TV STAND HORIZONTAL ══════════════════════ */
.pnb-stand-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pnb-stand-card {
  background:#fff; border:1.5px solid var(--border); border-radius:var(--r-lg);
  display:grid; grid-template-columns:180px 1fr; overflow:hidden;
  box-shadow:var(--sh-xs); transition:all var(--ease);
}
.pnb-stand-card:hover { transform:translateY(-5px); box-shadow:var(--sh-lg); border-color:var(--blue-15); }
.pnb-stand-img { background:linear-gradient(160deg,#F4F7FF,#E8EDFB); overflow:hidden; }
.pnb-stand-img img { width:100%; height:100%; object-fit:cover; transition:transform .38s; }
.pnb-stand-card:hover .pnb-stand-img img { transform:scale(1.05); }
.pnb-stand-body { padding:18px 20px; display:flex; flex-direction:column; justify-content:center; }

/* ══════════════════════ SEO DARK BLOCK ══════════════════════ */
.pnb-seo-dark {
  background:linear-gradient(145deg,var(--blue-dark) 0%,#122580 100%);
  border-radius:var(--r-xl); padding:48px; color:#fff; position:relative; overflow:hidden;
}
.pnb-seo-dark::before {
  content:''; position:absolute; top:-90px; right:-90px;
  width:380px; height:380px; border-radius:50%;
  background:radial-gradient(circle,rgba(26,58,143,.4) 0%,transparent 70%); filter:blur(36px);
}
.pnb-seo-grid { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; position:relative; z-index:2; }
.pnb-seo-dark h3 { font-size:28px; font-weight:800; line-height:1.18; margin-bottom:13px; letter-spacing:-.3px; }
.pnb-seo-dark h3 em { color:var(--orange-light); font-style:normal; }
.pnb-seo-dark p    { color:rgba(255,255,255,.62); font-size:14px; line-height:1.7; margin-bottom:11px; font-weight:300; }
.pnb-seo-pills     { display:grid; gap:8px; }
.pnb-seo-pill {
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.09);
  padding:12px 15px; border-radius:10px; font-size:13px; font-weight:500;
  color:rgba(255,255,255,.82); display:flex; align-items:center; gap:9px;
  cursor:pointer; transition:all var(--ease);
}
.pnb-seo-pill .arr { color:var(--orange-light); font-weight:700; }
.pnb-seo-pill:hover { background:rgba(26,58,143,.3); border-color:rgba(26,58,143,.45); }

/* ══════════════════════ DELIVERY ══════════════════════ */
.pnb-delivery {
  background:linear-gradient(135deg,var(--blue-mid) 0%,var(--blue-dark) 100%);
  border-radius:var(--r-xl); padding:28px 36px;
  display:grid; grid-template-columns:1fr 1fr; gap:22px;
  color:#fff; box-shadow:var(--sh-blue); position:relative; overflow:hidden;
}
.pnb-delivery::before {
  content:''; position:absolute; top:-50px; right:-50px;
  width:240px; height:240px; border-radius:50%; background:rgba(255,255,255,.03);
}
.pnb-del-item h4 { font-size:16px; font-weight:700; margin-bottom:5px; }
.pnb-del-item p  { color:rgba(255,255,255,.62); font-size:13px; line-height:1.6; font-weight:300; }

/* ══════════════════════ BLOG ══════════════════════ */
.pnb-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.pnb-blog-card {
  background:#fff; border-radius:var(--r-lg); overflow:hidden;
  border:1.5px solid var(--border); transition:all var(--ease);
}
.pnb-blog-card:hover { transform:translateY(-5px); border-color:var(--blue-15); box-shadow:var(--sh-lg); }
.pnb-blog-thumb { height:160px; display:flex; align-items:flex-end; padding:16px; position:relative; overflow:hidden; }
.bt-1 { background:linear-gradient(145deg,var(--blue-dark),var(--blue-mid)); }
.bt-2 { background:linear-gradient(145deg,#0F3460,#1A56DB); }
.bt-3 { background:linear-gradient(145deg,#78350F,var(--orange)); }
.pnb-blog-lbl { background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); padding:5px 11px; border-radius:999px; font-size:11.5px; font-weight:600; color:#fff; backdrop-filter:blur(8px); }
.pnb-blog-body { padding:18px 17px 20px; }
.pnb-blog-meta { font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); margin-bottom:6px; }
.pnb-blog-body h4 { font-size:17px; font-weight:700; color:var(--blue-dark); margin-bottom:6px; line-height:1.3; }
.pnb-blog-body p  { color:var(--muted); font-size:12.5px; margin-bottom:13px; line-height:1.6; }

/* ══════════════════════ STAFF CARDS ══════════════════════ */
.pnb-staff-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.pnb-staff-card {
  background:#fff; border-radius:var(--r-lg); border:1.5px solid var(--border);
  padding:22px; text-align:center; transition:all var(--ease); box-shadow:var(--sh-xs);
}
.pnb-staff-card:hover { transform:translateY(-6px); border-color:var(--blue-15); box-shadow:var(--sh-lg); }
.pnb-staff-av {
  width:76px; height:76px; margin:0 auto 13px; border-radius:50%;
  border:3px solid var(--border); overflow:hidden; position:relative;
}
.pnb-staff-av img { width:100%; height:100%; object-fit:cover; }
.pnb-status-dot {
  position:absolute; bottom:3px; right:3px;
  width:12px; height:12px; border-radius:50%; border:2px solid #fff;
}
.s-online  { background:var(--success); }
.s-busy    { background:var(--warning); }
.s-offline { background:var(--muted); }
.pnb-staff-name { font-size:16px; font-weight:700; color:var(--blue-dark); margin-bottom:3px; }
.pnb-staff-role { font-size:12.5px; color:var(--muted); margin-bottom:8px; }
.pnb-staff-branch {
  font-size:11px; font-weight:700; padding:4px 11px; border-radius:999px;
  background:var(--blue-10); color:var(--blue); display:inline-block; margin-bottom:13px;
}
.pnb-staff-stats { display:flex; justify-content:center; gap:16px; margin-bottom:14px; }
.pnb-ss-val { font-size:17px; font-weight:800; color:var(--blue-dark); }
.pnb-ss-lbl { font-size:10.5px; color:var(--muted); }

/* ══════════════════════ SHOP PAGE ══════════════════════ */
.pnb-shop-wrap { display:grid; grid-template-columns:240px 1fr; gap:26px; align-items:start; padding:36px 0 60px; }
.pnb-sidebar { position:sticky; top:76px; }
.pnb-filter-box {
  background:#fff; border-radius:var(--r-lg); border:1.5px solid var(--border);
  padding:20px; margin-bottom:14px;
}
.pnb-filter-box h3 { font-size:14.5px; font-weight:700; color:var(--blue-dark); margin-bottom:13px; }
.pnb-filter-btn {
  display:flex; align-items:center; justify-content:space-between;
  width:100%; padding:9px 13px; border:1.5px solid transparent; border-radius:9px;
  background:transparent; color:var(--muted); font-size:13.5px; font-weight:500;
  cursor:pointer; transition:all var(--ease); text-align:left;
}
.pnb-filter-btn:hover { background:var(--surface); color:var(--blue); }
.pnb-filter-btn.active { background:var(--blue-10); color:var(--blue); border-color:var(--blue-15); font-weight:700; }
.pnb-price-inputs { display:flex; gap:8px; align-items:center; margin-bottom:10px; }
.pnb-price-inputs input {
  flex:1; padding:9px 11px; border:1.5px solid var(--border);
  border-radius:8px; font-size:13px; outline:none; width:100%;
}
.pnb-price-inputs input:focus { border-color:var(--blue); }
.pnb-price-range-btns { display:grid; gap:5px; margin-bottom:12px; }
.pnb-shop-bar {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:18px; gap:12px; flex-wrap:wrap;
}
.pnb-result-count { font-size:13.5px; color:var(--muted); font-weight:500; }
.pnb-sort-select {
  padding:8px 14px; border:1.5px solid var(--border); border-radius:9px;
  font-size:13.5px; outline:none; background:#fff; cursor:pointer;
}
.pnb-sort-select:focus { border-color:var(--blue); }
.pnb-view-btns { display:flex; gap:6px; }
.pnb-view-btn {
  width:34px; height:34px; border:1.5px solid var(--border);
  border-radius:8px; background:#fff; cursor:pointer;
  display:grid; place-items:center; font-size:14px; transition:all var(--ease);
}
.pnb-view-btn.active, .pnb-view-btn:hover { border-color:var(--blue); background:var(--blue-10); }
.pnb-load-more-wrap { text-align:center; margin-top:32px; }

/* ══════════════════════ SINGLE PRODUCT ══════════════════════ */
.pnb-single-wrap { display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:start; padding:44px 0 60px; }
.pnb-gallery-main {
  border-radius:var(--r-xl); overflow:hidden; background:#fff;
  height:480px; display:grid; place-items:center; border:1.5px solid var(--border);
}
.pnb-gallery-main img { width:100%; height:100%; object-fit:cover; }
.pnb-gallery-thumbs { display:flex; gap:10px; margin-top:12px; }
.pnb-gallery-thumb {
  width:70px; height:70px; border-radius:11px; overflow:hidden;
  border:2px solid var(--border); cursor:pointer; transition:all var(--ease);
}
.pnb-gallery-thumb.active, .pnb-gallery-thumb:hover { border-color:var(--blue); }
.pnb-gallery-thumb img { width:100%; height:100%; object-fit:cover; }
.pnb-prod-panel { padding:4px 0; }
.pnb-big-price { font-size:24px; font-weight:900; color:var(--blue-dark); letter-spacing:-.5px; }
.pnb-big-price .woocommerce-Price-amount { font-size:24px; }
.pnb-big-price ins { font-size:24px; text-decoration:none; }
.pnb-big-price del { font-size:15px; color:var(--muted); opacity:.7; }
.pnb-prod-features { display:grid; gap:9px; margin:14px 0 18px; }
.pnb-prod-feature {
  display:flex; align-items:center; gap:10px;
  font-size:13.5px; color:var(--text2);
}
.pnb-prod-feature::before { content:'✓'; color:var(--success); font-weight:800; flex-shrink:0; }
.pnb-inquiry-form {
  background:var(--surface); border-radius:var(--r-lg);
  padding:20px; border:1.5px solid var(--border); margin-top:18px;
}
.pnb-inquiry-form h4 { font-size:15px; font-weight:700; color:var(--blue-dark); margin-bottom:13px; }
.pnb-form-row { margin-bottom:11px; }
.pnb-form-row input,
.pnb-form-row textarea,
.pnb-form-row select {
  width:100%; padding:11px 13px; border:1.5px solid var(--border);
  border-radius:10px; font-size:14px; outline:none; background:#fff;
  transition:border-color var(--ease);
}
.pnb-form-row input:focus,
.pnb-form-row textarea:focus { border-color:var(--blue); }
.pnb-form-row textarea { min-height:85px; resize:vertical; }
.pnb-staff-ribbon {
  background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));
  border-radius:var(--r-md); padding:14px 18px;
  display:flex; align-items:center; gap:13px;
  margin-bottom:18px; color:#fff;
}
.pnb-ribbon-av { width:42px; height:42px; border-radius:50%; border:2px solid rgba(255,255,255,.25); overflow:hidden; flex-shrink:0; }
.pnb-ribbon-av img { width:100%; height:100%; object-fit:cover; }
.pnb-ribbon-name { font-size:13.5px; font-weight:700; }
.pnb-ribbon-note { font-size:11.5px; color:rgba(255,255,255,.62); }

/* ══════════════════════ STAFF PROFILE PAGE ══════════════════════ */
.pnb-staff-hero {
  background:var(--blue-dark); position:relative; overflow:hidden; padding-bottom:110px;
}
.pnb-staff-hero-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 65% 80% at 80% 20%, rgba(26,58,143,.45) 0%, transparent 58%),
    radial-gradient(ellipse 40% 50% at 10% 90%, rgba(243,112,33,.12) 0%, transparent 52%);
  pointer-events:none;
}
.pnb-staff-hero-lines {
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:60px 60px; pointer-events:none;
}
.pnb-staff-hero-inner {
  position:relative; z-index:3;
  display:grid; grid-template-columns:240px 1fr 264px; gap:26px; align-items:center; padding:52px 0 0;
}
.pnb-staff-av-card {
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-xl); padding:26px 20px; text-align:center;
  backdrop-filter:blur(10px);
}
.pnb-staff-avatar {
  width:100px; height:100px; margin:0 auto 14px; border-radius:50%;
  border:3px solid rgba(255,255,255,.18); overflow:hidden; position:relative;
}
.pnb-staff-avatar img { width:100%; height:100%; object-fit:cover; }
.pnb-staff-status-indicator {
  position:absolute; bottom:5px; right:5px;
  width:14px; height:14px; border-radius:50%; border:2px solid rgba(255,255,255,.4);
}
.pnb-staff-display-name { font-size:22px; font-weight:800; color:#fff; margin-bottom:4px; }
.pnb-staff-display-role { color:rgba(255,255,255,.72); font-size:13px; margin-bottom:10px; }
.pnb-staff-branch-pill {
  display:inline-block; background:rgba(243,112,33,.18); border:1px solid rgba(243,112,33,.3);
  border-radius:999px; padding:5px 13px; font-size:12px; font-weight:700; color:var(--orange-light); margin-bottom:12px;
}
.pnb-staff-uid { font-size:11px; color:rgba(255,255,255,.38); letter-spacing:.05em; }
.pnb-staff-center-content h1 {
  font-size:clamp(26px,3.8vw,44px); font-weight:900; color:#fff;
  line-height:1.08; letter-spacing:-1px; margin-bottom:13px;
}
.pnb-staff-pills { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:18px; }
.pnb-staff-pill {
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 13px; border-radius:999px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12);
  font-size:12.5px; font-weight:600; color:#fff;
}
.pnb-staff-action-btns { display:flex; gap:9px; flex-wrap:wrap; }
.pnb-staff-share-card {
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--r-xl); padding:22px; backdrop-filter:blur(10px);
}
.pnb-staff-share-card h3 { font-size:16px; font-weight:700; color:#fff; margin-bottom:13px; }
.pnb-share-link-row { display:flex; gap:7px; margin-bottom:13px; }
.pnb-share-link-row input {
  width:100%; border:none; outline:none;
  background:rgba(255,255,255,.9); color:var(--text);
  border-radius:9px; padding:10px 12px; font-size:12.5px;
}
.pnb-copy-btn {
  width:40px; border:none; border-radius:9px;
  background:var(--orange); color:#fff; font-size:14px;
  cursor:pointer; flex-shrink:0; transition:background var(--ease);
  display:grid; place-items:center;
}
.pnb-copy-btn:hover { background:var(--orange-dark); }
.pnb-mini-stats { display:grid; gap:7px; }
.pnb-mini-stat {
  display:flex; justify-content:space-between; align-items:center;
  padding:8px 11px; background:rgba(255,255,255,.06); border-radius:9px;
}
.pnb-mini-stat span    { font-size:12px; color:rgba(255,255,255,.52); }
.pnb-mini-stat strong  { font-size:13.5px; font-weight:700; color:var(--orange-light); }
.pnb-staff-stats-bar { position:absolute; bottom:0; left:0; right:0; z-index:4; background:rgba(255,255,255,.05); border-top:1px solid rgba(255,255,255,.09); backdrop-filter:blur(12px); }
.pnb-staff-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.pnb-info-card { background:#fff; border-radius:var(--r-lg); padding:26px; border:1.5px solid var(--border); box-shadow:var(--sh-sm); }
.pnb-info-card h2 { font-size:19px; font-weight:700; color:var(--blue-dark); margin-bottom:13px; }
.pnb-info-card p  { color:var(--muted); font-size:14px; line-height:1.7; margin-bottom:11px; }
.pnb-share-btns { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:14px; }
.pnb-share-btn {
  display:flex; align-items:center; gap:7px; justify-content:center;
  padding:11px 13px; border-radius:11px; font-size:12.5px; font-weight:600;
  border:1.5px solid var(--border); background:#fff; color:var(--blue-dark);
  cursor:pointer; transition:all var(--ease); text-decoration:none;
}
.pnb-share-btn:hover { border-color:var(--blue); color:var(--blue); background:var(--blue-10); }
.pnb-contact-list { display:grid; gap:11px; }
.pnb-contact-item {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:13px 15px; background:var(--surface); border-radius:11px; border:1.5px solid var(--border);
}
.pnb-contact-item strong { font-size:13.5px; font-weight:600; color:var(--blue-dark); display:block; }
.pnb-contact-item span   { font-size:12.5px; color:var(--muted); }

/* ══════════════════════ LEAD FORM SUCCESS ══════════════════════ */
.pnb-lead-success {
  text-align:center; padding:28px 20px; background:var(--success-bg);
  border:1.5px solid #BBF7D0; border-radius:var(--r-lg); color:var(--success);
  font-weight:600;
}

/* ══════════════════════ ADMIN ══════════════════════ */
.pnb-admin-wrap { font-family:var(--font); padding:24px; }
.pnb-admin-hdr { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; padding-bottom:16px; border-bottom:2px solid var(--border); }
.pnb-admin-hdr h1 { font-size:22px; font-weight:800; color:var(--blue-dark); }
.pnb-kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:24px; }
.pnb-kpi { background:#fff; border-radius:var(--r-md); padding:20px 22px; border:1.5px solid var(--border); }
.pnb-kpi-label { font-size:11.5px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:7px; }
.pnb-kpi-val   { font-size:32px; font-weight:900; color:var(--blue-dark); line-height:1; margin-bottom:5px; }
.pnb-kpi-note  { font-size:12px; color:var(--success); font-weight:600; }
.pnb-kpi.blue   .pnb-kpi-val { color:var(--blue); }
.pnb-kpi.orange .pnb-kpi-val { color:var(--orange); }
.pnb-kpi.green  .pnb-kpi-val { color:var(--success); }
.pnb-table-wrap { background:#fff; border-radius:var(--r-md); border:1.5px solid var(--border); overflow:hidden; }
.pnb-table-hdr  { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; border-bottom:1px solid var(--border); }
.pnb-table-hdr h3 { font-size:16px; font-weight:700; color:var(--blue-dark); }
.pnb-table { width:100%; border-collapse:collapse; font-size:13px; }
.pnb-table th { background:var(--surface); padding:10px 15px; text-align:left; font-weight:700; color:var(--muted); text-transform:uppercase; font-size:11px; letter-spacing:.06em; border-bottom:1px solid var(--border); }
.pnb-table td { padding:11px 15px; border-bottom:1px solid #F3F4F6; color:var(--text2); vertical-align:middle; }
.pnb-table tr:last-child td { border-bottom:none; }
.pnb-table tr:hover td { background:var(--surface); }
.lead-badge { display:inline-block; padding:3px 9px; border-radius:999px; font-size:11px; font-weight:700; text-transform:uppercase; }
.lb-new        { background:#EFF6FF; color:#1E40AF; border:1px solid #BFDBFE; }
.lb-contacted  { background:var(--warning-bg); color:#B45309; border:1px solid #FDE68A; }
.lb-converted  { background:var(--success-bg); color:#15803D; border:1px solid #BBF7D0; }
.lb-closed     { background:#FEF2F2; color:#991B1B; border:1px solid #FECACA; }

/* ══════════════════════ FOOTER ══════════════════════ */
.pnb-footer { background:var(--blue-dark); color:#fff; margin-top:72px; }
.pnb-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:26px; padding:52px 0 28px; }
.pnb-footer-brand p { color:rgba(255,255,255,.46); font-size:13px; line-height:1.7; margin-top:10px; max-width:270px; font-weight:300; }
.pnb-footer h4 { font-size:14.5px; font-weight:700; margin-bottom:13px; color:rgba(255,255,255,.88); }
.pnb-footer ul { display:grid; gap:9px; }
.pnb-footer li,
.pnb-footer a  { color:rgba(255,255,255,.46); font-size:13px; font-weight:300; transition:color var(--ease); }
.pnb-footer a:hover { color:var(--orange-light); }
.pnb-footer-sep { height:1px; background:rgba(255,255,255,.07); }
.pnb-footer-btm { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:15px 0 24px; color:rgba(255,255,255,.3); font-size:12px; font-weight:300; }

/* ══════════════════════ FLOATING BUTTONS ══════════════════════ */
.pnb-floating { position:fixed; right:18px; bottom:18px; display:flex; flex-direction:column; gap:9px; z-index:500; }
.pnb-fab { width:50px; height:50px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:19px; box-shadow:0 8px 22px rgba(0,0,0,.18); transition:all var(--ease); }
.pnb-fab:hover { transform:scale(1.1) translateY(-2px); }
.fab-wa   { background:#16A34A; }
.fab-call { background:var(--blue); }

/* ══════════════════════ HERO PAGE HEADER ══════════════════════ */
.pnb-page-hero {
  background:var(--blue-dark); padding:52px 0 72px;
  position:relative; overflow:hidden;
}
.pnb-page-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 60% 70% at 70% 30%, rgba(26,58,143,.4) 0%, transparent 60%);
  pointer-events:none;
}
.pnb-page-hero::after {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:28px 28px; pointer-events:none;
}
.pnb-page-hero-inner { position:relative; z-index:2; }
.pnb-page-hero .pnb-kicker { color:var(--orange-light); }
.pnb-page-hero .pnb-kicker::before { background:var(--orange); }
.pnb-page-hero h1 { color:#fff; margin-bottom:10px; }
.pnb-page-hero p  { color:rgba(255,255,255,.6); font-size:15px; max-width:540px; font-weight:300; }

/* ══════════════════════ UTILITY ══════════════════════ */
.d-flex       { display:flex; }
.align-center { align-items:center; }
.gap-8  { gap:8px; }
.gap-10 { gap:10px; }
.gap-12 { gap:12px; }
.mt-12  { margin-top:12px; }
.mt-16  { margin-top:16px; }
.mb-16  { margin-bottom:16px; }
.mb-24  { margin-bottom:24px; }
.text-muted  { color:var(--muted); }
.text-blue   { color:var(--blue); }
.text-orange { color:var(--orange); }
.font-700 { font-weight:700; }
.font-800 { font-weight:800; }

/* ══════════════════════ STAGGER ANIMATIONS ══════════════════════ */
.pnb-stagger > * { opacity:0; transform:translateY(18px); animation:pnbUp .55s ease forwards; }
.pnb-stagger > *:nth-child(1){animation-delay:.05s}
.pnb-stagger > *:nth-child(2){animation-delay:.12s}
.pnb-stagger > *:nth-child(3){animation-delay:.19s}
.pnb-stagger > *:nth-child(4){animation-delay:.26s}
.pnb-stagger > *:nth-child(5){animation-delay:.33s}
.pnb-stagger > *:nth-child(6){animation-delay:.40s}
@keyframes pnbUp { to { opacity:1; transform:translateY(0); } }
.pnb-reveal { opacity:0; transform:translateY(22px); animation:pnbUp .65s ease .1s both; }

/* ══════════════════════ RESPONSIVE ══════════════════════ */
@media(max-width:1100px){
  .pnb-hero-grid { grid-template-columns:1fr; }
  .pnb-hero-slider { display:none; }
  .pnb-cat-grid { grid-template-columns:repeat(3,1fr); }
  .pnb-prod-grid,.pnb-prod-track { grid-template-columns:repeat(2,1fr); }
  .pnb-trust-grid,.pnb-kpi-grid { grid-template-columns:repeat(2,1fr); }
  .pnb-blog-grid { grid-template-columns:1fr 1fr; }
  .pnb-footer-grid { grid-template-columns:1fr 1fr; }
  .pnb-promo-wrap,.pnb-seo-grid,.pnb-delivery,.pnb-staff-info-grid,.pnb-single-wrap { grid-template-columns:1fr; }
  .pnb-dual-section,.pnb-stand-grid,.pnb-shop-wrap { grid-template-columns:1fr; }
  .pnb-staff-hero-inner { grid-template-columns:1fr; }
  .pnb-stats-inner,.pnb-staff-stats-bar .pnb-stats-inner { flex-wrap:wrap; }
  .pnb-stat-cell { flex:1 1 44%; }
  .pnb-staff-grid { grid-template-columns:repeat(2,1fr); }
  .pnb-sidebar { position:static; }
}
@media(max-width:760px){
  .pnb-nav-links { display:none; }
  .pnb-hero-left h1 { font-size:28px; }
  .pnb-cat-grid { grid-template-columns:repeat(2,1fr); }
  .pnb-blog-grid { grid-template-columns:1fr; }
  .pnb-stand-card { grid-template-columns:1fr; }
  .pnb-stand-img { height:180px; }
  .pnb-seo-dark { padding:26px 22px; }
  .pnb-share-btns { grid-template-columns:1fr; }
}
@media(max-width:480px){
  .pnb-prod-grid,.pnb-prod-track,.pnb-cat-grid,.pnb-trust-grid,.pnb-staff-grid { grid-template-columns:1fr; }
  .container { width:calc(100% - 24px); }
}


/* ══════════════════════════════════════════════════════════
   SINGLE PRODUCT PAGE v3.0 — Smart ATC + Tabs + SEO Block
═══════════════════════════════════════════════════════════ */

/* ─── Layout ─── */
.pnb-gallery-col { position:sticky; top:80px; align-self:start; }

/* Remove sticky on mobile */
@media (max-width: 900px) {
  .pnb-gallery-col { position: static; }
}
.pnb-single-title {
  font-size:clamp(17px,1.9vw,24px); font-weight:800;
  color:var(--blue-dark); margin-bottom:8px;
  line-height:1.2; letter-spacing:-.3px;
}
.pnb-price-block { margin-bottom:14px; }
.pnb-short-desc  {
  color:var(--text2); font-size:14.5px; line-height:1.75;
  margin-bottom:14px;
  border-left:3px solid var(--blue); padding-left:14px;
}
.pnb-short-desc ul { padding-left:16px; margin:6px 0; }
.pnb-short-desc li { margin-bottom:4px; }

/* Key features strip */
.pnb-key-features {
  display:grid; grid-template-columns:1fr 1fr;
  gap:8px; margin-bottom:16px;
}
.pnb-kf-item {
  background:var(--surface); border:1px solid var(--border);
  border-radius:9px; padding:8px 12px;
  display:flex; flex-direction:column; gap:2px;
}
.pnb-kf-lbl { font-size:10.5px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.pnb-kf-val { font-size:13.5px; font-weight:600; color:var(--blue-dark); }

/* ─── Smart Add to Cart ─── */
.pnb-atc-section {
  background:#fff; border:1.5px solid var(--border);
  border-radius:var(--r-lg); padding:20px;
  margin-bottom:18px; box-shadow:var(--sh-sm);
}
.pnb-qty-row {
  display:flex; align-items:center; gap:10px; margin-bottom:13px;
}
.pnb-qty-ctrl {
  display:flex; align-items:center;
  border:1.5px solid var(--border); border-radius:10px;
  overflow:hidden; flex-shrink:0;
}
.pnb-qty-btn {
  width:40px; height:44px; background:var(--surface);
  border:none; font-size:20px; font-weight:700;
  color:var(--blue-dark); cursor:pointer;
  transition:background var(--ease); display:grid; place-items:center;
}
.pnb-qty-btn:hover { background:var(--blue-10); }
.pnb-qty-input {
  width:52px; height:44px; border:none; border-left:1.5px solid var(--border);
  border-right:1.5px solid var(--border); text-align:center;
  font-size:15px; font-weight:700; color:var(--blue-dark);
  outline:none; -moz-appearance:textfield;
}
.pnb-qty-input::-webkit-inner-spin-button,
.pnb-qty-input::-webkit-outer-spin-button { -webkit-appearance:none; }

.pnb-atc-btn {
  flex:1; height:44px; padding:0 18px;
  background:var(--blue); color:#fff;
  font-size:14.5px; font-weight:700;
  border-radius:10px; display:flex; align-items:center;
  justify-content:center; gap:7px; transition:all var(--ease);
  box-shadow:var(--sh-blue);
}
.pnb-atc-btn:hover  { background:var(--blue-dark); transform:translateY(-1px); }
.pnb-atc-btn.loading{ opacity:.7; pointer-events:none; }
.pnb-atc-btn.added  { background:var(--success); }
.pnb-atc-icon { font-size:16px; }

/* Cart message */
.pnb-cart-msg {
  display:flex; align-items:center; gap:10px;
  background:var(--success-bg); border:1.5px solid #BBF7D0;
  border-radius:10px; padding:11px 15px;
  font-size:13.5px; color:var(--success); margin-bottom:12px;
  font-weight:600; flex-wrap:wrap;
}
.pnb-cart-msg a { color:var(--blue); margin-left:4px; }

/* CTA row */
.pnb-cta-row {
  display:grid; grid-template-columns:1.2fr 1fr; gap:10px; margin-bottom:13px;
}
.pnb-cta-primary {
  background:linear-gradient(135deg,#16A34A,#15803D) !important;
  color:#fff !important;
}
.pnb-cta-primary:hover { opacity:.92; transform:translateY(-1px); }

/* Delivery strip */
.pnb-delivery-strip {
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
  border-top:1px solid var(--border); padding-top:13px; margin-top:13px;
}
.pnb-ds-item {
  display:flex; align-items:flex-start; gap:8px;
}
.pnb-ds-item > span { font-size:20px; flex-shrink:0; margin-top:1px; }
.pnb-ds-item strong { display:block; font-size:12px; font-weight:700; color:var(--blue-dark); }
.pnb-ds-item small  { font-size:11px; color:var(--muted); }

/* ─── 5-TAB SECTION ─── */
.pnb-tabs-section {
  background:#fff; border-top:1.5px solid var(--border);
  border-bottom:1.5px solid var(--border);
  margin:44px 0 0;
}
.pnb-tab-nav {
  display:flex; border-bottom:1.5px solid var(--border);
  overflow-x:auto; scrollbar-width:none;
  padding:0 0 0 2px;
}
.pnb-tab-nav::-webkit-scrollbar { display:none; }
.pnb-tab-btn {
  display:flex; align-items:center; gap:7px;
  padding:16px 22px; border:none; background:transparent;
  font-size:14px; font-weight:500; color:var(--muted);
  cursor:pointer; white-space:nowrap;
  border-bottom:2.5px solid transparent;
  margin-bottom:-2px; transition:all var(--ease);
  font-family:var(--font);
}
.pnb-tab-btn:hover   { color:var(--blue); background:var(--blue-10); }
.pnb-tab-btn.active  { color:var(--blue); font-weight:700; border-bottom-color:var(--blue); background:var(--blue-10); }
.pnb-tab-count {
  background:var(--orange); color:#fff;
  font-size:10.5px; font-weight:800; padding:2px 7px;
  border-radius:999px; min-width:18px; text-align:center;
}

/* Tab panels */
.pnb-tab-panel          { display:none; padding:36px 0; animation:tabIn .25s ease both; }
.pnb-tab-panel.active   { display:block; }
@keyframes tabIn        { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.pnb-tab-heading {
  font-size:19px; font-weight:700; color:var(--blue-dark);
  margin-bottom:18px; padding-bottom:10px;
  border-bottom:1.5px solid var(--border);
}
.pnb-tab-empty {
  padding:44px; text-align:center; color:var(--muted);
  background:var(--surface); border-radius:var(--r-lg);
  border:1.5px dashed var(--border);
}

/* Prose content (Description tab) */
.pnb-prose-content {
  color:var(--text2); line-height:1.8; font-size:15px;
  max-width:860px;
}
.pnb-prose-content h2,.pnb-prose-content h3 { font-weight:700; color:var(--blue-dark); margin:22px 0 10px; }
.pnb-prose-content h2 { font-size:21px; }
.pnb-prose-content h3 { font-size:17px; }
.pnb-prose-content ul,.pnb-prose-content ol { padding-left:22px; margin:10px 0; }
.pnb-prose-content li  { margin-bottom:6px; }
.pnb-prose-content p   { margin-bottom:12px; }
.pnb-prose-content img { border-radius:var(--r-md); margin:14px 0; max-width:100%; }
.pnb-prose-content table { width:100%; border-collapse:collapse; margin:14px 0; }
.pnb-prose-content th,.pnb-prose-content td { padding:10px 14px; border:1px solid var(--border); font-size:14px; }
.pnb-prose-content th { background:var(--surface); font-weight:700; color:var(--blue-dark); }

/* Specs table */
.pnb-specs-wrap  { max-width:700px; }
.pnb-specs-table { width:100%; border-collapse:collapse; }
.pnb-specs-table tr:nth-child(even) td { background:var(--surface); }
.pnb-spec-label  { padding:12px 18px; font-size:13.5px; font-weight:700; color:var(--blue-dark); width:38%; border:1px solid var(--border); }
.pnb-spec-value  { padding:12px 18px; font-size:13.5px; color:var(--text2); border:1px solid var(--border); }

/* Support tab */
.pnb-support-grid { display:grid; grid-template-columns:1fr 1fr; gap:36px; }
.pnb-faq-list     { display:grid; gap:8px; }
.pnb-faq-item     { background:#fff; border:1.5px solid var(--border); border-radius:12px; overflow:hidden; }
.pnb-faq-q {
  width:100%; background:transparent; border:none;
  display:flex; justify-content:space-between; align-items:center;
  padding:14px 16px; font-size:14px; font-weight:600; color:var(--blue-dark);
  cursor:pointer; text-align:left; gap:12px; font-family:var(--font);
  transition:background var(--ease);
}
.pnb-faq-q:hover,.pnb-faq-q.open { background:var(--blue-10); }
.pnb-faq-icon { flex-shrink:0; font-size:20px; font-weight:400; color:var(--blue); }
.pnb-faq-a    { padding:0 16px 16px; font-size:13.5px; color:var(--text2); line-height:1.7; }
.pnb-support-cards   { display:grid; gap:10px; }
.pnb-support-card {
  display:flex; align-items:center; gap:13px; padding:14px 16px;
  background:var(--surface); border:1.5px solid var(--border); border-radius:12px;
  text-decoration:none; color:var(--text); transition:all var(--ease);
}
.pnb-support-card:hover { border-color:var(--blue); transform:translateX(3px); }
.pnb-support-card strong { display:block; font-size:14px; font-weight:700; color:var(--blue-dark); }
.pnb-support-card span   { display:block; font-size:12.5px; color:var(--blue); font-weight:600; margin-top:2px; }
.pnb-support-card small  { font-size:11px; color:var(--muted); }
.pnb-sc-icon {
  width:42px; height:42px; border-radius:11px; flex-shrink:0;
  background:var(--blue-10); color:var(--blue);
  display:grid; place-items:center; font-size:18px;
}

/* Gallery tab */
.pnb-full-gallery {
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
}
.pnb-fg-item {
  border-radius:12px; overflow:hidden; position:relative;
  cursor:zoom-in; aspect-ratio:1;
  border:1.5px solid var(--border); background:var(--surface);
}
.pnb-fg-item img     { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.pnb-fg-item:hover img { transform:scale(1.07); }
.pnb-fg-overlay {
  position:absolute; inset:0; background:rgba(26,58,143,.35);
  display:grid; place-items:center; font-size:22px;
  opacity:0; transition:opacity var(--ease);
}
.pnb-fg-item:hover .pnb-fg-overlay { opacity:1; }

/* Video tab */
.pnb-video-wrap  { max-width:760px; }
.pnb-yt-embed    { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:var(--r-lg); box-shadow:var(--sh-lg); }
.pnb-yt-embed iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

/* Reviews tab */
#pnb-tab-reviews .woocommerce-Reviews { padding:0; }

/* ─── SEO CONTENT BLOCK ─── */
.pnb-seo-content-block {
  background:linear-gradient(180deg, var(--surface) 0%, #ffffff 100%);
  border-top:1.5px solid var(--border);
  padding:60px 0 0;
}
.pnb-sco-inner {
  display:grid; grid-template-columns:1fr 380px; gap:44px; align-items:start;
}
.pnb-sco-kicker {
  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--orange); display:flex; align-items:center; gap:8px; margin-bottom:8px;
}
.pnb-sco-kicker::before { content:''; width:18px; height:2px; background:var(--blue); border-radius:2px; }
.pnb-sco-h2  { font-size:clamp(20px,2.2vw,28px); font-weight:800; color:var(--blue-dark); letter-spacing:-.4px; margin-bottom:16px; }
.pnb-sco-h3  { font-size:19px; font-weight:700; color:var(--blue-dark); margin:22px 0 12px; }
.pnb-sco-article p { font-size:14.5px; color:var(--text2); line-height:1.8; margin-bottom:12px; }

/* FAQ in SEO block */
.pnb-seo-faq-block { margin-top:28px; }
.pnb-seo-faq-item  { border-left:3px solid var(--blue); padding:10px 0 10px 16px; margin-bottom:14px; }
.pnb-seo-faq-q     { font-size:15px; font-weight:700; color:var(--blue-dark); margin-bottom:6px; }
.pnb-seo-faq-a     { font-size:14px; color:var(--text2); line-height:1.75; margin:0; }

/* Sidebar card */
.pnb-sco-card {
  background:#fff; border:1.5px solid var(--border);
  border-radius:var(--r-xl); padding:24px;
  box-shadow:var(--sh-md); position:sticky; top:88px;
}
.pnb-sco-facts   { display:grid; gap:10px; }
.pnb-sco-fact    { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding-bottom:10px; border-bottom:1px solid var(--border); }
.pnb-sco-fact:last-child { border-bottom:none; padding-bottom:0; }
.pnb-scf-lbl { font-size:12.5px; color:var(--muted); font-weight:500; }
.pnb-scf-val { font-size:13px; font-weight:700; color:var(--blue-dark); text-align:right; max-width:60%; }

/* ─── RESPONSIVE ─── */
@media(max-width:1100px) {
  .pnb-sco-inner          { grid-template-columns:1fr; }
  .pnb-sco-card           { position:static; }
  .pnb-support-grid       { grid-template-columns:1fr; }
  .pnb-cta-row            { grid-template-columns:1fr; }
  .pnb-delivery-strip     { grid-template-columns:1fr; gap:8px; }
  .pnb-full-gallery       { grid-template-columns:repeat(3,1fr); }
  .pnb-key-features       { grid-template-columns:1fr 1fr; }
}
@media(max-width:760px) {
  .pnb-tab-btn            { padding:12px 14px; font-size:12.5px; }
  .pnb-full-gallery       { grid-template-columns:repeat(2,1fr); }
  .pnb-tabs-section       { margin-top:28px; }
  .pnb-atc-section        { padding:15px; }
  .pnb-qty-row            { flex-wrap:wrap; }
  .pnb-atc-btn            { width:100%; }
  .pnb-key-features       { grid-template-columns:1fr; }
}


/* ═══════════════════════════════════════════════════
   PRODUCT PAGE FIXES v3.1
══════════════════════════════════════════════════ */

/* ─── WooCommerce price cleanup on single page ─── */
.pnb-price-block .woocommerce-Price-amount bdi { font-size:inherit; }
.pnb-price-block del .woocommerce-Price-amount  { font-size:14px; color:var(--muted); opacity:.7; }
.pnb-price-block ins                            { text-decoration:none; }
.pnb-price-block ins .woocommerce-Price-amount  { font-size:24px; font-weight:900; color:var(--blue-dark); }
/* Related / card price cleanup */
.pnb-price del .woocommerce-Price-amount        { font-size:11.5px; opacity:.6; }
.pnb-price ins .woocommerce-Price-amount        { font-size:16px; font-weight:800; }
.pnb-prod-card .woocommerce-Price-amount        { font-size:16px; font-weight:800; }

/* ─── Smart rectangular share buttons ─── */
.pnb-share-row {
  display:flex; align-items:center; gap:8px;
  margin-top:14px; padding:13px 16px;
  background:#fff; border-radius:12px; border:1.5px solid var(--border);
  flex-wrap:wrap;
}
.pnb-share-label { font-size:12px; font-weight:700; color:var(--muted); letter-spacing:.04em; text-transform:uppercase; flex-shrink:0; }
.pnb-share-pill {
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 14px; border-radius:8px;
  font-size:12.5px; font-weight:600; text-decoration:none;
  border:1.5px solid transparent; cursor:pointer;
  transition:all .2s ease; white-space:nowrap;
  font-family:var(--font); background:none;
}
.pnb-share-fb   { background:#EBF0FF; color:#1877F2; border-color:#C7D7FD; }
.pnb-share-fb:hover { background:#1877F2; color:#fff; }
.pnb-share-wa   { background:#F0FDF4; color:#16A34A; border-color:#BBF7D0; }
.pnb-share-wa:hover { background:#16A34A; color:#fff; }
.pnb-share-copy { background:var(--surface); color:var(--text2); border-color:var(--border); }
.pnb-share-copy:hover { background:var(--blue-10); color:var(--blue); border-color:var(--blue-15); }
.pnb-share-sku  { margin-left:auto; font-size:11.5px; color:var(--muted); }

/* ─── Gallery auto-slide ─── */
.pnb-gallery-main {
  border-radius:var(--r-xl); overflow:hidden;
  background:linear-gradient(145deg,#F0F4FF,#E8EFF9);
  position:relative; border:1.5px solid var(--border);
  box-shadow:var(--sh-md);
}
.pnb-gallery-main img {
  width:100%; height:100%; object-fit:contain;
  transition:opacity .4s ease, transform .4s ease;
}
/* Crystal clear & shine effect */
.pnb-gallery-main img {
  image-rendering:high-quality;
  filter:contrast(1.04) saturate(1.08) brightness(1.02);
}
.pnb-gallery-main img:hover {
  filter:contrast(1.06) saturate(1.1) brightness(1.04);
  transform:scale(1.02);
}
/* Shine overlay */
.pnb-gallery-main::after {
  content:'';
  position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);
  pointer-events:none;
  animation:imgShine 5s ease-in-out infinite;
}
@keyframes imgShine {
  0%   { left:-60%; opacity:0; }
  20%  { opacity:1; }
  60%  { left:130%; opacity:0; }
  100% { left:130%; opacity:0; }
}
/* Thumbnail slides */
.pnb-gallery-thumbs {
  display:flex; gap:9px; margin-top:12px; flex-wrap:wrap;
}
.pnb-gallery-thumb {
  width:72px; height:72px; border-radius:11px; overflow:hidden;
  border:2.5px solid var(--border); cursor:pointer;
  transition:all .22s ease; flex-shrink:0;
  background:linear-gradient(145deg,#F4F7FF,#E8EDFB);
}
.pnb-gallery-thumb img {
  width:100%; height:100%; object-fit:cover;
  filter:contrast(1.03) saturate(1.06);
  transition:transform .3s ease, filter .3s ease;
}
.pnb-gallery-thumb:hover img,
.pnb-gallery-thumb.active img {
  filter:contrast(1.06) saturate(1.12) brightness(1.03);
  transform:scale(1.05);
}
.pnb-gallery-thumb.active { border-color:var(--blue); box-shadow:0 0 0 3px rgba(26,58,143,.14); }

/* Slide dot indicators */
.pnb-gallery-dots {
  display:flex; gap:6px; justify-content:center; margin-top:10px;
}
.pnb-gallery-dot {
  width:7px; height:7px; border-radius:50%;
  background:var(--border); cursor:pointer; transition:all .2s;
}
.pnb-gallery-dot.active { background:var(--blue); width:20px; border-radius:4px; }

/* ─── Quick Summary — price fix ─── */
.pnb-scf-price-display { font-size:17px; font-weight:900; color:var(--orange); }
.pnb-scf-price-display ins { text-decoration:none; }
.pnb-scf-price-display del { display:none; }
.pnb-scf-price-display .woocommerce-Price-amount { font-size:17px; }

/* ─── Tabs + Related sidebar layout ─── */
.pnb-tabs-outer {
  display:grid; grid-template-columns:1fr 300px; gap:26px; align-items:start;
  padding:44px 0 0;
}
.pnb-tabs-box {
  background:#fff; border:1.5px solid var(--border);
  border-radius:var(--r-xl); overflow:hidden;
}
.pnb-related-sidebar {
  position:sticky; top:82px;
}
.pnb-related-sidebar h3 {
  font-size:16px; font-weight:800; color:var(--blue-dark);
  margin-bottom:14px; padding-bottom:10px; border-bottom:2px solid var(--border);
  display:flex; align-items:center; gap:8px;
}
/* Related sidebar cards */
.pnb-related-mini { display:grid; gap:11px; }
.pnb-related-mini-card {
  display:flex; gap:11px; align-items:center;
  background:#fff; border:1.5px solid var(--border); border-radius:12px;
  padding:10px; text-decoration:none; color:inherit;
  transition:all .22s ease;
}
.pnb-related-mini-card:hover { border-color:var(--blue-15); transform:translateX(3px); box-shadow:var(--sh-sm); }
.pnb-related-mini-img {
  width:64px; height:64px; border-radius:9px; flex-shrink:0;
  background:var(--surface); overflow:hidden;
  border:1px solid var(--border);
}
.pnb-related-mini-img img { width:100%; height:100%; object-fit:cover; filter:contrast(1.04) saturate(1.06); }
.pnb-related-mini-title { font-size:13px; font-weight:600; color:var(--blue-dark); line-height:1.35; margin-bottom:4px; }
.pnb-related-mini-price { font-size:14px; font-weight:800; color:var(--orange); }
.pnb-related-mini-price del { font-size:11px; color:var(--muted); margin-left:4px; opacity:.7; }
.pnb-related-mini-price ins { text-decoration:none; }

/* ─── Nav links improved ─── */
.pnb-nav-links { display:flex; align-items:center; gap:4px; }
.pnb-nav-links a {
  font-size:15px; font-weight:600; color:var(--text2);
  padding:9px 16px; border-radius:9px; transition:all .22s ease;
  white-space:nowrap; letter-spacing:.01em; position:relative;
}
.pnb-nav-links a::after {
  content:''; position:absolute; bottom:5px; left:50%; right:50%;
  height:2px; background:var(--orange); border-radius:2px;
  transition:all .22s ease;
}
.pnb-nav-links a:hover::after,
.pnb-nav-links a.active::after { left:14px; right:14px; }

/* ─── Product card: clickable entire card ─── */
.pnb-prod-card { cursor:pointer; }
.pnb-prod-card-link {
  position:absolute; inset:0; z-index:1;
  border-radius:inherit;
}
.pnb-prod-card .pnb-wish,
.pnb-prod-card .pnb-prod-actions { position:relative; z-index:2; }

/* ─── Reviews: verified only notice ─── */
.pnb-verified-notice {
  background:linear-gradient(135deg,#EFF6FF,#DBEAFE);
  border:1.5px solid #BFDBFE; border-radius:12px;
  padding:14px 18px; font-size:13.5px; color:#1E40AF;
  font-weight:600; margin-bottom:16px; display:flex; align-items:center; gap:9px;
}

/* ─── Gallery auto-play progress bar ─── */
.pnb-gallery-progress {
  height:3px; background:var(--border); border-radius:2px; margin-top:8px; overflow:hidden;
}
.pnb-gallery-progress-bar {
  height:100%; background:linear-gradient(90deg,var(--blue),var(--orange));
  border-radius:2px; width:0%;
  transition:width 3s linear;
}

/* ─── Responsive for tabs+sidebar ─── */
@media(max-width:1100px) {
  .pnb-tabs-outer { grid-template-columns:1fr; }
  .pnb-related-sidebar { position:static; }
  .pnb-related-mini { grid-template-columns:1fr 1fr; }
}
@media(max-width:760px) {
  .pnb-related-mini { grid-template-columns:1fr; }
}


/* ═══ NAV LINKS v3 — Icon + Label, bigger + polished ═══ */
.pnb-nav-links { display:flex; align-items:center; gap:3px; }
.pnb-nav-item  {
  display:flex; flex-direction:column; align-items:center; gap:2px;
  padding:7px 14px; border-radius:10px;
  text-decoration:none; transition:all .22s ease;
  color:var(--text2); white-space:nowrap;
  position:relative;
}
.pnb-nav-icon  { font-size:17px; line-height:1; }
.pnb-nav-label { font-size:12px; font-weight:700; letter-spacing:.02em; line-height:1; }
.pnb-nav-item::after {
  content:''; position:absolute; bottom:4px; left:50%; right:50%;
  height:2px; background:var(--orange); border-radius:2px;
  transition:all .22s ease;
}
.pnb-nav-item:hover { color:var(--blue); background:var(--blue-10); }
.pnb-nav-item:hover::after { left:12px; right:12px; }
.pnb-nav-item.active { color:var(--blue); background:var(--blue-10); font-weight:800; }
.pnb-nav-item.active .pnb-nav-label { font-weight:800; }
.pnb-nav-item.active::after { left:12px; right:12px; background:var(--blue); }

/* ═══ WooCommerce price override — remove verbose labels ═══ */
.woocommerce-Price-currencySymbol { font-size:inherit; }
.price del { display:inline; }
.price del .woocommerce-Price-amount { font-size:13px; color:var(--muted); opacity:.65; }
.price ins { text-decoration:none; }
.price ins .woocommerce-Price-amount { font-size:16px; font-weight:800; color:var(--blue-dark); }
/* Remove "Original price was:" / "Current price is:" text via WC filter below */


/* ═══════════════════════════════════════════════════
   HOMEPAGE v4 + FOOTER REDESIGN
══════════════════════════════════════════════════ */

/* ── Nav: bigger + remove active background ── */
.pnb-nav-item { padding:8px 14px; }
.pnb-nav-icon { font-size:18px; }
.pnb-nav-label{ font-size:13px; font-weight:700; }
.pnb-nav-item.active { background:transparent !important; }
.pnb-nav-item.active .pnb-nav-label { color:var(--blue); }
.pnb-nav-item.active::after { left:12px; right:12px; background:var(--blue); }

/* ── Hero: tighter padding ── */
.pnb-hero-main { padding-top:28px !important; padding-bottom:90px !important; }
.pnb-hero-eyebrow { display:none !important; }
.pnb-hero-cta { display:none !important; }
.pnb-hero-left h1 { margin-top:0 !important; }

/* ── Product card: transparent bg, object-contain ── */
.pnb-prod-img {
  background:transparent !important;
  padding:8px;
}
.pnb-prod-img img {
  object-fit:contain !important;
  mix-blend-mode:multiply;
  filter:contrast(1.04) saturate(1.06);
}

/* ── Product slider wrap (replaces static grid) ── */
.pnb-prod-slider-wrap {
  overflow:hidden;
  position:relative;
}
.pnb-prod-slider-track {
  display:grid;
  grid-template-columns:repeat(var(--cols,4), minmax(0,1fr));
  gap:18px;
  transition:transform .45s cubic-bezier(.42,0,.58,1);
}

/* ── AEO table ── */
.pnb-aeo-table {
  width:100%; border-collapse:collapse; margin-top:14px; font-size:12.5px;
}
.pnb-aeo-table td {
  padding:8px 10px; border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.72);
}
.pnb-aeo-table td:first-child { color:var(--orange-light); font-weight:700; white-space:nowrap; }
.pnb-aeo-table tr:nth-child(even) td { background:rgba(255,255,255,.03); }

/* ══ NEW FOOTER ══ */
.pnb-footer { background:#F5F6FA; color:#333; margin-top:60px; }

/* Logo top */
.pnb-footer-logo-row {
  text-align:center; padding:32px 0 20px;
  position:relative;
}
.pnb-footer-logo-row::before {
  content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  width:120px; height:80px;
  background:radial-gradient(ellipse at 50% 100%, rgba(200,205,230,.5) 0%, transparent 70%);
  pointer-events:none;
}
.pnb-footer-logo-link img { filter:none; opacity:1; }

/* Main grid */
.pnb-footer-main-grid {
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:22px;
  padding:28px 0 32px;
  border-top:1px solid #E2E4EC;
}
.pnb-footer-col h4 {
  font-size:14.5px; font-weight:700; color:var(--blue);
  margin-bottom:13px; letter-spacing:.01em;
}
.pnb-footer-col ul { display:grid; gap:8px; }
.pnb-footer-col ul li a {
  color:#555; font-size:13px; font-weight:400; text-decoration:none; transition:color .2s;
}
.pnb-footer-col ul li a:hover { color:var(--blue); }
.pnb-footer-address-col p {
  font-size:12.5px; color:#666; line-height:1.6; margin-bottom:8px;
}
.pnb-footer-phone {
  font-size:13px; font-weight:600; color:var(--blue-dark);
  text-decoration:none; display:block;
}
.pnb-footer-phone:hover { color:var(--orange); }

/* Bottom row */
.pnb-footer-bottom {
  background:#ECEEF5;
  border-top:1px solid #D8DAE8;
  padding:22px 20px;
  text-align:center;
}
.pnb-footer-tagline {
  font-size:14.5px; font-weight:700; color:var(--blue-dark); margin-bottom:4px;
}
.pnb-footer-feedback { font-size:13px; color:#888; margin-bottom:14px; }
.pnb-social-row { display:flex; gap:10px; justify-content:center; margin-bottom:14px; }
.pnb-social-btn {
  width:38px; height:38px; border-radius:50%; border:1.5px solid #CDD0DE;
  background:#fff; color:#444; display:grid; place-items:center;
  text-decoration:none; transition:all .2s;
}
.pnb-social-btn:hover { background:var(--blue); color:#fff; border-color:var(--blue); }
.pnb-footer-copy { font-size:12px; color:#999; }

/* ── Responsive footer ── */
@media(max-width:1200px){
  .pnb-footer-main-grid { grid-template-columns:repeat(4,1fr); }
}
@media(max-width:760px){
  .pnb-footer-main-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:480px){
  .pnb-footer-main-grid { grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════════
   FINAL FIXES v4.1 — Wishlist · Product Grid · Nav · Responsive
══════════════════════════════════════════════════════════ */

/* ── 1. WISHLIST ICON — always fully visible ── */
.pnb-prod-card { overflow:visible !important; }
.pnb-wish {
  position:absolute !important;
  top:12px !important; right:12px !important;
  z-index:5 !important;
  width:34px !important; height:34px !important;
  background:#fff !important;
  border-radius:50% !important;
  display:grid !important; place-items:center !important;
  font-size:15px !important;
  border:1.5px solid var(--border) !important;
  cursor:pointer !important;
  box-shadow:0 2px 8px rgba(0,0,0,.10) !important;
  transition:all .2s ease !important;
  color:var(--muted) !important;
}
.pnb-wish:hover { color:#E53E3E !important; border-color:rgba(229,62,62,.3) !important; transform:scale(1.12) !important; }
.pnb-wish.loved { color:#E53E3E !important; border-color:rgba(229,62,62,.3) !important; }
/* Card inner wrapper clips only the image, not the heart */
.pnb-prod-img {
  background:transparent !important;
  padding:10px !important;
  height:190px !important;
  overflow:hidden !important;
  border-radius:12px !important;
  margin:10px 10px 0 !important;
}
.pnb-prod-img img {
  width:100% !important; height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:multiply;
  filter:contrast(1.03) saturate(1.05);
  border-radius:8px;
}
/* Card wrapper: clip only the image area, not the whole card */
.pnb-prod-card > *:not(.pnb-wish) { overflow:visible; }

/* ── 2. PRODUCT SECTION GRID — rows × cols, no overflow cut ── */
/* Each section uses CSS vars set inline */
.pnb-section-grid {
  display:grid;
  grid-template-columns: repeat(var(--sec-cols, 4), minmax(0, 1fr));
  gap:18px;
}
/* Limit rows: hide cards beyond rows×cols */
.pnb-section-grid.rows-limited {
  /* Cards beyond limit hidden by JS */
}
.pnb-section-grid .pnb-prod-card { height:auto; } /* never clip vertically */

/* ── 3. FEATURED PRODUCTS slider (only here) ── */
.pnb-feat-slider-outer { overflow:hidden; position:relative; }
.pnb-feat-slider-track {
  display:grid;
  grid-template-columns: repeat(var(--cols, 4), minmax(0,1fr));
  gap:18px;
  transition:transform .45s cubic-bezier(.42,0,.58,1);
  will-change:transform;
}

/* ── 4. NAV: remove ALL backgrounds, only underline for active ── */
.pnb-nav-item:hover,
.pnb-nav-item:focus { background:transparent !important; color:var(--blue); }
.pnb-nav-item.active,
.pnb-nav-item.current-menu-item { background:transparent !important; }
.pnb-nav-item.active .pnb-nav-label,
.pnb-nav-item.active .pnb-nav-icon { color:var(--blue); }
.pnb-nav-item.active::after { left:10px; right:10px; background:var(--blue); }
.pnb-nav-links a:hover,.pnb-nav-links a.active { background:transparent !important; }

/* ── 5. FOOTER LOGO ── */
.pnb-footer-logo-row { background:#fff; padding:28px 0 18px; text-align:center; }
.pnb-footer-custom-logo { height:56px; width:auto; display:inline-block; }

/* ── 6. FULL RESPONSIVE — all devices ── */

/* ≥1280px: default */

/* Tablet landscape 1024–1279 */
@media(max-width:1279px){
  .pnb-section-grid { grid-template-columns:repeat(min(var(--sec-cols,4),3), minmax(0,1fr)) !important; }
  .pnb-feat-slider-track { --cols:3 !important; }
  .pnb-cat-grid { grid-template-columns:repeat(4,1fr) !important; }
}

/* Tablet portrait 768–1023 */
@media(max-width:1023px){
  .pnb-hero-grid { grid-template-columns:1fr !important; }
  .pnb-hero-slider { display:none !important; }
  .pnb-section-grid { grid-template-columns:repeat(2,1fr) !important; }
  .pnb-feat-slider-track { --cols:2 !important; }
  .pnb-cat-grid { grid-template-columns:repeat(3,1fr) !important; }
  .pnb-dual-section { grid-template-columns:1fr !important; }
  .pnb-stand-grid { grid-template-columns:1fr 1fr !important; }
  .pnb-trust-grid { grid-template-columns:1fr 1fr !important; }
  .pnb-blog-grid  { grid-template-columns:1fr 1fr !important; }
  .pnb-tabs-outer { grid-template-columns:1fr !important; }
  .pnb-related-sidebar { display:none; }
  .pnb-single-wrap { grid-template-columns:1fr !important; }
  .pnb-delivery { grid-template-columns:1fr !important; }
  .pnb-shop-wrap { grid-template-columns:1fr !important; }
  .pnb-footer-main-grid { grid-template-columns:repeat(3,1fr) !important; }
  .pnb-kpi-grid { grid-template-columns:repeat(2,1fr) !important; }
  .pnb-support-grid { grid-template-columns:1fr !important; }
  .pnb-seo-grid { grid-template-columns:1fr !important; }
  .pnb-sco-inner { grid-template-columns:1fr !important; }
}

/* Mobile large 480–767 */
@media(max-width:767px){
  /* Navbar: show icons only on mobile */
  .pnb-nav-links { display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; }
  .pnb-nav-links::-webkit-scrollbar { display:none; }
  .pnb-nav-item { padding:6px 10px; }
  .pnb-nav-icon { font-size:16px; }
  .pnb-nav-label { font-size:11px; }
  .pnb-nav-search { min-width:160px; }
  .pnb-nav-search input { font-size:12px; }

  .pnb-section-grid { grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  .pnb-feat-slider-track { --cols:2 !important; }
  .pnb-cat-grid { grid-template-columns:repeat(3,1fr) !important; gap:10px !important; }
  .pnb-trust-grid { grid-template-columns:1fr 1fr !important; }
  .pnb-blog-grid  { grid-template-columns:1fr !important; }
  .pnb-stand-grid { grid-template-columns:1fr !important; }
  .pnb-stand-card { grid-template-columns:1fr !important; }
  .pnb-stand-img  { height:160px !important; }
  .pnb-promo-wrap { grid-template-columns:1fr !important; }
  .pnb-footer-main-grid { grid-template-columns:1fr 1fr !important; }
  .pnb-stats-inner { flex-wrap:wrap; }
  .pnb-stat-cell { flex:1 1 48%; }
  .pnb-hero-left h1 { font-size:clamp(22px,5vw,32px) !important; }
  .pnb-hero-search-box input { font-size:14px; }
  .pnb-prod-img { height:160px !important; }
  .pnb-atc-section { padding:12px !important; }
  .pnb-cta-row { grid-template-columns:1fr !important; }
  .pnb-delivery-strip { grid-template-columns:1fr !important; gap:8px !important; }
  .pnb-key-features { grid-template-columns:1fr !important; }
  .pnb-full-gallery { grid-template-columns:repeat(2,1fr) !important; }
  .pnb-tabs-outer { grid-template-columns:1fr !important; }
  .pnb-tab-btn { padding:10px 12px !important; font-size:12px !important; }
  .pnb-related-sidebar { display:none; }
  .pnb-seo-dark { padding:22px 16px !important; }
  .pnb-seo-grid { grid-template-columns:1fr !important; }
  .pnb-kpi-grid { grid-template-columns:1fr 1fr !important; }
  .pnb-dual-section > div:last-child .pnb-prod-grid { grid-template-columns:repeat(2,1fr) !important; }
}

/* Mobile small ≤479 */
@media(max-width:479px){
  .container { width:calc(100% - 20px) !important; }
  .pnb-section-grid { grid-template-columns:1fr 1fr !important; gap:10px !important; }
  .pnb-feat-slider-track { --cols:1 !important; }
  .pnb-cat-grid { grid-template-columns:repeat(2,1fr) !important; }
  .pnb-trust-grid { grid-template-columns:1fr !important; }
  .pnb-prod-img { height:140px !important; }
  .pnb-prod-title { font-size:13px !important; min-height:auto !important; }
  .pnb-price { font-size:15px !important; }
  .pnb-footer-main-grid { grid-template-columns:1fr 1fr !important; }
  .pnb-nav-inner { padding:8px 0 !important; }
  .pnb-logo img { height:36px !important; }
  .pnb-topbar { display:none; } /* hide topbar on tiny screens */
  .pnb-stats-inner { grid-template-columns:1fr 1fr; display:grid !important; }
  .pnb-stat-num { font-size:20px !important; }
  .pnb-big-price { font-size:20px !important; }
}

/* ── Touch/mobile improvements ── */
@media(hover:none){
  .pnb-prod-card:hover { transform:none; }
  .pnb-cat-card:hover  { transform:none; }
  .pnb-trust-card:hover{ transform:none; }
}


/* ═══════════════════════════════════════════════════════════
   ULTRA MODERN v4.2 — Stats · Categories · Nav · Badges · Price
══════════════════════════════════════════════════════════ */

/* ── 1. STATS BAR — ultra modern, no gap above ── */
  border-radius:18px;
  padding:22px 10px 18px;
  text-align:center;
  cursor:pointer;
  transition:all .28s cubic-bezier(.34,1.56,.64,1);
  position:relative;
  overflow:hidden;
  text-decoration:none;
  display:block;
}
.pnb-cat-card::before {
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(145deg,rgba(26,58,143,.04),rgba(243,112,33,.04));
  opacity:0; transition:opacity .28s;
}
.pnb-cat-card::after {
  content:'';
  position:absolute; bottom:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--blue),var(--orange));
  transform:scaleX(0); transition:transform .28s cubic-bezier(.34,1.56,.64,1);
  border-radius:0 0 3px 3px;
}
.pnb-cat-card:hover {
  transform:translateY(-8px) scale(1.03);
  border-color:rgba(26,58,143,.2);
  box-shadow:0 20px 44px rgba(26,58,143,.13);
}
.pnb-cat-card:hover::before { opacity:1; }
.pnb-cat-card:hover::after  { transform:scaleX(1); }
.pnb-cat-ico {
  width:58px; height:58px; margin:0 auto 12px;
  border-radius:16px;
  background:linear-gradient(145deg,#EEF2FF,#E0E8FF);
  display:grid; place-items:center;
  font-size:24px;
  transition:all .28s cubic-bezier(.34,1.56,.64,1);
  box-shadow:0 4px 12px rgba(26,58,143,.1);
}
.pnb-cat-card:hover .pnb-cat-ico {
  transform:scale(1.15) rotate(-6deg);
  background:linear-gradient(145deg,var(--blue),var(--blue-mid));
  box-shadow:0 8px 20px rgba(26,58,143,.3);
  filter:drop-shadow(0 0 8px rgba(26,58,143,.4));
}
.pnb-cat-card h4 {
  font-size:14px; font-weight:700; color:var(--blue-dark);
  margin-bottom:3px; line-height:1.2;
}
.pnb-cat-card span {
  font-size:11.5px; color:var(--muted); font-weight:400;
}

/* ── 4. SECTION HEADING — modern kicker + underline style ── */
.pnb-kicker {
  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:var(--orange); margin-bottom:6px;
  display:flex; align-items:center; gap:8px;
}
.pnb-kicker::before {
  content:''; width:22px; height:2.5px;
  background:linear-gradient(90deg,var(--blue),var(--orange));
  border-radius:2px;
}
.pnb-sec-title {
  font-size:clamp(20px,2.4vw,30px); font-weight:900;
  color:var(--blue-dark); letter-spacing:-.5px; line-height:1.12;
  position:relative;
}

/* ── 5. FEATURED PRODUCTS — always 1 row, no cut ── */
.pnb-feat-slider-outer { overflow:hidden; }
.pnb-feat-slider-track {
  display:flex !important;
  gap:18px !important;
  grid-template-columns:none !important;
  transition:transform .5s cubic-bezier(.42,0,.58,1);
}
.pnb-feat-slider-track .pnb-prod-card {
  flex:0 0 calc((100% - var(--feat-gap,54px)) / var(--cols,4));
  min-width:0;
}
/* Center cards if fewer than cols */
.pnb-feat-slider-track.few-cards {
  justify-content:center;
  transform:none !important;
}

/* ── 6. PRODUCT BADGE — top-left corner ── */
.pnb-tag {
  position:absolute !important;
  top:0 !important; left:0 !important;
  margin:0 !important;
  border-radius:0 0 10px 0 !important;
  font-size:10px !important;
  padding:4px 10px !important;
  z-index:3 !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:2px 2px 6px rgba(0,0,0,.08) !important;
}
/* Badge inside product-body is now positional — hide the body one */
.pnb-prod-body .pnb-tag { display:none !important; }
/* Badge is rendered inside pnb-prod-card directly now */

/* ── 7. PRICE — bigger, no decimals shown via filter ── */
.pnb-price {
  font-size:20px !important;
  font-weight:900 !important;
  color:var(--blue-dark) !important;
  letter-spacing:-.4px !important;
}
.pnb-price ins, .pnb-price .woocommerce-Price-amount,
.pnb-price ins .woocommerce-Price-amount { font-size:20px !important; font-weight:900 !important; text-decoration:none !important; }
.pnb-price del, .pnb-price del .woocommerce-Price-amount { font-size:13px !important; opacity:.55 !important; }
/* Hide .00 decimals via CSS trick */
.pnb-price .woocommerce-Price-amount bdi::after { display:none; }
/* The PHP filter handles decimal removal better — these just style it */

/* ── 8. HERO "Electronics Store" color ── */
.h-orange { color:#F8951F !important; }
.pnb-hero-left h1 .h-orange { color:#F8951F !important; }

/* ── 9. NAV ACTIVE — straight underline only, no curve, bigger ── */
.pnb-nav-item {
  border-radius:0 !important;
  padding:10px 16px !important;
  background:transparent !important;
}
.pnb-nav-icon  { font-size:19px !important; }
.pnb-nav-label { font-size:13px !important; font-weight:700 !important; }
.pnb-nav-item::after {
  content:'' !important;
  position:absolute !important;
  bottom:0 !important; left:8px !important; right:8px !important;
  height:2.5px !important;
  background:var(--blue) !important;
  border-radius:0 !important;    /* straight line — no curve */
  transform:scaleX(0) !important;
  transition:transform .22s ease !important;
}
.pnb-nav-item:hover { background:transparent !important; color:var(--blue) !important; }
.pnb-nav-item:hover::after  { transform:scaleX(1) !important; }
.pnb-nav-item.active,
.pnb-nav-item.current-menu-item { background:transparent !important; color:var(--blue) !important; }
.pnb-nav-item.active::after,
.pnb-nav-item.current-menu-item::after { transform:scaleX(1) !important; background:var(--blue) !important; border-radius:0 !important; }
.pnb-nav-item.active .pnb-nav-label { color:var(--blue) !important; }

/* ── 10. FLOATING WHATSAPP ONLY — blinking ── */
.pnb-floating { position:fixed; right:20px; bottom:22px; z-index:500; display:flex; flex-direction:column; gap:0; }
.fab-call { display:none !important; } /* Remove call button */
.fab-wa {
  width:56px !important; height:56px !important;
  background:linear-gradient(135deg,#22C55E,#16A34A) !important;
  border-radius:50% !important;
  display:grid !important; place-items:center !important;
  box-shadow:0 4px 24px rgba(22,163,74,.45) !important;
  animation:waBlink 2.2s ease-in-out infinite !important;
  position:relative;
}
.fab-wa::before {
  content:'';
  position:absolute; inset:-4px;
  border-radius:50%;
  background:rgba(22,163,74,.25);
  animation:waPulse 2.2s ease-in-out infinite;
}
.fab-wa::after {
  content:'';
  position:absolute; inset:-8px;
  border-radius:50%;
  background:rgba(22,163,74,.12);
  animation:waPulse 2.2s ease-in-out infinite .3s;
}
@keyframes waBlink {
  0%,100%{ transform:scale(1); box-shadow:0 4px 24px rgba(22,163,74,.45); }
  50%     { transform:scale(1.08); box-shadow:0 6px 32px rgba(22,163,74,.65); }
}
@keyframes waPulse {
  0%  { transform:scale(1); opacity:.6; }
  70% { transform:scale(1.5); opacity:0; }
  100%{ transform:scale(1.5); opacity:0; }
}

/* ── 11. FOOTER SOCIAL — modern pill buttons ── */
.pnb-social-row { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.pnb-social-btn {
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 18px; border-radius:999px;
  font-size:13px; font-weight:600; text-decoration:none;
  transition:all .22s cubic-bezier(.34,1.56,.64,1);
  border:1.5px solid transparent;
  white-space:nowrap;
}
.pnb-social-btn svg { flex-shrink:0; }
/* Individual platform colors */
.pnb-social-fb { background:#1877F2; color:#fff !important; }
.pnb-social-fb:hover { background:#0E5FC8; transform:translateY(-2px) scale(1.04); box-shadow:0 8px 20px rgba(24,119,242,.35); }
.pnb-social-yt { background:#FF0000; color:#fff !important; }
.pnb-social-yt:hover { background:#CC0000; transform:translateY(-2px) scale(1.04); box-shadow:0 8px 20px rgba(255,0,0,.3); }
.pnb-social-li { background:#0A66C2; color:#fff !important; }
.pnb-social-li:hover { background:#084E9B; transform:translateY(-2px) scale(1.04); box-shadow:0 8px 20px rgba(10,102,194,.35); }
.pnb-social-ig { background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:#fff !important; }
.pnb-social-ig:hover { transform:translateY(-2px) scale(1.04); box-shadow:0 8px 20px rgba(188,24,136,.3); }

  justify-content:flex-start;
  align-items:stretch;
}
/* Each card = exactly 1/cols of available width */
.pnb-feat-slider-track > .pnb-prod-card {
  flex:0 0 calc((100% - (var(--cols,4) - 1) * 18px) / var(--cols,4)) !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
}
/* When total cards ≤ cols: center them, disable transform */
.pnb-feat-slider-track.pnb-centered {
  justify-content:center !important;
  transform:none !important;
  pointer-events:auto !important;
}

/* ── PRODUCT IMAGE — clean container ── */
.pnb-prod-img {
  height:190px !important;
  background:#FAFBFF !important;
  padding:12px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:12px !important;
  margin:10px 10px 0 !important;
  position:relative !important;
}
.pnb-prod-img img {
  width:100% !important; height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:multiply !important;
  transition:transform .4s ease !important;
}
.pnb-prod-card:hover .pnb-prod-img img { transform:scale(1.06) !important; }

/* ── PRICE on cards — bigger, no decimals ── */
.pnb-price { font-size:19px !important; font-weight:900 !important; color:var(--blue-dark) !important; }
.pnb-price ins { text-decoration:none !important; font-size:19px !important; font-weight:900 !important; }
.pnb-price del { font-size:12px !important; opacity:.55 !important; display:inline !important; }

/* ── HERO color fix ── */
.h-orange, .pnb-hero-left .h-orange { color:#F8951F !important; }

/* ── HERO: remove any gap above stats ── */
.pnb-hero-main { padding-bottom:52px !important; }
.pnb-stats-bar { margin-top:0 !important; display:block !important; }

/* ── NAV: straight underline, no border-radius, bigger ── */
.pnb-nav-item {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:3px !important;
  padding:10px 16px !important;
  border-radius:0 !important;        /* no curve */
  text-decoration:none !important;
  transition:color .2s ease !important;
  color:var(--text2) !important;
  background:transparent !important;
  position:relative !important;
  white-space:nowrap !important;
}
.pnb-nav-icon  { font-size:19px !important; line-height:1 !important; }
.pnb-nav-label { font-size:13px !important; font-weight:700 !important; line-height:1 !important; }

/* Straight underline indicator */
.pnb-nav-item::after {
  content:'' !important;
  position:absolute !important;
  bottom:0 !important;
  left:8px !important; right:8px !important;
  height:2.5px !important;
  background:var(--blue) !important;
  border-radius:0 !important;        /* straight line */
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .22s ease !important;
}
.pnb-nav-item:hover  { color:var(--blue) !important; background:transparent !important; }
.pnb-nav-item:hover::after  { transform:scaleX(1) !important; }
.pnb-nav-item.active,
.pnb-nav-item.current-menu-item { color:var(--blue) !important; background:transparent !important; }
.pnb-nav-item.active::after,
.pnb-nav-item.current-menu-item::after { transform:scaleX(1) !important; border-radius:0 !important; }
.pnb-nav-item.active .pnb-nav-label { color:var(--blue) !important; }

/* ── WHATSAPP FAB only, blinking ── */
.fab-call { display:none !important; }
.pnb-floating { bottom:24px !important; right:22px !important; }
.fab-wa {
  width:58px !important; height:58px !important;
  background:linear-gradient(145deg,#22C55E,#15803D) !important;
  border-radius:50% !important;
  display:grid !important; place-items:center !important;
  box-shadow:0 4px 20px rgba(21,128,61,.5) !important;
  position:relative !important;
  animation:waBlink 2.4s ease-in-out infinite !important;
  text-decoration:none !important;
}
@keyframes waBlink {
  0%,100%{ transform:scale(1); box-shadow:0 4px 20px rgba(21,128,61,.5); }
  50%     { transform:scale(1.1); box-shadow:0 6px 28px rgba(21,128,61,.7); }
}
.fab-wa::before {
  content:''; position:absolute; inset:-5px;
  border-radius:50%; border:2px solid rgba(34,197,94,.5);
  animation:waRing1 2.4s ease-in-out infinite;
}
.fab-wa::after {
  content:''; position:absolute; inset:-10px;
  border-radius:50%; border:1.5px solid rgba(34,197,94,.25);
  animation:waRing1 2.4s ease-in-out infinite .4s;
}
@keyframes waRing1 {
  0%  { transform:scale(.9); opacity:.8; }
  60% { transform:scale(1.4); opacity:0; }
  100%{ transform:scale(1.4); opacity:0; }
}

  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  letter-spacing:-1px !important;
  line-height:1 !important;
  filter:drop-shadow(0 2px 8px rgba(248,149,31,.3)) !important;
}
.pnb-stat-lbl {
  display:block !important;
  font-size:11px !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.45) !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin-top:5px !important;
}

/* ── CATEGORIES — ultra modern ── */
.pnb-cat-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.pnb-cat-card {
  background:#fff;
  border:1.5px solid rgba(26,58,143,.07);
  border-radius:20px;
  padding:24px 10px 18px;
  text-align:center;
  cursor:pointer;
  transition:all .3s cubic-bezier(.34,1.4,.64,1);
  text-decoration:none !important;
  display:block;
  position:relative;
  overflow:hidden;
}
.pnb-cat-card::after {
  content:'';
  position:absolute; bottom:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--blue),#F8951F);
  transform:scaleX(0); transition:transform .3s ease;
}
.pnb-cat-card:hover {
  transform:translateY(-10px);
  border-color:rgba(26,58,143,.18);
  box-shadow:0 24px 48px rgba(26,58,143,.14);
}
.pnb-cat-card:hover::after { transform:scaleX(1); }
.pnb-cat-ico {
  width:62px; height:62px; margin:0 auto 13px;
  border-radius:18px;
  background:linear-gradient(145deg,#EEF2FF,#DDE4FF);
  display:grid; place-items:center;
  font-size:26px;
  transition:all .3s cubic-bezier(.34,1.4,.64,1);
  box-shadow:0 4px 14px rgba(26,58,143,.1);
}
.pnb-cat-card:hover .pnb-cat-ico {
  transform:scale(1.18) rotate(-8deg);
  background:linear-gradient(145deg,var(--blue),#1E4DB7);
  box-shadow:0 10px 26px rgba(26,58,143,.35);
}
.pnb-cat-card h4 { font-size:14px; font-weight:700; color:var(--blue-dark); margin-bottom:3px; }
.pnb-cat-card span { font-size:11.5px; color:var(--muted); }

/* ── RESPONSIVE final ── */
@media(max-width:1023px){
  .pnb-cat-grid { grid-template-columns:repeat(3,1fr) !important; }
  .pnb-feat-slider-track > .pnb-prod-card { flex:0 0 calc((100% - 2*18px)/3) !important; }
}
@media(max-width:767px){
  .pnb-cat-grid { grid-template-columns:repeat(3,1fr) !important; gap:10px !important; }
  .pnb-stats-inner { grid-template-columns:repeat(2,1fr) !important; }
  .pnb-stat-num { font-size:24px !important; }
  .pnb-feat-slider-track > .pnb-prod-card { flex:0 0 calc((100% - 18px)/2) !important; }
  .pnb-prod-img { height:160px !important; }
  .pnb-price { font-size:16px !important; }
}
@media(max-width:479px){
  .pnb-cat-grid { grid-template-columns:repeat(2,1fr) !important; }
  .pnb-feat-slider-track > .pnb-prod-card { flex:0 0 calc(100% - 0px) !important; }
  .pnb-stat-num { font-size:20px !important; }
  .pnb-prod-img { height:140px !important; }
}


/* ═══════════════════════════════════════════════════════════
   FIXES v4.4 — Tag animation · Price size · Card height · Image priority
══════════════════════════════════════════════════════════ */

/* ── 1. BADGE/TAG — smart animated, top-left corner ── */
.pnb-prod-card .pnb-tag {
  /* Corner position */
  position:absolute !important;
  top:0 !important; left:0 !important;
  z-index:10 !important;

  /* Shape */
  border-radius:12px 0 12px 0 !important;
  padding:5px 12px !important;
  font-size:9.5px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  line-height:1.2 !important;
  margin:0 !important;

  /* Entry animation */
  animation:tagPop .4s cubic-bezier(.34,1.56,.64,1) both;
  transform-origin:top left;
}
@keyframes tagPop {
  0%   { transform:scale(0) rotate(-6deg); opacity:0; }
  60%  { transform:scale(1.12) rotate(1deg); opacity:1; }
  100% { transform:scale(1) rotate(0deg); opacity:1; }
}
/* Hover: slight glow pulse */
.pnb-prod-card:hover .pnb-tag {
  animation:tagGlow 1.5s ease-in-out infinite;
}
@keyframes tagGlow {
  0%,100%{ filter:brightness(1); }
  50%    { filter:brightness(1.15) saturate(1.2); }
}
/* Specific badge colors */
.t-best    { background:linear-gradient(135deg,#F59E0B,#D97706) !important; color:#fff !important; border:none !important; }
.t-qled    { background:linear-gradient(135deg,#6366F1,#4F46E5) !important; color:#fff !important; border:none !important; }
.t-hot     { background:linear-gradient(135deg,#EF4444,#DC2626) !important; color:#fff !important; border:none !important; }
.t-popular { background:linear-gradient(135deg,#10B981,#059669) !important; color:#fff !important; border:none !important; }
.t-google  { background:linear-gradient(135deg,#3B82F6,#1D4ED8) !important; color:#fff !important; border:none !important; }
.t-new     { background:linear-gradient(135deg,#8B5CF6,#7C3AED) !important; color:#fff !important; border:none !important; }
.t-sale    { background:linear-gradient(135deg,#EC4899,#DB2777) !important; color:#fff !important; border:none !important; }
.t-fan     { background:linear-gradient(135deg,#06B6D4,#0891B2) !important; color:#fff !important; border:none !important; }
.t-ac      { background:linear-gradient(135deg,#0EA5E9,#0284C7) !important; color:#fff !important; border:none !important; }
.t-stand   { background:linear-gradient(135deg,#78716C,#57534E) !important; color:#fff !important; border:none !important; }
.t-premium { background:linear-gradient(135deg,#F59E0B,#92400E) !important; color:#fff !important; border:none !important; }

/* ── 2. PRODUCT CARD — image first, no overflow cut ── */
.pnb-prod-card {
  display:flex !important;
  flex-direction:column !important;
  overflow:visible !important;   /* badge never cut */
  height:auto !important;        /* no fixed height — card grows with content */
}
.pnb-prod-img {
  flex-shrink:0 !important;      /* image never shrinks */
  height:200px !important;
  background:#F8FAFF !important;
  padding:12px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;    /* clip image only, not badge */
  border-radius:12px !important;
  margin:10px 10px 0 !important;
  position:relative !important;
}
.pnb-prod-img img {
  width:100% !important; height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:multiply !important;
  transition:transform .38s ease !important;
}
.pnb-prod-card:hover .pnb-prod-img img { transform:scale(1.07) !important; }

/* ── 3. REMOVE short description to free space ── */
/* Hide on homepage sections, keep on single product */
.pnb-feat-slider-track .pnb-prod-meta,
.pnb-section-grid .pnb-prod-meta    { display:none !important; }
/* Also hide in dual section (fan/AC) */
.pnb-dual-section .pnb-prod-meta    { display:none !important; }
/* This gives more room for image + price */

/* ── 4. PRICE — bigger on homepage cards ── */
.pnb-price {
  font-size:20px !important;
  font-weight:900 !important;
  color:var(--blue-dark) !important;
  letter-spacing:-.4px !important;
}
.pnb-price ins,
.pnb-price ins .woocommerce-Price-amount {
  font-size:20px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  color:var(--blue-dark) !important;
}
.pnb-price del,
.pnb-price del .woocommerce-Price-amount {
  font-size:12px !important;
  opacity:.5 !important;
  display:block !important;
  margin-bottom:1px !important;
}

/* ── 5. IMAGE FIRST PRIORITY — responsive ── */
/* Mobile: ensure image always shows fully */
@media(max-width:767px) {
  .pnb-prod-img {
    height:170px !important;
    padding:8px !important;
  }
  .pnb-price { font-size:18px !important; }
  .pnb-prod-title { font-size:13px !important; }
  /* Stand grid responsive */
  .pnb-stand-grid { grid-template-columns:1fr !important; }
  /* Dual section stack */
  .pnb-dual-section { grid-template-columns:1fr !important; gap:24px !important; }
  .pnb-dual-section > div:last-child .pnb-section-grid { grid-template-columns:repeat(3,1fr) !important; }
}
@media(max-width:479px) {
  .pnb-prod-img { height:150px !important; padding:6px !important; }
  .pnb-price { font-size:16px !important; }
  .pnb-prod-title { font-size:12.5px !important; line-clamp:2; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .pnb-dual-section > div:last-child .pnb-section-grid { grid-template-columns:repeat(2,1fr) !important; }
  /* Card actions: stack */
  .pnb-prod-actions { flex-direction:column !important; gap:6px !important; }
  .pnb-prod-actions .btn { width:100% !important; text-align:center !important; }
}

/* ── 6. SECTION GRID — cards never overflow, image always fits ── */
.pnb-section-grid .pnb-prod-card,
.pnb-feat-slider-track .pnb-prod-card {
  height:auto !important;       /* auto height — never clips */
  min-height:0 !important;
}
/* When 3 cols: slightly taller image */
.pnb-section-grid[style*="--sec-cols:3"] .pnb-prod-img { height:220px !important; }
.pnb-section-grid[style*="--sec-cols:5"] .pnb-prod-img { height:175px !important; }
.pnb-section-grid[style*="--sec-cols:6"] .pnb-prod-img { height:160px !important; }

/* ── 7. PRODUCT BODY — compact, image gets priority ── */
.pnb-prod-body {
  padding:10px 14px 14px !important;
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
}
.pnb-prod-title {
  font-size:14px !important;
  font-weight:700 !important;
  color:var(--blue-dark) !important;
  margin-bottom:6px !important;
  line-height:1.3 !important;
  /* Clamp to 2 lines max */
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.pnb-price-row {
  margin-top:auto !important;  /* push to bottom */
  margin-bottom:8px !important;
}

/* ── Stand cards section view all button ── */
.pnb-stand-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
@media(max-width:767px){ .pnb-stand-grid { grid-template-columns:1fr !important; } }


/* ═══════════════════════════════════════════════════════════
   COMPREHENSIVE FIXES v4.5
══════════════════════════════════════════════════════════ */

/* ── 1. PRODUCT IMAGE — never cut, always contain in area ── */
.pnb-prod-img {
  position:relative !important;
  overflow:hidden !important;
  background:#F8FAFF !important;
  border-radius:12px !important;
  margin:10px 10px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
}
.pnb-prod-img img {
  position:absolute !important;
  inset:8px !important;              /* 8px padding all sides */
  width:calc(100% - 16px) !important;
  height:calc(100% - 16px) !important;
  object-fit:contain !important;     /* NEVER crop */
  mix-blend-mode:multiply !important;
  transition:transform .38s ease !important;
}
.pnb-prod-card:hover .pnb-prod-img img { transform:scale(1.06) !important; }

/* Default img heights per context */
.pnb-feat-slider-track .pnb-prod-img      { height:200px !important; }
.pnb-section-grid .pnb-prod-img           { height:200px !important; }

/* Col-based heights */
.pnb-section-grid[style*="--sec-cols:3"] .pnb-prod-img  { height:230px !important; }
.pnb-section-grid[style*="--sec-cols:4"] .pnb-prod-img  { height:200px !important; }
.pnb-section-grid[style*="--sec-cols:5"] .pnb-prod-img  { height:175px !important; }
.pnb-section-grid[style*="--sec-cols:6"] .pnb-prod-img  { height:160px !important; }

/* ── 2. ROWS × COLS FIX — JS handles visibility, CSS ensures no cut ── */
.pnb-section-grid {
  display:grid !important;
  grid-template-columns:repeat(var(--sec-cols,4), minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;      /* prevent stretching */
}
/* Hidden cards (set by JS) */
.pnb-section-grid .pnb-prod-card[style*="display:none"],
.pnb-section-grid .pnb-prod-card[style*="display: none"] { display:none !important; }

/* ── 3. FEATURED — 1 row, flex, centered when few ── */
.pnb-feat-slider-outer { overflow:hidden; position:relative; }
.pnb-feat-slider-track {
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:18px !important;
  transition:transform .5s cubic-bezier(.42,0,.58,1) !important;
  align-items:flex-start !important;
}
.pnb-feat-slider-track > .pnb-prod-card {
  flex:0 0 calc((100% - (var(--cols,4) - 1) * 18px) / var(--cols,4)) !important;
  min-width:0 !important;
}
.pnb-feat-slider-track.pnb-centered {
  justify-content:center !important;
  transform:none !important;
}

/* ── 4. SINGLE PRODUCT GALLERY — image never cut ── */
.pnb-gallery-main {
  height:420px !important;
  border-radius:var(--r-xl) !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,#F4F7FF,#EBF0FB) !important;
  position:relative !important;
  border:1.5px solid var(--border) !important;
  box-shadow:var(--sh-md) !important;
  cursor:zoom-in !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.pnb-gallery-main img {
  position:absolute !important;
  inset:16px !important;
  width:calc(100% - 32px) !important;
  height:calc(100% - 32px) !important;
  object-fit:contain !important;       /* NEVER crop */
  transition:transform .4s ease, opacity .3s ease !important;
  border-radius:8px !important;
}

/* Thumbnail images — contain */
.pnb-gallery-thumb img {
  object-fit:contain !important;
  padding:4px !important;
  background:#F8FAFF !important;
}

/* ── 5. RESPONSIVE — image priority on all devices ── */
@media(max-width:1023px) {
  .pnb-section-grid { grid-template-columns:repeat(2,1fr) !important; }
  .pnb-section-grid .pnb-prod-img { height:190px !important; }
  .pnb-feat-slider-track > .pnb-prod-card { flex:0 0 calc((100% - 2*18px)/3) !important; }
  .pnb-feat-slider-track .pnb-prod-img { height:190px !important; }
  .pnb-gallery-main { height:350px !important; }
}
@media(max-width:767px) {
  .pnb-section-grid { grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  .pnb-section-grid .pnb-prod-img { height:170px !important; }
  .pnb-feat-slider-track > .pnb-prod-card { flex:0 0 calc((100% - 18px)/2) !important; }
  .pnb-feat-slider-track .pnb-prod-img { height:170px !important; }
  .pnb-gallery-main { height:300px !important; }
}
@media(max-width:479px) {
  .pnb-section-grid { grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
  .pnb-section-grid .pnb-prod-img { height:150px !important; }
  .pnb-feat-slider-track > .pnb-prod-card { flex:0 0 calc(100%) !important; }
  .pnb-feat-slider-track .pnb-prod-img { height:200px !important; }
  .pnb-gallery-main { height:280px !important; }
  .pnb-prod-img { height:150px !important; }
}

/* ── 6. SHOP — no list view button ── */
.pnb-view-btns #pnb-view-list,
.pnb-view-btns button[onclick*="list"],
.pnb-view-btns { display:none !important; }

/* ── 7. SHOP — Infinite scroll (hide load more button via CSS, JS handles) ── */
.pnb-load-more-wrap { display:none !important; }
/* Infinite scroll sentinel */
#pnb-scroll-sentinel { height:10px; visibility:hidden; }

/* ── 8. SHOP HERO — offer banner ── */
.pnb-shop-offer-bar {
  background:linear-gradient(135deg,var(--blue),var(--blue-mid));
  color:#fff;
  padding:10px 20px;
  border-radius:10px;
  margin-top:16px;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:600;
  flex-wrap:wrap;
  animation:offerPulse 3s ease-in-out infinite;
}
@keyframes offerPulse {
  0%,100%{ box-shadow:0 4px 20px rgba(26,58,143,.3); }
  50%    { box-shadow:0 6px 30px rgba(26,58,143,.5); }
}
.pnb-shop-offer-tag {
  background:var(--orange); color:#fff;
  font-size:10px; font-weight:800;
  padding:3px 10px; border-radius:999px;
  text-transform:uppercase; letter-spacing:.06em;
  flex-shrink:0;
}

/* ── 9. STAFF PAGE STATS — modern like homepage ── */
.pnb-staff-stats-bar .pnb-stat-num {
  background:linear-gradient(135deg,#FFD580,#F8951F) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
  font-size:30px !important;
}
.pnb-staff-stats-bar .pnb-stat-lbl {
  font-size:11px !important; text-transform:uppercase !important; letter-spacing:.06em !important;
}

/* WhatsApp chat button — green */
.pnb-contact-item a.btn-primary[href*="wa.me"],
.pnb-contact-item a[href*="wa.me"] {
  background:linear-gradient(135deg,#22C55E,#15803D) !important;
  border-color:transparent !important;
  color:#fff !important;
}
.pnb-contact-item a.btn-primary[href*="wa.me"]:hover,
.pnb-contact-item a[href*="wa.me"]:hover {
  background:linear-gradient(135deg,#16A34A,#166534) !important;
}

/* ── 10. QUICK SUMMARY — product image ── */
.pnb-sco-sidebar .pnb-summary-product-img {
  width:100%; height:160px;
  border-radius:12px;
  overflow:hidden;
  background:#F8FAFF;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:14px;
  border:1.5px solid var(--border);
}
.pnb-sco-sidebar .pnb-summary-product-img img {
  width:100%; height:100%;
  object-fit:contain;
  padding:10px;
}


/* ═══════════════════════════════════════════════════════════
   SHOP FILTER v2 · MOBILE DRAWER · CHIPS
══════════════════════════════════════════════════════════ */

/* Chip buttons for spec filters */
.pnb-chip {
  padding:6px 12px; border-radius:999px;
  font-size:12px; font-weight:600;
  border:1.5px solid var(--border); background:#fff;
  color:var(--text2); cursor:pointer; transition:all .2s;
}
.pnb-chip.active,.pnb-chip:hover { background:var(--blue); color:#fff; border-color:var(--blue); }

/* Active filter chips in toolbar */
.pnb-active-chips { display:flex; gap:6px; flex-wrap:wrap; }
.pnb-active-chip {
  display:inline-flex; align-items:center; gap:5px;
  background:var(--blue-10); color:var(--blue);
  padding:4px 10px; border-radius:999px; font-size:12px; font-weight:600;
}
.pnb-active-chip button { background:none; border:none; cursor:pointer; font-size:14px; line-height:1; color:inherit; padding:0; }

/* Mobile filter button (sticky bottom) */
.pnb-mobile-filter-btn {
  display:none;
  position:fixed; bottom:80px; left:50%; transform:translateX(-50%);
  z-index:200;
  background:var(--blue); color:#fff;
  border:none; border-radius:999px;
  padding:13px 28px; font-size:14px; font-weight:700;
  box-shadow:0 6px 24px rgba(26,58,143,.4);
  cursor:pointer; gap:8px; align-items:center;
  font-family:var(--font);
}
.pnb-filter-badge {
  background:#EF4444; color:#fff;
  font-size:10px; font-weight:800;
  width:18px; height:18px; border-radius:50%;
  display:grid; place-items:center;
}

/* Mobile overlay */
.pnb-mobile-overlay {
  display:none; position:fixed; inset:0;
  background:rgba(0,0,0,.5); z-index:300;
}
.pnb-mobile-overlay.open { display:block; }

/* Mobile drawer */
.pnb-mobile-drawer {
  position:fixed; bottom:0; left:0; right:0;
  background:#fff; z-index:400;
  border-radius:20px 20px 0 0;
  transform:translateY(100%);
  transition:transform .35s cubic-bezier(.34,1,.64,1);
  max-height:85vh; display:flex; flex-direction:column;
  box-shadow:0 -8px 40px rgba(0,0,0,.18);
}
.pnb-mobile-drawer.open { transform:translateY(0); }
.pnb-drawer-header {
  display:flex; justify-content:space-between; align-items:center;
  padding:16px 20px; border-bottom:1px solid var(--border);
}
#pnb-drawer-content { flex:1; overflow-y:auto; padding:16px 20px; }
.pnb-drawer-footer {
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
  padding:14px 20px; border-top:1px solid var(--border);
}

/* Responsive: show filter button on mobile */
@media(max-width:900px){
  .pnb-mobile-filter-btn { display:inline-flex !important; }
  .pnb-sidebar { display:none !important; }
  .pnb-shop-wrap { grid-template-columns:1fr !important; }
}

/* Staff branch pill with map link */
.pnb-staff-branch-pill:hover { background:var(--blue-15) !important; }


/* ═══════════════════════════════════════════════════════════
   ULTRA MODERN FOOTER v3 · SINGLE PRODUCT BG FIX
══════════════════════════════════════════════════════════ */

/* ── SINGLE PRODUCT — transparent image background ── */
.pnb-gallery-main {
  background:transparent !important;
}
.pnb-gallery-main img {
  mix-blend-mode:multiply !important;
  object-fit:contain !important;
}
.pnb-gallery-thumb {
  background:#F8FAFF !important;
}
.pnb-gallery-thumb img {
  mix-blend-mode:multiply !important;
  object-fit:contain !important;
  padding:6px !important;
}

/* ── FOOTER v2 ── */
.pnb-footer-v2 {
  background:var(--blue-dark);
  color:rgba(255,255,255,.7);
  margin-top:60px;
  position:relative;
}

/* Wave top */
.pnb-footer-wave {
  line-height:0;
  transform:rotate(180deg);
  margin-bottom:-2px;
  background:#fff;          /* page background behind wave */
}
.pnb-footer-wave svg {
  display:block;
  width:100%;
  height:56px;
}

/* Body */
.pnb-footer-body {
  padding:48px 0 0;
  background:linear-gradient(180deg,#0D1F4E 0%,#091530 100%);
}

/* Brand + social row */
.pnb-footer-brand-row {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding-bottom:36px;
  gap:14px;
}
.pnb-footer-v2-logo {
  height:56px; width:auto;
  filter:brightness(0) invert(1);
  opacity:.9;
  transition:opacity .2s;
}
.pnb-footer-v2-logo:hover { opacity:1; }
.pnb-footer-v2-tagline {
  font-size:13px; color:rgba(255,255,255,.38);
  letter-spacing:.04em;
}

/* Social pills */
.pnb-footer-social { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.pnb-fsoc {
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 18px; border-radius:999px;
  font-size:12.5px; font-weight:600;
  text-decoration:none !important;
  transition:all .25s cubic-bezier(.34,1.4,.64,1);
  white-space:nowrap;
}
.pnb-fsoc-fb { background:rgba(24,119,242,.18); color:#5B9EF8 !important; }
.pnb-fsoc-fb:hover { background:#1877F2; color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(24,119,242,.4); }
.pnb-fsoc-yt { background:rgba(255,0,0,.15); color:#FF6B6B !important; }
.pnb-fsoc-yt:hover { background:#FF0000; color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(255,0,0,.3); }
.pnb-fsoc-ig { background:rgba(225,48,108,.15); color:#F472B6 !important; }
.pnb-fsoc-ig:hover { background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366); color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(220,39,67,.3); }
.pnb-fsoc-li { background:rgba(10,102,194,.18); color:#60A5FA !important; }
.pnb-fsoc-li:hover { background:#0A66C2; color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(10,102,194,.4); }

/* Divider */
.pnb-footer-divider {
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.08) 80%,transparent 100%);
  margin:0 auto;
  max-width:1200px;
}

/* 7-column grid */
.pnb-footer-cols {
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:22px;
  padding:36px 40px 44px;
  max-width:1400px;
  margin:0 auto;
  box-sizing:border-box;
}
.pnb-fc h4 {
  font-size:13.5px; font-weight:700; color:#fff;
  margin-bottom:14px; letter-spacing:.02em;
  position:relative; padding-bottom:10px;
}
.pnb-fc h4::after {
  content:''; position:absolute; bottom:0; left:0;
  width:24px; height:2px;
  background:linear-gradient(90deg,var(--orange),transparent);
  border-radius:2px;
}
.pnb-fc ul { display:grid; gap:9px; list-style:none; margin:0; padding:0; }
.pnb-fc ul li a {
  font-size:13px; color:rgba(255,255,255,.5);
  text-decoration:none; transition:color .2s;
  display:flex; align-items:center; gap:6px;
}
.pnb-fc ul li a::before { content:'›'; color:var(--orange); font-size:14px; }
.pnb-fc ul li a:hover { color:#fff; }

/* Address columns */
.pnb-fc-addr p {
  font-size:12.5px; color:rgba(255,255,255,.42); line-height:1.65; margin-bottom:9px;
}
.pnb-fc-phone {
  display:inline-flex; align-items:center; gap:5px;
  font-size:13px; font-weight:600; color:var(--orange);
  text-decoration:none; transition:opacity .2s;
}
.pnb-fc-phone::before { content:'📞'; font-size:11px; }
.pnb-fc-phone:hover { opacity:.8; }

/* Bottom bar */
.pnb-footer-bottom-bar {
  background:rgba(0,0,0,.3);
  padding:16px 40px;
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; flex-wrap:wrap;
}
.pnb-footer-copy { font-size:12px; color:rgba(255,255,255,.3); }
.pnb-footer-tagline-btm { font-size:12px; color:rgba(255,255,255,.25); }

/* ── RESPONSIVE FOOTER ── */
@media(max-width:1280px){ .pnb-footer-cols { grid-template-columns:repeat(4,1fr); } }
@media(max-width:900px) {
  .pnb-footer-cols { grid-template-columns:repeat(3,1fr); padding:28px 24px 36px; }
}
@media(max-width:600px) {
  .pnb-footer-cols { grid-template-columns:repeat(2,1fr); padding:22px 16px 28px; gap:18px; }
  .pnb-footer-bottom-bar { flex-direction:column; text-align:center; padding:14px 16px; }
  .pnb-footer-social .pnb-fsoc span { display:none; }  /* icon only on mobile */
  .pnb-fsoc { padding:10px 12px; }
  .pnb-footer-wave svg { height:36px; }
}
@media(max-width:400px) {
  .pnb-footer-cols { grid-template-columns:1fr; }
}

/* ── REMOVE OLD FOOTER STYLES ── */
.pnb-footer { display:none !important; }  /* hide old footer if somehow rendered */


/* ═══════════════════════════════════════════════════════════
   PRODUCT BG REMOVAL v4.6 — All images transparent
══════════════════════════════════════════════════════════ */

/* ── ALL product card images — transparent bg, contain ── */
.pnb-prod-card { background:#fff; overflow:visible !important; }
.pnb-prod-img  {
  background:transparent !important;
  margin:10px 10px 0 !important;
  border-radius:12px !important;
  height:200px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  position:relative !important;
  flex-shrink:0 !important;
}
.pnb-prod-img img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:multiply !important;
  padding:6px !important;
  background:transparent !important;
  transition:transform .38s ease !important;
}
.pnb-prod-card:hover .pnb-prod-img img { transform:scale(1.06) !important; }

/* ── SINGLE PRODUCT gallery — transparent, contain ── */
.pnb-gallery-main {
  background:transparent !important;
  border:1.5px solid var(--border) !important;
  border-radius:var(--r-xl) !important;
  height:420px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  position:relative !important;
  cursor:zoom-in !important;
}
.pnb-gallery-main img {
  position:absolute !important;
  inset:12px !important;
  width:calc(100% - 24px) !important;
  height:calc(100% - 24px) !important;
  object-fit:contain !important;
  mix-blend-mode:multiply !important;
  transition:transform .4s ease, opacity .3s ease !important;
}
/* Gallery thumbnails */
.pnb-gallery-thumb {
  background:transparent !important;
  border:2px solid var(--border) !important;
  border-radius:10px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  width:72px !important;
  height:72px !important;
}
.pnb-gallery-thumb img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:multiply !important;
  padding:4px !important;
  transition:transform .3s ease !important;
}
.pnb-gallery-thumb.active { border-color:var(--blue) !important; }
.pnb-gallery-thumb:hover img { transform:scale(1.06) !important; }

/* Full gallery tab */
.pnb-fg-item {
  background:transparent !important;
  border:1.5px solid var(--border) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  aspect-ratio:1 !important;
  cursor:zoom-in !important;
}
.pnb-fg-item img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  mix-blend-mode:multiply !important;
  padding:8px !important;
  transition:transform .35s ease !important;
}
.pnb-fg-item:hover img { transform:scale(1.06) !important; }

/* Shop grid fallback image */
.pnb-prod-grid .pnb-prod-img,
.pnb-section-grid .pnb-prod-img { background:transparent !important; }

/* ── RESPONSIVE img heights ── */
@media(max-width:1023px) {
  .pnb-prod-img { height:180px !important; }
  .pnb-gallery-main { height:360px !important; }
}
@media(max-width:767px) {
  .pnb-prod-img { height:160px !important; }
  .pnb-gallery-main { height:300px !important; }
}
@media(max-width:479px) {
  .pnb-prod-img { height:145px !important; }
  .pnb-gallery-main { height:260px !important; }
}


/* ═══════════════════════════════════════════════════════════
   SEO CONTENT PAGES — Article styles
══════════════════════════════════════════════════════════ */
.pnb-seo-page { max-width:860px; margin:0 auto; }

/* Hero */
.pnb-sp-hero { margin-bottom:28px; }
.pnb-sp-hero h1 { font-size:clamp(22px,3vw,36px); font-weight:900; color:var(--blue-dark); margin-bottom:12px; line-height:1.2; letter-spacing:-.5px; }
.pnb-sp-intro { font-size:16px; color:var(--text2); line-height:1.75; max-width:700px; }

/* Answer Box — AEO */
.pnb-answer-box {
  background:linear-gradient(135deg,#EEF2FF,#E8F0FF);
  border:1.5px solid rgba(26,58,143,.15);
  border-left:4px solid var(--blue);
  border-radius:0 12px 12px 0;
  padding:18px 20px; margin:0 0 28px;
}
.pnb-answer-label { font-size:11px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.pnb-answer-box p { font-size:15px; color:var(--text2); line-height:1.7; margin:0; }
.pnb-answer-box strong { color:var(--blue-dark); }

/* Tables */
.pnb-table-wrap { overflow-x:auto; margin:16px 0 24px; border-radius:12px; border:1.5px solid var(--border); }
.pnb-compare-table { width:100%; border-collapse:collapse; font-size:14px; }
.pnb-compare-table th { background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid)); color:#fff; padding:12px 14px; text-align:left; font-weight:700; font-size:13px; }
.pnb-compare-table td { padding:11px 14px; border-bottom:1px solid var(--border); color:var(--text2); }
.pnb-compare-table tr:last-child td { border-bottom:none; }
.pnb-compare-table tr:hover td { background:var(--blue-10); }
.pnb-compare-table td strong { color:var(--blue-dark); }

/* Recommendation box */
.pnb-recommendation-box {
  background:linear-gradient(135deg,#FFF8F0,#FFF3E5);
  border:1.5px solid rgba(248,149,31,.25);
  border-radius:14px; padding:22px 24px; margin:28px 0;
}
.pnb-recommendation-box h3 { color:var(--blue-dark); font-size:18px; font-weight:800; margin-bottom:12px; }
.pnb-recommendation-box p { color:var(--text2); font-size:14.5px; line-height:1.7; margin-bottom:10px; }
.pnb-recommendation-box ul { margin:12px 0; padding-left:0; }
.pnb-recommendation-box ul li { list-style:none; padding:4px 0; font-size:14px; color:var(--text2); }

/* FAQ */
.pnb-faq-block { margin:16px 0 28px; }
.pnb-faq-item { border:1.5px solid var(--border); border-radius:10px; margin-bottom:10px; overflow:hidden; }
.pnb-faq-item h3 { font-size:15px; font-weight:700; color:var(--blue-dark); padding:14px 18px; margin:0; cursor:pointer; background:var(--blue-10); }
.pnb-faq-item p { font-size:14px; color:var(--text2); line-height:1.7; padding:14px 18px; margin:0; background:#fff; }

/* Related links */
.pnb-related-links { background:var(--bg2); border-radius:12px; padding:18px 20px; margin:24px 0; }
.pnb-related-links h3 { font-size:15px; font-weight:700; color:var(--blue-dark); margin-bottom:12px; }
.pnb-related-links ul { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.pnb-related-links ul li a { color:var(--blue); font-size:14px; text-decoration:none; font-weight:500; }
.pnb-related-links ul li a:hover { text-decoration:underline; }
.pnb-related-links ul li::before { content:'→ '; color:var(--orange); }

/* CTA box */
.pnb-cta-box { background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid)); border-radius:16px; padding:28px 32px; margin:32px 0 0; color:#fff; text-align:center; }
.pnb-cta-box h3 { font-size:20px; font-weight:900; margin-bottom:8px; color:#fff; }
.pnb-cta-box p { color:rgba(255,255,255,.75); font-size:14.5px; margin-bottom:0; }

/* Headings in article */
.pnb-seo-page h2 { font-size:clamp(18px,2.2vw,24px); font-weight:800; color:var(--blue-dark); margin:32px 0 14px; padding-bottom:8px; border-bottom:2px solid var(--blue-10); }
.pnb-seo-page h3 { font-size:clamp(15px,1.8vw,18px); font-weight:700; color:var(--blue-dark); margin:20px 0 10px; }
.pnb-seo-page p { font-size:15px; color:var(--text2); line-height:1.75; margin-bottom:14px; }
.pnb-seo-page ul { padding-left:0; margin:12px 0 18px; }
.pnb-seo-page ul li { list-style:none; padding:5px 0 5px 22px; position:relative; font-size:14.5px; color:var(--text2); line-height:1.6; }
.pnb-seo-page ul li::before { content:'✓'; position:absolute; left:0; color:var(--blue); font-weight:700; }

@media(max-width:767px) {
  .pnb-sp-hero h1 { font-size:22px; }
  .pnb-compare-table { font-size:12px; }
  .pnb-compare-table th, .pnb-compare-table td { padding:9px 10px; }
  .pnb-cta-box { padding:20px 18px; }
}


/* ═══════════════════════════════════════════════════════════
   SEO LANDING PAGE — Article + Sidebar Products
══════════════════════════════════════════════════════════ */

/* Two-column layout: article left, products right */
.pnb-landing-wrap {
  display:grid;
  grid-template-columns:1fr 320px;
  gap:36px;
  align-items:start;
}
.pnb-landing-article {
  min-width:0; /* prevent overflow */
}

/* Sticky product sidebar */
.pnb-landing-sidebar {
  position:sticky;
  top:90px;
}
.pnb-sidebar-products {
  background:#fff;
  border:1.5px solid var(--border);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--sh-md);
}
.pnb-sidebar-head {
  background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));
  padding:16px 18px;
  color:#fff;
}
.pnb-sidebar-head .pnb-kicker { color:rgba(255,255,255,.6) !important; margin-bottom:4px; }
.pnb-sidebar-head h3 { font-size:14px; font-weight:700; color:#fff; line-height:1.3; }

/* Sidebar product cards */
.pnb-sidebar-prod-list { display:grid; gap:0; }
.pnb-sp-card {
  border-bottom:1px solid var(--border);
  padding:12px 14px;
  transition:background .2s;
}
.pnb-sp-card:hover { background:var(--blue-10); }
.pnb-sp-card:last-child { border-bottom:none; }
.pnb-sp-card-link {
  display:flex; gap:12px; align-items:center;
  text-decoration:none; margin-bottom:10px;
}
.pnb-sp-img {
  width:68px; height:68px; flex-shrink:0;
  border-radius:8px; overflow:hidden;
  background:#F8FAFF;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--border);
}
.pnb-sp-img img {
  width:100%; height:100%;
  object-fit:contain; mix-blend-mode:multiply;
  padding:4px;
}
.pnb-sp-body { flex:1; min-width:0; }
.pnb-sp-title {
  font-size:12.5px; font-weight:600; color:var(--blue-dark);
  line-height:1.35; margin-bottom:4px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.pnb-sp-price {
  font-size:15px; font-weight:900; color:var(--blue-dark);
  letter-spacing:-.3px;
}
.pnb-sp-stock { font-size:10px; font-weight:600; margin-top:2px; }
.pnb-stock-in  { color:#16A34A; }
.pnb-stock-out { color:#DC2626; }
.pnb-sp-actions {
  display:flex; gap:6px;
}
.pnb-sp-actions .btn { flex:1; text-align:center; font-size:11.5px; padding:7px 8px; }
.pnb-sidebar-viewall {
  display:block; text-align:center;
  padding:13px; background:var(--blue-10);
  color:var(--blue); font-size:13px; font-weight:700;
  text-decoration:none; border-top:1px solid var(--border);
  transition:background .2s;
}
.pnb-sidebar-viewall:hover { background:var(--blue-15); }

/* Responsive: stack on mobile */
@media(max-width:1023px) {
  .pnb-landing-wrap { grid-template-columns:1fr; }
  .pnb-landing-sidebar { position:static; }
  .pnb-sidebar-prod-list { grid-template-columns:repeat(2,1fr); gap:0; }
  .pnb-sp-card { border-right:1px solid var(--border); }
  .pnb-sp-card:nth-child(2n) { border-right:none; }
}
@media(max-width:600px) {
  .pnb-sidebar-prod-list { grid-template-columns:1fr; }
  .pnb-sp-card { border-right:none; }
}


/* ═══════════════════════════════════════════════════════════
   FINAL FIXES v4.7 — All reported issues
══════════════════════════════════════════════════════════ */

/* ── 1. HERO SEARCH RESULTS — above stats bar ── */
.pnb-hero-search-wrap {
  position:relative !important;
  z-index:600 !important;      /* above stats bar z-index */
}
.pnb-hero-results {
  position:absolute !important;
  top:calc(100% + 6px) !important;
  left:0 !important; right:0 !important;
  background:#fff !important;
  border:1.5px solid var(--border) !important;
  border-radius:var(--r-md) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.18) !important;
  z-index:700 !important;      /* always on top */
  max-height:360px !important;
  overflow-y:auto !important;
  display:none !important;
}
.pnb-hero-results.open { display:block !important; }
/* Stats bar lower z-index so search sits above */
.pnb-stats-bar { position:relative; z-index:4 !important; }
.pnb-hero { position:relative; z-index:5 !important; }

.pnb-filter-box[style*="display: none"],
.pnb-filter-box[style*="display:none"] {
  display:none !important;
}
.pnb-filter-box h3 { display:flex; align-items:center; gap:7px; }

/* Chip wrap */
.pnb-chip-wrap { display:flex; flex-wrap:wrap; gap:6px; }
.pnb-chip {
  padding:6px 12px; border-radius:999px;
  font-size:12px; font-weight:600;
  border:1.5px solid var(--border);
  background:var(--color-background-primary,#fff);
  color:var(--text2); cursor:pointer;
  transition:all .18s ease;
}
.pnb-chip:hover { border-color:var(--blue); color:var(--blue); }
.pnb-chip.active { background:var(--blue); color:#fff; border-color:var(--blue); }


/* ═══════════════════════════════════════════════════════════
   M1 — CONVERSION ENGINE
══════════════════════════════════════════════════════════ */

/* ── Urgency signals ── */
.pnb-urgency {
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 12px; border-radius:8px;
  font-size:13px; font-weight:700; margin-bottom:10px;
}
.pnb-urgency-critical { background:#FEF2F2; color:#DC2626; border:1.5px solid #FECACA; animation:pnbPulse 1.5s ease-in-out infinite; }
.pnb-urgency-low      { background:#FFFBEB; color:#D97706; border:1.5px solid #FDE68A; }
.pnb-urgency-out      { background:#F5F5F5; color:#888;    border:1.5px solid #E5E5E5; }
@keyframes pnbPulse { 0%,100%{opacity:1} 50%{opacity:.65} }

/* ── Sections (bundle, upsell, recently viewed) ── */
.pnb-m1-section { padding:40px 0; }

/* Upsell card accent */
.pnb-upsell-card { border-color:var(--orange) !important; }
.pnb-badge-upgrade { background:var(--orange); color:#fff; }

/* ── Exit Intent Popup ── */
.pnb-exit-overlay {
  position:fixed; inset:0; background:rgba(0,0,0,.55);
  z-index:99998; display:none; align-items:center; justify-content:center;
  padding:20px;
}
.pnb-exit-overlay.open { display:flex; animation:pnbFadeIn .25s ease; }
.pnb-exit-modal {
  background:#fff; border-radius:20px; max-width:420px; width:100%;
  overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,.25);
  animation:pnbSlideUp .3s cubic-bezier(.34,1.2,.64,1);
}
@keyframes pnbFadeIn  { from{opacity:0} to{opacity:1} }
@keyframes pnbSlideUp { from{transform:translateY(40px);opacity:0} to{transform:translateY(0);opacity:1} }
.pnb-exit-top {
  background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));
  padding:24px 24px 20px; text-align:center; color:#fff;
}
.pnb-exit-icon   { font-size:40px; margin-bottom:8px; }
.pnb-exit-title  { font-size:20px; font-weight:800; margin-bottom:6px; }
.pnb-exit-sub    { font-size:13.5px; color:rgba(255,255,255,.75); line-height:1.55; }
.pnb-exit-body   { padding:20px 24px 24px; }
.pnb-exit-offer  { background:var(--blue-10); border-radius:10px; padding:14px 16px; font-size:13.5px; color:var(--blue-dark); line-height:1.6; margin-bottom:16px; border:1.5px solid var(--blue-15); }
.pnb-exit-btns   { display:grid; gap:8px; }
.pnb-exit-btn-wa {
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:13px; background:#22C55E; color:#fff; border:none; border-radius:10px;
  font-size:14px; font-weight:700; cursor:pointer; text-decoration:none;
  font-family:inherit; transition:background .18s;
}
.pnb-exit-btn-wa:hover { background:#16A34A; color:#fff; }
.pnb-exit-btn-dismiss {
  padding:10px; background:none; border:none; color:#aaa;
  font-size:13px; cursor:pointer; font-family:inherit;
}
.pnb-exit-btn-dismiss:hover { color:#555; }

/* ── WhatsApp floating popup (timer-based) ── */
.pnb-wa-popup {
  position:fixed; bottom:90px; right:24px; z-index:99997;
  background:#fff; border-radius:16px; padding:16px 18px;
  box-shadow:0 8px 32px rgba(0,0,0,.18); max-width:280px;
  border:1.5px solid #E8ECF0; display:none;
  animation:pnbSlideUp .3s cubic-bezier(.34,1.2,.64,1);
}
.pnb-wa-popup.open { display:block; }
.pnb-wa-popup-head { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:10px; }
.pnb-wa-popup-title { font-size:13.5px; font-weight:700; color:#111; }
.pnb-wa-popup-close { background:none; border:none; color:#aaa; font-size:16px; cursor:pointer; padding:0; line-height:1; }
.pnb-wa-popup-msg   { font-size:12.5px; color:#555; line-height:1.55; margin-bottom:12px; }
.pnb-wa-popup-btn   {
  display:flex; align-items:center; justify-content:center; gap:7px;
  padding:10px; background:#22C55E; color:#fff; border-radius:8px;
  text-decoration:none; font-size:13px; font-weight:700; transition:background .18s;
}
.pnb-wa-popup-btn:hover { background:#16A34A; color:#fff; }
.pnb-wa-popup-arrow {
  position:absolute; bottom:-8px; right:28px;
  width:16px; height:16px; background:#fff;
  border-right:1.5px solid #E8ECF0; border-bottom:1.5px solid #E8ECF0;
  transform:rotate(45deg);
}

@media(max-width:600px) {
  .pnb-exit-modal { max-width:340px; }
  .pnb-wa-popup   { right:12px; bottom:80px; max-width:260px; }
}


/* ═══════════════════════════════════════════════════════════
   M5 — PRODUCT INTELLIGENCE
══════════════════════════════════════════════════════════ */

/* "X জন দেখছেন" signal */
.pnb-m5-viewers {
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; color:#64748B; font-weight:500;
  margin-top:4px;
}
.pnb-m5-dot {
  width:7px; height:7px; border-radius:50%;
  background:#22C55E;
  box-shadow:0 0 0 0 rgba(34,197,94,.4);
  animation:pnbViewerPulse 2s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes pnbViewerPulse {
  0%   { box-shadow:0 0 0 0 rgba(34,197,94,.4); }
  70%  { box-shadow:0 0 0 6px rgba(34,197,94,0); }
  100% { box-shadow:0 0 0 0 rgba(34,197,94,0); }
}

/* Low stock badge animation */
.pnb-tag.t-hot {
  animation:pnbHotPulse 2.5s ease-in-out infinite;
}
@keyframes pnbHotPulse {
  0%,100% { opacity:1; transform:scale(1); }
  50%     { opacity:.85; transform:scale(1.03); }
}

/* Trending badge */
.pnb-tag.t-trending {
  background:linear-gradient(135deg,#EF4444,#DC2626) !important;
  color:#fff !important; border:none !important;
}

/* Best seller shimmer */
.pnb-tag.t-best {
  background:linear-gradient(135deg,#F59E0B,#D97706) !important;
  color:#fff !important; border:none !important;
}


/* ═══════════════════════════════════════════════════════════
   M9 — PWA Mobile Bottom Navigation
   Shows only when installed as PWA (display:standalone)
══════════════════════════════════════════════════════════ */
@media (display-mode: standalone) {
  /* Extra bottom padding so content isn't hidden behind nav */
  body { padding-bottom: 70px !important; }

  .pnb-pwa-bottom-nav {
    display: flex !important;
  }
}

.pnb-pwa-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: #fff;
  border-top: 1px solid var(--border);
  z-index: 9000;
  padding: 8px 0 env(safe-area-inset-bottom, 8px);
  box-shadow: 0 -4px 20px rgba(0,0,0,.08);
}
.pnb-pwa-nav-items {
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 480px;
  margin: 0 auto;
  width: 100%;
}
.pnb-pwa-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 4px 12px;
  text-decoration: none;
  color: var(--text2);
  border-radius: 8px;
  transition: all .18s;
  flex: 1;
  min-width: 0;
}
.pnb-pwa-nav-item:hover,
.pnb-pwa-nav-item.active {
  color: var(--blue);
  background: var(--blue-10);
}
.pnb-pwa-nav-icon  { font-size: 20px; line-height: 1; }
.pnb-pwa-nav-label { font-size: 10px; font-weight: 600; white-space: nowrap; }


/* ═══════════════════════════════════════════════════════════
   CART + CHECKOUT PAGES — Beautiful WooCommerce Styling
══════════════════════════════════════════════════════════ */

/* ── Cart Page ──────────────────────────────────────────── */
.pnb-cart-wrapper {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
}
.pnb-cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--border);
}
.pnb-cart-title {
  font-size: 28px;
  font-weight: 800;
  color: var(--text);
  margin: 0;
}
.pnb-cart-count {
  font-size: 14px;
  color: var(--text2);
  background: var(--bg2);
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 600;
}

/* Cart Grid Layout */
.pnb-cart-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 30px;
  align-items: start;
}

/* Cart Items */
.pnb-cart-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pnb-cart-item {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 20px;
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 20px;
  align-items: start;
  transition: box-shadow .2s;
}
.pnb-cart-item:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
}

.pnb-cart-item-img {
  width: 100px;
  height: 100px;
  background: var(--bg2);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pnb-cart-item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.pnb-cart-item-img a {
  display: block;
  width: 100%;
  height: 100%;
}

.pnb-cart-item-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pnb-cart-item-name {
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
  line-height: 1.4;
}
.pnb-cart-item-name a {
  color: var(--text);
  text-decoration: none;
}
.pnb-cart-item-name a:hover {
  color: var(--blue);
}

.pnb-cart-qty {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pnb-cart-qty .quantity {
  display: flex;
  align-items: center;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}
.pnb-cart-qty input[type="number"] {
  width: 60px;
  height: 36px;
  border: none;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  -moz-appearance: textfield;
}
.pnb-cart-qty input[type="number"]::-webkit-outer-spin-button,
.pnb-cart-qty input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pnb-cart-item-remove {
  margin-top: 8px;
}
.pnb-cart-remove-btn {
  font-size: 13px;
  color: #EF4444;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background .18s;
}
.pnb-cart-remove-btn:hover {
  background: #FEF2F2;
  color: #DC2626;
}

.pnb-cart-item-price {
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
}
.pnb-cart-item-subtotal {
  font-size: 20px;
  font-weight: 800;
  color: var(--blue-dark);
}
.pnb-cart-item-unit {
  font-size: 12px;
  color: var(--text2);
}

.pnb-cart-actions {
  margin-top: 16px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.pnb-cart-actions .button {
  padding: 10px 20px;
  background: var(--bg2);
  border: 1.5px solid var(--border);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  transition: all .18s;
}
.pnb-cart-actions .button:hover {
  background: var(--blue-10);
  border-color: var(--blue);
  color: var(--blue);
}

/* Cart Sidebar */
.pnb-cart-sidebar {
  position: sticky;
  top: 100px;
}
.pnb-cart-totals-wrap {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 24px;
}
.pnb-cart-totals-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1.5px solid var(--border);
}
.pnb-cart-totals-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.pnb-cart-totals-table tr {
  border-bottom: 1px solid var(--bg2);
}
.pnb-cart-totals-table th {
  text-align: left;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--text2);
}
.pnb-cart-totals-table td {
  text-align: right;
  padding: 12px 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
}
.pnb-cart-totals-table .order-total th {
  font-size: 16px;
  font-weight: 800;
  color: var(--text);
  padding-top: 16px;
}
.pnb-cart-totals-table .order-total td {
  font-size: 22px;
  font-weight: 900;
  color: var(--blue-dark);
  padding-top: 16px;
}

.wc-proceed-to-checkout {
  margin-bottom: 18px;
}
.wc-proceed-to-checkout .checkout-button {
  display: block;
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, var(--blue-dark), var(--blue-mid));
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  transition: transform .18s, box-shadow .18s;
}
.wc-proceed-to-checkout .checkout-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(26,58,143,.25);
  color: #fff;
}

.pnb-cart-trust {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1.5px solid var(--bg2);
}
.pnb-trust-item {
  font-size: 12px;
  color: var(--text2);
  display: flex;
  align-items: center;
  gap: 6px;
}

.pnb-cart-continue {
  margin-top: 14px;
}
.pnb-continue-btn {
  display: block;
  width: 100%;
  padding: 12px;
  background: var(--bg);
  border: 1.5px solid var(--border);
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--text2);
  text-decoration: none;
  transition: all .18s;
}
.pnb-continue-btn:hover {
  background: var(--bg2);
  color: var(--blue);
  border-color: var(--blue-15);
}

/* ── Checkout Page ─────────────────────────────────────── */
.pnb-checkout-wrapper {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
}
.pnb-checkout-header {
  margin-bottom: 32px;
}
.pnb-checkout-title {
  font-size: 28px;
  font-weight: 800;
  color: var(--text);
  margin: 0 0 12px;
}
.pnb-checkout-steps {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
}
.pnb-step {
  color: var(--text2);
  font-weight: 600;
  padding: 6px 14px;
  background: var(--bg2);
  border-radius: 999px;
}
.pnb-step.active {
  background: var(--blue);
  color: #fff;
}
.pnb-step-arrow {
  color: var(--muted);
}

.pnb-checkout-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 30px;
  align-items: start;
}

.pnb-checkout-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pnb-checkout-section {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 24px;
}
.pnb-section-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1.5px solid var(--bg2);
  color: var(--text);
}

.pnb-checkout-fields .form-row {
  margin-bottom: 16px;
}
.pnb-checkout-fields label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 6px;
}
.pnb-checkout-fields label .required {
  color: #EF4444;
}
.pnb-checkout-fields input[type="text"],
.pnb-checkout-fields input[type="email"],
.pnb-checkout-fields input[type="tel"],
.pnb-checkout-fields textarea,
.pnb-checkout-fields select {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  font-size: 14px;
  color: var(--text);
  background: #fff;
  transition: border-color .18s, box-shadow .18s;
}
.pnb-checkout-fields input:focus,
.pnb-checkout-fields textarea:focus,
.pnb-checkout-fields select:focus {
  outline: none;
  border-color: var(--blue);
  box-shadow: 0 0 0 3px var(--blue-10);
}
.pnb-checkout-fields textarea {
  min-height: 100px;
  resize: vertical;
}

.pnb-checkout-sidebar {
  position: sticky;
  top: 100px;
}
.pnb-checkout-review {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 14px;
  padding: 24px;
  margin-bottom: 14px;
}
.pnb-review-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1.5px solid var(--bg2);
}

.woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 18px;
}
.woocommerce-checkout-review-order-table thead {
  border-bottom: 1.5px solid var(--border);
}
.woocommerce-checkout-review-order-table th {
  text-align: left;
  padding: 12px 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--text2);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.woocommerce-checkout-review-order-table td {
  padding: 14px 0;
  font-size: 14px;
  color: var(--text);
  border-bottom: 1px solid var(--bg2);
}
.woocommerce-checkout-review-order-table .product-name {
  font-weight: 600;
}
.woocommerce-checkout-review-order-table .product-total {
  text-align: right;
  font-weight: 700;
  color: var(--blue-dark);
}
.woocommerce-checkout-review-order-table tfoot {
  border-top: 2px solid var(--border);
}
.woocommerce-checkout-review-order-table .order-total th {
  font-size: 16px;
  font-weight: 800;
  padding-top: 16px;
}
.woocommerce-checkout-review-order-table .order-total td {
  font-size: 22px;
  font-weight: 900;
  color: var(--blue-dark);
  padding-top: 16px;
}

.pnb-checkout-trust {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1.5px solid var(--bg2);
}

#payment {
  margin-top: 20px;
}
#payment .payment_methods {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
}
#payment .wc_payment_method {
  background: var(--bg2);
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: background .18s;
}
#payment .wc_payment_method:hover {
  background: var(--blue-10);
}
#payment .wc_payment_method input[type="radio"] {
  margin-right: 10px;
}
#payment .wc_payment_method label {
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
#payment .payment_box {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  padding: 14px 16px;
  margin: 10px 0;
  font-size: 13px;
  color: var(--text2);
  line-height: 1.6;
}

#place_order {
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #22C55E, #16A34A);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .18s, box-shadow .18s;
}
#place_order:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(34,197,94,.25);
}

.pnb-checkout-back {
  margin-top: 14px;
}
.pnb-back-btn {
  display: block;
  width: 100%;
  padding: 12px;
  background: var(--bg);
  border: 1.5px solid var(--border);
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--text2);
  text-decoration: none;
  transition: all .18s;
}
.pnb-back-btn:hover {
  background: var(--bg2);
  color: var(--blue);
  border-color: var(--blue-15);
}

/* ── Responsive ────────────────────────────────────────── */
@media (max-width: 900px) {
  .pnb-cart-grid,
  .pnb-checkout-grid {
    grid-template-columns: 1fr;
  }
  .pnb-cart-sidebar,
  .pnb-checkout-sidebar {
    position: static;
  }
  .pnb-cart-item {
    grid-template-columns: 80px 1fr;
    gap: 14px;
  }
  .pnb-cart-item-price {
    grid-column: 2;
    text-align: left;
    margin-top: 10px;
  }
  .pnb-cart-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .pnb-checkout-steps {
    flex-wrap: wrap;
  }
}


/* ═══════════════════════════════════════════════════════════
   CART NOTIFICATION POPUP
══════════════════════════════════════════════════════════ */
.pnb-cart-notification {
  position: fixed;
  top: 100px;
  right: 24px;
  z-index: 99999;
  animation: pnbSlideInRight .3s cubic-bezier(.34,1.2,.64,1);
}
@keyframes pnbSlideInRight {
  from { transform: translateX(400px); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}
.pnb-cart-notif-inner {
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 8px 32px rgba(0,0,0,.15);
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 320px;
  max-width: 380px;
}
.pnb-cart-notif-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #DCFCE7;
  color: #16A34A;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  flex-shrink: 0;
}
.pnb-cart-notif-text {
  flex: 1;
}
.pnb-cart-notif-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 2px;
}
.pnb-cart-notif-msg {
  font-size: 12px;
  color: var(--text2);
}
.pnb-cart-notif-actions {
  flex-shrink: 0;
}
.pnb-cart-notif-btn {
  display: inline-block;
  padding: 8px 16px;
  background: var(--blue);
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: background .18s;
}
.pnb-cart-notif-btn:hover {
  background: var(--blue-dark);
  color: #fff;
}

@media (max-width: 600px) {
  .pnb-cart-notification {
    right: 12px;
    left: 12px;
  }
  .pnb-cart-notif-inner {
    min-width: auto;
    max-width: none;
  }
}


/* ═══════════════════════════════════════════════════════════
   MOBILE HAMBURGER MENU
══════════════════════════════════════════════════════════ */

/* Hamburger Toggle Button */
.pnb-mobile-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  gap: 5px;
  transition: all .3s;
  z-index: 10001;
}
.pnb-hamburger-line {
  width: 24px;
  height: 2.5px;
  background: var(--text);
  border-radius: 2px;
  transition: all .3s cubic-bezier(.68,-.55,.265,1.55);
}

/* Hamburger animation when menu is open */
.pnb-mobile-menu-toggle.active .pnb-hamburger-line:nth-child(1) {
  transform: translateY(7.5px) rotate(45deg);
}
.pnb-mobile-menu-toggle.active .pnb-hamburger-line:nth-child(2) {
  opacity: 0;
  transform: translateX(-10px);
}
.pnb-mobile-menu-toggle.active .pnb-hamburger-line:nth-child(3) {
  transform: translateY(-7.5px) rotate(-45deg);
}

/* Mobile Menu Overlay */
.pnb-mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
  backdrop-filter: blur(2px);
}
.pnb-mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Mobile Menu Drawer */
.pnb-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  max-width: 85vw;
  background: #fff;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  box-shadow: -4px 0 40px rgba(0,0,0,.15);
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.68,-.55,.265,1.55);
}
.pnb-mobile-menu.active {
  transform: translateX(0);
}

/* Mobile Menu Header */
.pnb-mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  border-bottom: 1.5px solid var(--border);
  background: linear-gradient(135deg, var(--blue-dark), var(--blue-mid));
}
.pnb-mobile-menu-logo {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}
.pnb-mobile-menu-close {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.15);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: background .18s;
}
.pnb-mobile-menu-close:hover {
  background: rgba(255,255,255,.25);
}

/* Mobile Menu Body */
.pnb-mobile-menu-body {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
.pnb-mobile-menu-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  color: var(--text);
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  transition: all .18s;
  border-left: 3px solid transparent;
}
.pnb-mobile-menu-item:hover {
  background: var(--blue-10);
  color: var(--blue);
  border-left-color: var(--blue);
}
.pnb-mobile-menu-item.active {
  background: var(--blue-10);
  color: var(--blue);
  border-left-color: var(--blue);
}
.pnb-mobile-menu-icon {
  font-size: 22px;
  width: 28px;
  text-align: center;
  flex-shrink: 0;
}
.pnb-mobile-menu-label {
  flex: 1;
}
.pnb-mobile-menu-arrow {
  font-size: 18px;
  color: var(--muted);
  transition: transform .18s;
}
.pnb-mobile-menu-item:hover .pnb-mobile-menu-arrow {
  transform: translateX(4px);
  color: var(--blue);
}

/* Mobile Menu Footer */
.pnb-mobile-menu-footer {
  padding: 16px 20px;
  border-top: 1.5px solid var(--border);
  background: var(--bg2);
}
.pnb-mobile-menu-contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pnb-mobile-contact-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all .18s;
}
.pnb-mobile-contact-btn:hover {
  border-color: var(--blue);
  background: var(--blue-10);
  color: var(--blue);
}
.pnb-mobile-contact-btn.pnb-mobile-wa {
  background: #25D366;
  border-color: #25D366;
  color: #fff;
}
.pnb-mobile-contact-btn.pnb-mobile-wa:hover {
  background: #20BA5A;
  border-color: #20BA5A;
  color: #fff;
}
.pnb-mobile-contact-btn span:first-child {
  font-size: 20px;
}

/* Prevent body scroll when menu is open */
body.pnb-mobile-menu-open {
  overflow: hidden;
}

/* Show hamburger on mobile/tablet only */
@media (max-width: 900px) {
  .pnb-mobile-menu-toggle {
    display: flex;
  }
  
  /* Hide desktop nav on mobile */
  .pnb-nav-links {
    display: none !important;
  }
  
  /* Adjust navbar spacing */
  .pnb-nav-inner {
    gap: 12px;
  }
  
  /* Make search smaller on mobile */
  .pnb-nav-search {
    max-width: 200px;
  }
}

@media (max-width: 600px) {
  .pnb-nav-search {
    max-width: 140px;
  }
  .pnb-nav-search input {
    font-size: 13px;
  }
}

/* Smooth scroll disable when menu open */
html.pnb-mobile-menu-open {
  overflow: hidden;
}


/* ═══════════════════════════════════════════════════════════
   HORIZONTAL CATEGORY FILTER BAR (Shop Page)
══════════════════════════════════════════════════════════ */
.pnb-cat-filter-bar {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  overflow-x: auto;
  padding: 4px 0;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.pnb-cat-filter-bar::-webkit-scrollbar {
  display: none;
}
.pnb-cat-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  background: #fff;
  border: 1.5px solid var(--border);
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all .18s;
}
.pnb-cat-chip:hover {
  background: var(--blue-10);
  border-color: var(--blue);
  color: var(--blue);
  transform: translateY(-1px);
}
.pnb-cat-chip.active {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}
.pnb-cat-chip span:first-child {
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 600px) {
  .pnb-cat-filter-bar {
    margin-bottom: 14px;
    gap: 6px;
  }
  .pnb-cat-chip {
    padding: 8px 12px;
    font-size: 12.5px;
  }
  .pnb-cat-chip span:first-child {
    font-size: 14px;
  }
}


/* Stats Bar Responsive */
@media (max-width: 900px) {
  .pnb-stats-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .pnb-stat-cell {
    padding: 18px 16px !important;
  }
  .pnb-stat-cell:nth-child(2) {
    border-right: none !important;
  }
  .pnb-stat-cell:nth-child(3) {
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .pnb-stat-cell:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.12);
    border-right: none !important;
  }
  .pnb-stat-icon {
    font-size: 24px !important;
  }
  .pnb-stat-num {
    font-size: 26px !important;
  }
  .pnb-stat-lbl {
    font-size: 11px !important;
  }
}

@media (max-width: 600px) {
  .pnb-stat-cell {
    padding: 16px 12px !important;
  }
  .pnb-stat-icon {
    font-size: 22px !important;
    margin-bottom: 4px !important;
  }
  .pnb-stat-num {
    font-size: 22px !important;
  }
  .pnb-stat-lbl {
    font-size: 10px !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   STATS BAR — 4 STYLE VARIATIONS
══════════════════════════════════════════════════════════ */

/* Style 1: Gradient Blue (Default) */
.pnb-stats-bar.pnb-stats-gradient {
  background: linear-gradient(135deg, #1A3A8F, #2563EB) !important;
  border-bottom: 3px solid #F37021 !important;
}

/* Style 2: Dark Navy */
.pnb-stats-bar.pnb-stats-navy {
  background: #0D1F4E !important;
  border-bottom: 3px solid #FFD580 !important;
}
.pnb-stats-navy .pnb-stat-num {
  color: #FFD580 !important;
  text-shadow: 0 2px 12px rgba(255, 213, 128, .3) !important;
}

/* Style 3: Orange Energy */
.pnb-stats-bar.pnb-stats-orange {
  background: linear-gradient(135deg, #F37021, #FF6B35) !important;
  border-bottom: 3px solid #1A3A8F !important;
}
.pnb-stats-orange .pnb-stat-num {
  color: #FFF5E1 !important;
  text-shadow: 0 2px 12px rgba(255, 255, 255, .4) !important;
}
.pnb-stats-orange .pnb-stat-lbl {
  color: rgba(255, 255, 255, .75) !important;
}

/* Style 4: Modern Gray */
.pnb-stats-bar.pnb-stats-gray {
  background: linear-gradient(135deg, #4B5563, #6B7280) !important;
  border-bottom: 3px solid #F37021 !important;
}
.pnb-stats-gray .pnb-stat-num {
  color: #FBBF24 !important;
  text-shadow: 0 2px 12px rgba(251, 191, 36, .3) !important;
}


  gap: 8px;
  z-index: 10;
}

.pnb-slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.4);
  border: none;
  cursor: pointer;
  transition: all .3s;
}

.pnb-slider-dot.active {
  background: #fff;
  width: 22px;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .pnb-hero-slider {
    height: 280px;
  }
  .pnb-slider-btn {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
}


/* ═══════════════════════════════════════════════════════════
   HERO SLIDER ABSOLUTE FIX - HIGHEST PRIORITY
══════════════════════════════════════════════════════════ */
.pnb-hero-slider {
  position: relative !important;
  width: 100% !important;
  height: 390px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

.pnb-slider-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  height: 100% !important;
  transition: transform 0.55s ease !important;
  transform: translateX(0) !important;
}

.pnb-slide {
  position: relative !important;
  flex: 0 0 100% !important;
  flex-shrink: 0 !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

.pnb-slide img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}


/* ═══════════════════════════════════════════════════════════
   HERO SLIDER - FINAL DEFINITIVE VERSION
   DO NOT ADD MORE SLIDER CSS AFTER THIS
══════════════════════════════════════════════════════════ */

/* Container */
.pnb-hero-slider {
  position: relative;
  width: 100%;
  height: 390px;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(13,31,78,.45);
}

/* Track - holds all slides in a row */
.pnb-slider-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

/* Each slide */
.pnb-slide {
  flex: 0 0 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #1A3A8F, #2563EB);
}

/* Slide image */
.pnb-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 6s ease;
}

.pnb-slide.is-active img {
  transform: scale(1.06);
}

/* Overlay gradient */
.pnb-slide-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(13,31,78,.88) 100%);
  pointer-events: none;
}

/* Caption text */
.pnb-slide-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px 40px;
  color: #fff;
  z-index: 2;
}

.pnb-slide-tag {
  display: inline-block;
  background: rgba(243,112,33,.92);
  color: #fff;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.pnb-slide-caption h3 {
  font-size: 24px;
  font-weight: 800;
  margin: 0 0 6px 0;
  line-height: 1.2;
}

.pnb-slide-caption p {
  font-size: 14px;
  color: rgba(255,255,255,.75);
  margin: 0;
}

/* Navigation buttons */
.pnb-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  transition: all .25s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pnb-slider-btn:hover {
  background: rgba(255,255,255,.3);
  transform: translateY(-50%) scale(1.1);
}

.pnb-slider-btn.prev { left: 16px; }
.pnb-slider-btn.next { right: 16px; }

/* Dots */
.pnb-slider-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

.pnb-slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.35);
  border: none;
  cursor: pointer;
  transition: all .3s;
  padding: 0;
}

.pnb-slider-dot.active {
  background: #fff;
  width: 24px;
  border-radius: 4px;
}

/* Image-only mode */
.pnb-slide-image-only .pnb-slide-overlay,
.pnb-slide-image-only .pnb-slide-caption {
  display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
  .pnb-hero-slider {
    height: 280px;
    border-radius: 16px;
  }
  .pnb-slider-btn {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
  .pnb-slide-caption {
    padding: 20px 24px;
  }
  .pnb-slide-caption h3 {
    font-size: 18px;
  }
}


/* ═══════════════════════════════════════════════════════════
   CART ICON IN NAVBAR
══════════════════════════════════════════════════════════ */
.pnb-cart-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  transition: all .2s;
  color: #fff;
  text-decoration: none;
}

.pnb-cart-link:hover {
  background: rgba(255,255,255,.15);
  transform: scale(1.05);
}

.pnb-cart-icon {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  fill: none;
}

.pnb-cart-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F37021;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  border-radius: 10px;
  padding: 0 6px;
  box-shadow: 0 2px 6px rgba(243,112,33,.4);
}

@media (max-width: 900px) {
  .pnb-cart-link {
    display: none;
  }
}


/* ═══════════════════════════════════════════════════════════
   WOOCOMMERCE CART PAGE
══════════════════════════════════════════════════════════ */
.woocommerce-cart table.cart {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.woocommerce-cart table.cart thead th {
  background: linear-gradient(135deg, #1A3A8F, #2563EB);
  color: #fff;
  padding: 15px;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.woocommerce-cart table.cart tbody tr {
  border-bottom: 1px solid #E5E7EB;
}

.woocommerce-cart table.cart tbody tr:last-child {
  border-bottom: none;
}

.woocommerce-cart table.cart td {
  padding: 20px 15px;
  vertical-align: middle;
}

.woocommerce-cart table.cart .product-thumbnail img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
}

.woocommerce-cart table.cart .product-name a {
  color: #0D1F4E;
  font-weight: 600;
  text-decoration: none;
  font-size: 15px;
}

.woocommerce-cart table.cart .product-name a:hover {
  color: #F37021;
}

.woocommerce-cart table.cart .product-remove a {
  color: #EF4444;
  font-size: 24px;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
}

.woocommerce-cart table.cart .product-remove a:hover {
  color: #DC2626;
}

.woocommerce-cart table.cart .product-price,
.woocommerce-cart table.cart .product-subtotal {
  font-weight: 700;
  color: #F37021;
  font-size: 16px;
}

.woocommerce-cart table.cart .quantity input {
  width: 60px;
  padding: 8px;
  border: 1.5px solid #DDE3F0;
  border-radius: 8px;
  text-align: center;
  font-weight: 600;
}

.woocommerce-cart table.cart .actions {
  background: #F9FAFB;
  padding: 20px !important;
}

.woocommerce-cart table.cart .actions .coupon {
  display: inline-flex;
  gap: 10px;
  margin-right: 15px;
}

.woocommerce-cart table.cart .actions input[type="text"] {
  padding: 10px 15px;
  border: 1.5px solid #DDE3F0;
  border-radius: 8px;
  font-size: 14px;
}

.woocommerce-cart table.cart .actions button,
.woocommerce-cart table.cart .actions .button {
  background: linear-gradient(135deg, #1A3A8F, #2563EB);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
  transition: all .2s;
}

.woocommerce-cart table.cart .actions button:hover,
.woocommerce-cart table.cart .actions .button:hover {
  background: linear-gradient(135deg, #2563EB, #3B82F6);
  transform: translateY(-1px);
}

.cart-collaterals {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}

.cart_totals {
  width: 100%;
  max-width: 500px;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.cart_totals h2 {
  font-size: 24px;
  font-weight: 800;
  color: #0D1F4E;
  margin-bottom: 20px;
}

.cart_totals table {
  width: 100%;
  margin-bottom: 20px;
}

.cart_totals table th,
.cart_totals table td {
  padding: 12px 0;
  border-bottom: 1px solid #E5E7EB;
}

.cart_totals table .order-total th,
.cart_totals table .order-total td {
  font-size: 20px;
  font-weight: 800;
  color: #F37021;
  border-bottom: none;
  padding-top: 20px;
}

.wc-proceed-to-checkout {
  margin-top: 20px;
}

.wc-proceed-to-checkout .checkout-button {
  display: block;
  width: 100%;
  background: linear-gradient(135deg, #F37021, #FF6B35);
  color: #fff;
  padding: 16px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all .2s;
}

.wc-proceed-to-checkout .checkout-button:hover {
  background: linear-gradient(135deg, #FF6B35, #F37021);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(243,112,33,.3);
}

@media (max-width: 768px) {
  .woocommerce-cart table.cart .product-thumbnail {
    display: none;
  }
  
  .cart-collaterals {
    justify-content: center;
  }
  
  .cart_totals {
    max-width: 100%;
  }
}

/* ══════════════════════════════════════════════════════════
   PONNOBD v2.1 — ADDITIONAL FIXES & STAFF PAGE STYLES
   ══════════════════════════════════════════════════════════ */

/* ── Cart Page: WooCommerce native compatibility ── */
.woocommerce-cart .pnb-cart-wrapper { max-width: 100%; margin: 0; padding: 0; }
.woocommerce-cart-form { width: 100%; }
.woocommerce table.cart,
.woocommerce #content table.cart { display: none !important; }
.pnb-cart-grid { width: 100%; }

/* WooCommerce default cart table — hide & use our custom */
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper + form { display: none; }
.woocommerce-cart .cart-collaterals { display: none; }

/* Update Cart button — styled */
.pnb-cart-actions .button,
button[name="update_cart"] {
  background: var(--surface);
  border: 1.5px solid var(--border);
  color: var(--text2);
  padding: 10px 20px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--ease);
  font-family: var(--font);
}
button[name="update_cart"]:hover {
  background: var(--blue-10);
  border-color: var(--blue);
  color: var(--blue);
}

/* Quantity +/- buttons */
.pnb-cart-qty-btn, .quantity .plus, .quantity .minus {
  width: 34px; height: 34px;
  background: var(--surface);
  border: none;
  font-size: 18px; font-weight: 700;
  cursor: pointer; color: var(--text);
  display: flex; align-items: center; justify-content: center;
  transition: all var(--ease);
  flex-shrink: 0;
}
.pnb-cart-qty-btn:hover, .quantity .plus:hover, .quantity .minus:hover {
  background: var(--blue); color: #fff;
}

/* ── Checkout Page ── */
.woocommerce-checkout .pnb-checkout-wrapper { max-width: 100%; margin: 0; padding: 0; }
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 { display: none; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.woocommerce-checkout p.form-row { margin: 0; }
.woocommerce-checkout .form-row label {
  font-size: 13px; font-weight: 700; color: var(--text);
  display: block; margin-bottom: 5px;
}
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  width: 100%; padding: 11px 14px;
  border: 1.5px solid var(--border);
  border-radius: var(--r-sm);
  font-family: var(--font); font-size: 14px;
  color: var(--text); outline: none;
  transition: all var(--ease);
}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px var(--blue-10);
}
.woocommerce-checkout .form-row.form-row-wide { grid-column: 1 / -1; }

/* WooCommerce order review table */
.woocommerce-checkout-review-order-table {
  width: 100%; border-collapse: collapse; font-size: 14px;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 10px 0; border-bottom: 1px solid var(--border);
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
  font-size: 18px; font-weight: 800;
  color: var(--orange); border-bottom: none;
}

/* Payment methods */
.wc_payment_methods { list-style: none; }
.wc_payment_method {
  border: 1.5px solid var(--border);
  border-radius: var(--r-sm);
  margin-bottom: 10px;
  overflow: hidden;
  transition: all var(--ease);
}
.wc_payment_method:hover { border-color: var(--blue); }
.wc_payment_method input[type="radio"] { accent-color: var(--blue); }
.wc_payment_method label {
  display: flex; align-items: center; gap: 10px;
  padding: 14px 16px; cursor: pointer;
  font-size: 14px; font-weight: 700; color: var(--text);
}
.wc_payment_method .payment_box {
  padding: 12px 16px 16px;
  background: var(--surface);
  font-size: 13px; color: var(--muted);
  border-top: 1px solid var(--border);
}
#place_order {
  display: block; width: 100%;
  background: linear-gradient(135deg, var(--orange), #F5840A);
  color: #fff; border: none;
  padding: 16px; border-radius: var(--r-sm);
  font-size: 16px; font-weight: 700;
  cursor: pointer; font-family: var(--font);
  transition: all var(--ease);
  box-shadow: var(--sh-orange);
  margin-top: 18px;
}
#place_order:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(243,112,33,.35); }

/* ── Staff Archive Page ── */
.pnb-page-hero { background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 100%); padding: 52px 0; position: relative; overflow: hidden; }
.pnb-page-hero-inner { position: relative; z-index: 2; }
.pnb-page-hero h1 { font-size: 36px; color: #fff; margin-bottom: 10px; }
.pnb-page-hero p { font-size: 16px; color: rgba(255,255,255,.65); max-width: 560px; font-weight: 300; }

/* Staff grid */
.pnb-staff-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pnb-staff-card {
  background: #fff; border-radius: var(--r-lg);
  border: 1.5px solid var(--border); padding: 24px;
  text-align: center; transition: all var(--ease); box-shadow: var(--sh-xs);
}
.pnb-staff-card:hover { transform: translateY(-6px); border-color: var(--blue-15); box-shadow: var(--sh-lg); }
.pnb-staff-av {
  width: 76px; height: 76px; margin: 0 auto 13px;
  border-radius: 50%; border: 3px solid var(--border);
  overflow: hidden; position: relative;
}
.pnb-staff-av img { width: 100%; height: 100%; object-fit: cover; }
.pnb-status-dot {
  position: absolute; bottom: 3px; right: 3px;
  width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff;
}
.s-online { background: var(--success); }
.s-busy   { background: var(--warning); }
.s-offline{ background: var(--muted); }
.pnb-staff-name { font-size: 16px; font-weight: 700; color: var(--blue-dark); margin-bottom: 3px; }
.pnb-staff-role { font-size: 12.5px; color: var(--muted); margin-bottom: 8px; }
.pnb-staff-branch {
  font-size: 11px; font-weight: 700; padding: 4px 11px;
  border-radius: 999px; background: var(--blue-10); color: var(--blue);
  display: inline-block; margin-bottom: 13px;
}
.pnb-staff-stats { display: flex; justify-content: center; gap: 16px; margin-bottom: 14px; }
.pnb-ss-val { font-size: 17px; font-weight: 800; color: var(--blue-dark); }
.pnb-ss-lbl { font-size: 10.5px; color: var(--muted); }

/* Branch filter buttons */
.pnb-filter-btn {
  padding: 9px 18px; border-radius: 999px;
  border: 1.5px solid var(--border); background: #fff;
  font-size: 13.5px; font-weight: 600; color: var(--muted);
  cursor: pointer; transition: all var(--ease); font-family: var(--font);
}
.pnb-filter-btn:hover { border-color: var(--blue); color: var(--blue); }
.pnb-filter-btn.active { background: var(--blue); color: #fff; border-color: var(--blue); }

/* ── Staff Single Profile Page ── */
.pnb-staff-hero {
  background: var(--blue-dark); position: relative;
  overflow: hidden; padding-bottom: 0;
}
.pnb-staff-hero-bg {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 65% 80% at 80% 20%, rgba(26,58,143,.45) 0%, transparent 58%),
    radial-gradient(ellipse 40% 50% at 10% 90%, rgba(243,112,33,.12) 0%, transparent 52%);
  pointer-events: none;
}
.pnb-staff-hero-lines {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 60px 60px; pointer-events: none;
}
.pnb-staff-hero-inner {
  position: relative; z-index: 3;
  display: grid; grid-template-columns: 240px 1fr 264px;
  gap: 26px; align-items: center; padding: 52px 0 0;
}
.pnb-staff-av-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--r-xl); padding: 26px 20px;
  text-align: center; backdrop-filter: blur(10px);
}
.pnb-staff-avatar {
  width: 100px; height: 100px; margin: 0 auto 14px;
  border-radius: 50%; border: 3px solid rgba(255,255,255,.18);
  overflow: hidden; position: relative;
}
.pnb-staff-avatar img { width: 100%; height: 100%; object-fit: cover; }
.pnb-staff-status-indicator {
  position: absolute; bottom: 5px; right: 5px;
  width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid rgba(255,255,255,.4);
}
.pnb-staff-display-name { font-size: 22px; font-weight: 800; color: #fff; margin-bottom: 4px; }
.pnb-staff-display-role { color: rgba(255,255,255,.72); font-size: 13px; margin-bottom: 10px; }
.pnb-staff-branch-pill {
  display: inline-block; background: rgba(243,112,33,.18);
  border: 1px solid rgba(243,112,33,.3); border-radius: 999px;
  padding: 5px 13px; font-size: 12px; font-weight: 700;
  color: var(--orange-light); margin-bottom: 12px;
  text-decoration: none; cursor: pointer;
}
.pnb-staff-uid { font-size: 11px; color: rgba(255,255,255,.38); letter-spacing: .05em; }
.pnb-staff-pills { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 18px; }
.pnb-staff-pill {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 13px; border-radius: 999px;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.12);
  font-size: 12.5px; font-weight: 600; color: #fff;
}
.pnb-staff-action-btns { display: flex; gap: 9px; flex-wrap: wrap; }
.pnb-staff-share-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--r-xl); padding: 22px;
  backdrop-filter: blur(10px);
}
.pnb-staff-share-card h3 { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 13px; }
.pnb-mini-stats { display: grid; gap: 7px; }
.pnb-mini-stat {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 11px; background: rgba(255,255,255,.06); border-radius: 9px;
}
.pnb-mini-stat span   { font-size: 12px; color: rgba(255,255,255,.52); }
.pnb-mini-stat strong { font-size: 13.5px; font-weight: 700; color: var(--orange-light); }
.pnb-staff-stats-bar {
  position: relative; bottom: 0; left: 0; right: 0; z-index: 4;
  background: rgba(255,255,255,.05);
  border-top: 1px solid rgba(255,255,255,.09);
  backdrop-filter: blur(12px);
}

/* Staff Info Grid */
.pnb-staff-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.pnb-info-card {
  background: #fff; border-radius: var(--r-lg);
  padding: 26px; border: 1.5px solid var(--border); box-shadow: var(--sh-sm);
}
.pnb-info-card h2 { font-size: 19px; font-weight: 700; color: var(--blue-dark); margin-bottom: 13px; }
.pnb-info-card p  { color: var(--muted); font-size: 14px; line-height: 1.7; margin-bottom: 11px; }
.pnb-share-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 14px; }
.pnb-share-btn {
  display: flex; align-items: center; gap: 7px; justify-content: center;
  padding: 11px 13px; border-radius: 11px; font-size: 12.5px; font-weight: 600;
  border: 1.5px solid var(--border); background: #fff; color: var(--blue-dark);
  cursor: pointer; transition: all var(--ease); text-decoration: none;
}
.pnb-share-btn:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-10); }
.pnb-contact-list { display: grid; gap: 11px; }
.pnb-contact-item {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 13px 15px; background: var(--surface); border-radius: 11px;
  border: 1.5px solid var(--border);
}
.pnb-contact-item strong { font-size: 13.5px; font-weight: 600; color: var(--blue-dark); display: block; }
.pnb-contact-item span  { font-size: 12.5px; color: var(--muted); }

/* Staff Lead Form */
.pnb-lead-form { display: flex; flex-direction: column; gap: 12px; }
.pnb-form-row input,
.pnb-form-row textarea,
.pnb-form-row select {
  width: 100%; padding: 11px 13px;
  border: 1.5px solid var(--border);
  border-radius: 10px; font-size: 14px;
  outline: none; background: #fff;
  transition: border-color var(--ease);
  font-family: var(--font); color: var(--text);
}
.pnb-form-row input:focus,
.pnb-form-row textarea:focus { border-color: var(--blue); }
.pnb-form-row textarea { min-height: 85px; resize: vertical; }
.pnb-lead-success {
  text-align: center; padding: 28px 20px;
  background: var(--success-bg); border: 1.5px solid #BBF7D0;
  border-radius: var(--r-lg); color: var(--success); font-weight: 600;
}

/* Staff Ribbon on Product Card */
.pnb-staff-ribbon {
  background: linear-gradient(135deg, var(--blue-dark), var(--blue-mid));
  border-radius: var(--r-md); padding: 14px 18px;
  display: flex; align-items: center; gap: 13px;
  margin-bottom: 18px; color: #fff;
}
.pnb-ribbon-av {
  width: 42px; height: 42px; border-radius: 50%;
  border: 2px solid rgba(255,255,255,.25); overflow: hidden; flex-shrink: 0;
}
.pnb-ribbon-av img { width: 100%; height: 100%; object-fit: cover; }
.pnb-ribbon-name { font-size: 13.5px; font-weight: 700; }
.pnb-ribbon-note { font-size: 11.5px; color: rgba(255,255,255,.62); }

/* ── Responsive Staff ── */
@media (max-width: 1024px) {
  .pnb-staff-grid { grid-template-columns: repeat(3, 1fr); }
  .pnb-staff-hero-inner { grid-template-columns: 200px 1fr; }
  .pnb-staff-share-card { display: none; }
}
@media (max-width: 768px) {
  .pnb-staff-grid { grid-template-columns: repeat(2, 1fr); }
  .pnb-staff-hero-inner { grid-template-columns: 1fr; text-align: center; }
  .pnb-staff-action-btns { justify-content: center; }
  .pnb-staff-pills { justify-content: center; }
  .pnb-staff-av-card { display: none; }
  .pnb-staff-info-grid { grid-template-columns: 1fr; }
  .pnb-checkout-fields,
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
  .pnb-cart-grid { grid-template-columns: 1fr; }
  .pnb-cart-item { grid-template-columns: 80px 1fr; }
  .pnb-cart-item-price { grid-column: 1 / -1; flex-direction: row; justify-content: space-between; align-items: center; }
}
@media (max-width: 480px) {
  .pnb-staff-grid { grid-template-columns: 1fr 1fr; }
}