:root {
  --navy: #0b1f35;
  --blue: #1565c0;
  --red: #e32636;
  --ink: #17212b;
  --muted: #687484;
  --line: #e3e8ed;
  --bg: #f5f7f9;
  --white: #fff;
  --radius: 16px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  color: var(--ink);
  font-family:
    Inter,
    Segoe UI,
    Arial,
    sans-serif;
  background: var(--bg);
}
a {
  color: inherit;
  text-decoration: none;
}
.container {
  width: min(1240px, calc(100% - 40px));
  margin: auto;
}
.topbar {
  height: 78px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 1000;
}
.nav {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: auto;
  font-weight: 800;
  color: var(--navy);
}
.brand img {
  width: 210px;
  height: 77px;
  object-fit: contain;
  object-position: center;
}
.brand span {
  border-left: 1px solid var(--line);
  padding-left: 12px;
}
.nav nav {
  display: flex;
  gap: 28px;
  font-weight: 600;
  font-size: 14px;
}
.nav nav a:hover {
  color: var(--red);
}
.languages {
  display: flex;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 3px;
}
.languages a {
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 7px;
}
.languages a.active {
  background: var(--navy);
  color: #fff;
}
.cart-link {display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:var(--navy)}
.cart-link b {display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:20px;background:var(--red);color:#fff}
.hero {
  background: linear-gradient(120deg, #07192b, #123e67);
  color: #fff;
  overflow: hidden;
}
.hero-inner {
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: radial-gradient(circle at 80% 50%, #1769aa55, transparent 35%);
}
.eyebrow {
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 800;
  color: #4c9be8;
}
.hero h1,
.detail h1,
.page-content h1 {
  font-size: clamp(34px, 5vw, 58px);
  margin: 12px 0;
}
.hero p {
  color: #bdd0e3;
  font-size: 18px;
}
.hero-stat {
  display: grid;
  text-align: right;
}
.hero-stat strong {
  font-size: 64px;
}
.hero-stat span {
  color: #bdd0e3;
}
.home-main {
  background: #f4f6f8;
  overflow: visible;
}
.home-hero {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  background: #071827;
  color: #fff;
}
.home-hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .88;
}
.home-hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4,17,29,.98) 0%, rgba(4,20,34,.88) 35%, rgba(4,18,31,.28) 70%, rgba(4,18,31,.56) 100%),
    linear-gradient(0deg, rgba(3,15,26,.92) 0%, transparent 42%);
}
.home-hero-inner {
  position: relative;
  z-index: 1;
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 30px 0 78px;
}
.home-hero-copy {
  width: min(690px, 62%);
}
.home-eyebrow,
.section-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #ed2638;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.1px;
}
.home-eyebrow i {
  width: 28px;
  height: 2px;
  background: currentColor;
}
.home-hero h1 {
  max-width: 660px;
  margin: 18px 0 20px;
  font-size: clamp(46px, 4.7vw, 70px);
  line-height: 1.02;
  letter-spacing: -2.8px;
}
.home-hero-copy > p {
  max-width: 580px;
  margin: 0;
  color: #c4ced8;
  font-size: 18px;
  line-height: 1.7;
}
.home-hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
.home-primary,
.home-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 900;
  transition: .2s ease;
}
.home-primary {
  background: var(--red);
  color: #fff;
  box-shadow: 0 10px 25px rgba(227,38,54,.22);
}
.home-primary:hover {
  background: #c91627;
  transform: translateY(-2px);
}
.home-secondary {
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
  background: rgba(7,23,38,.22);
  backdrop-filter: blur(8px);
}
.home-secondary:hover {
  border-color: #fff;
  background: rgba(255,255,255,.08);
}
.home-metrics {
  position: absolute;
  right: 0;
  bottom: 78px;
  display: grid;
  grid-template-columns: repeat(3, minmax(115px, 1fr));
  width: min(450px, 42%);
  border-top: 1px solid rgba(255,255,255,.25);
  padding-top: 19px;
}
.home-metrics > div {
  display: grid;
  gap: 5px;
  padding: 0 23px;
  border-left: 1px solid rgba(255,255,255,.18);
}
.home-metrics > div:first-child {
  padding-left: 0;
  border-left: 0;
}
.home-metrics strong {
  font-size: 27px;
  letter-spacing: -.8px;
}
.home-metrics span {
  color: #9bacba;
  font-size: 11px;
  font-weight: 700;
}
.home-search-shell {
  position: relative;
  z-index: 10;
  margin-top: -49px;
}
.home-search-panel {
  position: relative;
  min-height: 98px;
  grid-template-columns: minmax(300px, 2fr) minmax(190px, 1fr) minmax(190px, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 20px 22px 27px;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 20px 55px rgba(11,31,53,.16);
}
.home-search-panel input,
.home-search-panel select {
  min-height: 54px;
  border-radius: 7px;
  border-color: #dce2e8;
}
.home-search-panel .search svg {
  position: absolute;
  left: 17px;
  top: 16px;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #778491;
  stroke-width: 1.7;
}
.home-search-panel .search input {
  padding-left: 50px;
}
.search-autocomplete {
  position: relative;
  min-width: 0;
}
.search-autocomplete .search {
  display: block;
}
.search-suggestions {
  position: absolute;
  z-index: 40;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  max-height: 404px;
  overflow-y: auto;
  padding: 7px;
  border: 1px solid #dce3e9;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(7,31,54,.2);
}
.search-suggestions[hidden] {display:none}
.search-suggestion {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 7px 10px;
  border-radius: 8px;
  color: var(--navy);
}
.search-suggestion:hover,
.search-suggestion.is-active {
  background: #f2f5f7;
}
.search-suggestion img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  border: 1px solid #edf0f2;
  border-radius: 7px;
  background: #fff;
}
.search-suggestion-copy {
  display: grid;
  min-width: 0;
  gap: 4px;
}
.search-suggestion-copy strong {
  overflow: hidden;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-suggestion-copy small {
  color: #758392;
  font-size: 10px;
}
.search-suggestion em {
  color: #b5464e;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}
.search-suggestion em.is-in-stock {color:#16875b}
.search-suggestion-empty {
  padding: 17px 14px;
  color: #758392;
  font-size: 12px;
  text-align: center;
}
.home-search-panel button {
  min-height: 54px;
  border-radius: 7px;
  padding: 0 35px;
}
.search-hint {
  position: absolute;
  left: 25px;
  bottom: 5px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #8994a0;
  font-size: 10px;
}
.search-hint span {
  color: var(--red);
  font-size: 15px;
  font-weight: 900;
}
.home-section {
  padding: 74px 0 70px;
}
.home-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 25px;
}
.home-section-head h2,
.home-resultbar h2 {
  margin: 9px 0 8px;
  color: var(--navy);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.12;
  letter-spacing: -1.2px;
}
.home-section-head p,
.home-resultbar p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}
.home-section-head > a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 8px;
  color: var(--navy);
  font-size: 12px;
  font-weight: 900;
}
.home-section-head > a span {
  color: var(--red);
  font-size: 18px;
}
.category-showcase {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.category-tile {
  position: relative;
  min-height: 285px;
  overflow: hidden;
  border-radius: 8px;
  background: #0d2135;
  color: #fff;
}
.category-tile img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
  background: #e9edf0;
  transition: transform .5s ease;
}
.category-tile-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(4,18,31,.94) 0%, rgba(5,20,34,.1) 72%);
}
.category-tile-copy {
  position: absolute;
  left: 20px;
  right: 56px;
  bottom: 20px;
  display: grid;
  gap: 6px;
}
.category-tile-copy strong {
  font-size: 18px;
  line-height: 1.25;
}
.category-tile-copy small {
  color: #b6c2cc;
}
.category-tile > i {
  position: absolute;
  right: 17px;
  bottom: 17px;
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 50%;
  font-style: normal;
}
.category-tile:hover img {
  transform: scale(1.05);
}
.category-tile:hover > i {
  border-color: var(--red);
  background: var(--red);
}
.all-categories-panel {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #dce3e9;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(11,31,53,.06);
}
.all-categories-panel summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 0 20px;
  color: var(--navy);
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}
.all-categories-panel summary::-webkit-details-marker {
  display: none;
}
.all-categories-panel summary i {
  color: var(--red);
  font-size: 21px;
  font-style: normal;
  transition: transform .2s ease;
}
.all-categories-panel[open] summary i {
  transform: rotate(45deg);
}
.all-category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  border-top: 1px solid #e7ebef;
  background: #e7ebef;
}
.all-category-grid a {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: 82px;
  padding: 17px 44px 17px 18px;
  background: #fff;
  transition: .18s ease;
}
.all-category-grid a:hover {
  z-index: 1;
  background: #f8fafb;
  box-shadow: inset 3px 0 0 var(--red);
}
.all-category-grid a span {
  color: var(--navy);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}
.all-category-grid a small {
  color: #87929d;
  font-size: 10px;
}
.all-category-grid a i {
  position: absolute;
  right: 17px;
  top: 50%;
  color: var(--red);
  font-style: normal;
  transform: translateY(-50%);
}
.trust-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 16px;
  border: 1px solid #dde3e8;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(11,31,53,.05);
}
.trust-item {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 94px;
  padding: 18px 20px;
  border-left: 1px solid #e7ebef;
}
.trust-item:first-child {
  border-left: 0;
}
.trust-item > span {
  display: grid;
  place-items: center;
  min-width: 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff1f2;
  color: var(--red);
}
.trust-item svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.trust-item div {
  display: grid;
  gap: 4px;
}
.trust-item strong {
  color: var(--navy);
  font-size: 12px;
}
.trust-item small {
  color: #84909b;
  font-size: 10px;
  line-height: 1.4;
}
.home-products {
  width: 100%;
  padding-top: 72px;
  scroll-margin-top: 112px;
}
.home-resultbar {
  align-items: end;
  margin-top: 0;
}
.home-resultbar > div {
  max-width: 620px;
}
.home-resultbar > span {
  padding-bottom: 8px;
  font-size: 13px;
}
.catalog {
  padding: 36px 0 70px;
}
.filters {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr auto;
  gap: 12px;
  background: #fff;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: 0 12px 35px #0b1f350c;
}
.filters input,
.filters select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px;
  background: #fff;
  font: inherit;
  outline: none;
}
.search {
  position: relative;
}
.search span {
  position: absolute;
  left: 15px;
  top: 9px;
  font-size: 25px;
  color: var(--muted);
}
.search input {
  padding-left: 46px;
}
.filters button,
.primary {
  border: 0;
  border-radius: 10px;
  padding: 0 26px;
  background: var(--red);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.resultbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin: 34px 0 18px;
}
.resultbar h2 {
  margin: 0;
  font-size: 28px;
}
.resultbar span {
  color: var(--muted);
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.product-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  transition: 0.2s;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 35px #0b1f3518;
  border-color: #c9d5df;
}
.image-wrap {
  display: grid;
  place-items: center;
  height: 220px;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #f0f2f4;
}
.image-wrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.product-content {
  padding: 18px;
}
.meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.stock {
  color: #a64b53;
}
.stock.ok {
  color: #1d8c61;
}
.product-card h3 {
  font-size: 15px;
  line-height: 1.5;
  height: 46px;
  margin: 13px 0 20px;
  overflow: hidden;
}
.product-foot {
  display: flex;
  justify-content: space-between;
  align-items: end;
  border-top: 1px solid var(--line);
  padding-top: 15px;
}
.product-foot small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
}
.product-foot strong {
  font-size: 14px;
}
.arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--navy);
  color: #fff;
}
.pagination-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 42px;
  padding: 14px 16px 14px 20px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(7, 31, 54, .07);
}
.pagination-status {display:flex;align-items:baseline;gap:7px;white-space:nowrap;color:var(--muted);font-size:13px}
.pagination-status strong {color:var(--navy);font-size:14px}
.pagination {display:flex;align-items:center;justify-content:flex-end;gap:7px}
.page-numbers {display:flex;align-items:center;gap:6px;padding:0 4px}
.pagination a {
  min-width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 13px;
  color: var(--navy);
  background: #f7f9fb;
  border: 1px solid #e1e7ed;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  transition: .18s ease;
}
.pagination a:hover {color:#fff;background:#173550;border-color:#173550;transform:translateY(-1px)}
.pagination a.active {background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 7px 16px rgba(5,31,55,.2)}
.pagination .page-control span {font-size:20px;line-height:1}
.empty,
.page-content {
  background: #fff;
  padding: 50px;
  border-radius: var(--radius);
}
footer {
  background: var(--navy);
  color: #fff;
  padding: 48px 0;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.footer-grid p {
  color: #9fb3c8;
}
.detail {
  padding: 35px 0 80px;
}
.back {
  display: inline-block;
  margin-bottom: 25px;
  color: var(--muted);
}
.detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 45px;
}
.detail-image {
  display: grid;
  place-items: center;
  min-height: 480px;
}
.detail-image img {
  max-width: 100%;
  max-height: 450px;
  object-fit: contain;
}
.detail-info {
  padding: 25px 0;
}
.detail-info h1 {
  font-size: 38px;
}
.code-box {
  background: var(--bg);
  padding: 18px 22px;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  margin: 25px 0;
}
.detail-info dl div {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}
.detail-info dt {
  color: var(--muted);
}
.detail-info dd {
  font-weight: 700;
}
.description {
  line-height: 1.7;
  margin: 24px 0;
}
.primary {
  display: inline-block;
  padding: 15px 28px;
}
.quick-add {display:grid;grid-template-columns:140px 64px;justify-content:end;gap:9px;margin-top:15px}
.quick-add input,.detail-add input,.cart-row input,.quote-box input,.quote-box textarea {border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit;width:100%}
.quick-add button,.secondary,.excel-btn,.whatsapp-btn {border:0;border-radius:9px;padding:11px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer;text-align:center}
.quick-add input{height:52px;font-size:20px;font-weight:800;text-align:center}.cart-icon-btn{position:relative;display:grid!important;place-items:center;min-width:58px;height:52px;padding:10px!important}.cart-icon-btn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-icon-btn:disabled{opacity:.72}.added-check{position:absolute;display:none;font-size:26px}.cart-icon-btn.is-added{background:#198754}.cart-icon-btn.is-added svg{display:none}.cart-icon-btn.is-added .added-check{display:block}.cart-icon-btn.is-error{background:#b42318;animation:cart-shake .25s linear 2}@keyframes cart-shake{50%{transform:translateX(3px)}}
.detail-add {display:flex;align-items:end;gap:12px;margin-top:25px}.detail-add label{display:grid;gap:7px}.detail-add input{width:135px;height:54px;font-size:20px;font-weight:800;text-align:center}.detail-add .primary{border:0;cursor:pointer}
.cart-page {padding:45px 0 80px}.cart-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.cart-title h1{font-size:42px;margin:8px 0}.cart-title>a{color:var(--blue);font-weight:800}
.cart-table{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 16px 44px #0b1f350d}.cart-row{display:grid;grid-template-columns:75px minmax(260px,1fr) 150px 110px 190px;gap:16px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line);transition:.2s}.cart-row:not(.cart-head):hover{background:#f9fbfd}.cart-row:last-child{border:0}.cart-row img{width:62px;height:62px;object-fit:contain;background:#fff;border:1px solid #eef1f4;border-radius:10px}.cart-head{background:linear-gradient(120deg,#0b1f35,#163f64);color:#fff;font-size:12px;font-weight:800;text-transform:uppercase}.row-actions{display:flex;justify-content:flex-end;gap:8px}.row-update-btn,.trash-btn{border:0;border-radius:10px;height:42px;font-weight:800;cursor:pointer;transition:.18s}.row-update-btn{padding:0 15px;background:var(--navy);color:#fff}.row-update-btn:hover{background:#174e7a}.trash-btn{display:grid;place-items:center;width:44px;background:#fff0ef;color:#b42318}.trash-btn:hover{background:#b42318;color:#fff}.trash-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cart-actions{display:flex;justify-content:flex-end;margin:18px 0 12px}.excel-btn{background:#198754;padding:13px 18px!important;box-shadow:0 8px 20px #19875425}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:13px 19px;background:#25d366;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}.whatsapp-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.whatsapp-security{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0 0 36px;padding:14px 16px;background:#ecfbf2;border:1px solid #c9f0d8;border-radius:14px}.whatsapp-security label,.quote-box .captcha-box label{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:700}.whatsapp-security strong,.captcha-box strong{padding:8px 10px;border-radius:8px;background:#fff;color:var(--navy);font-size:15px}.whatsapp-security input,.captcha-box input{width:82px;height:44px;border:1px solid #cad4de;border-radius:9px;padding:8px;font:inherit;font-size:17px;font-weight:800;text-align:center}.captcha-box{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:18px;border-top:1px solid var(--line)}.bot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.form-error{padding:16px 20px;margin-bottom:20px;border-radius:12px;background:#fde8e7;color:#b42318;font-weight:800}.quote-box{background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 16px 44px #0b1f350b}.quote-box h2{margin:0 0 24px;color:var(--navy);font-size:26px}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.quote-box label{display:grid;gap:7px;font-weight:700}.quote-box textarea{resize:vertical;margin-bottom:16px}.quote-box .primary{border:0;border-radius:11px;cursor:pointer;min-height:46px}.success{padding:16px 20px;margin-bottom:20px;border-radius:12px;background:#e6f6ed;color:#146c43;font-weight:800}.cart-empty{text-align:center;padding:70px}.cart-empty .primary{margin-top:20px}
.page-content {
  margin-top: 45px;
  margin-bottom: 70px;
}
.richtext {
  line-height: 1.8;
  color: #495664;
}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 38px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
}
.contact-details {
  display: grid;
  gap: 12px;
}
.contact-details > a,
.contact-details > div {
  display: grid;
  gap: 5px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.contact-details span {
  color: var(--muted);
  line-height: 1.5;
}
.social-links {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
}
.social-links a {
  color: var(--blue);
  font-weight: 700;
}
.contact-map {
  min-height: 300px;
  border-radius: 14px;
  overflow: hidden;
  background: var(--bg);
  display: grid;
  place-items: center;
}
.contact-map iframe {
  width: 100%;
  height: 100%;
  min-height: 300px;
  border: 0;
}
.map-link {
  color: var(--blue);
  font-weight: 800;
}
@media (max-width: 900px) {
  .home-hero,
  .home-hero-inner {
    min-height: 470px;
  }
  .home-hero-inner {
    align-items: start;
    padding-top: 95px;
  }
  .home-hero-copy {
    width: min(720px, 90%);
  }
  .home-hero-shade {
    background: linear-gradient(90deg, rgba(4,17,29,.96), rgba(4,18,31,.58)), linear-gradient(0deg, rgba(3,15,26,.92), transparent 55%);
  }
  .home-metrics {
    left: 0;
    right: auto;
    width: min(520px, 80%);
  }
  .home-search-panel {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 25px;
  }
  .home-search-panel .search-autocomplete,
  .home-search-panel button {
    grid-column: span 2;
  }
  .home-search-panel button {
    min-height: 48px;
  }
  .search-hint {
    display: none;
  }
  .category-showcase {
    grid-template-columns: repeat(2, 1fr);
  }
  .all-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .category-tile {
    min-height: 260px;
  }
  .trust-strip {
    grid-template-columns: repeat(2, 1fr);
  }
  .trust-item:nth-child(3) {
    border-left: 0;
  }
  .trust-item:nth-child(n+3) {
    border-top: 1px solid #e7ebef;
  }
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .filters {
    grid-template-columns: 1fr 1fr;
  }
  .nav nav {
    display: none;
  }
  .cart-row{grid-template-columns:60px 1fr 120px}.cart-head{display:none}.cart-row code{grid-column:2}.cart-row input{grid-column:3;grid-row:1}.row-actions{grid-column:2/4;grid-row:2;justify-content:flex-end}.quote-grid{grid-template-columns:1fr}
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .hero-stat {
    display: none;
  }
}
@media (max-width: 560px) {
  .container {
    width: min(100% - 24px, 1240px);
  }
  .brand img {
    width: 145px;
    height: 53px;
  }
  .brand span {
    display: none;
  }
  .home-hero,
  .home-hero-inner {
    min-height: 520px;
  }
  .home-hero-image {
    object-position: 62% center;
  }
  .home-hero-shade {
    background: linear-gradient(90deg, rgba(4,17,29,.97), rgba(4,18,31,.6)), linear-gradient(0deg, rgba(3,15,26,.95), transparent 50%);
  }
  .home-hero-inner {
    padding: 74px 0 145px;
  }
  .home-hero-copy {
    width: 100%;
  }
  .home-eyebrow {
    font-size: 9px;
    letter-spacing: 1.5px;
  }
  .home-hero h1 {
    margin-top: 16px;
    font-size: 44px;
    letter-spacing: -1.8px;
  }
  .home-hero-copy > p {
    font-size: 15px;
  }
  .home-hero-actions {
    align-items: stretch;
    flex-direction: column;
    max-width: 240px;
  }
  .home-metrics {
    bottom: 66px;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
  }
  .home-metrics > div {
    padding: 0 10px;
  }
  .home-metrics strong {
    font-size: 20px;
  }
  .home-metrics span {
    font-size: 9px;
  }
  .home-search-shell {
    margin-top: -36px;
  }
  .home-search-panel,
  .filters {
    grid-template-columns: 1fr;
  }
  .home-search-panel {
    padding: 13px;
  }
  .home-search-panel .search-autocomplete,
  .home-search-panel button {
    grid-column: auto;
  }
  .home-section {
    padding: 55px 0 48px;
  }
  .home-section-head {
    align-items: start;
    flex-direction: column;
    gap: 10px;
  }
  .category-showcase {
    grid-template-columns: 1fr;
  }
  .all-category-grid {
    grid-template-columns: 1fr;
  }
  .category-tile {
    min-height: 240px;
  }
  .trust-strip {
    grid-template-columns: 1fr;
  }
  .trust-item,
  .trust-item:nth-child(3) {
    border-left: 0;
    border-top: 1px solid #e7ebef;
  }
  .trust-item:first-child {
    border-top: 0;
  }
  .home-products {
    padding-top: 52px;
  }
  .home-resultbar {
    align-items: start;
    flex-direction: column;
    gap: 10px;
  }
  .filters button {
    height: 48px;
  }
  .product-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .image-wrap {
    height: 160px;
  }
  .product-content {
    padding: 13px;
  }
  .detail-grid {
    padding: 20px;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .languages a {
    padding: 6px;
  }
  .cart-link{font-size:0}.cart-link b{font-size:12px}.cart-title{align-items:start;gap:15px}.cart-title h1{font-size:32px}.cart-row{padding:10px;gap:8px}.cart-actions{flex-direction:column}.cart-actions>*{width:100%}
  .whatsapp-security,.captcha-box{align-items:stretch;flex-direction:column}.whatsapp-security input,.captcha-box input{width:100%}.whatsapp-btn{width:100%}
  .whatsapp-security label,.quote-box .captcha-box label{display:grid;width:100%}
  .hero-inner {
    min-height: 210px;
  }
}

/* Sipariş listesi üst işlemleri */
.cart-actions {
  align-items: center;
  gap: 10px;
}
.cart-actions form {
  margin: 0;
}
.clear-list-btn {
  min-height: 45px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid #f1c7ca;
  border-radius: 9px;
  background: #fff;
  color: #b4232d;
  font-weight: 800;
  cursor: pointer;
  transition: .18s;
}
.clear-list-btn:hover {
  border-color: #b4232d;
  background: #b4232d;
  color: #fff;
}
.clear-list-btn svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width:560px) {
  .cart-actions form,
  .clear-list-btn {width:100%}
  .clear-list-btn {justify-content:center}
  .pagination-wrap {display:block;margin-top:28px;padding:12px}
  .pagination-status {justify-content:center;margin-bottom:10px}
  .pagination {justify-content:center;gap:5px}
  .pagination a {min-width:38px;height:38px;padding:0 9px}
  .pagination .page-control b {display:none}
  .pagination .page-edge {display:none}
  .page-numbers {gap:4px;padding:0}
}

/* Kurumsal ve iletişim — ajans sayfa sistemi */
.agency-page{background:#f4f7f9;color:var(--navy);overflow:hidden}
.agency-hero{position:relative;min-height:520px;display:flex;align-items:center;background:#031729;color:#fff;isolation:isolate}
.agency-hero-media{position:absolute;inset:0;z-index:-2;background:url('../hero-engineering.webp') center 48%/cover no-repeat;opacity:.52}
.agency-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031729 8%,rgba(3,23,41,.94) 38%,rgba(3,23,41,.38) 100%)}
.contact-hero{min-height:420px}.contact-hero .agency-hero-media{background-position:center 62%;filter:saturate(.75)}
.agency-hero-inner{padding-top:88px;padding-bottom:92px}
.agency-kicker{display:flex;align-items:center;gap:13px;margin-bottom:24px;color:#f12638;font-size:13px;font-weight:900;letter-spacing:.22em}
.agency-kicker:before{content:"";width:34px;height:2px;background:#f12638}
.agency-hero h1{max-width:850px;margin:0;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.055em}
.contact-hero h1{max-width:760px;font-size:clamp(44px,5.4vw,74px)}
.agency-hero p{max-width:710px;margin:27px 0 0;color:#c8d4de;font-size:20px;line-height:1.7}
.agency-hero-actions{display:flex;gap:13px;margin-top:38px}
.agency-primary,.agency-secondary{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 25px;border-radius:9px;font-size:14px;font-weight:900}
.agency-primary{color:#fff;background:#ec2436;box-shadow:0 16px 32px rgba(236,36,54,.2)}
.agency-secondary{color:#fff;border:1px solid rgba(255,255,255,.36);background:rgba(2,18,32,.3)}
.agency-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:110px;padding-bottom:85px}
.agency-story-heading{display:flex;align-items:flex-start;gap:24px}.agency-index{color:#ec2436;font-size:13px;font-weight:900;letter-spacing:.12em}
.agency-story h2,.purpose-grid h2,.location-copy h2,.contact-list-cta h2{margin:8px 0 0;font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.045em}
.agency-story-copy>p{margin:0;color:#40546a;font-size:19px;line-height:1.85}
.managed-copy{margin-top:25px;padding-top:23px;border-top:1px solid #dbe2e8;color:#647487;line-height:1.75}.managed-copy p{margin:0 0 9px}
.agency-values{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:110px}
.agency-values article{position:relative;min-height:265px;padding:35px;border:1px solid #dce4ea;background:#fff}.agency-values article+article{border-left:0}
.agency-values article>span{color:#ec2436;font-size:12px;font-weight:900}.agency-values h3{margin:55px 0 14px;font-size:25px;letter-spacing:-.03em}.agency-values p{margin:0;color:#6a7988;line-height:1.7}
.agency-values article:after{content:"→";position:absolute;right:30px;top:30px;color:#a9b4bd;font-size:22px}
.agency-metrics{padding:65px 0;background:#061c2f;color:#fff}.agency-metrics .container{display:grid;grid-template-columns:repeat(3,1fr)}
.agency-metrics .container>div{padding:0 55px;border-left:1px solid rgba(255,255,255,.15)}.agency-metrics .container>div:first-child{padding-left:0;border:0}
.agency-metrics strong{display:block;font-size:54px;letter-spacing:-.05em}.agency-metrics span{display:block;margin-top:6px;color:#9fb0c0;font-size:14px}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:95px;padding-bottom:95px}
.purpose-grid article{display:flex;gap:27px;padding:45px;background:#fff;border-radius:15px;border:1px solid #dfe6eb}.purpose-grid article>span{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:50%;background:#ec2436;color:#fff;font-weight:900}.purpose-grid h2{font-size:34px}.purpose-grid p{color:#637486;line-height:1.75}
.agency-cta,.contact-list-cta{margin-bottom:105px;padding:45px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:16px;background:#fff;border:1px solid #dfe6eb;box-shadow:0 20px 50px rgba(9,36,59,.07)}
.agency-cta h2{max-width:720px;margin:8px 0 0;font-size:31px;letter-spacing:-.035em}.agency-cta>a,.contact-list-cta>a{min-height:58px;display:inline-flex;align-items:center;gap:30px;padding:0 25px;white-space:nowrap;border-radius:8px;background:#ec2436;color:#fff;font-weight:900}
.contact-channel-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-54px;padding-bottom:90px}
.contact-channel-grid>a{position:relative;min-height:240px;padding:31px;border:1px solid #e0e7ec;border-radius:15px;background:#fff;box-shadow:0 20px 50px rgba(8,35,58,.09);transition:.2s}
.contact-channel-grid>a:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(8,35,58,.13)}
.contact-channel-grid .channel-icon{width:45px;height:45px;display:grid;place-items:center;margin-bottom:34px;border-radius:10px;background:#eff3f6;color:#0b2942;font-size:21px}.contact-channel-grid .whatsapp-channel .channel-icon{background:#e8f8ef;color:#169b52}
.contact-channel-grid small{display:block;color:#7a8997}.contact-channel-grid h2{margin:5px 0 20px;font-size:24px}.contact-channel-grid strong{font-size:16px}.contact-channel-grid i{position:absolute;right:28px;bottom:28px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#071f34;color:#fff;font-style:normal}
.location-layout{display:grid;grid-template-columns:.8fr 1.2fr;min-height:500px;margin-bottom:90px;padding:0;border:1px solid #dce4e9;border-radius:18px;overflow:hidden;background:#fff}
.location-copy{padding:58px}.location-copy p{margin:24px 0;color:#536678;font-size:17px;line-height:1.8}.hours-row{display:flex;align-items:center;gap:15px;margin:25px 0 34px;padding-top:25px;border-top:1px solid #e3e8ed}.hours-row>span{font-size:28px;color:#ec2436}.hours-row small,.hours-row strong{display:block}.hours-row small{margin-bottom:5px;color:#7c8995}.location-map{min-height:500px;background:#e8edf0}.location-map iframe{width:100%;height:100%;min-height:500px;border:0;filter:grayscale(.18)}
.contact-list-cta h2{font-size:40px}.contact-list-cta p{max-width:700px;margin:12px 0 0;color:#667687;line-height:1.7}.managed-contact-copy{margin-top:-65px;margin-bottom:80px;padding:25px;border:1px solid #e0e6eb;border-radius:12px;background:#fff}
@media(max-width:900px){.agency-story{grid-template-columns:1fr;gap:35px}.agency-values{grid-template-columns:1fr}.agency-values article+article{border-left:1px solid #dce4ea;border-top:0}.contact-channel-grid{grid-template-columns:1fr}.location-layout{grid-template-columns:1fr}.agency-cta,.contact-list-cta{align-items:flex-start;flex-direction:column}.agency-metrics .container>div{padding:0 25px}}
@media(max-width:650px){.agency-hero{min-height:450px}.contact-hero{min-height:380px}.agency-hero-inner{padding-top:62px;padding-bottom:70px}.agency-hero h1{font-size:44px}.agency-hero p{font-size:16px}.agency-hero-actions{align-items:stretch;flex-direction:column}.agency-story{padding-top:70px;padding-bottom:55px}.agency-story-heading{display:block}.agency-index{display:block;margin-bottom:14px}.agency-values{padding-bottom:70px}.agency-metrics{padding:35px 0}.agency-metrics .container{grid-template-columns:1fr;gap:22px}.agency-metrics .container>div,.agency-metrics .container>div:first-child{padding:0 0 22px;border:0;border-bottom:1px solid rgba(255,255,255,.15)}.agency-metrics strong{font-size:42px}.purpose-grid{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px}.purpose-grid article{padding:27px;flex-direction:column}.agency-cta,.contact-list-cta{margin-bottom:70px;padding:30px}.agency-cta>a,.contact-list-cta>a{width:100%;justify-content:space-between}.contact-channel-grid{margin-top:-28px;padding-bottom:65px}.location-copy{padding:35px 27px}.location-map,.location-map iframe{min-height:350px}.contact-list-cta h2{font-size:34px}}