@charset "UTF-8";:root{--color-bronze: #bc8129;--color-bronze-hover: #a06f22;--color-bronze-light: rgba(188, 129, 41, .1);--color-black: #000000;--color-bg: #fcfcfc;--color-surface: #f8f8f8;--color-white: #ffffff;--color-border: #e0e0e0;--color-text: #404040;--color-muted: #707070;--color-success: #5c7a4e;--color-error: #c0392b;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Cairo", "Helvetica Neue", sans-serif;--font-price: "Cormorant Garamond", Georgia, serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 20px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .14);--shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .12);--transition: .2s ease;--max-width: 1200px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.25;color:var(--color-black)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--sp-4)}@media (min-width: 768px){.container{padding:0 var(--sp-6)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-6);height:48px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn--primary{background:var(--color-bronze);color:var(--color-white);border:none}.btn--primary:hover:not(:disabled){background:var(--color-bronze-hover)}.btn--black{background:var(--color-black);color:var(--color-white);border:none}.btn--black:hover:not(:disabled){background:#222}.btn--outline{background:transparent;color:var(--color-bronze);border:1px solid var(--color-bronze)}.btn--outline:hover:not(:disabled){background:var(--color-bronze-light)}.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--ghost:hover:not(:disabled){border-color:var(--color-text)}.btn--full{width:100%}.btn--sm{height:40px;font-size:14px;padding:0 var(--sp-4)}.btn:disabled{opacity:.45;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:var(--sp-1)}.form-group label{font-size:14px;font-weight:600;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{height:48px;padding:0 var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:16px;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition);appearance:none}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--color-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-bronze);box-shadow:0 0 0 3px #bc812926;background:var(--color-white)}.form-group input.invalid,.form-group input.ng-invalid.ng-touched,.form-group select.invalid,.form-group select.ng-invalid.ng-touched,.form-group textarea.invalid,.form-group textarea.ng-invalid.ng-touched{border-color:var(--color-error)}.form-group textarea{height:auto;padding:var(--sp-3) var(--sp-4);resize:vertical;min-height:96px}.form-group .field-error{font-size:12px;color:var(--color-error);display:flex;align-items:center;gap:4px}.form-row{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media (min-width: 480px){.form-row{grid-template-columns:1fr 1fr}}.auth-page{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-4);background:var(--color-surface)}.auth-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-8);width:100%;max-width:420px;box-shadow:var(--shadow-card)}.auth-card h1{font-size:28px;margin-bottom:var(--sp-6)}.auth-card form{display:flex;flex-direction:column;gap:var(--sp-4)}.auth-card .auth-footer{margin-top:var(--sp-4);text-align:center;font-size:14px;color:var(--color-muted)}.auth-card .auth-footer a{color:var(--color-bronze);font-weight:600}.auth-card .auth-footer a:hover{text-decoration:underline}.account-subpage{background:var(--color-surface);min-height:calc(100vh - var(--header-height));padding:var(--sp-6) 0 var(--sp-16)}@media (min-width: 1024px){.account-subpage{padding:var(--sp-8) 0 var(--sp-16)}}.account-subpage__back{margin-bottom:var(--sp-4)}@media (min-width: 1024px){.account-subpage__back{display:none}}.account-subpage__title{font-family:var(--font-heading);font-size:22px;color:var(--color-black);margin-bottom:var(--sp-6)}@media (min-width: 480px){.account-subpage__title{font-size:28px}}@media (min-width: 768px){.account-subpage__title{margin-bottom:var(--sp-8)}}.account-shell{display:grid;grid-template-columns:1fr}@media (min-width: 1024px){.account-shell{grid-template-columns:240px 1fr;gap:var(--sp-8);align-items:start}}.account-sidebar{display:none}@media (min-width: 1024px){.account-sidebar{display:block;position:sticky;top:calc(var(--header-height) + var(--sp-6));align-self:start}}.account-sidebar__profile{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-3)}.account-sidebar__avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bronze);color:var(--color-white);font-family:var(--font-heading);font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-sidebar__name{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-black);margin:0;line-height:1.3}.account-sidebar__email{font-family:var(--font-body);font-size:12px;color:var(--color-muted);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.account-sidebar__nav{display:flex;flex-direction:column;gap:2px}.account-sidebar__nav a{display:flex;align-items:center;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text);transition:background var(--transition),color var(--transition);text-decoration:none}.account-sidebar__nav a:hover,.account-sidebar__nav a.active{background:var(--color-bronze-light);color:var(--color-bronze)}.account-content{min-width:0}.back-link{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-body);font-size:14px;color:var(--color-muted);transition:color var(--transition)}.back-link:hover{color:var(--color-bronze)}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:12px;font-weight:600;white-space:nowrap}.status-badge--pending,.status-badge--confirmed{background:rgba(188,129,41,.1);color:var(--color-bronze)}.status-badge--preparing{background:#FFF8E1;color:var(--color-bronze)}.status-badge--shipped{background:#E3F2FD;color:#1565c0}.status-badge--delivered{background:#E8E8E8;color:var(--color-text)}.status-badge--cancelled{background:#FDECEA;color:var(--color-error)}.error-msg{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-family:var(--font-body);font-size:14px;margin-bottom:var(--sp-4)}.success-msg{background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);font-family:var(--font-body);font-size:14px;margin-bottom:var(--sp-4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-border);border-radius:var(--radius-sm);animation:pulse 1.5s ease-in-out infinite}.text-bronze{color:var(--color-bronze)}.text-muted{color:var(--color-muted);font-size:14px}.text-error{color:var(--color-error);font-size:13px}.text-success{color:var(--color-success);font-size:13px}.price{font-family:var(--font-price);font-style:italic;color:var(--color-bronze)}.section-title{font-family:var(--font-heading);font-size:24px;color:var(--color-black);text-align:center;margin-bottom:var(--sp-6)}@media (min-width: 768px){.section-title{font-size:32px}}.loader-overlay{position:fixed;inset:0;background:rgba(252,252,252,.7);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-bronze);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--sp-6);left:50%;transform:translate(-50%);background:var(--color-black);color:var(--color-white);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-pill);font-size:14px;z-index:9998;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-12) var(--sp-4);text-align:center}.empty-state h2,.error-state h2{font-size:20px}.empty-state p,.error-state p{color:var(--color-muted);font-size:14px;max-width:320px}@media (min-width: 768px){.empty-state,.error-state{padding:var(--sp-16) var(--sp-4)}.empty-state h2,.error-state h2{font-size:22px}}.legal-page{padding:var(--sp-8) var(--sp-4) var(--sp-16);min-height:60vh}@media (min-width: 768px){.legal-page{padding:var(--sp-12) var(--sp-6) var(--sp-20)}}.legal-content{max-width:760px;margin:0 auto}.legal-title{font-family:var(--font-display);font-size:clamp(24px,5vw,36px);font-weight:700;color:var(--color-black);margin-bottom:var(--sp-2)}.legal-updated{font-family:var(--font-body);font-size:13px;color:var(--color-muted);margin-bottom:var(--sp-10)}.legal-section{margin-bottom:var(--sp-8)}.legal-section h2{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--color-black);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--color-border)}.legal-section h3{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-black);margin:var(--sp-4) 0 var(--sp-2)}.legal-section p{font-family:var(--font-body);font-size:14px;color:var(--color-text);line-height:1.75;margin-bottom:var(--sp-3)}.legal-section ul{margin:0 0 var(--sp-3) var(--sp-4);padding:0}.legal-section ul li{font-family:var(--font-body);font-size:14px;color:var(--color-text);line-height:1.75;margin-bottom:var(--sp-1);list-style:disc}.legal-section address{font-style:normal;font-family:var(--font-body);font-size:14px;color:var(--color-text);line-height:1.75;margin:var(--sp-3) 0;padding:var(--sp-3) var(--sp-4);background:var(--color-surface);border-left:3px solid var(--color-bronze);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.legal-section a{color:var(--color-bronze);text-decoration:underline}.legal-section a:hover{color:var(--color-bronze-hover)}.strength-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-top:var(--sp-1)}.strength-bar__fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.strength-bar__fill.weak{background:var(--color-error)}.strength-bar__fill.medium{background:#f39c12}.strength-bar__fill.strong{background:var(--color-success)}
