/* izputeji.lv — tēma "C / Katalogs", 2. versija.
   Viena dizaina sistēma visām lapām. Bootstrap 3 vēl tiek ielādēts (OpenCart JS un
   vecās konta/pasūtījuma lapas to izmanto), bet viss tā izskats šeit ir pārrakstīts. */

:root {
  --bg: #f5f5f4;
  --surface: #fff;
  --ink: #1f2325;
  --ink-2: #474d50;
  --muted: #676d70;
  --line: #e3e4e4;
  --line-2: #efefee;
  --field: #c9cccc;
  --orange: #ee690c;
  --orange-600: #d65c07;
  --orange-50: #fff4ec;
  --orange-ink: #1a1d1f;
  --link: #b34d08;
  --graphite: #2f3436;
  --steel: #b1b1b0;
  --green: #17703d;
  --green-50: #eaf6ef;
  --amber: #8a5a00;
  --amber-50: #fff6e0;
  --red: #b3261e;
  --red-50: #fdecea;
  --r-lg: 16px;
  --r: 12px;
  --r-sm: 8px;
  --shadow-sm: 0 1px 2px rgba(20, 24, 26, .06);
  --shadow: 0 6px 24px rgba(20, 24, 26, .08);
  --shadow-lg: 0 18px 50px rgba(20, 24, 26, .16);
  --wrap: 1320px;
  --head: Archivo, system-ui, sans-serif;
  --body: 'Source Sans 3', system-ui, sans-serif;
}

/* ---------------------------------------------------------------- base */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font-family: var(--body); font-size: 16px; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, .h { font-family: var(--head); color: var(--ink); letter-spacing: -.01em; line-height: 1.2; }
h1 { font-size: 30px; font-weight: 800; margin: 0 0 16px; }
h2 { font-size: 23px; font-weight: 800; margin: 0 0 14px; }
h3 { font-size: 18px; font-weight: 700; margin: 0 0 10px; }
p { margin: 0 0 12px; }
a { color: var(--ink); text-decoration: none; transition: color .15s; }
a:hover, a:focus { color: var(--link); text-decoration: none; }
#content p a:not([class]), #content td a:not([class]), .izp-desc a { color: var(--link); text-decoration: underline; text-underline-offset: 2px; }
#content p a:not([class]):hover, .izp-desc a:hover { color: var(--orange-600); }
img { max-width: 100%; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid rgba(238, 105, 12, .45); outline-offset: 2px; }
::selection { background: #ffd9bd; }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.container { width: auto; max-width: var(--wrap); }
.ic { width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: -4px; }
.muted, .meta { color: var(--muted); }

/* ---------------------------------------------------------------- buttons */
.btn-izp, .btn-primary, .btn-dark, .btn-ghost, .btn, .button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 20px; border: 1px solid transparent; border-radius: 999px;
  font-family: var(--head); font-weight: 700; font-size: 15px; line-height: 1.2;
  cursor: pointer; text-decoration: none !important; white-space: nowrap;
  transition: background .15s, border-color .15s, box-shadow .15s, transform .05s;
  box-shadow: none; text-shadow: none; background-image: none;
}
.btn-izp:active, .btn:active { transform: translateY(1px); }
.btn-izp, .btn-primary { background: var(--orange); border-color: var(--orange); color: var(--orange-ink) !important; }
.btn-izp:hover, .btn-izp:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background: var(--orange-600); border-color: var(--orange-600); color: var(--orange-ink) !important; }
.btn-dark, .btn-info { background: var(--graphite); border-color: var(--graphite); color: #fff !important; }
.btn-dark:hover, .btn-info:hover, .btn-info:focus { background: #1d2022; border-color: #1d2022; color: #fff !important; }
.btn-ghost, .btn-default, .btn-link.btn { background: #fff; border-color: var(--field); color: var(--ink) !important; }
.btn-ghost:hover, .btn-default:hover, .btn-default:focus, .btn-default.active { background: var(--bg); border-color: var(--ink-2); color: var(--ink) !important; }
.btn-danger { background: #fff; border-color: #e7b3ae; color: var(--red) !important; }
.btn-danger:hover, .btn-danger:focus { background: var(--red-50); border-color: var(--red); }
.btn-success { background: var(--green); border-color: var(--green); color: #fff !important; }
.btn-warning { background: var(--amber-50); border-color: #e9c46a; color: var(--amber) !important; }
.btn-lg { min-height: 52px; padding: 0 28px; font-size: 17px; }
.btn-sm, .btn-xs { min-height: 34px; padding: 0 12px; font-size: 13px; }
.btn-block { display: flex; width: 100%; }
.btn[disabled], .btn-izp[disabled] { opacity: .55; cursor: not-allowed; }
.btn-link { background: none; border: 0; color: var(--link); padding: 0; }
.buttons { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 20px; clear: both; }
.buttons .pull-left, .buttons .pull-right { float: none !important; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.buttons .pull-right { margin-left: auto; }
.btn-group > .btn { border-radius: 999px !important; }
.btn-group { display: inline-flex; gap: 6px; }

/* ---------------------------------------------------------------- forms */
.form-control, input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=search], input[type=date], select, textarea {
  font: inherit; color: var(--ink);
}
.form-control {
  height: auto; min-height: 46px; padding: 10px 14px; border: 1px solid var(--field); border-radius: var(--r-sm);
  background: #fff; box-shadow: none; font-size: 16px; transition: border-color .15s, box-shadow .15s;
}
textarea.form-control { min-height: 110px; }
.form-control:focus { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(238, 105, 12, .25); outline: 0; }
select.form-control { appearance: none; -webkit-appearance: none; padding-right: 38px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23474d50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; }
.form-group { margin-bottom: 16px; }
.control-label, label { font-weight: 600; font-size: 14px; color: var(--ink-2); margin-bottom: 6px; }
.required > .control-label:after, .required .control-label:after { content: ' *'; color: var(--red); }
.form-horizontal .control-label { text-align: left; padding-top: 0; }
.form-horizontal .form-group { margin-left: 0; margin-right: 0; }
.form-horizontal .form-group > [class*=col-] { width: 100%; float: none; padding: 0; }
.help-block { font-size: 14px; color: var(--muted); }
.has-error .form-control { border-color: var(--red); }
.has-error .help-block, .text-danger { color: var(--red); font-size: 14px; font-weight: 600; }
.checkbox label, .radio label { font-weight: 400; font-size: 16px; color: var(--ink); display: inline-flex; gap: 10px; align-items: flex-start; padding-left: 0; }
.checkbox input, .radio input, input[type=checkbox], input[type=radio] { accent-color: var(--orange); width: 18px; height: 18px; margin: 2px 0 0 !important; position: static !important; flex: none; }
.input-group { display: flex; width: 100%; }
.input-group .form-control { border-radius: var(--r-sm) 0 0 var(--r-sm); flex: 1; }
.input-group-btn { width: auto; display: flex; }
.input-group-btn > .btn { border-radius: 0 var(--r-sm) var(--r-sm) 0; margin-left: -1px; }
fieldset { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
legend { border: 0; font-family: var(--head); font-weight: 700; font-size: 18px; color: var(--ink); margin: 0 0 12px; padding: 0; width: auto; }

/* ---------------------------------------------------------------- alerts, tables, panels */
.alert { border: 0; border-radius: var(--r); padding: 14px 18px; font-size: 15px; display: flex; gap: 10px; align-items: flex-start; }
.alert .fa { margin-top: 3px; }
.alert .close { margin-left: auto; opacity: .6; float: none; order: 9; }
.alert-success { background: var(--green-50); color: #0f5129; }
.alert-info { background: #eef4fb; color: #1d3b5a; }
.alert-warning { background: var(--amber-50); color: #6b4600; }
.alert-danger { background: var(--red-50); color: #8c1d18; }
.alert a { color: inherit; font-weight: 700; text-decoration: underline; }
.table { width: 100%; border-collapse: separate; border-spacing: 0; margin-bottom: 20px; background: #fff; }
.table > thead > tr > td, .table > thead > tr > th { border-bottom: 1px solid var(--line) !important; font-family: var(--head); font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); background: var(--bg); }
.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td { border-top: 0; border-bottom: 1px solid var(--line-2); padding: 12px 14px; vertical-align: middle; }
.table-bordered { border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.table-bordered > tbody > tr > td, .table-bordered > thead > tr > td, .table-bordered > tfoot > tr > td { border-left: 0; border-right: 0; }
.table-striped > tbody > tr:nth-of-type(odd) { background: transparent; }
.table-responsive { border: 0; }
.panel { border: 1px solid var(--line); border-radius: var(--r); box-shadow: none; margin-bottom: 16px; overflow: hidden; }
.panel-heading, .panel-default > .panel-heading { background: #fff; border-bottom: 1px solid var(--line); padding: 16px 20px; }
.panel-title { font-family: var(--head); font-weight: 700; font-size: 17px; }
.panel-title a { display: flex; align-items: center; gap: 8px; }
.panel-body { padding: 20px; }
.well { background: var(--bg); border: 0; border-radius: var(--r); box-shadow: none; padding: 22px; }
.list-group { margin: 0; }
.list-group-item { border: 0; border-bottom: 1px solid var(--line-2); padding: 12px 4px; background: none; }
.list-group-item:last-child { border-bottom: 0; }
a.list-group-item:hover { background: none; color: var(--link); }
a.list-group-item.active, a.list-group-item.active:hover { background: none; color: var(--ink); font-weight: 700; }
.nav-tabs { border-bottom: 1px solid var(--line); display: flex; gap: 4px; }
.nav-tabs > li > a { border: 0 !important; border-radius: 0; color: var(--muted); font-weight: 600; padding: 12px 14px; margin: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: var(--ink); background: none; box-shadow: inset 0 -3px 0 var(--orange); }
.img-thumbnail { border: 1px solid var(--line); border-radius: var(--r-sm); padding: 2px; }
.label { border-radius: 999px; padding: 3px 10px; font-weight: 600; }
.pagination { display: flex; gap: 6px; margin: 0; }
.pagination > li > a, .pagination > li > span { border: 1px solid var(--line) !important; border-radius: 999px !important; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 12px; color: var(--ink); background: #fff; margin: 0; }
.pagination > .active > span, .pagination > .active > span:hover { background: var(--graphite); border-color: var(--graphite) !important; color: #fff; }
.pagination > li > a:hover { background: var(--bg); color: var(--ink); }
.breadcrumb { background: none; padding: 0; margin: 0 0 10px; font-size: 14px; display: flex; flex-wrap: wrap; gap: 2px; }
.breadcrumb > li { color: var(--muted); }
.breadcrumb > li a { color: var(--muted); }
.breadcrumb > li a:hover { color: var(--ink); }
.breadcrumb > li + li:before { content: '›'; color: #a3a7a8; padding: 0 6px; }
.breadcrumb > li:last-child a { color: var(--ink); font-weight: 600; pointer-events: none; }

/* ---------------------------------------------------------------- top bar + header */
.izp-topbar { background: var(--graphite); color: #d9dbdb; font-size: 14px; }
.izp-topbar .wrap { display: flex; align-items: center; gap: 6px 22px; min-height: 38px; flex-wrap: wrap; }
.izp-topbar span, .izp-topbar a { display: inline-flex; align-items: center; gap: 7px; color: #d9dbdb; }
.izp-topbar a:hover { color: #fff; }
.izp-topbar .ic { width: 16px; height: 16px; vertical-align: 0; color: var(--orange); }
.izp-topbar .push { margin-left: auto; }
.izp-topbar strong { color: #fff; font-weight: 600; }
.izp-lang { display: flex; gap: 2px; }
.izp-lang button { background: none; border: 0; padding: 4px 6px; border-radius: 6px; color: #b9bcbc; font: inherit; font-weight: 700; font-size: 13px; cursor: pointer; }
.izp-lang button.active, .izp-lang button:hover { color: #fff; background: rgba(255, 255, 255, .1); }

.izp-header { background: #fff; position: sticky; top: 0; z-index: 1000; box-shadow: 0 1px 0 var(--line); }
.izp-header .wrap { display: flex; align-items: center; gap: 12px 24px; min-height: 78px; }
.izp-logo { flex: none; }
.izp-logo img { height: 48px; display: block; }
.izp-burger { display: none; width: 44px; height: 44px; border: 0; border-radius: 12px; background: var(--bg); color: var(--ink); align-items: center; justify-content: center; }
#search { flex: 1 1 auto; display: flex; align-items: center; min-width: 0; height: 52px; background: var(--bg); border: 2px solid transparent; border-radius: 999px; padding: 0 5px 0 18px; transition: border-color .15s, background .15s, box-shadow .15s; }
#search:focus-within { background: #fff; border-color: var(--ink); box-shadow: 0 0 0 4px rgba(238, 105, 12, .18); }
#search .ic { color: var(--muted); }
#search input[name=search] { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; padding: 0 12px; font-size: 17px; outline: 0; box-shadow: none; }
#search button { min-height: 42px; padding: 0 22px; }
.izp-actions { display: flex; align-items: center; gap: 4px; flex: none; }
.izp-act { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; min-width: 64px; padding: 6px 8px; border-radius: 12px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
.izp-act .ic { width: 24px; height: 24px; color: var(--ink); }
.izp-act:hover { background: var(--bg); color: var(--ink); }

#cart { position: relative; margin-left: 6px; }
#cart > button {
  display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 18px 0 14px; border: 0; border-radius: 999px;
  background: var(--graphite); color: #fff; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; box-shadow: var(--shadow-sm);
}
#cart > button:hover { background: #1d2022; }
#cart > button .fa { display: none; }
#cart > button:before { content: ''; width: 22px; height: 22px; flex: none; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center / contain no-repeat; }
#cart .dropdown-menu { right: 0; left: auto; width: min(400px, calc(100vw - 32px)); margin-top: 10px; padding: 0; border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); overflow: hidden; }
.izp-mini { display: flex; flex-direction: column; }
.izp-mini-items { max-height: 340px; overflow: auto; padding: 8px 0; }
.izp-mini-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto 36px; gap: 12px; align-items: center; padding: 10px 18px; }
.izp-mini-item img { width: 56px; height: 44px; object-fit: contain; }
.izp-mini-item a { font-weight: 600; font-size: 14px; line-height: 1.3; display: block; }
.izp-mini-item .meta { font-size: 13px; }
.izp-mini-item strong { font-family: var(--head); white-space: nowrap; }
.izp-mini-item .rm { width: 36px; height: 36px; border: 0; border-radius: 10px; background: none; color: var(--muted); cursor: pointer; }
.izp-mini-item .rm:hover { background: var(--red-50); color: var(--red); }
.izp-mini-foot { border-top: 1px solid var(--line); padding: 14px 18px 18px; background: var(--bg); }
.izp-mini-foot .tot { display: flex; justify-content: space-between; font-size: 15px; padding: 2px 0; }
.izp-mini-foot .tot.grand { font-family: var(--head); font-weight: 800; font-size: 18px; margin-top: 4px; }
.izp-mini-foot .acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.izp-mini-empty { padding: 28px 22px; text-align: center; color: var(--muted); }

/* ---------------------------------------------------------------- category nav + mobile drawer */
.izp-nav { background: #fff; border-bottom: 1px solid var(--line); }
.izp-nav .wrap { display: flex; align-items: center; gap: 0; }
.izp-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 2px; }
.izp-nav li a { display: block; padding: 12px 12px; font-weight: 600; font-size: 15px; color: var(--ink-2); border-radius: 10px; }
.izp-nav li a:hover { color: var(--ink); background: var(--bg); }
.izp-nav li a.sale { color: var(--link); }
.izp-nav .drawer-head, .izp-nav .drawer-extra { display: none; }
.izp-scrim { display: none; }

/* ---------------------------------------------------------------- Mans auto */
.izp-carbar { background: linear-gradient(180deg, #fff 0, var(--orange-50) 100%); border-bottom: 1px solid #f6dcc8; }
.izp-carbar form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding-top: 14px; padding-bottom: 14px; }
.izp-carbar .lbl { display: inline-flex; align-items: center; gap: 10px; font-family: var(--head); font-weight: 800; font-size: 17px; margin-right: 6px; }
.izp-carbar .lbl .ic { width: 28px; height: 28px; color: var(--orange); }
.izp-carbar .lbl small { display: block; font-family: var(--body); font-weight: 400; font-size: 13px; color: var(--muted); }
.izp-carbar select {
  height: 46px; border-radius: 12px; border: 1px solid var(--field); padding: 0 34px 0 14px; color: var(--ink); background-color: #fff;
  min-width: 140px; flex: 1 1 140px; max-width: 230px; font-size: 15px; font-weight: 600; appearance: none; -webkit-appearance: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23474d50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
}
.izp-carbar select:focus { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(238, 105, 12, .25); outline: 0; }
.izp-carbar select:disabled { background-color: #f1f1f0; color: #8b9092; border-color: var(--line); }
.izp-carbar .btn-izp { min-height: 46px; padding: 0 24px; }
.izp-carbar .car-toggle { display: none; }
.izp-carbar .izp-current { font-size: 14px; color: var(--muted); }
.izp-carbar .izp-current a { color: var(--link); }

/* ---------------------------------------------------------------- layout + cards */
.izp-page { display: flex; flex-wrap: wrap; gap: 24px; padding-top: 28px; padding-bottom: 56px; align-items: flex-start; }
.izp-side { flex: 1 1 260px; max-width: 100%; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 100px; }
.izp-main { flex: 999 1 640px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); }
.box-pad { padding: 26px; }
.box-title { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 18px; }
.box-title h1, .box-title h2 { margin: 0; font-size: 26px; font-weight: 800; }
.box-title span { color: var(--muted); }

.izp-cats { padding: 10px; }
.izp-cats .ttl { font-family: var(--head); font-weight: 700; padding: 8px 12px 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.izp-cats a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 10px; font-weight: 600; color: var(--ink-2); }
.izp-cats a:hover { background: var(--bg); color: var(--ink); }
.izp-cats a span + span { font-weight: 600; font-size: 12px; color: var(--muted); background: var(--bg); border-radius: 999px; padding: 1px 8px; }

.izp-workshop { position: relative; overflow: hidden; padding: 24px; background: var(--graphite); border-color: var(--graphite); color: #e3e5e5; }
.izp-workshop:after { content: ''; position: absolute; right: -40px; top: -40px; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, rgba(238, 105, 12, .35), transparent 70%); }
.izp-workshop h2 { color: #fff; font-size: 21px; font-weight: 800; margin: 0 0 8px; }
.izp-workshop p { margin: 0 0 16px; font-size: 15px; color: #cfd2d2; }
.izp-workshop .btn-izp { width: 100%; }
.izp-workshop small { display: block; margin-top: 14px; font-size: 14px; color: #b9bcbc; }
.izp-workshop small a { color: #ffb07a !important; font-weight: 700; }

/* Hero (sākumlapa) */
.izp-hero { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; align-items: stretch; }
.izp-hero .intro { padding: 30px; display: flex; flex-direction: column; justify-content: center; gap: 14px; background: #fff; }
.izp-hero h1 { font-size: 34px; margin: 0; }
.izp-hero h1 em { font-style: normal; color: var(--orange); }
.izp-hero .intro p { font-size: 17px; color: var(--ink-2); margin: 0; }
.izp-hero .points { list-style: none; margin: 4px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px 18px; }
.izp-hero .points li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; }
.izp-hero .points .ic { color: var(--green); margin-top: 2px; }
.izp-hero .cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }

.izp-makes { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.izp-makes a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; font-family: var(--head); font-weight: 700; font-size: 15px; transition: border-color .15s, box-shadow .15s, transform .15s; }
.izp-makes a span { color: var(--muted); font-family: var(--body); font-weight: 600; font-size: 12px; background: var(--bg); border-radius: 999px; padding: 1px 8px; }
.izp-makes a:hover { border-color: var(--ink); box-shadow: var(--shadow); color: var(--ink); transform: translateY(-1px); }

/* ---------------------------------------------------------------- product rows */
.izp-list { padding: 6px 0; overflow: hidden; }
.izp-list-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 18px 24px; }
.izp-list-head h1, .izp-list-head h2 { margin: 0; font-size: 23px; font-weight: 800; }
.izp-chips { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; }
.izp-chips a { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--field); font-weight: 600; color: var(--ink-2); background: #fff; }
.izp-chips a:hover { border-color: var(--ink); color: var(--ink); }
.izp-chips a.active { background: var(--graphite); border-color: var(--graphite); color: #fff; }
.izp-row { display: grid; grid-template-columns: 112px minmax(0, 1fr) 170px 120px auto; align-items: center; gap: 20px; padding: 16px 24px; border-top: 1px solid var(--line-2); transition: background .15s; }
.izp-row:hover { background: #fcfcfb; }
.izp-row .thumb { width: 112px; height: 84px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--line-2); border-radius: 12px; overflow: hidden; }
.izp-row .thumb img { max-height: 76px; max-width: 100px; object-fit: contain; }
.izp-row h3 { margin: 0 0 4px; font-family: var(--body); font-size: 17px; font-weight: 700; line-height: 1.3; }
.izp-row h3 a:hover { color: var(--link); }
.izp-row .meta { font-size: 14px; }
.izp-row .stock { font-size: 14px; line-height: 1.35; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.stock-in, .stock-order { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13px; border-radius: 999px; padding: 3px 10px; }
.stock-in { color: var(--green); background: var(--green-50); }
.stock-order { color: var(--amber); background: var(--amber-50); }
.izp-row .price { text-align: right; font-family: var(--head); font-size: 22px; font-weight: 800; white-space: nowrap; }
.price-old { display: block; font-size: 13px; color: var(--muted); text-decoration: line-through; font-weight: 500; }
.izp-row .act .btn-izp { min-height: 44px; }
.izp-empty { padding: 32px 24px; color: var(--muted); font-size: 16px; }
.izp-pager { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 18px 24px; border-top: 1px solid var(--line-2); font-size: 14px; color: var(--muted); }

/* Info tiles */
.izp-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.izp-tiles .box { padding: 22px; display: flex; gap: 14px; align-items: flex-start; }
.izp-tiles .ico { flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--orange-50); color: var(--orange); display: flex; align-items: center; justify-content: center; }
.izp-tiles strong { font-family: var(--head); display: block; margin-bottom: 4px; font-size: 16px; }
.izp-tiles div div { font-size: 15px; color: var(--ink-2); }

/* ---------------------------------------------------------------- product page */
.izp-product { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.izp-product .gallery { padding: 24px; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 100px; }
.izp-product .gallery .main { display: flex; align-items: center; justify-content: center; min-height: 360px; border-radius: 12px; background: #fff; }
.izp-product .gallery .main img { max-height: 460px; object-fit: contain; }
.izp-product .gallery .thumbs { display: flex; flex-wrap: wrap; gap: 10px; }
.izp-product .gallery .thumbs img { width: 76px; height: 76px; object-fit: contain; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.izp-product .buy { padding: 30px; display: flex; flex-direction: column; gap: 18px; }
.izp-product h1 { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.15; }
.izp-product .sku { color: var(--muted); font-size: 15px; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.izp-product .sku strong { color: var(--ink); }
.izp-product .bigprice { font-family: var(--head); font-size: 40px; font-weight: 800; line-height: 1; }
.izp-product .bigprice small { font-family: var(--body); font-size: 14px; font-weight: 400; color: var(--muted); margin-left: 6px; }
.izp-qty { display: inline-flex; align-items: center; border: 1px solid var(--field); border-radius: 999px; overflow: hidden; background: #fff; }
.izp-qty button { width: 44px; height: 50px; border: 0; background: none; font-size: 20px; font-weight: 700; color: var(--ink); cursor: pointer; }
.izp-qty button:hover { background: var(--bg); }
.izp-qty input { width: 52px; height: 50px; border: 0; text-align: center; font: inherit; font-size: 18px; font-weight: 700; }
.izp-product .qty { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.izp-product .qty .btn-izp { min-height: 52px; padding: 0 32px; font-size: 17px; flex: 1 1 200px; }
.izp-ship-list { list-style: none; margin: 0; padding: 6px 0; border-top: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); display: flex; flex-direction: column; font-size: 15px; }
.izp-ship-list li { display: flex; align-items: center; gap: 12px; padding: 9px 0; }
.izp-ship-list li .ic { color: var(--green); }
.izp-ship-list li b { margin-left: auto; font-family: var(--head); }
.izp-ship-list .no { color: var(--muted); }
.izp-ship-list .no .ic { color: #a3a7a8; }
.izp-help { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 12px; background: var(--bg); font-size: 15px; }
.izp-help .ic { color: var(--orange); width: 24px; height: 24px; }
.izp-help a { font-weight: 700; color: var(--ink); text-decoration: underline; }
.izp-fit { padding: 26px; }
.izp-fit h2 { margin: 0 0 16px; }
.izp-fit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.izp-fit-grid .car { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; }
.izp-fit-grid .car strong { font-family: var(--head); font-size: 16px; display: flex; align-items: center; gap: 8px; }
.izp-fit-grid .car strong .ic { color: var(--orange); }
.izp-fit-grid .car ul { margin: 8px 0 0; padding: 0 0 0 18px; font-size: 14px; color: var(--ink-2); }
.izp-desc { padding: 26px; }

/* ---------------------------------------------------------------- footer */
.izp-footer { background: var(--graphite); color: #c9cccc; font-size: 15px; margin-top: 0; }
.izp-footer a { color: #e6e8e8; }
.izp-footer a:hover { color: #ffb07a; }
.izp-footer .cols { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; padding-top: 48px; padding-bottom: 36px; }
.izp-footer h3 { color: #fff; font-size: 16px; font-weight: 700; margin: 0 0 14px; }
.izp-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.izp-footer .brand img { height: 44px; filter: brightness(0) invert(1); opacity: .95; margin-bottom: 14px; }
.izp-footer .brand li { display: flex; gap: 10px; align-items: flex-start; }
.izp-footer .brand .ic { color: var(--orange); width: 18px; height: 18px; margin-top: 2px; }
.izp-footer .legal { border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 18px; padding-bottom: 26px; font-size: 14px; color: #9ea2a3; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }

/* ---------------------------------------------------------------- vecās OpenCart lapas mūsu rāmī */
#content { min-height: 300px; }
body > .container { padding: 28px 20px 56px; margin: 0 auto; width: auto; max-width: var(--wrap); }
body > .container:before, body > .container:after, body > .container > .row:before, body > .container > .row:after { display: none; }
body > .container > .row { margin: 0; display: flex; flex-wrap: wrap; gap: 24px; }
body > .container > .row > [class*=col-] { float: none; padding: 0; width: auto; }
body > .container #column-left, body > .container #column-right { flex: 1 1 240px; }
body > .container #content { flex: 999 1 600px; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 30px; box-shadow: var(--shadow-sm); min-width: 0; }
body > .container #content > h1:first-child, body > .container #content > h2:first-child { margin-top: 0; }
body > .container #column-left .list-group, body > .container #column-right .list-group { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 8px 16px; box-shadow: var(--shadow-sm); }
body > .container .breadcrumb { margin-bottom: 14px; }
body > .container hr { border-color: var(--line-2); }

/* ---------------------------------------------------------------- workshop booking */
.izp-booking { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.izp-booking-info { flex: 1 1 320px; min-width: 0; padding: 28px; }
.izp-booking-info h1 { color: #fff; font-size: 30px; font-weight: 800; margin: 0 0 10px; }
.izp-booking-form { flex: 999 1 560px; min-width: 0; }
.izp-services { list-style: none; margin: 18px 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px 16px; }
.izp-services li:before { content: '✓'; color: var(--orange); font-weight: 700; margin-right: 8px; }
.izp-hours div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.izp-hours strong { color: #fff; }
#booking fieldset { margin: 0 0 24px; }
#booking .fld { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; min-width: 0; }
#booking label { margin: 0; }
#booking input:not([type=checkbox]):not([type=file]), #booking select, #booking textarea {
  width: 100%; min-height: 48px; border: 1px solid var(--field); border-radius: 10px; padding: 10px 14px; font: inherit; color: var(--ink); background: #fff; box-sizing: border-box;
}
#booking textarea { resize: vertical; }
#booking input:focus, #booking select:focus, #booking textarea:focus { outline: 0; border-color: var(--ink); box-shadow: 0 0 0 3px rgba(238, 105, 12, .25); }
#booking [aria-invalid=true] { border-color: var(--red); }
#booking .row2, #booking .row3 { display: grid; gap: 0 14px; }
#booking .row2 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
#booking .row3 { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
#booking small, .izp-booking .meta { color: var(--muted); font-size: 14px; }
#booking .fld-check { flex-direction: row; align-items: flex-start; gap: 10px; }
#booking .fld-check label { font-weight: 400; font-size: 15px; color: var(--ink); }
.fld-err { color: var(--red); font-size: 14px; font-weight: 600; }
.izp-form-error { background: var(--red-50); color: #8c1d18; border-radius: 10px; padding: 12px 16px; margin-bottom: 16px; font-weight: 600; }
.izp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.izp-done { padding: 12px 4px; }
.izp-done h2 { margin: 0 0 8px; font-size: 26px; font-weight: 800; color: var(--green); }

/* ---------------------------------------------------------------- "ielikts grozā" */
.izp-toast { position: fixed; right: 20px; bottom: 20px; z-index: 1100; width: min(420px, calc(100vw - 40px)); background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-lg); padding: 18px 20px; animation: izp-in .2s ease-out; }
.izp-toast .msg { display: flex; gap: 10px; font-size: 15px; margin-bottom: 14px; }
.izp-toast .msg:before { content: '✓'; flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--green); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.izp-toast .msg a { font-weight: 700; text-decoration: underline; }
.izp-toast .acts { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.izp-toast .acts .btn-dark, .izp-toast .acts .btn-izp { min-height: 40px; font-size: 14px; }
.izp-toast .close-t { margin-left: auto; border: 0; background: none; font-size: 24px; line-height: 1; color: var(--muted); width: 40px; height: 40px; border-radius: 10px; cursor: pointer; }
.izp-toast .close-t:hover { background: var(--bg); }
@keyframes izp-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* ---------------------------------------------------------------- cart page */
.izp-cart { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.izp-cart-items { flex: 999 1 600px; min-width: 0; }
.izp-cart-side { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 100px; }
.izp-cart-row { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto 130px 44px; gap: 18px; align-items: center; padding: 18px 24px; border-top: 1px solid var(--line-2); }
.izp-cart-row .thumb { width: 96px; height: 72px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line-2); border-radius: 12px; }
.izp-cart-row .thumb img { max-height: 64px; object-fit: contain; }
.izp-cart-row h3 { margin: 0 0 2px; font-family: var(--body); font-size: 16px; font-weight: 700; line-height: 1.3; }
.izp-cart-row .qty { display: flex; align-items: center; border: 1px solid var(--field); border-radius: 999px; overflow: hidden; }
.izp-cart-row .qty input { width: 44px; height: 42px; border: 0; text-align: center; font: inherit; font-weight: 700; }
.izp-cart-row .qty .step { width: 40px; height: 42px; border: 0; background: none; font-size: 18px; font-weight: 700; color: var(--ink); cursor: pointer; }
.izp-cart-row .qty .step:hover { background: var(--bg); }
.izp-cart-row .sum { text-align: right; display: flex; flex-direction: column; }
.izp-cart-row .sum strong { font-family: var(--head); font-size: 20px; }
.izp-cart-row .sum .meta { font-size: 13px; }
.izp-cart-row .remove { width: 44px; height: 44px; border: 0; background: none; color: var(--muted); border-radius: 12px; cursor: pointer; }
.izp-cart-row .remove:hover { background: var(--red-50); color: var(--red); }
.izp-totals { width: 100%; border-collapse: collapse; font-size: 16px; }
.izp-totals td { padding: 8px 0; border-bottom: 1px solid var(--line-2); }
.izp-totals td + td { text-align: right; font-weight: 600; }
.izp-totals tr.grand td { border-bottom: 0; padding-top: 14px; font-family: var(--head); font-size: 24px; font-weight: 800; }
.izp-cart-extra summary { cursor: pointer; font-weight: 600; }
.izp-cart-extra .panel { border: 0; box-shadow: none; margin: 12px 0 0; }

/* ---------------------------------------------------------------- checkout delivery + Omniva */
.izp-ship-options { display: flex; flex-direction: column; gap: 10px; }
.izp-ship-opt { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--field); border-radius: 14px; cursor: pointer; font-weight: 400; margin: 0; background: #fff; transition: border-color .15s, box-shadow .15s; }
.izp-ship-opt:hover { border-color: var(--ink-2); }
.izp-ship-opt:has(input:checked) { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink), var(--shadow-sm); }
.izp-ship-opt input { width: 20px; height: 20px; margin: 0; accent-color: var(--orange); flex: none; }
.izp-ship-opt .txt { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: 16px; color: var(--ink); }
.izp-ship-opt .txt strong { font-family: var(--head); }
.izp-ship-opt .cost { font-family: var(--head); font-weight: 800; font-size: 18px; white-space: nowrap; color: var(--ink); }
.izp-ship-opt.disabled { cursor: not-allowed; background: var(--bg); opacity: .85; }
.izp-ship-opt.disabled .meta { color: var(--amber); }
.izp-locker { border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; background: var(--bg); display: flex; flex-direction: column; gap: 8px; margin: -4px 0 4px; }
.izp-locker label { font-weight: 700; margin: 0; }
.izp-locker input, .izp-locker select { width: 100%; border: 1px solid var(--field); border-radius: 10px; padding: 10px 12px; font: inherit; background: #fff; }
.izp-locker select optgroup { font-weight: 700; }
.izp-locker select option { font-weight: 400; padding: 4px 2px; }

/* ---------------------------------------------------------------- responsive */
@media (max-width: 1100px) {
  .izp-act span { display: none; }
  .izp-act { min-width: 0; padding: 10px; }
  .izp-topbar .hide-md { display: none; }
}
@media (max-width: 960px) {
  .izp-side { order: 2; position: static; }
  .izp-hero { grid-template-columns: 1fr; }
  .izp-product { grid-template-columns: 1fr; }
  .izp-product .gallery { position: static; }
  .izp-footer .cols { grid-template-columns: 1fr 1fr; }
  .izp-row { grid-template-columns: 96px minmax(0, 1fr) 120px auto; }
  .izp-row .stock { grid-column: 2; grid-row: 2; flex-direction: row; flex-wrap: wrap; align-items: center; }
  .izp-row .thumb { width: 96px; height: 76px; grid-row: span 2; }
}
@media (max-width: 760px) {
  body { font-size: 16px; }
  h1 { font-size: 25px; }
  .izp-topbar .wrap { justify-content: space-between; min-height: 34px; font-size: 13px; }
  .izp-topbar .hide-sm { display: none; }
  .izp-topbar .push { margin-left: 0; }
  .wrap { padding: 0 16px; }
  .izp-header .wrap { flex-wrap: wrap; gap: 10px 8px; min-height: 0; padding-top: 10px; padding-bottom: 12px; }
  .izp-burger { display: inline-flex; }
  .izp-logo img { height: 34px; }
  .izp-actions { margin-left: auto; gap: 0; }
  .izp-act { padding: 8px; }
  .izp-act.hide-sm { display: none; }
  #cart { margin-left: 2px; }
  #cart > button { height: 42px; padding: 0 12px 0 10px; gap: 6px; font-size: 13px; }
  #cart > button:before { width: 19px; height: 19px; }
  #search { order: 9; flex-basis: 100%; height: 48px; }
  #search button { padding: 0 16px; min-height: 38px; }

  .izp-nav { position: fixed; inset: 0 auto 0 0; width: min(340px, 86vw); z-index: 1200; transform: translateX(-102%); transition: transform .25s ease; overflow-y: auto; box-shadow: var(--shadow-lg); border: 0; }
  .izp-nav .wrap { flex-direction: column; align-items: stretch; padding: 0; }
  .izp-nav ul { flex-direction: column; padding: 8px 12px; }
  .izp-nav li a { padding: 13px 12px; font-size: 16px; color: var(--ink); }
  .izp-nav .drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 14px 20px; border-bottom: 1px solid var(--line); font-family: var(--head); font-weight: 800; font-size: 18px; }
  .izp-nav .drawer-head button { width: 44px; height: 44px; border: 0; border-radius: 12px; background: var(--bg); display: inline-flex; align-items: center; justify-content: center; }
  .izp-nav .drawer-extra { display: flex; flex-direction: column; gap: 4px; padding: 14px 24px 24px; border-top: 1px solid var(--line); font-size: 15px; color: var(--ink-2); }
  .izp-nav .drawer-extra a { font-weight: 700; }
  body.izp-drawer-open .izp-nav { transform: none; }
  body.izp-drawer-open .izp-scrim { display: block; position: fixed; inset: 0; background: rgba(20, 24, 26, .45); z-index: 1150; }
  body.izp-drawer-open { overflow: hidden; }

  .izp-carbar form { padding-top: 10px; padding-bottom: 10px; gap: 8px; }
  .izp-carbar .lbl { flex-basis: 100%; font-size: 16px; }
  .izp-carbar .car-toggle { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid #f0cfb6; border-radius: 12px; background: #fff; font: inherit; font-size: 15px; color: var(--ink-2); text-align: left; cursor: pointer; }
  .izp-carbar .car-toggle .ic { color: var(--orange); width: 24px; height: 24px; }
  .izp-carbar .car-toggle b { color: var(--ink); }
  .izp-carbar form:not(.open) .lbl, .izp-carbar form:not(.open) select, .izp-carbar form:not(.open) .btn-izp { display: none; }
  .izp-carbar form.open .car-toggle { display: none; }
  .izp-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -18px; padding: 0 18px; }
  .izp-chips::-webkit-scrollbar { display: none; }
  .izp-chips a { white-space: nowrap; }
  .izp-carbar select { min-width: 0; max-width: none; flex: 1 1 40%; height: 46px; }
  .izp-carbar .btn-izp { flex: 1 1 100%; }

  .izp-page { padding-top: 18px; gap: 18px; }
  .box-pad { padding: 18px; }
  .izp-hero .intro { padding: 22px; }
  .izp-hero h1 { font-size: 26px; }
  .izp-list-head { padding: 16px 18px; }
  .izp-row { grid-template-columns: 84px minmax(0, 1fr); gap: 8px 14px; padding: 16px 18px; }
  .izp-row .thumb { width: 84px; height: 70px; grid-row: span 4; align-self: start; }
  .izp-row .stock, .izp-row .price, .izp-row .act { grid-column: 2; grid-row: auto; }
  .izp-row .price { text-align: left; font-size: 21px; }
  .izp-row .act .btn-izp { width: 100%; }
  .izp-product .buy { padding: 22px; }
  .izp-product .bigprice { font-size: 34px; }
  .izp-footer .cols { grid-template-columns: 1fr; gap: 24px; padding-top: 36px; }
  body > .container #content { padding: 20px; }
  .izp-cart-row { grid-template-columns: 72px minmax(0, 1fr) 44px; padding: 16px 18px; }
  .izp-cart-row .thumb { width: 72px; height: 58px; }
  .izp-cart-row .qty { grid-column: 2; justify-self: start; }
  .izp-cart-row .sum { grid-column: 2; text-align: left; }
  .izp-cart-row .remove { grid-row: 1; grid-column: 3; }
  .izp-cart-side { position: static; }
  .izp-toast { right: 12px; left: 12px; bottom: 12px; width: auto; }
}

/* ---------------------------------------------------------------- pasūtījuma noformēšana (vienā lapā) */
.co-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 20px; }
.co-head h1 { margin: 0; }
.co-head p { margin: 0; color: var(--muted); }
.co-head p a { color: var(--link); font-weight: 700; text-decoration: underline; }
.co-grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 24px; align-items: start; }
.co-main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.co-step h2 { display: flex; align-items: center; gap: 12px; font-size: 21px; margin: 0 0 18px; }
.co-step h2 .n { width: 32px; height: 32px; border-radius: 50%; background: var(--graphite); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; flex: none; }
.co-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.co-step .fld { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; min-width: 0; }
.co-step .fld label { margin: 0; }
.co-step .fld small { font-size: 13px; }
.co-step [aria-invalid=true] { border-color: var(--red); background: #fffafa; }
.co-panel { margin: -2px 0 6px 0; }
.co-address { display: grid; grid-template-columns: 1fr 160px; gap: 0 14px; padding: 18px; border-radius: 14px; background: var(--bg); }
.co-address .wide { grid-column: 1 / -1; }
.co-note { padding: 14px 18px; border-radius: 14px; background: var(--green-50); color: #0f5129; font-size: 15px; }
.co-side { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 16px; }
.co-summary { padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.co-summary h2 { margin: 0; font-size: 21px; }
.co-items { display: flex; flex-direction: column; gap: 12px; max-height: 320px; overflow: auto; }
.co-item { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.co-item .thumb { position: relative; width: 64px; height: 52px; border: 1px solid var(--line-2); border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #fff; }
.co-item .thumb img { max-width: 56px; max-height: 44px; object-fit: contain; }
.co-item .thumb b { position: absolute; top: -8px; right: -8px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--graphite); color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.co-item .nm { font-size: 14px; font-weight: 600; line-height: 1.3; }
.co-item .nm a { display: block; }
.co-item .nm small { display: block; font-weight: 400; }
.co-item strong { font-family: var(--head); white-space: nowrap; }
.co-agree label { font-size: 15px; }
.co-agree a { color: var(--link); text-decoration: underline; }
.co-safe { display: flex; gap: 10px; margin: 0; font-size: 14px; color: var(--muted); }
.co-safe .ic { color: var(--green); flex: none; }
.co-safe a { color: var(--ink); font-weight: 700; }
.co-back { font-size: 14px; color: var(--muted); text-align: center; }
#co-pay { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 20px; }
@media (max-width: 1024px) {
  .co-grid { grid-template-columns: 1fr; }
  .co-side { position: static; }
}
@media (max-width: 600px) {
  .co-fields { grid-template-columns: 1fr; }
  .co-address { grid-template-columns: 1fr; padding: 14px; }
  .co-summary { padding: 18px; }
}

/* ---------------------------------------------------------------- konts, apstiprinājums, kontakti, informācija */
.izp-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; max-width: 960px; width: 100%; margin: 0 auto; align-items: start; }
.izp-auth h1 { font-size: 28px; }
.izp-small-link { display: inline-block; margin-top: 8px; font-size: 14px; color: var(--link); text-decoration: underline; }
.izp-auth-new { background: var(--orange-50); border-color: #f6dcc8; }
.izp-ticks { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.izp-ticks li { display: flex; gap: 10px; align-items: flex-start; }
.izp-ticks .ic { color: var(--green); margin-top: 2px; }
.izp-acc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.izp-acc-grid a { padding: 22px; display: flex; flex-direction: column; gap: 4px; transition: border-color .15s, box-shadow .15s, transform .15s; }
.izp-acc-grid a:hover { border-color: var(--ink); box-shadow: var(--shadow); transform: translateY(-1px); color: var(--ink); }
.izp-acc-grid .ico { width: 44px; height: 44px; border-radius: 12px; background: var(--orange-50); color: var(--orange); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.izp-acc-grid strong { font-family: var(--head); font-size: 17px; }
.izp-accnav { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 8px; display: flex; flex-direction: column; box-shadow: var(--shadow-sm); }
.izp-accnav a { padding: 10px 14px; border-radius: 10px; font-weight: 600; color: var(--ink-2); }
.izp-accnav a:hover { background: var(--bg); color: var(--ink); }
.izp-accnav a.out { color: var(--red); }
.izp-success { max-width: 760px; width: 100%; margin: 0 auto; padding: 44px 36px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.izp-success .big-check { width: 72px; height: 72px; border-radius: 50%; background: var(--green-50); color: var(--green); display: flex; align-items: center; justify-content: center; }
.izp-success .big-check .ic { width: 36px; height: 36px; stroke-width: 2.5; }
.izp-404 .big-check { background: var(--orange-50); color: var(--orange); }
.izp-success h1 { margin: 0; }
.izp-success .msg { color: var(--ink-2); font-size: 17px; }
.izp-success .msg a { color: var(--link); text-decoration: underline; }
.izp-success .next { display: flex; flex-direction: column; gap: 10px; text-align: left; background: var(--bg); border-radius: 14px; padding: 18px 20px; margin: 6px 0 8px; width: 100%; box-sizing: border-box; }
.izp-success .next div { display: flex; gap: 12px; align-items: flex-start; }
.izp-success .next .ic { color: var(--orange); margin-top: 2px; }
.izp-success .next a { font-weight: 700; text-decoration: underline; }
.izp-prose { max-width: 860px; width: 100%; margin: 0 auto; font-size: 17px; line-height: 1.65; }
.izp-prose h2, .izp-prose h3 { margin-top: 28px; }
.izp-prose a { color: var(--link); text-decoration: underline; }
.izp-prose img { border-radius: 12px; height: auto; }
.izp-prose table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.izp-prose td, .izp-prose th { border-bottom: 1px solid var(--line); padding: 8px 10px; text-align: left; }
.izp-contact { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 24px; align-items: start; }
.izp-contact-info ul { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.izp-contact-info li { display: flex; gap: 12px; align-items: flex-start; color: #e3e5e5; }
.izp-contact-info li .ic { color: var(--orange); margin-top: 2px; }
.izp-contact-info a { color: #fff; font-weight: 700; }
.izp-contact-info .izp-hours { margin-bottom: 18px; }
@media (max-width: 860px) {
  .izp-auth, .izp-contact { grid-template-columns: 1fr; }
  .izp-success { padding: 30px 20px; }
}

/* ---------------------------------------------------------------- sīkdatņu piekrišana */
.izp-consent {
  position: fixed; z-index: 1060; left: 16px; bottom: 16px; width: min(520px, calc(100vw - 32px));
  max-height: calc(100vh - 32px); overflow: auto;
  background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-lg);
  box-shadow: var(--shadow-lg); padding: 20px 22px;
}
.izp-consent[hidden] { display: none; }
.izp-consent h2 { margin: 0 0 6px; font-size: 18px; }
.izp-consent p { margin: 0 0 14px; font-size: 15px; color: var(--ink-2); }
.izp-consent p a { color: var(--link); text-decoration: underline; }
.izp-consent .ck-options { display: none; margin: 0 0 14px; border-top: 1px solid var(--line-2); }
.izp-consent.is-settings .ck-options { display: block; }
.izp-consent .ck-opt { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--line-2); font-weight: 400; cursor: pointer; }
.izp-consent .ck-opt input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: var(--orange); }
.izp-consent .ck-opt b { font-size: 15px; }
.izp-consent .ck-opt em { font-style: normal; font-size: 12px; color: var(--green); margin-left: 6px; }
.izp-consent .ck-opt small { display: block; font-size: 13px; color: var(--muted); line-height: 1.4; }
.izp-consent .ck-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.izp-consent .ck-actions .btn { flex: 1 1 auto; margin: 0; }
.izp-consent .ck-save { display: none; }
.izp-consent.is-settings .ck-save { display: inline-flex; }
.izp-consent.is-settings .ck-to-settings { display: none; }
.izp-footer .legal a[data-ck-open] { color: inherit; text-decoration: underline; }
@media (max-width: 575px) {
  .izp-consent { left: 8px; right: 8px; bottom: 8px; width: auto; padding: 16px; }
  .izp-consent .ck-actions .btn { flex: 1 1 40%; padding: 0 12px; }
  .izp-consent .ck-actions .btn-izp { flex-basis: 100%; }
}