/* A Pro navigation around the Flow storefront. The two adjacent stylesheets
   preserve the reference hero and six illustrated category cards. */
#services-root:has(.flow-home) { width:100%; max-width:none; }
#services-root:has(.flow-collection) { width:100%; max-width:none; }
#services-root:has(.flow-directory:not(.flow-directory--catalog)) { width:100%; max-width:none; }
#services-root:has(.flow-directory:not(.flow-directory--catalog)) > .crumbs { width:min(100% - 48px,1240px); margin-inline:auto; }
.flow-home { color:#25212f; overflow:hidden; }
.flow-home *, .flow-home *::before, .flow-home *::after { box-sizing:border-box; }
.flow-wide { width:min(100% - 48px,1240px); margin-inline:auto; }
.flow-breadcrumb { background:linear-gradient(100deg,#7953d7,#c3a4f1); color:#fff; }
.flow-breadcrumb .crumbs { margin:0; padding:17px 0; color:#f6edff; }
.flow-breadcrumb .crumbs span:last-child { color:#fff; }
.flow-search { position:relative; z-index:4; }
.flow-search label { display:block; font-size:17px; font-weight:800; color:#38244e; margin-bottom:12px; }
.flow-search__box { display:flex; align-items:center; gap:14px; min-height:72px; padding:8px 14px; border:2px solid #9265cb; border-radius:22px; background:#fff; box-shadow:0 0 0 5px #a789ce12,0 10px 28px #76539a16; }
.flow-search__box:focus-within { border-color:#6b33b2; box-shadow:0 0 0 5px #9e72d52b,0 10px 28px #76539a16; }
.flow-search__box button { display:grid; place-items:center; width:44px; height:44px; flex:none; border-radius:14px; background:#bdff51; color:#36451b; font:32px/1 Arial,sans-serif; }
.flow-search__box input { flex:1; min-width:0; border:0; outline:0; font-size:16px; font-weight:600; color:#302139; background:transparent; }
.flow-search__box input::placeholder { color:#756384; opacity:1; }
.flow-home .home-seo_shortcut__tLVLz strong { overflow-wrap:anywhere; }
.flow-home .home-seo_shortcut__tLVLz small { overflow-wrap:anywhere; }
.flow-home .categories-section_header__YnGQG h2,
.flow-home .categories-section_header__YnGQG p { margin-top:0; }
.flow-home .categories-section_header__YnGQG h2 { margin-bottom:0; }
.flow-home .categories-section_hint__0QDkP { margin-bottom:0; }
.flow-home .categories-section_card__qwe6p { min-height:217px; }
.flow-home .categories-section_label__xTxoS,
.flow-home .categories-section_description__dEU7o { overflow-wrap:anywhere; }
.flow-home .categories-section_art__0LccB { flex:none; }
.flow-steam-zone,.flow-showcase--purple { background:linear-gradient(105deg,#7850d0,#bea3f1); }
.flow-steam-zone { padding:62px 0 24px; }
.flow-steam { display:grid; grid-template-columns:1.18fr 1fr .88fr; gap:24px; padding:26px; border-radius:26px; background:#fff; box-shadow:0 14px 30px #3d196a1a; }
.flow-steam > * { min-width:0; }
.flow-steam__intro,.flow-steam__amount { border-right:1px solid #eee8f3; padding-right:24px; }
.flow-steam__title { display:flex; align-items:center; gap:13px; margin-bottom:18px; }
.flow-steam__logo { width:64px; height:64px; flex:none; display:grid; place-items:center; border-radius:50%; background:#0e1a33; color:#fff; }
.flow-steam__logo svg { width:36px; height:36px; }
.flow-steam__title h2 { font-size:27px; line-height:1.12; margin:0 0 8px; letter-spacing:-.04em; }
.flow-steam__title span { display:inline-block; padding:5px 9px; border-radius:99px; background:#f1eafd; color:#6339a5; font-size:11px; font-weight:800; }
.flow-steam .field { margin:10px 0; }
.flow-steam .field span { font-weight:600; color:#77717e; }
.flow-steam .field input,.flow-steam .field select { width:100%; min-width:0; }
.flow-steam__fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.flow-steam__fields .field:last-child { grid-column:auto; }
.flow-steam__warning { padding:10px 12px; margin:13px 0 0; border-radius:12px; background:#fff8d8; color:#554929; font-size:12px; line-height:1.4; }
.flow-steam__presets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.flow-steam__presets button { padding:11px 4px; border:1px solid #e7e1ed; border-radius:12px; background:#fff; font-size:12px; font-weight:800; }
.flow-steam__presets button:hover,.flow-steam__presets button:focus-visible { color:#fff; background:#7c4be3; }
.flow-steam__amount p,.flow-steam__checkout p { color:#7a7383; font-size:12px; line-height:1.5; }
.flow-steam__checkout { display:flex; flex-direction:column; justify-content:center; gap:10px; padding:15px; border-radius:18px; background:#f8f5fd; }
.flow-steam__checkout > span { color:#77717e; font-size:13px; }
.flow-steam__checkout strong { font-size:26px; }
.flow-steam__checkout small { text-align:center; color:#6f637f; }
.flow-action { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 20px; border:0; border-radius:13px; background:#8151e7; color:#fff; font-size:14px; font-weight:800; text-align:center; }
.flow-action--center { display:flex; width:max-content; max-width:100%; margin:27px auto 0; }
.flow-showcase { padding:68px 0; }
.flow-showcase--purple .flow-wide { width:min(100% - 88px,1192px); }
.flow-showcase--soft .flow-wide { width:min(100% - 40px,1240px); }
.flow-showcase--purple { color:#fff; }
.flow-showcase--soft { background:#fff; }
.flow-showcase h2 { margin:0; font-size:clamp(27px,3vw,38px); line-height:1.15; letter-spacing:-.04em; overflow-wrap:anywhere; }
.flow-showcase__head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }
.flow-showcase__head a { padding:13px 20px; border-radius:13px; background:#fff; color:#7650b7; font-size:14px; font-weight:800; }
.flow-showcase__head--center { flex-direction:column; justify-content:center; text-align:center; gap:8px; }
.flow-showcase__head--center span { color:#8753d8; }
.flow-showcase__head--center p { margin:0; color:#736d79; font-size:17px; }
.flow-featured-grid { display:grid; grid-template-columns:minmax(0,2.42fr) repeat(3,minmax(0,1fr)); gap:24px; }
.flow-tile { min-width:0; display:block; text-align:center; }
.flow-tile--featured { grid-row:span 2; }
.flow-tile__art { display:block; width:100%; aspect-ratio:189/156; overflow:hidden; border-radius:30px; background:#eee8f7; }
.flow-tile--featured .flow-tile__art { aspect-ratio:5/4; }
.flow-showcase--purple .flow-tile__art { background:transparent; }
.flow-tile__art img { width:100%; height:100%; object-fit:cover; display:block; }
.flow-tile strong { display:block; margin-top:10px; font-size:17px; line-height:1.3; font-weight:700; overflow-wrap:anywhere; }
.flow-simple-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.flow-simple-grid .flow-tile__art { aspect-ratio:1/1; height:auto; }
.flow-country-grid,.flow-operator-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.flow-country-grid a,.flow-operator-grid a,.flow-operator-card { min-width:0; display:flex; flex-direction:column; align-items:center; gap:13px; padding:20px 8px; text-align:center; border:1px solid #ece8f2; border-radius:18px; background:#f7f7fa; }
.flow-country-grid a { min-height:225px; justify-content:space-between; align-items:flex-start; background:#f5f5f8; }
.flow-country-grid span { display:inline-block; padding:5px 8px; border-radius:5px; background:#a071ff; color:#fff; font-size:12px; font-weight:700; }
.flow-country-grid img { width:112px; height:112px; align-self:center; object-fit:contain; }
.flow-operator-grid a,.flow-operator-card { background:none; padding:0; border:0; }
.flow-operator-grid img,.flow-operator-card img { display:block; width:100%; aspect-ratio:1/1; border-radius:27px; object-fit:cover; }
.flow-country-grid strong,.flow-operator-grid strong { font-size:15px; overflow-wrap:anywhere; }
.flow-step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:24px; }
.flow-step-grid article { padding:26px; border-radius:24px; background:#f8f7fc; }
.flow-step-grid span { color:#8753d8; font-size:13px; font-weight:800; }
.flow-step-grid h3 { margin:20px 0 10px; font-size:20px; }
.flow-step-grid p,.flow-notice p { color:#70697b; line-height:1.6; }
.flow-notice { margin-top:22px; padding:22px; border:1px solid #ece5f3; border-radius:18px; background:#fbf9ff; }
.flow-notice p { margin-bottom:0; }
.flow-faq { margin-top:22px; border-top:1px solid #e8e2ed; }
.flow-faq details { border-bottom:1px solid #e8e2ed; padding:27px 0; }
.flow-faq summary { display:flex; justify-content:space-between; gap:16px; cursor:pointer; font-weight:700; list-style:none; }
.flow-faq summary::-webkit-details-marker { display:none; }
.flow-faq summary::after { content:'+'; color:#7750ac; font-size:23px; font-weight:400; line-height:1; }
.flow-faq details[open] summary::after { content:'−'; }
.flow-faq p { color:#6b6475; line-height:1.6; }
.flow-extras { padding-top:36px; }
.flow-legal { padding:30px; border:1px solid #eeeaf1; border-radius:19px; background:#fff; }
.flow-legal p { color:#766f7e; }
.flow-legal { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:20px; }
.flow-legal nav { display:grid; gap:9px; text-align:right; }
.flow-legal a { color:#7851b2; font-size:14px; }
#services-root .product-grid > *,#services-root .popular-grid > *,#services-root .panel,#services-root .directory-head { min-width:0; }
#services-root .product-card__body strong,#services-root .product-card__body small,#services-root .choice b,#services-root .summary-row > *,#services-root .directory-head h1 { overflow-wrap:anywhere; }
#services-root .product-card__body { min-width:0; }
#services-root .field input,#services-root .field select { min-width:0; }
.flow-directory { padding-bottom:48px; }
.flow-directory__hero { margin:12px 0 52px; padding:36px; border:1px solid #e9e2f6; border-radius:34px; background:radial-gradient(circle at 78% 18%,#e6dbff 0,transparent 48%),linear-gradient(120deg,#f9f8fc,#f1ecfb); }
.flow-directory__hero .flow-directory__intro { padding:0 0 34px; }
.flow-directory__hero h1 em { color:#7851be; font-style:normal; }
.flow-directory__hero aside { background:#ffffff8c; border-color:#fff; }
.flow-directory__hero aside > span { display:block; margin-bottom:14px; color:#7251a8; font-size:27px; }
.flow-directory__hero aside a { color:#7851be; font-size:13px; font-weight:800; }
.flow-directory__search-label { display:block; margin:0 0 12px; font-size:17px; font-weight:800; }
.flow-directory__search { display:flex; align-items:center; gap:12px; min-height:66px; padding:8px 14px; border:2px solid #a67ace; border-radius:18px; background:#fff; box-shadow:0 0 0 4px #ad8ae719; }
.flow-directory__search button { display:grid; place-items:center; width:43px; height:43px; flex:none; border-radius:12px; background:#bdff51; color:#314315; font:30px/1 Arial,sans-serif; }
.flow-directory__search input { flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:15px; }
.flow-directory__search-hint { margin:9px 0 20px; color:#81798b; font-size:12px; }
.flow-directory--catalog .flow-directory__controls { display:flex; justify-content:flex-end; margin-bottom:16px; }
.flow-directory--catalog .flow-directory__controls label { width:200px; }
.flow-directory__hero .flow-directory__categories { margin:0; }
.flow-directory__hero .flow-directory__categories a { min-height:127px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; }
.flow-directory__hero .flow-directory__categories a > span { align-self:flex-end; color:#6c5682; }
.flow-directory__hero .flow-directory__categories a strong { line-height:1.25; }
.flow-directory__hero .flow-directory__categories a small { color:#7a7384; font-size:11px; line-height:1.35; }
.flow-directory__intro { display:flex; justify-content:space-between; gap:30px; align-items:center; padding:43px 0 45px; }
.flow-directory__intro > div { min-width:0; }
.flow-directory__intro h1 { margin:0 0 14px; font-size:clamp(34px,4.1vw,52px); line-height:1.12; letter-spacing:-.045em; }
.flow-directory__intro p { max-width:720px; margin:0; color:#716b79; font-size:16px; line-height:1.6; }
.flow-directory__intro nav { display:flex; gap:25px; margin-top:25px; color:#77509e; font-size:13px; font-weight:750; }
.flow-directory__intro aside { width:280px; flex:none; padding:23px; border:1px solid #ece5f3; border-radius:22px; background:#f4effc; }
.flow-directory__intro aside strong { font-size:17px; }
.flow-directory__intro aside p { margin-top:10px; font-size:13px; }
.flow-directory > h2 { margin:0 0 20px; font-size:23px; }
.flow-directory__controls { display:grid; grid-template-columns:minmax(0,1fr) 200px 200px; gap:12px; }
.flow-directory__controls form,.flow-directory__controls label { min-width:0; min-height:60px; display:flex; align-items:center; gap:12px; padding:10px 15px; border:1px solid #e2dce9; border-radius:17px; background:#fff; }
.flow-directory__controls form span { color:#a69caf; font-size:29px; line-height:1; }
.flow-directory__controls form input { flex:1; min-width:0; border:0; outline:0; font-size:14px; }
.flow-directory__controls label { flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; }
.flow-directory__controls label small { color:#8b8393; font-size:11px; }
.flow-directory__controls select { width:100%; min-width:0; border:0; outline:0; color:#4c4357; background:#fff; font-weight:700; }
.flow-directory__count { color:#8b8393; font-size:12px; margin:15px 0 22px; }
.flow-directory__categories { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:20px; }
.flow-directory__categories a { min-width:0; min-height:100px; display:flex; align-items:flex-end; padding:14px; border-radius:17px; background:#eae3fa; font-weight:750; overflow-wrap:anywhere; }
.flow-directory__categories a:nth-child(2) { background:#fff1d8; }
.flow-directory__categories a:nth-child(3) { background:#f6e0ee; }
.flow-directory__categories a:nth-child(4) { background:#e5f2d4; }
.flow-directory__categories a:nth-child(5) { background:#e0edfb; }
.flow-directory__categories a:nth-child(6) { background:#e0f5ea; }
.flow-directory__grid .product-card { min-width:0; border-radius:20px; }
.flow-directory__grid .product-card__art { height:auto; aspect-ratio:1.2/1; }
.flow-directory__grid .product-card__art img { object-fit:cover; }
.flow-directory__grid .product-card__body { padding:14px; }
.flow-directory__grid .product-card__body strong { font-size:16px; line-height:1.3; }
.flow-directory--catalog .flow-directory__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.flow-directory--catalog .product-card { border:0; border-radius:30px; box-shadow:0 14px 35px #402b6712; }
.flow-directory--catalog .product-card__art { height:auto; aspect-ratio:auto; padding:22px; background:#f7f6f9; }
.flow-directory--catalog .product-card__art img { width:100%; aspect-ratio:16/10; height:auto; border-radius:20px; object-fit:cover; }
.flow-directory--catalog .product-card__body { display:flex; flex-direction:column; min-height:154px; padding:22px; border-top:1px solid #f0edf4; }
.flow-directory--catalog .product-card__body small { color:#746b80; font-size:13px; font-weight:400; }
.flow-directory--catalog .product-card__body strong { margin:7px 0 18px; color:#17151d; font-size:19px; line-height:1.2; }
.flow-directory--catalog .product-card__bottom { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:auto; color:#17151d; }
.flow-directory--catalog .product-card__bottom b { font-size:20px; }
.flow-directory--catalog .product-card__bottom i { flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#f1ebff; color:#7842ed; font-size:21px; font-style:normal; }
@media (min-width:768px) and (max-width:1224px) {
  .flow-steam { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flow-steam__checkout { grid-column:1/-1; }
  .flow-featured-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
  .flow-tile--featured { grid-column:1/-1; grid-row:auto; }
  .flow-tile__art { border-radius:28px; }
  .flow-tile--featured .flow-tile__art { aspect-ratio:5/4; border-radius:46px; }
  .flow-country-grid,.flow-operator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .flow-directory__categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
  .flow-wide { width:min(100% - 36px,1240px); }
  .flow-breadcrumb .crumbs { padding:12px 0; }
  .flow-search label { font-size:15px; margin-bottom:10px; }
  .flow-search__box { min-height:64px; border-radius:19px; padding:7px 9px; gap:9px; }
  .flow-search__box button { width:38px; height:38px; font-size:28px; border-radius:12px; }
  .flow-search__box input,.flow-search__box input::placeholder { font-size:13px; }
  .flow-home .categories-section_card__qwe6p { min-height:0; }
  .flow-steam-zone { padding:28px 0; }
  .flow-steam { grid-template-columns:1fr; padding:18px; gap:14px; }
  .flow-steam__intro,.flow-steam__amount { border-right:0; border-bottom:1px solid #eee8f3; padding-right:0; padding-bottom:15px; }
  .flow-steam__fields { grid-template-columns:1fr; }
  .flow-steam__fields .field:last-child { grid-column:auto; }
  .flow-steam__title h2 { font-size:23px; }
  .flow-steam__presets { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .flow-showcase { padding:42px 0; }
  .flow-showcase__head { align-items:flex-start; }
  .flow-showcase__head a { font-size:12px; padding:10px 12px; white-space:nowrap; }
  .flow-featured-grid,.flow-simple-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .flow-tile--featured { grid-column:span 2; grid-row:auto; }
  .flow-tile__art { aspect-ratio:189/156; border-radius:19px; }
  .flow-tile--featured .flow-tile__art { aspect-ratio:5/4; }
  .flow-tile strong { font-size:13px; margin-top:6px; }
  .flow-country-grid,.flow-operator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .flow-country-grid a { min-height:185px; }
  .flow-country-grid img { width:78px; height:78px; }
  .flow-step-grid { grid-template-columns:1fr; gap:12px; }
  .flow-legal { padding:18px; }
  .flow-legal { display:block; }
  .flow-legal nav { margin-top:18px; text-align:left; }
  .flow-directory__intro { display:block; padding:30px 0; }
  .flow-directory__hero { padding:22px 16px; margin:10px 0 38px; border-radius:24px; }
  .flow-directory__hero .flow-directory__intro { padding:10px 0 26px; }
  .flow-directory__hero .flow-directory__categories a { min-height:105px; }
  .flow-directory__hero .flow-directory__categories a small { display:none; }
  .flow-directory--catalog .flow-directory__controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flow-directory--catalog .flow-directory__controls label { width:auto; }
  .flow-directory__intro h1 { font-size:32px; }
  .flow-directory__intro aside { width:auto; margin-top:22px; }
  .flow-directory__controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flow-directory__controls form { grid-column:1/-1; }
  .flow-directory__categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flow-directory__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:359px) {
  .flow-wide { width:calc(100% - 28px); }
  .flow-showcase h2 { font-size:25px; }
  .flow-steam__presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.flow-search__box button,.flow-directory__search button { border:0; padding:0; cursor:pointer; }
.flow-directory__search { position:relative; z-index:5; }
.flow-search-results { position:absolute; z-index:30; top:calc(100% + 8px); left:0; right:0; max-height:min(420px,60vh); overflow:auto; padding:8px; border:1px solid #e6dbea; border-radius:18px; background:#fff; box-shadow:0 18px 48px #3013492b; text-align:left; }
.flow-search-results[hidden] { display:none; }
.flow-search-results__summary { padding:8px 11px; color:#786b83; font-size:12px; }
.flow-search-results a,.flow-search-results__all { display:flex; width:100%; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:0; border-radius:10px; background:transparent; color:#302139; text-align:left; text-decoration:none; cursor:pointer; }
.flow-search-results a:hover,.flow-search-results a:focus-visible,.flow-search-results__all:hover { background:#f3eafa; }
.flow-search-results a strong { min-width:0; font-size:14px; overflow-wrap:anywhere; }
.flow-search-results a small { flex:none; color:#81748b; font-size:11px; }
.flow-search-results__all,.flow-search-results__section { color:#6a3ca5!important; font-weight:750; }
.flow-search-results p { margin:6px 11px 12px; color:#766b7c; font-size:14px; }
.flow-directory__platforms { display:flex; flex-wrap:wrap; gap:10px; margin:-20px 0 32px; }
.flow-directory__platforms a { display:inline-flex; padding:12px 16px; border:1px solid #e6daef; border-radius:13px; background:#f6f0fc; color:#603991; font-size:14px; font-weight:750; text-decoration:none; }
.flow-directory__platforms a:hover { background:#ece1f8; }
.flow-collection { width:min(100% - 40px,1240px); margin:0 auto 80px; }
/* Подборки растягивают #services-root на всю ширину — крошки ставим по колонке контента. */
#services-root:has(.flow-collection) > .crumbs { width:min(100% - 40px,1240px); margin:22px auto 10px; }
.flow-collection > .back { display:inline-block; margin:22px 0 28px; }
.flow-collection header { padding:28px 0 34px; }
.flow-collection h1 { margin:0 0 12px; font-size:clamp(34px,4.1vw,52px); line-height:1.12; }
.flow-collection header p { margin:0; color:#716b79; font-size:16px; }
.flow-collection h2 { margin:0 0 22px; font-size:28px; }
.flow-collection__brands { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.flow-collection__brand { min-width:0; display:flex; flex-direction:column; align-items:flex-start; min-height:210px; padding:24px; border-radius:22px; background:#f2ebfb; color:#302139; text-decoration:none; }
.flow-collection__brand:nth-child(even) { background:#f7efdf; }
.flow-collection__brand img { width:70px; height:70px; object-fit:contain; margin-bottom:auto; }
.flow-collection__brand strong { margin-top:15px; font-size:20px; overflow-wrap:anywhere; }
.flow-collection__brand span { margin-top:5px; color:#71558b; font-size:13px; }
.flow-collection > .flow-directory__search { margin-bottom:8px; }
.flow-collection__filters { display:flex; align-items:end; flex-wrap:wrap; gap:14px; margin:20px 0; }
.flow-collection__filters label { display:grid; gap:8px; color:#54445f; font-size:13px; font-weight:750; }
.flow-collection__filters select { min-width:180px; min-height:44px; padding:8px 12px; border:1px solid #d9cce8; border-radius:10px; background:#fff; color:#302139; font:inherit; }
.flow-collection__quick { display:flex; flex-wrap:wrap; gap:7px; }
.flow-collection__quick button { min-height:44px; padding:8px 13px; border:1px solid #dfd3e9; border-radius:10px; background:#fff; color:#594372; font:inherit; font-size:13px; cursor:pointer; }
.flow-collection__quick button.is-active { border-color:#8956ba; background:#ede3f9; color:#573086; }
.flow-collection .flow-steam-zone { margin:0 0 28px; border-radius:22px; }
.flow-collection .flow-steam-zone .flow-wide { width:100%; }
.flow-collection__anchors { display:flex; flex-wrap:wrap; gap:20px; margin-top:26px; }
.flow-collection__anchors a { color:#68428b; font-size:14px; font-weight:750; text-decoration:none; }
.flow-collection__anchors a:hover { text-decoration:underline; }
.flow-collection--steam-games .flow-steam-zone { padding:0; background:transparent; }
.flow-collection--steam-games .flow-steam { box-shadow:0 8px 28px #3d196a12; }
.flow-collection #collection-catalog { scroll-margin-top:100px; }
.flow-collection #collection-catalog > h2 { margin:34px 0 20px; }
.flow-collection__sort { display:inline-grid; gap:7px; margin:0 0 16px; color:#54445f; font-size:13px; font-weight:750; }
.flow-collection__sort select { min-width:180px; min-height:44px; padding:8px 12px; border:1px solid #d9cce8; border-radius:10px; background:#fff; color:#302139; font:inherit; }
.flow-ai-offers__filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.flow-ai-offers__filters button { padding:10px 14px; border:1px solid #dfd3e9; border-radius:999px; background:#fff; color:#594372; font:inherit; font-size:13px; cursor:pointer; }
.flow-ai-offers__filters button.is-active { border-color:#8b5bc0; background:#ede3f9; color:#573086; }
.flow-ai-offers__list { display:grid; gap:9px; }
.flow-ai-offers__row { display:flex; align-items:center; gap:14px; min-width:0; padding:15px 17px; border:1px solid #e9e0ee; border-radius:15px; background:#fff; cursor:pointer; }
.flow-ai-offers__row:has(input:checked) { border-color:#8b5bc0; background:#f5effb; }
.flow-ai-offers__row input { width:19px; height:19px; flex:none; accent-color:#7946af; }
.flow-ai-offers__row span { display:grid; min-width:0; gap:4px; flex:1; }
.flow-ai-offers__row small { color:#755790; font-size:12px; }
.flow-ai-offers__row strong { overflow-wrap:anywhere; font-size:15px; }
.flow-ai-offers__row b { flex:none; font-size:17px; }
.flow-ai-offers__selected { width:100%; margin:34px 0 0; padding-top:24px; border-top:1px solid #e8dfed; scroll-margin-top:100px; }
.flow-ai-offers__selected .flow-product__header { padding-top:0; }
.flow-ai-offers__selected .flow-product__main > .flow-product__block:first-child:has(input[name="sku_id"]),.flow-ai-offers__selected .flow-product__steps,.flow-ai-offers__selected .flow-product__before { display:none; }
@media (max-width:767px) {
  .flow-search-results a { align-items:flex-start; flex-direction:column; gap:3px; }
  .flow-directory__platforms { margin:0 0 26px; }
  .flow-collection { width:min(100% - 36px,1240px); margin-bottom:50px; }
  #services-root:has(.flow-collection) > .crumbs { width:min(100% - 36px,1240px); }
  .flow-collection__brands { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .flow-collection__brand { min-height:160px; padding:16px; }
  .flow-collection__brand img { width:55px; height:55px; }
  .flow-collection__brand strong { font-size:16px; }
  .flow-collection__filters { align-items:stretch; flex-direction:column; }
  .flow-collection__filters label,.flow-collection__filters select { width:100%; }
  .flow-ai-offers__row { align-items:flex-start; flex-wrap:wrap; padding:13px; }
  .flow-ai-offers__row b { margin-left:33px; }
}

/* Match the Flow AI directory while keeping availability and prices live. */
.flow-collection--ai { width:min(100% - 40px,1240px); }
.flow-collection--ai header { padding:20px 0 70px; }
.flow-collection--ai h1 { color:#17151d; font-size:40px; }
.flow-collection--ai .flow-collection__heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:26px; }
.flow-collection--ai .flow-collection__heading h2 { margin:0; color:#17151d; font-size:28px; }
.flow-collection--ai .flow-collection__heading > span { color:#746d7b; font-size:13px; }
.flow-collection--ai .flow-collection__brands { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.flow-collection--ai .flow-collection__brand { position:relative; min-height:282px; padding:38px 25px 28px; border:1px solid transparent; border-radius:25px; background:#f5f4f6; color:#17151d; }
.flow-collection--ai .flow-collection__brand:nth-child(even) { background:#f5f4f6; }
.flow-collection--ai .flow-collection__brand:hover { border-color:#8a55ff; }
.flow-collection--ai .flow-collection__brand--popular { border-color:#8150e6; }
.flow-collection__badge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:6px 14px; border-radius:999px; background:#7647dc; color:#fff!important; font-size:12px!important; font-weight:800; }
.flow-collection--ai .flow-collection__brand img,.flow-collection__initial { width:72px; height:72px; flex:none; margin:0 0 auto; border-radius:20px; object-fit:contain; }
.flow-collection__initial { display:grid; place-items:center; background:#ece7f4; font-size:30px; font-weight:800; }
.flow-collection--ai .flow-collection__brand strong { margin:34px 0 0; font-size:23px; line-height:1.2; }
.flow-collection--ai .flow-collection__brand > span:not(.flow-collection__initial):not(.flow-collection__badge) { color:#746d7b; font-size:13px; }
.flow-collection--ai .flow-collection__brand b { margin-top:24px; font-size:16px; }
.flow-collection--ai .flow-collection__brand i { position:absolute; right:23px; bottom:25px; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#f0ebfa; color:#231830; font-style:normal; font-size:20px; }
.flow-collection__after { margin:28px 0 0; padding:22px; border-radius:18px; background:#f7f5fa; color:#655d6d; }
.flow-collection--ai .flow-collection__brand img { background:#ece7f4; }
.flow-directory:not(.flow-directory--catalog) { width:min(100% - 48px,1240px); margin:0 auto; }
.flow-directory:not(.flow-directory--catalog) .flow-directory__grid { gap:18px; }
#services-root:has(.flow-directory:not(.flow-directory--catalog)) { background:#f7f8fb; }
.flow-breadcrumb .crumbs a { color:inherit; }
.flow-directory:not(.flow-directory--catalog) .flow-directory__intro { padding:20px 0 52px; }
.flow-directory:not(.flow-directory--catalog) .flow-directory__intro nav { margin-top:16px; }
.flow-directory:not(.flow-directory--catalog) .flow-directory__search { min-height:60px; border:1px solid #e0e1e8; box-shadow:none; padding:8px 15px; }
.flow-directory:not(.flow-directory--catalog) .flow-directory__search button { width:25px; height:35px; border-radius:0; background:transparent; color:#8a8494; font-size:27px; }
.flow-directory__after { margin-top:66px; padding:28px; border-radius:25px; background:#fff; }
.flow-directory__after h2 { margin:0 0 12px; font-size:27px; }
.flow-directory__after p { color:#756e7e; line-height:1.55; }
.flow-directory__after dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:25px 0 0; }
.flow-directory__after dl > div { padding:20px; border:1px solid #eeeaf2; border-radius:16px; }
.flow-directory__after dt { color:#766c80; font-size:13px; }
.flow-directory__after dd { margin:7px 0 0; font-weight:750; }
.flow-directory__after details { border-bottom:1px solid #eeeaf2; padding:16px 0; }
.flow-directory__after summary { cursor:pointer; font-weight:750; }
.flow-pilot-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #e9e5ed; border-radius:24px; background:#fff; box-shadow:0 10px 22px #37204e0b; color:#17151d; text-decoration:none; }
.flow-pilot-card:hover { border-color:#b99ae8; transform:translateY(-2px); }
.flow-pilot-card__art { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:5/3; overflow:hidden; background:linear-gradient(145deg,#9d82b6,#493457); }
.flow-pilot-card__fallback { color:#fff; font-size:50px; font-weight:800; letter-spacing:-.05em; }
.flow-pilot-card__art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.flow-pilot-card__badge { position:absolute; top:12px; left:13px; max-width:calc(100% - 26px); padding:8px 10px; border-radius:9px; background:#f8f7f9ed; color:#494354; font-size:10px; font-weight:800; overflow-wrap:anywhere; }
.flow-pilot-card__body { display:flex; flex:1; flex-direction:column; min-height:242px; padding:20px 18px 17px; }
.flow-pilot-card__body > small { color:#746b80; font-size:11px; }
.flow-pilot-card__body > strong { margin:9px 0 14px; font-size:18px; line-height:1.28; overflow-wrap:anywhere; }
.flow-pilot-card__variants { margin-top:auto; color:#746b80; font-size:11px; }
.flow-pilot-card__bottom { display:flex; align-items:end; justify-content:space-between; gap:10px; margin-top:18px; padding-top:16px; border-top:1px solid #eeeaf0; }
.flow-pilot-card__bottom > span { display:grid; gap:5px; }
.flow-pilot-card__bottom small { color:#746b80; font-size:11px; }
.flow-pilot-card__bottom b { font-size:21px; }
.flow-pilot-card__bottom i { display:grid; place-items:center; flex:none; width:43px; height:43px; border-radius:50%; background:#f1ebfb; color:#7449bc; font-size:21px; font-style:normal; }
@media (max-width:767px) {
  .flow-showcase--purple .flow-wide,.flow-showcase--soft .flow-wide { width:min(100% - 36px,1240px); }
  .flow-directory__grid,.flow-directory--catalog .flow-directory__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flow-directory--catalog .product-card__art { padding:10px; }
  .flow-directory--catalog .product-card__art img { border-radius:13px; }
  .flow-directory--catalog .product-card__body { min-height:130px; padding:13px; }
  .flow-directory--catalog .product-card__body strong { font-size:15px; }
  .flow-directory--catalog .product-card__bottom b { font-size:15px; }
  .flow-collection--ai { width:min(100% - 36px,1240px); }
  .flow-collection--ai header { padding:28px 0 40px; }
  .flow-collection--ai h1 { font-size:32px; }
  .flow-collection--ai .flow-collection__heading { align-items:flex-start; flex-direction:column; }
  .flow-collection--ai .flow-collection__brands { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .flow-collection--ai .flow-collection__brand { min-height:230px; padding:18px 14px 20px; }
  .flow-collection--ai .flow-collection__brand img,.flow-collection__initial { width:55px; height:55px; border-radius:15px; }
  .flow-collection--ai .flow-collection__brand strong { margin-top:20px; font-size:17px; }
  .flow-collection--ai .flow-collection__brand b { margin-top:18px; padding-right:24px; font-size:13px; }
  .flow-collection--ai .flow-collection__brand i { right:12px; bottom:12px; width:28px; height:28px; }
  .flow-directory:not(.flow-directory--catalog) { width:min(100% - 36px,1240px); }
  .flow-directory:not(.flow-directory--catalog) .flow-directory__intro { padding:28px 0 38px; }
  .flow-directory__intro nav { flex-wrap:wrap; }
  .flow-directory__after { padding:20px; margin-top:42px; }
  .flow-directory__after dl { grid-template-columns:1fr; }
  .flow-pilot-card__body { min-height:220px; padding:12px; }
  .flow-pilot-card__body > strong { font-size:15px; }
  .flow-pilot-card__bottom b { font-size:16px; }
  .flow-pilot-card__bottom i { width:32px; height:32px; }
  .flow-pilot-card__fallback { font-size:34px; }
}