/**
 * Theme Name:     Electro Child
 * Author:         MadrasThemes
 * Template:       electro
 * Text Domain:	   electro-child
 * Description:    Electro is a robust and flexible WordPress theme, designed by Transvelo to help you make the most out of using WooCommerce to power your online store. The design is well suited for Electronics Store, Vendor based marketplaces, affiliate websites. It is built and comes bundled with most of the advanced features available in most popular eCommerce websites like amazon, flipkart, snapdeal, walmart, alibaba, aliexpress, etc.
 */

/** move product heading on category page below hero image */

/* ── SITE-WIDE HEADING & PARAGRAPH STYLES (hp-hero language, white bg) ── */

h1,
h1.page-title,
h1.wp-block-heading {
    font-family: 'Bebas Neue', sans-serif;
    color: #ce1d76;
    letter-spacing: 0.04em;
    line-height: 1;
}

h2,
h2.wp-block-heading {
    font-family: 'Bebas Neue', sans-serif;
    color: #ce1d76;
    letter-spacing: 0.04em;
    line-height: 1.05;
    margin-top: 1.5em;
}

/* Iconic WSB — Frequently Bought Together */
.iconic-wsb-product-bumps__title,
.iconic-wsb-product-bumps__sales_pitch p {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.04em;
    color: #ce1d76;
    line-height: 1;
}

.iconic-wsb-product-bumps__sales_pitch p {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.04em;
    line-height: 1;
    color: #ffffff;
}

/* end site wide HP updates */

/* Game Over CSS */


#container-gameover {
	width:100%; 
	max-width: 800px; 
	border:3px
	solid #fff;
	margin:5;
	padding:5;	
	text-align:center;
	align-items: center;
	display: block;
	flex-direction: column;
	justify-content: center;
}

 
#gameover {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    text-align:center;
    font-size: 70px;
    
  }

.background404 {
  background: white;
}

/*container text*/
.container-text {
float:bottom;
  position:;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 6%;
  margin-top: 3%;
  bottom:0;
}

.continue, #gameover, .journey{
  color: #BD3479;
  text-transform: uppercase;
  font-family: 'Press Start 2P', cursive;
  letter-spacing: 2px;
}

.journey{
  color: #000;
  text-transform: uppercase;
  font-family: 'Press Start 2P', cursive;
  letter-spacing: 2px;
}

.continue{
  margin-left: 27%;
  font-size: 18px;
}

.journey{
    display: block;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top:10%;
    margin-bottom: 3%;
    width: 100%;
    text-align:center;
    position:relative;
    font-size: 18px;
}


a {
  text-decoration: none;
}

/*pixel art-left*/
.container-pixel-left {
float:left;
  margin-left: 3%;
  margin-bottom: 4%;
  margin-top: 0px;
}
/*pixel art-right*/
.container-pixel-right {
float:right;
  margin-left: 12%;
  margin-bottom: 2%;
  margin-top: 5%;
}
#art {
	width: 150px;
	height: 130px;
}

#art:after {
  content: '';
	display: inline;
  float: left;
  clear: both;
	width: 5px;
	height: 5px;
  margin-left:10%;
	background: transparent;
	box-shadow:24px 36px #222222,30px 36px #222222,36px 36px #222222,42px 36px #222222,48px 36px #222222,54px 36px #222222,24px 42px #222222,24px 48px #222222,30px 42px #222222,36px 42px #222222,42px 42px #222222,48px 42px #222222,54px 42px #222222,30px 48px #222222,36px 48px #222222,42px 48px #222222,48px 48px #222222,54px 48px #222222,60px 36px #222222,60px 48px #222222,60px 42px #222222,66px 36px #222222,66px 42px #222222,66px 48px #222222,18px 54px #222222,12px 54px #222222,6px 54px #222222,18px 60px #222222,18px 66px #222222,18px 72px #222222,18px 78px #222222,18px 84px #222222,18px 90px #222222,18px 96px #222222,18px 102px #222222,18px 108px #222222,12px 108px #222222,6px 60px #222222,6px 66px #222222,6px 72px #222222,6px 78px #222222,6px 84px #222222,6px 90px #222222,6px 96px #222222,6px 102px #222222,6px 108px #222222,12px 60px #222222,12px 66px #222222,12px 78px #222222,12px 84px #222222,12px 96px #222222,12px 102px #222222,12px 90px #222222,12px 72px #222222,72px 54px #222222,78px 54px #222222,84px 54px #222222,72px 60px #222222,72px 66px #222222,84px 60px #222222,84px 66px #222222,78px 66px #222222,78px 60px #222222,90px 36px #222222,90px 48px #222222,90px 42px #222222,96px 36px #222222,108px 36px #222222,102px 36px #222222,114px 36px #222222,120px 36px #222222,126px 36px #222222,132px 36px #222222,132px 42px #222222,132px 48px #222222,126px 48px #222222,120px 48px #222222,114px 48px #222222,108px 48px #222222,102px 48px #222222,96px 48px #222222,96px 42px #222222,102px 42px #222222,108px 42px #222222,126px 42px #222222,120px 42px #222222,114px 42px #222222,138px 54px #222222,150px 54px #222222,144px 54px #222222,150px 60px #222222,150px 66px #222222,150px 72px #222222,150px 78px #222222,150px 84px #222222,150px 90px #222222,150px 96px #222222,150px 102px #222222,138px 60px #222222,138px 66px #222222,138px 78px #222222,138px 72px #222222,138px 84px #222222,138px 96px #222222,138px 90px #222222,138px 102px #222222,144px 102px #222222,144px 84px #222222,144px 66px #222222,144px 60px #222222,144px 72px #222222,144px 78px #222222,144px 90px #222222,144px 96px #222222,138px 108px #222222,144px 108px #222222,150px 108px #222222,18px 114px #222222,24px 114px #222222,30px 114px #222222,30px 126px #222222,24px 126px #222222,18px 126px #222222,18px 120px #222222,30px 120px #222222,24px 120px #222222,36px 132px #222222,42px 132px #222222,48px 132px #222222,48px 138px #222222,42px 138px #222222,36px 138px #222222,36px 144px #222222,42px 144px #222222,48px 144px #222222,54px 150px #222222,66px 150px #222222,60px 150px #222222,54px 156px #222222,54px 162px #222222,60px 162px #222222,66px 156px #222222,66px 162px #222222,60px 156px #222222,72px 168px #222222,72px 174px #222222,72px 180px #222222,78px 180px #222222,78px 168px #222222,84px 168px #222222,78px 174px #222222,84px 180px #222222,84px 174px #222222,90px 150px #222222,90px 156px #222222,90px 162px #222222,96px 150px #222222,102px 150px #222222,102px 156px #222222,102px 162px #222222,96px 162px #222222,96px 156px #222222,108px 144px #222222,120px 144px #222222,114px 144px #222222,108px 138px #222222,108px 132px #222222,114px 132px #222222,120px 132px #222222,120px 138px #222222,114px 138px #222222,126px 126px #222222,132px 126px #222222,138px 126px #222222,126px 120px #222222,126px 114px #222222,132px 114px #222222,132px 120px #222222,138px 120px #222222,138px 114px #222222,60px 60px #BD3479,54px 54px #BD3479,24px 54px #BD3479,30px 54px #BD3479,42px 54px #BD3479,36px 54px #BD3479,48px 54px #BD3479,60px 54px #BD3479,66px 54px #BD3479,66px 60px #BD3479,24px 60px #BD3479,24px 66px #BD3479,24px 72px #BD3479,24px 78px #BD3479,24px 84px #BD3479,24px 90px #BD3479,24px 96px #BD3479,24px 102px #BD3479,24px 108px #BD3479,30px 108px #BD3479,30px 102px #BD3479,30px 96px #BD3479,30px 90px #BD3479,30px 84px #BD3479,30px 78px #BD3479,30px 72px #BD3479,30px 66px #BD3479,30px 60px #BD3479,36px 60px #BD3479,48px 60px #BD3479,54px 60px #BD3479,42px 60px #BD3479,66px 66px #BD3479,72px 72px #BD3479,84px 72px #BD3479,78px 72px #BD3479,66px 72px #BD3479,90px 72px #BD3479,90px 66px #BD3479,90px 60px #BD3479,90px 54px #BD3479,96px 54px #BD3479,108px 54px #BD3479,102px 54px #BD3479,114px 54px #BD3479,120px 54px #BD3479,132px 54px #BD3479,126px 54px #BD3479,132px 60px #BD3479,132px 66px #BD3479,132px 72px #BD3479,132px 78px #BD3479,132px 84px #BD3479,132px 90px #BD3479,132px 96px #BD3479,132px 102px #BD3479,132px 108px #BD3479,126px 108px #BD3479,120px 108px #BD3479,120px 114px #BD3479,120px 126px #BD3479,114px 126px #BD3479,108px 126px #BD3479,36px 114px #BD3479,36px 120px #BD3479,36px 126px #BD3479,42px 126px #BD3479,48px 126px #BD3479,54px 132px #BD3479,54px 138px #BD3479,54px 144px #BD3479,60px 144px #BD3479,66px 144px #BD3479,72px 144px #BD3479,72px 150px #BD3479,72px 156px #BD3479,72px 162px #BD3479,84px 162px #BD3479,84px 156px #BD3479,84px 150px #BD3479,84px 144px #BD3479,90px 144px #BD3479,96px 144px #BD3479,102px 144px #BD3479,102px 138px #BD3479,102px 132px #BD3479,102px 126px #BD3479,78px 144px #BD3479,78px 150px #BD3479,78px 162px #BD3479,78px 156px #BD3479,60px 126px #BD3479,54px 126px #BD3479,60px 132px #BD3479,60px 138px #BD3479,66px 138px #BD3479,66px 132px #BD3479,66px 126px #BD3479,72px 126px #BD3479,72px 132px #BD3479,72px 138px #BD3479,78px 138px #BD3479,78px 132px #BD3479,78px 126px #BD3479,84px 126px #BD3479,84px 138px #BD3479,84px 132px #BD3479,90px 138px #BD3479,90px 132px #BD3479,96px 126px #BD3479,96px 132px #BD3479,96px 138px #BD3479,90px 126px #BD3479,120px 120px #BD3479,114px 114px #BD3479,114px 108px #BD3479,114px 120px #BD3479,114px 102px #BD3479,120px 102px #BD3479,126px 102px #BD3479,126px 96px #BD3479,126px 90px #BD3479,126px 78px #BD3479,126px 60px #BD3479,126px 66px #BD3479,126px 72px #BD3479,126px 84px #BD3479,120px 90px #BD3479,120px 96px #BD3479,114px 96px #BD3479,114px 90px #BD3479,36px 108px #BD3479,66px 78px #BD3479,66px 84px #BD3479,66px 90px #BD3479,66px 96px #BD3479,66px 102px #BD3479,66px 108px #BD3479,66px 114px #BD3479,66px 120px #BD3479,60px 120px #BD3479,60px 114px #BD3479,60px 102px #BD3479,60px 108px #BD3479,60px 96px #BD3479,60px 90px #BD3479,60px 78px #BD3479,60px 66px #BD3479,60px 84px #BD3479,60px 72px #BD3479,42px 120px #BD3479,54px 120px #BD3479,48px 120px #BD3479,54px 114px #BD3479,48px 114px #BD3479,42px 114px #BD3479,42px 108px #BD3479,48px 108px #BD3479,54px 108px #BD3479,72px 78px #BD3479,54px 66px #BD3479,48px 66px #BD3479,36px 66px #BD3479,42px 66px #BD3479,36px 72px #BD3479,42px 72px #BD3479,48px 72px #BD3479,54px 72px #BD3479,54px 78px #BD3479,54px 84px #BD3479,54px 90px #BD3479,54px 96px #BD3479,54px 102px #BD3479,48px 102px #BD3479,42px 102px #BD3479,36px 102px #BD3479,36px 96px #BD3479,42px 96px #BD3479,48px 96px #BD3479,48px 90px #BD3479,48px 84px #BD3479,36px 78px #BD3479,48px 78px #BD3479,42px 78px #BD3479,42px 84px #BD3479,36px 90px #BD3479,36px 84px #BD3479,42px 90px #BD3479,72px 120px #BD3479,78px 120px #BD3479,90px 120px #BD3479,84px 120px #BD3479,96px 120px #BD3479,108px 120px #BD3479,102px 120px #BD3479,96px 78px #BD3479,102px 78px #BD3479,108px 84px #BD3479,108px 78px #BD3479,90px 78px #BD3479,84px 78px #BD3479,78px 78px #BD3479,96px 60px #BD3479,96px 66px #BD3479,96px 72px #BD3479,102px 72px #BD3479,102px 66px #BD3479,102px 60px #BD3479,108px 60px #BD3479,108px 72px #BD3479,108px 66px #BD3479,114px 60px #BD3479,120px 60px #BD3479,120px 66px #BD3479,114px 66px #BD3479,114px 72px #BD3479,120px 72px #BD3479,120px 78px #BD3479,114px 78px #BD3479,114px 84px #BD3479,120px 84px #BD3479,72px 84px #BD3479,72px 90px #BD3479,72px 96px #BD3479,72px 102px #BD3479,72px 108px #BD3479,72px 114px #BD3479,78px 114px #BD3479,78px 108px #BD3479,78px 102px #BD3479,78px 96px #BD3479,78px 90px #BD3479,78px 84px #BD3479,90px 84px #BD3479,102px 84px #BD3479,96px 84px #BD3479,84px 84px #BD3479,84px 90px #BD3479,96px 96px #BD3479,102px 108px #BD3479,108px 114px #BD3479,102px 102px #BD3479,90px 96px #BD3479,96px 90px #BD3479,90px 90px #BD3479,102px 90px #BD3479,102px 96px #BD3479,108px 90px #BD3479,108px 96px #BD3479,108px 102px #BD3479,108px 108px #BD3479,102px 114px #BD3479,90px 114px #BD3479,84px 114px #BD3479,84px 102px #BD3479,84px 96px #BD3479,84px 108px #BD3479,90px 102px #BD3479,96px 102px #BD3479,90px 108px #BD3479,96px 108px #BD3479,96px 114px #BD3479;
}

/*pixel art-2*/

.container-pixel-2 {
  transform: scale(0.4, 0.4);
  margin-right: 85%;
}

#art-2 {
	width: 20px;
	height: 20px;
}

#art-2:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: transparent;
	box-shadow:90px 0px #222222,96px 0px #222222,102px 0px #222222,84px 0px #222222,108px 0px #222222,78px 0px #222222,78px 6px #222222,108px 6px #222222,84px 12px #222222,96px 12px #222222,90px 12px #222222,108px 12px #222222,84px 6px #222222,90px 6px #222222,96px 6px #222222,102px 6px #222222,102px 12px #222222,78px 12px #222222,72px 18px #222222,66px 18px #222222,72px 24px #222222,66px 24px #222222,60px 18px #222222,60px 24px #222222,60px 30px #222222,66px 30px #222222,72px 30px #222222,114px 18px #222222,120px 18px #222222,126px 18px #222222,126px 24px #222222,126px 30px #222222,120px 30px #222222,120px 24px #222222,114px 24px #222222,114px 30px #222222,54px 36px #222222,48px 36px #222222,42px 36px #222222,54px 48px #222222,48px 48px #222222,42px 48px #222222,48px 42px #222222,54px 42px #222222,42px 42px #222222,36px 54px #222222,30px 54px #222222,24px 54px #222222,24px 60px #222222,36px 60px #222222,36px 72px #222222,36px 66px #222222,24px 66px #222222,24px 72px #222222,24px 90px #222222,24px 78px #222222,24px 84px #222222,24px 96px #222222,24px 102px #222222,36px 78px #222222,36px 84px #222222,36px 90px #222222,36px 96px #222222,36px 102px #222222,36px 108px #222222,24px 108px #222222,36px 114px #222222,36px 120px #222222,24px 114px #222222,24px 120px #222222,36px 126px #222222,30px 126px #222222,24px 126px #222222,132px 36px #222222,138px 36px #222222,144px 36px #222222,144px 42px #222222,144px 48px #222222,138px 48px #222222,132px 48px #222222,132px 42px #222222,138px 42px #222222,150px 54px #222222,156px 54px #222222,150px 60px #222222,150px 72px #222222,150px 66px #222222,150px 78px #222222,150px 84px #222222,150px 90px #222222,150px 96px #222222,150px 102px #222222,150px 114px #222222,150px 120px #222222,150px 108px #222222,150px 126px #222222,162px 54px #222222,162px 60px #222222,162px 66px #222222,162px 72px #222222,162px 78px #222222,162px 84px #222222,162px 90px #222222,162px 96px #222222,162px 102px #222222,162px 108px #222222,162px 114px #222222,162px 120px #222222,162px 126px #222222,42px 132px #222222,54px 132px #222222,48px 132px #222222,42px 138px #222222,42px 144px #222222,48px 144px #222222,54px 144px #222222,54px 138px #222222,48px 138px #222222,60px 150px #222222,66px 150px #222222,72px 150px #222222,60px 156px #222222,60px 162px #222222,66px 162px #222222,72px 162px #222222,72px 156px #222222,66px 156px #222222,78px 168px #222222,78px 174px #222222,78px 180px #222222,84px 180px #222222,96px 180px #222222,90px 180px #222222,144px 132px #222222,138px 132px #222222,132px 138px #222222,132px 144px #222222,144px 144px #222222,144px 138px #222222,138px 144px #222222,138px 138px #222222,126px 150px #222222,126px 156px #222222,120px 162px #222222,114px 162px #222222,114px 156px #222222,120px 150px #222222,114px 150px #222222,126px 162px #222222,120px 156px #222222,84px 168px #222222,90px 168px #222222,102px 168px #222222,108px 168px #222222,96px 168px #222222,108px 174px #222222,108px 180px #222222,102px 180px #222222,96px 174px #222222,84px 174px #222222,90px 174px #222222,102px 174px #222222,30px 60px #222222,30px 66px #222222,30px 72px #222222,30px 78px #222222,30px 84px #222222,30px 90px #222222,30px 96px #222222,30px 102px #222222,30px 114px #222222,30px 120px #222222,30px 108px #222222,156px 60px #222222,156px 66px #222222,156px 72px #222222,156px 78px #222222,156px 84px #222222,156px 90px #222222,156px 96px #222222,156px 102px #222222,156px 108px #222222,156px 114px #222222,156px 120px #222222,156px 126px #222222,102px 24px #FFFF00,102px 18px #FFFF00,108px 18px #FFFF00,108px 24px #FFFF00,102px 30px #FFFF00,108px 30px #FFFF00,102px 36px #FFFF00,108px 48px #FFFF00,114px 42px #FFFF00,108px 36px #FFFF00,108px 42px #FFFF00,114px 36px #FFFF00,120px 36px #FFFF00,126px 36px #FFFF00,126px 42px #FFFF00,126px 48px #FFFF00,120px 48px #FFFF00,120px 42px #FFFF00,114px 48px #FFFF00,138px 54px #FFFF00,144px 54px #FFFF00,144px 60px #FFFF00,144px 66px #FFFF00,144px 72px #FFFF00,144px 78px #FFFF00,144px 84px #FFFF00,144px 90px #FFFF00,144px 102px #FFFF00,144px 96px #FFFF00,144px 108px #FFFF00,144px 114px #FFFF00,144px 126px #FFFF00,144px 120px #FFFF00,138px 126px #FFFF00,132px 126px #FFFF00,126px 144px #FFFF00,126px 138px #FFFF00,120px 144px #FFFF00,114px 144px #FFFF00,108px 144px #FFFF00,108px 150px #FFFF00,108px 156px #FFFF00,108px 162px #FFFF00,84px 162px #FFFF00,102px 162px #FFFF00,96px 162px #FFFF00,78px 162px #FFFF00,90px 162px #FFFF00,84px 156px #FFFF00,90px 156px #FFFF00,96px 156px #FFFF00,102px 156px #FFFF00,78px 156px #FFFF00,78px 150px #FFFF00,84px 150px #FFFF00,90px 150px #FFFF00,96px 150px #FFFF00,102px 150px #FFFF00,102px 144px #FFFF00,96px 144px #FFFF00,90px 144px #FFFF00,84px 144px #FFFF00,78px 144px #FFFF00,42px 114px #FFFF00,48px 114px #FFFF00,54px 114px #FFFF00,42px 120px #FFFF00,42px 126px #FFFF00,48px 126px #FFFF00,54px 126px #FFFF00,54px 120px #FFFF00,48px 120px #FFFF00,60px 144px #FFFF00,60px 138px #FFFF00,60px 132px #FFFF00,66px 144px #FFFF00,72px 144px #FFFF00,66px 138px #FFFF00,72px 138px #FFFF00,138px 84px #FFFF00,132px 84px #FFFF00,126px 84px #FFFF00,120px 84px #FFFF00,120px 78px #FFFF00,126px 78px #FFFF00,126px 72px #FFFF00,132px 66px #FFFF00,132px 78px #FFFF00,138px 66px #FFFF00,138px 60px #FFFF00,132px 60px #FFFF00,132px 72px #FFFF00,138px 72px #FFFF00,138px 78px #FFFF00,138px 114px #FFFF00,138px 120px #FFFF00,138px 96px #FFFF00,138px 90px #FFFF00,138px 102px #FFFF00,138px 108px #FFFF00,132px 96px #FFFF00,132px 90px #FFFF00,120px 90px #FFFF00,126px 90px #FFFF00,126px 96px #FFFF00,132px 102px #FFFF00,132px 108px #FFFF00,132px 114px #FFFF00,132px 120px #FFFF00,126px 132px #FFFF00,120px 138px #FFFF00,114px 132px #FFFF00,120px 132px #FFFF00,78px 138px #FFFF00,114px 138px #FFFF00,96px 18px #FFFF00,96px 24px #FFFF00,96px 30px #FFFF00,96px 36px #FFFF00,96px 60px #FFFF00,96px 66px #FFFF00,96px 72px #FFFF00,96px 78px #FFFF00,96px 84px #FFFF00,96px 90px #FFFF00,96px 96px #FFFF00,96px 102px #FFFF00,96px 108px #FFFF00,96px 114px #FFFF00,96px 120px #FFFF00,126px 108px #FFFF00,126px 102px #FFFF00,120px 102px #FFFF00,120px 108px #FFFF00,102px 120px #FFFF00,120px 96px #FFFF00,102px 66px #FFFF00,102px 60px #FFFF00,108px 66px #FFFF00,108px 60px #FFFF00,120px 72px #FFFF00,102px 114px #FFFF00,90px 84px #FFFF00,90px 90px #FFFF00,132px 54px #FFFF00,126px 54px #222222,120px 54px #222222,114px 54px #222222,114px 60px #222222,114px 66px #222222,120px 66px #222222,126px 66px #222222,126px 60px #222222,120px 60px #222222,108px 72px #222222,132px 132px #222222,126px 120px #222222,126px 114px #222222,120px 114px #222222,126px 126px #222222,120px 120px #222222,120px 126px #222222,108px 96px #222222,108px 90px #222222,108px 84px #222222,108px 78px #222222,108px 102px #222222,108px 108px #222222,84px 24px #c5c3c3,90px 18px #c5c3c3,84px 18px #c5c3c3,78px 18px #c5c3c3,78px 24px #c5c3c3,90px 24px #c5c3c3,90px 30px #c5c3c3,84px 30px #c5c3c3,78px 30px #c5c3c3,90px 36px #222222,90px 66px #c5c3c3,90px 60px #c5c3c3,84px 66px #c5c3c3,78px 66px #c5c3c3,78px 60px #c5c3c3,78px 36px #c5c3c3,84px 36px #c5c3c3,84px 60px #c5c3c3,78px 48px #c5c3c3,78px 42px #c5c3c3,60px 36px #c5c3c3,72px 36px #c5c3c3,66px 36px #c5c3c3,66px 42px #c5c3c3,60px 48px #c5c3c3,60px 42px #c5c3c3,66px 48px #c5c3c3,72px 48px #c5c3c3,72px 42px #c5c3c3,54px 54px #c5c3c3,48px 54px #c5c3c3,42px 54px #c5c3c3,42px 60px #c5c3c3,42px 72px #c5c3c3,42px 78px #c5c3c3,42px 84px #c5c3c3,42px 90px #c5c3c3,42px 102px #c5c3c3,42px 108px #c5c3c3,42px 96px #c5c3c3,42px 66px #c5c3c3,48px 108px #c5c3c3,54px 108px #c5c3c3,54px 60px #c5c3c3,48px 60px #c5c3c3,48px 66px #c5c3c3,54px 66px #c5c3c3,54px 72px #c5c3c3,48px 84px #c5c3c3,48px 78px #c5c3c3,48px 72px #c5c3c3,48px 90px #c5c3c3,48px 96px #c5c3c3,48px 102px #c5c3c3,54px 102px #c5c3c3,54px 96px #c5c3c3,54px 90px #c5c3c3,54px 84px #c5c3c3,54px 78px #c5c3c3,60px 72px #c5c3c3,66px 72px #c5c3c3,66px 78px #c5c3c3,60px 78px #c5c3c3,60px 84px #c5c3c3,60px 90px #c5c3c3,60px 96px #c5c3c3,60px 102px #c5c3c3,60px 108px #c5c3c3,66px 102px #c5c3c3,66px 108px #c5c3c3,78px 132px #FFFF00,72px 132px #FFFF00,90px 96px #FFFF00,90px 102px #FFFF00,90px 108px #FFFF00,60px 54px #222222,66px 54px #222222,72px 54px #222222,72px 60px #222222,72px 66px #222222,66px 66px #222222,60px 66px #222222,60px 60px #222222,66px 60px #222222,78px 72px #222222,78px 78px #222222,78px 90px #222222,78px 96px #222222,78px 102px #222222,72px 114px #222222,66px 114px #222222,60px 114px #222222,60px 120px #222222,60px 126px #222222,66px 132px #FFFF00,66px 126px #222222,72px 126px #222222,72px 120px #222222,66px 120px #222222,90px 72px #FFFF00,90px 78px #FFFF00,78px 84px #222222,90px 114px #FFFF00,90px 120px #FFFF00,84px 114px #FFFF00,84px 120px #FFFF00,84px 72px #FFFF00,84px 78px #FFFF00,84px 84px #FFFF00,84px 90px #FFFF00,84px 96px #FFFF00,84px 102px #FFFF00,84px 108px #FFFF00,102px 72px #FFFF00,102px 78px #FFFF00,102px 84px #FFFF00,102px 90px #FFFF00,102px 102px #FFFF00,102px 108px #FFFF00,102px 96px #FFFF00,84px 42px #222222,90px 42px #222222,96px 42px #222222,84px 48px #222222,90px 48px #222222,96px 48px #222222,84px 54px #222222,90px 54px #222222,96px 54px #222222,78px 54px #222222,108px 54px #222222,102px 54px #222222,102px 42px #222222,102px 48px #222222,78px 126px #222222,84px 126px #222222,96px 126px #222222,90px 126px #222222,102px 126px #222222,96px 138px #222222,102px 138px #222222,102px 132px #222222,96px 132px #222222,90px 132px #222222,84px 132px #222222,84px 138px #222222,90px 138px #222222,108px 132px #FFFF00,108px 138px #FFFF00,72px 72px #222222,72px 78px #222222,72px 90px #222222,72px 108px #222222,72px 102px #222222,72px 96px #222222,72px 84px #222222,114px 72px #222222,114px 78px #222222,114px 84px #222222,114px 90px #222222,114px 96px #222222,114px 102px #222222,78px 120px #222222,78px 114px #222222,78px 108px #222222,114px 126px #222222,114px 120px #222222,114px 114px #222222,114px 108px #222222,108px 114px #222222,108px 120px #222222,108px 126px #222222,66px 84px #c5c3c3,66px 90px #c5c3c3,66px 96px #c5c3c3;
}

/* Homepage value bar icons size *4 and text style/alignment */
.features-list .feature-icon i {
    font-size: 25px !important;
    color: #ce1d76;
}

.features-list .feature {
    padding: 8px 6px !important;
}

.features-list .feature-icon {
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

.features-list .feature-icon i {
    font-size: 24px !important;
    color: #ce1d76;
}

.features-list .feature-text {
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

.features-list .feature-text strong {
    font-size: 11px !important;
    white-space: nowrap !important;
}

/* lighten secondary text */
.features-list .feature-text {
    color: #888 !important;
}

.header-v5 .departments-menu-v2-title {
    color: #333e48;
}

.header-v5 .header-icon-counter {
    background-color: #333e48;
}

.custom-heading {
	position: relative;
	white-space: nowrap;
	padding-bottom: .4em;
	border-bottom: 1px solid #ddd;
	font-size: 17px;
	font-weight: 700 !important;
	line-height: 1.6em;
}

.custom-heading-testimonial {
	margin-bottom: calc(20px + .5rem);
}

.custom-heading::after {
	content: ' ';
	border-bottom: 2px solid #ce1d76;
	display: block;
	position: absolute;
	bottom: -1px;
	width: 36px;
}

.custom-heading-testimonial::after {
	width: 107px;
}

.evc-owl-carousel .owl-dots .owl-dot span {
	display: none;
}

.evc-predefined-style .evc-shortcode p {
	max-width: 1000px;
	margin: 0 auto;
	color: inherit;
	font-family: "Inter","Open Sans","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.evc-owl-carousel button.owl-dot {
	background-color: #bcbcbc;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	background-color: #ce1d76;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus {
	background-color: #b7005c;
}

@media (min-width: 768px) {
	.custom-heading {
		font-size: 1.571em;
		font-weight: 400 !important;
	}
	
	.custom-heading::after {
		width: 45px;
	}
	
	.custom-heading-testimonial::after {
		width: 128px;
	}
}







.accordion-container{
  position: relative;
  max-width: 500px;
  height: auto;
  margin: 10px auto;
}
.accordion-container > h2{
  text-align: center;
  color: #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
}
.set > a{
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #555;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
}
.set > a i{
  float: right;
  margin-top: 2px;
}
.set > a.active{
  background-color:#3399cc;
  color: #fff;
}
.content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
/*   display:none; */
}
.content p{
  padding: 10px 15px;
  margin: 0;
  color: #333;
}
.set {
   max-width:500px;
	margin:0 auto;
	background:transparent;
}
.set a {
    background-color: #f5f5f5;
	margin-bottom: 40px;
}
.accordion-container {
    max-width:100%;
}
.accordion-container h4{
	 color: #192270;
}
#custom-content h4 {
    text-align: center;
    color: #192270;
    margin-top: 0;
    padding-top: 15px;
	    font-size: 20px;
    font-weight: 600;
	text-transform: uppercase;
}
#custom-content tr,
#custom-content tr td{
    text-align: center;
}
#custom-content tr td{
	width:50% !important;
}
#custom-content tr td, #custom-content tr td p {
    padding: 5px !important;
    font-size: 16px !important;
	border: none !important;
	text-align:left;
}
#custom-content tr td:first-child{
	font-weight:bold;
	border-right:1px dotted rgba(0,0,0,0.1) !important;
}
div#custom-content {
    border: none !important;
}
div#custom-content tr {
    border: 1px dotted rgba(0,0,0,0.1);
	  border-width: 1px 0px 0px 0px;
}
div#custom-content table {
    border-top: 1px dotted rgba(0,0,0,0.1);
    border-bottom: 1px dotted rgba(0,0,0,0.1);
    margin-bottom: 10px !important;
}
div#custom-content table:last-child{
border-bottom: 0px;
    margin-bottom: 0px !important;
    border-top: 0px;
}
#custom-content tr td:first-child p {
    text-align: right;
}

.compare.button {
  width: 42px !important;
  height: 32px !important;
  background-image: url('wp-content/uploads/2024/05/prod-comp-electro-add.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  font-size: 0 !important;
}

.compare.button.added {
  background-image: url('wp-content/uploads/2024/05/prod-comp-electro.svg') !important;
}


@media (max-width: 575px) {
.single-product .cart .quantity {
    width: 70px;
}
	
.single_add_to_cart_button.button {
    padding: 14px 20px;
}
}

@media (max-width: 400px) {
	.mobile-landing-iframe .da-block,
	.mobile-landing-iframe .product-categories-list .categories,
	.mobile-landing-iframe .mobile-handheld-department ul.nav,
	.mobile-landing-iframe .show-nav .nav,
	.mobile-landing-iframe .products-list.v2 ul.products,
	.mobile-landing-iframe .home-mobile-v2-features-block .features-list{
		    overflow: hidden;
	}
	
	.mobile-landing-iframe:not(.admin-bar) .mobile-header-v2,
	.mobile-landing-iframe:not(.admin-bar) .mobile-header-v1{
		padding-top: 40px;
	}
	
.mobile-landing-iframe .site-footer {
	  padding-bottom: 0;
}
}

.header-v5 .electro-navigation .departments-menu-v2-title {
    color: #131313;
}

.custom-post .vc_gitem-animated-block {
    position: relative;
}
.custom-post .vc_gitem-animated-block .vc_gitem-zone {
    position: absolute;
    width: 100%;
}

.custom-post .vc_gitem-animated-block + .vc_gitem-zone {
    background-color: transparent !important;
}

.custom-post  .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
    color: #fff;
	  padding-top: 37%;
}

.custom-post .vc_btn3-container.vc_btn3-left,
.custom-post .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
    display: none;
}

.header-icon .header-icon-counter {
	color: #131313;
}

.custom-post  .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4 {
    text-align: center !important;
	font-weight: 800;
}

.custom-post .vc_gitem-animated-block .vc_gitem-zone::after {
    height: 100%;
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(top,rgba(240,47,23,0) -40%,#000 150%);
    background: linear-gradient(to bottom,rgba(240,47,23,0) -40%,#000 150%);
}

.single-post .post-author-info,
article.post .entry-header .entry-meta span.posted-on,article.post .entry-header .entry-meta span.author,article.post .entry-header .entry-meta span:after {
	display: none;
}

.blog .media-attachment img {
    width: 300px;
}

.cust-footer-blk .wpb_text_column .cust-head {
	font-size: 35px;
}

.cust-footer-blk .wpb_text_column .cust-sub {
	font-size: 22px;
}
.cust-footer-blk .wpb_text_column {
    margin: 0;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	padding-top: 200px;
		padding-bottom: 10px;
	position: relative;

}

.cust-footer-blk .wpb_single_image .vc_figure a:after {
content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #3d3d3d;
    opacity: 0.5;
    z-index: 1;
}

.cust-footer-blk .wpb_text_column .wpb_wrapper {
    position: relative;
    z-index: 2;
}

.cust-footer-blk-imgs h2 {
    text-align: center;
	font-size: 26px;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	color: #fff;
	position: absolute;
	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index:2
}

.cust-footer-blk-img {
	position: relative;
}

.cust-footer-blk-img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #3d3d3d;
    opacity: .25;
}

div.wpforms-container-full.ec-newsletter-form,
.home .site-content ,
.cust-footer-blk-imgs .wpb_single_image {
	margin: 0;
}
.cust-footer-blk-img:hover:before {
   opacity: .8;
}

div.wpforms-container-full.ec-newsletter-form .wpforms-form input[type=email] {
    height: 47px;
}

.owl-item>.product .price del, .products>.product .price del {
    position: initial !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #0C0D5F !important;
}

.vc_masonry_grid.custom-post h4{
	color: #fff  !important;
}

blockquote {
    border-color: #e4e4e4;
    border-width: 1px 0;
    border-style: solid;
    padding: 30px 0;
    margin-bottom: 27.5px;
    font-size: 18px;
    color: #6d6d6d;
}

#tab-specification table tr td, #tab-specification table tr th, #tab-specification table.shop_attributes tr td, #tab-specification table.shop_attributes tr th,
.form-select, body .dokan-form-control:not(input):not(textarea), select,
.navbar-search .search-categories>select,
.evc-testimonials .evc-t-author-label,
.evc-predefined-style .evc-shortcode p,
body, p {
    font-size: 16px;
}

.header-site-branding+.off-canvas-navigation-wrapper {
    margin-left: 10px;
}

.cust-footer-blk-imgs h2,.footer-newsletter .newsletter-title {
	color: #fff !important;
}

.custom-products-widget ul.products{
	flex-direction: column ;
}

.custom-products-widget ul .product {
	width: 100%;
}

.custom-products-widget .products>.product:hover .product-inner {
	position: initial;	
		    box-shadow: none;
}


.custom-products-widget .product-short-description,
.custom-products-widget .products>.product:hover .hover-area,
.custom-products-widget .products>.product::after,
.custom-products-widget .product-loop-footer .add-to-cart-wrap,
.custom-products-widget .products>.product .product-loop-body .product-sku,
.custom-products-widget .products>.product .product-loop-body .product-rating,
.custom-products-widget .product-item__header .woocommerce-loop-product__title,
.custom-products-widget .products>.product .loop-product-categories {
display: none;
}

@media (max-width: 767px) {
    .product-loop-footer .price ins .woocommerce-Price-amount {
        color: #ce1d76;
    }
}

.custom-products-widget .product-inner {
	display: flex;
	flex-wrap: wrap;
	padding: 0 !important;
}

.custom-products-widget .product-item__header {
	width: 40%;
}

.custom-products-widget .product-loop-footer {
	margin-left: 45%;
}

@media (max-width: 767px) {
    .product-loop-footer .price del {
        position: static !important;
        top: auto !important;
        left: auto !important;
    }
}

.custom-products-widget .products>.product .product-thumbnail>img {
    width: 80%;
}

.custom-products-widget .products>.product .product-loop-body {
	display: block;
	padding-left: 10px;
	width: 55%;
}

.custom-products-widget .products>.product .product-thumbnail {
 margin-bottom: 0;
}

.custom-products-widget .products>.product .price {
    font-size: 16px;
}

/* Add to cart and Select options icon buttons */
.products .product .add_to_cart_button {
    font-size: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f5f5f5 !important;
    color: #ce1d76 !important;
    border: none !important;
    transition: all 0.2s ease !important;
}

/* Add to cart icon */
.products .product .product_type_simple.add_to_cart_button::before {
    font-family: 'font-electro' !important;
    content: "\61" !important;
    font-size: 18px !important;
}

/* Select options icon */
.products .product .product_type_variable.add_to_cart_button::before {
    font-family: 'font-electro' !important;
    content: "\6e" !important;
    font-size: 18px !important;
}

/* Hover state */
.products .product .add_to_cart_button:hover {
    background-color: #ce1d76 !important;
    color: #fff !important;
}

.products .product .add_to_cart_button:hover::before {
    color: #fff !important;
}


/* add to cart mobile */

@media (max-width: 767px) {
    .products .product .hover-area {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .products .product .price-add-to-cart .add-to-cart-wrap {
        display: block !important;
    }
    
    .products .product .price-add-to-cart .add-to-cart-wrap a {
        display: inline-block !important;
    }
}

/* Sale price colour only */
.product-loop-footer .price ins .woocommerce-Price-amount {
    color: #ce1d76 !important;
}

/* Sale over image - small and lighter */
.onsale {
    background-color: rgba(124, 160, 45, 0.75) !important;
}

/* Stock status per product on category page */

.stock-status-label {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
    background: none !important;
    padding: 0;
}

.stock-status-label::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    flex-shrink: 0;
}

.instock-label {
    color: #7ca02d;
}

.instock-label::before {
    background-color: #7ca02d;
}

.backorder-label {
    color: #c16f02;
}

.backorder-label::before {
    background-color: #c16f02;
}

.outofstock-label {
    color: #888;
}

.outofstock-label::before {
    background-color: #888;
}

.custom-products-widget .products>.product {
	margin-bottom: 10px;
}


/* Product above add to cart updates */
/* Hide default availability label so we can change to same style as category page */
.availability {
    display: none !important;
}

/* Hide duplicate price inside sale label, keep savings and payment info */
.sale-lable-cus .sale-label {
    display: none !important;
}

.single-product .summary p.price {
    display: none !important;
}

.sale-lable-cus .regu-label {
    display: none !important;
}

/* Hide compare icon on product page - as more likely used on category pages */
.single-product .action-buttons {
    display: none !important;
}

/* aussie stock banner - trust mesaging near add to cart button */
.aussie-stock-banner {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #768B9E !important;
    text-align: center !important;
    padding: 8px 12px !important;
    border: 1px solid #e8ecf0 !important;
    border-radius: 4px !important;
    margin: 10px 0 !important;
    background: #f8f9fa !important;
}

/* Checkout */
/* Additional checkput button below total */
.wc-proceed-to-checkout-bottom .checkout-button {
    display: inline-block !important;
    background-color: #df1e84 !important;
    color: #fff !important;
    padding: 14px 30px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    border: none !important;
}

.wc-proceed-to-checkout-bottom .checkout-button:hover {
    background-color: #c01a72 !important;
    color: #fff !important;
}

.wc-proceed-to-checkout-bottom .checkout-button::after {
    display: none !important;
}


/* paypal checkout buttons */
.ppc-button-wrapper .paypal-buttons {
    height: auto !important;
    min-height: 45px !important;
}


/* Single product main price */
.single-product .summary > .price,
.single-product .summary p.price {
    display: block !important;
}

.single-product:has(form.variations_form) .summary > .price,
.single-product:has(form.variations_form) .summary p.price {
    display: none !important;
}

.woocommerce-variation-price .price ins .woocommerce-Price-amount {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #333e48 !important;
}

.woocommerce-variation-price .price del {
    font-size: 16px !important;
    color: #888 !important;
    margin-left: 8px !important;
}

/* Single product - centre tab text */
.woocommerce-tabs .wc-tabs {
    display: block !important;
    text-align: center !important;
}

.woocommerce-tabs .wc-tabs li,
.woocommerce-tabs .wc-tabs li.active {
    display: block !important;
    float: none !important;
    width: 100% !important;
    text-align: center !important;
}

.woocommerce-tabs .wc-tabs li a {
    text-align: center !important;
    display: block !important;
}
/* End Single product - centre tab text */

/* Single product Stock label spacing */
.woocommerce-tabs .wc-tabs li a {
    text-align: center !important;
    display: block !important;
}

@media (max-width: 768px) {
    .woocommerce-tabs .wc-tabs {
        display: block !important;
        text-align: center !important;
    }
    .woocommerce-tabs .wc-tabs li,
    .woocommerce-tabs .wc-tabs li.active {
        display: block !important;
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 769px) {
    .woocommerce-tabs .wc-tabs {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        width: 100% !important;
    }
    .woocommerce-tabs .wc-tabs li,
    .woocommerce-tabs .wc-tabs li.active {
        display: inline-block !important;
        float: none !important;
        width: auto !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        position: relative !important;
        text-align: center !important;
    }
    .woocommerce-tabs .wc-tabs li a {
        padding: 8px 16px !important;
    }
    .wc-tabs > li a::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}
/* Single product afterpay */

.afterpay-trigger-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #555;
    margin-bottom: 12px;
}

.afterpay-trigger {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.afterpay-trigger:hover svg path[fill="#00193A"] {
    fill: #333;
}


@media (max-width: 1200px) {
.site-content .sidebar {
		position: initial !important;
		width: 100% !important;
		visibility: visible;
		opacity: 1;
		order: 2;
	  margin-bottom: 20px;
	}
	.handheld-sidebar-toggle {
    display: none;
}
}

.owl-item>.product .product-loop-body, 
.products:not(.electro-v1)>.product .product-loop-body {
  display: block;
}

.owl-item>.product .product-loop-body .loop-product-categories,
.products:not(.electro-v1)>.product .product-loop-body .loop-product-categories,
.owl-item>.product .product-loop-body .woocommerce-loop-product__title,
.products:not(.electro-v1)>.product .product-loop-body .woocommerce-loop-product__title,
.owl-item>.product .product-loop-body .product-short-description,
.products:not(.electro-v1)>.product .product-loop-body .product-short-description, 
.owl-item>.product .product-loop-body .product-sku,
.products:not(.electro-v1)>.product .product-loop-body .product-sku {
  display: none;
}

/* Change category size/style on category page under hero image */
.loop-product-categories,
.loop-product-categories a {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* hide category links below product name */
.archive .loop-product-categories {
    display: none !important;
}

/* Hide second row of star ratings - apparently native woo rating */
.product-loop-body .product-rating {
    display: none !important;
}

/* Star ratings left aligned */
.r_rw_container_wrapper {
    --r-rw-flex-justify-content: flex-start !important;
    justify-content: flex-start !important;
}

.owl-item>.product .product-loop-body .product-rating,
.products:not(.electro-v1)>.product .product-loop-body .product-rating {
    display: flex;
    align-items: center;
    height: 1em;
    margin-bottom: 8px;
}

.owl-item>.product .product-loop-footer .onsale,
.section-onsale-product .onsale-product .product-loop-footer .onsale,
.section-onsale-product-carousel .onsale-product-carousel .onsale-product-content .product-loop-footer .onsale,
li.product .product-loop-footer .onsale {
    top: -50px;
}

form.checkout_coupon.woocommerce-form-coupon p:first-child,
.woocommerce-form-coupon-toggle {
    display: none;
}

form.checkout_coupon.woocommerce-form-coupon {
    display: flex !important;
}

form.checkout_coupon.woocommerce-form-coupon~.woocommerce-message a {
    background-color: transparent;
    border: 2px solid #fff;
    border-left-color: #fff !important;
    padding: 3px 15px;
    border-radius: 17px;
    color: #fff;
}

form.checkout_coupon.woocommerce-form-coupon~.woocommerce-message a:hover {
    background-color: #000;
    color: #000;
}

body.archive a.compare.button.added {
	display: inline-block !important;
}

.footer-newsletter form {
    padding: 0 !important;
	    background-color: transparent !important;
}

.footer-newsletter form {
    min-height: 70px !important;
    align-items: flex-start;
}


.footer-newsletter form .needsclick:first-child {
    min-height: auto !important;
	padding: 0 !important;
	    width: 100%;
}

.footer-newsletter form .needsclick input {
    background-color: #fff !important;
}


.footer-newsletter form [data-testid="form-row"]:last-child button {
    width: 200px;
    border-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    margin-left: -7px;
}


.footer-newsletter form > .needsclick.kl-private-reset-css-Xuajs1 {
    flex-direction: row !important;
}

@media (max-width: 1200px) {
    .archive .site-content .sidebar .custom-products-widget,
    .archive .site-content .sidebar aside#electro_onsale_product_widget-2 {
        display: none;
    }
.archive .site-content .sidebar {
    order: -1;
}
 /*compare SVG button */
	
.compare.button {
    width: 100px !important;
    height: 100px !important;
    background-image: url('/wp-content/uploads/uploads/2024/05/compare-button-add.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
}
}


.footer-newsletter form .needsclick:first-child input {
    padding-left: 20px !important;
}


.footer-newsletter form .needsclick:first-child button {
    margin-left: -20px;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}



@media (max-width: 767px) {
.single-product .wc-tabs {
    flex-direction: column;
}

.wc-tabs>li+li {
    margin-left: 0;
    padding-left: 0;
    padding-top: 15px;
}
	
	.single-product .cart .quantity {
    width: 80px;
}
}

ins, p.in-stock, .in-stock span {
    color: #7ca02d;
}

.single_variation_wrap .iconic-wsb-product-bumps__sales_pitch {
    color: #fff;
    background-color: #ce1d76;
    margin: 20px;
    padding: 5px 10px;
}

.compare.button {
    width: 52px !important;
    height: 32px !important;
    background-image: url('/wp-content/uploads/2024/05/prod-comp-electro-add.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0 !important;
}

.products .product .add-to-compare-link::before,
.single-product .summary .add-to-compare-link::before {
		content:none;
}

.products .product .add-to-compare-link,
.single-product .summary .add-to-compare-link {
	background-color: transparent !important;
	border: none;
}

.products>.product .hover-area .action-buttons>a {
    position: initial;
    margin: 0 !important;
    transform: none;
}

.products .product .add-to-compare-link::before {
    background-image: url(/wp-content/uploads/2024/05/prod-comp-electro.svg) !important;
    top: 8px;
}

.products .product .add-to-compare-link,
.single-product .summary .add-to-compare-link {
	    position: relative;
    margin-left: 20px !important;
}


.single-product .summary .wishlist-fragment.on-first-load {
    margin-right: 20px !important;
}

h2.yikes-custom-woo-tab-title.yikes-custom-woo-tab-title-included,
.include-box h2.yikes-custom-woo-tab-title,
.loop-custom-ads .product-loop-footer,
.loop-custom-ads .product-loop-body ,
.loop-custom-ads .product-loop-header,
.single-product .summary .price > span.woocommerce-Price-amount.amount+ .sale-lable-cus,
.single-product .summary .price > ins,
.single-product .summary .price > del ,
form.variations_form.cart .woocommerce-variation-price ins, form.variations_form.cart .woocommerce-variation-price del,
#yith-woocompare-related {
    //display: none;
}


@media (max-width:767px){
.products .product .hover-area {
    display: block;
}

.products .product .hover-area .action-buttons {
    flex-direction: column;
}
}

.loop-custom-ads .loop-ads-img img {
	height:280px !important;
}

@media (min-width: 1200px) {
.archive li.product.first:last-child .product-outer {
    height: 367px !important;
}
}

@media (min-width: 768px) {
    .woocommerce-breadcrumb span.delimiter {
        margin: 0 5px;
    }
}

section.included-in-the-box,.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #768b9e !important;
}

li.product .woocommerce-loop-product__title {
    color: #768B9E !important;
    font-size: 15px !important;
}

@media (max-width: 767px) {
    li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }
}

li.product h2.woocommerce-loop-product__title {
    font-size: 18px !important;
}

@media (max-width: 767px) {
    li.product h2.woocommerce-loop-product__title {
        font-size: 16px !important;
    }
}

.products .product .action-buttons {
    display: flex;
    flex-direction: column;
}

.section-product-cards-carousel .products .product .action-buttons,
.product-main-8-1 .products .product .action-buttons {
    flex-direction: row;
}


.included-in-the-box .title-included-in-the-box {
    text-align: center;
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 600;
}

@media (max-width:767px) {
.included-in-the-box .title-included-in-the-box {
    font-size: 25px;
}
}

.included-in-the-box .include-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.included-in-the-box .img-block {
    margin-bottom: 20px;
}

/* Products - whats included */
/* Ensure the container has height so it doesn't collapse to 0px on load */
.categories-carousel {
    display: block;
    min-height: 250px;
}

/* Force the image to stay a circle even when Owl tries to make it 100% width */
.included-in-the-box .img-block img {
    width: 160px !important; 
    height: 160px !important;
    margin: 0 auto !important; 
    background-color: #e9e9e9;
    border-radius: 50%;
    padding: 20px;
    object-fit: contain;
    display: block;
}


.include-item {
    text-align: center;
    padding: 15px 0;
}

.inc-title .title {
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

.owl-dot span {
    background: #ccc !important;
}

.owl-dot.active span {
    background: #c32d61 !important; /* Your brand pink/red */
}

.included-in-the-box .inc-title {
    font-size: 20px;
    font-weight: 700;
}

.mobile-header-v2 div#ajaxsearchpro1_2 {
    border-radius: 30px;
		margin-top:10px;
}

.mobile-header-v2 div.asp_m.ajaxsearchpro .probox .proinput form {
    background-color: transparent;
}

.mobile-header-v2 div.asp_m.asp_m_1 .probox .promagnifier .innericon,
.mobile-header-v2 div.asp_m.asp_m_1 .probox {
	background-color: #fff !important;
}

.mobile-header-v2 div.asp_m.asp_m_1 .probox .proinput input.orig,
.mobile-header-v2 input.orig::placeholder {
    color: #131313 !important;
}

.mobile-header-v2 div.asp_m.asp_m_1 .probox .promagnifier .innericon svg {
	fill: #9a9a9a !important;
}

.single-product .site-main .product {
    display: flex;
    flex-direction: column;
}



.single-product .iconic-wsb-product-bumps__list-item,
.single-product .iconic-wsb-product-bumps__list,
.single-product .iconic-wsb-product-bumps {
	border: none;
}


.single-product input.iconic-wsb-bump-product__checkbox {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: all .2s ease;
    appearance: none;
}

.single-product input.iconic-wsb-bump-product__checkbox:checked {
    background: #ce1d76;
    border-color: #ce1d76;
    color: #000;
}

.single-product input.iconic-wsb-bump-product__checkbox:before{
	 transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    font-size: 10px;
    font-weight: 900;
    content: "\f00c";
    font-family: 'Font Awesome 6 Free';
    opacity: 1;
    color: #fff;
}

.single-product .iconic-wsb-bump-product__body {
    padding: 0 0 0 30px;
}


.iconic-wsb-product-bumps button.button.iconic-wsb-product-bumps__button:before {
    font: normal normal normal 14px / 1 font-electro;
    font-size: 1.357em;
    vertical-align: middle;
    content: "\61";
    margin-right: .5em;
}

.iconic-wsb-product-bumps button.button.iconic-wsb-product-bumps__button {
    background-color: #ce1d76 !important;
    color: #fff !important;
    font-weight: 700;
}

.single-product .iconic-wsb-product-bumps__total-price {
	display: flex;
	align-items: center;
}

.single-product .iconic-wsb-product-bumps__total-price-label {
    margin-right: 5px;
}

.single-post article.post .entry-content h2,
.woocommerce-tabs div#tab-description h2 {
    text-align: center;
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 600;
}

.custom-discount-1,
.custom-discount {
    display: flex;
    flex-direction: column;
}

.iconic-wsb-product-bumps__discount-message {
	 width: max-content;
}

.iconic-wsb-product-bumps__discount-message,
ul.iconic-wsb-product-bumps__list.new-class-name+div> div > span.iconic-wsb-product-bumps__total-price-amount+div,
.iconic-wsb-product-bumps__total-price-amount,
.custom-discount+.custom-discount-1 {
	display:none;
}

ul.iconic-wsb-product-bumps__list.new-class-name+div> div > span.iconic-wsb-product-bumps__total-price-amount {
	display: block;
}

.single-product .iconic-wsb-product-bumps__total-price {  
    align-items: baseline;
}

.product-type-simple .awdr_discount_bar,
.product-type-variable .summary > .awdr_discount_bar,
.archive .term-description:last-child .desc-top,
.archive .term-description .desc-bottom {
	display:none;
}

/* GRID GAP BELOW PRODUCTS BEFORE DESCRIPTION */
.archive .term-description:last-child .desc-bottom {
    display: block;
}

.term-description:first-of-type .desc-bottom {
    display: none !important;
}

ul.products {
    padding-bottom: 120px !important;
}

ul.products ~ .term-description::before {
    height: 0;
}

ul.products > li.product:last-child {
    align-self: flex-start;
}

ul.products ~ .term-description > p:first-child {
    display: none;
}

/* Remove the universal ::before spacer — it's hitting both instances */
/* Delete the .term-description::before block entirely */

/* Keep this if the last row items are getting clipped */
ul.products {
    padding-bottom: 30px;
}

@media (max-width: 767px) {
    .term-description:first-of-type .desc-bottom {
        display: none !important;
    }
}

.icbundle a {
    color: #fff;
    font-size: 14px;
    margin-right: 25px;
    border-left: 1px solid;
    border-left-color: rgba(255, 255, 255, .25) !important;
    padding-left: 14px;
		
}

.icbundle a:after {
    content: "\f30b";
    margin-left: .53em;
    display: inline-block;
    line-height: 1;
    vertical-align: text-bottom;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.icbundle .woocommerce-message {
    margin-bottom: 0;
}

.icbundle {
    display: flex;
    width: 100%;
    background-color: #198754;
    align-items: center;
    margin-bottom: 30px;
    justify-content: space-between;
    border-radius: 4px;
}

.header-icon .header-icon-counter {
    color: #fff;
}

.widget_product_categories .custom-cat-wid+ ul li .no-child {
    padding-left: 0;
}

@media(max-width:768px) {
body.left-sidebar .site-content-inner {
    display: flex;
    flex-direction: column-reverse;
}
}

div#tab-0~div#tab-0,
div#tab-1~div#tab-1,
div#tab-2~div#tab-2,
div#tab-3~div#tab-3,
div#tab-4~div#tab-4,
div#tab-5~div#tab-5,
div#tab-6~div#tab-6,
div#tab-7~div#tab-7,
div#tab-8~div#tab-8,
div#tab-9~div#tab-9,
div#tab-10~div#tab-10 {
	display:none;
}

a.spectrum-Button-label {
    color: #ce1d76;
    border: 1px solid #ce1d76;
    background: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    text-align: center;
}

a.spectrum-Button-label:hover {
    color: #fff;
    background: #ce1d76;
}

h3 {
	color: #ce1d76 !important;
}

.single-post .entry-content a,
.single-product .electro-description a {
    color: #ce1d76 !important;
}

.single-post .entry-content a,
.single-product .electro-description a:hover {
  color: #919090 !important;
	text-decoration: underline;
}


@media (min-width: 768px) {
    .cart-collaterals .cart_totals .wc-proceed-to-checkout {
        display: block;
        width: 50%;
				margin: 0 auto;
    }
}


.cart-collaterals .cart_totals .wc-proceed-to-checkout > a {
	    display: flex;
    justify-content: center;
    margin-bottom: 20px;
	    align-items: center;
}

.cus.woocommerce-notices-wrapper {
    padding: 1em 1.618em;
    margin-bottom: 2.618em;
    background-color: #198754;
    margin-left: 0;
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: .618em solid rgba(0, 0, 0, .15);
    display: flex;
}

.cus.woocommerce-notices-wrapper a {
    margin-left: auto;
    color: #fff;
	    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(255, 255, 255, .25) !important;
	    padding-left: 15px;
}

.cus.woocommerce-notices-wrapper a:after {
	content: "\f30b";
    margin-left: .53em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    vertical-align: -.125em;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.cus.woocommerce-notices-wrapper .woocommerce-message {
    padding: 0;
    border: 0;
    margin: 0;
}

.single-product div#tab-description {
    padding: 40px 0 20px;
    border: 0;
    border-top: 1px solid #ddd;
    border-radius: 0;
}

#tab-description p {
    margin-bottom: 0;
		color: #333;
}

#tab-description .hero-section {
    background: #f8f9fa;
	  padding: 40px 30px;
    margin-bottom: 40px;
    text-align: center;
}

#tab-description .hero-description {
    font-size: 1.1rem;
    color: #555;
    max-width: 800px;
    margin: 0 auto 30px;
    line-height: 1.7;
}

#tab-description .trust-badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin: 30px 0;
    padding: 20px 80px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
	font-size: 1rem;
}

#tab-description .trust-badge {
    text-align: center;
    flex: 1;
    min-width: 150px;
}

#tab-description .product-title {
    font-size: 2.2rem;
}

#tab-description .section-title,
#tab-description .product-title {
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

#tab-description .section-title {
    font-size: 1.8rem;
}

#tab-description .product-subtitle,
#tab-description .section-subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-size: 1.1rem;
    padding-left: 20px;
    padding-right: 20px;	
    font-weight: 400;
}

#tab-description .value-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

#tab-description .value-item {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 6px;
}

#tab-description .value-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #007bff;
    display: block;
}

#tab-description .value-text {
    color: #666;
    font-size: 0.95rem;
    margin-top: 5px;
	font-weight: 400;
}

#tab-description .setup-section {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
    padding: 40px 30px;
    border-radius: 8px;
    margin: 40px 0;
}

#tab-description .steps-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

#tab-description .step {
    text-align: center;
    background: #fff;
    padding: 25px;
    border-radius: 6px;
    border: 1px solid #eee;
}

#tab-description .step-number {
    background: #007bff;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0 auto 15px;
}

#tab-description .step p {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 10px;
	font-weight: 400;
}

#tab-description .step .step-title {
    color: #333;
    margin-bottom: 10px;
	  font-size: 1.3rem;
	font-weight: 700;
}

#tab-description .step-time {
    color: #007bff;
    font-size: 0.85rem;
    font-weight: bold;
}

#tab-description .feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
    margin: 30px 0;
}

#tab-description .feature-card {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;

	color : #fff;
}

#tab-description .feature-card:hover {
	transform: translateY(-5px);
}

#tab-description .feature-card div {
			font-weight: 600;
    margin-bottom: 15px;
		font-size: 23px;
}

#tab-description .feature-card p {
			color : #fff;
    line-height: 1.6;
    margin: 0;
	    font-size: 16px;
}

#tab-description .highlight-box {
    background: #e7f3ff;
    border-left: 4px solid #007bff;
    padding: 20px;
    margin: 25px 0;
    border-radius: 0 6px 6px 0;
}

#tab-description .console-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    margin: 20px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 6px;
}

#tab-description .console-item {
		    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    font-size: 0.9rem;
    border: 1px solid #eee;
		font-weight: 600;
}

#tab-description .controller-links {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 20px 0;
    justify-content: center;
    font-weight: 700;
}

#tab-description .controller-link {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    text-decoration: none;
    color: #333;
    transition: transform 0.3s ease;
}

#tab-description .controller-link:hover {
    background: #e7f3ff;
	color: #007bff;
}

#tab-description .note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    padding: 15px;
    border-radius: 6px;
    margin: 20px 0;
}

#tab-description .included-table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
}

#tab-description .included-table th,
#tab-description .included-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

#tab-description .included-table th {
    background: #ddd;
    font-weight: bold;
    color: #333;
}

#tab-description .included-table td:first-child {
    font-weight: bold;
    color: #333;
}

#tab-description .included-table td:last-child {
    color: #666;
}

#tab-description .faq-section {
	background: #f8f9fa;
    border-radius: 6px;
    padding: 30px;
    margin: 40px 0;
}

#tab-description .faq-item {	
	margin-bottom: 30px;
    background: white;
    padding: 30px !important;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

#tab-description .faq-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#tab-description .faq-question {
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    font-size: 1.1rem;
}

#tab-description .faq-answer {
    color: #666;
    line-height: 1.6;
}

#tab-description .cta-section {
    background: #007bff;
    color: white;
    padding: 40px 30px;
    border-radius: 8px;
    text-align: center;
    margin: 40px 0;
}

#tab-description .cta-section .cta-section-title {
    margin-bottom: 15px;
    font-size: 2rem;
		font-weight: 600;
}

#tab-description .cta-section p {
    margin-bottom: 25px;
    font-size: 1.1rem;
    opacity: 0.9;
	color: #fff;
}

#tab-description .cta-button {
    background: #fff;
    color: #007bff;
    padding: 15px 30px;
    border: none;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: background 0.3s ease;
		margin-bottom: 30px;
}

#tab-description .cta-button:hover {
    background: #f8f9fa;
}

#tab-description .guarantee-box {
    background: rgba(255,255,255,0.1);
    padding: 20px;
    border-radius: 6px;
    margin: 25px 0;
}
#tab-description .cta-section  p{
	margin-bottom: 0;
}

#tab-description .section.tabel,
#tab-description .img-block {
	text-align: center;
}

#tab-description .img-block.space {
	padding: 20px;
}

#tab-description a {
	text-decoration: underline;
}

#tab-description .section.technical p,
#tab-description .section.fine-print p {
	margin-bottom: 20px;
}

#tab-description p{
	font-size: 1rem;
}

#tab-description .section {
    margin-bottom: 30px;
}

#tab-description .highlight-box .section-subtitle {
    color: #333 !important;
    font-size: 1.2rem;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    font-weight: 600;
}

#tab-description .highlight-box ~p {
	margin-bottom: 20px;
}

.electro-description h1,
.electro-description h2,
.electro-description h3,
.electro-description h4,
.electro-description h5,
.electro-description h6 {
    color: #ce1d76 !important;
}
.electro-description .feature-card h3,
h2.cta-section-title {
    color: #fff !important;
}

@media(max-width:768px) {
	#tab-description .trust-badge+.trust-badge {
    border-top: 1px solid #888;
    padding-top: 25px;
}
}

@media(min-width:769px) {
	#tab-description .games-category {
    width: 48%;
}
#tab-description .nostalgia-intro  .memory-grid {
    flex-wrap: nowrap;
}
	
	#tab-description .section-gray .feature-card {
	width: 33.33%;
}
	#tab-description .console-category,
	#tab-description .spec-card.step {
    width: 30%;
	}
	
	#tab-description .comparison-grid {
    grid-template-columns: 1fr 1fr;
}
	
	#tab-description .options-grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
}

#tab-description .memory-card.controller-link h3 {
    margin-bottom: 20px;
    font-weight: 600;
}

#tab-description .nostalgia-intro .controller-link {
	padding: 32px;
}

#tab-description .comparison-section,
#tab-description .games-section,
#tab-description .specs-section,
#tab-description .section-gray,
#tab-description .product-intro,
#tab-description .product-promo,
#tab-description .nostalgia-intro,
#tab-description .hero {
    margin-bottom: 60px;
}

#tab-description .product-intro p {
    font-size: 17px;
    max-width: 800px;
    margin: 0 auto;
    color: #666666;
    line-height: 1.7;
		text-align:center;
}

.woocommerce-tabs #tab-description .section-gray h2 {
    margin-bottom: 50px;
}

#tab-description .section-gray .features-grid {
		display: flex;
    gap: 30px;
    justify-content: center;
	flex-wrap: wrap;
}


#tab-description .section-gray h3 {
    margin-bottom: 22px;
    font-weight: 700;
}

#tab-description .specs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.woocommerce-tabs div#tab-description .specs-section h2 {
	margin-bottom: 40px;
}

#tab-description .highlight-stat {
    background: #f8f9fa;
    border: 2px solid #007cba;
    border-radius: 8px;
    padding: 2rem;
    margin: 2rem 0;
    text-align: center;
}

#tab-description .highlight-stat .console-list {
	    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

#tab-description .games-category,
#tab-description .console-category {
    background: #ffffff;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#tab-description .console-categories {
    display: flex;
    gap: 30px;
		flex-wrap: wrap;
}

#tab-description .console-category ul {
    text-align: left;
}

#tab-description .games-showcase {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

#tab-description .games-category {
    justify-content: flex-start;
}

#tab-description .comparison-section {
    background: #f8f9fa;
    padding: 60px 0;
    text-align: center;
}

.woocommerce-tabs #tab-description .comparison-section h2 {
	margin-bottom: 32px;
}

#tab-description .comparison-item.negative {
    border-left: 4px solid #dc3545;
}
#tab-description .comparison-item {
    background: #ffffff;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

#tab-description .comparison-grid {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#tab-description .comparison-item.positive {
    border-left: 4px solid #28a745;
}

#tab-description .comparison-section p {
	max-width: 600px;
	margin: 0 auto;
}

#tab-description .options-grid {
    display: grid;
    gap: 2rem;
    margin: 2rem 0;
}

#tab-description .option-card {
    background: #f8f9fa;
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
	text-align: center;
}

#tab-description .option-card h3 {
    color: #333333;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

#tab-description .spec-list li {
    color: #666666;
    margin-bottom: 0.8rem;
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.5;
}

#tab-description .spec-list li:before {
    content: '•';
    color: #007cba;
    font-weight: bold;
    position: absolute;
    left: 0;
}

#tab-description .spec-list {
    list-style: none;
    padding: 0;
}

#tab-description .testimonial {
    background: #007cba;
    color: #ffffff;
    padding: 50px 20px;
    text-align: center;
}

#tab-description .testimonial-content {
    max-width: 700px;
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.7;
    font-style: italic;
}

#tab-description .testimonial-author {
    margin-top: 1.5rem;
    font-size: 1rem;
    opacity: 0.9;
}

#tab-description .specs-section.setup-section {
    background: #f8f9fa;
}

#tab-description .price-highlight {
		font-size: 3.5rem;
    color: #ce1d76;
    margin: 2rem 0;
    font-weight: 700;
    text-shadow: 0px 0px 6px #fff;
}

.product-type-variable .summary>.price .sale-lable-cus,
.summary .sale-lable-cus+.sale-lable-cus {
    display: none;
}


/* =====================================
   HERO PRODUCT PAGES
   Use .hp- prefixed classes.
   Product-specific overrides at bottom of file.
   =====================================*/

/* ── VARIABLES & BASE ── */
.hp *, .hp *::before, .hp *::after { box-sizing: border-box; margin: 0; padding: 0; }

.hp {
  --bg:          #111111;
  --bg-card:     #1a1a1a;
  --bg-card2:    #1f1f1f;
  --border:      #2a2a2a;
  --red:         #e02020;
  --red-dim:     #b01818;
  --cream:       #ffffff;
  --grey-light:  #aaaaaa;
  --grey-mid:    #666666;
  --phosphor:    #a8e840;
  --good:        #e8a020;
  --font-head:   'Bebas Neue', sans-serif;
  --font-body:   'DM Mono', monospace;
  --font-serif:  'Instrument Serif', serif;
  background: var(--bg);
  color: var(--cream);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  border-radius: 4px;
  overflow: hidden;
}

/* ── TICKER ── */
.hp-ticker {
  background: #ce1d76;
  font-family: var(--font-head);
  font-size: 12px;
  letter-spacing: 0.14em;
  padding: 7px 0;
  white-space: nowrap;
  overflow: hidden;
}
.hp-ticker-inner {
  display: inline-block;
  animation: hp-ticker 32s linear infinite;
}
.hp-ticker-inner span { margin: 0 2.5rem; }
@keyframes hp-ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ── STATS BAR ── */
.hp-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--border);
}
.hp-stat {
  padding: 24px 20px;
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: var(--bg-card);
}
.hp-stat:last-child { border-right: none; }
.hp-stat-num {
  font-family: var(--font-head);
  font-size: 38px;
  color: #ce1d76;
  line-height: 1;
  letter-spacing: 0.02em;
}
.hp-stat-label {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--grey-mid);
}

/* ── SECTION ── */
.hp-section {
  padding: 24px 40px; 
  border-bottom: none;
}

.hp-label {
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #ce1d76;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.hp-label::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border);
}

.hp h2 {
  font-family: var(--font-head) !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  line-height: 0.95 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 28px !important;
  color: var(--cream) !important;
  text-align: left !important;
  text-transform: none !important;
}

.hp-intro {
  color: #ce1d76;
  max-width: 600px;
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 36px;
}
.hp-intro p strong { color: #ce1d76; font-weight: 500; }

/* ── DISPLAY SECTION ── */
.hp-display-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.hp-display-copy p {
  color: var(--grey-light);
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.75;
}
.hp-display-copy p strong { color: var(--cream); font-weight: 500; }

.hp-screen-mockup {
  background: #0d0d0d;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.hp-screen-mockup::before,
.hp-board-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px, transparent 2px,
    rgba(0,0,0,0.2) 2px, rgba(0,0,0,0.2) 3px
  );
  pointer-events: none;
  z-index: 2;
}

/* Square screen (R36 Ultra) */
.hp-screen-square { aspect-ratio: 1; }

/* Portrait screen (Trimui) */
.hp-screen-portrait { aspect-ratio: 9 / 16; max-width: 200px; margin: 0 auto; }

.hp-screen-inner {
  width: 86%; height: 86%;
  background: linear-gradient(135deg, #0d1a06 0%, #060d14 50%, #0d0614 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.hp-pixel-text {
  font-family: var(--font-head);
  font-size: 52px;
  color: var(--phosphor);
  text-shadow: 0 0 16px var(--phosphor);
  letter-spacing: 2px;
  animation: hp-flicker 6s infinite;
}
@keyframes hp-flicker {
  0%,94%,100%{opacity:1} 95%{opacity:0.8} 97.5%{opacity:0.85} 98.5%{opacity:1}
}
.hp-screen-specs {
  font-size: 9px;
  color: rgba(168,232,64,0.45);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
}

/* ── CARD GRID (features / upgrades) ── */
.hp-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 36px;
}
.hp-card {
  background: var(--bg-card);
  padding: 32px 28px;
}
.hp-card-num {
  font-family: var(--font-head);
  font-size: 11px;
  letter-spacing: 0.2em;
  color: #ce1d76;
  margin-bottom: 14px;
  opacity: 0.7;
}
.hp-card-title {
  font-family: var(--font-head);
  font-size: 22px;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
  color: #ce1d76;
  line-height: 1;
}
.hp-card-desc {
  font-size: 12px;
  color: var(--grey-light);
  line-height: 1.7;
}

/* ── EMULATION GRID ── */
.hp-emu-intro {
  color: var(--grey-light) !important;
  max-width: 580px;
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 36px;
	font-weight: 500;
}
.hp-emu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}
.hp-emu-card {
  background: var(--bg-card);
  padding: 24px 28px;
}
.hp-emu-tier {
  font-size: 9px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--grey-mid);
  margin-bottom: 8px;
}
.hp-emu-platform {
  font-family: var(--font-head);
  font-size: 20px;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  line-height: 1.1;
}
.hp-badge {
  font-family: var(--font-body);
  font-size: 9px;
  letter-spacing: 0.1em;
  padding: 2px 8px;
  border: 1px solid;
}
.hp-badge-excellent { border-color: var(--phosphor); color: var(--phosphor); }
.hp-badge-good      { border-color: var(--good);     color: var(--good); }
.hp-badge-passable  { border-color: #888888;          color: #888888; }
.hp-badge-no        { border-color: var(--border);    color: var(--grey-mid); }

.hp-emu-desc { font-size: 12px; color: var(--grey-light); line-height: 1.65; }
.hp-emu-eg   { margin-top: 8px; font-size: 11px; color: var(--grey-mid); font-style: italic; }

.hp-platform-list {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hp-platform-tag {
  font-family: var(--font-body);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--grey-light);
  border: 1px solid var(--border);
  padding: 4px 12px;
  transition: border-color 0.15s, color 0.15s;
}
.hp-platform-tag:hover { border-color: #ce1d76; color: var(--cream); }

/* ── SPECS ── */
.hp-specs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
  margin-top: 36px;
}
.hp-spec-table { width: 100%; border-collapse: collapse; }
.hp-spec-key {
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ce1d76;
  padding: 13px 12px 13px 0;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.hp-spec-val {
  font-size: 13px;
  color: var(--cream);
  padding: 13px 0;
  border-bottom: 1px solid var(--border);
}
.hp-spec-table tr:last-child .hp-spec-key,
.hp-spec-table tr:last-child .hp-spec-val { border-bottom: none; }

.hp-battery-box {
  border: 1px solid var(--border);
  background: var(--bg-card);
  padding: 32px;
  text-align: center;
}
.hp-battery-num {
  font-family: var(--font-head);
  font-size: 56px;
  color: var(--red);
  line-height: 1;
}
.hp-battery-sub {
  font-size: 11px;
  color: #ce1d76;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.hp-battery-bar-wrap {
  background: var(--border);
  height: 20px;
  margin: 16px 0;
  overflow: hidden;
}
.hp-battery-bar {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, var(--phosphor), var(--red));
  animation: hp-charge 2.5s ease-out 0.8s forwards;
}
@keyframes hp-charge { to { width: 92%; } }
.hp-battery-note {
  font-size: 12px;
  color: var(--grey-light);
  line-height: 1.7;
}

/* ── IN THE BOX ── */
.hp-box-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 36px;
}
.hp-box-item {
  background: var(--bg-card);
  padding: 24px 28px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.hp-box-qty {
  font-family: var(--font-head);
  font-size: 32px;
  color: var(--border);
  line-height: 1;
  flex-shrink: 0;
}
.hp-box-name {
  font-family: var(--font-head);
  font-size: 18px;
	color: #ce1d76 !important;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  color: var(--cream);
}
.hp-box-detail { font-size: 12px; color: var(--grey-light); }

/* ── FAQ ── */
.hp-faq {
  margin-top: 36px;
  border: 1px solid var(--border);
}
.hp-faq-item {
  border-bottom: 1px solid var(--border);
  padding: 28px 32px;
}
.hp-faq-item:last-child { border-bottom: none; }
.hp-faq-q {
  font-family: var(--font-head);
  font-size: 20px;
  letter-spacing: 0.04em;
  color: var(--cream);
  margin-bottom: 12px;
  line-height: 1.1;
}
.hp-faq-a {
  font-size: 13px;
  color: var(--grey-light);
  line-height: 1.75;
}

/* ── STATEMENT ── */
.hp-statement {
  padding: 64px 40px;
  text-align: center;
  background: var(--bg-card);
  border-bottom: 1px solid var(--border);
}
.hp .hp-statement blockquote,
.hp .hp-statement blockquote * {
  color: #ffffff !important;
}
.hp-statement blockquote {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(18px, 2.5vw, 30px);
  line-height: 1.35;
  max-width: 700px;
  margin: 0 auto;
  color: var(--cream);
}
.hp-statement blockquote em {
  color: var(--cream);
  font-style: normal;
}

/* ── SCROLL REVEAL ── */
.hp-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.55s ease, transform 0.55s ease; }
.hp-reveal.hp-visible { opacity: 1; transform: translateY(0); }

/* ── RESPONSIVE ── */
@media (max-width: 780px) {
  .hp-stats        { grid-template-columns: 1fr 1fr; }
  .hp-section      { padding: 40px 20px; }
  .hp-display-grid { grid-template-columns: 1fr; gap: 28px; }
  .hp-card-grid    { grid-template-columns: 1fr; }
  .hp-specs-grid   { grid-template-columns: 1fr; gap: 28px; }
  .hp-box-grid     { grid-template-columns: 1fr; }
  .hp-faq-item     { padding: 20px; }
  .hp-statement    { padding: 40px 20px; }
  .hp h2           { font-size: 38px !important; }
}
@media (max-width: 480px) {
  .hp-stat-num { font-size: 28px; }
}

/* --- MINIBEAST ADDITIONAL CSS
   Append to hero-product.css --- */

/* ── COLOUR OVERRIDES FOR MINIBEAST ── */
.hp {
  --red:        #ce1d76;
  --red-dim:    #a01560;
  --grey-light: #cccccc;
  --grey-mid:   #888888;
}

/* ── BODY TEXT BALANCE ── */
.hp-display-copy p {
  color: #cccccc !important;
  font-size: 13px;
  line-height: 1.8;
}
.hp-display-copy p strong {
  color: #ffffff !important;
  font-weight: 500;
}

/* ── STATEMENT — single unified colour ── */
.hp-statement blockquote {
  color: #ffffff !important;
}
.hp-statement blockquote em {
  color: #ffffff !important;
  font-style: italic;
}

/* ── QUICK LINKS — visible, interactive ── */
.hp-quicklinks {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
}
.hp-quicklink {
  display: block;
  background: #1a1a1a;
  padding: 18px 28px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  letter-spacing: 0.04em;
  color: #ffffff;
  text-decoration: none;
  border-left: 3px solid transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.hp-quicklink:hover {
  background: #1f1f1f;
  color: #ce1d76;
  border-left-color: #ce1d76;
  text-decoration: none;
}

/* ── VIDEO EMBED ── */
.hp-video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.hp-video-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #2a2a2a;
}

/* ── IMAGE BLOCKS ── */
.hp-image-full {
  width: 100%;
  display: block;
  border-bottom: 1px solid #2a2a2a;
}
.hp-image-full img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.hp-display-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 1px solid #2a2a2a;
}
.hp-image-caption {
  border: 1px solid #2a2a2a;
  overflow: hidden;
}
.hp-image-caption img {
  width: 100%;
  height: auto;
  display: block;
}
.hp-image-caption-text {
  padding: 14px 20px;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: #888888;
  text-transform: uppercase;
  background: #1a1a1a;
}

/* ── BOARD VISUAL ── */
.hp-board-visual {
  border: 1px solid #2a2a2a;
  background: #1a1a1a;
}
.hp-board-stats {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hp-board-stat { padding: 24px 0; }
.hp-board-stat-num {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  color: #ce1d76;
  line-height: 1;
  letter-spacing: 0.02em;
}
.hp-board-stat-label {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #888888;
  margin-top: 4px;
}
.hp-board-divider {
  height: 1px;
  background: #2a2a2a;
}

/* ── 4:3 SCREEN MOCKUP ── */
.hp-screen-43 { aspect-ratio: 4 / 3; }

/* ── CABINET HIGHLIGHTS ── */
.hp-cabinet-highlights {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
}
.hp-highlight-item {
  background: #1a1a1a;
  padding: 24px 28px;
}
.hp-highlight-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  letter-spacing: 0.04em;
  color: #ce1d76;
  margin-bottom: 8px;
  line-height: 1;
}
.hp-highlight-desc {
  font-size: 12px;
  color: #cccccc;
  line-height: 1.7;
}

/* ── CONFIGURATIONS ── */
.hp-config-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
  margin-top: 36px;
}
.hp-config-card {
  background: #1a1a1a;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.hp-config-card.hp-config-active {
  background: #1f1f1f;
  border-left: 2px solid #ce1d76;
}
.hp-config-tag {
  font-size: 9px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ce1d76;
}
.hp-config-name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 26px;
  letter-spacing: 0.04em;
  color: #ffffff;
  line-height: 1;
}
.hp-config-size {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 42px;
  color: #ce1d76;
  line-height: 1;
}
.hp-config-desc {
  font-size: 12px;
  color: #cccccc;
  line-height: 1.7;
  flex: 1;
}
.hp-config-dims {
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #888888;
  border-top: 1px solid #2a2a2a;
  padding-top: 12px;
  margin-top: 4px;
}
.hp-config-dims a {
  font-family: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
}

/* ── THEME LIST ── */
.hp-theme-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0;
}

/* ── GLOBAL TEXT READABILITY FIXES ── */
.hp-card-desc    { color: #cccccc !important; }
.hp-emu-desc     { color: #cccccc !important; }
.hp-faq-a        { color: #cccccc !important; }
.hp-battery-note { color: #cccccc !important; }
.hp-box-detail   { color: #cccccc !important; }
.hp-intro        { color: #cccccc !important; }
.hp-emu-intro    { color: #cccccc !important; }
.hp-spec-val     { color: #ffffff !important; }
.hp-spec-key     { color: #888888 !important; }

/* ── RESPONSIVE ── */
@media (max-width: 780px) {
  .hp-config-grid  { grid-template-columns: 1fr; }
  .hp-board-visual { margin-top: 28px; }
}

/* ── THEME GRID WITH IMAGES ── */
.hp-theme-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
  margin-top: 28px;
}
.hp-theme-card {
  background: #1a1a1a;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: background 0.15s;
}
.hp-theme-card:hover {
  background: #1f1f1f;
}
.hp-theme-img {
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.hp-theme-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  transition: transform 0.3s ease;
}
.hp-theme-card:hover .hp-theme-img img {
  transform: scale(1.04);
}
.hp-theme-name {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #ffffff;
  padding: 10px 12px;
  text-align: center;
  border-top: 1px solid #2a2a2a;
}

@media (max-width: 780px) {
  .hp-theme-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
  .hp-theme-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── PLATFORM CATEGORIES ── */
.hp-platform-cats {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: #2a2a2a;
  border: 1px solid #2a2a2a;
  margin-top: 28px;
}
.hp-platform-cat {
  background: #1a1a1a;
  padding: 20px 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.hp-platform-cat-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  letter-spacing: 0.06em;
  color: #ce1d76;
  padding-right: 20px;
  margin-right: 6px;
  border-right: 1px solid #2a2a2a;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1;
}
.hp-platform-cat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px 0;
}
.hp-platform-tag {
  padding: 5px 14px !important;
}

@media (max-width: 600px) {
  .hp-platform-cat { flex-direction: column; align-items: flex-start; }
  .hp-platform-cat-title { border-right: none; padding-right: 0; margin-right: 0; padding-bottom: 10px; border-bottom: 1px solid #2a2a2a; width: 100%; }
}

/* ── SECTION PADDING OVERRIDE ── */
.hp-section {
  padding: 24px 40px !important;
  border-bottom: none !important;
}

/* ── STATEMENT — full white, no em split ── */
.hp-statement blockquote,
.hp-statement blockquote em {
  color: #ffffff !important;
  font-style: normal !important;
}

/* ── FAQ SHORTCODE AREA ── */
.hp-section [rank_math_rich_snippet],
.hp-section .rank-math-faq-block,
.hp-section .rank-math-question,
.hp-section .rank-math-answer {
  color: #cccccc;
  font-family: 'DM Mono', monospace;
  font-size: 13px;
  line-height: 1.75;
}
.hp-section .rank-math-question {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 0.04em;
}



/* ── END Additional CSS ── */

/* ── END Hero Product Page ── */

/* =====================================
   Blog Post Comparison Styles
   =====================================*/

/* ── START Highlite & linking block ── */

/* --- 1. Blog Post Table Spacing (Option 1) --- */
.single-post .entry-content table {
    margin-bottom: 2.5rem !important; /* Adds significant breathing room below tables */
}

/* --- 2. Blog Crosslink Box --- */
.blog-crosslink {
    margin-top: 1.75rem;
    border-radius: 12px;
    overflow: hidden;
    border: 0.5px solid rgba(255, 255, 255, 0.08);
}

.blog-crosslink-header {
    background: #ce1d76; /* Matches your theme headings */
    padding: 10px 14px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #ffffff;
}

.blog-crosslink-body {
    background: rgb(26, 26, 46); /* Dark background as per your request */
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.blog-crosslink-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: rgba(206, 29, 118, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Overriding theme-default P and A styles specifically for this box */
.blog-crosslink-title {
    margin: 0 0 0.35rem 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: rgb(240, 236, 228) !important;
    line-height: 1.4 !important;
}

.blog-crosslink-desc {
    margin: 0 0 0.6rem 0 !important;
    font-size: 12px !important;
    color: rgb(158, 155, 148) !important;
    line-height: 1.6 !important;
}

.blog-crosslink-link {
    display: inline-block;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ce1d76 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(206, 29, 118, 0.4);
    padding-bottom: 1px;
}

.blog-crosslink-link:hover {
    border-bottom-color: #ce1d76;
    opacity: 0.8;
}

/* Mobile Layout: Stacks the icon on small screens */
@media (max-width: 600px) {
    .blog-crosslink-body {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

/* ── END Highlite & linking block ── */

.accent { color: #CE1D76; }

.blog-comparison {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* --- Hero --- */
.blog-comparison .blog-hero {
  background: #1a1a2e;
  border-radius: 12px;
  padding: 2rem 1.75rem 1.75rem;
  margin-bottom: 1.5rem;
  border: 0.5px solid rgba(255,255,255,0.08);
}

.blog-comparison .blog-eyebrow {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ce1d76;
  margin-bottom: 0.5rem;
  display: block;
}

.blog-comparison .blog-hero h2 {
  font-size: 26px;
  font-weight: 600;
  color: #f0ece4;
  line-height: 1.3;
  margin-bottom: 0.65rem;
  border: none;
  padding: 0;
}

.blog-comparison .blog-hero p {
  font-size: 13px;
  color: #9e9b94;
  line-height: 1.65;
  max-width: 580px;
  margin: 0;
}

/* --- Model cards --- */
.blog-comparison .blog-model-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin-bottom: 1.75rem;
}

.blog-comparison .blog-model-card {
  background: #1a1a2e;
  border-radius: 12px;
  padding: 1rem 1rem 0.9rem;
  border: 0.5px solid rgba(255,255,255,0.08);
  transition: border-color 0.15s ease;
}

.blog-comparison .blog-model-card:hover {
  border-color: rgba(206,29,118,0.4);
}

.blog-comparison .blog-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 20px;
  margin-bottom: 0.6rem;
  color: #fff;
}

.blog-comparison .blog-tag.tag-r36   { background: #ce1d76; }
.blog-comparison .blog-tag.tag-s     { background: #2563a8; }
.blog-comparison .blog-tag.tag-pro   { background: #1e7a5a; }
.blog-comparison .blog-tag.tag-max   { background: #7c3aed; }
.blog-comparison .blog-tag.tag-ultra { background: #c2410c; }

.blog-comparison .blog-model-card h3 {
  font-size: 14px;
  font-weight: 500;
  color: #f0ece4;
  margin-bottom: 0.3rem;
  padding: 0;
  border: none;
}

.blog-comparison .blog-model-card .blog-release {
  font-size: 11px;
  color: #6b6860;
  margin-bottom: 0.5rem;
  display: block;
}

.blog-comparison .blog-model-card .blog-summary {
  font-size: 12px;
  color: #9e9b94;
  line-height: 1.55;
  margin-bottom: 0.75rem;
}

.blog-comparison .blog-stars {
  font-size: 13px;
  letter-spacing: 1px;
  color: #ce1d76;
}

.blog-comparison .blog-stars .empty {
  color: #2e2c28;
}

/* --- Section label bars --- */
.blog-comparison .blog-section-label {
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff !important;
  background: #ce1d76;
  padding: 7px 12px;
  border-radius: 8px 8px 0 0;
  margin-top: 1.75rem;
  margin-bottom: 0;
}

.blog-comparison .blog-section-label.navy {
  background: #0c0e5e;
}

/* --- Comparison tables --- */
.blog-comparison .blog-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  background: #1a1a2e;
  border: 0.5px solid rgba(255,255,255,0.08);
  border-top: none;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}

.blog-comparison .blog-table thead th {
  background: #141428;
  color: #ce1d76;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 8px 12px;
  text-align: left;
  border-bottom: 0.5px solid rgba(255,255,255,0.08);
}

.blog-comparison .blog-table tbody tr {
  border-bottom: 0.5px solid rgba(255,255,255,0.05);
}

.blog-comparison .blog-table tbody tr:last-child {
  border-bottom: none;
}

.blog-comparison .blog-table tbody tr:hover td {
  background: rgba(255,255,255,0.02);
}

.blog-comparison .blog-table td {
  padding: 9px 12px;
  color: #c2bfb6;
  line-height: 1.45;
  vertical-align: top;
  border: none;
}

.blog-comparison .blog-table td:first-child {
  color: #6b6860;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
  padding-right: 16px;
  width: 120px;
  background: none;
}

/* Cell states */
.blog-comparison .blog-yes  { color: #34d399; }
.blog-comparison .blog-no   { color: #4b4945; }
.blog-comparison .blog-warn { color: #fbbf24; }
.blog-comparison .blog-best { color: #f0ece4; font-weight: 500; }

/* --- Clone warning --- */
.blog-comparison .blog-caution {
  border-left: 2px solid #ce1d76;
  background: rgba(206,29,118,0.06);
  border-radius: 0 8px 8px 0;
  padding: 0.85rem 1.1rem;
  margin-top: 1.75rem;
}

.blog-comparison .blog-caution-title {
  font-size: 11px;
  font-weight: 600;
  color: #ce1d76;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  display: block;
}

.blog-comparison .blog-caution p {
  font-size: 12px;
  color: #9e9b94;
  line-height: 1.6;
  margin: 0;
}

/* --- Which to buy section --- */
.blog-comparison .blog-closing {
  margin-top: 1.75rem;
  border-radius: 12px;
  overflow: hidden;
  border: 0.5px solid rgba(255,255,255,0.08);
}

.blog-comparison .blog-closing-header {
  background: #ce1d76;
  padding: 10px 14px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}

.blog-comparison .blog-closing-body {
  background: #1a1a2e;
  padding: 0.25rem 0;
}

.blog-comparison .blog-choice-row {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 1rem 1.1rem;
  border-bottom: 0.5px solid rgba(255,255,255,0.05);
}

.blog-comparison .blog-choice-row:last-child {
  border-bottom: none;
}

.blog-comparison .blog-badge {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  margin-top: 2px;
  white-space: nowrap;
  color: #fff;
}

.blog-comparison .blog-badge.badge-r36   { background: #ce1d76; }
.blog-comparison .blog-badge.badge-s     { background: #2563a8; }
.blog-comparison .blog-badge.badge-pro   { background: #1e7a5a; }
.blog-comparison .blog-badge.badge-max   { background: #7c3aed; }
.blog-comparison .blog-badge.badge-ultra { background: #c2410c; }

.blog-comparison .blog-choice-text {
  font-size: 12px;
  color: #9e9b94;
  line-height: 1.65;
}

.blog-comparison .blog-choice-text strong {
  color: #f0ece4;
  font-weight: 500;
}

.blog-comparison .blog-range-image {
  margin-top: 1.75rem;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  background: #f8f8f8;
}

.blog-comparison .blog-range-image img {
  width: 100%;
  max-width: 600px;blog-crosslink
  height: auto;
  display: block;
  margin: 0 auto;
}

.blog-comparison .blog-price-guide {
  background: rgba(12, 14, 94, 0.15);
  border-left: 2px solid #0c0e5e;
  border-radius: 0 8px 8px 0;
  padding: 0.85rem 1.1rem;
  margin-bottom: 1.75rem;
}

.blog-comparison .blog-price-guide p {
  font-size: 12px;
  color: #9e9b94;
  line-height: 1.6;
  margin: 0;
}

.blog-comparison .blog-price-guide strong {
  color: #f0ece4;
  font-weight: 500;
}

/* --- Responsive --- */
@media (max-width: 680px) {
  .blog-comparison .blog-model-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-comparison .blog-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .blog-comparison .blog-table td:first-child {
    width: 90px;
    white-space: normal;
  }
  .blog-comparison .blog-hero h2 {
    font-size: 20px;
  }
}

@media (max-width: 420px) {
  .blog-comparison .blog-model-cards {
    grid-template-columns: 1fr;
  }
  .blog-comparison .blog-choice-row {
    flex-direction: column;
    gap: 8px;
  }
}
/* = Blog Post Comparison Styles end =*/


/* --- Checkout State dropdown box --- */
/* Prevent Select2 dropdown from flickering and losing focus */
.select2-container--open .select2-dropdown {
    margin-top: 0 !important;
    z-index: 999999 !important;
}

/* Ensure the selection box itself is fully clickable */
.woocommerce-checkout .select2-selection {
    height: 45px !important; /* Adjust to match your theme's input height */
    display: flex !important;
    align-items: center !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px !important;
    width: 100%;
}

/* --- Category page - hide duplicate in content link/promo images along with review stars --- */
.loop-custom-ads .loop-ads-img,
li.loop-custom-ads .product-rating {
    display: none !important;
}

/* --- Convert RankMath FAQ block into collapsable accordion --- */

/* Rank Math FAQ — Hero Product Style, white bg */
.wp-block-rank-math-faq-block {
    margin-top: 36px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

.wp-block-rank-math-faq-block .rank-math-faq-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 28px 32px;
    margin: 0;
}

.wp-block-rank-math-faq-block .rank-math-faq-item:last-child {
    border-bottom: none;
}

.wp-block-rank-math-faq-block .rank-math-question {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 0.04em;
    color: #ce1d76;
    line-height: 1.1;
    margin: 0 0 0 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.wp-block-rank-math-faq-block .rank-math-question strong {
    font-weight: inherit;
}

.wp-block-rank-math-faq-block .rank-math-question::after {
    content: '+';
    font-size: 24px;
    font-weight: 300;
    flex-shrink: 0;
    margin-left: 16px;
    color: #aaaaaa;
    font-family: sans-serif;
}

.wp-block-rank-math-faq-block .rank-math-faq-item.is-open .rank-math-question::after {
    content: '−';
}

.wp-block-rank-math-faq-block .rank-math-answer {
    display: none;
    font-size: 13px;
    color: #666666;
    line-height: 1.75;
    margin-top: 12px;
}

.wp-block-rank-math-faq-block .rank-math-faq-item.is-open .rank-math-answer {
    display: block;
}

/* ── RANKMATH FAQ — HP PRODUCT PAGE STYLE ── */
.hp #rank-math-faq {
  background: transparent !important;
}
.hp .rank-math-list-item {
  background: transparent !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 16px 0 !important;
}
.hp .rank-math-list-item:last-child {
  border-bottom: none !important;
}
.hp .rank-math-question {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.04em !important;
  color: #ce1d76 !important;
  background: transparent !important;
  margin-bottom: 8px !important;
  cursor: pointer !important;
}
.hp .rank-math-answer {
  background: transparent !important;
}
.hp .rank-math-answer p {
  font-family: 'DM Mono', monospace !important;
  font-size: 12px !important;
  color: #cccccc !important;
  background: transparent !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

.hp #rank-math-faq,
.hp .rank-math-block,
.hp .rank-math-list {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── HP-LABEL TOP PADDING ── */
.hp-label {
  margin-top: 14px !important;
}

/* Rank Math FAQ — Static block variant (.rank-math-block) */
.rank-math-block {
    margin-top: 0;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

.rank-math-block .rank-math-list-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 28px 32px;
    margin: 0;
}

.rank-math-block .rank-math-list-item:last-child {
    border-bottom: none;
}

.rank-math-block .rank-math-question {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 0.04em;
    color: #ce1d76;
    line-height: 1.1;
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.rank-math-block .rank-math-question strong {
    font-weight: inherit;
}

.rank-math-block .rank-math-question::after {
    content: '+';
    font-size: 24px;
    font-weight: 300;
    flex-shrink: 0;
    margin-left: 16px;
    color: #aaaaaa;
    font-family: sans-serif;
}

.rank-math-block .rank-math-list-item.is-open .rank-math-question::after {
    content: '−';
}

.rank-math-block .rank-math-answer {
    display: none;
    font-size: 13px;
    color: #666666;
    line-height: 1.75;
    margin-top: 12px;
}

.rank-math-block .rank-math-list-item.is-open .rank-math-answer {
    display: block;
}

/* Category headings above FAQ blocks if present */
.wp-block-rank-math-faq-block h2 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 11px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #ce1d76;
    padding: 20px 32px 0;
    margin: 0;
}

/* End Convert RankMath FAQ block into collapsable accordion */

/* Increase Blog Title size */
h1.entry-title a {
    font-size: 26px !important;
    line-height: 1.2;
}
/* End Increase Blog Title size */

/* ============================================
   BATOCERA GUIDE — child theme additions
   Requires: Barlow Condensed loaded via theme
   or add to functions.php enqueue.
   ============================================ */

/* ── GUIDE WRAPPER ── */
.bg-guide {
  font-family: 'DM Mono', monospace;
  font-size: 13px;
  line-height: 1.7;
  color: #444444;
  max-width: 860px;
}

/* ── HEADINGS — Barlow Condensed, slate blue-grey ── */
.bg-guide h2 {
  font-family: 'Barlow Condensed', 'Bebas Neue', sans-serif;
  font-size: 1.55rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #768b9e;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0.55rem;
  margin: 2rem 0 1.2rem;
}
.bg-guide h3 {
  font-family: 'Barlow Condensed', 'Bebas Neue', sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #ce1d76;
  margin: 1.4rem 0 0.6rem;
}

/* ── SECTION NUMBER TAG — reuses hp-label concept ── */
.bg-section-num {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ce1d76;
  margin-bottom: 0.3rem;
}

/* ── HERO TAG — reuses hp-config-tag concept ── */
.bg-hero-tag {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ce1d76;
  border: 1px solid #ce1d76;
  display: inline-block;
  padding: 3px 10px;
  margin-bottom: 1rem;
}

/* ── INTRO SUMMARY ── */
.bg-hero-sub {
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  color: #888888;
  line-height: 1.8;
  border-left: 2px solid #e0e0e0;
  padding-left: 1rem;
  margin: 1rem 0 2rem;
}

/* ── SECTION BLOCK ── */
.bg-section {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e0e0e0;
}
.bg-section:last-of-type {
  border-bottom: none;
}

/* ── CODE & PRE — light grey bg, pink left border ── */
.bg-guide code {
  font-family: 'DM Mono', monospace;
  font-size: 11.5px;
  background: #f4f4f4;
  border: 1px solid #e0e0e0;
  padding: 1px 6px;
  border-radius: 3px;
  color: #ce1d76;
}
.bg-guide pre {
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  background: #f4f4f4;
  border: 1px solid #e0e0e0;
  border-left: 3px solid #ce1d76;
  padding: 0.9rem 1.1rem;
  overflow-x: auto;
  margin: 0.9rem 0;
  line-height: 1.75;
  color: #333333;
  border-radius: 0 3px 3px 0;
}
.bg-guide pre code {
  background: none;
  border: none;
  padding: 0;
  color: inherit;
  font-size: inherit;
}
.bg-c  { color: #aaaaaa; } /* comment */
.bg-p  { color: #2563a8; } /* path */
.bg-k  { color: #ce1d76; } /* command highlight */

/* ── CALLOUTS — reuses hp-highlight-item concept ── */
.bg-callout {
  border-left: 3px solid;
  padding: 0.85rem 1rem;
  margin: 1rem 0;
  background: #f4f4f4;
  border-radius: 0 3px 3px 0;
  font-size: 13px;
  line-height: 1.75;
}
.bg-callout-label {
  font-family: 'DM Mono', monospace;
  font-size: 9.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.bg-warn   { border-color: #9a6f00; }
.bg-warn   .bg-callout-label { color: #9a6f00; }
.bg-danger { border-color: #b83232; }
.bg-danger .bg-callout-label { color: #b83232; }
.bg-info   { border-color: #2563a8; }
.bg-info   .bg-callout-label { color: #2563a8; }
.bg-ok     { border-color: #2d7d4f; }
.bg-ok     .bg-callout-label { color: #2d7d4f; }

/* ── STEPS — numbered counter list ── */
.bg-steps { counter-reset: bgstep; margin: 1rem 0; }
.bg-step {
  counter-increment: bgstep;
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0 0.9rem;
  margin-bottom: 1rem;
  align-items: start;
}
.bg-step::before {
  content: counter(bgstep);
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  color: #ce1d76;
  background: rgba(206,29,118,0.07);
  border: 1px solid rgba(206,29,118,0.25);
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  flex-shrink: 0;
  margin-top: 2px;
}
.bg-step-c { font-size: 13px; line-height: 1.78; color: #444444; }
.bg-step-c strong { color: #1a1a1a; font-weight: 600; }

/* ── BULLET LIST — reuses hp-spec-row concept ── */
.bg-list { margin: 0.8rem 0; padding: 0; list-style: none; }
.bg-list li {
  font-size: 13px;
  line-height: 1.78;
  color: #444444;
  padding: 0.4rem 0 0.4rem 1.2rem;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}
.bg-list li:last-child { border-bottom: none; }
.bg-list li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: #ce1d76;
  font-family: 'DM Mono', monospace;
}
.bg-list li strong { color: #1a1a1a; font-weight: 600; }

/* ── CHECKLIST ── */
.bg-checklist { margin: 0.8rem 0; }
.bg-check {
  display: flex;
  gap: 0.7rem;
  align-items: flex-start;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 13px;
  line-height: 1.65;
  color: #444444;
}
.bg-check:last-child { border-bottom: none; }
.bg-check-box {
  width: 14px;
  height: 14px;
  border: 1px solid #cccccc;
  flex-shrink: 0;
  margin-top: 3px;
  border-radius: 2px;
  background: #fff;
}

/* ── CACHE TABLE — reuses hp-spec-table concept ── */
.bg-table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 12.5px; }
.bg-table th {
  font-family: 'DM Mono', monospace;
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #888888;
  padding: 0.55rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  background: #ebebeb;
}
.bg-table td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: top;
  line-height: 1.6;
  color: #444444;
}
.bg-table tr:last-child td { border-bottom: none; }
.bg-table td:first-child { color: #ce1d76; font-weight: 600; white-space: nowrap; }
.bg-table td:nth-child(2) { color: #888888; }
.bg-table td:last-child { font-family: 'DM Mono', monospace; font-size: 11px; color: #2563a8; word-break: break-all; }
.bg-table tr:hover td { background: #f4f4f4; }

/* ── EMERGENCY STEPS ── */
.bg-emerg { margin: 1rem 0; }
.bg-emerg-step {
  display: grid;
  grid-template-columns: 1.4rem 1fr;
  gap: 0.7rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid #e0e0e0;
  align-items: start;
}
.bg-emerg-step:last-child { border-bottom: none; }
.bg-emerg-num {
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  font-weight: 600;
  color: #ce1d76;
  margin-top: 2px;
}
.bg-emerg-label {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0.3rem;
}
.bg-emerg-cmd {
  font-family: 'DM Mono', monospace;
  font-size: 11.5px;
  background: #f4f4f4;
  border: 1px solid #e0e0e0;
  border-left: 2px solid #b83232;
  padding: 0.45rem 0.75rem;
  color: #333333;
  border-radius: 0 3px 3px 0;
  word-break: break-all;
  margin-bottom: 0.3rem;
}
.bg-emerg-note { font-size: 12px; color: #888888; line-height: 1.65; }

/* ── SYMPTOM GRID — reuses hp-card concept ── */
.bg-symptom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  margin: 1rem 0;
}
.bg-symptom {
  background: #f4f4f4;
  padding: 1rem 1.1rem;
}
.bg-symptom-title {
  font-family: 'Barlow Condensed', 'Bebas Neue', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #768b9e;
  margin-bottom: 0.4rem;
}
.bg-symptom p { font-size: 12.5px; line-height: 1.65; color: #444444; margin: 0; }

/* ── GOTCHA BOX — reuses hp-highlight-item concept ── */
.bg-gotcha {
  background: #f4f4f4;
  border: 1px solid #e0e0e0;
  border-top: 2px solid #b83232;
  border-radius: 0 0 3px 3px;
  padding: 0.9rem 1.1rem;
  margin: 0.9rem 0;
}
.bg-gotcha-head {
  font-family: 'Barlow Condensed', 'Bebas Neue', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #b83232;
  margin-bottom: 0.4rem;
}
.bg-gotcha p { font-size: 13px; color: #444444; line-height: 1.75; margin: 0; }

/* ── NAV BAR ── */
.bg-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  margin-bottom: 2.5rem;
}
.bg-nav a {
  font-family: 'DM Mono', monospace;
  font-size: 10.5px;
  letter-spacing: 0.04em;
  color: #888888;
  text-decoration: none;
  padding: 0.45rem 0.85rem;
  background: #f4f4f4;
  white-space: nowrap;
  transition: color 0.15s, background 0.15s;
}
.bg-nav a:hover { color: #ce1d76; background: #ebebeb; }

/* ── FOOTER ── */
.bg-footer {
  font-family: 'DM Mono', monospace;
  font-size: 10.5px;
  color: #aaaaaa;
  border-top: 1px solid #e0e0e0;
  padding-top: 1.25rem;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
  .bg-symptom-grid { grid-template-columns: 1fr; }
  .bg-guide h2 { font-size: 1.3rem; }
}

/* ── END BATOCERA GUIDE ── */