/* =========================================================
   TAQA ELSWEDY — INDOOR COLLECTION / CLEAN FUTURISM
   Scope: /collections/Indoor-Lights only
   Art direction: Deep Space / Energy Orange / Tech Mist / Steel Blue
   ========================================================= */

body.taqa-indoor-collection-active{
  --taqa-deep:#070C14;
  --taqa-orange:#C06024;
  --taqa-orange-hi:#EA7D38;
  --taqa-cloud:#F4F7F8;
  --taqa-interface:#FFFFFF;
  --taqa-mist:#DCE5E8;
  --taqa-steel:#4D7183;
  --taqa-ease:cubic-bezier(.22,1,.36,1);

  background:var(--taqa-page-bg)!important;
  color:var(--taqa-text)!important;
}

body.taqa-theme-dark.taqa-indoor-collection-active{
  --taqa-page-bg:#070C14;
  --taqa-page-bg-2:#0A121C;
  --taqa-surface:#0D1721;
  --taqa-surface-2:#111E2A;
  --taqa-text:#F4F7F8;
  --taqa-text-soft:#C4CED4;
  --taqa-muted:#8295A1;
  --taqa-border:rgba(164,192,208,.18);
  --taqa-border-strong:rgba(196,219,232,.28);
  --taqa-card:linear-gradient(145deg,rgba(255,255,255,.064),rgba(77,113,131,.035));
  --taqa-card-hover:linear-gradient(145deg,rgba(255,255,255,.085),rgba(77,113,131,.055));
  --taqa-image-zone:
    radial-gradient(circle at 50% 46%,rgba(255,255,255,.075),transparent 39%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(5,11,17,.14));
  --taqa-shadow:0 24px 70px rgba(0,0,0,.28);
  --taqa-shadow-hover:0 32px 90px rgba(0,0,0,.38);
  --taqa-grid-line:rgba(122,159,179,.055);
  --taqa-orbit-a:#C06024;
  --taqa-orbit-b:#6A2A12;
  --taqa-orbit-c:#101E29;
}

body.taqa-theme-light.taqa-indoor-collection-active{
  --taqa-page-bg:#F4F7F8;
  --taqa-page-bg-2:#EAF0F3;
  --taqa-surface:#FFFFFF;
  --taqa-surface-2:#EDF3F5;
  --taqa-text:#0B121A;
  --taqa-text-soft:#425965;
  --taqa-muted:#718894;
  --taqa-border:rgba(77,113,131,.16);
  --taqa-border-strong:rgba(77,113,131,.24);
  --taqa-card:linear-gradient(145deg,rgba(255,255,255,.96),rgba(234,241,244,.78));
  --taqa-card-hover:linear-gradient(145deg,#FFFFFF,rgba(229,238,242,.92));
  --taqa-image-zone:
    radial-gradient(circle at 50% 44%,#FFFFFF 0%,rgba(255,255,255,.88) 27%,rgba(220,229,232,.48) 65%,rgba(220,229,232,.14) 100%);
  --taqa-shadow:0 20px 58px rgba(42,67,82,.09);
  --taqa-shadow-hover:0 28px 72px rgba(42,67,82,.15);
  --taqa-grid-line:rgba(77,113,131,.055);
  --taqa-orbit-a:#DCE5E8;
  --taqa-orbit-b:#B8CAD3;
  --taqa-orbit-c:#F9FBFC;
}

/* ---------- page environment ---------- */

body.taqa-indoor-collection-active .app_container{
  background:var(--taqa-page-bg)!important;
}

body.taqa-indoor-collection-active main.taqa-indoor-collection-main{
  position:relative!important;
  isolation:isolate!important;
  overflow:clip!important;
  max-width:none!important;
  width:100%!important;
  padding:
    clamp(34px,4.5vw,78px)
    clamp(16px,4.5vw,76px)
    clamp(76px,8vw,140px)!important;
}

body.taqa-indoor-collection-active main.taqa-indoor-collection-main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(var(--taqa-grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--taqa-grid-line) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.08) 76%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.08) 76%,transparent);
}

body.taqa-indoor-collection-active main.taqa-indoor-collection-main::after{
  content:"INDOOR / SYSTEMS";
  position:absolute;
  z-index:-1;
  right:-1vw;
  top:clamp(350px,37vw,610px);
  pointer-events:none;
  font-family:"DM Sans","Cairo",system-ui,sans-serif;
  font-size:clamp(70px,13vw,240px);
  line-height:.78;
  font-weight:700;
  letter-spacing:-.065em;
  color:var(--taqa-text);
  opacity:.018;
  transform:rotate(-8deg);
  white-space:nowrap;
}

body.taqa-indoor-collection-active main.taqa-indoor-collection-main > .taqa-indoor-shell{
  position:relative;
  z-index:1;
  width:min(1680px,100%)!important;
  max-width:1680px!important;
  margin-inline:auto!important;
}

/* Kill the empty native section-top title without touching functionality. */
body.taqa-indoor-collection-active .home_section_top_container{
  display:none!important;
}

/* ---------- cinematic collection intro ---------- */

.taqa-indoor-collection-hero{
  position:relative;
  min-height:clamp(360px,38vw,560px);
  margin:0 0 clamp(30px,4vw,58px);
  overflow:hidden;
  border:1px solid var(--taqa-border);
  border-radius:clamp(28px,3vw,48px);
  color:var(--taqa-text);
  background:
    linear-gradient(120deg,rgba(255,255,255,.035),transparent 38%),
    linear-gradient(145deg,var(--taqa-surface),var(--taqa-page-bg-2));
  box-shadow:var(--taqa-shadow);
}

body.taqa-theme-light .taqa-indoor-collection-hero{
  background:
    linear-gradient(120deg,rgba(255,255,255,.85),transparent 38%),
    linear-gradient(145deg,#FFFFFF,#EAF0F3);
}

.taqa-indoor-collection-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(192,96,36,.10),transparent 20%,transparent 76%,rgba(77,113,131,.09)),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%);
}

.taqa-indoor-collection-hero::after{
  content:"";
  position:absolute;
  left:0;
  top:17%;
  width:3px;
  height:66%;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,var(--taqa-orange),transparent);
  box-shadow:0 0 26px rgba(192,96,36,.24);
}

.taqa-indoor-hero__inner{
  position:relative;
  z-index:2;
  min-height:inherit;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  align-items:center;
  gap:clamp(22px,4vw,70px);
  padding:clamp(30px,5vw,82px);
}

.taqa-indoor-hero__copy{
  position:relative;
  max-width:920px;
}

.taqa-indoor-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:clamp(18px,2vw,28px);
  color:var(--taqa-muted);
  font:700 10px/1 "DM Sans","Cairo",sans-serif;
  letter-spacing:.20em;
  text-transform:uppercase;
}

.taqa-indoor-hero__eyebrow strong{
  color:var(--taqa-orange-hi);
  font-weight:700;
}

.taqa-indoor-hero__eyebrow i{
  width:46px;
  height:1px;
  background:linear-gradient(90deg,var(--taqa-orange),rgba(192,96,36,.08));
}

.taqa-indoor-hero__title{
  margin:0;
  max-width:900px;
  color:var(--taqa-text);
  font-family:"DM Sans","Cairo",system-ui,sans-serif;
  font-size:clamp(62px,8.6vw,154px);
  font-weight:500;
  line-height:.76;
  letter-spacing:-.075em;
  text-transform:uppercase;
}

.taqa-indoor-hero__title span{
  display:block;
}

.taqa-indoor-hero__title em{
  color:var(--taqa-orange);
  font-style:normal;
}

.taqa-indoor-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  margin:clamp(24px,3vw,38px) 0 0;
  color:var(--taqa-text-soft);
  font:600 11px/1 "DM Sans","Cairo",sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.taqa-indoor-hero__meta b{
  color:var(--taqa-orange-hi);
  font-weight:700;
}

.taqa-indoor-hero__art{
  position:relative;
  align-self:stretch;
  min-height:300px;
}

.taqa-indoor-hero__orbit{
  position:absolute;
  width:min(35vw,510px);
  aspect-ratio:1;
  right:-7%;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 31% 27%,rgba(255,255,255,.20),transparent 18%),
    radial-gradient(circle at 38% 35%,var(--taqa-orbit-a),var(--taqa-orbit-b) 46%,var(--taqa-orbit-c) 78%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 40px 100px rgba(0,0,0,.18);
}

body.taqa-theme-light .taqa-indoor-hero__orbit{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 34px 80px rgba(77,113,131,.12);
}

.taqa-indoor-hero__orbit::before,
.taqa-indoor-hero__orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.13);
}

.taqa-indoor-hero__orbit::before{ inset:11%; }
.taqa-indoor-hero__orbit::after{
  inset:27%;
  border-color:rgba(255,255,255,.20);
}

.taqa-indoor-hero__system{
  position:absolute;
  z-index:2;
  right:8%;
  bottom:12%;
  text-align:right;
  color:var(--taqa-text);
}

.taqa-indoor-hero__system span{
  display:block;
  color:var(--taqa-orange-hi);
  font:700 10px/1 "DM Sans",sans-serif;
  letter-spacing:.18em;
}

.taqa-indoor-hero__system strong{
  display:block;
  margin-top:8px;
  font:600 clamp(30px,3.2vw,52px)/.95 "DM Sans",sans-serif;
  letter-spacing:-.055em;
}

.taqa-indoor-hero__system small{
  display:block;
  margin-top:10px;
  color:var(--taqa-muted);
  font:600 10px/1.2 "DM Sans",sans-serif;
  letter-spacing:.12em;
}

/* ---------- native header / sort becomes a technical toolbar ---------- */

body.taqa-indoor-collection-active .category_section_header{
  position:relative!important;
  z-index:4!important;
  min-height:64px!important;
  margin:0 0 clamp(24px,3vw,38px)!important;
  padding:0 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

body.taqa-indoor-collection-active .category_section_header_title{
  margin:0!important;
  padding:0!important;
  color:var(--taqa-muted)!important;
  font-family:"DM Sans","Cairo",sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}

body.taqa-indoor-collection-active .category_section_header_title::before{
  content:"PRODUCT INDEX / ";
  color:var(--taqa-orange-hi);
}

body.taqa-indoor-collection-active .category_section_header button[aria-haspopup="true"]{
  min-height:48px!important;
  padding:0 16px!important;
  gap:6px!important;
  color:var(--taqa-text)!important;
  background:var(--taqa-card)!important;
  border:1px solid var(--taqa-border)!important;
  border-radius:999px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.07)!important;
  font-family:"Cairo","DM Sans",sans-serif!important;
  font-weight:700!important;
  transition:
    transform .24s var(--taqa-ease),
    border-color .24s ease,
    background .24s ease!important;
}

body.taqa-indoor-collection-active .category_section_header button[aria-haspopup="true"] svg{
  color:var(--taqa-orange-hi)!important;
}

@media(hover:hover) and (pointer:fine){
  body.taqa-indoor-collection-active .category_section_header button[aria-haspopup="true"]:hover{
    transform:translateY(-2px);
    border-color:rgba(192,96,36,.42)!important;
  }
}

/* ---------- grid ---------- */

body.taqa-indoor-collection-active .category_products_grid_container{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(18px,1.8vw,28px)!important;
  margin:0!important;
  padding:0!important;
}

.taqa-product-cell{
  min-width:0;
  animation:none!important;
  opacity:1!important;
}

.taqa-product-card{
  --taqa-card-index:"";
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-height:100%!important;
  padding:12px 12px 18px!important;
  overflow:hidden!important;
  border:1px solid var(--taqa-border)!important;
  border-radius:clamp(22px,2vw,30px)!important;
  background:var(--taqa-card)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.14)!important;
  /* Production: avoid forcing one compositor layer per product card. */
  transform:none;
  contain:layout paint style;
  transition:
    transform .28s var(--taqa-ease),
    border-color .22s ease!important;
}

.taqa-product-card::before{
  content:attr(data-taqa-index);
  position:absolute;
  z-index:5;
  left:18px;
  top:17px;
  color:var(--taqa-muted);
  font:700 9px/1 "DM Sans",sans-serif;
  letter-spacing:.17em;
  pointer-events:none;
}

.taqa-product-card::after{
  content:"";
  position:absolute;
  z-index:4;
  left:0;
  top:23%;
  width:2px;
  height:54%;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,var(--taqa-orange),transparent);
  transform:scaleY(.15);
  opacity:.32;
  transform-origin:center;
  transition:
    transform .38s var(--taqa-ease),
    opacity .30s ease;
  pointer-events:none;
}

.taqa-product-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.12 / 1!important;
  overflow:hidden!important;
  border:1px solid var(--taqa-border)!important;
  border-radius:clamp(18px,1.7vw,24px)!important;
  background:var(--taqa-image-zone)!important;
}

.taqa-product-media::after{
  content:"";
  position:absolute;
  inset:auto 10% 6% 10%;
  height:20%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(192,96,36,.13),transparent 70%);
  filter:none;
  opacity:.20;
  pointer-events:none;
}

.taqa-product-image-wrap{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:transparent!important;
}

.taqa-product-image-wrap img{
  width:100%!important;
  height:100%!important;
  padding:clamp(18px,2.2vw,34px)!important;
  object-fit:contain!important;
  border-radius:inherit!important;
  background:transparent!important;
  transform:scale(1);
  transition:transform .28s var(--taqa-ease)!important;
}

.taqa-product-actions{
  position:absolute!important;
  z-index:6!important;
  top:14px!important;
  right:14px!important;
  bottom:auto!important;
  left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:6px!important;
  margin:0!important;
  border:1px solid var(--taqa-border)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--taqa-surface) 86%,transparent)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
  opacity:0!important;
  transform:translateX(8px) scale(.96);
  transition:
    opacity .24s ease,
    transform .32s var(--taqa-ease)!important;
}

.taqa-product-actions button{
  width:40px!important;
  height:40px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  color:var(--taqa-text)!important;
  background:transparent!important;
  transition:
    color .20s ease,
    background .20s ease,
    transform .20s ease!important;
}

.taqa-product-actions svg{
  width:20px!important;
  height:20px!important;
  color:currentColor!important;
}

@media(hover:hover) and (pointer:fine){
  .taqa-product-actions button:hover{
    color:#fff!important;
    background:var(--taqa-orange)!important;
    transform:scale(1.06);
  }
}

.taqa-product-info{
  width:100%!important;
  padding:18px 7px 2px!important;
  cursor:pointer;
  text-align:right!important;
  direction:rtl!important;
}

.taqa-product-category{
  display:block!important;
  margin:0 0 9px!important;
  color:var(--taqa-orange-hi)!important;
  font-family:"DM Sans","Cairo",sans-serif!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

.taqa-product-title{
  min-height:3.1em!important;
  margin:0!important;
  color:var(--taqa-text)!important;
  font-family:"Cairo","DM Sans",sans-serif!important;
  font-size:clamp(15px,1.18vw,20px)!important;
  font-weight:600!important;
  line-height:1.55!important;
  text-align:right!important;
  letter-spacing:-.01em!important;
}

.taqa-product-price{
  margin-top:14px!important;
  justify-content:flex-start!important;
  color:var(--taqa-text)!important;
  font-family:"DM Sans","Cairo",sans-serif!important;
  font-size:clamp(20px,1.5vw,27px)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}

.taqa-product-price span{
  color:var(--taqa-text)!important;
}

.taqa-product-card [title][style*="background-color"]{
  width:27px!important;
  height:27px!important;
  border-radius:9px!important;
  border:1px solid var(--taqa-border-strong)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 5px 12px rgba(0,0,0,.08)!important;
}

@media(hover:hover) and (pointer:fine){
  .taqa-product-card:hover{
    transform:translateY(-7px)!important;
    border-color:rgba(192,96,36,.38)!important;
    background:var(--taqa-card-hover)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
  }

  .taqa-product-card:hover::after{
    transform:scaleY(1);
    opacity:.94;
  }

  .taqa-product-card:hover .taqa-product-image-wrap img{
    transform:scale(1.045);
  }

  .taqa-product-card:hover .taqa-product-actions{
    opacity:1!important;
    transform:translateX(0) scale(1);
  }
}

/* ---------- intro / card reveal ---------- */

body.taqa-indoor-intro-pending .taqa-indoor-collection-hero{
  opacity:0;
  transform:translateY(22px) scale(.992);
}

body.taqa-indoor-collection-active .taqa-indoor-collection-hero{
  transition:
    opacity .68s ease,
    transform .88s var(--taqa-ease);
}

body.taqa-indoor-intro-ready .taqa-indoor-collection-hero{
  opacity:1;
  transform:none;
}

body.taqa-indoor-intro-pending .taqa-indoor-hero__eyebrow,
body.taqa-indoor-intro-pending .taqa-indoor-hero__title,
body.taqa-indoor-intro-pending .taqa-indoor-hero__meta,
body.taqa-indoor-intro-pending .taqa-indoor-hero__art{
  opacity:0;
  transform:translateY(18px);
}

.taqa-indoor-hero__eyebrow,
.taqa-indoor-hero__title,
.taqa-indoor-hero__meta,
.taqa-indoor-hero__art{
  transition:
    opacity .62s ease,
    transform .82s var(--taqa-ease);
}

body.taqa-indoor-intro-ready .taqa-indoor-hero__eyebrow{
  transition-delay:.10s;
}

body.taqa-indoor-intro-ready .taqa-indoor-hero__title{
  transition-delay:.16s;
}

body.taqa-indoor-intro-ready .taqa-indoor-hero__meta{
  transition-delay:.25s;
}

body.taqa-indoor-intro-ready .taqa-indoor-hero__art{
  transition-delay:.13s;
}

body.taqa-indoor-intro-ready .taqa-indoor-hero__eyebrow,
body.taqa-indoor-intro-ready .taqa-indoor-hero__title,
body.taqa-indoor-intro-ready .taqa-indoor-hero__meta,
body.taqa-indoor-intro-ready .taqa-indoor-hero__art{
  opacity:1;
  transform:none;
}

.taqa-product-cell.taqa-card-pending{
  opacity:0!important;
  transform:translateY(24px) scale(.985);
}

.taqa-product-cell.taqa-card-visible{
  opacity:1!important;
  transform:none;
  transition:
    opacity .52s ease,
    transform .72s var(--taqa-ease);
  transition-delay:calc(var(--taqa-i,0) * 48ms);
}

/* ---------- responsive ---------- */

@media(max-width:1279px){
  body.taqa-indoor-collection-active .category_products_grid_container{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .taqa-indoor-hero__inner{
    grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  }
}

@media(max-width:899px){
  body.taqa-indoor-collection-active main.taqa-indoor-collection-main{
    padding:30px 18px 84px!important;
  }

  .taqa-indoor-collection-hero{
    min-height:auto;
  }

  .taqa-indoor-hero__inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding:34px 28px 38px;
  }

  .taqa-indoor-hero__title{
    font-size:clamp(56px,13vw,105px);
    line-height:.80;
  }

  .taqa-indoor-hero__art{
    min-height:230px;
  }

  .taqa-indoor-hero__orbit{
    width:min(72vw,410px);
    right:-8%;
  }

  body.taqa-indoor-collection-active .category_products_grid_container{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }

  .taqa-product-actions{
    opacity:1!important;
    transform:none!important;
  }
}

@media(max-width:559px){
  body.taqa-indoor-collection-active main.taqa-indoor-collection-main{
    padding:22px 12px 68px!important;
  }

  .taqa-indoor-collection-hero{
    border-radius:26px;
    margin-bottom:26px;
  }

  .taqa-indoor-hero__inner{
    padding:30px 22px 28px;
  }

  .taqa-indoor-hero__title{
    font-size:clamp(50px,16vw,72px);
  }

  .taqa-indoor-hero__meta{
    font-size:9px;
    line-height:1.5;
  }

  .taqa-indoor-hero__art{
    min-height:190px;
  }

  .taqa-indoor-hero__system{
    right:4%;
  }

  body.taqa-indoor-collection-active .category_section_header{
    min-height:auto!important;
    align-items:flex-end!important;
  }

  body.taqa-indoor-collection-active .category_section_header_title{
    max-width:48%;
    line-height:1.4!important;
  }

  body.taqa-indoor-collection-active .category_products_grid_container{
    grid-template-columns:1fr!important;
  }

  .taqa-product-card{
    border-radius:24px!important;
  }

  .taqa-product-media{
    aspect-ratio:1.35 / 1!important;
  }

  .taqa-product-title{
    min-height:auto!important;
    font-size:17px!important;
  }
}

/* ---------- accessibility ---------- */

@media(prefers-reduced-motion:reduce){
  .taqa-indoor-collection-hero,
  .taqa-indoor-hero__eyebrow,
  .taqa-indoor-hero__title,
  .taqa-indoor-hero__meta,
  .taqa-indoor-hero__art,
  .taqa-product-cell,
  .taqa-product-card,
  .taqa-product-image-wrap img,
  .taqa-product-actions{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }

  .taqa-product-cell{
    opacity:1!important;
  }
}

/* =========================================================
   V2 HERO ART DIRECTION
   Pendant above / typography centered below / interactive ON-OFF
   ========================================================= */

.taqa-indoor-collection-hero{
  min-height:clamp(620px,47vw,760px)!important;
  overflow:hidden!important;
}

.taqa-indoor-collection-hero::after{
  left:50%!important;
  top:auto!important;
  bottom:0!important;
  width:min(46%,720px)!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--taqa-orange),
      transparent
    )!important;
  opacity:.34;
}

.taqa-indoor-hero__inner{
  position:relative!important;
  display:block!important;
  min-height:inherit!important;
  padding:0!important;
}

/* ---------- pendant ---------- */

.taqa-indoor-hero__lamp-stage{
  position:absolute;
  z-index:4;
  left:50%;
  top:-31%;
  width:clamp(265px,23vw,400px);
  aspect-ratio:2 / 3;
  transform:translateX(-50%);
  pointer-events:none;
}

.taqa-indoor-hero__lamp{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  user-select:none;
  transition:
    opacity .38s ease,
    filter .50s ease;
  backface-visibility:hidden;
}

.taqa-indoor-hero__lamp--on{
  opacity:1;
  filter:
    drop-shadow(0 30px 34px rgba(238,167,75,.17));
}

.taqa-indoor-hero__lamp--off{
  opacity:0;
}

.taqa-indoor-collection-hero.is-lamp-off
.taqa-indoor-hero__lamp--on{
  opacity:0;
}

.taqa-indoor-collection-hero.is-lamp-off
.taqa-indoor-hero__lamp--off{
  opacity:1;
}

.taqa-indoor-hero__lamp-aura{
  position:absolute;
  z-index:0;
  left:50%;
  top:62%;
  width:125%;
  height:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(
      ellipse,
      rgba(234,157,60,.29),
      rgba(192,96,36,.12) 35%,
      transparent 73%
    );
  filter:none;
  opacity:.72;
  transition:opacity .45s ease;
}

.taqa-indoor-hero__light-cone{
  position:absolute;
  z-index:1;
  left:50%;
  top:69%;
  width:190%;
  height:102%;
  transform:translateX(-50%);
  clip-path:polygon(37% 0,63% 0,100% 100%,0 100%);
  background:
    linear-gradient(
      180deg,
      rgba(255,205,121,.22),
      rgba(224,143,55,.10) 43%,
      transparent 92%
    );
  filter:none;
  opacity:.74;
  transition:opacity .45s ease;
}

.taqa-indoor-hero__light-floor{
  position:absolute;
  z-index:0;
  left:50%;
  top:141%;
  width:235%;
  height:40%;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(
      ellipse,
      rgba(234,160,68,.25),
      rgba(192,96,36,.065) 49%,
      transparent 75%
    );
  filter:none;
  opacity:.62;
  transition:opacity .45s ease;
}

.taqa-indoor-collection-hero.is-lamp-off
.taqa-indoor-hero__lamp-aura,
.taqa-indoor-collection-hero.is-lamp-off
.taqa-indoor-hero__light-cone,
.taqa-indoor-collection-hero.is-lamp-off
.taqa-indoor-hero__light-floor{
  opacity:0;
}

/* Light mode needs a restrained warm pool, not a dark-mode glow copied over. */
body.taqa-theme-light
.taqa-indoor-hero__light-cone{
  background:
    linear-gradient(
      180deg,
      rgba(226,151,68,.14),
      rgba(192,96,36,.055) 43%,
      transparent 91%
    );
  opacity:.48;
}

body.taqa-theme-light
.taqa-indoor-hero__lamp-aura{
  opacity:.38;
}

/* ---------- centered editorial copy ---------- */

.taqa-indoor-hero__copy{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:clamp(42px,5vw,74px)!important;
  width:min(94%,1200px)!important;
  max-width:1200px!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
}

.taqa-indoor-hero__eyebrow{
  justify-content:center!important;
  margin:0 auto clamp(13px,1.4vw,21px)!important;
}

.taqa-indoor-hero__title{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  font-size:clamp(72px,8.7vw,154px)!important;
  line-height:.74!important;
  letter-spacing:-.075em!important;
  text-align:center!important;
}

.taqa-indoor-hero__title span{
  display:block!important;
  width:100%!important;
}

.taqa-indoor-hero__title span + span{
  margin-top:.08em;
}

.taqa-indoor-hero__meta{
  justify-content:center!important;
  margin-top:clamp(22px,2.4vw,34px)!important;
}

/* The lamp can illuminate the headline but must never kill readability. */
.taqa-indoor-collection-hero.is-lamp-on
.taqa-indoor-hero__title{
  text-shadow:
    0 -10px 52px rgba(220,142,57,.10);
}

.taqa-indoor-collection-hero.is-lamp-off
.taqa-indoor-hero__title{
  text-shadow:none;
}

/* ---------- compact independent lamp switch ---------- */

.taqa-indoor-hero__light-switch{
  position:absolute;
  z-index:12;
  right:clamp(18px,2.2vw,36px);
  top:clamp(20px,2.3vw,36px);
  width:66px;
  height:36px;
  padding:0 8px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:1fr 1fr;
  align-items:center;
  column-gap:7px;
  border:1px solid var(--taqa-border);
  border-radius:13px;
  color:var(--taqa-text);
  background:
    color-mix(in srgb,var(--taqa-surface) 86%,transparent);
  box-shadow:
    0 12px 28px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
  cursor:pointer;
  transition:
    transform .24s var(--taqa-ease),
    border-color .24s ease,
    background .24s ease;
}

.taqa-indoor-hero__switch-caption,
.taqa-indoor-hero__switch-state{
  font-family:"DM Sans",sans-serif;
  font-size:6px;
  font-weight:700;
  line-height:1;
  letter-spacing:.12em;
  text-align:left;
}

.taqa-indoor-hero__switch-caption{
  align-self:end;
  color:var(--taqa-muted);
}

.taqa-indoor-hero__switch-state{
  align-self:start;
  padding-top:3px;
  color:var(--taqa-orange-hi);
}

.taqa-indoor-hero__switch-track{
  grid-column:2;
  grid-row:1 / 3;
  position:relative;
  width:27px;
  height:17px;
  border-radius:999px;
  background:
    color-mix(in srgb,var(--taqa-page-bg) 74%,var(--taqa-steel));
  border:1px solid var(--taqa-border-strong);
}

.taqa-indoor-hero__switch-thumb{
  position:absolute;
  left:2px;
  top:2px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--taqa-muted);
  box-shadow:0 2px 5px rgba(0,0,0,.20);
  transition:
    transform .28s var(--taqa-ease),
    background .28s ease,
    box-shadow .28s ease;
}

.taqa-indoor-collection-hero.is-lamp-on
.taqa-indoor-hero__switch-thumb{
  transform:translateX(10px);
  background:var(--taqa-orange-hi);
  box-shadow:
    0 0 0 2px rgba(192,96,36,.12),
    0 0 12px rgba(224,126,56,.35);
}

@media(hover:hover) and (pointer:fine){
  .taqa-indoor-hero__light-switch:hover{
    transform:translateY(-2px);
    border-color:rgba(192,96,36,.42);
  }
}

/* ---------- entrance ---------- */

body.taqa-indoor-intro-pending
.taqa-indoor-hero__lamp-stage{
  opacity:0;
  transform:translateX(-50%) translateY(-160px);
}

.taqa-indoor-hero__lamp-stage{
  transition:
    transform 1.10s var(--taqa-ease),
    opacity .72s ease;
}

body.taqa-indoor-intro-ready
.taqa-indoor-hero__lamp-stage{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

body.taqa-indoor-intro-pending
.taqa-indoor-hero__light-switch{
  opacity:0;
  transform:translateY(-8px);
}

body.taqa-indoor-intro-ready
.taqa-indoor-hero__light-switch{
  opacity:1;
  transition-delay:.38s;
}

/* ---------- responsive ---------- */

@media(max-width:899px){
  .taqa-indoor-collection-hero{
    min-height:clamp(590px,95vw,720px)!important;
  }

  .taqa-indoor-hero__lamp-stage{
    top:-24%;
    width:clamp(245px,45vw,335px);
  }

  .taqa-indoor-hero__copy{
    bottom:38px!important;
    width:92%!important;
  }

  .taqa-indoor-hero__title{
    font-size:clamp(60px,13vw,102px)!important;
  }
}

@media(max-width:559px){
  .taqa-indoor-collection-hero{
    min-height:590px!important;
  }

  .taqa-indoor-hero__lamp-stage{
    top:-16%;
    width:245px;
  }

  .taqa-indoor-hero__copy{
    bottom:30px!important;
  }

  .taqa-indoor-hero__title{
    font-size:clamp(50px,16vw,76px)!important;
    line-height:.79!important;
  }

  .taqa-indoor-hero__eyebrow{
    font-size:8px!important;
    letter-spacing:.13em!important;
  }

  .taqa-indoor-hero__meta{
    gap:8px 10px!important;
    font-size:8px!important;
    letter-spacing:.10em!important;
  }

  .taqa-indoor-hero__light-switch{
    right:14px;
    top:14px;
    transform:scale(.92);
    transform-origin:100% 0;
  }
}

@media(prefers-reduced-motion:reduce){
  .taqa-indoor-hero__lamp-stage,
  .taqa-indoor-hero__lamp,
  .taqa-indoor-hero__lamp-aura,
  .taqa-indoor-hero__light-cone,
  .taqa-indoor-hero__light-floor,
  .taqa-indoor-hero__light-switch,
  .taqa-indoor-hero__switch-thumb{
    transition:none!important;
  }
}

/* =========================================================
   V3 — COMPACT COLLECTION HERO
   One-line collection title + vertical Liquid Glass light switch
   ========================================================= */

/* Compact the entire hero panel around the pendant + typography. */
.taqa-indoor-collection-hero{
  min-height:clamp(470px,34vw,570px)!important;
  margin-bottom:clamp(26px,3vw,42px)!important;
  border-radius:clamp(24px,2.2vw,36px)!important;
}

.taqa-indoor-hero__inner{
  min-height:inherit!important;
}

/* Pendant remains the visual source of the light, but uses less empty space. */
.taqa-indoor-hero__lamp-stage{
  top:-47%!important;
  width:clamp(245px,20vw,340px)!important;
}

.taqa-indoor-hero__lamp-aura{
  top:63%!important;
  width:120%!important;
  height:44%!important;
  filter:none!important;
}

.taqa-indoor-hero__light-cone{
  top:69%!important;
  width:176%!important;
  height:93%!important;
}

.taqa-indoor-hero__light-floor{
  top:135%!important;
  width:210%!important;
}

/* One-line title. No forced line breaks, no period. */
.taqa-indoor-hero__copy{
  bottom:clamp(40px,4.1vw,62px)!important;
  width:min(91%,1320px)!important;
  max-width:1320px!important;
}

.taqa-indoor-hero__eyebrow{
  margin-bottom:clamp(12px,1vw,16px)!important;
}

.taqa-indoor-hero__title{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:var(--taqa-text)!important;
  font-family:"DM Sans","Cairo",system-ui,sans-serif!important;
  font-size:clamp(54px,6.25vw,108px)!important;
  font-weight:500!important;
  line-height:.90!important;
  letter-spacing:-.066em!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
}

.taqa-indoor-hero__title span{
  display:inline!important;
}

.taqa-indoor-hero__title em{
  display:none!important;
}

.taqa-indoor-hero__meta{
  margin-top:clamp(17px,1.7vw,24px)!important;
}

/* ---------------------------------------------------------
   Vertical Liquid Glass light switch
   Art direction:
   - a floating control layer above the composition
   - soft refraction / specular highlights
   - translucent instead of opaque
   - restrained Energy Orange only for active state
   --------------------------------------------------------- */

.taqa-indoor-hero__light-switch{
  position:absolute!important;
  z-index:14!important;
  top:50%!important;
  right:clamp(18px,2vw,30px)!important;

  width:52px!important;
  height:126px!important;
  padding:10px 8px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;

  transform:translateY(-50%)!important;
  overflow:hidden!important;

  border:1px solid
    color-mix(in srgb,var(--taqa-text) 16%,transparent)!important;
  border-radius:999px!important;

  color:var(--taqa-text)!important;

  background:
    radial-gradient(
      circle at 24% 10%,
      rgba(255,255,255,.38),
      transparent 24%
    ),
    linear-gradient(
      155deg,
      color-mix(in srgb,var(--taqa-surface) 58%,transparent),
      color-mix(in srgb,var(--taqa-surface-2) 30%,transparent)
    )!important;

  -webkit-backdrop-filter:
    blur(18px)
    saturate(1.28)
    brightness(1.06)!important;
  backdrop-filter:
    blur(18px)
    saturate(1.28)
    brightness(1.06)!important;

  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.34),
    inset -1px -1px 0 rgba(255,255,255,.055),
    0 16px 34px rgba(0,0,0,.14),
    0 3px 10px rgba(0,0,0,.08)!important;

  cursor:pointer!important;
  isolation:isolate!important;

  transition:
    transform .32s var(--taqa-ease),
    border-color .28s ease,
    box-shadow .32s ease,
    background .32s ease!important;
}

/* Glass rim / specular sweep. */
.taqa-indoor-hero__light-switch::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;

  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.28),
      transparent 25%,
      transparent 66%,
      rgba(255,255,255,.08)
    )!important;

  opacity:.82!important;
}

/* Very soft refracted orange pool only when ON. */
.taqa-indoor-hero__light-switch::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:42px!important;
  height:42px!important;
  left:50%!important;
  bottom:6px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  pointer-events:none!important;

  background:
    radial-gradient(
      circle,
      rgba(192,96,36,.22),
      transparent 68%
    )!important;
  filter:blur(6px)!important;
  opacity:0!important;
  transition:opacity .28s ease!important;
}

.taqa-indoor-collection-hero.is-lamp-on
.taqa-indoor-hero__light-switch::after{
  opacity:1!important;
}

.taqa-indoor-hero__switch-caption{
  position:relative!important;
  z-index:2!important;

  display:block!important;
  flex:none!important;
  align-self:auto!important;

  color:var(--taqa-muted)!important;
  font:700 6px/1 "DM Sans",sans-serif!important;
  letter-spacing:.16em!important;
  text-align:center!important;
}

.taqa-indoor-hero__switch-state{
  position:relative!important;
  z-index:2!important;

  display:block!important;
  flex:none!important;
  align-self:auto!important;
  padding:0!important;

  color:var(--taqa-muted)!important;
  font:700 7px/1 "DM Sans",sans-serif!important;
  letter-spacing:.12em!important;
  text-align:center!important;

  transition:
    color .25s ease,
    text-shadow .25s ease!important;
}

.taqa-indoor-collection-hero.is-lamp-on
.taqa-indoor-hero__switch-state{
  color:var(--taqa-orange-hi)!important;
  text-shadow:0 0 12px rgba(192,96,36,.26)!important;
}

/* The actual vertical track. */
.taqa-indoor-hero__switch-track{
  position:relative!important;
  z-index:2!important;

  flex:1 1 auto!important;
  width:30px!important;
  min-height:66px!important;
  margin:1px 0!important;

  display:block!important;
  grid-column:auto!important;
  grid-row:auto!important;

  border:1px solid
    color-mix(in srgb,var(--taqa-text) 14%,transparent)!important;
  border-radius:999px!important;

  background:
    linear-gradient(
      180deg,
      color-mix(in srgb,var(--taqa-page-bg) 58%,transparent),
      color-mix(in srgb,var(--taqa-steel) 34%,transparent)
    )!important;

  box-shadow:
    inset 0 7px 14px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.12)!important;

  overflow:hidden!important;
}

/* Liquid knob: translucent, slightly elastic. */
.taqa-indoor-hero__switch-thumb{
  position:absolute!important;
  z-index:3!important;

  left:50%!important;
  top:4px!important;

  width:22px!important;
  height:28px!important;

  transform:
    translateX(-50%)
    translateY(0)
    scaleY(.92)!important;

  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.40)!important;

  background:
    radial-gradient(
      circle at 32% 20%,
      rgba(255,255,255,.78),
      rgba(255,255,255,.18) 28%,
      transparent 29%
    ),
    linear-gradient(
      160deg,
      rgba(255,255,255,.34),
      rgba(220,229,232,.12)
    )!important;

  -webkit-backdrop-filter:
    blur(8px)
    saturate(1.35)!important;
  backdrop-filter:
    blur(8px)
    saturate(1.35)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.64),
    0 5px 12px rgba(0,0,0,.18)!important;

  transition:
    transform .42s cubic-bezier(.22,1,.36,1),
    background .30s ease,
    box-shadow .30s ease!important;
}

.taqa-indoor-collection-hero.is-lamp-on
.taqa-indoor-hero__switch-thumb{
  transform:
    translateX(-50%)
    translateY(31px)
    scaleY(1.04)!important;

  background:
    radial-gradient(
      circle at 32% 18%,
      rgba(255,255,255,.72),
      rgba(255,255,255,.18) 26%,
      transparent 27%
    ),
    linear-gradient(
      160deg,
      rgba(232,148,76,.92),
      rgba(192,96,36,.74)
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    0 0 0 1px rgba(192,96,36,.12),
    0 8px 20px rgba(192,96,36,.28),
    0 0 20px rgba(192,96,36,.16)!important;
}

@media(hover:hover) and (pointer:fine){
  .taqa-indoor-hero__light-switch:hover{
    transform:translateY(-50%) scale(1.035)!important;
    border-color:
      color-mix(in srgb,var(--taqa-orange) 38%,var(--taqa-border))!important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.42),
      inset -1px -1px 0 rgba(255,255,255,.07),
      0 20px 42px rgba(0,0,0,.17),
      0 6px 18px rgba(0,0,0,.09)!important;
  }

  .taqa-indoor-hero__light-switch:active
  .taqa-indoor-hero__switch-thumb{
    height:32px!important;
  }
}

/* Light theme gets a clearer but still translucent glass edge. */
body.taqa-theme-light
.taqa-indoor-hero__light-switch{
  border-color:rgba(77,113,131,.18)!important;
  background:
    radial-gradient(
      circle at 24% 10%,
      rgba(255,255,255,.94),
      transparent 27%
    ),
    linear-gradient(
      155deg,
      rgba(255,255,255,.70),
      rgba(220,229,232,.34)
    )!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.95),
    inset -1px -1px 0 rgba(77,113,131,.06),
    0 15px 34px rgba(56,82,96,.10)!important;
}

/* ---------- medium + mobile ---------- */

@media(max-width:899px){
  .taqa-indoor-collection-hero{
    min-height:clamp(455px,74vw,560px)!important;
  }

  .taqa-indoor-hero__lamp-stage{
    top:-41%!important;
    width:clamp(230px,36vw,305px)!important;
  }

  .taqa-indoor-hero__title{
    font-size:clamp(43px,9.5vw,76px)!important;
  }

  .taqa-indoor-hero__light-switch{
    right:14px!important;
    width:48px!important;
    height:116px!important;
  }
}

@media(max-width:559px){
  .taqa-indoor-collection-hero{
    min-height:435px!important;
  }

  .taqa-indoor-hero__lamp-stage{
    top:-31%!important;
    width:220px!important;
  }

  .taqa-indoor-hero__copy{
    width:88%!important;
    bottom:28px!important;
  }

  .taqa-indoor-hero__title{
    font-size:clamp(31px,9.6vw,51px)!important;
    letter-spacing:-.052em!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }

  .taqa-indoor-hero__eyebrow{
    max-width:75%!important;
    margin-inline:auto!important;
    line-height:1.4!important;
  }

  .taqa-indoor-hero__light-switch{
    right:10px!important;
    top:50%!important;
    width:44px!important;
    height:106px!important;
    transform:translateY(-50%)!important;
  }

  .taqa-indoor-hero__switch-track{
    width:27px!important;
    min-height:58px!important;
  }

  .taqa-indoor-hero__switch-thumb{
    width:20px!important;
    height:24px!important;
  }

  .taqa-indoor-collection-hero.is-lamp-on
  .taqa-indoor-hero__switch-thumb{
    transform:
      translateX(-50%)
      translateY(27px)
      scaleY(1.04)!important;
  }
}

/* =========================================================
   V4 — VISUAL REFINEMENT
   lower pendant / blurred orange-grid cards / wrapper seam fix
   ========================================================= */

/* 1) Lower the pendant slightly without changing its scale. */
.taqa-indoor-hero__lamp-stage{
  top:-40%!important;
}

@media(max-width:899px){
  .taqa-indoor-hero__lamp-stage{
    top:-35%!important;
  }
}

@media(max-width:559px){
  .taqa-indoor-hero__lamp-stage{
    top:-26%!important;
  }
}

/* Keep the native collection label only, quietly. */
body.taqa-indoor-collection-active
.category_section_header_title{
  color:var(--taqa-muted)!important;
  opacity:.72!important;
}

/* 3) Product cards — stronger TAQA glass + subtle Energy Orange grid. */
.taqa-product-card{
  background:
    linear-gradient(
      rgba(192,96,36,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(192,96,36,.055) 1px,
      transparent 1px
    ),
    radial-gradient(
      circle at 88% 10%,
      rgba(192,96,36,.095),
      transparent 30%
    ),
    var(--taqa-card)!important;

  background-size:
    28px 28px,
    28px 28px,
    auto,
    auto!important;

    /* Production fake-glass: same visual language without per-card backdrop raster. */
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;

  border-color:
    color-mix(
      in srgb,
      var(--taqa-border) 72%,
      rgba(192,96,36,.26)
    )!important;
}

/* Refined glass edge + orange energy glint. */
.taqa-product-card::before{
  content:attr(data-taqa-index)!important;
  position:absolute!important;
  z-index:5!important;
  left:18px!important;
  top:17px!important;
  color:var(--taqa-muted)!important;
  font:700 9px/1 "DM Sans",sans-serif!important;
  letter-spacing:.17em!important;
  pointer-events:none!important;
  text-shadow:none;
}

.taqa-product-card::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:0!important;
  top:18%!important;
  width:2px!important;
  height:64%!important;
  border-radius:999px!important;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(192,96,36,.95) 34%,
      rgba(224,126,56,.72) 64%,
      transparent
    )!important;
  box-shadow:none!important;
  transform:scaleY(.18);
  transform-origin:center;
  opacity:.34;
  transition:
    transform .38s var(--taqa-ease),
    opacity .30s ease!important;
}

body.taqa-theme-dark
.taqa-product-card{
  background:
    radial-gradient(
      circle at 86% 10%,
      rgba(192,96,36,.10),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(17,30,42,.74),
      rgba(7,12,20,.60)
    )!important;

  border-color:rgba(192,96,36,.16)!important;
  box-shadow:
    0 12px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

body.taqa-theme-light
.taqa-product-card{
  background:
    radial-gradient(
      circle at 86% 10%,
      rgba(192,96,36,.055),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.90),
      rgba(236,243,246,.66)
    )!important;

  border-color:rgba(77,113,131,.15)!important;
  box-shadow:
    0 10px 28px rgba(42,67,82,.07),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
}

/* Media zone remains cleaner than the card body. */
.taqa-product-media{
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(255,255,255,.12),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      color-mix(in srgb,var(--taqa-surface) 72%,transparent),
      color-mix(in srgb,var(--taqa-surface-2) 48%,transparent)
    )!important;

  /* Background is already gradient-based; real backdrop blur adds cost with little visible gain. */
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  contain:paint;
}

/* 4) Dark mode wrapper continuity.
      Make header shell + app + collection share one continuous surface,
      so there is no hard cut between wrapper areas. */

body.taqa-theme-dark.taqa-indoor-collection-active,
body.taqa-theme-dark.taqa-indoor-collection-active .app_container{
  background:linear-gradient(
    180deg,
    #070C14 0%,
    #09111A 52%,
    #070C14 100%
  )!important;
}

body.taqa-theme-light .taqa-product-card{
  background:
    radial-gradient(
      circle at 85% 8%,
      rgba(192,96,36,.07),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.84),
      rgba(236,243,246,.60)
    )!important;
}

@media(hover:hover) and (pointer:fine){
  body.taqa-theme-dark .taqa-product-card:hover{
    background:
      radial-gradient(
        circle at 85% 8%,
        rgba(192,96,36,.17),
        transparent 35%
      ),
      linear-gradient(
        145deg,
        rgba(20,35,48,.82),
        rgba(7,12,20,.66)
      )!important;
  }
}

/* 2) Remove the large INDOOR / SYSTEMS watermark completely. */
body.taqa-indoor-collection-active
main.taqa-indoor-collection-main::after{
  content:none!important;
  display:none!important;
}

/* 3) Lower the pendant on desktop and mobile. */
.taqa-indoor-hero__lamp-stage{
  top:-31%!important;
}

@media(max-width:899px){
  .taqa-indoor-hero__lamp-stage{
    top:-27%!important;
  }
}

@media(max-width:559px){
  .taqa-indoor-hero__lamp-stage{
    top:-18%!important;
  }
}

/* 4) Make header + collection one continuous visual surface.
      The real EasyOrders header wrapper is:
      .app_container > .sticky
      with .default_header and .default_header_container inside it. */

body.taqa-indoor-collection-active{
  background:var(--taqa-page-bg)!important;
}

body.taqa-indoor-collection-active .app_container{
  position:relative!important;
  overflow:visible!important;
}

/* Collection main no longer owns a separate rectangular background. */
body.taqa-indoor-collection-active
main.taqa-indoor-collection-main{
  background:transparent!important;
  overflow:visible!important;
}

/* Explicit theme colors so EasyOrders bg-white utility cannot flash through. */
body.taqa-theme-dark.taqa-indoor-collection-active
.app_container > .sticky,
body.taqa-theme-dark.taqa-indoor-collection-active
.app_container > .sticky .default_header,
body.taqa-theme-dark.taqa-indoor-collection-active
.app_container > .sticky .default_header_container{
  color:#F4F7F8!important;
}

body.taqa-theme-light.taqa-indoor-collection-active
.app_container > .sticky,
body.taqa-theme-light.taqa-indoor-collection-active
.app_container > .sticky .default_header,
body.taqa-theme-light.taqa-indoor-collection-active
.app_container > .sticky .default_header_container{
  color:#0B121A!important;
}

/* Prevent rounded/overflow wrappers from visually chopping the collection top. */
body.taqa-indoor-collection-active
main.taqa-indoor-collection-main,
body.taqa-indoor-collection-active
.taqa-indoor-shell{
  overflow:visible!important;
}

/* Keep the hero itself clipped internally for the light cone,
   but give it enough top room after lowering the pendant. */
.taqa-indoor-collection-hero{
  overflow:hidden!important;
}

/* 5) Remove any leftover artificial PRODUCT INDEX label. */
body.taqa-indoor-collection-active
.category_section_header_title::before{
  content:none!important;
  display:none!important;
}

/* =========================================================
   V7 — TRUE CONTINUOUS PAGE SURFACE
   Remove the visual split between header wrapper and collection page.
   ========================================================= */

/* One single background owner for the whole page. */
body.taqa-indoor-collection-active .app_container{
  background:
    radial-gradient(
      52% 34% at 88% 17%,
      rgba(192,96,36,.085) 0%,
      rgba(192,96,36,.028) 42%,
      transparent 72%
    ),
    radial-gradient(
      48% 34% at 10% 30%,
      rgba(77,113,131,.085) 0%,
      rgba(77,113,131,.025) 44%,
      transparent 74%
    ),
    linear-gradient(
      180deg,
      var(--taqa-page-bg) 0%,
      var(--taqa-page-bg-2) 52%,
      var(--taqa-page-bg) 100%
    )!important;
}

/* IMPORTANT:
   Header wrapper must NOT paint its own rectangle.
   It sits transparently over the same .app_container surface. */
body.taqa-indoor-collection-active
.app_container > .sticky{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* EasyOrders bg-white wrappers inside the header must also stay transparent. */
body.taqa-indoor-collection-active
.app_container > .sticky .default_header,
body.taqa-indoor-collection-active
.app_container > .sticky .default_header_container{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Main and shell must not restart any background at their own top edge. */
body.taqa-indoor-collection-active
main.taqa-indoor-collection-main,
body.taqa-indoor-collection-active
.taqa-indoor-shell{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-top:0!important;
  box-shadow:none!important;
}

/* Aggressively kill legacy page-grid pseudo layers from previous versions. */
body.taqa-indoor-collection-active
main.taqa-indoor-collection-main::before,
body.taqa-indoor-collection-active
main.taqa-indoor-collection-main::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* Dark and light surfaces are continuous from the absolute top of .app_container. */
body.taqa-theme-dark.taqa-indoor-collection-active .app_container{
  background:
    radial-gradient(
      54% 36% at 89% 18%,
      rgba(192,96,36,.085) 0%,
      rgba(192,96,36,.025) 43%,
      transparent 73%
    ),
    radial-gradient(
      52% 38% at 8% 28%,
      rgba(77,113,131,.08) 0%,
      rgba(77,113,131,.022) 44%,
      transparent 76%
    ),
    linear-gradient(
      180deg,
      #070C14 0%,
      #09111A 52%,
      #070C14 100%
    )!important;
}

body.taqa-theme-light.taqa-indoor-collection-active .app_container{
  background:linear-gradient(
    180deg,
    #F4F7F8 0%,
    #EDF3F5 52%,
    #F4F7F8 100%
  )!important;
}

/* Keep the actual nav/menu pill glassy without turning the entire header
   into a separate painted block. */
body.taqa-indoor-collection-active
.app_container > .sticky nav{
  position:relative;
  z-index:1;
}

/* No hard horizontal line at the header/main handoff. */
body.taqa-indoor-collection-active
.app_container > .sticky + *{
  border-top:0!important;
  box-shadow:none!important;
}

/* If utility classes paint a white header on mobile, force transparency too. */
@media(max-width:1023px){
  body.taqa-indoor-collection-active
  .app_container > .sticky,
  body.taqa-indoor-collection-active
  .app_container > .sticky header,
  body.taqa-indoor-collection-active
  .app_container > .sticky nav{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
}

/* =========================================================
   V8 — REAL HEADER SPLIT FIX
   The old global/header CSS has a HIGH-SPECIFICITY rule:
   html.av-header-on-inner body div:has(> header.default_header)
   which paints a separate gradient on inner pages.
   Override THAT exact owner.
   ========================================================= */

html.av-header-on-inner
body.taqa-indoor-collection-active
div:has(> header.default_header){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Also neutralize the exact EasyOrders sticky shell with stronger specificity. */
html.av-header-on-inner
body.taqa-indoor-collection-active
.app_container > div.sticky.top-0.w-full.z-30{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* The native header/nav must never repaint another strip. */
html.av-header-on-inner
body.taqa-indoor-collection-active
.app_container > div.sticky.top-0.w-full.z-30
> header.default_header,
html.av-header-on-inner
body.taqa-indoor-collection-active
.app_container > div.sticky.top-0.w-full.z-30
nav.default_header_container{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Make body + app container the exact same continuous dark/light surface. */
html.av-header-on-inner
body.taqa-theme-dark.taqa-indoor-collection-active,
html.av-header-on-inner
body.taqa-theme-dark.taqa-indoor-collection-active
.app_container{
  background:#070C14!important;
}

html.av-header-on-inner
body.taqa-theme-light.taqa-indoor-collection-active,
html.av-header-on-inner
body.taqa-theme-light.taqa-indoor-collection-active
.app_container{
  background:#F4F7F8!important;
}

/* Re-add the art-direction atmosphere as one overlay on app_container,
   not as separate wrapper backgrounds. */
body.taqa-indoor-collection-active .app_container::before{
  content:none!important;
  display:none!important;
}

body.taqa-indoor-collection-active
.app_container > div.sticky,
body.taqa-indoor-collection-active
.app_container > main{
  position:relative;
  z-index:1;
}

/* Absolutely no separator at the handoff. */
html.av-header-on-inner
body.taqa-indoor-collection-active
div:has(> header.default_header) + main{
  border-top:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Keep the main on the same surface as the header at every breakpoint. */
body.taqa-theme-dark.taqa-indoor-collection-active
main.taqa-indoor-collection-main,
body.taqa-theme-light.taqa-indoor-collection-active
main.taqa-indoor-collection-main{
  background:transparent!important;
  background-image:none!important;
}

/* =========================================================
   V9 — PRODUCTION PAINT PERFORMANCE
   - no per-card backdrop blur
   - no forced translateZ compositor layer per card
   - large hero glows use gradients instead of filter:blur()
   - collection atmosphere is one viewport-sized fixed layer
   - intentionally NO content-visibility:auto (prevents late blank paint)
   ========================================================= */


/* =========================================================
   V10 — PRODUCTION PERFORMANCE FINAL
   ========================================================= */
body.taqa-indoor-collection-active .category_products_grid_container{
  contain:layout style;
}

.taqa-product-cell{
  contain:layout paint style;
}

.taqa-product-card{
  will-change:auto!important;
}

.taqa-indoor-collection-hero{
  contain:layout paint style;
}

/* Never defer actual painting with content-visibility on this page. */
body.taqa-indoor-collection-active *{
  content-visibility:visible;
}