.product-detail-page{color:#fff;z-index:1;box-sizing:border-box;cursor:default;background:#000;flex-direction:column;align-items:center;height:100dvh;min-height:100dvh;padding-top:70px;display:flex;position:relative;overflow-y:auto}.detail-close-button{z-index:100;color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;font-weight:300;line-height:1;transition:all .2s;display:flex;position:fixed;top:70px;right:20px}.detail-close-button:hover{color:#fff;background:0 0}.detail-close-button:active{transform:scale(.95)}.detail-back-row{z-index:10;position:fixed;top:75px;left:40px}.detail-back-row button{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;font-size:0;font-weight:300;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.detail-back-row button:before{content:"←";color:inherit;font-size:1.75rem}.detail-back-row button:hover{color:#ffffffe6;transform:scale(1.05)}.product-gallery{box-sizing:border-box;flex:1;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:1200px;min-height:0;padding:0 2rem;display:flex;position:relative;overflow:visible}.gallery-frame{background:0 0;flex:1;justify-content:center;align-items:center;width:100%;max-width:550px;height:100%;max-height:55dvh;padding:0;display:flex}.gallery-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:55dvh}.gallery-nav{cursor:pointer;color:#fff6;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:1rem;font-size:1.75rem;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.gallery-nav:hover{color:#fffc}.gallery-nav:active{transform:scale(.95)}.gallery-dots{box-sizing:border-box;z-index:5;pointer-events:auto;flex-shrink:0;justify-content:center;gap:.5rem;width:100%;max-width:1200px;padding:.5rem 2rem;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.gallery-dots button{cursor:pointer;background:#ffffff40 padding-box content-box;border:none;border-radius:50%;width:6px;height:6px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.gallery-dots button:hover{background:#ffffff80 padding-box content-box}.gallery-dots button.active{background:#ffffffe6 padding-box content-box;border-radius:3px;width:20px}.product-detail-footer{text-align:center;box-sizing:border-box;-webkit-backdrop-filter:blur(15px);background:#000000bf;border-radius:10px;flex-direction:column;flex-shrink:0;gap:.3rem;width:400px;max-width:90vw;margin:.5rem auto 2rem;padding:.75rem 1rem;display:flex;box-shadow:0 4px 20px #00000080}.detail-info{flex-direction:column;gap:.3rem;display:flex}.detail-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:700;overflow:hidden}.detail-price{color:#fff;margin:0;font-family:Arial,sans-serif;font-size:1rem;font-weight:600}.detail-description{color:#ffffffbf;margin:0;font-family:Arial,sans-serif;font-size:.85rem;font-weight:400;line-height:1.4}.detail-size-picker{flex-direction:column;align-items:center;gap:.75rem;display:flex}.size-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:.75rem;font-weight:500}.detail-size-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.detail-size-pill{letter-spacing:.02em;cursor:pointer;color:#ffffffd9;background:0 0;border:1.5px solid #fff3;border-radius:8px;min-width:64px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.detail-size-pill:hover:not(:disabled){color:#000;background:#fff;border-color:#fff}.detail-size-pill:active:not(:disabled){transform:scale(.98)}.detail-size-pill:disabled{opacity:.25;cursor:not-allowed}@media (max-width:768px){.product-detail-page{padding-top:90px}.detail-close-button{width:40px;height:40px;font-size:1.35rem;top:70px;right:15px}.detail-back-row{width:auto;margin:0;padding:0;position:fixed;top:68px;left:15px}.detail-back-row button{letter-spacing:0;border-radius:50%;width:40px;height:40px;padding:.4rem;font-size:0;font-weight:300;overflow:visible}.detail-back-row button:before{content:"←";color:inherit;font-size:1.5rem}.detail-back-row button:hover{background:0 0}.product-gallery{gap:.5rem;padding:0 1rem}.gallery-frame{max-width:100%;min-height:300px}.gallery-nav{padding:.75rem;font-size:1.5rem}.gallery-dots{padding:0 1.25rem .5rem;bottom:4px}.product-detail-footer{width:300px;margin:.75rem auto 1.5rem;margin-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));gap:.25rem;padding:.6rem .8rem}.detail-name{font-size:1rem}.detail-price{font-size:.9rem}.detail-description{font-size:.8rem}.detail-size-pill{min-width:56px;padding:.75rem 1rem;font-size:.875rem}}@media (max-width:480px){.product-detail-page{padding-top:90px}.detail-close-button{width:36px;height:36px;font-size:1.25rem;top:70px;right:12px}.detail-back-row{top:68px;left:15px}.product-gallery{padding:0 .75rem}.gallery-frame{min-height:260px}.gallery-nav{padding:.5rem;font-size:1.25rem}.gallery-dots{padding:0 1rem .5rem;bottom:4px}.product-detail-footer{width:280px;margin:.5rem auto 1rem;margin-bottom:calc(1rem + env(safe-area-inset-bottom,0px));gap:.2rem;padding:.5rem .75rem}.detail-name{font-size:.95rem}.detail-price{font-size:.85rem}.detail-description{font-size:.75rem}.detail-size-row{gap:.625rem}.detail-size-pill{min-width:52px;padding:.6875rem .875rem;font-size:.8125rem}}
