/* kkcomm-qa-round3-5021: screenshot fixes for borders, gallery, popup, newsletter, mosaic, hero */

/* Category cards: image fills the card edge, border is visible. */
.simig-product-editorial--categories .simig-product-editorial__card{
  border:1px solid #8C3A2A!important;
  background:#FBF6F1!important;
  overflow:hidden!important;
  border-radius:8px!important;
}
.simig-product-editorial--categories .simig-product-editorial__media{
  width:100%!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  background:#F0E2D6!important;
  border-bottom:1px solid #8C3A2A!important;
}
.simig-product-editorial--categories .simig-product-editorial__media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  background:#F0E2D6!important;
}

/* Hero copy is centered in its column; lamp stays centered in the photo. */
#f-section-annabary-banner-lifestyle.simig-home-hero .f-image-with-text__content{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#f-section-annabary-banner-lifestyle.simig-home-hero .f-richtext,
#f-section-annabary-banner-lifestyle.simig-home-hero .f-richtext__subtitle,
#f-section-annabary-banner-lifestyle.simig-home-hero .f-richtext__title,
#f-section-annabary-banner-lifestyle.simig-home-hero .f-richtext__description,
#f-section-annabary-banner-lifestyle.simig-home-hero .f-image-with-text__content h1,
#f-section-annabary-banner-lifestyle.simig-home-hero .f-image-with-text__content p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#f-section-annabary-banner-lifestyle.simig-home-hero .f-richtext__button,
#f-section-annabary-banner-lifestyle.simig-home-hero .f-image-with-text__content .f-button{
  margin-left:auto!important;
  margin-right:auto!important;
}
#f-section-annabary-banner-lifestyle.simig-home-hero .f-image-with-text__image img,
#f-section-annabary-banner-lifestyle.simig-home-hero .f-image-with-text__image-first img{
  object-fit:cover!important;
  object-position:center center!important;
  animation:none!important;
  transform:none!important;
}

/* Lampenschirme card keeps the whole lamp inside the frame. */
#f-section-site-style-finishing .f-services-style__image{
  background:#F0E2D6!important;
  overflow:hidden!important;
}
#f-section-site-style-finishing .f-services-style__image img,
#f-section-site-style-finishing .f-services-style__image .f-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#F0E2D6!important;
}

/* Mobile room carousel is shorter than a portrait card. */
@media(max-width:767px){
  #annabary-category-mosaic .annabary-category-mosaic__card,
  #annabary-category-mosaic .annabary-category-mosaic__card.is-featured{
    aspect-ratio:16/9!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}

/* Mobile subscription popup image is a 21:9 strip, not a cropped tall crop. */
@media(max-width:767px){
  annabary-subscription .ab-sub-grid{
    display:block!important;
    min-height:0!important;
  }
  annabary-subscription .ab-sub-media,
  annabary-subscription[data-layout="image_right"] .ab-sub-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:21/9!important;
    flex:0 0 auto!important;
  }
  annabary-subscription .ab-sub-media picture,
  annabary-subscription .ab-sub-media img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:21/9!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#F0E2D6!important;
  }
}

/* Footer email field: one rounded border, no outer corner ticks. */
.f-footer .f-newsletter-form,
.f-footer .f-newsletter-form--bordered,
.f-footer .f-newsletter-form__wrapper,
.f-footer .f-newsletter-form__input-wrapper{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  overflow:visible!important;
  padding:0!important;
}
.f-footer .f-newsletter-form .notification,
.f-footer .f-newsletter-form .pb-10,
.f-footer .f-newsletter-form__input-wrapper::before,
.f-footer .f-newsletter-form__input-wrapper::after,
.f-footer .f-newsletter-form__input::before,
.f-footer .f-newsletter-form__input::after{
  display:none!important;
  content:none!important;
}
.f-footer .f-newsletter-form__input,
.f-footer .f-newsletter-form__input.form-field,
.f-footer .f-footer--block-newsletter input{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  min-height:48px!important;
  padding:10px 14px!important;
  background:#fff!important;
  background-image:none!important;
  color:#1C1410!important;
  border:1px solid #E8D7CC!important;
  border-radius:8px!important;
  box-shadow:none!important;
  outline:none!important;
}
.f-footer .f-newsletter-form__input:focus{
  border-color:#E8D7CC!important;
  box-shadow:none!important;
  outline:none!important;
}