/* Site-wide fixes, own code (after leaving Webflow) */

/* Mobile menu: hide the closed drawer — its shadow used to bleed in as a grey strip on the right */
html body .md{visibility:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1),visibility 0s linear .7s}
html.mo body .md{visibility:visible;transition:transform .7s cubic-bezier(.22,1,.36,1)}

@media (max-width:767px){
  /* "Чем я работаю": full-width stacked cards instead of a squeezed carousel */
  html body #skills .cs-wrap{padding-left:20px!important;padding-right:20px!important}
  html body #skills .cs-grid3{margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}
  html body #skills .sk-c{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
}

@media (max-width:560px){
  /* Art filters: 2×2 segmented control so nothing is cut off */
  html body .ag-filt{display:grid!important;grid-template-columns:1fr 1fr;width:100%;max-width:380px;box-sizing:border-box;border-radius:26px!important;overflow:visible!important}
  html body .ag-filt .ag-f{text-align:center}
}

/* Art filters: chips fill their grid cells */
@media (max-width:560px){
  html body .ag-filt .ag-f{width:100%;box-sizing:border-box}
}

/* About → "Что я переношу": keep the text of a list row together (the no-wrap "2D-арт" used to split off as a separate column) */
html body .ab-li{display:block!important;position:relative;padding-left:34px!important}
html body .ab-li .ab-ck{position:absolute;left:0}

/* Home → DB Navigator tile on phones: the screens strip was only scroll-linked (could not be swiped).
   On touch-size screens it becomes a normal swipeable row with snap. Desktop keeps the scroll effect. */
@media (max-width:767px){
  html body .ht-db .ht-st{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  html body .ht-db .ht-st::-webkit-scrollbar{display:none}
  html body .ht-db .hs-strip{transform:none!important;padding:0 20px;box-sizing:content-box}
  html body .ht-db .hs-it{scroll-snap-align:center}
}