*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#2B211F;background:#F6F0E6;font:15px/1.65 Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #C66B4E;outline-offset:4px}.top{background:#6B2038;color:#F6F0E6;display:flex;justify-content:space-between;padding:8px 5%;font-size:10px;letter-spacing:1.6px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 5%;background:#F6F0E6}.logo{display:block;width:250px;height:60px;background-image:url('assets/identity.webp');background-size:552px 368px;background-position:-22px -117px;background-repeat:no-repeat}nav{display:flex;gap:34px}.textbtn{background:none;border:0;color:#6B2038}.hero{position:relative;min-height:425px;background:#6B2038;color:#F6F0E6;display:grid;grid-template-columns:46% 54%;overflow:hidden}.hero-copy{padding:44px 0 45px 11%;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:15px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(40px,4.9vw,76px);letter-spacing:-2px;margin:10px 0 18px}h2{font-size:44px;margin:10px 0 26px}h3{font-size:26px}.hero p{font-size:15px;opacity:.9}.hero>img{width:100%;height:100%;object-fit:cover;min-height:425px}.hero>small{position:absolute;bottom:9px;right:20px;background:#2b211fcc;padding:3px 8px;font-size:9px}.button{display:inline-flex;align-items:center;gap:24px;padding:14px 22px;background:#C66B4E;color:#fff;border:1px solid transparent;margin:20px 10px 0 0;font-family:Georgia,serif}.outline{border-color:#F6F0E6;background:transparent}.catalog,section#services,.how{padding:40px 4% 55px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:none;border:1px solid #c8aba8;border-radius:28px;padding:8px 20px;color:#2B211F}.filters button.selected{background:#6B2038;color:#fff;border-color:#6B2038}.searchbar{display:flex;align-items:end;gap:24px;margin:4px 0 25px}.searchbar label{font-size:11px;text-transform:uppercase;letter-spacing:1px}.searchbar input,.searchbar select{display:block;background:transparent;border:0;border-bottom:1px solid #baa79d;padding:8px 0;color:#2B211F;max-width:100%}input{width:310px}#count{margin-left:auto;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid #e5dbcf;background:#fbf7f0;border-radius:5px;overflow:hidden}.card img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover}.card-info{padding:19px}.card h3{font-size:23px;margin:0 0 7px}.card p{font-size:13px;color:#6a5850;min-height:42px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.card button{border:0;padding:11px 17px;background:#6B2038;color:#fff}.price{font-size:15px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.three article{border-top:1px solid #bbaa9d;padding:24px 0}.three a{display:block;color:#6B2038;margin-top:20px;text-decoration:underline}.how{background:#e9dfd0}.note{font-size:12px;max-width:850px;color:#6a5850}.missing{aspect-ratio:1.65;background:#e9dfd0;display:flex;align-items:center;justify-content:center;color:#6B2038;font:26px Georgia,serif}.missing span{font:12px Arial,sans-serif;display:block}footer{background:#2B211F;color:#F6F0E6;padding:36px 5%;font-size:13px}footer>div{font-size:30px;letter-spacing:4px}footer small{font-size:10px;display:block}dialog{border:0;background:#F6F0E6;color:#2B211F;max-width:850px;width:94%;max-height:90vh;padding:28px}dialog::backdrop{background:#2b211fbb}.close{float:right;border:0;background:none;padding:5px;color:#6B2038}dialog img{width:100%;max-height:350px;object-fit:cover}dialog h2{font-size:36px;margin-top:20px}dialog button[disabled]{padding:15px;background:#d3c5ba;border:0;color:#483a34;cursor:not-allowed}body[dir=rtl]{font-family:Tahoma,Arial,sans-serif}body[dir=rtl] nav{direction:rtl}@media(max-width:900px){nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:30px 15px 35px 8%}h1{font-size:46px}.catalog-heading{display:block}.filters{margin-bottom:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}h2{font-size:36px}}@media(max-width:600px){header{flex-wrap:wrap;padding:12px 5%}nav{order:3;width:100%;justify-content:space-between}.logo{width:220px;height:55px;background-size:486px 324px;background-position:-19px -103px}.top span:first-child{display:none}.top{justify-content:center}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 6%}h1{font-size:49px}.hero>img{height:280px;min-height:0}.hero>small{font-size:8px}.grid,.three{grid-template-columns:1fr}.searchbar{flex-wrap:wrap;gap:12px}.searchbar label{width:100%}.searchbar input{width:100%}#count{margin-left:0}.catalog,section#services,.how{padding:30px 5%}.filters{gap:7px}.filters button{padding:6px 14px}.card img{aspect-ratio:1.6}}
/* Keep the approved layout and use logical alignment for Arabic. */
#count{margin-left:0;margin-inline-start:auto}.close{float:inline-end}.missing{flex-direction:column;gap:8px;text-align:center;padding:20px}.missing span{font:12px/1.5 Arial,sans-serif}.card-bottom .price{white-space:nowrap}.searchbar label{min-width:0}body[dir=rtl] .hero-copy{padding-left:0;padding-right:11%}body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal;line-height:1.35}body[dir=rtl] .eyebrow,body[dir=rtl] .searchbar label{letter-spacing:normal}@media(max-width:900px){body[dir=rtl] .hero-copy{padding:30px 8% 35px 15px}}@media(max-width:600px){body[dir=rtl] .hero-copy{padding:30px 6%}#count{margin-inline-start:0}.logo{max-width:60vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}