*{box-sizing:border-box}
:root{--ink:#161616;--soft:#6d6d6d;--paper:#f7f7f5}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:Vazirmatn,system-ui,sans-serif;overflow:hidden}
.marble{position:fixed;inset:-12%;z-index:0;background:
radial-gradient(ellipse at 18% 12%,rgba(255,255,255,.98) 0 12%,transparent 34%),
radial-gradient(ellipse at 78% 30%,rgba(255,255,255,.92) 0 11%,transparent 31%),
radial-gradient(ellipse at 38% 82%,rgba(255,255,255,.95) 0 14%,transparent 34%),
linear-gradient(120deg,#fff 0%,#f3f4f3 28%,#fff 50%,#eef0ef 72%,#fff 100%);
filter:contrast(1.03)}
.marble:before,.marble:after{content:"";position:absolute;inset:-10%;background-repeat:no-repeat;pointer-events:none}
.marble:before{background-image:
linear-gradient(143deg,transparent 18%,rgba(95,102,106,.32) 18.15%,rgba(255,255,255,.1) 18.6%,transparent 19.1%),
linear-gradient(155deg,transparent 38%,rgba(100,107,111,.25) 38.15%,rgba(255,255,255,.2) 38.8%,transparent 39.35%),
linear-gradient(133deg,transparent 66%,rgba(90,98,102,.30) 66.2%,rgba(255,255,255,.2) 67%,transparent 67.6%),
linear-gradient(166deg,transparent 82%,rgba(95,102,106,.23) 82.2%,transparent 82.8%);
filter:blur(3px);transform:scale(1.08);animation:drift 22s ease-in-out infinite alternate}
.marble:after{background-image:
linear-gradient(118deg,transparent 8%,rgba(125,131,134,.19) 8.2%,transparent 8.7%),
linear-gradient(145deg,transparent 53%,rgba(105,112,115,.18) 53.15%,transparent 53.8%),
linear-gradient(110deg,transparent 91%,rgba(110,117,120,.20) 91.2%,transparent 91.8%);
filter:blur(7px);opacity:.95;animation:drift2 29s ease-in-out infinite alternate}
.grain{position:fixed;inset:0;z-index:1;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.hero{position:relative;z-index:2;min-height:100svh;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:42px 28px 28px;text-align:center}
.brand-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
.brand{font-family:"Playfair Display",serif;font-size:clamp(30px,9vw,58px);letter-spacing:.22em;direction:ltr;display:inline-block;animation:brandFloat 4s ease-in-out infinite;will-change:transform;text-shadow:0 2px 20px rgba(0,0,0,.06)}
.line{height:1px;width:52px;background:#171717;opacity:.65;animation:linePulse 3.5s ease-in-out infinite}
.content{display:flex;flex-direction:column;align-items:center;transform:translateY(-3vh)}
.eyebrow{font-size:10px;letter-spacing:.35em;direction:ltr;color:var(--soft);margin-bottom:18px}
h1{font-family:"Playfair Display",serif;font-size:clamp(62px,18vw,110px);line-height:.82;letter-spacing:.06em;margin:0;direction:ltr;font-weight:500}
h1 em{font-style:italic;font-size:.78em;letter-spacing:.09em}
.fa{font-size:13px;color:#555;margin:25px 0 28px;letter-spacing:.02em}
.instagram{direction:ltr;display:flex;align-items:center;gap:17px;color:#111;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.45);padding:0 2px 8px;font-size:13px;transition:.3s ease}
.instagram:hover{gap:23px;border-color:#111}
.arrow{font-size:18px;line-height:1}
.footer{font-family:"Playfair Display",serif;direction:ltr;font-size:9px;letter-spacing:.42em;color:#777}
@keyframes drift{from{transform:scale(1.08) translate3d(-1.5%,-1%,0)}to{transform:scale(1.12) translate3d(2%,1.5%,0)}}
@keyframes drift2{from{transform:translate3d(2%,1%,0) rotate(-1deg)}to{transform:translate3d(-2%,-1%,0) rotate(1deg)}}
@keyframes brandFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.012)}}
@keyframes linePulse{0%,100%{width:52px;opacity:.45}50%{width:72px;opacity:.85}}
@media(min-width:700px){.hero{padding:56px 70px 38px}.content{transform:translateY(-4vh)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.products{width:min(100%,760px);margin:0 auto 8px;direction:rtl;max-height:30svh;overflow:auto;scrollbar-width:none}
.products::-webkit-scrollbar{display:none}
.products-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 9px;border-bottom:1px solid rgba(0,0,0,.18);font-size:8px;color:#666;letter-spacing:.16em;direction:ltr}
.products-status{letter-spacing:0;font-family:Vazirmatn,system-ui,sans-serif;direction:rtl}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding-top:10px}
.product-card{display:flex;gap:12px;align-items:center;text-align:right;padding:10px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.34);backdrop-filter:blur(5px);border-radius:12px;min-height:82px}
.product-image{width:58px;height:70px;flex:0 0 58px;border-radius:8px;object-fit:cover;background:linear-gradient(145deg,#e8e8e6,#fafaf8);border:1px solid rgba(0,0,0,.08)}
.product-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.product-name{font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-description{font-size:9px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-price{font-family:"Playfair Display",serif;direction:ltr;font-size:11px;color:#222}
.product-empty{font-size:10px;color:#777;padding:12px 0}
@media(max-width:699px){.products{max-height:24svh}.product-grid{grid-template-columns:1fr}.product-card{min-height:72px}.product-image{width:48px;height:58px;flex-basis:48px}}
.product-card{appearance:none;width:100%;font:inherit;color:inherit;cursor:pointer;transition:transform .25s ease,background .25s ease;direction:rtl}.product-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.65)}.product-open{font-size:8px;color:#777;direction:rtl}.detail-page{position:fixed;inset:0;z-index:20;overflow:auto;background:rgba(248,248,246,.97);backdrop-filter:blur(18px);padding:24px 20px 40px;direction:rtl}.detail-top{max-width:900px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:center;direction:ltr}.back-btn,.cart-btn{border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.7);padding:10px 14px;border-radius:999px;cursor:pointer;font:inherit;font-size:12px}.cart-btn{direction:rtl}.cart-btn b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#111;color:#fff;font-size:10px;margin-right:5px}.detail-card{max-width:900px;margin:auto;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.12);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 20px 70px rgba(0,0,0,.08)}.detail-media{min-height:420px;background:#eee;display:flex;align-items:center;justify-content:center}.detail-media img{width:100%;height:100%;max-height:620px;object-fit:cover}.no-image{font-family:"Playfair Display",serif;font-size:48px;letter-spacing:.16em;color:#aaa}.detail-info{padding:38px 32px}.detail-kicker{font-size:9px;letter-spacing:.2em;color:#777;direction:ltr}.detail-info h2{font-family:"Playfair Display",serif;font-size:36px;font-weight:500;margin:12px 0 5px}.detail-price{font-family:"Playfair Display",serif;font-size:20px;direction:ltr;text-align:right;margin-bottom:18px}.detail-info p{color:#555;font-size:13px;line-height:2}.measure-title{margin-top:28px;font-weight:500}.measure-title small{display:block;font-weight:400;color:#888;font-size:9px;margin-top:4px}.measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.measure-grid label{position:relative;font-size:11px;color:#444}.measure-grid input{display:block;width:100%;margin-top:6px;padding:12px 38px 12px 12px;border:1px solid #ccc;border-radius:10px;background:#fff;font:inherit;font-size:15px;direction:ltr}.measure-grid input.invalid{border-color:#a33}.measure-grid label span{position:absolute;right:12px;bottom:13px;color:#999;font-size:10px;direction:ltr}.add-cart{width:100%;margin-top:18px;border:0;background:#111;color:#fff;border-radius:11px;padding:14px;cursor:pointer;font:inherit}.cart-note{font-size:9px;color:#888;text-align:center;margin-top:9px}.romea-toast{position:fixed;bottom:20px;left:20px;right:20px;z-index:100;max-width:500px;margin:auto;background:#111;color:#fff;padding:13px 16px;border-radius:12px;text-align:center;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.romea-toast.show{opacity:1;transform:none}.cart-panel{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.25);backdrop-filter:blur(5px);padding:20px;display:flex;justify-content:center;align-items:center;direction:rtl}.cart-inner{width:min(560px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.2);position:relative}.cart-close{position:absolute;left:18px;top:15px;border:0;background:none;font-size:26px;cursor:pointer}.cart-inner h2{font-family:"Playfair Display",serif;font-size:30px;font-weight:500}.cart-item{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eee;padding:14px 0;font-size:12px}.cart-item small{display:block;color:#777;margin-top:7px;line-height:1.8}.cart-item button{border:0;background:#f2f2f2;border-radius:8px;padding:7px 10px;cursor:pointer;height:max-content}.empty-cart{color:#777}.continue-btn{width:100%;border:0;background:#111;color:#fff;padding:13px;border-radius:10px;cursor:pointer;font:inherit}@media(max-width:700px){.detail-card{grid-template-columns:1fr}.detail-media{min-height:300px;max-height:52vh}.detail-info{padding:26px 20px}.detail-info h2{font-size:29px}.measure-grid{grid-template-columns:1fr 1fr}.hero{overflow:auto}.products{max-height:28svh}}
