/* Generated from page: hundar */
.themify_builder_content-6103 .tb_d0o459{background-color:#f5f3ee;padding-bottom:70px;padding-top:70px}
.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap p,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap blockquote,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap h1,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap h2,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap h3,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap h4,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap h5,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap h6,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap li,.themify_builder_content-6103 .tb_nvwh564.module-text .tb_text_wrap span{font-style:normal;background-clip:border-box;background-image:none;color:#555;font-family:"Lato";font-weight:700}
.themify_builder_content-6103 .tb_nvwh564.module-text{text-transform:uppercase;letter-spacing:1.5px;font-size:13px}
.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap p,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap blockquote,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap h1,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap h2,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap h3,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap h4,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap h5,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap h6,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap li,.themify_builder_content-6103 .tb_zips682.module-text .tb_text_wrap span{font-style:normal;background-clip:border-box;background-image:none;color:#111;font-family:"Lato";font-weight:700}
.themify_builder_content-6103 .tb_zips682.module-text{font-size:41px}
.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap p,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap blockquote,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap h1,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap h2,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap h3,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap h4,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap h5,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap h6,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap li,.themify_builder_content-6103 .tb_ezvb450.module-text .tb_text_wrap span{background-clip:border-box;background-image:none;color:#444;font-family:"Lato";font-weight:400}
.themify_builder_content-6103 .tb_ezvb450.module-text{margin-top:-30px}
/*Builder Custom CSS START*/
/* ========================================
   HUNDAR-SIDAN – ALLA HUNDAR
   ======================================== */

.hs7-all-dogs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* ========================================
   HUNDAR-SIDAN – HUNDKORT DESKTOP
   4 hundar per rad
   ======================================== */

.hs7-all-dogs-grid .hs7-dog-card {
    width: calc(25% - 15px);
}

/* ========================================
   HUNDAR-SIDAN – TABLET
   2 hundar per rad
   ======================================== */

@media (max-width: 900px) {
    .hs7-all-dogs-grid .hs7-dog-card {
        width: calc(50% - 10px);
    }
}

/* ========================================
   HUNDAR-SIDAN – MOBIL
   1 hund per rad
   ======================================== */

@media (max-width: 600px) {
    .hs7-all-dogs-grid .hs7-dog-card {
        width: 100%;
    }
}

/* ========================================
   HUNDAR-SIDAN – KORTDESIGN
   Samma utseende som på startsidan
   ======================================== */

.hs7-all-dogs-grid .hs7-dog-card {
    display: block;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);

    color: inherit !important;
    text-decoration: none !important;
}


/* ========================================
   HUNDAR-SIDAN – BILD
   ======================================== */

.hs7-all-dogs-grid .hs7-dog-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.hs7-all-dogs-grid .hs7-dog-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ========================================
   HUNDAR-SIDAN – HUNDNAMN
   ======================================== */

.hs7-all-dogs-grid .hs7-dog-name {
    padding: 14px 16px 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}


/* ========================================
   HUNDAR-SIDAN – RAS
   ======================================== */

.hs7-all-dogs-grid .hs7-dog-breed {
    padding: 5px 16px 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}


/* ========================================
   HUNDAR-SIDAN – ÄGARE
   ======================================== */

.hs7-all-dogs-grid .hs7-dog-owner {
    padding: 3px 16px 16px;
    margin: 0;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
    color: #777;
}


/* ========================================
   HUNDAR-SIDAN – HOVER
   ======================================== */

.hs7-all-dogs-grid .hs7-dog-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* ========================================
   HUNDARNA – HÖGRE HUNDBILDER PÅ MOBIL
   ======================================== */

@media (max-width: 680px) {

    .hundar-sida .hs7-dog-image {
        height: 420px !important;
    }

}

/* ========================================
   HUNDAR – HELA BILDER PÅ SURFPLATTA
   ======================================== */

@media (min-width: 681px) and (max-width: 1024px) {

    .hs7-all-dogs-grid .hs7-dog-image {
        height: auto !important;
        overflow: visible;
    }

    .hs7-all-dogs-grid .hs7-dog-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        display: block;
    }
}

/* ========================================
   HUNDAR – TRE KORT PER RAD PÅ SURFPLATTA
   ======================================== */

@media (min-width: 681px) and (max-width: 1024px) {

    .hs7-all-dogs-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
    }

    .hs7-all-dogs-grid .hs7-dog-card {
        width: calc((100% - 32px) / 3) !important;
        flex: 0 0 calc((100% - 32px) / 3) !important;
    }
}
/*Builder Custom CSS END*/