/* MILANA home: one visual scale, native content and component behavior. */
body.page--main {--home-space:64px; --home-gutter:40px; --home-max:1520px;}
body.page--main.home-widget-clear .b24-widget-button-wrapper {visibility:hidden!important; pointer-events:none!important;}
body.page--main main :is(.container-fluid,.aw2627-film,.inspiration--preview) {box-sizing:border-box; max-width:var(--home-max); padding-left:var(--home-gutter); padding-right:var(--home-gutter); margin-left:auto; margin-right:auto;}
body.page--main main :is(h2,.home-section-title) {font-size:clamp(20px,1.6vw,26px); font-weight:400; line-height:1.4; letter-spacing:0; text-transform:none; overflow-wrap:anywhere;}
body.page--main main .home-section-title {margin-top:0; margin-bottom:24px;}
body.page--main main> :is(.carousel,.home-stories,.home-categories,.home-looks,.main__slider,.inspiration--preview,.home-benefits) {margin-top:0; margin-bottom:var(--home-space);}
body.page--main main>.carousel .carousel__title {margin:0 0 24px; padding:0;}
body.page--main main .carousel__arrow {height:44px!important; width:44px!important; padding:0; top:calc(50% - 44px)!important; bottom:auto; display:flex; align-items:center; justify-content:center;}
body.page--main main .carousel__arrow svg {width:20px; height:20px;}
body.page--main main .main__top-slider {max-width:1920px; margin:0 auto var(--home-space); --home-artwork-height:calc(min(100vw,1920px) * .5625);}
body.page--main .header__navigation>.navigation__ul>.navigation__li>.link {font-size:13px; font-weight:400; min-height:44px; display:flex; align-items:center;}
body.page--main .header__container::before {background:#fff!important; border-bottom:1px solid #ededed;}
body.page--main .header .link {color:#111!important;}
body.page--main .header .link::before {background:#111;}
body.page--main .header .burger span {background:#111!important;}
body.page--main .header svg [fill]:not([fill="none"]) {fill:#111;}
body.page--main .header svg [stroke]:not([stroke="none"]) {stroke:#111;}
body.page--main .header__value {color:#fff; background:#111;}
body.page--main .header__navigation .navigation__catalogs {background:#fff; border-top:1px solid #ededed; box-shadow:0 12px 20px #00000008; opacity:0; visibility:hidden; pointer-events:none; padding-top:24px; padding-bottom:24px; max-height:calc(100dvh - 160px); overflow-y:auto;}
body.page--main .header__navigation .navigation__li:is(:hover,:focus-within)>.navigation__catalogs {opacity:1; visibility:visible; pointer-events:auto;}
body.page--main .header__navigation .navigation__li:is(:hover,:focus-within)>.navigation__catalogs>.navigation__catalog {opacity:1;}
body.page--main .header__navigation .navigation__catalogs:not(:has(a[href])) {display:none!important;}
body.page--main .navigation__catalogs a {font-size:12px; line-height:1.6; min-height:32px; display:inline-flex; align-items:center;}
body.page--main :is(.modal__menu,.modal__navigation,.modal__city) {font-size:13px;}
body.page--main .modalNewLeftMenu .modal-new__container {padding:64px 32px 40px;}
body.page--main .modalNewLeftMenu .header__location {font-size:12px; margin-bottom:24px; min-height:44px; align-items:center;}
body.page--main .modalNewLeftMenu .header__accordion {margin-bottom:24px;}
body.page--main .modalNewLeftMenu .accordion__items {gap:0;}
body.page--main .modalNewLeftMenu .accordion__item {margin:0; padding:0;}
body.page--main .modalNewLeftMenu .accordion__control {min-height:52px; border-bottom:1px solid #ededed; gap:16px;}
body.page--main .modalNewLeftMenu .accordion__title {font-size:13px; font-weight:500; line-height:1.5; text-transform:none;}
body.page--main .modalNewLeftMenu .catalog-list__name {display:flex; align-items:center; min-height:44px; font-size:13px; line-height:1.5; margin:0; white-space:normal;}
body.page--main .modalNewLeftMenu .accordion__content {padding:8px 0;}
body.page--main :is(.sliderNew__back,.sliderNew__next):focus-visible {outline:2px solid #111; outline-offset:-5px; opacity:1;}

/* Keep every category photo and direct destination visible, including touch screens. */
body.page--main .main__catalogs {margin:0 auto; height:auto!important; min-height:0;}
body.page--main .catalogs {height:auto!important; min-height:0;}
body.page--main .catalogs>.catalogs__items {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; height:auto;}
body.page--main .catalogs>.catalogs__items>.catalogs__item {display:block; width:auto; height:auto; min-width:0; border:1px solid #ededed; background:#fff;}
body.page--main .catalogs .catalogs__above {position:static; display:flex; flex-direction:column; width:100%; height:auto; transform:none!important; opacity:1; visibility:visible; background:#fff;}
body.page--main .catalogs .catalogs__above>.catalogs__img {width:100%; height:auto; aspect-ratio:16/10; background-size:cover;}
body.page--main .catalogs .catalogs__name {position:static; width:100%; min-height:44px; height:auto; padding:12px; margin:0; display:flex; justify-content:center; align-items:center; text-align:center; font-size:11px; font-weight:400; line-height:1.5; color:#111; background:#fff; text-transform:none; white-space:normal; overflow-wrap:anywhere;}
body.page--main .catalogs .catalogs__above>.catalogs__name {font-size:13px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
body.page--main .catalogs__item>.catalogs__items {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; width:100%; height:auto; transform:none!important; opacity:1; visibility:visible;}
body.page--main .catalogs__item>.catalogs__items>.catalogs__item {position:relative; display:flex; flex-direction:column; width:auto; height:auto; min-width:0; opacity:1; visibility:visible; transform:none!important; background:#fff;}
body.page--main .catalogs__item>.catalogs__items>.catalogs__item>.catalogs__img {width:100%; height:auto; aspect-ratio:4/3; background-size:cover;}
body.page--main .catalogs a:focus-visible {outline:2px solid #111; outline-offset:-3px;}

/* Compact editorial panels keep the original artwork behind a readable white surface. */
body.page--main .main__banner {height:clamp(280px,31vw,420px); min-height:0; margin:0 0 var(--home-space); background-size:cover; background-position:center;}
body.page--main .main__banner::before {background:transparent;}
body.page--main .main__banner-title {width:auto; max-width:calc(100% - 40px); padding:28px 36px; background:#fff; border:1px solid #ededed; color:#111;}
body.page--main .main__banner-text {margin:0 0 18px; font-size:clamp(22px,2vw,30px); line-height:1.35; color:#111;}
body.page--main main :is(.main__banner-btn,.loyalty-program__btn,.gallery__btn) {font-size:12px; line-height:1.5; min-height:44px; height:auto; padding:13px 24px; width:auto; max-width:100%; white-space:normal; text-align:center;}
body.page--main .aw2627-film {margin-top:0; margin-bottom:var(--home-space); gap:32px; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);}
body.page--main .aw2627-film h2 {margin:10px 0 16px;}
body.page--main .aw2627-film p {font-size:13px; line-height:1.65;}
body.page--main .aw2627-film :is(.aw2627-film__eyebrow,.aw2627-film__note) {font-size:10px;}
body.page--main .aw2627-film__catalog {font-size:12px; min-height:44px; padding:12px 0;}
body.page--main .aw2627-film__media {background:#f5f5f5; border:1px solid #ededed;}
body.page--main .aw2627-film__play {font-size:12px; min-height:44px;}

body.page--main .main__stories {max-width:var(--home-max); padding:0 var(--home-gutter); margin:0 auto; box-sizing:border-box;}
body.page--main .stories__item {width:110px; height:auto; min-height:160px;}
body.page--main .stories__img {width:100px; height:100px; margin-bottom:12px; border:1px solid #ededed;}
body.page--main .stories__name {font-size:11px; line-height:1.6; white-space:normal;}
body.page--main .stories .slider__wrapper {height:auto!important; min-height:160px;}
body.page--main .main__gallery {margin-bottom:0;}
body.page--main .gallery__items {gap:16px; margin-bottom:20px;}
body.page--main .gallery__items.slick-initialized {display:block; height:auto!important; padding-bottom:32px;}
body.page--main .gallery__items.slick-initialized .slick-dots {bottom:0!important; margin:0;}
body.page--main .gallery__item {height:clamp(280px,34vw,480px); border:1px solid #ededed;}
body.page--main .main__slider {padding-top:0;}
body.page--main .two-sliders {display:grid; width:100%; height:auto; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr); gap:20px;}
body.page--main .two-sliders__container {display:block!important; width:100%; min-width:0;}
body.page--main .two-sliders__banner {display:flex; min-width:0; width:100%; min-height:300px; height:100%; background-position:center; background-size:cover;}
body.page--main .two-sliders__title {font-size:clamp(20px,1.8vw,28px); line-height:1.4; font-weight:400; text-transform:none; overflow-wrap:anywhere; max-width:100%;}
body.page--main .inspiration--preview .inspiration__intro {margin-bottom:24px;}
body.page--main .inspiration--preview .inspiration__intro h2 {margin:10px 0 14px;}
body.page--main .inspiration--preview .inspiration__intro p {font-size:13px; line-height:1.65;}
body.page--main .inspiration--preview .inspiration__intro .inspiration__eyebrow {font-size:10px;}
body.page--main .inspiration--preview .inspiration-card__image {background:#f5f5f5; aspect-ratio:4/5;}
body.page--main .inspiration--preview .inspiration__catalog {font-size:12px; min-height:44px; padding:12px 0; margin:0;}

body.page--main .main__advantages {margin-bottom:0;}
body.page--main .advantages__items {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
body.page--main .advantages__item {min-width:0; width:auto; max-width:none; padding:24px 20px; margin:0; text-align:left;}
body.page--main .advantages__item+.advantages__item {border-left:1px solid #ededed;}
body.page--main .advantages__icon {width:32px; height:32px; margin:0 0 16px;}
body.page--main .advantages__icon svg {width:32px; height:32px;}
body.page--main .advantages__title {font-size:13px; line-height:1.5; font-weight:500; margin:0 0 10px; text-transform:none;}
body.page--main .advantages__desc {font-size:12px; line-height:1.7; color:#666;}
body.page--main .main__loyalty-program {min-height:320px; height:auto; margin:0 0 var(--home-space); background-size:cover; background-position:center; padding:28px; align-items:center; justify-content:flex-start;}
body.page--main .main__loyalty-program::before {background:transparent;}
body.page--main .loyalty-program__content {position:relative; width:min(460px,50%); height:auto; min-height:0; padding:32px; background:#fff; color:#111; align-items:flex-start; text-align:left;}
body.page--main .loyalty-program__title {font-size:clamp(20px,1.8vw,26px); line-height:1.4; text-transform:none; margin:0 0 16px;}
body.page--main .loyalty-program__desc {font-size:13px; line-height:1.7; color:#666; margin:0 0 20px;}
body.page--main .loyalty-program__btn {border:1px solid #111; background:#111; color:#fff;}
@media(min-width:2200px) {body.page--main {--home-max:1920px; --home-gutter:48px; --home-space:80px;}}
@media(max-width:1024px) {body.page--main {--home-gutter:24px; --home-space:48px;} body.page--main .catalogs>.catalogs__items {gap:12px;} body.page--main .advantages__items {grid-template-columns:repeat(2,minmax(0,1fr));} body.page--main .advantages__item:nth-child(3) {border-left:0;} body.page--main .advantages__item:nth-child(n+3) {border-top:1px solid #ededed;}}
@media(min-width:769px) and (max-width:1024px) {body.page--main main .main__top-slider {--home-artwork-height:calc(100vw * .75);}}
@media(max-width:768px) {body.page--main main .main__top-slider {--home-artwork-height:calc(100vw * 1.77777778);}}
@media(max-width:767px) {
 body.page--main {--home-space:40px; --home-gutter:18px;}
 body.page--main .modalNewLeftMenu .modal-new__container {padding:64px 24px 32px;}
 body.page--main main .home-section-title,body.page--main main>.carousel .carousel__title {margin-bottom:20px; font-size:20px;}
 body.page--main main .main__top-slider {--home-artwork-height:calc(100vw * 1.77777778); margin-bottom:32px;}
 body.page--main .layout-autumn-promo__offer {flex-basis:30%; gap:8px; padding:16px;}
 body.page--main .layout-autumn-promo__discount {font-family:inherit; font-size:26px; line-height:1.2;}
 body.page--main .layout-autumn-promo__label {font-size:10px; letter-spacing:.1em;}
 body.page--main .layout-autumn-promo__code {font-family:inherit; font-size:21px; border-radius:0; padding:6px 16px; color:#111; border-color:#ddd;}
 body.page--main .layout-autumn-promo__photo {flex-basis:70%;}
 body.page--main .aw2627-film {grid-template-columns:minmax(0,1fr); gap:20px;}
 body.page--main .aw2627-film__media {width:100%; aspect-ratio:4/3;}
 body.page--main .aw2627-film__media :is(img,video) {object-fit:contain;}
 body.page--main .catalogs>.catalogs__items {grid-template-columns:minmax(0,1fr); gap:16px;}
 body.page--main .catalogs>.catalogs__items>.catalogs__item {display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
 body.page--main .catalogs .catalogs__above {height:100%; border-right:1px solid #ededed;}
 body.page--main .catalogs .catalogs__above>.catalogs__img {aspect-ratio:auto; flex:1; min-height:140px; background-position:center;}
 body.page--main .catalogs .catalogs__above>.catalogs__name {border-bottom:0; font-size:12px;}
 body.page--main .catalogs__item>.catalogs__items {grid-template-columns:minmax(0,1fr);}
 body.page--main .catalogs__item>.catalogs__items>.catalogs__item {display:grid; grid-template-columns:64px minmax(0,1fr); min-height:100px; align-items:center; padding:8px; gap:6px;}
 body.page--main .catalogs__item>.catalogs__items>.catalogs__item+.catalogs__item {border-top:1px solid #ededed;}
 body.page--main .catalogs__item>.catalogs__items>.catalogs__item>.catalogs__img {width:64px; height:80px; aspect-ratio:auto; background-size:cover;}
 body.page--main .catalogs .catalogs__name {padding:8px 0; font-size:12px;}
 body.page--main .main__banner {height:320px;}
 body.page--main .main__banner-title {padding:20px; max-width:calc(100% - 32px);}
 body.page--main .main__banner-text {font-size:24px;}
 body.page--main .gallery__items:not(.slick-initialized) {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
 body.page--main .gallery__item {height:230px; min-width:0;}
 body.page--main .gallery__item:first-child {grid-column:1/-1; height:360px;}
 body.page--main .gallery__item.slick-slide {height:420px!important;}
 body.page--main .two-sliders {grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px;}
 body.page--main .two-sliders__banner {grid-column:1/-1; grid-row:1; min-height:240px; height:240px;}
 body.page--main .two-sliders__container {width:100%;}
 body.page--main .two-sliders .card-new {max-width:100%;}
 body.page--main .inspiration--preview .inspiration__grid {grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px;}
 body.page--main .inspiration--preview .inspiration__grid .inspiration-card:last-child {display:grid; grid-column:1/-1; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); grid-template-rows:auto auto 1fr; min-height:180px;}
 body.page--main .inspiration--preview .inspiration-card:last-child .inspiration-card__image {grid-row:1/4; min-height:180px; height:100%; aspect-ratio:auto;}
 body.page--main .inspiration--preview .inspiration-card:last-child :is(.inspiration-card__meta,h3,.inspiration-card__author) {grid-column:2; align-self:start;}
 body.page--main .inspiration--preview .inspiration-card:last-child .inspiration-card__meta {margin-top:16px;}
 body.page--main .advantages__items {grid-template-columns:minmax(0,1fr);}
 body.page--main .advantages__item {display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:16px; padding:20px 0; border-left:0!important;}
 body.page--main .advantages__item+.advantages__item {border-top:1px solid #ededed;}
 body.page--main .advantages__icon {grid-row:1/3; margin:0;}
 body.page--main .advantages__title {font-size:13px; margin-bottom:6px;}
 body.page--main .advantages__desc {font-size:12px; line-height:1.6;}
 body.page--main .main__loyalty-program {min-height:380px; padding:16px; align-items:flex-end; background-position:65% center;}
 body.page--main .loyalty-program__content {width:100%; padding:24px;}
 body.page--main .loyalty-program__title {font-size:20px;}
}
@media(max-width:359px) {
 body.page--main {--home-gutter:16px;}
 body.page--main .catalogs__item>.catalogs__items>.catalogs__item {grid-template-columns:48px minmax(0,1fr); padding:6px;}
 body.page--main .catalogs__item>.catalogs__items>.catalogs__item>.catalogs__img {width:48px; height:64px;}
 body.page--main .gallery__item {height:190px;}
}

/* The collection catalog is the last homepage section, immediately before subscribe. */
body.page--main main>.home-collection-catalog {margin-top:0; margin-bottom:var(--home-space);}
body.page--main .home-collection-catalog__panel {display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:center; gap:40px; border:1px solid #ededed; padding:32px; background:#fff;}
body.page--main .home-collection-catalog__cover {min-width:0;}
body.page--main .home-collection-catalog__cover img {display:block; width:100%; height:auto; object-fit:contain;}
body.page--main .home-collection-catalog__copy {min-width:0;}
body.page--main .home-collection-catalog__eyebrow {margin:0 0 8px; font-size:10px; line-height:1.6; letter-spacing:.1em; color:#777;}
body.page--main .home-collection-catalog__copy h2 {margin:0 0 14px;}
body.page--main .home-collection-catalog__text {margin:0 0 24px; font-size:13px; line-height:1.65; color:#666;}
body.page--main .home-collection-catalog__link {display:inline-flex; align-items:center; justify-content:center; gap:16px; width:auto; max-width:100%; min-height:44px; height:auto; padding:14px 24px; font-size:12px; line-height:1.5; white-space:normal; text-align:center;}
body.page--main .home-collection-catalog__link:focus-visible {outline:2px solid #111; outline-offset:4px;}
body.page--main .home-collection-catalog__format {margin:10px 0 0; font-size:10px; line-height:1.6; color:#777;}
@media(max-width:991px) {
 body.page--main .home-collection-catalog__panel {gap:28px; padding:24px;}
}
@media(max-width:767px) {
 body.page--main .home-collection-catalog__panel {grid-template-columns:minmax(0,1fr); gap:24px; padding:20px;}
 body.page--main .home-collection-catalog__text {font-size:12px; margin-bottom:20px;}
}

/* Homepage looks: all five existing images form one fully occupied grid. */
body.page--main .home-looks .gallery__items:not(.slick-initialized) {display:grid; grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:16px; height:auto!important; aspect-ratio:3/2; margin-bottom:24px;}
body.page--main .home-looks .gallery__items:not(.slick-initialized)>.gallery__item {display:block; grid-column:auto; grid-row:auto; width:auto; height:auto!important; min-width:0; min-height:0; background-size:cover; background-position:center;}
body.page--main .home-looks .gallery__items:not(.slick-initialized)>.gallery__item:first-child {grid-column:1; grid-row:1/span 2;}
body.page--main .home-looks .main__gallery>.gallery__container {display:flex; justify-content:flex-start; align-items:center; position:relative; height:auto; min-width:0; margin:0; padding:0;}
body.page--main .home-looks .gallery__btn {display:inline-flex; align-items:center; justify-content:center; position:relative; min-height:46px; margin:0;}
body.page--main .home-looks .gallery__items.slick-initialized .gallery__item {height:auto!important; min-height:0; aspect-ratio:3/4;}
body.page--main .home-looks .gallery__item:focus-visible {outline:2px solid #111; outline-offset:3px;}
@media(max-width:767px) {
 body.page--main .home-looks .gallery__items:not(.slick-initialized) {gap:12px;}
}

/* Film controls live beside the description, leaving the complete artwork visible. */
body.page--main .aw2627-film__actions {display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:24px;}
body.page--main .aw2627-film__actions .aw2627-film__play {position:static; inset:auto; transform:none; display:inline-flex; align-items:center; justify-content:center; gap:10px; max-width:100%; min-height:46px; padding:10px 16px; margin:0; border:1px solid #111; background:#111; color:#fff; font-family:inherit; font-size:12px; line-height:1.5; white-space:normal; transition:background-color 160ms ease;}
body.page--main .aw2627-film__play-icon {display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; flex:0 0 24px; font-size:10px; border:1px solid #ffffff80; border-radius:50%; transition:transform 160ms ease;}
body.page--main .aw2627-film__actions .aw2627-film__play:focus-visible {outline:2px solid #111; outline-offset:4px;}
@media(hover:hover) {
 body.page--main .aw2627-film__actions .aw2627-film__play:hover {background:#333;}
 body.page--main .aw2627-film__play:hover .aw2627-film__play-icon {transform:translateX(2px);}
}
@media(max-width:767px) {
 body.page--main .aw2627-film__actions {margin-top:20px; gap:12px 20px;}
 body.page--main .aw2627-film__media {aspect-ratio:9/16; width:min(100%,360px);}
}
@media(prefers-reduced-motion:reduce) {
 body.page--main .aw2627-film__actions .aw2627-film__play,body.page--main .aw2627-film__play-icon {transition:none;}
}

/* Keep both look rows in normal flow and stretch the lead photo across them. */
body.page--main .home-looks {display:flow-root; position:relative; clear:both; min-height:0;}
body.page--main .home-looks .main__gallery {height:auto!important; max-height:none!important; display:flow-root;}
body.page--main .home-looks .gallery__items:not(.slick-initialized) {max-height:none!important; align-items:stretch;}
body.page--main .home-looks+.carousel {clear:both; margin-top:var(--home-space)!important;}
@media(min-width:576px) {
 body.page--main .home-looks .gallery__items:not(.slick-initialized)>.gallery__item:first-child {height:100%!important; max-height:none!important; align-self:stretch;}
}
