@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--pd-red:#c00000;--pd-red-dark:#a00000;--pd-ink:#1f2937;--pd-muted:#6b7280;--pd-border:#e5e7eb;}
body{font-family:'DM Sans',sans-serif;color:var(--pd-ink);overflow-x:hidden!important}
.is-sticky,.is-sticky header,.is-sticky #header_mobile,.sticky-wrapper,.navbar-fixed-top{background-color:#fff!important;z-index:9999!important}
.container_sosmed{background:#fff!important;border-bottom:1px solid var(--pd-border)!important;min-height:42px!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;float:none!important}
.container_sosmed *{box-sizing:border-box!important}
.container_sosmed>.col-md-8,.container_sosmed>.col-md-4{float:none!important;width:auto!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;height:100%!important;gap:12px!important;min-width:0!important;flex-shrink:0!important}
.container_sosmed>.col-md-4{flex-shrink:0!important;margin-left:auto!important}
.header_social_container,.header_member,#topbar-nav-wrapper,#menu_nav,.header_social{height:100%!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important}
.header_social a,.value_social,.web_outlet_header_main_view a,#div_dropdown_member #profile_name,#menu_nav>li>a{display:flex!important;align-items:center!important;gap:6px!important;color:var(--pd-muted)!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;white-space:nowrap!important;border:none!important;background:transparent!important;padding:0 8px!important;margin:0!important;height:32px!important;line-height:normal!important;border-radius:6px!important;transition:all .15s!important}
.header_social a:hover,.web_outlet_header_main_view a:hover,#menu_nav>li>a:hover,#div_dropdown_member #profile_name:hover{color:var(--pd-red)!important;background:#fff0f0!important}
.header-contact,.akun-icon{width:20px!important;height:20px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;margin:0!important;flex-shrink:0!important}
.header-contact i,.akun-icon i{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important}
.header-contact-1{background:#25D366!important;color:#fff!important}
.header-contact-2{background:#0078d4!important;color:#fff!important}
.akun-icon{background:var(--pd-red)!important;color:#fff!important}
.web_outlet_header_main_view .fa-map-marker{color:var(--pd-red)!important;font-size:13px!important;margin-right:0!important;flex-shrink:0!important}
#div_dropdown_member .caret{margin-left:6px!important;color:var(--pd-red)!important;display:flex!important;align-items:center!important}
.topbar-divider{display:block!important;width:1px!important;height:14px!important;background:var(--pd-border)!important;margin:0 4px!important;flex-shrink:0!important;align-self:center!important}
#div_dropdown_member .dropdown-menu{border-radius:10px!important;border:1px solid #eee!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important;padding:6px!important;margin-top:6px!important;min-width:190px!important;z-index:10000!important;position:absolute!important}
#div_dropdown_member .dropdown-menu>li>a{font-size:13px!important;color:var(--pd-ink)!important;border-radius:8px!important;padding:8px 12px!important;display:flex!important;align-items:center!important}
#div_dropdown_member .dropdown-menu>li>a:hover{background:#fff0f0!important;color:var(--pd-red)!important}
.container_sosmed .dropdown-menu,#menu_nav .dropdown-menu,.header_member .dropdown-menu{z-index:10000!important;position:absolute!important}
#web_outlet_modal{z-index:10500!important}
#web_outlet_modal .modal-content{border-radius:12px!important;border:none!important;box-shadow:0 10px 40px rgba(0,0,0,.15)!important}
#web_outlet_modal .modal-header{background:#fff!important;border-bottom:1px solid var(--pd-border)!important;padding:16px 20px!important;border-radius:12px 12px 0 0!important}
#web_outlet_modal .modal-title{font-weight:700!important;font-size:16px!important;color:var(--pd-ink)!important}
#web_outlet_modal .modal-header .close{color:var(--pd-ink)!important;opacity:.5!important;font-size:24px!important;margin-top:-4px!important;outline:none!important}
#web_outlet_modal .modal-body{display:block!important;padding:20px!important}
#outlet_search_wrapper{width:100%!important;margin-bottom:20px!important;display:block!important;position:relative!important}
#outlet_search_input{width:100%!important;display:block!important;box-sizing:border-box!important;border-radius:8px!important;border:1px solid #d1d5db!important;background-color:#fff!important;padding:12px 16px 12px 38px!important;font-size:14px!important;transition:all .2s!important;outline:none!important;box-shadow:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:12px center!important}
#outlet_search_input:focus{border-color:var(--pd-red)!important;outline:none!important;box-shadow:none!important}
.web_outlet_wrapper{width:100%!important;border-radius:10px!important;padding:12px 14px!important;background:#fff!important;transition:all .2s ease!important;display:flex!important;align-items:flex-start!important;gap:12px!important;cursor:pointer!important;box-sizing:border-box!important;margin-bottom:15px!important}
.web_outlet_wrapper:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)!important;transform:translateY(-2px)}
.img_outlet_container{width:44px!important;height:44px!important;border-radius:8px!important;overflow:hidden!important;flex-shrink:0!important;background:#f9f9f9!important;display:flex!important;align-items:center!important;justify-content:center!important}
.img_outlet_container img{width:100%!important;height:100%!important;object-fit:cover!important}
.web_outlet_content{flex:1!important;min-width:0!important;display:block!important}
.web_outlet_content h4{font-size:14px!important;font-weight:700!important;color:var(--pd-ink)!important;margin:0 0 4px 0!important;line-height:1.2!important;white-space:normal!important;word-wrap:break-word!important}
.web_outlet_content div{font-size:12px!important;color:var(--pd-muted)!important;line-height:1.4!important;margin-bottom:2px!important;word-wrap:break-word!important;white-space:normal!important}
.web_outlet_content div i{color:#25D366!important;font-size:14px!important;margin-left:4px!important}
.produk_show{outline:1px solid #efefef;border-radius:5px;background:#fff;padding:15px;display:flex;flex-direction:column;box-sizing:border-box;transition:transform .18s ease}
.produk_show:hover{transform:translateY(-3px)}
.box_thumb_produk .box_thumb_image{height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%!important}
.box_thumb_produk .box_thumb_image img{max-width:90%!important;max-height:90%!important;object-fit:contain!important;margin:0 auto!important;display:block!important;transform:none!important;position:static!important}
.produk_show .box_thumb_produk .button_produk{display:block!important;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;position:relative;bottom:auto;width:100%;margin-top:10px}
.produk_show:hover .box_thumb_produk .button_produk{opacity:1;transform:translateY(0)}
.produk_show .box_thumb_produk .button_produk a,.produk_show .box_thumb_produk .button_produk button{display:block!important;width:100%!important;text-align:center!important;background:#c00000!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:9px 14px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;text-decoration:none!important;transition:background .15s!important;box-sizing:border-box!important}
.produk_show .box_thumb_produk .button_produk a:hover,.produk_show .box_thumb_produk .button_produk button:hover{background:#a00000!important;color:#fff!important}
#div_nama_produk{font-size:25px;font-weight:500;line-height:1.3;margin:15px 0 10px 0;text-align:left!important}
.box_thumb_produk .thumb_harga_produk_container .thumb_harga_produk{font-size:16px;font-weight:500;color:#c00000;text-align:left!important}
#footer_content_2{display:none!important}
@media(min-width:768px){
.navbar-wrapper,nav.navbar-wrapper,.navbar-default.navbar-wrapper{display:none!important}
.web_outlet_header_mobile_view{display:none!important}
#header{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:16px!important;padding:14px 24px!important;box-sizing:border-box!important;width:100%!important;border-bottom:1px solid #f3f4f6!important;position:sticky!important;top:0!important;z-index:900!important;background:#fff!important}
#header>.col-md-4{width:auto!important;float:none!important;padding:0!important;margin:0!important;flex-shrink:0!important;display:flex!important;align-items:center!important}
#header .logo{margin:0!important;display:flex!important;align-items:center!important}
#header .logo img{max-height:38px!important;width:auto!important}
#header>.col-md-8{width:auto!important;float:none!important;padding:0!important;margin:0!important;flex:1!important;display:flex!important;align-items:center!important;gap:12px!important}
#header ul,#header .navbar-nav{margin:0!important;float:none!important}
#header::after,#header::before{display:none!important}
#menu_kategori,#menu_merek{float:none!important;width:auto!important;margin:0!important;flex-shrink:0!important;list-style:none!important;padding:0!important}
#menu_kategori{order:1}
#menu_merek{order:2}
#menu_kategori>li>a,#menu_merek>li>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:transparent!important;color:var(--pd-ink)!important;font-size:14px!important;font-weight:600!important;height:44px!important;padding:0 14px!important;border-radius:8px!important;text-decoration:none!important;border:none!important;transition:all .15s ease!important}
#menu_kategori>li>a:hover,#menu_merek>li>a:hover{color:var(--pd-red)!important;background:#f1f2f6!important}
#searching_div{flex:1!important;min-width:0!important;order:3!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;display:flex!important;align-items:center!important}
#searching_div>form,#searching_div>form>.searching_field,#searching_div>form>.searching_field>.searching_text_box{display:block!important;width:100%!important;border:none!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;outline:none!important}
#searching_div>form>.searching_field>.clear,#searching_div>form>.actions{display:none!important}
#searching_div #pencarian_parameter{display:block!important;width:100%!important;box-sizing:border-box!important;height:44px!important;background-color:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:0 45px 0 16px!important;margin:0!important;font-size:14px!important;color:var(--pd-ink)!important;outline:none!important;transition:all .2s ease!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important}
#searching_div #pencarian_parameter:focus{background-color:#fff!important;border-color:var(--pd-red)!important;box-shadow:none!important;outline:none!important}
.header_shopping_cart_button_placer_container{flex-shrink:0!important;margin:0!important;order:4;display:flex!important;align-items:center!important}
#shopping .shopping_wrapper a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:transparent!important;color:var(--pd-ink)!important;font-size:14px!important;font-weight:600!important;height:44px!important;padding:0 16px!important;border-radius:8px!important;border:none!important;text-decoration:none!important;transition:all .15s ease!important}
#shopping .shopping_wrapper a:hover{color:var(--pd-red)!important;background:#f1f2f6!important}
#shopping .shopping_cart_icon i{color:var(--pd-red)!important;font-size:22px!important}
#shopping .shopping_cart_text{display:none!important}
}
@media(max-width:767px){
.container_sosmed,#header{display:none!important}
.navbar-wrapper,.navbar-default{background-color:#fff!important;border-bottom:1px solid #f0f0f0!important;border-top:none!important;box-shadow:none!important}
.navbar-wrapper{top:0!important;position:fixed!important;left:0!important;right:0!important;width:100%!important;z-index:10002!important}
#banner_content{margin-top:70px!important}
.navbar-toggle .icon-bar{background-color:var(--pd-red)!important}
.navbar-toggle:hover,.navbar-toggle:focus{background:#fff0f0!important;outline:none!important}
#bt_search_mobile i{color:var(--pd-red)!important}
.navbar-nav>li>a{color:var(--pd-ink)!important;font-weight:500!important}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:var(--pd-red)!important;background:#fff8f8!important}
.navbar-nav>li>a>i,.navbar-nav>li>a .fa{color:var(--pd-red)!important}
.navbar-nav>li.open>.dropdown-menu{background:#f9f9f9!important;border-top:1px solid #eee!important;box-shadow:none!important}
.navbar-nav>li>.dropdown-menu>li>a{color:var(--pd-muted)!important}
.navbar-nav>li>.dropdown-menu>li>a:hover{color:var(--pd-red)!important;background:#fff0f0!important}
#div_dropdown_member{width:100%!important}
#div_dropdown_member.open>.dropdown-menu{display:block!important;position:static!important;float:none!important;width:100%!important;box-shadow:none!important;border:none!important;border-top:1px solid #eee!important;background:#f9f9f9!important;padding:4px 0!important;margin:0!important;border-radius:0!important}
#div_dropdown_member .dropdown-menu>li>a{padding:11px 16px 11px 32px!important;font-size:13px!important;color:#374151!important;display:block!important;border-radius:0!important}
#div_dropdown_member .dropdown-menu>li>a:hover{color:var(--pd-red)!important;background:#fff0f0!important}
.produk_show{padding:10px}
.box_thumb_produk .box_thumb_image{height:200px}
#div_nama_produk{font-size:16px;margin:10px 0 5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#web_outlet_modal .modal-body [class*="col-"]{width:100%!important;flex:none!important;max-width:100%!important;padding:0!important;margin-bottom:10px!important}
}