﻿/* Main mobile desktop navigation breakpoint */
a.card {
  text-decoration: none;
}

.card {
  height: 100%;
}
.card--rounded {
  border-radius: 6px;
  overflow: hidden;
}
.card--rounded-nohide {
  overflow: visible;
}
.card--stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}
.card--stack > * {
  flex: 1;
}
.card--arrow {
  position: relative;
}
.card--arrow:after {
  content: url(https://storage.beko.co.uk/assets/blomberg/blomberg24/shared/arrowdark.svg);
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: 6px;
  left: 40px;
  display: block;
  transform: scale(1);
  transform-origin: left center;
  transition: transform 0.3s ease-in-out;
  z-index: 2;
}
@media (max-width: 767px) {
  .card--arrow:after {
    left: 30px;
  }
}
.card--arrow:hover:after {
  transform: scale(1.2);
}
.card--arrow-white:after {
  filter: invert(1);
}
.card--arrow.card--size-small .card--inner {
  margin-bottom: 20px;
}
.card--btnwrap {
  display: flex;
  flex-direction: row;
  gap: 5px;
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 20px;
}
.card--btnwrap .btn {
  position: static !important;
  padding: 10px 20px !important;
}
.card--bg-black {
  background-color: #000;
}
.card--bg-black.card--arrow:after {
  filter: invert(1);
}
.card--bg-white {
  background-color: #fff;
}
.card--bg-red {
  background-color: #cc0000;
}
.card--bg-red .btn {
  background-color: #000;
}
.card--bg-red .btn:hover {
  background-color: #101010;
}
.card--bg-red.card--arrow:after {
  filter: invert(1);
}
.card--bg-dgrey {
  background-color: #383837;
}
.card--bg-dgrey.card--arrow:after {
  content: url(https://storage.beko.co.uk/assets/blomberg/blomberg24/shared/arrow.svg);
}
.card--bg-lgrey {
  background-color: #e9e8e8;
}
.card--bg-img {
  position: relative;
  display: block;
  height: 100%;
}
.card--bg-img > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.card--bg-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 2;
}
.card--bg-img > .card--inner {
  position: relative;
  z-index: 3;
}
.card--bg-img-contain > img {
  object-fit: contain;
}
.card--text-redwhite h2, .card--text-redwhite h3 {
  color: #cc0000;
}
.card--text-redwhite p, .card--text-redwhite div, .card--text-redwhite ul, .card--text-redwhite li {
  color: #fff;
}
.card--text-redblack h2, .card--text-redblack h3 {
  color: #cc0000;
}
.card--text-redblack p, .card--text-redblack div, .card--text-redblack ul, .card--text-redblack li {
  color: #000;
}
.card--text-white h2, .card--text-white h3, .card--text-white p, .card--text-white div, .card--text-white a, .card--text-white ul, .card--text-white li {
  color: #fff;
}
.card--text-white a:not(.btn) {
  text-decoration: underline;
}
.card--text-white a:not(.btn):hover {
  color: #cc0000;
}
.card--text-black h2, .card--text-black h3, .card--text-black p, .card--text-black div, .card--text-black ul, .card--text-black li {
  color: #000;
}
.card--text-h32p22 h2, .card--text-h32p22 h3 {
  font-size: 32px;
}
.card--text-h32p22 p {
  font-size: 22px;
}
.card--text-h32p22 p.disclaimer {
  font-size: 14px;
  font-style: italic;
}
@media (max-width: 767px) {
  .card--text-h32p22 h2, .card--text-h32p22 h3 {
    font-size: 24px;
  }
  .card--text-h32p22 p {
    font-size: 16px;
  }
  .card--text-h32p22.hasdisclaimer p {
    font-size: 14px;
  }
  .card--text-h32p22.hasdisclaimer p.disclaimer {
    font-size: 12px;
  }
}
.card--size-large {
  padding: 120px 0;
}
.card--size-large h2, .card--size-large h3 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
}
.card--size-large p, .card--size-large div, .card--size-large ul, .card--size-large li {
  font-size: 22px;
  line-height: 1.3;
}
.card--size-large p.stronger, .card--size-large div.stronger, .card--size-large ul.stronger, .card--size-large li.stronger {
  font-weight: 600;
}
.card--size-large p.smaller, .card--size-large div.smaller, .card--size-large ul.smaller, .card--size-large li.smaller {
  font-size: 20px;
}
.card--size-large p.bigish, .card--size-large div.bigish, .card--size-large ul.bigish, .card--size-large li.bigish {
  font-size: 55px;
  font-weight: 700;
  margin-top: 0.5em;
}
.card--size-large p.feint, .card--size-large div.feint, .card--size-large ul.feint, .card--size-large li.feint {
  font-size: 18px;
  font-weight: 400;
}
.card--size-large .card--inner {
  padding: 0 40px;
}
@media (max-width: 767px) {
  .card--size-large {
    padding: 40px 0;
  }
  .card--size-large h2, .card--size-large h3 {
    font-size: 24px;
    line-height: 1.2;
  }
  .card--size-large .card--inner {
    padding: 0 15px;
  }
}
.card--size-med {
  padding: 0;
}
.card--size-med h2, .card--size-med h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}
.card--size-med p, .card--size-med div {
  font-size: 18px;
  line-height: 1.3;
}
.card--size-med .card--inner {
  padding: 40px;
}
@media (max-width: 767px) {
  .card--size-med .card--inner {
    padding: 20px 20px 37px 28px;
    display: block;
  }
}
.card--size-small {
  padding: 0;
}
.card--size-small h2, .card--size-small h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}
.card--size-small p, .card--size-small div {
  font-size: 18px;
  line-height: 1.3;
}
.card--size-small .card--inner {
  padding: 30px;
}
@media (max-width: 767px) {
  .card--size-small h2, .card--size-small h3 {
    font-size: 18px;
  }
  .card--size-small padding, .card--size-small div {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .card--size-mh270 {
    min-height: 270px;
  }
  .card--size-mh340 {
    min-height: 340px;
  }
}
.card--size-tall {
  height: 550px;
}
.card--size-70 {
  padding: 15px;
}
@media (min-width: 768px) {
  .card--size-70 {
    padding: 70px;
  }
}
.card--textbottom, .card--content-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .card--textbottom, .card--content-bottom {
    padding-top: 20px;
  }
}
.card--textcenter, .card--content-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media (max-width: 767px) {
  .card--textcenter, .card--content-center {
    padding-top: 20px;
  }
}
.card--divider-left {
  border-left: 1px solid #B2B2B2;
}
@media (max-width: 767px) {
  .card--divider-top-mobile {
    border-left: none;
    border-top: 1px solid #B2B2B2;
    padding-top: 20px;
  }
}
.card--btn {
  position: relative;
  padding-bottom: 40px;
}
.card--btn .btn {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
@media (max-width: 767px) {
  .card--btn .btn {
    bottom: 20px;
    left: 20px;
  }
}
.card--btninner {
  position: relative;
}
.card--btninner .btn {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
@media (max-width: 767px) {
  .card--btninner .btn {
    bottom: 20px;
    left: 20px;
  }
}
.card--btninner .card--inner {
  padding-bottom: 90px;
}
.card--frminner {
  font-size: 22px;
  font-weight: normal;
  display: flex;
  flex-direction: row;
}
.card--frminner-left {
  width: 70%;
  padding-left: 40px;
}
.card--frminner-right {
  width: 30%;
  padding-top: 20px;
}
@media (max-width: 1330px) {
  .card--frminner {
    flex-direction: column;
    padding: 20px 10px;
  }
  .card--frminner-left {
    width: 100%;
    padding-left: 0;
  }
  .card--frminner-right {
    width: 100%;
  }
}
.card--frminner select, .card--frminner input {
  width: 225px;
  font-size: 22px;
  font-weight: 400;
  padding-bottom: 14px;
  border-bottom: 1px solid white;
}
.card--frminner select option, .card--frminner input option {
  background: #000;
  color: white;
}
@media (max-width: 767px) {
  .card--frminner form > * {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .card--frminner form {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding-right: 20px;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .card--img-right-top {
    height: auto;
    padding-top: 0;
  }
  .card--img-right-top img.card--img-right-top {
    width: 100%;
    aspect-ratio: 335/190;
    object-fit: cover;
  }
}
@media (min-width: 768px) {
  .card--img-right-top {
    position: relative;
    padding-right: 25%;
  }
  .card--img-right-top img.card--img-right-top {
    width: 25%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    padding-right: 0;
    right: 0;
  }
  .card--joined-left {
    margin-left: -0.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card--joined-right {
    margin-right: -0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card--joined-wrapper {
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .card--joinedmd-left {
    margin-left: -0.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card--joinedmd-right {
    margin-right: -0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card--joinedmd-wrapper {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .card--joinedmd-left {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .card--joinedmd-right {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.card--ar4427 {
  width: 100%;
  height: auto;
  aspect-ratio: 44/27;
  object-fit: cover;
}
.card--ar6644 {
  width: 100%;
  height: auto;
  aspect-ratio: 66/44;
  object-fit: cover;
}
.card--ar13444 {
  width: 100%;
  height: auto;
  aspect-ratio: 134/44;
  object-fit: cover;
}

.card--text-redwhite.readmore--show div #reviewwrapper div {
  color: #666 !important;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Data/LocalProjects/BekoModern/src/BekoModern.Web/wwwroot/css/blomberg24/_colours.scss%22,%22file:///C:/Data/LocalProjects/BekoModern/src/BekoModern.Web/wwwroot/css/blomberg24/bcard.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%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%22%7D */