:root{--bg: #0b0a09;--panel: #141210;--panel-2: #1a1714;--ivory: #ece5d4;--ivory-dim: #b8ae99;--gold: #c9a227;--gold-light: #f3dd9a;--line: rgba(201, 162, 39, .22)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ivory);font-family:Jost,sans-serif}.youniq-root{min-height:100vh;position:relative}.site-header{position:sticky;top:0;z-index:40;background:#0b0a09e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px}.brand{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0}.brand-logo{display:block;width:100px;object-fit:cover;border-radius:50%}.search-box{flex:1;max-width:320px;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--ivory-dim)}.search-box input{background:none;border:none;outline:none;color:var(--ivory);font-family:Jost;font-size:13.5px;width:100%}.search-box input::placeholder{color:var(--ivory-dim)}.bag-btn{position:relative;background:none;border:1px solid var(--line);border-radius:999px;color:var(--gold-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bag-btn:hover{background:var(--panel)}.bag-count{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#201803;font-size:10.5px;font-weight:600;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px}.site-main{max-width:1180px;margin:0 auto;padding:0 20px 60px}.hero{text-align:center;padding:72px 12px 40px;position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(201,162,39,.1),transparent 60%)}.hero-eyebrow{font-size:11.5px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin:0 0 18px}.hero-title{font-family:Playfair Display,serif;font-weight:600;font-size:52px;line-height:1.12;margin:0;color:var(--ivory)}.hero-script{font-family:Cormorant Garamond,serif;font-style:italic;font-size:26px;color:var(--gold-light);margin:18px 0 30px}.hero-cta{display:inline-block;border:1px solid var(--gold);color:var(--gold-light);text-decoration:none;padding:12px 30px;border-radius:999px;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;transition:all .25s ease}.hero-cta:hover{background:var(--gold);color:#14110a}.chip-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:10px 0 36px}.chip{background:var(--panel);border:1px solid var(--line);color:var(--ivory-dim);padding:8px 18px;border-radius:999px;font-size:12.5px;letter-spacing:.6px;cursor:pointer;transition:all .2s ease}.chip:hover{color:var(--ivory);border-color:var(--gold)}.chip-active{background:var(--gold);color:#17130a;border-color:var(--gold);font-weight:500}.empty-state{text-align:center;color:var(--ivory-dim);padding:60px 0;font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media (max-width: 980px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.grid{grid-template-columns:repeat(2,1fr);gap:14px}.hero-title{font-size:36px}}@media (max-width: 460px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;padding:0;color:inherit;font-family:inherit;display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;position:relative}.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 14px 34px -14px #0009}.card-art{position:relative;background:radial-gradient(circle at 30% 20%,rgba(201,162,39,.14),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 26px),#100e0c;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{display:block;width:266px;height:438px;object-fit:cover}.card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:translate(-120%);transition:transform .7s ease}.card:hover .card-art:after{transform:translate(120%)}.pill-new{position:absolute;top:10px;left:10px;z-index:2;background:#0b0a09bf;border:1px solid var(--gold);color:var(--gold-light);font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;padding:4px 9px;border-radius:999px}.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:4px}.card-cat{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0}.card-name{font-family:Playfair Display,serif;font-size:17px;margin:2px 0 0;color:var(--ivory);line-height:1.25}.card-tagline{font-family:Cormorant Garamond,serif;font-style:italic;font-size:13.5px;color:var(--ivory-dim);margin:4px 0 10px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.price{font-size:15px;color:var(--gold-light);font-weight:500}.view-link{font-size:11px;color:var(--ivory-dim);letter-spacing:.4px}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}.badge{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ivory-dim);border:1px solid var(--line);padding:6px 10px;border-radius:999px}.badge svg{color:var(--gold)}.detail{padding-top:30px}.back-link{background:none;border:none;color:var(--ivory-dim);display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;margin-bottom:26px;padding:0}.back-link:hover{color:var(--gold-light)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}@media (max-width: 800px){.detail-grid{grid-template-columns:1fr;gap:26px}}.detail-art{position:relative;aspect-ratio:1 / 1;border-radius:18px;padding:30px;background:radial-gradient(circle at 30% 20%,rgba(201,162,39,.16),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 2px,transparent 2px 26px),#100e0c;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.detail-product-image{display:block;width:100%;height:100%;object-fit:contain}.detail-name{font-family:Playfair Display,serif;font-size:32px;margin:4px 0 6px;color:var(--ivory)}.detail-script{font-family:Cormorant Garamond,serif;font-style:italic;font-size:18px;color:var(--gold-light);margin:0 0 14px}.detail-price{font-size:22px;color:var(--gold-light);margin:0 0 18px}.detail-desc{font-size:14.5px;line-height:1.7;color:var(--ivory-dim);margin:0 0 6px;max-width:480px}.qty-row{display:flex;align-items:center;gap:16px;margin:26px 0 18px}.qty-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ivory-dim)}.qty-control{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:999px;padding:6px 14px}.qty-control button{background:none;border:none;color:var(--gold-light);cursor:pointer;display:flex}.qty-control span{min-width:16px;text-align:center;font-size:14px}.add-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,var(--gold-light),var(--gold));color:#17130a;border:none;padding:14px 24px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.4px;cursor:pointer;width:100%;max-width:340px;transition:transform .2s ease,filter .2s ease}.add-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.add-btn.added{background:#2c5b3c;color:#eaf3ec}.detail-note{font-size:11.5px;color:var(--ivory-dim);margin-top:16px}.related{margin-top:70px;border-top:1px solid var(--line);padding-top:34px}.related h4{font-family:Playfair Display,serif;font-size:20px;color:var(--ivory);margin:0 0 18px}.related-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 700px){.related-row{grid-template-columns:repeat(2,1fr)}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;pointer-events:none;z-index:60;transition:background .3s ease}.drawer-overlay.open{background:#0000008c;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:360px;max-width:92vw;background:var(--panel-2);border-left:1px solid var(--line);transform:translate(100%);transition:transform .35s ease;z-index:61;display:flex;flex-direction:column;padding:22px}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-head h4{font-family:Playfair Display,serif;font-size:19px;margin:0;color:var(--ivory)}.drawer-head button{background:none;border:none;color:var(--ivory-dim);cursor:pointer}.drawer-empty{color:var(--ivory-dim);font-size:13.5px;line-height:1.6}.drawer-items{display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.drawer-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.drawer-thumb{width:48px;height:48px;border-radius:8px;background:#100e0c;flex-shrink:0;overflow:hidden}.drawer-thumb img{display:block;width:100%;height:100%;object-fit:cover}.drawer-item-info{flex:1;min-width:0}.drawer-item-name{font-size:13px;color:var(--ivory);margin:0}.drawer-item-meta{font-size:11.5px;color:var(--ivory-dim);margin:2px 0 0}.drawer-remove{background:none;border:none;color:var(--ivory-dim);cursor:pointer}.drawer-total{display:flex;justify-content:space-between;font-size:15px;color:var(--ivory);padding:16px 0;border-top:1px solid var(--line);margin-top:6px}.checkout-btn{background:linear-gradient(120deg,var(--gold-light),var(--gold));border:none;color:#17130a;padding:13px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}.site-footer{text-align:center;padding:46px 20px 56px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:10px}.footer-logo-button{padding:0;border:0;background:none;cursor:pointer}.footer-logo{display:block;width:100px;object-fit:cover;border-radius:50%}.footer-line{font-family:Cormorant Garamond,serif;font-style:italic;font-size:17px;color:var(--gold-light);margin:0}.footer-copy{font-size:11px;letter-spacing:.6px;color:var(--ivory-dim);margin:0}
