/* ==========================================================================
   Royal Scents — responsive comparison tables
   Desktop: normal table. Mobile (<= 781px): each row becomes a labelled card.

   HOW THIS WORKS: no page content is modified. WordPress puts a page-id-NNN
   class on <body>, so the column labels for each table are declared here,
   matched by column position with :nth-child(). If you REORDER OR ADD A
   COLUMN in any table below, update its label block here to match, or the
   mobile labels will be wrong.

   NEWER PAGES should use the class-based rules at the bottom of this file
   (.rs-t-nostack / .rs-t-spray) instead of position-based selectors — those
   survive tables being added or removed.
   ========================================================================== */

/* --- Base (all widths) --------------------------------------------------- */

.wp-block-table { margin: 1.75rem 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.wp-block-table > table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 0.95rem;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #e6e2dd;
  border-radius: 8px;
  overflow: hidden;
}

/* header row — some tables use <thead>, others put <th> in the first tbody row */
.wp-block-table thead th,
.wp-block-table tbody tr:first-child th {
  background: #0f3d36;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .7rem .85rem;
  text-align: left;
  border: none;
}

.wp-block-table td {
  padding: .7rem .85rem;
  border-bottom: 1px solid #e6e2dd;
  vertical-align: top;
}

.wp-block-table tbody tr:last-child td { border-bottom: none; }
.wp-block-table tbody tr:nth-child(even) td { background: #faf9f7; }

.wp-block-table tfoot td {
  background: #f2ede8;
  font-weight: 600;
  padding: .8rem .85rem;
  border-bottom: none;
  line-height: 1.5;
}

/* ==========================================================================
   MOBILE — stacked cards
   Applies to every table except page 103's second table (rowspan).
   ========================================================================== */

@media (max-width: 781px) {

  body:not(.page-id-103) .wp-block-table,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) {
    overflow: visible !important;
  }

  body:not(.page-id-103) .wp-block-table > table,
  body:not(.page-id-103) .wp-block-table tbody,
  body:not(.page-id-103) .wp-block-table tfoot,
  body:not(.page-id-103) .wp-block-table tr,
  body:not(.page-id-103) .wp-block-table td,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) > table,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tfoot,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tr,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) td {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }

  body:not(.page-id-103) .wp-block-table > table,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) > table {
    border: none;
    background: none;
    font-size: 0.95rem;
  }

  /* the header row is redundant once every cell carries its own label */
  body:not(.page-id-103) .wp-block-table thead,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) thead {
    display: none;
  }

  body:not(.page-id-103) .wp-block-table tbody tr,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody tr {
    margin: 0 0 .9rem;
    border: 1px solid #e6e2dd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
  }

  body:not(.page-id-103) .wp-block-table tbody td,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody td {
    display: flex;
    gap: .9rem;
    align-items: baseline;
    padding: .6rem .9rem;
    border-bottom: 1px solid #f0ece6;
    background: none !important;
  }

  body:not(.page-id-103) .wp-block-table tbody tr td:last-child,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody tr td:last-child {
    border-bottom: none;
  }

  /* default label source; the per-page blocks below override the text */
  body:not(.page-id-103) .wp-block-table tbody td::before,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody td::before {
    content: attr(data-label);
    flex: 0 0 36%;
    max-width: 36%;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #5e6864;
    line-height: 1.85;
  }

  /* first cell of each row becomes the card title */
  body:not(.page-id-103) .wp-block-table tbody td:first-child,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody td:first-child {
    display: block;
    background: #0f3d36 !important;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    padding: .7rem .9rem;
    border-bottom: none;
  }
  body:not(.page-id-103) .wp-block-table tbody td:first-child::before,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody td:first-child::before {
    content: none;
  }
  body:not(.page-id-103) .wp-block-table tbody td:first-child a,
  body:not(.page-id-103) .wp-block-table tbody td:first-child strong,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody td:first-child a,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody td:first-child strong {
    color: #fff;
  }
  body:not(.page-id-103) .wp-block-table tbody td:first-child a,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tbody td:first-child a {
    text-decoration: underline;
  }

  /* summary/footer rows read as a panel, not a card */
  body:not(.page-id-103) .wp-block-table tfoot tr,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tfoot tr {
    border: none; background: none; box-shadow: none;
  }
  body:not(.page-id-103) .wp-block-table tfoot td,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tfoot td {
    background: #f2ede8 !important;
    border-radius: 10px;
    text-align: left !important;
    font-size: .9rem;
  }
  body:not(.page-id-103) .wp-block-table tfoot td::before,
  .page-id-103 figure.wp-block-table:not(:nth-of-type(2)) tfoot td::before {
    content: none;
  }

  /* ---- tables whose header row lives inside <tbody>: hide it on mobile --- */
  

  /* ======================================================================
     COLUMN LABELS — one block per table, matched by column position.
     ====================================================================== */

  /* --- 125 · Which Lattafa Yara to Buy --------------------------------- */
  
  
  
  
  

  /* --- 120 · Which Khamrah Is Best — table 1 (trilogy comparison) ------- */
  
  
  

  /* --- 120 · table 2 (sweetness spectrum) ------------------------------ */
  
  
  

  /* --- 103 · Tom Ford Dupes — table 1 (scent index) -------------------- */
  
  

  /* --- 103 · table 2 = pricing table, NOT stacked (rowspan) ------------- */

  /* --- 103 · table 3 (Tobacco Vanille note pyramid) -------------------- */
  
  

  /* --- 103 · table 4 (Tuscan / Ombre Leather note pyramid) ------------- */
  
  
  

  /* --- 103 · table 5 (Oud Wood note pyramid) --------------------------- */
  
  

  /* --- 103 · table 6 (Tobacco Oud note pyramid) ------------------------ */
  
  

  /* --- 141 · Best Lattafa Eid Gifts ------------------------------------ */
  
  

  /* --- 139 · Lattafa vs Designer --------------------------------------- */
  
  
  

  /* --- 137 · Is Lattafa Worth It --------------------------------------- */
  
  

  /* --- 135 · Best Winter Perfumes -------------------------------------- */
  
  
  

  /* --- 133 · Halal / Alcohol Denat ------------------------------------- */
  
  

  /* --- 131 / 1908 · Maceration Guide (1908 is the live V2) ------------- */
  
  

  /* --- 129 · Authentication Guide -------------------------------------- */
  
  
}

/* ==========================================================================
   CLASS-BASED TABLE BEHAVIOUR  (preferred over the position rules above)
   Add the class to the table block in the editor and it behaves correctly
   on every page, no matter how many other tables sit around it.

     .rs-t-nostack  — table contains a rowspan, so stacking would scramble
                      it. Keeps a horizontal scroll on mobile instead.
     .rs-t-spray    — the maceration spray/storage table; stacks into cards
                      with the right labels on any page.
   ========================================================================== */

body .wp-block-table.rs-t-nostack { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

@media (max-width: 781px) {
  body .wp-block-table.rs-t-nostack > table {
    display: table !important;
    min-width: 640px !important;
    border: 1px solid #e6e2dd !important;
    background: #fff !important;
    font-size: .84rem;
  }
  body .wp-block-table.rs-t-nostack thead { display: table-header-group !important; }
  body .wp-block-table.rs-t-nostack tbody { display: table-row-group !important; }
  body .wp-block-table.rs-t-nostack tfoot { display: table-footer-group !important; }
  body .wp-block-table.rs-t-nostack tr {
    display: table-row !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none !important;
  }
  body .wp-block-table.rs-t-nostack td,
  body .wp-block-table.rs-t-nostack th {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    padding: .6rem .7rem !important;
    border-bottom: 1px solid #e6e2dd !important;
    background: none !important;
    color: inherit !important;
  }
  body .wp-block-table.rs-t-nostack td::before { content: none !important; }
  body .wp-block-table.rs-t-nostack th {
    background: #0f3d36 !important;
    color: #fff !important;
    font-weight: 600;
  }
  body .wp-block-table.rs-t-nostack tfoot td { background: #f2ede8 !important; }

  /* --- spray & storage: force the card layout regardless of page --------- */
  body .wp-block-table.rs-t-spray { overflow: visible !important; }
  body .wp-block-table.rs-t-spray > table,
  body .wp-block-table.rs-t-spray tbody,
  body .wp-block-table.rs-t-spray tr,
  body .wp-block-table.rs-t-spray td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body .wp-block-table.rs-t-spray > table { border: none !important; background: none !important; }
  body .wp-block-table.rs-t-spray thead { display: none !important; }
  body .wp-block-table.rs-t-spray tbody tr {
    margin: 0 0 .9rem !important;
    border: 1px solid #e6e2dd !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
  }
  body .wp-block-table.rs-t-spray tbody td {
    display: flex !important;
    gap: .9rem;
    align-items: baseline;
    padding: .6rem .9rem !important;
    border-bottom: 1px solid #f0ece6 !important;
    background: none !important;
  }
  body .wp-block-table.rs-t-spray tbody tr td:last-child { border-bottom: none !important; }
  body .wp-block-table.rs-t-spray tbody td:first-child {
    display: block !important;
    background: #0f3d36 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 1rem;
    padding: .7rem .9rem !important;
    border-bottom: none !important;
  }
  body .wp-block-table.rs-t-spray tbody td:first-child strong { color: #fff; }
  body .wp-block-table.rs-t-spray tbody td:first-child::before { content: none !important; }
  body .wp-block-table.rs-t-spray tbody td::before {
    flex: 0 0 36%;
    max-width: 36%;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #5e6864;
    line-height: 1.85;
  }
  body .wp-block-table.rs-t-spray tbody td:nth-child(2)::before { content: "Sprays" !important; }
  body .wp-block-table.rs-t-spray tbody td:nth-child(3)::before { content: "Rest before judging" !important; }
  body .wp-block-table.rs-t-spray tbody td:nth-child(4)::before { content: "Layers well with" !important; }
}

/* ==========================================================================
   Royal Scents — guide components (.rs-*)
   Overrides for the in-page component CSS. Higher specificity via `body`
   so these win regardless of source order.
   ========================================================================== */

/* --- "Jump to" list: force an exactly even left/right split --------------
   CSS multi-column balances by HEIGHT, so a long item that wraps onto two
   lines pushes the left column taller than the right. Grid with an explicit
   row count splits by ITEM COUNT instead, and equal-width columns keep the
   two halves visually level.
   ------------------------------------------------------------------------ */
@supports selector(:has(*)) {

  body .rs-toc ol {
    columns: auto;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-template-rows: repeat(4, auto);   /* up to 8 items  -> 4 + 4 */
    column-gap: 2.2rem;
    row-gap: .3rem;
    padding-left: 0;
    margin: 0;
  }

  body .rs-toc ol:has(li:nth-child(9))  { grid-template-rows: repeat(5, auto); }  /*  9-10 items */
  body .rs-toc ol:has(li:nth-child(11)) { grid-template-rows: repeat(6, auto); }  /* 11-12 items */
  body .rs-toc ol:has(li:nth-child(13)) { grid-template-rows: repeat(7, auto); }  /* 13-14 items */

  body .rs-toc ol li {
    margin: 0 0 0 1.4rem;
    break-inside: auto;
    padding-left: .1rem;
  }

  @media (max-width: 680px) {
    body .rs-toc ol {
      grid-auto-flow: row;
      grid-auto-columns: auto;
      grid-template-rows: none;
      grid-template-columns: 1fr;
      row-gap: .35rem;
    }
  }
}

/* --- Cost-stack caption: promote the takeaway to a highlighted band ------ */
body .rs-stack-foot {
  padding: 1.5rem 1.6rem 1.6rem;
  background: radial-gradient(circle at 88% -30%, rgba(217,185,138,.26), rgba(0,0,0,0) 58%), #0f3d36;
  border-top: 3px solid #d9b98a;
  color: #cfd8d3;
  font-size: 1rem;
  line-height: 1.68;
  letter-spacing: .005em;
}

body .rs-stack-foot::before {
  content: "The point";
  display: block;
  width: fit-content;
  font-size: .64rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 700;
  color: #0e2e29;
  background: linear-gradient(135deg, #ebd3ae, #d9b98a);
  padding: .3rem .78rem;
  border-radius: 999px;
  margin-bottom: .8rem;
}

body .rs-stack-foot b { color: #f7f3ef; font-weight: 600; }

body .rs-stack-foot b:last-of-type {
  color: #ebd3ae;
  box-shadow: inset 0 -.52em 0 rgba(217,185,138,.18);
}

@media (max-width: 680px) {
  body .rs-stack-foot { padding: 1.25rem 1.1rem 1.3rem; font-size: .95rem; }
}

/* ==========================================================================
   WooCommerce [products] grids inside content pages (guides, landing pages)
   NOT the shop/category archives — those keep the theme's own layout.

   The default float layout gives every card its own height, so titles of
   different lengths knock the prices and buttons out of line and the last
   card can overflow the container. Grid + a flex card fixes both: equal
   columns, price pinned to the bottom of the link, button pinned to the
   bottom of the card. Everything lines up on one baseline.

   NOTE ON SELECTORS: on these pages `.woocommerce` is a DIV the shortcode
   prints, so `.woocommerce ul.products` matches. On a category archive the
   `woocommerce` class sits on <body> itself, so the same selector matches
   nothing there — see the Khamrah archive block at the end of this file.
   ========================================================================== */

body.page .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  margin: 1.9rem 0 !important;
  padding: 0 !important;
  list-style: none;
}
body.page .woocommerce ul.products::before,
body.page .woocommerce ul.products::after { content: none !important; display: none !important; }

body.page .woocommerce ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e6e2dd;
  border-radius: 14px;
  padding: .9rem .9rem 1rem;
  text-align: center;
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
body.page .woocommerce ul.products li.product:hover {
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
  transform: translateY(-3px);
  border-color: #ddcfc5;
}

/* the product link becomes the growing part of the card */
body.page .woocommerce ul.products li.product > a:not(.button) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  text-decoration: none;
}

body.page .woocommerce ul.products li.product img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #faf9f7;
  border-radius: 10px;
  padding: .5rem;
  margin: 0 0 .8rem !important;
  display: block;
  box-sizing: border-box;
}

body.page .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: .88rem !important;
  line-height: 1.45;
  font-weight: 600;
  color: #0f3d36 !important;
  margin: 0 0 .5rem !important;
  padding: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* auto top margin drops the price to a shared baseline across all cards */
body.page .woocommerce ul.products li.product .price {
  display: block;
  font-size: 1.05rem !important;
  font-weight: 700;
  color: #0f3d36 !important;
  margin: auto 0 .9rem !important;
  padding-top: .35rem;
}
body.page .woocommerce ul.products li.product .price del { opacity: .5; font-weight: 400; font-size: .85em; margin-right: .3rem; }
body.page .woocommerce ul.products li.product .price ins { text-decoration: none; color: #985026; }
body.page .woocommerce ul.products li.product .star-rating { margin: 0 auto .5rem !important; font-size: .78rem; }

body.page .woocommerce ul.products li.product .button {
  margin-top: auto !important;
  width: 100%;
  display: block;
  box-sizing: border-box;
  background: #0f3d36 !important;
  color: #fff !important;
  border: 1px solid #0f3d36 !important;
  border-radius: 999px !important;
  padding: .62rem .8rem !important;
  font-size: .75rem !important;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: .15s;
}
body.page .woocommerce ul.products li.product .button:hover {
  background: #985026 !important;
  border-color: #985026 !important;
  color: #fff !important;
}
body.page .woocommerce ul.products li.product .added_to_cart {
  display: block;
  margin-top: .5rem;
  font-size: .75rem;
  font-weight: 600;
  color: #985026;
}

/* single-product callouts: [products ids="68" columns="1"] */
body.page .woocommerce ul.products.columns-1 {
  grid-template-columns: minmax(0, 300px);
  justify-content: center;
}

@media (max-width: 900px) {
  body.page .woocommerce ul.products { grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); }
}
@media (max-width: 560px) {
  body.page .woocommerce ul.products { grid-template-columns: 1fr 1fr; gap: .75rem; }
  body.page .woocommerce ul.products li.product { padding: .7rem .7rem .8rem; }
  body.page .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .82rem !important; }
  body.page .woocommerce ul.products li.product .button { font-size: .68rem !important; letter-spacing: .04em; }
}

/* ==========================================================================
   LATTAFA KHAMRAH COLLECTION ARCHIVE
   body.term-lattafa-khamrah-collection  (product_cat term 16)

   Two problems the theme creates here:
     1. Astra renders the archive as a 3-column grid. Four products break as
        3 + 1, leaving an orphan card alone on the second row.
     2. Every card sizes itself independently, so the one title that wraps
        onto a second line pushes that card's price and button ~22px below
        its neighbours'.

   Fix: a forced 2 x 2 grid, and a flex card with a two-line title box, so
   image, title, price and button all sit on shared baselines. Scoped to
   this term only — every other archive keeps the theme's own layout.

   SELECTORS: on an archive the `woocommerce` class is on <body>, not on a
   wrapper div, so these must NOT be written as `.woocommerce ul.products`.
   Doubling up the two body classes buys the specificity needed to beat
   Astra's own `.woocommerce ul.products.columns-3` rules.
   ========================================================================== */

body.term-lattafa-khamrah-collection.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.6rem 1.5rem !important;
  margin: 2rem 0 2.6rem !important;
  padding: 0 !important;
  list-style: none !important;
}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products::before,
body.term-lattafa-khamrah-collection.woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}

body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e6e2dd;
  border-radius: 16px;
  padding: 1.1rem 1.1rem 1.2rem !important;
  text-align: center !important;
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,.09);
  transform: translateY(-3px);
  border-color: #ddcfc5;
}

/* thumbnail capped at the 300px source width so the bottle stays crisp
   even though the card itself is now much wider */
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap {
  width: 100%;
  max-width: 300px;
  margin: 0 auto .95rem !important;
}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product img {
  width: 100% !important;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #faf9f7;
  border-radius: 12px;
  padding: .6rem;
  margin: 0 !important;
  display: block;
  box-sizing: border-box;
}

/* the summary block grows, so price and button can be pinned to the bottom */
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .astra-shop-summary-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto;
  width: 100%;
  text-align: center !important;
}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .ast-loop-product__link {
  text-decoration: none;
}

/* two lines reserved for every title, wrapped or not — this is what keeps
   the four cards level with one another */
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: #0f3d36 !important;
  margin: 0 0 .55rem !important;
  padding: 0 !important;
  min-height: 2.9em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .star-rating {
  margin: 0 auto .5rem !important;
  font-size: .8rem;
}

body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .price {
  display: block !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #0f3d36 !important;
  margin: auto 0 1rem !important;
  padding-top: .4rem;
}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .price del { opacity: .5; font-weight: 400; font-size: .85em; margin-right: .3rem; }
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .price ins { text-decoration: none; color: #985026; }

body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .button {
  margin-top: auto !important;
  width: 100% !important;
  display: block !important;
  box-sizing: border-box;
  background: #0f3d36 !important;
  color: #fff !important;
  border: 1px solid #0f3d36 !important;
  border-radius: 999px !important;
  padding: .72rem .9rem !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: .15s;
}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .button:hover {
  background: #985026 !important;
  border-color: #985026 !important;
  color: #fff !important;
}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .added_to_cart {
  display: block;
  margin-top: .5rem;
  font-size: .78rem;
  font-weight: 600;
  color: #985026;
}

@media (max-width: 600px) {
  body.term-lattafa-khamrah-collection.woocommerce-page ul.products { gap: .8rem !important; margin: 1.4rem 0 1.8rem !important; }
  body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product { padding: .7rem .7rem .85rem !important; border-radius: 12px; }
  body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap { margin-bottom: .6rem !important; }
  body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .woocommerce-loop-product__title { font-size: .84rem !important; }
  body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .price { font-size: 1rem !important; margin-bottom: .7rem !important; }
  body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .button { font-size: .66rem !important; padding: .6rem .45rem !important; letter-spacing: .03em; }
}

/* --- category copy block below the grid --------------------------------- */

body.term-lattafa-khamrah-collection .term-description { margin-top: 2.4rem; }

body.term-lattafa-khamrah-collection .term-description h2 {
  font-size: 1.45rem;
  line-height: 1.3;
  margin: 2.4rem 0 .5rem;
  padding-top: 1.6rem;
  border-top: 1px solid #e6e2dd;
}
body.term-lattafa-khamrah-collection .term-description h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
body.term-lattafa-khamrah-collection .term-description h3 { font-size: 1.1rem; margin: 1.6rem 0 .4rem; }
body.term-lattafa-khamrah-collection .term-description p { line-height: 1.75; }
body.term-lattafa-khamrah-collection .term-description h2 + p { color: #3b4744; }

body.term-lattafa-khamrah-collection .term-description figcaption {
  font-size: .84rem;
  color: #5e6864;
  line-height: 1.6;
  margin-top: .55rem;
}

/* closing trust strip */
body.term-lattafa-khamrah-collection .term-description .rs-cat-trust {
  margin: 2rem 0 .5rem;
  padding: 1.15rem 1.3rem;
  background: #faf9f7;
  border: 1px solid #e6e2dd;
  border-left: 3px solid #d9b98a;
  border-radius: 10px;
  font-size: .95rem;
  line-height: 1.7;
  color: #3b4744;
}
body.term-lattafa-khamrah-collection .term-description .rs-cat-related {
  margin-top: 1.4rem;
  font-size: .92rem;
  color: #5e6864;
}

@media (max-width: 781px) {
  /* mobile card labels for the two tables in this category description */
  .term-lattafa-khamrah-collection .term-description figure.wp-block-table:nth-of-type(1) tbody td:nth-child(2)::before { content: "In one line"; }
  .term-lattafa-khamrah-collection .term-description figure.wp-block-table:nth-of-type(1) tbody td:nth-child(3)::before { content: "Signature notes"; }
  .term-lattafa-khamrah-collection .term-description figure.wp-block-table:nth-of-type(1) tbody td:nth-child(4)::before { content: "Wear it when"; }
  .term-lattafa-khamrah-collection .term-description figure.wp-block-table:nth-of-type(1) tbody td:nth-child(5)::before { content: "Price"; }

  .term-lattafa-khamrah-collection .term-description figure.wp-block-table:nth-of-type(2) tbody td:nth-child(2)::before { content: "Buy this one"; }
  .term-lattafa-khamrah-collection .term-description figure.wp-block-table:nth-of-type(2) tbody td:nth-child(3)::before { content: "Why"; }
  .term-lattafa-khamrah-collection .term-description figure.wp-block-table:nth-of-type(2) tbody td:nth-child(4)::before { content: "Second choice"; }

  body.term-lattafa-khamrah-collection .term-description h2 { font-size: 1.28rem; }
}

/* ==========================================================================
   ROYAL SCENTS — COLONNADE DESIGN SYSTEM  (added Aug 2026)
   Appended below the original stylesheet so it wins on source order.
   Everything above this line is the pre-existing CSS, unchanged.
   ========================================================================== */



:root{
  /* Royal Scents palette: Emerald Majlis (emerald, pearl, saffron copper, champagne), Sept 2026 */
  --rs-page:#F7F3EF; --rs-alt:#FBF9F6; --rs-field:#EFE4DD; --rs-field-h:#E6D7CD;
  --rs-arch:#EFE4DD; --rs-arch-f:#E6D7CD;
  --rs-ink:#0F3D36; --rs-ink-h:#1B5A4E;
  --rs-body:#2E3A37; --rs-body2:#3B4744; --rs-sec:#4D5956; --rs-muted:#5E6864;
  --rs-brass:#985026; --rs-cream:#F7F3EF;
  --rs-champagne:#D9B98A; --rs-garnet:#6B1F2E; --rs-rosedust:#E8CFC9; --rs-ondark:#CFD8D3;
  --rs-rule:rgba(15,61,54,.12); --rs-rule2:rgba(15,61,54,.22);
  --rs-serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;
  --rs-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --rs-arabic:"Reem Kufi","Noto Kufi Arabic",sans-serif;
}

/* --- page canvas ---------------------------------------------------------- */
body,.ast-separate-container,.ast-plain-container,#content{background-color:var(--rs-page) !important;}
body{color:var(--rs-body);}

/* --- header --------------------------------------------------------------- */
#masthead,#masthead .main-header-bar,#masthead .ast-primary-header-bar,
#masthead .ast-above-header-bar{background:var(--rs-page) !important;border-bottom:1px solid var(--rs-rule) !important;box-shadow:none !important;}
#masthead .ast-above-header-wrap{display:none !important;}
#masthead .ast-header-button-1,#masthead .ast-builder-button-wrap{display:none !important;}
#masthead .main-header-menu>li>a,#masthead .main-header-menu>li>a .menu-text{
  font-family:var(--rs-sans) !important;font-size:13.5px !important;font-weight:500 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--rs-body) !important;}
#masthead .main-header-menu>li>a{padding-left:14px !important;padding-right:14px !important;}
#masthead .main-header-menu>li>a:hover .menu-text,
#masthead .main-header-menu>li.current-menu-item>a .menu-text{color:var(--rs-brass) !important;}
#masthead .main-header-menu .sub-menu{background:var(--rs-alt) !important;border:1px solid var(--rs-rule) !important;
  box-shadow:0 12px 30px rgba(15,61,54,.07) !important;border-radius:4px !important;padding:8px 0 !important;}
#masthead .main-header-menu .sub-menu li a{font-family:var(--rs-sans) !important;font-size:14px !important;
  font-weight:400 !important;letter-spacing:.02em !important;text-transform:none !important;
  color:var(--rs-body) !important;border:0 !important;padding:9px 20px !important;}
#masthead .main-header-menu .sub-menu li a:hover{background:var(--rs-field) !important;color:var(--rs-ink) !important;}
#masthead .ast-icon svg{fill:var(--rs-muted) !important;}
#masthead .custom-logo-link img,#masthead .site-logo-img img{max-height:58px !important;width:auto !important;}
#masthead .ast-header-search .search-field{background:var(--rs-alt) !important;border:1px solid var(--rs-rule2) !important;
  border-radius:999px !important;font-family:var(--rs-sans) !important;font-size:14px !important;
  color:var(--rs-body) !important;padding:10px 18px !important;height:auto !important;box-shadow:none !important;}
#masthead .ast-header-search .search-field::placeholder{color:var(--rs-muted) !important;}
#masthead .ast-search-menu-icon .astra-search-icon{color:var(--rs-body) !important;font-size:19px !important;}
#masthead .ast-search-menu-icon.slide-search .search-form{border:0 !important;background:transparent !important;}
#masthead .ast-mobile-menu-trigger-minimal,#masthead .ast-mobile-menu-trigger-fill{
  color:var(--rs-ink) !important;background:transparent !important;
  border:1px solid var(--rs-rule2) !important;border-radius:3px !important;}
.ast-mobile-popup-drawer .ast-mobile-popup-inner{background:var(--rs-page) !important;}
.ast-mobile-popup-drawer .menu-item a{font-family:var(--rs-sans) !important;font-size:16px !important;
  letter-spacing:.04em !important;color:var(--rs-body) !important;text-transform:none !important;}
.ast-mobile-popup-drawer .menu-item a:hover{color:var(--rs-brass) !important;}
@media(max-width:921px){#masthead .site-branding img{max-height:44px !important;}}

/* --- typography ----------------------------------------------------------- */
body h1,body h2,body h3,.entry-content h1,.entry-content h2,.entry-content h3,
.woocommerce-products-header__title,.product_title,.related>h2,.upsells>h2{
  font-family:var(--rs-serif) !important;font-weight:300 !important;
  letter-spacing:normal !important;text-transform:none !important;color:var(--rs-ink) !important;}
body h3,.entry-content h3{font-weight:400 !important;}
body h4,body h5,body h6{font-family:var(--rs-serif) !important;font-weight:400 !important;color:var(--rs-ink) !important;}
body,button,input,select,textarea,.entry-content p,.entry-content li{font-family:var(--rs-sans) !important;}

/* --- buttons -------------------------------------------------------------- */
.ast-button,.ast-custom-button,button.single_add_to_cart_button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.wc-block-components-button{
  background:var(--rs-ink) !important;color:var(--rs-cream) !important;border:1px solid var(--rs-ink) !important;
  border-radius:3px !important;font-family:var(--rs-sans) !important;font-size:13px !important;
  font-weight:500 !important;letter-spacing:.14em !important;text-transform:uppercase !important;
  padding:15px 32px !important;transition:background .25s ease !important;}
.ast-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
button.single_add_to_cart_button:hover,.woocommerce #respond input#submit:hover{
  background:var(--rs-ink-h) !important;border-color:var(--rs-ink-h) !important;color:var(--rs-cream) !important;}

/* --- shop + category archives -------------------------------------------- */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product{
  background:transparent !important;border:0 !important;border-radius:0 !important;
  padding:0 !important;text-align:left !important;box-shadow:none !important;}
body.woocommerce ul.products li.product:hover,
body.woocommerce-page ul.products li.product:hover{
  box-shadow:none !important;transform:translateY(-6px);border-color:transparent !important;}
body.woocommerce ul.products li.product img,
body.woocommerce-page ul.products li.product img{
  background:var(--rs-field) !important;border-radius:4px !important;padding:26px !important;
  aspect-ratio:4/5 !important;object-fit:contain !important;margin-bottom:16px !important;
  mix-blend-mode:multiply;transition:background .4s ease;}
body.woocommerce ul.products li.product:hover img,
body.woocommerce-page ul.products li.product:hover img{background:var(--rs-field-h) !important;}
body.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--rs-serif) !important;font-size:20px !important;font-weight:400 !important;
  line-height:1.25 !important;color:var(--rs-ink) !important;text-align:left !important;}
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price{
  font-family:var(--rs-serif) !important;font-size:21px !important;font-weight:400 !important;
  color:var(--rs-ink) !important;text-align:left !important;}
body.woocommerce ul.products li.product .price ins,
body.woocommerce-page ul.products li.product .price ins{text-decoration:none !important;color:var(--rs-ink) !important;}
body.woocommerce ul.products li.product .star-rating,
body.woocommerce-page ul.products li.product .star-rating{color:var(--rs-brass) !important;margin-left:0 !important;}
body.woocommerce span.onsale,body.woocommerce-page span.onsale{
  background:var(--rs-ink) !important;color:var(--rs-cream) !important;border-radius:3px !important;
  font-family:var(--rs-sans) !important;font-size:11px !important;font-weight:500 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;
  padding:5px 10px !important;min-height:0 !important;min-width:0 !important;line-height:1.2 !important;}

/* --- single product ------------------------------------------------------- */
body.single-product .product_title{font-size:clamp(30px,3.4vw,46px) !important;}
body.single-product .woocommerce-Price-amount{font-family:var(--rs-serif) !important;color:var(--rs-ink) !important;}
body.single-product .woocommerce-tabs ul.tabs li a{font-family:var(--rs-sans) !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;font-size:13px !important;}

/* --- guide components brought into the palette ---------------------------- */
body .rs-stack-foot{
  background:var(--rs-ink) !important;border-top:1px solid var(--rs-rule2) !important;
  color:rgba(247,243,239,.82) !important;border-radius:4px;}
body .rs-stack-foot::before{
  background:none !important;color:var(--rs-cream) !important;
  border:1px solid rgba(247,243,239,.34) !important;border-radius:3px !important;
  font-family:var(--rs-sans) !important;letter-spacing:.2em !important;}
body .rs-stack-foot b{color:var(--rs-cream) !important;}
body .rs-stack-foot b:last-of-type{color:var(--rs-cream) !important;box-shadow:none !important;
  border-bottom:1px solid rgba(247,243,239,.5);}
body .rs-cat-trust{background:var(--rs-alt) !important;border:1px solid var(--rs-rule) !important;
  border-left:2px solid var(--rs-brass) !important;border-radius:4px !important;color:var(--rs-body2) !important;}
body .wp-block-table thead th,body .wp-block-table tbody tr:first-child th{
  background:var(--rs-ink) !important;color:var(--rs-cream) !important;
  font-family:var(--rs-sans) !important;letter-spacing:.14em !important;}
body .wp-block-table>table{border-color:var(--rs-rule) !important;background:var(--rs-alt) !important;border-radius:4px !important;}
body .wp-block-table td{border-bottom-color:var(--rs-rule) !important;}
body .wp-block-table tbody tr:nth-child(even) td{background:rgba(239,228,221,.45) !important;}
body .wp-block-table tfoot td{background:var(--rs-field) !important;}
@media(max-width:781px){
  body .wp-block-table tbody td:first-child{background:var(--rs-ink) !important;color:var(--rs-cream) !important;}
  body .wp-block-table tbody tr{border-color:var(--rs-rule) !important;background:var(--rs-alt) !important;box-shadow:none !important;}
}
body.page .woocommerce ul.products li.product .price ins{color:var(--rs-ink) !important;}
body.page .woocommerce ul.products li.product .button:hover{background:var(--rs-ink-h) !important;border-color:var(--rs-ink-h) !important;}
body.page .woocommerce ul.products li.product .added_to_cart{color:var(--rs-brass) !important;}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .price ins{color:var(--rs-ink) !important;}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .button:hover{background:var(--rs-ink-h) !important;border-color:var(--rs-ink-h) !important;}
body.term-lattafa-khamrah-collection.woocommerce-page ul.products li.product .added_to_cart{color:var(--rs-brass) !important;}

/* --- Modern Cart drawer into the palette ---------------------------------- */
:root{
  --moderncart-primary-color:#0F3D36;
  --moderncart-button-font-color:#F7F3EF;
  --moderncart-background-color:#F7F3EF;
  --moderncart-header-background-color:#F7F3EF;
  --moderncart-header-font-color:#0F3D36;
  --moderncart-body-color:#2E3A37;
  --moderncart-quantity-background-color:#0F3D36;
  --moderncart-quantity-font-color:#F7F3EF;
  --moderncart-floating-icon-bg-color:#0F3D36;
  --moderncart-floating-icon-color:#F7F3EF;
  --moderncart-floating-count-bg-color:#985026;
  --moderncart-floating-count-text-color:#F7F3EF;
}
#moderncart-slide-out .moderncart-slide-out-header-title span{font-family:var(--rs-serif) !important;font-weight:400 !important;}
#moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button{
  border-radius:3px !important;font-family:var(--rs-sans) !important;font-size:13px !important;
  font-weight:500 !important;letter-spacing:.14em !important;text-transform:uppercase !important;}

/* --- footer (emerald band) -------------------------------------------------- */
.site-footer,.ast-small-footer,.site-below-footer-wrap,.site-primary-footer-wrap,.site-above-footer-wrap{
  background:var(--rs-ink) !important;border-top:1px solid var(--rs-ink) !important;color:var(--rs-ondark) !important;}
.site-footer p,.site-footer li,.site-footer .ast-footer-copyright,.site-footer .widget{color:var(--rs-ondark) !important;}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6,.site-footer .widget-title{color:var(--rs-champagne) !important;}
.site-footer a{color:var(--rs-cream) !important;}
.site-footer a:hover{color:var(--rs-champagne) !important;}

/* Royal Scents - Asad collection guide (post 1834). Extracted from inline styles. */

/* answer-first paragraph */

/* author credit */

/* inline source links under note cards */

/* real lists */

/* buy-recommendation list rendered as cards */

.entry-content .rs-pick-q{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#5e6864;font-weight:700;margin-bottom:7px}
.entry-content a.rs-pick-a{font-size:17px;font-weight:800;text-decoration:none}
.entry-content .rs-pick-p{font-weight:700;color:#5e6864;font-size:14px}
.entry-content .rs-pick-o a.rs-pick-a{color:#B0402F!important;-webkit-text-fill-color:#B0402F!important}
.entry-content .rs-pick-b a.rs-pick-a{color:#985026!important;-webkit-text-fill-color:#985026!important}
.entry-content .rs-pick-e a.rs-pick-a{color:#6A4FB0!important;-webkit-text-fill-color:#6A4FB0!important}
.entry-content .rs-pick-z a.rs-pick-a{color:#1F8A6E!important;-webkit-text-fill-color:#1F8A6E!important}
.entry-content h2.rs-h2mt{margin-top:38px}

/* structural overrides */
.entry-content .rs-hero{padding:24px 26px 26px!important;margin:0 0 26px!important}
.entry-content .rs-hero>div:first-child{margin-bottom:10px!important}
.entry-content .rs-cta{padding:22px 26px 24px!important;margin:26px 0!important}
html body .entry-content .rs-cta h3{margin:0 0 9px!important;padding:0!important;border-top:0!important;border-bottom:0!important;font-size:22px!important;line-height:1.3!important;color:#e3c48f!important;-webkit-text-fill-color:#e3c48f!important}
html body .entry-content .rs-cta p{margin:0 0 16px!important}
html body .entry-content .rs-hero h2{margin:0 0 10px!important;padding:0!important;border-top:0!important;border-bottom:0!important;font-size:28px!important;line-height:1.28!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* RS-WOO-LOOP-BUTTONS v1 — product-grid Add to Basket: aligned, pill, emerald */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{display:flex !important;flex-direction:column !important;}
.woocommerce ul.products li.product .astra-shop-summary-wrap,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;}
.woocommerce ul.products li.product .astra-shop-summary-wrap .button,
.woocommerce ul.products li.product .astra-shop-summary-wrap a.button,
.woocommerce ul.products li.product .astra-shop-summary-wrap .add_to_cart_button,
.woocommerce-page ul.products li.product .astra-shop-summary-wrap .button{margin-top:auto !important;align-self:flex-start !important;}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .ajax_add_to_cart,
.woocommerce-page ul.products li.product .button{background:#0F5A47 !important;color:#FFFFFF !important;border:1px solid #0F5A47 !important;border-radius:999px !important;padding:11px 22px !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;line-height:1.2 !important;text-align:center !important;box-shadow:none !important;transition:background .2s,color .2s !important;}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .ajax_add_to_cart:hover,
.woocommerce-page ul.products li.product .button:hover{background:#C9A96E !important;color:#0F5A47 !important;border-color:#C9A96E !important;}
.woocommerce ul.products li.product .button.loading::after,
.woocommerce ul.products li.product .added_to_cart{color:#0F5A47 !important;}
/* end RS-WOO-LOOP-BUTTONS v1 */

/* RS-GUIDE-MOBILE v1 — phone layout for the two 'best Lattafa' guides (posts 2823, 2827); attribute-selectors target their inline styles */

/* end RS-GUIDE-MOBILE v1 */

/* RS-DUPES-MOBILE v1 — phone layout for /lattafa-dupes/ (page 1262) */

/* end RS-DUPES-MOBILE v1 */

/* RS-MUSK-MOBILE v1 — phone layout for /lattafa-pure-musk-perfume/ (post 2877) */

/* end RS-MUSK-MOBILE v1 */
/* RS guide shop cards: keep price button on one line (added 29 Sep 2026) */
.rs-shop-card > div > div{flex-basis:260px!important;}
.rs-shop-card a[style*="border-radius:999px"]{white-space:nowrap;}
@media (max-width:360px){.rs-shop-card a[style*="border-radius:999px"]{padding:7px 11px!important;font-size:12px!important;}}

/* RS related products: when a product has hand-picked upsells, hide the automatic Related products grid (added 29 Sep 2026) */
.single-product div.product:has(.up-sells) .related.products{display:none!important;}

/* RS-PDP-LAYOUT-TEST v1 (product 1157 only): stock/Add to Basket above the verdict card on desktop */
@media (min-width:922px){
.postid-1157 div.product .summary.entry-summary{display:flex;flex-direction:column}
.postid-1157 div.product .summary .woocommerce-product-details__short-description{order:5;margin-top:14px}
.postid-1157 div.product .summary .product_meta{order:6}
}

/* RS-PDP-LAYOUT-TEST v2 (product 1157 only): "Similar & In Stock" fills the space under the gallery on desktop */
@media (min-width:922px){
.postid-1157 div.product{display:grid!important;grid-template-columns:52% minmax(0,1fr);column-gap:4%;align-items:start}
.postid-1157 div.product::before,.postid-1157 div.product::after{display:none!important}
.postid-1157 div.product>*{grid-column:1/-1}
.postid-1157 div.product .woocommerce-product-gallery{grid-column:1;grid-row:1;width:100%!important;float:none!important;margin:0!important}
.postid-1157 div.product .summary.entry-summary{grid-column:2;grid-row:1/span 2;width:auto!important;float:none!important;margin:0!important}
.postid-1157 div.product section.rs-oos-alts{grid-column:1;grid-row:2;margin-top:24px!important}
.postid-1157 div.product section.rs-oos-alts .rs-oa-btn{font-size:11px!important;letter-spacing:.02em!important;padding-left:6px!important;padding-right:6px!important;white-space:nowrap!important}
}

/* RS-CLS-GUARD v1 (10 Nov 2026): first-paint fallbacks for LiteSpeed's async CSS.
   LiteSpeed's critical CSS lacks these Astra rules, so on phones the header
   search form and the breadcrumbs first paint tall, then collapse when the full
   stylesheet arrives, shoving the page down (CLS 0.158 on the Lattafa category).
   :where() keeps specificity minimal so Astra's own rules (incl. the open-search
   state) still win once loaded. Safe to delete if critical CSS is fixed. */
:where(#ast-mobile-header .ast-search-menu-icon.slide-search){position:relative}
:where(#ast-mobile-header .ast-search-menu-icon.slide-search) .search-form{position:absolute;top:50%;right:0;visibility:hidden;opacity:0;transform:translateY(-50%)}
:where(#ast-mobile-header .ast-search-menu-icon.slide-search) .search-submit{display:none}
:where(.ast-header-breadcrumb){padding:10px 0}
:where(.ast-header-breadcrumb) .trail-items{display:inline-block;margin:0;padding:0;list-style:none;line-height:1.4}
:where(.ast-header-breadcrumb) .trail-item{display:inline-block;line-height:inherit}
/* end RS-CLS-GUARD v1 */