/* HANEEN NEST — original editorial furniture design system.
   Logical CSS properties support Arabic RTL and English LTR without flipping photography.
   Major sections: header, room editorial, products, material journal, checkout, responsive. */
:root{
  --n-ink:#302e2a;
  --n-muted:#756f66;
  --n-paper:#f7f5f0;
  --n-linen:#ece7df;
  --n-forest:#465248;
  --n-line:#dcd6cc;
  --n-serif:Georgia,'Times New Roman',serif}

*{
  box-sizing:border-box}

body.nest-site{
  margin:0;
  background:var(--n-paper);
  color:var(--n-ink);
  font-family:Arial,'Segoe UI',Tahoma,sans-serif;
  font-size:15px;
  overflow-x:clip}

a{
  color:inherit;
  text-decoration:none}

a:hover{
  color:#68624e}

button,input,select{
  font:inherit}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid #879b82;
  outline-offset:3px}

h1,h2,h3{
  font-weight:400}

.nest-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 5.3%;
  background:#494d43;
  color:#f6f2e9;
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase}

.nest-top a{
  color:white;
  padding-inline:5px}

.nest-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:98px;
  border-bottom:1px solid var(--n-line);
  padding:0 5.3%;
  background:rgba(247,245,240,.97);
  position:relative;
  z-index:20}

.nest-brand{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap}

.nest-monogram{
  display:grid;
  place-items:center;
  font-family:var(--n-serif);
  border:1px solid var(--n-ink);
  font-size:30px;
  width:49px;
  height:49px}

.nest-brand>span:last-child{
  font-family:var(--n-serif);
  font-size:21px;
  line-height:.91;
  letter-spacing:-.06em}

.nest-brand b{
  display:block;
  font-weight:400;
  font-size:27px;
  letter-spacing:.12em}

.nest-brand small{
  display:block;
  font-family:Arial;
  font-size:8px;
  letter-spacing:.21em;
  margin-top:8px;
  color:var(--n-muted)}

.nest-nav{
  display:flex;
  align-items:center;
  gap:clamp(12px,2vw,29px);
  font-size:12px;
  letter-spacing:.03em}

.nest-nav a:hover{
  text-decoration:underline;
  text-underline-offset:7px}

.nest-actions{
  display:flex;
  gap:14px;
  align-items:center}

.nest-actions>a{
  font-size:25px;
  white-space:nowrap}

.nest-actions>a span{
  font-size:10px}

.nest-menu{
  display:none;
  background:none;
  border:0;
  font-size:21px}

.nest-mobile-nav{
  position:absolute;
  z-index:25;
  background:#faf9f7;
  box-shadow:0 18px 35px #0002;
  width:100%;
  padding:20px 7%;
  gap:17px;
  flex-direction:column}

.nest-mobile-nav:not([hidden]){
  display:flex}

.nest-hero{
  min-height:650px;
  position:relative;
  display:flex;
  align-items:center;
  padding:70px 11%;
  overflow:hidden;
  color:#fff}

.nest-hero-photo{
  position:absolute;
  inset:0;
  background-image:linear-gradient(90deg,rgba(26,26,22,.80) 0%,rgba(35,33,30,.52) 42%,rgba(38,35,32,.04) 100%),url('../images/room-concept.webp');
  background-position:center;
  background-size:cover;
  filter:saturate(.75)}

html[dir=rtl] .nest-hero-photo{
  transform:scaleX(-1)}

.nest-hero-content{
  max-width:660px;
  position:relative;
  z-index:2}

.eyebrow{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.25em;
  display:block;
  margin-bottom:18px;
  color:#77796b}

.nest-hero .eyebrow{
  color:#ece7db}

.nest-hero h1{
  font-family:var(--n-serif);
  font-size:clamp(54px,7vw,106px);
  line-height:.97;
  letter-spacing:-.057em;
  margin:0 0 25px}

.nest-hero h1 em{
  font-weight:400;
  color:#e9d9bf}

.nest-hero-content>p{
  max-width:430px;
  line-height:1.9;
  color:#f4ede4;
  margin:0 0 30px}

.nest-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:15px 27px;
  background:#33382f;
  color:#fff;
  border:1px solid #33382f;
  border-radius:0;
  font-size:12px;
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .2s,background .2s}

.nest-btn:hover{
  background:#5e695b;
  color:white;
  transform:translateY(-2px)}

.nest-btn.light{
  background:#eae3d7;
  color:#302d28}

.nest-btn.outline{
  background:transparent;
  color:var(--n-ink)}

.nest-hero .nest-btn{
  background:#f2e9dd;
  color:#262723;
  border-color:#f2e9dd}

.nest-hero-vertical{
  position:absolute;
  inset-inline-start:25px;
  top:38%;
  z-index:3;
  writing-mode:vertical-rl;
  letter-spacing:.25em;
  font-size:10px}

.nest-hero-note{
  position:absolute;
  bottom:35px;
  inset-inline-end:5%;
  display:flex;
  gap:20px;
  z-index:4;
  align-items:center;
  font-size:11px;
  letter-spacing:.15em}

.nest-hero-note strong{
  font-family:var(--n-serif);
  font-size:27px;
  font-weight:400}

.nest-section{
  max-width:1480px;
  margin:0 auto;
  padding:88px 5.3%}

.nest-split-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:35px}

.nest-split-heading h2,.nest-section>h2{
  font-family:var(--n-serif);
  font-size:clamp(36px,4.5vw,59px);
  letter-spacing:-.044em;
  margin:0}

.nest-split-heading p{
  max-width:330px;
  line-height:1.7;
  color:var(--n-muted)}

.nest-room-mosaic{
  display:grid;
  grid-template-columns:1.65fr 1fr 1fr;
  grid-template-rows:225px 225px;
  gap:12px}

.nest-room-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:27px;
  overflow:hidden;
  color:#fff;
  min-height:190px;
  background:linear-gradient(128deg,#6b7467,#b8a98e);
  transition:filter .2s}

.nest-room-card:hover{
  filter:brightness(.91);
  color:white}

.nest-room-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 90% 90%,#ffffff45,transparent 50%),repeating-linear-gradient(90deg,transparent 0 20px,#fff2 22px 25px);
  opacity:.34}

.nest-room-card:nth-child(1){
  grid-row:1/3;
  background:#99917f}

.nest-room-card:nth-child(2){
  background:#777b6d}

.nest-room-card:nth-child(3){
  background:#b9a17f}

.nest-room-card:nth-child(4){
  background:#918376}

.nest-room-card:nth-child(5){
  background:#68766d}

.nest-room-card span,.nest-room-card b{
  position:relative;
  z-index:2}

.nest-room-card>span:first-child{
  font-size:11px;
  letter-spacing:.09em}

.nest-room-card b{
  font-family:var(--n-serif);
  font-size:clamp(27px,3vw,44px);
  font-weight:400;
  letter-spacing:-.03em}

.nest-room-card .nest-arrow{
  align-self:end;
  font-size:30px}

.nest-product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px}

.nest-product{
  min-width:0}

.nest-product-art{
  display:block;
  aspect-ratio:1/1.04;
  overflow:hidden;
  background:#e7ded2}

.nest-product-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s}

.nest-product-art:hover img{
  transform:scale(1.05)}

.nest-product-meta{
  display:flex;
  justify-content:space-between;
  margin-top:18px;
  color:#8b8177;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase}

.nest-product-meta button{
  border:0;
  background:none;
  font-size:21px;
  line-height:1;
  cursor:pointer}

.nest-card-actions{
  display:flex;
  align-items:center;
  gap:6px}

.nest-product h3{
  font-family:var(--n-serif);
  font-size:23px;
  line-height:1.18;
  margin:7px 0}

.nest-price{
  color:#625e55;
  font-size:13px}

.nest-add{
  background:none;
  border:0;
  border-bottom:1px solid #3e4037;
  padding:8px 0 4px;
  color:#2f392d;
  cursor:pointer;
  font-size:12px}

.nest-editorial-banner{
  display:grid;
  grid-template-columns:1fr 1.13fr;
  background:#3e493f;
  min-height:540px;
  color:#fff}

.nest-editorial-banner>div:first-child{
  padding:11% 14%;
  display:flex;
  flex-direction:column;
  align-items:start;
  justify-content:center}

.nest-editorial-banner h2{
  font-family:var(--n-serif);
  font-size:clamp(40px,5vw,76px);
  line-height:1;
  letter-spacing:-.055em;
  margin:0 0 38px}

.nest-editorial-banner .eyebrow{
  color:#d8d8cb}

.nest-editorial-image{
  overflow:hidden}

.nest-editorial-image img{
  height:100%;
  width:100%;
  object-fit:cover}

.nest-bottom-story{
  min-height:370px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center}

.nest-bottom-story p{
  max-width:550px;
  color:#706c63;
  line-height:1.8}

.nest-page-intro{
  padding:90px 7% 67px;
  max-width:1200px;
  margin:auto;
  text-align:center}

.nest-page-intro h1{
  font-family:var(--n-serif);
  font-size:clamp(44px,6vw,84px);
  letter-spacing:-.05em;
  line-height:1.07;
  margin:0 auto 18px;
  max-width:950px}

.nest-page-intro>p{
  max-width:610px;
  line-height:1.8;
  color:#726e64;
  margin:0 auto}

.nest-room-feature,.nest-material-story,.nest-service-grid,.nest-info-grid{
  max-width:1280px;
  margin:0 auto 60px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
  padding:20px 5.3%}

.nest-room-feature h2,.nest-material-story h2,.nest-service-grid h2,.nest-info-grid h2{
  font-family:var(--n-serif);
  font-size:clamp(39px,4vw,66px);
  line-height:1.05}

.nest-room-feature p,.nest-material-story p,.nest-service-grid p,.nest-info-grid p{
  line-height:1.8;
  color:#6a665c}

.nest-room-illustration{
  background:#dfd2c0;
  max-width:600px}

.nest-room-illustration img{
  width:100%}

.nest-shop-wrap{
  max-width:1450px;
  margin:0 auto 90px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:48px;
  padding:0 5.3%}

.nest-filter-panel{
  border-top:1px solid #b8afa1;
  padding-top:18px}

.nest-filter-panel h3{
  font-size:19px;
  font-family:var(--n-serif);
  margin:0 0 28px}

.nest-filter-panel label{
  display:block;
  color:#615d56;
  font-size:12px;
  margin:20px 0}

.nest-filter-panel .form-control,.nest-filter-panel .form-select{
  border:0;
  border-bottom:1px solid #bfb9ae;
  background:transparent;
  border-radius:0;
  margin-top:11px}

.filter-links{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding-top:20px;
  border-top:1px solid #bfb9ae}

.nest-sort{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px}

.nest-sort .form-select{
  width:180px;
  background-color:transparent;
  border-radius:0}

.nest-product-detail{
  max-width:1450px;
  margin:45px auto 70px;
  padding:0 5.3%;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:6%}

.nest-detail-cover{
  background:#ede4da}

.nest-detail-cover img{
  width:100%;
  display:block}

.nest-detail-thumbs{
  display:flex;
  gap:10px;
  margin-top:10px}

.nest-detail-thumbs button{
  background:#f3efe9;
  border:1px solid #ddd5cc;
  padding:7px;
  min-width:110px;
  height:95px;
  cursor:pointer}

.nest-detail-thumbs img{
  height:100%}

.nest-detail-copy{
  padding-top:25px}

.nest-detail-copy h1{
  font-family:var(--n-serif);
  font-size:clamp(47px,5vw,75px);
  letter-spacing:-.055em}

.nest-detail-copy .lead{
  color:#736e65;
  font-size:16px;
  line-height:1.9;
  margin-bottom:24px}

.nest-detail-price{
  font-size:25px;
  margin-bottom:30px}

.nest-spec{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:15px 8px;
  border-top:1px solid var(--n-line);
  border-bottom:1px solid var(--n-line);
  padding:25px 0;
  font-size:13px}

.nest-spec b{
  font-weight:500;
  color:#8b8178}

.detail-quantity{
  display:flex;
  align-items:center;
  gap:20px;
  margin:25px 0}

.detail-quantity input{
  width:74px;
  border:1px solid #d1cbc2;
  padding:10px}

.detail-buttons{
  display:flex;
  gap:10px}

.nest-detail-copy details{
  border-bottom:1px solid #d3cec5;
  padding:19px 0}

.nest-detail-copy summary{
  cursor:pointer}

.demo-disclaimer{
  color:#9a7365;
  font-size:12px;
  margin-top:24px;
  line-height:1.5}

.nest-material-list{
  max-width:1250px;
  margin:0 auto 90px;
  padding:0 5%;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px}

.nest-material-card{
  min-height:280px;
  background:#e7ddd1;
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:space-between}

.nest-material-card:nth-child(2){
  background:#d3d2c5}

.nest-material-card:nth-child(3){
  background:#d3c9ba}

.nest-material-card:nth-child(4){
  background:#b4a28f}

.nest-material-card h3{
  font-family:var(--n-serif);
  font-size:42px}

.material-letter{
  font:300 350px/.8 var(--n-serif);
  text-align:center;
  color:#a79482}

.nest-story-grid{
  max-width:1280px;
  margin:0 auto 90px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  padding:0 5%}

.nest-story-card{
  border-top:1px solid #b7ab9a;
  padding:35px 20px;
  min-height:340px;
  display:flex;
  flex-direction:column}

.nest-story-card h3{
  font:400 36px/1.1 var(--n-serif);
  margin:45px 0 20px}

.nest-story-card p{
  color:#80796c}

.nest-story-card b{
  margin-top:auto;
  font-size:24px}

.nest-longread{
  max-width:720px;
  margin:0 auto 110px;
  padding:0 24px;
  font:22px/1.9 var(--n-serif)}

.nest-longread h2{
  font-size:38px;
  margin:42px 0 14px}

.nest-longread blockquote{
  border-inline-start:3px solid #988572;
  padding-inline-start:28px;
  font-size:31px;
  font-style:italic;
  margin:40px 0}

.nest-form{
  display:flex;
  flex-direction:column;
  gap:24px}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px}

.nest-form label{
  font-size:12px;
  color:#777166;
  display:block}

.nest-form .form-control{
  margin-top:10px;
  background:transparent;
  border:0;
  border-bottom:1px solid #b4ac9f;
  border-radius:0;
  padding:12px 0}

.nest-service-grid ol{
  line-height:3}

.nest-dynamic-list,.nest-search,.nest-page-index,.nest-faq{
  max-width:1230px;
  margin:0 auto 80px;
  padding:0 5%}

.nest-dynamic-item{
  display:grid;
  grid-template-columns:110px 1fr auto;
  gap:25px;
  align-items:center;
  border-bottom:1px solid var(--n-line);
  padding:20px 0}

.nest-dynamic-item img{
  width:110px}

.nest-dynamic-item h3{
  font:24px var(--n-serif)}

.nest-dynamic-item button{
  border:0;
  background:transparent;
  cursor:pointer}

.nest-cart-actions{
  display:flex;
  gap:25px;
  justify-content:end;
  max-width:1160px;
  margin:0 auto 110px}

.nest-checkout-layout{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:55px;
  max-width:1120px;
  padding:0 5%;
  margin:0 auto 100px}

.checkout-note{
  padding:30px;
  background:#eee6dc}

.nest-account-wrap{
  max-width:580px;
  margin:0 auto 110px;
  padding:0 26px}

.nest-info-mark{
  font:220px/.9 var(--n-serif);
  color:#a79d8f}

.nest-faq details{
  padding:25px;
  border-bottom:1px solid #c4bcaf}

.nest-faq summary{
  font:25px var(--n-serif);
  cursor:pointer}

.nest-search input{
  margin-bottom:25px}

.nest-page-index{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px}

.nest-page-index a{
  padding:13px;
  background:#e8e2d9;
  font-size:12px}

.nest-footer{
  background:#e6e1d8;
  padding:70px 6% 25px;
  color:#4a473e}

.footer-large{
  font:clamp(65px,10vw,150px)/1 var(--n-serif);
  letter-spacing:-.07em;
  border-bottom:1px solid #bbb1a5;
  padding-bottom:26px}

.footer-large em{
  color:#86836f;
  font-weight:400}

.footer-columns{
  display:grid;
  grid-template-columns:2fr repeat(3,1fr);
  gap:55px;
  margin:45px 0}

.footer-columns>div{
  display:flex;
  flex-direction:column;
  gap:12px}

.footer-columns p{
  max-width:300px;
  line-height:1.8;
  font-size:13px}

.footer-columns span{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8f877a}

.footer-bottom{
  font-size:11px;
  display:flex;
  justify-content:space-between;
  border-top:1px solid #bcb3a7;
  padding-top:25px}

.toast-area{
  position:fixed;
  bottom:25px;
  inset-inline-end:20px;
  z-index:60}

.nest-toast{
  background:#323a32;
  color:#fff;
  padding:15px 22px;
  margin:8px 0;
  box-shadow:0 5px 35px #0003}

html[dir=rtl] .nest-hero-photo{
  background-position:center}

html[dir=rtl] .nest-hero-vertical{
  writing-mode:vertical-lr}

@media(max-width:1100px){
  .nest-nav{
  display:none}

.nest-menu{
  display:inline-block}

.nest-product-grid{
  grid-template-columns:repeat(3,1fr)}

.nest-hero{
  min-height:540px}

}

@media(max-width:760px){
  .nest-top{
  font-size:9px;
  justify-content:center}

.nest-top>span:nth-child(2){
  display:none}

.nest-header{
  min-height:72px;
  padding:0 4%}

.nest-brand b{
  font-size:20px}

.nest-brand>span:last-child{
  font-size:18px}

.nest-brand small{
  font-size:7px}

.nest-monogram{
  width:37px;
  height:37px;
  font-size:26px}

.nest-actions{
  gap:10px}

.nest-actions>a{
  font-size:19px}

.nest-hero{
  min-height:550px;
  padding:80px 7%}

.nest-hero-content{
  max-width:440px}

.nest-hero h1{
  font-size:55px}

.nest-hero-vertical{
  display:none}

.nest-hero-photo{
  background-position:64% center}

.nest-hero-note{
  font-size:9px}

.nest-section{
  padding:52px 4%}

.nest-room-mosaic{
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto}

.nest-room-card{
  min-height:200px}

.nest-room-card:nth-child(1){
  grid-column:1/3;
  grid-row:auto;
  min-height:300px}

.nest-split-heading{
  align-items:start;
  flex-direction:column}

.nest-product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px}

.nest-product h3{
  font-size:18px}

.nest-editorial-banner{
  grid-template-columns:1fr}

.nest-editorial-image{
  height:300px}

.nest-page-intro{
  padding:55px 5%}

.nest-room-feature,.nest-material-story,.nest-service-grid,.nest-info-grid,.nest-checkout-layout,.nest-product-detail{
  grid-template-columns:1fr;
  gap:30px}

.nest-room-feature>div:last-child{
  padding:15px 0}

.nest-shop-wrap{
  grid-template-columns:1fr;
  gap:15px}

.nest-filter-panel{
  padding:20px;
  background:#ebe5db}

.nest-filter-panel .filter-links{
  display:none}

.nest-material-list,.nest-story-grid{
  grid-template-columns:1fr}

.nest-longread{
  font-size:19px}

.nest-story-card{
  min-height:220px}

.footer-large{
  font-size:70px}

.footer-columns{
  grid-template-columns:1fr 1fr;
  gap:25px}

.nest-page-index{
  grid-template-columns:1fr 1fr}

}

@media(max-width:390px){
  .nest-brand small{
  display:none}

.nest-hero h1{
  font-size:46px}

.nest-product-grid{
  gap:9px}

.nest-product-meta{
  font-size:9px}

.nest-room-card{
  padding:18px}

.nest-page-index{
  grid-template-columns:1fr}

.nest-dynamic-item{
  grid-template-columns:70px 1fr}

.nest-dynamic-item img{
  width:70px}

.nest-dynamic-item>div:last-child{
  grid-column:2}

.footer-large{
  font-size:57px}

}