@media (max-width: 900px) {
  body {
    overflow-x: hidden !important;
  }

  body > header img,
  body > .header img,
  body > .site-header img,
  body > .topbar img,
  header img[src*="anastasia"],
  .header img[src*="anastasia"],
  .site-header img[src*="anastasia"],
  .topbar img[src*="anastasia"] {
    display: none !important;
  }

  body > header :has(> img[src*="anastasia"]),
  body > .header :has(> img[src*="anastasia"]),
  body > .site-header :has(> img[src*="anastasia"]),
  body > .topbar :has(> img[src*="anastasia"]),
  header .avatar,
  header .brand-avatar,
  header .brand-photo,
  header .brand-media,
  header .logo-image,
  .header .avatar,
  .header .brand-avatar,
  .header .brand-photo,
  .header .brand-media,
  .header .logo-image,
  .site-header .avatar,
  .site-header .brand-avatar,
  .site-header .brand-photo,
  .site-header .brand-media,
  .site-header .logo-image {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  header .brand,
  .header .brand,
  .site-header .brand,
  .topbar .brand {
    align-items: center;
    gap: 0;
    width: 100%;
  }

  header .brand-title,
  .header .brand-title,
  .site-header .brand-title,
  .topbar .brand-title {
    display: block;
    line-height: 1.08;
    max-width: 260px;
    margin: 12px auto 12px;
    text-align: center;
  }

  #services h2,
  #services .section-title {
    text-align: left !important;
    margin-left: 0 !important;
  }

  .floating-contact,
  .contact-float,
  .float-contact,
  .social-float,
  .floating-social,
  .contact-rail,
  .contact-stack,
  .contact-wheel,
  .contact-dock,
  .quick-contact,
  .quick-contacts,
  .messenger-float,
  .messenger-wheel,
  .social-wheel,
  .floating-menu {
    position: fixed !important;
    left: 8px !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    z-index: 85;
  }

  .floating-checklist,
  .checklist-float,
  .lead-magnet,
  .checklist-tab,
  .lead-tab,
  .lead-button,
  .checklist-button,
  .checklist-trigger,
  [data-modal="checklist"],
  [href="#checklist"] {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    z-index: 84 !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 122px !important;
    padding: 8px 6px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
  }

  .back-to-top,
  .to-top,
  .scroll-top,
  .top-button,
  [href="#top"] {
    position: fixed !important;
    right: 8px !important;
    left: auto !important;
    bottom: 8px !important;
    top: auto !important;
    transform: none !important;
    z-index: 82 !important;
    width: auto !important;
    min-width: 68px !important;
    min-height: 38px !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
  }

  #services > div,
  #process > div,
  #steps > div,
  #sites > div,
  #web > div,
  #sites [class*="grid"],
  #web [class*="grid"],
  #landing [class*="grid"],
  #landing-pages [class*="grid"],
  #bots > div,
  #telegram-bots > div,
  .services-grid,
  .steps-grid,
  .process-grid,
  .web-grid,
  .sites-grid,
  .landing-grid,
  .bots-grid,
  .bot-grid,
  .features-grid,
  .feature-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  #sites article,
  #sites .card,
  #sites .service-card,
  #sites .feature-card,
  #sites li,
  #web article,
  #web .card,
  #web .service-card,
  #web .feature-card,
  #web li,
  #landing article,
  #landing .card,
  #landing .service-card,
  #landing .feature-card,
  #landing li,
  #landing-pages article,
  #landing-pages .card,
  #landing-pages .service-card,
  #landing-pages .feature-card,
  #landing-pages li {
    min-width: 0 !important;
  }

  #services .card,
  #services article,
  #services li,
  #process .card,
  #process article,
  #process li,
  #steps .card,
  #steps article,
  #steps li,
  #sites .card,
  #sites article,
  #sites li,
  #web .card,
  #web article,
  #web li,
  #bots .card,
  #bots article,
  #bots li,
  #telegram-bots .card,
  #telegram-bots article,
  #telegram-bots li,
  .services-grid .card,
  .services-grid .service-card,
  .steps-grid .card,
  .process-grid .card,
  .web-grid .card,
  .sites-grid .card,
  .landing-grid .card,
  .bots-grid .card,
  .bot-grid .card,
  .features-grid .card,
  .feature-grid .card {
    padding: 12px !important;
  }

  #services h3,
  #process h3,
  #steps h3,
  #sites h3,
  #web h3,
  #bots h3,
  #telegram-bots h3,
  .services-grid h3,
  .steps-grid h3,
  .process-grid h3,
  .web-grid h3,
  .sites-grid h3,
  .landing-grid h3,
  .bots-grid h3,
  .bot-grid h3,
  .features-grid h3,
  .feature-grid h3 {
    font-size: 18px !important;
    line-height: 1.08 !important;
  }

  #services p,
  #process p,
  #steps p,
  #sites p,
  #web p,
  #bots p,
  #telegram-bots p,
  .services-grid p,
  .steps-grid p,
  .process-grid p,
  .web-grid p,
  .sites-grid p,
  .landing-grid p,
  .bots-grid p,
  .bot-grid p,
  .features-grid p,
  .feature-grid p {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  #portfolio .portfolio-grid,
  #portfolio .cases-grid,
  #portfolio [class*="grid"],
  #cases .portfolio-grid,
  #cases .cases-grid,
  #cases [class*="grid"],
  #work .portfolio-grid,
  #work .cases-grid,
  #work [class*="grid"],
  #territoria .portfolio-grid,
  #territoria .cases-grid,
  #territoria [class*="grid"],
  .portfolio-grid,
  .cases-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  #portfolio .case-card,
  #portfolio article,
  #portfolio li,
  #cases .case-card,
  #cases article,
  #cases li,
  #work .case-card,
  #work article,
  #work li,
  #territoria .case-card,
  #territoria article,
  #territoria li,
  .portfolio-grid .case-card,
  .cases-grid .case-card {
    padding: 10px !important;
    min-width: 0 !important;
  }

  #portfolio .case-visual,
  #portfolio .visual,
  #portfolio .preview,
  #portfolio figure,
  #cases .case-visual,
  #cases .visual,
  #cases .preview,
  #cases figure,
  #work .case-visual,
  #work .visual,
  #work .preview,
  #work figure,
  #territoria .case-visual,
  #territoria .visual,
  #territoria .preview,
  #territoria figure,
  .portfolio-grid .case-visual,
  .cases-grid .case-visual {
    aspect-ratio: 1 / 0.78;
    min-height: 136px;
    overflow: hidden !important;
  }

  #portfolio img,
  #cases img,
  #work img,
  #territoria img,
  .portfolio-grid .case-visual img,
  .cases-grid .case-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: scale(1.1);
    transform-origin: center;
  }

  #portfolio h3,
  #cases h3,
  #work h3,
  #territoria h3,
  .portfolio-grid .case-card h3,
  .cases-grid .case-card h3 {
    font-size: 18px !important;
    line-height: 1.08 !important;
  }

  #portfolio p,
  #cases p,
  #work p,
  #territoria p,
  .portfolio-grid .case-card p,
  .cases-grid .case-card p {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  #portfolio article:has(img[src*="territoria-logo"]),
  #portfolio article:has(img[src*="territoria-room"]),
  #portfolio article:has(img[src*="territoria-price"]),
  #portfolio article:has(img[src*="territoria-config"]),
  #portfolio article:has(img[src*="territoria-tournament"]),
  #portfolio article:has(img[src*="territoria-facade"]),
  #portfolio article:has(img[src*="hall-decor"]),
  #portfolio article:has(img[src*="IMG_20260611_142532"]),
  #cases article:has(img[src*="territoria-logo"]),
  #cases article:has(img[src*="territoria-room"]),
  #cases article:has(img[src*="territoria-price"]),
  #cases article:has(img[src*="territoria-config"]),
  #cases article:has(img[src*="territoria-tournament"]),
  #cases article:has(img[src*="territoria-facade"]),
  #cases article:has(img[src*="hall-decor"]),
  #cases article:has(img[src*="IMG_20260611_142532"]),
  .portfolio-grid .case-card:has(img[src*="territoria-logo"]),
  .portfolio-grid .case-card:has(img[src*="territoria-room"]),
  .portfolio-grid .case-card:has(img[src*="territoria-price"]),
  .portfolio-grid .case-card:has(img[src*="territoria-config"]),
  .portfolio-grid .case-card:has(img[src*="territoria-tournament"]),
  .portfolio-grid .case-card:has(img[src*="territoria-facade"]),
  .portfolio-grid .case-card:has(img[src*="hall-decor"]),
  .portfolio-grid .case-card:has(img[src*="IMG_20260611_142532"]),
  .cases-grid .case-card:has(img[src*="territoria-logo"]),
  .cases-grid .case-card:has(img[src*="territoria-room"]),
  .cases-grid .case-card:has(img[src*="territoria-price"]),
  .cases-grid .case-card:has(img[src*="territoria-config"]),
  .cases-grid .case-card:has(img[src*="territoria-tournament"]),
  .cases-grid .case-card:has(img[src*="territoria-facade"]),
  .cases-grid .case-card:has(img[src*="hall-decor"]),
  .cases-grid .case-card:has(img[src*="IMG_20260611_142532"]) {
    grid-column: 1 / -1 !important;
  }

  #portfolio article:has(img[src*="territoria-logo"]) figure,
  #portfolio article:has(img[src*="territoria-room"]) figure,
  #portfolio article:has(img[src*="territoria-price"]) figure,
  #portfolio article:has(img[src*="territoria-config"]) figure,
  #portfolio article:has(img[src*="territoria-tournament"]) figure,
  #portfolio article:has(img[src*="territoria-facade"]) figure,
  #portfolio article:has(img[src*="hall-decor"]) figure,
  #portfolio article:has(img[src*="IMG_20260611_142532"]) figure,
  #cases article:has(img[src*="territoria-logo"]) figure,
  #cases article:has(img[src*="territoria-room"]) figure,
  #cases article:has(img[src*="territoria-price"]) figure,
  #cases article:has(img[src*="territoria-config"]) figure,
  #cases article:has(img[src*="territoria-tournament"]) figure,
  #cases article:has(img[src*="territoria-facade"]) figure,
  #cases article:has(img[src*="hall-decor"]) figure,
  #cases article:has(img[src*="IMG_20260611_142532"]) figure,
  .portfolio-grid .case-card:has(img[src*="territoria-logo"]) .case-visual,
  .portfolio-grid .case-card:has(img[src*="territoria-room"]) .case-visual,
  .portfolio-grid .case-card:has(img[src*="territoria-price"]) .case-visual,
  .portfolio-grid .case-card:has(img[src*="territoria-config"]) .case-visual,
  .portfolio-grid .case-card:has(img[src*="territoria-tournament"]) .case-visual,
  .portfolio-grid .case-card:has(img[src*="territoria-facade"]) .case-visual,
  .portfolio-grid .case-card:has(img[src*="hall-decor"]) .case-visual,
  .portfolio-grid .case-card:has(img[src*="IMG_20260611_142532"]) .case-visual,
  .cases-grid .case-card:has(img[src*="territoria-logo"]) .case-visual,
  .cases-grid .case-card:has(img[src*="territoria-room"]) .case-visual,
  .cases-grid .case-card:has(img[src*="territoria-price"]) .case-visual,
  .cases-grid .case-card:has(img[src*="territoria-config"]) .case-visual,
  .cases-grid .case-card:has(img[src*="territoria-tournament"]) .case-visual,
  .cases-grid .case-card:has(img[src*="territoria-facade"]) .case-visual,
  .cases-grid .case-card:has(img[src*="hall-decor"]) .case-visual,
  .cases-grid .case-card:has(img[src*="IMG_20260611_142532"]) .case-visual {
    aspect-ratio: 16 / 9 !important;
    min-height: 170px !important;
  }

  #portfolio img[src*="perviy-garderob"],
  #cases img[src*="perviy-garderob"],
  .portfolio-grid img[src*="perviy-garderob"],
  .cases-grid img[src*="perviy-garderob"] {
    object-fit: cover !important;
    object-position: center top !important;
    transform: translateY(-10%) scale(1.24) !important;
  }

  #portfolio img[src*="modul"],
  #portfolio img[src*="module"],
  #cases img[src*="modul"],
  #cases img[src*="module"],
  .portfolio-grid img[src*="modul"],
  .portfolio-grid img[src*="module"],
  .cases-grid img[src*="modul"],
  .cases-grid img[src*="module"] {
    object-fit: contain !important;
    object-position: center top !important;
    transform: translateY(-8%) scale(0.94) !important;
  }

  #portfolio img[src*="kranovaya"],
  #cases img[src*="kranovaya"],
  .portfolio-grid img[src*="kranovaya"],
  .cases-grid img[src*="kranovaya"] {
    object-fit: contain !important;
    object-position: center top !important;
    transform: translateY(-7%) scale(0.96) !important;
  }

  #portfolio img[src*="blinniy-dom"],
  #portfolio img[src*="blin"],
  #cases img[src*="blinniy-dom"],
  #cases img[src*="blin"],
  .portfolio-grid img[src*="blinniy-dom"],
  .portfolio-grid img[src*="blin"],
  .cases-grid img[src*="blinniy-dom"],
  .cases-grid img[src*="blin"] {
    object-fit: contain !important;
    object-position: center top !important;
    transform: translateY(-7%) scale(0.96) !important;
  }

  #contact .contact-actions,
  #contact .contact-buttons,
  #contact .contact-links,
  #contact .contact-cta,
  #contact nav,
  .contact-actions,
  .contact-buttons,
  .contact-links,
  .contact-cta,
  #contact .actions,
  #contact .button-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .contact-actions .button,
  .contact-actions .btn,
  .contact-actions button,
  .contact-buttons .button,
  .contact-buttons .btn,
  .contact-links .button,
  .contact-links .btn,
  #contact .button,
  #contact .btn,
  #contact button {
    width: 100% !important;
  }
}

@media (max-width: 560px) {
  .services-grid,
  .steps-grid,
  .process-grid,
  .web-grid,
  .sites-grid,
  .landing-grid,
  .bots-grid,
  .bot-grid,
  .features-grid,
  .feature-grid,
  .contact-actions,
  .contact-buttons,
  .contact-links,
  .contact-cta,
  #contact .actions,
  #contact .button-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}