
/* ===== BS Solutions Production Responsive Fix =====
   Fixes Claude/inline static export on mobile/tablet without redesigning desktop. */
*{box-sizing:border-box}
html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%}
body{min-width:0!important}
#dc-root,#dc-root>.sc-host,x-dc,[data-screen-label]{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
[data-screen-label][style]{min-width:0!important;width:100%!important;max-width:100%!important}
img,svg,video,canvas{max-width:100%;height:auto}
a{word-break:normal}
p,div,h1,h2,h3,h4,h5,h6,span{overflow-wrap:anywhere}
input,select,textarea,button{max-width:100%;font:inherit}

/* General containers */
[style*="max-width:1240px"],[style*="max-width:1200px"],[style*="max-width:1100px"],[style*="max-width:1000px"],[style*="max-width:960px"],[style*="max-width:900px"],[style*="max-width:860px"]{
  width:100%!important;
  max-width:1240px;
}

/* Navigation */
[data-nav]{position:relative;z-index:50}
[data-nav] > div{width:100%!important;max-width:1240px!important}
[data-nav-toggle]{display:none}
@media (max-width:1180px){
  [data-nav-links]{gap:11px!important;font-size:12px!important}
}
@media (max-width:1040px){
  [data-nav] > div{padding-left:18px!important;padding-right:18px!important;position:relative!important}
  [data-nav-links]{display:none!important}
  [data-nav-toggle]{display:inline-flex!important;flex:0 0 auto!important}
  [data-nav][data-open="1"] [data-nav-links]{
    display:flex!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    background:#0F2140!important;
    padding:10px 18px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.28)!important;
    z-index:999!important;
  }
  [dir="rtl"] [data-nav][data-open="1"] [data-nav-links]{align-items:flex-end!important;text-align:right!important}
  [data-nav][data-open="1"] [data-nav-links] a{
    display:block!important;width:100%!important;padding:13px 4px!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
}
@media (max-width:560px){
  [data-nav-audit]{display:none!important}
  [data-nav] img{max-height:34px!important;width:auto!important}
}

/* Tablets */
@media (max-width:1100px){
  [style*="padding:72px 48px"],[style*="padding:76px 48px"],[style*="padding:64px 48px"],[style*="padding:60px 48px"],[style*="padding:56px 48px"],[style*="padding:52px 48px"],[style*="padding:48px"]{
    padding-left:28px!important;padding-right:28px!important;
  }
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns:repeat(6,1fr)"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Collapse major layouts */
@media (max-width:900px){
  [style*="grid-template-columns:1.15fr 1fr"],
  [style*="grid-template-columns:1.2fr 1fr"],
  [style*="grid-template-columns:1.1fr 1fr"],
  [style*="grid-template-columns:1.05fr 1fr"],
  [style*="grid-template-columns:1.4fr 1fr"],
  [style*="grid-template-columns:1.3fr 1fr"],
  [style*="grid-template-columns:1fr 1.3fr"],
  [style*="grid-template-columns:1fr 1.2fr"],
  [style*="grid-template-columns:1fr 1.1fr"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:2fr 1fr"],
  [style*="grid-template-columns:1fr 2fr"]{
    grid-template-columns:1fr!important;
  }
  [style*="gap:56px"]{gap:30px!important}
  [style*="gap:48px"]{gap:28px!important}
  [style*="gap:44px"]{gap:26px!important}
  [style*="gap:40px"]{gap:24px!important}
}

/* Phones */
@media (max-width:760px){
  [style*="max-width:1240px"],[style*="max-width:1200px"],[style*="max-width:1100px"],[style*="max-width:1000px"],[style*="max-width:960px"],[style*="max-width:900px"],[style*="max-width:860px"]{
    padding-left:20px!important;padding-right:20px!important;
  }
  [style*="padding:72px 48px"],[style*="padding:76px 48px"],[style*="padding:64px 48px"],[style*="padding:60px 48px"],[style*="padding:56px 48px"],[style*="padding:52px 48px"]{
    padding-top:40px!important;padding-bottom:40px!important;padding-left:20px!important;padding-right:20px!important;
  }
  [style*="padding:48px"]{padding-left:20px!important;padding-right:20px!important}
  [style*="grid-template-columns:"]{grid-template-columns:1fr!important}
  [style*="display:grid"]{min-width:0!important}
  [style*="display:flex"]{min-width:0!important;max-width:100%!important}
  [style*="gap:34px"]{gap:18px!important}
  [style*="gap:32px"]{gap:18px!important}
  [style*="gap:30px"]{gap:18px!important}
  h1{font-size:clamp(28px,8.2vw,38px)!important;line-height:1.18!important;letter-spacing:-.02em!important;text-wrap:auto!important}
  h2{font-size:clamp(23px,6.2vw,31px)!important;line-height:1.25!important;text-wrap:auto!important}
  h3{font-size:clamp(19px,5.4vw,24px)!important;line-height:1.28!important}
  [dir="rtl"] h1{line-height:1.35!important}
  [dir="rtl"] h2{line-height:1.4!important}
  [style*="font-size:17px"]{font-size:15px!important;line-height:1.65!important}
  [style*="font-size:16px"]{font-size:15px!important}
  [style*="font-size:15px"]{font-size:14px!important}
  [style*="font-size:13.5px"]{font-size:13px!important}
  [style*="font-size:12.5px"]{font-size:12px!important}

  /* Buttons rows stack. */
  [style*="display:flex"][style*="gap:14px"],
  [style*="display:flex"][style*="gap:16px"],
  [style*="display:flex"][style*="gap:18px"],
  [style*="display:flex"][style*="gap:20px"],
  [style*="display:flex"][style*="gap:24px"]{
    flex-wrap:wrap!important;
  }
  [style*="display:flex"][style*="gap:14px"] > a,
  [style*="display:flex"][style*="gap:16px"] > a,
  [style*="display:flex"][style*="gap:18px"] > a,
  [style*="display:flex"][style*="gap:20px"] > a,
  [style*="display:flex"][style*="gap:24px"] > a,
  [style*="display:flex"][style*="gap:14px"] > button,
  [style*="display:flex"][style*="gap:16px"] > button,
  [style*="display:flex"][style*="gap:18px"] > button,
  [style*="display:flex"][style*="gap:20px"] > button{
    flex:1 1 100%!important;text-align:center!important;justify-content:center!important;
  }

  /* Cards/panels shouldn't be too padded on phones. */
  [style*="padding:36px"]{padding:24px!important}
  [style*="padding:34px"]{padding:24px!important}
  [style*="padding:32px"]{padding:22px!important}
  [style*="padding:30px"]{padding:22px!important}
  [style*="padding:28px"]{padding:20px!important}
  [style*="padding:26px"]{padding:20px!important}
  [style*="padding:24px"]{padding:18px!important}

  /* Trust/footer borders when stacked. */
  [style*="border-right:1px solid #E6EAF1"],[style*="border-left:1px solid #E6EAF1"]{
    border-right:none!important;border-left:none!important;border-bottom:1px solid #E6EAF1!important;
  }
  [style*="justify-content:space-between"]{gap:12px!important}

  /* Forms. */
  form,form *{max-width:100%!important}
  input,select,textarea{width:100%!important;min-width:0!important;font-size:16px!important}
  textarea{min-height:110px}

  /* Announcement and floating WhatsApp. */
  body > div:first-child,[style*="text-align:center"][style*="padding:9px 20px"]{font-size:11.5px!important;line-height:1.45!important;padding-left:14px!important;padding-right:14px!important}
  a[style*="position:fixed"],button[style*="position:fixed"]{right:14px!important;bottom:14px!important}
  a[style*="position:fixed"][style*="border-radius:50%"],button[style*="position:fixed"][style*="border-radius:50%"]{width:48px!important;height:48px!important}
}

@media (max-width:430px){
  [style*="max-width:1240px"],[style*="max-width:1200px"],[style*="max-width:1100px"],[style*="max-width:1000px"],[style*="max-width:960px"],[style*="max-width:900px"],[style*="max-width:860px"]{padding-left:16px!important;padding-right:16px!important}
  [style*="padding:72px 48px"],[style*="padding:76px 48px"],[style*="padding:64px 48px"],[style*="padding:60px 48px"],[style*="padding:56px 48px"],[style*="padding:52px 48px"]{padding-left:16px!important;padding-right:16px!important}
  h1{font-size:clamp(25px,7.8vw,32px)!important}
  h2{font-size:clamp(21px,6.1vw,28px)!important}
  [style*="border-bottom:5px solid"]{border-bottom-width:3px!important}
}
