/* Layout corrections from Karara Kitchens_Web.pdf (31 August 2026). */
img { max-width: 100%; height: auto; }

/* The PDF removes the hero paragraph, leaving the badge and three clear facts. */
.sisf-hero-content-right > .row { row-gap: 2rem; }
.sisf-hero-content-right > .row > .col-md-4 { flex-basis: 8rem; }
.sisf-hero-counter-right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.75rem !important;
}
.sisf-hero-counter-right .sis-counter-item:last-child { grid-column: 1 / -1; }
.sis-warranty-range {
    font-size: var(--type-h2);
    font-weight: var(--weight-regular);
    line-height: 1.15;
    white-space: nowrap;
}

/* Keep the featured kitchen unobscured after removing the marked badge. */
.sis-our-key-features-section > .container > .row { align-items: center; row-gap: 2rem; }
.sisf-key-features-image-back { margin-top: 0; }
.sisf-key-features-image-back img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1rem;
}

/* Match collage heights without stretching photographs. */
.sis-our-approach-section > .container > .row { row-gap: 2rem; }
.sisf-approach-image-big,
.sisf-approach-image-small,
.sisf-approach-image-small-bottom { overflow: hidden; border-radius: 1rem; }
.sisf-approach-image-big figure,
.sisf-approach-image-small figure,
.sisf-approach-image-small-bottom figure { height: 100%; }
.sisf-approach-image-big img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.sisf-approach-image-small img,
.sisf-approach-image-small-bottom img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* Real image column replaces the oversized background on smaller screens. */
.sis-material-collection-bg { background-image: none; }
.sis-material-collection-bg > .sisf-sis-top-right-image { display: none; }
.sis-material-collection-bg > .container > .row { row-gap: 2rem; align-items: stretch; }
.sis-material-photo figure {
    height: 100%;
    overflow: hidden;
    border-radius: 1rem;
}
.sis-material-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Flatten the old independent columns into one grid so every row is level. */
.sisf-material-collection-content-list > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin: 0;
}
.sisf-material-collection-content-list > .row > .col-md-4 { display: contents; }
.sisf-material-collection-content-list .sisf-material-collection-content {
    margin: 0 !important;
    height: 100% !important;
    min-width: 0;
}
.sisf-material-collection-content-list .sisf-e-inner {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    height: 100%;
    min-height: 7rem;
    padding: 1.25rem !important;
}
.sisf-material-collection-content-list .sis-e-icon-top {
    flex: 0 0 2.75rem;
    margin-bottom: 0 !important;
}
.sisf-material-collection-content-list .sis-e-icon-top img { width: 2.75rem; height: 2.75rem; object-fit: contain; }
.sisf-material-collection-content-list .sis-e-title { margin: 0 !important; }
.sisf-material-collection-content-list .sisf-material-collection-content h3 {
    font-size: var(--type-h4) !important;
    text-wrap: wrap;
}
.sisf-material-collection-content-list > .row > .col-12 {
    grid-column: 1 / -1;
    width: 100%;
    padding: 0;
}
.sisf-material-collection-content-list .button-group { align-items: start !important; }

.sis-clients-section .sis-section-title p { max-width: 62ch; margin-inline: auto; }
.sis-projects-detailed-item a { overflow-wrap: anywhere; }

/* Text symbols avoid the template's unavailable Font Awesome 5 font alias. */
.sisf-faq-accordian .accordion-button::before,
.sisf-page-accordian .accordion-button::before {
    content: '+';
    font-family: var(--default-font);
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
}
.sisf-faq-accordian .accordion-button:not(.collapsed)::before,
.sisf-page-accordian .accordion-button:not(.collapsed)::before { content: '\2212'; }

/* A common grid keeps footer headings, addresses, and contacts aligned. */
.karara-footer {
    background: var(--primary-color) url('../images/page-bg.png') repeat;
    color: #f3eee7;
    padding: clamp(3rem, 5vw, 5rem) 0 0;
}
.karara-footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
}
.karara-footer-grid > * { min-width: 0; }
.karara-footer h2, .karara-footer h3 {
    color: #fff;
    font-size: var(--type-h4) !important;
    font-weight: var(--weight-medium) !important;
    margin: 0 0 1.25rem;
    text-wrap: wrap;
}
.karara-footer p, .karara-footer li, .karara-footer address,
.karara-footer-email, .karara-footer-contact {
    font-size: var(--type-small) !important;
    line-height: 1.65;
}
.karara-footer p { margin-bottom: 1.25rem; }
.karara-footer a { color: inherit; overflow-wrap: anywhere; }
.karara-footer a:hover { color: var(--main-color); }
.karara-footer a:focus-visible { outline: 2px solid var(--main-color); outline-offset: 5px; }
.karara-footer ul { list-style: none; padding: 0; margin: 0; }
.karara-footer li + li { margin-top: 0.65rem; }
.karara-footer address {
    display: grid;
    gap: 1.25rem;
    margin: 0;
    font-style: normal;
    overflow-wrap: anywhere;
}
.karara-footer address span,
.karara-footer-contact span {
    display: block;
    margin-bottom: 0.2rem;
    color: #fff;
    font-weight: var(--weight-medium);
}
.karara-footer .karara-footer-social { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
.karara-footer-social li + li { margin-top: 0; }
.karara-footer-social a, .karara-footer-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    border-radius: 50%;
    border: 1px solid #ffffff40;
}
.karara-footer-contact-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem;
    align-items: center;
    border-top: 1px solid #ffffff30;
    border-bottom: 1px solid #ffffff30;
    padding: 2rem 0;
    margin-top: 3rem;
}
.karara-footer-logo { display: block; width: min(14rem, 100%); }
.karara-footer-logo img { display: block; width: 100%; height: auto; }
.karara-footer-contact { display: flex; align-items: center; gap: 1rem; min-width: 0; }
.karara-footer-contact > div { min-width: 0; }
.karara-footer-icon { color: var(--primary-color) !important; background: var(--main-color); border: 0; }
.karara-footer .karara-footer-copyright { margin: 0; padding: 0; text-align: center; }

@media (min-width: 576px) {
    .sisf-material-collection-content-list > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(0, 1fr)) auto;
    }
    .sisf-material-collection-content-list .sisf-e-inner { flex-direction: column; align-items: start; }
    .karara-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
    .karara-footer-contact-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .karara-footer-logo { grid-column: 1 / -1; }
}

@media (min-width: 1200px) {
    .karara-footer-grid { grid-template-columns: 1.15fr 0.75fr 1fr 1.15fr; gap: 2rem; }
    .karara-footer-contact-row { grid-template-columns: 1fr 1fr 1.25fr;  }
    .karara-footer-logo { grid-column: auto; }
    .karara-footer .karara-footer-copyright { text-align: center; }
}

@media (min-width: 1400px) {
    .sisf-material-collection-content-list > .row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr)) auto;
    }
}

@media (max-width: 991px) {
    .sis-material-photo img { aspect-ratio: 4 / 3; max-height: 32rem; }
    .sis-material-photo figure { height: auto; }
    .sisf-hero-content-right > .row { align-items: start !important; }
}

@media (max-width: 767px) {
    .sisf-approach-image-big img { height: auto; aspect-ratio: 4 / 3; }
    .sisf-approach-image-big.h-100 { height: auto !important; }
    .sisf-approach-image-small img, .sisf-approach-image-small-bottom img { aspect-ratio: 4 / 3; }
    .sisf-material-collection-content-list .button-group { gap: 1.5rem !important; }
    .karara-footer .karara-footer-copyright { padding-right: 4.25rem; }
}