/* Native language links work without JavaScript and retain the current page. */
.topbar{column-gap:18px}
.language-switcher{display:flex;align-items:center;gap:3px;flex-shrink:0;padding:4px;border:1px solid #ffffff30;border-radius:999px}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:3px 9px;border-radius:999px;color:#eee;text-decoration:none;font-size:.8125rem;line-height:1.5;white-space:nowrap;letter-spacing:0}
.language-switcher a[aria-current="true"]{background:#d5af68;color:#241a16;font-weight:800}
.language-switcher a:hover:not([aria-current="true"]){background:#ffffff14}
.language-switcher a:focus-visible{outline-offset:2px}
.contact-link i{margin-right:0;margin-inline-start:8px}
.product-info h2{overflow-wrap:break-word}
html[lang="en"] h1{letter-spacing:-.035em;line-height:1.14;font-size:clamp(2.75rem,4.6vw,5rem)}
html[lang="en"] h2{letter-spacing:-.025em}
html[lang="en"] .intro h2,html[lang="en"] .quality h2{line-height:1.25}
html[lang="en"] .eyebrow{letter-spacing:.045em;line-height:1.8}
html[lang="en"] .page-heading h1{line-height:1.25}
html[lang="en"] .product-info h2{letter-spacing:0;line-height:1.65}
html[lang="en"] .hero-image{inset:0 0 0 45%}
html[lang="en"] .hero-image::after{background:linear-gradient(270deg,rgba(27,22,22,.05),#1b1616 96%)}
html[lang="en"] .stamp{left:auto;right:7.5%;transform:rotate(12deg);line-height:1.35}
html[lang="en"] .scroll{right:auto;left:5.5vw}
html[lang="en"] .button{direction:ltr}
html[lang="en"] .metrics div{border-left:0;border-inline-end:1px solid #d9d0c3}
html[lang="en"] .metrics div:last-child{border:0}
html[lang="en"] .quality-word{right:auto;left:-4vw;letter-spacing:-.06em}
html[lang="en"] .whatsapp{left:auto;right:22px}
html[lang="ar"] h1{font-size:clamp(2.65rem,4.7vw,5rem);line-height:1.5;letter-spacing:0}
html[lang="ar"] h2,html[lang="ar"] .eyebrow,html[lang="ar"] .metrics b{letter-spacing:0}
html[lang="ar"] .intro h2,html[lang="ar"] .quality h2{line-height:1.6}
html[lang="ar"] .hero .eyebrow{line-height:1.9}
html[lang="ar"] .quality-word{letter-spacing:0}
html[lang="ar"] .stamp{line-height:1.65}
@media(max-width:1240px){
  .topbar{flex-wrap:wrap;padding:10px 5vw 14px;gap:10px 18px}
  .topbar nav{display:flex;order:3;flex-basis:100%;justify-content:center;margin:0;gap:12px 26px;flex-wrap:wrap}
  .topbar .contact-link{margin-right:0;margin-inline-start:auto}
}
@media(max-width:760px){
  html[lang="en"] .hero-image{inset:0}
  html[lang="en"] .hero-image::after{background:linear-gradient(0deg,#1b1616 7%,rgba(27,22,22,.1) 78%)}
  html[lang="en"] .stamp{right:9%;top:12%}
  html[lang="en"] .metrics div{border:0}
  html[lang="en"] .hero,html[lang="ar"] .hero{min-height:710px;padding-top:210px}
}
@media(max-width:680px){
  .topbar{gap:8px 12px}
  .topbar .language-switcher{margin-inline-start:auto}
  .topbar .contact-link{order:4;margin:0 auto;padding:5px 0;font-size:.8125rem}
  .topbar nav{gap:8px 18px}
  .topbar nav a{font-size:.8125rem}
  .language-switcher a{padding-inline:8px;font-size:.75rem;min-height:36px}
  html[lang="en"] .whatsapp{right:14px;font-size:.8125rem}
  html[lang="en"] .page-heading h1,html[lang="ar"] .page-heading h1{font-size:2.5rem}
  html[lang="en"] .gallery figcaption,html[lang="ar"] .gallery figcaption{font-size:.8125rem;line-height:1.65}
}
@media(max-width:360px){.topbar{padding-inline:4vw;column-gap:6px}.language-switcher a{padding-inline:6px}.topbar .image-logo{width:118px}}