/* =============================================================================
   MOTYW "czescipolska" - celowo CALKIEM INNY jezyk wizualny niz "default":
   zaokraglone, miekkie, oparte na cieniach (elevation) zamiast krawedzi,
   typografia Poppins/Inter zamiast Oswald/IBM Plex, paleta niebieska.
   Uzywa DOKLADNIE tych samych klas CSS co default.css (bo HTML jest wspolny
   dla wszystkich sklepow) - zmienia tylko WYGLAD, nie strukture.
   ============================================================================= */
:root{
  --bg:            #EFF4FB;
  --surface:       #FFFFFF;
  --ink:           #14202E;
  --ink-soft:      #55677D;
  --steel:         #2E5C8A;
  --line:          #DCE6F2;
  --line-strong:   #B9CCE3;
  --accent:        #1B6FD1;
  --accent-dark:   #14509C;
  --accent-tint:   #E4EFFC;
  --ok:            #1F9D6B;
  --danger:        #E0483A;
  --font-display:  'Poppins', Arial, sans-serif;
  --font-body:     'Inter', Arial, sans-serif;
  --font-mono:     'IBM Plex Mono', 'Courier New', monospace;
  --radius-sm: 12px;
  --radius-md: 20px;
  --container: 1180px;
  --shadow-soft: 0 4px 16px rgba(20,60,110,0.08);
  --shadow-lift: 0 12px 28px rgba(20,60,110,0.14);
}
*,*::before,*::after{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.6; }
img,svg{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }
h1,h2,h3{ font-family:var(--font-display); font-weight:600; margin:0; color:var(--ink); }
.container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; }
:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

/* Buttons / forms - pigulkowe (pill), bez ostrych rogow */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 26px; border-radius:999px; border:1px solid transparent; font-family:var(--font-display); font-weight:600; font-size:15px; transition:transform .15s, box-shadow .15s; }
.btn-primary{ background:var(--accent); color:#fff; box-shadow:0 6px 16px rgba(27,111,209,0.35); }
.btn-primary:hover{ background:var(--accent-dark); transform:translateY(-1px); }
.btn-outline{ background:#fff; color:var(--ink); border-color:var(--line-strong); }
.btn-outline:hover{ border-color:var(--accent); color:var(--accent); }
.btn-danger{ background:var(--danger); color:#fff; }
.btn-block{ width:100%; }
.btn-sm{ padding:9px 16px; font-size:13px; }
.field{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.field label{ font-size:13px; color:var(--ink-soft); font-weight:500; }
.field select, .field input:not([type="checkbox"]):not([type="radio"]), .field textarea{ height:46px; padding:0 16px; border:1.5px solid var(--line); border-radius:var(--radius-sm); background:#fff; font-family:var(--font-body); font-size:15px; color:var(--ink); width:100%; max-width:100%; box-sizing:border-box; transition:border-color .15s; }
.field select:focus, .field input:focus, .field textarea:focus{ border-color:var(--accent); }
.field input[type="checkbox"], .field input[type="radio"]{ width:16px; height:16px; margin:0 6px 0 0; vertical-align:middle; flex-shrink:0; }
.field textarea{ height:auto; padding:12px 16px; }
.field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-card{ background:#fff; border:none; border-radius:var(--radius-md); padding:28px; box-shadow:var(--shadow-soft); }
.alert{ padding:15px 18px; border-radius:var(--radius-sm); margin-bottom:16px; font-size:14.5px; border:none; }
.alert-error{ background:#FCEBE9; color:var(--danger); }
.alert-success{ background:#E4F7EE; color:var(--ok); }
.alert-info{ background:var(--accent-tint); color:var(--accent-dark); }

/* Header - pasek koloru zamiast bieli, logo wieksze */
.top-bar{ background:var(--ink); color:#B9C6D6; font-size:13px; }
.top-bar .container{ display:flex; justify-content:space-between; align-items:center; height:38px; }
.top-bar a{ color:#B9C6D6; }
.top-bar-links{ display:flex; gap:20px; }
.site-header{ background:var(--surface); border-bottom:none; box-shadow:0 2px 12px rgba(20,60,110,0.06); position:sticky; top:0; z-index:50; }
.header-main{ display:flex; align-items:center; gap:28px; height:96px; }
.logo{ flex-shrink:0; }
.logo svg{ height:56px; width:auto; }
.search-form{ flex:1; display:flex; max-width:560px; }
.search-form input{ flex:1; height:48px; border:1.5px solid var(--line); border-right:none; border-radius:999px 0 0 999px; padding:0 20px; font-size:15px; }
.search-form button{ width:56px; border:none; background:var(--accent); border-radius:0 999px 999px 0; display:flex; align-items:center; justify-content:center; }
.search-form button svg{ stroke:#fff; }
.header-actions{ display:flex; align-items:center; gap:26px; margin-left:auto; flex-shrink:0; }
.header-action{ display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink-soft); }
.header-action strong{ display:block; font-size:14px; color:var(--ink); font-weight:600; }
.header-action svg{ stroke:var(--accent); flex-shrink:0; }
.cart-action{ position:relative; }
.cart-count{ position:absolute; top:-6px; right:-10px; background:var(--accent); color:#fff; font-size:11px; font-weight:700; min-width:18px; height:18px; border-radius:9px; display:flex; align-items:center; justify-content:center; padding:0 4px; }
.main-nav{ border-top:1px solid var(--line); background:var(--accent-tint); }
.nav-list{ display:flex; align-items:center; height:54px; gap:6px; overflow-x:auto; }
.nav-list li a{ display:flex; align-items:center; height:38px; padding:0 18px; font-size:14.5px; font-weight:500; color:var(--steel); white-space:nowrap; border-radius:999px; border-bottom:none; }
.nav-list li a:hover{ background:#fff; color:var(--accent-dark); box-shadow:var(--shadow-soft); }

/* Breadcrumb */
.breadcrumb{ font-size:13px; color:var(--ink-soft); margin:18px 0; }
.breadcrumb a:hover{ color:var(--accent); }

/* Product grid / cards - zaokraglone, na cieniu zamiast krawedzi */
.product-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.product-card{ background:var(--surface); border:none; border-radius:var(--radius-md); display:flex; flex-direction:column; overflow:hidden; box-shadow:var(--shadow-soft); transition:transform .18s, box-shadow .18s; }
.product-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lift); }
.product-media{ aspect-ratio:4/3; background:var(--accent-tint); display:flex; align-items:center; justify-content:center; position:relative; border-bottom:none; overflow:hidden; }
.product-media img{ width:100%; height:100%; object-fit:contain; padding:16px; }
.product-body{ padding:18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.product-sku{ font-family:var(--font-mono); font-size:11.5px; color:var(--ink-soft); }
.product-body h3{ font-size:15px; font-weight:500; line-height:1.35; }
.product-fit{ font-size:12.5px; color:var(--ink-soft); }
.product-foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; padding-top:10px; }
.product-price{ font-family:var(--font-display); font-size:19px; font-weight:600; color:var(--accent-dark); }
.price-old{ text-decoration:line-through; color:var(--ink-soft); font-weight:400; font-size:13px; white-space:nowrap; }
.price-wholesale{ color:var(--ok); }
.add-btn{ width:40px; height:40px; border-radius:50%; border:none; background:var(--accent-tint); display:flex; align-items:center; justify-content:center; }
.add-btn:hover{ background:var(--accent); }
.add-btn:hover svg{ stroke:#fff; }
.pagination{ display:flex; gap:6px; justify-content:center; margin:32px 0; flex-wrap:wrap; align-items:center; }
.pagination a, .pagination span{ display:flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 12px; border:none; background:#fff; box-shadow:var(--shadow-soft); border-radius:999px; font-size:14px; }
.pagination .active{ background:var(--accent); color:#fff; box-shadow:0 6px 14px rgba(27,111,209,0.35); }
.pagination .pagination-nav{ font-weight:600; color:var(--steel); }
.pagination .pagination-nav:hover{ background:var(--accent-tint); }
.pagination .pagination-ellipsis{ border:none; box-shadow:none; background:none; min-width:auto; color:var(--ink-soft); }

/* Product detail */
.product-detail{ display:grid; grid-template-columns:420px 1fr; gap:40px; margin:24px 0 48px; }
.product-gallery-main{ aspect-ratio:1/1; background:#fff; border:none; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:var(--shadow-soft); }
.product-gallery-main img{ width:100%; height:100%; object-fit:contain; padding:24px; }
.product-thumbs{ display:flex; gap:8px; margin-top:10px; }
.product-thumbs img{ width:64px; height:64px; object-fit:contain; border:1.5px solid var(--line); border-radius:var(--radius-sm); padding:4px; background:#fff; cursor:pointer; }
.pd-title{ font-size:27px; margin-bottom:6px; }
.pd-meta{ display:flex; gap:18px; flex-wrap:wrap; font-size:13.5px; color:var(--ink-soft); margin-bottom:18px; }
.pd-meta strong{ color:var(--ink); }
.pd-price-box{ background:var(--surface); border:none; border-radius:var(--radius-md); padding:22px; margin-bottom:20px; box-shadow:var(--shadow-soft); }
.pd-price-retail{ font-size:15px; color:var(--ink-soft); }
.pd-price-retail.crossed{ text-decoration:line-through; }
.pd-price-main{ font-family:var(--font-display); font-size:32px; font-weight:600; color:var(--accent-dark); }
.pd-price-main.wholesale{ color:var(--ok); }
.pd-badge-wholesale{ display:inline-block; background:var(--accent-tint); color:var(--accent-dark); font-size:12px; font-weight:600; padding:4px 11px; border-radius:12px; margin-left:8px; }
.account-status-badge{ display:inline-flex; align-items:center; gap:6px; background:var(--ok); color:#fff; font-size:12.5px; font-weight:700; padding:7px 16px; border-radius:20px; letter-spacing:0.2px; }
.pd-stock{ font-size:13.5px; margin:8px 0 16px; }
.pd-stock.ok{ color:var(--ok); }
.pd-stock.low{ color:var(--accent-dark); }
.pd-qty-row{ display:flex; gap:12px; align-items:center; }
.qty-input{ width:74px; height:46px; text-align:center; border:1.5px solid var(--line); border-radius:var(--radius-sm); font-size:15px; }
.pd-tabs{ display:flex; gap:8px; border-bottom:none; margin:32px 0 0; }
.pd-tabs a{ padding:12px 20px; font-weight:600; font-size:14.5px; color:var(--ink-soft); border-radius:999px 999px 0 0; border-bottom:none; }
.pd-tabs a.active{ color:var(--accent-dark); background:var(--accent-tint); }
.pd-table{ width:100%; border-collapse:collapse; margin:20px 0; }
.pd-table th, .pd-table td{ text-align:left; padding:11px 14px; border-bottom:1px solid var(--line); font-size:14px; }
.pd-table th{ color:var(--ink-soft); font-weight:600; width:220px; background:var(--accent-tint); }

/* Akordeon */
.accordion-group{ background:#fff; border:none; border-radius:var(--radius-md); margin-bottom:14px; padding:0; overflow:hidden; box-shadow:var(--shadow-soft); }
.accordion-group summary{ list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding:18px 22px; font-family:var(--font-display); font-weight:600; font-size:16px; }
.accordion-group summary::-webkit-details-marker{ display:none; }
.accordion-group summary::after{ content:'+'; font-size:20px; color:var(--accent); }
.accordion-group[open] summary::after{ content:'–'; }
.accordion-group summary:hover{ background:var(--accent-tint); }
.accordion-count{ background:var(--accent-tint); color:var(--accent-dark); font-size:12.5px; font-weight:600; padding:3px 12px; border-radius:10px; margin-left:auto; margin-right:16px; }
.accordion-group > div.product-grid{ padding:0 22px 22px; }
.accordion-group > .accordion-body{ padding:0 22px 20px; }
.accordion-fitment-table{ width:100%; border-collapse:collapse; }
.accordion-fitment-table td{ padding:9px 0; border-bottom:1px solid var(--line); font-size:14px; }
.accordion-fitment-table td:last-child{ text-align:right; color:var(--ink-soft); white-space:nowrap; padding-left:12px; }

/* Dane techniczne pojazdu */
.vehicle-specs{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:12px; margin:16px 0 20px; }
.vehicle-spec-card{ background:#fff; border:none; border-radius:var(--radius-sm); padding:14px 16px; display:flex; flex-direction:column; gap:4px; box-shadow:var(--shadow-soft); }
.vehicle-spec-title{ font-size:12px; color:var(--ink-soft); }
.vehicle-spec-value{ font-size:15px; font-weight:600; color:var(--ink); }

/* Cart */
.cart-table{ width:100%; border-collapse:collapse; background:#fff; border:none; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-soft); }
.cart-table th{ text-align:left; padding:14px 18px; background:var(--accent-tint); font-size:13px; color:var(--steel); border-bottom:none; }
.cart-table td{ padding:16px 18px; border-bottom:1px solid var(--line); font-size:14.5px; vertical-align:middle; }
.cart-summary{ background:#fff; border:none; border-radius:var(--radius-md); padding:24px; box-shadow:var(--shadow-soft); }
.cart-summary-row{ display:flex; justify-content:space-between; padding:8px 0; font-size:14.5px; }
.cart-summary-row.total{ font-family:var(--font-display); font-size:20px; font-weight:600; border-top:1px solid var(--line); margin-top:8px; padding-top:14px; color:var(--accent-dark); }

/* Account / admin tables */
.data-table{ width:100%; border-collapse:collapse; background:#fff; border:none; border-radius:var(--radius-md); overflow:hidden; box-shadow:var(--shadow-soft); }
.data-table th{ text-align:left; padding:11px 16px; background:var(--accent-tint); font-size:12.5px; text-transform:uppercase; letter-spacing:0.4px; color:var(--steel); border-bottom:none; }
.data-table td{ padding:13px 16px; border-bottom:1px solid var(--line); font-size:14px; }
.status-pill{ display:inline-block; padding:5px 13px; border-radius:999px; font-size:12px; font-weight:600; }
.status-NOWE{ background:#E3ECFB; color:#2E5CB8; }
.status-W_REALIZACJI{ background:#E4EFFC; color:var(--accent-dark); }
.status-DO_WYSYLKI{ background:#E4F7EE; color:var(--ok); }
.status-ANULOWANE{ background:#FCEBE9; color:var(--danger); }

/* Footer */
.site-footer{ background:#0F1C2E; color:#93A5BC; font-size:14px; margin-top:56px; }
.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding:52px 0 32px; }
.footer-col h4{ color:#fff; font-family:var(--font-display); font-size:14.5px; margin-bottom:16px; }
.footer-col ul{ display:flex; flex-direction:column; gap:10px; }
.footer-col a:hover{ color:#fff; }
.footer-bottom{ border-top:1px solid #1D2C40; padding:20px 0; display:flex; justify-content:space-between; font-size:13px; flex-wrap:wrap; gap:10px; }

.section{ padding:44px 0; }
.page-title{ font-size:29px; margin:28px 0 6px; }
.text-muted{ color:var(--ink-soft); }
.admin-shell{ display:grid; grid-template-columns:220px 1fr; gap:0; min-height:100vh; }
.admin-sidebar{ background:var(--ink); color:#B9C6D6; padding:24px 0; }
.admin-sidebar a{ display:block; padding:11px 24px; font-size:14.5px; }
.admin-sidebar a:hover, .admin-sidebar a.active{ background:#1C2C40; color:#fff; border-left:3px solid var(--accent); }
.admin-main{ padding:28px 32px; background:var(--bg); }
.admin-topbar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.stat-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:28px; }
.stat-card{ background:#fff; border:none; border-radius:var(--radius-md); padding:20px 22px; box-shadow:var(--shadow-soft); }
.stat-card .num{ font-family:var(--font-display); font-size:27px; font-weight:600; color:var(--accent-dark); }
.stat-card .lbl{ font-size:13px; color:var(--ink-soft); }

.order-row-main{ display:grid; grid-template-columns:150px 1fr 110px 170px 100px 120px 170px 90px; gap:10px; align-items:center; padding:14px; border-bottom:1px solid var(--line); background:#fff; font-size:13.5px; }
.order-row-main:hover{ background:var(--accent-tint); }
.order-row-head{ font-size:11.5px; text-transform:uppercase; letter-spacing:0.4px; color:var(--ink-soft); background:var(--accent-tint); }
.order-status-select{ height:36px; border:1.5px solid var(--line); border-radius:var(--radius-sm); font-size:13px; width:100%; }
.order-manage-panel{ display:grid; gap:24px; padding:18px 22px; background:var(--bg); border-radius:var(--radius-sm); }
.order-toggle-btn{ background:#fff; border:1.5px solid var(--line-strong); border-radius:999px; padding:7px 12px; font-size:12.5px; cursor:pointer; width:100%; }
@media (max-width: 1100px){
  .order-row-main{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 1040px){
  .product-grid{ grid-template-columns:repeat(2,1fr); }
  .product-detail{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .admin-shell{ grid-template-columns:1fr; }
  .admin-sidebar{ display:flex; overflow-x:auto; padding:10px; }
  .admin-sidebar a{ padding:8px 14px; white-space:nowrap; }
}
@media (max-width: 640px){
  .product-grid{ grid-template-columns:1fr 1fr; }
  .field-row{ grid-template-columns:1fr; }
  .stat-cards{ grid-template-columns:1fr 1fr; }
}

/* ---- Strona glowna: hero, wyszukiwarka po aucie, pasek marek, promo, kategorie ---- */
.hero-v3{ padding:56px 0 48px; background:linear-gradient(160deg, #E4EFFC 0%, var(--bg) 100%); border-bottom:none; }
.hero-v3-head{ text-align:center; max-width:760px; margin:0 auto; }
.hero-v2-kicker{ display:inline-block; background:#fff; color:var(--accent-dark); font-size:12.5px; font-weight:700; letter-spacing:0.3px; padding:7px 16px; border-radius:999px; margin-bottom:14px; box-shadow:var(--shadow-soft); }
.hero-v3-head h1{ font-size:38px; line-height:1.2; }
.hero-v3-search{ display:flex; gap:10px; max-width:520px; margin:24px auto 0; }
.hero-v3-search input{ flex:1; height:50px; padding:0 20px; border:none; border-radius:999px; font-size:15px; box-shadow:var(--shadow-soft); }

/* Wyszukiwarka po aucie - gradient zamiast plaskiej czerni */
.vehicle-finder{ background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%); border-radius:var(--radius-md); margin-top:38px; padding:38px; display:grid; grid-template-columns:1.3fr 0.7fr; gap:32px; align-items:center; box-shadow:var(--shadow-lift); }
.vehicle-finder-form{ background:var(--surface); border-radius:var(--radius-md); padding:30px 32px; }
.vehicle-finder-eyebrow{ display:inline-block; font-size:12.5px; font-weight:700; color:var(--accent); letter-spacing:0.3px; margin-bottom:8px; }
.vehicle-finder-form h2{ font-size:22px; }
.vehicle-finder-art{ display:flex; justify-content:center; }
.vehicle-finder-art svg{ width:100%; max-width:220px; height:auto; }

.brand-strip{ margin-top:30px; text-align:center; }
.brand-strip-label{ display:block; font-size:12.5px; color:var(--ink-soft); text-transform:uppercase; letter-spacing:0.4px; margin-bottom:10px; }
.brand-strip-list{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.brand-pill{ background:#fff; border:none; color:var(--steel); font-family:var(--font-display); font-weight:600; font-size:13px; letter-spacing:0.2px; padding:7px 16px; border-radius:999px; box-shadow:var(--shadow-soft); }

.usp-strip{ background:var(--surface); border-bottom:none; }
.usp-strip-grid{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px 28px; padding:22px 0; }
.usp-item{ display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; color:var(--ink); white-space:nowrap; }
.usp-item svg{ width:26px; height:26px; flex-shrink:0; }

.promo-band{ background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%); padding:40px 0; }
.promo-band-grid{ display:flex; align-items:center; gap:28px; }
.promo-icon{ flex-shrink:0; width:80px; height:80px; border-radius:50%; background:rgba(255,255,255,0.18); display:flex; align-items:center; justify-content:center; }
.promo-icon svg{ width:40px; height:40px; }
.promo-band h2{ color:#fff; font-size:25px; }
.promo-band p{ color:rgba(255,255,255,0.92); margin-top:8px; max-width:56ch; }
.promo-band-allegro{ background:var(--ink); }
.promo-allegro-logo{ flex-shrink:0; height:64px; width:auto; background:#fff; border-radius:18px; padding:16px 22px; }

.category-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:18px; }
.category-tile{ background:var(--surface); border:none; border-radius:var(--radius-md); padding:28px 14px; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; box-shadow:var(--shadow-soft); transition:transform .18s, box-shadow .18s; }
.category-tile:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lift); }
.category-tile-icon svg{ width:38px; height:38px; }
.category-tile-label{ font-family:var(--font-display); font-weight:600; font-size:14.5px; color:var(--ink); }

@media (max-width: 900px){
  .vehicle-finder{ grid-template-columns:1fr; padding:24px; }
  .vehicle-finder-art{ order:-1; max-width:160px; margin:0 auto; }
  .usp-strip-grid{ justify-content:center; }
  .promo-band-grid{ flex-direction:column; text-align:center; }
}

/* ---- Wyszukiwarka: panel filtrow po lewej (kategoria/marka/cena), styl "Allegro" ---- */
.search-layout{ display:grid; grid-template-columns:260px 1fr; gap:28px; align-items:start; margin:10px 0 44px; }
.search-sidebar{ position:sticky; top:112px; display:flex; flex-direction:column; gap:18px; }
.filter-block{ background:var(--surface); border:none; border-radius:var(--radius-md); padding:18px 20px; box-shadow:var(--shadow-soft); }
.filter-block h4{ font-family:var(--font-display); font-size:14px; margin-bottom:12px; }
.filter-list{ display:flex; flex-direction:column; gap:3px; max-height:320px; overflow-y:auto; }
.filter-list a{ display:flex; justify-content:space-between; gap:8px; padding:8px 10px; border-radius:999px; font-size:13.5px; color:var(--ink-soft); }
.filter-list a:hover{ background:var(--accent-tint); color:var(--accent-dark); }
.filter-list a.active{ background:var(--accent); color:#fff; font-weight:600; }
.filter-count{ color:var(--ink-soft); font-size:12px; }
.filter-list a.active .filter-count{ color:rgba(255,255,255,0.85); }
.filter-price-form{ display:flex; flex-direction:column; }
.filter-price-row{ display:flex; align-items:center; gap:8px; }
.filter-price-row input{ width:0; flex:1; height:40px; padding:0 12px; border:1.5px solid var(--line); border-radius:var(--radius-sm); font-size:13.5px; }
.filter-price-row span{ color:var(--ink-soft); }
.filter-clear{ font-size:13px; color:var(--ink-soft); text-align:center; }
.filter-clear:hover{ color:var(--danger); }
.search-results-head{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:22px; }
.search-results-head select{ height:42px; padding:0 14px; border:none; border-radius:999px; font-size:13.5px; background:#fff; box-shadow:var(--shadow-soft); }
.search-results .product-grid{ grid-template-columns:repeat(3,1fr); }

@media (max-width: 900px){
  .search-layout{ grid-template-columns:1fr; }
  .search-sidebar{ position:static; }
  .search-results .product-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ---- "Pokaz wiecej" dla dlugich list numerow OE/zamiennikow na stronie produktu ---- */
.pd-show-more{ margin-top:8px; }
.pd-show-more summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; color:var(--accent); font-size:13.5px; font-weight:600; padding:7px 14px; background:var(--accent-tint); border-radius:999px; }
.pd-show-more summary::-webkit-details-marker{ display:none; }
.pd-show-more summary::before{ content:'▾'; font-size:11px; }
.pd-show-more[open] summary::before{ content:'▴'; }

/* ---- Zagniezdzone rozwijanie marka -> model w "Do jakich pojazdow pasuje" ---- */
.accordion-group-nested{ margin:10px 0; box-shadow:none; border:1px solid var(--line); background:var(--bg); }
.accordion-group-nested summary{ padding:12px 16px; font-size:14px; }
.accordion-body{ padding:0 20px 16px; }

/* ---- Podpowiedzi w wyszukiwarce (AJAX, jak w Allegro) ---- */
.search-suggest-wrapper{ position:relative; flex:1; display:flex; }
.search-suggest-panel{ position:absolute; top:100%; left:0; right:0; margin-top:8px; background:#fff; border:none; border-radius:var(--radius-md); box-shadow:var(--shadow-soft); z-index:60; max-height:420px; overflow-y:auto; }
.search-suggest-item{ display:flex; align-items:center; gap:12px; padding:11px 16px; }
.search-suggest-item:hover, .search-suggest-item.is-active{ background:var(--accent-tint); }
.search-suggest-item img{ width:44px; height:44px; object-fit:contain; border-radius:10px; background:var(--bg); flex-shrink:0; }
.search-suggest-info{ display:flex; flex-direction:column; min-width:0; flex:1; }
.search-suggest-name{ font-size:13.5px; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search-suggest-meta{ font-size:12px; color:var(--ink-soft); }
.search-suggest-price{ font-family:var(--font-display); font-weight:600; font-size:14px; white-space:nowrap; }

/* ---- Stopka: banner Allegro + loga platnosci/dostawy ---- */
/* ---- Stopka: loga platnosci/dostawy (duze, czytelne) ---- */
.footer-trust{ display:flex; flex-direction:column; gap:26px; padding:26px 0; border-top:1px solid rgba(255,255,255,0.12); }
.footer-trust-group{ display:flex; flex-direction:column; gap:12px; }
.footer-trust-label{ font-size:13px; font-weight:600; color:rgba(255,255,255,0.6); text-transform:uppercase; letter-spacing:0.03em; }
.footer-trust-logos{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.footer-trust-logos img{ height:50px; width:auto; background:#fff; border-radius:14px; padding:10px 16px; }
.footer-payment-banner-wrap{ max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.footer-payment-banner{ display:block; height:85px; width:auto; background:#fff; border-radius:14px; padding:12px 18px; }

/* ---- Plakietka zaufania przy skladaniu zamowienia (kasa.php) ---- */
.checkout-trust-badge{ display:flex; align-items:center; gap:10px; margin-top:14px; padding:11px 14px; background:var(--bg); border-radius:var(--radius-sm); }
.checkout-trust-badge img{ height:22px; width:auto; flex-shrink:0; }
.checkout-trust-badge span{ font-size:12.5px; color:var(--ink-soft); line-height:1.4; }