/*
 * РЯДОМ — illustrative website feature section.
 * All actual layout rules are gated to desktops; phone and APK UI remains intact.
 */
.desktop-feature-showcase,.desktop-tools-label,.desktop-tools-title{display:none}

/* Same site on PC and requested desktop-mode phone browsers. */
@scope (html.ryadom-desktop-ui) {
@media (min-width:900px) {
  body.rl-theme #pane-home .desktop-feature-showcase{
    display:flex;
    grid-column:1/-1;
    grid-row:3;
    flex-direction:column;
    gap:24px;
    min-width:0;
    padding:27px 0 7px;
    border-radius:0;
    color:var(--site-text);
  }
  body.rl-theme #pane-home .wrap:has(#homeCatalog[hidden]) > .desktop-feature-showcase{
    display:none;
  }
  body.rl-theme #pane-home :is(#homeCatalog,#homeFeatureView,#homeGreeting){
    grid-row:4;
  }
  body.rl-theme #pane-home .desktop-feature-heading{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    min-width:0;
    padding:0 3px 6px;
  }
  .desktop-feature-heading-copy{display:flex;flex-direction:column;min-width:0;max-width:710px}
  .desktop-feature-eyebrow{
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:10px;
    color:var(--site-lilac);
    font:780 11px/1.3 system-ui,sans-serif;
    letter-spacing:.17em;
  }
  .desktop-feature-eyebrow > span{font-size:17px;line-height:1}
  body.rl-theme #pane-home .desktop-feature-heading h2{
    margin:0;
    color:var(--site-text);
    font:820 clamp(29px,3vw,41px)/1.12 system-ui,sans-serif;
    letter-spacing:-.052em;
  }
  body.rl-theme #pane-home .desktop-feature-heading h2 > span{color:#aa82e7}
  body.rl-theme #pane-home .desktop-feature-heading p{
    max-width:680px;
    margin:13px 0 0;
    color:var(--site-muted);
    font:500 14px/1.62 system-ui,sans-serif;
  }
  body.rl-theme #pane-home .desktop-feature-top-action{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    gap:18px;
    min-height:47px;
    margin-top:15px;
    padding:12px 19px;
    border:1px solid #7853b8;
    border-radius:13px;
    background:linear-gradient(125deg,#a478dc,#7044bb);
    color:#fff;
    box-shadow:0 11px 22px #8d6ac537;
    font:730 13px/1.25 system-ui,sans-serif;
    transition:transform .18s ease,box-shadow .18s ease;
  }
  body.rl-theme #pane-home .desktop-feature-top-action:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 26px #8d6ac54b;
  }
  body.rl-theme #pane-home .desktop-feature-top-action > span{font-size:18px}
  body.rl-theme #pane-home .desktop-showcase-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    width:100%;
    min-width:0;
  }
  body.rl-theme #pane-home .desktop-showcase-card{
    --card-fill:linear-gradient(134deg,#fffdff,#f3eafa);
    position:relative;
    isolation:isolate;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:0;
    width:100%;
    min-width:0;
    min-height:244px;
    overflow:hidden;
    padding:22px 21px 20px;
    border:1px solid #e9dff4;
    border-radius:23px;
    background:var(--card-fill);
    color:#33264b;
    text-align:left;
    box-shadow:0 5px 19px #775d9a12,0 1px 2px #523a7510;
    transform:translateY(0);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
    cursor:pointer;
  }
  body.rl-theme #pane-home .desktop-showcase-card::after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-65px;
    top:-75px;
    width:195px;
    height:195px;
    border-radius:50%;
    background:radial-gradient(circle,#fff9,transparent 70%);
    pointer-events:none;
  }
  body.rl-theme #pane-home .desktop-showcase-card--chat{--card-fill:linear-gradient(135deg,#fffdff,#f5eafd)}
  body.rl-theme #pane-home .desktop-showcase-card--map{--card-fill:linear-gradient(135deg,#fcfeff,#ece8fa)}
  body.rl-theme #pane-home .desktop-showcase-card--cafe{--card-fill:linear-gradient(135deg,#fffefd,#fbebf4)}
  body.rl-theme #pane-home .desktop-showcase-card--life{--card-fill:linear-gradient(135deg,#fffefd,#eef5e9)}
  body.rl-theme #pane-home .desktop-showcase-card--shop{--card-fill:linear-gradient(135deg,#fffdff,#f3e8ff)}
  body.rl-theme #pane-home .desktop-showcase-card--settings{--card-fill:linear-gradient(135deg,#fffdff,#efecfa)}
  body.rl-theme #pane-home .desktop-showcase-card--groceries{--card-fill:linear-gradient(135deg,#fffefd,#f7eafa)}
  body.rl-theme #pane-home .desktop-showcase-card:hover{
    transform:translateY(-4px);
    border-color:#c9acec;
    box-shadow:0 20px 38px #7155a32b;
  }
  body.rl-theme #pane-home .desktop-showcase-card:focus-visible{
    outline:3px solid #8a5bd2;
    outline-offset:3px;
  }
  .desktop-showcase-card-category{
    position:relative;
    z-index:2;
    display:inline-block;
    margin-bottom:21px;
    max-width:100%;
    color:#9569bc;
    font:790 10px/1.3 system-ui,sans-serif;
    letter-spacing:.115em;
    text-transform:uppercase;
    white-space:normal;
  }
  .desktop-showcase-card-title{
    position:relative;
    z-index:2;
    display:block;
    width:61%;
    margin-bottom:10px;
    color:#372650;
    font:800 clamp(18px,1.7vw,23px)/1.17 system-ui,sans-serif;
    letter-spacing:-.04em;
    overflow-wrap:break-word;
  }
  .desktop-showcase-card-description{
    position:relative;
    z-index:2;
    display:block;
    width:61%;
    color:#716080;
    font:520 12px/1.54 system-ui,sans-serif;
    overflow-wrap:break-word;
  }
  body.rl-theme #pane-home .desktop-showcase-card-art{
    position:absolute;
    z-index:1;
    right:-9%;
    bottom:8px;
    width:64%;
    max-width:none;
    height:auto;
    aspect-ratio:350/240;
    object-fit:contain;
    opacity:1;
    transform:translateY(5px) scale(1);
    transition:transform .26s cubic-bezier(.2,.6,.3,1);
    pointer-events:none;
    user-select:none;
  }
  body.rl-theme #pane-home .desktop-showcase-card:hover .desktop-showcase-card-art{
    transform:translateY(0) scale(1.048);
  }
  .desktop-showcase-card-link{
    position:relative;
    z-index:3;
    display:inline-flex;
    gap:9px;
    align-items:center;
    margin-top:auto;
    padding-top:21px;
    color:#7849b7;
    font:770 12px/1.2 system-ui,sans-serif;
  }
  .desktop-showcase-card-link > span{font-size:18px;line-height:1}
  body.rl-theme #pane-home #homeCatalog .home-catalog-intro{
    margin-top:17px;
    padding-top:24px;
  }
  body.rl-theme #pane-home .desktop-tools-label,
  body.rl-theme #pane-home .desktop-tools-title{display:inline}
  body.rl-theme #pane-home .home-tools-mobile-label,
  body.rl-theme #pane-home .home-tools-mobile-title{display:none}
  body.rl-theme #pane-home #homeCatalog .home-catalog-intro h2{
    font-size:26px;
  }
  body.rl-theme[data-theme="night"] #pane-home .desktop-showcase-card{
    --card-fill:linear-gradient(130deg,#302b41,#3a2e4f);
    border-color:#544366;
    color:#f2eafa;
    box-shadow:0 7px 28px #09070f38;
  }
  body.rl-theme[data-theme="night"] #pane-home .desktop-showcase-card-category{color:#d2b9f5}
  body.rl-theme[data-theme="night"] #pane-home .desktop-showcase-card-title{color:#f7edff}
  body.rl-theme[data-theme="night"] #pane-home .desktop-showcase-card-description{color:#d8c7e6}
  body.rl-theme[data-theme="night"] #pane-home .desktop-showcase-card-link{color:#dfc5ff}
  @media (max-width:1450px){
    body.rl-theme #pane-home .desktop-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.rl-theme #pane-home .desktop-showcase-card{min-height:218px}
  }
}
@media (min-width:900px) and (prefers-reduced-motion:reduce){
  body.rl-theme #pane-home .desktop-showcase-card,
  body.rl-theme #pane-home .desktop-showcase-card-art,
  body.rl-theme #pane-home .desktop-feature-top-action{transition:none!important}
}
}