.language-picker{display:flex;align-items:center;flex:none}
.language-picker select{width:82px;min-height:40px;padding:6px 8px;border:1px solid #8797c555;border-radius:22px;background:#0d132b;color:#ceeaff;font:600 12px var(--sans);cursor:pointer}
.language-picker option{background:#10152c;color:#e0eaff}
.hdr .nav{gap:clamp(12px,1.4vw,24px)}.hdr .nav a{white-space:nowrap}.hdr .rt{gap:7px}
html[lang="ar"]{--sans:Tahoma,Arial,sans-serif;--serif:Tahoma,Arial,sans-serif}
html[lang="ar"] body{font-family:var(--sans);line-height:1.9}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .btn,html[lang="ar"] .tab{letter-spacing:0}
html[lang="ar"] .gwen-section-title{line-height:1.45;font-size:clamp(28px,3.8vw,51px)}
html[lang="ar"] #rulesTitle{font-size:clamp(42px,4.7vw,68px)}
html[lang="ar"] .hero-title{font-size:clamp(42px,5.5vw,78px);line-height:1.4}
html[lang="ar"] .hero-title-line{white-space:normal}
html[lang="ar"] .aa,html[lang="ar"] .sc{direction:ltr;font-family:"Hanken Grotesk",sans-serif}
html[lang="ar"] .aa-title{font-family:Cinzel,serif}
html[lang="ar"] .hdr .rt{margin-left:0;margin-inline-start:8px}
html[lang="ar"] .rules-intro .logo{margin:0 -20px 12px 0}
html[lang="ar"] .rule-card h3{line-height:1.8;font-size:15px}
html[lang="ar"] .rule-card p{line-height:2}
html[lang="ar"] #faqList summary{line-height:1.9}
html[lang="ar"] #faqList summary::after{margin-left:0;margin-inline-start:auto}
html[lang="ar"] .gallery-caption,html[lang="ar"] .card-body{text-align:right}
html[lang="ar"] .consent-items,html[lang="ar"] .consent-rules{line-height:1.9}
html[lang="ar"] .contact-message textarea,html[lang="ar"] input[name="name"]{direction:rtl;text-align:right}
html[lang="ar"] input[type="email"],html[lang="ar"] input[name="order"]{direction:ltr;text-align:left}
html[lang="ar"] .contact-title{line-height:1.45}
html[lang="ar"] .pp-info .crumbs{unicode-bidi:plaintext}
@media(max-width:1150px) and (min-width:981px){.hdr .nav{gap:10px}.hdr .nav a{font-size:12px}.hdr-sp{width:88px}.language-picker select{width:68px}.hdr .rt{gap:5px}.hdr .cart-btn{width:36px;height:36px}}
@media(max-width:980px){html[lang="ar"] .hdr-logo{left:auto;right:16px;margin-left:0}.language-picker select{width:77px;min-height:40px}}
@media(max-width:700px){html[lang="ar"] .hero-title{font-size:clamp(36px,9vw,55px)}html[lang="ar"] .gwen-section-title{font-size:30px}.contact-nav nav{flex-wrap:wrap;gap:12px}.contact-nav .language-picker{margin-inline-start:auto}}

/* Switch to compact navigation before translated links can collide with the logo. */
@media(min-width:981px) and (max-width:1500px){.hdr-in{grid-template-columns:auto 1fr}.hdr .nav-l,.hdr .nav-r>a{display:none}.hdr-logo{width:84px;left:16px;margin-left:0}.hdr-sp{width:84px}.burger{display:block}html[lang='ar'] .hdr-logo{left:auto;right:16px}.hdr .rt{gap:8px}}


/* Equal header columns reserve the true viewport center for the logo. */
@media(min-width:1501px){.hdr-in{grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr)}.hdr-sp{width:144px}.hdr .nav{min-width:0;gap:14px}.hdr .nav a{font-size:13px}.hdr .rt{margin-inline-start:4px}html[lang='ar'] .hdr .nav{gap:12px}}


/* Gwen's language charm: visible focus, hover discovery and touch buttons. */
.language-magic-picker{position:relative}
.language-trigger{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:95px;min-height:42px;padding:8px;border:1px solid #81a8d766;border-radius:24px;background:linear-gradient(135deg,#152139,#17132e);color:#deefff;font:600 11px var(--sans);cursor:pointer;box-shadow:0 0 16px #5ddcff13;transition:box-shadow .25s,border-color .25s}
.language-trigger>svg{width:15px;height:15px;fill:none;stroke:#91dcff;stroke-width:1.3;flex:none}
.language-trigger>i{font-size:12px;font-style:normal;color:#b7a1ff}
.language-trigger::after{content:"";position:absolute;left:20%;right:20%;bottom:5px;border-bottom:1px dashed #8bdfff;opacity:.45}
.language-trigger:hover,.language-trigger:focus-visible,.language-trigger[aria-expanded="true"]{border-color:#9fe8ff;box-shadow:0 0 22px #5ddcff44,0 0 12px #9a7dff22}
.language-trigger[aria-expanded="true"]>svg{animation:languageCharmTurn 1s ease-out both}
.language-options{position:absolute;top:calc(100% + 12px);inset-inline-end:0;min-width:170px;padding:12px 9px 9px;border:1px solid #8facde77;border-radius:18px;background:linear-gradient(150deg,#172440,#16132c);box-shadow:0 10px 35px #03040ccc,0 0 20px #5ddcff20;z-index:75;display:grid;gap:7px;animation:languageChoicesOpen .3s ease-out both}
.language-options[hidden]{display:none}
.language-options::before{content:"";position:absolute;inset:5px;border-radius:13px;border:1px dashed #899bc633;pointer-events:none}
.language-options button{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#e3edff;font:600 13px var(--sans);cursor:pointer}
.language-options button span{font:600 9px Arial,sans-serif;color:#9bace0}
.language-options button:hover,.language-options button:focus-visible,.language-options button[aria-pressed="true"]{background:#5ddcff12;border-color:#78d7f955;text-shadow:0 0 8px #5ddcff55}
.language-choice-thread{position:absolute;left:15px;right:15px;top:7px;height:1px;background:linear-gradient(90deg,transparent,#91e4ff,#ad8cff,transparent)}
@keyframes languageCharmTurn{from{transform:rotate(-25deg);filter:drop-shadow(0 0 8px #5ddcff)}to{transform:rotate(0)}}
@keyframes languageChoicesOpen{from{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:none}}
/* The text switches while an embroidered veil covers the view. */
.gwen-language-veil{position:fixed;inset:0;z-index:100002;overflow:hidden;pointer-events:auto;direction:ltr}
.language-fabric{position:absolute;inset:0;transform:translateX(-105%);background:radial-gradient(ellipse at 30% 45%,#214e64,#13172f 65%);animation:languageFabricCover .45s cubic-bezier(.5,0,.25,1) both}
.fabric-two{background:radial-gradient(ellipse at 75% 50%,#40315d,#15172e 65%);clip-path:polygon(55% 0,100% 0,100% 100%,40% 100%);animation-delay:.04s}
.language-fabric::after{content:"";position:absolute;inset:18px;border:1px dashed #a6bbdf66}
.language-veil-thread{position:absolute;left:0;right:0;top:50%;height:1px;background:repeating-linear-gradient(90deg,#92eaff 0 5px,transparent 5px 11px);box-shadow:0 0 10px #5ddcff;animation:languageVeilThread .9s ease-in-out both}
.language-veil-scissors{position:absolute;top:calc(50% - 34px);left:-60px;width:47px;height:70px;transform:rotate(90deg);filter:drop-shadow(0 0 9px #5ddcff);animation:languageVeilSnip .85s ease-in-out both}
.language-veil-name{position:absolute;inset:58% 0 auto;text-align:center;font:600 18px Cinzel,serif;letter-spacing:.16em;color:#c8edff;opacity:0;animation:languageVeilName .95s ease both}
.language-veil-name small{display:block;font:600 15px Tahoma,Arial,sans-serif;letter-spacing:0;margin-top:12px;color:#c0abef}
.language-revealing .language-fabric{animation:languageFabricReveal .55s cubic-bezier(.22,.7,.25,1) both}
.language-revealing .fabric-two{animation-delay:.03s}
@keyframes languageFabricCover{to{transform:translateX(0)}}
@keyframes languageFabricReveal{from{transform:translateX(0)}to{transform:translateX(105%)}}
@keyframes languageVeilThread{0%{opacity:0;transform:scaleX(0)}35%{opacity:1;transform:scaleX(1)}100%{opacity:0}}
@keyframes languageVeilSnip{0%{left:-60px;opacity:0}12%,70%{opacity:1}100%{left:105%;opacity:0}}
@keyframes languageVeilName{0%,20%{opacity:0}45%,60%{opacity:1}100%{opacity:0}}
@media(max-width:700px){.language-trigger{width:90px;min-height:40px}.language-options{min-width:160px}}
@media(prefers-reduced-motion:reduce){.language-options,.language-trigger>svg{animation:none!important}.language-trigger{transition:none}.gwen-language-veil{display:none}}

/* Section navigation scrolls vertically only; clipped effects never create a sideways RTL scroll container. */
html,body{overflow-x:clip}
#snip,.gwen-page-transition,.gwen-language-veil{direction:ltr}
#faq .wrap{margin-inline:auto}
#faqList{width:min(860px,100%);margin-inline:auto}

/* Prepare the saved Arabic copy before the first visible frame. */
html.gwen-language-loading body{visibility:hidden}

@media(min-width:1501px){.hdr .hdr-in{width:calc(100% - 64px);max-width:1600px}}
@media(max-width:360px){
 .hdr .rt{gap:5px}
 .hdr .cart-btn,.hdr .burger{width:34px;height:36px;flex-shrink:0}
 .hdr .language-trigger{width:76px;min-height:36px;gap:4px;padding:5px;font-size:10px}
 .hdr-sp{width:62px}
 .hdr-logo{width:62px}
 html[lang="ar"] .hdr .rt{margin-inline-start:0}
}