/*
Theme Name: PROREM
Description: Ремонт квартир и домов под ключ — Уфа. Кастомная тема по дизайн-референсу.
Author: PROREM
Version: 1.0
*/

:root{
  --primary: oklch(0.32 0.09 260);
  --primary-dark: oklch(0.22 0.08 260);
  --ink:#0f1720;
  --text-soft:#5b6570;
  --muted-1:#8b93a3;
  --muted-2:#6b7686;
  --bg-page:#f4f6f8;
  --bg-alt:#eef3f8;
  --bg-card:#fdfdfb;
  --border:#e1e6ec;
  --border-soft:#eceff2;
  --dark:#0f1720;
  --dark-text:#aab4c0;
  --dark-border:#24303c;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg-page);font-family:'Manrope',sans-serif;color:var(--ink);}
a{color:var(--primary);text-decoration:none;}
a:hover{color:var(--primary-dark);}
img{max-width:100%;display:block;}
.mono{font-family:'JetBrains Mono',monospace;}
.container{max-width:1440px;margin:0 auto;padding:0 48px;}
@media (max-width:900px){
  .container{padding:0 20px;}
  header .container{padding:14px 20px !important;}
  header nav{gap:8px 14px !important;font-size:13px !important;}

  /* сетки: реальные значения из шаблонов темы (без пробела после :) */
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(5,1fr)"],
  [style*="grid-template-columns:repeat(6,1fr)"],
  [style*="grid-template-columns:1.05fr"],
  [style*="grid-template-columns:1.1fr"],
  [style*="grid-template-columns:1.15fr"],
  [style*="grid-template-columns:1.3fr"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:1fr 460px"],
  [style*="grid-template-columns:1fr 120px 140px"]{
    grid-template-columns:1fr !important;
  }
  /* прайс-табличная строка «работа / ед / цена» — 3 узкие колонки, на мобиле оставляем в ряд, но уже */
  [style*="grid-template-columns:1fr 120px 140px"]{
    grid-template-columns:1fr 70px 90px !important;
    font-size:12px;
  }

  .img-slot{height:200px !important;}

  /* крупные заголовки — уменьшаем на мобиле */
  [style*="font-size:64px"]{font-size:36px !important;}
  [style*="font-size:58px"]{font-size:32px !important;}
  [style*="font-size:46px"]{font-size:28px !important;}
  [style*="font-size:42px"]{font-size:26px !important;}
  [style*="font-size:40px"]{font-size:26px !important;}
  [style*="font-size:38px"]{font-size:24px !important;}
  [style*="font-size:36px"]{font-size:22px !important;}
  [style*="font-size:34px"]{font-size:22px !important;}
  [style*="font-size:30px"]{font-size:20px !important;}
  [style*="font-size:28px"]{font-size:19px !important;}
  [style*="font-size:26px"]{font-size:18px !important;}

  section{padding-left:0 !important;padding-right:0 !important;}
  [style*="padding: 88px 48px"], [style*="padding:88px 48px"]{padding:48px 20px !important;}
  [style*="padding: 64px 48px"], [style*="padding:64px 48px"]{padding:40px 20px !important;}
  [style*="padding: 56px 48px"], [style*="padding:56px 48px"]{padding:32px 20px !important;}
  [style*="padding: 48px"], [style*="padding:48px"]{padding:28px 20px !important;}

  footer .container > div:first-child{grid-column:1/-1;}
}

@media (max-width:600px){
  header > div{flex-direction:column;align-items:flex-start !important;gap:10px !important;}
  header nav{width:100%;}
  .img-slot{height:160px !important;}
}

.img-slot{background:#e4e9ee;background-image:linear-gradient(135deg,#e4e9ee 25%,#dbe1e7 25%,#dbe1e7 50%,#e4e9ee 50%,#e4e9ee 75%,#dbe1e7 75%,#dbe1e7 100%);background-size:16px 16px;display:flex;align-items:center;justify-content:center;color:#8b93a3;font-size:12px;text-align:center;padding:8px;overflow:hidden;}
.img-slot img{width:100%;height:100%;object-fit:cover;}
nav a, .navlink{cursor:pointer;}
input[type=text],input[type=tel],input[type=email],textarea{font-family:'Manrope',sans-serif;font-size:15px;border:none;border-bottom:1px solid #e1e6ec;padding-bottom:10px;width:100%;background:transparent;outline:none;color:#0f1720;}
input::placeholder,textarea::placeholder{color:#b5bcc4;}
button{font-family:'Manrope',sans-serif;border:none;cursor:pointer;}
.accordion-a{cursor:pointer;}

[style*="font-size:64px"],
[style*="font-size:58px"],
[style*="font-size:46px"],
[style*="font-size:42px"],
[style*="font-size:40px"],
[style*="font-size:38px"],
[style*="font-size:36px"],
[style*="font-size:34px"],
[style*="font-size:30px"],
[style*="font-size:28px"],
[style*="font-size:26px"]{
  font-family:'Anybody',sans-serif;
  letter-spacing:-0.01em;
}
.logo-mark{
  font-family:'Anybody',sans-serif;
  font-weight:800;
}