/* =========================================================
   FONTES
========================================================= */
@font-face{
  font-family:"GT Walsheim Pro";
  src:url("https://serta.co/assets/GT-Walsheim-Pro-Regular.woff2") format("woff2"),
      url("https://serta.co/assets/GT-Walsheim-Pro-Regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"GT Walsheim Pro";
  src:url("https://serta.co/assets/GT-Walsheim-Pro-Medium.woff2") format("woff2"),
      url("https://serta.co/assets/GT-Walsheim-Pro-Medium.woff") format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"GT Walsheim Pro";
  src:url("https://serta.co/assets/GT-Walsheim-Pro-Bold.woff2") format("woff2"),
      url("https://serta.co/assets/GT-Walsheim-Pro-Bold.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"GT Walsheim Pro";
  src:url("https://serta.co/assets/GT-Walsheim-Pro-Black.woff2") format("woff2"),
      url("https://serta.co/assets/GT-Walsheim-Pro-Black.woff") format("woff");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

/* =========================================================
   VARIABLES GLOBALES
========================================================= */
:root{
  --serta-blue:#0a2348;
  --serta-blue-2:#14396d;
  --serta-blue-3:#214f93;
  --serta-sky:#edf4ff;
  --serta-sky-2:#f4f8fd;
  --serta-line:#d9e4f2;
  --serta-line-2:#c8d7ea;
  --serta-yellow:#fee22f;
  --serta-yellow-dark:#f4d400;
  --serta-text:#183457;
  --serta-text-2:#27486f;
  --serta-muted:#5f789c;
  --serta-muted-2:#7690b4;
  --serta-card:#ffffff;
  --serta-shadow:0 18px 50px rgba(10,35,72,.08);
  --serta-shadow-soft:0 14px 34px rgba(10,35,72,.08);
  --serta-radius:22px;
  --serta-radius-sm:16px;
  --serta-container:1320px;
  --header-height:70px;
  --header-logo-width:64px;
  --header-underline-height:2px;
  --header-border:rgba(10,35,72,.10);
  --font-serta:"GT Walsheim Pro", Arial, Helvetica, sans-serif;
  --font-body:Arial, Helvetica, sans-serif;
}

/* =========================================================
   RESET / BASE
========================================================= */
*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  margin:0;
  padding:0;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  padding:0;
  overflow-x:hidden;
  background:var(--serta-sky-2);
  color:var(--serta-text);
  font-family:var(--font-serta);
  font-weight:400;
  line-height:1.35;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  touch-action:pan-y;
}

img{
  max-width:100%;
  height:auto;
  display:block;
  border:0;
}

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

input,
select,
textarea,
button{
  font:inherit;
  font-family:var(--font-serta);
}

input,
select,
textarea{
  font-size:16px;
}

button,
.button,
.btn,
.hero-btn,
.split-link,
.nav_link{
  font-family:var(--font-serta);
}

strong,
b{
  font-weight:700;
}

main{
  display:block;
}

.serta-page-wrap{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

#MainContent{
  flex:1 0 auto;
  overflow:hidden;
}

.main-container,
.home-container{
  width:100%;
  max-width:var(--serta-container);
  margin:0 auto;
  padding-left:22px;
  padding-right:22px;
}

.home-container{
  box-sizing:border-box;
}

.bg-white{ background:#fff; }
.text-white{ color:#fff !important; }
.text-navy{ color:var(--serta-blue) !important; }
.bg-sky{ background:var(--serta-sky); }
.bg-wool{ background:#f7f3eb; }

@media (max-width:991px){
  .main-container,
  .home-container{
    padding-left:16px;
    padding-right:16px;
  }
}

/* =========================================================
   HEADER
========================================================= */
.site-header{
  position:sticky;
  top:0;
  z-index:999;
  background:#fff;
  border-bottom:1px solid var(--header-border);
}

.site-header__inner{
  min-height:var(--header-height);
  display:flex;
  align-items:center;
  gap:30px;
}

.site-header__logo{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}

.site-header__logo img{
  width:var(--header-logo-width);
  min-width:var(--header-logo-width);
  height:auto;
  cursor:pointer;
}

.site-header__nav{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}

.site-header__nav-left,
.site-header__nav-right{
  display:flex;
  align-items:center;
  gap:38px;
  min-width:0;
}

.site-header__nav-right{
  margin-left:auto;
}

.nav_link{
  position:relative;
  display:inline-flex;
  align-items:center;
  color:var(--serta-blue);
  font-size:15px;
  font-weight:500;
  line-height:1.15;
  white-space:nowrap;
  height:calc(var(--header-height) - 2px);
  padding:0;
  transition:color .18s ease, opacity .18s ease;
}

.nav_link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--header-underline-height);
  background:var(--serta-blue);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}

.nav_link:hover{
  color:var(--serta-blue-2);
}

.nav_link:hover::after,
.nav_link.is-active::after{
  transform:scaleX(1);
}

.nav_link--instagram{
  height:auto;
  min-height:38px;
  padding:10px 18px;
  border-radius:999px;
  color:#fff !important;
  font-size:14px;
  line-height:1;
  font-weight:700;
  background:linear-gradient(90deg,#feda75 0%, #fa7e1e 22%, #d62976 50%, #962fbf 76%, #4f5bd5 100%);
  box-shadow:0 10px 24px rgba(79,91,213,.18);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.nav_link--instagram::after{
  display:none;
}

.nav_link--instagram:hover{
  color:#fff !important;
  opacity:.96;
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(79,91,213,.24);
}

.site-header__dropdown{
  position:relative;
  display:flex;
  align-items:center;
  height:calc(var(--header-height) - 2px);
}

.site-header__dropdown-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:calc(var(--header-height) - 2px);
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:var(--serta-blue);
  font-family:var(--font-serta);
  font-size:15px;
  font-weight:500;
  line-height:1.15;
  white-space:nowrap;
  text-decoration:none;
  transition:color .18s ease;
}

.site-header__dropdown-toggle::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:var(--header-underline-height);
  background:var(--serta-blue);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}

.site-header__dropdown-toggle::after{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  transform-origin:center;
  opacity:.9;
  flex:0 0 auto;
  transition:transform .18s ease, opacity .18s ease;
}

.site-header__dropdown:hover .site-header__dropdown-toggle,
.site-header__dropdown:focus-within .site-header__dropdown-toggle,
.site-header__dropdown-toggle.is-active{
  color:var(--serta-blue-2);
}

.site-header__dropdown:hover .site-header__dropdown-toggle::before,
.site-header__dropdown:focus-within .site-header__dropdown-toggle::before,
.site-header__dropdown-toggle.is-active::before{
  transform:scaleX(1);
}

.site-header__dropdown:hover .site-header__dropdown-toggle::after,
.site-header__dropdown:focus-within .site-header__dropdown-toggle::after{
  transform:rotate(225deg);
  opacity:1;
}

.site-header__submenu{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  min-width:220px;
  padding:10px 0;
  background:#fff;
  border:1px solid rgba(10,35,72,.08);
  border-radius:14px;
  box-shadow:0 18px 42px rgba(8,32,77,.14);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%, 8px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:80;
}

.site-header__submenu a{
  display:block;
  padding:10px 16px;
  color:var(--serta-blue-2);
  font-family:var(--font-serta);
  font-size:14px;
  line-height:1.25;
  font-weight:500;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease;
}

.site-header__submenu a:hover,
.site-header__submenu a.is-active{
  background:rgba(20,57,109,.06);
  color:var(--serta-blue);
}

.site-header__dropdown:hover .site-header__submenu,
.site-header__dropdown:focus-within .site-header__submenu{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);
}

@media (max-width:1199px){
  .site-header__dropdown-toggle{
    font-size:13px;
  }

  .site-header__submenu{
    min-width:210px;
  }

  .site-header__submenu a{
    font-size:13px;
  }
}

@media (max-width:1100px){
  .site-header__dropdown{
    display:none;
  }
}

.site-header__toggle{
  display:none;
  appearance:none;
  border:none;
  background:none;
  color:var(--serta-blue);
  font-size:28px;
  line-height:1;
  padding:0;
  cursor:pointer;
  margin-left:auto;
}

.site-header__mobile{
  display:none;
  border-top:1px solid var(--header-border);
  background:#fff;
}

.site-header.is-open .site-header__mobile{
  display:block;
}

.site-header__mobile-inner{
  padding-top:8px;
  padding-bottom:12px;
}

.site-header__mobile a{
  display:block;
  padding:14px 0;
  border-top:1px solid var(--header-border);
  color:var(--serta-blue);
  font-size:15px;
  font-weight:500;
  line-height:1.15;
}

.site-header__mobile a:first-child{
  border-top:none;
}

.site-header__mobile a.is-active{
  color:var(--serta-blue-2);
}

.site-header__mobile a.site-header__mobile-instagram{
  margin-top:10px;
  border-top:none;
  text-align:center;
  color:#fff !important;
  font-weight:700;
  border-radius:999px;
  background:linear-gradient(90deg,#feda75 0%, #fa7e1e 22%, #d62976 50%, #962fbf 76%, #4f5bd5 100%);
  padding:12px 16px;
}

@media (max-width:1100px){
  :root{
    --header-height:60px;
    --header-logo-width:56px;
  }

  .site-header__inner{
    min-height:var(--header-height);
    gap:14px;
  }

  .site-header__nav{
    display:none;
  }

  .site-header__toggle{
    display:block;
  }
}

/* =========================================================
   BOUTONS GLOBAUX
========================================================= */
.button,
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  border:none;
  border-radius:999px;
  background:var(--serta-blue);
  color:#fff !important;
  font-weight:700;
  cursor:pointer;
}

.button--primary{
  background:var(--serta-yellow);
  color:var(--serta-blue) !important;
}

.hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:14px 28px;
  border-radius:999px;
  text-decoration:none !important;
  font-size:17px;
  font-weight:700;
  line-height:1.1;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease, background .18s ease;
  box-sizing:border-box;
}

.hero-btn:hover{
  transform:translateY(-1px);
}

.hero-btn--primary{
  background:var(--serta-yellow);
  color:var(--serta-blue) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.20);
}

.hero-btn--primary:hover{
  background:var(--serta-yellow-dark);
}

.hero-btn--instagram{
  min-height:56px;
  padding:14px 28px;
  font-size:17px;
  font-weight:700;
  line-height:1.1;
  color:#fff !important;
  background:linear-gradient(90deg,#feda75 0%, #fa7e1e 22%, #d62976 50%, #962fbf 76%, #4f5bd5 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.20);
}

.hero-btn--instagram:hover{
  opacity:.96;
}

.hero-btn--contact{
  background:var(--serta-blue);
  color:#fff !important;
  box-shadow:0 14px 30px rgba(0,0,0,.20);
}

.hero-btn--contact:hover{
  background:var(--serta-blue-2);
}

@media (max-width:991px){
  .hero-btn--primary,
  .hero-btn--instagram,
  .hero-btn--contact{
    width:100%;
    max-width:360px;
  }
}

@media (max-width:760px){
  .hero-btn{
    min-height:52px;
    padding:13px 20px;
    font-size:16px;
  }

  .hero-btn--instagram{
    min-height:52px;
    padding:13px 20px;
    font-size:16px;
  }
}

/* =========================================================
   HOME - STRUCTURE
========================================================= */
.home-wrap{
  padding-bottom:34px;
}

.home-section{
  margin-top:24px;
}

.home-section-lg{
  margin-top:34px;
}

.home-banner{
  background:var(--serta-yellow);
  color:var(--serta-blue);
  text-align:center;
  font-weight:700;
  font-size:18px;
  line-height:1.2;
  padding:14px 18px;
}

#noscollections{
  scroll-margin-top:88px;
}

.footer-space{
  height:12px;
}

@media (max-width:991px){
  .home-section{
    margin-top:18px;
  }

  .home-section-lg{
    margin-top:28px;
  }

  .home-banner{
    font-size:16px;
    padding:12px 14px;
  }
}

@media (max-width:760px){
  #noscollections{
    scroll-margin-top:78px;
  }
}

/* =========================================================
   HOME - HERO
========================================================= */
.hero-home{
  position:relative;
  min-height:720px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  overflow:hidden;
  background:#000;
}

.hero-home video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.hero-home::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(10,35,72,.35) 0%, rgba(10,35,72,.42) 32%, rgba(10,35,72,.54) 100%);
  z-index:1;
}

.hero-home__inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:680px;
  margin:0 auto;
  padding:52px 24px;
  text-align:center;
  color:#fff;
}

.hero-home__eyebrow{
  display:inline-block;
  margin:0 0 14px 0;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  font-size:14px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.02em;
}

.hero-home__title{
  margin:0;
  font-size:56px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}

.hero-home__subtitle{
  margin:14px 0 2px 0;
  font-size:23px;
  line-height:1.1;
  font-weight:500;
  opacity:.96;
}

.hero-home__collections{
  margin:0;
  font-size:34px;
  line-height:1.08;
  font-weight:700;
}

.hero-home__buttons{
  margin-top:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}

.hero-home__anchor{
  margin-top:24px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff !important;
  font-size:14px;
  line-height:1.1;
  font-weight:500;
  opacity:.9;
}

@media (max-width:1199px){
  .hero-home{
    min-height:660px;
  }

  .hero-home__title{
    font-size:48px;
  }

  .hero-home__collections{
    font-size:30px;
  }
}

@media (max-width:991px){
  .hero-home{
    min-height:620px;
  }

  .hero-home__inner{
    padding:40px 18px;
  }

  .hero-home__eyebrow{
    font-size:13px;
    margin-bottom:10px;
  }

  .hero-home__title{
    font-size:38px;
  }

  .hero-home__subtitle{
    font-size:19px;
    margin-top:12px;
    margin-bottom:2px;
  }

  .hero-home__collections{
    font-size:27px;
  }

  .hero-home__buttons{
    gap:12px;
    flex-direction:column;
  }
}

@media (max-width:760px){
  .hero-home{
    min-height:560px;
  }

  .hero-home__title{
    font-size:31px;
  }

  .hero-home__subtitle{
    font-size:17px;
  }

  .hero-home__collections{
    font-size:22px;
    line-height:1.18;
  }
}

@media (max-width:640px){
  .hero-home__inner{
    padding:34px 16px;
  }
}

/* =========================================================
   TITRES DE SECTION
========================================================= */
.home-block{
  background:var(--serta-card);
  border-radius:var(--serta-radius);
  box-shadow:var(--serta-shadow);
}

.section-head{
  text-align:center;
  margin-bottom:20px;
}

.section-head h2,
.section-head h1{
  margin:0;
  color:var(--serta-blue);
  font-size:40px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}

.section-head p{
  margin:10px 0 0 0;
  color:var(--serta-muted);
  font-size:19px;
  line-height:1.15;
  font-weight:500;
}

.section-head--collections h2{
  font-size:60px;
  line-height:.96;
  letter-spacing:-.04em;
  padding-top:33px;
}

.section-head--collections p{
  font-size:20px;
  line-height:1.1;
  font-weight:500;
}

@media (max-width:1199px){
  .section-head--collections h2{
    font-size:52px;
  }
}

@media (max-width:991px){
  .section-head h2,
  .section-head h1{
    font-size:34px;
  }

  .section-head p{
    font-size:17px;
  }

  .section-head--collections h2{
    font-size:46px;
  }
}

@media (max-width:760px){
  .section-head h2,
  .section-head h1{
    font-size:28px;
  }

  .section-head--collections h2{
    font-size:38px;
  }
}

/* =========================================================
   CARTES COLLECTIONS - HOME
========================================================= */
.collections-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}

.collection-card{
  overflow:hidden;
  background:#fff;
  border-radius:24px;
  box-shadow:var(--serta-shadow);
  border:1px solid rgba(10,35,72,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}

.collection-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(10,35,72,.12);
}

.collection-card a{
  text-decoration:none !important;
}

.collection-card__media{
  display:block;
  aspect-ratio:1.55 / 1;
  overflow:hidden;
  background:#e9eef7;
}

.collection-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.collection-card__body{
  padding:22px 24px 44px;
}

.collection-card__body--center{
  text-align:center;
}

.collection-card__title{
  margin:0 0 12px 0;
  color:var(--serta-blue);
  font-size:28px;
  line-height:1.04;
  font-weight:700;
  letter-spacing:-.02em;
}

.collection-card__title--large{
  font-size:32px;
  line-height:1;
}

.collection-card__text{
  margin:0;
  color:var(--serta-text);
  font-size:17px;
  line-height:1.28;
  font-weight:400;
}

.collection-card__text + .collection-card__text{
  margin-top:12px;
}

.collection-card__text--highlight{
  font-weight:700;
  color:var(--serta-blue);
}

@media (max-width:991px){
  .collections-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .collection-card__body{
    text-align:left;
  }

  .collection-card__media{
    aspect-ratio:1.65 / 1;
  }

  .collection-card__title{
    font-size:25px;
  }

  .collection-card__title--large{
    font-size:27px;
  }
}

@media (max-width:760px){
  .collection-card__body{
    padding:18px 18px 20px;
  }

  .collection-card__media{
    aspect-ratio:1.7 / 1;
  }

  .collection-card__title{
    font-size:24px;
  }

  .collection-card__title--large{
    font-size:25px;
  }

  .collection-card__text{
    font-size:16px;
    line-height:1.24;
  }
}

/* =========================================================
   BLOCS SPLIT
========================================================= */
.split-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,46%);
  align-items:stretch;
  overflow:hidden;
  background:#fff;
  border-radius:30px;
  box-shadow:var(--serta-shadow);
}

.split-card--reverse{
  grid-template-columns:minmax(420px,46%) minmax(0,1fr);
}

.split-card__content{
  padding:38px 40px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.split-card__tag{
  display:inline-flex;
  width:max-content;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--serta-sky);
  color:var(--serta-blue-2);
  font-size:13px;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.split-card__title{
  margin:0 0 14px 0;
  color:var(--serta-blue);
  font-size:38px;
  line-height:1.02;
  font-weight:700;
  letter-spacing:-.03em;
}

.split-card__text{
  margin:0;
  color:var(--serta-text);
  font-size:18px;
  line-height:1.36;
  font-weight:400;
}

.split-card__text + .split-card__text{
  margin-top:12px;
}

.split-card__media{
  min-height:100%;
  background:#eaf1fb;
}

.split-card__media img{
  width:100%;
  height:100%;
  min-height:100%;
  display:block;
  object-fit:cover;
}

.hotel-logos{
  margin-top:18px;
}

.hotel-logos img{
  max-width:100%;
  height:auto;
  display:block;
}

.split-links{
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.split-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 22px;
  border-radius:999px;
  background:var(--serta-blue);
  color:#fff !important;
  font-size:16px;
  line-height:1.1;
  font-weight:700;
  box-shadow:0 10px 24px rgba(10,35,72,.18);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease;
}

.split-link:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(10,35,72,.22);
  background:var(--serta-blue-2);
}

.pill-flag{
  margin-top:18px;
}

.pill-flag img{
  width:140px;
  height:auto;
  display:block;
}

@media (max-width:1199px){
  .split-card,
  .split-card--reverse{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:991px){
  .split-card,
  .split-card--reverse{
    grid-template-columns:1fr;
  }

  .split-card__content{
    padding:28px 24px 30px;
  }

  .split-card__title{
    font-size:31px;
  }

  .split-card__text{
    font-size:17px;
    line-height:1.48;
  }

  .split-card__media{
    min-height:300px;
    order:-1;
  }
}

@media (max-width:760px){
  .split-card__title{
    font-size:27px;
  }

  .split-card__text{
    font-size:16px;
  }
}

/* =========================================================
   NOS MATELAS POUR TOUS
========================================================= */
.sleep-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.sleep-card{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--serta-shadow);
  border:1px solid rgba(10,35,72,.06);
}

.sleep-card__media{
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#edf2f8;
}

.sleep-card__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .35s ease;
  transform:scale(1);
}

.sleep-card:hover .sleep-card__media img{
  transform:scale(1.06);
}

.sleep-card__body{
  padding:18px 18px 20px;
}

.sleep-card__title{
  margin:0 0 10px 0;
  color:var(--serta-blue);
  font-size:21px;
  line-height:1.12;
  font-weight:700;
  letter-spacing:-.02em;
}

.sleep-card__text{
  margin:0;
  color:var(--serta-text);
  font-size:16px;
  line-height:1.32;
  font-weight:400;
}

.sleep-grid .sleep-card:nth-child(1) .sleep-card__media img{ object-position:46% center; }
.sleep-grid .sleep-card:nth-child(2) .sleep-card__media img{ object-position:88% center; }
.sleep-grid .sleep-card:nth-child(3) .sleep-card__media img{ object-position:47% center; }
.sleep-grid .sleep-card:nth-child(4) .sleep-card__media img{ object-position:center center; }

@media (max-width:1199px){
  .sleep-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:991px){
  .sleep-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
}

@media (max-width:760px){
  .sleep-grid .sleep-card .sleep-card__media img{
    object-position:center center !important;
  }

  .sleep-card__title{
    font-size:18px;
  }

  .sleep-card__media{
    aspect-ratio:1 / .65;
  }

  .sleep-card__body{
    padding:14px 16px 16px;
  }

  .sleep-card__text{
    font-size:15px;
    line-height:1.24;
  }

  .sleep-card:hover .sleep-card__media img{
    transform:scale(1.03);
  }
}

/* =========================================================
   CTA PANEL
========================================================= */
.cta-panel{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  box-shadow:var(--serta-shadow);
  min-height:430px;
  display:grid;
  align-items:stretch;
}

.cta-panel__bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#111d34;
}

.cta-panel__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:translateX(11%);
}

.cta-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    #111d34 0%,
    rgba(17,29,52,.95) 18%,
    rgba(17,29,52,.75) 35%,
    rgba(17,29,52,.35) 55%,
    rgba(17,29,52,0) 72%
  );
  z-index:1;
}

.cta-panel__content{
  position:relative;
  z-index:2;
  max-width:680px;
  padding:44px;
  color:#fff;
}

.cta-panel__title{
  margin:0 0 12px 0;
  font-size:42px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}

.cta-panel__text{
  margin:0;
  font-size:20px;
  line-height:1.32;
  font-weight:400;
  opacity:.96;
}

.cta-panel__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}

@media (max-width:991px){
  .cta-panel{
    min-height:380px;
  }

  .cta-panel__content{
    padding:28px 22px;
  }

  .cta-panel__title{
    font-size:33px;
  }

  .cta-panel__text{
    font-size:18px;
  }
}

@media (max-width:760px){
  .cta-panel__title{
    font-size:28px;
  }

  .cta-panel__text{
    font-size:17px;
    line-height:1.28;
  }

  .cta-panel__buttons{
    flex-direction:column;
    align-items:flex-start;
  }

  .cta-panel__buttons .hero-btn{
    width:100%;
    max-width:320px;
  }

  .cta-panel__bg img{
    transform:translateX(0);
  }

  .cta-panel::before{
    background:linear-gradient(
      90deg,
      rgba(17,29,52,.98) 0%,
      rgba(17,29,52,.92) 28%,
      rgba(17,29,52,.75) 55%,
      rgba(17,29,52,.35) 78%,
      rgba(17,29,52,.15) 100%
    );
  }

  .cta-panel__content{
    max-width:520px;
  }
}

/* =========================================================
   PAGE COLLECTION PRODUIT
========================================================= */
.collection-page{
  width:100%;
  font-family:var(--font-serta);
}

.collection-page,
.collection-page *{
  color:#00263e;
}

.collection-page p,
.collection-page li,
.collection-page a,
.collection-page span,
.collection-page div{
  font-family:var(--font-serta);
}

.collection-page h1,
.collection-page h2,
.collection-page h3,
.collection-page h4,
.collection-page h5,
.collection-page h6,
.collection-page h1 *,
.collection-page h2 *,
.collection-page h3 *,
.collection-page h4 *,
.collection-page h5 *,
.collection-page h6 *{
  font-family:"GT Walsheim Pro", Arial, Helvetica, sans-serif !important;
}

.collection-page h1,
.collection-page h2,
.collection-page h3{
  font-weight:400;
}

.collection-page h4,
.collection-page h5,
.collection-page h6{
  font-weight:500;
}

.collection-page b,
.collection-page strong{
  font-weight:500;
}

#presentation_collection{
  display:grid;
  grid-template-columns:minmax(360px,38%) minmax(0,62%);
  align-items:stretch;
  margin:0 0 30px 0;
  overflow:hidden;
}

#presentation_collection > div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

#presentation_collection h1{
  margin:0;
  padding:42px 42px 0;
  text-align:left;
  font-family:"GT Walsheim Pro", Arial, Helvetica, sans-serif !important;
  font-weight:500;
  font-size:56px;
  line-height:.96;
  letter-spacing:-.05em;
}

#presentation_collection p{
  margin:0;
  padding:18px 42px 42px;
  text-align:left;
  font-family:var(--font-serta);
  font-size:18px;
  line-height:1.45;
  font-weight:400;
}

.presentation_collection{
  width:100%;
  height:100%;
  min-height:100%;
  display:block;
  object-fit:cover;
}

.presentation_collection_perfectsleeper{
  background-color:#ecf5fe;
}

.presentation_collection_iseries{
  background-color:#22354c;
  color:#fff;
}

.texte_collection_iseries{
  color:#fff !important;
}

.texte_collection_iseries > b,
.texte_collection_iseries strong{
  color:#fff !important;
}

#produits_collection{
  margin-top:4px;
}

#produits_collection img{
  width:100%;
  display:block;
}

#produits_collection > a{
  display:block;
  border:1px solid #e7e9ef;
  margin-bottom:20px;
  text-decoration:none;
  background:#fff;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

#produits_collection > a:hover{
  border-color:#d6deea;
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(10,35,72,.08);
}

#produits_collection > a > h4{
  margin:14px 26px 4px;
  font-size:14px;
  line-height:1.15;
  color:var(--serta-text);
  font-weight:500;
}

#produits_collection > a > h1{
  margin:0 26px 10px;
  font-weight:700 !important;
  font-size:28px;
  line-height:1.02;
  letter-spacing:-.03em;
  color:var(--serta-text);
}

#produits_collection > a > p{
  margin:0 26px 18px;
  font-size:14px;
  line-height:1.35;
  color:var(--serta-text);
}

.collection-page.product-page{
  max-width:var(--serta-container);
  padding-top:18px;
  padding-bottom:36px;
}

.product-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 16px 0;
  color:var(--serta-muted);
  font-size:14px;
  line-height:1.35;
}

.product-breadcrumb a{
  color:var(--serta-blue);
}

.product-breadcrumb a:hover{
  text-decoration:underline;
}

.product-breadcrumb b{
  color:var(--serta-blue);
  font-weight:700;
}

.product-top-card,
.product-details-card,
.product-related-card{
  background:#fff;
  border-radius:28px;
  box-shadow:var(--serta-shadow);
  border:1px solid rgba(10,35,72,.06);
}

.product-top-card{
  padding:18px;
  margin-bottom:22px;
  overflow:hidden;
}

.product-details-card{
  padding:20px;
  margin-bottom:22px;
  overflow:hidden;
}

.product-details-card #details_produit{
  overflow:visible;
}

.product-related-card{
  padding:18px;
}

.product-related-head{
  margin:0 0 14px 0;
}

.product-related-head h2{
  margin:0 0 4px 0;
  color:var(--serta-blue);
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}

.product-related-head h3{
  margin:0;
  color:var(--serta-muted);
  font-size:18px;
  line-height:1.2;
  font-weight:500;
}

#photos-produit,
#texte-produit,
#details_produit,
#myModal,
#photos-produit *,
#texte-produit *,
#details_produit *,
#myModal *{
  box-sizing:border-box;
}

.product-top-card #photos-produit{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  line-height:0;
}

.product-top-card #photos-produit img{
  display:block;
  width:100%;
  margin:0;
  cursor:pointer;
  border-radius:16px;
  overflow:hidden;
  transition:opacity .18s ease;
}

.product-top-card #photos-produit img:first-child{
  grid-column:1 / -1;
  border-radius:22px;
}

.product-top-card #photos-produit img:hover{
  opacity:.92;
}

.product-top-card #texte-produit{
  margin-bottom:0;
}

.product-top-card #texte-produit > h1{
  margin:0 0 8px 0;
  color:var(--serta-blue);
  font-size:clamp(2.2rem, 4vw, 3.9rem);
  line-height:.94;
  font-weight:900;
  letter-spacing:-.05em;
}

.product-top-card #texte-produit > h4{
  margin:0 0 14px 0;
  color:var(--serta-muted);
  font-size:18px;
  line-height:1.2;
  font-weight:500;
}

.product-top-card #description_produit{
  margin-bottom:18px;
  font-size:16px;
  line-height:1.55;
  color:var(--serta-text);
}

.product-top-card #description_produit p{
  margin:0 0 1em 0;
}

.product-top-card #description_produit ul,
.product-top-card #description_produit ol{
  margin:0 0 1em 1.2em;
}

.product-top-card #description_produit li{
  margin:0 0 .35em 0;
}

.product-top-card .bt-pdf{
  display:inline-block;
  width:13em;
  min-width:83px;
  margin-top:0;
  margin-bottom:14px;
}

.product-top-card .bt-pdf:hover{
  opacity:.5;
}

.product-top-card .fermete{
  width:100%;
  display:block;
  margin-top:4px;
  margin-bottom:18px;
  border-radius:16px;
  overflow:hidden;
}

.product-pictos{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:4px;
}

.product-pictos .picto{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:0;
}

.product-details-card #details_produit{
  clear:none;
  margin-bottom:0;
}

.product-details-card #details_produit > h2{
  margin:0 0 8px 0;
  color:var(--serta-blue);
  font-size:clamp(2rem, 3.2vw, 3rem);
  line-height:.98;
  font-weight:900;
  letter-spacing:-.04em;
}

.product-details-card #details_produit > p{
  margin:0 0 20px 0;
  color:var(--serta-muted);
  font-size:16px;
  line-height:1.45;
}

.composition-container{
  position:relative;
  margin-right:1.5em;
  margin-bottom:22px;
}

.composition{
  margin:1em 0;
  padding:.2em;
  border:2px solid #5cc7ed;
  border-radius:23px;
  list-style:none;
  background:transparent;
  box-shadow:none;
}

.composition-container div{
  position:absolute;
  right:-1.5em;
  left:0;
  top:0;
  bottom:0;
  border-right:2px solid #5cc7ed;
}

.composition-container div span{
  position:absolute;
  right:0;
  top:50%;
  transform:translate(-.5em,50%);
  rotate:180deg;
  writing-mode:vertical-lr;
  background:#fff;
  padding:.5em 0;
  font-family:"GT Walsheim Pro", Arial, Helvetica, sans-serif !important;
  font-size:18px;
  line-height:1;
  font-weight:400;
  color:var(--serta-text);
}

.composition li{
  position:relative;
  background:#caf0f5;
  padding:.45em .7em .45em 2.6em;
  margin:.35em;
  border-radius:1em;
  font-size:.98rem;
  line-height:1.25;
  color:var(--serta-text);
  white-space:normal;
}

.composition li span{
  position:absolute;
  left:.65em;
  top:50%;
  transform:translateY(-50%);
  width:1.25rem;
  height:1.25rem;
  border-radius:50%;
  background:#000;
  color:#fff;
  border:2px solid #fff;
  font-weight:700;
  font-size:.72rem;
  line-height:1.05rem;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
}

.composition li b,
.composition li strong{
  font-weight:700;
}

.product-details-card .coupe{
  width:100%;
  display:block;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(10,35,72,.08);
  margin:10px 0 22px 0;
}

.product-details-card #details_produit > ul,
.product-details-card #details_produit > ol{
  margin:0 0 16px 20px;
}

.product-details-card #details_produit > p,
.product-details-card #details_produit li{
  font-size:16px;
  line-height:1.65;
  color:var(--serta-text);
}

.product-details-card #details_produit > p + p{
  margin-top:12px;
}

.product-related-card #produits_collection{
  margin-top:0;
}

.product-related-card #produits_collection > a{
  border:none;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:var(--serta-shadow-soft);
}

.product-related-card #produits_collection > a:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(10,35,72,.12);
}

.product-related-card #produits_collection > a > h4{
  margin:16px 22px 6px;
  font-size:13px;
  line-height:1.15;
  color:var(--serta-blue-2);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.product-related-card #produits_collection > a > h1{
  margin:0 22px 10px;
  color:var(--serta-blue);
  font-size:30px;
  line-height:1;
  font-weight:700 !important;
  letter-spacing:-.03em;
}

.product-related-card #produits_collection > a > p{
  margin:0 22px 22px;
  color:var(--serta-text);
  font-size:15px;
  line-height:1.45;
}

.modal{
  display:none;
  position:fixed;
  z-index:9999;
  inset:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgba(0,0,0,.84);
}

.mySlides{
  display:none;
  max-width:90%;
  max-height:90vh;
  margin:auto;
  position:relative;
  top:50%;
  transform:translateY(-50%);
}

#modal_close,
#modal_prev,
#modal_next,
#modal_index{
  position:absolute;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  z-index:10000;
}

#modal_index{
  top:17px;
  left:16px;
  font-weight:400;
  font-size:15px;
  cursor:default;
}

#modal_close{
  top:10px;
  right:17px;
  font-size:35px;
  font-weight:500;
  line-height:1;
}

#modal_prev,
#modal_next{
  top:50%;
  transform:translateY(-50%);
  width:auto;
  padding:16px;
  font-size:20px;
  font-weight:700;
  user-select:none;
  -webkit-user-select:none;
  transition:color .2s ease;
}

#modal_prev{ left:0; }
#modal_next{ right:0; }

#modal_prev:hover,
#modal_next:hover,
#modal_close:hover,
#modal_close:focus{
  color:#999;
}

@media (min-width:520px){
  #produits_collection{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }

  #produits_collection > a{
    flex:0 0 48.9%;
    margin-bottom:2.2%;
  }
}

@media (min-width:730px){
  .product-top-card{
    display:grid;
    grid-template-columns:minmax(0,60%) minmax(0,40%);
    gap:22px;
    align-items:start;
  }

  .product-top-card #photos-produit{
    width:auto;
    float:none;
  }

  .product-top-card #texte-produit{
    width:auto;
    margin-left:0;
    padding-top:2px;
  }
}

@media (min-width:980px){
  #produits_collection > a{
    flex:0 0 31.9%;
    margin-bottom:2.15%;
  }
}

@media (max-width:1199px){
  #presentation_collection h1{
    font-size:50px;
  }
}

@media (max-width:991px){
  #presentation_collection{
    grid-template-columns:1fr;
    margin-bottom:24px;
  }

  #presentation_collection > div{
    order:1;
  }

  .presentation_collection{
    order:2;
    width:100%;
    height:auto;
    min-height:0;
  }

  #presentation_collection h1{
    padding:28px 28px 0;
    font-size:42px;
  }

  #presentation_collection p{
    padding:14px 28px 28px;
    font-size:17px;
  }

  .collection-page.product-page{
    padding-top:18px;
    padding-bottom:30px;
  }

  .product-related-head h2{
    font-size:28px;
  }

  .product-related-head h3{
    font-size:16px;
  }

  .product-pictos{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }

  .product-related-card #produits_collection > a > h1{
    font-size:26px;
  }
}

@media (max-width:760px){
  .collection-page.product-page{
    padding-bottom:22px;
  }

  #presentation_collection{
    margin-bottom:20px;
  }

  #presentation_collection h1{
    padding:22px 20px 0;
    font-size:34px;
    line-height:1.02;
  }

  #presentation_collection p{
    padding:12px 20px 22px;
    font-size:15px;
    line-height:1.42;
  }

  .product-breadcrumb{
    margin-bottom:14px;
    font-size:13px;
    gap:6px;
  }

  .product-top-card,
  .product-details-card,
  .product-related-card{
    border-radius:22px;
  }

  .product-top-card{
    padding:14px;
  }

  .product-details-card{
    padding:18px;
  }

  .product-related-card{
    padding:14px;
  }

  .product-top-card #photos-produit{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .product-top-card #photos-produit img{
    border-radius:14px;
  }

  .product-top-card #photos-produit img:first-child{
    grid-column:1 / -1;
    border-radius:18px;
  }

  .product-top-card #texte-produit{
    margin-top:14px;
  }

  .product-top-card #texte-produit > h1{
    font-size:clamp(2rem, 9vw, 2.8rem);
  }

  .product-top-card #texte-produit > h4{
    font-size:16px;
    margin-bottom:14px;
  }

  .product-top-card #description_produit{
    font-size:15px;
    line-height:1.55;
  }

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

  .product-details-card #details_produit > h2{
    font-size:clamp(1.8rem, 8vw, 2.4rem);
  }

  .product-details-card #details_produit > p,
  .product-details-card #details_produit li{
    font-size:15px;
    line-height:1.55;
  }

  .composition-container{
    margin-right:1.2em;
  }

  .composition-container div{
    right:-1.2em;
  }

  .composition-container div span{
    font-size:15px;
  }

  .product-related-card #produits_collection > a > h4{
    margin:14px 18px 6px;
    font-size:13px;
  }

  .product-related-card #produits_collection > a > h1{
    margin:0 18px 8px;
    font-size:24px;
  }

  .product-related-card #produits_collection > a > p{
    margin:0 18px 18px;
    font-size:14px;
  }

  #modal_prev,
  #modal_next{
    padding:12px;
    font-size:18px;
  }

  #modal_close{
    top:8px;
    right:14px;
  }

  #modal_index{
    top:14px;
    left:14px;
    font-size:14px;
  }
}

@media (max-width:520px){
  .product-pictos{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
  }

  .composition-container{
    margin-right:1em;
  }

  .composition-container div{
    right:-1em;
  }

  .composition-container div span{
    font-size:14px;
  }

  .composition li{
    font-size:.93rem;
    line-height:1.22;
    padding:.42em .65em .42em 2.45em;
  }

  .composition li span{
    left:.58em;
    width:1.15rem;
    height:1.15rem;
    font-size:.68rem;
  }
}

@media (max-width:370px){
  #presentation_collection h1{
    font-size:29px;
  }

  #produits_collection > a > h1{
    font-size:22px;
  }
}

/* =========================================================
   PAGE REVENDEURS
========================================================= */
.store-search-wrap{
  display:flex;
  justify-content:center;
  margin:18px 0 10px;
}

.store-search-box{
  display:flex;
  gap:12px;
  width:100%;
  max-width:760px;
  align-items:center;
  justify-content:center;
}

#adress_input{
  flex:1 1 auto;
  min-width:0;
  height:54px;
  padding:0 18px;
  border:1px solid rgba(10,35,72,.22);
  border-radius:18px;
  background:#fff;
  color:var(--serta-blue);
  font-size:18px;
  outline:none;
  box-shadow:none;
}

#adress_input:focus{
  border-color:var(--serta-blue);
}

#adress_search_btn{
  flex:0 0 auto;
  height:54px;
  padding:0 24px;
  border:none;
  border-radius:18px;
  background:var(--serta-blue);
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}

#adress_search_btn:hover{
  transform:translateY(-1px);
  background:var(--serta-blue-2);
}

#map-container{
  display:block;
  margin-top:24px;
  margin-bottom:40px;
}

#map{
  width:100%;
  height:680px;
  min-height:680px;
  border-radius:26px;
  overflow:hidden;
  background:#dfe7f3;
  box-shadow:0 18px 50px rgba(10,35,72,.10);
}

#panel{
  display:none !important;
}

.gm-style .gm-ui-hover-effect,
.gm-style .gm-style-iw-chr,
.gm-style .gm-style-iw-tc{
  display:none !important;
}

.gm-style .gm-style-iw-c{
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  max-width:min(92vw,460px) !important;
}

.gm-style .gm-style-iw-d{
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  max-width:100% !important;
  max-height:none !important;
}

.gm-style .store-popup,
.gm-style .store-popup *{
  box-sizing:border-box !important;
  font-family:var(--font-serta) !important;
}

.gm-style .store-popup{
  position:relative !important;
  width:320px !important;
  min-width:0 !important;
  max-width:320px !important;
  background:#fff !important;
  color:var(--serta-text) !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(10,35,72,.08) !important;
  box-shadow:0 18px 40px rgba(10,35,72,.16) !important;
  outline:none !important;
}

.gm-style .store-popup:focus,
.gm-style .store-popup *:focus{
  outline:none !important;
  box-shadow:none !important;
}

.gm-style .store-popup__close{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:20 !important;
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  border:3px solid #6f6f6f !important;
  background:#f3f3f3 !important;
  color:#666 !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:400 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  padding:0 !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.gm-style .store-popup__close:hover{
  background:#ececec !important;
}

.gm-style .store-popup__top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:14px 64px 12px 16px !important;
  background:#fff !important;
  min-height:72px !important;
}

.gm-style .store-popup__brand{
  width:auto !important;
  height:74px !important;
  display:block !important;
  flex:0 0 auto !important;
}

.gm-style .store-popup__badge{
  margin-left:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:9px 14px !important;
  min-height:38px !important;
  border-radius:999px !important;
  background:var(--serta-sky) !important;
  color:var(--serta-blue) !important;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  text-align:center !important;
  white-space:normal !important;
  max-width:170px !important;
}

.gm-style .store-popup__photo-wrap{
  width:100% !important;
  background:#fff !important;
  padding:0 !important;
  overflow:hidden !important;
}

.gm-style .store-popup__photo{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  height:162px !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#fff !important;
}

.gm-style .store-popup__body{
  padding:16px 16px 18px !important;
}

.gm-style .store-popup__title{
  display:block !important;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  color:var(--serta-blue) !important;
  font-size:18px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
}

.gm-style .store-popup__distance{
  display:inline-block !important;
  margin:0 0 10px 0 !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  background:var(--serta-yellow) !important;
  color:var(--serta-blue) !important;
  font-size:11px !important;
  font-weight:700 !important;
  line-height:1 !important;
}

.gm-style .store-popup__address{
  display:block !important;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  color:var(--serta-text) !important;
  font-size:15px !important;
  line-height:1.28 !important;
  font-weight:400 !important;
  text-align:left !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.gm-style .store-popup__meta{
  display:block !important;
  margin:7px 0 0 0 !important;
  padding:0 !important;
  color:var(--serta-text) !important;
  font-size:14px !important;
  line-height:1.32 !important;
  font-weight:400 !important;
  text-align:left !important;
}

.gm-style .store-popup__meta-label{
  font-weight:700 !important;
  color:var(--serta-blue) !important;
}

.gm-style .store-popup__meta-value{
  font-weight:400 !important;
  color:var(--serta-text) !important;
  white-space:pre-line !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.gm-style .store-popup__meta a{
  color:var(--serta-blue) !important;
  text-decoration:underline !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

#adress_reset_btn{
  flex:0 0 auto;
  height:54px;
  padding:0 22px;
  border:1px solid rgba(10,35,72,.16);
  border-radius:18px;
  background:#fff;
  color:var(--serta-blue);
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

#adress_reset_btn:hover{
  transform:translateY(-1px);
  background:#f7faff;
  border-color:rgba(10,35,72,.28);
}

.store-sidebar__count{
  display:inline-flex;
  align-items:center;
  margin-top:8px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--serta-sky);
  color:var(--serta-blue);
  font-family:"GT Walsheim Pro", Arial, sans-serif;
  font-size:13px;
  font-weight:500;
  line-height:1;
}

@media (max-width:991px){
  #map{
    min-height:420px;
    height:420px;
  }

  .gm-style .store-popup{
    max-width:400px !important;
  }

  .gm-style .store-popup__top{
    padding:13px 58px 10px 14px !important;
    gap:12px !important;
    min-height:68px !important;
  }

  .gm-style .store-popup__badge{
    padding:8px 12px !important;
    min-height:36px !important;
    font-size:12px !important;
    max-width:150px !important;
  }

  .gm-style .store-popup__body{
    padding:14px 14px 16px !important;
  }

  .gm-style .store-popup__title{
    font-size:17px !important;
  }

  .gm-style .store-popup__address{
    font-size:14px !important;
  }

  .gm-style .store-popup__meta{
    font-size:13px !important;
  }

  .gm-style .store-popup__close{
    width:42px !important;
    height:42px !important;
    font-size:26px !important;
  }
}

@media (max-width:760px){
  .store-search-wrap{
    margin:18px 0 22px;
  }

  .store-search-box{
    flex-direction:column;
    max-width:none;
    gap:10px;
  }

  #adress_input{
    width:100%;
    min-height:48px;
    height:48px;
    font-size:16px;
    border-radius:14px;
  }

  #adress_search_btn{
    width:100%;
    min-height:48px;
    height:48px;
    font-size:15px;
  }

  #adress_reset_btn{
    width:100%;
    min-height:48px;
    height:48px;
    font-size:15px;
    border-radius:14px;
  }

  #map{
    height:520px;
    min-height:520px;
    border-radius:20px;
  }

  .gm-style .gm-style-iw-c{
    max-width:calc(100vw - 48px) !important;
  }

  .gm-style .store-popup{
    width:min(320px, calc(100vw - 56px)) !important;
    min-width:0 !important;
    max-width:min(320px, calc(100vw - 56px)) !important;
    border-radius:22px !important;
  }

  .gm-style .store-popup__top{
    padding:12px 56px 10px 13px !important;
    gap:10px !important;
    align-items:flex-start !important;
    min-height:64px !important;
  }

  .gm-style .store-popup__brand{
    height:62px !important;
  }

  .gm-style .store-popup__badge{
    padding:8px 10px !important;
    min-height:34px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    max-width:128px !important;
  }

  .gm-style .store-popup__photo-wrap{
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
  }

  .gm-style .store-popup__body{
    padding:13px 13px 15px !important;
  }

  .gm-style .store-popup__title{
    font-size:16px !important;
    line-height:1.08 !important;
  }

  .gm-style .store-popup__address{
    font-size:13px !important;
    line-height:1.26 !important;
  }

  .gm-style .store-popup__meta{
    font-size:12px !important;
    line-height:1.28 !important;
  }

  .gm-style .store-popup__close{
    top:10px !important;
    right:10px !important;
    width:40px !important;
    height:40px !important;
    border-width:3px !important;
    font-size:24px !important;
  }
}

.store-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:22px;
  align-items:stretch;
}

.store-sidebar{
  background:#fff;
  border-radius:26px;
  border:1px solid rgba(10,35,72,.08);
  box-shadow:0 18px 50px rgba(10,35,72,.08);
  overflow:hidden;
  min-height:680px;
  max-height:680px;
  display:flex;
  flex-direction:column;
}

.store-sidebar__head{
  padding:22px 22px 16px;
  border-bottom:1px solid rgba(10,35,72,.08);
  background:#fff;
}

.store-sidebar__head h3{
  margin:0 0 6px 0;
  color:var(--serta-blue);
  font-size:24px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:-.02em;
}

.store-sidebar__head p{
  margin:0;
  color:var(--serta-muted);
  font-size:14px;
  line-height:1.35;
  font-weight:400;
}

.store-results{
  flex:1 1 auto;
  overflow:auto;
  padding:10px;
  background:#f8fbff;
}

.store-results__empty{
  padding:20px 16px;
  color:var(--serta-muted);
  font-size:14px;
  line-height:1.4;
}

.store-result-item{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:none;
  border-radius:18px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  margin:0 0 10px 0;
  box-shadow:0 8px 20px rgba(10,35,72,.06);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.store-result-item:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(10,35,72,.10);
}

.store-result-item.is-active{
  background:var(--serta-sky);
  box-shadow:0 12px 24px rgba(10,35,72,.12);
}

.store-result-item__rank{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--serta-blue);
  color:#fff;
  font-size:15px;
  line-height:1;
  font-weight:700;
}

.store-result-item__content{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.store-result-item__title{
  color:var(--serta-blue);
  font-size:18px;
  line-height:1.15;
  font-weight:700;
  margin-bottom:4px;
}

.store-result-item__meta{
  color:var(--serta-blue-2);
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  margin-bottom:6px;
}

.store-result-item__address{
  color:var(--serta-text);
  font-size:14px;
  line-height:1.35;
  margin-bottom:8px;
}

.store-result-item__distances{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.store-result-item__road,
.store-result-item__direct{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 8px;
  border-radius:999px;
  background:#f3f7fc;
  color:var(--serta-text);
  font-size:12px;
  line-height:1;
  font-weight:600;
}

@media (max-width:1199px){
  .store-layout{
    grid-template-columns:minmax(0,1fr) 320px;
  }
}

@media (max-width:991px){
  .store-layout{
    grid-template-columns:1fr;
  }

  .store-sidebar{
    display:none;
  }
}

/* =========================================================
   PAGE COLLECTION LANDING
========================================================= */
.collection-landing{
  padding-bottom:34px;
}

.collection-hero{
  position:relative;
  min-height:500px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#091a36;
}

.collection-hero__media{
  position:absolute;
  inset:0;
}

.collection-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

.collection-hero__overlay{
  position:absolute;
  inset:0;
}

.collection-hero--perfect .collection-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(10,35,72,.86) 0%,
    rgba(10,35,72,.70) 34%,
    rgba(10,35,72,.38) 62%,
    rgba(10,35,72,.20) 100%
  );
}

.collection-hero--iseries .collection-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(8,24,46,.88) 0%,
    rgba(8,24,46,.72) 34%,
    rgba(8,24,46,.42) 62%,
    rgba(8,24,46,.22) 100%
  );
}

.collection-hero .main-container{
  position:relative;
  z-index:2;
}

.collection-hero__content{
  max-width:820px;
  margin:0 auto;
  padding:44px 0;
  color:#fff;
  text-align:center;
}

.collection-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 14px 0;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  font-size:14px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.02em;
}

.collection-hero__title{
  margin:0;
  color:#fff;
  font-size:60px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}

.collection-hero__text{
  margin:18px auto 0;
  max-width:760px;
  color:rgba(255,255,255,.95);
  font-size:22px;
  line-height:1.4;
  font-weight:400;
}

.collection-hero__buttons{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
}

.collection-products-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:10px;
}

.collection-product-card{
  min-width:0;
}

.collection-product-card__link{
  display:block;
  height:100%;
  overflow:hidden;
  background:#fff;
  border-radius:24px;
  box-shadow:var(--serta-shadow);
  border:1px solid rgba(10,35,72,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.collection-product-card__link:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(10,35,72,.12);
  border-color:rgba(10,35,72,.12);
}

.collection-products-grid--iseries .collection-product-card__link:hover{
  box-shadow:0 22px 54px rgba(8,24,46,.14);
}

.collection-product-card__media{
  aspect-ratio:1.45 / 1;
  overflow:hidden;
  background:#e9eef7;
}

.collection-product-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.collection-product-card__body{
  padding:20px 22px 22px;
}

.collection-product-card__collection{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:var(--serta-sky);
  color:var(--serta-blue-2);
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.collection-product-card__collection--iseries{
  background:#e8f3ff;
  color:var(--serta-blue-2);
}


  .collection-product-card__title{
  margin:0 0 10px 0;
  color:var(--serta-blue);
  font-size:28px;
  line-height:1.03;
  font-weight:700;
  letter-spacing:-.03em;
}

.collection-product-card__text{
  margin:0;
  color:var(--serta-text);
  font-size:16px;
  line-height:1.42;
  font-weight:400;
}

.collection-product-card__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-top:16px;
  padding:10px 18px;
  border-radius:999px;
  background:var(--serta-blue);
  color:#fff;
  font-size:15px;
  line-height:1;
  font-weight:700;
  box-shadow:0 10px 24px rgba(10,35,72,.14);
}

.cta-panel--collection{
  min-height:390px;
}

.cta-panel--iseries::before{
  background:linear-gradient(
    90deg,
    rgba(10,24,48,.98) 0%,
    rgba(10,24,48,.92) 18%,
    rgba(10,24,48,.76) 35%,
    rgba(10,24,48,.36) 55%,
    rgba(10,24,48,0) 72%
  );
}

@media (max-width:991px){
  .collection-hero{
    min-height:440px;
  }

  .collection-hero__title{
    font-size:44px;
  }

  .collection-hero__text{
    font-size:19px;
  }

  .collection-products-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

    .serta-history__sheep{
    display:none !important;
  }
  .collection-product-card__title{
    font-size:25px;
  }
}

@media (max-width:760px){
  .collection-hero{
    min-height:380px;
  }

    .serta-history__sheep{
    display:none !important;
  }
  .collection-hero__content{
    padding:30px 0 34px;
  }

  .collection-hero__eyebrow{
    font-size:13px;
    margin-bottom:10px;
  }

  .collection-hero__title{
    font-size:34px;
    line-height:1.04;
  }

  .collection-hero__text{
    margin-top:14px;
    font-size:17px;
    line-height:1.45;
  }

  .collection-hero__buttons{
    margin-top:22px;
    flex-direction:column;
    align-items:center;
  }
  .collection-hero--about .hero-home__anchor{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .collection-hero__buttons .hero-btn{
    width:100%;
    max-width:320px;
  }

  .collection-product-card__body{
    padding:18px 18px 20px;
  }

  .collection-product-card__title{
    font-size:23px;
  }

  .collection-product-card__text{
    font-size:15px;
    line-height:1.4;
  }
}

/* =========================================================
   FOOTER
========================================================= */
#footer{
  width:100%;
  margin-top:40px;
  padding:0;
  clear:both;
  overflow:hidden;
  background:var(--serta-blue);
  color:#fff;
  flex-shrink:0;
  border-radius:0;
}

#footer .main-container{
  width:100%;
  max-width:var(--serta-container);
  margin:0 auto;
  padding-top:54px;
  padding-bottom:36px;
  padding-left:22px;
  padding-right:22px;
  text-align:left;
}

.footer-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:32px;
}

.footer-top__left{
  max-width:900px;
}

#footer h3{
  margin:0 0 22px 0;
  font-size:42px;
  line-height:1;
  font-weight:900;
  color:#fff;
}

#footer a{
  color:#fff;
}

#footer a:hover{
  opacity:.88;
}

#footer .footer-email{
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  color:#fff;
  margin-bottom:6px;
}

#footer .footer-links-line{
  font-size:16px;
  line-height:1.24;
  color:#fff;
  font-weight:400;
}

#footer .footer-links-line + .footer-links-line{
  margin-top:2px;
}

#footer .footer-brand-row{
  display:flex;
  align-items:center;
  gap:26px;
  margin-top:32px;
}

#logo_footer{
  width:72px;
  max-width:none;
  margin:0;
  flex:0 0 auto;
}

.footer-socials{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  margin:0;
}

.footer-socials a{
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:0;
  background:transparent;
  padding:0;
}

.footer-socials a img{
  width:20px;
  height:20px;
  object-fit:contain;
}

#copyright{
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.75);
  opacity:.92;
}

#copyright small{
  display:block;
  font-size:15px;
  line-height:1.2;
  font-weight:400;
}

@media (max-width:991px){
  #footer .main-container{
    padding-top:46px;
    padding-bottom:32px;
  }

  #footer h3{
    font-size:38px;
  }

  #footer .footer-email{
    font-size:21px;
  }

  #footer .footer-links-line{
    font-size:15px;
  }
}

@media (max-width:760px){
  #footer{
    border-radius:0;
  }

  #footer .main-container{
    padding-top:34px;
    padding-bottom:28px;
    padding-left:16px;
    padding-right:16px;
  }

  .footer-top{
    display:block;
  }

  .footer-top__left{
    max-width:none;
  }

  #footer h3{
    font-size:32px;
    margin-bottom:16px;
  }

  #footer .footer-email{
    font-size:20px;
    line-height:1.2;
    margin-bottom:6px;
  }

  #footer .footer-links-line{
    font-size:15px;
    line-height:1.24;
  }

  #footer .footer-brand-row{
    gap:20px;
    margin-top:24px;
    flex-wrap:wrap;
  }

  #logo_footer{
    width:64px;
  }

  .footer-socials{
    gap:14px;
  }

  .footer-socials a img{
    width:18px;
    height:18px;
  }

  #copyright{
    margin-top:22px;
    padding-top:16px;
  }

  #copyright small{
    font-size:14px;
  }
}

@media (max-width:410px){
  #footer{
    padding:2rem 0;
  }
}

@media (max-width:310px){
  #footer img#logo_footer{
    margin-right:0;
    display:block;
    margin-bottom:2rem;
  }
}

/* =========================================================
   PAGE QUI SOMMES-NOUS
========================================================= */
.about-page{
  padding-bottom:34px;
}

/* HERO */
.about-hero{
  position:relative;
  min-height:496px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#091a36;
}

.about-hero__media{
  position:absolute;
  inset:0;
}

.about-hero__media img,
.about-hero__media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}

.about-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(10,35,72,.86) 0%,
    rgba(10,35,72,.72) 28%,
    rgba(10,35,72,.48) 55%,
    rgba(10,35,72,.30) 100%
  );
}

.about-hero .main-container{
  position:relative;
  z-index:2;
}

.about-hero__content{
  max-width:820px;
  padding:44px 0;
  color:#fff;
}

.about-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 14px 0;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  font-size:14px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.02em;
}

.about-hero__title{
  margin:0;
  color:#fff;
  font-size:56px;
  line-height:.96;
  font-weight:900;
  letter-spacing:-.04em;
}

.about-hero__text{
  margin:14px 0 0 0;
  max-width:700px;
  color:rgba(255,255,255,.95);
  font-size:20px;
  line-height:1.4;
  font-weight:400;
}

.about-hero__buttons{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:flex-start;
}

.about-advantage-section{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:56px 0;
}

.about-advantage-section--white{
  background:#fff;
}

.about-advantage-section--alt{
  background:transparent;
}

.about-advantage-section--cooling{
  background:#fff;
}

.about-advantage-section .about-advantage{
  max-width:1320px;
  margin:0 auto;
  padding-left:22px;
  padding-right:22px;
  box-sizing:border-box;
}

.about-advantage{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(520px,48%);
  gap:48px;
  align-items:center;
  overflow:visible;
}

.about-advantage--reverse{
  grid-template-columns:minmax(520px,48%) minmax(0,1fr);
}

.about-advantage--reverse .about-advantage__content{
  order:2;
}

.about-advantage--reverse .about-advantage__media{
  order:1;
}

.about-advantage__content{
  max-width:620px;
  margin:0 auto;
  text-align:center;
}

.about-advantage__eyebrow{
  display:inline-block;
  margin:0 0 14px 0;
  color:var(--serta-blue-2);
  font-size:18px;
  line-height:1.1;
  font-weight:700;
}

.about-advantage__tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 16px 0;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(20,57,109,.08);
  color:var(--serta-blue-2);
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:.01em;
}

.about-advantage__title{
  margin:0 0 16px 0;
  color:var(--serta-blue);
  font-size:52px;
  line-height:.98;
  font-weight:700;
  letter-spacing:-.04em;
}

.about-advantage__text{
  margin:0;
  color:var(--serta-text-2);
  font-size:18px;
  line-height:1.55;
  font-weight:400;
}

.about-advantage__text + .about-advantage__text{
  margin-top:12px;
}

.about-advantage__media{
  position:relative;
  z-index:2;
  min-width:0;
  overflow:visible;
  background:transparent;
  padding:0;
  margin:0;
}

.about-advantage__media img,
.about-advantage__media video{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:34px;
  background:transparent;
  vertical-align:top;
}

.about-advantage__media--contain{
  display:flex;
  align-items:center;
  justify-content:center;
}

.about-advantage__media--contain img{
  object-fit:contain;
}

.about-advantage__media--video{
  overflow:visible;
  background:transparent !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

.about-advantage__media--video video{
  aspect-ratio:auto;
  background:transparent !important;
}

.about-advantage__media--overflow-right{
  transform:translateX(70px);
}

.about-advantage__media--overflow-left{
  transform:translateX(-70px);
}

.about-advantage--cooling .about-advantage__media{
  background:transparent !important;
}

.about-advantage--cooling .about-advantage__media--overflow-left{
  transform:translateX(-70px);
}

.about-quality-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:18px;
}

.about-quality-card{
  background:#fff;
  border-radius:28px;
  box-shadow:var(--serta-shadow);
  border:1px solid rgba(10,35,72,.06);
  overflow:hidden;
}

.about-quality-card__media{
  background:#f7faff;
  padding:18px;
}

.about-quality-card__media img{
  width:100%;
  height:auto;
  display:block;
}

.about-quality-card__body{
  padding:22px 24px 24px;
}

.about-quality-card__title{
  margin:0 0 10px 0;
  color:var(--serta-blue);
  font-size:28px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:-.03em;
}

.about-quality-card__text{
  margin:0;
  color:var(--serta-text);
  font-size:17px;
  line-height:1.5;
}

.about-values-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  margin-top:16px;
}

.about-value-card{
  background:#fff;
  border-radius:24px;
  box-shadow:var(--serta-shadow);
  border:1px solid rgba(10,35,72,.06);
  padding:24px 22px;
}

.about-value-card h3{
  margin:0 0 10px 0;
  color:var(--serta-blue);
  font-size:24px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:-.02em;
}

.about-value-card p{
  margin:0;
  color:var(--serta-text);
  font-size:16px;
  line-height:1.5;
}

.cta-panel--about{
  min-height:430px;
}

.cta-panel--about::before{
  background:linear-gradient(
    90deg,
    rgba(10,24,48,.96) 0%,
    rgba(10,24,48,.90) 22%,
    rgba(10,24,48,.72) 42%,
    rgba(10,24,48,.34) 64%,
    rgba(10,24,48,0) 82%
  );
}

@media (max-width:1199px){
  .about-hero{
    min-height:450px;
  }

  .about-hero__content{
    padding:38px 0;
  }

  .about-hero__title{
    font-size:48px;
  }

  .about-values-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .about-advantage,
  .about-advantage--reverse{
    grid-template-columns:1fr 1fr;
    gap:34px;
  }

  .about-advantage__title{
    font-size:42px;
  }

  .about-advantage-section{
    padding:44px 0;
  }

  .about-advantage__media--overflow-right{
    transform:translateX(36px);
  }

  .about-advantage__media--overflow-left{
    transform:translateX(-36px);
  }

  .about-advantage--cooling .about-advantage__media--overflow-left{
    transform:translateX(-36px);
  }
}

@media (max-width:991px){
  .about-hero{
    min-height:400px;
  }

  .about-hero__content{
    padding:34px 0;
  }

  .about-hero__title{
    font-size:40px;
  }

  .about-hero__text{
    font-size:18px;
    max-width:620px;
  }

  .about-hero__buttons{
    justify-content:flex-start;
  }

  .about-quality-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .about-advantage,
  .about-advantage--reverse{
    grid-template-columns:1fr;
    gap:24px;
  }

  .about-advantage--reverse .about-advantage__content,
  .about-advantage--reverse .about-advantage__media{
    order:initial;
  }

  .about-advantage-section{
    padding:36px 0;
  }

  .about-advantage-section .about-advantage{
    padding-left:16px;
    padding-right:16px;
  }

  .about-advantage__content{
    max-width:none;
  }

  .about-advantage__title{
    font-size:36px;
  }

  .about-advantage__text{
    font-size:17px;
  }

  .about-advantage__media--overflow-right,
  .about-advantage__media--overflow-left,
  .about-advantage--cooling .about-advantage__media--overflow-left{
    transform:none;
  }

  .about-advantage__media img,
  .about-advantage__media video{
    border-radius:26px;
  }

  .about-value-card h3{
    font-size:22px;
  }
}

@media (max-width:760px){
  .about-hero{
    min-height:360px;
  }

  .about-hero__content{
    padding:28px 0 32px;
  }

  .about-hero__eyebrow{
    font-size:13px;
    margin-bottom:10px;
  }

  .about-hero__title{
    font-size:32px;
    line-height:1.02;
  }

  .about-hero__text{
    margin-top:12px;
    font-size:16px;
    line-height:1.45;
  }

  .about-hero__buttons{
    margin-top:22px;
    flex-direction:column;
    align-items:flex-start;
  }

  .about-hero__buttons .hero-btn{
    width:100%;
    max-width:320px;
  }

  .about-advantage-section{
    padding:28px 0;
  }

  .about-advantage__eyebrow{
    font-size:16px;
    margin-bottom:10px;
  }

  .about-advantage__tag{
    margin-bottom:12px;
    padding:7px 12px;
    font-size:13px;
  }

  .about-advantage__title{
    font-size:30px;
    line-height:1.04;
    margin-bottom:12px;
  }

  .about-advantage__text{
    font-size:16px;
    line-height:1.5;
  }

  .about-advantage__media img,
  .about-advantage__media video{
    border-radius:22px;
  }

  .about-quality-card{
    border-radius:22px;
  }

  .about-quality-card__body{
    padding:18px 18px 20px;
  }

  .about-quality-card__title{
    font-size:23px;
  }

  .about-quality-card__text{
    font-size:16px;
    line-height:1.45;
  }

  .about-values-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .about-value-card{
    border-radius:22px;
    padding:20px 18px;
  }

  .about-value-card h3{
    font-size:21px;
  }

  .about-value-card p{
    font-size:15px;
    line-height:1.42;
  }

  .cta-panel--about{
    min-height:380px;
  }
}

/* =========================================================
   PAGE CONTACT
========================================================= */
.contact-page{
  padding-bottom:34px;
}

.contact-hero{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#091a36;
}

.contact-hero__media{
  position:absolute;
  inset:0;
}

.contact-hero__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}

.contact-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(10,35,72,.88) 0%,
    rgba(10,35,72,.74) 32%,
    rgba(10,35,72,.48) 60%,
    rgba(10,35,72,.28) 100%
  );
}

.contact-hero .main-container{
  position:relative;
  z-index:2;
}

.contact-hero__content{
  max-width:760px;
  margin:0 auto;
  padding:34px 0;
  color:#fff;
  text-align:center;
}

.contact-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 14px 0;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:14px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.02em;
}

.contact-hero__title{
  margin:0;
  color:#fff;
  font-size:58px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}

.contact-hero__text{
  margin:18px auto 0;
  max-width:760px;
  color:rgba(255,255,255,.95);
  font-size:21px;
  line-height:1.4;
  font-weight:400;
}

.contact-hero__buttons{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
}

.contact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:8px;
}

.contact-card{
  background:#fff;
  border-radius:28px;
  border:1px solid rgba(10,35,72,.06);
  box-shadow:var(--serta-shadow);
  padding:28px 26px;
}

.contact-card--highlight{
  background:linear-gradient(180deg,#ffffff 0%, #f6faff 100%);
}

.contact-card__tag{
  display:inline-flex;
  width:max-content;
  margin-bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--serta-sky);
  color:var(--serta-blue-2);
  font-size:12px;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.contact-card__title{
  margin:0 0 14px 0;
  color:var(--serta-blue);
  font-size:28px;
  line-height:1.04;
  font-weight:700;
  letter-spacing:-.03em;
}

.contact-card__text{
  margin:0;
  color:var(--serta-text);
  font-size:17px;
  line-height:1.55;
  font-weight:400;
}

.contact-card__text + .contact-card__text{
  margin-top:14px;
}

.contact-card__mail{
  margin:8px 0 0 0;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
}

.contact-card__mail a{
  color:var(--serta-blue);
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
}

.cta-panel--contact{
  min-height:390px;
}

@media (max-width:991px){
  .contact-hero{
    min-height:540px;
  }

  .contact-hero__title{
    font-size:46px;
  }

  .contact-hero__text{
    font-size:19px;
  }

  .contact-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .contact-card__title{
    font-size:25px;
  }
}

@media (max-width:760px){
  .contact-hero{
    min-height:460px;
  }

  .contact-hero__content{
    padding:34px 0 40px;
  }

  .contact-hero__eyebrow{
    font-size:13px;
    margin-bottom:10px;
  }

  .contact-hero__title{
    font-size:34px;
    line-height:1.04;
  }

  .contact-hero__text{
    margin-top:14px;
    font-size:17px;
    line-height:1.45;
  }

  .contact-hero__buttons{
    margin-top:22px;
    flex-direction:column;
    align-items:center;
  }

  .contact-hero__buttons .hero-btn{
    width:100%;
    max-width:320px;
  }

  .contact-card{
    padding:22px 18px;
    border-radius:22px;
  }

  .contact-card__title{
    font-size:22px;
  }

  .contact-card__text{
    font-size:16px;
    line-height:1.5;
  }

  .contact-card__mail{
    font-size:20px;
  }
}

/* =========================================================
   PAGE CHRONOLOGIE SERTA
========================================================= */
.about-page{
  padding-bottom:34px;
  background:var(--serta-sky);
}

.collection-hero--about{
  position:relative;
  min-height:496px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#091a36;
}

.collection-hero--about .collection-hero__media{
  position:absolute;
  inset:0;
}

.collection-hero--about .collection-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

.collection-hero--about .collection-hero__overlay{
  position:absolute;
  inset:0;
  background:rgba(10,35,72,.70);
}

.collection-hero--about .main-container{
  position:relative;
  z-index:2;
}

.collection-hero--about .collection-hero__content{
  max-width:760px;
  margin:0 auto;
  padding:44px 0;
  color:#fff;
  text-align:center;
}

.collection-hero--about .collection-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 14px 0;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:14px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.02em;
}

.collection-hero--about .collection-hero__title{
  margin:0;
  color:#fff;
  font-size:56px;
  line-height:.96;
  font-weight:900;
  letter-spacing:-.04em;
}

.collection-hero--about .collection-hero__text{
  margin:14px auto 0;
  max-width:700px;
  color:rgba(255,255,255,.95);
  font-size:20px;
  line-height:1.4;
  font-weight:400;
}

.collection-hero--about .collection-hero__buttons{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
}

.serta-history-section{
  background:var(--serta-sky);
  padding:62px 0 72px;
  overflow:hidden;
}

.serta-history{
  width:100%;
  max-width:960px;
  margin:0 auto;
}

.serta-history__head{
  text-align:center;
  margin:0 0 22px;
}

.serta-history__head h2{
  margin:0;
  color:var(--serta-blue);
  font-size:50px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-0.03em;
}

.serta-history__intro{
  max-width:860px;
  margin:0 auto 42px;
  text-align:center;
}

.serta-history__intro p{
  margin:0;
  color:var(--serta-text-2);
  font-size:22px;
  line-height:1.5;
  font-weight:500;
}

.serta-history__timeline{
  position:relative;
  max-width:896px;
  margin:0 auto;
  padding:24px 0 20px;
}

.serta-history__timeline::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:2px;
  transform:translateX(-50%);
  background:var(--serta-blue-3);
  z-index:1;
}

.serta-history__decor{
  position:absolute;
  z-index:0;
  pointer-events:none;
}

.serta-history__decor img{
  display:block;
  width:100%;
  height:auto;
}

.serta-history__decor--left{
  top:46px;
  left:42px;
  width:205px;
}

.serta-history__decor--right{
  top:980px;
  left:165px;
  width:178px;
}

.serta-history__row{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 136px minmax(0,1fr);
  align-items:center;
  min-height:123px;
}

.serta-history__side{
  padding:8px 22px;
}

.serta-history__side--left{
  text-align:right;
}

.serta-history__side--right{
  text-align:left;
}

.serta-history__side p{
  margin:0;
  color:var(--serta-muted);
  font-size:15px;
  line-height:1.72;
  font-weight:500;
}

.serta-history__side strong{
  font-weight:900;
  color:var(--serta-text);
}

.serta-history__center{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
}

.serta-history__year{
  display:inline-block;
  padding:0 8px;
  background:var(--serta-sky);
  color:var(--serta-blue);
  font-size:50px;
  line-height:1;
  font-weight:900;
  letter-spacing:-0.04em;
  white-space:nowrap;
}

.serta-history__row--2000{
  min-height:288px;
}

.serta-history__sheep{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:168px;
  padding-left:6px;
}

.serta-history__sheep img{
  display:block;
  width:196px;
  max-width:196px;
  height:auto;
}

.footer-space{
  height:40px;
}

@media (max-width:1024px){
  .collection-hero--about{
    min-height:430px;
  }

  .collection-hero--about .collection-hero__content{
    padding:38px 0;
  }

  .collection-hero--about .collection-hero__title{
    font-size:46px;
  }

  .collection-hero--about .collection-hero__text{
    font-size:18px;
  }

  .serta-history-section{
    padding:50px 0 54px;
  }

  .serta-history{
    max-width:100%;
  }

  .serta-history__head{
    margin-bottom:18px;
  }

  .serta-history__head h2{
    font-size:38px;
  }

  .serta-history__intro{
    max-width:100%;
    margin-bottom:34px;
  }

  .serta-history__intro p{
    font-size:18px;
    line-height:1.55;
  }

  .serta-history__timeline{
    max-width:100%;
    padding-bottom:12px;
  }

  .serta-history__timeline::before{
    left:83px;
    transform:none;
  }

  .serta-history__decor--left,
  .serta-history__decor--right{
    display:none;
  }

  .serta-history__row{
    grid-template-columns:83px minmax(0,1fr);
    min-height:auto;
    padding:14px 0;
  }

  .serta-history__center{
    grid-column:1;
    grid-row:1;
    justify-content:flex-start;
  }

  .serta-history__year{
    padding:0 11px 0 0;
    font-size:29px;
    background:var(--serta-sky);
  }

  .serta-history__side{
    grid-column:2;
    grid-row:1;
    padding:0 0 0 19px;
    text-align:left !important;
  }

  .serta-history__row .serta-history__side--left:empty,
  .serta-history__row .serta-history__side--right:empty{
    display:none;
  }

  .serta-history__side p{
    font-size:13px;
    line-height:1.65;
  }

  .serta-history__row--2000{
    min-height:auto;
  }

  .serta-history__sheep{
    justify-content:flex-start;
    min-height:auto;
    padding-left:0;
    margin-top:16px;
  }

  .serta-history__sheep img{
    width:136px;
    max-width:136px;
  }

  .footer-space{
    height:24px;
  }
}

@media (max-width:760px){
  .collection-hero--about{
    min-height:360px;
  }


  .collection-hero--about .collection-hero__content{
    padding:28px 0 32px;
  }

  .collection-hero--about .collection-hero__eyebrow{
    font-size:13px;
    margin-bottom:10px;
  }

  .collection-hero--about .collection-hero__title{
    font-size:34px;
    line-height:1.02;
  }

  .collection-hero--about .collection-hero__text{
    margin-top:12px;
    font-size:16px;
    line-height:1.45;
  }

  .collection-hero--about .collection-hero__buttons{
    margin-top:22px;
    flex-direction:column;
    align-items:center;
  }

  .collection-hero--about .collection-hero__buttons .hero-btn,
  .collection-hero--about .collection-hero__buttons .hero-home__anchor{
    width:100%;
    max-width:320px;
  }

  .serta-history__head h2{
    font-size:30px;
  }

  .serta-history__intro{
    margin-bottom:28px;
  }

  .serta-history__intro p{
    font-size:16px;
    line-height:1.5;
  }

    .serta-history__sheep{
    display:none !important;
  }
  
}

@media (max-width:640px){
  .serta-history__head{
    margin-bottom:16px;
  }

  .serta-history__head h2{
    font-size:26px;
  }

  .serta-history__intro p{
    font-size:15px;
    line-height:1.55;
  }

  .serta-history__timeline::before{
    left:66px;
  }

  .serta-history__row{
    grid-template-columns:66px minmax(0,1fr);
    padding:13px 0;
  }

  .serta-history__year{
    font-size:22px;
    padding-right:8px;
  }

  .serta-history__side{
    padding-left:14px;
  }

  .serta-history__side p{
    font-size:12px;
    line-height:1.58;
  }

  .serta-history__sheep img{
    width:102px;
    max-width:102px;
  }
}

/* =========================================================
   HERO ABOUT / QUI EST SERTA
========================================================= */
.collection-hero--about .collection-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.collection-hero--about .collection-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(10,35,72,.72) 0%,
    rgba(10,35,72,.42) 42%,
    rgba(10,35,72,.18) 100%
  );
}

.collection-hero--about .collection-hero__content{
  max-width:720px;
}

/* =========================================================
   FOOTER - CONTACT ENCOLONNÉ PROPREMENT
========================================================= */
.footer-contact-card{
  flex:0 0 320px;
  max-width:320px;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.04);
}

.footer-contact-card__label{
  display:block;
  margin:0 0 8px 0;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  opacity:.82;
}

.footer-contact-card__title{
  margin:0 0 10px 0;
  font-size:24px;
  line-height:1.05;
  font-weight:700;
  color:#fff;
}

.footer-contact-card__text{
  margin:0;
  font-size:15px;
  line-height:1.45;
  color:rgba(255,255,255,.88);
}

.footer-contact-card__text + .footer-contact-card__text{
  margin-top:8px;
}

.footer-contact-card__link{
  color:#fff !important;
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (max-width:991px){
  .footer-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-contact-card{
    flex:0 0 auto;
    max-width:100%;
    width:100%;
    margin-top:10px;
  }

  .footer-contact-card__title{
    font-size:22px;
  }
}

@media (max-width:760px){
  .footer-contact-card{
    padding:18px 18px;
    border-radius:16px;
  }

  .footer-contact-card__title{
    font-size:20px;
  }

  .footer-contact-card__text{
    font-size:14px;
    line-height:1.42;
  }
}

/* =========================================================
   PAGE BLOG
========================================================= */
:root{
  --blog-blue:var(--serta-blue);
  --blog-blue-dark:var(--serta-blue-2);
  --blog-text:var(--serta-text);
  --blog-muted:var(--serta-muted);
  --blog-muted-2:var(--serta-muted-2);
  --blog-line:var(--serta-line);
  --blog-line-2:var(--serta-line-2);
  --blog-pill:var(--serta-sky);
  --blog-bg:var(--serta-sky-2);
  --blog-card:#ffffff;
  --blog-shadow:0 12px 30px rgba(10,35,72,.06);
  --blog-font:"GT Walsheim Pro", Arial, Helvetica, sans-serif;
}

.serta-blog-page-body{
  margin:0;
  background:var(--blog-bg);
  color:var(--blog-text);
  font-family:var(--blog-font);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.serta-blog-page,
.serta-blog-page *{
  box-sizing:border-box;
  font-family:var(--blog-font);
}

.serta-blog-page h1,
.serta-blog-page h2,
.serta-blog-page h3,
.serta-blog-page h4,
.serta-blog-page h5,
.serta-blog-page h6{
  font-family:var(--blog-font);
  letter-spacing:-0.02em;
}

.serta-blog-page a{
  text-decoration:none;
}

.serta-blog-main{
  width:100%;
  padding:40px 20px 72px;
  background:var(--blog-bg);
}

.serta-blog-container{
  width:100%;
  max-width:1320px;
  margin:0 auto;
      padding-left: 22px;
    padding-right: 22px;

}

.serta-blog-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}

.serta-blog-hero__left{
  max-width:820px;
}

.serta-blog-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:var(--blog-pill);
  color:var(--blog-blue-2, var(--serta-blue-2));
  font-size:13px;
  line-height:1;
  font-weight:700;
  letter-spacing:.02em;
  margin-bottom:14px;
}

.serta-blog-hero h1{
  margin:0 0 14px;
  font-size:52px;
  line-height:1.06;
  font-weight:900;
  color:var(--blog-blue);
}

.serta-blog-hero p{
  margin:0;
  max-width:760px;
  font-size:19px;
  line-height:1.65;
  font-weight:400;
  color:var(--blog-muted);
}

.serta-blog-hero__right{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
}

.serta-blog-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid var(--blog-line-2);
  color:var(--blog-blue);
  font-size:16px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(10,35,72,.05);
}

.serta-blog-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:34px;
}

.serta-blog-filter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid var(--blog-line-2);
  background:#fff;
  color:var(--blog-blue);
  font-size:15px;
  line-height:1;
  font-weight:700;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.serta-blog-filter:hover{
  border-color:var(--blog-blue);
  background:var(--blog-blue);
  color:#fff;
  transform:translateY(-1px);
}

.serta-blog-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
}

.serta-blog-card{
  overflow:hidden;
  border-radius:24px;
  background:var(--blog-card);
  border:1px solid var(--blog-line);
  box-shadow:var(--blog-shadow);
  transition:transform .22s ease, box-shadow .22s ease;
}

.serta-blog-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(10,35,72,.08);
}

.serta-blog-card__image{
  display:block;
  aspect-ratio:1.45 / 1;
  background:#e9eff8;
  overflow:hidden;
}

.serta-blog-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}

.serta-blog-card:hover .serta-blog-card__image img{
  transform:scale(1.03);
}

.serta-blog-card__content{
  padding:22px 22px 24px;
}

.serta-blog-card__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
  font-size:13px;
  line-height:1.4;
}

.serta-blog-card__category{
  color:var(--serta-blue-3);
  font-weight:700;
}

.serta-blog-card__dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9ab0d1;
}

.serta-blog-card__date{
  color:var(--blog-muted-2);
  font-weight:500;
}

.serta-blog-card__title{
  margin:0 0 12px;
  font-size:27px;
  line-height:1.18;
  font-weight:900;
  letter-spacing:-0.02em;
}

.serta-blog-card__title a{
  color:var(--blog-blue);
  text-decoration:none;
}

.serta-blog-card__title a:hover{
  text-decoration:underline;
}

.serta-blog-card__excerpt{
  margin:0 0 18px;
  font-size:16px;
  line-height:1.68;
  font-weight:400;
  color:var(--blog-muted);
}

.serta-blog-card__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:var(--blog-blue);
  color:#fff;
  font-size:14px;
  line-height:1;
  font-weight:700;
  text-decoration:none;
  transition:background .18s ease, transform .18s ease;
}

.serta-blog-card__link:hover{
  background:var(--blog-blue-dark);
  transform:translateY(-1px);
}

.serta-blog-empty{
  padding:28px 30px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--blog-line);
  color:var(--blog-muted);
  font-size:16px;
  line-height:1.7;
  font-weight:400;
}

.serta-blog-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:34px;
  flex-wrap:wrap;
}

.serta-blog-pagination a,
.serta-blog-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--blog-line-2);
  background:#fff;
  color:var(--blog-blue);
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight:700;
}

.serta-blog-pagination .is-active{
  background:var(--blog-blue);
  border-color:var(--blog-blue);
  color:#fff;
}

@media (max-width:1100px){
  .serta-blog-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .serta-blog-hero{
    flex-direction:column;
  }

  .serta-blog-hero__right{
    justify-content:flex-start;
  }
}

@media (max-width:760px){
  .serta-blog-main{
    padding:34px 14px 52px;
  }

  .serta-blog-hero{
    gap:18px;
    margin-bottom:22px;
  }

  .serta-blog-hero h1{
    font-size:36px;
  }

  .serta-blog-hero p{
    font-size:17px;
    line-height:1.55;
  }

  .serta-blog-toolbar{
    gap:10px;
    margin-bottom:24px;
  }

  .serta-blog-filter{
    min-height:40px;
    padding:0 15px;
    font-size:14px;
  }

  .serta-blog-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .serta-blog-card__content{
    padding:18px 18px 20px;
  }

  .serta-blog-card__title{
    font-size:23px;
  }

  .serta-blog-card__excerpt{
    font-size:15px;
    line-height:1.58;
  }

  .serta-blog-pill{
    min-height:44px;
    font-size:15px;
  }
}

/* =========================================================
   PAGE ARTICLE BLOG
========================================================= */
:root{
  --blog-article-blue:var(--serta-blue);
  --blog-article-blue-dark:var(--serta-blue-2);
  --blog-article-text:var(--serta-text);
  --blog-article-text-2:var(--serta-text-2);
  --blog-article-muted:var(--serta-muted);
  --blog-article-muted-2:var(--serta-muted-2);
  --blog-article-line:var(--serta-line);
  --blog-article-line-2:var(--serta-line-2);
  --blog-article-bg:var(--serta-sky-2);
  --blog-article-card:#ffffff;
  --blog-article-shadow:0 12px 30px rgba(10,35,72,.06);
  --blog-article-font:"GT Walsheim Pro", Arial, Helvetica, sans-serif;
}

html,
body{
  margin:0;
  padding:0;
  background:var(--blog-article-bg);
}

.serta-blog-article-body{
  margin:0;
  background:var(--blog-article-bg);
  color:var(--blog-article-text);
  font-family:var(--blog-article-font);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.serta-blog-article-body,
.serta-blog-article-body *{
  box-sizing:border-box;
  font-family:var(--blog-article-font);
}

.serta-blog-article-body h1,
.serta-blog-article-body h2,
.serta-blog-article-body h3,
.serta-blog-article-body h4,
.serta-blog-article-body h5,
.serta-blog-article-body h6{
  letter-spacing:-0.02em;
}

.serta-blog-article-wrap{
  width:100%;
  padding:52px 0 72px;
  background:var(--blog-article-bg);
}

.serta-blog-article-container{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  padding-left:22px;
  padding-right:22px;
}

.serta-blog-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
  font-size:14px;
  line-height:1.45;
  color:var(--blog-article-muted-2);
}

.serta-blog-breadcrumb a{
  color:var(--blog-article-blue);
  text-decoration:none;
  font-weight:700;
}

.serta-blog-breadcrumb a:hover{
  text-decoration:underline;
}

.serta-blog-article-card{
  background:var(--blog-article-card);
  border:1px solid var(--blog-article-line);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--blog-article-shadow);
}

.serta-blog-article-cover{
  width:100%;
  aspect-ratio:2.45 / 1;
  background:#e6edf8;
  overflow:hidden;
}

.serta-blog-article-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.serta-blog-article-inner{
  padding:34px 38px 40px;
}

.serta-blog-article-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  font-size:13px;
  line-height:1.4;
}

.serta-blog-article-category{
  color:var(--serta-blue-3);
  font-weight:700;
}

.serta-blog-article-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9ab0d1;
}

.serta-blog-article-date{
  color:var(--blog-article-muted-2);
  font-weight:500;
}

.serta-blog-article-title{
  margin:0 0 18px;
  font-size:48px;
  line-height:1.06;
  letter-spacing:-0.03em;
  color:var(--blog-article-blue);
  font-weight:900;
}

.serta-blog-article-excerpt{
  margin:0 0 24px;
  font-size:20px;
  line-height:1.7;
  font-weight:400;
  color:var(--blog-article-muted);
}

.serta-blog-article-content{
  font-size:18px;
  line-height:1.85;
  font-weight:400;
  color:var(--blog-article-text-2);
}

.serta-blog-article-content p{
  margin:0 0 18px;
}

.serta-blog-article-content h2{
  margin:32px 0 14px;
  color:var(--blog-article-blue);
  font-size:34px;
  line-height:1.14;
  font-weight:900;
}

.serta-blog-article-content h3{
  margin:28px 0 14px;
  color:var(--blog-article-blue);
  font-size:26px;
  line-height:1.18;
  font-weight:700;
}

.serta-blog-article-content ul,
.serta-blog-article-content ol{
  margin:0 0 18px 24px;
  padding:0;
}

.serta-blog-article-content li{
  margin:0 0 8px;
}

.serta-blog-article-content a{
  color:var(--blog-article-blue);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

.serta-blog-article-content strong,
.serta-blog-article-content b{
  font-weight:700;
  color:var(--blog-article-blue);
}

.serta-blog-article-content img{
  max-width:100%;
  height:auto;
  display:block;
  margin:22px auto;
  border-radius:18px;
}

.serta-blog-article-content table{
  width:100%;
  border-collapse:collapse;
  margin:22px 0;
}

.serta-blog-article-content th,
.serta-blog-article-content td{
  border:1px solid var(--blog-article-line-2);
  padding:10px 12px;
  text-align:left;
}

.serta-blog-cta{
  margin-top:34px;
  padding:24px 26px;
  border-radius:22px;
  background:var(--serta-sky);
  border:1px solid var(--blog-article-line-2);
}

.serta-blog-cta h2{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.2;
  font-weight:900;
  color:var(--blog-article-blue);
}

.serta-blog-cta p{
  margin:0 0 16px;
  font-size:16px;
  line-height:1.7;
  font-weight:400;
  color:var(--blog-article-muted);
}

.serta-blog-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:var(--blog-article-blue);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  line-height:1;
  font-weight:700;
  transition:background .18s ease, transform .18s ease;
}

.serta-blog-cta a:hover{
  background:var(--blog-article-blue-dark);
  transform:translateY(-1px);
}

.serta-blog-related{
  margin-top:32px;
}

.serta-blog-related h2{
  margin:0 0 18px;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
  color:var(--blog-article-blue);
}

.serta-blog-related-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.serta-blog-related-card{
  background:#fff;
  border:1px solid var(--blog-article-line);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(10,35,72,.05);
}

.serta-blog-related-card__image{
  display:block;
  aspect-ratio:1.65 / 1;
  overflow:hidden;
  background:#e6edf8;
}

.serta-blog-related-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.serta-blog-related-card__content{
  padding:18px;
}

.serta-blog-related-card__meta{
  margin-bottom:8px;
  font-size:13px;
  line-height:1.4;
  color:var(--blog-article-muted-2);
  font-weight:500;
}

.serta-blog-related-card__title{
  margin:0 0 10px;
  font-size:21px;
  line-height:1.2;
  font-weight:900;
}

.serta-blog-related-card__title a{
  color:var(--blog-article-blue);
  text-decoration:none;
}

.serta-blog-related-card__title a:hover{
  text-decoration:underline;
}

.serta-blog-related-card__excerpt{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.65;
  font-weight:400;
  color:var(--blog-article-muted);
}

.serta-blog-related-card__link{
  color:var(--blog-article-blue);
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  text-decoration:none;
}

.serta-blog-related-card__link:hover{
  text-decoration:underline;
}

@media (max-width:960px){
  .serta-blog-related-grid{
    grid-template-columns:1fr;
  }

  .serta-blog-article-title{
    font-size:38px;
  }

  .serta-blog-article-cover{
    aspect-ratio:2.25 / 1;
  }
}

@media (max-width:760px){
  .serta-blog-article-wrap{
    padding:34px 0 52px;
  }

  .serta-blog-article-container{
    padding-left:16px;
    padding-right:16px;
  }

  .serta-blog-article-inner{
    padding:24px 20px 28px;
  }

  .serta-blog-article-title{
    font-size:30px;
  }

  .serta-blog-article-excerpt{
    font-size:18px;
  }

  .serta-blog-article-content{
    font-size:17px;
    line-height:1.75;
  }

  .serta-blog-article-content h2{
    font-size:28px;
  }

  .serta-blog-article-content h3{
    font-size:23px;
  }

  .serta-blog-article-cover{
    aspect-ratio:1.95 / 1;
  }
}