/* Layout enhancements for the examples gallery; no theme switching. */
.js-ready #examples{opacity:1;transform:none}
.example-card__visual{position:relative;overflow:hidden}
.example-card__visual img{width:100%;height:100%;object-fit:cover;display:block}
.example-card .wp-example-links{display:flex;gap:14px;flex-wrap:wrap;padding:0 26px 26px}
.example-card .wp-example-links a{font-size:.86rem;font-weight:800;color:var(--wp-primary);text-decoration:none;border-bottom:1px solid currentColor}
.example-card .wp-example-links a:hover{color:var(--wp-primary-deep)}
.wp-examples-all{text-align:center;margin-top:34px}
.wp-examples-all .btn{font-weight:800}


/* Скриншоты демосайтов на главной WantPage: только этот раздел. */
#examples .wp-preview-card{padding:0;overflow:hidden;height:100%}
#examples .wp-preview-link{height:100%;display:flex;flex-direction:column;color:inherit;text-decoration:none}
#examples .wp-preview-link .example-card__visual{height:auto;aspect-ratio:700/440;overflow:hidden}
#examples .wp-preview-link img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}
#examples .wp-preview-link:hover img{transform:scale(1.025)}
#examples .wp-preview-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;min-height:65px}
#examples .wp-preview-caption h3{font:800 1.05rem/1.35 WPJakarta,Arial,sans-serif;letter-spacing:-.03em;margin:0;padding:0;color:var(--wp-text)}
#examples .wp-preview-caption span{white-space:nowrap;color:var(--wp-primary);font-weight:800;font-size:.82rem}
#examples .wp-preview-link:focus-visible{outline:3px solid var(--wp-primary);outline-offset:-3px}
@media(max-width:575px){#examples .wp-preview-caption{padding:14px 17px;min-height:56px}}
@media(prefers-reduced-motion:reduce){#examples .wp-preview-link img{transition:none}#examples .wp-preview-link:hover img{transform:none}}

/* Point updates: compact scrolling, unchanged colors and component design. */
#examples .wp-preview-caption{justify-content:flex-start}
.section-space{padding-top:64px;padding-bottom:64px}
.section-heading{margin-bottom:28px}

/* Problem / solution slides. Both original sections remain readable without JavaScript. */
.wp-reasons-switch__controls{display:none}
.wp-reasons-switch.is-enhanced .wp-reasons-switch__controls{
  display:flex;align-items:center;justify-content:center;gap:0;
  padding-top:26px;padding-bottom:0;
}
.wp-reasons-switch__tab{
  appearance:none;cursor:pointer;border:1px solid rgba(24,50,79,.16);
  background:#fff;color:var(--wp-text);
  font:700 .9rem/1.3 "Plus Jakarta Sans", "Segoe UI", sans-serif;
  padding:9px 18px;min-height:40px;
}
.wp-reasons-switch__tab:first-child{border-radius:7px 0 0 7px}
.wp-reasons-switch__tab:last-child{border-radius:0 7px 7px 0;border-left:0}
.wp-reasons-switch__tab[aria-selected="true"]{background:var(--wp-primary);color:#fff;border-color:var(--wp-primary)}
.wp-reasons-switch__tab:hover:not([aria-selected="true"]){background:var(--wp-primary-soft)}
.wp-reasons-switch__tab:focus-visible{position:relative;z-index:1;outline:3px solid var(--wp-accent);outline-offset:2px}
.wp-reasons-switch.is-enhanced .section-space{padding-top:26px;padding-bottom:54px}
.wp-reasons-switch .section-space{scroll-margin-top:52px}
.wp-reasons-switch .section-space.is-visible,
.js-ready .wp-reasons-switch .section-space{
  opacity:1;transform:none;transition:none;
}
.wp-reasons-switch .section-space[hidden]{display:none!important}

/* Notebook view: fit all tariff actions into a standard laptop viewport. */
@media (min-width:992px) and (max-height:900px){
  #pricing{padding-top:40px;padding-bottom:45px}
  #pricing .section-heading{margin-bottom:22px}
  #pricing .section-heading h2{font-size:clamp(1.9rem,2.7vw,2.7rem);margin-bottom:9px}
  #pricing .section-heading p{font-size:.95rem;line-height:1.5}
  #pricing .pricing-card{gap:12px;padding:20px 21px}
  #pricing .pricing-card__label{font-size:1.03rem}
  #pricing .pricing-card__price{font-size:clamp(1.5rem,2vw,1.85rem)}
  #pricing .pricing-card ul{gap:7px}
  #pricing .pricing-card li{line-height:1.42;font-size:.94rem}
  #pricing .pricing-card .btn{padding:.57rem .7rem;font-size:.87rem;min-height:42px}
  #pricing .pricing-card--accent{transform:none}
}
@media (max-width:767.98px){
  .section-space{padding-top:48px;padding-bottom:48px}
  .section-heading{margin-bottom:24px}
  .wp-reasons-switch.is-enhanced .wp-reasons-switch__controls{padding-top:18px}
  .wp-reasons-switch.is-enhanced .section-space{padding-top:22px;padding-bottom:40px}
}
@media (max-width:380px){
  .wp-reasons-switch__tab{font-size:.81rem;padding:9px 12px}
}


/* Contact anchor: the blue block begins exactly below the sticky header. */
@media (min-width:768px){
  #contacts{min-height:65vh;scroll-margin-top:53px}
}
@media (max-width:767.98px){
  #contacts{scroll-margin-top:52px}
}
/* Direct anchor navigation must not land on a temporarily transparent panel. */
.js-ready #pricing,.js-ready #contacts{opacity:1;transform:none;transition:none}

/* Sections align below the universal sticky navigation when clicked. */
.section-space[id]{scroll-margin-top:53px}