.inb-asari { --inb-bg: #ffffff; --inb-card-bg: #ffffff; --inb-text: #1d2327; --inb-text-soft: #6b7178; --inb-accent: #0A1B72; --inb-accent-contrast: #ffffff; --inb-border: #e3e5e8; --inb-price: #1d2327; --inb-badge-sale: #0A1B72; --inb-badge-rent: #0a6e3d; --inb-badge-sold: #8a8f98; --inb-radius: 10px; --inb-shadow: 0 2px 10px rgba(1, 7, 26, 0.08); --inb-shadow-hover: 0 8px 24px rgba(1, 7, 26, 0.14); --inb-font: inherit; font-family: var(--inb-font); color: var(--inb-text); line-height: 1.5; box-sizing: border-box; width: 100%; } .inb-asari *, .inb-asari *::before, .inb-asari *::after { box-sizing: border-box; } .inb-asari img { max-width: 100%; height: auto; display: block; border: 0; } .inb-asari h1, .inb-asari h2, .inb-asari h3 { margin: 0 0 0.5em; line-height: 1.25; color: var(--inb-text); } .inb-asari p, .inb-asari ul { margin: 0; padding: 0; } .inb-asari ul { list-style: none; } .inb-asari a { text-decoration: none; color: inherit; } .inb-asari .inb-asari-btn { display: inline-block; background: var(--inb-accent); color: var(--inb-accent-contrast) !important; border: 2px solid var(--inb-accent); border-radius: calc(var(--inb-radius) / 2); padding: 10px 18px; font-size: 15px; font-weight: 600; cursor: pointer; text-align: center; transition: opacity 0.2s ease; } .inb-asari .inb-asari-btn:hover { opacity: 0.88; } .inb-asari .inb-asari-btn--ghost { background: transparent; color: var(--inb-accent) !important; } .inb-asari-grid { display: grid; gap: 22px; margin: 0 0 18px; width: 100%; } .inb-asari-grid--cols-1 { grid-template-columns: 1fr; } .inb-asari-grid--cols-2 { grid-template-columns: repeat(2, 1fr); } .inb-asari-grid--cols-3 { grid-template-columns: repeat(3, 1fr); } .inb-asari-grid--cols-4 { grid-template-columns: repeat(4, 1fr); } @media (max-width: 1024px) { .inb-asari-grid--cols-3, .inb-asari-grid--cols-4 { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .inb-asari-grid--cols-2, .inb-asari-grid--cols-3, .inb-asari-grid--cols-4 { grid-template-columns: 1fr; } } .inb-asari-empty { padding: 24px 0; color: var(--inb-text-soft); } .inb-asari-card { background: var(--inb-card-bg); border: 1px solid var(--inb-border); border-radius: var(--inb-radius); overflow: hidden; box-shadow: var(--inb-shadow); transition: box-shadow 0.2s ease, transform 0.2s ease; position: relative; } .inb-asari-card:hover { box-shadow: var(--inb-shadow-hover); transform: translateY(-2px); } .inb-asari-card__media { display: block; position: relative; background: #eef0f3; } .inb-asari-card__media img { width: 100%; height: 220px; object-fit: cover; } .inb-asari-card__noimg { display: block; width: 100%; height: 220px; background: linear-gradient(135deg, #eef0f3, #dfe3e8); } .inb-asari-badge { position: absolute; top: 12px; left: 12px; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; color: #fff; background: var(--inb-badge-sale); z-index: 2; } .inb-asari-badge--wynajem { background: var(--inb-badge-rent); } .inb-asari-badge--sold { background: var(--inb-badge-sold); } .inb-asari-card__body { padding: 16px; } .inb-asari-card__price { font-size: 20px; font-weight: 800; color: var(--inb-price); margin-bottom: 6px; } .inb-asari-card__price small { font-size: 13px; font-weight: 500; color: var(--inb-text-soft); margin-left: 6px; } .inb-asari-card__title { font-size: 16px; margin: 0 0 4px; } .inb-asari-card__title a { color: var(--inb-text); } .inb-asari-card__title a:hover { color: var(--inb-accent); } .inb-asari-card__location { color: var(--inb-text-soft); font-size: 14px; margin-bottom: 10px; } .inb-asari-card__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--inb-text-soft); } .inb-asari-card__meta li { position: relative; } .inb-asari-card--l2 { display: flex; } .inb-asari-card--l2 .inb-asari-card__media { flex: 0 0 42%; } .inb-asari-card--l2 .inb-asari-card__media img, .inb-asari-card--l2 .inb-asari-card__noimg { height: 100%; min-height: 180px; } .inb-asari-card--l2 .inb-asari-card__body { flex: 1; display: flex; flex-direction: column; } .inb-asari-card--l2 .inb-asari-card__price { margin-top: auto; margin-bottom: 0; } @media (max-width: 640px) { .inb-asari-card--l2 { flex-direction: column; } .inb-asari-card--l2 .inb-asari-card__media { flex-basis: auto; } .inb-asari-card--l2 .inb-asari-card__media img { height: 200px; } } .inb-asari-card--l3 .inb-asari-card__media img, .inb-asari-card--l3 .inb-asari-card__noimg { height: 320px; } .inb-asari-card--l3 .inb-asari-card__overlay { position: absolute; inset: auto 0 0 0; padding: 40px 18px 16px; background: linear-gradient(180deg, rgba(1, 7, 26, 0) 0%, rgba(1, 7, 26, 0.82) 70%); color: #fff; } .inb-asari-card--l3 .inb-asari-card__overlay .inb-asari-card__price { color: #fff; margin-bottom: 2px; } .inb-asari-card--l3 .inb-asari-card__overlay .inb-asari-card__title { color: #fff; font-size: 17px; } .inb-asari-card--l3 .inb-asari-card__meta-line { color: rgba(255, 255, 255, 0.85); font-size: 13px; } .inb-asari-card--sold .inb-asari-card__media img { filter: grayscale(0.6); } .inb-asari-card--sold:hover { transform: none; box-shadow: var(--inb-shadow); } .inb-asari-filters { background: var(--inb-card-bg); border: 1px solid var(--inb-border); border-radius: var(--inb-radius); padding: 16px; margin: 0 0 22px; } .inb-asari-filters__row { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; } .inb-asari-filters__row + .inb-asari-filters__row { margin-top: 12px; } .inb-asari-filters__field { display: flex; flex-direction: column; gap: 4px; flex: 1 1 160px; min-width: 140px; } .inb-asari-filters__field span { font-size: 12px; font-weight: 600; color: var(--inb-text-soft); text-transform: uppercase; letter-spacing: 0.04em; } .inb-asari-filters__field select, .inb-asari-filters__field input { border: 1px solid var(--inb-border); border-radius: calc(var(--inb-radius) / 2); padding: 9px 10px; font-size: 15px; background: #fff; color: var(--inb-text); width: 100%; } .inb-asari-filters__actions { display: flex; gap: 10px; align-items: center; flex: 1 1 auto; } .inb-asari-filters__count { font-size: 13px; color: var(--inb-text-soft); } .inb-asari-results.is-loading { opacity: 0.45; pointer-events: none; transition: opacity 0.15s ease; } .inb-asari-pagination { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0 20px; } .inb-asari-pagination a, .inb-asari-pagination .is-current { display: inline-block; min-width: 38px; padding: 8px 10px; text-align: center; border: 1px solid var(--inb-border); border-radius: calc(var(--inb-radius) / 2); font-weight: 600; color: var(--inb-text); background: var(--inb-card-bg); } .inb-asari-pagination a:hover { border-color: var(--inb-accent); color: var(--inb-accent); } .inb-asari-pagination .is-current { background: var(--inb-accent); color: var(--inb-accent-contrast); border-color: var(--inb-accent); } .inb-asari-single { width: 100%; padding: 0; } .inb-asari-single__header { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 18px; } .inb-asari-single__title { font-size: 28px; } .inb-asari-single__location { color: var(--inb-text-soft); } .inb-asari-single__price-box { text-align: right; } .inb-asari-single__price { display: block; font-size: 28px; font-weight: 800; color: var(--inb-price); } .inb-asari-single__price-m2 { color: var(--inb-text-soft); font-size: 14px; } .inb-asari-single__layout { display: grid; grid-template-columns: 1fr 320px; gap: 28px; margin-top: 24px; } @media (max-width: 900px) { .inb-asari-single__layout { grid-template-columns: 1fr; } } .inb-asari-single__params h2, .inb-asari-single__description h2, .inb-asari-params-table { width: 100%; border-collapse: collapse; } .inb-asari-params-table th, .inb-asari-params-table td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--inb-border); font-size: 15px; } .inb-asari-params-table th { color: var(--inb-text-soft); font-weight: 600; width: 45%; } .inb-asari-single__description { font-size: 15px; } .inb-asari-single__description p { margin: 0 0 1em; } .inb-asari-single__links { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; } .inb-asari-gallery__main img { width: 100%; max-height: 560px; object-fit: cover; border-radius: var(--inb-radius); } .inb-asari-gallery__thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; padding-bottom: 4px; } .inb-asari-gallery__thumb { border: 2px solid transparent; border-radius: 6px; padding: 0; background: none; cursor: pointer; flex: 0 0 auto; } .inb-asari-gallery__thumb img { width: 88px; height: 64px; object-fit: cover; border-radius: 4px; } .inb-asari-gallery__thumb.is-active { border-color: var(--inb-accent); } .inb-asari-map { border-radius: var(--inb-radius); overflow: hidden; } .inb-asari-map--lazy { background: #eef0f3; min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; } .inb-asari-map__load { background: var(--inb-accent); color: var(--inb-accent-contrast); border: 0; border-radius: calc(var(--inb-radius) / 2); padding: 12px 22px; font-size: 15px; font-weight: 600; cursor: pointer; } .inb-asari-map__hint { font-size: 12px; color: var(--inb-text-soft); } .inb-asari-agent--v { background: var(--inb-card-bg); border: 1px solid var(--inb-border); border-radius: var(--inb-radius); padding: 20px; box-shadow: var(--inb-shadow); text-align: center; } .inb-asari-agent--v .inb-asari-agent__photo img { width: 96px; height: 96px; object-fit: cover; border-radius: 50%; margin: 0 auto 12px; } .inb-asari-agent__name { font-size: 18px; font-weight: 700; margin: 0 0 24px; } @media (max-width: 800px) { .inb-asari-agent__name { font-size: 22px; font-weight: 800; margin: 0 0 26px; } } .inb-asari-agent--v .inb-asari-btn { display: block; margin-bottom: 8px; } .inb-asari-agent--v .inb-asari-btn:last-child { margin-bottom: 0; } .inb-asari-agent--h { display: flex; gap: 22px; align-items: center; justify-content: center; text-align: left; } .inb-asari-agent--h .inb-asari-agent__photo { flex: 0 0 auto; } .inb-asari-agent--h .inb-asari-agent__photo img { width: 110px; height: 110px; object-fit: cover; border-radius: 50%; } .inb-asari-agent--h .inb-asari-btn { display: block; margin-bottom: 8px; } .inb-asari-agent--h .inb-asari-btn:last-child { margin-bottom: 0; } .inb-asari-agent-hero { display: flex; justify-content: center; margin: 0 0 26px; } @media (max-width: 480px) { .inb-asari-agent--h { flex-direction: column; text-align: center; } } .inb-asari-archive { width: 100%; padding: 0; } .inb-asari-archive__title { font-size: 28px; margin: 0 0 18px; } body.inb-asari-noscroll { overflow: hidden; } .inb-asari-lightbox { position: fixed; inset: 0; z-index: 999999; background: rgba(1, 7, 26, 0.94); display: none; align-items: center; justify-content: center; } .inb-asari-lightbox.is-open { display: flex; } .inb-asari-lightbox__stage { margin: 0; max-width: calc(100% - 140px); max-height: 92vh; } .inb-asari-lightbox__stage img { max-width: 100%; max-height: 92vh; object-fit: contain; display: block; } .inb-asari-lightbox__close, .inb-asari-lightbox__nav { position: absolute; background: rgba(255, 255, 255, 0.12); color: #fff; border: 0; cursor: pointer; border-radius: 50%; width: 48px; height: 48px; font-size: 22px; line-height: 1; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; } .inb-asari-lightbox__close:hover, .inb-asari-lightbox__nav:hover { background: rgba(255, 255, 255, 0.28); } .inb-asari-lightbox__close { top: 18px; right: 18px; font-size: 30px; } .inb-asari-lightbox__nav--prev { left: 18px; top: 50%; transform: translateY(-50%); } .inb-asari-lightbox__nav--next { right: 18px; top: 50%; transform: translateY(-50%); } .inb-asari-lightbox__counter { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.85); font-size: 14px; letter-spacing: 0.06em; } @media (max-width: 640px) { .inb-asari-lightbox__stage { max-width: calc(100% - 16px); } .inb-asari-lightbox__nav--prev { left: 6px; } .inb-asari-lightbox__nav--next { right: 6px; } } .inb-asari-map--admin-note { background: #fff8e5; border: 1px dashed #d8b64a; padding: 12px 16px; font-size: 13px; } .inb-asari-single--v2 { width: 100%; } .inb-asari-split { display: grid; grid-template-columns: 55% 1fr; gap: 32px; align-items: start; } .inb-asari-split__media { position: sticky; top: var(--inb-sticky, 90px); align-self: start; } .inb-asari-single__header--stacked { display: block; } .inb-asari-single__header--stacked .inb-asari-single__price { font-size: 26px; font-weight: 800; margin-top: 8px; } .inb-asari-single__header--stacked .inb-asari-single__price small { font-size: 14px; font-weight: 500; color: var(--inb-text-soft); margin-left: 8px; } .inb-asari-split__media .inb-asari-agent { margin-top: 16px; } @media (max-width: 900px) { .inb-asari-split { grid-template-columns: 1fr; } .inb-asari-split__media { position: static; } } .inb-asari-single--v3 { width: 100%; padding: 0; } .inb-asari-hero { min-height: 62vh; background-size: cover; background-position: center; background-color: #1a2233; display: flex; align-items: flex-end; } .inb-asari-hero__overlay { width: 100%; background: linear-gradient(180deg, rgba(1, 7, 26, 0) 0%, rgba(1, 7, 26, 0.85) 75%); padding: 90px 0 34px; } .inb-asari-hero__inner { width: 100%; padding: 0 16px; color: #fff; } .inb-asari-hero__inner .inb-asari-badge { position: static; display: inline-block; margin-bottom: 12px; } .inb-asari-hero__title { color: #fff; font-size: 34px; margin: 0 0 6px; } .inb-asari-hero__location { color: rgba(255, 255, 255, 0.85); font-size: 16px; } .inb-asari-hero__price { color: #fff; font-size: 30px; font-weight: 800; margin-top: 10px; } .inb-asari-hero__price small { font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, 0.8); margin-left: 10px; } .inb-asari-keyfacts { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; background: var(--inb-card-bg); border-bottom: 1px solid var(--inb-border); } .inb-asari-keyfacts span { padding: 16px 28px; font-size: 15px; font-weight: 600; color: var(--inb-text); border-left: 1px solid var(--inb-border); } .inb-asari-keyfacts span:first-child { border-left: 0; } .inb-asari-single__narrow { width: 100%; padding: 26px 0 0; } .inb-asari-single__agent-wide { margin-top: 30px; } @media (max-width: 640px) { .inb-asari-hero { min-height: 46vh; } .inb-asari-hero__title { font-size: 24px; } .inb-asari-keyfacts span { padding: 12px 16px; font-size: 13px; } } .inb-asari .inb-asari-slider { margin: 14px 8px 6px; } .inb-asari .noUi-connect { background: var(--inb-accent); } .inb-asari .noUi-handle { border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,0.25); cursor: grab; } .inb-asari .noUi-horizontal { height: 6px; } .inb-asari .noUi-horizontal .noUi-handle { width: 22px; height: 22px; top: -9px; right: -11px; } .inb-asari .noUi-handle::before, .inb-asari .noUi-handle::after { display: none; } .inb-asari-slider__values { display: flex; justify-content: space-between; font-size: 13px; color: var(--inb-text-soft); margin-top: 4px; } .inb-asari-hero { min-height: 52vh; background-size: cover; background-position: center; background-color: #1a2233; } .inb-asari-hero-panel { background: var(--inb-card-bg); border-bottom: 1px solid var(--inb-border); } .inb-asari-hero-panel__inner { width: 100%; padding: 26px 0; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; } .inb-asari-hero-panel__headline .inb-asari-badge { position: static; display: inline-block; margin-bottom: 10px; } .inb-asari-hero-panel__title { font-size: 30px; margin: 0 0 4px; color: var(--inb-text); } .inb-asari-hero-panel__location { color: var(--inb-text-soft); } .inb-asari-hero-panel__price .inb-asari-price-line__amount { font-size: 30px; } .inb-asari-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 30px; } .inb-asari-duo__box { background: var(--inb-card-bg); border: 1px solid var(--inb-border); border-radius: var(--inb-radius); box-shadow: var(--inb-shadow); padding: 22px; } .inb-asari-duo__box h2 { font-size: 20px; margin: 0 0 14px; } .inb-asari-duo__box .inb-asari-agent--v { border: 0; box-shadow: none; padding: 0; } @media (max-width: 800px) { .inb-asari-duo { grid-template-columns: 1fr; } } .inb-asari-single--v4 { width: 100%; padding: 0; } .inb-asari-v4 { display: grid; grid-template-columns: 3fr 2fr; gap: 40px; align-items: stretch; } .inb-asari-v4--row2 { margin-top: 44px; } @media (max-width: 900px) { .inb-asari-v4 { grid-template-columns: 1fr; } } .inb-asari-v4__title { font-size: 30px; margin: 0 0 18px; line-height: 1.25; } .inb-asari-v4__price { border-bottom: 1px solid var(--inb-border); padding-bottom: 10px; margin: 0 0 10px; } .inb-asari-v4__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 26px; border-bottom: 1px solid var(--inb-border); padding-bottom: 24px; margin-bottom: 22px; align-content: space-evenly; } .inb-asari-v4__fact-label { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 16px; color: var(--inb-text); } .inb-asari-v4__fact-label svg { color: var(--inb-accent); flex: 0 0 auto; } .inb-asari-v4__fact-value { display: block; margin: 8px 0 0 30px; color: var(--inb-accent); font-weight: 700; font-size: 20px; } .inb-asari-v4__location { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 16px; color: var(--inb-text); } .inb-asari-v4__location svg { color: var(--inb-accent); } .inb-asari-v4__map iframe { height: 300px; } .inb-asari-gallery__strip { display: flex; align-items: center; gap: 8px; margin-top: 10px; } .inb-asari-gallery__strip .inb-asari-gallery__thumbs { margin-top: 0; flex: 1; scroll-behavior: smooth; } .inb-asari-gallery__nav { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--inb-border); background: var(--inb-card-bg); color: var(--inb-accent); font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .inb-asari-gallery__nav:hover { background: var(--inb-accent); color: var(--inb-accent-contrast); } .inb-asari-single--v5 { width: 100%; padding: 0; } .inb-asari-mosaic { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 190px 190px; gap: 10px; margin-bottom: 26px; } .inb-asari-mosaic__item { position: relative; border: 0; padding: 0; background: #eef0f3; cursor: pointer; overflow: hidden; border-radius: var(--inb-radius); } .inb-asari-mosaic__item img { width: 100%; height: 100%; object-fit: cover; } .inb-asari-mosaic__item:first-child { grid-row: span 2; } .inb-asari-mosaic__more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(1, 7, 26, 0.55); color: #fff; font-size: 17px; font-weight: 700; } @media (max-width: 800px) { .inb-asari-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: 200px 130px 130px; } .inb-asari-mosaic__item:first-child { grid-column: span 2; grid-row: span 1; } } .inb-asari-v5__map { margin-top: 20px; } .inb-asari-v5__map iframe { height: 280px; } .inb-asari-v4__aside .inb-asari-agent { margin-top: 22px; } @media (max-width: 900px) { .inb-asari-v4 { grid-template-columns: 1fr; gap: 26px; } .inb-asari-v4--row2 { margin-top: 26px; } } .inb-asari--fsidebar { display: grid; grid-template-columns: minmax(230px, 25%) 1fr; gap: 28px; align-items: start; } .inb-asari--fsidebar > .inb-asari-archive__title, .inb-asari--fsidebar > .inb-asari-agent-hero { grid-column: 1 / -1; } .inb-asari--fsidebar .inb-asari-filters { margin: 0; } .inb-asari--fsidebar .inb-asari-filters__row { flex-direction: column; align-items: stretch; gap: 12px; } .inb-asari--fsidebar .inb-asari-filters__field { flex: 0 0 auto; } .inb-asari--fsidebar .inb-asari-filters__row + .inb-asari-filters__row { margin-top: 12px; } .inb-asari--fsidebar .inb-asari-filters__field { min-width: 0; } .inb-asari--fsidebar .inb-asari-filters__actions { flex-direction: column; align-items: stretch; } @media (max-width: 800px) { .inb-asari--fsidebar { grid-template-columns: 1fr; } } .inb-asari-drawer-toggle { position: fixed; left: 0; top: 45%; z-index: 99990; background: var(--inb-accent, #0a1b72); color: var(--inb-accent-contrast, #fff); border: 0; border-radius: 0 8px 8px 0; padding: 14px 10px; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; writing-mode: vertical-rl; text-orientation: mixed; cursor: pointer; box-shadow: 0 2px 10px rgba(1, 7, 26, 0.25); } .inb-asari-drawer-backdrop { position: fixed; inset: 0; background: rgba(1, 7, 26, 0.5); z-index: 99991; } .inb-asari-drawer { position: fixed; left: 0; top: 0; bottom: 0; width: min(360px, 92vw); background: var(--inb-card-bg, #fff); z-index: 99992; transform: translateX(-100%); transition: transform 0.25s ease; overflow-y: auto; padding: 0 18px 24px; box-shadow: 4px 0 24px rgba(1, 7, 26, 0.18); } .inb-asari-drawer.is-open { transform: none; } .inb-asari-drawer__head { display: flex; justify-content: space-between; align-items: center; padding: 16px 0 10px; font-size: 17px; font-weight: 700; color: var(--inb-text, #1d2327); border-bottom: 1px solid var(--inb-border, #e3e5e8); margin-bottom: 14px; } .inb-asari-drawer__close { background: none; border: 0; font-size: 26px; cursor: pointer; color: var(--inb-text-soft, #6b7178); line-height: 1; } .inb-asari-drawer .inb-asari-filters { border: 0; padding: 0; margin: 0; } .inb-asari-drawer .inb-asari-filters__row { flex-direction: column; align-items: stretch; gap: 12px; } .inb-asari-drawer .inb-asari-filters__field { flex: 0 0 auto; } .inb-asari-drawer .inb-asari-filters__field { min-width: 0; } .inb-asari-drawer .inb-asari-filters__actions { flex-direction: column; align-items: stretch; } button.inb-asari-fav { position: absolute !important; top: 12px !important; right: 12px !important; z-index: 3 !important; width: 36px !important; height: 36px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 50% !important; border: 0 !important; outline: none !important; background: rgba(255, 255, 255, 0.92) !important; color: #b9bec7 !important; box-shadow: 0 1px 5px rgba(1, 7, 26, 0.18) !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; -webkit-appearance: none !important; appearance: none !important; transition: color 0.15s ease, transform 0.15s ease !important; } button.inb-asari-fav svg { width: 18px !important; height: 18px !important; fill: currentColor !important; display: block !important; } button.inb-asari-fav:hover { transform: scale(1.1) !important; background: #ffffff !important; } button.inb-asari-fav.is-active, button.inb-asari-fav.is-active:hover, button.inb-asari-fav.is-active:focus { color: #e0245e !important; } .inb-asari-single__lead, .inb-asari-single__price-history, .inb-asari-single__similar { margin-top: 30px; } .inb-asari-single__lead h2, .inb-asari-single__price-history h2, .inb-asari-single__similar h2 { font-size: 20px; margin: 0 0 14px; } .inb-asari-hero-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; margin-bottom: 26px; } @media (max-width: 900px) { .inb-asari-hero-cols { grid-template-columns: 1fr; } } .inb-asari-hero-cols__desc .inb-asari-single__description h2 { margin-top: 0; } .inb-asari-single__similar--full { width: 100%; margin-top: 36px; clear: both; } .inb-asari-price-history-link { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-left: 10px; border-radius: 50%; background: var(--inb-accent); color: var(--inb-accent-contrast) !important; vertical-align: middle; } .inb-asari-price-history-link svg { width: 16px; height: 16px; } .inb-asari-price-history-link:hover { opacity: 0.85; } .inb-asari-drawer-inline { margin-bottom: 18px; } .inb-asari-price-line { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; color: var(--inb-price); } .inb-asari-price-line__amount { font-size: 26px; font-weight: 800; line-height: 1.2; } .inb-asari-price-line__m2 { font-size: 14px; font-weight: 500; color: var(--inb-text-soft); } @media (max-width: 640px) { .inb-asari-price-line__amount { font-size: 22px; } .inb-asari-single__location { font-size: 17px; } } @media (min-width: 801px) { .inb-asari-only-mobile { display: none !important; } } @media (max-width: 800px) { .inb-asari-only-desktop { display: none !important; } } @media (min-width: 801px) { .inb-asari-fd-drawer .inb-asari-filters--inline { display: none; } .inb-asari-fd-poziomy .inb-asari-drawer-toggle, .inb-asari-fd-poziomy .inb-asari-drawer-inline, .inb-asari-fd-sidebar .inb-asari-drawer-toggle, .inb-asari-fd-sidebar .inb-asari-drawer-inline { display: none; } .inb-asari-fd-poziomy .inb-asari-drawer, .inb-asari-fd-sidebar .inb-asari-drawer { display: none; } } @media (max-width: 800px) { .inb-asari-fm-drawer .inb-asari-filters--inline { display: none; } .inb-asari-fm-poziomy .inb-asari-drawer-toggle, .inb-asari-fm-poziomy .inb-asari-drawer-inline { display: none; } .inb-asari-fm-poziomy .inb-asari-drawer { display: none; } } #inb-historia-ceny, .inb-asari-single__price-history { scroll-margin-top: calc(var(--inb-sticky, 90px) + 20px); } .inb-asari-single__map h2, .inb-asari-single__agent-section h2 { font-size: 20px; margin: 0 0 14px; } .inb-asari-single__map, .inb-asari-single__agent-section { margin-top: 26px; } .inb-asari-duo__box .inb-asari-single__map, .inb-asari-duo__box .inb-asari-single__agent-section, .inb-asari-v4__aside .inb-asari-single__map:first-child { margin-top: 0; } .inb-asari-single__location-text { margin: 0; color: var(--inb-text); } .inb-asari-duo__box .inb-asari-single__agent-section .inb-asari-agent--v { border: 0; box-shadow: none; padding: 0; } @media (min-width: 901px) { .inb-asari-v4--row1 .inb-asari-v4__side { display: flex; flex-direction: column; height: 100%; } .inb-asari-v4--row1 .inb-asari-v4__facts { flex: 1 1 auto; } .inb-asari-v4--row1 .inb-asari-v4__location { margin-top: auto; margin-bottom: 0; padding-top: 18px; } .inb-asari-v4--row1 .inb-asari-v4__side .inb-asari-single__links { margin-top: 16px; } } .inb-asari-archive--agent { min-width: 0; } .inb-asari-archive--agent .inb-asari-filters, .inb-asari-archive--agent .inb-asari-results, .inb-asari-archive--agent .inb-asari-agent-hero { max-width: 100%; min-width: 0; box-sizing: border-box; }