/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-hero/style.css?1783676388963*/
.ib-brand {
    --ib-text: #151617;
    --ib-muted: #50545d;
    --ib-green: #006648;
    --ib-surface: #f6f7fa;
    --color-green-500: #52ae30;
    color: var(--ib-text);
}

.ib-brand img {
    display: block;
    max-width: 100%;
}

.ib-brand__container {
    width: min(100% - 48px, 1200px);
    margin: 0 auto;
}

.ib-brand__hero {
    padding: 48px 0 34px;
}

.ib-brand__hero-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ib-brand__title {
    margin: 0;
    font-family: var(--font-family-squad);
    font-size: clamp(34px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: 0;
}

.ib-brand__lead {
    width: min(100%, 650px);
    margin: 18px 0 26px;
    color: var(--ib-muted);
    font-size: 17px;
    line-height: 1.45;
}

@media (max-width: 640px) {
    .ib-brand__container {
        width: min(100% - 28px, 1200px);
    }

    .ib-brand__hero {
        padding: 38px 0 28px;
    }
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-logos/style.css?17840033673709*/
.ib-brand__section {
    padding: 30px 0;
}
.ib-brand__section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}
.ib-brand__section-title {
    margin: 0;
    font-family: var(--font-family-squad);
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0;
}
.ib-brand__download-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-green-500);
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
}
.ib-brand__download-link::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: #52ae30;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z' fill='black'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z' fill='black'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}
.ib-brand__logo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}
.ib-brand__logo-card {
    min-width: 0;
    padding: 28px;
    background: #f6f7fa;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ib-brand__logo-card h3 {
    margin: 0;
    font-family: var(--font-family-squad);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}
.ib-brand__logo-card p {
    margin: 8px 0 0;
    color: #50545d;
    font-size: 18px;
    line-height: 1.45;
}
.ib-brand__logo-previews {
    display: grid;
    gap: 22px;
    align-items: stretch;
    margin-bottom: 26px;
}
.ib-brand__logo-previews--wide {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.ib-brand__logo-previews--vertical {
    grid-template-columns: 120px 120px;
}
.ib-brand__logo-previews img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    border-radius: 16px;
}
.ib-brand__logo-previews img:nth-child(2) {
    background: var(--ib-green);
}
.ib-brand__file-links {
    display: flex;
    gap: 14px;
    margin-top: 12px;
    color: var(--color-green-500);
}
.ib-brand__file-links a {
    font-size: 18px;
    text-decoration: none;
}
@media (max-width: 900px) {
    .ib-brand__logo-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
    .ib-brand__section {
        padding: 24px 0;
    }
    .ib-brand__section-head {
        display: grid;
        gap: 12px;
    }
    .ib-brand__logo-card {
        padding: 20px;
        border-radius: 16px;
    }
    .ib-brand__logo-previews--wide,
    .ib-brand__logo-previews--vertical {
        grid-template-columns: 1fr 1fr;
    }
    .ib-brand__logo-previews img {
        height: 118px;
        padding: 14px;
    }

    .ib-brand__file-links a {
        font-size: 14px;
    }
}

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-clearspace/style.css?1783676426843*/
.ib-brand__section { padding: 30px 0; }
.ib-brand__section-title { margin: 0; font-family: var(--font-family-squad); font-size: clamp(26px, 3vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: 0; }
.ib-brand__section-text { max-width: 900px; margin: 10px 0 24px; color: var(--ib-muted); font-size: 16px; line-height: 1.5; }
.ib-brand__media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px; }
.ib-brand__media-item img { width: 100%; height: 280px; object-fit: contain; background: #ffffff; }
.ib-brand__media-item p { margin: 18px 0 0; color: var(--ib-muted); font-size: 14px; line-height: 1.45; }
@media (max-width: 900px) { .ib-brand__media-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .ib-brand__section { padding: 24px 0; } .ib-brand__media-item img { height: 210px; } }

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-usage/style.css?1783676426697*/
.ib-brand__section { padding: 30px 0; }
.ib-brand__section-title { margin: 0; font-family: var(--font-family-squad); font-size: clamp(26px, 3vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: 0; }
.ib-brand__usage-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.ib-brand__usage-grid img { width: 100%; aspect-ratio: 2.7 / 1; object-fit: cover; border-radius: 16px; background: var(--ib-surface); }
@media (max-width: 900px) { .ib-brand__usage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ib-brand__section { padding: 24px 0; } .ib-brand__usage-grid { grid-template-columns: 1fr; } }

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-colors/style.css?17836764741992*/
.ib-brand__section { padding: 30px 0; }
.ib-brand__section-title { margin: 0; font-family: var(--font-family-squad); font-size: clamp(26px, 3vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: 0; }
.ib-brand__section-text { max-width: 900px; margin: 10px 0 24px; color: var(--ib-muted); font-size: 16px; line-height: 1.5; }
.ib-brand__palette-group { margin-top: 34px; }
.ib-brand__palette-group h3 { margin: 0; font-family: var(--font-family-squad); font-size: 24px; font-weight: 600; line-height: 1.25; }
.ib-brand__palette-group p { margin: 8px 0 0; color: #50545d; font-size: 18px; line-height: 1.45; }
.ib-brand__swatches { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 220px)); gap: 28px; margin-top: 22px; }
.ib-brand__swatches--primary { grid-template-columns: repeat(auto-fit, minmax(350px, 350px)); gap: 34px; }
.ib-brand__swatch { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 220px; height: 220px; padding: 18px; border: 1px solid rgba(21, 22, 23, 0.04); border-radius: 50%; background: var(--swatch); color: var(--ib-text); font: inherit; text-align: center; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease; }
.ib-brand__swatches--primary .ib-brand__swatch { width: 350px; height: 350px; }
.ib-brand__swatch:hover, .ib-brand__swatch:focus-visible { transform: translateY(-3px); outline: none; }
.ib-brand__swatch span { display: block; font-size: 13px; font-weight: 800; line-height: 1.2; }
.ib-brand__swatch small { display: block; margin-top: 6px; font-size: 12px; line-height: 1.35; }
.ib-brand__swatch--light-text, .ib-brand__swatch--light-text span { color: #ffffff; }
@media (max-width: 640px) { .ib-brand__section { padding: 24px 0; } .ib-brand__swatches, .ib-brand__swatches--primary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .ib-brand__swatch, .ib-brand__swatches--primary .ib-brand__swatch { width: 100%; height: auto; aspect-ratio: 1; } }

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-typography/style.css?17836765422924*/
.ib-brand__section { padding: 30px 0; }
.ib-brand__section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.ib-brand__section-title { margin: 0; font-family: var(--font-family-squad); font-size: clamp(26px, 3vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: 0; }
.ib-brand__section-text { max-width: 900px; margin: 10px 0 24px; color: var(--ib-muted); font-size: 16px; line-height: 1.5; }
.ib-brand__download-link { display: inline-flex; align-items: center; gap: 8px; color: var(--color-green-500); font-size: 15px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.ib-brand__download-link::before { content: ""; display: inline-block; flex-shrink: 0; width: 16px; height: 16px; color: #52ae30; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z' fill='black'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97933 19.8043 4.588 19.413C4.19667 19.0217 4.00067 18.5507 4 18V15H6V18H18V15H20V18C20 18.55 19.8043 19.021 19.413 19.413C19.0217 19.805 18.5507 20.0007 18 20H6Z' fill='black'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; }
.ib-brand__type-card { padding: 32px; border-radius: 32px; background: #f6f7fa; }
.ib-brand__type-list { display: grid; margin-top: 22px; }
.ib-brand__type-list div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 26px; align-items: center; min-height: 58px; border-top: 1px solid #1516171a; }
.ib-brand__type-list div:first-child { border-top: 0; }
.ib-brand__type-list span { color: #7d828b; font-size: 14px; font-weight: 600; }
.ib-brand__type-list strong { font-family: var(--font-family-squad); font-size: 24px; line-height: 1.2; }
.ib-brand__font-light { font-weight: 300; }
.ib-brand__font-regular { font-weight: 400; }
.ib-brand__font-bold { font-weight: 700; }
.ib-brand__font-extrabold { font-weight: 800; }
.ib-brand__font-black { font-weight: 900; }
@media (max-width: 640px) { .ib-brand__section { padding: 24px 0; } .ib-brand__section-head { display: grid; gap: 12px; } .ib-brand__type-card { padding: 20px; border-radius: 16px; } .ib-brand__type-list div { grid-template-columns: 1fr; gap: 8px; padding: 16px 0; } .ib-brand__type-list strong { font-size: 21px; } }

/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-files/style.css?17836765421700*/
.ib-brand__section { padding: 30px 0; }
.ib-brand__section-title { margin: 0; font-family: var(--font-family-squad); font-size: clamp(26px, 3vw, 34px); font-weight: 600; line-height: 1.15; letter-spacing: 0; }
.ib-brand__section--files { padding-bottom: 70px; }
.ib-brand__files-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.ib-brand__file-card { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 18px; align-items: center; min-height: 86px; padding: 18px 22px; border-radius: 16px; background: #f6f7fa; }
.ib-brand__file-card h3 { margin: 0; font-family: var(--font-family-squad); font-size: 24px; font-weight: 600; line-height: 1.25; }
.ib-brand__file-card-small div h3 { font-size: 18px; }
.ib-brand__file-card p { margin: 8px 0 0; color: #50545d; font-size: 18px; line-height: 1.45; }
.ib-brand__file-card-small div p { font-size: 14px; color: #7d828b; }
.ib-brand__file-card a { font-size: 18px; text-decoration: none; }
.ib-brand__file-card-small a.button { background: white; color: black; }
.ib-brand__file-card-small a.button:hover { color: white; }
.ib-brand__file-ext { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 10px; background: #ffffff; color: var(--ib-green); font-size: 12px; font-weight: 900; }
@media (max-width: 900px) { .ib-brand__files-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .ib-brand__section { padding: 24px 0; } .ib-brand__file-card { grid-template-columns: 48px minmax(0, 1fr); } .ib-brand__file-card a { grid-column: 2; justify-self: start; } .ib-brand__file-card-small a.button { font-size: 14px; } }

/* End */
/* /local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-hero/style.css?1783676388963 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-logos/style.css?17840033673709 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-clearspace/style.css?1783676426843 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-usage/style.css?1783676426697 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-colors/style.css?17836764741992 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-typography/style.css?17836765422924 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html.content/brand-files/style.css?17836765421700 */