.editor-styles-wrapper .product-category-grid,
.editor-styles-wrapper .model-grid,
.editor-styles-wrapper .customization-grid,
.editor-styles-wrapper .reference-grid,
.product-category-grid, .model-grid, .customization-grid, .reference-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
gap: 1.5rem;
padding-bottom: 5px;
}
.product-category-card, .model-card, .customization-card, .reference-card {
position: relative;
display: block;
padding: 1.25rem;
border: 2px solid var(--wp--preset--color--accent-1);
border-radius: 3px;
background: var(--wp--preset--color--accent-6);
color: var(--wp--preset--color--contrast);
text-decoration: none;
}
.reference-card {
padding: 0;
border: none;
}
.customization-card {
background: none;
}
.product-category-card:hover, .model-card:hover, .customization-card:hover, .reference-card:hover,
.product-category-card:focus-visible, .model-card:focus-visible, .customization-card:focus-visible, .reference-card:focus-visible {
background: var(--wp--preset--color--accent-5);
transform: scale(1.02);
transition: .2s ease;
}
.product-category-card__image img, .model-card__image img, .customization-card__image img, .reference-card__image img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
display: block;
}
.customization-card__image img {
width: 60%;
aspect-ratio: 1/1;
}
.reference-card__image img {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
object-fit: cover;
border-radius: 3px;
}
.product-category-card h3, .model-card h3, .customization-card h3, .reference-card h3 {
margin: 1rem 0 0;
font-size: 1.25rem;
font-weight: 700;
}
.model-card h3, .reference-card h3 {
text-transform: none;
margin: 0;
}
.reference-card h3 {
background: var(--wp--preset--color--accent-4);
padding: 10px 20px;
border-radius: 0 3px 3px 0;
}
.customization-card h3 {
text-transform: none;
}
.model-card__category {
text-transform: uppercase;
display: block;
}
.model-card__number {
display: block;
color: var(--wp--preset--color--accent-2);
font-weight: 700;
}
.model-card__availability {
font-weight: 700;
display: inline-block;
padding: 5px 10px;
background-color: var(--wp--preset--color--accent-4);
border-radius: 3px;
}
.product-category-card__arrow, .model-card__arrow, .customization-card__arrow {
position: absolute;
top: 1.25rem;
right: 1.25rem;
border-radius: 999px;
background: var(--wp--preset--color--accent-1);
color: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.reference-card__arrow {
border-radius: 999px;
background: var(--wp--preset--color--accent-1);
color: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.product-category-card__arrow img, .model-card__arrow img, .customization-card__arrow img, .reference-card__arrow img {
height: 12px;
}
.reference-card__overlay {
position: absolute;
bottom: 1.25rem;
top: auto;
width: calc(100% - 1.25rem);
display: flex;
justify-content: space-between;
align-items: end;
right: 1.25rem;
}  .single-model__category {
text-transform: uppercase;
}
.single-model__title {
color: var(--wp--preset--color--accent-2);
font-weight: 700;
} .single-model__includes ul{
list-style: none;
padding: 0;
font-weight: 700;
}
.single-model__includes ul li::before{
content: url(//www.letthus.no/wp-content/themes/letthus/assets/images/tick.svg);
margin-right: 15px;
} .singel-model__thumbnail-wrapper {
left: -180px;
}
.single-model__thumbnail {
z-index: 999;
position: relative;
width: 150%;
}
.single-model__badge,
.editor-styles-wrapper .single-model__badge {
margin-bottom: -150px;
z-index: 1000;
position: relative;
} .single-model__specs {
list-style: none;
margin-left: 0;
padding-left: 0;
width: 100%;
}
.single-model__specs li {
margin-top: 10px;
display: flex;
justify-content: space-between;
}
.single-model__specs span {
font-weight: 700;
} .model_floor_plan,
.model_perspective {
border: 2px var(--wp--preset--color--accent-1) solid;
border-radius: 3px;
padding: 1.25rem;
position: relative;
}
.model_floor_plan h2,
.model_perspective h2 {
margin: 0;
color: var(--wp--preset--color--contrast);
}
a.model_floor_plan__link,
a.model_perspective__link {
text-decoration: none;
} .model_floor_plan > img {
width: 100%;
aspect-ratio: 5 / 3;
object-fit: contain;
object-position: left center;
margin-top: 30px;
} .model_floor_plan__zoom,
.model_perspective__zoom {
position: absolute;
bottom: 1.25rem;
right: 1.25rem;
border-radius: 999px;
background: var(--wp--preset--color--accent-1);
color: #fff;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.model_floor_plan__zoom img,
.model_perspective__zoom img {
height: 20px;
} .model_carousel__track {
display: flex;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
margin-top: 30px;
width: 100%;
}
.model_carousel__track::-webkit-scrollbar {
display: none;
}
.model_carousel__slide {
position: relative;
display: block;
flex: 0 0 100%;
min-width: 0;
scroll-snap-align: start;
text-decoration: none;
}
.model_carousel__slide > img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 5 / 3;
object-fit: contain;
object-position: left center;
}
.model_carousel__header {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 1rem;
}
.model_carousel__title {
color: var(--wp--preset--color--contrast);
font-size: var(--wp--preset--font-size--small);
text-align: right;
} .model_carousel__nav {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 1rem;
}
.model_carousel__btn {
width: 40px;
height: 40px;
padding: 0;
border-radius: 999px;
border: 2px solid var(--wp--preset--color--accent-1);
background: transparent;
color: var(--wp--preset--color--accent-1);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.model_carousel__btn:disabled {
opacity: 0.3;
cursor: default;
}
.model_carousel__zoom {
position: static;
margin-left: auto;
} .model_perspective:not(:has(.model_carousel__slide:nth-of-type(2))) .model_carousel__btn {
display: none;
}