/* Gentelle v2.8.9K2.2 - no Shop-the-Room image bands */
.gt-v289k2-story{width:100%;padding:clamp(30px,4vw,58px) clamp(12px,2vw,28px);background:#fff;border-top:1px solid #ece8e0}.gt-v289k2-story:nth-of-type(even){background:#fff}.gt-v289k2-story>header{max-width:1560px;margin:0 auto 20px}.gt-v289k2-story>header small{font-size:10px;letter-spacing:.18em;font-weight:850;color:#b67a10}.gt-v289k2-story>header h2{margin:5px 0 4px;font:700 clamp(27px,2.5vw,38px)/1.1 Georgia,serif;color:#071f46}.gt-v289k2-story>header p{margin:0;color:#657085;font-size:13px}.gt-v289k2-grid{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gt-v289k2-card{position:relative;min-width:0;background:#fff;overflow:hidden;border:1px solid #e5ded2;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.7fr);min-height:310px}.gt-v289k2-card:nth-child(even){grid-template-columns:minmax(220px,.7fr) minmax(0,1.65fr)}.gt-v289k2-card:nth-child(even) .gt-v289k2-photo{order:2}.gt-v289k2-photo{position:relative;overflow:hidden;background:#fff;min-height:310px;display:flex;align-items:center;justify-content:center}.gt-v289k2-media{position:relative;width:100%;aspect-ratio:2560/1400;overflow:hidden;background:#e8e0d4}.gt-v289k2-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.gt-v289k2-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px 24px;background:#fff}.gt-v289k2-copy small{font-size:9px;letter-spacing:.16em;font-weight:850;color:#b67a10}.gt-v289k2-copy h3{font:700 clamp(22px,2vw,31px)/1.08 Georgia,serif;color:#071f46;margin:7px 0}.gt-v289k2-copy p{font-size:12px;line-height:1.55;color:#657085;margin:0 0 18px}.gt-v289k2-copy>a{display:inline-flex;gap:10px;align-items:center;background:#06346f;color:#fff!important;text-decoration:none;padding:10px 14px;font-size:11px;font-weight:850}.gt-v289k2-hotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);display:block;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #c58d22;box-shadow:0 0 0 3px rgba(255,255,255,.88),0 2px 7px rgba(0,0,0,.22);text-decoration:none;color:#071f46}.gt-v289k2-hotspot>span{position:absolute;inset:6px;border-radius:50%;background:#d29b2b}.gt-v289k2-hotspot>b{position:absolute;left:30px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff;padding:7px 9px;border-radius:18px;box-shadow:0 2px 10px rgba(0,0,0,.18);font-size:10px;line-height:1.05;color:#071f46;opacity:0;visibility:hidden;transition:none}.gt-v289k2-hotspot>b small{display:block;color:#b67a10;margin-top:3px;font-size:9px}.gt-v289k2-hotspot:hover>b,.gt-v289k2-hotspot:focus>b{opacity:1;visibility:visible}.gt-v289k2-hotspot:hover{z-index:8;transform:translate(-50%,-50%)}[dir=rtl] .gt-v289k2-copy{align-items:flex-end;text-align:right}[dir=rtl] .gt-v289k2-hotspot>b{left:auto;right:30px;text-align:right}[dir=rtl] .gt-v289k2-copy>a span{display:inline-block;transform:scaleX(-1)}
@media(max-width:1180px){.gt-v289k2-grid{grid-template-columns:1fr}.gt-v289k2-card{min-height:300px}.gt-v289k2-photo{min-height:300px}}
@media(max-width:720px){.gt-v289k2-story{padding:26px 10px}.gt-v289k2-grid{gap:12px}.gt-v289k2-card,.gt-v289k2-card:nth-child(even){grid-template-columns:1fr}.gt-v289k2-card:nth-child(even) .gt-v289k2-photo{order:0}.gt-v289k2-photo{min-height:56vw;max-height:380px}.gt-v289k2-copy{padding:20px 17px}.gt-v289k2-hotspot{width:18px;height:18px}.gt-v289k2-hotspot>span{inset:5px}.gt-v289k2-hotspot>b{display:none}}
@media(max-width:440px){.gt-v289k2-photo{min-height:62vw}.gt-v289k2-story>header h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.gt-v289k2-hotspot,.gt-v289k2-hotspot>b{transition:none}}

/* v2.8.9K2 requested room cleanup */
[data-gt-v289k2-removed="mattress-sleep"]{display:none!important}

/* K2 Shop-the-Room corrections: preserve full clean artwork and shrink inherited G pins. */
[data-gt-clean-room="289k2"] [data-gt-v289k22-room-media="1"]{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1600/875!important;align-self:center!important;overflow:hidden!important;background:#fff!important;padding:0!important;margin:0!important}
[data-gt-clean-room="289k2"] [data-gt-v289k22-room-media="1"]>img[data-gt-v289k2-no-zoom="1"]{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;background:#fff!important}
.gt-v289k2-room-pin{scale:.74;transform-origin:center center;z-index:6!important}
@media(max-width:720px){.gt-v289k2-room-pin{scale:.68}}


/* v2.8.9K2 - stable pointer hover: no movement/flicker and a continuous hover bridge. */
.gt-v289k2-hotspot{transition:none!important;animation:none!important}
.gt-v289k2-hotspot::after{content:"";position:absolute;left:8px;top:-10px;width:30px;height:40px;background:transparent;pointer-events:auto}
.gt-v289k2-hotspot>b{left:24px!important;transition:none!important;animation:none!important;pointer-events:auto;z-index:2}
.gt-v289k2-hotspot:hover>b,.gt-v289k2-hotspot:focus-visible>b,.gt-v289k2-hotspot:focus-within>b{opacity:1!important;visibility:visible!important}
.gt-v289k2-hotspot:hover{transform:translate(-50%,-50%)!important}
[dir=rtl] .gt-v289k2-hotspot::after{left:auto;right:8px}
[dir=rtl] .gt-v289k2-hotspot>b{left:auto!important;right:24px!important}
.gt-v289k2-room-pin,.gt-v289k2-room-pin *{transition:none!important;animation:none!important}
.gt-v289k2-room-pin:hover{scale:.74!important}
@media(max-width:720px){.gt-v289k2-room-pin:hover{scale:.68!important}}

/* v2.8.9K2.1 - white storefront content with ORIGINAL FOOTER preserved.
   White applies to the site canvas, header/navigation and main content only.
   Footer and every footer descendant are intentionally left to the original styles.css. */
html,body,#app,#root,main{background-color:#fff!important}
body :where(header,nav){background-color:#fff!important}
main :where(section,article,aside){background-color:#fff!important}
main :where([class*="banner"],[class*="Banner"],[class*="promo"],[class*="Promo"],[class*="section"],[class*="Section"],[class*="panel"],[class*="Panel"],[class*="card"],[class*="Card"],[class*="hero"],[class*="Hero"]){background-color:#fff!important}
.gt-v289k2-story,.gt-v289k2-story:nth-of-type(even),.gt-v289k2-card,.gt-v289k2-photo,.gt-v289k2-media,.gt-v289k2-copy{background:#fff!important;background-color:#fff!important}
[data-gt-clean-room="289k2"],[data-gt-clean-room="289k2"] *{--gt-room-surface:#fff}
[data-gt-clean-room="289k2"] img[data-gt-v289k2-no-zoom="1"]{background:#fff!important}
/* K2.2: image wrapper matches the 1600x875 clean artwork exactly, removing the visible top/bottom letterbox strips without cropping or zooming the artwork. */
/* Keep white header/navigation readable. Footer colours/backgrounds are NOT overridden here. */
body :where(header,nav){color:#071f46}
body :where(header,nav) a:not([class*="btn"]):not([class*="button"]){color:#071f46}
[data-gt-clean-room="289k2"] :where(div,aside,article){background-color:#fff!important}

/* Gentelle v2.8.9K4.6 - proper mobile responsive storefront overlay.
   Footer is intentionally excluded so its original design remains intact. */
@media (max-width: 760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  #app,#root,main{width:100%;max-width:100%;overflow-x:clip}
  main img,main video{max-width:100%;height:auto}
  main :where(section,article,aside){max-width:100%;box-sizing:border-box}

  /* Existing product/category grids: keep useful two-column shopping density on phones. */
  main [class*="product"][class*="grid"],
  main [class*="Product"][class*="Grid"],
  main [class*="products"][class*="grid"],
  main [class*="category"][class*="grid"],
  main [class*="Category"][class*="Grid"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  main [class*="product"][class*="card"],
  main [class*="Product"][class*="Card"]{min-width:0!important;max-width:100%!important}

  /* New editorial scene groups: one clean card per row, image first, copy second. */
  .gt-v289k2-story{padding:24px 12px!important;border-top:0!important}
  .gt-v289k2-story>header{margin:0 0 14px!important;padding:0 2px}
  .gt-v289k2-story>header small{font-size:9px!important}
  .gt-v289k2-story>header h2{font-size:26px!important;line-height:1.08!important;margin:5px 0!important}
  .gt-v289k2-story>header p{font-size:12px!important;line-height:1.45!important}
  .gt-v289k2-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .gt-v289k2-card,.gt-v289k2-card:nth-child(even){display:flex!important;flex-direction:column!important;min-height:0!important;border:1px solid #e8e8e8!important}
  .gt-v289k2-card:nth-child(even) .gt-v289k2-photo{order:0!important}
  .gt-v289k2-photo{order:0!important;min-height:0!important;height:auto!important;max-height:none!important;width:100%!important}
  .gt-v289k2-media{width:100%!important;aspect-ratio:2560/1400!important;height:auto!important;background:#fff!important}
  .gt-v289k2-media>img{object-fit:cover!important;object-position:center!important}
  .gt-v289k2-copy{order:1!important;padding:18px 16px 20px!important;min-height:0!important}
  .gt-v289k2-copy h3{font-size:23px!important;margin:6px 0!important}
  .gt-v289k2-copy p{font-size:12px!important;margin-bottom:14px!important}
  .gt-v289k2-copy>a{min-height:44px!important;width:100%!important;justify-content:space-between!important;padding:11px 14px!important;box-sizing:border-box}

  /* Hotspots: smaller visual dot, but retain a comfortable invisible touch target. */
  .gt-v289k2-hotspot{width:14px!important;height:14px!important;border-width:1.5px!important;box-shadow:0 0 0 2px rgba(255,255,255,.94),0 1px 5px rgba(0,0,0,.2)!important}
  .gt-v289k2-hotspot>span{inset:4px!important}
  .gt-v289k2-hotspot::before{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;background:transparent}
  .gt-v289k2-hotspot::after{display:none!important}
  .gt-v289k2-hotspot>b{display:none!important}

  /* Existing Shop-the-Room: stack copy, scene, products and tabs vertically. */
  .gt-v289k46-room{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important;overflow:hidden!important}
  .gt-v289k46-room-layout{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:16px!important;align-items:stretch!important}
  .gt-v289k46-room-copy{order:1!important;width:100%!important;max-width:none!important;min-width:0!important;padding:4px 2px 0!important;box-sizing:border-box!important}
  .gt-v289k46-room-copy h1,.gt-v289k46-room-copy h2,.gt-v289k46-room-copy h3{font-size:30px!important;line-height:1.04!important;margin-top:4px!important}
  .gt-v289k46-room-copy p{font-size:14px!important;line-height:1.5!important;max-width:none!important}
  .gt-v289k46-room-copy a,.gt-v289k46-room-copy button{min-height:44px!important;max-width:100%!important}
  .gt-v289k46-room-media,[data-gt-v289k22-room-media="1"]{order:2!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:1600/875!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;overflow:hidden!important}
  .gt-v289k46-room-media>img,[data-gt-v289k22-room-media="1"]>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
  .gt-v289k46-room-featured{order:3!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:16px 14px!important;box-sizing:border-box!important;background:#fff!important}
  .gt-v289k46-room-featured h1,.gt-v289k46-room-featured h2,.gt-v289k46-room-featured h3,.gt-v289k46-room-featured h4{font-size:22px!important;margin:0 0 12px!important}
  .gt-v289k46-room-featured img{max-width:72px!important;height:auto!important}
  .gt-v289k46-room-tabs{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:6px 0 10px!important;scrollbar-width:none}
  .gt-v289k46-room-tabs::-webkit-scrollbar{display:none}
  .gt-v289k46-room-tabs>*{flex:0 0 145px!important;min-width:145px!important;max-width:145px!important;scroll-snap-align:start}
  .gt-v289k46-room-tabs img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}
  .gt-v289k2-room-pin{scale:.58!important}
  .gt-v289k2-room-pin:hover{scale:.58!important}
}

@media (max-width: 430px){
  .gt-v289k2-story{padding-left:10px!important;padding-right:10px!important}
  .gt-v289k2-story>header h2{font-size:24px!important}
  .gt-v289k2-copy h3{font-size:21px!important}
  .gt-v289k46-room{padding-left:10px!important;padding-right:10px!important}
  .gt-v289k46-room-copy h1,.gt-v289k46-room-copy h2,.gt-v289k46-room-copy h3{font-size:27px!important}
  .gt-v289k46-room-tabs>*{flex-basis:132px!important;min-width:132px!important;max-width:132px!important}
  .gt-v289k2-room-pin{scale:.54!important}
  .gt-v289k2-room-pin:hover{scale:.54!important}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:960px){
  .gt-v289k46-room-copy h1,.gt-v289k46-room-copy h2,.gt-v289k46-room-copy h3{font-size:26px!important}
  .gt-v289k2-story{padding-top:18px!important;padding-bottom:18px!important}
}


/* Gentelle v2.8.9K4.6 - rich / premium typography.
   Layout, colours, footer structure and icon fonts are not changed. */
:root{
  --gt-font-display:"Cormorant Garamond","Baskerville","Times New Roman",serif;
  --gt-font-ui:"Manrope","Avenir Next","Segoe UI",Arial,sans-serif;
  --gt-font-ar-display:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",serif;
  --gt-font-ar-ui:"Noto Sans Arabic","Tahoma","Arial",sans-serif;
}
html,body{font-family:var(--gt-font-ui)!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body :where(p,li,a,button,input,select,textarea,label,small,span){font-family:inherit}
body :where(h1,h2,h3,h4,h5,h6),
.gt-v289k2-story>header h2,
.gt-v289k2-copy h3,
.gt-v289k46-room-copy :where(h1,h2,h3),
.gt-v289k46-room-featured :where(h1,h2,h3,h4){
  font-family:var(--gt-font-display)!important;
  font-weight:600!important;
  letter-spacing:.005em;
  text-wrap:balance;
}
body :where(h1){line-height:1.01!important}
body :where(h2,h3){line-height:1.06!important}
body :where(nav,a,button,input,select,textarea){font-family:var(--gt-font-ui)!important}
body :where(button,[class*="btn"],[class*="button"],.gt-v289k2-copy>a){font-weight:700!important;letter-spacing:.012em}
body :where(nav,[class*="menu"],[class*="Menu"]){font-weight:600}
body :where([class*="price"],[class*="Price"]){font-family:var(--gt-font-ui)!important;font-weight:700!important;letter-spacing:0}
.gt-v289k2-story>header small,.gt-v289k2-copy small{font-family:var(--gt-font-ui)!important;font-weight:700!important;letter-spacing:.18em}

/* Arabic gets its own premium pairing instead of forcing Latin letterforms. */
[dir="rtl"] body{font-family:var(--gt-font-ar-ui)!important}
[dir="rtl"] body :where(h1,h2,h3,h4,h5,h6),
[dir="rtl"] .gt-v289k2-story>header h2,
[dir="rtl"] .gt-v289k2-copy h3,
[dir="rtl"] .gt-v289k46-room-copy :where(h1,h2,h3),
[dir="rtl"] .gt-v289k46-room-featured :where(h1,h2,h3,h4){
  font-family:var(--gt-font-ar-display)!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.28!important;
}
[dir="rtl"] body :where(nav,a,button,input,select,textarea,label,small,p,li,span){font-family:var(--gt-font-ar-ui)!important}
[dir="rtl"] .gt-v289k2-story>header small,[dir="rtl"] .gt-v289k2-copy small{letter-spacing:0!important}

/* Mobile: premium without oversized editorial headings. */
@media(max-width:760px){
  body :where(h1){letter-spacing:0!important}
  .gt-v289k2-story>header h2{font-size:27px!important;line-height:1.02!important}
  .gt-v289k2-copy h3{font-size:24px!important;line-height:1.04!important}
  .gt-v289k46-room-copy :where(h1,h2,h3){line-height:1.02!important}
  [dir="rtl"] .gt-v289k2-story>header h2,[dir="rtl"] .gt-v289k2-copy h3{line-height:1.25!important}
}
