.profile-page{z-index:4;background:#f0ede8;min-height:100svh;position:relative}.profile-hero{background-image:url(/images/top.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.profile-hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.profile-avatar{color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:.75rem;display:flex}.profile-hero-label{font-family:var(--font-body);font-size:var(--fs-supporting);text-transform:uppercase;letter-spacing:.25em;color:#ffffff80}.profile-hero-heading{font-family:var(--font-heading);font-size:var(--fs-hero-title);color:#fff;letter-spacing:.08em;text-transform:uppercase;line-height:1}.profile-hero-subtitle{font-family:var(--font-body);font-size:var(--fs-body);color:#fff6;text-transform:uppercase;letter-spacing:.1em;max-width:400px}.profile-loyalty{text-align:center;margin-top:.75rem}.profile-loyalty-points{font-family:var(--font-heading);font-size:var(--fs-hero-title);color:#fff;letter-spacing:.04em;line-height:1.1}.profile-loyalty-subtext{font-family:var(--font-body);font-size:var(--fs-caption);color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;margin-top:.35rem}.profile-tabs-section{padding:0 var(--gutter);z-index:10;max-width:900px;margin:2.5rem auto 0;position:relative}.profile-tabs{background:#fff;border-radius:16px;display:flex;overflow:hidden;box-shadow:0 8px 40px #4f2c221a}.profile-tab{font-family:var(--font-body);font-size:var(--fs-supporting);text-transform:uppercase;letter-spacing:.1em;color:#4f2c2266;cursor:pointer;background:0 0;border:none;flex:1;padding:1.25rem 1.5rem;transition:color .3s,background .3s;position:relative}.profile-tab:hover{color:var(--base-700)}.profile-tab.active{color:var(--base-100);background:var(--base-700)}.profile-tab-content{max-width:900px;padding:2rem var(--gutter)6rem;margin:0 auto}.profile-orders{flex-direction:column;gap:1.25rem;display:flex}.profile-order-card{background:#fff;border-radius:20px;padding:2rem;transition:box-shadow .3s;box-shadow:0 2px 16px #4f2c220a}.profile-order-card:hover{box-shadow:0 4px 24px #4f2c2214}.profile-order-header{border-bottom:1px solid #4f2c220f;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.profile-order-id{font-family:var(--font-body);font-size:var(--fs-body);color:var(--base-700);text-transform:uppercase;letter-spacing:.02em;font-weight:600}.profile-order-date{font-family:var(--font-body);font-size:var(--fs-supporting);color:#4f2c2266;margin-top:.25rem}.profile-order-status{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.1em;border-radius:20px;flex-shrink:0;padding:.35rem .9rem;font-weight:500}.status-delivered{color:#1a7a42;background:#2278451a}.status-transit{color:#9a7020;background:#b482281f}.profile-order-items{flex-direction:column;gap:.6rem;margin-bottom:1.25rem;display:flex}.profile-order-item{justify-content:space-between;align-items:center;display:flex}.profile-order-item-name{font-family:var(--font-body);font-size:var(--fs-supporting);color:var(--base-700)}.profile-order-item-detail{font-family:var(--font-body);font-size:var(--fs-supporting);color:#4f2c2280}.profile-order-footer{border-top:1px solid #4f2c220f;justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.profile-order-total{font-family:var(--font-body);font-size:var(--fs-body);color:var(--base-700);font-weight:600}.profile-order-actions{align-items:center;gap:1rem;display:flex}.profile-order-again-btn{background:var(--base-700);color:var(--base-100);font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.5rem;transition:opacity .2s,transform .2s}.profile-order-again-btn:hover{opacity:.85}.profile-order-again-btn:active{transform:scale(.97)}.profile-return-link{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:#4f2c2273;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s}.profile-return-link:hover{color:var(--base-700)}.profile-return-submitted{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:#1a7a42}.profile-return-form{background:#f0ede899;border-radius:12px;flex-direction:column;gap:.75rem;margin-top:1.25rem;padding:1.25rem;display:flex}.profile-return-label{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.1em;color:#4f2c2273}.profile-return-select{width:100%;font-family:var(--font-body);font-size:var(--fs-supporting);color:var(--base-700);cursor:pointer;appearance:auto;background:#fff;border:1.5px solid #4f2c221f;border-radius:8px;outline:none;padding:.75rem 1rem}.profile-return-select:focus{border-color:var(--base-700)}.profile-return-submit{background:var(--base-700);color:var(--base-100);font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:.65rem 1.5rem;transition:opacity .2s}.profile-return-submit:hover:not(:disabled){opacity:.85}.profile-return-submit:disabled{opacity:.4;cursor:not-allowed}.profile-empty-state{text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex;box-shadow:0 2px 16px #4f2c220a}.profile-empty-icon{color:#4f2c221f;margin-bottom:.5rem}.profile-empty-icon svg{width:48px;height:48px}.profile-empty-title{font-family:var(--font-heading);font-size:var(--fs-hero-title);color:var(--base-700);line-height:1}.profile-empty-text{font-family:var(--font-body);font-size:var(--fs-body);color:#4f2c2266;text-transform:uppercase;letter-spacing:.03em}.profile-action-btn{background:var(--base-700);color:var(--base-100);font-family:var(--font-body);font-size:var(--fs-supporting);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:10px;margin-top:.5rem;padding:1rem 2.5rem;transition:opacity .2s,transform .2s;display:inline-block}.profile-action-btn:hover{opacity:.85}.profile-action-btn:active{transform:scale(.97)}.profile-coupons{flex-direction:column;gap:1rem;display:flex}.profile-coupon-card{background:#fff;border:1.5px dashed #4f2c2226;border-radius:16px;justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:border-color .3s,box-shadow .3s;display:flex}.profile-coupon-card:hover{border-color:#4f2c224d;box-shadow:0 2px 12px #4f2c220a}.profile-coupon-info{flex-direction:column;gap:.3rem;display:flex}.profile-coupon-code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Courier New,monospace;font-size:var(--fs-subheading);color:var(--base-700);letter-spacing:.1em;font-weight:600}.profile-coupon-desc{font-family:var(--font-body);font-size:var(--fs-supporting);color:#4f2c228c;text-transform:none}.profile-coupon-validity{font-family:var(--font-body);font-size:var(--fs-caption);color:#4f2c2259;text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem}.profile-coupon-copy-btn{background:var(--base-700);color:var(--base-100);font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-align:center;border:none;border-radius:8px;flex-shrink:0;min-width:90px;padding:.6rem 1.4rem;transition:opacity .2s,transform .2s}.profile-coupon-copy-btn:hover{opacity:.85}.profile-coupon-copy-btn:active{transform:scale(.97)}.profile-addresses{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.profile-address-card{background:#fff;border-radius:20px;padding:2rem;transition:box-shadow .3s;position:relative;box-shadow:0 2px 16px #4f2c220a}.profile-address-card:hover{box-shadow:0 4px 24px #4f2c2214}.profile-address-badge{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.1em;color:var(--base-700);background:#4f2c2214;border-radius:6px;padding:.35rem .85rem;position:absolute;top:2rem;right:2rem}.profile-address-name{font-family:var(--font-body);font-size:var(--fs-body);color:var(--base-700);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.75rem;font-weight:600}.profile-address-line{font-family:var(--font-body);font-size:var(--fs-body);color:#4f2c228c;text-transform:none;line-height:1.6}.profile-address-phone{font-family:var(--font-body);font-size:var(--fs-supporting);color:#4f2c2266;margin-top:.75rem}.profile-address-actions{border-top:1px dashed #4f2c221a;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.profile-address-edit,.profile-address-delete{font-family:var(--font-body);font-size:var(--fs-supporting);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.profile-address-edit{color:var(--base-700)}.profile-address-edit:hover{color:#663532}.profile-address-delete{color:#4f2c224d}.profile-address-delete:hover{color:#663532}.profile-add-address-btn{color:#4f2c2273;width:auto;font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1.5px dashed #4f2c2226;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.5rem;transition:border-color .2s,color .2s;display:inline-flex}.profile-add-address-btn svg{flex-shrink:0;width:12px;height:12px}.profile-add-address-btn:hover{border-color:var(--base-700);color:var(--base-700)}.profile-settings{flex-direction:column;gap:1.5rem;display:flex}.profile-settings-card{background:#fff;border-radius:20px;padding:2.25rem;box-shadow:0 2px 16px #4f2c220a}.profile-settings-title{font-family:var(--font-body);font-size:var(--fs-body);color:var(--base-700);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #4f2c220f;margin-bottom:1.75rem;padding-bottom:1.25rem;font-weight:600}.profile-form-row{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.profile-form-group{flex-direction:column;display:flex}.profile-form-label{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.1em;color:#4f2c2266;margin-bottom:.5rem;display:block}.profile-form-input{width:100%;font-family:var(--font-body);font-size:var(--fs-body);color:var(--base-700);text-transform:none;background:#f0ede880;border:1.5px solid #4f2c221a;border-radius:10px;outline:none;padding:.9rem 1.1rem;transition:border-color .2s,background .2s}.profile-form-input:focus{border-color:var(--base-700);background:#f0ede8cc}.profile-form-input::placeholder{color:#4f2c2233;text-transform:none}.profile-update-btn{background:var(--base-700);color:var(--base-100);font-family:var(--font-body);font-size:var(--fs-supporting);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:10px;margin-top:.25rem;padding:1rem 2.25rem;transition:opacity .2s,transform .2s}.profile-update-btn:hover{opacity:.85}.profile-update-btn:active{transform:scale(.97)}.profile-pref-row{border-bottom:1px solid #4f2c220d;justify-content:space-between;align-items:center;padding:1.15rem 0;display:flex}.profile-pref-row:last-of-type{border-bottom:none;padding-bottom:0}.profile-pref-name{font-family:var(--font-body);font-size:var(--fs-body);color:var(--base-700);text-transform:uppercase;letter-spacing:.02em;font-weight:500}.profile-pref-desc{font-family:var(--font-body);font-size:var(--fs-supporting);color:#4f2c2259;text-transform:none;margin-top:.25rem}.profile-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.profile-toggle input{opacity:0;width:0;height:0;position:absolute}.profile-toggle-slider{cursor:pointer;background:#4f2c221a;border-radius:24px;transition:background .3s;position:absolute;inset:0}.profile-toggle-slider:before{content:"";background:var(--base-100);border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000001a}.profile-toggle input:checked+.profile-toggle-slider{background:var(--base-700)}.profile-toggle input:checked+.profile-toggle-slider:before{transform:translate(20px)}.profile-referral-desc{font-family:var(--font-body);font-size:var(--fs-supporting);color:#4f2c228c;text-transform:none;margin-bottom:1.25rem;line-height:1.5}.profile-referral-box{background:#f0ede899;border:1.5px dashed #4f2c2226;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1.15rem;display:flex}.profile-referral-code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Courier New,monospace;font-size:var(--fs-body);color:var(--base-700);letter-spacing:.08em;flex:1;font-weight:600}.profile-referral-copy{background:var(--base-700);color:var(--base-100);font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-align:center;border:none;border-radius:6px;min-width:72px;padding:.5rem 1.25rem;transition:opacity .2s}.profile-referral-copy:hover{opacity:.85}.profile-referral-share{gap:.75rem;display:flex}.profile-share-btn{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.profile-share-btn:hover{opacity:.85}.profile-share-whatsapp{color:#fff;background:#25d366}.profile-share-email{color:var(--base-700);background:#4f2c221a}.profile-payment-card{background:#f0ede866;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.15rem;display:flex}.profile-payment-info{align-items:center;gap:1rem;display:flex}.profile-payment-icon{width:48px;height:48px;color:var(--base-700);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-payment-name{font-family:var(--font-body);font-size:var(--fs-body);color:var(--base-700);font-weight:500}.profile-payment-expiry{font-family:var(--font-body);font-size:var(--fs-supporting);color:#4f2c2266;margin-top:.2rem}.profile-payment-remove{font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;color:#4f2c2259;cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s}.profile-payment-remove:hover{color:#c0392b}.profile-add-payment-btn{color:#4f2c2273;font-family:var(--font-body);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1.5px dashed #4f2c2226;border-radius:8px;align-items:center;gap:.4rem;padding:.7rem 1.4rem;transition:border-color .2s,color .2s;display:inline-flex}.profile-add-payment-btn svg{flex-shrink:0;width:12px;height:12px}.profile-add-payment-btn:hover{border-color:var(--base-700);color:var(--base-700)}.profile-signout-btn{width:100%;font-family:var(--font-body);font-size:var(--fs-supporting);text-transform:uppercase;letter-spacing:.1em;color:#4f2c2273;cursor:pointer;background:0 0;border:1.5px solid #4f2c2226;border-radius:10px;padding:1.1rem;transition:border-color .2s,color .2s}.profile-signout-btn:hover{border-color:var(--base-700);color:var(--base-700)}@media (max-width:1000px){.profile-hero{height:70svh}.profile-tabs-section{margin-top:2rem}.profile-address-card,.profile-settings-card{padding:1.75rem}}@media (max-width:1199px) and (orientation:portrait){.profile-hero{height:60svh}.profile-avatar{width:80px;height:80px}.profile-avatar svg{width:32px;height:32px}.profile-tabs-section{padding:0 var(--gutter);margin-top:1.5rem}.profile-tab-content{padding:1.5rem var(--gutter)4rem}.profile-addresses{grid-template-columns:1fr}.profile-form-row{grid-template-columns:1fr;gap:1rem}.profile-settings-card,.profile-address-card{padding:1.5rem}.profile-coupon-card{flex-direction:column;align-items:flex-start;gap:1rem}.profile-coupon-copy-btn{width:100%}.profile-order-footer{flex-direction:column;align-items:flex-start;gap:1rem}.profile-order-actions{width:100%}.profile-order-again-btn{flex:1}.profile-referral-share{flex-direction:column}.profile-share-btn{justify-content:center}.profile-payment-card{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:480px){.profile-page{background:#f0ede8}.profile-hero{height:55svh}.profile-hero-heading{font-size:var(--fs-hero-title);letter-spacing:.05em}.profile-hero-label{font-size:var(--fs-caption);letter-spacing:.2em}.profile-hero-subtitle{font-size:var(--fs-caption);max-width:260px}.profile-avatar{width:68px;height:68px}.profile-avatar svg{width:28px;height:28px}.profile-loyalty-points{font-size:var(--fs-hero-title)}.profile-loyalty-subtext{font-size:var(--fs-caption)}.profile-tabs-section{padding:0 var(--gutter);margin-top:-1.5rem}.profile-tabs{border-radius:12px;box-shadow:0 6px 30px #4f2c221a}.profile-tab{font-size:var(--fs-caption);letter-spacing:.04em;padding:1rem .5rem}.profile-tab-content{padding:1.25rem var(--gutter)3rem;background:#f0ede8}.profile-empty-state{border-radius:16px;padding:3.5rem 1.5rem}.profile-empty-title{font-size:var(--fs-hero-title)}.profile-order-card{border-radius:16px;padding:1.25rem}.profile-order-header{flex-direction:column;gap:.75rem}.profile-order-id{font-size:var(--fs-supporting)}.profile-order-actions{flex-direction:column;gap:.5rem}.profile-order-again-btn{text-align:center;width:100%}.profile-return-link{text-align:center}.profile-coupon-card{border-radius:12px;padding:1.25rem}.profile-coupon-code,.profile-coupon-desc{font-size:var(--fs-supporting)}.profile-address-card{border-radius:16px;padding:1.25rem}.profile-address-badge{font-size:var(--fs-caption);padding:.25rem .6rem;top:1.25rem;right:1.25rem}.profile-address-name{font-size:var(--fs-body)}.profile-address-line{font-size:var(--fs-supporting)}.profile-settings-card{border-radius:16px;padding:1.25rem}.profile-settings-title{font-size:var(--fs-body);margin-bottom:1.25rem;padding-bottom:1rem}.profile-form-input{font-size:var(--fs-supporting);border-radius:8px;padding:.8rem .9rem}.profile-update-btn{border-radius:8px;width:100%;padding:.9rem}.profile-pref-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0}.profile-pref-name{font-size:var(--fs-supporting)}.profile-pref-desc{font-size:var(--fs-caption)}.profile-referral-box{flex-direction:column;align-items:stretch}.profile-referral-copy{text-align:center}.profile-referral-code{font-size:var(--fs-supporting)}.profile-payment-info{gap:.75rem}.profile-payment-icon{border-radius:8px;width:40px;height:40px}.profile-payment-icon svg{width:22px;height:22px}.profile-payment-name{font-size:var(--fs-supporting)}.profile-signout-btn{font-size:var(--fs-caption);border-radius:8px;padding:.9rem}.profile-add-address-btn{font-size:var(--fs-caption);border-radius:8px;padding:.65rem 1.25rem}.profile-action-btn{font-size:var(--fs-caption);border-radius:8px;padding:.9rem 2rem}}.profile-loyalty-history{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.profile-loyalty-row{background:#f7f4ef;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .85rem;display:flex}.profile-loyalty-row-desc{font-size:var(--fs-supporting);color:#2a2018;margin:0}.profile-loyalty-row-date{font-size:var(--fs-caption);color:#2a201899;margin:.15rem 0 0}.profile-loyalty-row-points{font-size:var(--fs-body);white-space:nowrap;font-weight:600}.profile-loyalty-row-points.positive{color:#2e7d32}.profile-loyalty-row-points.negative{color:#c62828}