/* Benbrook Buildium — availability, rents, contact and tour form.
   Uses the theme's colors when present, with sensible fallbacks for any theme. */
.bb-availability, .bb-tour, .bb-rent, .bb-avail, .bb-pill, .bb-contact-list, .bb-map, .bb-special, .bb-prices {
	--bbx-navy: var(--wp--preset--color--navy, #0A4071);
	--bbx-ink: var(--wp--preset--color--ink, #0B2340);
	--bbx-muted: var(--wp--preset--color--muted, #4A5B6E);
	--bbx-line: var(--wp--preset--color--line, #DCE6F0);
	--bbx-tint: var(--wp--preset--color--tint, #EEF5FC);
	--bbx-sun: var(--wp--preset--color--sun, #FCDC58);
	--bbx-lime: var(--wp--preset--color--lime, #C8E464);
	--bbx-royal: var(--wp--preset--color--royal, #0059A9);
	--bbx-radius: 16px;
}

/* Buttons */
.bb-btn {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 0.6rem 1.15rem; border-radius: 999px; border: 2px solid var(--bbx-sun, #FCDC58);
	background: var(--bbx-sun, #FCDC58); color: var(--bbx-navy, #0A4071) !important;
	font-weight: 700; font-size: 0.9375rem; line-height: 1.2; text-decoration: none !important; cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.bb-btn:hover { background: var(--bbx-navy, #0A4071); border-color: var(--bbx-navy, #0A4071); color: #fff !important; }
.bb-btn:focus-visible { outline: 2px solid var(--bbx-royal, #0059A9); outline-offset: 3px; }
.bb-btn--ghost { background: transparent; border-color: var(--bbx-navy, #0A4071); }
.bb-btn--lg { padding: 0.85rem 1.6rem; font-size: 1rem; }
.bb-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }

/* Rent + counts */
.bb-rent { margin: 0.25rem 0; font-size: 1.0625rem; color: var(--bbx-muted); }
.bb-rent strong { font-family: var(--wp--preset--font-family--heading, inherit); font-size: 1.75rem; color: var(--bbx-navy); font-weight: 700; margin-right: 0.15rem; }
.bb-rent--call { font-weight: 600; color: var(--bbx-navy); }
.bb-avail { display: inline-block; margin: 0.25rem 0; padding: 0.2rem 0.65rem; border-radius: 999px; background: var(--bbx-lime); color: var(--bbx-navy); font-weight: 700; font-size: 0.875rem; }
.bb-avail--none { background: var(--bbx-tint); }
.bb-avail a { color: inherit; }

.bb-pill { margin: 0.25rem 0 0; }
.bb-pill a {
	display: inline-flex; align-items: center; gap: 0.55rem;
	padding: 0.4rem 0.9rem; border-radius: 999px;
	background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.28);
	color: #fff !important; font-weight: 700; font-size: 0.9375rem; text-decoration: none !important;
}
.bb-pill a:hover { background: rgba(255,255,255,0.2); }
.bb-pill__dot { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: var(--bbx-lime); box-shadow: 0 0 0 4px rgba(200,228,100,0.25); }
.bb-pill--none .bb-pill__dot { background: var(--bbx-sun); box-shadow: 0 0 0 4px rgba(252,220,88,0.25); }

/* Availability list */
.bb-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.25rem; }
.bb-chip {
	appearance: none; border: 1px solid var(--bbx-line); background: #fff; color: var(--bbx-ink);
	border-radius: 999px; padding: 0.45rem 0.95rem; font: inherit; font-weight: 600; font-size: 0.9375rem; cursor: pointer;
}
.bb-chip span { display: inline-block; min-width: 1.4em; margin-left: 0.25rem; padding: 0 0.35rem; border-radius: 999px; background: var(--bbx-tint); font-size: 0.8125rem; }
.bb-chip.is-active { background: var(--bbx-navy); border-color: var(--bbx-navy); color: #fff; }
.bb-chip.is-active span { background: rgba(255,255,255,0.18); }
.bb-chip:focus-visible { outline: 2px solid var(--bbx-royal); outline-offset: 2px; }

.bb-units { list-style: none; margin: 0; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.bb-unit {
	background: #fff; border: 1px solid var(--bbx-line); border-radius: var(--bbx-radius);
	padding: 1.25rem; display: flex; flex-direction: column; margin: 0 !important;
	box-shadow: 0 1px 2px rgba(11,35,64,0.05), 0 8px 22px rgba(11,35,64,0.06);
}
.bb-unit[hidden] { display: none; }
.bb-unit p { margin: 0; }
.bb-unit__top { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; }
.bb-unit__plan { font-weight: 700; color: var(--bbx-navy); }
.bb-unit__num { color: var(--bbx-muted); font-size: 0.875rem; font-weight: 600; }
.bb-unit__rent { margin: 0.5rem 0 0.25rem !important; font-family: var(--wp--preset--font-family--heading, inherit); font-size: 2rem; font-weight: 700; color: var(--bbx-ink); line-height: 1.1; }
.bb-unit__rent span { font-family: var(--wp--preset--font-family--body, inherit); font-size: 0.9375rem; font-weight: 600; color: var(--bbx-muted); margin-left: 0.15rem; }
.bb-unit__facts { list-style: none; margin: 0.25rem 0 0; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 0.35rem; }
.bb-unit__facts li { margin: 0; font-size: 0.8125rem; font-weight: 600; color: var(--bbx-muted); background: var(--bbx-tint); border-radius: 6px; padding: 0.2rem 0.5rem; }
.bb-unit__facts li.is-now { background: var(--bbx-lime); color: var(--bbx-navy); }
.bb-unit .bb-actions { margin-top: auto; padding-top: 1rem; }
.bb-updated { margin: 1rem 0 0; font-size: 0.875rem; color: var(--bbx-muted); }

.bb-empty { background: #fff; border: 1px dashed var(--bbx-line); border-radius: var(--bbx-radius); padding: 1.5rem; }
.bb-empty p { margin: 0 0 0.25rem; }
.bb-empty__title { font-weight: 700; font-size: 1.25rem; color: var(--bbx-navy); }
.bb-demo-note { margin: 0 0 1rem; padding: 0.6rem 0.9rem; border-radius: 10px; background: #FFF6D1; border: 1px solid #F1DC7A; color: #5C4A00; font-size: 0.875rem; font-weight: 600; }

/* Amenities from Buildium */
.bb-amenities { margin-top: 2rem; }
.bb-amenities__heading { margin-bottom: 0.5rem; }

/* Contact */
.bb-contact-list { list-style: none; margin: 0.5rem 0 1rem; padding: 0 !important; }
.bb-contact-list li { display: flex; gap: 0.75rem; margin: 0 0 0.9rem; align-items: flex-start; }
.bb-ico { flex: 0 0 2.25rem; height: 2.25rem; border-radius: 50%; background: #fff center / 1.1rem no-repeat; border: 1px solid var(--bbx-line); }
.bb-ico--phone { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A4071' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"); }
.bb-ico--mail { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A4071' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.bb-ico--pin { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A4071' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.bb-ico--clock { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A4071' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.bb-contact-list a { word-break: break-word; }

.bb-map { position: relative; width: 100%; border-radius: var(--bbx-radius); overflow: hidden; border: 1px solid var(--bbx-line); background: var(--bbx-tint); }
.bb-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Tour form */
.bb-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.bb-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 1.25rem; }
.bb-field { display: flex; flex-direction: column; gap: 0.35rem; }
.bb-field--wide { grid-column: 1 / -1; }
.bb-field label { font-weight: 600; font-size: 0.9375rem; color: var(--bbx-ink); }
.bb-req { color: #B3261E; }
.bb-field input, .bb-field select, .bb-field textarea {
	font: inherit; font-size: 1rem; color: var(--bbx-ink); background: #fff;
	border: 1px solid #B9C7D6; border-radius: 10px; padding: 0.7rem 0.85rem; width: 100%; box-sizing: border-box;
}
.bb-field input:focus, .bb-field select:focus, .bb-field textarea:focus { outline: 2px solid var(--bbx-royal); outline-offset: 1px; border-color: var(--bbx-royal); }
.bb-field [aria-invalid="true"] { border-color: #B3261E; }
.bb-form__fine { font-size: 0.8125rem; color: var(--bbx-muted); margin: 1rem 0; }
.bb-notice { padding: 0.9rem 1rem; border-radius: 12px; margin: 0 0 1rem; }
.bb-notice[hidden], .bb-form[hidden] { display: none; }
.bb-notice--ok { background: #EAF6D5; border: 1px solid #B9DB7A; color: #23400A; }
.bb-notice--err { background: #FDECEA; border: 1px solid #F3B4AE; color: #7A1A12; }
@media (max-width: 600px) {
	.bb-form__grid { grid-template-columns: 1fr; }
	.bb-unit__rent { font-size: 1.75rem; }
}

/* Google rating + featured reviews bar */
.bb-reviews {
	--bbx-navy: var(--wp--preset--color--navy, #0A4071);
	--bbx-ink: var(--wp--preset--color--ink, #0B2340);
	--bbx-muted: var(--wp--preset--color--muted, #4A5B6E);
	--bbx-line: var(--wp--preset--color--line, #DCE6F0);
	--bbx-gold: #E9A90E;
	display: grid; grid-template-columns: minmax(200px, 250px) 1fr; gap: clamp(1rem, 3vw, 2.5rem); align-items: center;
}
.bb-reviews--solo { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.bb-reviews p { margin: 0; }
.bb-reviews__label { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--bbx-muted); }
.bb-reviews__score { display: flex; align-items: center; gap: 0.6rem; margin: 0.15rem 0 0.2rem !important; }
.bb-reviews__num { font-family: var(--wp--preset--font-family--heading, inherit); font-weight: 700; font-size: 3.25rem; line-height: 1; color: var(--bbx-ink); }
.bb-reviews__count { font-size: 0.875rem; font-weight: 600; color: var(--bbx-muted); letter-spacing: 0.04em; }
.bb-reviews__link { margin-top: 0.5rem !important; font-size: 0.9375rem; font-weight: 600; }
.bb-reviews__link a { color: var(--wp--preset--color--royal, #0059A9); }

.bb-stars { position: relative; display: inline-block; font-size: 1rem; line-height: 1; letter-spacing: 0.08em; }
.bb-stars::before {
	content: "★★★★★";
	background: linear-gradient(90deg, var(--bbx-gold, #E9A90E) var(--bb-fill, 100%), #D3DBE4 var(--bb-fill, 100%));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.bb-stars--lg { font-size: 1.6rem; }
.bb-stars--sm { font-size: 0.95rem; }

.bb-reviews__cards { list-style: none; margin: 0; padding: 0 !important; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.bb-review { margin: 0 !important; background: #fff; border: 1px solid var(--bbx-line); border-radius: 14px; display: flex; flex-direction: column; overflow: hidden; }
.bb-review__head { display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.1rem 0.85rem; border-bottom: 1px solid var(--bbx-line); position: relative; }
.bb-review__avatar {
	flex: 0 0 2.5rem; height: 2.5rem; border-radius: 50%; display: grid; place-items: center;
	font-weight: 700; font-size: 0.95rem; background: var(--bbx-navy); color: #fff;
}
.bb-review--2 .bb-review__avatar { background: var(--wp--preset--color--sky, #A8D4F8); color: var(--bbx-navy); }
.bb-review--3 .bb-review__avatar { background: var(--wp--preset--color--lime, #C8E464); color: var(--bbx-navy); }
.bb-review__who { min-width: 0; }
.bb-review__name { font-weight: 700; color: var(--bbx-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bb-review__meta { display: flex; align-items: center; gap: 0.45rem; margin-top: 0.15rem !important; }
.bb-review__src { font-size: 0.75rem; font-weight: 600; color: var(--bbx-muted); }
.bb-review__text { margin: 0; padding: 0.9rem 1.1rem 1.1rem; border: 0; }
.bb-review__text p { color: var(--bbx-ink); font-size: 0.975rem; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 960px) {
	.bb-reviews { grid-template-columns: 1fr; }
	.bb-reviews__summary { text-align: center; display: flex; flex-direction: column; align-items: center; }
}
@media (max-width: 760px) {
	.bb-reviews__cards { grid-template-columns: 1fr; }
}
.bb-reviews .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }

/* Google Average Rating badge */
.bb-gbadge {
	background: #fff; border: 1.5px solid #8AB4F8; border-radius: 6px;
	padding: 1.1rem 1.4rem 1.2rem; display: inline-block; max-width: 100%;
	box-shadow: 0 1px 2px rgba(11,35,64,0.04);
}
.bb-gbadge__title { font-size: 1.125rem; font-weight: 700; color: #5F6368; margin: 0 0 0.6rem !important; letter-spacing: 0; }
.bb-gbadge__row { display: flex; align-items: center; gap: 1rem; }
.bb-gbadge__logo { width: 64px; height: auto; flex: 0 0 64px; display: block; }
.bb-gbadge__score { display: flex; flex-direction: column; align-items: center; line-height: 1; }
.bb-gbadge__num { font-family: var(--wp--preset--font-family--body, inherit); font-size: 3.6rem; font-weight: 600; color: #4285F4; letter-spacing: -0.02em; line-height: 0.95; }
.bb-stars--badge { font-size: 1.35rem; letter-spacing: 0.06em; margin-top: 0.3rem; --bbx-gold: #FBBC04; }
.bb-reviews__summary .bb-reviews__count { margin-top: 0.6rem !important; }
.bb-reviews__summary .bb-reviews__link { margin-top: 0.6rem !important; }
@media (max-width: 960px) { .bb-gbadge { text-align: left; } }

/* Current special (1.3) */
.bb-special p { margin: 0; }
.bb-special__tag {
	display: inline-block; padding: 0.15rem 0.55rem; border-radius: 999px; margin-right: 0.35rem;
	background: var(--bbx-navy); color: #fff; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; vertical-align: 0.1em;
}
.bb-special__fine { display: inline; color: var(--bbx-muted); font-size: 0.875rem; }
.bb-special--bar { background: var(--bbx-sun); color: var(--bbx-navy); text-align: center; padding: 0.55rem 1rem; font-size: 0.9375rem; font-weight: 600; }
.bb-special--bar a { color: var(--bbx-navy) !important; text-decoration: none; }
.bb-special--bar a:hover, .bb-special--bar a:focus-visible { text-decoration: underline; }
.bb-special--inline { background: #FFF8D6; border: 1px solid #F2D66A; border-radius: 12px; padding: 0.8rem 1rem; margin: 0 0 1.25rem; color: var(--bbx-ink); }
.bb-special--hero { margin: 0 0 1.25rem; }
.bb-special--hero p { display: inline-block; background: var(--bbx-sun); color: var(--bbx-navy); border-radius: 12px; padding: 0.55rem 0.9rem; font-weight: 600; }
.bb-special--hero .bb-special__fine { color: var(--bbx-navy); opacity: 0.85; }

/* Starting rents strip (1.3) */
.bb-prices { list-style: none; margin: 0; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.bb-prices li { margin: 0; padding: 0.5rem 0.9rem; border-radius: 12px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.28); line-height: 1.2; }
.bb-prices__plan { font-weight: 700; }
.bb-prices__from { opacity: 0.85; font-size: 0.9em; }
.bb-prices strong { font-size: 1.25em; }
.bb-prices__mo { opacity: 0.85; font-size: 0.9em; }

/* Compact tour form + office hours note (1.3) */
.bb-form__hours { font-size: 0.875rem; color: var(--bbx-muted); margin: -0.25rem 0 1rem; }
.bb-tour--compact .bb-form__fine { margin: 0.85rem 0 0.5rem; }

/* Unit-specific special on availability cards (1.4) */
.bb-unit__special { margin: 0.6rem 0 0; font-size: 0.875rem; line-height: 1.4; color: var(--bbx-ink); background: #FFF8D6; border: 1px solid #F2D66A; border-radius: 10px; padding: 0.45rem 0.6rem; }
.bb-unit__special .bb-special__tag { font-size: 0.6875rem; padding: 0.1rem 0.45rem; }
@media (max-width: 600px) {
	.bb-special--bar .bb-special__item--more { display: none; }
}

/* Text-message consent (1.5) */
.bb-consent label { display: flex; gap: 0.6rem; align-items: flex-start; font-weight: 400 !important; font-size: 0.8125rem !important; line-height: 1.5; color: var(--bbx-muted) !important; cursor: pointer; }
.bb-consent input[type="checkbox"] { flex: 0 0 auto; width: 1.15rem !important; height: 1.15rem; margin: 0.15rem 0 0; padding: 0 !important; accent-color: var(--bbx-navy); }
.bb-consent a { color: var(--bbx-royal); }
.bb-form__fine a { color: var(--bbx-royal); }

/* Instant tour booking (1.7) */
.bb-tour { --bbx-navy: var(--wp--preset--color--navy, #0A4071); --bbx-ink: var(--wp--preset--color--ink, #0B2340); --bbx-muted: var(--wp--preset--color--muted, #4A5B6E); --bbx-line: var(--wp--preset--color--line, #DCE6F0); --bbx-tint: var(--wp--preset--color--tint, #EEF5FC); --bbx-sun: var(--wp--preset--color--sun, #FCDC58); --bbx-royal: var(--wp--preset--color--royal, #0059A9); }
.bb-book {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1rem;
	background: var(--bbx-tint); border: 1px solid var(--bbx-line); border-radius: 14px; padding: 0.9rem 1rem; margin: 0 0 0.25rem;
}
.bb-book[hidden], .bb-book__or[hidden] { display: none; }
.bb-book p { margin: 0; }
.bb-book__title { font-weight: 700; color: var(--bbx-navy); font-size: 1.0625rem; }
.bb-book__sub { color: var(--bbx-muted); font-size: 0.875rem; }
.bb-book__btn { white-space: nowrap; gap: 0.4rem; }
.bb-book__or { display: flex; align-items: center; gap: 0.75rem; margin: 0.9rem 0 1rem; color: var(--bbx-muted); font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }
.bb-book__or::before, .bb-book__or::after { content: ""; flex: 1; height: 1px; background: var(--bbx-line); }
.bb-lang-note { color: var(--bbx-muted); }

/* "Under $1,000 a month" pill (1.7) */
.bb-avail--under { background: var(--bbx-sun, #FCDC58); margin-right: 0.35rem; }

/* Video tours (1.7): thumbnail until played, then YouTube */
.bb-video { margin: 0; width: 100%; max-width: 760px; }
.bb-video__play, .bb-video__frame {
	position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;
	border-radius: 16px; overflow: hidden; background: #0B2340;
}
.bb-video__play img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.92; transition: opacity .15s ease, transform .3s ease; }
.bb-video__play:hover img, .bb-video__play:focus-visible img { opacity: 1; transform: scale(1.02); }
.bb-video__play:focus-visible { outline: 3px solid var(--wp--preset--color--royal, #0059A9); outline-offset: 3px; }
.bb-video__icon {
	position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 50%;
	background: var(--wp--preset--color--sun, #FCDC58); box-shadow: 0 6px 24px rgba(0,0,0,0.35);
}
.bb-video__icon::after { content: ""; position: absolute; left: 29px; top: 22px; border-style: solid; border-width: 14px 0 14px 22px; border-color: transparent transparent transparent var(--wp--preset--color--navy, #0A4071); }
.bb-video--tall { max-width: 340px; }
.bb-video--tall .bb-video__play, .bb-video--tall .bb-video__frame { aspect-ratio: 9 / 16; }
.bb-video figcaption { margin-top: 0.6rem; font-size: 0.9375rem; font-weight: 600; color: var(--wp--preset--color--muted, #4A5B6E); }
.bb-video-tours { margin-top: var(--wp--preset--spacing--50, 2.5rem); }
.bb-video-tours__heading { margin: 0 0 1.25rem; font-size: var(--wp--preset--font-size--xx-large, 2rem); }
.bb-video-tours__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 1.5rem; align-items: start; justify-items: center; }
.bb-video-tours--one .bb-video-tours__grid { grid-template-columns: 1fr; }
.bb-video-tours__grid .bb-video { justify-self: stretch; }
.bb-video-tours__grid .bb-video--tall { justify-self: center; }
.bb-video-single { display: flex; justify-content: center; margin-top: var(--wp--preset--spacing--50, 2.5rem); }
