/* MY Habitat v1.0.1 — premium spacing, imagery and responsive polish */
:root{
  --hb-page-gutter:clamp(16px,2.2vw,30px);
  --hb-section-space:clamp(64px,7vw,104px);
  --hb-card-radius:clamp(20px,2vw,30px);
  --hb-soft-shadow:0 16px 46px rgba(4,68,49,.075);
  --hb-strong-shadow:0 28px 78px rgba(4,68,49,.14);
}

html{scroll-padding-top:112px}
body{font-size:15px;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.container{width:min(100% - (var(--hb-page-gutter) * 2),var(--container));margin-inline:auto}
.section{padding-block:var(--hb-section-space)}
.section-soft{background:linear-gradient(180deg,#f2f7f4 0%,#edf5f1 100%)}
img{max-width:100%}

/* Header balance */
.header-main{min-height:92px;gap:clamp(18px,2vw,32px)}
.habitat-brand{min-width:248px}
.habitat-brand .brand-wordmark{width:170px}
.header-search{min-height:52px}
.main-nav .container{min-height:54px}
.mega-nav{gap:clamp(15px,2vw,28px)}
.mega-nav>a,.mega-nav>button{min-height:52px;font-size:13px}
.icon-link,.icon-btn,.lang-toggle{width:46px;height:46px;border-radius:15px}

/* Hero image hierarchy and spacing */
.habitat-hero{padding-block:clamp(52px,6vw,82px);background:
 radial-gradient(circle at 7% 8%,rgba(198,167,93,.18),transparent 25%),
 radial-gradient(circle at 86% 82%,rgba(21,165,137,.12),transparent 26%),
 linear-gradient(145deg,#fbfaf5 0%,#edf6f1 100%)}
.habitat-hero__grid{grid-template-columns:minmax(380px,.84fr) minmax(560px,1.16fr);gap:clamp(42px,5vw,74px)}
.habitat-hero__copy{padding-block:12px}
.habitat-kicker{font-size:12px;line-height:1.6;letter-spacing:.06em}
.habitat-hero h1{font-size:clamp(46px,5vw,74px);line-height:1.14}
.habitat-hero__lead{max-width:610px;margin-top:22px;font-size:16px;line-height:2}
.habitat-hero__actions{margin-top:28px;gap:12px}
.habitat-hero__actions .button{min-height:56px;padding-inline:28px;font-size:13px}
.habitat-hero__trust{margin-top:28px;gap:12px 20px}
.habitat-hero__trust span{font-size:12px}
.habitat-hero__visual{isolation:isolate}
.habitat-hero__visual>picture{display:block;aspect-ratio:1.52/1}
.habitat-hero__visual>picture img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:44px;box-shadow:var(--hb-strong-shadow)}
.habitat-hero__visual::after{inset:16px;border-radius:34px}
.habitat-hero__badge{left:-18px;bottom:44px;width:218px;min-height:102px;padding:18px 21px}
.habitat-hero__badge small{font-size:11px}
.habitat-hero__badge strong{font-size:16px}
.habitat-hero__seal{top:-20px;right:-18px;width:108px;height:108px}

/* Service strip */
.habitat-service-ribbon article{min-height:112px;padding:22px 26px}
.habitat-service-ribbon article>i{width:48px;height:48px;flex-basis:48px}
.habitat-service-ribbon b{font-size:13px}
.habitat-service-ribbon small{font-size:10px}

/* Section headings */
.habitat-section-head{margin-bottom:clamp(28px,3vw,42px);gap:clamp(20px,4vw,52px)}
.habitat-section-head h2{font-size:clamp(30px,3.2vw,46px);line-height:1.32;letter-spacing:-.02em}
.habitat-section-head>p{font-size:14px;line-height:1.95}

/* Category image treatment */
.habitat-category-grid.category-grid{gap:22px}
.habitat-category-grid .category-card{min-height:330px;border-radius:var(--hb-card-radius);box-shadow:var(--hb-soft-shadow)}
.habitat-category-grid .category-card img{object-position:center;filter:saturate(.96) contrast(1.02)}
.habitat-category-grid .category-card::after{background:linear-gradient(180deg,rgba(2,39,29,.02) 30%,rgba(2,45,33,.92) 100%)}
.habitat-category-grid .category-card>div,.habitat-category-grid .category-card>span{inset:auto 24px 24px}
.habitat-category-grid .category-card small{font-size:10px}
.habitat-category-grid .category-card strong{font-size:20px;line-height:1.45}

/* Editorial cards */
.habitat-experience-grid{padding-block:clamp(58px,6vw,84px)}
.habitat-experience-grid .container{grid-template-rows:repeat(2,300px);gap:22px}
.habitat-story-card{border-radius:var(--hb-card-radius);box-shadow:var(--hb-strong-shadow)}
.habitat-story-card img{object-position:center}
.habitat-story-card>span{inset:auto 28px 28px}
.habitat-story-card>span small{font-size:11px}
.habitat-story-card>span b{max-width:560px;font-size:clamp(20px,2.1vw,31px);line-height:1.5}
.habitat-story-card>span em{font-size:11px}

/* Product cards */
.products-grid{gap:22px}
.product-card{border-radius:24px;box-shadow:0 12px 34px rgba(4,68,49,.055);display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-7px);box-shadow:0 24px 58px rgba(4,68,49,.13)}
.product-media{aspect-ratio:1/1;overflow:hidden;background:#f7f5ef}
.product-media>a,.product-media img{width:100%;height:100%;display:block}
.product-media img{object-fit:cover;object-position:center;transition:transform .5s ease}
.product-info{padding:20px 20px 22px;display:flex;flex:1;flex-direction:column}
.product-card-heading{gap:12px}
.product-card .product-category,.product-card .product-brand{font-size:12px!important}
.product-card h3{margin:10px 0 5px;min-height:52px;font-size:17px;line-height:1.65}
.product-card-extra>p{font-size:12px;line-height:1.8}
.product-card-facts{gap:8px}
.product-card-facts span{min-height:58px;padding:10px;border-radius:13px}
.product-card-facts b{font-size:9px}
.product-card-facts small{font-size:9px}
.product-card-sizes{margin-top:12px;gap:7px!important}
.product-card-sizes i,.product-card-sizes b{min-width:40px;height:28px!important;font-size:9px!important}
.price-row{margin-top:auto;padding-top:16px}
.price-row strong{font-size:21px}
.add-cart-btn{min-height:48px;border-radius:14px;font-size:12px}

/* Size shopping */
.habitat-size-grid{gap:14px}
.habitat-size-grid a{min-height:154px;padding:22px 14px;border-radius:22px;box-shadow:0 10px 28px rgba(4,68,49,.045)}
.habitat-size-grid a b{font-size:36px}
.habitat-size-grid a span{font-size:12px}
.habitat-size-grid a small{font-size:10px}

/* New visual journey section */
.habitat-sleep-journey{background:#fff}
.habitat-sleep-journey__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:clamp(46px,6vw,82px)}
.habitat-sleep-journey__copy h2{margin:0;color:var(--habitat-deep);font-size:clamp(34px,3.5vw,50px);line-height:1.35}
.habitat-sleep-journey__copy>p:not(.habitat-kicker){margin:18px 0 0;color:var(--muted);font-size:14px;line-height:2}
.habitat-sleep-journey__steps{margin-top:28px;display:grid;gap:12px}
.habitat-sleep-journey__steps article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:15px 16px;border:1px solid #dce8e2;border-radius:17px;background:#fbfdfc}
.habitat-sleep-journey__steps i{width:46px;height:46px;border-radius:15px;background:#e7f4ee;color:var(--habitat-emerald);display:grid;place-items:center;font-style:normal;font-weight:900}
.habitat-sleep-journey__steps b{display:block;color:var(--habitat-deep);font-size:13px}
.habitat-sleep-journey__steps small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.7}
.habitat-sleep-journey__media{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,220px);gap:16px}
.habitat-sleep-journey__media figure{margin:0;overflow:hidden;border-radius:26px;box-shadow:var(--hb-soft-shadow);background:#edf4f0}
.habitat-sleep-journey__media figure:first-child{grid-row:span 2}
.habitat-sleep-journey__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.habitat-sleep-journey__media figure:hover img{transform:scale(1.04)}

/* Finder */
.habitat-finder__grid{gap:0;overflow:hidden;border-radius:34px;box-shadow:var(--hb-strong-shadow)}
.habitat-finder__visual{min-height:620px}
.habitat-finder__visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.habitat-finder__panel{padding:clamp(38px,5vw,62px)}
.habitat-finder__panel h2{font-size:clamp(34px,3vw,44px)}
.habitat-finder__panel>p:not(.habitat-kicker){font-size:14px}
.habitat-finder__step{margin-top:22px}
.habitat-finder__step label{font-size:13px}
.habitat-choice-row{gap:10px}
.habitat-choice-row button{min-height:46px;padding:10px 18px;font-size:11px}

/* Technology, projects and proof */
.habitat-tech-grid{gap:20px}
.habitat-tech-grid article{min-height:320px;padding:30px;border-radius:25px}
.habitat-tech-grid h3{font-size:19px}
.habitat-tech-grid p{font-size:13px;line-height:1.95}
.habitat-projects__grid,.habitat-authenticity__grid{gap:clamp(48px,6vw,82px)}
.habitat-projects__copy h2,.habitat-authenticity h2{font-size:clamp(36px,3.5vw,48px)}
.habitat-projects__copy>p,.habitat-authenticity p{font-size:14px}
.habitat-projects__image img,.habitat-authenticity__image img{aspect-ratio:1.55/1;object-fit:cover;object-position:center;border-radius:32px}
.habitat-projects__copy li{min-height:52px;display:flex;align-items:center;font-size:12px}
.habitat-proof-grid article{min-height:86px;padding:18px}
.habitat-proof-grid b{font-size:12px}
.habitat-proof-grid small{font-size:10px}

/* Branch cards and FAQ imagery */
.habitat-branches__grid{gap:22px}
.habitat-branches__grid article{border-radius:26px;box-shadow:var(--hb-soft-shadow)}
.habitat-branches__grid img{height:auto;aspect-ratio:1.6/1;object-fit:cover;object-position:center}
.habitat-branches__grid article>div{padding:24px 24px 26px}
.habitat-branches__grid small{font-size:10px}
.habitat-branches__grid h3{font-size:19px}
.habitat-branches__grid p{min-height:58px;font-size:12px}
.habitat-faq__grid{gap:clamp(44px,6vw,78px)}
[data-habitat-faq]{gap:13px}
[data-habitat-faq] article{border-radius:19px}
[data-habitat-faq] button{min-height:68px;font-size:13px}
[data-habitat-faq] p{font-size:12px;line-height:2}

/* Catalog and detail pages */
.catalog-hero,.page-hero{padding-block:clamp(52px,6vw,78px)}
.catalog-filter-panel,.products-toolbar,.order-summary,.checkout-panel{border-radius:22px}
.product-detail-gallery img{object-fit:contain;background:#f7f5ef}
.product-detail-main{gap:clamp(30px,4vw,58px)}
.habitat-spec-item{min-height:126px}
.habitat-detail-panel{padding:26px}

/* Footer */
.site-footer{padding-top:0}
.footer-main{padding-block:clamp(58px,6vw,82px)}
.footer-brand-card,.footer-contact-card{border-radius:24px}
.footer-links a{min-height:32px;display:flex;align-items:center}

@media(max-width:1180px){
  .habitat-hero__grid{grid-template-columns:1fr;gap:42px}
  .habitat-hero__copy{max-width:820px}
  .habitat-hero__visual{max-width:980px}
  .habitat-sleep-journey__grid{grid-template-columns:1fr;gap:42px}
  .habitat-sleep-journey__media{max-width:980px;width:100%}
}

@media(max-width:900px){
  :root{--hb-section-space:clamp(56px,8vw,76px)}
  .header-main{min-height:76px}
  .habitat-hero{padding-block:42px 54px}
  .habitat-hero__visual>picture{aspect-ratio:auto}
  .habitat-hero__visual>picture img{aspect-ratio:1.25/1;border-radius:30px}
  .habitat-service-ribbon .container{grid-template-columns:repeat(2,1fr)}
  .habitat-category-grid.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .habitat-category-grid .category-card{min-height:280px}
  .habitat-experience-grid .container{grid-template-columns:1fr;grid-template-rows:none}
  .habitat-story-card,.habitat-story-card--large{min-height:360px;grid-row:auto}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .habitat-size-grid{grid-template-columns:repeat(4,1fr)}
  .habitat-sleep-journey__media{grid-template-rows:repeat(2,190px)}
  .habitat-finder__grid{grid-template-columns:1fr}
  .habitat-finder__visual{min-height:430px}
  .habitat-tech-grid{grid-template-columns:repeat(2,1fr)}
  .habitat-projects__grid,.habitat-authenticity__grid,.habitat-faq__grid{grid-template-columns:1fr;gap:38px}
  .habitat-projects__image{order:-1}
  .habitat-branches__grid{grid-template-columns:1fr}
  .habitat-branches__grid img{aspect-ratio:1.9/1}
}

@media(max-width:620px){
  :root{--hb-page-gutter:16px;--hb-section-space:54px;--hb-card-radius:20px}
  body{font-size:14px}
  .habitat-topbar .container{min-height:34px}
  .habitat-hero{padding-block:30px 42px}
  .habitat-hero__grid{gap:28px}
  .habitat-hero h1{font-size:36px;line-height:1.18}
  .habitat-hero__lead{font-size:14px;line-height:1.9}
  .habitat-hero__actions{display:grid;grid-template-columns:1fr}
  .habitat-hero__actions .button{width:100%;min-height:52px}
  .habitat-hero__trust{display:grid;gap:9px}
  .habitat-hero__visual>picture img{aspect-ratio:.84/1;border-radius:24px}
  .habitat-hero__visual::after{inset:10px;border-radius:18px}
  .habitat-hero__badge{left:10px;bottom:14px;width:180px;min-height:82px;padding:13px 15px;border-radius:18px}
  .habitat-hero__badge strong{font-size:13px}
  .habitat-hero__seal{right:10px;top:-14px;width:76px;height:76px;padding:8px;border-radius:20px}
  .habitat-service-ribbon .container{grid-template-columns:1fr}
  .habitat-service-ribbon article{min-height:88px;padding:17px 10px}
  .habitat-section-head{margin-bottom:24px}
  .habitat-section-head h2{font-size:29px}
  .habitat-section-head>p{font-size:12px}
  .habitat-category-grid.category-grid{gap:10px}
  .habitat-category-grid .category-card{min-height:220px}
  .habitat-category-grid .category-card>div,.habitat-category-grid .category-card>span{inset:auto 14px 14px}
  .habitat-category-grid .category-card strong{font-size:15px}
  .habitat-story-card,.habitat-story-card--large{min-height:300px}
  .habitat-story-card>span{inset:auto 20px 20px}
  .products-grid{gap:10px}
  .product-info{padding:14px 13px 15px}
  .product-card h3{min-height:46px;font-size:14px}
  .product-card-extra>p,.product-card-facts{display:none}
  .price-row strong{font-size:17px}
  .add-cart-btn{min-height:44px;font-size:10px}
  .habitat-size-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .habitat-size-grid a{min-height:128px;padding:17px 8px}
  .habitat-size-grid a b{font-size:31px}
  .habitat-sleep-journey__media{grid-template-columns:1fr 1fr;grid-template-rows:230px 150px;gap:10px}
  .habitat-sleep-journey__media figure:first-child{grid-column:1/-1;grid-row:auto}
  .habitat-sleep-journey__steps article{grid-template-columns:42px 1fr;padding:13px}
  .habitat-sleep-journey__steps i{width:42px;height:42px}
  .habitat-finder__grid{border-radius:24px}
  .habitat-finder__visual{min-height:290px}
  .habitat-finder__panel{padding:28px 18px}
  .habitat-choice-row{display:grid;grid-template-columns:repeat(2,1fr)}
  .habitat-choice-row button{width:100%;padding-inline:8px}
  .habitat-tech-grid{grid-template-columns:1fr}
  .habitat-tech-grid article{min-height:0;padding:24px}
  .habitat-projects__copy ul,.habitat-proof-grid{grid-template-columns:1fr}
  .habitat-projects__image img,.habitat-authenticity__image img{aspect-ratio:1.22/1;border-radius:24px}
  .habitat-branches__grid img{aspect-ratio:1.45/1}
  .habitat-branches__grid article>div{padding:20px}
  .habitat-branches__grid p{min-height:0}
  [data-habitat-faq] button{min-height:62px;padding:14px;font-size:12px}
}

@media(hover:none){
  .product-card:hover,.habitat-category-grid .category-card:hover,.habitat-story-card:hover,.habitat-tech-grid article:hover,.habitat-branches__grid article:hover{transform:none}
}
