/*
Theme Name: АВТОКРЫС — Автомобильное пространство
Theme URI: https://github.com/hotmotoshopru-cloud/autokrys-wordpress-theme
Author: AUTOKRYS
Description: Final AUTOKRYS layout matching the approved reference: large logo header, dark navigation, full-width automotive hero, red CTAs, service tiles and visible map.
Version: 3.5.0
Text Domain: autokrys
*/
:root{--red:#ef171d;--red2:#c90e14;--ink:#101820;--dark:#121a22;--muted:#69737b;--line:#dfe3e6;--soft:#f4f4f2;--white:#fff;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(calc(100% - 44px),var(--max));margin:auto}.red{color:var(--red)}
#wpadminbar{z-index:999999}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.ak-topbar{background:#fff;border-bottom:1px solid #e5e7e8}.ak-topbar-grid{display:grid;grid-template-columns:1.35fr .95fr .9fr 1.05fr}.ak-info{min-height:88px;padding:12px 22px;border-right:1px solid var(--line);display:flex;justify-content:center}.ak-info:last-child{border-right:0}.ak-info strong{font-size:17px;line-height:1.15}.ak-info small{font-size:13px;color:#59636b;margin-top:5px}.ak-info strong a{text-decoration:none}.ak-messengers{display:flex;gap:18px;font-weight:900;margin-top:5px}.ak-whatsapp{color:#08a65a}.ak-telegram{color:#128bd9}
.ak-header{background:#fff;position:relative;z-index:100}.ak-brand-row{min-height:132px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.ak-brand{display:block}.ak-logo{width:460px;height:112px;object-fit:contain;object-position:left center}.ak-wordmark{font-size:54px;font-weight:950}.ak-header-cta{justify-self:end}
.ak-nav{background:#131c24;color:#fff;border-bottom:1px solid #2c3740}.ak-nav-inner{min-height:50px;display:flex;align-items:stretch}.ak-menu{display:flex;list-style:none;padding:0;margin:0;flex:1}.ak-menu>li{position:relative}.ak-menu>li>a{height:50px;display:flex;align-items:center;padding:0 25px;font-size:14px;font-weight:950;text-transform:uppercase;white-space:nowrap;letter-spacing:.1px}.ak-menu>li:first-child>a,.ak-menu>li.current-menu-item>a,.ak-menu>li.current_page_item>a{background:var(--red);color:#fff}.ak-menu>li>a:hover{background:#252f38;color:#fff}.ak-menu .sub-menu{position:absolute;left:0;top:50px;z-index:500;display:none;min-width:310px;padding:7px;background:#172129;list-style:none;box-shadow:0 15px 35px rgba(0,0,0,.25)}.ak-menu li:hover>.sub-menu,.ak-menu li:focus-within>.sub-menu{display:block}.ak-menu .sub-menu a{display:block;padding:11px 13px;color:#fff;font-weight:800}.ak-menu .sub-menu a:hover{background:var(--red)}.ak-nav-cta{align-self:center;margin:6px 0 6px 10px;min-height:38px!important;padding:0 18px!important}.ak-menu-toggle{display:none}
.ak-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 25px;border:2px solid var(--red);border-radius:6px;background:var(--red);color:#fff;font-weight:950;text-transform:uppercase;box-shadow:0 8px 22px rgba(239,23,29,.17);transition:.18s}.ak-button:hover{background:var(--red2);border-color:var(--red2);color:#fff;transform:translateY(-1px)}.ak-button--outline{background:#fff;color:var(--red);box-shadow:none}.ak-button--outline:hover{background:#fff;color:var(--red2)}
.ak-hero-final{position:relative;min-height:548px;overflow:hidden;background:#f7f7f5}.ak-hero-bg{position:absolute;inset:0}.ak-hero-bg img{width:100%;height:100%;min-height:548px;object-fit:cover;object-position:center center}.ak-hero-final:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 34%,rgba(255,255,255,.78) 44%,rgba(255,255,255,.12) 56%,rgba(255,255,255,0) 67%);pointer-events:none}.ak-hero-overlay{position:relative;z-index:2;min-height:548px;display:flex;align-items:center}.ak-hero-panel{width:52%;padding:30px 0 30px}.ak-eyebrow{font-size:15px;font-weight:950;letter-spacing:.4px;text-transform:uppercase;margin-bottom:12px}.ak-hero-panel h1{font-size:clamp(68px,6.7vw,108px);line-height:.82;letter-spacing:-7px;margin:0 0 13px;font-weight:950;font-style:italic}.ak-hero-panel h1 span{color:var(--red)}.ak-hero-brandline{font-size:22px;font-weight:950;letter-spacing:4px;text-transform:uppercase}.ak-hero-slogan{font-family:cursive;color:var(--red);font-size:45px;font-weight:800;line-height:1;margin:5px 0 18px;transform:rotate(-2deg);transform-origin:left center}.ak-hero-panel>p{font-size:20px;line-height:1.25;max-width:650px;margin:0 0 22px}.ak-actions{display:flex;gap:14px;flex-wrap:wrap}.ak-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px;max-width:650px}.ak-trust>div{display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:800;font-size:14px;line-height:1.15}.ak-trust b{font-size:27px;margin-bottom:6px}.ak-trust span{display:block}
.ak-services-final{background:#fff;padding:12px 0 20px}.ak-services-final-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.ak-service-tile{min-height:155px;position:relative;padding:20px 12px 15px;background-image:linear-gradient(180deg,rgba(10,16,21,.10) 0%,rgba(10,16,21,.18) 35%,rgba(10,16,21,.88) 100%),var(--tile-image);background-size:cover;background-position:center;background-color:#111820;color:#fff;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.ak-service-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 55%);opacity:.75}.ak-tile-icon,.ak-service-tile strong,.ak-service-tile i{position:relative;z-index:1}.ak-tile-icon{font-size:27px;margin-bottom:auto}.ak-service-tile strong{font-size:15px;line-height:1.08}.ak-service-tile i{position:absolute;right:10px;bottom:14px;width:30px;height:30px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-style:normal;font-size:20px}.ak-service-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.18)}
.ak-why-final{background:#172129;color:#fff;padding:52px 0;background-image:linear-gradient(90deg,rgba(18,26,34,.98),rgba(18,26,34,.9)),url('assets/detail.jpg');background-size:cover;background-position:center}.ak-why-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr;gap:34px;align-items:start}.ak-why-final h2{font-size:clamp(35px,4vw,58px);line-height:.95;letter-spacing:-3px;margin:0 0 18px}.ak-why-final h2 span{color:#fff}.ak-why-final p{font-size:18px;max-width:650px}.ak-why-service,.ak-why-contact{border-left:1px solid #44505a;padding-left:28px}.ak-why-service h3{font-size:25px;margin:0 0 22px}.ak-why-contact p{margin:9px 0;font-size:17px}.ak-why-contact a{color:#fff}.ak-why-contact .ak-whatsapp,.ak-why-contact .ak-telegram{color:#fff}
.ak-map-final{background:#f2f2f0;padding:62px 0}.ak-map-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px}.ak-map-grid>div{background:#fff;border:1px solid var(--line);padding:36px;border-radius:6px}.ak-map-grid h2{font-size:40px;line-height:.95;letter-spacing:-2px;margin:0 0 25px}.ak-map-frame{padding:0!important;overflow:hidden;min-height:350px}.ak-map-frame iframe{width:100%;height:100%;min-height:350px;border:0}.ak-phone-big{font-size:22px;font-weight:900}
.ak-page{padding:65px 0;min-height:520px}.ak-page h1{font-size:clamp(44px,5vw,72px);line-height:.95;letter-spacing:-3px;margin:0 0 30px}.ak-page-content{max-width:1000px;font-size:18px}.ak-page-content h2{font-size:34px;margin-top:38px}.ak-page-content a:not(.ak-button){color:var(--red);text-decoration:underline}.ak-actions{display:flex;gap:14px;flex-wrap:wrap}
.ak-footer{background:#101820;color:#fff}.ak-footer-main{padding:48px 0;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:30px}.ak-footer-brand img{width:360px;height:100px;object-fit:contain;object-position:left center;background:#fff;padding:5px;border-radius:4px}.ak-footer h3{font-size:17px;text-transform:uppercase}.ak-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.ak-footer a:hover{color:#ff454c}.ak-footer-bottom{border-top:1px solid #303a43;padding:15px 0;color:#aeb7bf;font-size:13px}
@media(max-width:1250px){.ak-menu>li>a{padding:0 15px;font-size:12px}.ak-services-final-grid{grid-template-columns:repeat(4,1fr)}.ak-hero-panel{width:58%}.ak-hero-slogan{font-size:42px}.ak-map-grid{grid-template-columns:1fr 1fr}.ak-map-grid>div:last-child{grid-column:1/-1}}
@media(max-width:900px){.container{width:min(calc(100% - 30px),var(--max))}.ak-topbar-grid{grid-template-columns:1fr 1fr}.ak-info:nth-child(2){border-right:0}.ak-info:nth-child(n+3){border-top:1px solid var(--line)}.ak-brand-row{min-height:100px}.ak-logo{width:340px;height:90px}.ak-menu-toggle{display:block;background:transparent;color:#fff;border:0;font-size:28px;padding:7px 0;margin-right:10px}.ak-menu{display:none;position:absolute;left:15px;right:15px;top:50px;flex-direction:column;background:#131c24;z-index:500}.ak-menu.is-open{display:flex}.ak-menu>li>a{height:48px;padding:0 16px}.ak-menu .sub-menu{position:static;display:block;box-shadow:none;min-width:0;padding-left:15px}.ak-nav-inner{position:relative}.ak-nav-cta{display:none}.ak-hero-panel{width:70%}.ak-hero-final,.ak-hero-bg img,.ak-hero-overlay{min-height:600px}.ak-hero-final:after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.94) 60%,rgba(255,255,255,.3) 100%)}.ak-services-final-grid{grid-template-columns:repeat(2,1fr)}.ak-why-grid{grid-template-columns:1fr}.ak-why-service,.ak-why-contact{border-left:0;border-top:1px solid #44505a;padding:25px 0 0}.ak-map-grid{grid-template-columns:1fr}.ak-map-grid>div:last-child{grid-column:auto}.ak-footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ak-topbar{display:none}.container{width:calc(100% - 22px)}.ak-brand-row{min-height:82px}.ak-logo{width:260px;height:68px}.ak-header-cta{min-height:46px;padding:0 12px;font-size:11px}.ak-hero-final,.ak-hero-bg img,.ak-hero-overlay{min-height:650px}.ak-hero-panel{width:100%;padding-top:30px;align-self:flex-start}.ak-hero-final:after{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 48%,rgba(255,255,255,.2) 78%,rgba(255,255,255,0) 100%)}.ak-hero-bg img{object-position:62% center}.ak-hero-panel h1{font-size:65px;letter-spacing:-4px}.ak-hero-brandline{font-size:15px;letter-spacing:2px}.ak-hero-slogan{font-size:34px}.ak-hero-panel>p{font-size:18px}.ak-actions{flex-direction:column}.ak-button{width:100%;min-height:54px}.ak-trust{grid-template-columns:repeat(2,1fr);max-width:360px}.ak-services-final-grid{grid-template-columns:1fr 1fr}.ak-service-tile{min-height:140px}.ak-map-grid>div{padding:25px}.ak-footer-main{grid-template-columns:1fr}.ak-footer-brand img{width:280px}}

/* AUTOKRYS 3.3 — approved header: one clean horizontal row like the reference */
.ak-header{background:#fff;position:relative;z-index:100;border-bottom:0}
.ak-head-main{min-height:132px;display:grid;grid-template-columns:460px minmax(245px,1.25fr) 170px 205px 155px 180px;align-items:center;gap:0}
.ak-brand{display:flex;align-items:center;height:100%;padding-right:28px}
.ak-logo{width:440px;height:112px;object-fit:contain;object-position:left center}
.ak-head-info{min-height:72px;padding:8px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.ak-head-info strong{font-size:15px;line-height:1.15;font-weight:900}
.ak-head-info small{font-size:12px;line-height:1.2;color:#59636b;margin-top:5px}
.ak-head-info a{color:inherit}
.ak-address strong{font-size:14px}
.ak-map-link{color:var(--red)!important;font-size:12px;font-weight:800;margin-top:5px}
.ak-phone strong{font-size:15px}
.ak-head-messengers{display:flex;align-items:center;justify-content:center;gap:12px;border-left:1px solid var(--line);height:72px}
.ak-social{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700}
.ak-social b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:21px;color:#fff}
.ak-whatsapp b{background:#12b85a}.ak-telegram b{background:#139bdd}
.ak-header-cta{justify-self:end;width:165px;min-height:68px;padding:0 12px;text-align:center;font-size:14px;line-height:1.15;border-radius:5px}
.ak-nav{background:#141d25;color:#fff;border-bottom:1px solid #303a42}
.ak-nav-inner{min-height:50px;display:flex;align-items:stretch}
.ak-menu{display:flex;list-style:none;padding:0;margin:0;flex:1;justify-content:center}
.ak-menu>li>a{height:50px;display:flex;align-items:center;justify-content:center;padding:0 24px;font-size:14px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.ak-menu>li:first-child>a,.ak-menu>li.current-menu-item>a,.ak-menu>li.current_page_item>a{background:var(--red);color:#fff}
.ak-menu>li>a:hover{background:#252f38;color:#fff}
.ak-menu .sub-menu{top:50px}
.ak-nav-cta{display:none}

/* Never let a theme/plugin reset the reference header into a plain list. */
header .menu,.ak-menu{list-style:none;margin:0;padding:0}
header .menu li{margin:0;padding:0}
header .menu a{box-shadow:none}

@media(max-width:1450px){
  .ak-head-main{grid-template-columns:390px minmax(220px,1.2fr) 145px 185px 135px 165px}
  .ak-logo{width:370px;height:104px}
  .ak-head-info{padding-left:14px;padding-right:14px}
  .ak-menu>li>a{padding-left:16px;padding-right:16px;font-size:12px}
}
@media(max-width:1100px){
  .ak-head-main{grid-template-columns:330px 1fr 145px 150px 140px;min-height:112px}
  .ak-logo{width:315px;height:90px}
  .ak-head-messengers{gap:8px}
  .ak-header-cta{display:none}
  .ak-menu>li>a{padding:0 11px;font-size:11px}
}
@media(max-width:820px){
  .ak-head-main{grid-template-columns:1fr auto;min-height:86px;padding:0 15px}
  .ak-head-info,.ak-head-messengers{display:none}
  .ak-logo{width:285px;height:76px}
  .ak-header-cta{display:flex;width:auto;min-height:48px;font-size:11px}
  .ak-nav-inner{min-height:50px}
  .ak-menu-toggle{display:block;background:transparent;color:#fff;border:0;font-size:28px;padding:7px 0;margin-right:10px}
  .ak-menu{display:none;position:absolute;left:15px;right:15px;top:50px;flex-direction:column;background:#131c24;z-index:500;justify-content:flex-start}
  .ak-menu.is-open{display:flex}
  .ak-menu>li>a{height:48px;justify-content:flex-start;padding:0 16px;font-size:13px}
  .ak-menu .sub-menu{position:static;display:block;box-shadow:none;min-width:0;padding-left:15px}
  .ak-nav-inner{position:relative}
}

/* 3.4 cleanup: compact footer and no duplicate menu styling */
.ak-footer-main{padding:44px 0 38px;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:46px;align-items:start}
.ak-footer-brand img{width:300px;height:92px;object-fit:contain;object-position:left center;background:#fff;padding:6px;border-radius:5px;margin:0 0 16px}
.ak-footer-brand p{margin:0;color:#b9c1c8;line-height:1.55;font-size:15px}
.ak-footer h3{margin:0 0 18px;font-size:17px;color:#fff}
.ak-footer ul{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:9px}
.ak-footer li{margin:0!important;padding:0!important}
.ak-footer a{color:#e7ebee}
.ak-footer a:hover{color:#ff454c}
.ak-phone-footer{font-size:20px;font-weight:900}
.ak-footer-call{display:inline-flex;margin-top:8px;padding:10px 14px;border:1px solid var(--red);border-radius:4px;color:#fff!important;font-weight:900;font-size:13px}
.ak-footer-bottom{padding:14px 0}
.ak-mobile-bar{display:none}
@media(max-width:900px){.ak-footer-main{grid-template-columns:1fr 1fr;gap:30px}.ak-footer-brand img{width:260px}}
@media(max-width:620px){.ak-footer-main{grid-template-columns:1fr}.ak-mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#111820;box-shadow:0 -4px 18px rgba(0,0,0,.2)}.ak-mobile-bar a{flex:1;padding:13px 5px;text-align:center;color:#fff;font-size:12px;font-weight:900}.ak-mobile-bar .red{background:var(--red)}}


/* AUTOKRYS 3.5 — separate link to the car wash site */
.ak-nav-wash{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 18px;background:#fff;color:#141d25!important;font-size:12px;font-weight:900;letter-spacing:.2px;white-space:nowrap;border-left:1px solid #303a42}
.ak-nav-wash:hover{background:#e9ecef;color:var(--red)!important}
@media(max-width:1250px){.ak-nav-wash{padding:0 12px;font-size:11px}}
@media(max-width:1100px){.ak-nav-wash{padding:0 9px;font-size:10px}}
@media(max-width:820px){.ak-nav-wash{position:absolute;right:55px;top:0;height:50px;padding:0 12px;font-size:10px;border-left:0;background:var(--red);color:#fff!important}}