/* Humiwell | products page styles
   Global resets, keyframes and responsive breakpoints, plus the hover and focus
   states that were authored inline in the design source. */

  html { scroll-behavior:smooth; }
  body { margin:0; background:#F6EFE1; -webkit-font-smoothing:antialiased; }
  a { color:#2F4133; text-decoration:none; }
  a:hover { color:#A9823E; }
  ::selection { background:#C9A66B; color:#2F4133; }
  [data-rangetrack]::-webkit-scrollbar { display:none; }
  [data-cursor-ring] { display:none; }
  @media (hover:hover) and (pointer:fine) { [data-cursor-ring] { display:block; } }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } [data-cursor-ring] { display:none !important; } }
  @media (max-width:1120px) {
    [data-prodgrid] { grid-template-columns:repeat(2,1fr) !important; }
    [data-grid3] { grid-template-columns:repeat(2,1fr) !important; }
    [data-footgrid] { grid-template-columns:repeat(3,1fr) !important; }
    [data-stdband] { grid-template-columns:repeat(4,1fr) !important; }
  }
  @media (max-width:860px) {
    [data-desknav], [data-deskcta] { display:none !important; }
    [data-headrow] { grid-template-columns:1fr auto !important; }
    [data-headlogo] { justify-self:start !important; }
    [data-menubtn] { display:block !important; }
    [data-split], [data-grid3], [data-grid2] { grid-template-columns:1fr !important; }
    [data-footgrid] { grid-template-columns:repeat(2,1fr) !important; }
    [data-stdgrid] { grid-template-columns:repeat(2,1fr) !important; }
    [data-stdband] { grid-template-columns:repeat(4,1fr) !important; }
    [data-prodgrid] { grid-template-columns:1fr !important; }
    [data-prod-toggle] { padding:22px 0 !important; gap:14px !important; }
    [data-prod-mark] { width:36px !important; height:36px !important; }
    [data-prod-mark] > span:first-child { top:11px !important; bottom:11px !important; }
    [data-prod-mark] > span:last-child { left:11px !important; right:11px !important; }
    [data-spec-panel] > div { padding-left:0 !important; }
    [data-lab-grid] { grid-template-columns:1fr !important; }
  }
  @media (max-width:560px) {
    [data-stdband] { grid-template-columns:repeat(2,1fr) !important; }
    [data-spec-toggle] { padding:18px 0 !important; }
    [data-spec-mark] { width:34px !important; height:34px !important; }
    [data-spec-mark] > span:first-child { top:10px !important; bottom:10px !important; }
    [data-spec-mark] > span:last-child { left:10px !important; right:10px !important; }
    [data-hadith] { padding:18px !important; }
  }


/* ---- hover and focus states ---- */
.hw-products-1:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-products-2:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-products-3:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-products-4:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-products-5:hover{border-bottom-color:#A9823E !important;color:#A9823E !important}
.hw-products-6:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-products-7:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-products-8:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-products-9:hover{background:#FBF7EE !important;color:#A9823E !important}
.hw-products-10:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-products-11:hover{background:#2F4133 !important;border-color:#2F4133 !important;color:#F6EFE1 !important}
.hw-products-12:hover{background:#2F4133 !important;border-color:#2F4133 !important;color:#F6EFE1 !important}
.hw-products-13:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-products-14:hover{background:#A9823E !important;border-color:#A9823E !important}
.hw-products-15:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-products-16:hover{border-color:#2F4133 !important;color:#A9823E !important}
.hw-products-17:hover{border-color:#A9823E !important;transform:translateY(-4px) !important}
.hw-products-18:hover{border-color:#A9823E !important;transform:translateY(-4px) !important}
.hw-products-19:hover{border-color:#A9823E !important;transform:translateY(-4px) !important}
.hw-products-20:focus{border-color:#2F4133 !important}
.hw-products-21:hover{background:#A9823E !important;border-color:#A9823E !important}
.hw-products-22:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-products-23:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-products-24:hover{background:#C9A66B !important;border-color:#C9A66B !important;color:#2F4133 !important}
.hw-products-25:hover{color:#C9A66B !important}
.hw-products-26:hover{color:#C9A66B !important}
.hw-products-27:hover{color:#C9A66B !important}
.hw-products-28:hover{color:#C9A66B !important}
.hw-products-29:hover{color:#C9A66B !important}
.hw-products-30:hover{color:#C9A66B !important}
.hw-products-31:hover{color:#C9A66B !important}
.hw-products-32:hover{color:#C9A66B !important}
.hw-products-33:hover{color:#C9A66B !important}
.hw-products-34:hover{color:#C9A66B !important}
.hw-products-35:hover{color:#C9A66B !important}
.hw-products-36:hover{color:#C9A66B !important}
.hw-products-37:hover{color:#C9A66B !important}

/* --- More dropdown --- */
.hw-nm-item + .hw-nm-item{border-top:1px solid rgba(169,130,62,.13)}
.hw-nm-item:hover{background:#FBF7EE !important}
.hw-nm-item:hover .hw-nm-t{color:#A9823E !important}
.hw-nm-item:hover .hw-nm-arrow{opacity:1 !important;transform:translateX(0) !important}
.hw-nm-item:focus-visible{background:#FBF7EE !important;outline:1px solid rgba(169,130,62,.45);outline-offset:-1px}
.hw-nm-item:focus-visible .hw-nm-arrow{opacity:1 !important;transform:translateX(0) !important}
[data-navmorebtn] .hw-nm-chev{transition:transform .38s cubic-bezier(.22,1,.36,1)}
[data-navmorebtn][aria-expanded="true"] .hw-nm-chev{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.hw-nm-panel,.hw-nm-item,.hw-nm-arrow,.hw-nm-chev{transition-duration:.01ms !important}}