body {
	margin:0px;
	padding:0px;
	background:url(../images/grey.png) repeat left top;
	}
div, table, tr, td, a, form, input {
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	}
img{
	max-width: 100%;
}
/* Limit product images in content area */
.mid-left .txt-2 img:not(.product-gallery img) {
	max-width: 200px !important;
	height: auto !important;
	border-radius: 4px;
	cursor: pointer;
}
.clear{
	clear: both;
}
.WREP {
	margin:0px auto;
	padding:0px;
	width:903px;
	overflow:hidden;
	max-width: 100%;
	}
	
.WREP_TP {
	margin:0px;
	padding:0px;
	width:903px;
	max-width: 100%;
	}
.TP_SH2 {
	margin:0px;
	padding:0px;
	height:0px;
	background:none;
	width:903px;
	max-width: 100%;
	}
.BB_AR {
	margin:0px;
	padding:0px;
	width:903px;
	min-height:106px;
	max-width: 100%;
	position: relative;
	padding: 0 9px;
	box-sizing: border-box;
	}
.b_l1 {
	margin:0px;
	padding:0px;
	background:url(../images/left-sh-1.png) no-repeat right top;
	width:9px;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	}
.b_r1 {
	margin:0px;
	padding:0px;
	background:url(../images/right-sh-1.png) no-repeat left top;
	width:9px;
	height:306px;
	position: absolute;
	top: 0;
	right: 0;
	}	
.bb_err1 {
	margin:0;
	padding:0px;
	width:885px;
	background:url(../images/banner-bg-1.png) no-repeat left top;
	max-width: 100%;
	background-size: 100% 100%;
	}
.banner-txt {
	margin:0px;
	padding:0px;
	width:885px;
	max-width: 100%;
	min-height: 149px;
	}
.bbtl {
	margin:0px;
	padding:0px;
	width:53.45%;
	float:left;
	}
.bbtr {
	margin:0px;
	padding:0px;
	width:46.55%;
	float:left;
	}
h1 {
	margin:0px;
	padding:70px 0px 0px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	line-height:40px;
	text-transform:uppercase;
	}
h1. span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	}
p.txt-1 {
	margin:0px;
	padding:20px 35px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	line-height:18px;
	}
.nav-area {
	margin:0px;
	padding:0px;
	width:885px;
	background:#283B19;
	border-top:1px solid #283B19;
	max-width: 100%;
	}
.nshd1 {
	margin:0px;
	padding:0px;
	background:url(../images/nav-shadow.jpg) no-repeat left top;
	width:885px;
	height:10px;
	max-width: 100%;
	}
ul.navigation {
	margin:0px;
	padding:0px 0px 0px 14px;
	list-style:none;
	}
ul.navigation li {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#b2cd47;
	text-align:center;
	font-weight:bold;
	float:left;
	background:url(../images/nav-divider.jpg) no-repeat right top;
	display:block;
	}
ul.navigation li a {
	margin:0px;
	padding:0px 14px 0px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#b2cd47;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	background:none;
	display:block;
	} 
.nav-highlight-orange{color:#e67e22 !important;font-weight:bold !important;}
.nav-highlight-green{color:#4CAF50 !important;font-weight:bold !important;}
ul.navigation li a:hover {
	margin:0px;
	padding:0px 14px 0px 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	#background:url(../images/nav-hover-bg.jpg) repeat-x left top;
	display:block;
	} 
	
.w_MM {
	margin:0 9px;
	padding:0px 0px 20px 0px;
	background:#fff;
	}
.m_GA {
	margin:0px;
	padding:0px;
	width:9px;
	float:left;
	font-size:0px;
	line-height:0px;
	}
.mid-left {
	margin:0px;
	padding:0px;
	width:66.11%;
	float:left;
	}
.mid-left h1 {
	color:#ed1c24;
	padding: 20px 0px 5px 15px;
	font-size:30px;
	line-height:34px;
	}
.mid-right {
	margin:0px;
	padding:0px;
	width:33.89%;
	float:left;
	}
.topround-bg1 {
	margin:0px;
	padding:0px;
	background:url(../images/topround-sh-1.jpg) no-repeat left bottom;
	height:20px;
	font-size:0px;
	line-height:0px;
	}
.midround-bg1 {
	margin:0px;
	padding:0px;
	background:url(../images/midround-sh-1.jpg) repeat-y left top;
	}
.botround-bg1 {
	margin:0px;
	padding:0px;
	background:url(../images/bottomround-sh-1.jpg) no-repeat left top;
	height:20px;
	font-size:0px;
	line-height:0px;
	}
h4 {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#283B19;
	font-weight:normal;
	line-height:26px;
	}
h2 {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-decoration:none;
	color:#ed1c24;
	font-weight:bold;
	line-height:34px;
	}
h2 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-decoration:none;
	color:#283B19;
	font-weight:normal;
	}
h3 {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#ed1c24;
	font-weight:bold;
	line-height:30px;
	}
h3 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#283B19;
	font-weight:normal;
	}
p.txt-2 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	}
ul.item-1 {
	margin:0px;
	padding: 10px 0px 0px 15px;
	list-style:none;
	}
ul.item-1 li {
	margin:0px;
	padding:0px 0px 18px 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height: 1.3;
	background:url(../images/bullet-1.jpg) no-repeat;
	background-position:0px 6px;
	}
ul.leesmeer-1 {
	margin:0px;
	padding: 10px 0px 0px 15px;
	list-style:none;
	}
ul.leesmeer-1 li {
	margin:0px;
	padding:2px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	line-height:18px;
	background:url(../images/leesmeer-bg1.jpg) no-repeat right top;
	overflow:hidden;
	}
ul.leesmeer-1 li a {
	margin:0px;
	padding:0px 11px 0px 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	float:right;
	}
ul.leesmeer-1 li a:hover {
	text-decoration:none;
	color:#283B19;
	font-weight:bold;
	float:right;
	}
.CP {
	border:0px;
	height:1px;
	width:1px;
        }	
.WPB_B {
	margin:0px;
	padding:15px 0px 15px 0px;
	background:url(../images/footer-bg1.png) repeat-y center top;
	}
.footer-left {
	margin:0px;
	padding:0px;
	float: left;
	width: 66.45%;
	}
.footer-right {
	margin:0px;
	padding:0px;
	width:33.55%;
	float:right;
	}
ul.FF_NAV {
	margin:0px;
	padding:3px 0px 0px 25px;
	list-style:none;
	}
ul.FF_NAV li {
	margin:0px;
	padding:0px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#b2cd47;
	line-height:12px;
	text-align:center;
	font-weight:normal;
	border-left:1px solid #b2cd47;
	float:left;
	display:block;
	}
ul.FF_NAV li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#b2cd47;
	font-weight:normal;
	}
ul.FF_NAV li a:hover {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	}
p.footer-txt {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#b2cd47;
	line-height:18px;
	font-weight:normal;
	}
.footer-link {
	color:#ccff99; 
	text-decoration:none; 
	}




div.my_left_box{
  /*  float: left;
   */ padding: 5px;
    width: 300px;
    /*height: 300px;*/
    border: 1px solid gray;
}

div.my_right_box{
    float: right;
    padding: 5px;
    width: 300px;
    height: 350px;
    border: 1px solid gray;
}

.overschrijving {
	white-space: normal;
	align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:26px;
	-moz-border-radius-topleft:26px;
	border-top-left-radius:26px;
	-webkit-border-top-right-radius:26px;
	-moz-border-radius-topright:26px;
	border-top-right-radius:26px;
	-webkit-border-bottom-right-radius:26px;
	-moz-border-radius-bottomright:26px;
	border-bottom-right-radius:26px;
	-webkit-border-bottom-left-radius:26px;
	-moz-border-radius-bottomleft:26px;
	border-bottom-left-radius:26px;
	text-indent:1px;
	border:1px solid #268a16;
	display:inline-block;
	color:#030303;
	font-family:Comic Sans MS;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	line-height:33px; 
	width:450px;
	text-decoration:none;
	text-align:center;
	margin-bottom: 5px;
	max-width: 100%;
}
.overschrijving:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.overschrijving:active {
	position:relative;
	top:1px;
}


.product-details {
	white-space: normal;
	align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:26px;
	-moz-border-radius-topleft:26px;
	border-top-left-radius:26px;
	-webkit-border-top-right-radius:26px;
	-moz-border-radius-topright:26px;
	border-top-right-radius:26px;
	-webkit-border-bottom-right-radius:26px;
	-moz-border-radius-bottomright:26px;
	border-bottom-right-radius:26px;
	-webkit-border-bottom-left-radius:26px;
	-moz-border-radius-bottomleft:26px;
	border-bottom-left-radius:26px;
	text-indent:1px;
	border:1px solid #268a16;
	display:inline-block;
	color:#030303;
	font-family:Comic Sans MS;
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	line-height:33px; 
	width:450px;
	text-decoration:none;
	text-align:center;
	margin-bottom: 5px;
	max-width: 100%;
}
.product-details:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.product-details:active {
	position:relative;
	top:1px;
}


@media screen and (min-width: 768px){
	.hamburger{
		display: none !important;
	}
	ul.navigation{
		display: block !important;
	}
	.nav-mobile-only,
	.nav-mobile-top{
		display: none !important;
	}
}
.nav-mobile-only.nav-lang{
	padding: 8px 14px;
	font-size: 13px;
	background: #2d3f1f;
	display: flex;
	justify-content: center;
	gap: 14px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.nav-mobile-only.nav-search{
	background: #2d3f1f;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
@media screen and (max-width: 767px){
	.nav-area{
		background: #2a3a20;
	}
	.bbtl,
	.bbtr{
		float: none;
		text-align: center;
		width: 100%;
		padding: 10px;
	}
	p.txt-1{
		padding: 0;
	}
	.hamburger{
		float: right;
		display: inline-flex !important;
		align-items: center;
		gap: 6px;
		color: #c8d8a8;
		text-decoration: none;
		margin-right: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		padding: 10px 12px;
		background: none;
		border-radius: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	.hamburger p{
		background: none;
		border-radius: 0;
		padding: 0;
		cursor: pointer;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.hamburger span{
		background: #c8d8a8;
		display: block;
		height: 2px;
		width: 18px;
		margin: 3px 0;
	}
	ul.navigation{
		margin: 0;
		padding: 0;
		background: #354a28;
		display: none;
		flex-direction: column;
	}
	ul.navigation li{
		float: none;
		background: none;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		order: 10;
	}
	ul.navigation li.nav-mobile-only{
		order: 20;
	}
	ul.navigation li.nav-mobile-only.nav-lang{
		order: 1;
	}
	ul.navigation li.nav-mobile-only.nav-search{
		order: 2;
	}
	ul.navigation li.nav-mobile-top{
		display: block;
		order: 3;
	}
	.footer-left,
	.footer-right{
		float: none;
		width: 100%;
		text-align: center;
	}
	ul.FF_NAV{
		padding: 0;
	}
	ul.FF_NAV li {
		float: none;
		border: none;
	}
	ul.FF_NAV li a{
		padding: 10px 0;
		display: block;
	}
	.mid-left{
		float: none;
		width: 100%;
		padding: 0 10px;
	}
	.mid-right{
		display: none;
	}
}


.notie-container{font-size:1.6rem;height:auto;left:0;position:fixed;text-align:center;width:100%;z-index:2;box-sizing:border-box;-o-box-shadow:0 0 5px 0 rgba(0,0,0,.5);-ms-box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5)}@media screen and (max-width:900px){.notie-container{font-size:1.4rem}}@media screen and (max-width:750px){.notie-container{font-size:1.2rem}}@media screen and (max-width:400px){.notie-container{font-size:1rem}}.notie-background-success{background-color:#57bf57}.notie-background-warning{background-color:#d6a14d}.notie-background-error{background-color:#e1715b}.notie-background-info{background-color:#4d82d6}.notie-background-neutral{background-color:#a0a0a0}.notie-background-overlay{background-color:#fff}.notie-textbox{color:#fff;padding:20px}.notie-textbox-inner{margin:0 auto;max-width:900px}.notie-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1}.notie-button{cursor:pointer}.notie-button,.notie-element{color:#fff;padding:10px}.notie-element-half{width:50%}.notie-element-half,.notie-element-third{display:inline-block;box-sizing:border-box}.notie-element-third{width:33.3333%}.notie-alert{cursor:pointer}.notie-input-field{background-color:#fff;border:0;font-family:inherit;font-size:inherit;outline:0;padding:10px;text-align:center;width:100%;box-sizing:border-box}.notie-select-choice-repeated{border-bottom:1px solid hsla(0,0%,100%,.2);box-sizing:border-box}.notie-date-selector-inner{margin:0 auto;max-width:900px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.notie-date-selector-inner [contenteditable],.notie-date-selector-inner [contenteditable]:focus{outline:0 solid transparent}.notie-date-selector-up{transform:rotate(180deg)}

/* Product badges - matching admin tag-toggle styles */
span.tag-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 20px !important;
  border: 2px solid #e2e8f0 !important;
  background: #fff !important;
  color: #64748b !important;
  cursor: help !important;
  transition: all 0.15s ease !important;
  user-select: none !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  line-height: 1.4 !important;
}
span.tag-toggle .tag-check {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
}
span.tag-toggle .tag-icon {
  font-size: 14px !important;
}
span.tag-toggle.tag-success.checked {
  border-color: #10b981 !important;
  background: #dcfce7 !important;
  color: #166534 !important;
}
span.tag-toggle.tag-warning.checked {
  border-color: #f59e0b !important;
  background: #fef3c7 !important;
  color: #92400e !important;
}
span.tag-toggle.tag-danger.checked {
  border-color: #ef4444 !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
}
span.tag-toggle.tag-info.checked {
  border-color: #0ea5e9 !important;
  background: #e0f2fe !important;
  color: #0369a1 !important;
}
div.badges-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}
span.tag-toggle.tag-danger.checked {
  animation: pulse 2s infinite !important;
}

/* Product Image Gallery */
.product-gallery {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 10px 0 15px 15px !important;
  max-width: 500px;
}
.product-gallery a {
  display: block !important;
  border: 2px solid #ddd !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  transition: border-color 0.2s, transform 0.2s !important;
  flex-shrink: 0 !important;
}
.product-gallery a:hover {
  border-color: #4CAF50 !important;
  transform: scale(1.02) !important;
}
.product-gallery a img {
  width: 150px !important;
  height: 115px !important;
  object-fit: cover !important;
  display: block !important;
  max-width: none !important;
}
/* Single image - slightly larger, no crop */
.product-gallery.single-image a img {
  width: 200px !important;
  height: 150px !important;
  object-fit: contain !important;
  background: #f9f9f9;
}
@media (max-width: 600px) {
  .product-gallery a img {
    width: 100px !important;
    height: 75px !important;
  }
  .product-gallery.single-image a img {
    width: 150px !important;
    height: 110px !important;
  }
}

/* ========================================
   MOBILE RESPONSIVE ENHANCEMENTS
   ======================================== */

/* Responsive logo - override hardcoded width="360" */
.bbtl img,
.BB_AR img[alt*="logo" i],
.BB_AR img[alt*="kippenhok" i],
img[width="360"] {
  max-width: 100%;
  height: auto;
  width: auto !important;
}

/* Main container responsive */
.WREP {
  max-width: 100%;
  box-sizing: border-box;
}

/* Tablet breakpoint (481px - 767px) */
@media screen and (min-width: 481px) and (max-width: 767px) {
  .mid-left {
    float: none;
    width: 100%;
    padding: 0 15px;
  }
  .mid-right {
    display: none;
  }
}

/* Small mobile (320px - 480px) */
@media screen and (max-width: 480px) {
  .bbtl img,
  img[width="360"] {
    max-width: 280px !important;
  }

  .txt-2 {
    padding: 10px !important;
  }

  .txt-2 img {
    max-width: 100%;
    height: auto;
  }

  /* Order buttons full width on mobile */
  .overschrijving,
  .product-details {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    font-size: 14px !important;
    padding: 6px 16px;
  }

  /* Product badges wrap nicely */
  div.badges-container {
    justify-content: center !important;
  }

  span.tag-toggle {
    font-size: 12px !important;
    padding: 6px 10px !important;
  }
}

/* Very small screens (< 320px) */
@media screen and (max-width: 319px) {
  .bbtl img,
  img[width="360"] {
    max-width: 200px !important;
  }

  .hamburger {
    margin-right: 5px;
    font-size: 12px;
  }

  ul.navigation li a {
    padding: 12px 8px;
    font-size: 14px;
  }
}

/* Improve touch targets for navigation */
@media screen and (max-width: 767px) {
  ul.navigation li a {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    color: #e8f0d8;
    font-size: 13px;
    font-weight: normal;
  }

  /* Better spacing for product images in content */
  .txt-2 img {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    height: auto;
  }

  /* Tables responsive */
  table {
    width: 100% !important;
    max-width: 100%;
  }

  td, th {
    word-wrap: break-word;
  }
}

/* Print styles - hide navigation */
@media print {
  .hamburger,
  ul.navigation,
  .mid-right,
  .footer-left,
  .footer-right,
  .mobile-cta {
    display: none !important;
  }
  .mid-left {
    width: 100% !important;
  }
}

/* ========================================
   STICKY MOBILE CTA BAR
   ======================================== */

/* Hidden on desktop */
.mobile-cta {
  display: none;
}

/* Visible on mobile */
@media (max-width: 767px) {
  .mobile-cta {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(40, 59, 25, 0.95);
    padding: 8px 12px;
    z-index: 9998;
    box-shadow: 0 -1px 6px rgba(0,0,0,0.15);
  }
  .mobile-cta a {
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    background: #4CAF50;
    color: #fff;
  }
  .mobile-cta a:hover,
  .mobile-cta a:active {
    background: #45a049;
  }
  /* Prevent content hiding behind CTA */
  body {
    padding-bottom: 54px;
  }
  /* Hide CTA on cart/checkout pages where it's not needed */
  .checkout-page .mobile-cta,
  .cart-page .mobile-cta {
    display: none;
  }
}