/* ============================================================
   STANKI BOARD — Light Grey-Blue Design System
   ============================================================ */
:root {
  --sb-bg:          #f0f4f9;
  --sb-bg2:         #e6edf6;
  --sb-card:        #ffffff;
  --sb-surface:     #f7fafd;
  --sb-border:      #d4e0ee;
  --sb-border-md:   #b8cfe6;
  --sb-text:        #1b2b42;
  --sb-muted:       #4f6f94;
  --sb-dim:         #7e9ab8;
  --sb-acc:         #2d6eb4;
  --sb-acc-d:       #1a5499;
  --sb-acc-lt:      #e8f1fb;
  --sb-acc-glow:    rgba(45,110,180,0.10);
  --sb-green:       #1b9e8a;
  --sb-green-bg:    #e6f6f3;
  --sb-green-bdr:   #9dd5cb;
  --sb-blue:        #2d6eb4;
  --sb-purple:      #5b4fcf;
  --sb-shadow:      0 1px 4px rgba(30,60,100,0.07), 0 4px 16px rgba(30,60,100,0.06);
  --sb-shadow-hover:0 4px 12px rgba(30,60,100,0.10), 0 12px 32px rgba(30,60,100,0.10);
  --sb-shadow-lg:   0 8px 32px rgba(30,60,100,0.13);
  --sb-radius:      14px;
  --sb-radius-lg:   18px;
  --sb-radius-xl:   22px;
}

/* ── BASE ── */
.stanki-board-wrap,
.stanki-form-wrap,
.stanki-packages-wrap,
.stanki-marketplace,
.stanki-single-wrap {
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif;
  color: var(--sb-text);
}

/* ── TOPBAR / LANG SWITCHER ── */
.stanki-topbar { display:flex; justify-content:flex-end; margin:0 0 16px; }
.stanki-lang-switcher { display:flex; gap:5px; flex-wrap:wrap; }
.stanki-lang-link {
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;padding:5px 9px;
  border:1px solid var(--sb-border);border-radius:6px;
  background:var(--sb-card);color:var(--sb-muted);
  text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.05em;
  font-family:'DM Mono',monospace;transition:all .14s;
}
.stanki-lang-link:hover{border-color:var(--sb-acc);color:var(--sb-acc);background:var(--sb-acc-lt);}
.stanki-lang-link.is-active{background:var(--sb-acc);color:#fff;border-color:var(--sb-acc);}

/* ── MARKETPLACE WRAPPER ── */
.stanki-marketplace{max-width:1500px;margin:0 auto;}

/* ── HERO ── */
.stanki-hero {
  background:#fff;border:1px solid var(--sb-border);
  border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow);
  padding:28px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:20px;position:relative;overflow:hidden;
}
.stanki-hero::before {
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--sb-acc),#5e9fd6);
  border-radius:var(--sb-radius-xl) var(--sb-radius-xl) 0 0;
}
.stanki-eyebrow {
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 12px;border-radius:20px;
  background:var(--sb-acc-lt);color:var(--sb-acc-d);
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid var(--sb-border-md);margin-bottom:10px;
  font-family:'DM Mono',monospace;
}
.stanki-board-title{margin:0 0 8px;font-size:36px;line-height:1.06;letter-spacing:-.025em;font-weight:800;color:var(--sb-text);}
.stanki-board-title span{color:var(--sb-acc);}
.stanki-board-subtitle,.stanki-hero-text{margin:0;color:var(--sb-muted);font-size:15px;line-height:1.65;}
.stanki-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.stanki-stat{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius);padding:12px 16px;min-width:120px;}
.stanki-stat b{display:block;font-size:22px;margin-bottom:2px;color:var(--sb-text);}
.stanki-stat span{font-size:12px;color:var(--sb-muted);}
.stanki-hero-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;}
.stanki-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}

/* ── BUTTONS ── */
.stanki-btn {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:42px;padding:9px 18px;border-radius:10px;
  font-size:14px;font-weight:600;line-height:1.2;
  text-decoration:none;cursor:pointer;
  transition:all .16s ease;border:1px solid transparent;
  font-family:inherit;white-space:nowrap;
}
.stanki-btn-primary{background:linear-gradient(160deg,var(--sb-acc) 0%,var(--sb-acc-d) 100%);color:#fff !important;box-shadow:0 3px 10px rgba(45,110,180,.22);}
.stanki-btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(45,110,180,.30);color:#fff !important;}
.stanki-btn-outline{background:#fff;color:var(--sb-text);border-color:var(--sb-border);box-shadow:var(--sb-shadow);}
.stanki-btn-outline:hover{border-color:var(--sb-acc);color:var(--sb-acc);background:var(--sb-acc-lt);}
.stanki-btn-ghost{background:var(--sb-surface);color:var(--sb-muted);border-color:var(--sb-border);}
.stanki-btn-ghost:hover{background:var(--sb-bg2);color:var(--sb-text);}
.stanki-btn-lg{min-height:48px;padding:0 22px;font-size:15px;}
.stanki-btn-sm{min-height:36px;padding:0 13px;font-size:13px;}

/* ── FILTERS ── */
.stanki-toolbar{margin-bottom:14px;}
.stanki-filters-card,.stanki-filters-box {
  background:var(--sb-card);border:1px solid var(--sb-border);
  border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow);
  padding:18px 20px;margin-bottom:16px;
}
.stanki-filter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.stanki-filter-title{font-size:16px;font-weight:700;}
.stanki-filter-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:10px;align-items:center;}
.stanki-input,.stanki-select,.stanki-search-input {
  height:44px;border:1px solid var(--sb-border);background:var(--sb-surface);
  border-radius:10px;padding:0 14px;font-size:14px;color:var(--sb-text);
  outline:none;width:100%;box-sizing:border-box;font-family:inherit;
  transition:border-color .14s,box-shadow .14s;
}
.stanki-input:focus,.stanki-select:focus,.stanki-search-input:focus{border-color:var(--sb-acc);box-shadow:0 0 0 3px rgba(45,110,180,.10);}
.stanki-input-search{grid-column:span 2;}
.stanki-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.stanki-chip{padding:7px 12px;border-radius:20px;background:var(--sb-surface);border:1px solid var(--sb-border);color:var(--sb-muted);font-size:12px;font-weight:600;}

/* ── RESULTS META ── */
.stanki-results-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 14px;color:var(--sb-muted);font-size:13px;}
.stanki-results-meta strong{color:var(--sb-text);}
.stanki-active-filters{display:flex;gap:6px;flex-wrap:wrap;}
.stanki-filter-tag{background:var(--sb-acc-lt);color:var(--sb-acc);padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid var(--sb-border-md);}
.stanki-filter-tag a{color:inherit;text-decoration:none;margin-left:4px;}

/* ── LISTING ROWS ── */
.stanki-list-premium{display:flex;flex-direction:column;gap:16px;}
.stanki-row-premium {
  display:grid;grid-template-columns:460px minmax(0,1fr) 220px;
  gap:18px;align-items:stretch;
  background:#fff;border:1px solid var(--sb-border);
  border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow);
  padding:18px;transition:all .20s ease;
  position:relative;overflow:hidden;
}
.stanki-row-premium::before {
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--sb-acc),#5e9fd6);
  opacity:0;transition:opacity .20s;
  border-radius:var(--sb-radius-xl) var(--sb-radius-xl) 0 0;
}
.stanki-row-premium:hover{transform:translateY(-2px);box-shadow:var(--sb-shadow-hover);}
.stanki-row-premium:hover::before{opacity:1;}
.stanki-row-thumb-premium{position:relative;border-radius:16px;overflow:hidden;background:var(--sb-bg2);min-height:270px;}
.stanki-row-thumb-premium a,.stanki-row-thumb-premium img,.stanki-row-thumb-premium .stanki-no-thumb{display:block;width:100%;height:100%;}
.stanki-row-thumb-premium img{object-fit:cover;}
.stanki-no-thumb{display:flex!important;align-items:center;justify-content:center;font-size:44px;color:var(--sb-dim);background:var(--sb-bg2);}
.stanki-gallery-pill{
  position:absolute;left:12px;bottom:12px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.7);border-radius:20px;
  padding:6px 12px;font-size:12px;font-weight:700;color:var(--sb-text);
}
.stanki-row-main-premium{display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.stanki-row-top-premium{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px;}
.stanki-row-title-premium{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.02em;font-weight:800;color:var(--sb-text);text-decoration:none;transition:color .14s;}
.stanki-row-title-premium:hover{color:var(--sb-acc);}
.stanki-country-badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 12px;border-radius:20px;background:var(--sb-surface);border:1px solid var(--sb-border);font-size:13px;font-weight:600;color:var(--sb-text);}
.stanki-flag{font-size:18px;line-height:1;}
.stanki-row-meta-premium{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px;}
.stanki-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1px solid var(--sb-border);font-size:11px;font-weight:700;color:var(--sb-text);background:var(--sb-surface);letter-spacing:0;}
.stanki-badge-soft{background:var(--sb-surface);}
.stanki-deal-sale{background:var(--sb-green-bg);color:var(--sb-green);border-color:var(--sb-green-bdr);}
.stanki-deal-rent{background:#f0f4ff;color:#3b54c9;border-color:#c5ceff;}
.stanki-deal-swap{background:#f4f0ff;color:#5b4fcf;border-color:#d8ccff;}
.stanki-row-excerpt-premium{font-size:14px;line-height:1.7;color:var(--sb-muted);margin:0 0 14px;}
.stanki-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:2px;}
.stanki-fact{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:10px;padding:10px 12px;}
.stanki-fact span{display:block;font-size:10px;font-weight:700;color:var(--sb-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-family:'DM Mono',monospace;}
.stanki-fact b{font-size:14px;color:var(--sb-text);}
.stanki-row-right-premium{display:flex;flex-direction:column;justify-content:space-between;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:14px;padding:16px;}
.stanki-row-price-premium{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--sb-text);}
.stanki-row-price-premium span{font-size:16px;color:var(--sb-muted);font-weight:600;}
.stanki-row-price-premium small{display:block;font-size:11px;font-weight:600;color:var(--sb-dim);letter-spacing:.04em;margin-top:6px;font-family:'DM Mono',monospace;text-transform:uppercase;}
.stanki-price-neg{font-size:15px;color:var(--sb-muted);font-style:italic;}
.stanki-seller-box{border-top:1px solid var(--sb-border);border-bottom:1px solid var(--sb-border);padding:12px 0;margin:12px 0;}
.stanki-seller-name{font-size:14px;font-weight:700;margin-bottom:3px;}
.stanki-seller-meta,.stanki-seller-phone{font-size:12px;color:var(--sb-muted);}
.stanki-actions-premium{display:flex;flex-direction:column;gap:8px;}

/* ── PAGINATION ── */
.stanki-pagination{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
.stanki-pagination .page-numbers{width:40px;height:40px;border-radius:10px;border:1px solid var(--sb-border);background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--sb-text);text-decoration:none;font-size:14px;transition:all .14s;}
.stanki-pagination .page-numbers.current,.stanki-pagination .page-numbers:hover{background:var(--sb-acc);color:#fff;border-color:var(--sb-acc);box-shadow:0 3px 10px rgba(45,110,180,.22);}

/* ── EMPTY / AUTH ── */
.stanki-empty-state{text-align:center;padding:50px 20px;color:var(--sb-muted);background:#fff;border:1px solid var(--sb-border);border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow);}
.stanki-empty-icon{font-size:38px;margin-bottom:10px;}
.stanki-auth-required{text-align:center;padding:50px 20px;}
.stanki-auth-box{display:inline-block;padding:32px;max-width:420px;background:var(--sb-card);border:1px solid var(--sb-border);border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow);}
.stanki-auth-icon{font-size:2rem;margin-bottom:10px;}
.stanki-auth-box h3{margin-bottom:8px;font-size:1.15rem;}
.stanki-auth-box p{color:var(--sb-muted);font-size:.92rem;margin-bottom:18px;line-height:1.6;}

/* ── SUBMIT FORM ── */
.stanki-form-wrap{max-width:980px;margin:0 auto;}
.stanki-quota-bar-wrap{background:#fff;border:1px solid var(--sb-border);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:.88rem;color:var(--sb-muted);box-shadow:var(--sb-shadow);}
.stanki-quota-bar-wrap strong{color:var(--sb-text);}
.stanki-quota-track{height:5px;background:var(--sb-bg2);border-radius:999px;margin-top:8px;}
.stanki-quota-fill{height:5px;background:linear-gradient(90deg,var(--sb-acc),#5e9fd6);border-radius:999px;}
.stanki-form-title{font-size:1.8rem;font-weight:800;color:var(--sb-text);margin-bottom:4px;}
.stanki-form-sub{color:var(--sb-muted);font-size:.95rem;margin-bottom:18px;}
.stanki-section{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow);padding:20px 22px;margin-bottom:14px;}
.stanki-section-title{font-size:.95rem;font-weight:700;color:var(--sb-text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--sb-border);}
.stanki-field{margin-bottom:12px;}
.stanki-field label,.stanki-field>label{display:block;font-size:.83rem;color:var(--sb-muted);margin-bottom:6px;font-weight:600;}
.stanki-required label::after{content:' *';color:var(--sb-acc);}
.stanki-field input[type=text],
.stanki-field input[type=email],
.stanki-field input[type=tel],
.stanki-field input[type=number],
.stanki-field textarea,
.stanki-field select{width:100%;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:10px;color:var(--sb-text);padding:10px 13px;font-family:inherit;font-size:.93rem;box-sizing:border-box;transition:border-color .14s,box-shadow .14s;}
.stanki-field textarea{resize:vertical;min-height:130px;line-height:1.6;}
.stanki-field input:focus,.stanki-field textarea:focus,.stanki-field select:focus{outline:none;border-color:var(--sb-acc);box-shadow:0 0 0 3px rgba(45,110,180,.10);}
.stanki-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.stanki-field-row-3{grid-template-columns:1fr 1fr 1fr;}
.stanki-price-row{display:flex;gap:8px;}
.stanki-currency{flex:0 0 100px;width:100px!important;}
.stanki-checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;color:var(--sb-text)!important;font-size:.93rem!important;}
.stanki-checkbox-label input{width:auto!important;margin:0;}
.stanki-file-zone{border:2px dashed var(--sb-border-md);border-radius:14px;padding:22px;text-align:center;position:relative;background:var(--sb-surface);transition:border-color .14s,background .14s;}
.stanki-file-zone:hover{border-color:var(--sb-acc);background:var(--sb-acc-lt);}
.stanki-file-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;}
.stanki-file-icon{font-size:30px;margin-bottom:8px;}
.stanki-file-link{color:var(--sb-acc);font-weight:700;cursor:pointer;}
.stanki-file-preview img{max-width:100%;max-height:320px;border-radius:12px;}
.stanki-remove-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:999px;background:#fff;box-shadow:var(--sb-shadow);cursor:pointer;}
.stanki-submit-area{text-align:center;margin-top:18px;}
.stanki-submit-note{font-size:.84rem;color:var(--sb-muted);margin-top:9px;}
.stanki-alert{padding:12px 16px;border-radius:10px;margin-bottom:14px;font-weight:600;font-size:.93rem;}
.stanki-alert.success,.stanki-alert-success{background:var(--sb-green-bg);color:var(--sb-green);border:1px solid var(--sb-green-bdr);}
.stanki-alert.error,.stanki-alert-error{background:#fff0f0;color:#c0142a;border:1px solid #f5c2c7;}

/* ── PACKAGES PAGE ── */
.stanki-packages-wrap{max-width:900px;margin:0 auto;}
.stanki-board-header,.stanki-packages-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px;}
.stanki-package-section-title{
  display:flex;align-items:center;gap:10px;
  font-size:11px;font-weight:600;letter-spacing:.10em;text-transform:uppercase;
  color:var(--sb-dim);font-family:'DM Mono',monospace;
  margin:24px 0 10px;
}
.stanki-package-section-title::after{content:'';flex:1;height:1px;background:var(--sb-border);}
.stanki-packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.stanki-package-card{
  background:var(--sb-card);border:1px solid var(--sb-border);
  border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow);
  padding:18px 20px;position:relative;overflow:hidden;transition:all .18s ease;
}
.stanki-package-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--sb-acc),#5e9fd6);
  opacity:0;transition:opacity .18s;
  border-radius:var(--sb-radius-lg) var(--sb-radius-lg) 0 0;
}
.stanki-package-card:hover{border-color:var(--sb-border-md);box-shadow:var(--sb-shadow-hover);transform:translateY(-2px);}
.stanki-package-card:hover::after{opacity:1;}
.stanki-package-badge{
  display:inline-flex;align-items:center;gap:4px;padding:3px 9px;
  background:var(--sb-green-bg);border:1px solid var(--sb-green-bdr);border-radius:20px;
  font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sb-green);font-family:'DM Mono',monospace;margin-bottom:10px;
}
.stanki-package-card h3{margin:0 0 4px;font-size:13px;font-weight:400;color:var(--sb-muted);text-transform:uppercase;letter-spacing:.06em;}
.stanki-package-slots{font-family:'DM Mono',monospace;font-size:32px;font-weight:600;color:var(--sb-text);line-height:1;margin-bottom:14px;letter-spacing:-.02em;}
.stanki-package-price{font-family:'DM Mono',monospace;font-size:22px;font-weight:700;color:var(--sb-acc);line-height:1;margin-bottom:2px;}
.stanki-package-price small{font-size:12px;font-weight:400;color:var(--sb-muted);font-family:inherit;margin-left:2px;}
.stanki-package-oldprice{font-size:11px;color:var(--sb-dim);text-decoration:line-through;font-family:'DM Mono',monospace;margin-bottom:14px;}
.stanki-package-desc{color:var(--sb-muted);line-height:1.6;margin-bottom:10px;font-size:13px;}
.stanki-package-features{margin:0 0 16px;padding-left:16px;color:var(--sb-muted);line-height:1.8;font-size:13px;}
.stanki-package-cta{width:100%;margin-top:8px;}
.stanki-package-card.is-featured{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:linear-gradient(120deg,var(--sb-acc-lt) 0%,#fff 60%);
  border-color:var(--sb-border-md);padding:20px 24px;
}
.stanki-package-card.is-featured::after{opacity:1;}
.stanki-package-card.is-featured:hover{box-shadow:var(--sb-shadow-lg);border-color:var(--sb-acc);}
.stanki-package-card.is-featured .stanki-package-cta{width:auto;white-space:nowrap;}
.stanki-package-card.is-featured h3{font-size:15px;font-weight:700;color:var(--sb-text);text-transform:none;letter-spacing:0;margin-bottom:4px;}
.stanki-packages-help{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;}
.stanki-package-info-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow);padding:20px;}

/* ── SINGLE LISTING ── */
.stanki-single-wrap{max-width:1280px;margin:0 auto;padding:24px 16px 60px;}
.stanki-single-topnav{margin-bottom:16px;}
.stanki-single-topnav a{text-decoration:none;color:var(--sb-acc);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:color .14s;}
.stanki-single-topnav a:hover{color:var(--sb-acc-d);}
.stanki-single-grid{display:grid;grid-template-columns:minmax(0,1.65fr) 360px;gap:20px;}
.stanki-single-maincard,.stanki-single-contact.card,.stanki-single-content.card{background:#fff;border:1px solid var(--sb-border);border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow);}
.stanki-single-maincard{padding:18px;}
.stanki-single-gallery{margin-bottom:16px;}
.stanki-main-image-wrap{border-radius:16px;overflow:hidden;background:var(--sb-bg2);}
#stanki-main-image{width:100%;height:480px;object-fit:cover;display:block;}
.stanki-thumb-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-top:10px;}
.stanki-thumb-btn{padding:0;border:1px solid var(--sb-border);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;transition:border-color .14s;}
.stanki-thumb-btn:hover{border-color:var(--sb-acc);}
.stanki-thumb-btn img{width:100%;height:78px;object-fit:cover;display:block;}
.stanki-single-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px;}
.stanki-single-head h1{margin:0 0 8px;font-size:30px;line-height:1.12;letter-spacing:-.02em;}
.stanki-single-price{font-size:30px;font-weight:800;margin-bottom:14px;color:var(--sb-text);font-family:'DM Mono',monospace;letter-spacing:-.02em;}
.stanki-single-price small{font-size:13px;font-weight:600;color:var(--sb-muted);font-family:inherit;margin-left:4px;}
.stanki-single-contact.card,.stanki-single-content.card{padding:20px;}
.stanki-single-sidebar{display:flex;flex-direction:column;gap:16px;}
.stanki-contact-row{margin-top:10px;color:var(--sb-text);}
.stanki-actions-premium.vertical{display:flex;flex-direction:column;gap:8px;margin-top:16px;}

/* ── IMAGE MULTI PREVIEW ── */
.stanki-multi-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:12px;}
.stanki-preview-card{position:relative;border:1px solid var(--sb-border);border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:1/1;}
.stanki-preview-card img{width:100%;height:100%;object-fit:cover;}

/* ── RESPONSIVE ── */
@media(max-width:1280px){
  .stanki-filter-grid{grid-template-columns:1fr 1fr 1fr;}
  .stanki-input-search{grid-column:span 3;}
  .stanki-row-premium{grid-template-columns:1fr;}
  .stanki-hero{flex-direction:column;align-items:flex-start;}
}
@media(max-width:900px){
  .stanki-board-title{font-size:26px;}
  .stanki-filter-grid,.stanki-field-row,.stanki-field-row-3,.stanki-packages-grid,.stanki-packages-help,.stanki-facts-grid{grid-template-columns:1fr;}
  .stanki-input-search{grid-column:auto;}
  .stanki-row-top-premium{flex-direction:column;}
  .stanki-row-title-premium{font-size:22px;}
  .stanki-row-thumb-premium{min-height:240px;}
  .stanki-row-price-premium{font-size:28px;}
  .stanki-single-grid{grid-template-columns:1fr;}
  #stanki-main-image{height:340px;}
  .stanki-single-head{flex-direction:column;}
  .stanki-package-card.is-featured{flex-direction:column;align-items:flex-start;}
}
@media(max-width:640px){
  .stanki-packages-grid{grid-template-columns:1fr 1fr;}
  .stanki-hero{padding:20px;}
  .stanki-row-premium{padding:14px;}
}

/* v6.1 packages redesign */
.stanki-packages-upgrade .stanki-packages-grid.stanki-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;}
.stanki-package-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin:10px 0 4px;}
.stanki-package-hero-card{background:linear-gradient(180deg,rgba(101,141,165,.10),rgba(255,255,255,.02));border:1px solid var(--sb-border);border-radius:var(--sb-radius-xl);padding:22px;box-shadow:var(--sb-shadow);}
.stanki-package-hero-card.compact{background:var(--sb-card);}
.stanki-package-hero-card h2{margin:8px 0 10px;font-size:26px;line-height:1.15;}
.stanki-package-hero-card h3{margin:0 0 10px;font-size:18px;}
.stanki-package-current-plan{margin-top:12px;padding-top:12px;border-top:1px solid var(--sb-border);font-size:13px;color:var(--sb-muted);}
.stanki-plan-card{display:flex;flex-direction:column;min-height:100%;}
.stanki-plan-card .stanki-package-slots{font-size:28px;line-height:1.15;min-height:66px;display:flex;align-items:flex-end;}
.stanki-plan-subline{font-size:12px;color:var(--sb-muted);margin-bottom:10px;}
.stanki-plan-product-note{margin-top:auto;padding:10px 12px;border:1px dashed var(--sb-border-md);border-radius:12px;font-size:12px;color:var(--sb-muted);margin-bottom:10px;}
.stanki-plan-product-note.missing{color:#9b6b6b;}
.stanki-package-features.compact{margin-bottom:0;}
@media (max-width: 980px){
  .stanki-package-hero,.stanki-packages-upgrade .stanki-packages-grid.stanki-pricing-grid{grid-template-columns:1fr;}
}


/* v6.2 packages hardening */
.stanki-packages-upgrade{
  max-width:1180px;
  margin:0 auto;
}
.stanki-packages-upgrade, .stanki-packages-upgrade *{box-sizing:border-box;}
.stanki-packages-upgrade .stanki-board-title,
.stanki-packages-upgrade .stanki-board-subtitle,
.stanki-packages-upgrade .stanki-package-section-title,
.stanki-packages-upgrade .stanki-package-card h3,
.stanki-packages-upgrade .stanki-package-desc,
.stanki-packages-upgrade .stanki-package-price,
.stanki-packages-upgrade .stanki-package-price small,
.stanki-packages-upgrade .stanki-plan-subline,
.stanki-packages-upgrade .stanki-plan-product-note,
.stanki-packages-upgrade .stanki-package-hero-card,
.stanki-packages-upgrade .stanki-package-current-plan{
  float:none;
}
.stanki-packages-upgrade .stanki-board-header,
.stanki-packages-upgrade .stanki-packages-header{
  display:flex !important;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:22px;
}
.stanki-packages-upgrade .stanki-header-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.stanki-packages-upgrade .stanki-board-subtitle{
  max-width:760px;
  margin:8px 0 0;
  color:var(--sb-muted);
  font-size:15px;
  line-height:1.7;
}
.stanki-packages-upgrade .stanki-package-hero{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);
  gap:18px;
  margin:6px 0 8px;
}
.stanki-packages-upgrade .stanki-package-hero-card{
  background:linear-gradient(180deg,rgba(101,141,165,.10),rgba(255,255,255,.96));
  border:1px solid var(--sb-border);
  border-radius:22px;
  padding:24px;
  box-shadow:var(--sb-shadow);
}
.stanki-packages-upgrade .stanki-package-hero-card.compact{background:#fff;}
.stanki-packages-upgrade .stanki-package-hero-card h2{
  margin:8px 0 10px;
  font-size:30px;
  line-height:1.12;
  letter-spacing:-.03em;
  color:var(--sb-text);
}
.stanki-packages-upgrade .stanki-package-hero-card h3{
  margin:0 0 10px;
  font-size:18px;
  color:var(--sb-text);
  text-transform:none;
  letter-spacing:0;
  font-weight:700;
}
.stanki-packages-upgrade .stanki-package-hero-card p{
  margin:0;
  color:var(--sb-muted);
  line-height:1.7;
}
.stanki-packages-upgrade .stanki-package-current-plan{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--sb-border);
  font-size:13px;
  color:var(--sb-muted);
}
.stanki-packages-upgrade .stanki-package-section-title{
  margin:30px 0 12px;
}
.stanki-packages-upgrade .stanki-packages-grid.stanki-pricing-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:0;
}
.stanki-packages-upgrade .stanki-package-card.stanki-plan-card{
  display:flex !important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  min-width:0;
  min-height:100%;
  padding:22px;
  background:#fff;
  border:1px solid var(--sb-border);
  border-radius:22px;
  box-shadow:var(--sb-shadow);
  overflow:hidden;
}
.stanki-packages-upgrade .stanki-package-card.stanki-plan-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--sb-shadow-hover);
  border-color:var(--sb-border-md);
}
.stanki-packages-upgrade .stanki-package-card.stanki-plan-card::after{
  opacity:1;
  height:4px;
}
.stanki-packages-upgrade .stanki-package-card.stanki-plan-card.is-featured{
  grid-column:auto;
  background:linear-gradient(180deg,var(--sb-acc-lt),#fff 58%);
  border-color:#bfd4e6;
  padding:22px;
}
.stanki-packages-upgrade .stanki-package-card.stanki-plan-card.is-featured:hover{
  border-color:var(--sb-acc);
}
.stanki-packages-upgrade .stanki-package-badge{
  display:inline-flex;
  width:max-content;
  margin-bottom:14px;
}
.stanki-packages-upgrade .stanki-package-card.stanki-plan-card h3{
  margin:0;
  font-size:24px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--sb-text);
  text-transform:none;
}
.stanki-packages-upgrade .stanki-package-slots{
  margin:10px 0 0;
  min-height:auto;
  display:block;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--sb-dim);
}
.stanki-packages-upgrade .stanki-package-card .stanki-package-count{
  font-size:58px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.05em;
  color:#12335b;
  margin:12px 0 10px;
}
.stanki-packages-upgrade .stanki-package-price{
  margin:0;
  font-size:30px;
  font-weight:800;
  color:var(--sb-acc);
}
.stanki-packages-upgrade .stanki-package-price small{
  display:block;
  margin:6px 0 0;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--sb-dim);
}
.stanki-packages-upgrade .stanki-plan-subline{
  margin:10px 0 12px;
  min-height:18px;
  font-size:12px;
  font-family:'DM Mono',monospace;
  color:var(--sb-muted);
}
.stanki-packages-upgrade .stanki-package-desc{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.7;
}
.stanki-packages-upgrade .stanki-plan-product-note{
  margin-top:auto;
  margin-bottom:12px;
  padding:12px 14px;
  background:#f8fbfd;
}
.stanki-packages-upgrade .stanki-plan-product-note.missing{
  background:#fff8f7;
  border-color:#ebc9c4;
}
.stanki-packages-upgrade a.stanki-btn,
.stanki-packages-upgrade button.stanki-btn,
.stanki-packages-upgrade .stanki-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:48px;
  padding:12px 16px;
  border-radius:14px;
  text-decoration:none !important;
  box-shadow:none;
}
.stanki-packages-upgrade .stanki-package-cta{
  margin-top:0;
}
.stanki-packages-upgrade .stanki-packages-help{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:22px;
}
.stanki-packages-upgrade .stanki-package-info-card{
  background:#fff;
  border-radius:20px;
  padding:22px;
}
.stanki-packages-upgrade .stanki-package-features.compact{
  padding-left:18px;
}
.stanki-packages-upgrade .stanki-package-features.compact li{
  margin:0 0 6px;
}
@media (max-width: 980px){
  .stanki-packages-upgrade .stanki-package-hero,
  .stanki-packages-upgrade .stanki-packages-grid.stanki-pricing-grid,
  .stanki-packages-upgrade .stanki-packages-help{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .stanki-packages-upgrade .stanki-package-card .stanki-package-count{font-size:48px;}
  .stanki-packages-upgrade .stanki-package-card.stanki-plan-card h3{font-size:21px;}
}


/* ── HOME FEATURED MACHINES SHORTCODE ── */
.stanki-home-featured-block{max-width:1320px;margin:0 auto;padding:10px 0;}
.stanki-home-featured-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:30px;}
.stanki-home-featured-copy{max-width:840px;}
.stanki-home-featured-label{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sb-acc);margin-bottom:14px;}
.stanki-home-featured-title{margin:0;font-size:42px;line-height:1.15;font-weight:800;color:var(--sb-text);letter-spacing:-.02em;}
.stanki-home-featured-text{margin:14px 0 0;max-width:640px;font-size:16px;line-height:1.8;color:var(--sb-muted);}
.stanki-home-featured-viewall{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-text);font-weight:700;text-decoration:none;transition:all .2s ease;}
.stanki-home-featured-viewall:hover{background:var(--sb-bg2);color:var(--sb-text);}
.stanki-home-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.stanki-home-card{overflow:hidden;border-radius:26px;background:#fff;border:1px solid var(--sb-border);box-shadow:0 14px 36px rgba(15,23,42,.05);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
.stanki-home-card:hover{transform:translateY(-6px);border-color:#c7d8e7;box-shadow:0 22px 46px rgba(15,23,42,.08);}
.stanki-home-card.is-homepage{border-color:#bfd8ea;box-shadow:0 20px 48px rgba(95,168,211,.12);}
.stanki-home-card__image-wrap{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eaf2f8;text-decoration:none;}
.stanki-home-card__image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.stanki-home-card:hover .stanki-home-card__image-wrap img{transform:scale(1.04);}
.stanki-home-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px;color:var(--sb-dim);}
.stanki-home-card__top-badge{position:absolute;top:16px;left:16px;z-index:2;padding:9px 12px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;}
.stanki-home-card__top-badge--soft{background:rgba(95,168,211,.9);}
.stanki-home-card__body{padding:22px;}
.stanki-home-card__meta{font-size:13px;font-weight:600;color:#7b8794;}
.stanki-home-card__title{margin:10px 0 0;font-size:24px;line-height:1.25;font-weight:800;color:var(--sb-text);}
.stanki-home-card__title a{color:inherit;text-decoration:none;}
.stanki-home-card__title a:hover{color:var(--sb-acc);}
.stanki-home-card__specs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.stanki-home-card__specs span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#f4f8fb;color:#516273;font-size:13px;font-weight:600;border:1px solid #e2ebf2;}
.stanki-home-card__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;flex-wrap:wrap;}
.stanki-home-card__price{font-size:28px;line-height:1;font-weight:800;color:var(--sb-text);}
.stanki-home-card__price span{font-size:15px;color:var(--sb-muted);font-weight:600;}
.stanki-home-card__price-request{font-size:16px;color:var(--sb-muted);font-style:italic;font-weight:600;}
.stanki-home-card__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;background:var(--sb-text);color:#fff;text-decoration:none;font-weight:700;transition:all .2s ease;}
.stanki-home-card__link:hover{background:#1e293b;color:#fff;}
@media (max-width:1024px){.stanki-home-featured-title{font-size:36px;}.stanki-home-featured-grid{grid-template-columns:1fr;}.stanki-home-card__title{font-size:22px;}}
@media (max-width:767px){.stanki-home-featured-title{font-size:30px;}.stanki-home-card{border-radius:22px;}.stanki-home-card__body{padding:18px;}.stanki-home-card__price{font-size:24px;}}


/* Language dropdown */
.stanki-lang-dropdown{position:relative;display:inline-block;}
.stanki-lang-dropdown__toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--sb-border);border-radius:14px;background:#fff;color:var(--sb-text);font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.05);} 
.stanki-lang-dropdown__menu{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:8px;background:#fff;border:1px solid var(--sb-border);border-radius:16px;box-shadow:0 20px 40px rgba(15,23,42,.12);display:none;z-index:40;}
.stanki-lang-dropdown.is-open .stanki-lang-dropdown__menu{display:block;}
.stanki-lang-dropdown__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--sb-text);text-decoration:none;font-weight:600;}
.stanki-lang-dropdown__item:hover,.stanki-lang-dropdown__item.is-active{background:#f3f8fc;color:var(--sb-acc);} 
.stanki-lang-dropdown__flag{font-size:18px;line-height:1;}
.stanki-lang-dropdown__caret{font-size:12px;color:var(--sb-muted);} 

/* Tools search page */
.stanki-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.stanki-tool-card{background:#fff;border:1px solid var(--sb-border);border-radius:24px;overflow:hidden;box-shadow:0 14px 36px rgba(15,23,42,.05);} 
.stanki-tool-card__img{display:block;aspect-ratio:1/1;background:#fff;text-align:center;padding:18px;}
.stanki-tool-card__img img{width:100%;height:100%;object-fit:contain;}
.stanki-tool-card__body{padding:18px;}
.stanki-tool-card__cats{font-size:12px;color:var(--sb-muted);margin-bottom:8px;}
.stanki-tool-card__title{font-size:20px;line-height:1.3;margin:0 0 12px;}
.stanki-tool-card__title a{text-decoration:none;color:var(--sb-text);} 
.stanki-tool-card__price{font-size:22px;font-weight:800;color:var(--sb-acc);margin-bottom:14px;}
.stanki-tool-card__link{width:100%;}

/* Register page */
.stanki-register-wrap{max-width:1320px;margin:0 auto;padding:24px 0 70px;}
.stanki-register-card{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch;margin-top:18px;}
.stanki-register-copy,.stanki-register-formbox{background:#fff;border:1px solid var(--sb-border);border-radius:28px;padding:34px;box-shadow:0 18px 44px rgba(15,23,42,.05);} 
.stanki-register-copy h1{margin:14px 0 14px;font-size:42px;line-height:1.1;}
.stanki-register-copy p{font-size:16px;line-height:1.8;color:var(--sb-muted);} 
.stanki-register-copy ul{margin:18px 0 0;padding-left:20px;color:var(--sb-text);} 
.stanki-register-copy li{margin-bottom:10px;}
.stanki-register-form{display:grid;gap:14px;}
.stanki-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.stanki-register-note{margin-top:14px;color:var(--sb-muted);} 

@media (max-width: 1100px){.stanki-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.stanki-register-card{grid-template-columns:1fr;}}
@media (max-width: 767px){.stanki-tools-grid,.stanki-register-grid{grid-template-columns:1fr;}.stanki-register-copy,.stanki-register-formbox{padding:22px;border-radius:22px;}.stanki-register-copy h1{font-size:32px;}}

/* v4.6.0 fixes */
.stanki-category-chips{max-width:1320px;margin:18px auto 10px;display:flex;gap:10px;flex-wrap:wrap;padding:0 4px}.stanki-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #dbe6ef;background:#fff;color:#24415f;text-decoration:none;font-weight:600;font-size:14px}.stanki-chip:hover,.stanki-chip.is-active{background:#eef6fb;border-color:#bcd3e4;color:#1b4f7e}.stanki-badge.stanki-badge-soft{text-decoration:none}
.stanki-preview-card-existing{position:relative}.stanki-preview-card-existing:after{content:'Current';position:absolute;right:8px;top:8px;background:rgba(15,23,42,.75);color:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}
.woocommerce-account .stanki-account-wrap{display:grid;gap:28px}.woocommerce-account .stanki-account-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;border:1px solid #dbe6ef;border-radius:28px;background:linear-gradient(180deg,#fff,#f7fbfe)}.woocommerce-account .stanki-account-hero h2{margin:8px 0 10px;font-size:36px;line-height:1.1;color:#0f172a}.woocommerce-account .stanki-account-hero p{margin:0;max-width:720px;color:#64748b;line-height:1.7}.woocommerce-account .stanki-account-actions{display:flex;gap:12px;flex-wrap:wrap}.woocommerce-account .stanki-account-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.woocommerce-account .stanki-account-plan{padding:20px;border-radius:22px;border:1px solid #dbe6ef;background:#fff}.woocommerce-account .stanki-account-plan span{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#5fa8d3;margin-bottom:8px;font-weight:700}.woocommerce-account .stanki-account-plan strong{display:block;font-size:24px;color:#0f172a;margin-bottom:12px}.woocommerce-account .stanki-account-section h3{margin:0 0 16px;font-size:26px;color:#0f172a}.woocommerce-account .stanki-account-cards{display:grid;gap:16px}.woocommerce-account .stanki-account-card{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px;border:1px solid #dbe6ef;border-radius:24px;background:#fff}.woocommerce-account .stanki-account-card__thumb{display:block;aspect-ratio:4/3;border-radius:18px;background:#eef5fb;overflow:hidden}.woocommerce-account .stanki-account-card__thumb img{width:100%;height:100%;object-fit:cover}.woocommerce-account .stanki-account-card__thumb span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px}.woocommerce-account .stanki-account-card__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.woocommerce-account .stanki-account-card__top h3{margin:0;font-size:24px;line-height:1.2}.woocommerce-account .stanki-account-card__top h3 a{text-decoration:none;color:#0f172a}.woocommerce-account .stanki-account-card__meta{margin-top:8px;color:#64748b}.woocommerce-account .stanki-account-card__bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px;flex-wrap:wrap}.woocommerce-account .stanki-account-card__price{font-size:28px;font-weight:800;color:#0f172a}.woocommerce-account .stanki-account-card__actions{display:flex;gap:10px;flex-wrap:wrap}.woocommerce-account .stanki-status-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800}.woocommerce-account .stanki-status-pill.is-published{background:#e8f8ef;color:#1f8f5f}.woocommerce-account .stanki-status-pill.is-pending{background:#fff2e6;color:#d97706}.woocommerce-account .stanki-status-pill.is-draft{background:#eef2f7;color:#64748b}.woocommerce-account .stanki-account-empty{padding:24px;border:1px dashed #ccd9e4;border-radius:22px;background:#fff}.woocommerce-account .stanki-account-empty h3{margin:0 0 8px}.woocommerce-account .stanki-account-empty p{margin:0;color:#64748b}@media(max-width:900px){.woocommerce-account .stanki-account-hero,.woocommerce-account .stanki-account-card{grid-template-columns:1fr;display:grid}.woocommerce-account .stanki-account-plan-grid{grid-template-columns:1fr}}

/* ================================================================
   SELLER DASHBOARD — My Account
   ================================================================ */

.stanki-dash {
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif;
  color: var(--sb-text);
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 4px 0 32px;
}

/* Profile header */
.stanki-dash-profile {
  background: var(--sb-card);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius-lg);
  padding: 24px 28px;
  display: flex;
  align-items: center;
  gap: 20px;
  box-shadow: var(--sb-shadow);
  position: relative;
  overflow: hidden;
}
.stanki-dash-profile::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--sb-acc), #5e9fd6);
}
.stanki-dash-avatar {
  flex: 0 0 56px;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--sb-acc);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: 700;
  letter-spacing: -.02em;
}
.stanki-dash-profile-info { flex: 1; }
.stanki-dash-profile-info h2 {
  margin: 0 0 4px;
  font-size: 20px; font-weight: 700; color: var(--sb-text);
}
.stanki-dash-profile-info p {
  margin: 0;
  font-size: 13px; color: var(--sb-muted);
}
.stanki-dash-profile-actions { display: flex; gap: 8px; flex-wrap: wrap; }

/* Stats */
.stanki-dash-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.stanki-dash-stat {
  background: var(--sb-card);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius);
  padding: 20px 16px;
  text-align: center;
  box-shadow: var(--sb-shadow);
  transition: box-shadow .2s, transform .2s;
}
.stanki-dash-stat:hover { box-shadow: var(--sb-shadow-hover); transform: translateY(-1px); }
.stanki-dash-stat__num {
  font-size: 32px; font-weight: 800;
  color: var(--sb-acc); line-height: 1;
  margin-bottom: 6px;
  letter-spacing: -.03em;
}
.stanki-dash-stat__label {
  font-size: 12px; color: var(--sb-muted);
  font-weight: 500; text-transform: uppercase; letter-spacing: .05em;
}

/* Plans */
.stanki-dash-plans {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
.stanki-dash-plan {
  background: var(--sb-card);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius);
  padding: 16px 20px;
  box-shadow: var(--sb-shadow);
}
.stanki-dash-plan--cta {
  background: var(--sb-acc-lt);
  border-color: var(--sb-border-md);
  display: flex; flex-direction: column; justify-content: center; gap: 10px;
}
.stanki-dash-plan__label {
  font-size: 11px; font-weight: 700; color: var(--sb-muted);
  text-transform: uppercase; letter-spacing: .07em; margin-bottom: 4px;
}
.stanki-dash-plan__name {
  font-size: 17px; font-weight: 700; color: var(--sb-text); margin-bottom: 8px;
}

/* Section */
.stanki-dash-section {
  background: var(--sb-card);
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius-lg);
  overflow: hidden;
  box-shadow: var(--sb-shadow);
}
.stanki-dash-section-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--sb-border);
  background: var(--sb-surface);
}
.stanki-dash-section-head h3 {
  margin: 0; font-size: 15px; font-weight: 700; color: var(--sb-text);
}
.sb-add-btn {
  font-size: 12px; font-weight: 600;
  color: var(--sb-acc); text-decoration: none;
  border: 1px solid var(--sb-border-md); border-radius: 6px;
  padding: 5px 12px;
  transition: all .15s;
}
.sb-add-btn:hover { background: var(--sb-acc); color: #fff !important; border-color: var(--sb-acc); }

/* Listing cards */
.stanki-dash-listings {
  display: flex; flex-direction: column;
  divide-y: var(--sb-border);
}
.stanki-dash-card {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 24px;
  border-bottom: 1px solid var(--sb-border);
  transition: background .15s;
}
.stanki-dash-card:last-child { border-bottom: none; }
.stanki-dash-card:hover { background: var(--sb-surface); }

.stanki-dash-card__thumb {
  flex: 0 0 72px; height: 54px;
  border-radius: 8px; overflow: hidden;
  background: var(--sb-bg2);
  display: flex; align-items: center; justify-content: center;
  text-decoration: none;
}
.stanki-dash-card__thumb img {
  width: 72px; height: 54px; object-fit: cover;
}
.stanki-dash-card__thumb-ph { font-size: 22px; }

.stanki-dash-card__body { flex: 1; min-width: 0; }
.stanki-dash-card__top {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 4px; flex-wrap: wrap;
}
.stanki-dash-card__title {
  font-size: 14px; font-weight: 600; color: var(--sb-text);
  text-decoration: none; transition: color .15s;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 400px;
}
.stanki-dash-card__title:hover { color: var(--sb-acc); }

.stanki-dash-card__meta {
  font-size: 12px; color: var(--sb-muted);
  display: flex; gap: 6px; flex-wrap: wrap;
}
.stanki-dash-card__footer {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 6px;
}
.stanki-dash-card__price {
  font-size: 14px; font-weight: 700; color: var(--sb-acc);
}
.stanki-dash-card__actions { display: flex; gap: 6px; }

/* Action buttons */
.sb-action-btn {
  font-size: 12px; font-weight: 600;
  padding: 5px 12px; border-radius: 6px;
  text-decoration: none; transition: all .15s;
  white-space: nowrap;
}
.sb-action-btn--edit {
  background: var(--sb-acc-lt);
  color: var(--sb-acc-d);
  border: 1px solid var(--sb-border-md);
}
.sb-action-btn--edit:hover { background: var(--sb-acc); color: #fff !important; border-color: var(--sb-acc); }
.sb-action-btn--view {
  background: transparent;
  color: var(--sb-muted);
  border: 1px solid var(--sb-border);
}
.sb-action-btn--view:hover { color: var(--sb-text); border-color: var(--sb-border-md); }

/* Status pills */
.sb-pill {
  display: inline-block; font-size: 11px; font-weight: 700;
  padding: 2px 9px; border-radius: 20px;
  text-transform: uppercase; letter-spacing: .05em;
  white-space: nowrap;
}
.sb-pill--green { background: var(--sb-green-bg); color: var(--sb-green); border: 1px solid var(--sb-green-bdr); }
.sb-pill--amber { background: #fff8e6; color: #b8860b; border: 1px solid #f5d77a; }
.sb-pill--gray  { background: #f1f3f6; color: #6b7e96; border: 1px solid #d0d9e4; }

/* Empty state */
.stanki-dash-empty {
  padding: 40px 24px; text-align: center;
  color: var(--sb-muted); font-size: 14px;
}
.stanki-dash-empty-icon { font-size: 32px; margin-bottom: 10px; }
.stanki-dash-empty a { color: var(--sb-acc); text-decoration: none; font-weight: 600; }
.stanki-dash-empty a:hover { text-decoration: underline; }

/* Quota bar inside plan */
.stanki-quota-wrap { margin-top: 6px; }
.stanki-quota-label { font-size: 12px; color: var(--sb-muted); display: block; margin-bottom: 4px; }
.stanki-quota-label strong { color: var(--sb-text); }
.stanki-quota-badge {
  display: inline-block; font-size: 10px; font-weight: 700;
  background: var(--sb-green-bg); color: var(--sb-green);
  border: 1px solid var(--sb-green-bdr); border-radius: 4px;
  padding: 1px 6px; margin-left: 6px; text-transform: uppercase; letter-spacing: .04em;
}
.stanki-quota-track {
  height: 4px; background: var(--sb-bg2); border-radius: 2px;
}
.stanki-quota-fill {
  height: 4px; background: var(--sb-acc); border-radius: 2px; transition: width .4s;
}

/* Responsive */
@media (max-width: 900px) {
  .stanki-dash-stats { grid-template-columns: repeat(2, 1fr); }
  .stanki-dash-plans { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .stanki-dash-profile { flex-wrap: wrap; }
  .stanki-dash-profile-actions { width: 100%; }
  .stanki-dash-stats { grid-template-columns: repeat(2, 1fr); }
  .stanki-dash-card { flex-wrap: wrap; }
  .stanki-dash-card__thumb { flex: 0 0 60px; }
  .stanki-dash-card__title { max-width: 220px; }
  .stanki-dash-card__footer { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* ================================================================
   WOOCOMMERCE MY ACCOUNT — Custom Layout
   ================================================================ */

.stanki-myaccount-wrap {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 24px;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 8px 0 40px;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif;
  align-items: start;
}

/* ── SIDEBAR ── */
.stanki-myaccount-nav {
  background: #fff;
  border: 1px solid #d4e0ee;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(30,60,100,.07);
  position: sticky;
  top: 20px;
}

.stanki-myaccount-nav__profile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid #e8f0f8;
  background: linear-gradient(135deg, #f0f6ff 0%, #f7fafd 100%);
}
.stanki-myaccount-nav__avatar {
  flex: 0 0 40px;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: #2d6eb4;
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 700;
}
.stanki-myaccount-nav__name {
  font-size: 13px; font-weight: 700; color: #1b2b42;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.stanki-myaccount-nav__email {
  font-size: 11px; color: #4f6f94;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.stanki-myaccount-nav__menu {
  padding: 8px 0;
}
.stanki-myaccount-nav__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #4f6f94;
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: all .15s;
}
.stanki-myaccount-nav__link:hover {
  background: #f0f4f9;
  color: #2d6eb4;
  border-left-color: #b8cfe6;
}
.stanki-myaccount-nav__link.is-active,
.stanki-myaccount-nav__link.woocommerce-MyAccount-navigation-link--stanki-ads {
  background: #e8f1fb;
  color: #1a5499;
  border-left-color: #2d6eb4;
  font-weight: 700;
}
.stanki-ep-customer-logout {
  color: #c0392b !important;
  margin-top: 4px;
  border-top: 1px solid #e8f0f8;
}
.stanki-ep-customer-logout:hover {
  background: #fce8e8 !important;
  border-left-color: #e74c3c !important;
  color: #a02020 !important;
}
.stanki-myaccount-nav__icon { font-size: 14px; flex: 0 0 18px; text-align: center; }
.stanki-myaccount-nav__label { flex: 1; }

.stanki-myaccount-nav__footer {
  padding: 12px 20px;
  border-top: 1px solid #e8f0f8;
}
.stanki-myaccount-nav__back {
  font-size: 12px;
  color: #4f6f94;
  text-decoration: none;
  font-weight: 500;
  transition: color .15s;
}
.stanki-myaccount-nav__back:hover { color: #2d6eb4; }

/* ── MAIN CONTENT ── */
.stanki-myaccount-content {
  background: #fff;
  border: 1px solid #d4e0ee;
  border-radius: 16px;
  padding: 28px 32px;
  box-shadow: 0 1px 4px rgba(30,60,100,.07);
  font-size: 14px;
  color: #1b2b42;
  min-height: 300px;
  min-width: 0;
  width: 100%;
  max-width: none;
}


.stanki-myaccount-content > * { max-width: 100% !important; }
/* Dashboard text inside content */
.stanki-myaccount-content p { color: #4f6f94; line-height: 1.7; }
.stanki-myaccount-content p strong { color: #1b2b42; }
.stanki-myaccount-content a { color: #2d6eb4; font-weight: 500; }
.stanki-myaccount-content h2,
.stanki-myaccount-content h3 { color: #1b2b42; margin-bottom: 16px; }

/* Orders table */
.stanki-myaccount-content .woocommerce-orders-table {
  width: 100%; border-collapse: collapse; font-size: 13px;
}
.stanki-myaccount-content .woocommerce-orders-table th {
  background: #f7fafd; color: #4f6f94; font-weight: 700;
  font-size: 11px; text-transform: uppercase; letter-spacing: .06em;
  padding: 10px 14px; border-bottom: 1px solid #d4e0ee; text-align: left;
}
.stanki-myaccount-content .woocommerce-orders-table td {
  padding: 12px 14px; border-bottom: 1px solid #e8f0f8; color: #1b2b42;
}
.stanki-myaccount-content .woocommerce-orders-table tr:last-child td { border-bottom: none; }
.stanki-myaccount-content .woocommerce-orders-table tr:hover td { background: #f7fafd; }

/* Forms */
.stanki-myaccount-content .woocommerce-form-row label,
.stanki-myaccount-content label {
  font-size: 12px !important; font-weight: 600 !important;
  color: #4f6f94 !important; text-transform: uppercase !important;
  letter-spacing: .05em !important; margin-bottom: 5px !important;
}
.stanki-myaccount-content input[type=text],
.stanki-myaccount-content input[type=email],
.stanki-myaccount-content input[type=password],
.stanki-myaccount-content input[type=tel],
.stanki-myaccount-content select {
  border: 1px solid #d4e0ee !important; border-radius: 8px !important;
  padding: 9px 14px !important; font-size: 13px !important;
  font-family: 'DM Sans',system-ui,sans-serif !important;
  color: #1b2b42 !important; background: #f7fafd !important;
  width: 100% !important; box-sizing: border-box !important;
  transition: border-color .2s !important;
}
.stanki-myaccount-content input:focus,
.stanki-myaccount-content select:focus {
  outline: none !important; border-color: #2d6eb4 !important;
  box-shadow: 0 0 0 3px rgba(45,110,180,.12) !important;
  background: #fff !important;
}

/* Buttons */
.stanki-myaccount-content .button,
.stanki-myaccount-content button[type=submit],
.stanki-myaccount-content input[type=submit] {
  background: #2d6eb4 !important; color: #fff !important;
  border: none !important; border-radius: 8px !important;
  padding: 9px 20px !important; font-size: 13px !important;
  font-weight: 600 !important; cursor: pointer !important;
  font-family: 'DM Sans',system-ui,sans-serif !important;
  transition: background .15s !important;
}
.stanki-myaccount-content .button:hover,
.stanki-myaccount-content button[type=submit]:hover,
.stanki-myaccount-content input[type=submit]:hover {
  background: #1a5499 !important; color: #fff !important;
}

/* Notices */
.stanki-myaccount-content .woocommerce-message,
.stanki-myaccount-content .woocommerce-info,
.stanki-myaccount-content .woocommerce-error {
  border-radius: 10px; font-size: 13px; padding: 12px 18px; margin-bottom: 16px;
}

/* Our dashboard inside WC tab — remove extra padding */
.stanki-myaccount-content .stanki-dash { padding: 0 !important; }
.stanki-myaccount-content .stanki-dash-profile { box-shadow: none; border-radius: 10px; }

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
  .stanki-myaccount-wrap { grid-template-columns: 1fr; }
  .stanki-myaccount-nav { position: static; }
  .stanki-myaccount-nav__menu { display: flex; flex-wrap: wrap; padding: 8px; gap: 4px; }
  .stanki-myaccount-nav__link {
    border-left: none !important; border-radius: 8px;
    padding: 7px 12px; font-size: 12px;
  }
  .stanki-myaccount-nav__link.is-active { background: #2d6eb4 !important; color: #fff !important; }
  .stanki-myaccount-nav__icon { font-size: 13px; }
  .stanki-myaccount-content { padding: 18px; }
}


/* ================================================================
   BUTTON COLOR OVERRIDE — fixes theme CSS conflicts
   These !important rules ensure white text on all colored buttons
   regardless of theme Additional CSS
   ================================================================ */
.stanki-btn.stanki-btn-primary,
.stanki-btn-primary,
a.stanki-btn-primary,
button.stanki-btn-primary,
.stanki-board-wrap .stanki-btn-primary,
.stanki-form-wrap .stanki-btn-primary,
.stanki-dash .stanki-btn-primary,
.stanki-account-wrap .stanki-btn-primary,
.woocommerce-MyAccount-content .stanki-btn-primary {
    color: #fff !important;
    text-decoration: none !important;
}
.stanki-btn.stanki-btn-primary:hover,
.stanki-btn-primary:hover,
a.stanki-btn-primary:hover {
    color: #fff !important;
}
.stanki-btn.stanki-btn-sm,
.sb-action-btn,
.sb-add-btn,
.stanki-myaccount-nav__link.is-active {
    text-decoration: none !important;
}
/* Dashboard profile buttons */
.stanki-dash-profile-actions a.btn,
.stanki-dash-profile-actions a.btn-primary {
    color: #fff !important;
    text-decoration: none !important;
}
.stanki-dash-profile-actions a.btn-outline {
    color: #2d6eb4 !important;
    text-decoration: none !important;
}
/* Packages page buttons */
.sb-btn, a.sb-btn {
    color: #fff !important;
    text-decoration: none !important;
}

/* ================================================================
   SELLING PLANS / PACKAGES PAGE  (sp-*)
   ================================================================ */
.sp-wrap {
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif;
  color: #1b2b42;
  max-width: 1100px;
  margin: 0 auto;
  padding: 8px 0 48px;
}

/* Force page background on Selling Plans / Packages page */
body.page-id-packages,
body.page-template-default {
  background: #f0f4f9 !important;
}

/* Header */
.sp-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}
.sp-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #2d6eb4;
  background: #e8f1fb;
  border: 1px solid #b8cfe6;
  border-radius: 20px;
  padding: 3px 12px;
  margin-bottom: 10px;
}
.sp-title {
  font-size: 32px;
  font-weight: 800;
  color: #1b2b42;
  letter-spacing: -.03em;
  line-height: 1.1;
  margin: 0 0 8px;
}
.sp-subtitle {
  font-size: 14px;
  color: #4f6f94;
  line-height: 1.6;
  margin: 0;
}
.sp-current-plans {
  background: #fff;
  border: 1px solid #d4e0ee;
  border-radius: 12px;
  padding: 16px 20px;
  min-width: 240px;
  box-shadow: 0 1px 4px rgba(30,60,100,.07);
}
.sp-current-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #4f6f94;
  margin-bottom: 10px;
}
.sp-current-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #1b2b42;
  margin-bottom: 6px;
}
.sp-current-row:last-child { margin-bottom: 0; }
.sp-current-icon { font-size: 14px; }
.sp-current-exp { font-size: 11px; color: #4f6f94; }
.sp-login-cta { text-align: right; }
.sp-login-cta p { font-size: 13px; color: #4f6f94; margin-bottom: 8px; }

/* How it works */
.sp-how {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #d4e0ee;
  border-radius: 12px;
  padding: 16px 24px;
  margin-bottom: 32px;
  box-shadow: 0 1px 4px rgba(30,60,100,.07);
}
.sp-how-step {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.sp-how-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2d6eb4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
}
.sp-how-step strong { display: block; font-size: 13px; font-weight: 700; color: #1b2b42; }
.sp-how-step span { font-size: 12px; color: #4f6f94; }
.sp-how-arrow { color: #b8cfe6; font-size: 18px; }

/* Group */
.sp-group { margin-bottom: 40px; }
.sp-group-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #d4e0ee;
}
.sp-group-title {
  font-size: 18px;
  font-weight: 800;
  color: #1b2b42;
  letter-spacing: -.02em;
}
.sp-group-sub {
  font-size: 13px;
  color: #4f6f94;
  margin-top: 2px;
}

/* Cards grid */
.sp-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.sp-card {
  background: #fff;
  border: 1px solid #d4e0ee;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  overflow: hidden;
  transition: box-shadow .2s, transform .2s;
  box-shadow: 0 1px 4px rgba(30,60,100,.07);
}
.sp-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #b8cfe6, #d4e0ee);
  transition: background .2s;
}
.sp-card:hover {
  box-shadow: 0 8px 24px rgba(30,60,100,.12);
  transform: translateY(-2px);
}

/* Featured card */
.sp-card--featured {
  border-color: #2d6eb4;
  background: linear-gradient(160deg, #e8f1fb 0%, #fff 50%);
  box-shadow: 0 4px 16px rgba(45,110,180,.15);
}
.sp-card--featured::before {
  background: linear-gradient(90deg, #2d6eb4, #5e9fd6);
}
.sp-card--featured:hover {
  box-shadow: 0 12px 32px rgba(45,110,180,.22);
}

.sp-card-ribbon {
  position: absolute;
  top: 14px; right: -28px;
  background: #2d6eb4;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 36px;
  transform: rotate(35deg);
}

.sp-card-tag {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #2d6eb4;
  background: #e8f1fb;
  border: 1px solid #b8cfe6;
  border-radius: 20px;
  padding: 2px 10px;
  display: inline-block;
  margin-bottom: 10px;
}
.sp-card-name {
  font-size: 22px;
  font-weight: 800;
  color: #1b2b42;
  letter-spacing: -.03em;
  margin-bottom: 2px;
}
.sp-card-type {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #7e9ab8;
  margin-bottom: 16px;
}

/* Slots */
.sp-card-slots {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e8f0f8;
}
.sp-card-slots-num {
  font-size: 40px;
  font-weight: 800;
  color: #2d6eb4;
  letter-spacing: -.04em;
  line-height: 1;
}
.sp-card-slots-label {
  font-size: 13px;
  color: #4f6f94;
  font-weight: 500;
}

/* Price */
.sp-card-price-wrap { margin-bottom: 18px; }
.sp-card-old-price {
  font-size: 12px;
  color: #7e9ab8;
  text-decoration: line-through;
  margin-bottom: 3px;
}
.sp-card-price {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.sp-card-price-free {
  font-size: 24px;
  font-weight: 800;
  color: #1b9e8a;
}
.sp-card-price-num {
  font-size: 32px;
  font-weight: 800;
  color: #1b2b42;
  letter-spacing: -.03em;
  line-height: 1;
}
.sp-card-price-cur {
  font-size: 18px;
  font-weight: 700;
  color: #1b2b42;
  margin-top: 4px;
}
.sp-card-price-per {
  font-size: 13px;
  color: #4f6f94;
  margin-left: 2px;
}

/* Features */
.sp-card-features {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  flex: 1;
}
.sp-card-features li {
  font-size: 13px;
  color: #1b2b42;
  padding: 5px 0;
  border-bottom: 1px solid #f0f4f9;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-card-features li:last-child { border-bottom: none; }
.sp-card-features li::before {
  content: '✓';
  color: #1b9e8a;
  font-weight: 700;
  font-size: 12px;
  flex-shrink: 0;
}

/* Buttons */
.sp-card-btn {
  display: block;
  text-align: center;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all .15s;
  margin-top: auto;
}
.sp-card-btn--primary {
  background: linear-gradient(135deg, #2d6eb4, #1a5499);
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(45,110,180,.3);
}
.sp-card-btn--primary:hover {
  box-shadow: 0 6px 18px rgba(45,110,180,.4);
  transform: translateY(-1px);
  color: #fff !important;
}
.sp-card-btn--outline {
  background: transparent;
  color: #2d6eb4 !important;
  border: 1.5px solid #2d6eb4;
}
.sp-card-btn--outline:hover {
  background: #2d6eb4;
  color: #fff !important;
}
.sp-card-btn--free {
  background: #f0f4f9;
  color: #4f6f94 !important;
  border: 1px solid #d4e0ee;
  cursor: default;
}
.sp-card-btn--free:hover { background: #f0f4f9; color: #4f6f94 !important; }

/* Notes */
.sp-notes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 32px;
  padding-top: 28px;
  border-top: 1px solid #d4e0ee;
}
.sp-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.sp-note-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
.sp-note-body strong { display: block; font-size: 13px; font-weight: 700; color: #1b2b42; margin-bottom: 4px; }
.sp-note-body p { font-size: 12px; color: #4f6f94; line-height: 1.6; margin: 0; }

/* Responsive */
@media (max-width: 860px) {
  .sp-cards { grid-template-columns: 1fr; }
  .sp-notes { grid-template-columns: 1fr; }
  .sp-how { flex-wrap: wrap; }
  .sp-how-arrow { display: none; }
  .sp-title { font-size: 24px; }
}
@media (max-width: 600px) {
  .sp-header { flex-direction: column; }
}

/* ================================================================
   WOOCOMMERCE CART + CHECKOUT — styled to match our design
   ================================================================ */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
}

/* Cart table */
.woocommerce-cart-form .shop_table {
  border-collapse: collapse !important;
  width: 100% !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
}
.woocommerce-cart-form .shop_table th {
  background: #f7fafd !important;
  color: #4f6f94 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #d4e0ee !important;
}
.woocommerce-cart-form .shop_table td {
  padding: 16px !important;
  border-bottom: 1px solid #e8f0f8 !important;
  color: #1b2b42 !important;
  font-size: 14px !important;
  vertical-align: middle !important;
}
.woocommerce-cart-form .shop_table tr:last-child td { border-bottom: none !important; }
.woocommerce-cart-form .shop_table .product-name a {
  color: #1b2b42 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.woocommerce-cart-form .shop_table .product-price,
.woocommerce-cart-form .shop_table .product-subtotal {
  font-weight: 700 !important;
  color: #2d6eb4 !important;
}

/* Cart totals */
.cart_totals {
  background: #fff !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
}
.cart_totals h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1b2b42 !important;
  margin-bottom: 16px !important;
}
.cart_totals .shop_table td,
.cart_totals .shop_table th {
  padding: 10px 0 !important;
  border-bottom: 1px solid #e8f0f8 !important;
  font-size: 14px !important;
}
.cart_totals .order-total td,
.cart_totals .order-total th {
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #1b2b42 !important;
  border-bottom: none !important;
}
.cart_totals .order-total .woocommerce-Price-amount {
  color: #2d6eb4 !important;
}
.wc-proceed-to-checkout .checkout-button {
  background: linear-gradient(135deg, #2d6eb4, #1a5499) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(45,110,180,.3) !important;
  transition: all .15s !important;
}
.wc-proceed-to-checkout .checkout-button:hover {
  box-shadow: 0 6px 18px rgba(45,110,180,.4) !important;
  color: #fff !important;
}

/* Checkout form */
.woocommerce-checkout #payment {
  background: #fff !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
}
.woocommerce-checkout #order_review_heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1b2b42 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
  border-collapse: collapse !important;
  width: 100% !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  padding: 10px 0 !important;
  border-bottom: 1px solid #e8f0f8 !important;
  font-size: 14px !important;
}
.woocommerce-checkout .order-total th,
.woocommerce-checkout .order-total td {
  font-weight: 700 !important;
  font-size: 16px !important;
  border-bottom: none !important;
  padding-top: 14px !important;
}
#place_order {
  background: linear-gradient(135deg, #2d6eb4, #1a5499) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(45,110,180,.3) !important;
  transition: all .15s !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
}
#place_order:hover {
  box-shadow: 0 6px 18px rgba(45,110,180,.4) !important;
  color: #fff !important;
}

/* Checkout input fields */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select,
.woocommerce form .input-text {
  border: 1px solid #d4e0ee !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  color: #1b2b42 !important;
  background: #f7fafd !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.woocommerce-checkout .woocommerce-input-wrapper input:focus,
.woocommerce form .input-text:focus {
  border-color: #2d6eb4 !important;
  box-shadow: 0 0 0 3px rgba(45,110,180,.12) !important;
  background: #fff !important;
  outline: none !important;
}
.woocommerce-checkout label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #4f6f94 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

/* Coupon / notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 10px !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
  font-size: 14px !important;
}

/* ================================================================
   PAGE BACKGROUNDS — force grey background on our pages
   ================================================================ */
body.stanki-packages-page,
body.stanki-board-page,
body.stanki-add-page,
body.stanki-checkout-page,
body.stanki-cart-page {
  background-color: #f0f4f9 !important;
}
body.stanki-packages-page #page,
body.stanki-packages-page #content,
body.stanki-packages-page .site,
body.stanki-packages-page main,
body.stanki-packages-page .site-main,
body.stanki-packages-page .entry-content {
  background: #f0f4f9 !important;
}

/* ================================================================
   WOOCOMMERCE CHECKOUT — full redesign
   ================================================================ */

/* Page background */
body.stanki-checkout-page #page,
body.stanki-checkout-page #content,
body.stanki-checkout-page .site-main,
body.stanki-checkout-page main,
body.stanki-checkout-page .entry-content,
body.woocommerce-checkout #page,
body.woocommerce-checkout #content,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout main {
  background: #f0f4f9 !important;
}

/* Cart notice banner ("X has been added to your cart") */
.woocommerce-message,
.woocommerce-info {
  background: #e8f1fb !important;
  border-top-color: #2d6eb4 !important;
  border-radius: 10px !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
  font-size: 14px !important;
  color: #1a5499 !important;
  padding: 14px 20px !important;
  margin-bottom: 20px !important;
}
.woocommerce-message a,
.woocommerce-info a {
  color: #2d6eb4 !important;
  font-weight: 600 !important;
}
.woocommerce-error {
  background: #fce8e8 !important;
  border-top-color: #c0392b !important;
  border-radius: 10px !important;
  color: #a02020 !important;
}

/* Checkout wrapper layout */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
}

/* Billing Details heading */
.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1b2b42 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #d4e0ee !important;
}

/* "BILLING DETAILS" label — WC outputs this as a <h3> with uppercase */
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1b2b42 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Form wrapper */
.woocommerce-checkout-payment,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  background: #fff !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
  margin-bottom: 20px !important;
}

/* Input fields */
.woocommerce-checkout .input-text,
.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=number],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  background: #f7fafd !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
  color: #1b2b42 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.woocommerce-checkout .input-text:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus {
  border-color: #2d6eb4 !important;
  box-shadow: 0 0 0 3px rgba(45,110,180,.12) !important;
  background: #fff !important;
  outline: none !important;
}

/* Labels */
.woocommerce-checkout label,
.woocommerce-checkout .form-row label {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #4f6f94 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  margin-bottom: 5px !important;
  display: block !important;
}

/* Coupon row */
.woocommerce-checkout .woocommerce-form-coupon-toggle a,
.checkout_coupon .button {
  color: #2d6eb4 !important;
  font-weight: 600 !important;
}

/* Order review box */
.woocommerce-checkout-review-order {
  background: #fff !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 12px 0 !important;
  border-bottom: 1px solid #e8f0f8 !important;
  font-size: 14px !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
  color: #1b2b42 !important;
}
.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .order-total th {
  color: #4f6f94 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
  border-bottom: none !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  padding-top: 16px !important;
}
.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
  color: #2d6eb4 !important;
}
.woocommerce-checkout-review-order-table .product-name {
  font-weight: 600 !important;
}

/* Payment box */
#payment {
  background: #fff !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
  margin-top: 16px !important;
}
#payment .payment_methods {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}
#payment .payment_methods li {
  border: 1px solid #d4e0ee !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 8px !important;
  list-style: none !important;
  background: #f7fafd !important;
}
#payment .payment_methods li label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1b2b42 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
}
#payment .payment_box {
  background: #e8f1fb !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  color: #1a5499 !important;
  margin-top: 8px !important;
}

/* Place order button */
#place_order {
  background: linear-gradient(135deg, #2d6eb4, #1a5499) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 24px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100% !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(45,110,180,.35) !important;
  transition: all .15s !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
  letter-spacing: -.01em !important;
  margin-top: 8px !important;
}
#place_order:hover {
  box-shadow: 0 6px 22px rgba(45,110,180,.45) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* ── CART PAGE ── */
body.stanki-cart-page #page,
body.stanki-cart-page .site-main,
body.woocommerce-cart .site-main {
  background: #f0f4f9 !important;
}

.woocommerce-cart .woocommerce {
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
}

.woocommerce-cart-form__contents {
  background: #fff !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
}
.woocommerce-cart-form__contents th {
  background: #f7fafd !important;
  color: #4f6f94 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #d4e0ee !important;
}
.woocommerce-cart-form__contents td {
  padding: 16px !important;
  border-bottom: 1px solid #e8f0f8 !important;
  font-size: 14px !important;
  color: #1b2b42 !important;
  vertical-align: middle !important;
}
.woocommerce-cart-form__contents .product-name a {
  font-weight: 600 !important;
  color: #1b2b42 !important;
  text-decoration: none !important;
}
.woocommerce-cart-form__contents .product-subtotal bdi,
.woocommerce-cart-form__contents .product-price bdi {
  font-weight: 700 !important;
  color: #2d6eb4 !important;
}

/* Cart totals */
.cart_totals {
  background: #fff !important;
  border: 1px solid #d4e0ee !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 1px 4px rgba(30,60,100,.07) !important;
}
.cart_totals h2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1b2b42 !important;
  margin-bottom: 16px !important;
}
.cart_totals table td,
.cart_totals table th {
  padding: 10px 0 !important;
  border-bottom: 1px solid #e8f0f8 !important;
  font-size: 14px !important;
}
.cart_totals .order-total td,
.cart_totals .order-total th {
  font-size: 18px !important;
  font-weight: 800 !important;
  border-bottom: none !important;
}
.cart_totals .order-total .woocommerce-Price-amount {
  color: #2d6eb4 !important;
}

.wc-proceed-to-checkout .checkout-button {
  background: linear-gradient(135deg, #2d6eb4, #1a5499) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(45,110,180,.3) !important;
}
.wc-proceed-to-checkout .checkout-button:hover {
  box-shadow: 0 6px 20px rgba(45,110,180,.4) !important;
  color: #fff !important;
}

/* Update cart button */
.woocommerce-cart-form .button[name="update_cart"] {
  background: transparent !important;
  color: #2d6eb4 !important;
  border: 1.5px solid #2d6eb4 !important;
  border-radius: 8px !important;
  padding: 9px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* Remove item (×) button */
.woocommerce-cart .product-remove a.remove {
  color: #7e9ab8 !important;
  font-size: 20px !important;
  border-radius: 50% !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all .15s !important;
}
.woocommerce-cart .product-remove a.remove:hover {
  background: #fce8e8 !important;
  color: #c0392b !important;
}

/* ================================================================
   SEARCHABLE CATEGORY DROPDOWN
   ================================================================ */
.stanki-cat-search-wrap {
  position: relative;
  width: 100%;
}
.stanki-cat-search-input {
  width: 100% !important;
  background: #f7fafd !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: var(--sb-radius) !important;
  padding: 9px 36px 9px 14px !important;
  font-size: 14px !important;
  color: var(--sb-text) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: border-color .2s, box-shadow .2s !important;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif !important;
}
.stanki-cat-search-wrap.is-focused .stanki-cat-search-input,
.stanki-cat-search-input:focus {
  border-color: var(--sb-acc) !important;
  box-shadow: 0 0 0 3px rgba(45,110,180,.12) !important;
  background: #fff !important;
  outline: none !important;
}
/* Search icon */
.stanki-cat-search-wrap::after {
  content: '▾';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--sb-muted);
  font-size: 12px;
  pointer-events: none;
  transition: transform .2s;
}
.stanki-cat-search-wrap.is-focused::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Dropdown panel */
.stanki-cat-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0; right: 0;
  background: #fff;
  border: 1px solid var(--sb-border-md);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(30,60,100,.14);
  z-index: 9999;
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
.stanki-cat-dropdown.is-open {
  display: block;
}

/* Group header */
.stanki-cat-group {
  padding: 8px 14px 4px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--sb-muted);
  background: var(--sb-surface);
  border-top: 1px solid var(--sb-border);
  position: sticky;
  top: 0;
}
.stanki-cat-group:first-child { border-top: none; }

/* Option */
.stanki-cat-option {
  padding: 9px 14px;
  font-size: 13px;
  color: var(--sb-text);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgba(212,224,238,.4);
  transition: background .12s;
}
.stanki-cat-option:last-child { border-bottom: none; }
.stanki-cat-option:hover,
.stanki-cat-option.is-focused {
  background: var(--sb-acc-lt);
  color: var(--sb-acc-d);
}
.stanki-cat-option.is-selected {
  background: var(--sb-acc-lt);
  color: var(--sb-acc-d);
  font-weight: 600;
}
.stanki-cat-option.is-selected::after {
  content: '✓';
  margin-left: auto;
  color: var(--sb-acc);
  font-size: 12px;
}

/* Group tag badge inside option */
.stanki-cat-group-tag {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--sb-acc-d);
  background: var(--sb-acc-lt);
  border: 1px solid var(--sb-border-md);
  border-radius: 4px;
  padding: 1px 6px;
  flex-shrink: 0;
  white-space: nowrap;
}

/* Filter variant (narrower, in filter row) */
.stanki-cat-search-wrap--filter .stanki-cat-search-input {
  font-size: 13px !important;
}

/* Scrollbar */
.stanki-cat-dropdown::-webkit-scrollbar { width: 4px; }
.stanki-cat-dropdown::-webkit-scrollbar-track { background: transparent; }
.stanki-cat-dropdown::-webkit-scrollbar-thumb { background: var(--sb-border-md); border-radius: 2px; }


/* Thank you page */
.stanki-thankyou-wrap{max-width:980px;margin:32px auto;padding:0 20px}.stanki-thankyou-card{background:#fff;border:1px solid #dbe6ef;border-radius:28px;padding:42px;box-shadow:0 20px 60px rgba(15,23,42,.06);text-align:center}.stanki-thankyou-icon{width:76px;height:76px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:linear-gradient(135deg,#5fa8d3,#2f6fb8);color:#fff;font-weight:800;font-size:34px}.stanki-thankyou-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#5fa8d3;margin-bottom:12px}.stanki-thankyou-card h1{margin:0;color:#0f172a;font-size:40px;line-height:1.1}.stanki-thankyou-lead{margin:14px auto 0;max-width:700px;color:#64748b;font-size:17px;line-height:1.8}.stanki-thankyou-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.stanki-thankyou-summary>div{background:#f8fbfe;border:1px solid #dbe6ef;border-radius:18px;padding:18px}.stanki-thankyou-summary span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7b8794;margin-bottom:8px}.stanki-thankyou-summary strong{color:#0f172a;font-size:18px}.stanki-thankyou-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.stanki-thankyou-actions .stanki-btn{min-width:180px}@media(max-width:860px){.stanki-thankyou-summary{grid-template-columns:1fr 1fr}.stanki-thankyou-card{padding:28px}.stanki-thankyou-card h1{font-size:32px}}@media(max-width:560px){.stanki-thankyou-summary{grid-template-columns:1fr}.stanki-thankyou-actions{flex-direction:column}.stanki-thankyou-actions .stanki-btn{width:100%}}

/* ================================================================
   PLAN CARDS IN DASHBOARD  (sdp-*)
   ================================================================ */
.stanki-dash-plans {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 20px;
}

/* Plan card */
.stanki-dash-plan {
  background: #fff;
  border: 1px solid var(--sb-border);
  border-radius: var(--sb-radius-lg);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: var(--sb-shadow);
  transition: box-shadow .2s;
}
.stanki-dash-plan--active {
  border-color: #2d6eb4;
  background: linear-gradient(160deg, #f0f7ff 0%, #fff 60%);
}
.stanki-dash-plan--cta {
  background: var(--sb-acc-lt);
  border-color: var(--sb-border-md);
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}

/* Header row */
.sdp-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sdp-icon { font-size: 16px; flex-shrink: 0; }
.sdp-group {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--sb-muted);
  flex: 1;
}

/* Badges */
.sdp-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: .05em;
  white-space: nowrap;
}
.sdp-badge--active  { background: #e6f6f3; color: #0d6b5a; border: 1px solid #9dd5cb; }
.sdp-badge--free    { background: #f1f3f6; color: #4a5e72; border: 1px solid #d0d9e4; }
.sdp-badge--expired { background: #fce8e8; color: #a02020; border: 1px solid #f5c0c0; }

/* Plan name */
.sdp-name {
  font-size: 20px;
  font-weight: 800;
  color: var(--sb-text);
  letter-spacing: -.03em;
  line-height: 1;
}

/* Expiry */
.sdp-expiry { display: flex; flex-direction: column; gap: 6px; }
.sdp-expiry-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  background: var(--sb-acc-lt);
  border: 1px solid var(--sb-border-md);
  border-radius: 8px;
}
.sdp-expiry-row--warn {
  background: #fff8e6;
  border-color: #f5d77a;
}
.sdp-expiry-icon { font-size: 14px; margin-top: 1px; }
.sdp-expiry-row strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--sb-text);
  margin-bottom: 1px;
}
.sdp-expiry-row span {
  font-size: 11px;
  color: var(--sb-muted);
}

/* Time progress bar */
.sdp-time-bar {
  height: 4px;
  background: var(--sb-bg2);
  border-radius: 2px;
  overflow: hidden;
}
.sdp-time-fill {
  height: 4px;
  border-radius: 2px;
  transition: width .4s;
}
.sdp-time-labels {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--sb-muted);
}

/* Slots */
.sdp-slots { display: flex; flex-direction: column; gap: 5px; }
.sdp-slots-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--sb-muted);
}
.sdp-slots-row strong { color: var(--sb-text); font-weight: 700; }
.sdp-slot-bar {
  height: 4px;
  background: var(--sb-bg2);
  border-radius: 2px;
  overflow: hidden;
}
.sdp-slot-fill {
  height: 4px;
  background: var(--sb-acc);
  border-radius: 2px;
  transition: width .4s;
}

/* Actions */
.sdp-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: auto;
}
.sdp-btn {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all .15s;
  border: none;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif;
  white-space: nowrap;
}
.sdp-btn--primary {
  background: #2d6eb4;
  color: #fff !important;
  box-shadow: 0 3px 8px rgba(45,110,180,.25);
}
.sdp-btn--primary:hover { background: #1a5499; color: #fff !important; }
.sdp-btn--upgrade {
  background: var(--sb-acc-lt);
  color: var(--sb-acc-d) !important;
  border: 1px solid var(--sb-border-md);
}
.sdp-btn--upgrade:hover { background: var(--sb-acc); color: #fff !important; border-color: var(--sb-acc); }
.sdp-btn--cancel {
  background: transparent;
  color: #7e9ab8 !important;
  border: 1px solid var(--sb-border);
  font-size: 11px;
}
.sdp-btn--cancel:hover { color: #c0392b !important; border-color: #e74c3c; background: #fce8e8; }
.sdp-btn--cancel:disabled { opacity: .5; cursor: not-allowed; }

.sdp-cancelled-note {
  font-size: 11px;
  color: #b8860b;
  background: #fff8e6;
  border: 1px solid #f5d77a;
  border-radius: 6px;
  padding: 4px 8px;
}

.sdp-free-text {
  font-size: 13px;
  color: var(--sb-muted);
  line-height: 1.5;
  margin: 0;
}

/* Toast notification */
.stanki-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #1b2b42;
  color: #fff;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'DM Sans','Segoe UI',system-ui,sans-serif;
  z-index: 9999;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  animation: stanki-toast-in .3s ease;
}
@keyframes stanki-toast-in {
  from { opacity: 0; transform: translateX(-50%) translateY(10px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* Responsive */
@media (max-width: 900px) {
  .stanki-dash-plans { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .stanki-dash-plans { grid-template-columns: 1fr; }
}

/* ── WIDTH FIX: stretch board to full shell width ─────── */
.stanki-board-wrap {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Row grid: wider photo, keep info fluid */
.stanki-row-premium {
  grid-template-columns: 400px minmax(0,1fr) 210px !important;
}

/* Responsive: tablet */
@media(max-width:1100px){
  .stanki-row-premium {
    grid-template-columns: 320px minmax(0,1fr) 200px !important;
  }
}

/* Responsive: collapse to single column on mobile */
@media(max-width:860px){
  .stanki-row-premium {
    grid-template-columns: 1fr !important;
  }
  .stanki-row-thumb-premium {
    min-height: 220px;
    border-radius: 12px 12px 0 0;
  }
  .stanki-row-right-premium {
    border-radius: 0 0 12px 12px;
  }
  .stanki-filter-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media(max-width:540px){
  .stanki-filter-grid {
    grid-template-columns: 1fr !important;
  }
  .stanki-hero {
    padding: 16px !important;
  }
  .stanki-board-title {
    font-size: 22px !important;
  }
}

/* ═══════════════════════════════════════════════════
   WIDTH FIX — neutralize theme card wrapper
   Works regardless of which PHP template is used
   ═══════════════════════════════════════════════════ */

/* When .stanki-board-wrap is inside a dcnc-content-card — kill the card */
.dcnc-content-card:has(.stanki-board-wrap),
.dcnc-content-card:has(.stanki-board-premium) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Also kill the page title above the board */
.dcnc-content-card:has(.stanki-board-wrap) .dcnc-page-title,
.dcnc-page-title + .dcnc-entry-content .stanki-board-wrap ~ .dcnc-page-title {
  display: none !important;
}

/* Hide WP page title when board is on page — use adjacent selector */
.dcnc-page-wrap:has(.stanki-board-wrap) .dcnc-page-title,
.dcnc-page-wrap:has(.stanki-board-premium) .dcnc-page-title {
  display: none !important;
}

/* Ensure board itself has no max-width restriction */
.stanki-board-wrap,
.stanki-board-premium {
  width: 100% !important;
  max-width: 100% !important;
}