footer, .blog-footer, .state_locations{display: none;}
.account{overflow:hidden;}
label { margin: 0 0 5px;}
.container:not(.custom_header .container):not(footer .container) {max-width: 100%;margin: 0 auto;padding: 0;width: 100%;}
.card .top-section { padding: 14px 18px; border-bottom:1px solid #eee; display:flex; align-items:center; justify-content:space-between; }
.card .top-section h1 {font-size: 28px; margin: 6px 0 0;}
.card .content { padding: 0 0; flex:1;}
.card {display: flex;height: calc(100dvh - 65px);}
h2 {margin: 0;}
.pu-unit.stk img {height: 165px !important;}
.tabs {display: flex;gap: 8px;flex-wrap: wrap; flex-wrap: nowrap;white-space: nowrap;overflow: auto;flex-direction: column;
    flex: 0 0 190px;padding: 0 10px 0 0;padding-top:25px;border-right:1px solid #ddd;}
.sb{flex:0 0 300px;border-left:1px solid #ddd;}
.tab-btn {padding: 20px 30px;border: none;border-radius: 0 10px 10px 0;background: #fff;cursor: pointer;line-height: 1;font-size: 14px;font-weight: 600;justify-content: start;color:#000;text-decoration:none;}
.section-header .tab-btn {padding: 10px;}
.section-header h2 {font-size: 24px;}
.tab-btn.active { background:#111; color:#fff; border-color:#111; }
.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.row { display:flex; gap:12px; align-items:center; }
.row > * { flex:1; }
.lightbox{display:none;}
.muted { color:#555; font-size: .92rem; }
.user-list .row.item .vote-count {font-size: 12px;text-transform: uppercase;font-weight: 700; display: flex;flex-direction: column;gap: 2px;line-height: 1;padding: 10px 0 0;text-align:center;}
.user-list .row.item .sml-note {font-size:11px; color:#777;line-height:1;}
.user-list .row.item .vote-count .meta-dot {font-size: 20px;}
.user-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));gap: 10px;}
.user-list .row.item a {color: #000;text-decoration: none;border: 1px solid #999; padding: 15px; border-radius: 8px;display: flex; align-items: center; gap:5px; flex-direction: column;}
.user-list .row.item a:hover{box-shadow: 0 0 20px #00000033;}
.user-list .row.item .item-title {font-weight: 700;font-size: 19px;line-height: 1;margin-bottom:5px;}
.user-list .row.item .item-meta{border-radius: 900px; background: #000;flex:1;line-height:1;padding:9px 15px;max-width:max-content;}
.user-list .row.item .item-meta span{font-size: 15px; font-weight: 600;color: #fff;}
#following-list a{flex-direction: row; gap: 15px;}
.user-list .avatar-wrap {width: 65px;height: 65px;display: flex;
border-radius: 999px;flex: 0 0 65px;}
.user-list .avatar-wrap .avatar{width:100%; height: 100%;flex:0 0 65px;}
.pill { border:1px solid #ddd; padding:4px 11px; border-radius:999px; display:flex; align-items:center; gap:6px;font-size: 13px; font-weight: 600; }
select {align-self: stretch;border: 1px solid #ccc;padding: 11px 15px;border-radius: 8px;width: 100%;font-size: 14px;font-family: "Open Sans", sans-serif; }
.content h1{font-size: 26px;line-height:1;margin: 0 0;}
.section-header{display:flex; align-items:center; justify-content: space-between; gap: 10px; padding: 25px 20px; border-bottom: 1px solid #ddd;}
.tab-content {padding: 25px;}
table { width:100%; border-collapse: collapse; display:flex;flex-direction:column;}
#listingsBody {margin-top: 10px; display: flex; flex-direction: column; gap: 10px;}
td {border: none; padding: 10px;}
tr {width: 100%;border: 1px solid #ddd;border-radius: 10px;display: flex;flex: 0 0 max-content;}
.tab:not(#tab-messages) {height: 100%;overflow-y: auto;padding: 0;}
.cbaacct-orders-table tr{border: 1px solid #ddd;border-radius: 0;padding:0; display: flex;}
.cbaacct-orders-table th{border: none;border-right: 1px solid #ddd;padding: 0;font-size:16px;font-weight:700;}
.cbaacct-orders-table th:last-of-type{border-right: none;}
.cbaacct-col-total{text-align:right;}
td.cbaacct-col-total{font-weight:600;}
.cbaacct-col-date,.cbaacct-col-total {flex: 0 0 220px;}
.cbaacct-orders-table td{font-size:15px;}
.cbaacct-col-order {flex: 1;}
td.cbaacct-col-order{color:#0b82b1;font-weight:600;cursor:pointer;}
.cbaacct-col-payment{text-transform:capitalize;}
#cbaacct-orders-tbody tr{border-top: none;}
#cbaacct-subscription-empty,#cbaacct-orders-empty{padding: 17px;}
.cbaacct-orders-table th,.cbaacct-orders-table td {padding:20px;}
/* edit listing dialog */
.mu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;}
.mu-thumb{position:relative;border-radius:10px;overflow:hidden;background:#f5f5f5;aspect-ratio:1/1;}
.mu-thumb img, .mu-thumb video{width:100%;height:100%;object-fit:cover;display:block;}
.mu-chip{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;padding:3px 8px;border-radius:999px;font-size:12px}
.mu-actions{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:6px;z-index:2}
.mu-actions .btn{border:none;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;background:#ef4444;color:#fff;}
.mu-actions .btn.alt{background:#10b981;color:#fff;}
.mu-actions .btn.alt2{background:#3b82f6;color:#fff;}
.mu-thumb .remove-btn{position:absolute;right:8px;left:auto;top:8px;z-index:3}
.uploader .thumb{width:142.76px!important;height:142.76px!important;}
/* picker cards + popover */
[data-pick]{cursor:pointer;position:relative;}
[data-pick] .icon-btn{z-index:2;}
[data-pick]:before{content:'';display:block;width:100%;height:100%;z-index:0;top:0;position:absolute;background-transprent;pointer-events:none;}
[data-cover-card]:before{ border-radius:20px;}
[data-logo-card]:before{ border-radius:999px;z-index:1;}
[data-pick]:hover:before{background:#00000044;}
.pickers{display: flex;gap: 14px;margin: 8px 0 12px;flex-direction: column-reverse;align-items: center;}
[data-logo-card] {flex: 0 0 150px;width: 150px;align-items: center;border-radius: 999px;margin-top: -100px;z-index: 1;border:1px solid #fff;background:#fff;}
[data-logo-card] img {border-radius: 999px;}
[data-logo-card] .icon-btn{right: 17px;bottom: 0px;top: auto;}
[data-cover-card] {flex: 0 0 260px;width: 100%;background: url('https://cdn.clipiroo.com/media/business_large_square.png');background-size:contain;border-radius:20px;}
[data-cover-card] img {border-radius:20px}
.pick-card{position:relative;}
.biz-title_wrapper {display: flex; align-items: center; gap: 8px; flex: 1; max-width: max-content;}
.biz-title_wrapper .logo-wrap {width: 40px; height: 40px; flex: 0 0 40px;border-radius:999px;overflow:hidden;}
.biz-title_wrapper .logo-wrap img {width: 100%;height:100%;object-fit:cover;}
.biz-title_wrapper h2 {margin: 0!important;}
.rv-title { line-height:1.3; }
.rv-title .name { font-weight:700; }
.rv-title .sub { font-size:13px; color:#555; }
.pick-card img{width:100%;height:100%;object-fit:cover;display:block;}
.pick-card .placeholder{color:#9ca3af;font-size:13px}
.icon-btn {position: absolute;right: 8px;top: 8px;border: 0;background: #000000ad;color: #fff;border-radius: 999px;padding: 6px 8px;cursor: pointer;
    display: grid;place-content: center;gap: 6px;height: 28px;width: 28px;}
.icon-btn::before{content:"✎";font-size:17px;line-height:1}

.imgpick-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100001}
.imgpick{width:min(900px,92vw);max-height:94vh;background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.imgpick-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}
.imgpick-bd{padding:14px 16px;height: calc(94vh - 200px);overflow-y:auto;}
.imgpick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:3px}
.imgpick-thumb{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;aspect-ratio:1/1;}
.imgpick-thumb.selected {border-color: none;order: -1;outline: 1px solid blue;}
.imgpick-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.row-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid #eee}
[icon="close"]{width:25px;height:25px;display:grid;place-content:center;cursor:pointer;}
/*[icon="close"] svg {width: 13px;height:13px; pointer-events:none;}*/
[name="post_content"] {min-height: 150px; max-height: 300px; display: block;
    border: 1px solid #ddd;border-radius: 10px;padding: 15px;font-size: 14px;
    line-height: 1.6;overflow-y: auto;scrollbar-width: thin;
}
.super-select-list{top: -257px;height:250px;border:none;box-shadow:0 0 10px #00000044;}
.super-select-tags [type="text"] {order: 2;flex: 0 0 100% !important;padding: 13px !important;min-width: 103%!important;position: sticky;top: -10px;margin: -10px -10px 0px;}
.super-select-tags{max-height:154px; overflow-y:auto;flex-wrap:wrap-reverse;flex-direction: row-reverse;justify-content:start;}
/* end edit dialog */
.maxmin-grid-items {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 15px;}
.maxmin-grid-items .item{display:flex; border: 1px solid #ddd; padding: 15px;align-items: center;gap: 15px;border-radius: 8px;cursor:pointer;transition: ease-in-out 100ms;color: #000;text-decoration: none;}
.maxmin-grid-items .item:hover{box-shadow: 0 0 20px #00000055;}
.maxmin-grid-items .item h3{font-size: 18px;margin: 0 0 5px; line-height: 1;}
.maxmin-grid-items .item p {margin: 0 0; font-size: 15px;line-height: 1.3;}
.maxmin-grid-items .item [icon] svg {width: 30px; height: 30px;}
.maxmin-grid-items .item [icon] {width: 60px; height: 60px; flex: 0 0 60px;display:flex; justify-content:center;align-items:center;border-radius:999px;background: #eee;}
.actions {
    font-size: 12px;
    margin-top: 5px;
}
.actions a { 
    text-decoration: none;
    color: #000;
    cursor: pointer; 
    font-weight: 500;
    margin-right: 6px; 
}
.actions a:hover {
    text-decoration: underline;
}
.toast { position:fixed; right:16px; bottom:16px; background:#111; color:#fff; padding:10px 14px; border-radius:10px; opacity:0; transform: translateY(12px); transition: all .25s; }
.toast.show { opacity:1; transform: translateY(0); }
#formProfile [icon="plus"] svg {fill:#fff;width:11px; height:11px;}
.term_tag {
    background: #eee;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 500px;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.modal-stick-menu {
    border-top: 1px solid #ccc;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    position: sticky;
    padding: 14px 16px;
}
.pu-unit.stk img{height:150px;}
  /* Loading Screen */
.loading-screen {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Slightly transparent */
    backdrop-filter: blur(6px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999; /* Ensure it's on top of everything */
}

/* Spinner */
.spinner {
    border: 8px solid #f3f3f3; /* Light gray border */
    border-top: 8px solid #000; /* Blue spinner color */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.cat_list span, .cat_list a, .cities-tabs a {
    background: #eaeaf1;
    padding: 8px 15px;
    border-radius: 999px;
    display: flex;
    flex: 0 0 max-content;
    line-height: 1;
    font-weight: 700;
    font-size: 13px;
}
.cba-dialog-backdrop {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5000;
    height: calc(100dvh - 67px);
    top: 67px;
    margin-left: 190px;
    margin-right: 302px;
}
.cba-dialog {
    width: 100%;
    background: #fff;
    color: #111;
    overflow: hidden;
}
.cba-dialog__hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #eee;
}
.cba-dialog__title {
    font-size: 18px;
    font-weight: 700;
}
.cba-dialog__close {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-weight: 700;
}
.cba-dialog__bd {
    padding: 16px;
    height: calc(100vh - 200px);
    overflow-y: auto;
}

@media (max-width: 1200px) {
    .sb{display:none;}
    .cba-dialog-backdrop{margin-right: 0;}
}
@media (max-width: 900px) {
    .cba-dialog-backdrop{margin-left: 0;}
    .sb{display:none;}
    .card .content{margin-top:-30px;}
    .card {height: calc(100dvh - 85px);}
    .account{overflow:hidden}
    .tabs{display:none;}
    #account_container {padding: 60px 0;}
    .user-list {grid-template-columns: repeat(1,1fr);}
    .grid-2, .grid-3 { grid-template-columns: 1fr; } 
    .row { flex-direction: column; align-items: stretch; } 
    .top-section {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 10px;
    }
    .tabs {
        padding-bottom: 10px;
    }
    #listing_pagination_wrap {
        flex-direction: row;
    }
    .tab-btn {
          flex: 0 0 auto; 
    }
}