/* درباران — «آستانه»: گرافیتی، بلوط، برنج؛ Rubik برای تیتر، وزیرمتن برای متن (Reem Kufi «ی»ِ فارسی ندارد) */
@font-face{font-family:RubikD;font-weight:600;font-display:swap;src:url(/a/fonts/rubik-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:RubikD;font-weight:700 900;font-display:swap;src:url(/a/fonts/rubik-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:RubikD;font-weight:600 900;font-display:swap;src:url(/a/fonts/rubik-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Vazir;font-weight:400;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Vazir;font-weight:400;font-display:swap;src:url(/a/fonts/vazirmatn-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Vazir;font-weight:600 800;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}

:root{--bg:#f0f1f3;--surface:#fff;--ink:#1d232b;--muted:#5f6873;--line:#dfe3e8;--brand:#232a33;--brand-ink:#fff;--accent:#b07a45;
--oak:#b07a45;--oak-d:#8a5a2e;--brass:#c8a46a;--graphite:#232a33;--radius:10px;--radius-sm:8px;
--shadow:0 1px 2px rgb(35 42 51/.06),0 18px 40px rgb(35 42 51/.12);--font-body:Vazir,Tahoma,sans-serif;--font-display:RubikD,Vazir,sans-serif;
--ft-bg:#1a1f26;--ft-ink:#e6e8ec}
body{line-height:1.9}
h1,h2,h3,.sec__title{font-weight:800;letter-spacing:-.3px}
.hd{background:color-mix(in srgb,#fff 92%,transparent)}
.brand svg{width:44px;height:44px}
.brand__text b{font-size:22px;font-weight:700}
.brand__text small{color:var(--oak-d)}
.hd__call{background:var(--graphite);color:#fff;border-radius:8px}
.nav a{border-radius:8px}
.nav a:hover,.nav a[aria-current=page]{background:#f3ebe2;color:var(--oak-d)}
.btn{border-radius:8px}
.btn--brand{background:var(--graphite);color:#fff}
.btn--oak{background:var(--oak);color:#fff}
.btn--oak:hover{background:var(--oak-d)}
.card{border-radius:10px}
.card__img--art{background:#eceef1}
.card__price{color:var(--oak-d)}
.pd__price{background:#faf5ef;border:1px solid #ead9c4}
.pd__price b{color:var(--graphite)}
.pd__coll{color:var(--oak-d)}
.ft{background:linear-gradient(90deg,rgb(176 122 69/.10),transparent 40%),var(--ft-bg)}
.ft .brand__text b{color:#fff}

/* ---------- home ---------- */
.d-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#eef0f3)}
.d-hero__in{display:grid;gap:30px;align-items:center;padding-block:clamp(34px,6vw,80px) clamp(30px,5vw,64px)}
@media (min-width:940px){.d-hero__in{grid-template-columns:1.1fr .9fr;gap:40px}}
.d-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--oak-d);font-weight:600}
.d-eyebrow::before{content:"";width:28px;height:2px;background:var(--oak)}
.d-hero h1{font-size:clamp(34px,6vw,64px);line-height:1.35;margin:14px 0 10px;color:var(--graphite)}
.d-hero h1 em{font-style:normal;color:var(--oak)}
.d-hero p{color:var(--muted);max-width:540px}
.d-search{display:flex;gap:6px;margin-top:22px;max-width:560px;padding:6px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.d-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:10px 14px}
.d-search .btn{min-height:48px}
.d-pop{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.d-pop a{text-decoration:none;font-size:13.5px;padding:6px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);min-height:36px;display:inline-flex;align-items:center}
.d-pop a:hover{border-color:var(--oak);color:var(--oak-d)}

/* the door that opens */
.d-door{position:relative;width:min(300px,62vw);aspect-ratio:1/1.75;margin-inline:auto;perspective:1100px}
.d-door__light{position:absolute;inset:4% 6% 0;background:radial-gradient(120% 80% at 50% 40%,#fff6e3,#f2c98b 55%,#c9893f);box-shadow:0 0 80px rgb(242 201 139/.6)}
.d-door__frame{position:absolute;inset:0;border:14px solid var(--graphite);border-bottom:0;border-radius:4px 4px 0 0;pointer-events:none;z-index:2}
.d-door__leaf{position:absolute;inset:4% 6% 0;transform-origin:100% 50%;background:linear-gradient(90deg,#9a6537,#b07a45 40%,#c08a55 60%,#9a6537);border-radius:2px;box-shadow:inset 0 0 0 3px rgb(0 0 0/.12);animation:open 1.6s .4s cubic-bezier(.3,.1,.2,1) both;z-index:1;display:grid;grid-template-rows:1fr 1fr;gap:8%;padding:12% 14%}
.d-door__leaf i{display:block;border-radius:2px;box-shadow:inset 2px 2px 0 rgb(0 0 0/.18),inset -2px -2px 0 rgb(255 255 255/.15)}
.d-door__leaf b{position:absolute;left:12%;top:52%;width:9%;height:4%;border-radius:4px;background:linear-gradient(#e9d3a3,#b99052);box-shadow:0 2px 4px rgb(0 0 0/.3)}
.d-door:hover .d-door__leaf{transform:rotateY(-38deg)}
.d-door__floor{position:absolute;inset:auto -14% -10px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgb(35 42 51/.25),transparent)}
@keyframes open{from{transform:rotateY(0)}to{transform:rotateY(-28deg)}}
@media (prefers-reduced-motion:reduce){.d-door__leaf{animation:none;transform:rotateY(-20deg)}}

/* door types */
.d-hd{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.d-hd h2{font-size:clamp(24px,3.2vw,34px)}
.d-hd p{color:var(--muted)}
.d-types{display:grid;gap:14px}
@media (min-width:900px){.d-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
.d-type{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:12px;background:#fff;border:1px solid var(--line);overflow:hidden}
.d-type::after{content:"";position:absolute;inset:0 0 0 auto;width:5px;background:var(--oak)}
.d-type__ic{width:60px;height:60px;border-radius:12px;display:grid;place-items:center;background:var(--graphite);color:var(--brass)}
.d-type h3{font-size:22px}
.d-type p{color:var(--muted);font-size:14px}
.d-type__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.d-type__links a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:var(--bg);text-decoration:none;font-weight:600;font-size:14px;min-height:40px}
.d-type__links a small{color:var(--muted);font-weight:400}
.d-type__links a:hover{background:#f3ebe2;color:var(--oak-d)}

/* model codes */
.d-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.d-models{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1100px){.d-models{grid-template-columns:repeat(6,minmax(0,1fr))}}
.d-model{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;padding:14px;border-radius:8px;background:linear-gradient(160deg,#2b333e,#1a1f26);color:#e6e8ec;text-decoration:none;overflow:hidden}
.d-model::before{content:"";position:absolute;inset:10px;border:1px solid rgb(200 164 106/.35);border-radius:4px}
.d-model::after{content:"";position:absolute;left:22px;top:52%;width:6px;height:22px;border-radius:3px;background:var(--brass)}
.d-model b{position:relative;font-family:var(--font-display);font-size:clamp(20px,2.4vw,26px);color:#fff;direction:ltr;text-align:left;margin:6px 8px 0}
.d-model small{position:relative;color:#b9c0c9;font-size:12.5px;margin:0 8px 6px}
.d-model span{position:relative;color:var(--brass);font-weight:700;font-size:13px;margin:0 8px 8px}
.d-model:hover{outline:2px solid var(--brass)}

.d-steps{display:grid;gap:12px}
@media (min-width:760px){.d-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.d-step{padding:18px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.d-step i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--oak);color:#fff;font-style:normal;font-weight:700;margin-bottom:8px}
.d-step b{display:block}
.d-step small{color:var(--muted)}

.d-contact{display:grid;gap:20px;align-items:center;padding:clamp(22px,4vw,40px);border-radius:14px;background:var(--graphite);color:#e6e8ec}
@media (min-width:860px){.d-contact{grid-template-columns:1.4fr 1fr}}
.d-contact h2{color:#fff;font-size:clamp(24px,3.2vw,34px)}
.d-contact p{color:#b9c0c9}
.d-contact__cta{display:grid;gap:10px}
.d-contact .btn--ghost{color:#fff}
.d-faq details{border-bottom:1px solid var(--line);padding:12px 0}
.d-faq summary{cursor:pointer;font-weight:600;min-height:48px;display:flex;align-items:center}
.d-faq p{color:var(--muted)}