/* MODALS STYLES */
/* ══ AUTH MODAL ══ */
.auth-backdrop{position:fixed;inset:0;background:rgba(13,31,20,0.75);z-index:800;display:none;backdrop-filter:blur(8px)}
.auth-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);z-index:801;background:var(--warm-white);width:460px;max-width:95vw;max-height:92vh;overflow-y:auto;border-radius:20px;border:2px solid var(--border);box-shadow:0 40px 100px rgba(13,31,20,0.25);opacity:0;pointer-events:none;transition:all 0.3s ease}
.auth-modal.open{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}
.auth-head{padding:32px 34px 0;display:flex;align-items:center;justify-content:space-between}
.auth-title{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--text-dark)}
.modal-close{background:var(--beige);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--text-mid);transition:all var(--tr);box-shadow:0 3px 0 var(--beige-dark)}
.modal-close:hover{background:var(--forest);color:var(--cream);box-shadow:0 3px 0 var(--forest-deep)}
.auth-tabs{display:flex;border-bottom:2px solid var(--border);margin:18px 34px 0}
.auth-tab{flex:1;padding:11px;text-align:center;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-light);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--tr);font-weight:600}
.auth-tab.active{color:var(--forest);border-bottom-color:var(--forest)}
.auth-body{padding:26px 34px 34px}
.f-group{margin-bottom:16px}
.f-label{font-size:9px;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px;display:block;font-weight:600}
.f-input{width:100%;background:var(--beige);border:2px solid var(--border);border-radius:10px;color:var(--text-dark);padding:12px 15px;font-family:'Outfit',sans-serif;font-size:13px;outline:none;transition:border-color var(--tr),background var(--tr)}
.f-input:focus{border-color:var(--forest);background:var(--warm-white)}
.f-input::placeholder{color:var(--text-light)}

/* ══ PD MODAL ══ */
.pd-overlay{position:fixed;inset:0;background:rgba(13,31,20,0.8);z-index:800;opacity:0;pointer-events:none;transition:opacity var(--tr);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}
.pd-overlay.open{opacity:1;pointer-events:all}
.pd-modal{background:var(--warm-white);border-radius:20px;width:900px;max-width:96vw;max-height:90vh;overflow-y:auto;border:2px solid var(--border);box-shadow:0 40px 100px rgba(13,31,20,0.3);transform:scale(0.96);transition:transform 0.3s ease}
.pd-overlay.open .pd-modal{transform:scale(1)}
.pd-grid{display:grid;grid-template-columns:1fr 1fr}
.pd-img-area{background:linear-gradient(135deg,var(--beige),var(--warm-white));display:flex;align-items:center;justify-content:center;height:400px;font-size:90px;border-radius:20px 0 0 20px;position:relative;overflow:hidden}
.pd-img-area img{width:100%;height:100%;object-fit:cover}
.pd-info{padding:36px 32px;position:relative}
.pd-cat{font-size:9px;letter-spacing:0.4em;text-transform:uppercase;color:var(--forest-mid);margin-bottom:8px;font-weight:700}
.pd-name{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;color:var(--text-dark);line-height:1.15;margin-bottom:12px}
.pd-rating{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.pd-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:20px}
.pd-price{font-family:'Outfit',sans-serif;font-size:26px;font-weight:700;color:var(--forest)}
.pd-orig{font-size:15px;color:var(--text-light);text-decoration:line-through}
.pd-desc{font-size:13px;color:var(--text-mid);line-height:1.8;margin-bottom:24px}
.pd-colors{display:flex;gap:8px;margin-bottom:22px}
.pd-color-dot{width:24px;height:24px;border-radius:50%;border:3px solid var(--warm-white);box-shadow:0 0 0 2px var(--border);cursor:pointer;transition:all 0.2s}
.pd-color-dot:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--forest)}
.pd-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.85);border:none;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;color:var(--text-mid);transition:all var(--tr);z-index:5;box-shadow:0 2px 8px rgba(0,0,0,0.12)}
.pd-close:hover{background:var(--forest);color:#fff}

/* ══ ACCOUNT ══ */
.acc-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 160px)}
.acc-sidebar{background:var(--forest);padding:40px 0;position:sticky;top:120px;height:calc(100vh - 160px);overflow-y:auto}
.acc-avatar-wrap{text-align:center;padding:0 22px 28px;border-bottom:1px solid rgba(255,255,255,0.08)}
.acc-avatar{width:78px;height:78px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,var(--gold-light),var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:34px;color:var(--ink);box-shadow:0 8px 24px rgba(138,122,46,0.4)}
.acc-name{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--cream);margin-bottom:3px}
.acc-email{font-size:11px;color:rgba(200,185,107,0.65)}
.acc-nav{padding:20px 14px 0}
.acc-nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;cursor:pointer;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(200,185,107,0.65);transition:all var(--tr);margin-bottom:3px;font-weight:500}
.acc-nav-item:hover,.acc-nav-item.active{background:rgba(200,185,107,0.1);color:var(--olive-light)}
.acc-content-area{padding:44px 48px}
.acc-sec-title{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:700;color:var(--text-dark);margin-bottom:5px}
.acc-sec-sub{font-size:10px;letter-spacing:0.25em;color:var(--text-light);text-transform:uppercase;margin-bottom:24px;font-weight:600}
.orders-table{width:100%;border-collapse:collapse}
.orders-table th{font-size:9px;letter-spacing:0.3em;color:var(--text-light);padding:10px 14px;text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;font-weight:600}
.orders-table td{padding:14px;border-bottom:1px solid var(--border);font-size:13px}
.orders-table tr:hover td{background:var(--beige)}
.o-id{color:var(--forest);font-weight:600;letter-spacing:0.05em}
.s-badge{font-size:10px;letter-spacing:0.1em;padding:3px 10px;border-radius:20px;font-weight:600}
.s-delivered{background:rgba(29,77,46,0.1);color:var(--forest-mid)}
.s-processing{background:rgba(138,122,46,0.1);color:var(--gold)}
.s-shipped{background:rgba(26,80,152,0.1);color:#1a60c0}
.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.wish-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:18px;text-align:center}
.wish-emoji{font-size:44px;margin-bottom:10px}
.wish-name{font-family:'Cormorant Garamond',serif;font-size:15px;margin-bottom:4px}
.wish-price{color:var(--forest);font-size:15px;margin-bottom:10px;font-weight:600}
.f-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* ══ CHECKOUT ══ */
.checkout-wrap{max-width:1100px;margin:0 auto;padding:44px 32px;display:grid;grid-template-columns:1fr 360px;gap:28px}
.co-section{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:26px;margin-bottom:18px}
.co-sec-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--text-dark);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.co-num{width:28px;height:28px;border-radius:50%;background:var(--forest);color:var(--olive-light);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 4px 0 var(--forest-deep)}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.pay-method{background:var(--beige);border:2px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;text-align:center;transition:all var(--tr);box-shadow:0 4px 0 rgba(0,0,0,0.04)}
.pay-method.sel,.pay-method:hover{border-color:var(--forest);background:rgba(29,77,46,0.04);box-shadow:0 4px 0 var(--forest-deep)}
.pay-icon{font-size:26px;margin-bottom:5px}
.pay-name{font-size:10px;letter-spacing:0.12em;color:var(--text-mid)}
.pay-method.sel .pay-name{color:var(--forest);font-weight:700}
.pay-info{background:rgba(29,77,46,0.06);border:1px solid rgba(29,77,46,0.15);border-radius:10px;padding:12px;font-size:12px;color:var(--forest-mid);line-height:1.8}
.order-summary-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:26px;position:sticky;top:130px}
.sum-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--text-dark);margin-bottom:16px}
.sum-item{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}
.sum-total{display:flex;justify-content:space-between;padding-top:14px;margin-top:7px;border-top:2px solid var(--border)}
.sum-lbl{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--text-dark)}
.sum-amt{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--forest)}
.secure-badges{display:flex;justify-content:center;gap:14px;margin-top:12px;font-size:11px;color:var(--text-light)}

/* ══ SUCCESS ══ */
.success-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 160px);text-align:center;padding:40px;background:radial-gradient(ellipse at center,rgba(29,77,46,0.06),transparent 60%)}
.success-icon{font-size:84px;margin-bottom:22px;animation:pop 0.5s ease}
@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
.success-title{font-family:'Cormorant Garamond',serif;font-size:44px;color:var(--text-dark);margin-bottom:7px}
.success-sub{font-size:10px;letter-spacing:0.4em;color:var(--text-light);text-transform:uppercase;margin-bottom:18px;font-weight:600}
.success-order{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--forest);letter-spacing:0.15em;background:rgba(29,77,46,0.08);border:2px solid rgba(29,77,46,0.2);border-radius:10px;padding:9px 28px;margin-bottom:28px}