/* Athaya UMKM Listing Plugin */
.umkm-admin,.umkm-public{--u-primary:#2563eb;--u-dark:#0f172a;--u-muted:#64748b;--u-line:#dbe6f3;--u-soft:#f4f8fc;--u-card:#fff;--u-radius:22px;--u-shadow:0 24px 70px rgba(15,23,42,.10);color:var(--u-dark)}
.umkm-kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--u-primary)}
.umkm-hero-card,.umkm-public-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--u-line);border-radius:28px;background:linear-gradient(135deg,#fff,#eef6ff);box-shadow:var(--u-shadow);margin-bottom:22px}.umkm-hero-card.compact,.umkm-public-hero.compact{padding:24px}.umkm-hero-card h2,.umkm-public-hero h1{margin:8px 0 8px;font-size:clamp(26px,4vw,48px);line-height:1}.umkm-hero-card p,.umkm-public-hero p{margin:0;color:var(--u-muted);max-width:760px}.umkm-actions,.umkm-row-actions,.umkm-card-actions,.umkm-detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn,.umkm-front-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--u-line);background:#fff;color:var(--u-dark);border-radius:14px;padding:11px 16px;text-decoration:none;font-weight:800;cursor:pointer;min-height:42px}.btn.primary,.umkm-front-btn{background:var(--u-primary);border-color:var(--u-primary);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.22)}.btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}.btn.sm{padding:8px 12px;min-height:34px;border-radius:11px;font-size:13px}.btn.wide{width:100%}.umkm-front-btn.ghost{background:#fff;color:var(--u-primary)}
.umkm-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.umkm-stat{background:#fff;border:1px solid var(--u-line);border-radius:22px;padding:20px;box-shadow:0 16px 42px rgba(15,23,42,.07)}.umkm-stat small{display:block;color:var(--u-muted);font-weight:700}.umkm-stat strong{display:block;font-size:34px;margin-top:8px}.umkm-panel,.umkm-submit-form,.umkm-content-box,.umkm-contact-box{background:#fff;border:1px solid var(--u-line);border-radius:24px;padding:22px;box-shadow:0 18px 54px rgba(15,23,42,.08)}.umkm-panel h3,.umkm-content-box h2,.umkm-contact-box h2{margin:0 0 18px;font-size:22px}.umkm-filter{display:grid;grid-template-columns:1fr 180px auto;gap:12px;margin-bottom:18px}.umkm-admin input,.umkm-admin select,.umkm-admin textarea,.umkm-public input,.umkm-public select,.umkm-public textarea{width:100%;border:1px solid var(--u-line);border-radius:14px;padding:12px 14px;font:inherit;background:#fff;color:var(--u-dark);outline:none}.umkm-admin input:focus,.umkm-admin select:focus,.umkm-admin textarea:focus,.umkm-public input:focus,.umkm-public select:focus,.umkm-public textarea:focus{border-color:var(--u-primary);box-shadow:0 0 0 4px rgba(37,99,235,.10)}.umkm-admin label,.umkm-public label{display:block;font-weight:800;font-size:13px;color:#334155;margin-bottom:14px}.umkm-admin label small{display:block;color:var(--u-muted);font-weight:600;margin-top:5px}.umkm-grid{display:grid;gap:14px}.umkm-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.umkm-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.umkm-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.umkm-split{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,1.3fr);gap:20px}.umkm-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.umkm-form-grid>.umkm-panel:not(.sticky-panel){grid-column:1}.sticky-panel{grid-column:2;grid-row:1 / span 2;position:sticky;top:90px}.umkm-check{display:flex!important;align-items:center;gap:10px}.umkm-check input{width:auto}.umkm-table-wrap{overflow-x:auto}.umkm-table{width:100%;border-collapse:collapse}.umkm-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;text-align:left;border-bottom:1px solid var(--u-line);padding:14px 10px}.umkm-table td{border-bottom:1px solid var(--u-line);padding:16px 10px;vertical-align:middle}.umkm-table .right{text-align:right}.umkm-row-title{display:flex;gap:12px;align-items:center}.umkm-row-title small{display:block;color:var(--u-muted);max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.umkm-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:grid;place-items:center;color:#fff;font-weight:900}.umkm-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#e2e8f0;color:#334155;margin:2px}.umkm-badge.published{background:#dcfce7;color:#166534}.umkm-badge.pending{background:#fef3c7;color:#92400e}.umkm-badge.draft{background:#e2e8f0;color:#475569}.umkm-badge.featured{background:#dbeafe;color:#1d4ed8}.empty,.umkm-empty{padding:32px;text-align:center;color:var(--u-muted);background:rgba(241,245,249,.65);border-radius:18px}.umkm-settings{max-width:980px}.umkm-public{max-width:1180px;margin:0 auto;padding:22px 0}.umkm-search-box{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;background:#fff;border:1px solid var(--u-line);border-radius:24px;padding:16px;box-shadow:var(--u-shadow);margin-bottom:26px}.umkm-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:28px 0 14px}.umkm-section-title h2{font-size:clamp(24px,3vw,36px);margin:0}.umkm-section-title span{color:var(--u-muted);font-weight:800}.umkm-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.umkm-card{background:#fff;border:1px solid var(--u-line);border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.08)}.umkm-card-media{display:block;height:190px;background:#eaf3fb;position:relative;text-decoration:none;overflow:hidden}.umkm-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.umkm-card:hover img{transform:scale(1.04)}.umkm-card-fallback,.umkm-detail-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#f8fafc);font-size:70px;font-weight:900;color:#2563eb}.umkm-featured-chip{position:absolute;top:12px;left:12px;background:#0f172a;color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.umkm-card-body{padding:18px}.umkm-card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--u-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.umkm-card h3{font-size:20px;margin:10px 0 8px}.umkm-card h3 a{color:var(--u-dark);text-decoration:none}.umkm-card p{color:var(--u-muted);min-height:48px}.umkm-card-actions a{font-weight:800;color:var(--u-primary);text-decoration:none}.umkm-pagination{display:flex;gap:8px;justify-content:center;margin:28px 0}.umkm-pagination a{padding:9px 13px;border:1px solid var(--u-line);border-radius:12px;text-decoration:none;color:var(--u-dark);font-weight:800}.umkm-pagination a.active{background:var(--u-primary);color:#fff;border-color:var(--u-primary)}.umkm-detail-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:22px;background:#fff;border:1px solid var(--u-line);border-radius:30px;padding:18px;box-shadow:var(--u-shadow);margin-bottom:22px}.umkm-detail-cover{height:420px;border-radius:24px;overflow:hidden;background:#eaf3fb}.umkm-detail-cover img{width:100%;height:100%;object-fit:cover}.umkm-detail-info{display:flex;flex-direction:column;justify-content:center;padding:20px}.umkm-detail-info h1{font-size:clamp(34px,5vw,60px);line-height:1;margin:10px 0}.umkm-detail-info p{color:var(--u-muted);font-size:18px}.umkm-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.umkm-detail-main{display:grid;gap:20px}.umkm-prose{color:#334155;line-height:1.8}.umkm-tags-list{display:flex;gap:10px;flex-wrap:wrap}.umkm-tags-list span{padding:9px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:800}.umkm-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.umkm-gallery img{width:100%;height:150px;object-fit:cover;border-radius:16px}.umkm-contact-box{align-self:start;position:sticky;top:90px}.umkm-contact-box dt{font-weight:900;margin-top:14px}.umkm-contact-box dd{margin:4px 0 0;color:var(--u-muted)}.umkm-map-link{display:flex;justify-content:center;margin-top:18px;border-radius:14px;background:#0f172a;color:#fff;padding:12px;text-decoration:none;font-weight:900}.umkm-submit-form{max-width:980px;margin:0 auto 40px}
@media (max-width:1100px){.umkm-stat-grid,.umkm-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.umkm-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.umkm-form-grid,.umkm-detail-grid,.umkm-detail-hero{grid-template-columns:1fr}.sticky-panel,.umkm-form-grid>.umkm-panel:not(.sticky-panel){grid-column:auto;grid-row:auto;position:static}.umkm-search-box{grid-template-columns:1fr 1fr}.umkm-split{grid-template-columns:1fr}}
@media (max-width:720px){.umkm-hero-card,.umkm-public-hero{display:block;padding:20px}.umkm-actions{margin-top:16px}.umkm-stat-grid,.umkm-grid.two,.umkm-grid.three,.umkm-grid.four,.umkm-card-grid,.featured-grid,.umkm-search-box,.umkm-detail-grid{grid-template-columns:1fr}.umkm-panel,.umkm-submit-form,.umkm-content-box,.umkm-contact-box{padding:16px;border-radius:18px}.umkm-table thead{display:none}.umkm-table,.umkm-table tbody,.umkm-table tr,.umkm-table td{display:block;width:100%}.umkm-table tr{border:1px solid var(--u-line);border-radius:18px;padding:12px;margin-bottom:12px}.umkm-table td{border:0;padding:9px 0}.umkm-table td::before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;color:var(--u-muted);font-weight:900;margin-bottom:4px}.umkm-table .right{text-align:left}.umkm-row-actions{justify-content:flex-start}.umkm-detail-cover{height:260px}.umkm-gallery{grid-template-columns:1fr 1fr}.umkm-public{padding:10px 0}.umkm-card-media{height:170px}}

/* Google Maps importer, AI SEO, rating, and gallery upgrade */
.umkm-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.umkm-panel-heading h3{margin:5px 0 5px}.umkm-panel-heading p{margin:0;color:var(--u-muted);font-size:14px;max-width:720px}.umkm-source-pill{display:inline-flex;white-space:nowrap;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.umkm-import-panel{border-color:#bfdbfe;background:linear-gradient(145deg,#fff 0%,#eff6ff 100%)}.umkm-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.umkm-import-row label{margin:0}.umkm-import-row .btn{min-height:48px}.umkm-import-status{display:none;margin-top:14px;padding:13px 15px;border-radius:14px;font-size:13px;font-weight:750}.umkm-import-status:not(:empty){display:block}.umkm-import-status.is-loading{background:#eff6ff;color:#1d4ed8}.umkm-import-status.is-success{background:#ecfdf5;color:#166534}.umkm-import-status.is-error{background:#fef2f2;color:#991b1b}.umkm-import-status ul{margin:8px 0 0 18px;padding:0;font-weight:600}.umkm-import-note,.umkm-field-help{margin-top:12px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.7);border:1px dashed #bfdbfe;color:#526277;font-size:12px;line-height:1.6}.umkm-admin-rating{display:grid;gap:3px;margin:12px 0 18px;padding:14px;border-radius:16px;background:#fffbeb;border:1px solid #fde68a}.umkm-admin-rating strong{font-size:22px;color:#b45309}.umkm-admin-rating span{font-size:12px;color:#92400e;font-weight:750}.umkm-photo-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.umkm-photo-preview:empty{display:none}.umkm-photo-preview img{width:100%;height:88px;object-fit:cover;border-radius:12px;border:1px solid var(--u-line);background:#eef2f7}

.umkm-public{--u-primary:#155eef;--u-primary-dark:#0b3ba7;--u-accent:#f59e0b;--u-dark:#0b1220;--u-muted:#5d6b80;--u-line:#dce5f0;--u-soft:#f5f8fc;--u-card:#fff;--u-shadow:0 28px 80px rgba(15,23,42,.12)}.umkm-public-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 80% 15%,rgba(96,165,250,.42),transparent 25%),linear-gradient(135deg,#071a3b 0%,#0b3ba7 55%,#155eef 100%);color:#fff;border:0;min-height:330px;padding:clamp(30px,5vw,64px)}.umkm-public-hero:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-90px;bottom:-190px;box-shadow:0 0 0 55px rgba(255,255,255,.04),0 0 0 110px rgba(255,255,255,.025)}.umkm-public-hero .umkm-kicker{color:#bfdbfe}.umkm-public-hero h1{max-width:800px;font-size:clamp(38px,6vw,70px);line-height:.98;letter-spacing:-.04em}.umkm-public-hero p{color:#dbeafe;font-size:clamp(16px,2vw,20px);line-height:1.7}.umkm-public-hero .umkm-front-btn{background:#fff;color:#0b3ba7;border-color:#fff;box-shadow:0 18px 40px rgba(2,6,23,.24)}.umkm-hero-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.umkm-hero-metrics span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);backdrop-filter:blur(8px);border-radius:999px;color:#eaf2ff;font-size:12px;font-weight:750}.umkm-hero-metrics b{color:#fff;font-size:14px}.umkm-search-box{position:relative;z-index:3;margin-top:-38px;grid-template-columns:1.35fr 1fr 1fr auto;padding:18px;border:1px solid rgba(215,225,238,.9);box-shadow:0 28px 75px rgba(15,23,42,.16)}.umkm-search-box label{margin:0}.umkm-search-box label span{display:block;margin:0 0 7px 3px;color:#526277;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.umkm-search-box .umkm-front-btn{align-self:end;min-height:48px;padding-inline:28px}.umkm-section-eyebrow{display:block;margin-bottom:7px;color:var(--u-primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.umkm-section-title{align-items:center}.umkm-section-title>div h2{margin:0}.umkm-card{position:relative;border-radius:24px;transition:transform .25s ease,box-shadow .25s ease;border-color:#dce5f0}.umkm-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(15,23,42,.15)}.umkm-card-media{height:220px}.featured-grid .umkm-card-media{height:270px}.umkm-card-media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(2,6,23,.52));pointer-events:none}.umkm-card-rating{position:absolute;z-index:2;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.95);color:#b45309;font-size:13px;font-weight:950;box-shadow:0 8px 24px rgba(2,6,23,.18)}.umkm-card-rating small{color:#64748b;font-weight:800}.umkm-card-body{padding:20px}.umkm-card h3{font-size:22px;letter-spacing:-.02em}.umkm-card p{line-height:1.65}.umkm-card-actions{justify-content:space-between;padding-top:8px;border-top:1px solid #edf1f6}.umkm-card-actions a:first-child{color:var(--u-dark)}.umkm-card-actions a span{transition:transform .2s}.umkm-card:hover .umkm-card-actions a:first-child span{display:inline-block;transform:translateX(3px)}

.umkm-detail-page{max-width:1240px}.umkm-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;color:#6b778b;font-size:13px}.umkm-breadcrumb a{color:#42536b;text-decoration:none}.umkm-breadcrumb b{color:#111827}.umkm-detail-hero{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);padding:14px;border-radius:32px;box-shadow:0 30px 90px rgba(15,23,42,.14)}.umkm-slider{position:relative;min-height:520px;border-radius:24px;overflow:hidden;background:#e9f0f8}.umkm-slider-track,.umkm-slide{position:absolute;inset:0;margin:0}.umkm-slide{opacity:0;visibility:hidden;transition:opacity .5s ease,transform .7s ease;transform:scale(1.02)}.umkm-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.umkm-slide img{width:100%;height:100%;object-fit:cover}.umkm-slider:after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(transparent,rgba(2,6,23,.45));pointer-events:none}.umkm-slider-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(15,23,42,.42);backdrop-filter:blur(10px);color:#fff;font-size:30px;cursor:pointer}.umkm-slider-nav.prev{left:16px}.umkm-slider-nav.next{right:16px}.umkm-slider-counter{position:absolute;z-index:3;right:16px;bottom:16px;padding:7px 11px;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font-size:12px;font-weight:900}.umkm-slider-dots{position:absolute;z-index:3;left:18px;bottom:20px;display:flex;gap:6px;max-width:65%;overflow:hidden}.umkm-slider-dots button{width:8px;height:8px;border:0;border-radius:999px;background:rgba(255,255,255,.5);padding:0;cursor:pointer;transition:.2s}.umkm-slider-dots button.is-active{width:24px;background:#fff}.umkm-detail-info{padding:clamp(22px,4vw,44px)}.umkm-detail-labels{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.umkm-premium-chip{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.umkm-detail-info h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.05em;line-height:.96}.umkm-detail-info p{line-height:1.75}.umkm-google-rating{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:3px 0 12px;text-decoration:none;color:#5a6577;font-size:13px;font-weight:800}.umkm-rating-score{font-size:18px;color:#111827}.umkm-stars{color:#f59e0b;letter-spacing:1px}.umkm-location-line{display:flex;gap:9px;align-items:flex-start;color:#42536b;font-weight:750;margin:0 0 20px}.umkm-detail-actions .umkm-front-btn{min-width:140px}.umkm-detail-grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px}.umkm-content-box,.umkm-contact-box{border-radius:26px;padding:clamp(20px,3vw,30px);box-shadow:0 20px 60px rgba(15,23,42,.075)}.umkm-content-box h2,.umkm-contact-box h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em}.umkm-profile-box .umkm-prose{font-size:16px}.umkm-contact-box dl{display:grid;gap:0;margin:0}.umkm-contact-box dl>div{padding:15px 0;border-bottom:1px solid #e8edf3}.umkm-contact-box dt{margin:0 0 5px;color:#111827;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.umkm-contact-box dd{line-height:1.65}.umkm-contact-box a{overflow-wrap:anywhere}.umkm-google-source{display:grid;gap:4px;margin-top:16px;padding:14px;border-radius:16px;background:#fffbeb;border:1px solid #fde68a;color:#92400e}.umkm-google-source b{font-size:13px}.umkm-google-source span{font-weight:900}.umkm-google-source small{color:#a16207}.umkm-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.umkm-gallery-heading h2{margin:0}.umkm-gallery-heading>span,.umkm-gallery-heading>a{color:#64748b;font-size:13px;font-weight:850;text-decoration:none}.umkm-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:155px;gap:11px}.umkm-gallery-item{position:relative;overflow:hidden;border:0;border-radius:16px;padding:0;background:#e9eff7;cursor:zoom-in}.umkm-gallery-item.is-large{grid-column:span 2;grid-row:span 2}.umkm-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.umkm-gallery-item:hover img{transform:scale(1.055)}.umkm-gallery-item span{position:absolute;inset:auto 10px 10px auto;padding:6px 9px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:10px;font-weight:900;opacity:0;transition:.2s}.umkm-gallery-item:hover span{opacity:1}.umkm-map-box iframe{display:block;width:100%;height:390px;border:0;border-radius:18px;background:#edf2f7}.umkm-lightbox[hidden]{display:none}.umkm-lightbox{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:30px;background:rgba(2,6,23,.9);backdrop-filter:blur(10px)}.umkm-lightbox img{max-width:min(1200px,94vw);max-height:88vh;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.umkm-lightbox-close{position:fixed;top:18px;right:22px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:32px;cursor:pointer}.umkm-lightbox-open{overflow:hidden}

@media (max-width:1100px){.umkm-photo-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.umkm-detail-hero,.umkm-detail-grid{grid-template-columns:1fr}.umkm-contact-box{position:static}.umkm-slider{min-height:470px}.umkm-search-box{grid-template-columns:1fr 1fr;margin-top:-26px}.umkm-search-box .umkm-front-btn{grid-column:span 2}}
@media (max-width:720px){.umkm-panel-heading{display:block}.umkm-source-pill{margin-top:12px}.umkm-import-row{grid-template-columns:1fr}.umkm-photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.umkm-public-hero{min-height:auto;padding:30px 22px 68px}.umkm-public-hero h1{font-size:42px}.umkm-search-box{grid-template-columns:1fr;margin:-45px 12px 24px;padding:14px}.umkm-search-box .umkm-front-btn{grid-column:auto}.umkm-card-media,.featured-grid .umkm-card-media{height:210px}.umkm-detail-hero{padding:9px;border-radius:23px}.umkm-slider{min-height:310px;border-radius:18px}.umkm-detail-info{padding:22px 13px 18px}.umkm-detail-info h1{font-size:40px}.umkm-detail-actions .umkm-front-btn{width:100%}.umkm-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:135px}.umkm-gallery-item.is-large{grid-column:span 2}.umkm-map-box iframe{height:310px}.umkm-lightbox{padding:12px}.umkm-breadcrumb{padding-inline:5px}}

/* Import process modal */
.umkm-process-open{overflow:hidden}.umkm-process-modal[hidden]{display:none}.umkm-process-modal{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:24px}.umkm-process-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(8px)}.umkm-process-dialog{position:relative;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:28px;box-shadow:0 36px 120px rgba(2,6,23,.38);animation:umkmModalIn .22s ease-out}.umkm-process-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #e8eef6}.umkm-process-header h3{margin:6px 0 4px;font-size:26px;letter-spacing:-.025em}.umkm-process-header p{margin:0;color:#64748b}.umkm-process-close{flex:0 0 auto;width:40px;height:40px;border:1px solid #dbe4ef;border-radius:50%;background:#f8fafc;color:#334155;font-size:28px;line-height:1;cursor:pointer}.umkm-process-close:disabled{opacity:.38;cursor:not-allowed}.umkm-process-progress{height:6px;background:#eaf0f7;overflow:hidden}.umkm-process-progress span{display:block;width:4%;height:100%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,#2563eb,#7c3aed);transition:width .35s ease}.umkm-process-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:22px 26px 14px;padding:16px;border:1px solid #dfe8f3;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#f5f3ff)}.umkm-process-summary strong,.umkm-process-summary small{display:block}.umkm-process-summary strong{font-size:15px;color:#0f172a}.umkm-process-summary small{margin-top:4px;color:#64748b;line-height:1.5}.umkm-process-spinner{width:28px;height:28px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:umkmSpin .8s linear infinite}.umkm-process-spinner[hidden]{display:none}.umkm-process-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.umkm-process-badge.is-running{background:#dbeafe;color:#1d4ed8}.umkm-process-badge.is-success{background:#dcfce7;color:#166534}.umkm-process-badge.is-error{background:#fee2e2;color:#b91c1c}.umkm-process-steps{display:grid;gap:10px;margin:0;padding:8px 26px 18px;list-style:none}.umkm-process-steps li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e4eaf2;border-radius:16px;background:#fff;transition:.2s}.umkm-process-steps li>div strong,.umkm-process-steps li>div small{display:block}.umkm-process-steps li>div strong{font-size:14px;color:#1e293b}.umkm-process-steps li>div small{margin-top:3px;color:#718096;line-height:1.4}.umkm-process-step-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf2f7;color:#64748b;font-size:12px;font-weight:900}.umkm-process-step-state{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.umkm-process-steps li.is-active{border-color:#93c5fd;background:#eff6ff;box-shadow:0 10px 28px rgba(37,99,235,.1)}.umkm-process-steps li.is-active .umkm-process-step-icon{background:#2563eb;color:#fff;box-shadow:0 0 0 5px rgba(37,99,235,.11)}.umkm-process-steps li.is-active .umkm-process-step-state{color:#1d4ed8}.umkm-process-steps li.is-complete{border-color:#bbf7d0;background:#f0fdf4}.umkm-process-steps li.is-complete .umkm-process-step-icon{background:#16a34a;color:#fff;font-size:0}.umkm-process-steps li.is-complete .umkm-process-step-icon:before{content:'✓';font-size:16px}.umkm-process-steps li.is-complete .umkm-process-step-state{color:#15803d}.umkm-process-steps li.is-error{border-color:#fecaca;background:#fef2f2}.umkm-process-steps li.is-error .umkm-process-step-icon{background:#dc2626;color:#fff}.umkm-process-steps li.is-error .umkm-process-step-state{color:#b91c1c}.umkm-process-result{margin:0 26px 18px;padding:14px 16px;border-radius:16px;font-size:13px;line-height:1.55}.umkm-process-result p{margin:0}.umkm-process-result strong{display:block;margin:8px 0 4px}.umkm-process-result ul{margin:4px 0 0;padding-left:20px}.umkm-process-result.is-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.umkm-process-result.is-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.umkm-process-footer{display:flex;justify-content:flex-end;padding:16px 26px 24px;border-top:1px solid #edf1f6}.umkm-process-modal.is-success .umkm-process-progress span{background:#16a34a}.umkm-process-modal.is-error .umkm-process-progress span{background:#dc2626}@keyframes umkmSpin{to{transform:rotate(360deg)}}@keyframes umkmModalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media (max-width:640px){.umkm-process-modal{padding:8px}.umkm-process-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:20px}.umkm-process-header{padding:19px 18px 15px}.umkm-process-header h3{font-size:21px}.umkm-process-summary{grid-template-columns:auto minmax(0,1fr);margin:16px 18px 10px}.umkm-process-badge{grid-column:2;justify-self:start}.umkm-process-steps{padding:6px 18px 14px}.umkm-process-steps li{grid-template-columns:34px minmax(0,1fr)}.umkm-process-step-state{grid-column:2}.umkm-process-result{margin:0 18px 14px}.umkm-process-footer{padding:14px 18px 18px}}


/* ==== Frontend redesign v114 ==== */

.umkm-public-redesign{
    --u-primary:#df2d2d;
    --u-primary-dark:#b91c1c;
    --u-accent:#fee2e2;
    --u-dark:#111827;
    --u-muted:#6b7280;
    --u-line:#ead4d4;
    --u-soft:#fff5f5;
    --u-card:#ffffff;
    max-width:1200px;
    margin:0 auto;
    padding:26px 14px 46px;
}
.umkm-public-redesign .umkm-kicker,
.umkm-public-redesign .umkm-section-eyebrow,
.umkm-public-redesign .umkm-panel-label{color:var(--u-primary-dark)}
.umkm-public-redesign .umkm-front-btn{background:linear-gradient(135deg,var(--u-primary),var(--u-primary-dark));border-color:transparent;box-shadow:0 14px 30px rgba(223,45,45,.22)}
.umkm-public-redesign .umkm-front-btn:hover{transform:translateY(-1px)}
.umkm-public-redesign .umkm-front-btn.ghost{background:#fff;color:var(--u-primary-dark);border:1px solid rgba(223,45,45,.18);box-shadow:none}
.umkm-public-redesign .umkm-front-btn.ghost:hover{background:var(--u-soft)}
.umkm-directory-hero,.umkm-submit-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:24px;align-items:stretch;background:linear-gradient(135deg,#7f1d1d 0%,#b91c1c 45%,#ef4444 100%);color:#fff;border-radius:34px;padding:34px;box-shadow:0 30px 80px rgba(127,29,29,.28);margin-bottom:22px;position:relative;overflow:hidden}
.umkm-directory-hero:before,.umkm-submit-hero:before{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.17),rgba(255,255,255,0) 70%)}
.umkm-directory-copy,.umkm-submit-copy,.umkm-hero-side,.umkm-submit-hero-card{position:relative;z-index:1}
.umkm-directory-copy h1,.umkm-submit-copy h1{margin:8px 0 14px;font-size:clamp(38px,5vw,72px);line-height:.98;color:#fff}
.umkm-directory-copy p,.umkm-submit-copy p{max-width:760px;color:rgba(255,255,255,.88);font-size:20px;line-height:1.65;margin:0 0 22px}
.umkm-hero-metrics{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.umkm-hero-metrics span{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:700}
.umkm-hero-metrics span b{font-size:18px}
.umkm-hero-metrics.compact span{padding:10px 14px;font-size:14px}
.umkm-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.umkm-hero-panel,.umkm-submit-hero-card{height:100%;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px}
.umkm-hero-panel h3,.umkm-submit-hero-card h3{font-size:26px;line-height:1.2;margin:8px 0 12px;color:#fff}
.umkm-hero-panel ul,.umkm-submit-hero-card ol{margin:0;padding-left:18px;color:rgba(255,255,255,.92)}
.umkm-hero-panel li,.umkm-submit-hero-card li{margin-bottom:10px;line-height:1.55}
.umkm-hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.umkm-mini-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:16px}
.umkm-mini-card small{display:block;color:rgba(255,255,255,.8);font-weight:700;margin-bottom:6px}
.umkm-mini-card strong{font-size:20px;color:#fff}
.umkm-search-shell{background:#fff;border:1px solid #f0dede;border-radius:26px;padding:18px;box-shadow:0 18px 46px rgba(17,24,39,.08);margin:-6px 0 18px;position:relative;z-index:2}
.umkm-public-redesign .umkm-search-box label span{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7f1d1d;margin-bottom:8px}
.umkm-public-redesign .umkm-search-box input,
.umkm-public-redesign .umkm-search-box select,
.umkm-public-redesign .umkm-submit-form input,
.umkm-public-redesign .umkm-submit-form select,
.umkm-public-redesign .umkm-submit-form textarea{border-radius:16px;border:1px solid #e7d1d1;background:#fff;color:#111827;padding:13px 15px}
.umkm-public-redesign .umkm-search-box input:focus,
.umkm-public-redesign .umkm-search-box select:focus,
.umkm-public-redesign .umkm-submit-form input:focus,
.umkm-public-redesign .umkm-submit-form select:focus,
.umkm-public-redesign .umkm-submit-form textarea:focus{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
.umkm-category-strip{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;background:#fff;border:1px solid #f0dede;border-radius:24px;padding:16px 18px;margin-bottom:24px}
.umkm-category-strip-label{font-size:13px;font-weight:800;color:#7f1d1d;padding-top:8px}
.umkm-category-pills{display:flex;gap:10px;flex-wrap:wrap}
.umkm-category-pills a{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#fff5f5;border:1px solid #f2caca;color:#991b1b;text-decoration:none;font-weight:700;transition:.2s}
.umkm-category-pills a.active,.umkm-category-pills a:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:transparent;color:#fff;box-shadow:0 12px 26px rgba(239,68,68,.22)}
.umkm-public-redesign .umkm-section-title{margin:30px 0 16px;align-items:flex-end}
.umkm-public-redesign .umkm-section-title h2{margin:6px 0 0;font-size:clamp(28px,4vw,48px);line-height:1.05;color:#111827}
.umkm-public-redesign .umkm-section-title>span{color:#6b7280;font-weight:800}
.umkm-card-grid{gap:20px}
.umkm-card{border:1px solid #f0dede;border-radius:28px;box-shadow:0 18px 46px rgba(17,24,39,.08);transition:transform .18s ease, box-shadow .18s ease}
.umkm-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(17,24,39,.12)}
.umkm-card-media{height:220px;background:#fef2f2}
.umkm-card-overlay{position:absolute;inset:16px 16px auto 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.umkm-card-category,.umkm-featured-chip{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.umkm-card-category{background:rgba(17,24,39,.6);color:#fff}
.umkm-featured-chip{background:rgba(254,242,242,.92);color:#991b1b}
.umkm-card-body{padding:20px}
.umkm-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.umkm-rating-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff1f2;color:#9f1239;font-size:12px;font-weight:800;border:1px solid #fecdd3}
.umkm-card-location{font-size:12px;font-weight:700;color:#6b7280}
.umkm-card h3{margin:0 0 10px;font-size:24px;line-height:1.15}
.umkm-card h3 a{text-decoration:none;color:#111827}
.umkm-card p{margin:0 0 16px;color:#6b7280;line-height:1.65;min-height:78px}
.umkm-card-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;font-weight:800;text-decoration:none;border:1px solid #efd0d0;color:#7f1d1d;background:#fff}
.umkm-card-actions a:last-child{background:#fff5f5}
.umkm-card-actions a:hover{background:#7f1d1d;color:#fff;border-color:#7f1d1d}
.umkm-empty-rich{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:36px;border-radius:28px;background:linear-gradient(180deg,#fff,#fff5f5);border:1px dashed #efcaca}
.umkm-empty-rich strong{font-size:22px;color:#111827;margin-bottom:8px}
.umkm-empty-rich p{margin:0;color:#6b7280;max-width:480px}
.umkm-public-redesign .umkm-pagination{display:flex;gap:10px;justify-content:center;margin-top:28px}
.umkm-public-redesign .umkm-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:14px;text-decoration:none;background:#fff;border:1px solid #efdbdb;color:#7f1d1d;font-weight:800}
.umkm-public-redesign .umkm-pagination a.active,.umkm-public-redesign .umkm-pagination a:hover{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:transparent;color:#fff}
.umkm-submit-layout{display:grid;grid-template-columns:minmax(0,1.15fr) 320px;gap:24px;align-items:start}
.umkm-submit-form.fancy{display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid #f0dede;border-radius:30px;padding:24px;box-shadow:0 18px 46px rgba(17,24,39,.08)}
.umkm-form-section{padding:22px;border:1px solid #f4dddd;border-radius:24px;background:linear-gradient(180deg,#fff,#fff9f9)}
.umkm-form-section-head{margin-bottom:14px}
.umkm-form-section-head h2{margin:0 0 6px;font-size:26px;color:#111827}
.umkm-form-section-head p{margin:0;color:#6b7280;line-height:1.6}
.umkm-public-redesign .umkm-submit-form label{font-size:13px;font-weight:800;color:#374151}
.umkm-submit-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 2px 0}
.umkm-submit-actions p{margin:0;max-width:540px;color:#6b7280;line-height:1.6}
.umkm-submit-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px}
.umkm-submit-note{background:#fff;border:1px solid #f0dede;border-radius:28px;padding:22px;box-shadow:0 18px 46px rgba(17,24,39,.08)}
.umkm-submit-note.soft{background:linear-gradient(180deg,#fff,#fff4f4)}
.umkm-submit-note ul{margin:12px 0 0;padding-left:18px;color:#4b5563}
.umkm-submit-note li{margin-bottom:10px;line-height:1.6}
.umkm-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.umkm-check-list span{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;background:#fff5f5;border:1px solid #f3d0d0;color:#991b1b;font-weight:700}
.umkm-check-list span:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;font-size:11px}
.umkm-detail-hero.red-theme{background-size:cover;background-position:center;border-radius:34px;padding:40px;box-shadow:0 24px 60px rgba(127,29,29,.22);color:#fff;margin-bottom:22px}
.umkm-detail-hero.red-theme .umkm-kicker,.umkm-detail-hero.red-theme h1,.umkm-detail-hero.red-theme p{color:#fff}
.umkm-detail-hero.red-theme h1{font-size:clamp(34px,5vw,58px);line-height:1.03;margin:8px 0 14px}
.umkm-detail-badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 18px}
.umkm-detail-badges span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);font-weight:700}
.umkm-contact-box dl{margin:0}.umkm-contact-box dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7f1d1d;margin-bottom:6px}.umkm-contact-box dd{margin:0 0 16px;color:#4b5563;line-height:1.6}.umkm-map-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-weight:800}
@media (max-width: 1024px){
    .umkm-directory-hero,.umkm-submit-hero,.umkm-submit-layout{grid-template-columns:1fr}
    .umkm-submit-sidebar{position:static}
}
@media (max-width: 768px){
    .umkm-public-redesign{padding:18px 12px 34px}
    .umkm-directory-hero,.umkm-submit-hero{padding:26px 22px;border-radius:28px}
    .umkm-directory-copy h1,.umkm-submit-copy h1{font-size:clamp(30px,10vw,48px)}
    .umkm-directory-copy p,.umkm-submit-copy p{font-size:17px}
    .umkm-search-shell{grid-template-columns:1fr;border-radius:24px}
    .umkm-public-redesign .umkm-card-grid,.umkm-public-redesign .featured-grid,.umkm-public-redesign .umkm-grid.two,.umkm-public-redesign .umkm-grid.three{grid-template-columns:1fr}
    .umkm-card-media{height:200px}
    .umkm-form-section{padding:18px}
    .umkm-submit-actions{align-items:flex-start}
    .umkm-check-list{grid-template-columns:1fr}
}

/* ==== Directory redesign v2.0 ==== */
.umkm-directory-v2,
.umkm-directory-v2 *{box-sizing:border-box}
.umkm-directory-v2{
    --v2-red:#dc2626;
    --v2-red-dark:#991b1b;
    --v2-red-deep:#6f1111;
    --v2-red-soft:#fff1f2;
    --v2-ink:#111827;
    --v2-text:#374151;
    --v2-muted:#6b7280;
    --v2-line:#eadfe0;
    --v2-bg:#fbf8f8;
    --v2-white:#fff;
    max-width:1240px;
    margin:0 auto;
    padding:30px 0 56px;
    color:var(--v2-ink);
}
.umkm-directory-v2 svg{
    width:1.15em;
    height:1.15em;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.umkm-v2-hero{
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:34px;
    min-height:510px;
    padding:62px 60px 92px;
    overflow:hidden;
    color:#fff;
    border-radius:38px;
    background:
        radial-gradient(circle at 13% 12%,rgba(255,255,255,.16),transparent 29%),
        radial-gradient(circle at 87% 82%,rgba(255,255,255,.12),transparent 31%),
        linear-gradient(135deg,#5d0b0b 0%,#9f1717 45%,#e12c2c 100%);
    box-shadow:0 28px 80px rgba(91,13,13,.25);
}
.umkm-v2-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.28;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(90deg,#000,transparent 72%);
}
.umkm-v2-hero:after{
    content:"";
    position:absolute;
    right:-110px;
    top:-150px;
    width:420px;
    height:420px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%;
    box-shadow:0 0 0 72px rgba(255,255,255,.035),0 0 0 144px rgba(255,255,255,.02);
    z-index:-1;
}
.umkm-v2-hero-copy{
    position:relative;
    z-index:2;
    align-self:center;
    max-width:690px;
}
.umkm-v2-kicker,
.umkm-v2-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--v2-red-dark);
    font-size:12px;
    font-weight:900;
    letter-spacing:.13em;
    line-height:1.2;
    text-transform:uppercase;
}
.umkm-v2-kicker{
    padding:9px 13px;
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    background:rgba(255,255,255,.1);
    backdrop-filter:blur(8px);
}
.umkm-v2-kicker i,
.umkm-v2-live i{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#86efac;
    box-shadow:0 0 0 5px rgba(134,239,172,.13);
}
.umkm-v2-hero h1{
    max-width:680px;
    margin:20px 0 18px;
    color:#fff;
    font-size:clamp(44px,5.1vw,72px);
    line-height:.98;
    letter-spacing:-.052em;
}
.umkm-v2-hero-copy>p{
    max-width:650px;
    margin:0;
    color:rgba(255,255,255,.84);
    font-size:18px;
    line-height:1.72;
}
.umkm-v2-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}
.umkm-v2-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:50px;
    padding:13px 19px;
    border:1px solid transparent;
    border-radius:15px;
    font:inherit;
    font-size:14px;
    font-weight:900;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.umkm-v2-btn:hover{transform:translateY(-2px)}
.umkm-v2-btn.primary{
    color:#fff;
    background:linear-gradient(135deg,#ef4444,#b91c1c);
    box-shadow:0 14px 30px rgba(127,29,29,.25);
}
.umkm-v2-hero .umkm-v2-btn.primary{
    color:var(--v2-red-dark);
    background:#fff;
    box-shadow:0 15px 34px rgba(48,5,5,.22);
}
.umkm-v2-btn.secondary{
    color:var(--v2-red-dark);
    border-color:#efc7c7;
    background:#fff;
}
.umkm-v2-hero .umkm-v2-btn.secondary{
    color:#fff;
    border-color:rgba(255,255,255,.28);
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(8px);
}
.umkm-v2-btn.secondary.dark{color:#4b5563;border-color:#d1d5db;background:#fff}
.umkm-v2-btn.light{color:var(--v2-red-dark);background:#fff;box-shadow:0 14px 32px rgba(71,7,7,.2)}
.umkm-v2-metrics{
    display:flex;
    flex-wrap:wrap;
    gap:0;
    margin-top:34px;
}
.umkm-v2-metrics>div{
    min-width:130px;
    padding:0 24px;
    border-left:1px solid rgba(255,255,255,.18);
}
.umkm-v2-metrics>div:first-child{padding-left:0;border-left:0}
.umkm-v2-metrics strong{display:block;color:#fff;font-size:27px;line-height:1.05}
.umkm-v2-metrics span{display:block;margin-top:5px;color:rgba(255,255,255,.68);font-size:12px;font-weight:700}
.umkm-v2-hero-visual{
    position:relative;
    z-index:2;
    display:grid;
    place-items:center;
    min-height:380px;
}
.umkm-v2-visual-card{
    width:min(100%,410px);
    padding:18px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:28px;
    background:rgba(255,255,255,.94);
    box-shadow:0 30px 70px rgba(63,6,6,.28);
    transform:rotate(2deg);
    backdrop-filter:blur(14px);
}
.umkm-v2-visual-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#111827;
    font-size:12px;
    font-weight:800;
}
.umkm-v2-visual-brand{display:flex;align-items:center;gap:9px}
.umkm-v2-visual-brand b{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    color:#fff;
    border-radius:9px;
    background:linear-gradient(135deg,#ef4444,#b91c1c);
}
.umkm-v2-live{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    color:#166534;
    border-radius:999px;
    background:#ecfdf3;
}
.umkm-v2-live i{width:6px;height:6px;background:#22c55e;box-shadow:none}
.umkm-v2-map{
    position:relative;
    height:230px;
    margin-top:15px;
    overflow:hidden;
    border:1px solid #f2dada;
    border-radius:22px;
    background:
        linear-gradient(31deg,transparent 0 43%,rgba(220,38,38,.11) 44% 46%,transparent 47%),
        linear-gradient(145deg,transparent 0 49%,rgba(220,38,38,.08) 50% 52%,transparent 53%),
        linear-gradient(90deg,#fff9f9 1px,transparent 1px),
        linear-gradient(#fff9f9 1px,transparent 1px),
        #fdf4f4;
    background-size:auto,auto,28px 28px,28px 28px,auto;
}
.umkm-v2-map:before,
.umkm-v2-map:after{
    content:"";
    position:absolute;
    border-radius:42% 58% 61% 39% / 35% 46% 54% 65%;
    background:#f4dedf;
    opacity:.8;
}
.umkm-v2-map:before{left:28px;top:34px;width:112px;height:70px;transform:rotate(-8deg)}
.umkm-v2-map:after{right:24px;bottom:26px;width:138px;height:82px;transform:rotate(9deg)}
.umkm-v2-map .route{
    position:absolute;
    z-index:2;
    display:block;
    height:3px;
    border-radius:999px;
    background:#ef4444;
    transform-origin:left center;
    box-shadow:0 0 0 4px rgba(239,68,68,.08);
}
.umkm-v2-map .route-a{left:82px;top:158px;width:150px;transform:rotate(-23deg)}
.umkm-v2-map .route-b{left:195px;top:100px;width:105px;transform:rotate(31deg)}
.umkm-v2-map .route-c{left:130px;top:93px;width:80px;transform:rotate(42deg)}
.umkm-v2-map .pin{
    position:absolute;
    z-index:4;
    display:grid;
    place-items:center;
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg);
}
.umkm-v2-map .pin-main{
    left:48%;
    top:40%;
    width:48px;
    height:48px;
    background:linear-gradient(135deg,#ef4444,#991b1b);
    box-shadow:0 13px 25px rgba(153,27,27,.28);
}
.umkm-v2-map .pin-main i{
    width:14px;
    height:14px;
    border:4px solid #fff;
    border-radius:50%;
}
.umkm-v2-map .pin-small{width:18px;height:18px;background:#111827;box-shadow:0 6px 12px rgba(17,24,39,.18)}
.umkm-v2-map .pin-small.one{left:24%;top:31%}
.umkm-v2-map .pin-small.two{right:20%;top:28%}
.umkm-v2-map .pin-small.three{right:25%;bottom:22%}
.umkm-v2-business-preview{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:14px;
    color:#111827;
}
.umkm-v2-business-logo{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:44px;
    height:44px;
    color:#fff;
    border-radius:14px;
    background:linear-gradient(135deg,#f87171,#991b1b);
    font-size:12px;
    font-weight:900;
}
.umkm-v2-business-preview>span:nth-child(2){min-width:0;flex:1}
.umkm-v2-business-preview strong,.umkm-v2-business-preview small{display:block}
.umkm-v2-business-preview strong{font-size:13px}
.umkm-v2-business-preview small{margin-top:4px;color:#6b7280;font-size:10px}
.umkm-v2-business-preview>b{color:#b91c1c;font-size:18px}
.umkm-v2-float-card{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 14px;
    color:#111827;
    border:1px solid rgba(255,255,255,.7);
    border-radius:15px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 36px rgba(60,5,5,.2);
    font-size:11px;
    transform:rotate(-2deg);
}
.umkm-v2-float-card span{display:grid;place-items:center;width:27px;height:27px;color:#b91c1c;border-radius:9px;background:#fee2e2;font-size:14px}
.umkm-v2-float-card.top{top:32px;right:-8px}
.umkm-v2-float-card.bottom{left:-16px;bottom:43px}
.umkm-v2-search{
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:minmax(190px,.85fr) minmax(180px,1.15fr) minmax(160px,.9fr) minmax(160px,.9fr) auto;
    gap:14px;
    align-items:end;
    width:calc(100% - 64px);
    margin:-51px auto 0;
    padding:20px;
    border:1px solid #f0dddd;
    border-radius:24px;
    background:rgba(255,255,255,.98);
    box-shadow:0 24px 55px rgba(52,13,13,.14);
}
.umkm-v2-search-title{
    display:flex;
    align-items:center;
    gap:11px;
    min-width:0;
    padding:3px 10px 3px 2px;
}
.umkm-v2-search-icon{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:42px;
    height:42px;
    color:#b91c1c;
    border-radius:13px;
    background:#fff1f2;
}
.umkm-v2-search-title strong,.umkm-v2-search-title small{display:block}
.umkm-v2-search-title strong{color:#111827;font-size:13px;line-height:1.35}
.umkm-v2-search-title small{margin-top:3px;color:#9ca3af;font-size:10px;line-height:1.35}
.umkm-directory-v2 .umkm-v2-field{
    display:block;
    margin:0;
    color:#374151;
    font-size:11px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.umkm-v2-input-wrap{position:relative;display:block;margin-top:8px}
.umkm-v2-input-wrap>svg{
    position:absolute;
    z-index:2;
    left:13px;
    top:50%;
    width:17px;
    height:17px;
    color:#9ca3af;
    transform:translateY(-50%);
    pointer-events:none;
}
.umkm-directory-v2 .umkm-v2-input-wrap input,
.umkm-directory-v2 .umkm-v2-input-wrap select{
    width:100%;
    height:48px;
    margin:0;
    padding:0 38px 0 40px;
    color:#1f2937;
    border:1px solid #e5d6d7;
    border-radius:14px;
    outline:0;
    background:#fff;
    font:inherit;
    font-size:13px;
    font-weight:600;
    letter-spacing:0;
    text-transform:none;
    box-shadow:none;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.umkm-directory-v2 .umkm-v2-input-wrap select{appearance:auto;padding-right:10px}
.umkm-directory-v2 .umkm-v2-input-wrap input:focus,
.umkm-directory-v2 .umkm-v2-input-wrap select:focus{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}
.umkm-v2-search-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.umkm-v2-search-actions .umkm-v2-btn{min-height:48px;white-space:nowrap}
.umkm-v2-reset{color:#991b1b;font-size:11px;font-weight:800;text-align:center;text-decoration:none}
.umkm-v2-category-section,
.umkm-v2-listing-section{margin-top:58px}
.umkm-v2-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:21px;
}
.umkm-v2-section-head h2{
    margin:7px 0 0;
    color:#111827;
    font-size:clamp(30px,3.1vw,44px);
    line-height:1.08;
    letter-spacing:-.035em;
}
.umkm-v2-section-head p{max-width:630px;margin:10px 0 0;color:#6b7280;font-size:14px;line-height:1.65}
.umkm-v2-text-link{
    display:inline-flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
    padding-bottom:5px;
    color:#991b1b;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
}
.umkm-v2-text-link span{transition:transform .18s ease}
.umkm-v2-text-link:hover span{transform:translateX(4px)}
.umkm-v2-category-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.umkm-v2-category-card{
    position:relative;
    display:flex;
    align-items:center;
    min-width:0;
    gap:13px;
    padding:18px;
    overflow:hidden;
    color:#111827;
    border:1px solid #eee3e3;
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 30px rgba(17,24,39,.05);
    text-decoration:none;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.umkm-v2-category-card:after{
    content:"";
    position:absolute;
    right:-35px;
    bottom:-42px;
    width:95px;
    height:95px;
    border-radius:50%;
    background:#fff1f2;
    transition:transform .25s ease;
}
.umkm-v2-category-card:hover,
.umkm-v2-category-card.is-active{
    border-color:#efb5b5;
    box-shadow:0 17px 38px rgba(153,27,27,.1);
    transform:translateY(-3px);
}
.umkm-v2-category-card:hover:after,.umkm-v2-category-card.is-active:after{transform:scale(1.25)}
.umkm-v2-category-card.is-active{background:linear-gradient(145deg,#fff,#fff5f5)}
.umkm-v2-category-icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:48px;
    height:48px;
    color:#b91c1c;
    border-radius:15px;
    background:#fff1f2;
}
.umkm-v2-category-icon svg{width:23px;height:23px}
.umkm-v2-category-copy{position:relative;z-index:1;min-width:0;flex:1}
.umkm-v2-category-copy strong,.umkm-v2-category-copy small{display:block}
.umkm-v2-category-copy strong{font-size:14px;line-height:1.25}
.umkm-v2-category-copy small{display:-webkit-box;margin-top:5px;overflow:hidden;color:#7c8089;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.umkm-v2-category-arrow{position:relative;z-index:1;color:#b91c1c;font-weight:900}
.umkm-v2-featured{padding:30px;border:1px solid #f2dfe0;border-radius:30px;background:linear-gradient(145deg,#fff9f9,#fff)}
.umkm-v2-count-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:38px;
    padding:9px 14px;
    color:#991b1b;
    border:1px solid #f1cccc;
    border-radius:999px;
    background:#fff1f2;
    font-size:12px;
    font-weight:900;
}
.umkm-v2-active-filters{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:-5px 0 20px;
    padding:12px 14px;
    color:#6b7280;
    border:1px solid #eee0e0;
    border-radius:15px;
    background:#fffafa;
    font-size:12px;
}
.umkm-v2-active-filters>b{padding:7px 10px;color:#7f1d1d;border-radius:999px;background:#fee2e2}
.umkm-v2-active-filters>a{margin-left:auto;color:#991b1b;font-weight:900;text-decoration:none}
.umkm-directory-v2 .umkm-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.umkm-directory-v2 .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.umkm-directory-v2 .umkm-card{
    overflow:hidden;
    border:1px solid #eee1e1;
    border-radius:24px;
    background:#fff;
    box-shadow:0 15px 38px rgba(17,24,39,.075);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.umkm-directory-v2 .umkm-card:hover{border-color:#edc4c4;box-shadow:0 22px 48px rgba(93,17,17,.12);transform:translateY(-5px)}
.umkm-directory-v2 .umkm-card-media{position:relative;display:block;height:218px;overflow:hidden;background:linear-gradient(135deg,#fff1f2,#f9d7d9)}
.umkm-directory-v2 .umkm-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.umkm-directory-v2 .umkm-card:hover .umkm-card-media img{transform:scale(1.045)}
.umkm-directory-v2 .umkm-card-fallback{display:grid;place-items:center;width:100%;height:100%;color:#b91c1c;background:radial-gradient(circle at 30% 20%,#fff,#fee2e2);font-size:68px;font-weight:900}
.umkm-directory-v2 .umkm-card-overlay{position:absolute;inset:15px 15px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.umkm-directory-v2 .umkm-card-category,
.umkm-directory-v2 .umkm-featured-chip{position:static;display:inline-flex;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;backdrop-filter:blur(8px)}
.umkm-directory-v2 .umkm-card-category{color:#fff;background:rgba(17,24,39,.72)}
.umkm-directory-v2 .umkm-featured-chip{color:#991b1b;background:rgba(255,255,255,.92)}
.umkm-directory-v2 .umkm-card-body{padding:20px}
.umkm-directory-v2 .umkm-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px;margin-bottom:9px}
.umkm-directory-v2 .umkm-rating-chip{display:inline-flex;align-items:center;padding:5px 8px;color:#9f1239;border:1px solid #fecdd3;border-radius:999px;background:#fff1f2;font-size:10px;font-weight:900}
.umkm-directory-v2 .umkm-card-location{overflow:hidden;color:#6b7280;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.umkm-directory-v2 .umkm-card h3{margin:0 0 9px;font-size:21px;line-height:1.24;letter-spacing:-.02em}
.umkm-directory-v2 .umkm-card h3 a{color:#111827;text-decoration:none}
.umkm-directory-v2 .umkm-card p{display:-webkit-box;min-height:67px;margin:0 0 17px;overflow:hidden;color:#6b7280;font-size:13px;line-height:1.72;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.umkm-directory-v2 .umkm-card-actions{display:flex;align-items:center;gap:8px}
.umkm-directory-v2 .umkm-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 12px;color:#7f1d1d;border:1px solid #efd0d0;border-radius:12px;background:#fff;font-size:11px;font-weight:900;text-decoration:none}
.umkm-directory-v2 .umkm-card-actions a:first-child{color:#fff;border-color:#b91c1c;background:#b91c1c}
.umkm-v2-empty{
    grid-column:1/-1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:390px;
    padding:48px 28px;
    overflow:hidden;
    text-align:center;
    border:1px dashed #e7c4c4;
    border-radius:30px;
    background:
        radial-gradient(circle at 50% 0,rgba(254,226,226,.75),transparent 42%),
        linear-gradient(180deg,#fff,#fffafa);
}
.umkm-v2-empty-art{position:relative;width:150px;height:122px;margin-bottom:23px}
.umkm-v2-empty-art .shop-roof{
    position:absolute;
    left:18px;
    top:19px;
    width:115px;
    height:34px;
    border-radius:12px 12px 4px 4px;
    background:repeating-linear-gradient(90deg,#b91c1c 0 22px,#fff 22px 44px);
    box-shadow:0 7px 16px rgba(153,27,27,.15);
    transform:perspective(70px) rotateX(12deg);
}
.umkm-v2-empty-art .shop-body{
    position:absolute;
    left:28px;
    top:51px;
    display:flex;
    align-items:flex-end;
    gap:9px;
    width:95px;
    height:62px;
    padding:12px;
    border:3px solid #b91c1c;
    border-top:0;
    border-radius:0 0 12px 12px;
    background:#fff;
}
.umkm-v2-empty-art .shop-body i{display:block;width:18px;height:29px;border-radius:4px 4px 0 0;background:#fee2e2}
.umkm-v2-empty-art .shop-body i:nth-child(2){height:41px;background:#fecaca}
.umkm-v2-empty-art .empty-pin{
    position:absolute;
    right:1px;
    top:7px;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    color:#fff;
    border:5px solid #fff;
    border-radius:50%;
    background:#111827;
    box-shadow:0 8px 20px rgba(17,24,39,.2);
    font-size:21px;
}
.umkm-v2-empty h3{margin:8px 0 10px;color:#111827;font-size:27px;letter-spacing:-.025em}
.umkm-v2-empty p{max-width:610px;margin:0;color:#6b7280;font-size:14px;line-height:1.72}
.umkm-v2-empty-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.umkm-directory-v2 .umkm-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:30px 0 0}
.umkm-directory-v2 .umkm-pagination a{display:grid;place-items:center;min-width:43px;height:43px;padding:0 12px;color:#7f1d1d;border:1px solid #ebd6d6;border-radius:13px;background:#fff;font-size:12px;font-weight:900;text-decoration:none}
.umkm-directory-v2 .umkm-pagination a:hover,.umkm-directory-v2 .umkm-pagination a.active{color:#fff;border-color:#b91c1c;background:#b91c1c}
.umkm-v2-benefits{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    margin-top:56px;
    padding:23px;
    border:1px solid #eee3e3;
    border-radius:27px;
    background:#faf7f7;
}
.umkm-v2-benefits article{display:flex;align-items:flex-start;gap:13px;padding:12px}
.umkm-v2-benefits article>span{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;color:#991b1b;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(17,24,39,.06)}
.umkm-v2-benefits article>span svg{width:21px;height:21px}
.umkm-v2-benefits strong{display:block;color:#111827;font-size:14px}
.umkm-v2-benefits p{margin:6px 0 0;color:#6b7280;font-size:11px;line-height:1.6}
.umkm-v2-cta{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    margin-top:28px;
    padding:38px 42px;
    overflow:hidden;
    color:#fff;
    border-radius:29px;
    background:linear-gradient(135deg,#681010,#a91b1b 58%,#dc2626);
    box-shadow:0 24px 55px rgba(108,16,16,.2);
}
.umkm-v2-cta:after{content:"";position:absolute;right:-75px;top:-90px;width:260px;height:260px;border:44px solid rgba(255,255,255,.07);border-radius:50%}
.umkm-v2-cta>div,.umkm-v2-cta>a{position:relative;z-index:1}
.umkm-v2-cta .umkm-v2-eyebrow{color:#fecaca}
.umkm-v2-cta h2{max-width:700px;margin:8px 0 8px;color:#fff;font-size:clamp(27px,3vw,40px);line-height:1.1;letter-spacing:-.035em}
.umkm-v2-cta p{max-width:670px;margin:0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.65}
@media (max-width:1180px){
    .umkm-v2-hero{grid-template-columns:minmax(0,1fr) 390px;padding:54px 44px 88px}
    .umkm-v2-search{grid-template-columns:1fr 1fr 1fr 1fr;width:calc(100% - 44px)}
    .umkm-v2-search-title{grid-column:1/-1;padding-bottom:2px}
    .umkm-v2-search-actions{justify-content:flex-end}
}
@media (max-width:980px){
    .umkm-directory-v2{padding-top:20px}
    .umkm-v2-hero{grid-template-columns:1fr;min-height:auto;padding:48px 40px 86px}
    .umkm-v2-hero-copy{max-width:760px}
    .umkm-v2-hero-visual{min-height:350px}
    .umkm-v2-visual-card{width:min(100%,450px)}
    .umkm-v2-float-card.top{right:10%}
    .umkm-v2-float-card.bottom{left:9%}
    .umkm-v2-search{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 36px)}
    .umkm-v2-search-title{grid-column:1/-1}
    .umkm-v2-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .umkm-directory-v2 .umkm-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .umkm-v2-benefits{grid-template-columns:1fr}
    .umkm-v2-benefits article{padding:9px}
}
@media (max-width:700px){
    .umkm-directory-v2{padding:12px 0 38px}
    .umkm-v2-hero{padding:36px 22px 76px;border-radius:27px}
    .umkm-v2-hero h1{font-size:clamp(38px,12vw,55px)}
    .umkm-v2-hero-copy>p{font-size:15px;line-height:1.65}
    .umkm-v2-actions{align-items:stretch}
    .umkm-v2-actions .umkm-v2-btn{flex:1 1 100%}
    .umkm-v2-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
    .umkm-v2-metrics>div{min-width:0;padding:0 10px;text-align:center}
    .umkm-v2-metrics>div:first-child{padding-left:0}
    .umkm-v2-metrics strong{font-size:22px}
    .umkm-v2-metrics span{font-size:9px}
    .umkm-v2-hero-visual{min-height:305px;margin-top:5px}
    .umkm-v2-visual-card{padding:14px;border-radius:23px;transform:none}
    .umkm-v2-map{height:180px}
    .umkm-v2-float-card{display:none}
    .umkm-v2-search{grid-template-columns:1fr;width:calc(100% - 20px);margin-top:-44px;padding:16px;border-radius:20px}
    .umkm-v2-search-title{grid-column:auto}
    .umkm-v2-search-actions .umkm-v2-btn{width:100%}
    .umkm-v2-category-section,.umkm-v2-listing-section{margin-top:43px}
    .umkm-v2-section-head{align-items:flex-start;flex-direction:column;gap:10px}
    .umkm-v2-section-head h2{font-size:32px}
    .umkm-v2-category-grid{grid-template-columns:1fr}
    .umkm-directory-v2 .umkm-card-grid,.umkm-directory-v2 .featured-grid{grid-template-columns:1fr}
    .umkm-v2-featured{padding:20px 15px;border-radius:23px}
    .umkm-v2-listing-head{flex-direction:row;align-items:flex-end}
    .umkm-v2-listing-head>div{min-width:0}
    .umkm-v2-listing-head .umkm-v2-count-badge{font-size:10px}
    .umkm-v2-active-filters>a{width:100%;margin-left:0}
    .umkm-v2-empty{min-height:350px;padding:40px 20px;border-radius:24px}
    .umkm-v2-benefits{padding:14px;border-radius:22px}
    .umkm-v2-cta{align-items:flex-start;flex-direction:column;padding:31px 24px;border-radius:24px}
    .umkm-v2-cta .umkm-v2-btn{width:100%}
}
@media (max-width:460px){
    .umkm-v2-kicker{font-size:9px}
    .umkm-v2-hero{padding-left:18px;padding-right:18px}
    .umkm-v2-hero-visual{min-height:275px}
    .umkm-v2-map{height:155px}
    .umkm-v2-business-preview small{display:none}
    .umkm-v2-metrics span{line-height:1.25}
    .umkm-v2-listing-head{align-items:flex-start;flex-direction:column}
    .umkm-v2-category-card{padding:15px}
    .umkm-v2-section-head h2{font-size:29px}
}
@media (prefers-reduced-motion:reduce){
    .umkm-directory-v2 *{scroll-behavior:auto!important;transition:none!important}
}

/* ==== Submit UMKM redesign v2.0 ==== */
.umkm-submit-v2,
.umkm-submit-v2 *{box-sizing:border-box}
.umkm-submit-v2{
    --s-red:#dc2626;
    --s-red-dark:#991b1b;
    --s-red-deep:#681313;
    --s-red-soft:#fff1f2;
    --s-rose:#fb7185;
    --s-ink:#111827;
    --s-text:#374151;
    --s-muted:#6b7280;
    --s-line:#eadfe0;
    --s-surface:#fff;
    --s-canvas:#fbf8f8;
    max-width:1240px;
    margin:0 auto;
    padding:30px 0 64px;
    color:var(--s-ink);
}
.umkm-submit-v2 svg{
    width:1.15em;
    height:1.15em;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.umkm-submit-v2-hero{
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
    gap:48px;
    align-items:center;
    min-height:490px;
    padding:58px 62px;
    overflow:hidden;
    color:#fff;
    border-radius:34px;
    background:
        radial-gradient(circle at 8% 15%,rgba(255,255,255,.15),transparent 31%),
        radial-gradient(circle at 88% 8%,rgba(251,113,133,.28),transparent 26%),
        linear-gradient(135deg,#651111 0%,#991b1b 43%,#dc2626 100%);
    box-shadow:0 30px 70px rgba(105,18,18,.25);
}
.umkm-submit-v2-hero:before{
    content:"";
    position:absolute;
    z-index:-1;
    right:-100px;
    bottom:-220px;
    width:520px;
    height:520px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025);
}
.umkm-submit-v2-hero:after{
    content:"";
    position:absolute;
    z-index:-1;
    left:46%;
    top:-130px;
    width:1px;
    height:750px;
    opacity:.15;
    background:linear-gradient(transparent,#fff,transparent);
    transform:rotate(17deg);
}
.umkm-submit-v2-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:34px;
    padding:7px 12px;
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.1);
    font-size:10px;
    font-weight:900;
    letter-spacing:.13em;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
}
.umkm-submit-v2-kicker svg{width:16px;height:16px}
.umkm-submit-v2-hero h1{
    max-width:690px;
    margin:20px 0 18px;
    color:#fff;
    font-size:clamp(42px,4.6vw,67px);
    line-height:1.01;
    letter-spacing:-.045em;
}
.umkm-submit-v2-hero-copy>p{
    max-width:680px;
    margin:0;
    color:rgba(255,255,255,.79);
    font-size:16px;
    line-height:1.78;
}
.umkm-submit-v2-benefits{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:26px;
}
.umkm-submit-v2-benefits span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:39px;
    padding:9px 12px;
    color:rgba(255,255,255,.9);
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:rgba(255,255,255,.08);
    font-size:11px;
    font-weight:800;
}
.umkm-submit-v2-benefits svg{width:16px;height:16px;color:#fecaca}
.umkm-submit-v2-preview{
    position:relative;
    width:100%;
    padding:14px;
    overflow:hidden;
    color:var(--s-ink);
    border:1px solid rgba(255,255,255,.52);
    border-radius:28px;
    background:rgba(255,255,255,.92);
    box-shadow:0 28px 65px rgba(51,7,7,.28);
    transform:rotate(1.7deg);
    backdrop-filter:blur(16px);
}
.umkm-submit-v2-preview:before{
    content:"";
    position:absolute;
    right:-35px;
    top:-35px;
    width:110px;
    height:110px;
    border-radius:50%;
    background:rgba(254,226,226,.6);
    filter:blur(2px);
}
.umkm-submit-v2-preview-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:0 4px 11px;
    color:#6b7280;
    font-size:9px;
    font-weight:800;
    letter-spacing:.035em;
}
.umkm-submit-v2-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 4px rgba(34,197,94,.12);
}
.umkm-submit-v2-status{
    margin-left:auto;
    padding:5px 8px;
    color:#166534;
    border-radius:999px;
    background:#dcfce7;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}
.umkm-submit-v2-preview-cover{
    position:relative;
    height:155px;
    overflow:hidden;
    border-radius:20px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,0)),
        linear-gradient(135deg,#7f1d1d,#dc2626 62%,#fb7185);
}
.umkm-submit-v2-preview-cover:before,
.umkm-submit-v2-preview-cover:after{
    content:"";
    position:absolute;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
}
.umkm-submit-v2-preview-cover:before{right:-48px;top:-72px;width:220px;height:220px}
.umkm-submit-v2-preview-cover:after{right:3px;top:-23px;width:125px;height:125px}
.umkm-submit-v2-preview-wave{
    position:absolute;
    height:3px;
    border-radius:999px;
    background:rgba(255,255,255,.25);
    transform:rotate(-23deg);
}
.umkm-submit-v2-preview-wave.one{left:22px;bottom:35px;width:155px}
.umkm-submit-v2-preview-wave.two{left:85px;bottom:69px;width:168px}
.umkm-submit-v2-preview-wave.three{left:171px;bottom:31px;width:92px}
.umkm-submit-v2-preview-pin{
    position:absolute;
    z-index:2;
    right:27px;
    top:27px;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    color:#991b1b;
    border:5px solid rgba(255,255,255,.4);
    border-radius:17px;
    background:#fff;
    box-shadow:0 14px 28px rgba(71,7,7,.2);
}
.umkm-submit-v2-preview-pin svg{width:22px;height:22px}
.umkm-submit-v2-preview-body{
    position:relative;
    display:grid;
    grid-template-columns:50px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    margin-top:-20px;
    padding:0 11px;
}
.umkm-submit-v2-preview-logo{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    color:#fff;
    border:5px solid #fff;
    border-radius:17px;
    background:linear-gradient(145deg,#991b1b,#ef4444);
    box-shadow:0 8px 18px rgba(127,29,29,.2);
    font-size:18px;
    font-weight:950;
}
.umkm-submit-v2-preview-title{min-width:0;padding-top:19px}
.umkm-submit-v2-preview-title strong,
.umkm-submit-v2-preview-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.umkm-submit-v2-preview-title strong{font-size:14px;letter-spacing:-.02em}
.umkm-submit-v2-preview-title span{margin-top:3px;color:#9ca3af;font-size:9px;font-weight:700}
.umkm-submit-v2-rating{
    align-self:end;
    margin-bottom:1px;
    padding:5px 8px;
    color:#92400e;
    border-radius:999px;
    background:#fef3c7;
    font-size:9px;
    font-weight:900;
}
.umkm-submit-v2-preview>p{
    min-height:34px;
    margin:15px 11px 12px;
    overflow:hidden;
    color:#6b7280;
    font-size:10px;
    line-height:1.65;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.umkm-submit-v2-profile-meter{
    margin:0 11px 7px;
    padding:12px;
    border:1px solid #f0e5e5;
    border-radius:14px;
    background:#fcfafa;
}
.umkm-submit-v2-profile-meter>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.umkm-submit-v2-profile-meter span{color:#6b7280;font-size:9px;font-weight:800}
.umkm-submit-v2-profile-meter strong{color:#991b1b;font-size:10px}
.umkm-submit-v2-profile-track{display:block!important;height:6px;overflow:hidden;border-radius:999px;background:#f3e7e7}
.umkm-submit-v2-profile-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f87171,#b91c1c);transition:width .3s ease}
.umkm-submit-v2-steps{
    display:grid;
    grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto;
    align-items:center;
    gap:20px;
    margin:22px 0 28px;
    padding:20px 24px;
    border:1px solid var(--s-line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 15px 38px rgba(17,24,39,.055);
}
.umkm-submit-v2-steps>div{display:flex;align-items:center;gap:11px}
.umkm-submit-v2-steps>div>span{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:35px;
    height:35px;
    color:#9ca3af;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#f9fafb;
    font-size:10px;
    font-weight:900;
}
.umkm-submit-v2-steps>div.is-active>span{color:#fff;border-color:#b91c1c;background:linear-gradient(145deg,#ef4444,#991b1b);box-shadow:0 8px 16px rgba(185,28,28,.18)}
.umkm-submit-v2-steps strong,
.umkm-submit-v2-steps small{display:block;white-space:nowrap}
.umkm-submit-v2-steps strong{color:#374151;font-size:11px}
.umkm-submit-v2-steps small{margin-top:2px;color:#9ca3af;font-size:9px;font-weight:650}
.umkm-submit-v2-steps>i{height:1px;background:repeating-linear-gradient(90deg,#e5d4d4 0 5px,transparent 5px 10px)}
.umkm-submit-v2-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:24px;
    align-items:start;
}
.umkm-submit-v2-form{
    min-width:0;
    padding:0;
    overflow:hidden;
    border:1px solid var(--s-line);
    border-radius:30px;
    background:#fff;
    box-shadow:0 22px 54px rgba(17,24,39,.07);
}
.umkm-submit-v2-form-intro{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:31px 34px;
    border-bottom:1px solid #eee5e5;
    background:linear-gradient(180deg,#fff,#fffafa);
}
.umkm-submit-v2-form-intro>div:first-child>span,
.umkm-submit-v2-card-label{
    display:block;
    color:#b91c1c;
    font-size:9px;
    font-weight:950;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.umkm-submit-v2-form-intro h2{margin:8px 0 7px;color:#111827;font-size:29px;line-height:1.1;letter-spacing:-.03em}
.umkm-submit-v2-form-intro p{margin:0;color:#6b7280;font-size:11px;line-height:1.65}
.umkm-submit-v2-form-intro p b{color:#b91c1c}
.umkm-submit-v2-form-progress{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:68px;
    height:68px;
    color:#991b1b;
    border:1px solid #f0d3d3;
    border-radius:20px;
    background:#fff;
    box-shadow:0 9px 20px rgba(153,27,27,.06);
}
.umkm-submit-v2-form-progress strong{font-size:18px;line-height:1}
.umkm-submit-v2-form-progress span{margin-top:4px;color:#9ca3af;font-size:8px;font-weight:800;text-transform:uppercase}
.umkm-submit-v2-section{
    margin:0;
    padding:32px 34px 34px;
    border:0;
    border-bottom:1px solid #eee5e5;
    background:#fff;
}
.umkm-submit-v2-section:last-of-type{border-bottom:0}
.umkm-submit-v2-section-heading{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:25px;
}
.umkm-submit-v2-section-number{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:39px;
    height:39px;
    color:#991b1b;
    border:1px solid #f1d4d4;
    border-radius:13px;
    background:#fff1f2;
    font-size:10px;
    font-weight:950;
}
.umkm-submit-v2-section-heading h3{margin:1px 0 4px;color:#111827;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.umkm-submit-v2-section-heading p{margin:0;color:#8b8f98;font-size:10px;line-height:1.6}
.umkm-submit-v2-grid{display:grid;gap:16px}
.umkm-submit-v2-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.umkm-submit-v2-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.umkm-submit-v2-field{display:block!important;margin:0 0 18px!important;color:#374151!important;font-size:11px!important;font-weight:850!important}
.umkm-submit-v2-grid .umkm-submit-v2-field{margin-bottom:18px!important}
.umkm-submit-v2-field>span:first-child{display:block;margin-bottom:8px}
.umkm-submit-v2-field>span b{color:#dc2626}
.umkm-submit-v2-field>small{display:block;margin-top:7px;color:#9ca3af;font-size:9px;font-weight:650;line-height:1.55}
.umkm-submit-v2-control{position:relative}
.umkm-submit-v2-control.has-icon>svg{
    position:absolute;
    z-index:2;
    left:14px;
    top:50%;
    width:17px;
    height:17px;
    color:#9ca3af;
    transform:translateY(-50%);
    pointer-events:none;
}
.umkm-submit-v2 .umkm-submit-v2-control input,
.umkm-submit-v2 .umkm-submit-v2-control select,
.umkm-submit-v2 .umkm-submit-v2-control textarea{
    width:100%;
    margin:0;
    color:#111827;
    border:1px solid #e6dede;
    border-radius:14px;
    outline:0;
    background:#fff;
    box-shadow:none;
    font:inherit;
    font-size:11px;
    font-weight:650;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.umkm-submit-v2 .umkm-submit-v2-control input,
.umkm-submit-v2 .umkm-submit-v2-control select{height:47px;padding:0 14px}
.umkm-submit-v2 .umkm-submit-v2-control.has-icon input,
.umkm-submit-v2 .umkm-submit-v2-control.has-icon select{padding-left:42px}
.umkm-submit-v2 .umkm-submit-v2-control textarea{min-height:106px;padding:13px 14px;line-height:1.65;resize:vertical}
.umkm-submit-v2 .umkm-submit-v2-control input::placeholder,
.umkm-submit-v2 .umkm-submit-v2-control textarea::placeholder{color:#b3b5bb;font-weight:550}
.umkm-submit-v2 .umkm-submit-v2-control input:focus,
.umkm-submit-v2 .umkm-submit-v2-control select:focus,
.umkm-submit-v2 .umkm-submit-v2-control textarea:focus{border-color:#ef4444;background:#fff;box-shadow:0 0 0 4px rgba(239,68,68,.09)}
.umkm-submit-v2 .umkm-submit-v2-control:focus-within>svg{color:#b91c1c}
.umkm-submit-v2-counter{
    position:absolute!important;
    right:10px;
    bottom:9px;
    margin:0!important;
    padding:3px 6px;
    color:#9ca3af!important;
    border-radius:6px;
    background:rgba(255,255,255,.9);
    font-size:8px!important;
    font-weight:750!important;
}
.umkm-submit-v2-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.umkm-submit-v2-upload{
    position:relative;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:195px;
    margin:0!important;
    padding:22px;
    overflow:hidden;
    text-align:center;
    border:1px dashed #e5bcbc;
    border-radius:20px;
    background:linear-gradient(180deg,#fff,#fff8f8);
    cursor:pointer;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.umkm-submit-v2-upload:hover,
.umkm-submit-v2-upload.is-dragging{border-color:#dc2626;background:#fff2f2;box-shadow:0 12px 28px rgba(153,27,27,.08);transform:translateY(-2px)}
.umkm-submit-v2-upload.has-file{border-style:solid;border-color:#f0b8b8;background:#fff}
.umkm-submit-v2-upload input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.umkm-submit-v2-upload-preview{
    position:relative;
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    margin-bottom:13px;
    overflow:hidden;
    color:#b91c1c;
    border:1px solid #f0d0d0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 23px rgba(153,27,27,.07);
}
.umkm-submit-v2-upload-preview svg{width:25px;height:25px}
.umkm-submit-v2-upload-preview img{width:100%;height:100%;object-fit:cover}
.umkm-submit-v2-upload.is-cover .umkm-submit-v2-upload-preview{width:86px}
.umkm-submit-v2-upload>strong{color:#1f2937;font-size:12px}
.umkm-submit-v2-upload>span[data-file-name]{max-width:100%;margin-top:6px;overflow:hidden;color:#7b8089;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.umkm-submit-v2-upload>small{margin-top:7px;color:#a0a3aa;font-size:8px;font-weight:600;line-height:1.5}
.umkm-submit-v2-final{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:27px 34px 30px;
    background:#fcf9f9;
}
.umkm-submit-v2-final-note{display:flex;align-items:flex-start;gap:10px;max-width:485px}
.umkm-submit-v2-final-note svg{flex:0 0 auto;width:19px;height:19px;margin-top:1px;color:#16a34a}
.umkm-submit-v2-final-note p{margin:0;color:#777b84;font-size:9px;line-height:1.65}
.umkm-submit-v2-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:50px;
    padding:12px 20px;
    color:#fff;
    border:0;
    border-radius:15px;
    outline:0;
    background:linear-gradient(135deg,#ef4444,#991b1b);
    box-shadow:0 14px 26px rgba(185,28,28,.22);
    font:inherit;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
    transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.umkm-submit-v2-button:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(185,28,28,.28)}
.umkm-submit-v2-button:focus-visible{box-shadow:0 0 0 4px rgba(239,68,68,.17),0 14px 26px rgba(185,28,28,.22)}
.umkm-submit-v2-button:disabled{opacity:.65;cursor:wait;transform:none}
.umkm-submit-v2-button svg{width:17px;height:17px}
.umkm-submit-v2-sidebar{
    position:sticky;
    top:104px;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.umkm-submit-v2-completion-card,
.umkm-submit-v2-check-card,
.umkm-submit-v2-tip-card,
.umkm-submit-v2-directory-link{
    border:1px solid var(--s-line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 16px 38px rgba(17,24,39,.055);
}
.umkm-submit-v2-completion-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:center;padding:20px}
.umkm-submit-v2-ring{
    --progress:0deg;
    position:relative;
    display:grid;
    place-items:center;
    width:78px;
    height:78px;
    border-radius:50%;
    background:conic-gradient(#dc2626 var(--progress),#f1e7e7 0);
}
.umkm-submit-v2-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.umkm-submit-v2-ring>span{position:relative;z-index:1;text-align:center}
.umkm-submit-v2-ring strong,
.umkm-submit-v2-ring small{display:block}
.umkm-submit-v2-ring strong{color:#991b1b;font-size:16px;line-height:1}
.umkm-submit-v2-ring small{margin-top:3px;color:#9ca3af;font-size:7px;font-weight:800;text-transform:uppercase}
.umkm-submit-v2-completion-card h3{margin:6px 0 5px;color:#111827;font-size:16px;line-height:1.2;letter-spacing:-.02em}
.umkm-submit-v2-completion-card p{margin:0;color:#858991;font-size:9px;line-height:1.55}
.umkm-submit-v2-check-card,
.umkm-submit-v2-tip-card{padding:21px}
.umkm-submit-v2-sidebar-heading{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #eee7e7}
.umkm-submit-v2-sidebar-icon{
    display:grid;
    place-items:center;
    width:37px;
    height:37px;
    color:#991b1b;
    border-radius:12px;
    background:#fff1f2;
}
.umkm-submit-v2-sidebar-icon svg{width:18px;height:18px}
.umkm-submit-v2-sidebar-heading span:not(.umkm-submit-v2-sidebar-icon),
.umkm-submit-v2-sidebar-heading strong{display:block}
.umkm-submit-v2-sidebar-heading span:not(.umkm-submit-v2-sidebar-icon){color:#9ca3af;font-size:8px;font-weight:850;text-transform:uppercase}
.umkm-submit-v2-sidebar-heading strong{margin-top:2px;color:#374151;font-size:12px}
.umkm-submit-v2-check-card ul,
.umkm-submit-v2-tip-card ul{margin:15px 0 0;padding:0;list-style:none}
.umkm-submit-v2-check-card li{display:flex;align-items:flex-start;gap:9px;padding:8px 0;color:#737780;font-size:9px;font-weight:700;line-height:1.5}
.umkm-submit-v2-check-card li i{
    position:relative;
    flex:0 0 auto;
    width:16px;
    height:16px;
    margin-top:0;
    border:1px solid #dfd4d4;
    border-radius:50%;
    background:#fafafa;
}
.umkm-submit-v2-check-card li.is-complete{color:#166534}
.umkm-submit-v2-check-card li.is-complete i{border-color:#22c55e;background:#22c55e}
.umkm-submit-v2-check-card li.is-complete i:after{content:"";position:absolute;left:4px;top:2px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.umkm-submit-v2-tip-card{position:relative;overflow:hidden;background:linear-gradient(155deg,#6b1212,#a91d1d 68%,#dc2626);border-color:transparent;box-shadow:0 20px 42px rgba(105,18,18,.17)}
.umkm-submit-v2-tip-card:after{content:"";position:absolute;right:-50px;top:-56px;width:145px;height:145px;border:25px solid rgba(255,255,255,.06);border-radius:50%}
.umkm-submit-v2-tip-card>*{position:relative;z-index:1}
.umkm-submit-v2-tip-card .umkm-submit-v2-card-label{color:#fecaca}
.umkm-submit-v2-tip-card h3{margin:8px 0 0;color:#fff;font-size:17px;line-height:1.25;letter-spacing:-.02em}
.umkm-submit-v2-tip-card li{position:relative;padding:6px 0 6px 15px;color:rgba(255,255,255,.73);font-size:9px;line-height:1.55}
.umkm-submit-v2-tip-card li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:#fecaca}
.umkm-submit-v2-directory-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:17px 19px;
    color:#374151;
    text-decoration:none;
    transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.umkm-submit-v2-directory-link:hover{border-color:#e6b8b8;box-shadow:0 18px 40px rgba(17,24,39,.075);transform:translateY(-2px)}
.umkm-submit-v2-directory-link small,
.umkm-submit-v2-directory-link strong{display:block}
.umkm-submit-v2-directory-link small{color:#9ca3af;font-size:8px;font-weight:750}
.umkm-submit-v2-directory-link strong{margin-top:3px;color:#7f1d1d;font-size:11px}
.umkm-submit-v2-directory-link>svg{width:19px;height:19px;color:#b91c1c}
@media (max-width:1100px){
    .umkm-submit-v2-hero{grid-template-columns:minmax(0,1fr) 390px;gap:30px;padding:52px 45px}
    .umkm-submit-v2-layout{grid-template-columns:minmax(0,1fr) 290px}
    .umkm-submit-v2-completion-card{grid-template-columns:1fr;text-align:center}
    .umkm-submit-v2-ring{margin:0 auto}
}
@media (max-width:920px){
    .umkm-submit-v2{padding-top:20px}
    .umkm-submit-v2-hero{grid-template-columns:1fr;min-height:auto;padding:48px 42px}
    .umkm-submit-v2-hero-copy{max-width:760px}
    .umkm-submit-v2-preview{width:min(100%,510px);margin:0 auto;transform:none}
    .umkm-submit-v2-layout{grid-template-columns:1fr}
    .umkm-submit-v2-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    .umkm-submit-v2-completion-card{grid-template-columns:82px minmax(0,1fr);text-align:left}
    .umkm-submit-v2-ring{margin:0}
    .umkm-submit-v2-tip-card{grid-row:span 2}
}
@media (max-width:720px){
    .umkm-submit-v2{padding:12px 0 44px}
    .umkm-submit-v2-hero{padding:37px 24px 32px;border-radius:27px}
    .umkm-submit-v2-hero h1{font-size:clamp(38px,11vw,54px)}
    .umkm-submit-v2-hero-copy>p{font-size:14px;line-height:1.7}
    .umkm-submit-v2-benefits{display:grid;grid-template-columns:1fr 1fr}
    .umkm-submit-v2-benefits span:last-child{grid-column:1/-1}
    .umkm-submit-v2-preview-cover{height:140px}
    .umkm-submit-v2-steps{grid-template-columns:1fr;gap:11px;padding:17px;border-radius:20px}
    .umkm-submit-v2-steps>i{display:none}
    .umkm-submit-v2-steps>div{padding:4px}
    .umkm-submit-v2-steps>div:not(.is-active){opacity:.72}
    .umkm-submit-v2-steps strong,.umkm-submit-v2-steps small{white-space:normal}
    .umkm-submit-v2-form{border-radius:24px}
    .umkm-submit-v2-form-intro{padding:25px 21px}
    .umkm-submit-v2-form-intro h2{font-size:25px}
    .umkm-submit-v2-form-progress{width:61px;height:61px;border-radius:17px}
    .umkm-submit-v2-section{padding:28px 21px 29px}
    .umkm-submit-v2-grid.two,
    .umkm-submit-v2-grid.three,
    .umkm-submit-v2-upload-grid{grid-template-columns:1fr}
    .umkm-submit-v2-upload{min-height:170px}
    .umkm-submit-v2-final{align-items:stretch;flex-direction:column;padding:24px 21px}
    .umkm-submit-v2-button{width:100%}
    .umkm-submit-v2-sidebar{grid-template-columns:1fr}
    .umkm-submit-v2-tip-card{grid-row:auto}
}
@media (max-width:460px){
    .umkm-submit-v2-hero{padding-left:19px;padding-right:19px}
    .umkm-submit-v2-kicker{font-size:8px}
    .umkm-submit-v2-benefits{grid-template-columns:1fr}
    .umkm-submit-v2-benefits span:last-child{grid-column:auto}
    .umkm-submit-v2-preview{padding:10px;border-radius:23px}
    .umkm-submit-v2-preview-cover{height:118px;border-radius:17px}
    .umkm-submit-v2-preview-body{grid-template-columns:44px minmax(0,1fr);margin-top:-17px}
    .umkm-submit-v2-preview-logo{width:44px;height:44px;border-radius:15px}
    .umkm-submit-v2-rating{display:none}
    .umkm-submit-v2-form-intro{align-items:flex-start}
    .umkm-submit-v2-form-progress{width:57px;height:57px}
    .umkm-submit-v2-section-heading{gap:11px}
    .umkm-submit-v2-section-number{width:35px;height:35px}
    .umkm-submit-v2-completion-card{grid-template-columns:72px minmax(0,1fr)}
    .umkm-submit-v2-ring{width:70px;height:70px}
}
@media (prefers-reduced-motion:reduce){
    .umkm-submit-v2 *{scroll-behavior:auto!important;transition:none!important}
}

/* =========================================================
   Admin CSV bulk import
   ========================================================= */
.umkm-csv-admin{
    --u-primary:#dc2626;
    --u-primary-dark:#991b1b;
    --u-primary-soft:#fff1f2;
    --u-success:#15803d;
    --u-warning:#a16207;
    --u-danger:#b91c1c;
    max-width:1320px;
    margin:0 auto;
}
.umkm-csv-hero{
    position:relative;
    overflow:hidden;
    border-color:#fecaca;
    background:
        radial-gradient(circle at 87% 14%,rgba(255,255,255,.34) 0 72px,transparent 73px),
        linear-gradient(135deg,#7f1d1d 0%,#b91c1c 48%,#ef4444 100%);
    color:#fff;
}
.umkm-csv-hero:after{
    content:"";
    position:absolute;
    right:-95px;
    bottom:-145px;
    width:330px;
    height:330px;
    border:52px solid rgba(255,255,255,.07);
    border-radius:50%;
}
.umkm-csv-hero>*{position:relative;z-index:1}
.umkm-csv-hero .umkm-kicker{color:#fecaca}
.umkm-csv-hero h2{color:#fff}
.umkm-csv-hero p{color:rgba(255,255,255,.78)}
.umkm-csv-hero .btn{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(8px)}
.umkm-csv-hero .btn.primary{border-color:#fff;background:#fff;color:#991b1b;box-shadow:0 14px 35px rgba(69,10,10,.22)}
.umkm-csv-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px;align-items:start;margin-bottom:20px}
.umkm-csv-upload-panel{padding:28px;border-color:#f3d2d2}
.umkm-csv-guide{position:sticky;top:88px;padding:25px}
.umkm-step-number{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 9px;border-radius:9px;background:#fff1f2;color:#b91c1c;font-size:11px;font-weight:950;letter-spacing:.08em}
.umkm-csv-form{display:grid;gap:20px}
.umkm-csv-dropzone{
    position:relative;
    display:flex!important;
    min-height:220px;
    margin:0!important;
    padding:34px 24px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    border:2px dashed #e8b5b5;
    border-radius:22px;
    background:linear-gradient(145deg,#fff 0%,#fff7f7 100%);
    text-align:center;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.umkm-csv-dropzone:hover{border-color:#dc2626;background:#fff1f2;transform:translateY(-2px);box-shadow:0 16px 38px rgba(153,27,27,.09)}
.umkm-csv-dropzone:focus-within{border-color:#dc2626;box-shadow:0 0 0 5px rgba(220,38,38,.1)}
.umkm-csv-dropzone input{position:absolute!important;inset:0;width:100%!important;height:100%;opacity:0;cursor:pointer}
.umkm-csv-dropzone strong{font-size:20px;color:#4b1717}
.umkm-csv-dropzone>span:not(.umkm-csv-icon){color:#7c6767;font-size:13px;font-weight:650}
.umkm-csv-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:5px;border-radius:22px;background:linear-gradient(145deg,#991b1b,#dc2626);color:#fff;font-size:15px;font-weight:950;letter-spacing:.1em;box-shadow:0 15px 30px rgba(153,27,27,.22)}
.umkm-csv-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:16px}
.umkm-csv-options .umkm-field{padding:18px;border:1px solid #eee2e2;border-radius:18px;background:#fff}
.umkm-csv-options .umkm-field label{margin-bottom:8px}
.umkm-csv-options .umkm-field small{display:block;margin-top:8px;color:#7c7070;font-size:11px;line-height:1.5}
.umkm-check-row{
    display:flex!important;
    align-items:flex-start;
    gap:13px;
    margin:0!important;
    padding:18px;
    border:1px solid #eee2e2;
    border-radius:18px;
    background:#fff;
    cursor:pointer;
}
.umkm-check-row input{width:19px!important;height:19px;margin:1px 0 0;accent-color:#dc2626;flex:0 0 auto}
.umkm-check-row span{display:block}
.umkm-check-row strong{display:block;color:#3f3030;font-size:13px}
.umkm-check-row small{display:block;margin-top:5px;color:#7c7070;font-size:11px;font-weight:600;line-height:1.5}
.umkm-csv-safety{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border:1px solid #bbf7d0;border-radius:16px;background:#f0fdf4;color:#166534}
.umkm-csv-safety>span{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#16a34a;color:#fff;font-size:13px;font-weight:950}
.umkm-csv-safety p{margin:1px 0 0;font-size:12px;line-height:1.65}
.umkm-csv-submit{width:100%;min-height:50px;border-radius:16px;font-size:14px}
.umkm-csv-checklist{display:grid;gap:0;margin:5px 0 20px;padding:0;list-style:none}
.umkm-csv-checklist li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:0 0 24px}
.umkm-csv-checklist li:not(:last-child):before{content:"";position:absolute;left:18px;top:38px;bottom:2px;width:1px;background:#efd4d4}
.umkm-csv-checklist li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff1f2;color:#b91c1c;font-size:12px;font-weight:950}
.umkm-csv-checklist strong,.umkm-csv-checklist small{display:block}
.umkm-csv-checklist strong{padding-top:1px;color:#362929;font-size:13px}
.umkm-csv-checklist small{margin-top:4px;color:#7f7373;font-size:11px;line-height:1.5}
.umkm-csv-guide>.btn{width:100%}
.umkm-csv-columns{padding:27px}
.umkm-csv-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.umkm-csv-column-grid>div{display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:7px;padding:18px;border:1px solid #eee5e5;border-radius:18px;background:#fffafa}
.umkm-csv-column-grid strong{display:block;flex:0 0 100%;margin-bottom:3px;color:#3f3030;font-size:13px}
.umkm-csv-column-grid code{display:inline-flex;padding:6px 8px;border:1px solid #ead7d7;border-radius:8px;background:#fff;color:#991b1b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:750}
.umkm-csv-column-grid small{display:block;flex:0 0 100%;margin-top:3px;color:#7c7070;font-size:10px;line-height:1.5}
.umkm-import-result{margin-bottom:20px;padding:24px;border:1px solid #bbf7d0;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f0fdf4 100%);box-shadow:0 18px 50px rgba(22,101,52,.08)}
.umkm-import-result.has-error{border-color:#fecaca;background:linear-gradient(145deg,#fff 0%,#fff1f2 100%);box-shadow:0 18px 50px rgba(153,27,27,.08)}
.umkm-import-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.umkm-import-result-head h3{margin:5px 0;color:#183b25;font-size:23px}
.umkm-import-result.has-error .umkm-import-result-head h3{color:#7f1d1d}
.umkm-import-result-head p{margin:0;color:#65746a;font-size:12px}
.umkm-import-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}
.umkm-import-metrics>div{padding:15px;border:1px solid rgba(22,163,74,.14);border-radius:15px;background:rgba(255,255,255,.75)}
.umkm-import-result.has-error .umkm-import-metrics>div{border-color:rgba(220,38,38,.14)}
.umkm-import-metrics small,.umkm-import-metrics strong{display:block}
.umkm-import-metrics small{color:#708077;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.umkm-import-metrics strong{margin-top:5px;color:#14532d;font-size:25px}
.umkm-import-result.has-error .umkm-import-metrics strong{color:#991b1b}
.umkm-import-log{margin-top:10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden}
.umkm-import-log summary{padding:13px 15px;cursor:pointer;font-size:12px;font-weight:850}
.umkm-import-log.error summary{background:#fff1f2;color:#991b1b}
.umkm-import-log.warning summary{background:#fffbeb;color:#92400e}
.umkm-import-log ol{max-height:260px;overflow:auto;margin:0;padding:13px 20px 16px 38px;color:#5f5555;font-size:11px;line-height:1.65}
.umkm-import-log li+li{margin-top:4px}
@media (max-width:1050px){
    .umkm-csv-layout{grid-template-columns:1fr}
    .umkm-csv-guide{position:static}
    .umkm-csv-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
    .umkm-csv-upload-panel,.umkm-csv-guide,.umkm-csv-columns,.umkm-import-result{padding:18px}
    .umkm-csv-options{grid-template-columns:1fr}
    .umkm-csv-column-grid{grid-template-columns:1fr}
    .umkm-import-result-head{display:block}
    .umkm-import-result-head .btn{width:100%;margin-top:14px}
    .umkm-import-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .umkm-import-metrics>div:first-child{grid-column:1/-1}
    .umkm-csv-dropzone{min-height:190px;padding:28px 18px}
}