.cabinet-doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:860px;margin:26px 0 48px}.cabinet-door{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid #63554988;background:#151311;border-radius:3px;text-decoration:none!important;transition:border-color .25s,transform .25s}.cabinet-door img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.cabinet-door span{position:absolute;inset:auto 0 0;padding:35px 12px 14px;background:linear-gradient(transparent,#090908e8);font:500 13px/1.4 Arial,sans-serif;color:#f4eddd;letter-spacing:.03em}.cabinet-door:hover,.cabinet-door:focus-visible{border-color:#e5d8b3;transform:translateY(-3px)}.cabinet-door:focus-visible{outline:2px solid #e8edcd;outline-offset:4px}.cabinet-door:hover img{transform:scale(1.035)}.test-tube-door{border-color:#cfc8a680;box-shadow:0 0 20px #e9dfb112,inset 0 0 16px #dce8c416}.test-tube-door:after{content:'';position:absolute;width:3px;height:3px;left:46%;top:47%;border-radius:50%;background:#fff5dc;box-shadow:18px -27px 3px #edf4d6,-12px 36px 4px #f1dfaa;animation:tube-sparkle 3.5s ease-in-out infinite;pointer-events:none}@keyframes tube-sparkle{50%{opacity:.25;transform:translateY(-4px)}}
.tube-page{max-width:1340px;margin:0 auto;padding:36px clamp(20px,5vw,66px) 90px;font-family:Arial,sans-serif;color:#dad6cd}.tube-nav{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-bottom:38px}.tube-nav a{color:#dad6cd;text-decoration:none}.tube-intro{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:30px;border-bottom:1px solid #63554966;padding-bottom:28px;margin-bottom:28px}.tube-intro h1{font-size:clamp(36px,6vw,66px);letter-spacing:-.05em;font-weight:400;margin:10px 0 16px}.tube-intro p{font-size:15px;line-height:1.6;color:#b8b3a9;max-width:600px}.tube-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:#d8ceab}.tube-intro img{width:180px;aspect-ratio:1;object-fit:cover;border:1px solid #63554977;border-radius:50%}.tube-controls{display:flex;gap:12px;margin:24px 0 16px}.tube-controls input,.tube-controls select{min-height:46px;padding:12px 14px;border:1px solid #63554988;border-radius:3px;background:#1c1916;color:#dad6cd;font:14px Arial,sans-serif}.tube-controls input{flex:1;min-width:0}.tube-filters{display:flex;flex-wrap:wrap;gap:8px}.tube-filters button{cursor:pointer;border:1px solid #63554988;border-radius:30px;background:transparent;color:#dad6cd;padding:9px 13px;font:12px Arial,sans-serif}.tube-filters button[aria-pressed=true]{background:#ded4b8;color:#151311;border-color:#ded4b8}.tube-page :focus-visible{outline:2px solid #dce8c4;outline-offset:4px}.tube-count{margin:23px 0 15px;color:#b8b3a9;font-size:12px}.tube-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 18px}.tube-card{min-width:0;border:1px solid #63554966;background:#1d191599;border-radius:3px;overflow:hidden}.tube-card .sp-picture{aspect-ratio:1;width:100%;display:block;object-fit:cover}.tube-card-copy{padding:17px}.tube-card small{color:#d4c7a4;font-size:10px;letter-spacing:.06em}.tube-card h2{font:400 18px/1.3 Arial,sans-serif;margin:10px 0}.tube-card p{font-size:12px;color:#b8b3a9;line-height:1.6;margin:0 0 15px}.tube-card a{display:inline-block;color:#e8dec4;font-size:12px;text-decoration:underline;text-underline-offset:4px}.tube-empty{grid-column:1/-1;padding:60px 12px;text-align:center}.tube-foot{font-size:11px!important;color:#aaa398!important;line-height:1.6;margin:40px 0 0}.tube-error{border:1px solid #a9855f;padding:15px;border-radius:3px}.tube-error button{margin-left:15px;background:#ded4b8;color:#151311;padding:8px;border:0;border-radius:3px;cursor:pointer}
@media(max-width:850px){.tube-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cabinet-doors{max-width:680px;gap:10px}.cabinet-door span{font-size:12px}}
@media(max-width:620px){.cabinet-doors{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;margin-bottom:35px}.tube-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tube-intro{grid-template-columns:1fr 95px;gap:12px}.tube-intro img{width:95px}.tube-intro p{font-size:13px}.tube-controls{flex-wrap:wrap}.tube-controls input{flex-basis:100%}.tube-controls select{width:100%}.tube-card-copy{padding:12px}.tube-card h2{font-size:16px}.tube-card small{font-size:9px}.tube-nav{font-size:12px}.tube-filters button{font-size:11px}.tube-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.test-tube-door:after{animation:none}.cabinet-door,.cabinet-door img{transition:none}}