/**
 * IMEKS design system — replicates preview/prototype.html 1:1.
 * Navy #0F172A / accent #0369A1 / steel / white · Plus Jakarta Sans.
 * Sections: base · topbar · header · subnav · drawers · hero+search card ·
 * makes grid · steps · results table · product page · trust+footer · Woo fixes · responsive.
 */
:root{
  --primary:#0F172A;--secondary:#334155;--accent:#0369A1;--accent-600:#075E96;--accent-050:#EAF3F9;
  --bg:#F8FAFC;--surface:#fff;--fg:#0B1220;--muted:#EEF2F7;--muted-fg:#64748B;--border:#E2E8F0;
  --success:#15803D;--warn:#B45309;--shadow-sm:0 1px 2px rgba(15,23,42,.05);
  --shadow:0 6px 20px rgba(15,23,42,.08);--maxw:min(96vw,1600px);--ff:'Plus Jakarta Sans',system-ui,sans-serif;
}
body.imeks{margin:0;font-family:var(--ff);color:var(--fg);background:var(--bg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.imeks h1,body.imeks h2,body.imeks h3,body.imeks h4{line-height:1.15;letter-spacing:-.02em;color:var(--primary);font-family:var(--ff)}
body.imeks a{text-decoration:none}
.imeks .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.imeks .ico{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* tikai ekrānlasītājiem (piem. /veikals/ <h1>, kur dizainā virsraksta joslas nav).
   1px + clip, nevis left:-9999px — tā nekad nerodas horizontāla ritināšana. */
.imeks-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- topbar ---------- */
.topbar{background:var(--primary);color:#CBD5E1;font-size:12.5px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px}
.tb-left{display:flex;gap:20px}.tb-item{display:flex;align-items:center;gap:6px}
.tb-left .ico{width:15px;height:15px;stroke:#7DD3FC}
.lang{display:flex;gap:3px}.lang b{background:rgba(255,255,255,.14);color:#fff;padding:2px 7px;border-radius:5px;font-weight:700}
.lang span{color:#94A3B8;padding:2px 7px}

/* ---------- header ---------- */
.imeks-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90}
.imeks-header .wrap{display:flex;align-items:center;gap:24px;height:74px}
.imeks-logo{font-weight:800;font-size:26px;letter-spacing:.04em;color:var(--primary)!important;flex:none;line-height:1.05}
.imeks-logo small{display:block;font-size:9.5px;letter-spacing:.13em;color:var(--muted-fg);font-weight:700;margin-top:2px}
.hd-search{flex:1;max-width:560px;position:relative;margin:0 auto}
.hd-search input[type=text]{width:100%;height:46px;border:1.5px solid var(--border);border-radius:10px;padding:0 46px 0 42px;font-size:14.5px;font-weight:500;background:var(--bg);box-shadow:none}
.hd-search input[type=text]:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px var(--accent-050)}
.hd-search .si{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;stroke:var(--muted-fg)}
.hd-search .sb{position:absolute;right:5px;top:5px;height:36px;width:38px;border:0;background:var(--accent);border-radius:7px;display:grid;place-items:center;cursor:pointer;padding:0}
.hd-search .sb:hover{background:var(--accent-600)}
.hd-search .sb .ico{stroke:#fff;width:17px;height:17px}
.hbtn{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;color:var(--secondary)!important;font-size:13px;font-weight:600;background:none;border:0;cursor:pointer}
.hbtn:hover{background:var(--muted)}
.hbtn .ico{width:21px;height:21px;stroke:var(--secondary)}
.hbtn .l{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.hbtn .l small{color:var(--muted-fg);font-size:11px;font-weight:600}
.cart-b{position:relative;flex:none}
.cart-badge{position:absolute;top:-2px;left:22px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;height:17px;min-width:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px}

/* ---------- subnav ---------- */
.subnav{background:var(--surface);border-bottom:1px solid var(--border)}
.subnav .wrap{display:flex;align-items:center;gap:6px;height:46px;flex-wrap:nowrap;overflow-x:auto}
.subnav a.mklink,.subnav .ph{white-space:nowrap}
.cat-btn{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;font-size:13.5px;padding:9px 16px;border:0;border-radius:8px;cursor:pointer}
.cat-btn:hover{background:var(--accent-600)}
.cat-btn .ico{stroke:#fff;width:17px;height:17px}
.subnav a.mklink{padding:8px 12px;color:var(--secondary)!important;font-weight:600;font-size:13.5px;border-radius:7px}
.subnav a.mklink:hover{background:var(--accent-050);color:var(--accent)!important}
.subnav .sp{flex:1}
/* min-height: WCAG 2.2 pieskāriena mērķis (teksta rinda vien deva 22px). .subnav .wrap ir
   fiksēti 46px ar align-items:center, tāpēc 44px saturs galveni nepadara augstāku. */
.subnav .ph{display:flex;align-items:center;min-height:44px;gap:7px;color:var(--primary)!important;font-weight:700;font-size:14.5px}
.subnav .ph .ico{stroke:var(--accent);width:17px;height:17px}

/* ---------- inquiry sent banner ---------- */
.inq-banner{background:#ECFDF5;border:1px solid #A7F3D0;color:#065F46;font-weight:600;font-size:14px;border-radius:12px;padding:13px 18px;margin:18px auto;max-width:var(--maxw)}

/* ---------- hero + search card ---------- */
.b2b-hero{background:radial-gradient(900px 380px at 88% -8%,rgba(3,105,161,.10),transparent 62%),radial-gradient(700px 340px at 6% 108%,rgba(3,105,161,.06),transparent 60%),linear-gradient(180deg,#fff,var(--bg));border-bottom:1px solid var(--border);padding:52px 0 44px}
.b2b-hero .wrap{text-align:center}
.b2b-hero h1{font-size:40px;font-weight:800;max-width:16ch;margin:0 auto}
.b2b-hero h1 .ac{color:var(--accent)}
.b2b-lead{color:var(--secondary);font-size:16.5px;max-width:58ch;margin:16px auto 0}
.searchcard{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);max-width:760px;margin:28px auto 0;overflow:hidden;text-align:left}
.seg{display:flex;background:var(--muted);padding:6px;gap:6px}
.seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:0;background:transparent;border-radius:10px;font-weight:700;font-size:14px;color:var(--muted-fg);cursor:pointer}
.seg button .ico{width:18px;height:18px}
.seg button.on{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}
.seg button.on .ico{stroke:var(--accent)}
.pane{padding:22px}
.pane.byno .big{display:flex;gap:10px}
.byno .inpwrap{flex:1;position:relative}
.byno .inpwrap .ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:var(--muted-fg)}
.byno input[type=text]{width:100%;height:56px;border:1.5px solid var(--border);border-radius:11px;padding:0 16px 0 46px;font-size:16px;font-weight:600;background:#fff}
.byno input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-050)}
.byno .go,.bycar .go{height:56px;padding:0 26px;border:0;background:var(--accent);color:#fff;font-weight:700;font-size:15px;border-radius:11px;display:flex;align-items:center;gap:9px;cursor:pointer;justify-content:center}
.byno .go:hover,.bycar .go:hover{background:var(--accent-600)}
.byno .go .ico,.bycar .go .ico{stroke:#fff;width:18px;height:18px}
.byno .hint{margin:12px 2px 0;font-size:12.5px;color:var(--muted-fg);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.byno .chip{background:var(--muted);border:1px solid var(--border);border-radius:16px;padding:4px 11px;font-weight:700;font-size:12px;color:var(--secondary)!important}
.byno .chip:hover{border-color:var(--accent);color:var(--accent)!important}
.pane.bycar{display:none}
.sel3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:6px;text-align:left}
.field label{font-size:11.5px;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.04em}
.field select{appearance:none;height:52px;border:1.5px solid var(--border);border-radius:10px;padding:0 34px 0 14px;font-size:14.5px;font-weight:600;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23475569' stroke-width='2'><path d='M3 5l4 4 4-4'/></svg>") no-repeat right 13px center}
.bycar .go{margin-top:14px;width:100%;height:52px}
/* standalone browse form button (results page — not inside .bycar pane) */
.bycar-go{height:52px;padding:0 26px;border:0;background:var(--accent);color:#fff;font-weight:700;font-size:15px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}
.bycar-go:hover{background:var(--accent-600)}
.bycar-go .ico{width:18px;height:18px;stroke:#fff;flex:none}
/* manufacturer wordmark strip under the search card (user-approved variant B, names only) */
.hero-brands{display:flex;justify-content:center;align-items:center;gap:38px;margin-top:32px;flex-wrap:wrap}
.hero-brands span{font-weight:800;font-size:19px;letter-spacing:.05em;color:#94A3B8}
.hstats{display:flex;justify-content:center;gap:40px;margin-top:30px;flex-wrap:wrap}
.hstat b{display:block;font-size:22px;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}
.hstat span{font-size:12.5px;color:var(--muted-fg);font-weight:600}

/* ---------- solo hero (variant B, approved 2026-07-18) ---------- */
.solo-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56vh;padding:46px 0;text-align:center;background:radial-gradient(900px 380px at 88% -8%,rgba(3,105,161,.08),transparent 62%),linear-gradient(180deg,#fff,var(--bg));border-bottom:1px solid var(--border)}
.solo-hero .wrap{display:flex;flex-direction:column;align-items:center;width:100%}
.solo-hero h1{font-size:23px;font-weight:800;margin:0 0 26px}
.solo-form{display:flex;gap:10px;width:min(92vw,900px)}
.solo-form input[type=text]{flex:1;height:64px;border:1.5px solid var(--border);border-radius:12px;padding:0 24px;font-size:18px;font-weight:600;background:#fff;box-shadow:var(--shadow)}
.solo-form input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-050)}
.solo-form button{height:64px;padding:0 38px;font-size:16px;font-weight:700;border:0;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;gap:9px}
.solo-form button:hover{background:var(--accent-600)}
.solo-form button .ico{stroke:#fff;width:19px;height:19px}
.solo-hint{margin-top:16px;font-size:12.5px;color:var(--muted-fg);display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}
.solo-hint .chip{background:var(--muted);border:1px solid var(--border);border-radius:16px;padding:4px 11px;font-weight:700;font-size:12px;color:var(--secondary)!important}
.solo-hint .chip:hover{border-color:var(--accent);color:var(--accent)!important}
.mkrow{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:32px}
.mkrow a{border:1px solid var(--border);background:#fff;border-radius:9px;padding:8px 16px;font-weight:700;font-size:13.5px;color:var(--secondary)!important}
.mkrow a:hover{border-color:var(--accent);color:var(--accent)!important}

/* ---------- variant D hero overrides (2026-07-18) ---------- */
.hero-d{padding:58px 0 52px}
.hero-d h1{font-size:25px;max-width:none}
/* wide search card, but pulled in slightly from the container edges */
.hero-d .searchcard{max-width:min(100%,1180px);width:100%;margin:30px auto 0}
.hero-d .pane{padding:30px 26px}   /* roomier above/below the search field */
.hero-d + .imeks-blk{padding-top:34px}
.hero-d .byno input[type=text]{height:64px;font-size:17px}
.hero-d .byno .go{height:64px;font-size:16px}

/* ---------- home sections ---------- */
.imeks-blk{padding:52px 0}
.sec-h{text-align:center;margin-bottom:30px}
.sec-h h2{font-size:26px;font-weight:800}
.sec-h p{color:var(--muted-fg);font-size:15px;margin:8px 0 0}
.makes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.make{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 12px;text-align:center;transition:.2s}
.make:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#CBD5E1}
.make .mk{width:74px;height:56px;margin:0 auto 12px;display:grid;place-items:center}
.make .mk img{max-width:100%;max-height:100%;object-fit:contain}
.make.mk-volkswagen .mk img{max-height:40px}
.make.mk-mercedes-benz .mk img{max-height:42px}
.make h3{font-size:15px;font-weight:700;margin:0}
.make span{font-size:12px;color:var(--muted-fg);font-weight:600}
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px}
.step .n{width:38px;height:38px;border-radius:11px;background:var(--accent-050);color:var(--accent);display:grid;place-items:center;font-weight:800;margin-bottom:14px}
.step h3{font-size:16.5px;font-weight:700;margin:0 0 6px}
.step p{color:var(--secondary);font-size:14px;margin:0}

/* ---------- results ---------- */
.res-top{background:var(--surface);border-bottom:1px solid var(--border);padding:20px 0}
.res-search{display:flex;gap:10px;max-width:760px;margin:0 auto}
/* hide Woo auto "view cart" link in the results table (drawer opens instead) */
.b2b-table .added_to_cart{display:none}
.res-search .iw{flex:1;position:relative}
.res-search .iw .ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;height:19px;stroke:var(--muted-fg)}
.res-search input[type=text]{width:100%;height:50px;border:1.5px solid var(--border);border-radius:10px;padding:0 16px 0 44px;font-size:15px;font-weight:600;background:var(--bg)}
.res-search input[type=text]:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px var(--accent-050)}
.res-search button{height:50px;padding:0 24px;border:0;background:var(--accent);color:#fff;font-weight:700;border-radius:10px;cursor:pointer}
.res-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:22px 0 14px}
.res-info{color:var(--secondary);font-size:14px;font-weight:400;margin:0}
.res-info b{color:var(--primary);font-variant-numeric:tabular-nums}
.vat-toggle{display:inline-flex;background:var(--muted);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px;flex:none}
.vat-toggle button{border:0;background:transparent;padding:6px 13px;border-radius:7px;font-weight:700;font-size:12.5px;color:var(--muted-fg);cursor:pointer}
.vat-toggle button.on{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}
.b2b-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}
.b2b-table-scroll{overflow-x:auto}
table.b2b-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0}
.b2b-table thead th{background:var(--primary);color:#fff;text-align:left;padding:12px 16px;font-weight:600;font-size:12px;white-space:nowrap;border:0}
.b2b-table tbody td{padding:13px 16px;border:0;border-top:1px solid var(--border);vertical-align:middle;background:transparent}
.b2b-table tbody tr:hover td{background:var(--accent-050)}
.thumb{width:58px;height:58px;border-radius:9px;border:1px solid var(--border);background:#fff;display:grid;place-items:center;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:contain;margin:0}
.thumb .phico{width:22px;height:22px;stroke:#94A3B8}
.art-oe{font-weight:800;color:var(--accent)!important;font-variant-numeric:tabular-nums}
.artsub{display:block;font-size:11px;color:var(--muted-fg);font-variant-numeric:tabular-nums}
.avail-order{display:inline-block;background:var(--accent-050);color:var(--accent-600);font-weight:700;font-size:11.5px;padding:3px 9px;border-radius:20px;white-space:nowrap}
/* In-stock availability ("Noliktavā · gatavs sūtīšanai") — green pill in the results table
   and a green dot on the product page. Set per product via IMEKS dati → Pieejamība (2026-08-17). */
.avail-stock{display:inline-block;background:#E7F6EC;color:var(--success);font-weight:700;font-size:11.5px;padding:3px 9px;border-radius:20px}
.col-price .price{font-weight:800;color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums}
.col-price .price .amount{color:var(--primary)}
.pricevat{display:block;font-size:10.5px;color:var(--muted-fg);font-weight:600}
.por{color:var(--warn);font-weight:800;font-size:12.5px}
a.b2b-add,a.b2b-add:visited{display:inline-block;background:var(--primary);color:#fff!important;border:0;padding:9px 15px;border-radius:8px;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
a.b2b-add:hover{background:var(--accent)}
a.b2b-add.loading{opacity:.6;pointer-events:none}
a.b2b-add.added::after{content:''}
.b2b-inq-btn{background:#fff;color:var(--accent)!important;border:1.5px solid var(--accent);padding:8px 14px;border-radius:8px;font-weight:700;font-size:12.5px;display:inline-block;white-space:nowrap}
.b2b-inq-btn:hover{background:var(--accent-050)}
.b2b-notfound{background:#FEF6EC;border:1px solid #FADCB2;border-radius:14px;padding:22px;margin:22px 0 40px}
.b2b-notfound h3{display:flex;align-items:center;gap:9px;font-size:16px;color:#92400E;margin:0}
.b2b-notfound h3 .ico{stroke:#B45309;width:20px;height:20px}
.b2b-notfound p{font-size:14px;color:#7C4A12;margin:8px 0 0}
.b2b-notfound b{font-variant-numeric:tabular-nums}

/* inquiry form (shared: notfound + product box) */
.imeks-inq-form{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-width:640px}
.imeks-inq-form input,.imeks-inq-form textarea{border:1.5px solid var(--border);border-radius:9px;padding:11px 13px;font-size:14px;font-family:inherit;background:#fff;width:100%}
.imeks-inq-form button{height:46px;padding:0 22px;border:0;background:var(--primary);color:#fff;font-weight:700;border-radius:9px;cursor:pointer;align-self:flex-start}
.imeks-inq-form button:hover{background:var(--accent)}
.b2b-notfound .imeks-inq-form button{background:var(--warn)}

/* ---------- product page ---------- */
.imeks-crumb{padding:16px 0;font-size:13px;color:var(--muted-fg);display:flex;gap:8px;flex-wrap:wrap}
.imeks-crumb a{color:var(--accent)!important;font-weight:600}
.imeks-crumb span{color:#CBD5E1}
/* pašreizējā lapa takā (aria-current) — tāda pati krāsa kā līdz šim, tikai tagad <span> */
.imeks-crumb .cur{color:var(--muted-fg)}
.pgrid{display:grid;grid-template-columns:1.05fr 1fr;gap:38px;padding:6px 0 40px}
.gmain{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;display:grid;place-items:center;min-height:360px}
.gmain img{max-height:380px;width:auto;object-fit:contain;margin:0}
.gmain .phico{width:64px;height:64px;stroke:#CBD5E1}
.pinfo h1{font-size:26px;font-weight:800;margin:0;line-height:1.2}
.pmfr-line{margin-top:12px;font-size:14px;color:var(--secondary);font-weight:600}
.pmfr-line b{color:var(--primary);font-weight:800}
.pcodes{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}
.pcode{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 14px}
.pcode small{display:block;font-size:10.5px;color:var(--muted-fg);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.pcode b{font-size:15px;color:var(--primary);font-variant-numeric:tabular-nums}
.pmeta{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.pmeta .m{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--secondary);background:var(--accent-050);padding:7px 12px;border-radius:9px}
.pmeta .m .ico{width:16px;height:16px;stroke:var(--accent)}
.pbuy{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm)}
.pricebar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pprice{display:flex;align-items:baseline;gap:10px}
.pprice b{font-size:32px;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}
.pprice b .amount{color:var(--primary)}
.pprice .vlabel{font-size:13px;color:var(--muted-fg);font-weight:600}
.pprice .por{font-size:24px}
.pavail{margin:10px 0 18px;display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--success);font-weight:700}
.pavail .dot{width:8px;height:8px;border-radius:50%;background:var(--success)}
/* native Woo add-to-cart form styled to the prototype */
.pbuy form.cart{display:flex;gap:12px;margin:0;align-items:stretch}
.pbuy form.cart .quantity{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:11px;overflow:hidden;background:#fff}
.pbuy form.cart .quantity input.qty{width:64px;height:52px;border:0;text-align:center;font-size:16px;font-weight:700;background:#fff;box-shadow:none}
.pbuy form.cart .single_add_to_cart_button{flex:1;height:52px;border:0;background:var(--accent);color:#fff;font-weight:700;font-size:15.5px;border-radius:11px;cursor:pointer;font-family:inherit}
.pbuy form.cart .single_add_to_cart_button:hover{background:var(--accent-600)}
.mailorder{margin-top:14px;display:flex;gap:11px;align-items:flex-start;background:var(--accent-050);border:1px solid #CFE4F0;border-radius:12px;padding:13px 15px;font-size:13.5px;color:var(--secondary)!important;line-height:1.55}
.mailorder .ico{width:19px;height:19px;stroke:var(--accent);margin-top:2px}
.mailorder b{color:var(--primary)}
.mailorder u{color:var(--accent);font-weight:700;text-decoration:none}

/* ---------- order-by-email card (v2) — replaces .mailorder site-wide + on cart/checkout ---------- */
/* the block Cart & Checkout content wrapper (.imeks-page) ships zero top padding, so its first
   element sits flush under the sticky sub-nav — give those two pages some breathing room. */
.woocommerce-cart .imeks-page,.woocommerce-checkout .imeks-page{padding-top:28px}
.mailcard-slot{margin:0 0 22px}
.mailcard{margin-top:14px;display:flex;gap:15px;align-items:flex-start;background:var(--accent-050);border:1px solid #CFE4F0;border-radius:14px;padding:18px}
.mailcard-slot .mailcard{margin-top:0}
.mailcard-chip{width:46px;height:46px;border-radius:11px;background:var(--surface);border:1px solid #CFE4F0;display:grid;place-items:center;flex:none}
.mailcard-chip .ico{width:23px;height:23px;stroke:var(--accent)}
.mailcard-body{min-width:0}
.mailcard-body h4{margin:1px 0 4px;font-size:17px;font-weight:800;color:var(--primary)!important;letter-spacing:-.01em;line-height:1.2}
.mailcard-body p{margin:0 0 13px;font-size:13.5px;color:var(--secondary);line-height:1.55;max-width:52ch}
.mailcard-body u{color:var(--accent);font-weight:700;text-decoration:none}
.mailcard-acts{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.mailcard-btn{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#fff!important;text-decoration:none;border:0;border-radius:9px;padding:10px 15px;font-family:inherit;font-weight:700;font-size:13.5px;line-height:1;cursor:pointer}
.mailcard-btn:hover{background:var(--accent-600)}
.mailcard-btn .ico{width:16px;height:16px;stroke:#fff}
.mailcard-btn2{display:inline-flex;align-items:center;gap:7px;background:var(--surface);color:var(--accent)!important;border:1.5px solid #CFE4F0;border-radius:9px;padding:9px 14px;font-family:inherit;font-weight:700;font-size:13.5px;line-height:1;cursor:pointer;text-decoration:none}
/* hover: fill with brand accent + white text/icon (Kadence forces a dark button hover bg,
   which left the accent-coloured label unreadable — force full contrast here). */
.mailcard-btn2:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.mailcard-btn2 .ico{width:15px;height:15px;stroke:var(--accent)}
.mailcard-btn2:hover .ico{stroke:#fff!important}
.mailcard-alt{margin-top:11px;font-size:12.5px;color:var(--muted-fg)}
.mailcard-alt a{color:var(--secondary);font-weight:700;text-decoration:none}
@media(max-width:520px){.mailcard{padding:15px;gap:12px}.mailcard-chip{display:none}.mailcard-btn,.mailcard-btn2{flex:1 1 auto;justify-content:center}}
.inqbox{margin-top:14px;border:1px dashed var(--border);border-radius:12px;background:#fff}
.inqbox summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--secondary)}
.inqbox summary::-webkit-details-marker{display:none}
.inqbox summary .ico{width:18px;height:18px;stroke:var(--accent)}
.inqbox .inqbody{padding:0 16px 16px}
.inqbox .inqbody>p{font-size:13px;color:var(--muted-fg);margin:0 0 4px}
.paylight{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}
.paylight .p{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted-fg);font-weight:600}
.paylight .ico{width:17px;height:17px;stroke:var(--accent)}
.ptabs{padding:6px 0 50px}
.ptabbar{display:flex;gap:6px;border-bottom:2px solid var(--border)}
.ptabbar button{border:0;background:none;padding:13px 18px;font-weight:700;font-size:14px;color:var(--muted-fg);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit}
.ptabbar button.on{color:var(--accent);border-bottom-color:var(--accent)}
.ptabpanel{padding:26px 2px;font-size:14.5px;color:var(--secondary);line-height:1.7;display:none}
.ptabpanel.on{display:block}
.spectable{width:100%;border-collapse:collapse;max-width:560px}
.spectable td{padding:11px 4px;border-bottom:1px solid var(--border);font-size:14px;background:transparent}
.spectable td:first-child{color:var(--muted-fg);font-weight:600;width:45%}
.spectable td:last-child{color:var(--primary);font-weight:700}

/* ---------- info pages (Kontakti / Piegāde un apmaksa / Par mums / legal) ----------
   These pages were authored in round 1 with .cpage-head/.pay-grid/.info-cards markup;
   the redesign stylesheet must keep styling them (unsized inline SVGs explode otherwise). */
.cpage-head{padding:34px 0 6px}
.cpage-head h1{font-size:32px;font-weight:800;margin:0}
.cpage-head .lead{color:var(--secondary);font-size:15.5px;max-width:72ch;margin:10px 0 0}
.imeks-page h2{font-size:22px;font-weight:800;margin:30px 0 16px}
.pay-grid,.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.pay-item,.info-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;gap:14px;align-items:flex-start}
.pi-ic{width:44px;height:44px;border-radius:11px;background:var(--accent-050);display:grid;place-items:center;flex:none}
.pi-ic svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pay-item h3,.info-card h3{font-size:15.5px;font-weight:700;margin:0 0 4px}
.pay-item p,.info-card p{font-size:13.5px;color:var(--secondary);margin:0}
.info-card{display:block}
.info-card .row{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--secondary);margin:8px 0}
.info-card .row svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.legal-note{font-size:12.5px;color:var(--muted-fg);margin:26px 0 40px}
.legal-body{max-width:860px;padding-bottom:44px;font-size:14.5px;color:var(--secondary);line-height:1.7}
.legal-body h2{font-size:19px;margin:26px 0 10px}
.legal-body ul{padding-left:20px}
/* safety net: any inline svg without explicit sizing must never explode full-width */
body.imeks svg:not(.ico):not([width]){max-width:44px;max-height:44px}
@media(max-width:760px){.pay-grid,.info-cards{grid-template-columns:1fr}}

/* ---------- floating contact bubble (bottom-left, all pages except cart/checkout) ---------- */
.imeks-fab{position:fixed;right:20px;bottom:20px;z-index:995;width:58px;height:58px;border-radius:50%;
  border:0;background:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px rgba(15,23,42,.24);transition:background .18s,transform .18s}
.imeks-fab:hover{background:var(--accent-600);transform:translateY(-2px)}
.imeks-fab svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.imeks-fab .fab-dot{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#22C55E;border:2px solid #fff}
.imeks-fabpanel{position:fixed;right:20px;bottom:20px;z-index:996;width:342px;max-width:calc(100vw - 40px);
  background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 40px rgba(15,23,42,.22);
  overflow:hidden;display:none}
.imeks-fabpanel.open{display:block}
.fp-head{background:var(--primary);color:#fff;padding:15px 17px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.fp-head b{font-size:15px;display:block;color:#fff}
.fp-head span{font-size:12.5px;color:#94A3B8;display:block;margin-top:3px}
.fp-head button{background:rgba(255,255,255,.12);border:0;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:13px;flex:none;padding:0;line-height:1;display:grid;place-items:center}
.fp-head button:hover{background:rgba(255,255,255,.22)}
.fp-body{padding:15px 17px 17px}
.fp-f{margin-bottom:11px}
.fp-f label{display:block;font-size:11.5px;font-weight:700;color:var(--secondary);margin-bottom:5px}
.fp-f label i{color:var(--muted-fg);font-style:normal;font-weight:600}
.fp-f input,.fp-f textarea{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff}
.fp-f input:focus,.fp-f textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-050)}
.fp-f textarea{resize:vertical;min-height:74px}
.fp-sub{width:100%;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:12px;font-weight:700;font-size:14.5px;cursor:pointer;font-family:inherit}
.fp-sub:hover{background:var(--accent-600)}
.fp-fine{font-size:11px;color:var(--muted-fg);margin:9px 0 0;line-height:1.5}
.fp-fine a{color:var(--accent)!important}
.imeks-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.fp-sent{padding:26px 20px;text-align:center}
.fp-sent .ic{width:48px;height:48px;border-radius:50%;background:#DCFCE7;display:grid;place-items:center;margin:0 auto 12px}
.fp-sent .ic svg{width:24px;height:24px;stroke:#16A34A;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fp-sent b{display:block;font-size:15.5px;margin-bottom:5px}
.fp-sent p{font-size:13px;color:var(--muted-fg);margin:0}
@media(max-width:760px){
  .imeks-fab{right:14px;bottom:14px;width:52px;height:52px}
  /* compact card anchored bottom-right — never full-screen */
  .imeks-fabpanel{left:auto;right:12px;bottom:12px;width:min(86vw,320px);max-width:none;max-height:72vh;overflow-y:auto}
  .fp-head{padding:12px 14px}
  .fp-head b{font-size:14px}
  .fp-head span{font-size:11.5px}
  .fp-body{padding:12px 14px 14px}
  .fp-f{margin-bottom:9px}
  .fp-f label{font-size:11px;margin-bottom:4px}
  /* 16px is the threshold below which iOS auto-zooms on focus — keep it at 16 */
  .fp-f input,.fp-f textarea{font-size:16px;padding:9px 11px;border-radius:8px}
  .fp-f textarea{min-height:58px}
  .fp-sub{padding:11px;font-size:14.5px}
  .fp-fine{font-size:10.5px;margin-top:7px}
}

/* ---------- price-offer CTA band (above trust/footer) ---------- */
.offer-cta{background:linear-gradient(120deg,#0B4A73,var(--accent))}
.offer-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 22px;flex-wrap:wrap}
.oc-txt h2{color:#fff;font-size:22px;font-weight:800;margin:0 0 6px}
.oc-txt p{color:#CFE8F7;font-size:14px;margin:0;max-width:54ch}
.oc-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.oc-form input{height:50px;border:0;border-radius:10px;padding:0 16px;font-size:14.5px;font-weight:600;min-width:200px;background:#fff}
.oc-form input:focus{outline:3px solid rgba(255,255,255,.35)}
.oc-form button{height:50px;padding:0 24px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;font-size:14.5px;cursor:pointer}
.oc-form button:hover{background:#020617}
/* the global body.imeks h2/h4 navy rule outranks plain class selectors — force white on dark bands */
body.imeks .oc-txt h2{color:#fff}
body.imeks .imeks-footer h4{color:#fff}

/* ---------- trust + footer ---------- */
.trust{background:var(--primary)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:34px 22px}
.tr{display:flex;gap:13px}
.tr .ico{width:26px;height:26px;stroke:#7DD3FC;flex:none}
.tr b{display:block;color:#fff;font-size:14.5px}
.tr span{color:#94A3B8;font-size:12.5px}
.imeks-footer{background:#0B1120;color:#94A3B8;padding:44px 0 24px}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;padding-bottom:32px}
.fg .lg{font-weight:800;font-size:22px;color:#fff;letter-spacing:.04em}
.fg p{font-size:13px;line-height:1.6;margin:14px 0 0;max-width:32ch;color:#94A3B8}
.fg p.rekviziti{line-height:1.75}
.imeks-footer h4{color:#fff;font-size:13.5px;margin:0 0 12px}
/* Footer links: 20px tall with an 8px gap already cleared WCAG 2.2 AA 2.5.8 via the
   spacing exception, but padding them to the real 24px minimum is unambiguous. The gap
   drops to 4px so the 28px pitch — and the footer's height — stay exactly as approved. */
.fl{display:flex;flex-direction:column;gap:4px}
.fl a{font-size:13px;color:#94A3B8!important;display:flex;align-items:center;min-height:24px}
.fl a:hover{color:#fff!important}
.fb{border-top:1px solid #1E293B;padding-top:18px;display:flex;justify-content:center;text-align:center;flex-wrap:wrap;gap:12px;font-size:12px}
.pays{display:flex;gap:8px}
.pay{background:#1E293B;border:1px solid #334155;border-radius:5px;padding:4px 9px;font-size:11px;font-weight:700;color:#CBD5E1}

/* ---------- drawers (cart + catalog) ---------- */
.imeks-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);opacity:0;pointer-events:none;transition:.25s;z-index:998}
.imeks-overlay.open{opacity:1;pointer-events:auto}
.imeks-cart-drawer,.imeks-nav-drawer{position:fixed;top:0;bottom:0;width:400px;max-width:92vw;background:#fff;z-index:999;display:flex;flex-direction:column;transition:transform .28s ease;box-shadow:-12px 0 40px rgba(15,23,42,.18)}
.imeks-cart-drawer{right:0;transform:translateX(105%)}
.imeks-nav-drawer{left:0;transform:translateX(-105%);box-shadow:12px 0 40px rgba(15,23,42,.18)}
.imeks-cart-drawer.open,.imeks-nav-drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}
.drawer-head b{font-size:16px;color:var(--primary)}
.drawer-head button{background:var(--muted);border:0;width:34px;height:34px;min-width:34px;flex:none;border-radius:9px;cursor:pointer;font-size:14px;color:var(--secondary);padding:0;line-height:1;display:grid;place-items:center}
.drawer-head button:hover{background:#E2E8F0;color:var(--primary)}
.cart-drawer-body{flex:1;overflow-y:auto;padding:14px 20px}
.cart-drawer-body .widget_shopping_cart_content .woocommerce-mini-cart{list-style:none;margin:0;padding:0}
.cart-drawer-body .woocommerce-mini-cart-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);margin:0}
.cart-drawer-body .woocommerce-mini-cart-item img{width:52px;height:52px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff;float:none;flex:none;margin:0}
.cart-drawer-body .woocommerce-mini-cart-item a{color:var(--primary)!important;font-weight:600;font-size:13.5px;line-height:1.35}
/* product link holds img + name: lay them out side by side and let it fill the row */
.cart-drawer-body .woocommerce-mini-cart-item a:not(.remove){display:flex;align-items:center;gap:12px;flex:1;min-width:0;order:1}
.cart-drawer-body .woocommerce-mini-cart-item .quantity{color:var(--muted-fg);font-size:12.5px;font-weight:600;white-space:nowrap;order:2;text-align:right}
/* 24x24 = WCAG 2.2 minimums (bija 22px). Rindas augstumu nosaka 52px attēls, tāpēc
   izkārtojums nemainās. */
.cart-drawer-body .woocommerce-mini-cart-item a.remove{width:24px;height:24px;line-height:24px;border-radius:6px;background:var(--muted);color:var(--secondary)!important;font-size:15px;text-align:center;order:3;margin-left:0;flex:none}
.cart-drawer-body .woocommerce-mini-cart__total{padding:14px 0;margin:0;font-size:15px;color:var(--primary);display:flex;justify-content:space-between}
.cart-drawer-body .woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:9px;margin:0;padding:4px 0 10px}
.cart-drawer-body .woocommerce-mini-cart__buttons a{display:block;text-align:center;padding:13px;border-radius:10px;font-weight:700;font-size:14px}
.cart-drawer-body .woocommerce-mini-cart__buttons a.checkout{background:var(--accent);color:#fff!important}
.cart-drawer-body .woocommerce-mini-cart__buttons a:not(.checkout){background:var(--muted);color:var(--primary)!important}
.cart-drawer-body .woocommerce-mini-cart__empty-message{color:var(--muted-fg);text-align:center;padding:34px 0}
.imeks-nav-drawer nav{flex:1;overflow-y:auto;padding:10px 8px}
.imeks-nav-drawer nav a{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:10px;color:var(--primary)!important;font-weight:600;font-size:14.5px}
.imeks-nav-drawer nav a:hover{background:var(--accent-050);color:var(--accent)!important}
.imeks-nav-drawer nav a img{width:26px;height:20px;object-fit:contain}
.imeks-nav-drawer nav .nd-sep{height:1px;background:var(--border);margin:10px 14px}
.imeks-nav-drawer nav .nd-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);padding:12px 14px 4px}
#imeksToast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--primary);color:#fff;font-weight:600;font-size:13.5px;padding:12px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:.3s;z-index:1000}
#imeksToast.show{opacity:1;transform:translateX(-50%)}

/* ---------- WooCommerce integration fixes ---------- */
.imeks-page{max-width:var(--maxw);margin:0 auto;padding:0 22px}
body.imeks .site{background:var(--bg)}
/* shop archive cards */
body.imeks ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 40px;padding:0;list-style:none}
body.imeks ul.products::before,body.imeks ul.products::after{display:none}
body.imeks ul.products li.product{width:auto;margin:0;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;text-align:left;transition:.2s;float:none}
body.imeks ul.products li.product:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
body.imeks ul.products li.product img{border-radius:8px;margin-bottom:10px;width:100%;height:150px;object-fit:contain;background:#fff}
body.imeks ul.products li.product .woocommerce-loop-product__title{font-size:13.5px;font-weight:700;color:var(--primary);padding:0;line-height:1.35}
body.imeks ul.products li.product .price{color:var(--primary);font-weight:800;font-size:14.5px}
body.imeks ul.products li.product .button{background:var(--primary);color:#fff;border-radius:8px;font-weight:700;font-size:12.5px;padding:9px 14px;margin-top:8px}
body.imeks ul.products li.product .button:hover{background:var(--accent)}
.imeks-shop-notice{display:flex;align-items:center;background:var(--accent-050);border:1px solid #CFE4F0;color:var(--accent-600);border-radius:10px;padding:11px 15px;font-size:13.5px;margin:16px 0}
.imeks-shop-notice .ico{width:17px;height:17px;margin-right:8px}
/* checkout / cart page fixes (round-2) */
body.imeks .wc-block-checkout,body.imeks .wp-block-woocommerce-checkout,body.imeks .wp-block-woocommerce-cart{margin:0!important;width:auto!important}
body.imeks .entry-content>.alignwide,body.imeks .entry-content>.alignfull{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
/* legacy product tabs (if a template falls back to Woo defaults) */
body.imeks .woocommerce-tabs .panel{padding:28px 30px!important}
/* buttons base */
body.imeks .button,body.imeks button[type=submit]{font-family:inherit}

/* ---------- responsive ---------- */
@media(max-width:1024px){
  .makes{grid-template-columns:repeat(3,1fr)}
  .fg{grid-template-columns:1fr 1fr}
  .b2b-hero h1{font-size:32px}
  .pgrid{grid-template-columns:1fr;gap:24px}
  body.imeks ul.products{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .topbar .tb-left .tb-item:nth-child(2){display:none}
  /* align topbar edges with the header row below: match the 12px header inset so the
     brands span sits flush-left with the IMEKS logo and LV·EN·RU flush-right with the cart */
  .topbar .wrap{padding:0 12px}
  /* header on mobile: logo · search · cart all on one row (2026-07-18) */
  .imeks-header .wrap{gap:10px;height:64px;padding:0 12px}
  .imeks-logo{font-size:20px;letter-spacing:.03em}
  .imeks-logo small{font-size:8px;letter-spacing:.1em;margin-top:1px}
  .hd-search{display:block;flex:1;min-width:0;max-width:none;margin:0}
  .hd-search input[type=text]{height:42px;font-size:16px;padding:0 40px 0 34px}
  .hd-search .si{left:10px;width:16px;height:16px}
  .hd-search .sb{right:4px;top:4px;height:34px;width:32px}
  .hd-search .sb .ico{width:15px;height:15px}
  .cart-b{margin-left:0;padding:6px;gap:0}
  .cart-b .l{display:none}
  .cart-badge{left:19px;top:0}
  .subnav a.mklink{display:none}
  .subnav .ph.mail{display:none}
  .how{grid-template-columns:1fr}
  .trust .wrap{grid-template-columns:1fr 1fr}
  .makes{grid-template-columns:repeat(2,1fr)}
  .b2b-hero{padding:34px 0 30px}
  .b2b-hero h1{font-size:27px}
  .pane.byno .big{flex-direction:column}
  .solo-hero{min-height:auto;padding:36px 0}
  .solo-hero h1{font-size:19px;padding:0 14px}
  .solo-form{flex-direction:column;width:92vw}
  .hero-d .wrap{padding:0 8px}
  .imeks-blk .wrap{padding:0 12px}
  .hero-d .searchcard{border-radius:14px}
  .hero-d .pane{padding:16px}
  .offer-cta .wrap{flex-direction:column;align-items:stretch;text-align:center}
  .oc-form{flex-direction:column}
  .oc-form input,.oc-form button{width:100%;min-width:0}
  .solo-form button{justify-content:center}
  .sel3{grid-template-columns:1fr}

  .hstats{gap:26px}
  .res-search{flex-wrap:wrap}
  .res-search .iw{min-width:100%}
  .fg{grid-template-columns:1fr}
  body.imeks ul.products{grid-template-columns:repeat(2,1fr)}
  /* results table -> variant A cards (approved 2026-07-18): full-width photo on top,
     strong card borders + shadow + 16px gaps for clear separation */
  .b2b-table-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}
  .b2b-table-scroll{overflow:visible}
  .b2b-table thead{display:none}
  table.b2b-table,.b2b-table tbody{display:block;width:100%}
  .b2b-table tbody tr{display:flex;flex-direction:column;background:#fff;border:1.5px solid #CBD5E1;border-radius:16px;box-shadow:0 4px 14px rgba(15,23,42,.09);margin:0 0 16px;overflow:hidden;padding:0 0 14px}
  .b2b-table tbody tr:hover td{background:transparent}
  .b2b-table tbody td{width:100%;border:0;display:flex;justify-content:space-between;gap:12px;padding:5px 16px;text-align:right;background:transparent}
  .b2b-table tbody td::before{content:attr(data-l);font-weight:700;color:var(--muted-fg);font-size:11px;text-transform:uppercase}
  .b2b-table td.tdthumb{display:block;padding:0;margin-bottom:10px;border-bottom:1px solid var(--border)}
  .b2b-table td.tdthumb::before{display:none}
  .b2b-table td.tdthumb .thumb{width:100%;height:190px;border:0;border-radius:0;padding:12px}
  .b2b-table td.tdthumb .thumb img{max-height:170px;width:auto;margin:0 auto}
  .b2b-table td[data-l="Artikuls"]{justify-content:space-between;align-items:baseline;padding-top:2px}
  .b2b-table td[data-l="Artikuls"]::before{display:none}
  .b2b-table td[data-l="Artikuls"] .art-oe{font-size:16px}
  .b2b-table td[data-l="Apraksts"]{display:block;text-align:left;font-size:13px;color:var(--secondary);line-height:1.45}
  .b2b-table td[data-l="Apraksts"]::before{display:none}
  .b2b-table td.col-add{display:block;padding:12px 16px 2px}
  .b2b-table td.col-add::before{display:none}
  .b2b-table td.col-add a{width:100%;text-align:center;display:block;padding:13px}
  .pbuy form.cart{flex-wrap:wrap}
}

/* ---------- shop-archive tile (/veikals/) — approved variant C, 2026-08-12 ----------
   Replaces WooCommerce's default loop item, which printed the full ~140-char product
   title and nothing a parts buyer identifies by. Grid columns are unchanged (4 / 3 / 2),
   so this only alters what is INSIDE each tile. The /lukturi/ browse + ?q= search cards
   are deliberately untouched. */
body.imeks ul.products li.product.imeks-tile{display:flex;flex-direction:column;padding:0;overflow:hidden}
.imeks-tile .it-ph{display:block;height:150px;padding:10px;background:#fff;overflow:hidden;
  border-bottom:1px solid var(--border)}
/* height:100% + object-fit:contain letterboxes inside the box. A grid/flex centre with
   max-height:100% is NOT enough — a tall portrait lamp overflowed the tile and covered the
   price underneath, because grid items default to min-height:auto. */
body.imeks ul.products li.product.imeks-tile .it-ph img{display:block;width:100%;height:100%;
  margin:0;border-radius:0;object-fit:contain}
.imeks-tile .it-ph .phico{width:44px;height:100%;max-height:44px;stroke:#CBD5E1;margin:0 auto;display:block}
.imeks-tile .it-body{display:flex;flex-direction:column;gap:3px;padding:11px 12px 12px;flex:1}
.imeks-tile .it-oe{font-size:15px;font-weight:800;color:var(--accent)!important;line-height:1.15;
  letter-spacing:-.01em;font-variant-numeric:tabular-nums;word-break:break-word}
.imeks-tile .it-oe:hover{color:var(--accent-600)!important}
.imeks-tile .it-mfr{font-size:11.5px;font-weight:600;color:var(--muted-fg)}
.imeks-tile .it-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.imeks-tile .it-chip{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:5px;
  background:var(--muted);color:var(--secondary);white-space:nowrap}
.imeks-tile .it-chip.hi{background:var(--accent-050);color:#0c4a6e}
.imeks-tile .it-price{margin-top:auto;padding-top:8px;font-size:16px;font-weight:800;color:var(--primary);
  font-variant-numeric:tabular-nums;line-height:1.15}
.imeks-tile .it-price .woocommerce-Price-amount{font-weight:800}
.imeks-tile .it-vat{font-size:10.5px;font-weight:600;color:var(--muted-fg);margin-top:-1px}
.imeks-tile .it-por{margin-top:auto;padding-top:8px;font-size:12.5px;font-weight:700;color:var(--warn);line-height:1.2}
body.imeks ul.products li.product.imeks-tile .it-btn{display:block;width:100%;margin-top:8px;padding:11px 10px;
  min-height:44px;text-align:center;background:var(--primary);color:#fff!important;border-radius:9px;
  font-weight:700;font-size:12.5px;line-height:1.4;transition:background .18s ease}
body.imeks ul.products li.product.imeks-tile .it-btn:hover{background:var(--accent)}
body.imeks ul.products li.product.imeks-tile .it-btn.ask{background:#fff;color:var(--accent)!important;
  border:1.5px solid var(--accent);padding:9.5px 10px}
body.imeks ul.products li.product.imeks-tile .it-btn.ask:hover{background:var(--accent-050)}
/* Woo injects a "View cart" link after an ajax add — the drawer opens instead */
body.imeks ul.products li.product.imeks-tile .added_to_cart{display:none}

/* NOTE: a "visas preces pēc pasūtījuma / piegāde 7–14 d.d." bar used to sit here above the
   grid. Removed at the owner's request 2026-08-12 — that information stays on the product
   page. Do not reinstate without asking. */
.imeks-shop-count{font-size:13px;color:var(--muted-fg);margin:14px 0 0}
.imeks-shop-count b{color:var(--primary)}

@media(max-width:760px){
  .imeks-tile .it-ph{height:112px;padding:7px}
  .imeks-tile .it-body{padding:9px 10px 10px}
  .imeks-tile .it-oe{font-size:14px}
  .imeks-tile .it-price{font-size:15px}
  body.imeks ul.products{gap:10px}
  body.imeks ul.products li.product.imeks-tile .it-btn{font-size:12px;padding:11px 6px}
}

/* ---- Offer CTA form: name + phone added 2026-08-17 -----------------------
   The footer band went from 2 fields to 4, so the old single-row flex layout
   no longer fits beside the heading. A 2-up grid keeps it compact on desktop
   and tablet; at the existing 760px breakpoint it collapses to one column.
   Declared after the 760px block above so these rules win on source order. */
.oc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;width:min(100%,460px)}
.oc-form input{min-width:0;width:100%}
.oc-form button{grid-column:1 / -1;width:100%}
@media(max-width:760px){
  .oc-form{width:100%;grid-template-columns:1fr}
}

/* ===== Checkout: group the 3 business fields together, above the address (2026-08-17) =====
   The WooCommerce BLOCK checkout appends additional fields to the bottom of the billing
   form and offers no PHP hook to reorder them among the core fields. But the address form
   is a flex-wrap layout, so CSS `order` repositions them reliably (survives React re-renders,
   unlike moving DOM nodes). Scoped to .wc-block-checkout so the My Account address form is
   untouched. Result: Valsts · Vārds|Uzvārds · Uzņēmuma nosaukums(full) · Reģ.nr|PVN · Adrese… */
.wc-block-checkout .wc-block-components-address-form__country          { order:1; }
.wc-block-checkout .wc-block-components-address-form__first_name       { order:2; }
.wc-block-checkout .wc-block-components-address-form__last_name        { order:3; }
.wc-block-checkout .wc-block-components-address-form__imeks-company    { order:4; flex-basis:100% !important; }
.wc-block-checkout .wc-block-components-address-form__imeks-reg_number { order:5; }
.wc-block-checkout .wc-block-components-address-form__imeks-vat_number { order:6; }
.wc-block-checkout .wc-block-components-address-form__address_1        { order:7; }
.wc-block-checkout .wc-block-components-address-form__address_2-toggle,
.wc-block-checkout .wc-block-components-address-form__address_2-hidden-input,
.wc-block-checkout .wc-block-components-address-form__address_2        { order:8; }
.wc-block-checkout .wc-block-components-address-form__city             { order:9; }
.wc-block-checkout .wc-block-components-address-form__state            { order:10; }
.wc-block-checkout .wc-block-components-address-form__postcode         { order:11; }

/* Remove the "Jūs pašlaik veicat pirkumu kā viesis." guest notice (site is guest-only). */
.wc-block-checkout__guest-checkout-notice { display:none !important; }

/* Mobile/tablet: the block checkout only makes the address form a flex container (where the
   `order` above works) via CONTAINER queries at >=700px and 400-519px; below that it falls
   back to display:block, and `order` is ignored — so the business fields dropped back under
   the address on phones. Force a flex column below 700px so the ordering holds there too
   (single column, which is what we want on mobile anyway). Uses the same container context
   WooCommerce already established. */
@container (max-width: 699px) {
  .wc-block-checkout .wc-block-components-address-form { display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; }
}