/* FIGGZ Marketplace V263 - storefront polish: live category/brand media, hover departments, RTL/header correction. */
body.figgz-v263{font-size:15px}
body.figgz-v263.figgz-v263-rtl{font-family:Tahoma,"Arial",sans-serif;font-size:15px}
body.figgz-v263 .fz262-wide,
body.figgz-v263 .fz262-shell{width:min(1500px,calc(100% - 40px))}

/* Header: keep physical layout stable in both language directions. */
body.figgz-v263 .fz262-topbar-row{font-size:12.5px}
body.figgz-v263 .fz262-head-row{
  direction:ltr;
  grid-template-columns:190px minmax(470px,1fr) auto;
  grid-template-areas:"logo search actions";
  gap:18px;
  min-height:82px;
}
body.figgz-v263.figgz-v263-rtl .fz262-head-row{
  direction:ltr;
  grid-template-columns:auto minmax(470px,1fr) 190px;
  grid-template-areas:"actions search logo";
}
body.figgz-v263 .fz262-logo{direction:ltr;justify-self:start}
body.figgz-v263.figgz-v263-rtl .fz262-logo{direction:rtl;justify-self:end}
body.figgz-v263 .fz262-search{direction:ltr;min-width:0}
body.figgz-v263.figgz-v263-rtl .fz262-search{direction:rtl}
body.figgz-v263 .fz262-head-actions{
  direction:ltr;
  justify-content:flex-end;
  gap:10px;
  max-width:540px;
  min-width:0;
  overflow:visible;
}
body.figgz-v263.figgz-v263-rtl .fz262-head-actions{direction:rtl;justify-content:flex-start}
body.figgz-v263 .fz262-account{min-width:0;max-width:175px;overflow:hidden}
body.figgz-v263 .fz262-account>span{min-width:0;overflow:hidden}
body.figgz-v263 .fz262-account small,
body.figgz-v263 .fz262-account b{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.figgz-v263 .fz262-account small{font-size:10px}
body.figgz-v263 .fz262-account b{font-size:12px}
body.figgz-v263 .fz262-language select,
body.figgz-v263 .fz262-currency{font-size:12px;padding-inline:10px}
body.figgz-v263 .fz262-icon-link{font-size:12px}
body.figgz-v263 .fz262-navscroll a{font-size:13.5px;padding-inline:15px}
body.figgz-v263.figgz-v263-rtl .fz262-navscroll{direction:rtl}
body.figgz-v263.figgz-v263-rtl .fz262-navscroll a{font-size:14px}
body.figgz-v263.figgz-v263-rtl .fz262-topbar-row{direction:rtl}
body.figgz-v263.figgz-v263-rtl .fz262-welcome{text-align:right}
body.figgz-v263.figgz-v263-rtl .fz262-utility{direction:rtl}

/* Hero layout: explicitly pin departments to left in EN and right in AR. */
body.figgz-v263 .fz262-hero-grid{
  direction:ltr;
  grid-template-columns:260px minmax(0,1fr) 270px;
  grid-template-areas:"dept hero promo";
  gap:16px;
  align-items:stretch;
  position:relative;
}
body.figgz-v263.figgz-v263-rtl .fz262-hero-grid{
  direction:ltr;
  grid-template-columns:270px minmax(0,1fr) 260px;
  grid-template-areas:"promo hero dept";
}
body.figgz-v263.figgz-v263-rtl .fz262-departments,
body.figgz-v263.figgz-v263-rtl .fz262-hero-art,
body.figgz-v263.figgz-v263-rtl .fz262-promos{direction:rtl}
body.figgz-v263 .fz262-hero-art img{width:100%;height:100%!important;object-fit:cover!important;object-position:center!important}

/* Promotion cards: remove the white empty area while preserving the supplied artwork. */
body.figgz-v263 .fz262-promos{display:grid;grid-template-rows:1fr 1fr;gap:16px;align-self:stretch}
body.figgz-v263 .fz262-promos a{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}
body.figgz-v263 .fz262-promos a:first-child{background:#ffd018}
body.figgz-v263 .fz262-promos a:nth-child(2){background:#171717}
body.figgz-v263 .fz262-promos img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important}

/* Department menu: use live imagery and open child navigation on cursor hover. */
body.figgz-v263 .fz262-departments{overflow:visible;position:relative;z-index:60}
body.figgz-v263 .fz262-departments nav{position:relative;padding:6px 0}
body.figgz-v263 .fz263-dept-row{position:relative}
body.figgz-v263 .fz263-dept-trigger{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 12px;
  min-height:42px;
  padding:6px 14px;
  gap:10px;
  align-items:center;
  color:#292d33!important;
  font-size:13.5px;
  font-weight:780;
}
body.figgz-v263.figgz-v263-rtl .fz263-dept-trigger{grid-template-columns:12px minmax(0,1fr) 30px;font-size:14px;text-align:right}
body.figgz-v263.figgz-v263-rtl .fz263-dept-trigger .fz262-dept-icon{grid-column:3}
body.figgz-v263.figgz-v263-rtl .fz263-dept-trigger>span:nth-child(2){grid-column:2;grid-row:1}
body.figgz-v263.figgz-v263-rtl .fz263-dept-trigger>i{grid-column:1;grid-row:1}
body.figgz-v263 .fz263-dept-row:hover>.fz263-dept-trigger,
body.figgz-v263 .fz263-dept-row.is-open>.fz263-dept-trigger,
body.figgz-v263 .fz263-dept-row:focus-within>.fz263-dept-trigger{background:#fff8d6;color:#111!important}
body.figgz-v263 .fz263-photo-icon{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#f3f4f6;border:1px solid #e1e4e8}
body.figgz-v263 .fz263-photo-icon img{width:100%;height:100%!important;object-fit:cover!important}
body.figgz-v263 .fz263-dept-flyout{
  display:none;
  position:absolute;
  inset-block-start:-6px;
  inset-inline-start:100%;
  width:440px;
  background:#fff;
  border:1px solid #dfe3e8;
  border-radius:11px;
  box-shadow:0 18px 42px rgba(15,23,42,.18);
  padding:14px;
  z-index:120;
  text-align:start;
}
body.figgz-v263 .fz263-dept-row:hover>.fz263-dept-flyout,
body.figgz-v263 .fz263-dept-row.is-open>.fz263-dept-flyout,
body.figgz-v263 .fz263-dept-row:focus-within>.fz263-dept-flyout{display:block}
body.figgz-v263 .fz263-flyout-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 12px;border-bottom:1px solid #eceff2}
body.figgz-v263 .fz263-flyout-head strong{font-size:16px;color:#111}
body.figgz-v263 .fz263-flyout-head a{color:#cf1b22!important;font-size:12px;font-weight:900}
body.figgz-v263 .fz263-flyout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:12px}
body.figgz-v263 .fz263-flyout-grid>a{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:70px!important;padding:6px!important;border:1px solid #eceff2!important;border-radius:8px!important;background:#fff!important;color:#24272c!important}
body.figgz-v263 .fz263-flyout-grid>a:hover{border-color:#e0ba00!important;background:#fff9dc!important}
body.figgz-v263 .fz263-flyout-grid>a>span{width:58px;height:58px;border-radius:7px;overflow:hidden;background:#f7f7f8;display:grid;place-items:center}
body.figgz-v263 .fz263-flyout-grid img{width:100%;height:100%!important;object-fit:cover!important}
body.figgz-v263 .fz263-flyout-grid svg{width:26px;height:26px;fill:none;stroke:#333}
body.figgz-v263 .fz263-flyout-grid b{font-size:12.5px;line-height:1.25}
body.figgz-v263 .fz262-more-dept-row .fz263-dept-trigger{border-top:1px solid #eef0f2;margin-top:4px}

/* Popular categories: every real category uses a real category/product image. */
body.figgz-v263 .fz262-popular-circle{width:72px;height:72px;background:#fff;border-color:#dde2e7}
body.figgz-v263 .fz262-popular-circle img{width:100%;height:100%!important;object-fit:cover!important}
body.figgz-v263 .fz262-popular-item{font-size:12.5px;gap:9px}
body.figgz-v263 .fz262-popular-item b{font-size:12.5px;line-height:1.2}
body.figgz-v263 .fz263-all-categories{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;padding:0}
body.figgz-v263 .fz263-all-categories>i{display:block;overflow:hidden;min-width:0;min-height:0}
body.figgz-v263 .fz263-all-categories>i img{width:100%;height:100%!important;object-fit:cover!important}

/* Brand cards: use actual brand logo/term media or a real product image from that brand. */
body.figgz-v263 .fz262-brand-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;padding:0 18px 20px}
body.figgz-v263 .fz262-brand-grid .fz263-brand-card{
  height:108px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px;
  border:1px solid #e2e5e8;
  border-radius:9px;
  background:#fff;
  color:#17191c!important;
  overflow:hidden;
}
body.figgz-v263 .fz263-brand-media{height:65px;width:100%;display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#fafafa}
body.figgz-v263 .fz263-brand-media img{width:100%;height:100%!important;object-fit:contain!important;padding:3px}
body.figgz-v263 .fz263-brand-card>b{font-size:12.5px;line-height:1.1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.figgz-v263 .fz263-brand-wordmark{font-size:18px;font-weight:950;letter-spacing:.2px;text-align:center;padding:4px}

/* Typography consistency. */
body.figgz-v263 .fz262-dept-head strong,
body.figgz-v263 .fz262-section-head h2{font-size:18px}
body.figgz-v263 .fz262-section-head h3{font-size:16px}
body.figgz-v263 .fz262-product-title{font-size:13.5px}
body.figgz-v263 .fz262-product-price{font-size:17px}
body.figgz-v263.figgz-v263-rtl .fz262-dept-head strong,
body.figgz-v263.figgz-v263-rtl .fz262-section-head h2{font-size:19px}
body.figgz-v263.figgz-v263-rtl .fz262-section-head h3{font-size:17px}
body.figgz-v263.figgz-v263-rtl .fz262-product-title{font-size:13.5px;line-height:1.45}

@media(max-width:1260px){
  body.figgz-v263 .fz262-wide,body.figgz-v263 .fz262-shell{width:min(1180px,calc(100% - 28px))}
  body.figgz-v263 .fz262-head-row{grid-template-columns:170px minmax(360px,1fr) auto;gap:12px}
  body.figgz-v263.figgz-v263-rtl .fz262-head-row{grid-template-columns:auto minmax(360px,1fr) 170px}
  body.figgz-v263 .fz262-head-actions{max-width:440px;gap:7px}
  body.figgz-v263 .fz262-account small{max-width:95px}
  body.figgz-v263 .fz262-account b{max-width:105px}
  body.figgz-v263 .fz262-hero-grid{grid-template-columns:225px minmax(0,1fr) 230px;gap:12px}
  body.figgz-v263.figgz-v263-rtl .fz262-hero-grid{grid-template-columns:230px minmax(0,1fr) 225px}
  body.figgz-v263 .fz263-dept-flyout{width:380px}
  body.figgz-v263 .fz262-popular-circle{width:64px;height:64px}
  body.figgz-v263 .fz262-brand-grid{grid-template-columns:repeat(5,1fr)}
}

@media(max-width:980px){
  body.figgz-v263 .fz262-head-row,
  body.figgz-v263.figgz-v263-rtl .fz262-head-row{grid-template-columns:150px 1fr;grid-template-areas:"logo actions" "search search";direction:ltr}
  body.figgz-v263.figgz-v263-rtl .fz262-head-row{grid-template-areas:"actions logo" "search search"}
  body.figgz-v263 .fz262-hero-grid,
  body.figgz-v263.figgz-v263-rtl .fz262-hero-grid{direction:inherit;grid-template-columns:1fr;grid-template-areas:"hero" "promo" "dept"}
  body.figgz-v263 .fz262-promos{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  body.figgz-v263 .fz262-promos a{aspect-ratio:236/195}
  body.figgz-v263 .fz262-departments{overflow:hidden}
  body.figgz-v263 .fz263-dept-flyout{display:none!important}
  body.figgz-v263 .fz262-brand-grid{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:680px){
  body.figgz-v263{font-size:14px}
  body.figgz-v263 .fz262-wide,body.figgz-v263 .fz262-shell{width:calc(100% - 18px)}
  body.figgz-v263 .fz262-popular-circle{width:60px;height:60px}
  body.figgz-v263 .fz262-brand-grid{grid-template-columns:repeat(2,1fr)}
  body.figgz-v263 .fz262-brand-grid .fz263-brand-card{height:100px}
}
body.figgz-v263 .fz262-currency i,body.figgz-v263 .fz263-country i{font-style:normal;margin-inline-start:4px}
body.figgz-v263 .fz263-country{display:inline-flex;align-items:center;direction:ltr}
body.figgz-v263 .fz262-currency{direction:ltr;gap:2px}
body.figgz-v263 .fz263-brand-media.has-photo{grid-template-columns:minmax(0,1.1fr) minmax(42px,.9fr);gap:6px;padding:4px}
body.figgz-v263 .fz263-brand-logo-slot,body.figgz-v263 .fz263-brand-photo-slot{height:100%;min-width:0;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#fff}
body.figgz-v263 .fz263-brand-photo-slot{background:#f6f7f8}
body.figgz-v263 .fz263-brand-logo-slot img{width:100%;height:100%!important;object-fit:contain!important}
body.figgz-v263 .fz263-brand-photo-slot img{width:100%;height:100%!important;object-fit:cover!important}