.bm-site-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:24px max(18px,4vw);background:#0b1a2e;color:#cbd8e8;font:14px/1.6 Arial,sans-serif}.bm-site-footer a{color:#cbd8e8;text-decoration:underline}.bm-menu-toggle{display:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #30bbdc;outline-offset:3px}.request-privacy a{color:inherit;text-decoration:underline}
@media(max-width:800px),(hover:none){.nav-item{position:relative}.bm-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:#e5eaf1;color:#173556;border-radius:5px;font-size:20px;vertical-align:middle}.nav-item>.dropdown{display:none!important}.nav-item.bm-menu-open>.dropdown{display:block!important;position:fixed;left:12px;right:12px;top:var(--bm-dropdown-top,170px);width:auto;max-width:calc(100vw - 24px);max-height:55vh;overflow:auto;z-index:9999}.nav-item>a{display:inline-flex!important;align-items:center;min-height:44px}.nav-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}.dropdown a{min-height:44px;box-sizing:border-box}.mainbar{min-width:0}.mainbar>*{min-width:0}input,select,textarea{font-size:16px!important}dialog{max-width:calc(100vw - 24px);box-sizing:border-box;max-height:90dvh;overflow:auto}.bm-site-footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(max-width:650px){.topline .top-in{height:auto!important;min-height:36px;display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:6px 12px!important}.topline .top-in>div:first-child{display:flex!important;gap:12px;align-items:center}.topline .top-in>div:last-child{display:flex!important;flex-wrap:wrap;gap:7px;align-items:center}.topline a{padding:7px 4px!important;min-height:30px;box-sizing:border-box}.topline{height:auto!important}.product-nav .nav-inner{justify-content:flex-start!important}}
@media(max-width:650px){.topline .top-in>div:first-child a{display:inline-flex!important;color:#fff!important;visibility:visible!important;font-size:12px!important}.topline .top-in>div:first-child{width:100%;min-height:30px}.topline .top-in>div:last-child{width:100%;justify-content:space-between}}

.contact-card>div{min-width:0}.contact-card .bm-uts-number{margin-top:14px;line-height:1.6}.bm-uts-number strong{color:#f3f6fc}.bm-uts-number span{white-space:nowrap;font-variant-numeric:tabular-nums}.contact-card .bm-whatsapp-inline{display:inline-flex!important;align-items:center;gap:8px;max-width:100%;padding:10px 12px;box-sizing:border-box;line-height:1.3}.bm-whatsapp-inline>svg{width:20px;height:20px;flex:0 0 20px}.bm-whatsapp-inline .bm-whatsapp-number{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap;overflow-wrap:normal}.bm-whatsapp-number>span{font-size:11px}.bm-whatsapp-number>strong{font-size:13px;line-height:1.3;white-space:nowrap;color:#fff;font-variant-numeric:tabular-nums}

/* Keep the logo and quote list on one row at phone widths. */
@media(max-width:650px){
  .site-head .mainbar{align-items:center;gap:8px}
  .site-head .brand{width:min(250px,calc(100vw - 168px));min-width:0;height:auto;aspect-ratio:250/61;flex:0 1 auto}
  .site-head .brand-logo-image{left:-16.6%;width:133.2%;height:100%;max-width:none}
  .site-head .mainbar .quote-list{width:120px;max-width:120px;min-width:0;flex:0 1 120px;margin-left:auto;padding:5px 8px;font-size:10px;line-height:1.15;white-space:normal}
  .site-head .mainbar .quote-list span,.site-head .mainbar .quote-list b{white-space:normal}
}

/* Keep the floating WhatsApp control from covering mobile page content. */
@media(max-width:650px){
  .whatsapp-float{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:54px!important;height:54px!important;min-width:54px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-size:0!important;line-height:0!important;z-index:1000!important}
  .whatsapp-float svg{width:27px!important;height:27px!important;flex:0 0 27px!important}
}
/* Mobile emergency layout: compact top navigation, hide the cramped category strip,
   give every home carousel slide the full phone width, and keep WhatsApp unobtrusive. */
@media(max-width:760px){
  .site-head .topline{height:auto!important;overflow:visible!important}
  .site-head .topline .top-in{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:6px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:8px 12px!important;box-sizing:border-box!important}
  .site-head .topline .top-in>div:first-child,.site-head .topline .top-in>div:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;justify-content:initial!important;gap:6px!important;width:100%!important;min-height:0!important}
  .site-head .topline .top-in>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .site-head .topline .top-in a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:38px!important;padding:7px 5px!important;box-sizing:border-box!important;border-radius:5px!important;text-align:center!important;font-size:12px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#fff!important}
  .site-head .topline .top-in a.pink{margin:0!important;background:#e60070!important}
  .site-head .product-nav{display:none!important}
  .hero.slider.home-dw-slider.vp-hero{position:relative!important;left:auto!important;right:auto!important;transform:none!important;box-sizing:border-box!important;width:calc(100vw - 24px)!important;max-width:none!important;margin:18px 12px 20px!important;border-radius:12px!important}
  .hero.slider.home-dw-slider>.slides{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important}
  .hero.slider.home-dw-slider .slide.active{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:hidden!important}
  .hero.slider.home-dw-slider .slide:not(.active){display:none!important}
  .hero.slider.home-dw-slider .home-slide-artwork{position:relative!important;inset:auto!important;order:0!important;width:100%!important;height:auto!important;aspect-ratio:2.2/1!important}
  .hero.slider.home-dw-slider .home-copy{position:relative!important;order:1!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:20px 18px 24px!important;box-sizing:border-box!important}
  .hero.slider.home-dw-slider .home-copy .eyebrow{font-size:9px!important;line-height:1.4!important;letter-spacing:.08em!important}
  .hero.slider.home-dw-slider .home-copy h1,.hero.slider.home-dw-slider .home-copy h2{max-width:none!important;font-size:clamp(23px,6vw,27px)!important;line-height:1.12!important;letter-spacing:-.02em!important;margin:10px 0 14px!important;overflow-wrap:normal!important}
  .hero.slider.home-dw-slider .home-copy p{max-width:none!important;font-size:14px!important;line-height:1.55!important;margin:0 0 13px!important}
  .hero.slider.home-dw-slider .home-copy .home-news-detail{font-size:12px!important}
  .hero.slider.home-dw-slider .home-copy .home-news-source{font-size:9px!important}
  .hero.slider.home-dw-slider .home-copy .btn{max-width:100%!important;font-size:13px!important;line-height:1.4!important;padding:10px 13px!important}
  .hero.slider.home-dw-slider .home-index{top:10px!important;right:12px!important;bottom:auto!important;font-size:8px!important}
  .hero.slider.home-dw-slider .slider-controls{padding:11px 14px!important}
  .whatsapp-float{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-size:0!important;line-height:0!important;z-index:1000!important}
  .whatsapp-float svg{width:26px!important;height:26px!important;flex:0 0 26px!important}
}

/* Responsive slider layout for phones and tablets. Keep the slide centered on the
   viewport instead of inheriting the desktop header's measured text width. */
@media (max-width: 1024px) {
  body .hero.slider.home-dw-slider,
  body .about-slider {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(960px, calc(100vw - 32px)) !important;
    max-width: none !important;
    margin: 20px 0 24px !important;
    box-sizing: border-box !important;
  }

  body .hero.slider.home-dw-slider > .slides {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }

  body .hero.slider.home-dw-slider .slide {
    display: none !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: inherit;
  }

  body .hero.slider.home-dw-slider .slide.active {
    display: flex !important;
  }

  body .hero.slider.home-dw-slider .home-slide-artwork {
    position: relative !important;
    inset: auto !important;
    order: 0 !important;
    flex: 0 0 auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 440px !important;
    aspect-ratio: 2 / 1 !important;
    overflow: hidden !important;
  }

  body .hero.slider.home-dw-slider .home-copy {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: clamp(22px, 4vw, 36px) !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere;
  }

  body .hero.slider.home-dw-slider .home-copy h1,
  body .hero.slider.home-dw-slider .home-copy h2 {
    max-width: 100% !important;
    font-size: clamp(28px, 4.4vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    margin: 12px 0 16px !important;
    overflow-wrap: anywhere !important;
  }

  body .hero.slider.home-dw-slider .home-copy p {
    max-width: 100% !important;
    font-size: clamp(15px, 1.8vw, 17px) !important;
    line-height: 1.6 !important;
    margin: 0 0 14px !important;
  }

  body .hero.slider.home-dw-slider .home-copy .eyebrow {
    max-width: 100% !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    letter-spacing: .1em !important;
    overflow-wrap: anywhere;
  }

  body .hero.slider.home-dw-slider .home-copy .btn {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body .hero.slider.home-dw-slider .home-index {
    top: 12px !important;
    right: 14px !important;
    bottom: auto !important;
    font-size: 9px !important;
  }

  body .hero.slider.home-dw-slider .home-publication-badge {
    top: 12px !important;
    right: 12px !important;
    max-width: calc(100% - 24px) !important;
    box-sizing: border-box !important;
  }

  body .hero.slider.home-dw-slider .slider-controls {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
  }

  body .hero.slider.home-dw-slider .slider-arrows {
    display: flex !important;
    gap: 8px !important;
  }

  body .hero.slider.home-dw-slider .arrow,
  body .about-slider .about-controls button {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    touch-action: manipulation;
  }

  body .about-slider .about-slide {
    min-height: 0 !important;
    padding: 30px 24px 84px !important;
    box-sizing: border-box !important;
  }

  body .about-slider .about-slide h1,
  body .about-slider .about-slide h2 {
    max-width: 100% !important;
    font-size: clamp(28px, 4.5vw, 42px) !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere;
  }

  body .about-slider .about-controls {
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
    justify-content: flex-end !important;
    gap: 10px !important;
  }

  body .dw-carousel {
    width: 100% !important;
    max-width: 960px !important;
    margin: 20px auto 24px !important;
    box-sizing: border-box !important;
  }

  body .dw-carousel .dw-slide {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    padding: 0 0 78px !important;
    box-sizing: border-box !important;
  }

  body .dw-carousel .dw-slide > img,
  body .dw-carousel .dw-slide-artwork {
    position: relative !important;
    inset: auto !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 1 !important;
    object-fit: cover !important;
  }

  body .dw-carousel .dw-slide-copy {
    position: relative !important;
    z-index: 1 !important;
    max-width: none !important;
    width: 100% !important;
    padding: clamp(22px, 4vw, 36px) !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere;
  }

  body .dw-carousel .dw-slide-copy h1,
  body .dw-carousel .dw-slide-copy h2 {
    font-size: clamp(27px, 4.5vw, 40px) !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere;
  }

  body .dw-carousel .dw-slide-controls {
    left: 16px !important;
    bottom: 14px !important;
  }

  body .dw-carousel .dw-slide-menu {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }

  body .dw-carousel .dw-slide-menu button {
    min-height: 48px !important;
    scroll-snap-align: start;
  }
}

@media (max-width: 600px) {
  body .hero.slider.home-dw-slider,
  body .about-slider {
    width: calc(100vw - 24px) !important;
    margin-top: 16px !important;
  }

  body .hero.slider.home-dw-slider .home-slide-artwork,
  body .dw-carousel .dw-slide > img,
  body .dw-carousel .dw-slide-artwork {
    aspect-ratio: 1.8 / 1 !important;
  }

  body .hero.slider.home-dw-slider .home-copy,
  body .dw-carousel .dw-slide-copy {
    padding: 22px 18px 26px !important;
  }

  body .hero.slider.home-dw-slider .home-copy h1,
  body .hero.slider.home-dw-slider .home-copy h2,
  body .about-slider .about-slide h1,
  body .about-slider .about-slide h2,
  body .dw-carousel .dw-slide-copy h1,
  body .dw-carousel .dw-slide-copy h2 {
    font-size: clamp(25px, 7.2vw, 34px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;
  }

  body .hero.slider.home-dw-slider .home-copy p,
  body .dw-carousel .dw-slide-desc {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body .hero.slider.home-dw-slider .dots {
    gap: 6px !important;
    max-width: calc(100% - 112px);
    overflow: hidden;
  }

  body .hero.slider.home-dw-slider .dots .dot,
  body .hero.slider.home-dw-slider .dots .dot.active {
    flex: 0 0 9px !important;
    width: 9px !important;
    height: 9px !important;
    min-width: 9px !important;
    min-height: 9px !important;
  }
}

@media (max-width: 360px) {
  body .hero.slider.home-dw-slider .home-copy,
  body .dw-carousel .dw-slide-copy {
    padding: 20px 16px 24px !important;
  }

  body .hero.slider.home-dw-slider .home-publication-badge {
    right: 8px !important;
    top: 8px !important;
    padding: 6px 7px !important;
    gap: 6px !important;
  }

  body .hero.slider.home-dw-slider .home-publication-badge strong {
    font-size: 8px !important;
  }
}