/* eng3 — DECOART — طبق الأصل: هيرو مصمم + فلترة + خطوات */
body{background:#fdf9f3;color:#22312e;margin:0}
.container{width:min(1240px,100% - 2rem);margin-inline:auto}
.e3-header{background:#fdf9f3;position:sticky;top:0;z-index:100;border-bottom:1px solid #f0e6d2}
.header-in{display:flex;align-items:center;gap:.8rem;min-height:68px}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#22312e;flex:1}
.brand-mark{font-size:1.9rem;color:#0f3330}.brand-logo{height:42px;object-fit:contain}
.brand-txt b{display:block;font-size:1.05rem;letter-spacing:3px}.brand-txt small{font-size:.6rem;color:#8a7a55;letter-spacing:2px}
.main-links{display:flex;gap:.95rem}.main-links a{color:#3a4a47;text-decoration:none;font-size:.84rem;font-weight:700}.main-links a.active{color:#0f3330;border-bottom:2px solid #d4a94e}
.btn-book{background:#e8a91c;color:#fff;font-weight:800;text-decoration:none;padding:.6rem 1.2rem;border-radius:22px;font-size:.82rem;white-space:nowrap}
.burger{display:none;background:none;border:1.5px solid #0f3330;color:#0f3330;width:44px;height:44px;border-radius:12px;font-size:1.2rem;cursor:pointer}
.e3-hero{overflow:hidden;background:linear-gradient(180deg,#fdf9f3 60%,#fff 60%);position:relative}
.hero-grid{display:grid;grid-template-columns:420px 1fr;gap:1.4rem;align-items:center;padding:1.8rem 0;min-height:540px}
.hero-text h1{font-size:46px;line-height:1.3;margin:0;font-weight:900}.gold-w{color:#c9962e}
.hero-sub{color:#5f6f6c;font-size:14.5px;line-height:1.9}
.hero-btns{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.1rem 0;align-items:center}
.btn-gold{background:#f5b301;color:#3a2c00;font-weight:800;text-decoration:none;padding:.75rem 1.5rem;border-radius:14px}
.btn-play{color:#22312e;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.play-ic{width:38px;height:38px;border-radius:50%;background:#0f3330;color:#fff;display:grid;place-items:center;font-size:.75rem}
.hero-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.1rem;background:#fff;border:1px solid #f0e6d2;border-radius:14px;padding:.8rem}.feat{font-size:.76rem;color:#5b6b66;text-align:center}.feat-ic{color:#0f3330;font-size:1.3rem;display:block}.feat-ic svg{width:24px;height:24px}
.hero-media{position:relative}.hero-photo{width:100%;height:520px;object-fit:cover;border-radius:20px;display:block}
.hero-script{position:absolute;top:1.2rem;right:1.4rem;color:#fff;font-family:'Parisienne',cursive;font-size:1.9rem;text-shadow:0 2px 12px rgba(0,0,0,.45);text-align:right;line-height:1.2}
.serv-sec{padding:2rem 0;background:#fff}.serv-flex{display:grid;grid-template-columns:230px 1fr;gap:1.4rem;align-items:center}
.serv-side small{color:#b07a3f;font-weight:800}.serv-side h2{font-size:26px;color:#122e2e;margin:.2rem;font-weight:900;line-height:1.5}.ghost-link{display:inline-block;border:1.5px solid #d8cdb2;border-radius:20px;padding:.5rem 1.1rem;font-size:.8rem;color:#5b6b66;text-decoration:none;margin-top:.6rem}
.svc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}
.svc-card{background:#fffdf7;border:1px solid #f3ead3;border-radius:16px;padding:1.1rem .5rem;text-align:center}
.svc-ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto .5rem;background:#fdf3df;color:#b45309}.svc-ic svg{width:26px;height:26px}
.svc-card h3{font-size:.86rem;color:#122e2e;margin:.2rem;font-weight:800}.svc-card p{font-size:.72rem;color:#7a8a86}
.works-sec{padding:1.6rem 0;background:#fff}.works-head small{color:#b07a3f;font-weight:800}.works-head h2{font-size:26px;font-weight:900}
.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:.9rem 0}.filter-tabs button{border:1px solid #e8ddc2;background:#faf6ef;border-radius:18px;padding:.45rem 1.1rem;font-family:inherit;font-size:.8rem;font-weight:700;color:#5b6b66;cursor:pointer}.filter-tabs button.on{background:#0f3330;color:#fff;border-color:#0f3330}
.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}
.work-card{position:relative;border-radius:14px;overflow:hidden;height:230px}.work-card img{width:100%;height:100%;object-fit:cover}.work-card span{position:absolute;bottom:.7rem;right:.7rem;background:#ffffffee;font-size:.72rem;font-weight:800;padding:.28rem .8rem;border-radius:12px}.work-card i{position:absolute;bottom:.7rem;left:.7rem;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}
.stats-strip{background:#0f2e2b;color:#fff;padding:1.5rem 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.3fr;gap:1rem;text-align:center;align-items:center}
.stat b{display:block;font-size:24px;color:#fff}.stat small{color:#c9bfa4;font-size:.75rem}.stat-q{color:#e8c876;font-weight:800}.stat-q span{font-size:1.6rem}
.about-sec{padding:2.2rem 0;text-align:center;background:#fff}.about-sec h2{font-size:26px;font-weight:900}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:1.3rem}
.step{background:#fffdf7;border:1px solid #f3ead3;border-radius:16px;padding:1.3rem .7rem;position:relative}.step b{width:32px;height:32px;border-radius:50%;background:#f5b301;color:#3a2c00;display:grid;place-items:center;margin:0 auto .5rem;font-size:.85rem}.step h3{font-size:.92rem;margin:.2rem}.step p{font-size:.78rem;color:#7a8a86}
.testi-sec{padding:2rem 0;background:#fdf9f3}.testi-grid{display:grid;grid-template-columns:.8fr 1.2fr 1.2fr;gap:1rem;align-items:center}
.testi-card{background:#fff;border:1px solid #f3ead3;border-radius:18px;padding:1.5rem}.testi-card span{color:#c9962e;font-size:1.8rem}.stars{color:#f5b301;letter-spacing:2px}
.cta-mini{background:#0f2e2b;color:#fff;border-radius:18px;padding:1.5rem}.cta-mini .btn-gold{margin-top:.8rem;display:inline-block}
.site-footer{background:#fdf9f3;padding:1.6rem 0 .8rem;border-top:1px solid #f0e6d2}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;font-size:.85rem}
.script{font-family:'Parisienne',cursive;color:#0f3330;font-size:1.4rem}
.socials{display:flex;gap:.5rem}.socials a{width:34px;height:34px;border-radius:50%;background:#122e2e;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:.85rem}
.foot-copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid #f0e6d2;margin-top:1rem;padding-top:.8rem;font-size:13px;color:#8a7a55}.foot-copy a{color:#8a7a55;text-decoration:none}
.reveal{opacity:0;transform:translateY(16px);transition:.6s}.reveal.vis{opacity:1;transform:none}
@media(max-width:1023px){.hero-grid{grid-template-columns:1fr}.hero-photo{height:320px}.serv-flex{grid-template-columns:1fr}.svc-grid{grid-template-columns:repeat(3,1fr)}.works-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr 1fr}.testi-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr;text-align:center}.socials{justify-content:center}}
@media(max-width:599px){.svc-grid{grid-template-columns:1fr 1fr}.works-grid{grid-template-columns:1fr 1fr}.work-card{height:175px}.steps-grid{grid-template-columns:1fr}.hero-text h1{font-size:33px}}