.products-main{color:#fff;background-color:#0a0a0a;width:100%;height:calc(100vh - 5rem);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}.product-frame{z-index:100;pointer-events:none;grid-gap:1rem;grid-template:"."1fr"info"/1fr;width:100%;height:calc(100vh - 5rem);padding:2.5rem;display:grid;position:fixed}.product-frame>*{pointer-events:auto}.product-frame__info{color:#fff6;text-transform:uppercase;letter-spacing:.1em;grid-area:info;place-self:end center;font-size:.875rem}.product-frame__mobile-nav,.product-frame__nav{display:none}.product-frame__nav-button{font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;text-align:left;background:0 0;border:0;margin:0;padding:0;font-size:.875rem;transition:color .3s;position:relative}.product-frame__nav-button:not(.product-frame__nav-button--current):hover,.product-frame__nav-button--current{color:#fff}.product-frame__nav-button:before{content:"";transform-origin:100%;background-color:currentColor;width:2.5rem;height:2px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:calc(100% + 8px);transform:scaleX(0)}.product-frame__nav-button--current:before{transform:scaleX(1)}.product-frame__back{opacity:0;pointer-events:none;text-transform:uppercase;font:inherit;cursor:pointer;color:#ffffffb3;letter-spacing:.05em;background:0 0;border:0;grid-area:back;justify-self:start;margin:0;padding:0;font-size:.875rem;transition:opacity .3s,color .3s}.product-frame__back:hover{color:#fff}.product-frame__back--show{opacity:1;pointer-events:auto}.mobile-drawer-trigger{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#141414f2;border:1px solid #ffffff1a;border-radius:3rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.mobile-drawer-trigger:active{transform:translate(-50%)scale(.95)}.mobile-drawer-trigger svg{transition:transform .3s}.mobile-drawer-overlay{z-index:300;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;width:100%;height:100%;position:fixed;top:0;left:0}.mobile-drawer{z-index:400;background:#0f0f0f;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;width:100%;max-height:70vh;display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -10px 60px #00000080}.mobile-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.mobile-drawer-header h3{text-transform:uppercase;letter-spacing:.05em;color:#fff;margin:0;font-size:1.25rem;font-weight:700}.mobile-drawer-close{cursor:pointer;color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex}.mobile-drawer-close:active{color:#fff;background:#ffffff1a}.mobile-drawer-list{flex:1;padding:1rem;overflow-y:auto}.mobile-drawer-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:1rem;align-items:center;gap:1rem;width:100%;margin-bottom:.75rem;padding:1rem;transition:all .3s;display:flex}.mobile-drawer-item:active{background:#ffffff0d;transform:scale(.98)}.mobile-drawer-item--active{background:#4ade801a;border-color:#4ade804d}.mobile-drawer-item-image{background-color:#ffffff05;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:.75rem;flex-shrink:0;width:60px;height:60px}.mobile-drawer-item-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.mobile-drawer-item-name{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.mobile-drawer-item svg{color:#4ade80;flex-shrink:0}.product-slides{grid-template-rows:100%;grid-template-columns:100%;place-items:center;width:100%;height:calc(100vh - 5rem);display:grid;overflow:hidden}.product-slide{pointer-events:none;opacity:0;will-change:transform;grid-area:1/1/-1/-1;width:100%;height:104%;position:relative;overflow:hidden}.product-slide--current{pointer-events:auto;opacity:1}.product-slide__inner{will-change:transform;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.product-slide__img{background:#000;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}.product-slide__img-inner{will-change:transform;filter:drop-shadow(0 20px 60px #00000080);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;max-width:500px;height:100%;max-height:500px}.product-slide__details{background:#000;justify-content:center;align-items:center;padding:4rem;display:flex;overflow-y:auto}.product-slide__details-inner{width:100%;max-width:500px}.product-name{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1}.product-price{color:#d9261b;letter-spacing:-.01em;margin:0 0 1.5rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.product-description{color:#ffffffb3;margin:0 0 2rem;font-size:1.0625rem;line-height:1.8}.product-features{display:none}@media screen and (max-width:52.99em){.product-frame__mobile-nav{grid-area:1/1/-1/-1;display:block}.product-frame__info{font-size:.75rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.product-slide__inner{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.product-slide__img{padding:2rem 1.5rem}.product-slide__img-inner{max-width:350px;max-height:350px}.product-slide__details{align-items:start;padding:2rem 1.5rem}.product-name{font-size:2rem}.product-price{font-size:1.5rem}}