*{margin:0;padding:0;box-sizing:border-box}
:root{
  --cream:#faf7f2;--blush:#f0e8e0;--rose:#c4856a;--dark-rose:#8b4a35;
  --gold:#c9a96e;--deep:#1a1209;--text:#2d1f14;--muted:#7a6557;
  --white:#ffffff;--border:#e2d5c8;--ok:#4a7a4a;--err:#b3432d;
}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--text);min-height:100vh}
a{color:inherit}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:400}

/* NAV */
.store-nav{position:sticky;top:0;z-index:100;background:rgba(250,247,242,0.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.store-nav-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:68px}
.store-logo{font-family:'Cormorant Garamond',serif;font-size:20px;letter-spacing:0.15em;text-transform:uppercase;text-decoration:none;color:var(--text)}
.store-nav-links{display:flex;align-items:center;gap:28px}
.store-nav-links a{font-size:11px;letter-spacing:0.15em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s}
.store-nav-links a:hover{color:var(--rose)}
.cart-link{position:relative;display:flex;align-items:center;gap:6px}
.cart-count{background:var(--rose);color:#fff;font-size:10px;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}

/* LAYOUT */
.store-container{max-width:1300px;margin:0 auto;padding:48px 5% 96px}
.page-title{font-size:clamp(28px,4vw,42px);margin-bottom:8px}
.page-sub{color:var(--muted);font-size:14px;margin-bottom:32px}

/* FILTERS */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}
.filter-btn{border:1px solid var(--border);background:transparent;padding:8px 18px;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;color:var(--muted);transition:all .2s}
.filter-btn.active,.filter-btn:hover{border-color:var(--rose);color:var(--rose);background:rgba(196,133,106,0.08)}

/* PRODUCT GRID */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px}
.product-card{display:block;text-decoration:none;color:inherit;background:var(--white);border:1px solid var(--border);transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(45,31,20,0.1)}
.product-card-img{aspect-ratio:3/4;position:relative}
.badge-new{position:absolute;top:12px;left:12px;background:var(--rose);color:#fff;font-size:9px;letter-spacing:0.15em;text-transform:uppercase;padding:4px 10px}
.product-card-body{padding:16px}
.product-card-name{font-family:'Cormorant Garamond',serif;font-size:18px;margin-bottom:6px}
.product-card-cat{font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.product-card-price{font-size:15px;color:var(--rose);font-weight:500}
.empty-state{padding:60px 0;text-align:center;color:var(--muted)}

/* PRODUCT DETAIL */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:64px}
@media(max-width:800px){.product-detail{grid-template-columns:1fr}}
.pd-img{aspect-ratio:3/4;border:1px solid var(--border)}
.pd-cat{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--rose);margin-bottom:12px}
.pd-name{font-size:clamp(28px,4vw,40px);margin-bottom:16px}
.pd-price{font-size:22px;color:var(--rose);margin-bottom:24px}
.pd-desc{color:var(--muted);line-height:1.8;margin-bottom:28px}
.size-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.size-btn{border:1px solid var(--border);background:transparent;min-width:44px;padding:10px;cursor:pointer;font-size:12px;transition:all .2s}
.size-btn.active{border-color:var(--rose);background:var(--rose);color:#fff}
.size-btn:disabled{opacity:0.35;text-decoration:line-through;cursor:not-allowed}

/* BUTTONS / FORMS */
.btn-primary{background:var(--rose);color:#fff;border:none;padding:15px 32px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.btn-primary:hover{background:var(--dark-rose)}
.btn-primary:disabled{opacity:0.5;cursor:not-allowed}
.btn-outline{border:1px solid var(--rose);color:var(--rose);background:transparent;padding:14px 32px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:all .2s}
.btn-outline:hover{background:var(--rose);color:#fff}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
input,select,textarea{width:100%;border:1px solid var(--border);background:#fff;padding:12px 14px;font-family:'Jost',sans-serif;font-size:14px;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--rose)}

/* CART */
.cart-row{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}
.cart-thumb{width:80px;aspect-ratio:3/4}
.cart-name{font-family:'Cormorant Garamond',serif;font-size:17px}
.cart-meta{font-size:12px;color:var(--muted);margin-top:4px}
.qty-input{width:60px;text-align:center}
.remove-link{font-size:11px;color:var(--err);cursor:pointer;text-decoration:underline;background:none;border:none}
.cart-summary{max-width:380px;margin-left:auto;margin-top:32px;border-top:2px solid var(--text);padding-top:20px}
.summary-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px;color:var(--muted)}
.summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:500;color:var(--text);margin-top:12px}

/* CONFIRMATION */
.confirm-box{max-width:560px;margin:0 auto;text-align:center;padding:48px 0}
.confirm-icon{font-size:52px;margin-bottom:16px}
.status-pill{display:inline-block;padding:6px 16px;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;border-radius:20px;margin:8px 0 24px}
.status-pill.SUCCESS{background:rgba(74,122,74,0.12);color:var(--ok)}
.status-pill.PENDING{background:rgba(196,133,106,0.15);color:var(--rose)}
.status-pill.FAILED,.status-pill.CANCELLED{background:rgba(179,67,45,0.12);color:var(--err)}
.order-lines{text-align:left;border-top:1px solid var(--border);margin-top:24px;padding-top:16px}

/* TOAST */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(120%);background:var(--deep);color:#fff;padding:14px 26px;font-size:13px;transition:transform .3s;z-index:2000}
.toast.show{transform:translateX(-50%) translateY(0)}