*{margin:0;padding:0;box-sizing:border-box}body{font-family:Georgia,serif;background:#fff;color:#111;-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.app{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-leave{animation:fadeOut .3s ease both}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.header{border-bottom:1px solid #111;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:10}.tagline{font-size:.68rem;letter-spacing:.08em;color:#999;font-style:italic}.header-right{display:flex;align-items:center;gap:2rem;margin-left:auto}nav{display:flex;align-items:center;gap:1.8rem}.nav-link{text-decoration:none;color:#111;font-size:.78rem;letter-spacing:.1em;border-bottom:1px solid transparent;transition:border-color .15s;padding-bottom:1px}.nav-link:hover{border-bottom-color:#111}.cart-btn{background:none;border:none;cursor:pointer;color:#111;padding:0;position:relative;display:flex;align-items:center;line-height:1}.cart-btn .material-icons-outlined{font-size:1.4rem}.login-btn{background:none;border:none;cursor:pointer;color:#111;padding:0;display:flex;align-items:center}.login-btn .material-icons-outlined{font-size:1.4rem}.user-menu-wrap{position:relative}.user-btn{background:none;border:none;cursor:pointer;color:#111;padding:0;display:flex;align-items:center;gap:.4rem;font-family:Georgia,serif;font-size:.8rem;letter-spacing:.05em}.user-btn .material-icons-outlined{font-size:1.3rem}.user-name{font-style:italic}.user-menu{position:absolute;top:calc(100% + .8rem);right:0;background:#fff;border:1px solid #111;min-width:200px;z-index:50;animation:fadeUp .2s ease both}.user-menu-email{padding:.9rem 1rem;font-size:.75rem;color:#888;border-bottom:1px solid #eee;font-style:italic}.user-menu button{width:100%;background:none;border:none;padding:.9rem 1rem;font-family:Georgia,serif;font-size:.82rem;letter-spacing:.05em;cursor:pointer;color:#111;display:flex;align-items:center;gap:.5rem;transition:background .15s}.user-menu button:hover{background:#f7f5f2}.user-menu button .material-icons-outlined{font-size:1rem}.cart-count{position:absolute;top:-5px;right:-7px;background:#111;color:#fff;font-family:Georgia,serif;font-size:.6rem;font-style:normal;width:16px;height:16px;display:flex;align-items:center;justify-content:center;pointer-events:none}.logo-link{text-decoration:none;display:flex;align-items:center}.logo-img{height:36px;width:auto;display:block}.hero{border-bottom:1px solid #111;padding:5rem 2rem;background:#f7f5f2;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.hero-text h2{font-size:3rem;font-weight:400;line-height:1.15;margin-bottom:3rem}.hero-meta{display:flex;gap:0;border-top:1px solid #bbb;padding-top:1.5rem}.hero-meta-item{display:flex;flex-direction:column;gap:.3rem;padding-right:2.5rem;border-right:1px solid #ccc;margin-right:2.5rem}.hero-meta-item:last-child{border-right:none;margin-right:0;padding-right:0}.hero-meta-num{font-size:1.4rem;font-style:italic;color:#111}.hero-meta-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#888}.section-title{display:flex;justify-content:space-between;align-items:baseline;padding:1.5rem;border-bottom:1px solid #111}.section-title h3{font-size:.85rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase}.section-title span{font-size:.75rem;color:#888;font-style:italic}.grid{display:grid;grid-template-columns:repeat(3,1fr)}.product{border-right:1px solid #111;border-bottom:1px solid #111;cursor:pointer}.product:nth-child(3n){border-right:none}.product-img{width:100%;aspect-ratio:1/1;overflow:hidden;background:#ece9e4;position:relative}.product-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(15%);transition:transform .4s ease,filter .4s ease}.product:hover .product-img img{transform:scale(1.04);filter:grayscale(0%)}.add-btn{position:absolute;bottom:0;left:0;right:0;background:#111;color:#fff;border:none;padding:.6rem;font-family:Georgia,serif;font-size:.78rem;letter-spacing:.1em;cursor:pointer;opacity:0;transition:opacity .2s}.product:hover .add-btn{opacity:1}.product-info{padding:.7rem 1rem .9rem;border-top:1px solid #111}.product-price{font-size:.9rem;font-style:italic;color:#111}.footer{padding:1.5rem;border-top:1px solid #111;font-size:.75rem;color:#999;letter-spacing:.05em}@media (max-width: 768px){.tagline{display:none}.hero{padding:3rem 1.5rem;flex-direction:column;align-items:flex-start}.hero-text h2{font-size:2rem;margin-bottom:2rem}.hero-meta{flex-wrap:wrap;gap:1.5rem}.hero-meta-item{border-right:none;margin-right:0;padding-right:0;min-width:40%}.grid{grid-template-columns:repeat(2,1fr)}.product:nth-child(3n){border-right:1px solid #111}.product:nth-child(2n){border-right:none}}@media (max-width: 480px){.header{padding:0 1rem}.header-right{gap:1.2rem}.nav-link{display:none}.hero{padding:2.5rem 1rem}.hero-text h2{font-size:1.6rem;margin-bottom:1.5rem}.hero-meta-num{font-size:1.1rem}.section-title{padding:1rem}.grid{grid-template-columns:repeat(2,1fr)}.product:nth-child(3n){border-right:1px solid #111}.product:nth-child(2n){border-right:none}.product-info{padding:.6rem .8rem .8rem}.product-price{font-size:.78rem}.footer{padding:1rem;font-size:.7rem}}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100}.cart-panel{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:#fff;border-left:1px solid #111;display:flex;flex-direction:column;font-family:Georgia,serif}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 1.5rem;border-bottom:1px solid #111}.cart-title{display:flex;align-items:center;gap:.6rem}.cart-title .material-icons{font-size:1.2rem}.cart-header h2{font-size:.9rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;margin:0}.cart-header h2 span{font-style:italic;letter-spacing:0;color:#888}.cart-close{background:none;border:none;cursor:pointer;color:#111;padding:0;display:flex;align-items:center;transition:transform .2s}.cart-close:hover{transform:rotate(90deg)}.cart-close .material-icons{font-size:1.2rem}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:#aaa;font-style:italic}.cart-empty-icon{font-size:3rem!important;color:#ddd}.cart-empty p{font-size:1rem;color:#555;font-style:normal;letter-spacing:.05em}.cart-empty span{font-size:.8rem}.cart-list{list-style:none;overflow-y:auto;flex:1}.cart-item{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid #ebebeb;animation:itemIn .25s ease both}@keyframes itemIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.cart-item img{width:72px;height:72px;object-fit:cover;border:1px solid #e0e0e0;flex-shrink:0}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.cart-item-meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#888;letter-spacing:.04em}.cart-item-dot{color:#ccc}.cart-item-price{font-size:1rem;font-style:italic;color:#111}.cart-item-qty-ctrl{display:flex;align-items:center;gap:.6rem;margin-top:.2rem}.cart-item-qty-ctrl button{background:none;border:1px solid #ccc;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.cart-item-qty-ctrl button:hover{border-color:#111;background:#111;color:#fff}.cart-item-qty-ctrl button .material-icons{font-size:.85rem}.cart-item-qty-ctrl span{font-size:.9rem;min-width:16px;text-align:center}.cart-remove{background:none;border:none;cursor:pointer;color:#ccc;padding:0;display:flex;align-items:center;transition:color .15s;flex-shrink:0}.cart-remove:hover{color:#111}.cart-remove .material-icons{font-size:1.1rem}.cart-footer{border-top:1px solid #111;padding:1.5rem;display:flex;flex-direction:column;gap:.8rem}.cart-summary{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.cart-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#666;letter-spacing:.03em}.cart-free{font-style:italic;color:#888}.cart-total-row{font-size:1rem;color:#111;font-weight:400;padding-top:.6rem;border-top:1px solid #e0e0e0;margin-top:.2rem}.cart-total-row span:last-child{font-style:italic}.cart-checkout{background:#111;color:#fff;border:none;padding:.95rem;font-family:Georgia,serif;font-size:.85rem;letter-spacing:.12em;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s,transform .15s}.cart-checkout:hover{background:#333;transform:translateY(-1px)}.cart-checkout .material-icons{font-size:1rem}.cart-continue{background:none;border:1px solid #ccc;padding:.75rem;font-family:Georgia,serif;font-size:.8rem;letter-spacing:.1em;cursor:pointer;width:100%;color:#555;transition:border-color .15s,color .15s}.cart-continue:hover{border-color:#111;color:#111}.loader{display:flex;align-items:center;justify-content:center;padding:2rem}.loader--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:200;padding:0}.lazy-img-wrap{width:100%;height:100%;position:relative;background:#f0ede8;display:flex;align-items:center;justify-content:center}.lazy-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.lazy-img--visible{opacity:1}.product-page{min-height:100vh;font-family:Georgia,serif;padding:2rem 1.5rem 4rem;max-width:1000px;margin:0 auto;animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:none;border:none;font-family:Georgia,serif;font-size:.85rem;letter-spacing:.08em;cursor:pointer;color:#111;padding:0;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.3rem;border-bottom:1px solid transparent;transition:border-color .15s}.back-btn:hover{border-bottom:1px solid #111}.back-btn .material-icons{font-size:1rem}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.detail-img{width:100%;aspect-ratio:1 / 1;border:1px solid #111;overflow:hidden;position:relative}.detail-info{display:flex;flex-direction:column;gap:2rem;padding-top:.5rem}.detail-price{font-size:2.2rem;font-style:italic;color:#111}.option-group{display:flex;flex-direction:column;gap:.8rem}.option-group label{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#888}.options{display:flex;flex-wrap:wrap;gap:.5rem}.option-btn{background:none;border:1px solid #ccc;font-family:Georgia,serif;font-size:.85rem;padding:.45rem .9rem;cursor:pointer;color:#111;transition:border-color .15s,background .15s,transform .1s}.option-btn:hover{border-color:#111;transform:translateY(-1px)}.option-btn.selected{background:#111;color:#fff;border-color:#111}.add-to-cart-btn{background:#111;color:#fff;border:none;padding:1rem;font-family:Georgia,serif;font-size:.9rem;letter-spacing:.12em;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s,transform .15s;position:relative;overflow:hidden}.add-to-cart-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity .3s}.add-to-cart-btn:not(.disabled):hover{background:#333;transform:translateY(-2px)}.add-to-cart-btn:not(.disabled):active{transform:scale(.97)}.add-to-cart-btn.disabled{background:#ccc;cursor:not-allowed}.add-to-cart-btn .material-icons{font-size:1.1rem}.add-to-cart-btn.added-anim{animation:addPulse .4s ease}@keyframes addPulse{0%{transform:scale(1)}40%{transform:scale(.95)}70%{transform:scale(1.03)}to{transform:scale(1)}}.hint{font-size:.78rem;color:#aaa;font-style:italic;text-align:center}@media (max-width: 640px){.product-detail{grid-template-columns:1fr;gap:1.5rem}.detail-price{font-size:1.7rem}}.auth-page{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:#f7f5f2;padding:2rem}.auth-box{background:#fff;border:1px solid #111;width:100%;max-width:420px;animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{display:flex;border-bottom:1px solid #111}.auth-tabs button{flex:1;background:none;border:none;padding:1.1rem;font-family:Georgia,serif;font-size:.8rem;letter-spacing:.1em;cursor:pointer;color:#888;border-bottom:2px solid transparent;transition:color .15s}.auth-tabs button.active{color:#111;border-bottom:2px solid #111}.auth-form{padding:2rem;display:flex;flex-direction:column;gap:1.2rem}.auth-field{display:flex;flex-direction:column;gap:.4rem}.auth-field label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#888}.auth-field input{border:1px solid #ccc;padding:.75rem .9rem;font-family:Georgia,serif;font-size:.9rem;color:#111;background:#fff;outline:none;transition:border-color .15s}.auth-field input:focus{border-color:#111}.auth-error{font-size:.8rem;color:#c0392b;font-style:italic}.auth-submit{background:#111;color:#fff;border:none;padding:.9rem;font-family:Georgia,serif;font-size:.85rem;letter-spacing:.12em;cursor:pointer;transition:background .15s;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:#333}.auth-submit:disabled{background:#ccc;cursor:not-allowed}.auth-discount-banner{display:flex;align-items:center;gap:.6rem;background:#111;color:#fff;border-radius:8px;padding:.7rem 1rem;margin-bottom:1.2rem;font-size:.9rem}.auth-discount-pct{font-weight:700;font-size:1.1rem;background:#fff;color:#111;padding:.1rem .5rem;border-radius:4px}.profile-page{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 64px);font-family:Georgia,serif}.profile-sidebar{border-right:1px solid #111;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#f7f5f2}.profile-back{display:flex;align-items:center;gap:.3rem;text-decoration:none;color:#888;font-size:.78rem;letter-spacing:.08em;margin-bottom:1.5rem;align-self:flex-start;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.profile-back:hover{color:#111;border-bottom-color:#111}.profile-back .material-icons-outlined{font-size:.95rem}width: 64px; height: 64px; border: 1px solid #111; display: flex; align-items: center; justify-content: center; margin-bottom: .5rem; } .profile-avatar .material-icons-outlined{font-size:2rem;color:#555}.profile-name{font-size:1rem;letter-spacing:.05em}.profile-email{font-size:.75rem;color:#888;font-style:italic;margin-bottom:1rem}.profile-balance{width:100%;border:1px solid #111;padding:1rem;text-align:center;margin-bottom:1.5rem;background:#fff}.balance-label{display:block;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:.4rem}.balance-amount{font-size:1.1rem;font-style:italic}.profile-nav{width:100%;display:flex;flex-direction:column;gap:.3rem}.profile-back{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:#888;font-size:.78rem;letter-spacing:.08em;padding:.75rem 1rem;border-left:2px solid transparent;transition:color .15s;font-family:Georgia,serif;margin-bottom:.5rem;border-bottom:1px solid #e0e0e0}.profile-back:hover{color:#111}.profile-back .material-icons-outlined{font-size:1rem}.profile-nav button{background:none;border:none;padding:.75rem 1rem;font-family:Georgia,serif;font-size:.82rem;letter-spacing:.05em;cursor:pointer;color:#555;display:flex;align-items:center;gap:.6rem;width:100%;transition:background .15s,color .15s;border-left:2px solid transparent}.profile-nav button:hover{background:#ece9e4;color:#111}.profile-nav button.active{color:#111;border-left:2px solid #111;background:#ece9e4}.profile-nav button .material-icons-outlined{font-size:1rem}.logout-btn{margin-top:1rem;color:#aaa!important;border-top:1px solid #e0e0e0!important;padding-top:1rem!important}.logout-btn:hover{color:#111!important}.profile-content{padding:2.5rem 3rem}.profile-section h2{font-size:1rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #111}.profile-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.profile-field label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#888}.profile-field input{border:1px solid #ccc;padding:.75rem .9rem;font-family:Georgia,serif;font-size:.9rem;color:#111;outline:none;transition:border-color .15s;max-width:480px}.profile-field input:focus{border-color:#111}.profile-field input.disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.save-btn{background:#111;color:#fff;border:none;padding:.85rem 2rem;font-family:Georgia,serif;font-size:.85rem;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-top:.5rem;transition:background .15s}.save-btn:hover:not(:disabled){background:#333}.save-btn:disabled{background:#ccc;cursor:not-allowed}.save-btn .material-icons-outlined{font-size:1rem}.saldo-current{font-size:1rem;margin-bottom:.5rem}.saldo-hint{font-size:.78rem;color:#888;font-style:italic;margin-bottom:1.5rem}.recharge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;max-width:480px;margin-bottom:2.5rem}.recharge-btn{border:1px solid #111;background:none;padding:1rem;font-family:Georgia,serif;font-size:1rem;font-style:italic;cursor:pointer;transition:background .15s,color .15s}.recharge-btn:hover:not(:disabled){background:#111;color:#fff}.recharge-btn:disabled{opacity:.5;cursor:not-allowed}.recharge-history h3{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:1rem;font-weight:400}.recharge-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid #eee;font-size:.88rem}.recharge-date{color:#aaa;font-style:italic;font-size:.78rem}.recharge-status{font-size:.78rem}.status-pending{color:#b8860b}.status-approved{color:#2d6a2d}.status-denied{color:#a00}.order-card{border:1px solid #e0e0e0;margin-bottom:1rem}.order-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;border-bottom:1px solid #eee;font-size:.82rem}.order-date{color:#aaa;font-style:italic}.order-total{font-style:italic}.order-items{display:flex;flex-wrap:wrap;gap:.8rem;padding:1rem 1.2rem}.order-item{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:#555}.order-item img{width:48px;height:48px;object-fit:cover;border:1px solid #eee}.empty-msg{font-style:italic;color:#aaa;font-size:.88rem}@media (max-width: 640px){.profile-page{grid-template-columns:1fr}.profile-sidebar{border-right:none;border-bottom:1px solid #111}.profile-content{padding:1.5rem 1rem}.recharge-grid{grid-template-columns:repeat(2,1fr)}}.order-card{border:1px solid #e0e0e0;margin-bottom:.8rem;cursor:pointer;transition:border-color .15s}.order-card:hover{border-color:#111}.order-status-badge{font-size:.72rem;letter-spacing:.08em;color:#888;font-style:italic}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlayIn .2s ease both}.order-modal{background:#fff;border:1px solid #111;width:100%;max-width:500px;font-family:Georgia,serif;animation:fadeUp .25s ease both}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid #111}.order-modal-header h3{font-size:.9rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.order-modal-header button{background:none;border:none;cursor:pointer;color:#111;padding:0;display:flex;transition:transform .2s}.order-modal-header button:hover{transform:rotate(90deg)}.order-modal-header button .material-icons-outlined{font-size:1.1rem}.order-tracker{display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.5rem;gap:0;border-bottom:1px solid #eee}.tracker-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;flex:1}.tracker-icon{width:40px;height:40px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;background:#fff;transition:border-color .2s,background .2s}.tracker-step.active .tracker-icon{border-color:#111;background:#111;color:#fff}.tracker-icon .material-icons-outlined{font-size:1.1rem}.tracker-line{position:absolute;top:20px;left:calc(50% + 20px);width:calc(100% - 40px);height:1px;background:#ccc}.tracker-line.active{background:#111}.tracker-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#888;text-align:center}.tracker-step.active .tracker-label{color:#111}.order-modal-items{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.8rem}.order-modal-footer{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #eee;font-size:.88rem}.order-modal-footer span:last-child{font-style:italic}.pay-step{max-width:480px}.back-pay-btn{display:flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:#555;margin-bottom:1rem;padding:0}.back-pay-btn:hover{color:#111}.pay-subtitle{color:#777;margin-top:-.8rem;margin-bottom:1.5rem}.pay-amount-badge{display:inline-block;background:#111;color:#fff;font-size:1.4rem;font-weight:700;padding:.6rem 1.4rem;border-radius:8px;margin-bottom:1.5rem}.pay-info-card{border:1px solid #ddd;border-radius:10px;padding:1.2rem 1.5rem;margin-bottom:1.5rem;background:#fafafa}.pay-info-label{font-size:.85rem;color:#777;margin-bottom:.5rem}.pay-key-row{display:flex;align-items:center;gap:.8rem}.pay-key{font-size:1.6rem;font-weight:700;letter-spacing:2px}.copy-btn{background:#f0f0f0;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:.3rem .5rem;display:flex;align-items:center;transition:background .2s}.copy-btn:hover{background:#e0e0e0}.pay-upload-area{margin-bottom:1rem}.pay-upload-label{font-size:.9rem;color:#555;margin-bottom:.5rem}.upload-dropzone{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:2px dashed #ccc;border-radius:10px;padding:2rem;cursor:pointer;transition:border-color .2s;color:#777}.upload-dropzone:hover{border-color:#111;color:#111}.upload-dropzone .material-icons-outlined{font-size:2rem}.upload-error{color:#c0392b;font-size:.85rem;margin-bottom:.5rem}.custom-amount-row{display:flex;gap:.5rem;margin-top:1rem;margin-bottom:2rem}.custom-amount-input{flex:1;padding:.6rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:inherit}.custom-amount-input:focus{outline:none;border-color:#111}.custom-amount-btn{padding:.6rem 1.2rem;background:#111;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem}.custom-amount-btn:hover{background:#333}.checkout-page{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:calc(100vh - 64px);font-family:Georgia,serif;animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.checkout-left{padding:3rem;border-right:1px solid #111}.checkout-left h2,.checkout-right h2{font-size:.85rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #111}.checkout-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.checkout-field label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#888}.checkout-field input{border:1px solid #ccc;padding:.75rem .9rem;font-family:Georgia,serif;font-size:.9rem;color:#111;outline:none;transition:border-color .15s}.checkout-field input:focus{border-color:#111}.checkout-error{font-size:.8rem;color:#a00;font-style:italic;margin-top:.5rem}.checkout-right{padding:3rem;background:#f7f5f2}.checkout-items{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}.checkout-item{display:flex;align-items:center;gap:1rem;padding:.9rem 0;border-bottom:1px solid #e0e0e0;font-size:.85rem}.checkout-item img{width:56px;height:56px;object-fit:cover;border:1px solid #ddd}.checkout-item div{flex:1;display:flex;flex-direction:column;gap:.2rem;color:#555;font-size:.8rem}.checkout-summary{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem 0;border-top:1px solid #111;margin-bottom:1.5rem}.checkout-row{display:flex;justify-content:space-between;font-size:.88rem}.insufficient{color:#a00}.checkout-warn{font-size:.75rem;color:#a00;font-style:italic}.checkout-pay-btn{width:100%;background:#111;color:#fff;border:none;padding:1rem;font-family:Georgia,serif;font-size:.88rem;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:background .15s,transform .15s}.checkout-pay-btn:hover:not(:disabled){background:#333;transform:translateY(-1px)}.checkout-pay-btn:disabled{background:#ccc;cursor:not-allowed}.checkout-pay-btn .material-icons-outlined{font-size:1rem}.checkout-done{min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-family:Georgia,serif;animation:fadeUp .4s ease both;padding:2rem;text-align:center}.checkout-done-icon{font-size:3rem!important;color:#2d6a2d}.checkout-done h2{font-size:1.4rem;font-weight:400;letter-spacing:.1em}.checkout-done p{font-size:.88rem;color:#666;max-width:360px}.checkout-done-balance{font-size:.85rem;color:#444;font-style:italic}.checkout-done button{margin-top:1rem;background:#111;color:#fff;border:none;padding:.85rem 2rem;font-family:Georgia,serif;font-size:.85rem;letter-spacing:.1em;cursor:pointer}.checkout-done button:hover{background:#333}@media (max-width: 640px){.checkout-page{grid-template-columns:1fr}.checkout-left{border-right:none;border-bottom:1px solid #111;padding:2rem 1rem}.checkout-right{padding:2rem 1rem}}.cart-anim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}.cart-anim-svg{width:180px;height:180px}.discount-row{color:#2e7d32;font-size:.9rem}.total-final{font-weight:700;border-top:1px solid #eee;padding-top:.5rem;margin-top:.3rem}.chat-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:#111;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040;z-index:1000;transition:transform .2s}.chat-fab:hover{transform:scale(1.08)}.chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:998;display:flex;align-items:center;justify-content:center}.chat-fullscreen{background:#fff;width:100%;max-width:480px;height:90vh;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #0003}@media (max-width: 520px){.chat-fullscreen{max-width:100%;height:100vh;border-radius:0}}.chat-header{background:#111;color:#fff;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center}.chat-header-info{display:flex;align-items:center;gap:.8rem}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.chat-header-name{font-weight:700;margin:0;font-size:1rem}.chat-header-sub{margin:0;font-size:.75rem;color:#aaa}.chat-close-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.3rem}.chat-messages{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}.chat-start-screen{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#555}.chat-start-screen button{background:#111;color:#fff;border:none;border-radius:8px;padding:.7rem 1.5rem;cursor:pointer;font-size:1rem}.chat-status-msg{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#555}.chat-status-msg button{background:#111;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer}.chat-spinner{width:32px;height:32px;border:3px solid #eee;border-top-color:#111;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-msg{max-width:75%;padding:.6rem .9rem;border-radius:14px;font-size:.92rem;line-height:1.4}.chat-msg-user{background:#111;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-msg-admin{background:#f0f0f0;color:#111;align-self:flex-start;border-bottom-left-radius:4px}.chat-input-row{display:flex;border-top:1px solid #eee;padding:.7rem;gap:.5rem}.chat-input-row input{flex:1;border:1px solid #ddd;border-radius:10px;padding:.6rem 1rem;font-size:.95rem;outline:none}.chat-input-row input:focus{border-color:#111}.chat-input-row button{background:#111;color:#fff;border:none;border-radius:10px;padding:.5rem .8rem;cursor:pointer;display:flex;align-items:center}.chat-input-row button:disabled{background:#ccc;cursor:default}body{-webkit-font-smoothing:antialiased}.page-transition{animation:pageIn .35s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-left{animation:slideLeft .4s ease both}.slide-right{animation:slideRight .4s ease both .1s}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.product{animation:cardIn .35s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:fadeUp .5s ease both .1s}.hero-meta{animation:fadeUp .5s ease both .25s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cart-overlay{animation:overlayIn .25s ease both}.cart-panel{animation:slideInRight .3s ease both}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}