/* ============================================================
   Phone Buyback Pro v2 – Frontend CSS
   ============================================================ */
:root{
  --pbp-primary:#2563eb;
  --pbp-primary-dark:#1d4ed8;
  --pbp-success:#16a34a;
  --pbp-error:#dc2626;
  --pbp-radius:12px;
  --pbp-shadow:0 4px 24px rgba(0,0,0,.10);
}

/* ── Page wrapper ─────────────────────────────────────────── */
.pbp-page-wrap{max-width:1180px;margin:0 auto;padding:0 20px 60px}

/* ── Breadcrumb ───────────────────────────────────────────── */
.pbp-breadcrumb{max-width:1180px;margin:0 auto;padding:16px 20px;font-size:14px;color:#6b7280}
.pbp-breadcrumb a{color:var(--pbp-primary);text-decoration:none}
.pbp-breadcrumb a:hover{text-decoration:underline}
.pbp-breadcrumb span{margin:0 6px;color:#d1d5db}

/* ── Search Hero ──────────────────────────────────────────── */
.pbp-search-hero{
  background:linear-gradient(135deg,#2563eb 0%,#1e40af 60%,#1e3a8a 100%);
  padding:56px 20px 48px;text-align:center;color:#fff;margin-bottom:40px;
}
.pbp-search-hero-inner{max-width:680px;margin:0 auto}
.pbp-search-hero h1{font-size:36px;font-weight:800;margin:0 0 10px;line-height:1.2}
.pbp-search-hero p{font-size:17px;opacity:.85;margin-bottom:28px}

/* Search form */
.pbp-hero-search-form{position:relative}
.pbp-hero-search-bar{
  display:flex;align-items:center;background:#fff;border-radius:100px;
  padding:6px 6px 6px 20px;box-shadow:0 8px 32px rgba(0,0,0,.25);
}
.pbp-s-icon,.pbp-search-icon{font-size:18px;color:#94a3b8;margin-right:8px}
.pbp-hero-search-bar input{
  flex:1;border:none;outline:none;font-size:16px;color:#1e293b;background:transparent;padding:10px 0;
}
.pbp-hero-search-bar input::placeholder{color:#94a3b8}
.pbp-hero-search-bar button{
  background:var(--pbp-primary);color:#fff;border:none;border-radius:100px;
  padding:13px 26px;font-size:15px;font-weight:700;cursor:pointer;
  transition:background .2s;white-space:nowrap;
}
.pbp-hero-search-bar button:hover{background:var(--pbp-primary-dark)}

/* Live dropdown */
.pbp-live-results{
  position:absolute;top:calc(100% + 8px);left:0;right:0;
  background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);
  z-index:9999;overflow:hidden;
}
.pbp-live-result{
  display:flex;justify-content:space-between;align-items:center;
  padding:13px 20px;text-decoration:none;color:#1e293b;
  border-bottom:1px solid #f1f5f9;transition:background .1s;
}
.pbp-live-result:hover{background:#eff6ff}
.pbp-live-result:last-child{border-bottom:none}
.pbp-lr-name{font-weight:600;font-size:15px}
.pbp-lr-price{font-size:13px;color:var(--pbp-success);font-weight:700;white-space:nowrap;margin-left:12px}

/* ── Results layout ───────────────────────────────────────── */
.pbp-results-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}

/* Sidebar */
.pbp-sidebar-box{background:#fff;border:1px solid #e5e7eb;border-radius:var(--pbp-radius);padding:20px}
.pbp-sidebar-box h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 12px}
.pbp-brand-filter{list-style:none;margin:0;padding:0}
.pbp-brand-filter li{margin-bottom:2px}
.pbp-brand-filter a{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:#374151;font-size:14px;font-weight:500;transition:all .15s}
.pbp-brand-filter a:hover{background:#eff6ff;color:var(--pbp-primary)}
.pbp-brand-filter a.active{background:var(--pbp-primary);color:#fff}

/* Results header */
.pbp-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.pbp-results-count{font-size:14px;color:#6b7280;margin:0}
.pbp-results-count strong{color:#111}

/* Phone grid */
.pbp-phone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.pbp-phone-card{
  background:#fff;border:2px solid #e5e7eb;border-radius:var(--pbp-radius);
  overflow:hidden;text-decoration:none;color:inherit;
  transition:all .2s;display:flex;flex-direction:column;
}
.pbp-phone-card:hover{border-color:var(--pbp-primary);box-shadow:0 8px 24px rgba(37,99,235,.15);transform:translateY(-3px)}
.pbp-phone-card-img{background:#f8fafc;padding:28px;text-align:center;height:160px;display:flex;align-items:center;justify-content:center}
.pbp-phone-card-img img{max-height:120px;max-width:100%;object-fit:contain}
.pbp-phone-placeholder{font-size:64px;line-height:1}
.pbp-phone-card-body{padding:16px;flex:1;display:flex;flex-direction:column}
.pbp-phone-brand{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600}
.pbp-phone-name{font-weight:700;font-size:15px;color:#1e293b;margin:4px 0 2px;line-height:1.3}
.pbp-phone-year{font-size:12px;color:#94a3b8;margin-bottom:10px}
.pbp-phone-price{margin-top:auto;margin-bottom:10px}
.pbp-price-up-to{font-size:11px;color:#6b7280;display:block}
.pbp-price-amount{font-size:20px;font-weight:800;color:var(--pbp-success)}
.pbp-phone-card-btn{
  background:var(--pbp-primary);color:#fff;text-align:center;
  padding:9px;border-radius:8px;font-weight:700;font-size:13px;
  transition:background .15s;
}
.pbp-phone-card:hover .pbp-phone-card-btn{background:var(--pbp-primary-dark)}

/* No results */
.pbp-no-results{text-align:center;padding:80px 20px;color:#6b7280}
.pbp-no-results-icon{font-size:56px;margin-bottom:16px}
.pbp-no-results h3{font-size:20px;color:#374151;margin-bottom:8px}
.pbp-no-results a{color:var(--pbp-primary)}

/* Pagination */
.pbp-pagination{display:flex;gap:6px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.pbp-page-btn{padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;color:#374151;font-size:14px;font-weight:600;transition:all .15s}
.pbp-page-btn:hover,.pbp-page-btn.active{background:var(--pbp-primary);color:#fff;border-color:var(--pbp-primary)}

/* ── Detail Page ──────────────────────────────────────────── */
.pbp-detail-wrap{padding-top:0}
.pbp-detail-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}

/* Left panel */
.pbp-detail-phone-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--pbp-radius);padding:28px;text-align:center;margin-bottom:16px}
.pbp-detail-img{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pbp-detail-img img{max-height:180px;max-width:100%;object-fit:contain}
.pbp-detail-placeholder{font-size:96px;line-height:1}
.pbp-detail-model-name{font-size:18px;font-weight:800;color:#1e293b;margin:0 0 4px;line-height:1.3}
.pbp-detail-year{font-size:13px;color:#94a3b8;margin-bottom:12px}
.pbp-detail-best-price{background:#f0fdf4;border-radius:8px;padding:12px}
.pbp-detail-best-price span{font-size:12px;color:#16a34a;display:block}
.pbp-detail-best-price strong{font-size:28px;font-weight:900;color:#14532d}

/* Related box */
.pbp-related-box{background:#fff;border:1px solid #e5e7eb;border-radius:var(--pbp-radius);padding:20px}
.pbp-related-box h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 12px}
.pbp-related-box ul{list-style:none;margin:0;padding:0}
.pbp-related-box li{margin-bottom:4px}
.pbp-related-box a{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;text-decoration:none;color:#374151;font-size:14px;font-weight:500;transition:all .15s}
.pbp-related-box a:hover{background:#eff6ff;color:var(--pbp-primary)}
.pbp-related-box a span{font-size:13px;color:var(--pbp-success);font-weight:700}

/* ── Configurator ─────────────────────────────────────────── */
.pbp-configurator{background:#fff;border:1px solid #e5e7eb;border-radius:var(--pbp-radius);overflow:hidden;margin-bottom:16px}

/* Step tabs */
.pbp-config-steps{display:flex;border-bottom:1px solid #e5e7eb;background:#f8fafc}
.pbp-config-step{flex:1;padding:14px 8px;text-align:center;font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px;transition:all .2s;cursor:default}
.pbp-config-step.active{color:var(--pbp-primary);border-bottom:3px solid var(--pbp-primary);background:#fff;margin-bottom:-1px}
.pbp-config-step.done{color:var(--pbp-success)}

/* Panels */
.pbp-config-panel{display:none;padding:28px}
.pbp-config-panel.active{display:block}
.pbp-config-panel h2{font-size:18px;font-weight:800;color:#1e293b;margin:0 0 18px}

/* Back button */
.pbp-config-back{background:none;border:none;color:var(--pbp-primary);cursor:pointer;font-size:13px;font-weight:700;padding:0;display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;transition:opacity .15s}
.pbp-config-back:hover{opacity:.7}

/* Option buttons */
.pbp-option-group{display:flex;flex-wrap:wrap;gap:8px}
.pbp-option-btn{border:2px solid #e5e7eb;border-radius:10px;padding:11px 20px;cursor:pointer;font-size:14px;font-weight:700;background:#fff;color:#374151;transition:all .15s}
.pbp-option-btn:hover{border-color:var(--pbp-primary);color:var(--pbp-primary);background:#eff6ff}
.pbp-option-btn.active{background:var(--pbp-primary);color:#fff;border-color:var(--pbp-primary);box-shadow:0 2px 10px rgba(37,99,235,.3)}

/* Condition grid */
.pbp-condition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pbp-condition-card{border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;background:#fff;transition:all .15s}
.pbp-condition-card:hover{border-color:var(--pbp-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.12)}
.pbp-condition-card.active{border-color:var(--pbp-primary);background:#eff6ff}
.pbp-condition-name{font-weight:800;font-size:14px;color:#1e293b}
.pbp-condition-desc{font-size:11px;color:#6b7280;margin-top:5px;line-height:1.5}

/* Price reveal */
.pbp-price-reveal{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:14px;padding:24px;text-align:center;margin-bottom:24px}
.pbp-price-label{font-size:14px;color:#16a34a;font-weight:600;margin-bottom:6px}
.pbp-price-value{font-size:52px;font-weight:900;color:#14532d;line-height:1;letter-spacing:-2px}
.pbp-price-summary{font-size:13px;color:#6b7280;margin-top:6px}

/* Order form */
.pbp-order-form{}
.pbp-form-section{margin-bottom:20px}
.pbp-form-section h3{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}
.pbp-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pbp-field{margin-bottom:12px}
.pbp-field label{display:block;font-size:13px;font-weight:700;color:#374151;margin-bottom:5px}
.pbp-field label small{font-weight:400;color:#94a3b8}
.pbp-field input,.pbp-field select,.pbp-field textarea{
  width:100%;padding:11px 14px;border:1.5px solid #d1d5db;border-radius:10px;
  font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff;
  box-sizing:border-box;color:#1e293b;
}
.pbp-field input:focus,.pbp-field select:focus,.pbp-field textarea:focus{border-color:var(--pbp-primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}

/* Submit button */
.pbp-submit-btn{
  width:100%;padding:17px;font-size:17px;font-weight:800;
  background:var(--pbp-primary);color:#fff;border:none;border-radius:100px;
  cursor:pointer;transition:all .2s;letter-spacing:.2px;
  display:block;text-align:center;
}
.pbp-submit-btn:hover:not(:disabled){background:var(--pbp-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.35)}
.pbp-submit-btn:disabled{opacity:.6;cursor:default;transform:none}

/* Error message */
.pbp-error-msg{background:#fef2f2;border:1.5px solid #fca5a5;color:#dc2626;border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:14px;font-weight:500}

/* Trust bar (detail page) */
.pbp-detail-trust{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:var(--pbp-radius)}
.pbp-dt-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;font-weight:600;flex:1;min-width:120px}

/* ── Success Overlay ──────────────────────────────────────── */
.pbp-success-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;display:flex;align-items:center;justify-content:center}
.pbp-success-modal{background:#fff;border-radius:18px;padding:48px 40px;text-align:center;max-width:480px;width:90%;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.pbp-success-icon-lg{width:80px;height:80px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#16a34a;margin:0 auto 20px}
.pbp-success-modal h2{font-size:26px;color:#14532d;margin-bottom:10px}
.pbp-success-ref{display:inline-block;background:#f0fdf4;border:2px solid #86efac;border-radius:10px;padding:12px 28px;font-size:22px;font-weight:900;color:#166534;margin:14px 0;letter-spacing:1px}
.pbp-success-modal p{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:20px}
.pbp-success-modal .pbp-submit-btn{max-width:240px;margin:0 auto;text-decoration:none;font-size:15px;padding:14px}

/* ── Shortcode widget (homepage) ──────────────────────────── */
.pbp-widget.pbp-search-only{border-radius:var(--pbp-radius);box-shadow:var(--pbp-shadow);overflow:hidden}
.pbp-widget .pbp-hero{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);color:#fff;padding:40px 36px 32px;text-align:center}
.pbp-widget .pbp-hero h2{font-size:28px;font-weight:800;margin:0 0 8px}
.pbp-widget .pbp-hero p{opacity:.85;font-size:16px;margin:0}
.pbp-sc-search-input{flex:1;border:none;outline:none;font-size:16px;background:transparent;padding:10px 0}
.pbp-brand-links{display:flex;flex-wrap:wrap;gap:8px;padding:16px 32px;border-top:1px solid #f1f5f9;background:#fff}
.pbp-brand-link{padding:7px 14px;border:1.5px solid #e5e7eb;border-radius:100px;text-decoration:none;color:#374151;font-size:13px;font-weight:600;transition:all .15s}
.pbp-brand-link:hover{border-color:var(--pbp-primary);color:var(--pbp-primary);background:#eff6ff}
.pbp-trust-bar{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:14px 32px;background:#fafafa;border-top:1px solid #f1f5f9;font-size:13px;color:#64748b}
.pbp-trust-item{display:flex;align-items:center;gap:6px;font-weight:600}

/* Steps shortcode */
.pbp-steps-wrap{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin:28px 0}
.pbp-step{text-align:center;flex:1;min-width:120px;padding:0 10px}
.pbp-step-num{width:48px;height:48px;background:var(--pbp-primary);color:#fff;border-radius:50%;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.pbp-step-label{font-size:14px;font-weight:700;color:#374151}

/* Brand grid shortcode */
.pbp-brand-grid{display:flex;flex-wrap:wrap;gap:10px}
.pbp-brand-card{border:2px solid #e5e7eb;border-radius:10px;padding:10px 18px;font-weight:700;font-size:14px;color:#374151;text-decoration:none;transition:all .15s}
.pbp-brand-card:hover{border-color:var(--pbp-primary);color:var(--pbp-primary);background:#eff6ff}

/* ============================================================
   [pbp_search] — Standalone Search Bar Shortcode
   ============================================================ */
.pbp-search-shortcode { position: relative; width: 100%; max-width: 100%; margin: 0 auto; }

.pbp-bare-search-form { position: relative; }

.pbp-bare-bar {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #dedede;
  border-radius: 999px;
  padding: 0 28px;
  min-height: 84px;
  box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.pbp-bare-bar:focus-within {
  border-color: #c8c8c8;
  box-shadow: 0 0 0 4px rgba(0,0,0,.035);
  background: #fff;
}
.pbp-bare-input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: clamp(18px, 1.8vw, 28px);
  font-weight: 400;
  color: #404040;
  padding: 20px 0 20px 14px;
  height: auto;
  line-height: 1.25;
}
.pbp-bare-input::placeholder { color: #808080; opacity: 1; }
.pbp-bare-btn {
  order: -1;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #777;
  padding: 0;
  width: 42px;
  height: 42px;
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition: color .15s ease, transform .15s ease;
}
.pbp-bare-btn:hover { color: #222; transform: scale(1.03); }

/* Live dropdown */
.pbp-bare-drop {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0; right: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.14);
  z-index: 9999;
  overflow: hidden;
}
.pbp-drop-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 20px;
  text-decoration: none;
  color: #1e293b;
  border-bottom: 1px solid #f8fafc;
  transition: background .1s;
  font-size: 14px;
}
.pbp-drop-item:last-child { border-bottom: none; }
.pbp-drop-item:hover { background: #eff6ff; }
.pbp-di-name { font-weight: 600; }
.pbp-di-price {
  font-size: 13px;
  color: #16a34a;
  font-weight: 700;
  background: #f0fdf4;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
  margin-left: 12px;
}

/* Popular chips */
.pbp-popular-searches {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}
.pbp-popular-label {
  font-size: 13px;
  color: #94a3b8;
  font-weight: 600;
  white-space: nowrap;
}
.pbp-popular-chip {
  padding: 5px 14px;
  border: 1.5px solid #e2e8f0;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  text-decoration: none;
  transition: all .15s;
  background: #fff;
}
.pbp-popular-chip:hover {
  border-color: var(--pbp-primary, #2563eb);
  color: var(--pbp-primary, #2563eb);
  background: #eff6ff;
}

/* ============================================================
   [pbp_categories] — Brand / Category Grid Shortcode
   ============================================================ */
.pbp-cat-title {
  font-size: 22px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 20px;
}
.pbp-cat-grid {
  display: grid;
  grid-template-columns: repeat(var(--pbp-cols, 4), 1fr);
  gap: 14px;
}
/* --- Style: cards (default) --- */
.pbp-cat-cards .pbp-cat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 14px;
  padding: 24px 16px 18px;
  transition: all .2s;
  color: #1e293b;
}
.pbp-cat-cards .pbp-cat-item:hover {
  border-color: var(--pbp-primary, #2563eb);
  box-shadow: 0 6px 20px rgba(37,99,235,.13);
  transform: translateY(-3px);
}
.pbp-cat-icon {
  width: 56px; height: 56px;
  border-radius: 14px;
  background: #f1f5f9;
  display: flex; align-items: center; justify-content: center;
  font-size: 28px;
  margin-bottom: 12px;
  overflow: hidden;
  transition: background .2s;
}
.pbp-cat-cards .pbp-cat-item:hover .pbp-cat-icon { background: #eff6ff; }
.pbp-cat-icon img { max-width: 36px; max-height: 36px; object-fit: contain; }
.pbp-cat-name {
  font-weight: 800;
  font-size: 15px;
  color: #1e293b;
  margin-bottom: 4px;
}
.pbp-cat-meta {
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.5;
}
.pbp-cat-meta strong { color: #16a34a; }

/* --- Style: pills --- */
.pbp-cat-pills .pbp-cat-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  grid-template-columns: unset;
}
.pbp-cat-pills .pbp-cat-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 100px;
  text-decoration: none;
  color: #374151;
  font-size: 14px;
  font-weight: 700;
  transition: all .15s;
}
.pbp-cat-pills .pbp-cat-item:hover {
  border-color: var(--pbp-primary, #2563eb);
  color: var(--pbp-primary, #2563eb);
  background: #eff6ff;
}
.pbp-cat-pills .pbp-cat-icon {
  width: 28px; height: 28px;
  border-radius: 8px;
  background: #f1f5f9;
  font-size: 16px;
  margin: 0;
  flex-shrink: 0;
}
.pbp-cat-pills .pbp-cat-meta { display: none; }

/* --- Style: grid (bigger) --- */
.pbp-cat-grid-style .pbp-cat-item {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 20px;
  transition: all .15s;
  color: #1e293b;
}
.pbp-cat-grid-style .pbp-cat-item:hover {
  border-color: var(--pbp-primary, #2563eb);
  background: #f8faff;
}
.pbp-cat-grid-style .pbp-cat-name { font-weight: 700; font-size: 15px; }
.pbp-cat-grid-style .pbp-cat-meta { font-size: 12px; color: #94a3b8; }

@media(max-width:768px){
  .pbp-cat-grid{ grid-template-columns: repeat(2, 1fr) !important; }
  .pbp-cat-pills .pbp-cat-grid{ display: flex; }
}
@media(max-width:480px){
  .pbp-bare-input{ font-size:15px; }
}


/* WooCommerce-like compact shop search */
.pbp-shop-search-wrap {
  position: relative;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
.pbp-shop-search-form { position: relative; }
.pbp-shop-search-field {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 84px;
  background: #fff;
  border: 2px solid #dedede;
  border-radius: 999px;
  padding: 0 22px 0 28px;
  box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.pbp-shop-search-field:focus-within {
  border-color: #c8c8c8;
  box-shadow: 0 0 0 4px rgba(0,0,0,.035);
  background: #fff;
}
.pbp-shop-search-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #777;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: color .15s ease, transform .15s ease;
}
.pbp-shop-search-icon:hover { color: #222; transform: scale(1.03); }
.pbp-shop-search-icon svg {
  width: 26px;
  height: 26px;
  display: block;
}
.pbp-shop-search-input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 20px 0;
  font-size: clamp(18px, 1.8vw, 28px);
  font-weight: 400;
  color: #404040;
}
.pbp-shop-search-input::placeholder { color: #808080; opacity: 1; }
.pbp-shop-search-button {
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #777;
  font-weight: 700;
  font-size: 0;
  padding: 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: color .15s ease, transform .15s ease;
}
.pbp-shop-search-button:hover { color: #222; transform: scale(1.03); }
.pbp-shop-search-results {
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  right: 0;
  z-index: 60;
  background: rgba(255,255,255,.98);
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  box-shadow: 0 24px 54px rgba(15,23,42,.16);
  padding: 12px;
  backdrop-filter: blur(12px);
}
.pbp-shop-search-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
}
.pbp-shop-search-results-head span:last-child {
  background: #eff6ff;
  color: #2563eb;
  border-radius: 999px;
  padding: 4px 10px;
  letter-spacing: normal;
}
.pbp-shop-search-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pbp-shop-search-item {
  display: grid;
  grid-template-columns: 64px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: #0f172a;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid #edf2f7;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.pbp-shop-search-item:hover {
  background: #f8fbff;
  border-color: rgba(37,99,235,.22);
  box-shadow: 0 12px 24px rgba(15,23,42,.08);
  transform: translateY(-2px);
}
.pbp-shop-search-thumb-wrap {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  border: 1px solid #e5e7eb;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.pbp-shop-search-thumb {
  width: 54px;
  height: 54px;
  object-fit: contain;
}
.pbp-shop-search-thumb-fallback {
  font-size: 28px;
}
.pbp-shop-search-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.pbp-shop-search-copy strong {
  font-size: 15px;
  line-height: 1.35;
  color: #0f172a;
}
.pbp-shop-search-copy small {
  font-size: 12px;
  color: #64748b;
}
.pbp-shop-search-arrow {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
}
.pbp-extra-search-bar { margin-top: 18px; }
@media(max-width:780px){
  .pbp-shop-search-grid { grid-template-columns: 1fr; }
}
@media(max-width:640px){
  .pbp-shop-search-field {
    grid-template-columns: 34px 1fr;
    padding: 10px;
    gap: 10px;
    border-radius: 18px;
  }
  .pbp-shop-search-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }
  .pbp-shop-search-input {
    padding: 10px 0;
    font-size: 15px;
  }
  .pbp-shop-search-button {
    grid-column: 1 / -1;
    width: 100%;
    border-radius: 14px;
    padding: 13px 16px;
  }
  .pbp-shop-search-results {
    border-radius: 18px;
    padding: 10px;
  }
  .pbp-shop-search-item {
    grid-template-columns: 56px minmax(0,1fr) auto;
    gap: 12px;
    padding: 12px;
    border-radius: 14px;
  }
  .pbp-shop-search-thumb-wrap {
    width: 56px;
    height: 56px;
    border-radius: 14px;
  }
  .pbp-shop-search-thumb {
    width: 46px;
    height: 46px;
  }
}

/* ── Premium Showcase / Trade-In Search Banner ──────────────
   Shortcodes: [pbp_search_showcase], [pbp_search_banner], [pbp_tradein_search]
   Scoped class names keep this banner independent from product page styles.
*/
.pbp-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:28px;
  align-items:center;
  background:#d6ffc7;
  border-radius:38px;
  padding:48px 54px 0;
  overflow:hidden;
  position:relative;
  min-height:410px;
  color:#06304b;
}
.pbp-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 18%, rgba(255,255,255,.34), transparent 30%), linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,0) 48%);
  pointer-events:none;
}
.pbp-showcase__content{
  align-self:center;
  max-width:760px;
  padding:0 0 58px;
  position:relative;
  z-index:2;
}
.pbp-showcase__eyebrow{
  margin:0 0 16px;
  font-size:clamp(16px,1.55vw,22px);
  line-height:1.25;
  color:#06304b;
  font-weight:500;
  letter-spacing:-.02em;
}
.pbp-showcase__title{
  margin:0 0 24px;
  color:#06304b;
  font-size:clamp(38px,4.3vw,58px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:500;
  max-width:720px;
}
.pbp-showcase__form{position:relative;max-width:670px;z-index:4}
.pbp-showcase__search{
  position:relative;
  display:flex;
  align-items:center;
  background:#fff;
  border-radius:999px;
  min-height:84px;
  border:2px solid #dedede;
  box-shadow:none;
  overflow:hidden;
  isolation:isolate;
  max-width:100%;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.pbp-showcase__search:hover{
  background:#fff;
  border-color:#cfcfcf;
}
.pbp-showcase__search:focus-within{
  background:#fff;
  border-color:#c8c8c8;
  box-shadow:0 0 0 4px rgba(0,0,0,.035);
}
.pbp-showcase__input{
  -webkit-appearance:none;
  appearance:none;
  flex:1;
  width:100%;
  border:none !important;
  border-radius:999px;
  background:transparent !important;
  box-shadow:none !important;
  padding:20px 28px 20px 10px;
  min-height:auto;
  font-size:clamp(18px,1.8vw,28px);
  font-weight:400;
  color:#404040;
  outline:none;
}
.pbp-showcase__input::-webkit-search-decoration,
.pbp-showcase__input::-webkit-search-cancel-button,
.pbp-showcase__input::-webkit-search-results-button,
.pbp-showcase__input::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}
.pbp-showcase__input::placeholder{color:#808080;opacity:1}
.pbp-showcase__button{
  -webkit-appearance:none;
  appearance:none;
  order:-1;
  width:64px;
  height:64px;
  min-width:64px;
  border:none !important;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin-left:12px;
  background:transparent !important;
  box-shadow:none !important;
  color:#777;
  cursor:pointer;
  line-height:1;
  z-index:2;
  transition:transform .18s ease, color .18s ease;
}
.pbp-showcase__button:hover{color:#222;transform:scale(1.03)}
.pbp-showcase__button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,0,0,.08) !important}
.pbp-showcase__button svg{width:30px;height:30px;display:block;pointer-events:none;stroke-width:2.4}
.pbp-showcase__results{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  right:0;
  z-index:60;
  background:#fff;
  border:1px solid #e7ebf1;
  border-radius:22px;
  box-shadow:0 22px 56px rgba(15,23,42,.16);
  padding:14px;
}
.pbp-showcase__results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pbp-showcase__result{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#111827;
  background:#fff;
  border:1px solid #e8edf3;
  border-radius:18px;
  padding:10px 12px;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.pbp-showcase__result:hover{transform:translateY(-1px);border-color:#c6d2e1;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.pbp-showcase__result-thumb{
  width:52px;height:52px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 52px;
  border:1px solid #eef2f7;overflow:hidden;
}
.pbp-showcase__result-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.pbp-showcase__result-thumb--fallback{font-size:26px}
.pbp-showcase__result-copy{display:flex;flex-direction:column;min-width:0}
.pbp-showcase__result-copy strong{font-size:15px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbp-showcase__result-copy small{font-size:13px;color:#475569;margin-top:3px}
.pbp-showcase__result-arrow{margin-left:auto;color:#64748b;font-size:20px;line-height:1}
.pbp-showcase__benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:18px;
  max-width:670px;
}
.pbp-showcase__benefit{
  display:flex;
  align-items:center;
  gap:14px;
  color:#06304b;
  font-weight:500;
  font-size:18px;
  line-height:1.05;
}
.pbp-showcase__benefit-icon{
  width:50px;
  height:50px;
  border-radius:0;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#06304b;
  border:none;
  box-shadow:none;
  flex:0 0 50px;
}
.pbp-showcase__benefit-icon svg{width:42px;height:42px;stroke-width:1.8}
.pbp-showcase__media{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:100%;
  z-index:1;
}
.pbp-showcase__device-card{
  position:relative;
  width:min(100%,720px);
  min-height:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.pbp-showcase__device-main{
  display:block;
  width:min(100%,620px);
  max-height:420px;
  object-fit:contain;
  object-position:center bottom;
  margin:0 auto;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.14));
  transform:translateY(18px) scale(1.08);
}

@media (max-width: 1180px){
  .pbp-showcase{
    grid-template-columns:1fr;
    min-height:auto;
    padding:34px 30px 0;
    gap:10px;
  }
  .pbp-showcase__content{padding:0 0 22px;max-width:none}
  .pbp-showcase__form,.pbp-showcase__benefits{max-width:760px}
  .pbp-showcase__media{min-height:250px;justify-content:center}
  .pbp-showcase__device-card{justify-content:center;align-items:flex-end}
  .pbp-showcase__device-main{max-height:330px;transform:translateY(14px) scale(1)}
}
@media (max-width: 767px){
  .pbp-showcase{border-radius:26px;padding:24px 18px 0;gap:14px}
  .pbp-showcase__eyebrow{font-size:16px;margin-bottom:12px}
  .pbp-showcase__title{font-size:34px;margin-bottom:18px}
  .pbp-showcase__search{min-height:58px;border-width:4px}
  .pbp-showcase__input{min-height:50px;padding:0 58px 0 18px;font-size:15px}
  .pbp-showcase__button{width:48px;height:48px;right:5px}
  .pbp-showcase__button svg{width:23px;height:23px}
  .pbp-showcase__results{padding:10px;border-radius:18px}
  .pbp-showcase__results-grid{grid-template-columns:1fr}
  .pbp-showcase__benefits{gap:10px;display:grid;grid-template-columns:1fr;margin-top:14px}
  .pbp-showcase__benefit{font-size:15px}
  .pbp-showcase__benefit-icon{width:42px;height:42px;flex-basis:42px}
  .pbp-showcase__benefit-icon svg{width:32px;height:32px}
  .pbp-showcase__media{min-height:180px}
  .pbp-showcase__device-main{max-height:240px;transform:translateY(10px) scale(1)}
}

/* Header search bar */
.pbp-header-search{position:relative;max-width:760px;width:100%}
.pbp-header-search__form{position:relative}
.pbp-header-search__shell{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-height:84px;
  background:#fff;
  border:2px solid #dedede;
  border-radius:999px;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.pbp-header-search__shell:focus-within{
  background:#fff;
  border-color:#c8c8c8;
  box-shadow:0 0 0 4px rgba(0,0,0,.035);
}
.pbp-header-search__input{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:auto;
  border:0;
  outline:none;
  background:transparent;
  color:#404040;
  font-size:clamp(18px,1.8vw,28px);
  font-weight:400;
  padding:20px 28px 20px 10px;
  border-radius:999px;
}
.pbp-header-search__input::-webkit-search-decoration,
.pbp-header-search__input::-webkit-search-cancel-button,
.pbp-header-search__input::-webkit-search-results-button,
.pbp-header-search__input::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}
.pbp-header-search__input::placeholder{color:#808080;opacity:1}
.pbp-header-search__button{
  -webkit-appearance:none;
  appearance:none;
  order:-1;
  width:64px;
  height:64px;
  min-width:64px;
  border:none !important;
  border-radius:999px;
  background:transparent !important;
  color:#777;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:none !important;
  transition:color .18s ease, transform .18s ease;
  margin-left:12px;
}
.pbp-header-search__button:hover{color:#222;transform:scale(1.03)}
.pbp-header-search__button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,0,0,.08) !important}
.pbp-header-search__shell:focus-within .pbp-header-search__button{transform:scale(1.03)}
.pbp-header-search__button svg{width:30px;height:30px}
.pbp-header-search__results{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  right:0;
  z-index:80;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  box-shadow:0 18px 48px rgba(15,23,42,.16);
  padding:10px;
}
.pbp-header-search__list{display:grid;gap:8px}
.pbp-header-search__item{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#111827;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid transparent;
  transition:background-color .16s ease, border-color .16s ease, transform .16s ease;
}
.pbp-header-search__item:hover,
.pbp-header-search__item.is-active{background:#f8fafc;border-color:#e5e7eb;transform:translateY(-1px)}
.pbp-header-search__thumb{
  width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:#fff;border:1px solid #eef2f7;display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.pbp-header-search__thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.pbp-header-search__thumb--fallback{font-size:22px}
.pbp-header-search__copy{display:flex;flex-direction:column;min-width:0}
.pbp-header-search__copy strong{font-size:15px;line-height:1.25;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbp-header-search__copy small{margin-top:2px;font-size:13px;color:#6b7280}
@media (max-width:767px){
  .pbp-header-search__shell{min-height:62px}
  .pbp-header-search__input{height:58px;padding:0 74px 0 22px;font-size:18px}
  .pbp-header-search__button{right:6px;width:50px;height:50px}
  .pbp-header-search__button svg{width:24px;height:24px}
  .pbp-header-search__results{border-radius:18px;padding:8px}
  .pbp-header-search__thumb{width:42px;height:42px;flex-basis:42px}
}

/* ============================================================
   Legacy widget results (.pbp-sc-results / .pbp-lr-thumb)
   ============================================================ */
.pbp-sc-results {
  position: absolute;
  top: calc(100% + 8px);
  left: 0; right: 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  z-index: 9999;
  overflow: hidden;
}
.pbp-lr-thumb {
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 6px;
  margin-right: 4px;
  vertical-align: middle;
}


/* ============================================================
   Accessibility — keyboard focus styles
   ============================================================ */
.pbp-option-btn:focus-visible,
.pbp-condition-card:focus-visible,
.pbp-storage-tab:focus-visible,
.pbp-condition-pill:focus-visible,
.pbp-popular-chip:focus-visible,
.pbp-brand-link:focus-visible,
.pbp-brand-card:focus-visible,
.pbp-cat-item:focus-visible,
.pbp-phone-card:focus-visible {
  outline: 3px solid var(--pbp-primary, #2563eb);
  outline-offset: 2px;
}
.pbp-submit-btn:focus-visible,
.pbp-sell-btn:focus-visible {
  outline: 3px solid #1d4ed8;
  outline-offset: 3px;
}
.pbp-config-back:focus-visible {
  outline: 2px dashed var(--pbp-primary, #2563eb);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ============================================================
   z-index normalisation — all dropdowns use 9999
   ============================================================ */
.pbp-shop-search-results { z-index: 9999; }

/* ============================================================
   UX refresh v2.1 — friendlier product, results, and forms
   ============================================================ */
:root{
  --pbp-ink:#0f172a;
  --pbp-muted:#64748b;
  --pbp-soft:#f8fafc;
  --pbp-border:#dbe4ee;
  --pbp-accent:#0f766e;
  --pbp-warning:#b45309;
}
.pbp-page-wrap{
  color:var(--pbp-ink);
}
.pbp-breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  line-height:1.4;
}
.pbp-breadcrumb span{
  margin:0;
}
.pbp-results-main{
  min-width:0;
}
.pbp-results-header{
  gap:16px;
  align-items:flex-start;
}
.pbp-mobile-brand-filter{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 18px;
  padding:12px;
  background:#fff;
  border:1px solid var(--pbp-border);
  border-radius:8px;
}
.pbp-mobile-brand-filter label{
  font-size:13px;
  font-weight:800;
  color:var(--pbp-muted);
}
.pbp-mobile-brand-filter select{
  min-width:160px;
  max-width:60%;
  padding:9px 12px;
  border:1px solid var(--pbp-border);
  border-radius:8px;
  background:#fff;
  color:var(--pbp-ink);
}
.pbp-sidebar-box,
.pbp-phone-card,
.pbp-detail-phone-card,
.pbp-related-box,
.pbp-configurator,
.pbp-detail-trust,
.pbp-criteria-card,
.pbp-checkout-section{
  border-color:var(--pbp-border);
}
.pbp-phone-grid{
  gap:18px;
}
.pbp-phone-card{
  border-width:1px;
  border-radius:10px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.pbp-phone-card:hover{
  box-shadow:0 14px 28px rgba(15,23,42,.10);
  transform:translateY(-2px);
}
.pbp-phone-card-img{
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}
.pbp-phone-card-btn{
  border-radius:8px;
}
.pbp-phone-card-note{
  margin-top:8px;
  color:var(--pbp-muted);
  font-size:12px;
  font-weight:600;
  text-align:center;
}
.pbp-detail-layout{
  gap:28px;
}
.pbp-configurator{
  border-radius:10px;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.pbp-config-steps{
  background:#fff;
}
.pbp-config-step{
  color:#7c8798;
}
.pbp-config-step.done{
  color:var(--pbp-accent);
}
.pbp-config-panel h2{
  color:var(--pbp-ink);
}
.pbp-option-btn{
  border-width:1px;
  border-radius:8px;
}
.pbp-condition-card{
  appearance:none;
  width:100%;
  border-width:1px;
  border-radius:10px;
  text-align:left;
  font:inherit;
}
.pbp-condition-card.active{
  background:#ecfdf5;
  border-color:var(--pbp-accent);
}
.pbp-price-reveal{
  background:#ecfdf5;
  border-color:#99f6e4;
  border-radius:10px;
}
.pbp-detail-trust,
.pbp-trust-strip{
  color:var(--pbp-muted);
}
.pbp-success-modal{
  border-radius:12px;
}
.pbp-success-icon-lg{
  background:#dcfce7;
  color:var(--pbp-accent);
}
.pbp-success-ref{
  border-color:#99f6e4;
  color:#065f46;
}
.pbp-search-shortcode,
.pbp-shop-search-wrap,
.pbp-showcase__form,
.pbp-header-search{
  isolation:isolate;
}

@media(max-width:900px){
  .pbp-mobile-brand-filter{display:flex}
  .pbp-results-header{margin-bottom:12px}
}
@media(max-width:760px){}
@media(max-width:600px){
  .pbp-phone-grid{grid-template-columns:1fr}  .pbp-mobile-brand-filter{align-items:stretch;flex-direction:column}
  .pbp-mobile-brand-filter select{max-width:none;width:100%}
}

/* ── Product quote page — consolidated, scoped design ─────────── */
body.pbp-product-route .main-page-wrapper,
body.pbp-product-route .site-content{
  background:#f8fafc;
}
body.pbp-product-route .page-title,
body.pbp-product-route .wd-page-title,
body.pbp-product-route .title-blog,
body.pbp-product-route .entry-header,
body.pbp-product-route .blog-design-default,
body.pbp-product-route .wd-blog-holder{
  display:none!important;
}
body.pbp-product-route .pbp-breadcrumb{
  max-width:1180px;
  padding:20px 20px 8px;
}
body.pbp-product-route .pbp-page-wrap.pbp-product-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 20px 96px;
  color:var(--pbp-ink,#0f172a);
}
body.pbp-product-route .pbp-product-layout{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
body.pbp-product-route .pbp-product-hero{
  max-width:920px;
  margin:18px auto 26px;
  text-align:center;
}
body.pbp-product-route .pbp-product-h1{
  margin:0 auto 16px;
  max-width:860px;
  color:var(--pbp-ink,#0f172a);
  font-size:clamp(32px,4vw,48px);
  line-height:1.06;
  font-weight:900;
  letter-spacing:-.035em;
}
body.pbp-product-route .pbp-product-progress{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  width:100%;
}
body.pbp-product-route .pbp-product-progress span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border:1px solid var(--pbp-border,#dbe4ee);
  border-radius:999px;
  background:#fff;
  color:var(--pbp-muted,#64748b);
  font-size:13px;
  font-weight:800;
  box-shadow:0 4px 16px rgba(15,23,42,.04);
}
body.pbp-product-route .pbp-product-progress strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  background:var(--pbp-primary,#2563eb);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
body.pbp-product-route .pbp-product-progress span.active{
  border-color:rgba(37,99,235,.35);
  background:#eff6ff;
  color:#1d4ed8;
}
body.pbp-product-route .pbp-product-progress span.done{
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#15803d;
}
body.pbp-product-route .pbp-product-progress span.done strong{background:#16a34a}
body.pbp-product-route .pbp-product-shell{
  display:grid;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr);
  gap:28px;
  align-items:start;
  width:100%;
}
body.pbp-product-route .pbp-product-visual-card,
body.pbp-product-route .pbp-product-config-card{
  background:#fff;
  border:1px solid var(--pbp-border,#dbe4ee);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(15,23,42,.08);
}
body.pbp-product-route .pbp-product-visual-card{
  position:sticky;
  top:24px;
  padding:28px;
  text-align:center;
  overflow:hidden;
}
body.pbp-product-route .pbp-product-visual-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(37,99,235,.07),rgba(255,255,255,0) 58%);
  pointer-events:none;
}
body.pbp-product-route .pbp-product-eyebrow{
  position:relative;
  display:inline-flex;
  margin-bottom:18px;
  padding:7px 12px;
  border:1px solid #dbeafe;
  border-radius:999px;
  background:#eff6ff;
  color:var(--pbp-primary,#2563eb);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body.pbp-product-route .pbp-product-img-wrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:300px;
  margin:0 auto 22px;
}
body.pbp-product-route .pbp-product-img{
  max-width:82%;
  max-height:320px;
  object-fit:contain;
  filter:drop-shadow(0 26px 38px rgba(15,23,42,.18));
}
body.pbp-product-route .pbp-product-price-chip{
  position:relative;
  display:grid;
  gap:4px;
  margin:0 0 14px;
  padding:14px;
  border:1px solid #bbf7d0;
  border-radius:14px;
  background:#f0fdf4;
  text-align:left;
}
body.pbp-product-route .pbp-product-price-chip span{
  color:#15803d;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body.pbp-product-route .pbp-product-price-chip strong{
  color:#065f46;
  font-size:24px;
  line-height:1.1;
}
body.pbp-product-route .pbp-product-reassurance{
  position:relative;
  display:grid;
  gap:10px;
  text-align:left;
}
body.pbp-product-route .pbp-product-reassurance span{
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 13px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#f8fafc;
  color:#334155;
  font-size:13px;
  font-weight:800;
}
body.pbp-product-route .pbp-product-reassurance span:before{
  content:"✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#dcfce7;
  color:#15803d;
  font-size:12px;
  font-weight:900;
}
body.pbp-product-route .pbp-product-config-card{padding:28px}
body.pbp-product-route .pbp-product-control-block{margin-bottom:24px}
body.pbp-product-route .pbp-product-step-label{
  display:inline-flex;
  margin:0 0 8px;
  padding:5px 10px;
  border-radius:999px;
  background:#ecfdf5;
  color:#0f766e;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
body.pbp-product-route .pbp-product-section-title{
  margin:0 0 14px;
  color:#0f172a;
  font-size:20px;
  line-height:1.25;
  font-weight:900;
}
body.pbp-product-route .pbp-storage-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:10px;
  margin:0;
}
body.pbp-product-route .pbp-storage-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  padding:12px 18px;
  border:1px solid var(--pbp-border,#dbe4ee);
  border-radius:12px;
  background:#f8fafc;
  color:#334155;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  transition:all .18s ease;
}
body.pbp-product-route .pbp-storage-tab:hover{border-color:var(--pbp-primary,#2563eb);color:var(--pbp-primary,#2563eb);background:#eff6ff}
body.pbp-product-route .pbp-storage-tab.active{background:var(--pbp-primary,#2563eb);border-color:var(--pbp-primary,#2563eb);color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.22)}
body.pbp-product-route .pbp-condition-section{width:100%;margin:0 0 24px;max-width:none}
body.pbp-product-route .pbp-condition-prompt{
  margin:0 0 16px;
  color:var(--pbp-muted,#64748b);
  font-size:15px;
  font-weight:800;
  line-height:1.45;
  text-align:center;
}
body.pbp-product-route .pbp-condition-pills{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 24px;
}
body.pbp-product-route .pbp-condition-pill{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-height:112px;
  padding:14px 12px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#f8fafc;
  color:#334155;
  text-align:center;
  white-space:normal;
  cursor:pointer;
  transition:all .18s ease;
  overflow:hidden;
}
body.pbp-product-route .pbp-condition-pill:hover{border-color:var(--pbp-primary,#2563eb);background:#eff6ff;color:#1d4ed8;transform:translateY(-1px)}
body.pbp-product-route .pbp-condition-pill.active{border-color:var(--pbp-primary,#2563eb);background:var(--pbp-primary,#2563eb);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.22)}
body.pbp-product-route .pbp-condition-badge{
  display:inline-flex;
  width:max-content;
  margin:0 auto 10px;
  padding:4px 8px;
  border-radius:999px;
  background:#fef3c7;
  color:#92400e;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
body.pbp-product-route .pbp-condition-badge--value{background:#dcfce7;color:#166534}
body.pbp-product-route .pbp-condition-pill.active .pbp-condition-badge{background:rgba(255,255,255,.2);color:#fff}
body.pbp-product-route .pbp-condition-pill-name{font-size:15px;line-height:1.2;font-weight:900;color:inherit}
body.pbp-product-route .pbp-condition-pill-desc{display:block;margin-top:8px;color:var(--pbp-muted,#64748b);font-size:12px;font-weight:700;line-height:1.35}
body.pbp-product-route .pbp-condition-pill.active .pbp-condition-pill-desc{color:rgba(255,255,255,.84)}
body.pbp-product-route .pbp-criteria-card,
body.pbp-product-route .pbp-checkout-section{
  border:1px solid var(--pbp-border,#dbe4ee);
  border-radius:16px;
  background:#f8fafc;
  box-shadow:none;
}
body.pbp-product-route .pbp-criteria-card{padding:24px;margin:0 0 24px}
body.pbp-product-route .pbp-criteria-heading{margin:0 0 18px;color:#0f172a;font-style:normal;font-size:15px;line-height:1.55;font-weight:800}
body.pbp-product-route .pbp-criteria-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
body.pbp-product-route .pbp-criteria-item{display:flex;gap:12px;align-items:flex-start;margin:0;color:#334155;font-size:14px;line-height:1.55}
body.pbp-product-route .pbp-criteria-check{flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:50%;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
body.pbp-product-route .pbp-criteria-text strong{color:#0f172a}
body.pbp-product-route .pbp-offer-block{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-top:1px solid #e8eef5;padding-top:22px;text-align:left}
body.pbp-product-route .pbp-offer-label{grid-column:1/-1;color:var(--pbp-muted,#64748b);font-size:14px;font-weight:800}
body.pbp-product-route .pbp-offer-price{color:#0f766e;font-size:52px;font-weight:900;line-height:1;letter-spacing:-.03em}
body.pbp-product-route .pbp-sell-btn{
  min-width:190px;
  padding:15px 22px;
  border:0;
  border-radius:12px;
  background:var(--pbp-primary,#2563eb);
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  transition:all .18s ease;
}
body.pbp-product-route .pbp-sell-btn:hover{background:var(--pbp-primary-dark,#1d4ed8);transform:translateY(-1px);box-shadow:0 12px 24px rgba(37,99,235,.25)}
body.pbp-product-route .pbp-sell-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
body.pbp-product-route .pbp-sell-btn-price{font-weight:900}
body.pbp-product-route .pbp-checkout-section{width:100%;max-width:none;margin:8px 0 0;padding:28px}
body.pbp-product-route .pbp-checkout-heading{text-align:left;margin:0 0 8px;color:#0f172a;font-size:22px;font-weight:900}
body.pbp-product-route .pbp-checkout-summary,
body.pbp-product-route .pbp-checkout-note{text-align:left;color:var(--pbp-muted,#64748b);font-weight:700}
body.pbp-product-route .pbp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
body.pbp-product-route .pbp-field-full{grid-column:1/-1}
body.pbp-product-route .pbp-field label{color:#0f172a;font-weight:800}
body.pbp-product-route .pbp-field input,
body.pbp-product-route .pbp-field select,
body.pbp-product-route .pbp-field textarea{border-color:var(--pbp-border,#dbe4ee);border-radius:10px}
body.pbp-product-route .pbp-submit-btn{border-radius:12px}
body.pbp-product-route .pbp-trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding:18px 0;color:var(--pbp-muted,#64748b)}
body.pbp-product-route .pbp-trust-strip .pbp-trust-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800}
body.pbp-product-route .pbp-mobile-quote-bar{position:fixed;left:14px;right:14px;bottom:14px;z-index:9998;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #dbeafe;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 22px 60px rgba(15,23,42,.22);backdrop-filter:blur(12px);box-sizing:border-box}
body.pbp-product-route .pbp-mobile-quote-label{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
body.pbp-product-route .pbp-mobile-quote-bar strong{display:block;color:#0f172a;font-size:13px;line-height:1.25}
body.pbp-product-route .pbp-mobile-quote-bar button{border:0;border-radius:12px;background:var(--pbp-primary,#2563eb);color:#fff;font-weight:900;padding:11px 14px}
body.pbp-product-route .pbp-mobile-quote-bar button:disabled{opacity:.5}
body.pbp-product-route .pbp-sell-btn:focus-visible,
body.pbp-product-route .pbp-submit-btn:focus-visible,
body.pbp-product-route .pbp-storage-tab:focus-visible,
body.pbp-product-route .pbp-condition-pill:focus-visible,
body.pbp-product-route .pbp-mobile-quote-bar button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}
@media(max-width:920px){
  body.pbp-product-route .pbp-product-shell{grid-template-columns:1fr}
  body.pbp-product-route .pbp-product-config-card{order:1}
  body.pbp-product-route .pbp-product-visual-card{order:2;position:relative;top:auto}
  body.pbp-product-route .pbp-product-img-wrap{min-height:220px}
  body.pbp-product-route .pbp-product-img{max-height:240px}
}
@media(max-width:760px){
  body.pbp-product-route .pbp-page-wrap.pbp-product-wrap{padding-left:16px;padding-right:16px;padding-bottom:120px}
  body.pbp-product-route .pbp-product-hero{text-align:left;margin-top:10px}
  body.pbp-product-route .pbp-product-h1{font-size:32px;margin-left:0;margin-right:0}
  body.pbp-product-route .pbp-product-progress{justify-content:flex-start}
  body.pbp-product-route .pbp-product-progress span{flex:1 1 150px}
  body.pbp-product-route .pbp-product-config-card{padding:18px}
  body.pbp-product-route .pbp-storage-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  body.pbp-product-route .pbp-storage-tab{flex:0 0 auto}
  body.pbp-product-route .pbp-condition-pills{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pbp-product-route .pbp-condition-pill{min-height:104px;padding:14px 10px}
  body.pbp-product-route .pbp-offer-block{grid-template-columns:1fr;text-align:left}
  body.pbp-product-route .pbp-offer-price{font-size:42px}
  body.pbp-product-route .pbp-sell-btn{width:100%;min-width:0}
  body.pbp-product-route .pbp-form-grid{grid-template-columns:1fr}
  body.pbp-product-route .pbp-checkout-section{padding:22px 16px}
}
@media(max-width:520px){
  body.pbp-product-route .pbp-condition-pills{grid-template-columns:1fr}
  body.pbp-product-route .pbp-condition-pill{min-height:0}
  body.pbp-product-route .pbp-product-visual-card{padding:22px 18px}
}
@media(min-width:761px){body.pbp-product-route .pbp-mobile-quote-bar{display:none!important}}

/* ── PBP supporting sections ─────────── */
.pbp-vc-section{max-width:1180px;margin:54px auto;padding:0 20px}.pbp-section-title{text-align:center;font-size:clamp(28px,4vw,42px);line-height:1.12;margin:0 0 24px;color:var(--pbp-ink);font-weight:900;letter-spacing:-.03em}.pbp-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pbp-benefit-card{background:#fff;border:1px solid var(--pbp-border);border-radius:18px;padding:24px;box-shadow:0 14px 34px rgba(15,23,42,.07)}.pbp-benefit-card span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:#eff6ff;font-size:22px;margin-bottom:14px}.pbp-benefit-card h3{margin:0 0 8px;color:#0f172a;font-size:17px;font-weight:900}.pbp-benefit-card p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.pbp-faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}.pbp-faq-item{background:#fff;border:1px solid var(--pbp-border);border-radius:14px;padding:0 18px;box-shadow:0 10px 26px rgba(15,23,42,.06)}.pbp-faq-item summary{cursor:pointer;padding:18px 0;color:#0f172a;font-weight:900;list-style:none}.pbp-faq-item summary::-webkit-details-marker{display:none}.pbp-faq-item summary:after{content:"+";float:right;color:var(--pbp-primary);font-size:22px;line-height:1}.pbp-faq-item[open] summary:after{content:"−"}.pbp-faq-item p{margin:0 0 18px;color:#64748b;line-height:1.65}.pbp-landing-page .pbp-showcase{margin-bottom:18px}.pbp-landing-subtitle{max-width:720px;margin:18px auto 0;text-align:center;color:#64748b;font-size:18px;line-height:1.6}
@media(max-width:920px){.pbp-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pbp-benefit-grid{grid-template-columns:1fr}.pbp-vc-section{margin:38px auto}}

/* ── PBP landing/page builder sections ─────────── */
.pbp-landing{max-width:1180px;margin:0 auto;padding:clamp(32px,5vw,72px) 18px;color:#0f172a}
.pbp-landing__hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:center;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);border:1px solid rgba(37,99,235,.12);border-radius:28px;padding:clamp(24px,4vw,48px);box-shadow:0 24px 80px rgba(15,23,42,.08)}
.pbp-landing__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:#fff;color:var(--pbp-primary,#2563eb);font-weight:800;font-size:13px;box-shadow:0 8px 24px rgba(37,99,235,.12)}
.pbp-landing__copy h1{margin:0 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.04em;color:#0f172a}
.pbp-landing__copy p{margin:0 0 22px;max-width:680px;color:#64748b;font-size:18px;line-height:1.65}
.pbp-landing__panel{display:grid;gap:14px}
.pbp-landing__panel div{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(15,23,42,.08)}
.pbp-landing__panel strong{display:block;font-size:30px;line-height:1;color:#0f172a;margin-bottom:8px}.pbp-landing__panel span{color:#64748b;font-weight:700}
.pbp-benefits-section,.pbp-faq-section{margin-top:34px}.pbp-benefits-section h2,.pbp-faq-section h2{text-align:center;margin:0 0 20px;font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;color:#0f172a}
.pbp-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pbp-benefit-card{background:#fff;border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.pbp-benefit-card__icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f1f5f9;margin-bottom:14px}.pbp-benefit-card h3{margin:0 0 8px;font-size:18px;color:#0f172a}.pbp-benefit-card p{margin:0;color:#64748b;line-height:1.55}
.pbp-faq-list{max-width:860px;margin:0 auto;display:grid;gap:12px}.pbp-faq-item{background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:0 18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.pbp-faq-item summary{cursor:pointer;font-weight:800;color:#0f172a;padding:18px 0}.pbp-faq-item p{margin:0 0 18px;color:#64748b;line-height:1.6}
.pbp-vc-single-image{max-width:100%;height:auto}.pbp-wd-title{text-align:center}.pbp-wd-title h1,.pbp-wd-title h2,.pbp-wd-title h3{margin:0 0 10px}.pbp-wd-title p{margin:0 0 8px;color:#64748b}
@media(max-width:900px){.pbp-landing__hero{grid-template-columns:1fr}.pbp-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pbp-benefits-grid{grid-template-columns:1fr}.pbp-landing{padding:24px 14px}.pbp-landing__hero{border-radius:22px;padding:22px}.pbp-landing__copy p{font-size:16px}}


/* Shortcode search responsive fixes */
@media (max-width: 640px){
  .pbp-bare-bar,
  .pbp-shop-search-field,
  .pbp-showcase__search,
  .pbp-header-search__shell{min-height:62px;padding-left:16px;padding-right:16px;border-width:1.5px}
  .pbp-bare-input,
  .pbp-shop-search-input,
  .pbp-showcase__input,
  .pbp-header-search__input{font-size:16px;padding-top:14px;padding-bottom:14px}
  .pbp-bare-btn,
  .pbp-shop-search-button,
  .pbp-shop-search-icon,
  .pbp-showcase__button,
  .pbp-header-search__button{width:36px;height:36px;min-width:36px;margin-left:0}
  .pbp-bare-btn svg,
  .pbp-shop-search-icon svg,
  .pbp-showcase__button svg,
  .pbp-header-search__button svg{width:22px;height:22px}
}


/* ============================================================
   PBP SHORTCODE WEBSITE DESIGN LAYER
   One final, scoped design layer for all public shortcodes.
   ============================================================ */
:root{
  --pbp-primary:#2563eb;
  --pbp-primary-dark:#1d4ed8;
  --pbp-accent:#d6ffc7;
  --pbp-ink:#0f172a;
  --pbp-text:#334155;
  --pbp-muted:#64748b;
  --pbp-border:#e2e8f0;
  --pbp-border-strong:#d9d9d9;
  --pbp-soft:#f8fafc;
  --pbp-card:#ffffff;
  --pbp-radius:24px;
  --pbp-shadow:0 20px 60px rgba(15,23,42,.10);
}

.pbp-widget,
.pbp-widget *,
.pbp-search-shortcode,
.pbp-search-shortcode *,
.pbp-shop-search-wrap,
.pbp-shop-search-wrap *,
.pbp-header-search,
.pbp-header-search *,
.pbp-showcase,
.pbp-showcase *,
.pbp-categories,
.pbp-categories *,
.pbp-steps-wrap,
.pbp-steps-wrap *,
.pbp-brand-grid,
.pbp-brand-grid *,
.pbp-page-wrap,
.pbp-page-wrap *{box-sizing:border-box}

/* Search shortcodes: [pbp_search], [pbp_search_shop], [pbp_search_header], and showcase search */
.pbp-search-shortcode,
.pbp-shop-search-wrap,
.pbp-header-search{
  position:relative!important;
  width:100%!important;
  max-width:1480px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  isolation:isolate!important;
}
.pbp-bare-search-form,
.pbp-shop-search-form,
.pbp-header-search__form,
.pbp-showcase__form{position:relative!important;width:100%!important;max-width:100%!important}
.pbp-bare-bar,
.pbp-shop-search-field,
.pbp-header-search__shell,
.pbp-showcase__search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:82px!important;
  padding:0 24px!important;
  background:#fff!important;
  border:2px solid var(--pbp-border-strong)!important;
  border-radius:999px!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03)!important;
  overflow:visible!important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.pbp-bare-bar:hover,
.pbp-shop-search-field:hover,
.pbp-header-search__shell:hover,
.pbp-showcase__search:hover{border-color:#cfcfcf!important;background:#fff!important}
.pbp-bare-bar:focus-within,
.pbp-shop-search-field:focus-within,
.pbp-header-search__shell:focus-within,
.pbp-showcase__search:focus-within{border-color:#b9b9b9!important;box-shadow:0 0 0 4px rgba(15,23,42,.05)!important;background:#fff!important}
.pbp-bare-input,
.pbp-shop-search-input,
.pbp-header-search__input,
.pbp-showcase__input{
  -webkit-appearance:none!important;
  appearance:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:20px 0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4b5563!important;
  font-size:clamp(18px,1.75vw,28px)!important;
  font-weight:400!important;
  line-height:1.25!important;
}
.pbp-bare-input::placeholder,
.pbp-shop-search-input::placeholder,
.pbp-header-search__input::placeholder,
.pbp-showcase__input::placeholder{color:#858585!important;opacity:1!important}
.pbp-bare-input::-webkit-search-decoration,
.pbp-bare-input::-webkit-search-cancel-button,
.pbp-shop-search-input::-webkit-search-decoration,
.pbp-shop-search-input::-webkit-search-cancel-button,
.pbp-header-search__input::-webkit-search-decoration,
.pbp-header-search__input::-webkit-search-cancel-button,
.pbp-showcase__input::-webkit-search-decoration,
.pbp-showcase__input::-webkit-search-cancel-button{-webkit-appearance:none!important;display:none!important}
.pbp-bare-btn,
.pbp-shop-search-icon,
.pbp-shop-search-button,
.pbp-header-search__button,
.pbp-showcase__button{
  -webkit-appearance:none!important;
  appearance:none!important;
  order:-1!important;
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#777!important;
  cursor:pointer!important;
  font-size:0!important;
  line-height:1!important;
  transform:none!important;
}
.pbp-bare-btn:hover,
.pbp-shop-search-icon:hover,
.pbp-shop-search-button:hover,
.pbp-header-search__button:hover,
.pbp-showcase__button:hover{color:#111827!important;transform:scale(1.03)!important;background:transparent!important}
.pbp-bare-btn:focus-visible,
.pbp-shop-search-icon:focus-visible,
.pbp-shop-search-button:focus-visible,
.pbp-header-search__button:focus-visible,
.pbp-showcase__button:focus-visible{outline:3px solid rgba(15,23,42,.12)!important;outline-offset:2px!important}
.pbp-bare-btn svg,
.pbp-shop-search-icon svg,
.pbp-shop-search-button svg,
.pbp-header-search__button svg,
.pbp-showcase__button svg{display:block!important;width:30px!important;height:30px!important;stroke:currentColor!important;pointer-events:none!important}

/* Live result dropdowns */
.pbp-bare-drop,
.pbp-shop-search-results,
.pbp-header-search__results,
.pbp-showcase__results,
.pbp-live-results,
.pbp-sc-results{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  left:0!important;
  right:0!important;
  z-index:99999!important;
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:22px!important;
  box-shadow:0 22px 56px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
  color:var(--pbp-ink)!important;
}
.pbp-bare-drop{padding:6px!important}
.pbp-shop-search-results,
.pbp-header-search__results,
.pbp-showcase__results{padding:12px!important;overflow:visible!important}
.pbp-drop-item,
.pbp-shop-search-item,
.pbp-header-search__item,
.pbp-showcase__result,
.pbp-live-result{
  color:#111827!important;
  text-decoration:none!important;
  background:#fff!important;
  border-radius:16px!important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.pbp-drop-item:hover,
.pbp-shop-search-item:hover,
.pbp-header-search__item:hover,
.pbp-showcase__result:hover,
.pbp-live-result:hover{background:#f8fafc!important;border-color:#e5e7eb!important;transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
.pbp-shop-search-results-head{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:2px 4px 10px!important;color:var(--pbp-muted)!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}

/* [pbp_search_showcase], [pbp_search_banner], [pbp_tradein_search] */
.pbp-showcase{
  width:100%!important;
  max-width:1480px!important;
  margin:0 auto 40px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)!important;
  align-items:center!important;
  gap:28px!important;
  padding:48px 54px 0!important;
  min-height:410px!important;
  border-radius:38px!important;
  background:#d6ffc7!important;
  color:#06304b!important;
  overflow:hidden!important;
  position:relative!important;
  isolation:isolate!important;
  box-shadow:none!important;
}
.pbp-showcase::before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 76% 16%,rgba(255,255,255,.38),transparent 30%)!important;pointer-events:none!important}
.pbp-showcase__content{position:relative!important;z-index:2!important;max-width:760px!important;padding:0 0 58px!important}
.pbp-showcase__eyebrow{margin:0 0 16px!important;color:#06304b!important;font-size:clamp(16px,1.55vw,22px)!important;font-weight:500!important;line-height:1.25!important;text-transform:none!important;letter-spacing:-.02em!important}
.pbp-showcase__title{margin:0 0 24px!important;color:#06304b!important;font-size:clamp(38px,4.3vw,58px)!important;font-weight:500!important;line-height:1.02!important;letter-spacing:-.045em!important;text-transform:none!important;max-width:720px!important}
.pbp-showcase__form{max-width:670px!important;z-index:5!important}
.pbp-showcase__media{position:relative!important;z-index:1!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;min-height:100%!important}
.pbp-showcase__device-card{display:flex!important;align-items:flex-end!important;justify-content:center!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.pbp-showcase__device-main{display:block!important;width:min(100%,620px)!important;max-height:420px!important;object-fit:contain!important;object-position:center bottom!important;margin:0 auto!important;transform:translateY(18px) scale(1.08)!important;filter:drop-shadow(0 22px 28px rgba(0,0,0,.14))!important}
.pbp-showcase__benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin-top:18px!important;max-width:670px!important}
.pbp-showcase__benefit{display:flex!important;align-items:center!important;gap:14px!important;color:#06304b!important;font-size:18px!important;font-weight:500!important;line-height:1.05!important}
.pbp-showcase__benefit-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;flex:0 0 50px!important;background:transparent!important;border:0!important;color:#06304b!important}
.pbp-showcase__benefit-icon svg{width:42px!important;height:42px!important;stroke-width:1.8!important}

/* [phone_buyback] website hero widget */
.pbp-widget.pbp-search-only{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto 34px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:30px!important;
  box-shadow:var(--pbp-shadow)!important;
}
.pbp-widget .pbp-hero{
  position:relative!important;
  padding:44px 38px 34px!important;
  text-align:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 56%,#2563eb 100%)!important;
  overflow:hidden!important;
}
.pbp-widget .pbp-hero::after{content:""!important;position:absolute!important;inset:auto -10% -46% auto!important;width:360px!important;height:360px!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important}
.pbp-widget .pbp-hero h2{position:relative!important;z-index:1!important;margin:0 0 10px!important;font-size:clamp(30px,4vw,50px)!important;line-height:1.06!important;letter-spacing:-.04em!important;font-weight:900!important;color:#fff!important}
.pbp-widget .pbp-hero p{position:relative!important;z-index:1!important;max-width:680px!important;margin:0 auto!important;color:rgba(255,255,255,.82)!important;font-size:17px!important;line-height:1.6!important}
.pbp-widget .pbp-brand-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;padding:18px 28px!important;border-top:1px solid #eef2f7!important;background:#fff!important}
.pbp-brand-link,
.pbp-brand-card{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:9px 16px!important;border:1px solid #e5e7eb!important;border-radius:999px!important;background:#fff!important;color:#334155!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,color .16s ease,background .16s ease!important}
.pbp-brand-link:hover,
.pbp-brand-card:hover{transform:translateY(-1px)!important;border-color:rgba(37,99,235,.28)!important;background:#eff6ff!important;color:var(--pbp-primary)!important;box-shadow:0 10px 24px rgba(37,99,235,.10)!important}
.pbp-widget .pbp-trust-bar{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;padding:16px 26px!important;background:#f8fafc!important;border-top:1px solid #eef2f7!important;color:#475569!important;font-size:13px!important;font-weight:800!important}
.pbp-trust-item{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid #eaf0f7!important}

/* [phone_buyback_steps] */
.pbp-steps-wrap{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:1180px!important;
  margin:34px auto!important;
  padding:0!important;
  counter-reset:pbp-step!important;
}
.pbp-step{
  position:relative!important;
  min-width:0!important;
  padding:28px 22px!important;
  background:#fff!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:24px!important;
  box-shadow:0 16px 46px rgba(15,23,42,.07)!important;
  text-align:left!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.pbp-step:hover{transform:translateY(-3px)!important;box-shadow:0 22px 60px rgba(15,23,42,.10)!important;border-color:rgba(37,99,235,.22)!important}
.pbp-step-num{width:52px!important;height:52px!important;margin:0 0 18px!important;border-radius:18px!important;background:linear-gradient(135deg,var(--pbp-primary),var(--pbp-primary-dark))!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(37,99,235,.24)!important}
.pbp-step-label{font-size:17px!important;line-height:1.25!important;color:var(--pbp-ink)!important;font-weight:900!important;letter-spacing:-.02em!important}

/* [phone_buyback_brands] */
.pbp-brand-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:12px!important;
  max-width:1180px!important;
  margin:24px auto!important;
}

/* [pbp_categories] */
.pbp-categories{width:100%!important;max-width:1180px!important;margin:32px auto!important;color:var(--pbp-ink)!important}
.pbp-cat-title{text-align:center!important;margin:0 0 22px!important;font-size:clamp(26px,3vw,40px)!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--pbp-ink)!important;font-weight:900!important}
.pbp-cat-grid{display:grid!important;grid-template-columns:repeat(var(--pbp-cols,4),minmax(0,1fr))!important;gap:16px!important}
.pbp-cat-item{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important;min-height:170px!important;padding:24px 18px!important;background:#fff!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:24px!important;color:var(--pbp-ink)!important;text-decoration:none!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.pbp-cat-item:hover{transform:translateY(-3px)!important;box-shadow:0 24px 70px rgba(15,23,42,.10)!important;border-color:rgba(37,99,235,.24)!important}
.pbp-cat-icon{width:64px!important;height:64px!important;border-radius:22px!important;background:#f1f5f9!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;overflow:hidden!important}
.pbp-cat-icon img{max-width:42px!important;max-height:42px!important;object-fit:contain!important}
.pbp-cat-name{font-size:17px!important;font-weight:900!important;color:var(--pbp-ink)!important;line-height:1.2!important}
.pbp-cat-meta{font-size:13px!important;line-height:1.45!important;color:var(--pbp-muted)!important;font-weight:700!important}
.pbp-cat-meta strong{color:#16a34a!important;font-weight:900!important}

/* Product route safety: hide theme blog/page titles and keep product UI isolated */
body.pbp-product-route .page-title,
body.pbp-product-route .title-size-default,
body.pbp-product-route .woodmart-page-title,
body.pbp-product-route .wd-page-title,
body.pbp-product-route .entry-header,
body.pbp-product-route .blog-design-default{display:none!important}
body.pbp-product-route .pbp-page-wrap.pbp-product-wrap{max-width:1120px!important;margin:0 auto!important;padding:34px 18px 70px!important;color:var(--pbp-ink)!important}
body.pbp-product-route .pbp-product-shell{display:grid!important;grid-template-columns:minmax(280px,380px) minmax(0,1fr)!important;gap:28px!important;align-items:start!important}
body.pbp-product-route .pbp-product-visual-card,
body.pbp-product-route .pbp-product-config-card,
body.pbp-product-route .pbp-checkout-section{background:#fff!important;border:1px solid #dbe4ee!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important}
body.pbp-product-route .pbp-product-config-card{padding:28px!important}
body.pbp-product-route .pbp-product-h1{font-size:clamp(34px,4vw,48px)!important;line-height:1.05!important;letter-spacing:-.04em!important;color:var(--pbp-ink)!important;text-align:center!important;margin:0 auto 18px!important}

@media (max-width:1180px){
  .pbp-showcase{grid-template-columns:1fr!important;min-height:auto!important;padding:34px 30px 0!important;gap:10px!important}
  .pbp-showcase__content{max-width:none!important;padding:0 0 22px!important}
  .pbp-showcase__media{min-height:250px!important}
  .pbp-showcase__device-main{max-height:330px!important;transform:translateY(14px) scale(1)!important}
  .pbp-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:920px){
  .pbp-steps-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pbp-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.pbp-product-route .pbp-product-shell{grid-template-columns:1fr!important}
  body.pbp-product-route .pbp-product-config-card{order:1!important}
  body.pbp-product-route .pbp-product-visual-card{order:2!important;position:relative!important;top:auto!important}
}
@media (max-width:767px){
  .pbp-bare-bar,
  .pbp-shop-search-field,
  .pbp-header-search__shell,
  .pbp-showcase__search{min-height:64px!important;padding:0 16px!important;border-width:2px!important;gap:8px!important}
  .pbp-bare-input,
  .pbp-shop-search-input,
  .pbp-header-search__input,
  .pbp-showcase__input{font-size:16px!important;padding:14px 0!important;height:auto!important}
  .pbp-bare-btn,
  .pbp-shop-search-icon,
  .pbp-shop-search-button,
  .pbp-header-search__button,
  .pbp-showcase__button{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  .pbp-bare-btn svg,
  .pbp-shop-search-icon svg,
  .pbp-shop-search-button svg,
  .pbp-header-search__button svg,
  .pbp-showcase__button svg{width:22px!important;height:22px!important}
  .pbp-showcase{border-radius:26px!important;padding:24px 18px 0!important;gap:14px!important;margin-bottom:26px!important}
  .pbp-showcase__title{font-size:34px!important;margin-bottom:18px!important}
  .pbp-showcase__benefits{grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important}
  .pbp-showcase__benefit{font-size:15px!important}
  .pbp-showcase__media{min-height:180px!important}
  .pbp-showcase__device-main{max-height:240px!important;transform:translateY(10px) scale(1)!important}
  .pbp-widget.pbp-search-only{border-radius:22px!important;margin-bottom:26px!important}
  .pbp-widget .pbp-hero{padding:32px 20px 26px!important}
  .pbp-widget .pbp-hero h2{font-size:30px!important}
  .pbp-steps-wrap{grid-template-columns:1fr!important;gap:12px!important;margin:26px auto!important}
  .pbp-step{padding:22px 18px!important;border-radius:20px!important}
  .pbp-cat-grid{grid-template-columns:1fr!important;gap:12px!important}
  .pbp-cat-item{min-height:auto!important;padding:22px 16px!important;border-radius:20px!important}
  .pbp-brand-grid{justify-content:flex-start!important;gap:8px!important}
  .pbp-brand-link,.pbp-brand-card{min-height:40px!important;padding:8px 13px!important;font-size:13px!important}
  body.pbp-product-route .pbp-product-h1{text-align:left!important;font-size:32px!important}
  body.pbp-product-route .pbp-page-wrap.pbp-product-wrap{padding-left:16px!important;padding-right:16px!important;padding-bottom:120px!important}
}

/* ============================================================
   PBP Modern UX v4 — final shortcode + website design layer
   Purpose: one consistent, user-friendly, responsive design layer
   ============================================================ */
:root{
  --pbp-bg:#f6f8fb;
  --pbp-surface:#ffffff;
  --pbp-surface-2:#f8fafc;
  --pbp-ink:#0f172a;
  --pbp-text:#334155;
  --pbp-muted:#64748b;
  --pbp-line:#e2e8f0;
  --pbp-line-strong:#cbd5e1;
  --pbp-primary:#2563eb;
  --pbp-primary-dark:#1d4ed8;
  --pbp-success:#16a34a;
  --pbp-lime:#d8ffc9;
  --pbp-lime-2:#b9f59d;
  --pbp-radius-sm:14px;
  --pbp-radius:22px;
  --pbp-radius-lg:34px;
  --pbp-shadow-sm:0 8px 22px rgba(15,23,42,.06);
  --pbp-shadow:0 18px 54px rgba(15,23,42,.09);
  --pbp-shadow-lg:0 28px 86px rgba(15,23,42,.13);
  --pbp-ring:0 0 0 4px rgba(37,99,235,.14);
}

.pbp-search-shortcode,
.pbp-shop-search-wrap,
.pbp-header-search,
.pbp-showcase,
.pbp-widget,
.pbp-steps-wrap,
.pbp-brand-grid,
.pbp-categories{box-sizing:border-box!important;font-family:inherit!important}
.pbp-search-shortcode *,
.pbp-shop-search-wrap *,
.pbp-header-search *,
.pbp-showcase *,
.pbp-widget *,
.pbp-steps-wrap *,
.pbp-brand-grid *,
.pbp-categories *{box-sizing:border-box!important}

/* Search bars: touch-friendly, accessible, same design across shortcodes */
.pbp-search-shortcode,
.pbp-shop-search-wrap,
.pbp-header-search{width:100%!important;max-width:760px!important;margin:0 auto!important;position:relative!important}
.pbp-bare-search-form,
.pbp-shop-search-form,
.pbp-header-search__form,
.pbp-showcase__form{position:relative!important;width:100%!important}
.pbp-bare-bar,
.pbp-shop-search-field,
.pbp-header-search__shell,
.pbp-showcase__search{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:70px!important;
  padding:0 18px!important;
  background:var(--pbp-surface)!important;
  border:2px solid var(--pbp-line-strong)!important;
  border-radius:999px!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.pbp-bare-bar:hover,
.pbp-shop-search-field:hover,
.pbp-header-search__shell:hover,
.pbp-showcase__search:hover{border-color:#b6c2d1!important}
.pbp-bare-bar:focus-within,
.pbp-shop-search-field:focus-within,
.pbp-header-search__shell:focus-within,
.pbp-showcase__search:focus-within{border-color:var(--pbp-primary)!important;box-shadow:var(--pbp-ring)!important;background:#fff!important}
.pbp-bare-input,
.pbp-shop-search-input,
.pbp-header-search__input,
.pbp-showcase__input{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 2px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--pbp-ink)!important;
  font-size:clamp(16px,1.4vw,18px)!important;
  line-height:1.3!important;
  font-weight:600!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.pbp-bare-input::placeholder,
.pbp-shop-search-input::placeholder,
.pbp-header-search__input::placeholder,
.pbp-showcase__input::placeholder{color:#8a94a6!important;opacity:1!important;font-weight:500!important}
.pbp-bare-input::-webkit-search-decoration,
.pbp-bare-input::-webkit-search-cancel-button,
.pbp-shop-search-input::-webkit-search-decoration,
.pbp-shop-search-input::-webkit-search-cancel-button,
.pbp-header-search__input::-webkit-search-decoration,
.pbp-header-search__input::-webkit-search-cancel-button,
.pbp-showcase__input::-webkit-search-decoration,
.pbp-showcase__input::-webkit-search-cancel-button{-webkit-appearance:none!important;display:none!important}
.pbp-bare-btn,
.pbp-shop-search-icon,
.pbp-shop-search-button,
.pbp-header-search__button,
.pbp-showcase__button{
  order:-1!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#64748b!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:color .16s ease,background .16s ease,transform .16s ease!important;
}
.pbp-bare-btn:hover,
.pbp-shop-search-icon:hover,
.pbp-shop-search-button:hover,
.pbp-header-search__button:hover,
.pbp-showcase__button:hover{color:var(--pbp-primary)!important;background:#eff6ff!important;transform:scale(1.03)!important}
.pbp-bare-btn:focus-visible,
.pbp-shop-search-icon:focus-visible,
.pbp-shop-search-button:focus-visible,
.pbp-header-search__button:focus-visible,
.pbp-showcase__button:focus-visible{outline:0!important;box-shadow:var(--pbp-ring)!important}
.pbp-bare-btn svg,
.pbp-shop-search-icon svg,
.pbp-shop-search-button svg,
.pbp-header-search__button svg,
.pbp-showcase__button svg{width:24px!important;height:24px!important;display:block!important;stroke:currentColor!important}

/* Dropdowns: clear, scrollable, mobile-safe */
.pbp-bare-drop,
.pbp-shop-search-results,
.pbp-header-search__results,
.pbp-showcase__results,
.pbp-live-results,
.pbp-sc-results{
  position:absolute!important;
  top:calc(100% + 12px)!important;
  left:0!important;
  right:0!important;
  z-index:99999!important;
  max-height:min(460px,70vh)!important;
  overflow:auto!important;
  padding:10px!important;
  background:#fff!important;
  color:var(--pbp-ink)!important;
  border:1px solid var(--pbp-line)!important;
  border-radius:22px!important;
  box-shadow:var(--pbp-shadow-lg)!important;
  -webkit-overflow-scrolling:touch!important;
}
.pbp-showcase__results-grid,
.pbp-shop-search-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.pbp-drop-item,
.pbp-shop-search-item,
.pbp-header-search__item,
.pbp-showcase__result,
.pbp-live-result{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:64px!important;
  padding:12px!important;
  color:var(--pbp-ink)!important;
  background:#fff!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  text-decoration:none!important;
  transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease!important;
}
.pbp-drop-item:hover,
.pbp-shop-search-item:hover,
.pbp-header-search__item:hover,
.pbp-showcase__result:hover,
.pbp-live-result:hover{background:#f8fafc!important;border-color:#dbeafe!important;box-shadow:var(--pbp-shadow-sm)!important;transform:translateY(-1px)!important}
.pbp-di-name,
.pbp-shop-search-copy strong,
.pbp-header-search__item strong,
.pbp-showcase__result-copy strong{color:var(--pbp-ink)!important;font-weight:800!important;line-height:1.25!important}
.pbp-di-price,
.pbp-shop-search-copy small,
.pbp-showcase__result-copy small{display:inline-flex!important;width:max-content!important;margin-top:4px!important;padding:4px 9px!important;border-radius:999px!important;background:#ecfdf5!important;color:#15803d!important;font-size:12px!important;font-weight:900!important}

/* Hero showcase: modern high-conversion banner */
.pbp-showcase{
  max-width:1280px!important;
  width:100%!important;
  margin:0 auto 42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr)!important;
  align-items:center!important;
  gap:28px!important;
  min-height:440px!important;
  padding:54px 58px 0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(15,23,42,.06)!important;
  border-radius:clamp(26px,3vw,42px)!important;
  background:
    radial-gradient(circle at 80% 18%,rgba(255,255,255,.54),transparent 27%),
    linear-gradient(135deg,var(--pbp-lime) 0%,var(--pbp-lime-2) 100%)!important;
  color:#06304b!important;
  box-shadow:0 20px 70px rgba(31,80,35,.10)!important;
  content-visibility:auto!important;
  contain-intrinsic-size:440px!important;
}
.pbp-showcase__content{position:relative!important;z-index:2!important;max-width:780px!important;padding-bottom:56px!important}
.pbp-showcase__eyebrow{margin:0 0 12px!important;color:#164e63!important;font-size:clamp(15px,1.4vw,20px)!important;line-height:1.35!important;font-weight:700!important;letter-spacing:-.015em!important;text-transform:none!important}
.pbp-showcase__title{max-width:760px!important;margin:0 0 24px!important;color:#06304b!important;font-size:clamp(38px,5vw,64px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:850!important;text-transform:none!important}
.pbp-showcase__form{max-width:690px!important}
.pbp-showcase__search{min-height:76px!important;border-color:rgba(15,23,42,.20)!important;box-shadow:0 10px 30px rgba(15,23,42,.08)!important}
.pbp-showcase__benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:22px!important;max-width:690px!important}
.pbp-showcase__benefit{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.42)!important;color:#073b4c!important;font-size:14px!important;font-weight:850!important;line-height:1.25!important;backdrop-filter:blur(8px)!important}
.pbp-showcase__benefit-icon{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#0f766e!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}
.pbp-showcase__benefit-icon svg{width:20px!important;height:20px!important;stroke:currentColor!important}
.pbp-showcase__media{position:relative!important;z-index:1!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;height:100%!important;min-height:360px!important}
.pbp-showcase__device-card{width:100%!important;height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.pbp-showcase__device-card::before{content:""!important;position:absolute!important;right:6%!important;bottom:-34%!important;width:min(420px,88vw)!important;height:min(420px,88vw)!important;border-radius:999px!important;background:rgba(255,255,255,.34)!important;z-index:-1!important}
.pbp-showcase__device-main{max-width:min(320px,82%)!important;max-height:390px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 24px 34px rgba(15,23,42,.23))!important;transform:translateY(16px)!important}

/* Homepage/widget card */
.pbp-widget.pbp-search-only{max-width:1180px!important;margin:0 auto 34px!important;overflow:hidden!important;border:1px solid var(--pbp-line)!important;border-radius:var(--pbp-radius-lg)!important;background:#fff!important;box-shadow:var(--pbp-shadow)!important;content-visibility:auto!important;contain-intrinsic-size:360px!important}
.pbp-widget .pbp-hero{position:relative!important;padding:48px 28px 34px!important;text-align:center!important;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 58%,#2563eb 100%)!important;color:#fff!important;overflow:hidden!important}
.pbp-widget .pbp-hero::after{content:""!important;position:absolute!important;right:-120px!important;top:-140px!important;width:340px!important;height:340px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important}
.pbp-widget .pbp-hero h2{position:relative!important;z-index:1!important;margin:0 0 10px!important;color:#fff!important;font-size:clamp(30px,4.2vw,54px)!important;line-height:1.02!important;letter-spacing:-.05em!important;font-weight:900!important}
.pbp-widget .pbp-hero p{position:relative!important;z-index:1!important;max-width:700px!important;margin:0 auto!important;color:rgba(255,255,255,.82)!important;font-size:clamp(15px,1.45vw,18px)!important;line-height:1.6!important}
.pbp-brand-links,.pbp-widget .pbp-brand-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;padding:18px 24px!important;background:#fff!important;border-top:1px solid #eef2f7!important}
.pbp-brand-link,.pbp-brand-card,.pbp-popular-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:9px 15px!important;border:1px solid var(--pbp-line)!important;border-radius:999px!important;background:#fff!important;color:#334155!important;text-decoration:none!important;font-size:14px!important;font-weight:850!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease!important}
.pbp-brand-link:hover,.pbp-brand-card:hover,.pbp-popular-chip:hover{transform:translateY(-1px)!important;border-color:#bfdbfe!important;background:#eff6ff!important;color:var(--pbp-primary)!important;box-shadow:0 10px 26px rgba(37,99,235,.12)!important}
.pbp-popular-searches{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:9px!important;margin-top:14px!important}
.pbp-popular-label{color:var(--pbp-muted)!important;font-size:13px!important;font-weight:850!important}
.pbp-widget .pbp-trust-bar{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px!important;padding:16px 24px!important;background:#f8fafc!important;border-top:1px solid #eef2f7!important}
.pbp-trust-item{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;border-radius:999px!important;background:#fff!important;border:1px solid #eaf0f7!important;color:#475569!important;font-size:13px!important;font-weight:850!important}

/* Steps, brands, categories: modern cards */
.pbp-steps-wrap{max-width:1180px!important;margin:36px auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;padding:0!important}
.pbp-step{position:relative!important;min-width:0!important;padding:26px 22px!important;text-align:left!important;background:#fff!important;border:1px solid rgba(148,163,184,.25)!important;border-radius:24px!important;box-shadow:var(--pbp-shadow-sm)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.pbp-step:hover{transform:translateY(-3px)!important;box-shadow:var(--pbp-shadow)!important;border-color:#bfdbfe!important}
.pbp-step-num{width:50px!important;height:50px!important;margin:0 0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;background:linear-gradient(135deg,var(--pbp-primary),var(--pbp-primary-dark))!important;color:#fff!important;font-size:20px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(37,99,235,.24)!important}
.pbp-step-label{font-size:17px!important;line-height:1.25!important;color:var(--pbp-ink)!important;font-weight:900!important;letter-spacing:-.02em!important}
.pbp-brand-grid{max-width:1180px!important;margin:26px auto!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}
.pbp-categories{max-width:1180px!important;margin:36px auto!important;color:var(--pbp-ink)!important;content-visibility:auto!important;contain-intrinsic-size:420px!important}
.pbp-cat-title{text-align:center!important;margin:0 0 24px!important;color:var(--pbp-ink)!important;font-size:clamp(28px,3.4vw,44px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:900!important}
.pbp-cat-grid{display:grid!important;grid-template-columns:repeat(var(--pbp-cols,4),minmax(0,1fr))!important;gap:16px!important}
.pbp-cat-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;min-height:178px!important;padding:24px 18px!important;background:#fff!important;border:1px solid rgba(148,163,184,.25)!important;border-radius:24px!important;color:var(--pbp-ink)!important;text-decoration:none!important;box-shadow:var(--pbp-shadow-sm)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.pbp-cat-item:hover{transform:translateY(-3px)!important;box-shadow:var(--pbp-shadow)!important;border-color:#bfdbfe!important}
.pbp-cat-icon{width:64px!important;height:64px!important;border-radius:22px!important;background:#f1f5f9!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;overflow:hidden!important}
.pbp-cat-icon img{max-width:44px!important;max-height:44px!important;object-fit:contain!important}
.pbp-cat-name{font-size:17px!important;font-weight:900!important;line-height:1.2!important;color:var(--pbp-ink)!important}
.pbp-cat-meta{font-size:13px!important;line-height:1.45!important;color:var(--pbp-muted)!important;font-weight:750!important}
.pbp-cat-meta strong{color:var(--pbp-success)!important;font-weight:900!important}

/* Product route: user-friendly layout, isolated from blog/theme pages */
body.pbp-product-route .page-title,
body.pbp-product-route .title-size-default,
body.pbp-product-route .woodmart-page-title,
body.pbp-product-route .wd-page-title,
body.pbp-product-route .entry-header,
body.pbp-product-route .blog-design-default{display:none!important}
body.pbp-product-route .pbp-page-wrap.pbp-product-wrap{max-width:1160px!important;margin:0 auto!important;padding:34px 18px 82px!important;color:var(--pbp-ink)!important}
body.pbp-product-route .pbp-product-shell{display:grid!important;grid-template-columns:minmax(280px,390px) minmax(0,1fr)!important;gap:28px!important;align-items:start!important}
body.pbp-product-route .pbp-product-visual-card,
body.pbp-product-route .pbp-product-config-card,
body.pbp-product-route .pbp-checkout-section{background:#fff!important;border:1px solid var(--pbp-line)!important;border-radius:24px!important;box-shadow:var(--pbp-shadow)!important}
body.pbp-product-route .pbp-product-config-card{padding:28px!important}
body.pbp-product-route .pbp-product-h1{max-width:900px!important;margin:0 auto 18px!important;text-align:center!important;color:var(--pbp-ink)!important;font-size:clamp(34px,4vw,50px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:900!important}
body.pbp-product-route .pbp-sell-btn{min-height:58px!important;border-radius:18px!important;font-weight:900!important;box-shadow:0 14px 28px rgba(22,163,74,.18)!important}

@media (max-width:1180px){
  .pbp-showcase{grid-template-columns:1fr!important;min-height:auto!important;padding:40px 34px 0!important;gap:8px!important}
  .pbp-showcase__content{max-width:none!important;padding-bottom:22px!important}
  .pbp-showcase__media{min-height:245px!important}
  .pbp-showcase__device-main{max-height:320px!important}
  .pbp-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:920px){
  .pbp-steps-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pbp-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.pbp-product-route .pbp-product-shell{grid-template-columns:1fr!important}
  body.pbp-product-route .pbp-product-config-card{order:1!important}
  body.pbp-product-route .pbp-product-visual-card{order:2!important;position:relative!important;top:auto!important}
}
@media (max-width:767px){
  .pbp-search-shortcode,.pbp-shop-search-wrap,.pbp-header-search{max-width:100%!important}
  .pbp-bare-bar,.pbp-shop-search-field,.pbp-header-search__shell,.pbp-showcase__search{min-height:62px!important;padding:0 14px!important;gap:8px!important;border-width:2px!important}
  .pbp-bare-input,.pbp-shop-search-input,.pbp-header-search__input,.pbp-showcase__input{font-size:16px!important;min-height:42px!important;padding:8px 0!important}
  .pbp-bare-btn,.pbp-shop-search-icon,.pbp-shop-search-button,.pbp-header-search__button,.pbp-showcase__button{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  .pbp-bare-btn svg,.pbp-shop-search-icon svg,.pbp-shop-search-button svg,.pbp-header-search__button svg,.pbp-showcase__button svg{width:21px!important;height:21px!important}
  .pbp-showcase{border-radius:26px!important;margin-bottom:28px!important;padding:28px 18px 0!important}
  .pbp-showcase__title{font-size:clamp(34px,11vw,44px)!important;margin-bottom:18px!important}
  .pbp-showcase__eyebrow{font-size:16px!important}
  .pbp-showcase__benefits{grid-template-columns:1fr!important;gap:9px!important;margin-top:14px!important}
  .pbp-showcase__benefit{padding:10px 12px!important;font-size:14px!important}
  .pbp-showcase__media{min-height:178px!important}
  .pbp-showcase__device-main{max-height:230px!important;transform:translateY(10px)!important}
  .pbp-showcase__results-grid,.pbp-shop-search-grid{grid-template-columns:1fr!important}
  .pbp-bare-drop,.pbp-shop-search-results,.pbp-header-search__results,.pbp-showcase__results{border-radius:18px!important;padding:8px!important;max-height:64vh!important}
  .pbp-widget.pbp-search-only{border-radius:24px!important;margin-bottom:28px!important}
  .pbp-widget .pbp-hero{padding:34px 18px 28px!important}
  .pbp-widget .pbp-brand-links{justify-content:flex-start!important;padding:16px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scroll-snap-type:x proximity!important}
  .pbp-brand-link,.pbp-brand-card,.pbp-popular-chip{flex:0 0 auto!important;min-height:40px!important;padding:8px 13px!important;font-size:13px!important;scroll-snap-align:start!important}
  .pbp-widget .pbp-trust-bar{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:14px 16px!important}
  .pbp-steps-wrap{grid-template-columns:1fr!important;gap:12px!important;margin:28px auto!important}
  .pbp-step{padding:22px 18px!important;border-radius:20px!important}
  .pbp-cat-grid{grid-template-columns:1fr!important;gap:12px!important}
  .pbp-cat-item{min-height:auto!important;padding:22px 16px!important;border-radius:20px!important}
  body.pbp-product-route .pbp-page-wrap.pbp-product-wrap{padding-left:16px!important;padding-right:16px!important;padding-bottom:120px!important}
  body.pbp-product-route .pbp-product-h1{text-align:left!important;font-size:32px!important}
  body.pbp-product-route .pbp-product-config-card{padding:20px!important;border-radius:20px!important}
}
@media (prefers-reduced-motion:reduce){
  .pbp-search-shortcode *,
  .pbp-shop-search-wrap *,
  .pbp-header-search *,
  .pbp-showcase *,
  .pbp-widget *,
  .pbp-steps-wrap *,
  .pbp-brand-grid *,
  .pbp-categories *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}


/* ============================================================
   2026 Premium hero shortcode override
   Applies to: [pbp_search_showcase], [pbp_search_banner], [pbp_tradein_search]
   and keeps all search bars visually consistent.
   ============================================================ */
.pbp-showcase{
  width:100% !important;
  max-width:none !important;
  margin:0 auto 32px !important;
  padding:clamp(28px,4.8vw,64px) clamp(18px,4.2vw,42px) !important;
  border-radius:34px !important;
  background:linear-gradient(90deg,#f7f8fb 0%, #f0ebff 100%) !important;
  border:1px solid #ece8f7 !important;
  box-shadow:0 22px 60px rgba(17,24,39,.08) !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  align-items:center !important;
  gap:18px !important;
  text-align:center !important;
  overflow:visible !important;
  position:relative !important;
}
.pbp-showcase::before,
.pbp-showcase__media{display:none !important}
.pbp-showcase__content{
  width:min(100%,1280px) !important;
  max-width:1280px !important;
  padding:0 !important;
  position:relative !important;
  z-index:2 !important;
}
.pbp-showcase__badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:14px 24px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid #edeaf5 !important;
  box-shadow:0 10px 28px rgba(17,24,39,.06) !important;
  margin:0 auto 26px !important;
  color:#364152 !important;
}
.pbp-showcase__badge-star{font-size:26px !important;line-height:1 !important;color:#e4b731 !important}
.pbp-showcase__badge-text{font-size:clamp(18px,1.4vw,24px) !important;font-weight:800 !important;line-height:1.1 !important;color:#364152 !important}
.pbp-showcase__eyebrow{display:none !important}
.pbp-showcase__title{margin:0 0 18px !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:6px !important}
.pbp-showcase__title-main,
.pbp-showcase__title-highlight{display:block !important;letter-spacing:-.05em !important;line-height:.98 !important}
.pbp-showcase__title-main{font-size:clamp(44px,6vw,92px) !important;font-weight:900 !important;color:#0e1730 !important}
.pbp-showcase__title-highlight{font-size:clamp(44px,6vw,92px) !important;font-weight:900 !important;background:linear-gradient(90deg,#6b3cf6 0%, #b44cf4 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important}
.pbp-showcase__subtitle{
  width:min(100%,950px) !important;
  margin:0 auto 34px !important;
  color:#5a6479 !important;
  font-size:clamp(19px,2.1vw,24px) !important;
  line-height:1.45 !important;
  font-weight:600 !important;
}
.pbp-showcase__form{
  position:relative !important;
  width:min(100%,1230px) !important;
  max-width:1230px !important;
  margin:0 auto !important;
  z-index:5 !important;
}
.pbp-showcase__search{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  background:#ffffff !important;
  border:1px solid #edeaf6 !important;
  border-radius:34px !important;
  padding:16px !important;
  box-shadow:0 20px 40px rgba(17,24,39,.08) !important;
  min-height:unset !important;
}
.pbp-showcase__search:hover{border-color:#dfd7ef !important;background:#fff !important}
.pbp-showcase__search:focus-within{border-color:#cbbdf3 !important;box-shadow:0 0 0 5px rgba(109,53,245,.10),0 20px 40px rgba(17,24,39,.08) !important;background:#fff !important}
.pbp-showcase__input-wrap{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
  background:#f6f7fb !important;
  border-radius:26px !important;
  border:1px solid #eef0f5 !important;
  min-height:98px !important;
  padding:0 24px !important;
}
.pbp-showcase__search-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:48px !important;height:48px !important;color:#98a2b3 !important;flex:0 0 48px !important}
.pbp-showcase__search-icon svg{width:34px !important;height:34px !important;display:block !important}
.pbp-showcase__input{
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#8a93a5 !important;
  font-size:clamp(18px,2vw,26px) !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  padding:0 !important;
  height:auto !important;
}
.pbp-showcase__input::placeholder{color:#9aa2b3 !important;opacity:1 !important}
.pbp-showcase__button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:260px !important;
  min-height:98px !important;
  padding:0 36px !important;
  border:0 !important;
  border-radius:26px !important;
  background:linear-gradient(135deg,#6d35f5 0%, #8c43f6 55%, #a54af5 100%) !important;
  color:#fff !important;
  box-shadow:0 18px 34px rgba(109,53,245,.28) !important;
}
.pbp-showcase__button:hover{background:linear-gradient(135deg,#5c29ea 0%, #8039ef 55%, #9b43ef 100%) !important;transform:translateY(-1px) !important;color:#fff !important}
.pbp-showcase__button:focus-visible{outline:3px solid rgba(109,53,245,.22) !important;outline-offset:3px !important}
.pbp-showcase__button-text{font-size:clamp(20px,2vw,28px) !important;font-weight:900 !important;letter-spacing:-.03em !important;line-height:1 !important}
.pbp-showcase__results,
.pbp-shop-search-results,
.pbp-header-search__results,
.pbp-bare-drop{
  background:#fff !important;
  border:1px solid #ece8f7 !important;
  border-radius:24px !important;
  box-shadow:0 24px 48px rgba(17,24,39,.12) !important;
  padding:12px !important;
}
.pbp-showcase__results{top:calc(100% + 14px) !important}
.pbp-showcase__results-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}
.pbp-showcase__result,
.pbp-shop-search-item,
.pbp-header-search__item,
.pbp-drop-item{
  border:1px solid #eeeaf8 !important;
  border-radius:18px !important;
  background:#fff !important;
}
.pbp-showcase__result:hover,
.pbp-shop-search-item:hover,
.pbp-header-search__item:hover,
.pbp-drop-item:hover{border-color:#d6c9f7 !important;background:#faf8ff !important;box-shadow:none !important}
.pbp-showcase__result-copy strong,
.pbp-shop-search-copy strong,
.pbp-header-search__copy strong,
.pbp-di-name{color:#101828 !important;font-weight:800 !important}
.pbp-showcase__result-copy small,
.pbp-shop-search-copy small,
.pbp-header-search__copy small,
.pbp-di-price{color:#6d35f5 !important;font-weight:700 !important;background:transparent !important;padding:0 !important}
.pbp-showcase__result-arrow,
.pbp-shop-search-arrow{color:#6d35f5 !important}
.pbp-showcase__benefits{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  margin:22px auto 0 !important;
  width:min(100%,1100px) !important;
}
.pbp-showcase__benefit{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:14px 18px !important;
  border-radius:18px !important;
  background:#eef8f0 !important;
  border:1px solid #ddf0e1 !important;
  color:#1e6b4a !important;
  font-size:clamp(15px,1.3vw,18px) !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}
.pbp-showcase__benefit-icon{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
  background:transparent !important;
  color:#1e6b4a !important;
}
.pbp-showcase__benefit-icon svg{width:24px !important;height:24px !important}
/* Make all standalone search bars use the same color system */
.pbp-search-shortcode,
.pbp-shop-search-wrap,
.pbp-header-search{width:100% !important;max-width:100% !important;margin:0 auto !important}
.pbp-bare-search-form,
.pbp-shop-search-form,
.pbp-header-search__form{position:relative !important;width:100% !important}
.pbp-bare-bar,
.pbp-shop-search-field,
.pbp-header-search__shell{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-height:76px !important;
  padding:0 20px !important;
  background:#fff !important;
  border:1px solid #ece8f7 !important;
  border-radius:24px !important;
  box-shadow:0 16px 34px rgba(17,24,39,.08) !important;
}
.pbp-bare-bar:focus-within,
.pbp-shop-search-field:focus-within,
.pbp-header-search__shell:focus-within{border-color:#cbbdf3 !important;box-shadow:0 0 0 4px rgba(109,53,245,.10),0 16px 34px rgba(17,24,39,.08) !important}
.pbp-bare-input,
.pbp-shop-search-input,
.pbp-header-search__input{
  font-size:20px !important;
  font-weight:700 !important;
  color:#667085 !important;
  padding:0 !important;
}
.pbp-bare-input::placeholder,
.pbp-shop-search-input::placeholder,
.pbp-header-search__input::placeholder{color:#98a2b3 !important}
.pbp-bare-btn,
.pbp-shop-search-icon,
.pbp-shop-search-button,
.pbp-header-search__button{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  background:#f5f3ff !important;
  color:#6d35f5 !important;
  border-radius:999px !important;
  border:0 !important;
}
.pbp-bare-btn:hover,
.pbp-shop-search-icon:hover,
.pbp-shop-search-button:hover,
.pbp-header-search__button:hover{background:#eee8ff !important;color:#5b2ce2 !important}
.pbp-bare-btn svg,
.pbp-shop-search-icon svg,
.pbp-shop-search-button svg,
.pbp-header-search__button svg{width:24px !important;height:24px !important}
@media (max-width: 900px){
  .pbp-showcase{border-radius:26px !important;padding:24px 16px !important}
  .pbp-showcase__badge{margin-bottom:18px !important;padding:12px 18px !important}
  .pbp-showcase__subtitle{margin-bottom:24px !important}
  .pbp-showcase__search{grid-template-columns:1fr !important;gap:12px !important;padding:12px !important;border-radius:24px !important}
  .pbp-showcase__input-wrap{min-height:72px !important;padding:0 16px !important;border-radius:18px !important}
  .pbp-showcase__search-icon{width:38px !important;height:38px !important;flex-basis:38px !important}
  .pbp-showcase__search-icon svg{width:26px !important;height:26px !important}
  .pbp-showcase__input{font-size:18px !important}
  .pbp-showcase__button{width:100% !important;min-width:0 !important;min-height:64px !important;padding:0 24px !important;border-radius:18px !important}
  .pbp-showcase__button-text{font-size:22px !important}
  .pbp-showcase__results{position:relative !important;top:12px !important;left:auto !important;right:auto !important}
  .pbp-showcase__results-grid{grid-template-columns:1fr !important}
  .pbp-showcase__benefits{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;width:100% !important}
  .pbp-showcase__benefit{width:100% !important;justify-content:flex-start !important;font-size:15px !important}
  .pbp-bare-bar,
  .pbp-shop-search-field,
  .pbp-header-search__shell{min-height:64px !important;padding:0 16px !important;border-radius:18px !important}
  .pbp-bare-input,
  .pbp-shop-search-input,
  .pbp-header-search__input{font-size:16px !important}
}

/* ============================================================
   Final consistency patch for premium showcase shortcode
   Fixes theme/old-shortcode CSS conflicts without changing PHP/JS.
   ============================================================ */
.pbp-showcase{
  box-sizing:border-box !important;
  isolation:isolate !important;
}
.pbp-showcase,
.pbp-showcase *{box-sizing:border-box !important}
.pbp-showcase__content{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}
.pbp-showcase__title{
  width:100% !important;
  max-width:1120px !important;
}
.pbp-showcase__subtitle{
  max-width:1040px !important;
}
.pbp-showcase__form{
  width:min(100%,1240px) !important;
  max-width:1240px !important;
}
.pbp-showcase__search{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  direction:ltr !important;
}
.pbp-showcase__input-wrap{
  order:1 !important;
  flex:1 1 auto !important;
  width:auto !important;
  max-width:none !important;
}
.pbp-showcase__button{
  order:2 !important;
  flex:0 0 auto !important;
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  transform:none !important;
}
.pbp-showcase__button:hover{transform:translateY(-1px) !important}
.pbp-showcase__input{
  text-align:left !important;
  direction:ltr !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.pbp-showcase__results{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  text-align:left !important;
}
.pbp-showcase__result{
  text-align:left !important;
  direction:ltr !important;
}
.pbp-showcase__result-copy strong{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
@media (min-width: 1180px){
  .pbp-showcase{
    padding-left:clamp(32px,5vw,72px) !important;
    padding-right:clamp(32px,5vw,72px) !important;
  }
  .pbp-showcase__title-main,
  .pbp-showcase__title-highlight{
    font-size:clamp(62px,5.7vw,92px) !important;
  }
}
@media (max-width: 900px){
  .pbp-showcase__search{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }
  .pbp-showcase__input-wrap,
  .pbp-showcase__button{
    order:initial !important;
    width:100% !important;
  }
  .pbp-showcase__button{
    min-width:0 !important;
  }
}
@media (max-width: 520px){
  .pbp-showcase{
    border-radius:22px !important;
    padding:22px 12px !important;
  }
  .pbp-showcase__badge{
    max-width:100% !important;
    gap:8px !important;
    padding:10px 14px !important;
  }
  .pbp-showcase__badge-star{font-size:20px !important}
  .pbp-showcase__badge-text{font-size:15px !important}
  .pbp-showcase__title-main,
  .pbp-showcase__title-highlight{
    font-size:clamp(36px,12vw,52px) !important;
    letter-spacing:-.055em !important;
  }
  .pbp-showcase__subtitle{
    font-size:16px !important;
    line-height:1.45 !important;
  }
  .pbp-showcase__input-wrap{
    min-height:62px !important;
    padding:0 14px !important;
  }
  .pbp-showcase__input{
    font-size:16px !important;
  }
  .pbp-showcase__button{
    min-height:58px !important;
  }
  .pbp-showcase__button-text{
    font-size:20px !important;
  }
}

/* ============================================================
   FINAL FIX — full-width compact premium showcase
   Keeps functionality the same, improves width and reduces height.
   ============================================================ */
.pbp-showcase{
  box-sizing:border-box!important;
  width:min(calc(100vw - 32px), 1720px)!important;
  max-width:none!important;
  margin:0 0 28px calc(50% - 50vw + 16px)!important;
  margin-right:0!important;
  padding:36px clamp(18px,3vw,44px)!important;
  min-height:auto!important;
  gap:14px!important;
  border-radius:28px!important;
}
.pbp-showcase__content{
  width:min(100%, 1460px)!important;
  max-width:1460px!important;
  margin:0 auto!important;
  padding:0!important;
}
.pbp-showcase__badge{
  margin:0 auto 20px!important;
  padding:12px 22px!important;
}
.pbp-showcase__badge-star{font-size:24px!important}
.pbp-showcase__badge-text{font-size:clamp(17px,1.25vw,22px)!important}
.pbp-showcase__title{margin:0 0 12px!important;gap:4px!important}
.pbp-showcase__title-main,
.pbp-showcase__title-highlight{
  font-size:clamp(40px,5vw,84px)!important;
}
.pbp-showcase__subtitle{
  width:min(100%, 1080px)!important;
  margin:0 auto 22px!important;
  font-size:clamp(18px,1.8vw,22px)!important;
  line-height:1.4!important;
}
.pbp-showcase__form{
  width:min(100%, 1420px)!important;
  max-width:1420px!important;
}
.pbp-showcase__search{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  padding:12px!important;
  border-radius:28px!important;
}
.pbp-showcase__input-wrap{
  min-height:78px!important;
  padding:0 20px!important;
  border-radius:22px!important;
}
.pbp-showcase__search-icon{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
}
.pbp-showcase__search-icon svg{width:30px!important;height:30px!important}
.pbp-showcase__input{
  font-size:clamp(18px,1.7vw,24px)!important;
}
.pbp-showcase__button{
  min-width:220px!important;
  min-height:78px!important;
  padding:0 28px!important;
  border-radius:22px!important;
}
.pbp-showcase__button-text{
  font-size:clamp(18px,1.5vw,23px)!important;
}
.pbp-showcase__results{
  top:calc(100% + 10px)!important;
}
.pbp-showcase__benefits{
  width:min(100%, 1420px)!important;
  margin:14px auto 0!important;
  gap:12px!important;
}
.pbp-showcase__benefit{
  padding:12px 15px!important;
  border-radius:16px!important;
  font-size:clamp(14px,1.1vw,17px)!important;
}
.pbp-showcase__benefit-icon{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
}
.pbp-showcase__benefit-icon svg{width:22px!important;height:22px!important}

@media (max-width: 1200px){
  .pbp-showcase{
    width:calc(100vw - 24px)!important;
    margin-left:calc(50% - 50vw + 12px)!important;
    padding:30px 20px!important;
  }
  .pbp-showcase__title-main,
  .pbp-showcase__title-highlight{font-size:clamp(38px,5.6vw,68px)!important}
  .pbp-showcase__subtitle{font-size:clamp(17px,2vw,20px)!important}
  .pbp-showcase__button{min-width:200px!important}
}

@media (max-width: 767px){
  .pbp-showcase{
    width:calc(100vw - 16px)!important;
    margin:0 0 22px calc(50% - 50vw + 8px)!important;
    padding:24px 14px!important;
    border-radius:22px!important;
  }
  .pbp-showcase__badge{
    margin-bottom:16px!important;
    padding:10px 16px!important;
  }
  .pbp-showcase__badge-text{font-size:16px!important}
  .pbp-showcase__title-main,
  .pbp-showcase__title-highlight{
    font-size:clamp(34px,11vw,52px)!important;
    line-height:1.02!important;
  }
  .pbp-showcase__subtitle{
    width:100%!important;
    margin-bottom:18px!important;
    font-size:16px!important;
    line-height:1.45!important;
  }
  .pbp-showcase__search{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:20px!important;
  }
  .pbp-showcase__input-wrap{
    min-height:64px!important;
    padding:0 14px!important;
    border-radius:16px!important;
  }
  .pbp-showcase__search-icon{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .pbp-showcase__search-icon svg{width:24px!important;height:24px!important}
  .pbp-showcase__input{
    font-size:16px!important;
  }
  .pbp-showcase__button{
    width:100%!important;
    min-width:0!important;
    min-height:60px!important;
    border-radius:16px!important;
    padding:0 20px!important;
  }
  .pbp-showcase__button-text{font-size:20px!important}
  .pbp-showcase__results{
    position:relative!important;
    top:10px!important;
  }
  .pbp-showcase__benefits{
    grid-template-columns:1fr!important;
    width:100%!important;
    margin-top:12px!important;
  }
  .pbp-showcase__benefit{
    width:100%!important;
    justify-content:flex-start!important;
    font-size:14px!important;
  }
}

/* ============================================================
   DESKTOP ONLY FIX
   Centers the hero cleanly on desktop, keeps width wide,
   reduces visual height, and prevents the search bar from
   stretching awkwardly to the viewport edge.
   ============================================================ */
@media (min-width: 768px){
  .pbp-showcase{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 0!important;
    padding:32px clamp(26px,2.8vw,42px)!important;
    border-radius:0!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    min-height:auto!important;
    grid-template-columns:1fr!important;
    text-align:center!important;
  }

  .pbp-showcase__content{
    width:100%!important;
    max-width:1440px!important;
    margin:0 auto!important;
    padding:0!important;
  }

  .pbp-showcase__badge{
    margin:0 auto 18px!important;
  }

  .pbp-showcase__title{
    margin:0 0 10px!important;
  }

  .pbp-showcase__subtitle{
    max-width:1120px!important;
    margin:0 auto 20px!important;
  }

  .pbp-showcase__form{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }

  .pbp-showcase__search{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) 250px!important;
    gap:12px!important;
    padding:10px!important;
    border-radius:24px!important;
  }

  .pbp-showcase__input-wrap{
    min-height:72px!important;
    border-radius:18px!important;
    padding:0 18px!important;
  }

  .pbp-showcase__input{
    font-size:clamp(18px,1.45vw,22px)!important;
  }

  .pbp-showcase__button{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    min-height:72px!important;
    border-radius:18px!important;
    padding:0 24px!important;
  }

  .pbp-showcase__button-text{
    font-size:clamp(18px,1.35vw,22px)!important;
  }

  .pbp-showcase__benefits{
    width:100%!important;
    max-width:1280px!important;
    margin:12px auto 0!important;
    justify-content:center!important;
    gap:12px!important;
  }
}


/* ============================================================
   Full-width showcase wrapper fix
   Full-width showcase display on desktop
============================================================ */
@media (min-width: 768px){
  [id^="pbp-showcase-search-"]{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    border-radius:0!important;
    overflow:visible!important;
  }
  [id^="pbp-showcase-search-"] .pbp-showcase{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
  }
}
/* ============================================================
   Desktop showcase full-width + header search alignment overrides
   Added 2026-05-05
============================================================ */
@media (min-width: 768px) {
  /* Force showcase section to be full-width on desktop */
  #post-1275 .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
  }

  [id^="pbp-showcase-search-"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
  }

  [id^="pbp-showcase-search-"] .pbp-showcase {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Inner content full-width fix */
@media (min-width: 768px) {
  .pbp-showcase__content,
  .pbp-showcase__title,
  .pbp-showcase__subtitle,
  .pbp-showcase__form,
  .pbp-showcase__search,
  .pbp-showcase__benefits {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .pbp-showcase__content {
    padding: 48px 54px !important;
    text-align: center !important;
  }

  .pbp-showcase__badge,
  .pbp-showcase__eyebrow {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
  }
}

/* ============================================================
   Header search bar - centre on desktop
============================================================ */
@media (min-width: 768px) {
  /* Make the middle column (search bar) flex-grow to fill space */
  .main-header-type-default .wd-header-mid-row .wd-col:has(.pbp-header-search),
  .main-header-type-default .wd-header-mid-row .wd-col:has([id^="pbp-header-search-"]) {
    flex: 1 1 0% !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Make left and right columns not grow */
  .main-header-type-default .wd-header-mid-row .wd-col:first-child,
  .main-header-type-default .wd-header-mid-row .wd-col:last-child {
    flex: 0 0 auto !important;
  }

  /* Make the search bar wrapper full width within its column */
  [id^="pbp-header-search-"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pbp-header-search {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===== Header Search Bar Height Fix - Match Header Height ===== */
#pbp-header-search-559-wrap {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

#pbp-header-search-559-wrap .pbp-header-search {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

#pbp-header-search-559 {
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

#pbp-header-search-559-wrap .pbp-header-search-submit {
  height: 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Fix header search form container */
#pbp-header-search-559-wrap form,
#pbp-header-search-559-wrap .pbp-search-form,
#pbp-header-search-559-wrap .search-form,
#pbp-header-search-559-wrap > form,
#pbp-header-search-559-wrap > div {
  height: 44px !important;
  min-height: unset !important;
  max-height: 44px !important;
  border-radius: 25px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 4px 0 16px !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border: 1.5px solid #e0e0e0 !important;
}

#pbp-header-search-559-wrap input[type="search"],
#pbp-header-search-559-wrap input[type="text"] {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 8px !important;
  font-size: 14px !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 1 !important;
}

#pbp-header-search-559-wrap button[type="submit"],
#pbp-header-search-559-wrap input[type="submit"] {
  height: 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* === UNIVERSAL Header Search Height Fix (works with any ID number) === */
[id^="pbp-header-search"][id$="-wrap"] {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Target the inner white box container */
[id^="pbp-header-search"][id$="-wrap"] > div:first-child {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  border-radius: 25px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 8px 0 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #e5e5e5 !important;
  overflow: hidden !important;
}

[id^="pbp-header-search"][id$="-wrap"] input[type="search"],
[id^="pbp-header-search"][id$="-wrap"] input[type="text"] {
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 8px !important;
  font-size: 14px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  flex: 1 !important;
  min-width: 0 !important;
}

[id^="pbp-header-search"][id$="-wrap"] button[type="submit"] {
  height: 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ===== CORRECT Header Search Height Fix - Using .pbp-hero-search-bar class ===== */
/* The plugin uses .pbp-hero-search-bar inside the header search wrapper */

[id^="pbp-header-search"][id$="-wrap"] .pbp-hero-search-bar {
  padding: 4px 4px 4px 14px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.10) !important;
  border-radius: 50px !important;
}

[id^="pbp-header-search"][id$="-wrap"] .pbp-hero-search-bar input {
  padding: 4px 0 !important;
  font-size: 14px !important;
}

[id^="pbp-header-search"][id$="-wrap"] .pbp-hero-search-bar button {
  padding: 8px 16px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

[id^="pbp-header-search"][id$="-wrap"] .pbp-s-icon,
[id^="pbp-header-search"][id$="-wrap"] .pbp-search-icon {
  font-size: 15px !important;
  margin-right: 6px !important;
}

.pbp-bare-bar,
.pbp-shop-search-field,
.pbp-header-search__shell {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 20px !important;
  background: #ffffff !important;
  border: 1px solid #ece8f7 !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.08) !important;
}

/* ============================================================
   MOBILE CENTERING FIX — showcase/search hero
   Keeps desktop full-width rules intact, but prevents the mobile
   hero from being pulled off-screen by full-viewport offsets.
============================================================ */
@media (max-width: 767px){
  html,
  body{
    overflow-x:hidden !important;
  }

  #post-1275 .entry-content,
  #post-1275 .wpb_page_builder,
  #post-1275 .vc_row,
  #post-1275 .wpb_column,
  #post-1275 .vc_column-inner,
  #post-1275 .wpb_wrapper{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  [id^="pbp-showcase-search-"]{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 10px !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  [id^="pbp-showcase-search-"] .pbp-showcase,
  .pbp-showcase{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto 22px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    padding:22px 12px !important;
    border-radius:22px !important;
    overflow:hidden !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .pbp-showcase__content,
  .pbp-showcase__title,
  .pbp-showcase__subtitle,
  .pbp-showcase__form,
  .pbp-showcase__search,
  .pbp-showcase__benefits{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  .pbp-showcase__content{
    padding:0 !important;
    align-items:center !important;
    text-align:center !important;
  }

  .pbp-showcase__badge{
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    white-space:normal !important;
  }

  .pbp-showcase__title{
    align-items:center !important;
    text-align:center !important;
    overflow:visible !important;
  }

  .pbp-showcase__title-main,
  .pbp-showcase__title-highlight{
    width:100% !important;
    max-width:100% !important;
    display:block !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    text-align:center !important;
    font-size:clamp(30px, 8.8vw, 42px) !important;
    line-height:1.05 !important;
    letter-spacing:-.045em !important;
  }

  .pbp-showcase__subtitle{
    font-size:15px !important;
    line-height:1.45 !important;
    padding:0 2px !important;
  }

  .pbp-showcase__search{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:20px !important;
  }

  .pbp-showcase__input-wrap{
    width:100% !important;
    min-width:0 !important;
    min-height:60px !important;
    padding:0 12px !important;
    border-radius:16px !important;
  }

  .pbp-showcase__input{
    min-width:0 !important;
    font-size:15px !important;
    text-align:left !important;
  }

  .pbp-showcase__button{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:56px !important;
    border-radius:16px !important;
  }
}