:root {
    --da-brand: #6c88d3;
    --da-brand-soft: #eef2fb;
    --da-on-brand: #ffffff;
    --da-bg: #ffffff;
    --da-wash: #F7F8FB;
    --da-paper: #ffffff;
    --da-ink: #1A1D26;
    --da-muted: #6B7280;
    --da-line: rgba(26, 29, 38, .08);
    --da-open: #0D8A4A;
    --da-open-bg: #E6F6EE;
    --da-closed: #8A8A90;
    --da-err: #D7263D;
    --da-err-bg: #FDECEE;
    --da-wa: #25D366;
    --da-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    --da-safe-top: env(safe-area-inset-top, 0px);
    --da-safe-bottom: env(safe-area-inset-bottom, 0px);
    --da-nav-h: 64px;
    --da-top-h: 56px;
    --da-phone: 430px;
    --da-r: 18px;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { background: #E8ECF4; }
body.da-app {
    font-family: var(--da-font);
    color: var(--da-ink);
    background: #E8ECF4;
    min-height: 100dvh;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
}
body.da-app a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; color: inherit; }

.da-frame {
    width: min(100%, var(--da-phone));
    min-height: 100dvh;
    margin: 0 auto;
    background: var(--da-bg);
    position: relative;
    display: flex;
    flex-direction: column;
}

.da-top {
    position: sticky;
    top: 0;
    z-index: 40;
    height: calc(var(--da-top-h) + var(--da-safe-top));
    padding: var(--da-safe-top) 12px 0;
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    background: var(--da-brand);
    color: var(--da-on-brand);
}
.da-brand {
    font-weight: 750;
    letter-spacing: -.04em;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
}
.da-top__title {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.da-top__title.is-skel {
    color: transparent;
    background: rgba(255,255,255,.25);
    border-radius: 8px;
}
.da-top__space, .da-icon-btn {
    width: 40px; height: 40px;
    display: inline-flex; align-items: center; justify-content: center;
}
.da-icon-btn {
    border: 0; background: transparent; border-radius: 50%; color: #fff;
}
.da-icon-btn:active { background: rgba(255,255,255,.16); }
.da-icon-btn svg { width: 22px; height: 22px; }

.da-main {
    flex: 1;
    padding: 20px 20px calc(var(--da-nav-h) + var(--da-safe-bottom) + 20px);
    background: var(--da-bg);
}
body.da-no-nav .da-main { padding-bottom: calc(28px + var(--da-safe-bottom)); }

.da-nav {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: min(100%, var(--da-phone));
    height: calc(var(--da-nav-h) + var(--da-safe-bottom));
    padding: 6px 6px var(--da-safe-bottom);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: var(--da-brand);
    color: rgba(255,255,255,.72);
    z-index: 50;
}
.da-nav__i {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; font-size: 10px; font-weight: 600; color: rgba(255,255,255,.72);
}
.da-nav__i svg { width: 22px; height: 22px; stroke-width: 1.7; }
.da-nav__i.is-active { color: #fff; }
.da-nav__plus {
    width: 34px; height: 34px; border-radius: 12px;
    background: #fff; color: var(--da-brand);
    display: inline-flex; align-items: center; justify-content: center;
    margin-top: -4px;
}
.da-nav__plus svg { width: 20px; height: 20px; }

.da-hero { padding: 8px 0 4px; }
.da-kicker {
    margin: 0 0 6px; color: var(--da-brand); font-size: 12px; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase;
}
.da-hero h2 {
    margin: 0 0 18px; font-size: 30px; letter-spacing: -.055em; line-height: 1.12; font-weight: 750;
}
.da-search {
    display: flex; align-items: center; gap: 10px;
    background: var(--da-wash);
    border-radius: 999px;
    padding: 13px 16px;
}
.da-search svg { width: 20px; height: 20px; color: var(--da-muted); flex: 0 0 auto; }
.da-search input {
    border: 0; outline: 0; background: transparent; width: 100%; font-size: 16px;
}

.da-sec { margin-top: 28px; }
.da-sec__h {
    display: flex; align-items: baseline; justify-content: space-between;
    margin-bottom: 14px;
}
.da-sec__h h3 { margin: 0; font-size: 18px; letter-spacing: -.035em; font-weight: 750; }
.da-sec__h a { font-size: 13px; font-weight: 650; color: var(--da-brand); }

.da-cats {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 8px;
}
.da-cat {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 4px 2px;
}
.da-cat:active { transform: scale(.97); }
.da-cat__ico {
    width: 52px; height: 52px; border-radius: 16px;
    background: var(--da-brand-soft); color: var(--da-brand);
    display: flex; align-items: center; justify-content: center;
}
.da-cat__ico svg { width: 24px; height: 24px; }
.da-cat span { font-size: 11px; font-weight: 650; text-align: center; line-height: 1.25; color: var(--da-ink); }

.da-card-wrap { position: relative; margin-bottom: 4px; }
.da-card {
    display: grid; grid-template-columns: 88px 1fr; gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid var(--da-line);
    background: transparent;
}
.da-card:active { opacity: .86; }
.da-card.is-feat { }
.da-card__pic { position: relative; border-radius: 14px; overflow: hidden; background: var(--da-wash); min-height: 88px; }
.da-card__pic img { width: 100%; height: 88px; object-fit: cover; }
.da-card__ph {
    height: 88px; display: flex; align-items: center; justify-content: center;
    font-weight: 750; font-size: 22px; color: var(--da-brand);
    background: var(--da-brand-soft);
}
.da-card__body { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding-right: 40px; }
.da-card__body strong { font-size: 16px; letter-spacing: -.03em; font-weight: 720; }
.da-card__meta { color: var(--da-muted); font-size: 12px; display: flex; gap: 4px; align-items: center; }
.da-card__meta svg { width: 12px; height: 12px; flex: 0 0 auto; }
.da-card__badge {
    align-self: flex-start; font-size: 10px; font-weight: 750; letter-spacing: .04em;
    text-transform: uppercase; background: var(--da-brand); color: #fff;
    border-radius: 999px; padding: 3px 8px;
}

.da-stars { display: inline-flex; align-items: center; gap: 2px; font-size: 12px; }
.da-stars__i { width: 13px; height: 13px; color: #E5E7EB; display: inline-flex; }
.da-stars__i.is-on { color: var(--da-brand); }
.da-stars__i svg { width: 13px; height: 13px; }
.da-stars b { margin-left: 4px; font-weight: 750; }
.da-stars em { color: var(--da-muted); font-style: normal; }

.da-pill {
    position: absolute; left: 6px; bottom: 6px;
    font-size: 10px; font-weight: 750; border-radius: 999px; padding: 3px 7px;
}
.da-pill--open { background: var(--da-open-bg); color: var(--da-open); }
.da-pill--closed { background: #fff; color: var(--da-closed); }
.da-pill--static { position: static; }

.da-chips {
    display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 14px;
    margin: 0 -20px; padding-left: 20px; padding-right: 20px;
    position: sticky; top: calc(var(--da-top-h) + var(--da-safe-top));
    background: var(--da-bg); z-index: 20;
    scrollbar-width: none;
}
.da-chips::-webkit-scrollbar { display: none; }
.da-chip {
    flex: 0 0 auto; border: 0; background: var(--da-wash);
    border-radius: 999px; padding: 8px 14px; font-size: 13px; font-weight: 650;
    color: var(--da-ink);
}
.da-chip.is-on { background: var(--da-brand); color: #fff; }

.da-ficha__hero {
    margin: -20px -20px 18px; position: relative; background: var(--da-wash);
    aspect-ratio: 4/3; overflow: hidden;
}
.da-ficha__hero img { width: 100%; height: 100%; object-fit: cover; }
.da-ficha__hero .da-ficha__count {
    position: absolute; right: 12px; bottom: 12px;
    background: rgba(26,29,38,.55); color: #fff; border-radius: 999px;
    padding: 4px 10px; font-size: 12px; font-weight: 650;
}
.da-ficha h2 { margin: 0 0 8px; font-size: 28px; letter-spacing: -.05em; font-weight: 750; line-height: 1.15; }
.da-actions {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 20px 0;
}
.da-act {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    background: var(--da-wash); border: 0; border-radius: 16px;
    padding: 12px 4px; font-size: 11px; font-weight: 650;
    color: var(--da-ink);
}
.da-act svg { width: 22px; height: 22px; color: var(--da-brand); }
.da-act:active { background: var(--da-brand-soft); }

.da-block, .da-reviews, .da-msg {
    padding: 18px 0;
    margin: 0;
    border-top: 1px solid var(--da-line);
    background: transparent;
}
.da-block h3, .da-reviews h3, .da-msg h3 {
    margin: 0 0 12px; font-size: 17px; letter-spacing: -.03em; font-weight: 750;
}
.da-hours { display: grid; gap: 8px; }
.da-hours div { display: flex; justify-content: space-between; font-size: 14px; }
.da-hours b { font-weight: 650; }
.da-amen { display: flex; flex-wrap: wrap; gap: 8px; }
.da-amen span {
    background: var(--da-wash); border-radius: 999px; padding: 6px 12px; font-size: 12px; font-weight: 650;
}

.da-reviews__head {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px;
}
.da-reviews__head h3 { margin: 0; }
.da-reviews__sum { display: grid; grid-template-columns: 88px 1fr; gap: 16px; align-items: center; margin-bottom: 8px; }
.da-reviews__score { text-align: center; }
.da-reviews__score b { display: block; font-size: 36px; letter-spacing: -.06em; line-height: 1; }
.da-reviews__score .da-stars { justify-content: center; margin-top: 6px; }
.da-hist { display: grid; gap: 5px; }
.da-hist__row { display: grid; grid-template-columns: 14px 1fr 22px; gap: 8px; align-items: center; font-size: 12px; color: var(--da-muted); }
.da-hist__row i { display: block; height: 6px; background: var(--da-wash); border-radius: 99px; overflow: hidden; }
.da-hist__row em { display: block; height: 100%; background: var(--da-brand); border-radius: 99px; }

.da-review { padding: 16px 0 0; }
.da-review strong { display: block; font-size: 14px; }
.da-review p { margin: 6px 0 0; color: #333; font-size: 14px; line-height: 1.5; }

.da-star-pick { display: flex; justify-content: center; gap: 8px; padding: 8px 0 4px; }
.da-star-pick button {
    width: 40px; height: 40px; border: 0; background: transparent; color: #E5E7EB; padding: 0;
}
.da-star-pick button.is-on { color: var(--da-brand); }
.da-star-pick svg { width: 32px; height: 32px; }

.da-form { display: grid; gap: 12px; }
.da-label { font-size: 13px; font-weight: 650; display: grid; gap: 6px; }
.da-input, .da-area {
    width: 100%; border: 0; background: var(--da-wash);
    border-radius: 14px; padding: 13px 14px; outline: none;
}
.da-area { min-height: 110px; resize: vertical; }
.da-input:focus, .da-area:focus { box-shadow: 0 0 0 2px var(--da-brand-soft); }

.da-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 50px; border-radius: 14px; border: 0; padding: 0 16px;
    font-weight: 700; width: 100%;
}
.da-btn--primary { background: var(--da-brand); color: #fff; }
.da-btn--ghost { background: var(--da-wash); }
.da-btn--dark { background: var(--da-ink); color: #fff; }
.da-btn--sm { width: auto; min-height: 40px; padding: 0 14px; font-size: 13px; }
.da-btn:disabled { opacity: .5; }
.da-btn-row { display: flex; gap: 8px; flex-wrap: wrap; }

.da-empty { text-align: center; padding: 48px 12px; color: var(--da-muted); }
.da-empty--soft { padding: 20px 0; }
.da-empty h1, .da-empty h2 { color: var(--da-ink); letter-spacing: -.04em; }
.da-err { background: var(--da-err-bg); color: var(--da-err); border-radius: 12px; padding: 10px 12px; font-size: 13px; display: none; }
.da-err.is-on { display: block; }
.da-ok { background: var(--da-open-bg); color: var(--da-open); border-radius: 12px; padding: 10px 12px; font-size: 13px; }

.da-row {
    display: flex; align-items: center; gap: 12px;
    background: transparent; border: 0; border-bottom: 1px solid var(--da-line);
    border-radius: 0; padding: 16px 0; margin-bottom: 0; width: 100%; text-align: left;
}
.da-row svg { width: 20px; height: 20px; color: var(--da-brand); }
.da-row strong { display: block; font-size: 15px; }
.da-row small { color: var(--da-muted); }
.da-row .da-grow { flex: 1; }

.da-sheet { position: fixed; inset: 0; z-index: 80; }
.da-sheet[hidden] { display: none; }
.da-sheet__back { position: absolute; inset: 0; background: rgba(26,29,38,.4); }
.da-sheet__panel {
    position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
    width: min(100%, var(--da-phone));
    background: #fff; border-radius: 22px 22px 0 0;
    max-height: 86dvh; overflow: auto;
    padding: 8px 20px calc(20px + var(--da-safe-bottom));
}
.da-sheet__handle { width: 40px; height: 4px; border-radius: 99px; background: #ddd; margin: 8px auto 14px; }
.da-sheet h2 { margin: 0 0 12px; font-size: 20px; letter-spacing: -.04em; }

.da-live { margin-top: 8px; }
.da-live[hidden] { display: none; }

.da-method {
    display: flex; align-items: center; gap: 12px;
    width: 100%; text-align: left; background: var(--da-wash);
    border: 0; border-radius: 16px; padding: 14px;
}
.da-method strong { display: block; }
.da-method small { color: var(--da-muted); }

.da-code {
    letter-spacing: .4em; text-align: center; font-size: 22px; font-weight: 750;
}

#da-skel-overlay {
    position: fixed; top: 0; left: 50%; transform: translateX(-50%);
    width: min(100%, var(--da-phone)); bottom: 0; z-index: 70;
    background: var(--da-bg); display: none; overflow: hidden;
}
#da-skel-overlay.is-visible { display: block; }
.da-skel { padding: 16px; }
.da-skel__b {
    display: block; border-radius: 12px; background: var(--da-wash);
    background-image: linear-gradient(90deg, rgba(0,0,0,.03) 25%, var(--da-brand-soft) 37%, rgba(0,0,0,.03) 63%);
    background-size: 800px 100%;
    animation: da-shimmer 1.3s linear infinite;
}
@keyframes da-shimmer { to { background-position: 400px 0; } }
.da-skel__line { height: 14px; margin: 10px 0; }
.da-skel__line.w60 { width: 60%; }
.da-skel__line.w40 { width: 40%; }
.da-skel__card { height: 96px; margin: 12px 0; }
.da-skel__hero { aspect-ratio: 4/3; margin-bottom: 16px; border-radius: 0; }
.da-skel__tile { aspect-ratio: 1; }
.da-skel__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.da-skel__listrow { display: grid; grid-template-columns: 92px 1fr; gap: 12px; margin: 12px 0; }
.da-skel__thumb { height: 92px; }

.da-muted { color: var(--da-muted); font-size: 13px; }
.da-link { font-weight: 650; color: var(--da-brand); }

.da-card-tools {
    position: absolute; top: 16px; right: 0; z-index: 2;
    display: flex; flex-direction: column; gap: 8px;
}
.da-card-wrap .da-fav { position: static; }
.da-wa {
    width: 36px; height: 36px; border-radius: 50%;
    background: var(--da-wa); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
}
.da-wa svg { width: 18px; height: 18px; }
.da-km {
    display: inline-flex; align-self: flex-start;
    font-size: 11px; font-weight: 750; font-style: normal;
    background: var(--da-brand-soft); color: var(--da-brand); border-radius: 999px; padding: 2px 8px;
}
.da-book-link {
    display: inline-flex; align-items: center; gap: 6px;
    margin: 0 0 8px; font-size: 13px; font-weight: 750; color: var(--da-brand);
}
.da-book-link svg { width: 14px; height: 14px; }
.da-fav {
    width: 36px; height: 36px; border: 0; border-radius: 50%;
    background: var(--da-wash); color: var(--da-ink);
    display: inline-flex; align-items: center; justify-content: center; padding: 0;
}
.da-fav svg { width: 18px; height: 18px; }
.da-fav.is-on { color: var(--da-err); }
.da-fav.is-on svg { fill: currentColor; }
.da-ficha__hero .da-fav { position: absolute; top: 12px; right: 12px; background: #fff; }

.da-offer-chip {
    display: inline-flex; align-self: flex-start;
    font-size: 10px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase;
    background: var(--da-err); color: #fff; border-radius: 999px; padding: 2px 8px;
}

.da-tabs {
    display: flex; gap: 4px; background: var(--da-wash);
    border: 0; border-radius: 14px; padding: 4px; margin: 8px 0 14px;
}
.da-tabs button {
    flex: 1; border: 0; background: transparent; border-radius: 10px;
    padding: 10px 8px; font-weight: 750; font-size: 13px;
}
.da-tabs button.is-on { background: var(--da-brand); color: #fff; }
.da-tab[hidden] { display: none; }

.da-products { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.da-prod {
    background: var(--da-wash); border: 0; border-radius: 16px; overflow: hidden;
    display: flex; flex-direction: column;
}
.da-prod img, .da-prod__ph { width: 100%; aspect-ratio: 1; object-fit: cover; background: #ececec; }
.da-prod__ph { display: flex; align-items: center; justify-content: center; font-weight: 750; font-size: 28px; color: var(--da-muted); }
.da-prod__body { padding: 10px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.da-prod__body strong { font-size: 14px; letter-spacing: -.02em; }
.da-prod__body p { margin: 0; font-size: 12px; color: var(--da-muted); }
.da-prod__price { font-style: normal; font-weight: 750; }
.da-prod .da-btn { min-height: 40px; font-size: 12px; margin-top: auto; }

.da-offer {
    background: var(--da-wash); border: 0; border-radius: 16px;
    overflow: hidden; margin-bottom: 10px;
}
.da-offer img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.da-offer > div { padding: 12px 14px; }
.da-offer strong { display: block; font-size: 16px; margin-bottom: 6px; }
.da-offer p { margin: 8px 0 0; color: #333; }

.da-role { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.da-role__opt {
    display: grid; gap: 4px; background: var(--da-wash); border: 0;
    border-radius: 16px; padding: 12px; font-size: 12px;
}
.da-role__opt:has(input:checked) { box-shadow: 0 0 0 2px var(--da-brand); }
.da-role__opt strong { font-size: 14px; }
.da-role__opt small { color: var(--da-muted); }
.da-role__opt input { accent-color: var(--da-brand); }

.da-check { display: flex; align-items: center; gap: 8px; font-weight: 650; font-size: 14px; }
.da-nav__i { position: relative; }
.da-nav__dot {
    position: absolute; top: 4px; right: 18px; min-width: 16px; height: 16px;
    border-radius: 99px; background: var(--da-err); color: #fff;
    font-size: 10px; font-weight: 750; font-style: normal;
    display: inline-flex; align-items: center; justify-content: center; padding: 0 4px;
}
.da-row.is-new { }

.da-chip:focus-visible, .da-tabs button:focus-visible, .da-nav__i:focus-visible,
.da-fav:focus-visible, .da-act:focus-visible, .da-btn:focus-visible {
    outline: 2px solid #fff; outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .da-skel__b { animation: none; }
    .da-card:active, .da-cat:active { transform: none; }
}

.da-pager {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    margin: 16px 0 8px;
}
.da-pager__btn {
    min-height: 44px;
    border-radius: 12px;
    border: 0;
    background: var(--da-wash);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    padding: 0 12px;
}
.da-pager__btn.is-off { color: var(--da-muted); opacity: .45; }
.da-pager__meta { font-size: 13px; font-weight: 700; color: var(--da-muted); }

.da-map-sheet {
    position: fixed; inset: 0; z-index: 90; background: #fff;
    display: flex; flex-direction: column;
}
.da-map-sheet[hidden] { display: none; }
.da-map-sheet__bar {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 14px;
    background: var(--da-brand); color: #fff;
}
#da-map { flex: 1; min-height: 0; width: 100%; }

.da-recents {
    display: flex; gap: 12px; overflow-x: auto; padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
}
.da-recents::-webkit-scrollbar { display: none; }
.da-recent {
    flex: 0 0 112px; display: flex; flex-direction: column; gap: 6px;
}
.da-recent img, .da-recent span {
    width: 112px; height: 80px; object-fit: cover; border-radius: 14px; background: var(--da-wash);
}
.da-recent span { display: flex; align-items: center; justify-content: center; font-weight: 750; color: var(--da-brand); }
.da-recent strong { font-size: 12px; line-height: 1.3; }

.da-review__photos { display: flex; gap: 6px; margin-top: 8px; overflow-x: auto; }
.da-review__photos img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; }
.da-reply {
    background: var(--da-wash); border-radius: 12px; padding: 10px 12px; margin-top: 8px;
}
.da-reply strong { font-size: 12px; }
.da-reply p { margin: 4px 0 0; }

.da-slots { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.da-slot {
    border: 0; border-radius: 10px;
    padding: 8px 12px; background: var(--da-wash); font-weight: 700; font-size: 13px;
}
.da-slot.is-on { background: var(--da-brand); color: #fff; }

.da-land {
    padding: 48px 8px 32px;
    text-align: left;
}
.da-land h2 {
    font-size: 36px;
    letter-spacing: -.055em;
    margin: 0 0 12px;
    line-height: 1.05;
}
.da-land__lead { font-size: 17px; line-height: 1.5; margin: 0 0 20px; color: var(--da-muted); }
.da-land__cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.da-land__play { width: 100%; justify-content: center; }
.da-land-body .da-main { padding-top: 12px; }
.da-google { width: 100%; margin-top: 10px; }
.da-verified { color: var(--da-brand); font-style: normal; }
.da-open-app {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    margin: 0 0 14px; padding: 10px 12px;
    background: var(--da-brand-soft); border-radius: 14px;
}