/* Лендинг для клиентов avocadohome.kz/dom — поверх assets/avocado-holding.css и landing.css. 02.11.2026 */

.dom-hero{position:relative;min-height:600px}
.dom-hero .phone{position:absolute;width:250px}
.dom-hero .phone.front{left:26%;top:30px;z-index:3}
.dom-hero .phone.back{left:58%;top:110px;width:220px;opacity:.95;z-index:2}
.dom-hero .tg{left:auto;right:-6px;bottom:-4px;z-index:4}
@media (max-width:960px){
  .dom-hero{min-height:0;height:560px;margin-top:10px}
  .dom-hero .phone.front{left:6%;top:0;width:min(44vw,240px)}
  .dom-hero .phone.back{left:52%;top:50px;width:min(40vw,210px)}
  .dom-hero .tg{right:0;bottom:0;width:min(66vw,300px)}
}
@media (max-width:560px){.dom-hero{height:470px}}

.dom-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.dom-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
.dom-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:16.5px;line-height:1.5;color:var(--dim)}
.dom-list li::before{content:'';width:24px;height:24px;border-radius:50%;background:var(--green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23387F27' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:1px}
.dom-list li b{color:var(--ink);font-weight:600}
.dom-pair{display:flex;gap:22px;justify-content:center;align-items:flex-start}
.dom-pair .phone{width:min(46%,260px)}
.dom-pair .phone:nth-child(2){margin-top:60px}
.dom-pair.night .phone{width:min(70%,300px);margin:0 auto}
@media (max-width:900px){.dom-split{grid-template-columns:1fr}}

.reel.day figcaption .when{display:inline-flex;height:26px;padding:0 10px;border-radius:var(--pill);background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;align-items:center;margin-bottom:10px;font-variant-numeric:tabular-nums}

.fam{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.fam .card{display:flex;flex-direction:column;background:var(--paper);box-shadow:none}
.fam .phone.sm{width:200px;margin:0 auto 22px}
.fam .tabletm{border-radius:22px;padding:9px;background:#101311;margin:40px 0 46px;box-shadow:0 30px 60px -36px rgba(10,30,10,.5)}
.fam .tabletm img{border-radius:14px;width:100%}
.fam h3{font-size:21px;letter-spacing:-.02em}
.fam p{margin-top:8px;font-size:15.5px;color:var(--dim);line-height:1.5}
@media (max-width:900px){.fam{grid-template-columns:1fr}}

.lay{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.lay>div{border-radius:var(--r);background:var(--paper);padding:26px;display:grid;gap:4px}
.lay .ic-tile{margin-bottom:14px}
.lay b{font-size:19px;letter-spacing:-.015em}
.lay span:not(.ic-tile){font-size:15.5px;color:var(--dim);line-height:1.5}
@media (max-width:900px){.lay{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.lay{grid-template-columns:1fr}}

.how.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.sec-paper .how div{background:#fff}
@media (max-width:1100px){.how.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.how.five{grid-template-columns:1fr}}