:root{--ivory:#FAF7F2;--ink:#1C1C1C;--gold:#B8975A;--gold2:#D9C08C;--taupe:#E6DED2}
*{font-family:'Vazirmatn',sans-serif}
body{background:var(--ivory);color:var(--ink);margin:0}
.logo{font-family:'Lalezar','Vazirmatn',serif;letter-spacing:.05em}
.gold{color:var(--gold)}
.bg-gold{background:var(--gold)}
.border-gold{border-color:var(--gold)}
.hair{border-color:var(--taupe)}
.fade-up{animation:fu .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.shimmer{background:linear-gradient(90deg,#efe8dc 0%,#f8f1e3 40%,#efe8dc 80%);background-size:200% 100%;animation:sh 1.4s infinite}
@keyframes sh{to{background-position:-200% 0}}
.card .img2{opacity:0;transition:opacity .6s}
.card:hover .img2{opacity:1}
.card .quick{transform:translateY(100%);transition:transform .35s}
.card:hover .quick{transform:none}
@media (hover:none){.card .quick{transform:none}}
.btn-gold{background:var(--ink);color:#f5e9cf;border:1px solid var(--gold);transition:.3s}
.btn-gold:hover{background:var(--gold);color:#fff}
.btn-out{border:1px solid var(--gold);color:var(--gold);transition:.3s}
.btn-out:hover{background:var(--gold);color:#fff}
.pattern{background-image:radial-gradient(circle at 1px 1px,rgba(184,151,90,.18) 1px,transparent 0);background-size:22px 22px}
input,select,textarea{outline:none}
.inp{border:1px solid var(--taupe);background:#fff;padding:.6rem .8rem;width:100%;border-radius:2px}
.inp:focus{border-color:var(--gold)}
.drawer{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.confetti{position:fixed;top:-10px;width:8px;height:14px;animation:fall linear forwards;z-index:100}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
.zoom{background-repeat:no-repeat}
::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:var(--gold2)}