/* Fullscreen feed. Management forms keep the regular website layout. */
html:has(.is-shorts-page),body.is-shorts-page{height:100%;overflow:hidden;background:#08090b}
.is-shorts-page .maincontent{height:100dvh;margin:0;padding:0;min-height:0}
.is-shorts-page .hs-shorts{--hs-blue:#1479ef;position:relative;height:100%;padding:0;background:radial-gradient(ellipse at 50% 45%,#20242c,#08090b 72%);color:#fff;isolation:isolate}
.is-shorts-page .hs-shorts-layout{display:block;height:100%;padding:0}
.is-shorts-page .hs-shorts-stage{height:100%;width:min(100%,calc(100dvh * 9 / 16));margin:auto}
.is-shorts-page .hs-shorts-feed{height:100%;min-height:0;border-radius:0;box-shadow:0 0 90px #0007;overflow-anchor:none;touch-action:pan-y}
.is-shorts-page .hs-short{height:100%;min-height:0;background:#111}
.is-shorts-page .hs-short-video{background:#111}
.is-shorts-page .hs-short-shade{background:linear-gradient(180deg,#0008 0%,transparent 24%,transparent 44%,#0008 70%,#000e 100%)}
.hs-shorts-toolbar{position:absolute;z-index:8;inset:0 0 auto;max-width:calc(100dvh * 9 / 16);margin:auto;display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 16px 14px;pointer-events:none;background:linear-gradient(#0005,transparent)}
.hs-shorts-toolbar>*{pointer-events:auto}
.is-shorts-page .hs-shorts-back{color:white;border:0;background:#0003;width:38px;height:38px;backdrop-filter:blur(10px)}
.is-shorts-page .hs-shorts h1{color:white;font-size:23px;font-weight:750;letter-spacing:-.6px;margin:0;text-shadow:0 1px 12px #0005}
.is-shorts-page .hs-filter-toggle{display:grid;place-items:center;margin-left:auto;background:#0003;border:1px solid #ffffff2e;border-radius:50%;color:#fff;width:38px;height:38px;padding:8px;backdrop-filter:blur(10px)}
.is-shorts-page .hs-short-top{top:max(73px,calc(env(safe-area-inset-top) + 58px));left:auto;right:16px}
.is-shorts-page .hs-short-top button{width:36px;height:36px;padding:9px;border:0;background:#0005;justify-content:center}
.is-shorts-page .hs-short-top button svg{width:19px;height:19px}
.is-shorts-page .hs-short-top button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.is-shorts-page .hs-short-info{left:20px;right:20px;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));pointer-events:none}
.is-shorts-page .hs-short-info a,.is-shorts-page .hs-short-info button{pointer-events:auto}
.is-shorts-page .hs-short-tag{background:#0003;border:1px solid #fff4;padding:5px 9px;font-size:10px;margin-bottom:10px;max-width:calc(100% - 62px)}
.is-shorts-page .hs-short h2{font-size:23px;letter-spacing:-.45px;line-height:1.2;margin:0 54px 8px 0;text-shadow:0 2px 12px #0007}
.is-shorts-page .hs-short-location{font-size:12px;margin:0 58px 8px 0;color:#fff}
.is-shorts-page .hs-short-caption{font-size:12px;line-height:1.45;margin:0 58px 8px 0;color:#ffffffd9;-webkit-line-clamp:2}
.is-shorts-page .hs-short-price{background:transparent;border:0;border-radius:0;margin:7px 54px 16px 0;padding:0;justify-content:flex-start;gap:10px;font-size:19px;letter-spacing:-.25px;font-weight:700}
.is-shorts-page .hs-short-price b{font-size:18px;color:#fff}
.is-shorts-page .hs-short-contact{min-height:47px;border-radius:10px;background:#fff;color:#111;padding:12px 16px;font-size:14px;font-weight:750;box-shadow:0 3px 20px #0002}
.is-shorts-page .hs-short-actions{right:10px;bottom:max(150px,calc(env(safe-area-inset-bottom) + 135px));gap:18px}
.is-shorts-page .hs-short-actions button{min-width:48px;min-height:48px;gap:4px;text-shadow:0 1px 5px #0009}
.is-shorts-page .hs-short-actions button>span{border:0;background:transparent;backdrop-filter:none;width:42px;height:34px;filter:drop-shadow(0 2px 4px #0006)}
.is-shorts-page .hs-short-actions svg{width:28px;height:28px;stroke-width:1.8}
.is-shorts-page .hs-short-actions small{font-size:10px;font-weight:600}
.is-shorts-page .hs-short-actions [aria-pressed=true]>span{color:#ff4c6b;background:transparent}
.is-shorts-page .hs-short-play{top:43%;background:#0005;border:0;width:64px;height:64px;backdrop-filter:blur(5px)}
.is-shorts-page .hs-short-progress{height:2px}
.is-shorts-page .hs-shorts-nav{right:-26px;gap:16px}
.is-shorts-page .hs-shorts-nav button{width:46px;height:46px;border:1px solid #ffffff1c;background:#ffffff0d;color:#fff;box-shadow:none}
.is-shorts-page .hs-shorts-nav button:hover:not(:disabled){background:#ffffff24}
.is-shorts-page .hs-shorts-empty{height:100%;min-height:0;padding:90px 28px;color:#fff}
.is-shorts-page .hs-shorts-empty h2{font-size:22px}
.is-shorts-page .hs-shorts-loading{top:125px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;padding:8px 14px;border-radius:30px;background:#0009}
.is-shorts-page .hs-shorts-toast,.is-shorts-page .hs-shorts-retry{bottom:90px;background:#111e;z-index:10}
.hs-filter-backdrop{position:fixed;inset:0;z-index:20;background:#0009;border:0;backdrop-filter:blur(5px)}
.is-shorts-page .hs-shorts-filters{position:fixed;z-index:21;inset:50% auto auto 50%;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:24px;transform:translate(-50%,-50%);visibility:visible;border:1px solid #e5e8ee;border-radius:20px;box-shadow:0 25px 100px #0007;color:#13243b;background:#fff}
.is-shorts-page .hs-shorts-filters.is-open{transform:translate(-50%,-50%);box-shadow:0 25px 100px #0007}
.is-shorts-page .hs-filter-heading h2{font-size:21px;margin:0}
.is-shorts-page .hs-filter-heading button{display:block;width:36px;height:36px;font-size:27px;color:#526174;border-radius:50%;background:#f1f4f8}
.is-shorts-page .hs-shorts-filters label{margin-top:15px;font-size:12px}
.is-shorts-page .hs-shorts-filters .hs-button-primary{margin-top:22px}
.is-shorts-page .hs-shorts-filters .hs-upload-link{text-align:center}
.is-shorts-page :is(button,a):focus-visible{outline:3px solid #72b6ff;outline-offset:4px}
@media(max-width:767.98px){
 .is-shorts-page .hs-shorts-stage{width:100%}
 .hs-shorts-toolbar{max-width:none}
 .is-shorts-page .hs-shorts-nav{display:none}
 .is-shorts-page .hs-shorts-filters{inset:auto 0 0;width:100%;max-height:90dvh;padding:22px 24px max(24px,env(safe-area-inset-bottom));border-radius:23px 23px 0 0;transform:none}
 .is-shorts-page .hs-shorts-filters.is-open{transform:none}
}
@media(max-height:640px){
 .is-shorts-page .hs-short-caption{display:none}
 .is-shorts-page .hs-short h2{font-size:19px}
 .is-shorts-page .hs-short-info{bottom:14px}
 .is-shorts-page .hs-short-tag{margin-bottom:6px}
 .is-shorts-page .hs-short-price{font-size:17px;margin-bottom:12px}
 .is-shorts-page .hs-short-actions{gap:10px;bottom:145px}
}

/* Gesture support only; the existing reel design is retained. */
.is-shorts-page .hs-shorts-feed{cursor:grab;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scroll-padding:0}
.is-shorts-page .hs-shorts-feed.is-dragging{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none;-webkit-user-select:none}
.is-shorts-page .hs-short{scroll-snap-align:start;scroll-snap-stop:always}
.is-shorts-page .hs-short-video{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.is-shorts-page .hs-short button,.is-shorts-page .hs-short a{cursor:pointer}