/* Architectural light and scale; all bottles remain the documented original photographs. */
.theatre-layout{background:#f8f0df}
.theatre-scene{
  --wall:#ecd7b7;--recess:#f3dfbc;--arch-rim:#d6b892;--stone:#e8cda5;--stone-front:#bd9871;
  background:
    radial-gradient(ellipse at 8% 13%,#fff9e7 0,transparent 49%),
    repeating-linear-gradient(111deg,#ffffff0b 0 2px,transparent 2px 12px),
    linear-gradient(145deg,#f8eed9,var(--wall) 68%,#c8a984);
}
.theatre-scene[data-theatre-scene="1"]{--wall:#e9c8cb;--recess:#f7ded8;--arch-rim:#d5adaf;--stone:#e9c9c3;--stone-front:#b88986}
.theatre-scene[data-theatre-scene="2"]{--wall:#c8dbd0;--recess:#e2ece0;--arch-rim:#a3bfb0;--stone:#c8d8ca;--stone-front:#829f8f}
.theatre-background{z-index:0;background:linear-gradient(112deg,#fff9e59c,transparent 34%,#ffffff26 55%,transparent 78%)}
.theatre-background::before{
  content:"";position:absolute;left:5%;top:4%;width:90%;height:78%;box-sizing:border-box;
  border:clamp(8px,1.1vw,17px) solid var(--arch-rim);border-bottom:0;
  border-radius:48% 48% 0 0/34% 34% 0 0;
  background:
    radial-gradient(ellipse at 30% 20%,#fff9e9d9,transparent 55%),
    linear-gradient(145deg,var(--recess),var(--wall));
  box-shadow:inset 0 18px 24px #7d573126,inset 16px 0 28px #654b2724,inset -15px 0 22px #fff7e38c,0 0 0 2px #fff7e29c,0 14px 32px #74502d30;
}
.theatre-background::after{
  content:"";position:absolute;left:2%;right:2%;top:75%;height:18%;
  border-radius:50% 50% 12px 12px/20% 20% 12px 12px;
  background:
    radial-gradient(ellipse at 46% 2%,#fff9ebc9 0,transparent 43%),
    linear-gradient(180deg,#fff9e6a6 0%,transparent 17%),
    linear-gradient(180deg,var(--stone) 0 29%,var(--stone-front) 78%,#9b7758);
  box-shadow:inset 0 3px 5px #fff9e5ba,inset 0 -6px 11px #72543855,0 15px 24px #74573749;
}
.theatre-pack{z-index:2;width:30%;transition:transform .24s ease,filter .24s ease;filter:drop-shadow(4px 13px 8px #624b343d)}
.theatre-float{animation:none}
.theatre-pack:hover{transform:translate(-50%,-100%) translateY(calc(var(--theatre-drift) - 6px));filter:drop-shadow(5px 17px 11px #624b344c)}
.theatre-pack::after{left:13%;width:74%;height:3%;bottom:-.5%;border-radius:50%;background:#4c352640!important;filter:blur(5px);box-shadow:none}
.theatre-copy{
  align-self:stretch;display:flex;flex-direction:column;justify-content:center;
  border-inline-start:1px solid #e3cfa9;
  background:radial-gradient(ellipse at 65% 9%,#fffdf5,transparent 48%),linear-gradient(145deg,#fbf5e9,#f4e8d2);
}
.theatre-nav{background:linear-gradient(90deg,#f3e2c6,#f8f1e3);border-top:1px solid #dcc4a3}

.shelf-section{position:relative}
.shelf-workspace{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);border:1px solid #d9c5a4;box-shadow:0 20px 50px #624c2f17}
.shelf-heading{position:absolute;z-index:4;top:104px;right:0;width:34%;box-sizing:border-box;padding:0 clamp(24px,3vw,42px);margin:0}
.shelf-heading h2{font-size:clamp(39px,3.9vw,62px);line-height:1.25;margin-bottom:10px}
.shelf-heading p{font-size:16px}
.shelf-board{
  --wall-edge:#d8b88d;--wall-recess:#f5dfb7;--wall-base:#e8cfab;--shelf-top:#fff1d3;--shelf-face:#c4a27b;
  background:radial-gradient(ellipse at 24% 8%,#fff8e7 0,transparent 48%),linear-gradient(135deg,#ead5b3,#d3b58d 80%);
}
.shelf-board[data-theme=pink]{--wall-edge:#d7afb0;--wall-recess:#f8e3dc;--wall-base:#e7c7c5;--shelf-top:#fff1e7;--shelf-face:#bc9694;background:radial-gradient(ellipse at 24% 8%,#fff8ee 0,transparent 48%),linear-gradient(135deg,#f3dedd,#d9b7ba 80%)}
.shelf-board[data-theme=sage]{--wall-edge:#a5bdac;--wall-recess:#eaf0dd;--wall-base:#c9d9c7;--shelf-top:#f4f7e9;--shelf-face:#90aa98;background:radial-gradient(ellipse at 24% 8%,#fbfff2 0,transparent 48%),linear-gradient(135deg,#e5eedd,#afc6b3 80%)}
.shelf-architecture{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.shelf-architecture::before{
  content:"";position:absolute;left:5%;right:5%;top:3%;bottom:5%;box-sizing:border-box;
  border:clamp(7px,1vw,16px) solid var(--wall-edge);border-bottom:0;
  border-radius:48% 48% 2% 2%/28% 28% 2% 2%;
  background:
    radial-gradient(ellipse at 48% 13%,#fffdf2d9,transparent 53%),
    repeating-linear-gradient(116deg,#ffffff13 0 2px,transparent 2px 13px),
    linear-gradient(155deg,var(--wall-recess),var(--wall-base));
  box-shadow:inset 0 15px 20px #71532d25,inset 17px 0 22px #664b2720,inset -13px 0 18px #ffffff75,0 0 0 2px #fff8e7a3,0 12px 29px #78583935;
}
.shelf-architecture::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,#ffffff76,transparent 27%,transparent 72%,#fffdf341);opacity:.55}
.shelf-board::before,.shelf-board::after{
  left:3%;right:3%;height:4.2%;border-radius:8px 8px 13px 13px;
  background:linear-gradient(180deg,var(--shelf-top) 0 22%,var(--wall-base) 23% 42%,var(--shelf-face) 85%,#9e7e5d);
  box-shadow:inset 0 2px 2px #fff9e6c9,inset 0 -3px 4px #70523648,0 9px 13px #5e483b42;z-index:1;
}
.shelf-board::before{top:43.8%}.shelf-board::after{top:73.8%}
.shelf-slot{top:calc(var(--slot-y) - 29%);width:29%;height:29%;z-index:2}
.shelf-slot.occupied::before{bottom:-.5%;height:3%;background:#4e382f48;filter:blur(5px)}
.shelf-pack>.studio-pack,.shelf-pack>.stock-pack{filter:drop-shadow(3px 9px 6px #4f392a32)}
.shelf-side{background:radial-gradient(ellipse at 78% 2%,#fffdf6,transparent 42%),linear-gradient(145deg,#fbf8f0,#f6f1e7);padding:240px clamp(22px,2.4vw,38px) 35px}
.shelf-theme>span{width:62px;height:62px;border-color:#faf7ef}

@media(max-width:900px){
  .theatre-copy{border:0}
  .theatre-background::before{top:4%;height:79%}
  .shelf-workspace{grid-template-columns:1fr}
  .shelf-heading{position:static;width:auto;padding:0;margin-bottom:24px}
  .shelf-side{padding:24px 20px}
}
@media(max-width:520px){
  .theatre-pack{width:31%}
  .theatre-background::after{top:75%;height:17%}
  .shelf-slot{width:30%}
  .shelf-theme>span{width:54px;height:54px}
}
@media(prefers-reduced-motion:reduce){.theatre-pack{transition:none}}