/* Mind Surgeon — per-element layout Webflow keeps outside class styles (Quick Stack grids), plus
   the account / cart / checkout widgets that Webflow renders itself. */

/* ---- Quick Stack grids (Webflow stores these per element) ---- */
.quick-stack-13,.footerbuttons{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.logo3{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto}
.logo3{width:min(692px,calc(100vw - 30px))}

/* Webflow "Current" states aren't part of the class export; set as on the live site. */
.nav-link.w--current{color:#0bd685}
.quick-stack-14{grid-template-columns:1fr 1fr 3fr}
.quick-stack-14>.ms-lbl{grid-column:2}
.quick-stack-14>.ms-desc{grid-column:3}
.quick-stack-15,.quick-stack-16,.quick-stack-17{grid-template-columns:auto 1fr;grid-template-rows:auto}
.quick-stack-18{grid-template-columns:auto auto 1fr;grid-template-rows:auto}
.quick-stack-18>.w-layout-cell:first-child{grid-column:span 2}

/* Webflow's default Quick Stack is two equal columns; specific grids are set above/below. */
:where(.wf-layout-layout){grid-template-columns:1fr 1fr;grid-template-rows:auto}
.quick-stack-14{grid-template-columns:1fr 1fr 3fr}
.quick-stack{grid-template-columns:repeat(5,1fr)}
.quick-stack-10{grid-template-columns:auto 1fr auto auto}
.quick-stack-4,.quick-stack-12{grid-template-columns:1fr 1fr 1fr}
.quick-stack-6{grid-template-columns:1fr}

/* ---------- Webflow User Accounts pages (log in, sign up, reset / update password, access denied) ---------- */
.w-users-userformpagewrap{display:flex;flex-direction:column;justify-content:center;align-items:stretch;max-width:340px;height:100vh;margin-left:auto;margin-right:auto}
.w-users-userloginformwrapper,.w-users-usersignupformwrapper,.w-users-userresetpasswordformwrapper,.w-users-userupdatepasswordformwrapper{position:relative;margin-bottom:0;padding-left:20px;padding-right:20px}
.w-users-userformheader{text-align:center}
.ms-user-page h2{margin:0 0 16px;font-family:Roboto,sans-serif;font-weight:300;font-size:32px;line-height:36px;color:#f2f4f7;text-transform:none}
.ms-user-page .w-users-userformheader p{margin:-6px 0 18px;font-family:Roboto,sans-serif;font-size:14px;line-height:22px;color:#a5a7ad}
.ms-user-page label{font-weight:400;color:#333}
.ms-user-page .w-input{border-color:#ccc;background-color:#5f6266;color:#f2f4f7}
.w-users-userformbutton{width:100%;text-align:center;background-color:#0bd685;color:#fff}
.w-users-userformfooter{display:flex;justify-content:space-between;margin-top:12px;color:#333}
.w-users-userformfooter a{color:#0bd685;text-decoration:underline}
.w-users-userformerrorstate{position:absolute;top:100%;left:0;right:0;margin-left:20px;margin-right:20px;background-color:#3a1b1b;color:#f2f4f7}
.w-users-userformerrorstate a{color:#0bd685}
.w-users-userformsuccessstate p{color:#a5a7ad;text-align:center}
.ms-denied{text-align:center;color:#c3c5ca;font-family:Roboto,sans-serif}
.ms-denied-icon{width:72px;height:72px;background-color:#dfa02c;opacity:.61}
.ms-denied .ms-denied-title{margin:0;color:#dfa02c;font-weight:300}
.ms-denied p{margin:20px 0 0;font-size:14px;line-height:22px}
.ms-denied a{color:#0bd685;text-decoration:underline}
/* My Account */
.w-users-useraccountwrapper{width:100%;padding:20px}
.ms-account-head h2{margin:0 0 34px;font-family:Roboto,sans-serif;font-weight:300;font-size:32px;line-height:36px;color:#f2f4f7;text-transform:none}
.ms-account-body label{font-weight:400;color:#a5a7ad}
.ms-account-body .w-input[disabled]{background-color:#eee;color:#bbb}
.ms-account-sub{margin:3px 0 10px;color:#a5a7ad}
.ms-account-reset{display:block;margin-bottom:10px;color:#a5a7ad;text-decoration:underline}
.ms-account-box{min-height:75px;margin-bottom:10px;padding:10px 14px;border:2px solid #5f6266;border-style:inset;color:#a5a7ad;font-size:13px;line-height:20px}
.ms-account-box a{color:#0bd685}
.ms-account-actions{display:flex}
.w-users-useraccountformcancelbutton{background-color:#d3d3d3;color:#333;text-align:center}
.ms-account-saved{margin-top:10px;color:#0bd685}

/* Products page sits lower under its two navbars on the live site. */
.body-12 > .container-2{margin-top:56px}
/* "Log out" is one letter longer than Webflow's "LOG IN" — keeps the Products navbar on one line. */
.nav-link.right.ms-tight{letter-spacing:1.4px}
.quick-stack-14{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3fr)}
@media screen and (max-width:767px){
  .quick-stack-14{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .quick-stack-14>.ms-lbl{grid-column:1}
  .quick-stack-14>.ms-desc{grid-column:2}
}
/* A few Webflow widths run a little past small phone screens; stop the sideways wobble. */
@media screen and (max-width:767px){body{overflow-x:clip}}