:root{
  --qr-font-ar: "Almarai", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --qr-font-en: "Inter", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  --qr-radius: 18px;
  --qr-bg: #f4f7fb;
  --qr-text: #0b1220;
  --qr-muted: rgba(11,18,32,.72);
  --qr-border: rgba(0,0,0,.08);
  --qr-shadow: 0 12px 36px rgba(11,18,32,.08);
  --qr-primary: #001B56;
  --qr-primary-2: #00123A;
  --qr-accent: #4B91FF;
  --qr-success: #16a34a;
  --qr-navy: #001B56;
  --qr-navy-2: #00123A;
  --qr-ease: cubic-bezier(.2,.8,.2,1);
  --qr-dur: 220ms;
  --qr-shadow-hover: 0 18px 52px rgba(11,18,32,.12);
}

/* Category theme vars (set per-section via inline style) */
.qr-theme{
  --qr-cat-accent: var(--qr-accent);
  --qr-cat-soft: rgba(75,145,255,.14);
  --qr-cat-gradient: linear-gradient(135deg, var(--qr-accent) 0%, rgba(75,145,255,.35) 100%);
}
.qr-cat-hero{
  background: var(--qr-cat-gradient);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.qr-cat-hero::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(420px 220px at 20% 20%, rgba(255,255,255,.26), transparent 65%),
    radial-gradient(520px 260px at 80% 35%, rgba(0,0,0,.16), transparent 62%);
  pointer-events:none;
}
.qr-cat-hero .container{ position: relative; }
.qr-cat-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: var(--qr-cat-soft);
  border: 1px solid rgba(0,0,0,.06);
  color: var(--qr-cat-accent);
  font-weight: 800;
}
.qr-cat-link{
  color: var(--qr-cat-accent);
}
.qr-cat-link:hover{
  opacity: .92;
}
.qr-cat-card{
  position: relative;
  overflow: hidden;
}
.qr-cat-card::before{
  content:"";
  position:absolute;
  inset-inline-start: 16px;
  inset-inline-end: 16px;
  top: 0;
  height: 4px;
  border-radius: 999px;
  background: var(--qr-cat-gradient);
  opacity: .95;
}
.qr-cat-icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--qr-cat-soft);
  color: var(--qr-cat-accent);
  border: 1px solid rgba(0,0,0,.06);
}

.qr-body{
  font-family: var(--qr-font-en);
  background: var(--qr-bg);
  color: var(--qr-text);
}
html[dir="rtl"] .qr-body{ font-family: var(--qr-font-ar); }

.qr-header .navbar{ padding-block: .75rem; }
.qr-header{
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(170%) blur(10px);
  box-shadow: 0 10px 34px rgba(11,18,32,.08);
}
.qr-header .navbar-brand{ text-decoration:none; }
.qr-site-logo{
  display: block;
  width: auto !important;
  height: auto;
  max-width: 240px;
  object-fit: contain;
}
.qr-header .nav-link{
  color: rgba(0,27,86,.92);
  font-weight: 600;
  border-radius: 12px;
  padding-inline: .8rem;
  transition: background var(--qr-dur) var(--qr-ease), color var(--qr-dur) var(--qr-ease), transform var(--qr-dur) var(--qr-ease);
}
.qr-header .nav-link:hover{
  background: rgba(75,145,255,.12);
  color: rgba(0,27,86,.98);
}
.qr-header .nav-link.qr-cta-link{
  color: #fff;
  background: var(--qr-primary);
}
.qr-header .nav-link.qr-cta-link:hover{
  background: #00123A;
  color: #fff;
}
.qr-cta-link{ font-weight: 600; }
.qr-header .navbar-toggler{ border-color: rgba(0,0,0,.12); }
.qr-header .navbar-toggler-icon{ opacity: .9; }

/* Mobile navigation: collapse dropdown (from top) */
@media (max-width: 991.98px){
  .qr-header .navbar-collapse{
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  .qr-header .dropdown-menu{
    position: static !important;
    float: none !important;
    transform: none !important;
    inset: auto !important;
  }
  .qr-header .dropdown-menu.qr-dd-menu{
    width: 100%;
    min-width: 0;
    box-shadow: none;
    border: 0;
    background: transparent;
    padding: .25rem 0;
  }
  .qr-dd-submenu > .dropdown-menu{
    padding-inline-start: 14px;
  }
}

/* Dropdown (nested) for Certifications */
.qr-dd-menu{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 18px 56px rgba(11,18,32,.14);
  padding: .5rem;
  min-width: 320px;
}
.qr-dd-menu .dropdown-item{
  border-radius: 12px;
  padding: .55rem .7rem;
  color: rgba(11,18,32,.92);
}
.qr-dd-menu .dropdown-item:hover,
.qr-dd-menu .dropdown-item:focus{
  background: rgba(75,145,255,.10);
  color: rgba(0,27,86,.98);
}
.qr-dd-menu .dropdown-divider{ margin: .45rem .25rem; opacity: .25; }
.qr-dd-submenu{ position: relative; }
.qr-dd-submenu > .dropdown-menu{
  top: -8px;
  inset-inline-start: calc(100% + 8px);
}
html[dir="rtl"] .qr-dd-submenu > .dropdown-menu{
  inset-inline-start: auto;
  inset-inline-end: calc(100% + 8px);
}
@media (min-width: 992px){
  .qr-dd-submenu:hover > .dropdown-menu{ display: block; }
}

/* Two-column submenu (e.g., Management Systems) */
.qr-dd-menu.qr-dd-grid2{
  min-width: 560px;
}
.qr-dd-menu.qr-dd-grid2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 8px;
  align-items: start;
}
.qr-dd-menu.qr-dd-grid2 > li{
  margin: 0;
}
.qr-dd-menu.qr-dd-grid2 > li.qr-dd-span{
  grid-column: 1 / -1;
}
.qr-dd-menu.qr-dd-grid2 > li > .dropdown-item{
  white-space: normal;
}


.qr-mega{
  width: min(1480px, calc(100vw - 1rem));
  border-radius: var(--qr-radius);
  border: 1px solid rgba(4,26,61,.18);
  box-shadow: 0 22px 70px rgba(4,26,61,.26);
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(75,145,255,.20), transparent 62%),
    radial-gradient(900px 520px at 80% 30%, rgba(255,255,255,.08), transparent 58%),
    linear-gradient(180deg, var(--qr-navy), var(--qr-navy-2));
  overflow: hidden;
  max-height: calc(100vh - 110px);
  overflow: auto;
}
.qr-header .dropdown-menu.qr-mega{
  inset-inline-start: 50% !important;
  transform: translateX(-50%);
  top: calc(100% + 10px);
}
.qr-header .dropdown-menu.qr-mega.qr-mega-rtl{
  inset-inline-start: auto !important;
  inset-inline-end: 0 !important;
  transform: none !important;
}
.qr-header .dropdown-menu.qr-mega::before{
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  top: -10px;
  transform: translateX(-50%);
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent var(--qr-navy) transparent;
  filter: drop-shadow(0 -2px 2px rgba(4,26,61,.18));
}
html[dir="rtl"] .qr-header .dropdown-menu.qr-mega.qr-mega-rtl::before{
  inset-inline-start: auto;
  inset-inline-end: 48px;
  transform: none;
}
.qr-header .dropdown-menu.qr-mega{ padding-top: 22px !important; }

.qr-mega-col{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 14px;
  padding: 12px;
  height: 100%;
  box-shadow: 0 10px 24px rgba(4,26,61,.10);
  position: relative;
}
.qr-mega-col::before{
  content: "";
  position: absolute;
  inset-inline-start: 14px;
  inset-inline-end: 14px;
  top: 0;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--qr-cat-accent), rgba(255,255,255,.06));
}
.qr-mega-title{
  font-weight: 700;
  text-decoration: none;
  color: var(--qr-cat-accent);
}
.qr-mega-title:hover{ text-decoration: underline; color: #1f66e6; }
.qr-mega-col .badge{
  background: rgba(47,125,255,.14) !important;
  color: #1f66e6 !important;
  border: 1px solid rgba(47,125,255,.22);
}
.qr-mega-list{ display: grid; gap: 2px; }
.qr-mega-col{ overflow: hidden; }
.qr-mega-list{
  max-height: 310px;
  overflow: auto;
  padding-inline-end: 6px;
}
html[dir="rtl"] .qr-mega-list{ padding-inline-end: 0; padding-inline-start: 6px; }
.qr-mega-list::-webkit-scrollbar{ width: 10px; }
.qr-mega-list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.20);
  border-radius: 999px;
  border: 2px solid rgba(4,26,61,.55);
}
.qr-mega-list::-webkit-scrollbar-track{ background: transparent; }
.qr-mega-link{
  display: grid;
  grid-template-columns: 132px 1fr;
  align-items: start;
  column-gap: 8px;
  text-decoration: none;
  color: #0b1220;
  padding: 4px 8px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: background var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease), transform var(--qr-dur) var(--qr-ease);
  line-height: 1.15;
  font-size: .92rem;
}
html[dir="rtl"] .qr-mega-link{ grid-template-columns: 1fr 132px; }
.qr-mega-link .qr-sep{ display: none; }
.qr-mega-link .qr-code{
  white-space: nowrap;
  font-size: .84rem;
  opacity: .95;
}
.qr-mega-link span:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.qr-mega-link:hover{
  background: rgba(47,125,255,.10);
  border-color: rgba(47,125,255,.22);
  text-decoration: none;
  transform: translateY(-1px);
}
.qr-sep{
  color: rgba(11,18,32,.5);
  font-size: .9em;
  line-height: 1;
}
.qr-mega .border-top{ border-color: rgba(255,255,255,.14) !important; }
.qr-mega .btn-outline-primary{
  color: #fff;
  border-color: rgba(255,255,255,.28);
}
.qr-mega .btn-outline-primary:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.40);
  color: #fff;
}
.qr-mega .form-control{
  border-radius: 14px;
  border-color: rgba(255,255,255,.18);
}
.qr-mega .form-control:focus{
  border-color: rgba(75,145,255,.55);
  box-shadow: 0 0 0 .2rem rgba(75,145,255,.18);
}
.qr-code{
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.qr-hero{
  background:
    radial-gradient(1200px 500px at 20% 10%, rgba(75,145,255,.16), transparent 60%),
    radial-gradient(900px 500px at 80% 20%, rgba(0,27,86,.10), transparent 60%),
    linear-gradient(180deg, #ffffff, rgba(255,255,255,.92));
}
.qr-hero-card{
  border-radius: 22px;
  border: 1px solid var(--qr-border);
  background: #fff;
  box-shadow: var(--qr-shadow);
  transition: transform var(--qr-dur) var(--qr-ease), box-shadow var(--qr-dur) var(--qr-ease);
}
.qr-hero-card:hover{ transform: translateY(-2px); box-shadow: var(--qr-shadow-hover); }
.qr-stat{
  border-radius: 16px;
  border: 1px solid var(--qr-border);
  background: #fff;
  padding: 12px 14px;
  transition: transform var(--qr-dur) var(--qr-ease), box-shadow var(--qr-dur) var(--qr-ease);
}
.qr-stat:hover{ transform: translateY(-2px); box-shadow: var(--qr-shadow-hover); }
.qr-stat-num{ font-weight: 800; letter-spacing: .2px; }
.qr-stat-label{ color: rgba(11,18,32,.7); font-size: .9rem; }

.qr-card{
  border-radius: 18px;
  border: 1px solid var(--qr-border);
  background: #fff;
  box-shadow: var(--qr-shadow);
  transition: transform var(--qr-dur) var(--qr-ease), box-shadow var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease);
}
.qr-card:hover{ transform: translateY(-2px); box-shadow: var(--qr-shadow-hover); }

.btn{
  transition: transform 180ms var(--qr-ease), box-shadow 180ms var(--qr-ease), background-color var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease);
}
.btn:active{ transform: scale(.98); }

.qr-std-card{
  border-radius: 18px;
  border: 1px solid var(--qr-border);
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: transform var(--qr-dur) var(--qr-ease), box-shadow var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease);
  box-shadow: 0 10px 26px rgba(11,18,32,.06);
}
.qr-std-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--qr-shadow-hover);
}
.qr-arrow{ font-size: 1.4rem; opacity: .6; }

/* Sector (category) tinted shadow */
.qr-sector-shadow{
  box-shadow:
    0 22px 70px rgba(var(--qr-cat-accent-rgb, 75,145,255), .18),
    var(--qr-shadow);
  border-color: rgba(var(--qr-cat-accent-rgb, 75,145,255), .18) !important;
}
.qr-sector-shadow:hover{
  box-shadow:
    0 26px 78px rgba(var(--qr-cat-accent-rgb, 75,145,255), .22),
    var(--qr-shadow-hover);
}

/* Admin (sidebar tabs) */
.qr-admin-shell{
  min-height: 100vh;
  display: flex;
}
.qr-admin-sidebar{
  width: 280px;
  padding: 14px 12px;
  background: #fff;
  border-inline-end: 1px solid rgba(0,0,0,.08);
}
.qr-admin-content{
  flex: 1;
  min-width: 0;
}
.qr-admin-topbar{
  position: sticky;
  top: 0;
  z-index: 40;
  padding: 12px 18px;
  background: rgba(244,247,251,.86);
  backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.qr-admin-container{
  padding-inline: 18px;
  max-width: 1240px;
}
.qr-admin-brand{
  text-decoration: none;
  color: var(--qr-primary);
  font-weight: 800;
  letter-spacing: .2px;
}
.qr-admin-nav-title{
  font-size: .75rem;
  font-weight: 800;
  color: rgba(11,18,32,.55);
  padding: 10px 12px 6px;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.qr-admin-link{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin: 4px 6px;
  border-radius: 14px;
  text-decoration: none;
  color: rgba(11,18,32,.86);
  border: 1px solid transparent;
  transition: background var(--qr-dur) var(--qr-ease), transform var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease);
}
.qr-admin-link:hover{
  background: rgba(75,145,255,.10);
  border-color: rgba(75,145,255,.22);
  transform: translateY(-1px);
  text-decoration: none;
  color: rgba(11,18,32,.92);
}
.qr-admin-link.active{
  background: rgba(75,145,255,.14);
  border-color: rgba(75,145,255,.26);
  color: var(--qr-primary);
}
.qr-admin-ico{
  width: 18px;
  height: 18px;
  display: inline-flex;
  color: rgba(0,27,86,.76);
}
.qr-admin-ico svg{
  width: 18px;
  height: 18px;
}
.qr-admin-offcanvas .offcanvas-header{
  border-bottom: 1px solid rgba(0,0,0,.08);
}
html[dir="rtl"] .qr-arrow{ transform: scaleX(-1); display: inline-block; }

.qr-pills .nav-link{
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  color: rgba(11,18,32,.8);
  font-weight: 700;
}
.qr-pills .nav-link:hover{ background: rgba(13,110,253,.06); }
.qr-pills .nav-link.active{
  background: var(--qr-navy);
  border-color: rgba(4,26,61,.2);
  color: #fff;
}

.qr-std-tile{
  display: block;
  border-radius: 18px;
  border: 1px solid var(--qr-border);
  background: #fff;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(11,18,32,.06);
  transition: transform var(--qr-dur) var(--qr-ease), box-shadow var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease);
}
.qr-std-tile:hover{
  transform: translateY(-2px);
  box-shadow: var(--qr-shadow-hover);
}
.qr-std-thumb{
  aspect-ratio: 16 / 9;
  background: #fff;
  display: grid;
  place-items: center;
  padding: 10px;
}
.qr-std-thumb img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.qr-mini-link{
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px dashed rgba(11,18,32,.18);
  width: 100%;
}
.qr-mini-link:hover{ background: rgba(13,110,253,.06); }

.qr-list-check{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.qr-list-check li{
  padding-inline-start: 26px;
  position: relative;
}
.qr-list-check li::before{
  content: "✓";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  color: #198754;
  font-weight: 800;
}

.qr-std-hero{
  background: linear-gradient(180deg, rgba(4,26,61,.10), transparent 55%);
}
.qr-sticky{
  position: sticky;
  top: 90px;
}
.qr-quote-left .qr-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.qr-quote-left .qr-badges img{
  width: 58px;
  height: 58px;
}
.qr-standards-picker{
  display: grid;
  gap: 14px;
}
.qr-pick-section{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 12px;
  background: rgba(13,110,253,.03);
}
.qr-pick-title{
  font-weight: 700;
  margin-bottom: 8px;
}

.qr-footer{
  color: rgba(11,18,32,.8);
}
.qr-footer-links,
.qr-footer-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.qr-footer-links a{
  text-decoration: none;
  color: rgba(11,18,32,.72);
}
.qr-footer-links a:hover{
  text-decoration: underline;
  color: rgba(11,18,32,.92);
}

.qr-wa-float{
  position: fixed;
  inset-inline-end: 18px;
  bottom: 18px;
  z-index: 1050;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: 54px;
  height: 54px;
  padding: 0;
  border-radius: 999px;
  background: var(--qr-success);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 14px 40px rgba(11,18,32,.22);
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.qr-wa-float:active{ cursor: grabbing; }

/* Industries cards (home) */
.qr-ind-card{
  border-radius: 18px;
  border: 1px solid var(--qr-border);
  background: #fff;
  box-shadow: 0 10px 26px rgba(11,18,32,.06);
  padding: 18px 18px 22px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: transform var(--qr-dur) var(--qr-ease), box-shadow var(--qr-dur) var(--qr-ease);
}
.qr-ind-card::after{
  content:"";
  position:absolute;
  inset-inline: 18px;
  bottom: 0;
  height: 6px;
  border-radius: 999px;
  background: rgba(75,145,255,.85);
}
.qr-ind-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--qr-shadow-hover);
}
.qr-ind-icon{
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  margin: 0 auto 10px;
  color: var(--qr-accent);
  background: rgba(75,145,255,.10);
  border: 1px solid rgba(75,145,255,.16);
}
.qr-ind-icon svg{ width: 28px; height: 28px; }
.qr-ind-title{ font-weight: 800; margin-bottom: 6px; }
.qr-ind-desc{ color: rgba(11,18,32,.70); font-size: .95rem; line-height: 1.55; }

/* News article readability */
.qr-article-list{
  display: grid;
  gap: 10px;
  padding-inline-start: 18px;
  margin: 0 0 1rem 0;
}
.qr-article-list li{
  line-height: 1.7;
}
.qr-toc{
  display: grid;
  gap: 10px;
}
.qr-toc-link{
  text-decoration: none;
  color: rgba(11,18,32,.78);
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(13,110,253,.03);
  transition: background var(--qr-dur) var(--qr-ease), transform var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease);
}
.qr-toc-link:hover{
  background: rgba(75,145,255,.10);
  transform: translateY(-1px);
  border-color: rgba(75,145,255,.22);
}
.qr-flow{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.qr-flow-step{
  font-weight: 800;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.95);
}
.qr-flow-arrow{ color: rgba(255,255,255,.85); font-weight: 900; }

/* Downloads list (standards pages) */
.qr-dl-list{ display: grid; gap: 10px; }
.qr-dl-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(13,110,253,.03);
}
.qr-dl-left{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
}
.qr-dl-badge{
  font-weight: 900;
  font-size: .78rem;
  letter-spacing: .4px;
  padding: 6px 8px;
  border-radius: 10px;
  color: #fff;
  background: var(--qr-primary);
  flex: 0 0 auto;
}
.qr-dl-item .fw-semibold{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 42ch;
}
@media (max-width: 420px){
  .qr-dl-item{ flex-direction: column; align-items: stretch; }
  .qr-dl-item .fw-semibold{ max-width: none; white-space: normal; }
}

/* Contact brand media */
.qr-brand-media{ display: grid; gap: 14px; }
.qr-brand-logo{
  display: flex;
  justify-content: center;
  padding: 8px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.8);
}
.qr-brand-logo img{
  max-width: 220px;
  width: 100%;
  height: auto;
  display: block;
}
.qr-brand-flag{
  max-height: 360px;
  width: 100%;
  height: auto;
  object-fit: contain;
  border: 1px solid rgba(0,0,0,.08);
}

/* Scroll reveal */
.qr-reveal{
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 240ms var(--qr-ease), transform 240ms var(--qr-ease);
  will-change: opacity, transform;
}
.qr-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .qr-reveal{ opacity: 1; transform: none; transition: none; }
  .qr-ticker-track{ animation: none !important; transform: none !important; }
  .btn{ transition: none; }
}

/* News ticker */
.qr-ticker{
  background: linear-gradient(180deg, var(--qr-primary), var(--qr-primary-2));
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  overflow: hidden;
}
.qr-ticker .container{
  display: flex;
  align-items: center;
  gap: 14px;
  padding-block: 10px;
}
.qr-ticker-label{
  font-weight: 800;
  letter-spacing: .2px;
  white-space: nowrap;
}
.qr-ticker-viewport{
  overflow: hidden;
  flex: 1;
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.qr-ticker-track{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
  animation: qr-marquee 26s linear infinite;
}
.qr-ticker:hover .qr-ticker-track{ animation-play-state: paused; }
.qr-ticker a{
  color: rgba(255,255,255,.92);
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  transition: background var(--qr-dur) var(--qr-ease), border-color var(--qr-dur) var(--qr-ease), transform var(--qr-dur) var(--qr-ease);
}
.qr-ticker a:hover{
  background: rgba(75,145,255,.18);
  border-color: rgba(75,145,255,.35);
  transform: translateY(-1px);
}
.qr-ticker-dot{
  opacity: .55;
}
@keyframes qr-marquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
html[dir="rtl"] .qr-ticker-track{ animation-direction: reverse; }
.qr-wa-float:hover{ filter: brightness(1.05); }
.qr-wa-text{ font-weight: 700; font-size: .95rem; }
@media (max-width: 520px){
  .qr-wa-text{ display:none; }
  .qr-wa-float{ padding: 12px; }
}

/* Responsive mega menu: full width on mobile */
@media (max-width: 991.98px){
  .qr-header .dropdown-menu.qr-mega{
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    transform: none !important;
    width: 100%;
    margin-inline: 0;
    border-radius: 16px;
    max-height: 70vh;
  }
  .qr-header .dropdown-menu.qr-mega::before{ display:none; }
}