/* =========================================================
   ZEFIRKA HOME 2026
   Изолированные стили новой главной страницы
   ========================================================= */

.z-home{
  --zh-text:#171717;
  --zh-muted:#77716b;
  --zh-line:#e7e1da;
  --zh-beige:#f3eee8;
  --zh-soft:#faf8f5;
  --zh-dark:#20201f;
  width:100%;
  overflow:hidden;
  color:var(--zh-text);
  background:#fff;
}

.z-home *,
.z-home *:before,
.z-home *:after{
  box-sizing:border-box;
}

.z-home-shell{
  width:calc(100% - 64px);
  max-width:1760px;
  margin:0 auto;
}

.z-home-section{
  padding:82px 0;
}

.z-home-eyebrow{
  margin:0 0 12px;
  color:#8a8178;
  font-size:11px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.z-home-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:32px;
}

.z-home-section__head h2,
.z-home-instagram__head h2{
  margin:0;
  color:var(--zh-text);
  font-family:Georgia,"Times New Roman",serif;
  font-size:38px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.025em;
}

.z-home-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid #1d1d1d;
  color:#1d1d1d;
  font-size:12px;
  font-weight:500;
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}

.z-home-link span{
  font-size:16px;
  transition:transform .2s ease;
}

.z-home-link:hover span{
  transform:translateX(3px);
}

.z-home-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:52px;
  padding:0 24px;
  border:1px solid transparent;
  font-size:12px;
  font-weight:600;
  letter-spacing:.13em;
  text-decoration:none;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.z-home-button--dark{
  background:var(--zh-dark);
  color:#fff;
}

.z-home-button--dark:hover{
  background:#000;
}

.z-home-button--light{
  border-color:#fff;
  background:#fff;
  color:#1e1e1e;
}

.z-home-button--light:hover{
  background:transparent;
  color:#fff;
}

/* Hero */
.z-home-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.35fr);
  min-height:650px;
  background:var(--zh-beige);
}

.z-home-hero__media{
  grid-column:2;
  grid-row:1;
  min-height:650px;
  background-color:#d7cec5;
  background-image:url('/image/catalog/home-2026/hero.jpg');
  background-position:center 22%;
  background-repeat:no-repeat;
  background-size:cover;
}

.z-home-hero__content{
  grid-column:1;
  grid-row:1;
  align-self:center;
  max-width:520px;
  padding:70px 5vw 70px max(32px,calc((100vw - 1760px)/2 + 32px));
}

.z-home-hero__content h1{
  margin:0 0 24px;
  color:#181818;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(64px,7vw,118px);
  font-weight:400;
  line-height:.83;
  letter-spacing:-.065em;
}

.z-home-hero__text{
  max-width:360px;
  margin:0 0 34px;
  color:#5f5954;
  font-size:15px;
  line-height:1.7;
}

/* Categories */
.z-home-section--categories{
  background:#fff;
}

.z-home-categories{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}

.z-home-category{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:360px;
  overflow:hidden;
  padding:22px;
  background-color:#b8afa7;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  color:#fff;
  text-decoration:none;
  isolation:isolate;
}

.z-home-category:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(to top,rgba(0,0,0,.60),rgba(0,0,0,.02) 58%);
}

.z-home-category span{
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1;
}

.z-home-category small{
  margin-top:8px;
  font-size:10px;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.z-home-category--dresses{
  background-image:url('/image/catalog/home-2026/category-dresses.jpg');
}
.z-home-category--suits{
  background-image:url('/image/catalog/home-2026/category-suits.jpg');
}
.z-home-category--shirts{
  background-image:url('/image/catalog/home-2026/category-shirts.jpg');
}
.z-home-category--body{
  background-image:url('/image/catalog/home-2026/category-body.jpg');
}
.z-home-category--top{
  background-image:url('/image/catalog/home-2026/category-top.jpg');
}
.z-home-category--sale{
  background-image:url('/image/catalog/home-2026/category-sale.jpg');
}

/* Legacy promo modules */
.z-home-section--legacy-promos{
  padding-top:20px;
}

.z-home-legacy-promos{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:18px;
}

.z-home-legacy-promos > div{
  min-width:0;
  overflow:hidden;
}

/* Products module */
.z-home-products{
  background:var(--zh-soft);
}

.z-home-products__module{
  min-width:0;
}

.z-home-products__module > .row{
  margin-left:0;
  margin-right:0;
}

.z-home-products__module .title_h,
.z-home-products__module .title_center,
.z-home-products__module > h3,
.z-home-products__module > h2{
  display:none;
}

/* Reviews */
.z-home-reviews{
  background:#fff;
}

.z-home-reviews__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.z-home-review{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:300px;
  border:1px solid var(--zh-line);
  background:#fff;
}

.z-home-review__photo{
  min-height:300px;
  background-position:center;
  background-size:cover;
  background-color:#d8d0c8;
}

.z-home-review__photo--1{
  background-image:url('/image/catalog/home-2026/review-1.jpg');
}
.z-home-review__photo--2{
  background-image:url('/image/catalog/home-2026/review-2.jpg');
}
.z-home-review__photo--3{
  background-image:url('/image/catalog/home-2026/review-3.jpg');
}

.z-home-review__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px;
}

.z-home-review__stars{
  margin-bottom:18px;
  color:#b58f69;
  font-size:13px;
  letter-spacing:.16em;
}

.z-home-review__body p{
  margin:0 0 20px;
  color:#35312e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.55;
}

.z-home-review__body span{
  color:#857e77;
  font-size:12px;
}

/* More modules */
.z-home-more-products{
  background:#fff;
}

.z-home-more-products__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.z-home-more-products__bottom{
  margin-top:30px;
}

/* Sale */
.z-home-sale{
  display:grid;
  grid-template-columns:1.4fr .75fr;
  min-height:530px;
  background:#232220;
}

.z-home-sale__media{
  background-color:#8f8378;
  background-image:url('/image/catalog/home-2026/sale.jpg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.z-home-sale__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:60px 6vw;
  color:#fff;
}

.z-home-sale__content .z-home-eyebrow{
  color:#c9bfb6;
}

.z-home-sale__content h2{
  margin:0 0 22px;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(52px,5.4vw,88px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
}

.z-home-sale__content p:not(.z-home-eyebrow){
  margin:0 0 30px;
  color:#d8d1cb;
  font-size:14px;
}

/* Instagram */
.z-home-instagram{
  background:var(--zh-beige);
}

.z-home-instagram__head{
  margin-bottom:32px;
  text-align:center;
}

.z-home-instagram__head .z-home-link{
  margin-top:20px;
}

.z-home-instagram__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

.z-home-instagram__item{
  display:block;
  aspect-ratio:3/4;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#cbc2ba;
  transition:opacity .2s ease,transform .25s ease;
}

.z-home-instagram__item:hover{
  opacity:.9;
  transform:translateY(-3px);
}

.z-home-instagram__item--1{background-image:url('/image/catalog/home-2026/instagram-1.jpg');}
.z-home-instagram__item--2{background-image:url('/image/catalog/home-2026/instagram-2.jpg');}
.z-home-instagram__item--3{background-image:url('/image/catalog/home-2026/instagram-3.jpg');}
.z-home-instagram__item--4{background-image:url('/image/catalog/home-2026/instagram-4.jpg');}
.z-home-instagram__item--5{background-image:url('/image/catalog/home-2026/instagram-5.jpg');}

/* Benefits */
.z-home-benefits{
  padding:50px 0;
  border-top:1px solid var(--zh-line);
  border-bottom:1px solid var(--zh-line);
  background:#fff;
}

.z-home-benefits__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.z-home-benefit{
  display:flex;
  align-items:flex-start;
  gap:18px;
  min-width:0;
  padding:8px 30px;
  border-right:1px solid var(--zh-line);
}

.z-home-benefit:first-child{
  padding-left:0;
}

.z-home-benefit:last-child{
  border-right:0;
}

.z-home-benefit__icon{
  flex:0 0 auto;
  color:#b19375;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1;
}

.z-home-benefit strong{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.z-home-benefit p{
  margin:0;
  color:#77716b;
  font-size:12px;
  line-height:1.6;
}

/* Responsive */
@media(max-width:1399px){
  .z-home-categories{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .z-home-category{
    min-height:390px;
  }

  .z-home-reviews__grid{
    grid-template-columns:1fr;
  }

  .z-home-review{
    grid-template-columns:300px 1fr;
  }
}

@media(max-width:991px){
  .z-home-shell{
    width:calc(100% - 40px);
  }

  .z-home-section{
    padding:62px 0;
  }

  .z-home-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .z-home-hero__media{
    grid-column:1;
    grid-row:1;
    min-height:560px;
  }

  .z-home-hero__content{
    grid-column:1;
    grid-row:2;
    max-width:none;
    padding:44px 24px 50px;
  }

  .z-home-hero__content h1{
    font-size:74px;
  }

  .z-home-legacy-promos{
    grid-template-columns:1fr;
  }

  .z-home-more-products__grid{
    grid-template-columns:1fr;
  }

  .z-home-sale{
    grid-template-columns:1fr;
  }

  .z-home-sale__media{
    min-height:480px;
  }

  .z-home-instagram__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .z-home-instagram__item:nth-child(n+4){
    display:none;
  }

  .z-home-benefits__grid{
    grid-template-columns:1fr 1fr;
    gap:34px 0;
  }

  .z-home-benefit:nth-child(2){
    border-right:0;
  }

  .z-home-benefit:nth-child(3){
    padding-left:0;
  }
}

@media(max-width:767px){
  .z-home-shell{
    width:calc(100% - 24px);
  }

  .z-home-section{
    padding:46px 0;
  }

  .z-home-section__head{
    align-items:flex-start;
    margin-bottom:22px;
  }

  .z-home-section__head h2,
  .z-home-instagram__head h2{
    font-size:28px;
  }

  .z-home-section__head .z-home-link{
    display:none;
  }

  .z-home-section--categories .z-home-section__head:after{
    content:"Гортай →";
    align-self:center;
    margin-left:auto;
    color:#77716b;
    font-size:10px;
    font-weight:600;
    letter-spacing:.12em;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .z-home-hero__media{
    min-height:460px;
    background-position:right center;
  }

  .z-home-hero__content{
    padding:32px 16px 38px;
  }

  .z-home-hero__content h1{
    margin-bottom:18px;
    font-size:58px;
  }

  .z-home-hero__text{
    margin-bottom:26px;
    font-size:14px;
  }

  .z-home-button{
    width:100%;
  }

  .z-home-categories{
    display:flex;
    gap:10px;
    margin-right:-12px;
    overflow-x:auto;
    padding-right:12px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  .z-home-categories::-webkit-scrollbar{
    display:none;
  }

  .z-home-category{
    flex:0 0 64vw;
    min-height:350px;
    scroll-snap-align:start;
  }

  .z-home-review{
    display:block;
  }

  .z-home-review__photo{
    min-height:360px;
  }

  .z-home-review__body{
    padding:24px 20px 28px;
  }

  .z-home-review__body p{
    font-size:17px;
  }

  .z-home-sale__media{
    min-height:390px;
  }

  .z-home-sale__content{
    padding:40px 20px 46px;
  }

  .z-home-instagram__grid{
    grid-template-columns:1fr 1fr;
  }

  .z-home-instagram__item:nth-child(3){
    display:none;
  }

  .z-home-benefits{
    padding:38px 0;
  }

  .z-home-benefits__grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .z-home-benefit,
  .z-home-benefit:first-child,
  .z-home-benefit:nth-child(3){
    padding:20px 0;
    border-right:0;
    border-bottom:1px solid var(--zh-line);
  }

  .z-home-benefit:last-child{
    border-bottom:0;
  }
}