.odela-listing-ad{box-sizing:border-box;width:100%}
.odela-listing-ad-label{margin:0 0 7px;color:#8a8f98;font-size:10px;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase}
.odela-listing-ad-link{display:block;width:100%;text-decoration:none!important}
.odela-listing-ad img{display:block;width:100%;height:auto;border:0;object-fit:cover}
.odela-listing-ad-top,.odela-listing-ad-home,.odela-listing-ad-search{max-width:100%;margin:0 auto 24px;padding:14px;border:1px solid #eceef2;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,28,38,.05)}
.odela-listing-ad-top img,.odela-listing-ad-home img,.odela-listing-ad-search img{max-height:170px;border-radius:9px;object-fit:cover}
.odela-listing-ad-side{margin:20px 0;padding:12px;border:1px solid #eceef2;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,28,38,.05)}
.odela-listing-ad-side img{border-radius:9px;aspect-ratio:1/1;object-fit:cover}

.odela-ad-selfservice{max-width:1120px;margin:30px auto;padding:0 18px}
.odela-ad-selfservice-hero{padding:30px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#17191f,#2b3038);color:#fff}
.odela-ad-selfservice-hero>span{display:block;margin-bottom:7px;color:#ffb27a;font-size:11px;font-weight:800;letter-spacing:.12em}
.odela-ad-selfservice-hero h2{margin:0 0 8px;color:#fff;font-size:31px}
.odela-ad-selfservice-hero p{max-width:800px;margin:0;color:rgba(255,255,255,.75);line-height:1.65}
.odela-ad-form{padding:28px;border:1px solid #e8eaed;border-top:0;border-radius:0 0 20px 20px;background:#fff;box-shadow:0 12px 35px rgba(20,28,38,.06)}
.odela-ad-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.odela-ad-field-full{grid-column:1/-1}
.odela-ad-field label{display:block;margin-bottom:7px;color:#25282d;font-weight:700}
.odela-ad-field input[type=text],.odela-ad-field input[type=url],.odela-ad-field input[type=number],.odela-ad-field select,.odela-ad-field textarea{width:100%;min-height:48px;padding:10px 13px;border:1px solid #dfe2e6;border-radius:10px;background:#fff}
.odela-ad-field textarea{min-height:110px}
.odela-ad-field small{display:block;margin-top:7px;color:#7a8088;font-size:12px}
.odela-placement-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.odela-placement-card{position:relative;margin:0!important;padding:15px;border:1px solid #e3e5e8;border-radius:11px;cursor:pointer}
.odela-placement-card input{margin-right:7px}
.odela-placement-card:has(input:checked){border-color:#e97924;background:#fff7ef;box-shadow:0 0 0 2px rgba(233,121,36,.10)}
.odela-budget-options{display:flex;gap:10px}
.odela-budget-card{flex:1;margin:0!important;padding:14px 11px;border:1px solid #e3e5e8;border-radius:11px;text-align:center;cursor:pointer}
.odela-budget-card input{display:block;margin:0 auto 6px}
.odela-budget-card strong{display:block;color:#17191f;font-size:20px}
.odela-budget-card span{color:#7c828b;font-size:11px}
.odela-budget-card:has(input:checked){border-color:#e97924;background:#fff7ef;box-shadow:0 0 0 2px rgba(233,121,36,.10)}
.odela-ad-total-box{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:18px;border-radius:12px;background:#fff7ef;border:1px solid #f2d3b8}
.odela-ad-total-box span{display:block;color:#8a6245;font-size:11px}
.odela-ad-total-box strong{display:block;color:#e97924;font-size:26px}
.odela-ad-total-box small{color:#796653}
.odela-ad-pay-button{width:100%;min-height:52px;border:0;border-radius:11px;background:#e97924;color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(233,121,36,.22)}
.odela-ad-pay-button:hover{background:#da6d1a;transform:translateY(-1px)}
.odela-ad-login-note,.odela-my-ads-empty{max-width:900px;margin:30px auto;padding:20px;border:1px solid #eceef2;border-radius:12px;background:#fff}
.odela-my-ads{max-width:1120px;margin:30px auto;padding:0 18px}
.odela-my-ads-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
.odela-my-ads-head h2{margin:0}
.odela-my-ads-head a{padding:10px 14px;border-radius:8px;background:#e97924;color:#fff!important;text-decoration:none!important;font-weight:700}
.odela-my-ads-table-wrap{overflow:auto;border:1px solid #e8eaed;border-radius:14px;background:#fff}
.odela-my-ads table{width:100%;min-width:880px;border-collapse:collapse}
.odela-my-ads th,.odela-my-ads td{padding:13px 12px;border-bottom:1px solid #eef0f2;text-align:left;font-size:12px}
.odela-ad-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f0f1f3;font-size:10px;font-weight:800}
.odela-ad-status-active{background:#e9f8ee;color:#18733d}
.odela-ad-status-pending_approval,.odela-ad-status-awaiting_payment{background:#fff5d9;color:#906400}
.odela-ad-status-rejected,.odela-ad-status-expired{background:#fdeaea;color:#a93327}

@media(max-width:991px){.odela-listing-ad-side{max-width:520px;margin:18px auto}}
@media(max-width:767px){
	.odela-listing-ad-top,.odela-listing-ad-side,.odela-listing-ad-home,.odela-listing-ad-search{padding:10px;border-radius:12px}
	.odela-listing-ad-top img,.odela-listing-ad-home img,.odela-listing-ad-search img{max-height:none}
	.odela-ad-hide-mobile{display:none!important}
	.odela-ad-grid,.odela-placement-options{grid-template-columns:1fr}
	.odela-ad-selfservice-hero,.odela-ad-form{padding:22px}
	.odela-ad-total-box{align-items:flex-start;flex-direction:column}
}