@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;500;600;700&display=swap");*{padding:0;box-sizing:border-box}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,code{font-family:Source Code Pro,monospace}.app-container{min-height:100vh;background:#fff;position:relative}.app-container:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:9999;opacity:.08;mix-blend-mode:overlay;animation:grain .5s steps(2) infinite}.app-container:after,.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.app-container:after{background:radial-gradient(circle,transparent 60%,rgba(0,0,0,.1) 100%);z-index:9998}@keyframes grain{0%,to{transform:translate(0)}50%{transform:translate(-2%,-2%)}}.home-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;background:#fff;position:relative}.cart-container{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;cursor:pointer}.cart-video-wrapper{transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.cart-video-wrapper.hovered{transform:scale(1.1)}@media (hover:hover) and (pointer:fine){.cart-video-wrapper{transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s ease}.cart-video-wrapper.hovered{filter:brightness(1.1)}}.cart-video-wrapper.bounce{animation:cartPulse .4s ease-out}@keyframes cartPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.cart-video{width:60px;height:auto;display:block;pointer-events:none;opacity:.9;background:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.content.fade-out{opacity:0;transform:scale(.98);pointer-events:none}.product-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;padding:2rem;-webkit-tap-highlight-color:transparent}.video-wrapper{display:flex;justify-content:center;align-items:center;background:transparent;transition:transform .4s cubic-bezier(.4,0,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.video-wrapper.hovered{transform:scale(1.05)}@media (hover:hover) and (pointer:fine){.video-wrapper{transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s ease}.video-wrapper.hovered{filter:brightness(1.1)}}.product-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:0;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;position:relative}.product-info.visible{opacity:1;transform:translateY(0);pointer-events:auto}.size-selector{display:flex;gap:.5rem;align-items:center}.size-button{background:none;border:none;color:#999;font-size:.7rem;font-weight:400;cursor:pointer;transition:color .2s ease;padding:.25rem .5rem;font-family:Source Code Pro,monospace}.size-button:hover{color:#333}.size-button.clicked{animation:sizeClick .3s ease}@keyframes sizeClick{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.adding-text{font-family:Source Code Pro,monospace;font-size:.625rem;font-weight:400;color:#666;margin:0;animation:addingAnimation 1s ease forwards;position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);white-space:nowrap}.checkout-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4rem 1.5rem 2rem;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);z-index:999;overflow-y:auto}@media (max-width:768px){.checkout-screen{padding:5rem 1rem 1.5rem}}.checkout-screen.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-button{position:fixed;top:1.5rem;left:1.5rem;background:none;border:none;color:#000;cursor:pointer;padding:.5rem;transition:opacity .2s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.back-button:hover{opacity:.6}.checkout-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;width:100%;max-width:1400px;padding:0 2rem;overflow-y:auto}.checkout-left{width:100%}.checkout-right{width:100%;position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content}.order-summary-title{font-family:Source Code Pro,monospace;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;color:#000}.order-summary-totals{margin-top:2rem;padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-family:Source Code Pro,monospace;font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.summary-row.total{font-weight:600;padding-top:.75rem;margin-top:.75rem;font-size:.85rem}@media (max-width:1024px){.checkout-container{grid-template-columns:1fr;gap:2rem;padding:0 2rem}.checkout-right{position:static}}.checkout-items{width:100%;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.checkout-item{display:flex;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);position:relative}@media (max-width:768px){.checkout-item{gap:.75rem;padding-bottom:1rem}}.checkout-item-number{font-family:Source Code Pro,monospace;font-size:.6rem;font-weight:400;color:#999;min-width:1.5rem}.checkout-item-details{display:flex;flex-direction:column;gap:.5rem;flex:1 1}.checkout-item-name{font-family:Source Code Pro,monospace;font-size:.65rem;font-weight:400;letter-spacing:.05em;color:#000}@media (max-width:768px){.checkout-item-name{font-size:.6rem}}.checkout-item-info{display:flex;gap:1.5rem;align-items:center}@media (max-width:768px){.checkout-item-info{gap:1rem}}.checkout-item-size{font-family:Source Code Pro,monospace;font-size:.55rem;font-weight:400;letter-spacing:.05em;color:#666}@media (max-width:768px){.checkout-item-size{font-size:.5rem}}.checkout-item-qty-controls{display:flex;align-items:center;gap:.5rem}.checkout-item-qty{font-family:Source Code Pro,monospace;font-size:.55rem;font-weight:400;color:#000;min-width:1rem;text-align:center}@media (max-width:768px){.checkout-item-qty{font-size:.5rem}}.qty-btn-checkout{width:18px;height:18px;border:1px solid rgba(0,0,0,.2);background:transparent;border-radius:50%;cursor:pointer;font-size:.7rem;font-family:Source Code Pro,monospace;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease;padding:0;line-height:1}.qty-btn-checkout:hover{border-color:#000;color:#000;background:rgba(0,0,0,.05)}@media (max-width:768px){.qty-btn-checkout{width:16px;height:16px;font-size:.65rem}}.checkout-item-price{font-family:Source Code Pro,monospace;font-size:.65rem;font-weight:400;color:#000}.checkout-item-remove{position:absolute;top:0;right:0;background:none;border:none;font-family:Source Code Pro,monospace;font-size:1.25rem;font-weight:300;color:#ccc;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;line-height:1}.checkout-item-remove:hover{color:#666}.address-element-wrapper,.payment-element-wrapper{margin:1rem 0}.checkout-form-section{margin-bottom:2rem}.form-section-title{font-family:Source Code Pro,monospace;font-size:.6rem;font-weight:400;letter-spacing:.1em;color:#000;margin:2rem 0 1rem;text-transform:uppercase}.form-group{margin-bottom:.75rem}.checkout-button{width:100%;background:#000;color:#fff;border:none;padding:1rem;font-family:Source Code Pro,monospace;font-size:.6rem;font-weight:400;letter-spacing:.1em;cursor:pointer;transition:background .2s ease;text-transform:lowercase}.checkout-button:hover{background:#333}.checkout-button:disabled{opacity:.5;cursor:not-allowed}.payment-message{padding:1rem;margin:1rem 0;border-radius:4px;font-family:Source Code Pro,monospace;font-size:.65rem;text-align:center;letter-spacing:.05em}.payment-message.success{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.3)}.payment-message.error{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.3)}.loading-payment{padding:2rem;text-align:center;font-family:Source Code Pro,monospace;font-size:.65rem;color:#666;letter-spacing:.05em}@media (max-width:768px){.checkout-button{padding:.875rem;font-size:.55rem}.back-button{top:1rem;left:.75rem;font-size:.6rem;padding:.5rem .75rem}.payment-message{font-size:.6rem;padding:.875rem}}@keyframes addingAnimation{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(5px)}}.main-video{width:200px;height:auto;display:block;pointer-events:none;object-fit:cover;-webkit-clip-path:inset(2% 8% 2% 8%);clip-path:inset(2% 8% 2% 8%);background:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media (max-width:768px){.main-video{width:180px}}@media (max-width:480px){.main-video{width:150px}}