/* ============================================================
   BOUTIK PAM — PARENAJ · v5.2.0
   Design: menm tèm ak WEN TECH (nwa, ble #0057ff, Syne + DM Sans)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=DM+Mono:wght@500&display=swap');

:root{
  --bpp-bg:#070b13;
  --bpp-surface:#0d1525;
  --bpp-surface-2:#111b2e;
  --bpp-surface-3:#0c1422;
  --bpp-line:rgba(255,255,255,.07);
  --bpp-line-2:rgba(255,255,255,.10);
  --bpp-blue:#0057ff;
  --bpp-blue-2:#2979ff;
  --bpp-blue-3:#6ea8ff;
  --bpp-blue-soft:rgba(0,87,255,.10);
  --bpp-blue-line:rgba(0,87,255,.25);
  --bpp-ink:#e8edf5;
  --bpp-ink-2:#8fa8ba;
  --bpp-ink-3:#5a7489;
  --bpp-ink-4:#3d5268;
  --bpp-wa:#0aac5e;
  --bpp-ok:#34d399;  --bpp-ok-bg:rgba(16,185,129,.10);  --bpp-ok-bd:rgba(16,185,129,.30);
  --bpp-warn:#ffcf5c;--bpp-warn-bg:rgba(255,184,0,.09); --bpp-warn-bd:rgba(255,184,0,.30);
  --bpp-err:#ff6b85; --bpp-err-bg:rgba(255,77,109,.10); --bpp-err-bd:rgba(255,77,109,.32);
  --bpp-r-sm:10px; --bpp-r:14px; --bpp-r-lg:18px; --bpp-pill:999px;
  --bpp-head:'Syne',system-ui,sans-serif;
  --bpp-font:'DM Sans',system-ui,sans-serif;
  --bpp-mono:'DM Mono',ui-monospace,monospace;
  --bpp-ease:.2s cubic-bezier(.22,.68,0,1.1);
}

/* ── SCOPE ── */
.bpp-wrap,.bpp-guest-wrap{font-family:var(--bpp-font);color:var(--bpp-ink);-webkit-font-smoothing:antialiased;}
.bpp-wrap *,.bpp-wrap *::before,.bpp-wrap *::after,
.bpp-guest-wrap *,.bpp-guest-wrap *::before,.bpp-guest-wrap *::after{box-sizing:border-box;}
.bpp-wrap{max-width:1200px;margin:20px auto;padding:0 4px;}
.bpp-wrap p,.bpp-guest-wrap p{color:var(--bpp-ink-2);}

@keyframes bppUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes bppPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}
@keyframes bppFill{to{background-position:0 0}}
.bpp-hero,.bpp-grid,.bpp-panel,.bpp-guest-card{animation:bppUp .6s cubic-bezier(.22,.68,0,1.2) both;}
.bpp-grid{animation-delay:.08s}.bpp-panel{animation-delay:.14s}

/* ====================================================
   HERO
   ==================================================== */
.bpp-hero{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:22px;align-items:center;
  padding:34px 30px;border-radius:var(--bpp-r-lg);
  background:var(--bpp-bg);border:1px solid var(--bpp-line);
}
.bpp-hero::before{content:"";position:absolute;width:460px;height:460px;top:-180px;right:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,87,255,.18),transparent 70%);filter:blur(30px);pointer-events:none;}
.bpp-hero::after{content:"";position:absolute;width:260px;height:260px;bottom:-110px;left:-70px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,87,255,.09),transparent 70%);filter:blur(30px);pointer-events:none;}
.bpp-hero-main,.bpp-actions-hero{position:relative;z-index:1;}

.bpp-kicker,.bpp-guest-badge{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--bpp-pill);
  background:var(--bpp-blue-soft);border:1px solid rgba(0,87,255,.22);
  font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--bpp-blue-3);
}
.bpp-kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--bpp-blue);flex-shrink:0;
  box-shadow:0 0 8px rgba(0,87,255,.7);animation:bppPulse 2s infinite;}

.bpp-title,.bpp-guest-title{
  margin:16px 0 0;font-family:var(--bpp-font);font-weight:800;line-height:1.08;letter-spacing:-.03em;
  font-size:clamp(30px,5vw,48px);color:#fff;
}
.bpp-title span,.bpp-guest-title span{
  display:block;font-style:italic;letter-spacing:-.04em;
  background:linear-gradient(90deg,var(--bpp-blue-2) 50%,rgba(41,121,255,.18) 50%);
  background-size:220% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  animation:bppFill 1.4s cubic-bezier(.22,.61,.36,1) .35s forwards;
}
.bpp-sub{margin-top:12px;max-width:520px;font-size:15px;line-height:1.7;color:#7a96aa;}
.bpp-sub-strong{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bpp-ink-2)!important;margin-top:10px;}

/* Kòd parenaj */
.bpp-promo-box{margin-top:22px;display:inline-flex;flex-direction:column;gap:8px;padding:14px 16px;
  border-radius:var(--bpp-r);background:rgba(255,255,255,.03);border:1px solid var(--bpp-line-2);}
.bpp-promo-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bpp-ink-3);}
.bpp-promo-code-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.bpp-promo-eq{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--bpp-pill);
  background:var(--bpp-blue-soft);border:1px solid var(--bpp-blue-line);color:var(--bpp-blue-3);font-size:18px;font-weight:800;flex-shrink:0;}
.bpp-promo-code{display:inline-flex;align-items:center;min-height:46px;padding:10px 18px;border-radius:var(--bpp-r-sm);
  background:var(--bpp-surface-2);border:1.5px solid var(--bpp-blue-line);color:#fff;
  font-family:var(--bpp-mono);font-size:clamp(16px,2.2vw,22px);font-weight:500;letter-spacing:.06em;word-break:break-word;
  box-shadow:0 0 0 4px rgba(0,87,255,.06);}

/* Aksyon hero */
.bpp-actions-hero{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;}
.bpp-actions-hero-single{grid-template-columns:1fr!important;align-content:center;}
.bpp-btn-share{min-height:62px;justify-content:flex-start!important;gap:12px;padding:14px 18px!important;font-size:16px!important;}
.bpp-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--bpp-pill);
  background:rgba(255,255,255,.16);color:#fff;font-size:17px;font-weight:800;flex-shrink:0;}
.bpp-share-mini{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--bpp-pill);
  font-size:10px;font-weight:800;flex-shrink:0;border:1px solid rgba(255,255,255,.18);}
.bpp-share-mini+.bpp-share-mini{margin-left:4px;}
.bpp-share-mini-wa{background:var(--bpp-wa);color:#fff;margin-left:auto;}
.bpp-share-mini-fb{background:#1877F2;color:#fff;font-family:Arial,sans-serif;font-size:14px;}

/* ====================================================
   BOUTON
   ==================================================== */
.bpp-btn,
html body .bpp-wrap form button,
.bpp-btn-block{
  appearance:none;border:0;cursor:pointer;text-decoration:none!important;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;border-radius:var(--bpp-pill)!important;
  background:var(--bpp-blue)!important;color:#fff!important;
  font-family:var(--bpp-font)!important;font-size:14px;font-weight:700!important;letter-spacing:.01em;
  box-shadow:0 4px 18px rgba(0,87,255,.35);
  transition:background var(--bpp-ease),transform var(--bpp-ease),box-shadow var(--bpp-ease);
}
.bpp-btn:hover,html body .bpp-wrap form button:hover,.bpp-btn-block:hover{
  background:var(--bpp-blue-2)!important;transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,87,255,.45);color:#fff!important;}
.bpp-btn:active{transform:none;}
.bpp-btn-ghost{background:rgba(255,255,255,.04)!important;border:1px solid var(--bpp-line-2)!important;color:var(--bpp-ink)!important;box-shadow:none;}
.bpp-btn-ghost:hover{background:var(--bpp-blue-soft)!important;border-color:rgba(0,87,255,.45)!important;color:var(--bpp-blue-2)!important;}
.bpp-btn-wa{background:var(--bpp-wa)!important;box-shadow:0 4px 18px rgba(10,172,94,.3);}
.bpp-btn-wa:hover{background:#0cc26b!important;}
.bpp-btn-block,html body .bpp-wrap form button.bpp-btn-block{display:flex!important;width:100%!important;margin-top:18px;min-height:52px;font-size:15px!important;}
.bpp-btn-sm{padding:8px 16px;font-size:13px;}

/* ====================================================
   ALÈT
   ==================================================== */
.bpp-alert{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:14px 0;padding:13px 16px;
  border-radius:var(--bpp-r-sm);border:1px solid;font-size:14px;font-weight:600;line-height:1.55;}
.bpp-alert-ok{background:var(--bpp-ok-bg);border-color:var(--bpp-ok-bd);color:var(--bpp-ok);}
.bpp-alert-warn{background:var(--bpp-warn-bg);border-color:var(--bpp-warn-bd);color:var(--bpp-warn);}
.bpp-alert-err{background:var(--bpp-err-bg);border-color:var(--bpp-err-bd);color:var(--bpp-err);}
.bpp-alert-ip{border-left-width:4px;}
.bpp-inline{display:inline-flex;align-items:center;gap:10px;margin-left:10px;}

/* ====================================================
   KAT STATISTIK
   ==================================================== */
.bpp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;}
.bpp-grid-top{margin-top:16px;}
.bpp-card{position:relative;overflow:hidden;padding:18px;border-radius:var(--bpp-r);
  background:var(--bpp-surface);border:1.5px solid var(--bpp-line);
  transition:border-color var(--bpp-ease),transform var(--bpp-ease),box-shadow var(--bpp-ease);}
.bpp-card:hover{border-color:rgba(0,87,255,.35);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4);}
.bpp-stat-card::after{content:"";position:absolute;right:-50px;bottom:-50px;width:130px;height:130px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,87,255,.14),transparent 70%);pointer-events:none;}
.bpp-card-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--bpp-ink-3);}
.bpp-label-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;
  background:var(--bpp-blue-soft);border:1px solid rgba(0,87,255,.2);font-size:14px;}
.bpp-card-value{margin-top:12px;font-family:var(--bpp-head);font-size:clamp(22px,2.6vw,30px);font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1;}
.bpp-card-value .woocommerce-Price-amount,.bpp-card-value bdi{color:#fff!important;}

/* ====================================================
   PANEL
   ==================================================== */
.bpp-panel{margin-top:14px;padding:22px;border-radius:var(--bpp-r-lg);background:var(--bpp-surface);border:1px solid var(--bpp-line);}
.bpp-panel h3{margin:0 0 14px;font-family:var(--bpp-head);font-size:17px;font-weight:800;color:#fff!important;letter-spacing:.01em;}
.bpp-panel-accent{background:linear-gradient(180deg,rgba(0,87,255,.07) 0%,var(--bpp-surface) 60%);border-color:rgba(0,87,255,.2);}
.bpp-muted{font-size:13.5px;line-height:1.6;color:var(--bpp-ink-2);}
.bpp-muted-warn{color:var(--bpp-warn);}
.bpp-section-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:14px;}
.bpp-eyebrow{margin-bottom:5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bpp-blue-3);}
.bpp-mini-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 13px;border-radius:var(--bpp-pill);
  background:var(--bpp-ok-bg);border:1px solid var(--bpp-ok-bd);color:var(--bpp-ok);font-size:12px;font-weight:700;}
.bpp-deadline{display:inline-flex;align-items:center;gap:8px;margin:6px 0 16px;padding:9px 16px;border-radius:var(--bpp-pill);
  background:var(--bpp-blue-soft);border:1px solid var(--bpp-blue-line);color:var(--bpp-blue-3);font-size:14px;font-weight:700;}

/* Parrain */
.bpp-referrer-card{position:relative;overflow:hidden;}
.bpp-referrer-box{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--bpp-r);
  background:rgba(255,255,255,.03);border:1px solid var(--bpp-line-2);}
.bpp-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:50%;
  background:var(--bpp-blue);color:#fff;font-family:var(--bpp-head);font-size:21px;font-weight:800;box-shadow:0 6px 20px rgba(0,87,255,.4);}
.bpp-referrer-name{margin-bottom:4px;font-size:17px;font-weight:800;color:#fff;}

/* ====================================================
   FÒM
   ==================================================== */
.bpp-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
.bpp-form-grid>div{width:100%!important;}
html body .bpp-wrap label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--bpp-ink-2)!important;}
.bpp-help{margin-top:5px;font-size:12px;color:var(--bpp-ink-3);}

html body .bpp-wrap input[type="text"],
html body .bpp-wrap input[type="number"],
html body .bpp-wrap select,
html body .bpp-wrap .bpp-input{
  display:block!important;width:100%!important;min-height:50px!important;padding:12px 15px!important;
  border-radius:var(--bpp-r-sm)!important;border:1.5px solid var(--bpp-line-2)!important;
  background:var(--bpp-surface-2)!important;color:var(--bpp-ink)!important;
  font-family:var(--bpp-font)!important;font-size:15px!important;font-weight:600!important;box-shadow:none!important;
  transition:border-color var(--bpp-ease),box-shadow var(--bpp-ease);
}
html body .bpp-wrap input:focus,html body .bpp-wrap select:focus{
  outline:none!important;border-color:var(--bpp-blue)!important;box-shadow:0 0 0 3px rgba(0,87,255,.15)!important;}
html body .bpp-wrap input::placeholder{color:var(--bpp-ink-4)!important;}
html body .bpp-wrap select option{background:var(--bpp-surface-3);color:var(--bpp-ink);}

.bpp-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px;}
.bpp-row-stack-mobile{align-items:flex-end;}
.bpp-row-stack-mobile input{flex:1;min-width:200px;}
.bpp-row-stack-mobile .bpp-btn{flex-shrink:0;}

.bpp-label{font-size:14px;font-weight:700;color:var(--bpp-ink-2);}
html body .bpp-wrap select.bpp-select{width:auto!important;min-height:0!important;padding:9px 14px!important;font-size:14px!important;
  border-radius:var(--bpp-pill)!important;cursor:pointer;}

/* ====================================================
   GRAFIK
   ==================================================== */
.bpp-chart-wrap{position:relative;height:320px;margin-top:14px;padding:14px;border-radius:var(--bpp-r);
  background:var(--bpp-surface-3);border:1px solid var(--bpp-line);}
.bpp-note{margin-top:12px;font-size:12.5px;line-height:1.55;color:var(--bpp-ink-3);}

/* ====================================================
   TOAST
   ==================================================== */
.bpp-toast{position:fixed;left:50%;bottom:24px;z-index:999999;transform:translateX(-50%);
  padding:12px 22px;border-radius:var(--bpp-pill);white-space:nowrap;pointer-events:none;opacity:0;
  background:var(--bpp-surface-3);color:#fff;border:1px solid var(--bpp-blue-line);
  font-family:var(--bpp-font);font-size:14px;font-weight:700;box-shadow:0 8px 32px rgba(0,0,0,.5);
  transition:opacity .22s ease,transform .22s ease;}
.bpp-toast.show{opacity:1;transform:translateX(-50%) translateY(-5px);}

/* ====================================================
   VIZITÈ (pa konekte)
   ==================================================== */
.bpp-guest-wrap{display:flex;justify-content:center;padding:14px 4px;}
.bpp-guest-card{position:relative;overflow:hidden;width:min(100%,880px);padding:38px 32px;border-radius:var(--bpp-r-lg);
  background:var(--bpp-bg);border:1px solid var(--bpp-line);}
.bpp-guest-card::before{content:"";position:absolute;width:480px;height:480px;top:-200px;right:-140px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,87,255,.18),transparent 70%);filter:blur(30px);pointer-events:none;}
.bpp-guest-card>*{position:relative;z-index:1;}
.bpp-guest-title{margin-top:18px;font-size:clamp(28px,4.5vw,44px);}
.bpp-guest-text{margin:14px 0 0;max-width:620px;font-size:15px;line-height:1.75;color:#7a96aa!important;}
.bpp-guest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0;}
.bpp-guest-item{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:var(--bpp-r);
  background:var(--bpp-surface);border:1.5px solid var(--bpp-line);transition:border-color var(--bpp-ease),transform var(--bpp-ease);}
.bpp-guest-item:hover{border-color:rgba(0,87,255,.35);transform:translateY(-2px);}
.bpp-guest-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;
  background:var(--bpp-blue-soft);border:1px solid rgba(0,87,255,.22);font-size:21px;}
.bpp-guest-item strong{display:block;margin-bottom:5px;font-size:15px;font-weight:700;color:#fff!important;}
.bpp-guest-item small{display:block;font-size:13px;line-height:1.55;color:var(--bpp-ink-2);}
.bpp-guest-note{margin:0 0 18px;font-size:14px;color:var(--bpp-ink-2)!important;}
.bpp-guest-cta{min-height:48px;padding:13px 26px;}

/* ====================================================
   RESPONSIVE
   ==================================================== */
@media (max-width:900px){
  .bpp-hero{grid-template-columns:1fr;}
  .bpp-guest-grid{grid-template-columns:1fr;}
  .bpp-guest-card{padding:28px 22px;}
}
@media (max-width:640px){
  .bpp-wrap{margin:12px auto;padding:0;}
  .bpp-hero{padding:24px 18px;}
  .bpp-grid{grid-template-columns:1fr;}
  .bpp-actions-hero,.bpp-actions-hero-single{grid-template-columns:1fr!important;}
  .bpp-form-grid{grid-template-columns:1fr!important;}
  .bpp-row-stack-mobile{flex-direction:column;align-items:stretch;}
  .bpp-row-stack-mobile input,.bpp-row-stack-mobile .bpp-btn{width:100%;min-width:0;flex:none;}
  .bpp-panel{padding:18px 16px;}
  .bpp-section-head{align-items:stretch;}
  .bpp-mini-badge{width:100%;}
  .bpp-referrer-box{align-items:flex-start;}
  .bpp-promo-box{display:flex;}
  .bpp-promo-code{width:100%;justify-content:center;}
  .bpp-promo-eq{display:none;}
  .bpp-guest-card{padding:22px 16px;}
  .bpp-guest-cta{width:100%;}
  html body .bpp-wrap input[type="text"],html body .bpp-wrap input[type="number"],html body .bpp-wrap select{min-height:54px!important;font-size:16px!important;}
}
@media (prefers-reduced-motion:reduce){
  .bpp-hero,.bpp-grid,.bpp-panel,.bpp-guest-card,.bpp-kicker-dot{animation:none!important;}
  .bpp-title span,.bpp-guest-title span{animation:none;background-position:0 0;}
}