.designer-tabs>input{position:absolute;opacity:0;pointer-events:none}.designer-tabs__bar{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm);margin-bottom:var(--gap-sm)}.designer-tabs__bar label{display:flex;flex-direction:column;gap:2px;cursor:pointer;padding:.8rem 1rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.designer-tabs__bar label{align-items:center;text-align:center;position:relative;overflow:hidden}.designer-tabs__logo{height:44px;width:auto;max-width:70%;object-fit:contain;filter:grayscale(1) opacity(.6);transition:filter .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}.designer-tabs__bar label:hover .designer-tabs__logo{filter:none;transform:scale(1.05)}#dz-clopay:checked~.designer-tabs__bar label[for=dz-clopay] .designer-tabs__logo,#dz-amarr:checked~.designer-tabs__bar label[for=dz-amarr] .designer-tabs__logo{filter:none;transform:scale(1.08)}.designer-tabs__bar label:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand-bright, #22c3ee));transform:scaleX(0);transition:transform .4s cubic-bezier(.2,.7,.2,1)}#dz-clopay:checked~.designer-tabs__bar label[for=dz-clopay]:after,#dz-amarr:checked~.designer-tabs__bar label[for=dz-amarr]:after{transform:scaleX(1)}.designer-brand__x{color:#ffffffb3;font-weight:700;font-size:1.2rem}.designer-brand__partner{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:4px 10px}.designer-brand .designer-brand__partner img{height:30px;width:auto;max-width:110px}.designer-tabs__bar label span{font-size:.88rem;color:var(--ink-muted, #555)}.designer-tabs__bar label:hover{transform:translateY(-2px);box-shadow:var(--shadow)}#dz-clopay:checked~.designer-tabs__bar label[for=dz-clopay],#dz-amarr:checked~.designer-tabs__bar label[for=dz-amarr]{border-color:var(--brand);background:var(--brand-wash);box-shadow:var(--shadow)}#dz-clopay:focus-visible~.designer-tabs__bar label[for=dz-clopay],#dz-amarr:focus-visible~.designer-tabs__bar label[for=dz-amarr]{outline:3px solid var(--brand);outline-offset:2px}.designer-tabs__panel{display:none}#dz-clopay:checked~.designer-tabs__panel--clopay,#dz-amarr:checked~.designer-tabs__panel--amarr{display:block;animation:dz-in .35s ease-out}@keyframes dz-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.designer-tabs__bar label,.designer-tabs__panel{transition:none;animation:none!important}}