/* Desktop (1100px+) */
@media (min-width:1100px){
:root{--app-max:1000px}
body{
    height:auto;
    min-height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    align-items:stretch
}
html{
    font-size: 17px;
}
html.is-scroll-locked body{overflow:hidden}
.app{
    width:min(var(--app-max),calc(100% - 32px));
    max-width:var(--app-max);
    height:auto;
    min-height:100dvh;
    max-height:none;
    overflow:visible;
    margin:0 auto;
    align-self:center;
    flex:0 0 auto;
    padding:15px;
    box-shadow:0 18px 48px rgba(20,8,24,.14);
}
.fpost__text{
    font-size: 16px;
}
.item-card__title{
    font-size: 16px;
}
.item-card__price-old{
    font-size: 14px;
}
.item-card__price-now{
    font-size: 16px;
}
.rating{
    font-size: 20px;
}
.item-card__rating .rating,
.item-rows__cell .rating{
    font-size: 15px;
}
.blog-card__title{
    font-size: 17px;
}
.blog-card__excerpt{
    font-size: 15px;
}
.blog-card__meta{
    font-size: 15px;
}
.single__title{
    font-size: 32px;
}
.hero__title{
    letter-spacing: normal;
}
.app__scroll{
    flex:none;
    min-height:auto;
    overflow:visible;
    overscroll-behavior:auto
}
.topbar-shell{
    position:sticky;
    top:0;
    z-index:50;
    padding:14px 0 0
}
.shell{padding:0 24px}
.desk-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.desk-nav{display:block;min-width:0;flex:1 1 auto}
.desk-nav__list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:end;
    gap:4px 2px;
    margin:0;
    padding:0;
    list-style:none
}
.desk-nav__link{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 12px;
    border-radius:var(--radius-button);
    font-size:17px;
    font-weight:800;
    color:var(--ink);
    white-space:nowrap;
}
.desk-nav__link--support{
    margin-right: 10px;
}
.desk-nav__link:hover,.desk-nav__link:focus-visible{background:rgba(255,255,255,.58)}
.desk-nav__link.is-active{background:transparent;color:var(--ink)}
.desk-nav__link--accent{
    min-height:42px;
    padding:0 16px;
    font-weight:700;
    background:linear-gradient(90deg,var(--btn-start),var(--btn-end));
    color:var(--btn-text)
}
.desk-nav__link--accent:hover,.desk-nav__link--accent:focus-visible{
    background:linear-gradient(90deg,var(--btn-start),var(--btn-end));
    color:var(--btn-text);
    filter:brightness(1.04)
}
.desk-nav__link--accent.is-active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.topbar__actions .topbar__publish-desk.pill--publish{
    min-height:42px;
    padding:0 16px;
    font-weight:700;
    font-size:14px
}
.topbar--site{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:12px 18px;
    padding:12px 18px
}
.topbar--loose{
    display:flex;
    align-items:center;
    gap:10px
}
.topbar--loose .desk-nav{flex:1 1 auto;min-width:0}
.topbar--loose .desk-nav + *{margin-left:auto}
.topbar--loose .pill{flex:none;width:auto}
.topbar--loose .notif,.topbar--loose .topbar__signout{flex:0 0 auto}
.topbar--home .topbar__publish-mobile{display:none}
.topbar__actions .topbar__publish-desk{display:inline-flex}
.topbar .topbar__account-desk{display:inline-flex}
.topbar--site:not(.topbar--loose) .desk-nav__link--accent{display:none}
.topbar--site:not(.topbar--loose) .desk-nav__link--account{display:none}
.topbar__actions{gap:10px}
.topbar .icon-btn--menu{display:none}
.page-home .hero__logo{display:none}
.tabbar{display:none!important}
.drawer-backdrop,.drawer{visibility:hidden;pointer-events:none}
body.body--dashboard .topbar--loose .desk-nav{display:none}
body.body--dashboard .topbar.topbar--loose .icon-btn--menu{display:grid;flex:0 0 42px}
body.body--dashboard .drawer.is-open,
body.body--dashboard .drawer-backdrop:not([hidden]){visibility:visible;pointer-events:auto}
.sheet,.sheet-backdrop{position:fixed}
.toast-stack{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    width:min(420px,calc(100% - 24px))
}
body.page-single .app__scroll{padding-bottom:8px}
.page-single .cta-dock{
    position:static;
    left:auto;
    transform:none;
    width:100%;
    max-width:none;
    padding:0;
    margin:50px 0 0
}
.page-single .cta-dock__inner{
    border-radius:var(--radius-panel)!important;
    box-shadow:none;
}
.feature-list{
    font-size: 15px;
}
.page-single .single__cta-block .feature-list{margin-bottom:0}
.page-home .hero.hero--split{padding:28px 4px 8px}
.page-home .hero--split .hero__layout{
    grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);
    grid-template-areas:"lead media";
    column-gap:40px;
    row-gap:0;
    align-items:center
}
.page-home .hero--split .hero__lead{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
    grid-area:lead;
    min-width:0;
    align-self:center
}
.page-home .hero--split .hero__title{font-size:clamp(34px,3.6vw,46px);line-height:1.05}
.page-home .hero--split .hero__text{
    font-size:17px;
    line-height:1.6;
    opacity:.9;
    margin:0;
    max-width:34em
}
.page-home .hero--split .hero__media{
    grid-area:media;
    width:100%;
    max-width:380px;
    justify-self:end;
    overflow:hidden;
}
.page-home .hero--split .hero__media img{
    position:static;
    opacity:1;
    top:auto;
    right:auto;
    width:100%;
    height:auto;
    max-width:none;
    object-fit:cover
}
.hero__logo{margin-top:0}
.categories{--categories-per-view:8;margin:12px 0 18px}
.category-chip__label{font-size:15px;font-weight:700}
.item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.page-contact .contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:stretch
}
.page-contact .contact-grid > .panel{
    height:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    box-sizing:border-box
}
.page-contact .contact-grid > .panel > .form-errors{flex:0 0 auto}
.page-contact .contact-grid > .panel > .stack-form{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    gap:10px;
    min-height:0
}
.page-contact .contact-grid > .panel > .stack-form > .btn{margin-top:auto}
.page-contact .contact-grid > .panel.prose{flex:1 1 auto;min-height:0}
.page-contact .contact-grid > .panel.prose .contact-map{margin-top:auto;flex:0 0 auto}
.section{margin:12px 0 22px}
.section__title{font-size:22px}
.page-head__title{font-size:32px}
.page-single .single{
    display:grid;
    grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr);
    grid-template-areas:"gallery body" "prose prose" "reviews reviews";
    align-items:start
}
.page-single .gallery{
    grid-area:gallery;
    border-top-left-radius: var(--radius-panel)!important;
}
.gallery__slide img{
    border-top-left-radius: var(--radius-panel)!important;
}
.page-single .single__body{grid-area:body;padding:22px 28px 24px}
.page-single .single__title{font-size:28px;margin-bottom:10px}
.page-single .single__priceline{align-items:baseline;margin-bottom:14px;gap:14px}
.page-single .single__price-now{font-size:25px;line-height:1.1;letter-spacing:-.02em}
.page-single .single__price-old{font-size:17px;margin-right:10px;vertical-align:baseline}
.page-single .single__prose{grid-area:prose;margin:0;padding:20px 28px 24px}
.page-single .single{overflow:visible}
.page-single .reviews{grid-area:reviews;padding:15px 28px 28px;min-width:0}
.page-single .reviews__bar{
    justify-content:space-between;
    align-items:center;
    min-width:0;
    max-width:100%
}
.page-single .reviews__score{flex:0 1 auto;min-width:0}
.page-single .reviews__add{
    flex:0 0 auto;
    width:auto;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap
}
.site-outro{padding:16px 0 28px}
.site-desk-footer{
    display:block;
    padding:18px 0 6px;
    margin-top:8px;
    border-top:var(--border-panel-width) solid var(--border-panel-color)
}
.site-desk-footer__list{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px 22px;
    margin:0;
    list-style:none;
    background: var(--panel-bg);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 10px;
    border-radius: var(--radius-panel);
}
.site-desk-footer__link{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    font-size:15px;
    font-weight:800;
    color:color-mix(in srgb,var(--body-text) 72%,transparent);
    white-space:nowrap
}
.site-desk-footer__link:hover,.site-desk-footer__link:focus-visible{color:var(--ink)}
.site-desk-footer__link.is-active{color:var(--ink)}
.modal__panel{
    width:min(500px,calc(100vw - 48px));
    max-width:500px
}
.sheet__panel{
    width:min(500px,calc(100vw - 48px));
    max-width:500px
}
.notif .notif__panel{
    left:auto;
    right:0;
    width:min(500px,calc(100vw - 48px));
    max-width:500px
}
body.body--auth .topbar-shell .shell{
    display:flex;
    justify-content:center;
    padding-top:8px
}
body.body--auth .topbar.topbar--loose.topbar--site{
    display:grid;
    width:min(440px,100%);
    grid-template-columns:1fr 1fr;
    grid-template-areas:"brand brand" "signin signup";
    gap:10px 8px;
    padding:14px 14px 12px;
    background:color-mix(in srgb,var(--panel-bg) 88%,white 12%);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-radius:var(--radius-panel)
}
body.body--auth .topbar--loose .desk-brand{
    grid-area:brand;
    justify-self:center
}
body.body--auth .topbar--loose > a.pill:nth-child(2){
    grid-area:signin;
    justify-self:stretch;
    min-height:42px;
    padding:0 12px
}
body.body--auth .topbar--loose > a.pill:nth-child(3){
    grid-area:signup;
    justify-self:stretch;
    min-height:42px;
    padding:0 12px
}
body.body--auth .auth-shell{
    width:min(440px,100%);
    max-width:440px;
    margin:20px auto 48px;
    padding:0
}
body.body--auth .auth-stack{
    gap:0;
    border-radius:var(--radius-panel);
    overflow:hidden;
    box-shadow:0 14px 36px rgba(20,8,24,.1)
}
body.body--auth .auth-card{
    display:grid;
    gap:10px;
    padding:22px 20px 18px;
    border-radius:0;
    border:0;
    border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent)
}
body.body--auth .auth-card__art{margin-bottom:10px}
body.body--auth .auth-card__art img{width:88px}
body.body--auth .auth-actions{
    padding:16px 18px 18px;
    border:0;
    border-radius:0;
    background:var(--panel-bg)
}
body.body--auth .auth-back{margin-top:18px}
body.body--auth .site-header{padding:0 0 4px}
body.body--auth .site-header .shell{
    display:flex;
    justify-content:center;
    padding:0 4px
}
.page-head--crumbs{
    margin:20px 0 15px
}
.reviews__list .review__body .review__head .review__stars .rating{
    font-size: 13px!important;
}
body.body--auth .page-head--crumbs{
    width:min(440px,100%);
    max-width:440px;
    margin:12px 0 10px
}
body.body--auth .breadcrumbs{
    margin-top:0;
    font-size:13px;
    opacity:.88
}
.page-single .site-header{width:100%}
.page-single .site-header .shell{
width:100%;
max-width:100%;
box-sizing:border-box
}
.page-single .page-head--crumbs{width:100%;max-width:100%}
.page-single .page-head--crumbs .breadcrumbs{
display:block;
width:100%;
max-width:100%;
margin-top:0;
box-sizing:border-box
}
.page-single .breadcrumbs__list{width:100%;max-width:100%;box-sizing:border-box}
.page-single .breadcrumbs__item:not(:last-child){
flex:0 0 auto;
max-width:none
}
.page-single .breadcrumbs__item:not(:last-child) a{
overflow:visible;
text-overflow:clip;
white-space:nowrap
}
.page-single .breadcrumbs__item:last-child{
flex:1 1 0;
min-width:0;
max-width:none;
overflow:hidden
}
.page-single .breadcrumbs__item:last-child span{
display:block;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.page-community .panel--feed{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:30px;
align-items:start
}
.page-community .panel--feed > .form-errors{grid-column:1/-1;margin-bottom:0}
.page-community .panel--feed > .composer{
grid-column:1;
margin:0;
position:sticky;
top:100px;
align-self:start;
z-index:2
}
.page-community .panel--feed > .feed-wrap{
grid-column:2;
min-width:0;
padding-top:0
}
}