:root{--public-green:#1f6847;--public-green-dark:#12432e;--public-green-soft:#dfeadc;--public-yellow:#e4ad55;--public-orange:#df7040;--public-cream:#f3e8cf;--public-card:#fff8e9;--public-white:#fff;--public-text:#1d2c24;--public-muted:#68766e;--public-border:#d6ddcf;--public-shadow:0 20px 55px #164b3024}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{color:var(--text);background:var(--soft);min-height:100vh;font-family:Poppins,sans-serif;line-height:1.7}body.menu-open{overflow:hidden}img{width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,100% - 40px);margin-inline:auto}.header{z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;gap:30px;min-height:78px;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-logo{width:48px;height:48px;color:var(--white);background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-radius:14px;place-items:center;font-weight:800;display:grid;box-shadow:0 8px 20px #176b3a38}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text span{color:var(--muted);font-size:.7rem}.brand-text strong{color:var(--primary-dark);letter-spacing:.03em;font-size:1.25rem}.brand-text small{color:var(--muted);margin-top:3px;font-size:.62rem}.nav-menu{align-items:center;gap:27px;display:flex}.nav-menu a{color:#33433a;font-size:.88rem;font-weight:500;transition:color .2s;position:relative}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.nav-menu a:after{content:"";background:var(--primary);border-radius:999px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-12px;left:0}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.menu-toggle{background:var(--primary-light);cursor:pointer;border:0;border-radius:12px;width:44px;height:44px;display:none}.menu-toggle span{background:var(--primary-dark);border-radius:999px;width:21px;height:2px;margin:5px auto;transition:transform .2s;display:block}.hero{background:linear-gradient(90deg,#39162ae6 0%,#39162aad 48%,#39162a33 100%),url(https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=1800&q=85) 50%/cover no-repeat;align-items:center;min-height:620px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:radial-gradient(circle at 80% 30%,#f4bd422e,#0000 30%);position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero-text{max-width:680px;color:var(--white);padding-block:80px}.hero-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff57;border-radius:999px;margin-bottom:20px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.hero h1,.section-title{font-family:Playfair Display,serif}.hero h1 span{color:#f8cd69}.hero p{color:#ffffffe0;max-width:590px;margin-bottom:34px;font-size:1.08rem}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--white);background:var(--primary);box-shadow:0 10px 24px #0a3e2047}.button-primary:hover{background:var(--primary-dark)}.button-secondary{color:#483500;background:var(--secondary);box-shadow:0 10px 24px #f4bd4240}.button-secondary:hover{background:var(--secondary-dark)}.statistics{z-index:5;margin-top:-46px;position:relative}.statistics-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);min-height:112px;box-shadow:var(--shadow);align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{background:var(--primary-light);border-radius:15px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:1.55rem;display:grid}.stat-card div:last-child{flex-direction:column;display:flex}.stat-card span{color:var(--muted);font-size:.76rem}.stat-card strong{color:var(--primary-dark);font-size:1.55rem;line-height:1.25}.stat-card small{color:var(--muted);font-size:.72rem}.section{padding:100px 0}.section-soft{background:var(--soft)}.section-label{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-block}.section-title{color:var(--primary-dark);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.2}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px;display:flex}.section-heading .section-title{margin-bottom:0}.section-heading>p{max-width:520px;color:var(--muted)}.text-link{color:var(--primary);align-items:center;gap:7px;font-size:.9rem;font-weight:600;display:inline-flex}.text-link:hover{color:var(--primary-dark)}.profile-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;display:grid}.profile-content p{color:var(--muted);margin-bottom:18px}.profile-content .text-link{margin-top:10px}.profile-image{position:relative}.profile-image:before{content:"";background:var(--primary-light);border-radius:28px;width:55%;height:55%;position:absolute;top:-18px;right:-18px}.profile-image img{z-index:1;object-fit:cover;height:420px;box-shadow:var(--shadow);border-radius:24px;position:relative}.service-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{box-shadow:var(--shadow);border-color:#bbd7c6;transform:translateY(-6px)}.service-icon{background:var(--primary-light);border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:20px;font-size:1.45rem;display:grid}.service-card h3{color:var(--primary-dark);margin-bottom:10px;font-size:1.05rem}.service-card p{min-height:92px;color:var(--muted);margin-bottom:18px;font-size:.86rem}.service-card a{color:var(--primary);font-size:.82rem;font-weight:600}.card-grid{gap:24px;display:grid}.card-grid-three{grid-template-columns:repeat(3,1fr)}.image-card,.product-card,.news-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);transition:transform .2s,box-shadow .2s;overflow:hidden}.image-card:hover,.product-card:hover,.news-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.image-card>img,.product-card>img,.news-card>img{object-fit:cover;height:230px}.image-card-body,.product-card-body,.news-card-body{padding:24px}.image-card-body h3,.product-card-body h3,.news-card-body h3{color:var(--primary-dark);margin-bottom:10px;font-size:1.1rem}.image-card-body p,.product-card-body p,.news-card-body p{color:var(--muted);margin-bottom:18px;font-size:.86rem}.image-card-body a,.news-card-body a{color:var(--primary);font-size:.84rem;font-weight:600}.product-card-body>span{color:var(--primary);margin-bottom:9px;font-size:.75rem;font-weight:600;display:inline-block}.small-button{color:var(--white);background:var(--primary);border-radius:9px;padding:9px 15px;font-size:.78rem;font-weight:600;display:inline-flex}.news-card-body time{color:var(--primary);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:16px;display:grid}.gallery-grid img{object-fit:cover;border-radius:16px;height:100%;transition:transform .25s,filter .25s}.gallery-grid img:hover{filter:brightness(.9);transform:scale(1.02)}.gallery-grid img:first-child{grid-area:span 2/span 2}.gallery-grid img:nth-child(4){grid-column:span 2}.contact-grid{grid-template-columns:.95fr 1.05fr;gap:28px;display:grid}.contact-card,.map-placeholder{border:1px solid var(--border);border-radius:24px;padding:40px}.contact-card{background:var(--white);box-shadow:var(--shadow)}.contact-card>p{color:var(--muted);margin-bottom:28px}.contact-list{gap:18px;display:grid}.contact-item{align-items:flex-start;gap:14px;display:flex}.contact-item>div:first-child{background:var(--primary-light);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.contact-item>div:last-child{flex-direction:column;display:flex}.contact-item strong{color:var(--primary-dark);font-size:.88rem}.contact-item span{color:var(--muted);font-size:.82rem}.map-placeholder{text-align:center;background:linear-gradient(#e9f6eee6,#e9f6eee6),repeating-linear-gradient(45deg,#0000 0 25px,#176b3a0f 25px 27px);flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.map-icon{background:var(--white);width:76px;height:76px;box-shadow:var(--shadow);border-radius:50%;place-items:center;margin-bottom:18px;font-size:2rem;display:grid}.map-placeholder h3{color:var(--primary-dark);margin-bottom:10px;font-size:1.45rem}.map-placeholder p{max-width:430px;color:var(--muted);margin-bottom:25px}.footer{color:#ffffffd9;background:var(--primary-dark)}.footer-grid{grid-template-columns:1.3fr .8fr 1fr;gap:70px;padding-block:60px;display:grid}.footer-brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-logo-footer{color:var(--primary-dark);background:var(--white)}.footer-brand div:last-child{flex-direction:column;line-height:1.1;display:flex}.footer-brand span{font-size:.75rem}.footer-brand strong{color:var(--white);font-size:1.25rem}.footer-about p{color:#ffffffa8;max-width:420px;font-size:.84rem}.footer h3{color:var(--white);margin-bottom:18px;font-size:1rem}.footer-links{grid-template-columns:repeat(2,1fr);gap:9px 24px;display:grid}.footer-links a{color:#ffffffad;font-size:.82rem}.footer-links a:hover{color:var(--white)}.footer-grid>div:last-child p{color:#ffffffad;margin-bottom:12px;font-size:.82rem}.footer-bottom{background:#00000014;border-top:1px solid #ffffff1f}.footer-bottom-content{color:#fff9;justify-content:space-between;align-items:center;gap:20px;min-height:58px;font-size:.75rem;display:flex}@media (width<=1050px){.nav-menu{gap:17px}.nav-menu a{font-size:.78rem}.statistics-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{gap:40px}}@media (width<=820px){.container{width:min(100% - 28px,1160px)}.menu-toggle{display:block}.nav-menu{background:var(--white);flex-direction:column;align-items:stretch;gap:5px;width:min(340px,88%);height:calc(100vh - 78px);padding:30px;transition:right .25s;display:flex;position:fixed;top:78px;right:-100%;box-shadow:-12px 20px 40px #0f4f2a26}.nav-menu.open{right:0}.nav-menu a{border-bottom:1px solid var(--border);padding:13px 10px;font-size:.9rem}.nav-menu a:after{display:none}.hero{background-position:65%;min-height:590px}.hero h1{max-width:520px}.profile-grid,.contact-grid{grid-template-columns:1fr}.profile-image{order:-1}.profile-image img{height:360px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.card-grid-three,.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img:first-child{grid-area:span 1/span 2}.gallery-grid img:nth-child(4){grid-column:span 1}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-about{grid-column:span 2}}@media (width<=580px){.brand-text small{display:none}.hero{min-height:620px}.hero-text{padding-block:60px}.hero p{font-size:.95rem}.hero-buttons{flex-direction:column;align-items:stretch}.button{width:100%}.statistics{margin-top:-25px}.statistics-grid,.service-grid,.card-grid-three{grid-template-columns:1fr}.section{padding:75px 0}.profile-image img{height:280px}.gallery-grid{grid-auto-rows:180px}.gallery-grid img:first-child{grid-column:span 2}.contact-card,.map-placeholder{padding:28px 22px}.map-placeholder{min-height:400px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-about{grid-column:span 1}.footer-bottom-content{flex-direction:column;align-items:flex-start;gap:4px;padding-block:16px}}.admin-page{background:#f3f6f4;min-height:100vh;padding:60px 20px}.admin-container{width:min(1200px,100%);margin-inline:auto}.admin-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.admin-heading span{color:#66736b;font-size:.8rem}.admin-heading h1{color:#174f32;font-size:2.2rem}.admin-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 16px 45px #194d301a}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group-full{grid-column:1/-1}.form-group label{color:#234732;font-size:.88rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:#fff;border:1px solid #dce7df;border-radius:10px;outline:none;width:100%;padding:12px 14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#176b3a;box-shadow:0 0 0 3px #176b3a1a}.form-group small{color:#78837c;font-size:.76rem}.admin-submit{color:#fff;cursor:pointer;background:#176b3a;border:0;border-radius:10px;min-height:48px;margin-top:25px;padding:0 22px;font-weight:700}.alert{border-radius:10px;margin-bottom:20px;padding:15px 18px}.alert-error{color:#8d2727;background:#feecec}.alert ul{margin:8px 0 0 20px}@media (width<=650px){.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:auto}.admin-heading{flex-direction:column;align-items:flex-start}.admin-form{padding:22px}}.admin-heading-actions{align-items:center;gap:12px;display:flex}.admin-add-button,.admin-secondary-button{border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.admin-add-button{color:#fff;background:#176b3a;box-shadow:0 8px 20px #176b3a2e}.admin-add-button:hover{color:#fff;background:#125a30;transform:translateY(-2px)}.admin-secondary-button{color:#176b3a;background:#fff;border:1px solid #cfe1d5}.admin-secondary-button:hover{color:#125a30;background:#f1f7f3;transform:translateY(-2px)}.alert-success{color:#176238;background:#e8f7ed}.admin-table-card{background:#fff;border:1px solid #e4ece6;border-radius:20px;overflow:hidden;box-shadow:0 16px 45px #194d301a}.admin-table-header{border-bottom:1px solid #e4ece6;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.admin-table-header h2{color:#174f32;margin:0;font-size:1.25rem}.admin-table-header p{color:#77827b;margin:4px 0 0;font-size:.8rem}.admin-table-wrapper{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:920px}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1ee;padding:16px 20px}.admin-table th{color:#68756d;letter-spacing:.05em;white-space:nowrap;text-transform:uppercase;background:#f8faf8;font-size:.72rem;font-weight:700}.admin-table td{color:#34483c;font-size:.84rem}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:#fbfdfb}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td strong,.admin-table td small{display:block}.admin-table td strong{color:#174f32;font-size:.88rem}.admin-table td small{color:#7c8981;max-width:290px;margin-top:4px;font-size:.74rem;line-height:1.5}.admin-umkm-image{background:#edf6f0;border-radius:10px;place-items:center;width:72px;height:58px;font-size:1.5rem;display:grid;overflow:hidden}.admin-umkm-image img{object-fit:cover;width:100%;height:100%}.admin-status{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.status-active{color:#176238;background:#e5f6ea}.status-inactive{color:#8a3d3d;background:#faeaea}.admin-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.admin-actions form{margin:0}.admin-actions a,.admin-actions button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:.72rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;display:inline-flex}.admin-actions a:hover,.admin-actions button:hover{filter:brightness(.96);transform:translateY(-2px)}.action-view{color:#285a8a;background:#e8f2fb}.action-edit{color:#8a601c;background:#fff3db}.action-delete{color:#9b3535;background:#fbe7e7}.admin-pagination{border-top:1px solid #edf1ee;justify-content:center;align-items:center;gap:22px;padding:22px;display:flex}.admin-pagination a,.admin-pagination span{font-size:.8rem}.admin-pagination a{color:#176b3a;font-weight:700;text-decoration:none}.admin-empty-state{text-align:center;padding:70px 25px}.admin-empty-state>span{margin-bottom:10px;font-size:3.2rem;display:block}.admin-empty-state h3{color:#174f32;margin:0 0 7px;font-size:1.4rem}.admin-empty-state p{color:#77827b;margin-bottom:22px}.image-help-text{color:#78837c;margin-bottom:14px;font-size:.8rem}.edit-image-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;display:grid}.edit-image-item{background:#fff;border:1px solid #dfe8e2;border-radius:14px;min-height:145px;transition:opacity .2s,transform .2s,border-color .2s;position:relative;overflow:hidden}.edit-image-item img{object-fit:cover;width:100%;height:145px}.edit-image-remove{z-index:5;color:#fff;cursor:pointer;background:#972b2be6;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:1.35rem;font-weight:700;line-height:1;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 7px 18px #0000002e}.edit-image-remove:hover{background:#8d2727;transform:scale(1.06)}.edit-image-cover{color:#174f32;background:#e8f7edf0;border-radius:999px;padding:5px 9px;font-size:.67rem;font-weight:700;position:absolute;bottom:9px;left:9px}.edit-image-item.marked-for-deletion{opacity:.48;border-color:#d58c8c}.edit-image-item.marked-for-deletion:after{content:"Akan dihapus";color:#fff;pointer-events:none;background:#721d1d80;place-items:center;font-size:.84rem;font-weight:700;display:grid;position:absolute;inset:0}.edit-image-item.marked-for-deletion .edit-image-remove{z-index:10;color:#174f32;background:#fff}@media (width<=700px){.admin-page{padding:35px 14px}.admin-heading-actions{flex-direction:column;align-items:stretch;width:100%}.admin-heading-actions a{width:100%}.admin-table-header{padding:20px}.admin-table{min-width:850px}.admin-pagination{flex-wrap:wrap;gap:12px}}:root{--public-green:#1f6847;--public-green-dark:#12432e;--public-green-soft:#eaf5ef;--public-yellow:#efbd58;--public-orange:#df7d4d;--public-cream:#fffaf0;--public-white:#fff;--public-text:#1d2c24;--public-card:#fff8e9;--public-muted:#68766e;--public-border:#dfe9e2;--public-shadow:0 20px 55px #164b301f}.public-body{min-height:100vh;color:var(--public-text);background:#f6eddc;font-family:DM Sans,sans-serif;overflow-x:hidden}.public-container{width:min(1160px,100% - 40px);margin-inline:auto}.public-header{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8efdaf0;border-bottom:1px solid #12432e1f;position:sticky;top:0}.public-navbar{justify-content:space-between;align-items:center;gap:30px;min-height:78px;display:flex}.public-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.public-brand-logo{color:#fff;background:linear-gradient(135deg, var(--public-green), var(--public-green-dark));border-radius:15px;place-items:center;width:48px;height:48px;font-weight:800;display:grid;box-shadow:0 10px 22px #1f684738}.public-brand-text{flex-direction:column;line-height:1.12;display:flex}.public-brand-text small{color:var(--public-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem}.public-brand-text strong{color:var(--public-green-dark);font-family:Playfair Display,serif;font-size:1.15rem}.public-navigation{align-items:center;gap:30px;display:flex}.public-navigation a{color:var(--public-text);font-size:.87rem;font-weight:600;text-decoration:none;position:relative}.public-navigation a:after{content:"";background:var(--public-orange);border-radius:999px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-9px;left:0}.public-navigation a:hover:after,.public-navigation a.active:after{width:100%}.public-menu-button{background:var(--public-green);cursor:pointer;border:0;border-radius:13px;width:44px;height:44px;display:none}.public-menu-button span{background:#fff;border-radius:999px;width:20px;height:2px;margin:5px auto;display:block}.umkm-hero{background:radial-gradient(circle at 82% 22%,#e4ad5575,#0000 32%),radial-gradient(circle at 68% 82%,#1f68472e,#0000 34%),linear-gradient(135deg,#f5ead3 0%,#efe1c2 52%,#dce8d8 100%);padding:105px 0 125px;position:relative;overflow:hidden}.umkm-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;display:grid}.umkm-eyebrow{color:var(--public-orange);letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;font-size:.73rem;font-weight:800;display:inline-flex}.umkm-hero h1{max-width:680px;color:var(--public-green-dark);letter-spacing:-.045em;margin-bottom:22px;font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,5.7rem);line-height:.98}.umkm-hero h1 span{color:var(--public-orange);display:block}.umkm-hero-content>p{max-width:620px;color:var(--public-muted);margin-bottom:30px;font-size:1.02rem;line-height:1.8}.public-primary-button,.public-secondary-button{border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.public-primary-button{color:#fff;background:var(--public-green);box-shadow:0 13px 28px #1f684733}.public-secondary-button{color:var(--public-green);background:#fff}.public-primary-button:hover,.public-secondary-button:hover{transform:translateY(-3px)}.umkm-hero-visual{min-height:390px;position:relative}.hero-shape{border-radius:50%;position:absolute}.hero-shape-one{background:var(--public-yellow);opacity:.32;width:310px;height:310px;top:10px;right:10px}.hero-shape-two{background:var(--public-green);opacity:.13;width:230px;height:230px;bottom:5px;left:25px}.hero-business-card,.hero-category-card{box-shadow:var(--public-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8e9e6;border:1px solid #12432e1a;position:absolute}.hero-business-card{border-radius:28px;align-items:center;gap:18px;min-height:150px;padding:28px;display:flex;top:90px;left:30px;right:35px;transform:rotate(-3deg)}.hero-business-icon{background:var(--public-green-soft);border-radius:22px;flex-shrink:0;place-items:center;width:76px;height:76px;font-size:2.5rem;display:grid}.hero-business-card div{flex-direction:column;display:flex}.hero-business-card small{color:var(--public-muted)}.hero-business-card strong{color:var(--public-green-dark);font-family:Playfair Display,serif;font-size:1.4rem}.hero-category-card{border-radius:22px;gap:9px;padding:16px;display:flex;bottom:42px;right:5px;transform:rotate(4deg)}.hero-category-card span{background:var(--public-cream);border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.4rem;display:grid}.public-statistics{z-index:5;margin-top:-55px;position:relative}.public-statistics-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.public-statistics article{border:1px solid var(--public-border);background:var(--public-card);min-height:112px;box-shadow:var(--public-shadow);border-radius:20px;align-items:center;gap:16px;padding:22px;display:flex}.public-statistics article>span{background:var(--public-green-soft);border-radius:16px;place-items:center;width:55px;height:55px;font-size:1.55rem;display:grid}.public-statistics article div{flex-direction:column;display:flex}.public-statistics strong{color:var(--public-green-dark);font-size:1.25rem}.public-statistics small{color:var(--public-muted)}.umkm-showcase-section{background:#f6eddc;padding:85px 0 95px;overflow:hidden}.showcase-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px;display:flex}.showcase-heading h2{color:var(--public-green-dark);letter-spacing:-.035em;margin:0;font-family:Playfair Display,serif;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1}.showcase-heading p{max-width:470px;color:var(--public-muted);margin:0;line-height:1.75}.umkm-showcase-display{border:1px solid var(--public-border);background:var(--public-card);box-shadow:var(--public-shadow);border-radius:30px;padding:34px 70px 55px;position:relative}.umkm-showcase-swiper{width:100%;padding:0 0 42px;overflow:hidden}.umkm-showcase-swiper .swiper-wrapper{align-items:stretch}.umkm-showcase-swiper .swiper-slide{height:255px}.umkm-showcase-card{border:1px solid var(--public-border);background:var(--public-cream);border-radius:23px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #12432e21}.umkm-showcase-card img{object-fit:cover;width:100%;height:100%;transition:transform .55s;display:block}.umkm-showcase-card:hover img{transform:scale(1.06)}.umkm-showcase-overlay{color:#fff;background:linear-gradient(#12432e00 0%,#12432eab 52%,#12432ef5 100%);padding:70px 22px 21px;position:absolute;inset:auto 0 0}.umkm-showcase-overlay span{color:var(--public-yellow);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:800;display:inline-block}.umkm-showcase-overlay h3{color:#fff;margin:0 0 3px;font-family:Playfair Display,serif;font-size:1.4rem;line-height:1.2}.umkm-showcase-overlay small{color:#fffc;font-size:.75rem}.umkm-showcase-placeholder{width:100%;height:100%;color:var(--public-green-dark);background:linear-gradient(135deg, var(--public-green-soft), var(--public-cream));flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.umkm-showcase-placeholder span{font-size:3rem}.umkm-showcase-placeholder strong{font-family:Playfair Display,serif;font-size:1.25rem}.umkm-showcase-placeholder small{color:var(--public-muted)}.showcase-navigation{z-index:20;width:48px;height:48px;color:var(--public-orange);cursor:pointer;background:#fff;border:1px solid #12432e1f;border-radius:50%;place-items:center;padding:0;font-size:2rem;line-height:1;transition:transform .2s,background .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 25px #12432e29}.showcase-navigation:hover{background:var(--public-cream);transform:translateY(-50%)scale(1.06)}.showcase-navigation-prev{left:13px}.showcase-navigation-next{right:13px}.showcase-navigation.swiper-button-disabled{opacity:.3;cursor:not-allowed}.umkm-showcase-swiper .swiper-pagination{bottom:6px}.umkm-showcase-swiper .swiper-pagination-bullet{background:var(--public-green);opacity:.3;width:8px;height:8px}.umkm-showcase-swiper .swiper-pagination-bullet-active{opacity:1;border-radius:999px;width:23px}.umkm-directory-section{background:#f6eddc;padding:110px 0}.directory-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px;display:flex}.directory-heading h2,.public-about-section h2{color:var(--public-green-dark);font-family:Playfair Display,serif;font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.1}.directory-heading>p{max-width:470px;color:var(--public-muted)}.umkm-filter{border:1px solid var(--public-border);background:#eee4cf;border-radius:20px;grid-template-columns:1fr 220px auto auto;gap:12px;margin-bottom:42px;padding:15px;display:grid}.filter-search{border:1px solid var(--public-border);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:0 15px;display:flex}.filter-search input{border:0;outline:none;width:100%;min-height:48px}.umkm-filter select{border:1px solid var(--public-border);background:#fff;border-radius:12px;outline:none;min-height:48px;padding:0 13px}.umkm-filter>button,.filter-reset{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 21px;font-weight:700;display:inline-flex}.umkm-filter>button{color:#fff;background:var(--public-green)}.filter-reset{color:var(--public-green);background:var(--public-green-soft);text-decoration:none}.umkm-public-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.umkm-public-card{border:1px solid var(--public-border);background:var(--public-card);border-radius:23px;transition:transform .25s,box-shadow .25s;overflow:hidden}.umkm-public-card:hover{box-shadow:var(--public-shadow);transform:translateY(-7px)}.umkm-card-image{background:var(--public-green-soft);height:245px;display:block;position:relative;overflow:hidden}.umkm-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.umkm-public-card:hover .umkm-card-image img{transform:scale(1.06)}.umkm-image-placeholder,.detail-image-placeholder{width:100%;height:100%;color:var(--public-muted);background:linear-gradient(135deg, var(--public-green-soft), var(--public-cream));flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.umkm-image-placeholder span,.detail-image-placeholder span{font-size:3rem}.umkm-category-badge{color:var(--public-green-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:999px;padding:7px 11px;font-size:.7rem;font-weight:700;position:absolute;bottom:15px;left:15px}.umkm-card-content{padding:23px}.umkm-owner{color:var(--public-orange);margin-bottom:7px;font-size:.72rem;font-weight:700;display:block}.umkm-card-content h3{margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.35rem}.umkm-card-content h3 a{color:var(--public-green-dark);text-decoration:none}.umkm-card-content>p{min-height:70px;color:var(--public-muted);margin-bottom:20px;font-size:.86rem;line-height:1.7}.umkm-card-footer{border-top:1px solid var(--public-border);justify-content:space-between;align-items:center;gap:14px;padding-top:16px;display:flex}.umkm-card-footer span{color:var(--public-muted);font-size:.72rem}.umkm-card-footer a{color:var(--public-green);flex-shrink:0;font-size:.76rem;font-weight:700;text-decoration:none}.public-pagination{justify-content:center;align-items:center;gap:25px;margin-top:45px;display:flex}.public-pagination a,.public-pagination span{font-size:.82rem}.public-pagination a{color:var(--public-green);font-weight:700;text-decoration:none}.pagination-disabled{color:#aab2ad}.umkm-empty-state{text-align:center;background:#f8fbf9;border:1px dashed #cbd9cf;border-radius:24px;padding:70px 25px}.umkm-empty-state>span{font-size:3rem}.umkm-empty-state h3{color:var(--public-green-dark);margin:13px 0 7px;font-family:Playfair Display,serif;font-size:1.6rem}.umkm-empty-state p{color:var(--public-muted);margin-bottom:23px}.public-about-section{background:var(--public-green-soft);padding:100px 0}.public-about-grid{grid-template-columns:1fr .8fr;align-items:start;gap:90px;display:grid}.public-about-grid p{color:var(--public-muted);margin-bottom:17px;line-height:1.8}.umkm-detail-hero{background:linear-gradient(180deg, var(--public-cream), white 60%);padding:55px 0 100px}.detail-back-link{color:var(--public-green);margin-bottom:28px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-block}.umkm-detail-grid{grid-template-columns:1.12fr .88fr;align-items:start;gap:55px;display:grid}.umkm-slider{background:var(--public-green-soft);min-width:0;height:520px;box-shadow:var(--public-shadow);border-radius:28px;position:relative;overflow:hidden}.umkm-slider-track{width:100%;height:100%;position:relative}.umkm-slide{opacity:0;pointer-events:none;transition:opacity .45s,transform .55s;position:absolute;inset:0;transform:scale(1.04)}.umkm-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.umkm-slide img{object-fit:cover;width:100%;height:100%}.slider-arrow{z-index:10;width:48px;height:48px;color:var(--public-green-dark);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border:1px solid #ffffffbf;border-radius:50%;place-items:center;font-size:1.8rem;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 25px #1c412c26}.slider-arrow-left{left:18px}.slider-arrow-right{right:18px}.slider-counter{z-index:10;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12432eb8;border-radius:999px;padding:8px 13px;font-size:.75rem;position:absolute;bottom:18px;right:18px}.umkm-thumbnails{grid-column:1;gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.umkm-thumbnail{cursor:pointer;opacity:.55;background:0 0;border:3px solid #0000;border-radius:12px;flex-shrink:0;width:85px;height:67px;padding:0;transition:opacity .2s,border-color .2s;overflow:hidden}.umkm-thumbnail.active{border-color:var(--public-green);opacity:1}.umkm-thumbnail img{object-fit:cover;width:100%;height:100%}.umkm-detail-content{grid-area:1/2/span 2;padding-top:18px}.detail-category{color:var(--public-green);background:var(--public-green-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:16px;padding:8px 13px;font-size:.7rem;font-weight:800;display:inline-flex}.umkm-detail-content h1{color:var(--public-green-dark);letter-spacing:-.04em;margin-bottom:10px;font-family:Playfair Display,serif;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.02}.detail-owner{color:var(--public-muted);margin-bottom:26px}.detail-owner strong{color:var(--public-green-dark)}.detail-description{color:var(--public-muted);margin-bottom:30px;line-height:1.85}.detail-information-list{gap:11px;margin-bottom:28px;display:grid}.detail-information-list>div{border:1px solid var(--public-border);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.detail-information-list>div>span{background:var(--public-green-soft);border-radius:13px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:1.25rem;display:grid}.detail-information-list>div>div{flex-direction:column;display:flex}.detail-information-list small{color:var(--public-muted);font-size:.66rem}.detail-information-list strong{color:var(--public-green-dark);font-size:.83rem}.whatsapp-button{color:#fff;background:#1f9d55;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:53px;padding:0 24px;font-weight:700;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 15px 30px #1f9d5538}.whatsapp-button:hover{background:#168548;transform:translateY(-3px)}.detail-support-section{padding:0 0 100px}.detail-support-card{color:#fff;background:var(--public-green);border-radius:28px;justify-content:space-between;align-items:center;gap:50px;padding:50px;display:flex}.detail-support-card .umkm-eyebrow{color:var(--public-yellow)}.detail-support-card h2{max-width:720px;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.public-footer{color:#ffffffb8;background:var(--public-green-dark);padding-top:65px}.public-footer-grid{grid-template-columns:1.3fr .65fr .8fr;gap:70px;padding-bottom:50px;display:grid}.public-footer-label{color:var(--public-yellow);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:800}.public-footer h2{color:#fff;margin:7px 0 12px;font-family:Playfair Display,serif;font-size:2rem}.public-footer h3{color:#fff;margin-bottom:14px;font-size:.9rem}.public-footer p,.public-footer a{color:#ffffffa8;font-size:.82rem;line-height:1.7}.public-footer a{margin-bottom:7px;text-decoration:none;display:block}.public-footer-bottom{border-top:1px solid #ffffff1a;align-items:center;min-height:58px;font-size:.74rem;display:flex}@media (width<=900px){.umkm-hero-grid,.umkm-detail-grid,.public-about-grid{grid-template-columns:1fr}.umkm-hero-visual{min-height:330px}.umkm-public-grid{grid-template-columns:repeat(2,1fr)}.umkm-filter{grid-template-columns:1fr 190px}.umkm-filter>button,.filter-reset{width:100%}.umkm-detail-content{grid-area:auto/1}.umkm-thumbnails{grid-column:1}.public-footer-grid{grid-template-columns:1fr 1fr}.public-footer-grid>div:first-child{grid-column:1/-1}}@media (width<=680px){.public-container{width:min(100% - 28px,1160px)}.public-menu-button{display:block}.public-navigation{background:var(--public-card);flex-direction:column;align-items:stretch;gap:3px;width:min(330px,87%);height:calc(100vh - 78px);padding:25px;transition:right .3s;position:fixed;top:78px;right:-100%;box-shadow:-15px 25px 55px #16432e29}.public-navigation.open{right:0}.public-navigation a{border-bottom:1px solid var(--public-border);padding:13px 8px}.public-navigation a:after{display:none}.umkm-hero{padding:75px 0 100px}.umkm-hero h1{font-size:3.4rem}.public-statistics-grid,.umkm-public-grid{grid-template-columns:1fr}.public-statistics{margin-top:-35px}.directory-heading{flex-direction:column;align-items:flex-start;gap:12px}.umkm-filter{grid-template-columns:1fr}.umkm-card-content>p{min-height:auto}.umkm-slider{border-radius:21px;height:390px}.slider-arrow{width:42px;height:42px}.detail-support-card{flex-direction:column;align-items:flex-start;padding:35px 25px}.public-footer-grid{grid-template-columns:1fr;gap:35px}.public-footer-grid>div:first-child{grid-column:auto}.public-pagination{flex-wrap:wrap;gap:13px}.umkm-showcase-section{padding:65px 0 75px}.showcase-heading{flex-direction:column;align-items:flex-start;gap:12px}.umkm-showcase-display{border-radius:22px;padding:22px 52px 48px}.umkm-showcase-swiper{padding-bottom:38px}.umkm-showcase-swiper .swiper-slide{height:225px}.showcase-navigation{width:40px;height:40px;font-size:1.6rem}.showcase-navigation-prev{left:6px}.showcase-navigation-next{right:6px}}