/* Mobile usability fixes. Desktop presentation is left to the existing theme. */
#headerwrap #menu-icon.mc-mobile-menu-toggle { display:none; }
body.mobile_menu_active #pagewrap #headerwrap #menu-icon.mc-mobile-menu-toggle {
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 position:relative!important;inset:auto!important;flex:0 0 auto;
 min-width:48px;min-height:48px;padding:8px 12px!important;margin:0 0 0 auto!important;
 border:1px solid #cdd3d0;border-radius:6px;background:#fff!important;
 color:#171717!important;-webkit-text-fill-color:#171717!important;
 font:600 16px/1.3 Arial,sans-serif;text-decoration:none!important;
}
body.mobile_menu_active #pagewrap #headerwrap #menu-icon-close { min-width:44px;min-height:44px; }
body.mobile_menu_active #pagewrap #headerwrap #mobile-menu #main-nav a {
 font-size:16px!important;line-height:1.4!important;letter-spacing:normal!important;
 padding:12px 16px!important;min-height:44px;box-sizing:border-box;white-space:normal;
}
@media(max-width:900px){
 html body #pagewrap #body,html body #pagewrap #content,html body #pagewrap #layout {
  min-width:0!important;box-sizing:border-box;max-width:100%;
 }
 html body #pagewrap .pagewidth {box-sizing:border-box;max-width:100%;}
 html body #pagewrap #content :is(input,select,textarea) {max-width:100%;box-sizing:border-box;font-size:16px;}
 html body #pagewrap #content :is(button,.button,input[type=submit]) {min-height:44px;white-space:normal;}
 html body #pagewrap #content :is(p,h1,h2,h3,td,label) {overflow-wrap:break-word;}
 html body #pagewrap #content img {max-width:100%;height:auto;}
 html body.page-id-2137 {background-attachment:scroll!important;}
 html body #pagewrap #headerwrap #header {box-sizing:border-box;max-width:100%;min-width:0;}
 html body.woocommerce-cart #pagewrap #content .woocommerce,
 html body.woocommerce-cart #pagewrap #content .woocommerce > *,
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart-collaterals,
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals {
  min-width:0!important;max-width:100%!important;box-sizing:border-box;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart-collaterals,
 html body.woocommerce-cart #pagewrap #content .woocommerce .woocommerce-cart-form {
  width:100%!important;float:none!important;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce {display:block!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart-collaterals {margin-top:24px!important;}
 html body.woocommerce-checkout #pagewrap #content .woocommerce form.checkout,
 html body.woocommerce-checkout #pagewrap #content .woocommerce #customer_details,
 html body.woocommerce-checkout #pagewrap #content .woocommerce #order_review,
 html body.woocommerce-checkout #pagewrap #content .woocommerce #order_review_heading {
  display:block!important;float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;
 }
 html body.woocommerce-checkout #pagewrap #content .woocommerce :is(.col-1,.col-2,.form-row-first,.form-row-last) {
  float:none!important;width:100%!important;min-width:0;box-sizing:border-box;
 }
 html body.woocommerce-checkout #pagewrap #content .woocommerce #order_review table {width:100%!important;table-layout:fixed;}
 html body.woocommerce-checkout #pagewrap #content .woocommerce #order_review :is(th,td) {padding:12px 8px!important;white-space:normal;}
 html body #pagewrap #content :is(.mc-freight-contact,.woocommerce-shipping-destination) {white-space:normal;overflow-wrap:anywhere;}
 /* The homepage has its own navigation, independent of the theme header. */
 html body #mc-reboot {min-width:0;max-width:100%;box-sizing:border-box;}
 html body #mc-reboot .topbar nav {flex-wrap:wrap;}
 html body #mc-reboot .topbar nav a {display:inline-flex;align-items:center;min-height:44px;padding:6px 8px;}
 html body #mc-reboot .hero > * {min-width:0;max-width:100%;}
}
@media(max-width:680px){
 html body.page-id-2137 #pagewrap #content :is(ul.products,.loops-wrapper.products) {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
 }
 html body.page-id-2137 #pagewrap #content .products > .product {
  min-width:0!important;width:auto!important;padding:12px!important;box-sizing:border-box;
 }
 html body.page-id-2137 #pagewrap #content .products .product :is(h2,h3,.woocommerce-loop-product__title) {
  font-size:16px!important;line-height:1.4!important;white-space:normal;
 }
 html body.page-id-2137 #pagewrap #content .products .product img {width:100%!important;height:auto!important;}
 html body.single-product #pagewrap #content div.product :is(.images,.summary) {
  float:none!important;width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table,
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table tbody,
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table tr {
  display:block!important;width:100%!important;min-width:0!important;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table thead {display:none!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table tr.cart_item {
  border:1px solid #e3e6e1;border-radius:8px;margin-bottom:16px!important;padding:8px;box-sizing:border-box;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td {
  display:block!important;width:auto!important;min-width:0!important;max-width:100%;box-sizing:border-box;
  white-space:normal!important;text-align:right!important;padding:10px 6px!important;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td[data-title]::before {
  content:attr(data-title) ": ";float:left;font-weight:600;margin-right:12px;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-name {text-align:left!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-name::before {display:none!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-thumbnail {display:none!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form a.remove {width:44px!important;height:44px!important;min-width:44px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form .coupon,
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form .coupon .input-text,
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form .coupon .button {
  width:100%!important;max-width:100%!important;box-sizing:border-box;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals {padding:16px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table {table-layout:fixed;width:100%!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table th {width:30%!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals select {width:100%!important;max-width:100%!important;min-width:0!important;}
 html body #pagewrap #content .madcroc-b2b {padding:20px 14px 36px;box-sizing:border-box;}
}
@media(max-width:420px){
 html body.page-id-2137 #pagewrap #content :is(ul.products,.loops-wrapper.products) {grid-template-columns:minmax(0,1fr)!important;}
 html body #mc-reboot h1 {font-size:clamp(36px,11vw,48px)!important;line-height:1!important;}
 html body #mc-reboot .offer {flex-wrap:wrap;gap:12px;box-sizing:border-box;}
 html body #mc-reboot .hero {padding:24px 16px!important;}
}

/* Phone-only refinements after review of the customer's iPhone screenshots. */
@media(max-width:767px){
 html body #pagewrap #content {padding-left:14px!important;padding-right:14px!important;width:100%!important;box-sizing:border-box!important;}
 html body.single-product #pagewrap #content .woocommerce-breadcrumb {font-size:11px!important;line-height:1.5!important;margin:12px 0 18px!important;}
 html body.single-product #pagewrap #content div.product .woocommerce-product-gallery {max-width:280px!important;width:100%!important;margin:0 auto 20px!important;float:none!important;}
 html body.single-product #pagewrap #content div.product .woocommerce-product-gallery img {max-height:280px!important;width:100%!important;object-fit:contain!important;}
 html body.single-product #pagewrap #content div.product .summary {padding:0!important;margin:0!important;min-width:0!important;}
 html body.single-product #pagewrap #content div.product h1.product_title {font-size:24px!important;line-height:1.2!important;margin:0 0 12px!important;letter-spacing:normal!important;}
 html body.single-product #pagewrap #content div.product .woocommerce-product-details__short-description {font-size:14px!important;line-height:1.55!important;}
 html body.single-product #pagewrap #content div.product .woocommerce-product-details__short-description :is(h2,h3,h4) {font-size:16px!important;line-height:1.4!important;}
 html body.single-product #pagewrap #content div.product .mc-six-price-before-cart {font-size:22px!important;line-height:1.3!important;margin:12px 0!important;}
 html body.single-product #pagewrap #content div.product form.cart {display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin:12px 0 20px!important;}
 html body.single-product #pagewrap #content div.product form.cart .button {font-size:15px!important;padding:10px 18px!important;min-height:44px!important;}
 html body.page-id-2137 #pagewrap #content .products > .product {min-height:0!important;padding:10px!important;}
 html body.page-id-2137 #pagewrap #content .products .product :is(h2,h3,.woocommerce-loop-product__title) {font-size:14px!important;line-height:1.4!important;min-height:0!important;margin:10px 0!important;}
 html body.page-id-2137 #pagewrap #content .products .product .button {font-size:13px!important;margin:10px 0!important;padding:10px 14px!important;}
 html body.page-id-2137 #pagewrap #content .products .product .mc-six-price {font-size:19px!important;margin:8px 0!important;}
 html body.page-id-2137 #pagewrap #content .products .product .mc-six-pack-unit {font-size:12px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce {padding:0!important;margin:0!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table tr.cart_item {position:relative!important;padding:10px!important;margin:0 0 14px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-remove {position:static!important;display:flex!important;justify-content:flex-end!important;float:none!important;border:0!important;height:auto!important;padding:0!important;margin:0!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-remove a.remove {position:static!important;float:none!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin:0!important;font:400 24px/1 Arial,sans-serif!important;border:0!important;border-radius:4px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-remove a.remove::before,
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-remove a.remove::after {content:none!important;display:none!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-name {clear:both!important;font-size:14px!important;padding-top:4px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td.product-name a {font-size:14px!important;line-height:1.4!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td :is(.amount,bdi) {font-size:14px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form table.shop_table td::before {font-size:12px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce-cart-form .quantity :is(.qty,.plus,.minus) {font-size:16px!important;width:40px!important;min-width:40px!important;height:44px!important;line-height:44px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals h2 {font-size:21px!important;line-height:1.3!important;margin-bottom:16px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table,
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table tbody {display:block!important;width:100%!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table tr {display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;width:100%!important;gap:8px!important;border-bottom:1px solid #eee!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table :is(th,td) {display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;border:0!important;padding:12px 0!important;font-size:14px!important;line-height:1.5!important;box-sizing:border-box!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table th {text-align:left!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table td {text-align:right!important;white-space:normal!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table td::before {content:none!important;display:none!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals :is(p,label,select) {font-size:14px!important;line-height:1.5!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals .mc-private-age-gate h3 {font-size:19px!important;}
 html body.woocommerce-cart #pagewrap #content .woocommerce :is(.button,button) {font-size:14px!important;line-height:1.4!important;padding:10px 14px!important;box-sizing:border-box!important;}
}

/* Phone-only menu clarity, consistent logo and aligned related products. */
@media(max-width:767px){
 html body #pagewrap #headerwrap #header #mc-phone-menu,
 html body #pagewrap #headerwrap #header #mc-phone-menu .mc-phone-links,
 html body #pagewrap #headerwrap #header #mc-phone-menu .mc-phone-links a {
  text-shadow:none!important;filter:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;opacity:1!important;transform:none!important;
 }
 html body #pagewrap #headerwrap #header #mc-phone-menu .mc-phone-links a {
  font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:500!important;
  line-height:1.5!important;letter-spacing:normal!important;color:#171717!important;
  -webkit-text-fill-color:#171717!important;-webkit-text-stroke:0!important;
  text-transform:none!important;
 }
 html body #pagewrap #headerwrap #header :is(.header-bar,#site-logo,#site-logo a) {
  background:transparent!important;background-image:none!important;box-shadow:none!important;
  border:0!important;filter:none!important;opacity:1!important;
 }
 html body #pagewrap #headerwrap #header #site-logo {
  display:block!important;float:none!important;width:100px!important;max-width:100px!important;
  margin:0!important;padding:0!important;line-height:1!important;
 }
 html body #pagewrap #headerwrap #header #site-logo a {
  display:block!important;width:100px!important;max-width:100px!important;margin:0!important;padding:0!important;
 }
 html body #pagewrap #headerwrap #header #site-logo img {
  display:block!important;object-fit:contain!important;object-position:left center!important;
  width:auto!important;height:56px!important;max-height:56px!important;max-width:100px!important;
  margin:0!important;padding:0!important;background:transparent!important;filter:none!important;mix-blend-mode:normal!important;
 }
 html body.single-product #pagewrap #headerwrap #header #site-logo img {
  content:url("https://www.madcroc.no/wp-content/uploads/2016/08/MC_Logo_13-5_Energy-cmyk-180px.png");
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) {clear:both!important;width:100%!important;max-width:100%!important;margin:28px 0!important;box-sizing:border-box!important;}
 html body.single-product #pagewrap #content :is(.related,.upsells) > h2 {font-size:22px!important;line-height:1.3!important;margin:0 0 16px!important;}
 html body.single-product #pagewrap #content :is(.related,.upsells) ul.products {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;gap:12px!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;list-style:none!important;box-sizing:border-box!important;
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) ul.products::before,
 html body.single-product #pagewrap #content :is(.related,.upsells) ul.products::after {display:none!important;content:none!important;}
 html body.single-product #pagewrap #content :is(.related,.upsells) ul.products > li.product {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  float:none!important;clear:none!important;width:auto!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:10px!important;
  box-sizing:border-box!important;transform:none!important;overflow:hidden!important;
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) li.product > a:not(.button) {
  display:flex!important;flex-direction:column!important;flex:1 0 auto!important;
  min-width:0!important;width:100%!important;max-width:100%!important;order:1!important;
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) li.product img {
  display:block!important;width:100%!important;max-width:100%!important;height:auto!important;
  aspect-ratio:1!important;object-fit:contain!important;margin:0 0 10px!important;
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) li.product :is(h2,h3,.woocommerce-loop-product__title) {
  display:block!important;font-size:14px!important;line-height:1.4!important;font-weight:600!important;
  min-height:4.2em!important;height:auto!important;margin:0 0 10px!important;padding:0!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) li.product .mc-six-price {
  order:2!important;margin:12px 0 10px!important;font-size:19px!important;font-weight:700!important;line-height:1.3!important;
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) li.product .mc-six-pack-unit {
  font-size:12px!important;font-weight:400!important;line-height:1.5!important;white-space:normal!important;
 }
 html body.single-product #pagewrap #content :is(.related,.upsells) li.product .button {
  display:flex!important;align-items:center!important;justify-content:center!important;order:3!important;
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;
  padding:10px 6px!important;margin:0!important;box-sizing:border-box!important;
  font-size:12px!important;line-height:1.3!important;white-space:normal!important;
  overflow-wrap:break-word!important;text-align:center!important;
 }
}

/* Give unavailable-shipping guidance the full phone width, only when present. */
@media(max-width:767px){
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table tr:has(.mc-freight-contact),
 html body.woocommerce-checkout #pagewrap #content .woocommerce #order_review table tr:has(.mc-freight-contact) {
  display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 }
 html body.woocommerce-cart #pagewrap #content .woocommerce .cart_totals table tr:has(.mc-freight-contact) > :is(th,td),
 html body.woocommerce-checkout #pagewrap #content .woocommerce #order_review table tr:has(.mc-freight-contact) > :is(th,td) {
  display:block!important;float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;
  padding:8px 0!important;text-align:left!important;white-space:normal!important;box-sizing:border-box!important;
 }
 html body #pagewrap #content .woocommerce .mc-freight-contact {
  display:block!important;visibility:visible!important;opacity:1!important;
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  margin:12px 0!important;padding:14px!important;border:1px solid #b8c9cf!important;border-left:4px solid #075b78!important;
  border-radius:6px!important;background:#f2f7f8!important;color:#171717!important;-webkit-text-fill-color:#171717!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:400!important;
  line-height:1.6!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;text-shadow:none!important;
 }
 html body #pagewrap #content .woocommerce .mc-freight-contact strong {font-size:16px!important;font-weight:700!important;}
 html body #pagewrap #content .woocommerce .mc-freight-contact a {
  display:inline!important;color:#075b78!important;-webkit-text-fill-color:#075b78!important;
  font-size:15px!important;font-weight:700!important;text-decoration:underline!important;overflow-wrap:anywhere!important;
 }
}