/* TAMiYOUZ V80 — Flagship FAQ accordion cards (AR / EN)
 * ONLY #faq: preserves original 4 questions, answers and native <details>.
 * Injected after original style.css to override legacy alternating colors.
 */
@keyframes tyz-faq-card-arrive {
  from{opacity:.18;transform:translate3d(0,26px,0) scale(.973);filter:blur(3px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes tyz-faq-answer-arrive {
  from{opacity:.15;transform:translate3d(0,-9px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes tyz-faq-stroke-shine {
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
#faq.tyz-faq-premium {
  --tyz-faq-navy:#0c223a;
  --tyz-faq-gold:#dfb571;
  --tyz-faq-ease:cubic-bezier(.2,.75,.23,1);
}
#faq.tyz-faq-premium .faq-grid{
  align-items:start;
  column-gap:clamp(26px,4.3vw,74px)!important;
}
#faq.tyz-faq-premium .faq-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:14px!important;
  margin:0;
  width:100%;
  min-width:0;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n) {
  position:relative;
  isolation:isolate;
  display:block;
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(227,185,113,.26)!important;
  border-radius:19px!important;
  overflow:hidden;
  background:
    radial-gradient(ellipse 65% 105% at 102% -22%,rgba(236,182,88,.08),transparent 72%),
    linear-gradient(139deg,#19334e 0%,#102640 63%,#0b2038 100%)!important;
  color:#f8f8f4!important;
  box-shadow:0 13px 30px rgba(2,13,29,.19),inset 0 1px 0 rgba(255,255,255,.065)!important;
  transition:border-color .34s ease,box-shadow .35s ease,transform .35s var(--tyz-faq-ease),background-color .35s ease!important;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)::before{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  inset-inline:21px 21px;
  height:3px;
  border-radius:0 0 12px 12px;
  background:linear-gradient(90deg,rgba(184,126,46,0),#be8946 25%,#fae0a5 51%,#bd8743 75%,rgba(184,126,46,0));
  opacity:.52;
  pointer-events:none;
  transition:opacity .3s ease;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  top:-85px;
  inset-inline-end:-95px;
  width:210px;height:210px;
  border:1px solid rgba(222,175,100,.105);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(230,182,108,.027),0 0 0 70px rgba(230,182,108,.012);
  opacity:.7;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n) summary {
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center;
  justify-content:initial;
  gap:clamp(11px,1.35vw,18px);
  min-height:93px;
  padding:19px clamp(17px,1.9vw,26px)!important;
  cursor:pointer;
  color:#f7f7f0!important;
  font:800 clamp(13px,1.15vw,15px)/1.85 "Cairo",system-ui,sans-serif!important;
  text-align:start!important;
  letter-spacing:0!important;
  outline:none;
  -webkit-tap-highlight-color:transparent;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n) summary::-webkit-details-marker{
  display:none!important;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n) summary::marker{
  content:"";
}
#faq.tyz-faq-premium .tyz-faq-number {
  position:relative;
  flex:0 0 43px;
  width:43px;height:43px;
  display:grid;place-items:center;
  border:1px solid rgba(231,184,104,.39);
  border-radius:12px;
  background:linear-gradient(142deg,rgba(234,191,113,.21),rgba(226,160,66,.048));
  box-shadow:inset 0 1px 0 rgba(255,244,209,.11);
  color:#efcc8e;
  font:900 14px/1 system-ui,sans-serif;
  letter-spacing:.4px;
  font-variant-numeric:tabular-nums;
  direction:ltr;
}
#faq.tyz-faq-premium .tyz-faq-question {
  flex:1 1 auto;
  min-width:0;
  position:relative;
  z-index:2;
  text-align:start;
  overflow-wrap:anywhere;
}
#faq.tyz-faq-premium .tyz-faq-toggle {
  flex:0 0 40px;
  display:grid;
  place-items:center;
  width:40px;height:40px;
  border-radius:12px;
  border:1px solid rgba(225,185,121,.38);
  background:rgba(231,192,123,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.038);
  color:#e9c489;
  transition:background .3s ease,border-color .3s ease,transform .34s var(--tyz-faq-ease),box-shadow .3s ease;
}
#faq.tyz-faq-premium .tyz-faq-toggle :is(svg,i){
  color:inherit!important;
  stroke:currentColor;
  width:19px!important;height:19px!important;
  margin:0!important;
  display:block;
  flex:none;
  transition:transform .34s var(--tyz-faq-ease)!important;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] {
  border-color:rgba(242,201,129,.79)!important;
  box-shadow:
    0 19px 45px rgba(2,12,27,.28),
    0 0 0 1px rgba(231,180,90,.11),
    0 0 30px rgba(233,169,69,.085),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)[open]::before{
  opacity:1;
  background-size:250% 100%;
  animation:tyz-faq-stroke-shine 7s ease-in-out infinite;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] .tyz-faq-number{
  background:linear-gradient(130deg,#edcd8c,#ce9341);
  color:#12243b;
  border-color:rgba(255,229,163,.85);
  box-shadow:0 8px 19px rgba(232,178,84,.18);
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] .tyz-faq-toggle {
  background:linear-gradient(138deg,#f0d292,#c9954e);
  color:#122840;
  border-color:rgba(255,227,167,.84);
  box-shadow:0 7px 20px rgba(231,171,76,.2);
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] .tyz-faq-toggle :is(svg,i) {
  transform:rotate(45deg);
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n) > p {
  position:relative;
  z-index:2;
  padding:18px clamp(20px,2.2vw,27px) 23px!important;
  margin:0!important;
  border-top:1px solid rgba(227,181,106,.2);
  background:linear-gradient(160deg,rgba(6,19,35,.13),rgba(6,18,32,.035))!important;
  color:#c7d5e5!important;
  font:600 clamp(12px,1.05vw,13px)/2.05 "Cairo",system-ui,sans-serif!important;
  text-align:start;
  overflow-wrap:anywhere;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] > p {
  animation:tyz-faq-answer-arrive .32s var(--tyz-faq-ease) both;
}
#faq.tyz-faq-premium .faq-list > details:nth-child(n) summary:focus-visible {
  outline:3px solid #e8bb72!important;
  outline-offset:-5px;
  border-radius:17px;
}
@media(hover:hover) and (pointer:fine){
  #faq.tyz-faq-premium .faq-list > details:nth-child(n):hover {
    transform:translateY(-3px);
    border-color:rgba(236,192,117,.63)!important;
    box-shadow:0 19px 38px rgba(4,15,30,.27),0 0 20px rgba(232,173,82,.075)!important;
  }
  #faq.tyz-faq-premium .faq-list > details:nth-child(n):hover .tyz-faq-toggle{
    transform:scale(1.07);
    border-color:rgba(239,195,120,.7);
  }
}
#faq.tyz-faq-premium.tyz-faq-visible .faq-list > details:nth-child(n) {
  animation:tyz-faq-card-arrive .66s var(--tyz-faq-ease) var(--tyz-faq-delay,0ms) both;
}
/* A bright Light Mode with contrast-safe ink, not just another dark surface. */
html[data-theme="light"] #faq.tyz-faq-premium .faq-list > details:nth-child(n){
  background:
    radial-gradient(ellipse 83% 110% at 105% -18%,rgba(225,174,95,.105),transparent 76%),
    linear-gradient(149deg,#ffffff 0%,#f9fbfd 65%,#f0f5f9 100%)!important;
  color:#133047!important;
  border-color:rgba(172,142,102,.34)!important;
  box-shadow:0 12px 26px rgba(30,53,77,.1),inset 0 1px 0 rgba(255,255,255,.97)!important;
}
html[data-theme="light"] #faq.tyz-faq-premium .faq-list > details:nth-child(n) summary{
  color:#142f49!important;
}
html[data-theme="light"] #faq.tyz-faq-premium .tyz-faq-number {
  background:linear-gradient(135deg,#fff0d2,#f5e3c0);
  color:#906022;
  border-color:rgba(185,133,59,.3);
}
html[data-theme="light"] #faq.tyz-faq-premium .tyz-faq-toggle {
  color:#9d6a26;
  background:#fbf1dd;
  border-color:rgba(185,133,59,.35);
}
html[data-theme="light"] #faq.tyz-faq-premium .faq-list > details:nth-child(n) > p{
  color:#4f6379!important;
  background:linear-gradient(148deg,rgba(244,239,228,.38),rgba(244,248,251,.6))!important;
  border-color:rgba(193,154,96,.21);
}
html[data-theme="light"] #faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] {
  border-color:#caa05e!important;
  box-shadow:0 17px 36px rgba(28,51,77,.15),0 0 0 1px rgba(197,146,69,.11)!important;
}
html[data-theme="light"] #faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] .tyz-faq-number{
  color:#142d47;
  background:linear-gradient(140deg,#f7dc9e,#dbac62);
}
html[data-theme="light"] #faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] .tyz-faq-toggle{
  color:#17324a;
  background:linear-gradient(140deg,#f6dfad,#e1b976);
}
@media(max-width:1050px){
  #faq.tyz-faq-premium .faq-grid{column-gap:28px!important}
  #faq.tyz-faq-premium .faq-list{gap:12px!important}
  #faq.tyz-faq-premium .faq-list > details:nth-child(n) summary{
    min-height:83px;padding:15px 18px!important;gap:12px;
  }
}
@media(max-width:880px){
  #faq.tyz-faq-premium .faq-grid{row-gap:26px}
  #faq.tyz-faq-premium .faq-list{width:100%}
}
@media(max-width:650px){
  #faq.tyz-faq-premium .faq-list{gap:11px!important}
  #faq.tyz-faq-premium .faq-list > details:nth-child(n){border-radius:16px!important}
  #faq.tyz-faq-premium .faq-list > details:nth-child(n) summary{
    min-height:77px;
    padding:13px 14px!important;
    gap:10px;
    font-size:12px!important;line-height:1.8;
  }
  #faq.tyz-faq-premium .tyz-faq-number{
    flex-basis:34px;width:34px;height:35px;
    border-radius:10px;font-size:12px;
  }
  #faq.tyz-faq-premium .tyz-faq-toggle{
    flex-basis:33px;width:33px;height:34px;border-radius:10px;
  }
  #faq.tyz-faq-premium .tyz-faq-toggle :is(svg,i){
    width:16px!important;height:16px!important;
  }
  #faq.tyz-faq-premium .faq-list > details:nth-child(n) > p{
    padding:13px 15px 19px!important;
    font-size:12px!important;line-height:1.95;
  }
}
@media(prefers-reduced-motion:reduce){
  #faq.tyz-faq-premium .faq-list > details:nth-child(n),
  #faq.tyz-faq-premium .faq-list > details:nth-child(n)[open] > p,
  #faq.tyz-faq-premium .faq-list > details:nth-child(n)[open]::before,
  #faq.tyz-faq-premium .faq-list > details:nth-child(n) .tyz-faq-toggle,
  #faq.tyz-faq-premium .faq-list > details:nth-child(n) .tyz-faq-toggle :is(svg,i){
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
  }
}
