.package-detail{max-width:1440px;margin-top:28px}
.package-detail h1{font-size:42px;margin:24px 0 28px}
.package-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:36px;align-items:center}
.filling-picker{align-self:center}
.filling-picker h2{font-weight:400;font-size:21px;color:#d2c09a;margin:0 0 20px}
.filling-options{display:flex;flex-direction:column;gap:7px}
.filling-options button{text-align:right;min-height:47px;padding:11px 18px;border:1px solid #c3a8672b;border-radius:4px;font-size:20px;transition:background .18s,color .18s}
.filling-options button:hover{border-color:#c3a86799;background:#d7b05e0b}
.filling-options button[aria-pressed=true]{background:#e6c571;color:#17180f;border-color:#e6c571}
.package-visual{min-width:0}
.package-stage{position:relative;aspect-ratio:1.65;direction:ltr;isolation:isolate;background:radial-gradient(ellipse at 50% 70%,#5e48231c,transparent 65%)}
.tray-body{position:absolute;left:2%;top:9%;width:54%;aspect-ratio:1;border-radius:50%;background:var(--package-rim);padding:3px;box-shadow:0 6px 0 #8e6f2b,0 10px 0 #211c12,0 24px 24px #0007;transform:scaleY(.96)}
.tray-body img{width:100%;height:100%;display:block;object-fit:fill;border-radius:50%;clip-path:circle(49.2% at 50% 50%)}
.package-lid{position:absolute;left:47%;top:8%;width:50%;aspect-ratio:.96;border-radius:50%;background:var(--package-rim);padding:2px;box-shadow:3px 4px 0 #80602c,5px 6px 0 #251d12,10px 22px 25px #0008;z-index:2;transform:rotate(-6deg)}
.lid-face{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#0a0a08}
.lid-face img{position:absolute;max-width:none;object-fit:fill;display:block}
.filling-caption{text-align:center;color:#d5c49e;font-size:23px;margin:14px 0 0;min-height:1.4em}
@media(max-width:900px){.package-layout{grid-template-columns:155px minmax(0,1fr);gap:18px}.filling-options button{font-size:17px;padding:9px 12px}.package-detail h1{font-size:35px}}
@media(max-width:600px){.package-detail{padding:0 14px}.package-detail h1{font-size:31px;margin:20px 0 25px}.package-layout{display:flex;flex-direction:column;gap:18px;align-items:stretch}.filling-picker{align-self:stretch}.filling-picker h2{font-size:17px;margin:0 0 10px}.filling-options{display:flex;flex-direction:row;overflow-x:auto;padding:3px 3px 10px;scrollbar-width:thin;scrollbar-color:#bca365 transparent;gap:7px}.filling-options button{flex:0 0 auto;white-space:nowrap;font-size:16px;min-height:44px;padding:10px 15px}.package-stage{aspect-ratio:1.55;margin-top:8px}.tray-body{padding:1px}.package-lid{padding:1px}.filling-caption{font-size:20px;margin-top:12px}}
@media(max-width:600px){.filling-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:3px;gap:7px}.filling-options button{padding:10px 5px;text-align:center;white-space:normal;font-size:15px}.package-detail{min-height:0}}
@media(prefers-reduced-motion:reduce){.filling-options button{transition:none}}