/* استایل‌های قالب کافه */
:root{--g:#10271e;--g2:#214c36;--gold:#c6a66b;--cream:#f7f4ed;--ink:#203027;--muted:#7d887e;--line:#e8e5dc;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fffdf8;color:var(--ink);font-family:Vazirmatn,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.announcement{background:#0b1e16;color:#e2ddcf;display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-size:12px}.dot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px #c6a66b20}.sep,.credit b{color:#e8d2a1}.site-header{height:82px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffdf8ed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10;border-bottom:1px solid #10271e0d}.brand{display:flex;align-items:center;gap:10px}.brandmark{width:44px;height:44px;display:grid;place-items:center;background:var(--g);color:#e8d2a1;border-radius:14px;transition:.35s}.brand:hover .brandmark{transform:rotate(-8deg) translateY(-3px);background:var(--g2)}.brandname{display:flex;flex-direction:column;line-height:1.3}.brandname strong{font-size:22px}.brandname small{font:9px Arial;letter-spacing:1.5px;color:#879087}.nav{display:flex;gap:25px}.nav a{font-size:12px;color:#70796f;position:relative;transition:.3s}.nav a:after{content:"";position:absolute;right:0;bottom:-7px;width:0;height:2px;background:var(--gold);transition:.3s}.nav a:hover{color:var(--g)}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border:0;border-radius:11px;background:var(--g);color:white;font-size:12px;font-weight:600;transition:transform .35s var(--ease),background .35s,color .35s,box-shadow .35s}.btn:hover{background:var(--gold);color:#17271d;transform:translateY(-3px);box-shadow:0 12px 25px #c6a66b42}.btn svg{width:16px;transition:transform .35s}.btn:hover svg{transform:translateX(-4px)}.mobile{display:none;background:var(--g);color:white;border:0;border-radius:9px;padding:10px}.hero{padding:75px 9% 80px;min-height:610px;display:grid;grid-template-columns:1fr .9fr;gap:7%;align-items:center;background:radial-gradient(ellipse at 80% 40%,#d8c69c30,transparent 38%),var(--cream);position:relative;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;color:#7d866f;font-weight:600}.eyebrow span{width:24px;height:1px;background:var(--gold)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(42px,5vw,67px);line-height:1.35;letter-spacing:-2px;color:var(--g);margin:18px 0;font-weight:800}.hero em,h2 em,.quote em{font-style:normal;color:#b29253}.lead{max-width:470px;font-size:13px;color:#737d73;line-height:2.3}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn.outline{background:transparent;border:1px solid #dcd9ce;color:var(--g)}.btn.outline:hover{background:#fff;border-color:var(--gold)}.socialproof{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:11px}.avatars{display:flex}.avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d8c49a;border:2px solid var(--cream);margin-left:-6px}.avatars span:nth-child(2){background:#b4c0a6}.avatars span:nth-child(3){background:#a87554;color:white}.socialproof small{display:block;color:#8b9288}.rating{margin-right:auto;color:#b29253}.visual{position:relative;max-width:465px;justify-self:center;width:100%}.heroimg{height:440px;width:100%;object-fit:cover;border-radius:48% 48% 20px 20px;box-shadow:0 28px 60px #173a2b2e;transform:rotate(1.5deg);transition:transform 1s var(--ease)}.visual:hover .heroimg{transform:rotate(0) scale(1.025)}.photolabel{position:absolute;bottom:20px;right:20px;left:20px;color:#fff;display:flex;align-items:center;gap:12px;background:linear-gradient(transparent,#07150ecf);padding:40px 12px 12px;border-radius:12px}.photolabel strong,.photolabel small{display:block}.photolabel small{font-size:10px;color:#e0dfd5}.photolabel b{margin-right:auto;color:#f3d89e;font-size:12px}.floatnote{position:absolute;top:65px;right:-28px;background:white;border-radius:13px;padding:12px 16px;box-shadow:0 15px 40px #10271e18;font-size:11px;animation:float 5s ease-in-out infinite}.floatnote svg{color:var(--gold);vertical-align:middle;margin-left:7px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px 8%;border-bottom:1px solid var(--line)}.benefit{display:flex;align-items:center;justify-content:center;gap:11px}.benefiticon{width:42px;height:42px;border-radius:13px;background:#f0eee4;color:var(--g2);display:grid;place-items:center;transition:.3s}.benefit:hover .benefiticon{background:#e8d9b6;transform:translateY(-3px) rotate(-4deg)}.benefit strong,.benefit small{display:block}.benefit strong{font-size:12px}.benefit small{font-size:10px;color:#92988e}.section{padding:85px 9%}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}.heading h2,.contact h2{font-size:clamp(32px,4vw,46px);line-height:1.4;color:var(--g);margin:8px 0 0}.heading p{font-size:12px;line-height:2.1;color:#858c82}.tools{display:flex;gap:12px;margin-bottom:18px}.search,.sort{height:50px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.25s}.search{flex:1}.search:focus-within,.sort:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px #c6a66b1c}.search input{flex:1;min-width:0;border:0;outline:0;font-size:11px;background:transparent}.search svg,.sort svg{width:17px;color:#8b9389}.sort select{border:0;outline:0;background:transparent;font-size:11px;color:#4d594f}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:transparent;border-radius:10px;padding:10px 14px;font-size:11px;color:#70796f;transition:all .3s var(--ease)}.chip svg{width:15px}.chip:hover{transform:translateY(-2px);border-color:#b8a274;box-shadow:0 7px 16px #10271e0d}.chip.active{background:var(--g);border-color:var(--g);color:white;box-shadow:0 8px 18px #10271e22}.meta{display:flex;justify-content:space-between;color:#9aa096;font-size:10px;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{border:1px solid #efede6;background:#fff;border-radius:16px;overflow:hidden;animation:cardIn .5s both;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}.card:hover{transform:translateY(-7px);box-shadow:0 19px 35px #10271e1a;border-color:#e1d4b8}.productimg{height:185px;position:relative;overflow:hidden;background:#eee}.productimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.card:hover .productimg img{transform:scale(1.08)}.badge{position:absolute;top:10px;right:10px;padding:5px 8px;background:#fffdf8ed;border-radius:7px;font-size:9px;color:var(--g)}.fav{position:absolute;top:9px;left:9px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:10px;background:#fffdf8e8;color:#677067;transition:.3s}.fav svg{width:15px}.fav:hover,.fav.on{background:var(--g);color:#f3d89e;transform:scale(1.06)}.pc{padding:14px}.ptitle{display:flex;justify-content:space-between;align-items:center;gap:6px}.ptitle h3{font-size:13px;margin:0;color:var(--g)}.stars{font:10px Arial;color:#ad8d4d;white-space:nowrap}.desc{font-size:10px;color:#92988e;line-height:1.9;min-height:38px;margin:7px 0 12px}.pfoot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0eee7;padding-top:10px}.price strong,.price small{display:block}.price strong{font-size:12px;color:var(--g)}.price small{font-size:9px;color:#a1a69c}.add{width:34px;height:34px;border:0;border-radius:10px;background:#eff2ec;color:var(--g);display:grid;place-items:center;transition:.3s}.add:hover{background:var(--g);color:#f3d89e;transform:rotate(90deg)}.empty{text-align:center;padding:40px;color:var(--muted)}.feature{background:var(--g);color:#fff;display:grid;grid-template-columns:1fr .85fr;gap:8%;align-items:center;overflow:hidden;position:relative}.feature h2{font-size:clamp(32px,4vw,48px);line-height:1.55;margin:18px 0;color:white}.feature h2 em{color:#e8d2a1}.feature p{font-size:12px;line-height:2.3;color:#c0c9bd;max-width:440px}.feature .btn{background:var(--gold);color:var(--g);margin-top:12px}.feature .btn:hover{background:#f0ddb1}.featureimg{height:325px;position:relative}.featureimg img{width:100%;height:100%;object-fit:cover;border-radius:18px;transition:.8s}.featureimg:hover img{transform:scale(1.025)}.stamp{position:absolute;bottom:-15px;left:-15px;background:var(--gold);color:var(--g);width:90px;height:90px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.5;transform:rotate(-8deg)}.quote{text-align:center;background:#f8f5ed;padding-top:65px;padding-bottom:65px}.quote .mark{font:90px Georgia;color:#d9c69e;line-height:.8}.quote p{font-size:clamp(21px,3vw,34px);line-height:1.9;font-weight:600;color:var(--g);margin:12px 0}.quote small{color:#8c9388}.contact{background:#fff}.contactcard{display:grid;grid-template-columns:1fr .85fr;gap:7%;align-items:center;background:#f8f6f0;border-radius:22px;padding:42px 5%;overflow:hidden}.contact p{font-size:12px;line-height:2.2;color:#838b80}.details{display:grid;gap:14px;margin:22px 0}.details>div{display:flex;align-items:center;gap:12px}.details i{width:40px;height:40px;border-radius:12px;background:#e9ecdf;color:var(--g);display:grid;place-items:center}.details small,.details strong{display:block}.details small{font-size:10px;color:#959b91}.details strong{font-size:11px;color:var(--g)}.contactimg{height:360px;position:relative}.contactimg img{width:100%;height:100%;object-fit:cover;border-radius:17px;transition:.8s}.contactimg:hover img{transform:scale(1.04)}.openbadge{position:absolute;bottom:14px;right:14px;left:14px;padding:12px;background:#fffdf8ed;border-radius:11px;font-size:11px}.footer{background:#0b1e16;color:white;padding:32px 9% 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer p{text-align:center;font-size:11px;color:#aab5a8;margin:0}.social{display:flex;justify-content:flex-end;gap:8px}.social a{width:35px;height:35px;border:1px solid #2c4738;border-radius:10px;display:grid;place-items:center;color:#d4c49f;transition:.3s}.social a:hover{background:var(--gold);color:var(--g);transform:translateY(-3px)}.footbottom{grid-column:1/-1;border-top:1px solid #263c30;margin-top:10px;padding:17px 0;display:flex;justify-content:space-between;font-size:10px;color:#879589}.footbottom b{color:#e8d2a1}.top{position:fixed;bottom:20px;left:20px;width:42px;height:42px;border:0;border-radius:12px;background:var(--g);color:#e8d2a1;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s;z-index:9}.top.show{opacity:1;pointer-events:auto;transform:none}.top:hover{background:var(--gold);color:var(--g);transform:translateY(-3px)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.seen{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-8px)}}@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1050px){.nav{gap:13px}.hero{padding-left:6%;padding-right:6%}.section{padding-left:6%;padding-right:6%}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.site-header{height:72px}.nav{display:none;position:absolute;top:72px;right:0;left:0;background:#fffdf8;padding:16px 6%;box-shadow:0 15px 25px #10271e12;flex-direction:column}.nav.open{display:flex}.mobile{display:grid;place-items:center}.headerbtn{margin-right:auto}.hero{grid-template-columns:1fr 1fr;gap:5%;padding-top:50px}.heroimg{height:350px}.benefits{grid-template-columns:repeat(2,1fr)}.benefit{justify-content:flex-start}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{gap:5%}.featureimg{height:275px}.contactcard{gap:5%;padding:30px}.contactimg{height:300px}}@media(max-width:580px){.announcement{font-size:10px;gap:7px;flex-wrap:wrap}.site-header{padding:0 5%;gap:10px}.brandmark{width:39px;height:39px}.brandname strong{font-size:20px}.headerbtn{font-size:10px;padding:11px}.hero{grid-template-columns:1fr;padding:42px 7% 58px;gap:35px}.hero h1{font-size:43px}.lead{font-size:12px}.visual{width:87%;max-width:360px}.heroimg{height:330px}.floatnote{right:-22px;top:45px}.section{padding:58px 6%}.heading{align-items:flex-start;flex-direction:column;gap:7px}.heading p{margin:0}.tools{flex-direction:column}.search,.sort{height:47px}.sort select{flex:1}.chips{gap:7px}.chip{padding:9px 10px;font-size:10px}.grid{gap:10px}.productimg{height:150px}.pc{padding:11px 9px}.ptitle h3{font-size:11px}.desc{font-size:9px;min-height:38px}.price strong{font-size:10px}.add{width:30px;height:30px}.feature{grid-template-columns:1fr;gap:30px}.feature h2{font-size:34px}.featureimg{height:245px;width:90%;margin-right:4%}.stamp{width:80px;height:80px}.quote p{font-size:21px}.contactcard{grid-template-columns:1fr;padding:25px 20px;gap:25px}.contactimg{height:260px}.footer{grid-template-columns:1fr 1fr;padding:28px 6% 0}.footer p{grid-column:1/-1;grid-row:2;text-align:right}.social{grid-column:2;grid-row:1}.footbottom{flex-direction:column;gap:6px}.top{bottom:13px;left:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}