.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { scrollbar-width: none; -ms-overflow-style: none; }
.ba-slider { touch-action: none; user-select: none; }
.ba-after { will-change: clip-path; }
html { scroll-behavior: smooth; }

/* Градиентная маска пилюли: чёрный в центре, убывание к краям */
.pill-mask {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.25) 18%, #000 38%, #000 62%, rgba(0,0,0,.25) 82%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.25) 18%, #000 38%, #000 62%, rgba(0,0,0,.25) 82%, transparent 100%);
}

/* Заголовок hero: шрифт и размер управляются из админки */
.hero-title {
  font-family: var(--hero-font, 'Golos Text', sans-serif);
  font-size: clamp(2.2rem, 7vw, var(--hero-size, 4rem));
}

/* ═══ v0.29: монохромные иконки в стиле сайта (olive + мягкое свечение) ═══ */
.ico{width:18px;height:18px;flex:none;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:#8AA055;filter:drop-shadow(0 0 5px rgba(162,183,104,.45))}
.text-white .ico,.bg-accent .ico,.bg-accentdark .ico{color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}

/* ═══ v0.30: барабан-колесо как в iOS для калькулятора ═══ */
.wheel-wrap{position:relative;height:176px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;overflow:hidden}
.wheel{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.wheel::-webkit-scrollbar{display:none}
.wheel-item{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:15px;color:rgba(42,26,24,.40);transition:color .25s,font-size .25s;cursor:pointer}
.wheel-item.on{color:#2a1a18;font-weight:600;font-size:17px}
.wheel-band{position:absolute;left:10px;right:10px;top:50%;height:44px;transform:translateY(-50%);background:rgba(162,183,104,.16);border:1px solid rgba(162,183,104,.4);border-radius:12px;pointer-events:none;z-index:2}
.wheel-wrap::before,.wheel-wrap::after{content:'';position:absolute;left:0;right:0;height:calc(50% - 22px);pointer-events:none;z-index:1}
.wheel-wrap::before{top:0;background:linear-gradient(rgba(250,247,245,.85),rgba(250,247,245,0))}
.wheel-wrap::after{bottom:0;background:linear-gradient(rgba(250,247,245,0),rgba(250,247,245,.85))}

/* ═══ v0.30.1: стеклянная глубина барабанов, стрелки для десктопа, размеры вне tailwind-билда ═══ */
.wheel-wrap{background:rgba(255,255,255,.55);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 30px rgba(139,164,87,.18)}
.wheel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(139,164,87,.35);color:#5c7031;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:.2s}
.wheel-btn:hover{background:#fff;color:#3f4d22}
.wheel-prev{left:8px}
.wheel-next{right:8px}
@media (min-width:1024px){.wheel-btn{display:flex}}
.site-logo{height:32px;width:auto;max-width:120px;object-fit:contain}
@media (min-width:640px){.site-logo{height:36px;max-width:none}}
.site-phone{white-space:nowrap;font-size:12px}
@media (min-width:640px){.site-phone{font-size:14px}}
.fbar-ico{width:44px;height:44px}

/* ═══ v0.31: парящий бар контактов (свой CSS) ═══ */
.float-bar{position:fixed;bottom:14px;left:14px;right:14px;z-index:40;max-width:672px;margin:0 auto;display:flex;align-items:stretch;gap:8px}
.float-bar-pill{background:rgba(255,255,255,.82);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);border:1px solid rgba(255,255,255,.85);border-radius:999px;padding:6px;display:flex;gap:6px;align-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(93,105,60,.22)}
.fbar-ico-link{width:44px;height:44px;border-radius:999px;background:#A2B768;display:flex;align-items:center;justify-content:center;color:#fff;transition:.2s}
.fbar-ico-link:hover{background:#8AA055}
.fbar-ico-link .ico{width:20px;height:20px;color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}
.fbar-m{font-size:14px;font-weight:700}
.float-bar-cta{flex:1;min-width:0;background:#A2B768;color:#fff;border-radius:999px;box-shadow:0 14px 34px rgba(93,105,60,.28);font-weight:500;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;white-space:nowrap;overflow:hidden;transition:.2s}
.float-bar-cta:hover{background:#8AA055}
.float-bar-cta .ico{width:18px;height:18px;color:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.5));flex:none}
.float-bar-cta span{overflow:hidden;text-overflow:ellipsis}
@media (min-width:640px){.float-bar{bottom:18px;left:18px;right:18px}.float-bar-cta{font-size:16px}}

/* ═══ v0.31: стеклянный дизайн сайта (палитра ЧистоЧиты) ═══ */
body{background:radial-gradient(640px 440px at 6% 2%,rgba(162,183,104,.20),transparent 62%),radial-gradient(560px 440px at 96% 14%,rgba(214,222,205,.40),transparent 64%),radial-gradient(760px 560px at 46% 106%,rgba(139,164,87,.16),transparent 66%),linear-gradient(168deg,#fbfaf7,#f5f3ed 55%,#efece3)!important}
header.sticky{background:rgba(250,249,246,.72);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.7)}
#calc-form{background:rgba(255,255,255,.5);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 60px rgba(93,105,60,.16)}
#checklist-grid > div,#reviews div.bg-white,#cleaners div.bg-white,#services div.bg-white{background:rgba(255,255,255,.55);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 34px rgba(93,105,60,.12)}
#soil-seg button,#bath-group button,#ironing-group button{background:rgba(255,255,255,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(162,183,104,.35)}
section#photo{background:transparent}
/* ═══ v0.31.1: активные сегменты калькулятора видны (оливковая заливка + белый текст) ═══ */
#soil-seg button.bg-accent,#bath-group button.border-accent,#ironing-group button.border-accent{background:#A2B768;color:#fff;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 18px rgba(139,164,87,.35)}
#soil-seg button.bg-accent:hover,#bath-group button.border-accent:hover,#ironing-group button.border-accent:hover{background:#8AA055}

/* ═══ v0.33: тост-уведомление калькулятора ═══ */
.cb-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%) translateY(16px);opacity:0;background:#3f4d22;color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;z-index:80;pointer-events:none;transition:all .25s;max-width:86vw;text-align:center;box-shadow:0 10px 30px rgba(63,77,34,.4)}
.cb-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ═══ v0.35.1: инлайн-иконки (tailwind preflight делает svg блочными), футер-мета, кнопки скачивания ═══ */
.ico{display:inline-block}
.ibtn{display:inline-flex;align-items:center;gap:10px;justify-content:center}
.cb-foot-meta p{margin:0}
.cb-foot-syn b{font-weight:700;color:rgba(42,26,24,.7)}
.cb-dl-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;padding-top:6px}
.cb-dl-row button{cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:.2s}
.cb-dl-row button:hover{color:#2a1a18}

/* ═══ v0.36: раскрывающийся блок доп. услуг в калькуляторе ═══ */
.cb-extras{border:1px solid rgba(162,183,104,.35);border-radius:16px;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 14px 10px}
.cb-extras summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 4px;font-weight:600;font-size:15px;line-height:1.35;color:#3f4d22}
.cb-extras summary::-webkit-details-marker{display:none}
.cb-extras summary::after{content:'+';font-size:20px;font-weight:700;color:#8AA055;line-height:1}
.cb-extras[open] summary::after{content:'–'}
.cb-extras-hint{font-weight:400;font-size:12px;color:rgba(42,26,24,.5);margin-left:6px}
.cb-extras-body{padding-top:6px}