/* Clickable companion sections for the desktop live concept. */
.collection-screen{display:flex;flex-direction:column;gap:30px;padding:clamp(28px,3vw,48px);overflow:auto;border:1px solid #d8e2d4}
.collection-dark{background:radial-gradient(85% 80% at 86% 25%,#245639 0,#103c27 55%,#092b1c 100%);color:#f7f6eb;border-color:#28573c}
.collection-paper{background:#f9f8f1;color:#123622;box-shadow:0 15px 35px #173f2412}
.collection-head{display:grid;align-content:start;justify-items:start;gap:18px;max-width:740px}
.collection-head .over{font-size:11px;letter-spacing:.17em;color:#278040}
.collection-dark .collection-head .over,.collection-dark .collection-group>.over{color:#c8dfc0}
.collection-head h3{font:500 clamp(48px,4.8vw,82px)/1.02 var(--serif);letter-spacing:-.045em;margin:0;text-wrap:balance;max-width:12ch}
.collection-head p{font:400 clamp(16px,1.18vw,19px)/1.48 var(--serif);margin:0;max-width:48ch;color:#607065}
.collection-dark .collection-head p{color:#dfebd9}
.collection-head>.btn{margin-top:16px;min-width:175px}
.collection-group{display:grid;align-content:start;gap:0;min-height:0}
.collection-group>.over{font-size:11px;letter-spacing:.16em;color:#3b6a43;padding-bottom:13px;border-bottom:1px solid #b8c9b5}
.collection-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:108px;padding:15px 0;border-bottom:1px solid #d8e1d4;color:inherit;text-decoration:none}
.collection-row:hover .collection-copy strong,.stream-row:hover strong{color:#2d9a4b}
.collection-dark .collection-row{border-color:#c2d8bb49}
.collection-thumb{width:64px;height:64px;display:grid;place-items:center;background:#e0e9dc;color:#2d603c;border-radius:12px;overflow:hidden}
.collection-thumb>span{font:500 14px var(--serif);text-align:center}
.collection-thumb img{width:100%;height:100%;object-fit:cover}
.collection-dark .collection-thumb{background:#c5ddba24;color:#e7f1df}
.collection-copy{display:grid;gap:5px;min-width:0}
.collection-copy small{font-size:11px;letter-spacing:.035em;color:#6c776d}
.collection-copy strong{font:500 clamp(17px,1.3vw,22px)/1.15 var(--serif);overflow:hidden;text-overflow:ellipsis}
.collection-copy>span{font-size:12px;color:#657267}
.collection-dark .collection-copy small,.collection-dark .collection-copy>span{color:#d2dfce}
.collection-end{display:grid;gap:7px;justify-items:end;white-space:nowrap}
.collection-end strong{font-size:17px}.collection-end small{font-size:12px;color:#286d3b}
.collection-dark .collection-end small{color:#cde3c5}
.collection-empty{display:grid;justify-items:start;gap:8px;padding:30px 0;color:#607063;font-size:13px}
.collection-empty strong{font:500 24px var(--serif);color:#173b28}.collection-empty a{color:#1e7839;font-weight:700;text-underline-offset:3px}
.collection-dark .collection-empty{color:#d2ddcb}.collection-dark .collection-empty strong,.collection-dark .collection-empty a{color:#eff7e8}
.stream-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid #c2d8bb49;color:#f4f8ef;text-decoration:none}
.stream-row>span:nth-child(2){display:grid;gap:4px}.stream-row strong{font:500 21px var(--serif)}.stream-row small{color:#d5e0cf;font-size:12px}.stream-row>span:last-child{font-size:22px}
.personal-screen .collection-head{margin-bottom:2px}.personal-screen .collection-head h3{max-width:13ch}.personal-screen .collection-group+.collection-group{margin-top:7px}
.personal-preview{margin-top:auto;border-top:1px solid #c9d7c4;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:24px;font:500 clamp(17px,1.4vw,22px) var(--serif);color:#2a5c39}
.studio-screen{justify-content:space-between}.studio-screen .collection-head h3{max-width:10ch}.studio-screen .collection-head p{max-width:42ch}.studio-cta{background:#2b8e46;min-height:51px;padding-inline:26px;font-size:15px}
.studio-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid #b9d0b455;padding-top:24px}
.studio-steps span{display:grid;gap:8px;font:500 clamp(16px,1.35vw,22px)/1.2 var(--serif);color:#f3f8ec}.studio-steps b{font:700 11px var(--font);letter-spacing:.12em;color:#bddbb3}
.schedule-stage{justify-content:flex-start}.schedule-stage h3{max-width:14ch;font-size:clamp(48px,4.8vw,76px)}.schedule-stage .sched{max-width:none;max-height:none}.schedule-stage .sched a{font-size:14px;min-height:64px}.schedule-stage .sched a:hover{color:#c3ecc8}.schedule-stage .sched time{min-width:160px}
.rail .rail-nav[aria-current="page"]{color:#145e30;font-weight:700}
@media(max-width:1180px){.collection-screen{gap:24px}.collection-head h3{font-size:clamp(45px,5vw,65px)}.studio-steps{grid-template-columns:repeat(2,1fr)}.rail{gap:15px}}
@media(max-width:820px){.collection-screen{padding:28px 24px;min-height:560px;max-height:none}.collection-head h3{font-size:clamp(46px,9vw,68px)}.rail{white-space:nowrap}.personal-preview{gap:8px}}
@media(max-width:520px){.collection-screen{padding:25px 21px;gap:22px}.collection-head{gap:13px}.collection-head h3{font-size:clamp(42px,11vw,56px)}.collection-head p{font-size:16px}.collection-row{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:13px 0}.collection-thumb{width:50px;height:50px}.collection-end{grid-column:2;display:flex;justify-content:space-between;justify-items:start}.collection-copy strong{font-size:18px}.collection-copy>span{font-size:11px}.stream-row{gap:10px}.stream-row .live-tag{font-size:9px}.personal-preview{grid-template-columns:1fr}.studio-steps{grid-template-columns:1fr 1fr}.studio-steps span{font-size:17px}.schedule-stage .sched time{min-width:0}}

/* The product stays visible above a dedicated chat column. */
.side{align-content:start}
.side-pin-slot,.side-more{display:grid;gap:12px;min-width:0}
.pin-compact{padding:18px 20px;gap:9px;border-radius:17px}
.pin-compact .pin-label{padding:5px 9px;font-size:10px}
.pin-compact h3{font-size:clamp(24px,1.85vw,31px);line-height:1.07;margin:1px 0 0}
.pin-compact .maker{font-size:12px}
.pin-compact .tags{margin-top:0}
.pin-compact .facts{margin-top:4px;padding:10px 0;gap:5px}
.pin-compact .facts small{font-size:9px}
.pin-compact .facts strong{font-size:13px}
.pin-compact .dots,.pin-compact .bar{display:none}
.pin-compact .allerg{font-size:12px;margin:2px 0 4px;align-items:center}
.pin-compact .allerg span{font-size:11px;padding:5px 8px}
.pin-compact .price-row{margin:0;gap:7px}
.pin-compact .price-row strong{font-size:27px}
.pin-compact .price-row .btn{min-width:122px;min-height:44px;padding:9px 14px;font-size:13px}
.pin-compact>p.maker{font-size:11px;line-height:1.4}
.pin-compact.pin-empty{min-height:0}
.pin-compact.pin-empty h3{margin-top:6px}
.pin-compact.pin-empty p{font-size:13px;margin:0}
.chat-panel{display:flex;flex-direction:column;min-height:285px;max-height:420px;background:#f9f8f1;border:1px solid #e2e7dd;border-radius:17px;box-shadow:0 12px 36px #24442b0b;overflow:hidden}
.chat-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 17px;border-bottom:1px solid #dce4d8}
.chat-panel-head .over{font-size:11px;letter-spacing:.13em;color:#1b5933}
.chat-indicator{font-size:11px;color:#7a8879;white-space:nowrap}
.chat-indicator.is-live{color:#bc4839;font-weight:700}
.chat-messages{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding:17px;scrollbar-color:#a8bfaa transparent}
.chat-empty{font:400 17px/1.4 var(--serif);color:#768579;max-width:23ch;margin:auto 0;text-align:left}
.chat-message{display:grid;gap:3px;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.chat-message b{font-size:11px;color:#27753b}.chat-message span{color:#263a2e}
.chat-compose{display:flex;align-items:center;gap:7px;padding:10px;border-top:1px solid #dce4d8;background:#f3f5ed}
.chat-compose input{flex:1;min-width:0;height:38px;border:1px solid #d1decf;border-radius:99px;background:#fffdf8;padding:0 13px;color:#153c27;font:13px var(--font);outline:none}
.chat-compose input:focus{border-color:#3e9250;box-shadow:0 0 0 2px #aed6b573}
.chat-compose button{width:39px;height:39px;flex:none;border:0;border-radius:50%;background:#24813d;color:#fff;font-size:19px;display:grid;place-items:center}
.chat-compose button:hover{background:#176b31}
@media(max-width:820px){.chat-panel{min-height:240px;max-height:390px}.pin-compact h3{font-size:27px}}

/* Streaming board and player controls */
.rail-home{display:block;padding:10px 2px;color:#175632;font-weight:700;text-decoration:none;font-size:13px}
.rail-empty{font-size:12px;color:#708074;line-height:1.4;margin:2px 0 8px}
.board-stage{background:#f9f8f1;border:1px solid #e2e7dd;padding:clamp(23px,2.5vw,40px);overflow:auto;display:flex;flex-direction:column;gap:28px}
.board-intro{display:grid;gap:8px}.board-intro .over{color:#23743c}.board-intro h2{font:500 clamp(37px,3.4vw,56px)/1.05 var(--serif);letter-spacing:-.035em;margin:0;color:#103620}.board-intro p{margin:0;color:#647267;max-width:53ch;font-size:14px}
.board-section{display:grid;gap:14px}.board-section h3{display:flex;align-items:center;gap:10px;margin:0;font:500 24px var(--serif);color:#143b27}.board-section h3 span{font:700 11px var(--font);background:#e2ecdc;color:#23633a;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}
.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.board-card{display:grid;gap:9px;color:#183b28;text-decoration:none;min-width:0}.board-card:hover .board-preview{box-shadow:0 0 0 3px #7eaf82}.board-preview{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 70% 25%,#2f6643,#123a27 65%,#082b1b);border-radius:13px;overflow:hidden;display:grid;place-items:center}.board-preview img{width:100%;height:100%;object-fit:cover}.board-no-cover{font-size:75px;color:#d5e6ce7a}.board-badge{position:absolute;top:11px;left:11px;border-radius:7px;padding:6px 9px;background:#f9f8eeec;color:#1a4c2d;font-size:10px;font-weight:700}.board-badge.active{background:#bd4336;color:#fff}.board-card-copy{display:grid;gap:3px}.board-card-copy strong{font-size:15px;line-height:1.2}.board-card-copy small{font-size:12px;color:#68766b}
.board-empty{display:grid;grid-template-columns:minmax(140px,40%) 1fr;gap:26px;align-items:center;background:#e7ede2;border-radius:16px;padding:24px;min-height:270px}.board-empty-preview{height:100%;min-height:200px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 70% 30%,#2e6845,#113e29 70%,#092d1c);font-size:96px;color:#cce2c37a}.board-empty strong{font:500 clamp(25px,2.5vw,38px) var(--serif);color:#183e29}.board-empty p{font-size:13px;line-height:1.5;color:#657267}.board-empty .btn{margin-top:13px}
.pin-queue{display:grid;gap:7px}.pin-queue-item{display:grid;text-align:left;gap:3px;padding:10px 12px;border:1px solid #d9e4d5;background:#f9f8f1;border-radius:10px}.pin-queue-item[aria-pressed="true"]{border-color:#308549;background:#e8f2e4}.pin-queue-item strong{font-size:12px}.pin-queue-item small{color:#6d786e;font-size:11px}
.player-tools{position:absolute;z-index:4;bottom:13px;left:15px;right:15px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px;border-radius:12px;background:#092719bd;backdrop-filter:blur(8px)}
.player-tools button{border:1px solid #d0e4ca55;border-radius:7px;background:#e9f3e718;color:#f3f8ef;padding:7px 10px;font-size:11px;white-space:nowrap}.player-tools button:hover{background:#e9f3e735}.player-tools input{width:70px;accent-color:#8ed48e}.player-tools [data-connection]{font-size:11px;color:#d9e8d2;margin-right:auto}
.body.wide-mode{grid-template-columns:minmax(0,1fr) minmax(320px,var(--side))}.body.wide-mode .rail{display:none}
.live-sale-state{position:absolute;z-index:4;left:50%;bottom:90px;transform:translateX(-50%);background:#f9f7ee;color:#153b27;border-radius:99px;padding:10px 17px;font-size:13px;font-weight:700;box-shadow:0 9px 25px #0005;white-space:nowrap}.live-sale-state[hidden]{display:none}
.chat-host-pin{display:grid;gap:3px;background:#e6eee2;border-bottom:1px solid #d0dfcd;padding:10px 16px;font-size:11px;color:#2b4933}.chat-host-pin[hidden]{display:none}.chat-host-pin b{color:#22683a}.chat-host-pin span{overflow-wrap:anywhere}
.chat-message.from-host{background:#eaf1e5;border-radius:8px;padding:7px 8px}.chat-new{border:0;background:#dcebdd;color:#1a5a2c;font-size:11px;font-weight:700;padding:7px}.chat-new[hidden]{display:none}
.chat-quick{display:flex;gap:5px;padding:7px 10px;overflow-x:auto}.chat-quick button{font-size:10px;color:#275b37;border:1px solid #c9ddc7;background:#eff5eb;border-radius:99px;padding:5px 8px;white-space:nowrap}
.chat-login{display:block;text-align:center;font-size:10px;color:#607667;padding:4px 8px 8px}
.side.side-live{display:flex;flex-direction:column;align-content:initial;height:max(680px,calc(100dvh - var(--top) - 40px));min-height:0;overflow:hidden}
.side-live .side-pin-slot{flex:none}
.side-live .chat-panel{flex:1;min-height:230px;max-height:none}
.side-live .side-more{flex:none;max-height:110px;overflow:auto}
.countdown .cd{font-size:clamp(24px,3vw,50px)}
.preview-video{background:radial-gradient(circle at 70% 30%,#205b3b,#0c281a 65%,#071c12)!important}.preview-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,5vw,72px);color:#f8f8ed}.preview-play{display:grid;place-items:center;width:72px;height:72px;border:1px solid #d7edcf88;border-radius:50%;font-size:27px;margin:35px 0}.preview-content h2{font:500 clamp(37px,4vw,64px)/1.05 var(--serif);max-width:12ch;margin:0 0 16px}.preview-content p{max-width:40ch;color:#d2e4d1}.preview-content .btn{margin-top:16px;color:#f4f8ed}.preview-video::after{display:none}
.mini-player{position:fixed;z-index:100;right:22px;bottom:20px;width:min(320px,calc(100vw - 24px));border-radius:15px;overflow:hidden;background:#0d281b;color:#f7f8ec;box-shadow:0 18px 45px #03170e8a;border:1px solid #496c52}.mini-surface{height:180px;background:#081e14}.mini-video{display:block;width:100%;height:100%;object-fit:contain}.mini-footer{display:flex;align-items:center;gap:7px;padding:9px 11px}.mini-footer a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;text-decoration:none}.mini-footer button{flex:none;background:#e8f4e426;border:1px solid #c8e1c655;color:#fff;border-radius:7px;padding:5px 8px}.mini-footer [data-mini-close]{font-size:18px;line-height:1}@media(max-width:820px){.mini-player{right:12px;bottom:12px;width:min(230px,calc(100vw - 24px))}.mini-surface{height:130px}}
@media(max-width:1180px){.board-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.body.wide-mode{grid-template-columns:minmax(0,1fr) minmax(300px,34%)}}
@media(max-width:820px){.board-stage{min-height:520px}.body.wide-mode{display:flex}.body.wide-mode .rail{display:flex}.player-tools{bottom:9px;left:9px;right:9px}.player-tools [data-wide]{display:none}.side.side-live{height:auto;overflow:visible}.side-live .chat-panel{height:390px;flex:none}.side-live .side-more{max-height:none}}
@media(max-width:520px){.board-empty{grid-template-columns:1fr}.board-empty-preview{min-height:150px}.board-grid{grid-template-columns:1fr 1fr;gap:10px}.board-card-copy strong{font-size:13px}.board-badge{font-size:9px}.player-tools [data-volume],.player-tools [data-connection]{display:none}.player-tools button{padding:6px 8px;font-size:10px}}