/* ============================================================
   COACH · единый стиль сайта (Apple, как в главном баннере)
   Белый фон · графит #1d1d1f · серое матовое стекло · скругление 10px
   Часть 1: база сервисных страниц .pg
   Часть 2: глобальный слой для блоков .ch .cl .cm .pg .ft
   Часть 3: логотип (шапка, футер)
   Часть 4: баннеры страниц .cb (коллекции, каталог) и кнопки героя
   ============================================================ */

/* ---------- 1. БАЗА .pg ---------- */
.pg{--bg:#fff;--surface:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--link:#0066cc;--accent:#1d1d1f;--accent-hover:#3a3a3c;--hair:rgba(60,60,67,.16);--radius:10px;box-sizing:border-box;width:100%;padding:48px 22px 80px;background:var(--bg);color:var(--text);font-family:'TildaSans','Tilda Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.pg *,.pg *::before,.pg *::after{box-sizing:border-box;}
.pg__inner{max-width:820px;margin:0 auto;}
.pg__crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;list-style:none;margin:0 0 26px;padding:0;font-size:13px;color:var(--muted);}
.pg__crumbs a{color:var(--muted);text-decoration:none;}
.pg__crumbs a:hover{color:var(--link);text-decoration:underline;}
.pg__crumbs li{display:flex;align-items:center;gap:6px;}
.pg__crumbs li+li::before{content:"\203A";margin-right:6px;opacity:.6;}
.pg h1{font-size:clamp(36px,5.2vw,64px);line-height:1;font-weight:600;letter-spacing:-.045em;margin:0 0 16px;}
.pg__lead{font-size:clamp(17px,1.8vw,21px);line-height:1.47;color:var(--muted);margin:0 0 40px;}
.pg h2{font-size:clamp(24px,2.8vw,33px);line-height:1.1;font-weight:600;letter-spacing:-.035em;margin:50px 0 16px;}
.pg h2[id]{scroll-margin-top:100px;}
.pg h3{font-size:18px;line-height:1.26;font-weight:600;margin:26px 0 8px;}
.pg p{font-size:16.5px;line-height:1.6;color:var(--muted);margin:0 0 15px;}
.pg p b,.pg li b{color:var(--text);font-weight:600;}
.pg a{color:var(--link);text-decoration:none;}
.pg a:hover{text-decoration:underline;}
.pg ul,.pg ol{font-size:16.5px;line-height:1.6;color:var(--muted);margin:0 0 15px;padding-left:22px;}
.pg li{margin:0 0 8px;}
.pg-faq{border-top:1px solid var(--hair);margin:20px 0 0;}
.pg-faq details{border-bottom:1px solid var(--hair);}
.pg-faq summary{position:relative;display:block;padding:19px 46px 19px 2px;cursor:pointer;list-style:none;font-size:17.5px;line-height:1.32;font-weight:500;color:var(--text);}
.pg-faq summary::-webkit-details-marker{display:none;}
.pg-faq summary::before,.pg-faq summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:1.6px;background:var(--muted);border-radius:2px;transition:transform .25s ease;}
.pg-faq summary::before{transform:translateY(-50%) rotate(90deg);}
.pg-faq summary::after{transform:translateY(-50%);}
.pg-faq details[open] summary::before{transform:translateY(-50%) rotate(0deg);}
.pg-faq__a{padding:0 46px 20px 2px;}
.pg-faq__a p:last-child{margin-bottom:0;}
.pg-cta{background:var(--surface);border-radius:var(--radius);padding:34px 30px;margin:50px 0 0;text-align:center;}
.pg-cta h2{margin:0 0 8px;}
.pg-cta p{margin:0 auto 22px;max-width:34em;}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:56px;padding:0 28px;border-radius:var(--radius);text-decoration:none !important;font-size:17px;font-weight:500;}
.pg-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none;padding:0;margin:24px 0 0;}
.pg-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid var(--hair);border-radius:var(--radius);color:var(--text) !important;text-decoration:none !important;font-size:16px;font-weight:500;transition:background .2s ease;}
.pg-links a:hover{background:var(--surface);}
.pg-links i{font-style:normal;color:var(--muted);}
.pg-rev{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;margin:0 0 15px;padding:0;}
.pg-rev li{background:var(--surface);border-radius:var(--radius);padding:24px 22px;margin:0;display:flex;flex-direction:column;gap:11px;}
.pg-rev__stars{display:flex;gap:2px;color:#1d1d1f;}
.pg-rev p{font-size:16px;line-height:1.5;color:var(--text);margin:0;flex:1;}
.pg-rev footer{font-size:14px;color:var(--muted);}
.pg-rev footer b{display:block;color:var(--text);font-weight:600;font-size:15px;margin:0 0 2px;}
.pg-note{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border-radius:var(--radius);padding:18px 20px;margin:0 0 15px;}
.pg-note svg{flex:none;color:var(--text);margin-top:2px;}
.pg-note p{margin:0;font-size:15.5px;line-height:1.5;}
.doc-req{border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden;margin:0 0 16px;}
.doc-req dl{margin:0;}
.doc-req div{display:grid;grid-template-columns:230px 1fr;border-bottom:1px solid var(--hair);}
.doc-req div:last-child{border-bottom:none;}
.doc-req dt{padding:13px 18px;background:var(--surface);font-size:14px;font-weight:600;color:var(--text);}
.doc-req dd{padding:13px 18px;margin:0;font-size:15px;color:var(--muted);}
@media screen and (max-width:720px){.pg-links,.pg-rev{grid-template-columns:1fr;}}
@media screen and (max-width:620px){.pg{padding:34px 18px 64px;}.pg h2{margin-top:38px;}.pg p,.pg ul,.pg ol{font-size:16px;}.doc-req div{grid-template-columns:1fr;}.doc-req dt{padding-bottom:4px;background:transparent;}.doc-req dd{padding-top:0;border-bottom:1px solid var(--hair);}.pg-btn{width:100%;min-width:0;}}

/* ---------- 2. ГЛОБАЛЬНЫЙ СЛОЙ: токены ---------- */
.t-rec :is(.ch,.cl,.cm,.pg){
  --text:#1d1d1f;--muted:#6e6e73;--accent:#1d1d1f;--accent-hover:#3a3a3c;--link:#0066cc;
  --cream:#f5f5f7;--surface:#f5f5f7;--bar:#f5f5f7;--bg:#fff;--hair:rgba(60,60,67,.16);--radius:10px;
}
.t-rec .ft{--bg:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--link:#424245;--link-hover:#1d1d1f;--hair:rgba(60,60,67,.16);--chip:#fff;--radius:10px;}
.t-rec :is(.cl,.cm) h2{font-weight:600;letter-spacing:-.035em;}
.t-rec :is(.cl,.cm) h3{font-weight:600;}
.t-rec :is(.cl-eyebrow,.cm-eyebrow){color:#6e6e73;font-weight:500;letter-spacing:.08em;}
.t-rec :is(.cl,.cm) a:not([class]){color:#0066cc;}

/* кнопки: основная — в цвет заголовка, вторая — контур */
.t-rec :is(.cl-btn,.cm-btn,.pg-btn){
  height:56px;padding:0 30px;border-radius:10px;
  background:#1d1d1f !important;color:#fff !important;border:0 !important;
  font-size:17px;font-weight:500;letter-spacing:-.02em;text-transform:none;
  box-shadow:none;transform:none;transition:background .2s ease;
}
.t-rec :is(.cl-btn,.cm-btn,.pg-btn):hover{background:#3a3a3c !important;transform:none;text-decoration:none !important;}
.t-rec :is(.cl-btn--ghost,.cm-btn--ghost){background:transparent !important;color:#1d1d1f !important;border:1px solid #1d1d1f !important;}
.t-rec :is(.cl-btn--ghost,.cm-btn--ghost):hover{background:rgba(29,29,31,.06) !important;}

.t-rec :is(.cm-models li,.cl-range li){border:1px solid rgba(60,60,67,.16);}
.t-rec :is(.cm-models li,.cl-range li):hover{border-color:rgba(60,60,67,.4);transform:none;}
.t-rec :is(.cm-links a,.cl-links a):hover{border-color:rgba(60,60,67,.4);transform:none;}
.t-rec :is(.cm-stars,.pg-rev__stars){color:#1d1d1f;}
.t-rec :is(.cm-choose li::before,.cl-num li::before,.pg-steps li::before){background:#1d1d1f;}

/* ---------- 3. ЛОГОТИП: шапка и футер ---------- */
:root{--coach-logo:url("https://static.tildacdn.com/tild3636-6264-4530-b566-306233363233/coach-logo.webp");}
.t-rec .ch-logo{display:block;flex:none;width:108px;height:40px;background:var(--coach-logo) left center/contain no-repeat;}
.t-rec :is(.ch-logo__word,.ch-logo__sub,.ft__logo b,.ft__logo i){display:none;}
.t-rec .ft__logo{display:block;width:124px;height:46px;margin:0 0 26px;background:var(--coach-logo) left center/contain no-repeat;}
@media screen and (max-width:1000px){.t-rec .ch-logo{width:98px;height:36px;}}

/* ---------- 4a. ГЛАВНЫЙ БАННЕР: кнопки без белой окантовки, в цвет заголовка ---------- */
.t-rec .sw-btn{background:#1d1d1f;color:#fff !important;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
.t-rec .sw-btn:hover{background:#3a3a3c;}
.t-rec .sw-pay{border:0;box-shadow:none;}

/* ---------- 4b. БАННЕРЫ СТРАНИЦ .cb (коллекции, каталог) ---------- */
.cb{
  --ink:#1d1d1f;--mute:#6e6e73;--hair:rgba(60,60,67,.16);--g-fill:rgba(142,142,147,.12);
  position:relative;box-sizing:border-box;width:100%;overflow:hidden;background:#fff;color:var(--ink);
  padding:clamp(26px,3.2vw,44px) 22px clamp(40px,5vw,72px);
  font-family:'TildaSans','Tilda Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.cb *,.cb *::before,.cb *::after{box-sizing:border-box;}
.cb::before{content:"";position:absolute;left:50%;top:60%;width:min(1400px,170vw);height:620px;transform:translate(-50%,-30%);
  background:radial-gradient(closest-side,rgba(142,142,147,.18),rgba(142,142,147,.05) 60%,transparent 78%);pointer-events:none;}
.cb-in{position:relative;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr;column-gap:40px;align-items:center;}
.cb--photo .cb-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}
.cb-crumbs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;list-style:none;margin:0 0 clamp(22px,3vw,40px);padding:0;font-size:13px;color:var(--mute);}
.cb-crumbs a{color:var(--mute);text-decoration:none;}
.cb-crumbs a:hover{color:#0066cc;text-decoration:underline;}
.cb-crumbs li{display:flex;align-items:center;gap:6px;margin:0;}
.cb-crumbs li+li::before{content:"\203A";margin-right:6px;opacity:.6;}
.cb h1{font-size:clamp(40px,5.8vw,84px);line-height:.98;font-weight:600;letter-spacing:-.045em;margin:0;max-width:11em;}
.cb-lede{font-size:clamp(18px,1.8vw,22px);line-height:1.4;color:var(--mute);margin:clamp(14px,1.6vw,22px) 0 0;max-width:27em;}
.cb-act{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;margin-top:28px;}
.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 30px;border-radius:10px;
  background:#1d1d1f;color:#fff !important;text-decoration:none !important;font-size:17px;font-weight:500;letter-spacing:-.02em;transition:background .2s ease;}
.cb-btn:hover{background:#3a3a3c;}
.cb-btn i{font-style:normal;transition:transform .2s ease;}
.cb-btn:hover i{transform:translateX(3px);}
.cb-btn--ghost{background:transparent;color:#1d1d1f !important;border:1px solid #1d1d1f;}
.cb-btn--ghost:hover{background:rgba(29,29,31,.06);}
.cb-pay{display:flex;align-items:center;margin:0;padding:0 8px;min-height:56px;list-style:none;background:var(--g-fill);border-radius:10px;
  -webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);}
.cb-pay li{list-style:none;display:flex;align-items:center;gap:12px;padding:0 16px;margin:0;}
.cb-pay li+li{border-left:1px solid var(--hair);}
.cb-pay svg{flex:none;width:26px;height:26px;color:var(--ink);}
.cb-pay b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.2;}
.cb-pay span{display:block;font-size:13px;line-height:1.25;color:var(--mute);}
/* фото сумки: белый фон снимка растворяется через multiply */
.cb-photo{position:relative;width:min(460px,100%);justify-self:center;}
.cb-photo::before{content:"";position:absolute;left:50%;top:46%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(142,142,147,.28),rgba(142,142,147,.08) 55%,transparent 74%);pointer-events:none;}
.cb-photo::after{content:"";position:absolute;left:50%;bottom:2%;width:78%;height:7%;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(29,29,31,.30),transparent);filter:blur(6px);pointer-events:none;}
.cb-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;mix-blend-mode:multiply;}
/* каталог: карточки коллекций */
.cb-cols{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:clamp(30px,4vw,52px) 0 0;padding:0;}
.cb-cols li{margin:0;list-style:none;}
.cb-cols a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:16px 20px;border-radius:10px;background:#f5f5f7;
  color:#1d1d1f !important;text-decoration:none !important;font-size:18px;font-weight:600;letter-spacing:-.02em;transition:background .2s ease;}
.cb-cols a:hover{background:#ebebed;}
.cb-cols small{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--mute);margin-top:3px;}
.cb-cols i{font-style:normal;color:var(--mute);font-weight:400;}
@media screen and (max-width:900px){
  .cb--photo .cb-in{grid-template-columns:1fr;}
  .cb-photo{order:-1;grid-column:1;width:min(400px,86vw);margin:0 auto 6px;}
  .cb-cols{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:734px){
  .cb{padding:22px 18px 40px;}
  .cb-act{flex-direction:column;}
  .cb-btn{width:100%;}
  .cb-pay{flex-direction:column;align-items:stretch;padding:6px 0;}
  .cb-pay li{padding:12px 18px;}
  .cb-pay li+li{border-left:0;border-top:1px solid var(--hair);}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cb-pay{background:#eeeef0;}}
@media (prefers-reduced-motion:reduce){.cb-btn,.cb-btn i,.cb-cols a{transition:none;}}