/* АНИКЕИЧ — v6 / calm steel, iOS-like frosted surfaces.
   Cosmetic layer only: product data, galleries, forms and navigation unchanged. */
:root {
  --ink: #202e3b;
  --ink2: #344352;
  --muted: #647687;
  --orange: #307eaf;        /* one restrained action accent */
  --orange2: #266b97;
  --teal: #307eaf;
  --line: #dce5eb;
  --pale: #f2f6f8;
  --pale2: #eaf0f4;
  --white: #fff;
  --r: 18px;
  --shadow: 0 15px 45px rgba(36, 60, 76, .085);
  --glass: rgba(255, 255, 255, .76);
  --glassline: rgba(255, 255, 255, .88);
}
html {scroll-padding-top: 125px;}
body {
  background: #f5f8fa;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Segoe UI', Arial, sans-serif;
  letter-spacing: -.008em;
}
/* High contrast for actionable elements; quiet blue is the only main accent. */
a, button { -webkit-tap-highlight-color: transparent; }
button, .btn, .object-card, .service-tile, .category-tile { transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid rgba(56,139,193,.46) !important;
  outline-offset: 2px;
}
.wrap {width: min(1320px, calc(100% - 64px));}
.top-strip {background: #1f3341; color: #d5e0e8;}
.top-strip-note {color: #b6c5cf;}
.top-strip-inner {justify-content: space-between;}
.strip-telegram {color:#d7eaf6!important; font-weight:750; letter-spacing:.05px; white-space:nowrap;}
.header {
  background: rgba(249, 251, 253, .87);
  border-bottom: 1px solid rgba(199,214,224,.55);
  box-shadow: 0 8px 26px rgba(30,49,67,.06);
  -webkit-backdrop-filter: saturate(150%) blur(22px);
  backdrop-filter: saturate(150%) blur(22px);
}
.header-row {gap: 18px;}
.logo-mark {background: linear-gradient(150deg,#334859,#1d3140);border-radius:15px;box-shadow:0 4px 13px rgba(28,58,76,.14);}
.logo-dot, .footer-logo span {color:#dbe7ed;}
.logo-copy strong {letter-spacing: .35px; font-weight: 850;}
.logo-copy small {letter-spacing: 1.3px;color:#758896;}
.header .catalog-trigger {background:rgba(232,240,245,.9);border:1px solid #dce7ed;border-radius:13px;color:var(--ink);}
.header .catalog-trigger:hover {background: #dcecf5;}
.header-search {background:rgba(255,255,255,.8);border-color:#d8e3ea;border-radius:13px;}
.header-search button {background:#354f62;font-weight:750;}
.header-search button:hover {background:#2a4355;}
.header-call strong {letter-spacing: -.3px;}
.call-glyph {color:#5785a4;}
.cart-top {border-radius:13px;background:rgba(255,255,255,.78);}
.cart-icon {color:#4c7e9d;}
.cart-top b {background:#385d76;}
.header-subnav {border-top:1px solid rgba(199,214,224,.5);}
.nav-links {gap:30px;color:#4c6273;}
.nav-links a {white-space:nowrap;}
.nav-links a:hover, .nav-telegram {color:#2a719f!important;}
.nav-telegram {font-weight:850;}
/* Brushed steel texture is intentionally near-invisible; main photography remains authentic. */
.hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background: radial-gradient(ellipse at 96% 8%,rgba(180,203,221,.4),transparent 45%),
     linear-gradient(120deg,#eaf1f5 0%,#f5f8fa 53%,#eaf1f5 100%);
}
.hero::before {
  content:'';position:absolute;inset:-35px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(237,245,249,.9) 7%,rgba(245,248,250,.88) 53%,rgba(232,240,246,.9) 100%),
             url('assets/gallery/project-04.webp') center 45%/cover no-repeat;
  filter:blur(11px); opacity:.74;
}
.hero::after {
  content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:repeating-linear-gradient(110deg, transparent 0 9px, rgba(255,255,255,.14) 10px,transparent 11px 22px);
  opacity:.3;
}
.hero-layout {position:relative;z-index:1;grid-template-columns:50% 50%;padding-block:36px;align-items:stretch;min-height:470px;}
.hero-info {padding:38px 34px 38px 0;}
.hero-kicker, .overline {color:#4d7791;font-size:10px;letter-spacing:1.35px;font-weight:820;}
.hero h1 {font-size:clamp(39px,3.75vw,56px);font-weight:830;letter-spacing:-2.15px;line-height:1.12;margin:25px 0 19px;}
.hero h1 em,.split-copy h2 em,.contact-copy h2 em {color:inherit;font-style:normal;}
.hero h1 em {position:relative;}
.hero h1 em:after {content:'';position:absolute;height:4px;left:1px;bottom:-3px;right:0;border-radius:10px;background:rgba(104,148,176,.34);}
.hero-info>p {font-size:16px;line-height:1.65;color:#516777;}
.hero-buttons {gap:10px;}
.btn {border-radius:13px;font-weight:780;letter-spacing:-.01em;}
.main-btn {background:#344f64;color:#fff;box-shadow:0 5px 18px rgba(31,67,91,.15);}
.main-btn:hover {background:#263f51;transform:translateY(-1px);}
.outline-btn, .outline-dark, .form-secondary {background:rgba(255,255,255,.78);border:1px solid rgba(185,207,220,.75);color:var(--ink);}
.outline-btn:hover,.outline-dark:hover {background:#fff;box-shadow:0 6px 20px rgba(44,71,88,.09);}
.hero-buttons .btn {font-size:12px;padding:13px 15px;min-height:49px;}
.hero-features {gap:7px;padding-top:25px;color:#5b7281;font-size:11px;}
.hero-features span {background:rgba(255,255,255,.53);padding:7px 9px;border-radius:24px;border:1px solid rgba(255,255,255,.9);}
.hero-photo {border-radius:24px;min-height:430px;border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 48px rgba(36,60,76,.16);}
.hero-photo:before {background:linear-gradient(0deg,rgba(13,29,42,.86),rgba(14,34,45,.12) 82%);}
.photo-label span {color:#d8e7f0;}
.photo-label a {color:#d3e9f6;}
.benefit-row {background:rgba(252,253,254,.94);border-bottom:1px solid #e3ebf0;}
.benefits>div {border-color:#e7edf1;}
.benefits i {color:#5a829c;}
.benefits strong {font-weight:770;}
.benefits small {color:#748593;}
/* One calm translucent surface language across main content. */
.section {padding:78px 0;}
.section-title h2 {font-weight:820;letter-spacing:-1.3px;line-height:1.2;}
.section-title p {color:#657987;}
.inline-link {color:#386b8e;}
.services, .category-section {background:#f8fafb;}
.service-grid {gap:15px;}
.service-tile {border-radius:20px;box-shadow:0 10px 26px rgba(25,49,67,.1);border:1px solid rgba(255,255,255,.7);}
.service-tile:before {background:linear-gradient(0deg,rgba(13,29,40,.9),rgba(16,35,47,.03) 83%);}
.service-tile>b {color:#ecf4fa;}
.service-tile span {color:#d4dfe6;}
.process-strip {gap:13px;margin-top:20px;}
.process-strip>div {background:rgba(239,244,247,.82);border:1px solid #e1e9ee;border-radius:17px;padding:21px 22px;}
.process-strip strong {font-weight:770;}
.process-strip p {color:#687b88;}
.portfolio-section {
  background:radial-gradient(ellipse at 0 10%,rgba(193,215,230,.21),transparent 45%),
             linear-gradient(145deg,#f0f5f8 0%,#f6f9fb 75%);
}
.portfolio-count {color:#67889b;font-weight:770;}
.portfolio-tags button {background:rgba(255,255,255,.78);border-color:#dbe6ed;color:#567284;border-radius:15px;}
.portfolio-tags button.active {background:#344e61;border-color:#344e61;color:#fff;box-shadow:0 3px 9px rgba(30,61,80,.12);}
.portfolio-tags button:hover:not(.active) {background:white;border-color:#abc5d5;}
.portfolio-grid {gap:17px;}
.object-card {border-radius:19px;border:1px solid rgba(213,226,233,.85);background:rgba(255,255,255,.84);box-shadow:0 8px 20px rgba(27,49,61,.035);}
.object-card:hover {transform:translateY(-3px);box-shadow:0 16px 34px rgba(30,57,77,.13);}
.object-counter {background:rgba(34,52,66,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.object-card-body {gap:7px;}
.object-tag {color:#668a9e!important;}
.object-link {color:#396f91!important;}
.object-card-body small {color:#708391!important;}
.show-more {background:rgba(255,255,255,.85);border-color:#cddfe9;border-radius:13px;}
.show-more:hover {background:#fff;}
.split-section {background:linear-gradient(135deg,#eaf2f6,#f4f8fa);}
.split-image {border-radius:21px;box-shadow:var(--shadow);border:1px solid #fff;}
.split-copy p,.contact-copy p {color:#617786;}
.pile-checks span {color:#425e71;}
.category-grid {gap:13px;}
.category-tile {background:rgba(255,255,255,.77);border:1px solid #e0e9ef;border-radius:18px;box-shadow:0 4px 18px rgba(30,57,77,.025);}
.category-tile.highlight {background:rgba(229,239,246,.92);border-color:#c8dce8;}
.category-tile:hover {border-color:#a9c9db;}
.category-art {color:#7995a5;font-weight:350;}
.category-tile b {color:#527f9d;}
.category-tile small {color:#7d8f9d;}
.catalog-section {background:linear-gradient(135deg,#eef4f7,#f4f8fa);}
.catalog-intro-badge {border-left:3px solid #7399b3;background:rgba(255,255,255,.65);border-radius:0 11px 11px 0;color:#526d7d;letter-spacing:.1px;}
.catalog-tabs {gap:9px;}
.catalog-tabs button {border-radius:14px;border:1px solid #d9e5eb;background:rgba(255,255,255,.82);font-weight:770;color:#566d7e;}
.catalog-tabs button.active {background:#354f62;border-color:#354f62;box-shadow:0 6px 15px rgba(36,65,86,.13);}
.filter-panel, .catalog-list-area {
  background:rgba(255,255,255,.85);border:1px solid rgba(213,227,236,.95);
  border-radius:20px;box-shadow:0 10px 36px rgba(35,66,87,.047);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.catalog-list-area {overflow:hidden;}
.filter-field input, .filter-field select, .inquiry-form input, .inquiry-form textarea {border-radius:11px;background:#fff;border-color:#d8e4eb;}
.product-head {background:#eff4f7;color:#688091;}
.product-item {border-color:#e8edf1;}
.product-item:hover {background:#f5f9fb;}
.product-price {color:#2b4355;}
.qty-wrap {border-radius:11px;border-color:#d8e3e9;}
.qty-wrap button {background:#edf3f7;}
.add-product {border-radius:11px;background:#e7f1f7;color:#315f7d;}
.add-product:hover {background:#355c76;color:#fff;}
.catalog-disclaimer {background:#f2f7fa;}
.catalog-disclaimer span {color:#5c849e;}
.price-links a {border-radius:12px;}
.delivery-section {background:#f8fafb;}
.delivery-layout h2 {font-weight:820;}
.delivery-list {border-radius:18px;background:#f5f8fa;border-color:#e2ebf0;}
.delivery-list b {color:#7794a7;}
.contact-section {
 background:radial-gradient(ellipse at 0% 0%,rgba(100,141,171,.22),transparent 54%),
            linear-gradient(120deg,#263d50,#182d3d);
}
.contact-section .overline {color:#aac9dd;}
.contact-copy p {color:#c7d8e4;}
.contact-region {display:block;margin-top:21px;color:#aebfcb;}
.big-phone {color:#fff;}
.telegram-cta {
  display: inline-flex;align-items:center;gap:11px;margin-top:18px;
  padding:13px 17px;color:#ecf7ff;background:rgba(255,255,255,.11);
  border:1px solid rgba(212,237,250,.26);border-radius:15px;
  font-size:14px;font-weight:780;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.telegram-cta:hover {background:rgba(255,255,255,.18);}
.telegram-cta svg {color:#d5edfc;flex-shrink:0;}
.inquiry-form {border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 25px 55px rgba(4,20,31,.15);padding:30px;}
.inquiry-form h3 {font-weight:810;}
.inquiry-status {color:#356a8b!important;}
.footer {background:#152734;}
.footer-grid a:not(.footer-logo) {color:#bdcdd7;}
.footer-grid .footer-telegram {color:#e1f1fb!important;font-weight:750;}
.mobile-bottom-cart {background:#344f64;color:#fff;box-shadow:0 7px 22px rgba(26,55,76,.24);}
.mobile-bottom-cart b {color:#315674;}
.cart-drawer {background:rgba(250,252,253,.98);}
.photo-modal {border-radius:23px;background:#1a2d3c;}
.modal-controls button {background:#2c485d;border-color:#466478;}
.modal-thumbnails button.selected {border-color:#b6d7eb;}
/* Breakpoints follow existing functional layout; mobile interactions remain finger-friendly. */
@media(max-width:1160px){
  .wrap {width:min(100% - 44px,1320px);}
  .header-row {gap:11px;}
  .nav-links {gap:20px;}
}
@media(max-width:850px){
  .header-row {row-gap:9px;}
  .header-search {background:#fff;}
  .header-subnav {background:rgba(248,251,253,.9);}
  .nav-links {gap:21px;}
  .hero-layout {grid-template-columns:1fr;}
  .hero-info {padding:25px 0 25px;}
  .hero-photo {min-height:320px;height:320px;}
  .hero h1 {margin:17px 0;}
  .section {padding:60px 0;}
}
@media(max-width:580px){
  html{scroll-padding-top:125px;}
  .wrap{width:calc(100% - 30px);}
  .strip-telegram{font-size:11px;}
  .top-strip-inner{gap:9px;}
  .top-strip-inner>a[href^='tel:']{display:none;}
  .header{box-shadow:0 3px 15px rgba(24,54,76,.06);}
  .logo-mark{border-radius:13px;}
  .logo-copy strong{letter-spacing:.1px;}
  .header .catalog-trigger{font-size:11px;padding:12px 10px;}
  .nav-links{gap:20px;}
  .hero-layout{padding-block:12px;}
  .hero-info{padding:27px 0 26px;}
  .hero h1{font-size:clamp(33px,9vw,39px);line-height:1.12;letter-spacing:-1.6px;margin:18px 0;}
  .hero-info>p{font-size:14px;color:#516a7c;}
  .hero-buttons{gap:9px;}
  .hero-buttons .btn{padding:13px 15px;min-height:49px;font-size:12px;border-radius:13px;}
  .hero-features{gap:6px;}
  .hero-features span{padding:6px 8px;}
  .hero-photo{height:262px;min-height:262px;border-radius:17px;}
  .photo-label{left:18px;bottom:18px;}
  .benefits>div{padding:13px 8px!important;}
  .benefits i{color:#66869c;}
  .section{padding:50px 0;}
  .section-title h2{font-size:26px;letter-spacing:-.7px;}
  .service-grid,.portfolio-grid,.category-grid{gap:10px;}
  .service-tile,.object-card,.category-tile{border-radius:14px;}
  .object-cover img{height:145px;}
  .object-card-body{padding:13px!important;}
  .object-card-body strong{font-size:13px!important;}
  .process-strip>div{border-radius:13px;padding:14px 16px;}
  .category-tile{min-height:145px;padding:14px;}
  .catalog-tabs button{border-radius:12px;}
  .filter-panel,.catalog-list-area{border-radius:15px;}
  .catalog-list-top{padding:17px;}
  .product-item{padding:14px;}
  .split-image{height:240px;}
  .delivery-list{border-radius:15px;}
  .inquiry-form{padding:21px;border-radius:17px;}
  .telegram-cta{font-size:13px;}
  .contact-copy h2{font-size:35px;}
  .mobile-bottom-cart{border-radius:16px;}
  .footer{padding-bottom:85px;}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}
}
