/* «Контакты» — Claude Design «Контакты — новый дизайн», 20.10.2026 (ContactsLayout).
   Builds on faq.css (.sd-faq tokens, head band, buttons, invite); the topic buttons repeat «Цвета RAL» and «Объекты», the cards the
   object and product cards, the rows with copy buttons and the toast the RAL colour card. Without JavaScript the topics and the copy
   buttons are not shown: every phone and address is a link. */
html:not(.sd-js) .sd-ct-topics,html:not(.sd-js) .sd-ct-copy,html:not(.sd-js) .sd-ct-copy-wide{display:none}
.sd-ct .sd-btn svg{flex:none}

/* Head */
.sd-ct .sd-faq-head{padding-bottom:34px}
.sd-ct .sd-faq-head .sd-faq-wrap{gap:16px}
.sd-ct-hours{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:500px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);font-size:15px;color:var(--g800)}
.sd-ct-hours svg,.sd-ct-about svg{color:var(--sp-red)}
.sd-ct-topics{display:grid;gap:10px;margin-top:6px}
.sd-ct-topics-label{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:17px;color:var(--sp-blue)}
.sd-ct-chips{display:flex;flex-wrap:wrap;gap:8px}
.sd-ct .sd-ct-chip{height:44px;display:inline-flex;align-items:center;margin:0;padding:0 16px;border:1px solid var(--g200);border-radius:0;background:#fff;color:var(--g800);font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .1s ease-in-out,border-color .1s ease-in-out}
.sd-ct .sd-ct-chip:hover{border-color:var(--sp-blue)}
.sd-ct .sd-ct-chip[aria-pressed=true]{background:var(--sp-blue);border-color:var(--sp-blue);color:#fff}
.sd-ct-tip{display:flex;align-items:flex-start;gap:10px;max-width:820px;margin:2px 0 0;font-size:15px;line-height:1.45;color:var(--g800)}
.sd-ct-tip svg{flex:none;margin-top:2px;color:var(--sp-blue)}

/* Contact cards: white with the card shadow; the chosen topic outlines its ways and dims the rest */
.sd-ct-ways{padding-top:40px}
.sd-ct-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sd-ct-card{position:relative;display:grid;align-content:start;gap:14px;padding:24px;background:#fff;box-shadow:var(--shadow-card);transition:box-shadow .15s ease-in-out,opacity .15s ease-in-out}
.sd-ct-card.is-match{box-shadow:0 0 0 2px var(--sp-blue),var(--shadow-card-hover)}
.sd-ct-card.is-dim{opacity:.45}
.sd-ct-match{position:absolute;top:-12px;right:20px;padding:3px 12px;border-radius:500px;background:var(--sp-red);color:#fff;font-size:13px;font-weight:600;line-height:1.4}
.sd-ct-card-head{display:flex;align-items:center;gap:12px}
.sd-ct-card-icon{flex:none;width:44px;height:44px;border-radius:50%;background:var(--g100);color:var(--sp-blue);display:flex;align-items:center;justify-content:center}
.sd-ct-card-title{margin:0;font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:21px;line-height:1.2;color:var(--sp-blue)}
.sd-ct-card-sub{margin:-4px 0 0 56px;font-size:14px;line-height:1.4;color:var(--g600)}
.sd-ct-card-text{margin:0;font-size:15px;line-height:1.5;color:var(--g800)}
.sd-ct .sd-ct-big{font-family:var(--font-display);font-weight:600;font-size:34px;line-height:1.1;color:var(--g900);text-decoration:none;font-variant-numeric:tabular-nums}
.sd-ct .sd-ct-big:hover{color:var(--sp-blue)}
.sd-ct-actions{display:flex;flex-wrap:wrap;gap:10px}
.sd-ct-rows{display:grid}
.sd-ct-row{display:flex;align-items:center;gap:12px;min-height:58px;border-top:1px solid var(--g200);transition:background-color .15s ease-in-out}
.sd-ct-row:last-child{border-bottom:1px solid var(--g200)}
.sd-ct-row.is-match{margin:0 -12px;padding:0 12px;background:#eef3f8}
.sd-ct-row-text{flex:1;min-width:0;display:grid}
.sd-ct .sd-ct-value{font-size:19px;font-weight:600;line-height:1.3;color:var(--g900);text-decoration:none;overflow-wrap:anywhere}
.sd-ct .sd-ct-value:hover{color:var(--sp-blue)}
.sd-ct-note{font-size:13px;line-height:1.35;color:var(--g600)}
.sd-ct .sd-ct-copy{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid var(--g200);border-radius:0;background:#fff;color:var(--sp-blue);cursor:pointer}
.sd-ct .sd-ct-copy:hover{border-color:var(--sp-blue)}

/* Hours, company, social */
.sd-ct-about{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin-top:24px;padding:18px 24px;background:var(--g50)}
.sd-ct-about-items{display:flex;flex-wrap:wrap;gap:8px 30px;font-size:15px;color:var(--g800)}
.sd-ct-about-items span{display:inline-flex;align-items:center;gap:8px}
.sd-ct-about svg{flex-shrink:0}
.sd-ct-social{display:flex;flex-wrap:wrap;gap:8px}
.sd-ct .sd-ct-social a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--g300);background:#fff;color:var(--g800);font-size:15px;font-weight:600;text-decoration:none}
.sd-ct .sd-ct-social a:hover{border-color:var(--sp-blue);color:var(--sp-blue)}
.sd-ct-social svg{color:var(--sp-blue)}

/* Where to buy */
.sd-ct-buy{margin-top:56px;padding:34px 0 40px;background:var(--g50);transition:box-shadow .15s ease-in-out}
.sd-ct-buy.is-match{box-shadow:inset 0 0 0 2px var(--sp-blue)}
.sd-ct-eyebrow{display:block;font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:.06em;color:var(--sp-red)}
.sd-ct .sd-ct-buy .sd-faq-h2{margin:4px 0 20px}
.sd-ct-shops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sd-ct-shop{display:grid;align-content:start;gap:12px;padding:22px;background:#fff;box-shadow:var(--shadow-card)}
.sd-ct-shop-title{margin:0;font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:19px;line-height:1.2;color:var(--sp-blue)}
.sd-ct-shop p{margin:0;font-size:15px;line-height:1.45;color:var(--g800)}
.sd-ct-names{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.sd-ct-names li{padding:4px 12px;border-radius:500px;background:var(--g100);font-size:14px;color:var(--g800)}
.sd-ct-shop .sd-btn{justify-self:start}

/* Invite: the second button on blue */
.sd-ct .sd-faq-invite{margin-top:56px}
.sd-ct-invite-actions{align-items:center}
.sd-ct .sd-ct-ghost{border-color:rgba(255,255,255,.6);background:transparent;color:#fff}
.sd-ct .sd-ct-ghost:hover{border-color:#fff;color:#fff}

/* Toast (catalog / RAL) */
.sd-ct-toast{position:fixed;right:20px;bottom:20px;z-index:1100;max-width:420px;padding:18px 58px 18px 18px;background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.133);font-size:.875rem;line-height:1.5;color:var(--g600)}
.sd-ct .sd-ct-toast-close{position:absolute;top:0;right:0;bottom:0;width:40px;margin:0;padding:0;border:0;border-radius:0;background:var(--sp-blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}

.sd-ct-actions .sd-msgr-btn{display:inline-flex;align-items:center;gap:8px}
/* With «Мессенджеры» there are five cards: the mail card takes the whole last row. */
.sd-ct-cards>.sd-ct-card:nth-child(5):last-child{grid-column:1/-1}
/* «Склад»: the address, phone and hours beside the map. */
.sd-ct-store{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 40px;align-items:start;margin-top:48px}
.sd-ct-store-text{display:grid;gap:12px;justify-items:start}
.sd-ct-store-text .sd-faq-h2{margin:0 0 4px}
.sd-ct-store-text p{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;margin:0;font-size:15px;line-height:1.5;color:var(--g800)}
.sd-ct-store-text p svg{margin-top:3px;color:var(--sp-red)}
.sd-ct-store-text .sd-btn{margin-top:6px}
.sd-ct-store-map{position:relative;aspect-ratio:7/4;background:var(--g100)}
.sd-ct-store-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:959px){
  .sd-ct-store{grid-template-columns:minmax(0,1fr);margin-top:32px}
  .sd-ct-store-map{aspect-ratio:4/3}
  .sd-ct .sd-faq-head{padding:18px 0 22px}
  .sd-ct .sd-faq-head .sd-faq-wrap{gap:12px}
  .sd-ct .sd-faq-head h1{font-size:30px}
  .sd-ct .sd-faq-lead{font-size:16px}
  .sd-ct-hours{font-size:14px}
  .sd-ct-topics-label{font-size:15px}
  .sd-ct-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--pad)*-1);padding:0 var(--pad)}
  .sd-ct-chips::-webkit-scrollbar{display:none}
  .sd-ct .sd-ct-chip{flex:none;padding:0 12px;font-size:14px}
  .sd-ct-tip{font-size:14px}
  .sd-ct-ways{padding-top:22px}
  .sd-ct-cards{grid-template-columns:minmax(0,1fr);gap:16px}
  .sd-ct-card{padding:18px 15px}
  .sd-ct-card-title{font-size:19px}
  .sd-ct-card-sub{margin-left:0}
  .sd-ct .sd-ct-big{font-size:30px}
  .sd-ct-actions .sd-btn{flex:1 1 100%}
  .sd-ct .sd-ct-value{font-size:17px}
  .sd-ct-about{flex-direction:column;align-items:stretch;margin:16px calc(var(--pad)*-1) 0;padding:18px var(--pad)}
  .sd-ct-about-items{flex-direction:column;gap:8px}
  .sd-ct .sd-ct-social a{flex:1 1 0;justify-content:center;padding:0 8px}
  .sd-ct-buy{margin-top:30px;padding:26px 0 28px}
  .sd-ct .sd-ct-buy .sd-faq-h2{font-size:24px;margin-bottom:14px}
  .sd-ct-shops{grid-template-columns:minmax(0,1fr);gap:12px}
  .sd-ct-shop{padding:18px 15px}
  .sd-ct-shop .sd-btn{justify-self:stretch}
  .sd-ct .sd-faq-invite{margin-top:30px;padding:24px 20px}
  .sd-ct-invite-actions .sd-btn{flex:1 1 auto}
  .sd-ct-toast{left:15px;right:15px;bottom:calc(var(--sd-mbar-h,64px) + 16px);max-width:none}
}
@media (prefers-reduced-motion:reduce){.sd-ct *{transition:none!important}}