/* DBMID shared styles: tokens, ticker, header, navigation, footer */
:root{
  --dbm-bg:#111113; --dbm-bg-alt:#1E1F23; --dbm-bar:#131313;
  --dbm-card:#282A2F; --dbm-card-alt:#222327; --dbm-line:#2E3035; --dbm-line-soft:#26282C;
  --dbm-text:#F4F4F5; --dbm-text-2:#B4B6BC; --dbm-muted:#8A8D94; --dbm-nav:#C9CBD0;
  --dbm-red:#D7141D; --dbm-ticker:#D7141D;
  --dbm-font-display:'Barlow Condensed', sans-serif;
  --dbm-font-body:'Barlow', sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--dbm-bg);color:var(--dbm-text);font-family:var(--dbm-font-body);font-size:17px;line-height:1.6}
img{display:block;max-width:100%}
.dbm-wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.dbm-display{font-family:var(--dbm-font-display);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.5px}
.dbm-red{color:var(--dbm-red)}
.dbm-ticker{position:relative;overflow:hidden;isolation:isolate;background:var(--dbm-ticker);color:#fff;text-align:center;font-family:'Montserrat', sans-serif;font-size:16px;font-weight:700;line-height:1.4}
.dbm-ticker::before{content:'';position:absolute;inset:0;background:#A80F16;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1);z-index:-1}
.dbm-ticker a{display:block;padding:11px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none;transition:padding-left .3s ease,letter-spacing .3s ease}
@media (hover:hover){.dbm-ticker:hover::before{transform:scaleX(1)}.dbm-ticker:hover a{padding-left:24px;letter-spacing:.02em}}
@media (max-width:600px){.dbm-ticker{font-size:14px}.dbm-ticker a{padding:0 16px;border-top:10px solid transparent;border-bottom:10px solid transparent;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.35}}
@media (prefers-reduced-motion:reduce){.dbm-ticker::before,.dbm-ticker a{transition:none}}
.dbm-footer{background:var(--dbm-bg-alt);border-top:1px solid #222326}
.dbm-footer > .dbm-wrap{display:flex;flex-direction:column;gap:56px;padding-block:72px 32px}
.dbm-footer__cols{display:flex;flex-wrap:wrap;gap:40px 48px}
.dbm-footer__brand{flex:1.4 1 320px;min-width:0;display:flex;flex-direction:column;gap:20px}
.dbm-footer__brand img{height:44px;width:auto;align-self:flex-start}
.dbm-footer__brand p{margin:0;max-width:380px;color:#A6A8AE;font-size:15px}
.dbm-social{display:flex;gap:10px}
.dbm-social a{width:44px;height:44px;border-radius:6px;border:1px solid var(--dbm-line);display:flex;align-items:center;justify-content:center;color:#fff;transition:border-color .2s}
.dbm-social a:hover{border-color:var(--dbm-red)}
.dbm-footer__col{min-width:0;display:flex;flex-direction:column;gap:12px;font-size:15px}
.dbm-footer__col--nav{flex:.7 1 160px}
.dbm-footer__col--branch{flex:1.2 1 260px;gap:20px}
.dbm-footer__col--wa{flex:1 1 220px}
.dbm-footer__col a{color:#E4E5E7;text-decoration:none}
.dbm-footer__col a:hover{color:#fff}
.dbm-footer__label{font-family:var(--dbm-font-display);font-weight:700;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dbm-muted)}
.dbm-branch{display:flex;flex-direction:column;gap:4px}
.dbm-branch strong{color:#fff}
.dbm-branch address{font-style:normal;color:#A6A8AE;line-height:1.5}
.dbm-footer__col .dbm-branch a{padding-top:4px;color:#fff;font-weight:600}
.dbm-footer__col--wa span{color:var(--dbm-muted)}
.dbm-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;border-top:1px solid var(--dbm-line);color:var(--dbm-muted);font-size:14px}

/* Header: logo left, menu + search + WhatsApp right */
.dbm-header{position:relative;z-index:60;background:var(--dbm-bar);border-bottom:1px solid #222326}
.dbm-header > .dbm-wrap{display:flex;align-items:center;gap:24px;padding-block:14px}
.dbm-logo{flex:none;display:flex}
.dbm-logo img{height:34px;width:auto}
.dbm-header__right{margin-left:auto;display:flex;align-items:center;gap:6px}
.dbm-nav{display:flex;align-items:center;gap:30px;font-family:'Montserrat', sans-serif;font-weight:600;font-size:16px;line-height:1.2}
.dbm-nav > a,.dbm-nav__item > a{position:relative;display:inline-flex;align-items:center;gap:5px;padding:10px 0;color:#fff;text-decoration:none}
.dbm-nav > a::after,.dbm-nav__item > a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--dbm-red);transform:scaleX(0);transition:transform .25s ease}
.dbm-nav > a:hover::after,.dbm-nav__item:hover > a::after,.dbm-nav > a[aria-current="page"]::after,.dbm-nav__item > a[aria-current="page"]::after{transform:scaleX(1)}
.dbm-chev{flex:none;transition:transform .2s}
.dbm-nav__item:hover .dbm-chev{transform:rotate(180deg)}
.dbm-header__sep{width:1px;height:36px;margin:0 14px 0 28px;background:var(--dbm-line)}
.dbm-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background-color .2s}
.dbm-icon-btn:hover,.dbm-icon-btn[aria-expanded="true"]{background:var(--dbm-card-alt)}
.dbm-icon-btn:focus-visible,.dbm-nav a:focus-visible,.dbm-mnav a:focus-visible,.dbm-mnav summary:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Produk & Servis dropdowns (desktop hover / keyboard focus) */
.dbm-nav__item{position:relative;display:flex}
.dbm-nav__sub{position:absolute;top:100%;left:-14px;z-index:70;display:none;padding-top:12px}
.dbm-nav__item:hover .dbm-nav__sub,.dbm-nav__item:focus-within .dbm-nav__sub{display:block}
.dbm-nav__panel{display:flex;flex-direction:column;min-width:240px;padding:8px;border-radius:10px;background:var(--dbm-bg-alt);border:1px solid var(--dbm-line);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.dbm-nav__panel a{padding:10px 12px;border-radius:6px;font-size:15px;color:var(--dbm-nav);text-decoration:none}
.dbm-nav__panel a:hover{background:var(--dbm-card);color:#fff}
.dbm-nav__panel a[aria-current="page"],.dbm-nav__panel a[aria-current="page"]:hover{background:#A80F16;color:#fff}
@media (hover:none){.dbm-nav__item:hover .dbm-nav__sub{display:none}}

/* WhatsApp popup */
.dbm-wa{position:relative;margin-left:8px}
.dbm-icon-btn.dbm-wa__btn{width:52px;height:52px;background:var(--dbm-red)}
.dbm-icon-btn.dbm-wa__btn:hover,.dbm-icon-btn.dbm-wa__btn[aria-expanded="true"]{background:#B9111A}
.dbm-wa__panel{position:absolute;top:calc(100% + 12px);right:0;z-index:80;width:310px;padding:8px;border-radius:12px;background:var(--dbm-bg-alt);border:1px solid var(--dbm-line);box-shadow:0 18px 48px rgba(0,0,0,.55)}
.dbm-wa__panel[hidden]{display:none}
.dbm-wa__head{padding:10px 12px 10px;font-family:'Montserrat', sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:#fff}
.dbm-wa__head small{display:block;margin-top:3px;font-family:var(--dbm-font-body);font-weight:400;font-size:14px;color:var(--dbm-muted)}
.dbm-wa__panel a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--dbm-muted);text-decoration:none}
.dbm-wa__panel a:hover,.dbm-wa__panel a:focus-visible{background:var(--dbm-card);color:#fff;outline:0}
.dbm-wa__ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border-radius:50%;background:rgba(215,20,29,.16);color:#FF4A52}
.dbm-wa__ico svg{width:20px;height:20px}
.dbm-wa__txt{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.dbm-wa__name{font-family:'Montserrat', sans-serif;font-weight:600;font-size:15px;color:#fff}
.dbm-wa__role{font-size:14px;color:var(--dbm-muted)}

/* Mobile menu */
.dbm-burger{display:none}
.dbm-burger__close{display:none}
.dbm-burger[aria-expanded="true"] .dbm-burger__open{display:none}
.dbm-burger[aria-expanded="true"] .dbm-burger__close{display:inline-flex}
.dbm-mnav{border-top:1px solid #222326;background:var(--dbm-bar)}
.dbm-mnav[hidden]{display:none}
.dbm-mnav .dbm-wrap{display:flex;flex-direction:column;padding-block:8px 16px}
.dbm-mnav a,.dbm-mnav summary{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--dbm-line-soft);font-family:'Montserrat', sans-serif;font-weight:600;font-size:16px;color:#fff;text-decoration:none;cursor:pointer;list-style:none}
.dbm-mnav summary::-webkit-details-marker{display:none}
.dbm-mnav details[open] > summary .dbm-chev{transform:rotate(180deg)}
.dbm-mnav details a{padding:12px 4px 12px 18px;font-size:15px;color:var(--dbm-nav)}
.dbm-mnav a[aria-current="page"]{color:#fff;box-shadow:inset 3px 0 0 var(--dbm-red);padding-left:14px}
.dbm-mnav details a[aria-current="page"]{padding-left:18px}

@media (max-width:1180px){
  .dbm-nav,.dbm-header__sep{display:none}
  .dbm-burger{display:inline-flex}
  .dbm-wa{margin-left:4px}
}
@media (max-width:480px){
  .dbm-header > .dbm-wrap{padding-block:12px}
  .dbm-logo img{height:28px}
  .dbm-header__right{gap:2px}
  .dbm-icon-btn.dbm-wa__btn{width:44px;height:44px}
  .dbm-wa__panel{right:-46px;width:min(310px,calc(100vw - 32px))}
}

/* Search */
.dbm-search{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72)}
.dbm-search[hidden]{display:none}
.dbm-search__box{background:var(--dbm-bg-alt);border-bottom:1px solid var(--dbm-line);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.dbm-search__box .dbm-wrap{padding-block:20px 24px}
.dbm-search__form{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--dbm-red);color:var(--dbm-muted)}
.dbm-search__form input{flex:1;min-width:0;padding:8px 0;border:0;background:transparent;color:#fff;font-family:'Montserrat', sans-serif;font-weight:600;font-size:clamp(18px,2.4vw,24px);outline:0}
.dbm-search__form input::placeholder{color:#6E7178}
.dbm-search__form input::-webkit-search-cancel-button{display:none}
.dbm-search__results{max-height:min(60vh,520px);overflow-y:auto;padding-top:12px}
.dbm-search__hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;font-size:15px;color:var(--dbm-muted)}
.dbm-search__hint button{padding:6px 14px;border:1px solid var(--dbm-line);border-radius:999px;background:transparent;color:var(--dbm-text);font:inherit;font-size:14px;cursor:pointer}
.dbm-search__hint button:hover{border-color:#fff}
.dbm-search__hint a{color:#fff}
.dbm-search__item{display:block;padding:12px 14px;border-radius:8px;color:var(--dbm-text-2);text-decoration:none}
.dbm-search__item:hover,.dbm-search__item.is-active{background:var(--dbm-card)}
.dbm-search__item b{display:flex;align-items:baseline;gap:10px;font-family:'Montserrat', sans-serif;font-weight:600;font-size:16px;color:#fff}
.dbm-search__item b span{font-family:var(--dbm-font-body);font-weight:600;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#FF4A52}
.dbm-search__item p{margin:4px 0 0;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dbm-search__item mark{background:none;color:#fff;font-weight:600}
body.dbm-noscroll{overflow:hidden}

/* Image save deterrent (not real protection) */
img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* Watermark on own photos (.dbm-wm = bottom-right, .dbm-wm--top = top-right) */
.dbm-wm{position:relative}
.dbm-wm::after{content:"";position:absolute;right:14px;bottom:12px;z-index:2;pointer-events:none;width:clamp(84px,9vw,120px);aspect-ratio:351/67;background:url(/assets/img/logo/dbmid-watermark-v1.webp) no-repeat center/contain;opacity:.6;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.dbm-wm--top::after{bottom:auto;top:12px}
@media (max-width:600px){.dbm-wm::after{width:56px;right:8px;bottom:8px}.dbm-wm--top::after{bottom:auto;top:8px}}