/* Mobile portrait fix for the live Fluorspar storefront. */
@media (max-width: 767px) {
  #mega-wrapper,#mega-wrapper #mega-container { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; overflow:visible !important; }
  #mega-wrapper ul.mega-menu { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:#d5a62a !important; position:relative !important; overflow:visible !important; }
  #mega-wrapper ul.mega-menu > li { display:block !important; float:none !important; width:auto !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; background:#d5a62a !important; position:static !important; overflow:visible !important; }
  #mega-wrapper ul.mega-menu > li > a { display:block !important; box-sizing:border-box !important; width:100% !important; min-height:52px !important; padding:14px 6px !important; text-align:center !important; line-height:1.2 !important; white-space:normal !important; color:#0b1f33 !important; background:#d5a62a !important; }
  #menuWrapper { display:none !important; }
  div#navMainWrapper { display:block !important; width:100% !important; height:auto !important; }
  #navMain,#navMain ul,#navCatTabs,#navCatTabs ul { display:block !important; float:none !important; width:100% !important; }
  #contentMainWrapper { clear:both !important; display:block !important; width:calc(100% - 20px) !important; height:auto !important; margin:12px auto 0 !important; }
  #contentMainWrapper > tbody,#contentMainWrapper > tbody > tr,#contentMainWrapper > tbody > tr > td { display:block !important; width:100% !important; height:auto !important; }
  #contentMainWrapper #navColumnOne,#contentMainWrapper #navColumnTwo,#contentMainWrapper #leftColumn,#contentMainWrapper #rightColumn { display:none !important; }
  #navBreadCrumb { clear:both !important; position:static !important; }
  #mega-wrapper ul.mega-menu > li > [class*="dropdown"] { position:static !important; top:auto !important; left:auto !important; right:auto !important; width:100% !important; max-width:none !important; margin:0 !important; box-sizing:border-box !important; box-shadow:none !important; }
  #mega-wrapper ul.mega-menu > li > [class*="dropdown"] > * { width:100% !important; max-width:none !important; box-sizing:border-box !important; }
  #mega-wrapper ul.mega-menu > li > [class*="dropdown"] { display:none !important; }
  #mega-wrapper ul.mega-menu > li:focus-within > [class*="dropdown"] { display:block !important; }
}

/* Desktop product-page balance: give long descriptions more usable width. */
@media (min-width: 768px) {
  #mainProductWrapper #leftProductWrapper { width: 40%; }
  #mainProductWrapper #rightProductWrapper { width: 58%; }
}

/* Product pages: use full-width gallery row followed by full-width details row. */
@media (min-width: 768px) {
  #mainProductWrapper { display: flex; flex-wrap: wrap; align-items: flex-start; }
  #mainProductWrapper #leftProductWrapper,
  #mainProductWrapper #rightProductWrapper { box-sizing: border-box; width: 100%; float: none; }
  #mainProductWrapper #leftProductWrapper { margin: 20px 0 28px; }
  #mainProductWrapper #rightProductWrapper { margin: 0; }
}