.vatan-catalog-body { margin: 0; background: #f3f5f4; }
.pc, .pc-footer { --pc-ink: #090e11; --pc-muted: #59656c; --pc-line: #d9dfe0; box-sizing: border-box; color: var(--pc-ink); font: 16px/1.6 Montserrat, Inter, system-ui, -apple-system, sans-serif; }
.pc *, .pc-footer * { box-sizing: border-box; }
.pc a, .pc-footer a { color: inherit; text-decoration: none; }
.pc button, .pc input, .pc textarea { font: inherit; }
.pc button { cursor: pointer; }
.pc [hidden] { display: none !important; }
.pc :is(a, button, input, textarea, summary):focus-visible { outline: 3px solid #2481a9; outline-offset: 4px; }
.pc :is(input, textarea):focus-visible { outline-offset: 1px; }
.pc-inner { width: min(100% - 64px, 1360px); margin: 0 auto; }
.pc-hero { background: #090e11; color: white; padding: 32px 0 58px; }
.pc-breadcrumb { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 44px; color: #a5b0b6; font-size: 13px; }
.pc-breadcrumb a:hover { color: white; }
.pc-eyebrow { margin: 0 0 16px; color: #4b6776; font-size: 11px; font-weight: 650; letter-spacing: .15em; }
.pc-hero .pc-eyebrow { color: #74d8ff; }
.pc h1 { margin: 0; max-width: 1100px; color: inherit; font-size: clamp(40px, 5.4vw, 76px); font-weight: 550; letter-spacing: -.045em; line-height: 1.04; }
.pc-hero-bottom { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-top: 28px; }
.pc-hero-bottom p, .pc-hero-description { margin: 0; max-width: 760px; color: #b8c2c8; font-size: 18px; }
.pc-hero-description { margin-top: 24px; }
.pc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 46px; padding: 11px 20px; border: 1px solid #090e11; border-radius: 12px; background: #090e11; color: white !important; font-size: 14px; font-weight: 600; line-height: 1.45; text-align: center; }
.pc-btn:hover { background: #223642; border-color: #223642; }
.pc-btn--white { background: white; color: #090e11 !important; border-color: white; }
.pc-btn--white:hover { background: #d6f3ff; border-color: #d6f3ff; }
.pc-btn--light { background: transparent; border-color: #ccd5d9; color: #090e11 !important; }
.pc-btn--light:hover { background: #edf1f2; border-color: #9dabb3; }
.pc button:disabled { cursor: default; opacity: .55; }
.pc-main { padding-top: 48px; }
.pc h2 { margin: 0; color: inherit; font-size: clamp(26px, 3vw, 40px); font-weight: 550; line-height: 1.15; letter-spacing: -.035em; }
.pc-section-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 28px; }
.pc-section-heading p { margin: 0; color: var(--pc-muted); font-size: 14px; }
.pc-filters { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--pc-line); }
.pc-series { display: flex; flex-wrap: wrap; gap: 8px; }
.pc-family { min-height: 44px; padding: 9px 18px; border: 1px solid var(--pc-line); border-radius: 12px; background: transparent; color: var(--pc-muted); font-size: 13px; font-weight: 600; }
.pc-family[aria-pressed="true"] { background: var(--pc-ink); border-color: var(--pc-ink); color: white; }
.pc-search { position: relative; flex: 0 1 300px; margin: 0; }
.pc-search input { width: 100%; min-height: 44px; padding: 9px 42px 9px 14px; border: 1px solid var(--pc-line); border-radius: 12px; background: white; color: var(--pc-ink); font-size: 14px; }
.pc-search > span[aria-hidden] { position: absolute; right: 14px; top: 2px; font-size: 27px; pointer-events: none; }
.pc-catalog-tools { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 0; font-size: 13px; }
.pc-catalog-tools p { margin: 0; color: var(--pc-muted); }
.pc-text-link { border: 0; background: transparent; padding: 4px 0; color: #264957 !important; font-size: 13px; font-weight: 600; }
.pc-text-link:hover { text-decoration: underline; }
.pc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pc-card { min-width: 0; overflow: hidden; border: 1px solid #e0e5e5; border-radius: 20px; background: white; display: flex; flex-direction: column; }
.pc-card-media { position: relative; display: flex; align-items: center; justify-content: center; min-height: 210px; aspect-ratio: 1.7; background: #edf0ef; overflow: hidden; }
.pc-card-media img { display: block; width: 100%; height: 100%; object-fit: contain; padding: 22px; }
.pc-series-label { position: absolute; left: 20px; top: 18px; border-radius: 6px; background: #fff; color: #354951; padding: 4px 9px; font-size: 10px; letter-spacing: .1em; font-weight: 650; }
.pc-no-photo { max-width: 230px; padding: 50px 20px; color: #65737b; font-size: 13px; text-align: center; }
.pc-card-body { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.pc-card-status { margin: 0 0 9px; color: #59656c; font-size: 12px; }
.pc-card h3 { margin: 0 0 14px; color: inherit; font-size: 20px; font-weight: 600; line-height: 1.35; letter-spacing: -.025em; overflow-wrap: anywhere; }
.pc-card h3 a:hover { color: #226789; }
.pc-card-description { margin: 0 0 18px; color: var(--pc-muted); font-size: 14px; line-height: 1.65; }
.pc-specs { margin: 0 0 20px; font-size: 13px; }
.pc-specs > div { display: flex; align-items: baseline; gap: 12px; justify-content: space-between; border-bottom: 1px solid #e6eaea; padding: 9px 0; }
.pc-specs dt { color: var(--pc-muted); font-weight: 400; }
.pc-specs dd { margin: 0; text-align: right; font-weight: 550; }
.pc-specs-note { margin: 0 0 22px; color: var(--pc-muted); font-size: 12px; }
.pc-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: auto; }
.pc-compare-check { display: flex; align-items: center; gap: 9px; width: fit-content; margin: 18px 0 0; color: var(--pc-muted); font-size: 12px; cursor: pointer; }
.pc input[type="checkbox"] { width: 17px; height: 17px; min-width: 17px; accent-color: #143b51; margin: 0; }
.pc-note { color: var(--pc-muted); font-size: 12px; margin: 20px 0 0; }
.pc-notice, .pc-empty { padding: 28px; border: 1px solid var(--pc-line); border-radius: 16px; background: white; grid-column: 1/-1; }
.pc-notice a { text-decoration: underline; }
.pc-request { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 76px; margin-top: 80px; padding: 48px; border-radius: 24px; background: #e6ebeb; scroll-margin-top: 24px; }
.pc-request h2 { margin-bottom: 24px; }
.pc-request-intro > p:not(.pc-eyebrow) { margin: 0 0 28px; color: var(--pc-muted); font-size: 15px; max-width: 380px; }
.pc-request-phone { display: flex; width: fit-content; align-items: center; gap: 24px; font-size: 20px; font-weight: 600; }
.pc-form, .pc-rotor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 20px 16px; min-width: 0; }
.pc-form label { display: flex; flex-direction: column; gap: 7px; margin: 0; color: #35454d; font-size: 12px; }
.pc-form label:has(.pc-optional) { position: relative; }
.pc-optional { color: #64747d; font-size: 10px; position: absolute; right: 0; top: 2px; }
.pc-form input:not([type="checkbox"]), .pc-form textarea { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid #c8d1d4; border-radius: 10px; color: var(--pc-ink); background: white; font-size: 16px; line-height: 1.45; }
.pc-form textarea { resize: vertical; }
.pc-wide { grid-column: 1/-1; }
.pc-rotor { border-block: 1px solid #c9d3d7; padding: 14px 0; font-size: 13px; }
.pc-rotor summary { display: flex; justify-content: space-between; gap: 14px; cursor: pointer; list-style: none; }
.pc-rotor summary::-webkit-details-marker { display: none; }
.pc-rotor[open] summary { margin-bottom: 20px; }
.pc-form .pc-consent { flex-direction: row; align-items: start; gap: 10px; font-size: 11px; line-height: 1.6; }
.pc-consent input { margin-top: 2px !important; }
.pc-consent a { text-decoration: underline; }
.pc-submit { justify-content: space-between; }
.pc-selection { padding: 18px; background: #f8faf9; border: 1px solid #cdd7da; border-radius: 12px; }
.pc-selection-heading { display: flex; gap: 12px; align-items: baseline; justify-content: space-between; }
.pc-selection h3 { font-size: 13px; margin: 0; line-height: 1.5; }
.pc-selection h3 span { font-weight: 400; color: var(--pc-muted); font-size: 11px; }
.pc-selection ul { list-style: none; padding: 0; margin: 12px 0 0; }
.pc-selected-item { display: grid; grid-template-columns: minmax(0, 1fr) 64px 28px; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #dbe1e3; font-size: 12px; overflow-wrap: anywhere; }
.pc-selected-item input { min-height: 38px !important; font-size: 14px !important; padding: 6px 8px !important; }
.pc-remove { border: 0; background: transparent; font-size: 24px !important; color: #465b64; padding: 0; }
.pc-status-text { margin: 0; font-size: 13px; }
.pc-success { color: #186844; }
.pc-error { color: #9a3131; }
.pc-tray { position: fixed; z-index: 100; display: flex; align-items: center; gap: 16px; bottom: 20px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 32px); padding: 12px 16px; border: 1px solid #cbd5da; border-radius: 16px; background: white; box-shadow: 0 10px 50px #090e1122; font-size: 13px; }
.pc-more { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 36px 0 60px; color: #304955; font-size: 13px; }
.pc-more a:hover { text-decoration: underline; }
.pc-dialog { width: min(1100px, calc(100% - 32px)); max-height: calc(100svh - 48px); border: 0; border-radius: 20px; padding: 28px; color: var(--pc-ink); background: white; }
.pc-dialog::backdrop { background: #090e1199; }
.pc-dialog-head { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.pc-dialog h2 { font-size: 28px; }
.pc-dialog-close { background: #edf1f2; border: 0; border-radius: 8px; height: 36px; width: 36px; flex: 0 0 36px; font-size: 24px !important; }
.pc-comparison { overflow-x: auto; margin-bottom: 24px; }
.pc-compare-tools { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin-bottom: 18px; font-size: 13px; }
.pc-compare-tools label { display: flex; align-items: center; gap: 8px; }
.pc-table { width: 100%; border-collapse: collapse; font-size: 13px; text-align: left; }
.pc-table td, .pc-table th { min-width: 180px; max-width: 360px; border-bottom: 1px solid #dce3e5; padding: 14px 18px; vertical-align: top; overflow-wrap: anywhere; }
.pc-table th { min-width: 140px; font-weight: 500; color: var(--pc-muted); padding-left: 0; }
.pc-only-differences .pc-row-same { display: none; }
.pc-product { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 64px; padding-bottom: 60px; border-bottom: 1px solid var(--pc-line); margin-bottom: 48px; }
.pc-product-media { display: flex; justify-content: center; align-items: center; border-radius: 20px; background: white; min-height: 320px; }
.pc-product-media img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: contain; padding: 28px; }
.pc-product-info h2 { margin-bottom: 24px; font-size: 32px; }
.pc-product-info > p:not(.pc-eyebrow) { font-size: 14px; }
.pc-footer { background: #090e11; color: white; padding: 36px 0 100px; }
.pc-footer .pc-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; font-size: 12px; color: #a5b2b9; }
.pc-footer img { display: block; filter: brightness(0) invert(1); }
.pc-footer p { margin: 0; }
.pc-footer .pc-inner > div { display: flex; flex-direction: column; gap: 4px; }
.pc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
@media (max-width: 1199px) { .pc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pc-request { gap: 36px; padding: 36px; } }
@media (max-width: 900px) { .pc-filters { align-items: stretch; flex-direction: column; gap: 16px; } .pc-search { flex: auto; max-width: 420px; } .pc-request { grid-template-columns: 1fr; } .pc-product { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 600px) {
  .pc-inner { width: calc(100% - 32px); }
  .pc-hero { padding: 24px 0 36px; }
  .pc h1 { font-size: clamp(30px, 9.5vw, 44px); overflow-wrap: anywhere; }
  .pc-breadcrumb { margin-bottom: 32px; font-size: 11px; gap: 8px; }
  .pc-eyebrow { font-size: 9px; letter-spacing: .12em; }
  .pc-hero-bottom { align-items: start; flex-direction: column; gap: 24px; margin-top: 24px; }
  .pc-hero-bottom p, .pc-hero-description { font-size: 15px; }
  .pc-main { padding-top: 32px; }
  .pc-section-heading { align-items: start; flex-direction: column; gap: 8px; margin-bottom: 20px; }
  .pc-grid { grid-template-columns: 1fr; gap: 18px; }
  .pc-family { padding: 9px 12px; font-size: 11px; }
  .pc-catalog-tools { font-size: 11px; gap: 12px; }
  .pc-catalog-tools p { max-width: 210px; }
  .pc-catalog-tools .pc-text-link { white-space: nowrap; font-size: 11px; }
  .pc-card-body { padding: 20px; }
  .pc-card-media { min-height: 180px; }
  .pc-card h3 { font-size: 19px; }
  .pc-request { padding: 24px 20px; margin-top: 48px; gap: 28px; border-radius: 18px; }
  .pc-request-phone { font-size: 17px; }
  .pc-form, .pc-rotor-fields { grid-template-columns: 1fr; gap: 16px; }
  .pc-tray { padding: 10px; gap: 8px; bottom: 10px; font-size: 11px; }
  .pc-tray .pc-btn { min-height: 40px; padding: 8px 11px; font-size: 11px; }
  .pc-tray > span { display: none; }
  .pc-dialog { padding: 20px; }
  .pc-dialog h2 { font-size: 22px; }
  .pc-product-media { min-height: 220px; }
  .pc-product { margin-bottom: 32px; padding-bottom: 36px; }
  .pc-more { gap: 16px; flex-direction: column; padding-bottom: 36px; }
  .pc-footer .pc-inner { align-items: start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .pc * { scroll-behavior: auto !important; } }