/* SouthDelhi.in v15: category photos, nested filters, photo credits, owner replies, submit result */
.sd-cat-card.has-photo { padding: 0 0 1.1rem; overflow: hidden; }
.sd-cat-card .cat-photo { aspect-ratio: 4 / 3; margin-bottom: .9rem; overflow: hidden; background: #e9eef3; }
.sd-cat-card .cat-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.sd-cat-card.has-photo:hover .cat-photo img { transform: scale(1.04); }
.sd-cat-card.has-photo .cat-name, .sd-cat-card.has-photo .cat-count { padding: 0 .75rem; }
.sd-cat-banner { display: block; aspect-ratio: 16 / 7; overflow: hidden; background: #e9eef3; }
.sd-cat-banner img { width: 100%; height: 100%; object-fit: cover; }
.sd-filter-thumb { width: 22px; height: 22px; border-radius: 6px; object-fit: cover; margin-right: .4rem; vertical-align: -6px; }
.sd-filter-nested { margin: .25rem 0 .5rem .55rem; padding-left: .85rem; border-left: 2px solid var(--sd-border, #e3e8ee); }
.sd-filter-nested .form-check-label { font-size: .84rem; }
.sd-photo-credit { font-size: .72rem; color: #5b6570; padding: .35rem .75rem; text-align: right; }
.sd-photo-credit a { color: inherit; }
.sd-owner-reply { margin: .75rem 0 0 1rem; padding: .6rem .8rem; border-left: 3px solid var(--sd-accent, #c8963e); background: #faf7f1; border-radius: 0 8px 8px 0; }
.sd-result-icon { width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 2rem; margin-bottom: 1rem; }
.sd-fix-note { font-size: .82rem; color: #8a5a00; background: #fff6e0; border-radius: 6px; padding: .35rem .6rem; margin-top: .4rem; }
.sd-pick-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: .75rem; }
.sd-pick { position: relative; border: 2px solid transparent; border-radius: 10px; padding: 0; overflow: hidden; background: #eef1f4; aspect-ratio: 4 / 3; cursor: pointer; }
.sd-pick img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sd-pick span { position: absolute; inset: auto 0 0 0; background: rgba(26, 58, 92, .88); color: #fff; font-size: .78rem; font-weight: 600; padding: .35rem; opacity: 0; transition: opacity .15s; }
.sd-pick:hover, .sd-pick:focus-visible { border-color: var(--sd-primary, #1a3a5c); }
.sd-pick:hover span, .sd-pick:focus-visible span { opacity: 1; }
@media (hover: none) { .sd-pick span { opacity: 1; } }
.sd-beyond-cta { background: #f4f1ea; border-radius: var(--sd-radius, 14px); padding: 1.5rem; }

/* Category page sidebar */
.sd-side { background: var(--sd-surface, #fff); border: 1px solid var(--sd-border, #e3e8ee); border-radius: var(--sd-radius, 14px); padding: 1.1rem; position: sticky; top: 80px; }
.sd-side-block + .sd-side-block { margin-top: 1.1rem; padding-top: 1.1rem; border-top: 1px solid var(--sd-border, #e3e8ee); }
.sd-side-title { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sd-muted, #6b7785); margin-bottom: .55rem; }
.sd-side-list { display: flex; flex-direction: column; gap: 2px; }
.sd-side-list a { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .42rem .6rem; border-radius: 8px; font-size: .88rem; color: var(--sd-text, #1f2933); text-decoration: none; }
.sd-side-list a:hover { background: #f1f4f8; color: var(--sd-primary, #1a3a5c); }
.sd-side-list a.active { background: rgba(26, 58, 92, .08); color: var(--sd-primary, #1a3a5c); font-weight: 600; }
.sd-count { font-size: .72rem; color: var(--sd-muted, #6b7785); background: #f1f4f8; border-radius: 100px; padding: .05rem .5rem; min-width: 1.8rem; text-align: center; }
.sd-side-list a.active .sd-count { background: #fff; }
.sd-side-sub { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 4px .7rem; padding-left: .6rem; border-left: 2px solid var(--sd-border, #e3e8ee); }
.sd-side-sub a { font-size: .82rem; padding: .32rem .55rem; }
.sd-side-clear { display: inline-block; margin-top: 1rem; font-size: .82rem; color: #b42318; text-decoration: none; }
@media (max-width: 991.98px) { .sd-side { position: static; } }

/* Categories menu: category → subcategories → specialisations */
.sd-mega-menu { width: min(860px, 94vw); border: 0; border-radius: 14px; box-shadow: 0 18px 50px rgba(15, 35, 60, .22); overflow: hidden; }
.sd-mega-wrap { min-height: 360px; max-height: 70vh; }
.sd-mega-cats { width: 250px; flex-shrink: 0; background: #f6f8fb; border-right: 1px solid #e6ebf1; padding: .5rem; overflow-y: auto; }
.sd-mega-cat { display: flex; align-items: center; gap: .6rem; padding: .5rem .7rem; border-radius: 8px; font-size: .88rem; color: #1f2933; text-decoration: none; }
.sd-mega-cat > .bi:first-child { color: var(--sd-primary, #1a3a5c); width: 1.1rem; text-align: center; }
.sd-mega-cat.active, .sd-mega-cat:hover { background: #fff; color: var(--sd-primary, #1a3a5c); font-weight: 600; box-shadow: 0 1px 3px rgba(15, 35, 60, .08); }
.sd-mega-panels { flex: 1; padding: 1.1rem 1.4rem; overflow-y: auto; }
.sd-mega-title { display: inline-block; font-family: var(--sd-font-serif, 'Playfair Display', serif); font-weight: 700; font-size: 1.1rem; color: var(--sd-primary, #1a3a5c); text-decoration: none; margin-bottom: .9rem; }
.sd-mega-title:hover { color: var(--sd-accent, #c8963e); }
.sd-mega-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 1rem 1.4rem; }
.sd-mega-sub-link { display: block; font-weight: 600; font-size: .9rem; color: #1f2933; text-decoration: none; margin-bottom: .25rem; }
.sd-mega-sub-link:hover, .sd-mega-sub li a:hover { color: var(--sd-accent, #c8963e); }
.sd-mega-sub li a { display: block; font-size: .82rem; color: #5b6570; text-decoration: none; padding: .12rem 0; }
.sd-mega-foot { border-top: 1px solid #e6ebf1; padding: .6rem 1rem; background: #fff; }
.sd-mega-foot a { font-weight: 600; font-size: .88rem; color: var(--sd-primary, #1a3a5c); text-decoration: none; }
.sd-mega-mobile { max-height: 60vh; overflow-y: auto; padding: .4rem 0; }
.sd-mega-mobile summary, .sd-mm-cat { display: block; padding: .6rem 1rem; font-size: .92rem; color: #1f2933; cursor: pointer; text-decoration: none; }
.sd-mega-mobile summary::marker { color: #9aa5b1; }
.sd-mega-mobile details[open] summary { font-weight: 600; color: var(--sd-primary, #1a3a5c); }
.sd-mm-all, .sd-mm-sub, .sd-mm-ss { display: block; text-decoration: none; }
.sd-mm-all { padding: .35rem 1rem .35rem 2.4rem; font-size: .84rem; font-weight: 600; color: var(--sd-accent, #c8963e); }
.sd-mm-sub { padding: .35rem 1rem .35rem 2.4rem; font-size: .86rem; font-weight: 600; color: #1f2933; }
.sd-mm-ss { padding: .25rem 1rem .25rem 3.3rem; font-size: .8rem; color: #5b6570; }
@media (max-width: 991.98px) { .sd-mega-menu { width: 100%; box-shadow: none; border: 1px solid #e6ebf1; } }

/* Homepage categories: A–Z with a subcategory pull-down on each card */
.sd-cat-wrap { position: relative; height: 100%; display: flex; flex-direction: column; }
.sd-cat-wrap .sd-cat-card { flex: 1; }
.sd-cat-pull { position: relative; margin-top: -1px; }
.sd-cat-pull > summary { list-style: none; cursor: pointer; font-size: .78rem; font-weight: 600; color: var(--sd-primary, #1a3a5c); text-align: center; padding: .45rem; border: 1px solid var(--sd-border, #e3e8ee); border-top: 0; border-radius: 0 0 var(--sd-radius, 14px) var(--sd-radius, 14px); background: #f7f9fb; }
.sd-cat-pull > summary::-webkit-details-marker { display: none; }
.sd-cat-pull > summary .bi { font-size: .7rem; transition: transform .15s; display: inline-block; }
.sd-cat-pull[open] > summary .bi { transform: rotate(180deg); }
.sd-cat-wrap:has(.sd-cat-pull) .sd-cat-card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.sd-cat-pull-menu { position: absolute; z-index: 30; top: calc(100% + 4px); left: 0; min-width: 100%; width: max-content; max-width: 300px; max-height: 340px; overflow-y: auto; background: #fff; border: 1px solid var(--sd-border, #e3e8ee); border-radius: 12px; box-shadow: 0 14px 40px rgba(15, 35, 60, .18); padding: .4rem; text-align: left; }
.sd-cat-pull-menu a { display: flex; justify-content: space-between; gap: .75rem; text-decoration: none; border-radius: 7px; }
.sd-cat-pull-menu a:hover { background: #f1f4f8; }
.sd-pull-all { font-size: .82rem; font-weight: 600; color: var(--sd-accent, #c8963e); padding: .4rem .6rem; }
.sd-pull-sub { font-size: .86rem; font-weight: 600; color: #1f2933; padding: .4rem .6rem; }
.sd-pull-n { font-size: .72rem; color: #8a94a0; font-weight: 500; }
.sd-pull-ss { font-size: .8rem; color: #5b6570; padding: .22rem .6rem .22rem 1.4rem; }
.sd-home-cats .col:nth-child(5n) .sd-cat-pull-menu, .sd-home-cats .col:nth-child(5n-1) .sd-cat-pull-menu { left: auto; right: 0; }

/* Filter tree: category › subcategory › specialisation, each under its parent */
.sd-tree { display: flex; flex-direction: column; gap: 1px; max-height: min(58vh, 540px); overflow-y: auto; margin: 0 -.35rem; padding: 0 .35rem; overscroll-behavior: contain; }
.sd-tree a { display: flex; align-items: center; gap: .5rem; padding: .38rem .55rem; border-radius: 8px; font-size: .88rem; color: var(--sd-text, #1f2933); text-decoration: none; flex: 1; min-width: 0; }
.sd-tree a:hover { background: #f1f4f8; color: var(--sd-primary, #1a3a5c); }
.sd-tree a.active { background: rgba(26, 58, 92, .09); color: var(--sd-primary, #1a3a5c); font-weight: 600; }
.sd-tree a > .bi { color: var(--sd-primary, #1a3a5c); width: 1rem; text-align: center; flex-shrink: 0; }
.sd-tree-name { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.sd-tree-node > summary { display: flex; align-items: center; list-style: none; cursor: pointer; }
.sd-tree-node > summary::-webkit-details-marker { display: none; }
.sd-tree-tog { width: 30px; height: 30px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #6b7785; font-size: .75rem; }
.sd-tree-tog:hover { background: #f1f4f8; color: var(--sd-primary, #1a3a5c); }
.sd-tree-tog .bi { transition: transform .15s; }
.sd-tree-node[open] > summary > .sd-tree-tog .bi { transform: rotate(180deg); }
.sd-tree-kids { display: flex; flex-direction: column; gap: 1px; margin: 1px 0 4px .9rem; padding-left: .5rem; border-left: 2px solid var(--sd-border, #e3e8ee); }
.sd-tree-kids a { font-size: .84rem; padding: .32rem .5rem; }
.sd-tree-kids .sd-tree-kids a { font-size: .8rem; color: #4b5663; }

/* Results loading in place */
html.sd-loading [data-ajax-region] { opacity: .5; pointer-events: none; transition: opacity .15s; }
html.sd-loading body::before { content: ""; position: fixed; z-index: 3000; top: 0; left: 0; width: 30%; height: 3px; background: var(--sd-accent, #c8963e); animation: sd-bar .9s ease-in-out infinite; }
@keyframes sd-bar { from { transform: translateX(-100%); } to { transform: translateX(340%); } }

/* Homepage: subcategory links on every category card */
.sd-cat-subs { border: 1px solid var(--sd-border, #e3e8ee); border-top: 0; border-radius: 0 0 var(--sd-radius, 14px) var(--sd-radius, 14px); background: #f7f9fb; padding: .35rem; display: flex; flex-direction: column; gap: 1px; }
.sd-cat-subs a { display: flex; justify-content: space-between; gap: .5rem; padding: .3rem .5rem; border-radius: 7px; font-size: .8rem; color: #1f2933; text-decoration: none; }
.sd-cat-subs a:hover { background: #fff; color: var(--sd-primary, #1a3a5c); }
.sd-cat-more > summary { list-style: none; cursor: pointer; font-size: .78rem; font-weight: 600; color: var(--sd-accent, #c8963e); padding: .3rem .5rem; }
.sd-cat-more > summary::-webkit-details-marker { display: none; }
.sd-cat-more[open] > summary { display: none; }
.sd-cat-wrap:has(.sd-cat-subs) .sd-cat-card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* Filter pull-downs */
.sd-pulls { display: flex; flex-direction: column; gap: .35rem; }
.sd-pulls .sd-side-title + .form-select { margin-bottom: .55rem; }
.sd-pulls .form-select { font-size: .88rem; }

/* ── Homepage v17: search with tabs, entry cards, I want / I offer, feed ── */
.sd-hero-v2 { padding: 4.5rem 0 5.5rem; background: linear-gradient(180deg, #1a3a5c 0%, #234a72 100%); color: #fff; }
.sd-hv2-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(2rem, 4.2vw, 3rem); line-height: 1.15; margin: 0 0 .75rem; color: #fff; }
.sd-hv2-sub { color: #d5dee8; font-size: 1.05rem; max-width: 620px; margin: 0 auto 1.8rem; }
.sd-hsearch { max-width: 860px; margin: 0 auto; background: #fff; border-radius: 16px; padding: .6rem; box-shadow: 0 12px 40px rgba(0, 0, 0, .25); text-align: left; }
.sd-hsearch-tabs { display: flex; gap: .25rem; padding: .25rem .35rem .6rem; flex-wrap: wrap; }
.sd-hsearch-tabs button { border: 0; background: none; color: #4b5663; font-size: .84rem; font-weight: 600; padding: .4rem .9rem; border-radius: 100px; }
.sd-hsearch-tabs button.active { background: #1a3a5c; color: #fff; }
.sd-hsearch-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.sd-hsearch-q, .sd-hsearch-area { display: flex; align-items: center; gap: .6rem; border: 1px solid #dfe4ea; border-radius: 10px; padding: 0 .85rem; height: 52px; margin: 0; }
.sd-hsearch-q { flex: 1 1 320px; } .sd-hsearch-q .bi { color: #1a3a5c; }
.sd-hsearch-area { flex: 0 1 230px; } .sd-hsearch-area .bi { color: #c8963e; }
.sd-hsearch-q input, .sd-hsearch-area select { border: 0; outline: 0; flex: 1; min-width: 0; font-size: 1rem; background: transparent; color: #1f2933; }
.sd-hsearch-btn { border: 0; background: #c8963e; color: #fff; font-weight: 700; border-radius: 10px; padding: 0 1.8rem; height: 52px; flex: 0 0 auto; }
.sd-hsearch-btn:hover { background: #b5852f; }
.sd-hv2-popular { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-top: 1.1rem; font-size: .84rem; }
.sd-hv2-popular span { color: #b9c7d6; }
.sd-hv2-popular a { color: #fff; background: rgba(255, 255, 255, .12); padding: .3rem .8rem; border-radius: 100px; text-decoration: none; }
.sd-hv2-popular a:hover { background: rgba(255, 255, 255, .22); color: #fff; }
.sd-entry-wrap { margin-top: -2.2rem; position: relative; z-index: 2; }
.sd-entry { display: flex; gap: .9rem; align-items: flex-start; background: #fff; border-radius: 14px; padding: 1.2rem; box-shadow: 0 4px 18px rgba(26, 58, 92, .08); text-decoration: none; height: 100%; }
.sd-entry:hover { box-shadow: 0 8px 26px rgba(26, 58, 92, .14); }
.sd-entry-ic { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.sd-entry strong { display: block; color: #1a3a5c; } .sd-entry small { display: block; color: #6b7785; font-size: .86rem; margin-top: .15rem; }
.sd-hv2-h2 { font-family: 'Playfair Display', serif; font-weight: 700; color: #1a3a5c; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.sd-hv2-h3 { font-family: 'Playfair Display', serif; font-weight: 700; color: #1a3a5c; font-size: 1.35rem; margin: 0; }
.sd-hv2-kicker { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #c8963e; }
.sd-door { border-radius: 18px; padding: 2rem; height: 100%; display: flex; flex-direction: column; }
.sd-door-want { background: #1a3a5c; color: #fff; }
.sd-door-offer { background: #fdf8ef; border: 1px solid #f0e2c6; color: #1f2933; }
.sd-door-h { display: flex; align-items: center; gap: .7rem; font-family: 'Playfair Display', serif; font-size: 1.9rem; margin-bottom: .4rem; }
.sd-door-want .sd-door-h .bi { color: #e0b062; } .sd-door-offer .sd-door-h { color: #1a3a5c; } .sd-door-offer .sd-door-h .bi { color: #b07a22; }
.sd-door p { color: inherit; opacity: .85; margin-bottom: 1rem; }
.sd-door-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.4rem; }
.sd-door-chips a { padding: .45rem .9rem; border-radius: 100px; font-size: .88rem; text-decoration: none; }
.sd-door-want .sd-door-chips a { background: rgba(255, 255, 255, .12); color: #fff; } .sd-door-want .sd-door-chips a:hover { background: rgba(255, 255, 255, .22); }
.sd-door-offer .sd-door-chips a { background: #fff; border: 1px solid #ecdcbc; color: #1f2933; } .sd-door-offer .sd-door-chips a:hover { border-color: #c8963e; }
.sd-door-foot { margin-top: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; }
.sd-door-btn { background: #c8963e; color: #fff; font-weight: 700; padding: .75rem 1.3rem; border-radius: 10px; text-decoration: none; }
.sd-door-btn:hover { background: #b5852f; color: #fff; }
.sd-door-offer .sd-door-btn { background: #1a3a5c; } .sd-door-offer .sd-door-btn:hover { background: #234a72; }
.sd-door-link { font-size: .88rem; color: inherit; text-decoration: none; opacity: .85; } .sd-door-link:hover { opacity: 1; color: inherit; }
.sd-pill { font-size: .68rem; font-weight: 700; letter-spacing: .04em; padding: .2rem .55rem; border-radius: 100px; }
.sd-pill-want { background: #fdf3e3; color: #b07a22; } .sd-pill-offer { background: #e8f5ee; color: #2f7a4f; } .sd-pill-biz { background: #eef2f7; color: #1a3a5c; }
.sd-feed { display: flex; flex-direction: column; gap: .7rem; }
.sd-feed-item { display: flex; gap: 1rem; align-items: center; background: #fff; border: 1px solid #e3e8ee; border-radius: 14px; padding: .85rem 1rem; text-decoration: none; color: #1f2933; }
.sd-feed-item:hover { border-color: #c9d3de; box-shadow: 0 4px 16px rgba(26, 58, 92, .08); color: #1f2933; }
.sd-feed-img { width: 92px; height: 70px; border-radius: 10px; overflow: hidden; flex-shrink: 0; background: #eef2f6; display: flex; align-items: center; justify-content: center; color: #8a94a0; font-size: 1.4rem; }
.sd-feed-img img { width: 100%; height: 100%; object-fit: cover; }
.sd-feed-body { flex: 1; min-width: 0; }
.sd-feed-top { display: flex; align-items: center; gap: .5rem; margin-bottom: .2rem; }
.sd-feed-when { font-size: .75rem; color: #8a94a0; }
.sd-feed-title { font-weight: 600; font-size: 1rem; overflow-wrap: anywhere; }
.sd-feed-meta { font-size: .82rem; color: #6b7785; margin-top: .1rem; }
.sd-feed-side { display: flex; flex-direction: column; align-items: flex-end; gap: .45rem; flex-shrink: 0; }
.sd-feed-price { font-weight: 700; color: #1a3a5c; white-space: nowrap; }
.sd-feed-compact .sd-feed-img { display: none; }
.sd-feed-empty { display: block; text-align: center; padding: 1.5rem; border: 1px dashed #d5dce4; border-radius: 14px; color: #6b7785; text-decoration: none; }
.sd-feed-tab { font-size: .84rem; font-weight: 600; padding: .38rem .9rem; border-radius: 100px; border: 1px solid #dfe4ea; color: #4b5663; text-decoration: none; }
.sd-feed-tab.active { background: #1a3a5c; border-color: #1a3a5c; color: #fff; }
.sd-colonies { display: flex; flex-wrap: wrap; gap: .45rem; }
.sd-colonies a { font-size: .84rem; padding: .4rem .85rem; border-radius: 100px; background: #f1f4f8; color: #1f2933; text-decoration: none; }
.sd-colonies a.active { background: #1a3a5c; color: #fff; }
.sd-nb-search { display: flex; align-items: center; gap: .55rem; border: 1px solid #dfe4ea; border-radius: 10px; padding: 0 .85rem; height: 44px; width: min(100%, 380px); background: #fff; }
.sd-nb-search .bi { color: #1a3a5c; } .sd-nb-search input { border: 0; outline: 0; flex: 1; min-width: 0; background: transparent; }
.sd-nb-cta { background: #1a3a5c; color: #fff; border-radius: 14px; padding: 1.3rem; }
.sd-nb-cta-h { font-family: 'Playfair Display', serif; font-size: 1.3rem; margin-bottom: .3rem; }
.sd-nb-cta p { color: #d5dee8; font-size: .9rem; }
.sd-nb-cta-alt { background: rgba(255, 255, 255, .12); color: #fff; font-weight: 700; padding: .75rem 1rem; border-radius: 10px; text-decoration: none; }
.sd-nb-cta-alt:hover { background: rgba(255, 255, 255, .22); color: #fff; }
.sd-nb-box { background: #fff; border: 1px solid #e3e8ee; border-radius: 14px; padding: 1.1rem; }
.sd-nb-row { display: flex; justify-content: space-between; padding: .45rem 0; border-bottom: 1px solid #f0f2f5; color: #1f2933; text-decoration: none; font-size: .9rem; }
.sd-nb-row:hover { color: #1a3a5c; }
.sd-nb-sponsor { display: block; background: #fdf8ef; border: 1px solid #f0e2c6; border-radius: 14px; padding: 1.1rem; text-decoration: none; color: #1f2933; }
.sd-nb-sponsor-k { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #b07a22; margin-bottom: .3rem; }
.sd-nb-sponsor strong { display: block; color: #1a3a5c; } .sd-nb-sponsor small { color: #6b7785; }
.sd-kind-row { display: flex; flex-wrap: wrap; gap: .45rem; }
@media (max-width: 575.98px) {
  .sd-hsearch-area, .sd-hsearch-btn { flex: 1 1 100%; }
  .sd-feed-item { flex-wrap: wrap; } .sd-feed-side { flex-direction: row; align-items: center; width: 100%; justify-content: space-between; }
  .sd-door { padding: 1.4rem; }
}

/* Main menu: one line, even spacing */
.sd-navbar .navbar-nav { gap: .1rem !important; }
.sd-navbar .navbar-nav .nav-link, .sd-navbar .navbar-nav .btn { white-space: nowrap; }
.sd-navbar .navbar-nav .nav-link { padding: .5rem .75rem; }
.sd-navbar .navbar-nav .btn { padding: .5rem 1rem; }
@media (min-width: 1200px) {
  .sd-navbar .container { flex-wrap: nowrap; }
  .sd-nav-search { flex: 1 1 auto; max-width: 440px; margin: 0 1.5rem !important; }
  .sd-navbar .navbar-nav { flex-shrink: 0; }
}
@media (max-width: 1199.98px) {
  .sd-nav-search { width: 100%; max-width: none; }
  .sd-navbar .navbar-nav .nav-link { padding: .6rem 0; }
  .sd-navbar .navbar-nav .btn { margin-top: .5rem; }
}