.short-carousel{min-width:0;position:relative}.short-carousel .section-heading{gap:16px;flex-wrap:wrap}.short-carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 0 12px;overscroll-behavior-x:contain}.short-preview{flex:0 0 180px;min-width:0;aspect-ratio:9/16;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;scroll-snap-align:start;background:#131a17;color:#fff!important;text-decoration:none}.short-preview img{width:100%;height:100%;object-fit:cover;display:block}.short-preview::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9));z-index:0}.short-preview-title{position:absolute;bottom:16px;left:14px;right:14px;font-size:17px;line-height:1.3;font-weight:650;z-index:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.short-preview-play{position:absolute;top:14px;left:14px;border-radius:50%;width:40px;height:40px;background:#000a;display:grid;place-items:center}.short-duration{position:absolute;top:18px;right:12px;border-radius:6px;background:#000b;padding:3px 7px;font-size:13px}.short-carousel-nav{display:flex;justify-content:flex-end;gap:8px}.short-carousel-nav button{width:44px;height:44px;border:1px solid var(--seo-line,#cbd1c7);background:var(--seo-surface,#fff);color:var(--seo-ink,#161a18);border-radius:50%;font-size:22px;cursor:pointer}.short-carousel a:focus-visible,.short-carousel button:focus-visible{outline:3px solid #4b741f;outline-offset:2px}
body.shorts-page{background:#111713;overflow:hidden}.shorts-page .site-header,.shorts-page .site-footer,.shorts-page .cookie-banner,.shorts-page [data-max-promo],.shorts-page .mobile-bottom-nav{display:none!important}.shorts-page main{max-width:none;margin:0;padding:0}.short-viewer{position:fixed;inset:0;background:#111713;color:#fff;z-index:100;height:100dvh}.short-viewer-header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 24px;background:#17211b;border-bottom:1px solid #344039}.short-viewer-header a{color:#fff;text-decoration:none;font-size:16px;min-height:44px;display:flex;align-items:center}.short-viewer-header h1{font-size:19px;margin:0}.short-viewer-header [data-short-count]{font-size:14px;min-width:38px;text-align:right}.short-feed{height:calc(100dvh - 64px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;outline-offset:-3px}.short-feed::-webkit-scrollbar{display:none}.short-slide{height:100%;width:min(100%,540px);margin:0 auto;position:relative;scroll-snap-align:start;scroll-snap-stop:always;background:#050806;overflow:hidden}.short-slide video{display:block;width:100%;height:100%;object-fit:contain;background:#050806}.short-controls{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:12px}.short-controls button,.short-feed-nav button{border:1px solid #ffffff55;color:#fff;background:#15201de8;border-radius:24px;min-height:46px;min-width:46px;padding:10px 16px;cursor:pointer;font:600 15px/1.2 inherit;backdrop-filter:blur(8px)}.short-caption{position:absolute;bottom:0;left:0;right:0;padding:80px 24px max(28px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.92) 65%);pointer-events:none}.short-caption h2{font-size:22px;line-height:1.3;margin:8px 0 16px;color:#fff;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.short-post-link{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:12px;color:#102414!important;background:#d9edba;text-decoration:none;font-weight:700;font-size:16px}.short-caption [role=status]{font-size:15px;line-height:1.3;margin:0;color:#fff;max-width:100%}.short-progress{position:absolute;bottom:0;left:0;display:block;width:100%;height:3px;border:0;appearance:none;background:#ffffff44}.short-progress::-webkit-progress-bar{background:#ffffff44}.short-progress::-webkit-progress-value{background:#d9edba}.short-progress::-moz-progress-bar{background:#d9edba}.short-feed-nav{position:absolute;right:max(18px,calc((100vw - 700px)/2));top:48%;display:grid;gap:12px}.short-feed-nav button{font-size:24px;padding:9px}.short-feed-nav button:disabled{opacity:.35;cursor:default}.short-viewer :focus-visible{outline:3px solid #d9edba;outline-offset:-3px}.short-empty{display:grid;place-content:center;height:70vh;gap:20px}.short-empty a{color:#d9edba}.short-noscript{position:absolute;top:70px;left:20px;right:20px;background:#111;padding:12px}
@media(max-width:600px){.short-preview{flex-basis:72%;max-width:250px}.short-carousel-track{gap:12px}.short-viewer-header{height:56px;padding:6px 12px;gap:8px}.short-viewer-header h1{font-size:16px}.short-viewer-header a{font-size:14px}.short-feed{height:calc(100dvh - 56px)}.short-caption{padding:64px 18px max(24px,env(safe-area-inset-bottom))}.short-caption h2{font-size:20px}.short-feed-nav{right:10px;top:42%;gap:8px}.short-feed-nav button{background:#15201da8}.short-controls{left:12px;right:12px;top:12px}.short-controls button{font-size:14px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.short-feed,.short-carousel-track{scroll-behavior:auto}}
/* The viewer keeps a dark background independently of the storefront theme. */
.shorts-page .page:not(.admin-page) .short-viewer :is(h1,h2){color:#fff!important}
.short-preview-item{flex:0 0 180px;min-width:0;aspect-ratio:9/16;position:relative;scroll-snap-align:start}.short-preview-item .short-preview{display:block;width:100%;height:100%;max-width:none}.short-preview video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.short-preview-toggle{position:absolute;top:12px;left:12px;z-index:2;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#000b;color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center}.short-preview-toggle:focus-visible{outline:3px solid #d9edba;outline-offset:2px}
@media(max-width:600px){.short-preview-item{flex-basis:72%;max-width:250px}}
/* Player controls use the same icons and touch targets in both surfaces. */
.short-icon-button,.short-preview-toggle{padding:0;border:1px solid #ffffff38;border-radius:50%;color:#fff;background:#111a;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.short-icon-button svg,.short-preview-toggle svg{width:25px;height:25px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
[data-short-icon="pause"],[data-short-icon="sound"]{display:none}
.is-playing>[data-short-icon="play"],.is-audible>[data-short-icon="muted"]{display:none}
.is-playing>[data-short-icon="pause"],.is-audible>[data-short-icon="sound"]{display:block}
[data-short-icon="sound"] path,[data-short-icon="muted"] path{fill:none}
.short-play-button{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;transition:opacity .18s,background .18s}
.short-play-button svg{width:32px;height:32px}
.short-slide.is-playing .short-play-button{opacity:0}
.short-slide.show-controls .short-play-button,.short-slide.is-loading .short-play-button,.short-slide .short-play-button:focus-visible{opacity:1}
.short-sound-button{position:absolute;z-index:4;right:18px;bottom:92px;width:48px;height:48px}
.short-share-button{position:absolute;z-index:4;right:18px;bottom:154px;width:48px;height:48px}
.short-share-button [data-short-icon="share"] path{fill:none}
.short-favorite-control{position:absolute;z-index:4;right:18px;bottom:208px;display:grid;justify-items:center;gap:3px;color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}
.short-favorite-button{width:48px;height:48px}
.short-favorite-button [data-short-icon="favorite"] path{fill:none}
.short-favorite-button.is-active [data-short-icon="favorite"] path{fill:#f2798d;stroke:#f2798d}
.short-favorite-control>span{min-width:42px;text-align:center;line-height:18px}
.short-viewer-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.short-viewer-header h1{min-width:0;flex:1;text-align:center;grid-column:2}
.short-viewer-actions{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.short-viewer-header :is(.short-favorites-link,.short-close-link){display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;border-radius:8px}
.short-favorites-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.short-close-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:600px){.short-viewer-header{display:flex}.short-viewer-header h1{text-align:left}.short-viewer-actions{flex-shrink:0}.short-favorite-control{right:14px;bottom:206px}}
.short-share-button:disabled{opacity:.6;cursor:wait}
.short-share-feedback{position:absolute;z-index:8;top:76px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);margin:0;padding:12px 18px;border:1px solid #ffffff38;border-radius:12px;background:#17211bf2;color:#fff;font-size:16px;text-align:center;pointer-events:none}
.short-share-feedback:empty{display:none}
.short-share-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;border:1px solid #ffffff38;border-radius:18px;background:#17211b;color:#fff}
.short-share-dialog::backdrop{background:#0009}
.short-share-dialog h2{font-size:22px;margin:0 0 20px}
.short-share-dialog label{display:block;font-size:16px;margin:0 0 8px;color:#d8dfd8}
.short-share-dialog input{box-sizing:border-box;width:100%;min-height:48px;font-size:16px;padding:10px;border:1px solid #8b998e;border-radius:8px;background:#101713;color:#fff}
.short-share-dialog button{display:block;min-height:44px;margin:20px 0 0 auto;padding:10px 20px;border:0;border-radius:10px;background:#d9edba;color:#17211b;font-size:16px;font-weight:650;cursor:pointer}
@media(max-width:600px){.short-share-button{right:14px;bottom:152px}.short-share-feedback{top:68px}}
.short-caption{bottom:62px;padding:65px 82px 14px 24px}
.short-caption h2{font-size:21px;margin:8px 0 12px}
.short-caption [role=status]:empty{display:none}
.short-timeline{position:absolute;z-index:5;bottom:0;left:0;right:0;padding:8px 16px max(8px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#050806cc)}
.short-time{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;line-height:16px;color:#fff;text-shadow:0 1px 3px #000}
.short-seek{--short-progress:0%;display:block;width:100%;height:32px;min-height:32px;margin:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none;box-shadow:none;border-radius:0}
.short-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#f4f6ee 0 var(--short-progress),#ffffff50 var(--short-progress) 100%)}
.short-seek::-moz-range-track{height:4px;border-radius:4px;background:#ffffff50}
.short-seek::-moz-range-progress{height:4px;border-radius:4px;background:#f4f6ee}
.short-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005}
.short-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.short-seek:disabled{opacity:.5;cursor:wait}
.short-slide video{cursor:pointer}
.short-preview video{opacity:0;transition:opacity .15s}
.short-preview-item.has-frame video{opacity:1}
.short-preview-toggle{top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;transition:opacity .18s}
.short-preview-item.is-playing .short-preview-toggle{opacity:0}
.short-preview-item:hover .short-preview-toggle,.short-preview-toggle:focus-visible,.short-preview-item.is-loading .short-preview-toggle{opacity:1}
.short-preview-sound{position:absolute;z-index:3;right:10px;top:10px;width:44px;height:44px}
.short-preview-item:has(video) .short-duration{left:12px;right:auto;top:18px}
.short-preview-item.is-loading .short-preview-toggle::after,.short-slide.is-loading .short-play-button::after{content:"";position:absolute;inset:-4px;border:2px solid #ffffff30;border-top-color:#fff;border-radius:50%;animation:short-loading .9s linear infinite}
@keyframes short-loading{to{transform:rotate(360deg)}}
@media(max-width:600px){.short-caption{padding:52px 76px 12px 18px}.short-caption h2{font-size:19px}.short-sound-button{right:14px;bottom:90px}.short-play-button{width:68px;height:68px}.short-feed-nav{right:10px;top:35%}.short-post-link{font-size:15px;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.short-play-button,.short-preview-toggle,.short-preview video{transition:none}.short-slide.is-loading .short-play-button::after,.short-preview-item.is-loading .short-preview-toggle::after{animation:none}}
.short-icon-button,.short-preview-toggle,.short-seek,.short-slide video{-webkit-tap-highlight-color:transparent}

/* Touch viewers navigate with a swipe; keep arrows on desktop. */
@media(max-width:600px),(hover:none) and (pointer:coarse){.short-feed-nav{display:none}}

.short-swipe-hint{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);z-index:6;display:grid;justify-items:center;gap:3px;padding:10px 18px 14px;border:1px solid #ffffff36;border-radius:18px;background:#101713c9;backdrop-filter:blur(5px);color:#fff;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none;user-select:none;box-shadow:0 6px 24px #0003}
.short-swipe-hint[hidden]{display:none}
.short-swipe-hint svg{display:block;width:30px;height:56px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:short-swipe-up 1.4s ease-in-out 2}
@keyframes short-swipe-up{0%{transform:translateY(10px);opacity:.25}30%{opacity:1}75%{transform:translateY(-10px);opacity:1}100%{transform:translateY(-10px);opacity:0}}
@media(prefers-reduced-motion:reduce){.short-swipe-hint svg{animation:none}}

.short-view-stat [data-short-icon="views"] path{fill:none}
.shorts-page .page:not(.admin-page) .short-view-stat{display:flex;align-items:center;width:max-content;max-width:100%;gap:6px;margin:0 0 8px;padding:5px 9px;border:1px solid #ffffff38;border-radius:999px;color:#fff;background:#07100ddd;font-size:14px;font-weight:700;line-height:1.25;text-shadow:0 1px 3px #000;box-sizing:border-box}
.short-view-stat svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.shorts-page .page:not(.admin-page) .short-view-stat{font-size:13px}}
@media(max-height:500px){.short-favorite-control{top:10px;right:128px;bottom:auto}.short-favorite-button,.short-share-button,.short-sound-button{width:44px;height:44px}.short-share-button{top:10px;right:70px;bottom:auto}.short-sound-button{top:10px;right:12px;bottom:auto}}