*{ margin:0; padding:0; box-sizing:border-box; }

body { min-height:100vh; color:#09144f; background:black; }
.section-inner { font-family:'Open Sans Condensed', sans-serif; background:white; }
/*
.product { display:grid; grid-template-columns: repeat(auto-fit, minmax(350px, auto));
    grid-gap:50px; margin: 50px auto; max-width:1240px; padding:20px; }*/
h2 { text-align:center; padding:2%; }
#header {  padding:15px; z-index:100; display:block; }

.cat-bar { overflow:hidden; text-align:center; color:white; font-size:2em; font-weight:bold; padding:1% 0; }
.cat-bar > span { position:relative; display:inline-block; }
.cat-bar > span:before, .cat-bar > span:after { position:absolute; top:52%; height:2px; content:''; margin:5% 20px 0; width:100vw;
	background-color:gold; 
/*    background: rgb(182,44,182);
background: -moz-linear-gradient(270deg, rgba(182,44,182,1) 0%, rgba(255,16,16,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(182,44,182,1) 0%, rgba(255,16,16,1) 100%);
background: linear-gradient(270deg, rgba(182,44,182,1) 0%, rgba(255,16,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b62cb6",endColorstr="#ff1010",GradientType=1); */ }
.cat-bar > span:before { right:100%; }
.cat-bar > span:after { left:100%; }

.products { margin-top:0%; }
.product { display:inline-block; width:33%; margin:1% auto 5%; text-align:center; padding:1% 1%; vertical-align:top; }
.product:hover { box-shadow: 0 0 15px #ccc; transition:1s; border-radius:8px; }
.product { padding:10px; }
.product-details { position:relative; text-align:left; max-width:320px; margin:5px auto; }
.product img { height:100%; display:block; max-height:200px; margin:auto; max-width:81%; }
.product .title { font-family:'Open Sans',sans-serif; font-size:1.2em; font-weight:600; margin:auto; line-height:1.2; }
.promoText { color:red; font-weight:bold; font-family:'Montserrat',sans-serif; padding-top:10px; font-size:1.2em; line-height:1.2; }

.finalPrice { font-size:3em; color:#000; font-weight:600; font-family:'Montserrat',sans-serif; line-height: 0.7; margin-top:10px; padding:10px 0; }
.wasPrice { color:#cc5027; padding:5px 0px 3%; text-decoration:line-through; font-weight:500; font-size:1.5em; clear:both; font-family:'Montserrat',sans-serif;}
.finalPrice a { text-decoration:none; clear:right; }
.finalPriceTxt { background:#cc0000; border-top-right-radius:10px; border-bottom-left-radius:10px; max-width:300px; color:#fff; padding:5px 0; text-align:center; font-family:'Montserrat',sans-serif; font-size:1.25em; font-weight:bold; margin:5px 0; letter-spacing:0.015em; }

.promoCode { color:#cc5027; font-weight:700; font-family:'Open Sans',sans-serif; font-size:1.25em; line-height:1.2; margin-top:3%; padding:5px; border:2px dashed #cc5027; text-align:center; }
.validDate { font-family:'Montserrat',sans-serif; color:red; font-size:1.1em; font-weight:bold; padding:10px 0 0; }

.ngg-pos { position:absolute; top:20%; right:0; margin-top:-10%; text-align:center; background-color:gold; width:100px; height:75px; border-radius:100%; border:2px solid white; 
		font-family:'Montserrat',sans-serif; color:#000; padding:10px 0 0; font-weight:bold; line-height:1; }
.ngg-pos span { font-size:2.2em; }

.ngg_nav { position:relative; height:130px; width:150px; }
.ngg_navtxt { position:absolute; top:18px; left:5px; width:138px; color:#000; text-align:center; font-weight:600; font-family:'Open Sans Condensed',sans-serif; 
    font-size:14px; padding:5%; text-transform:uppercase; line-height:1.1; min-height:138px; height:100%; border-radius:15px;
    background: #FAD067;background: linear-gradient(80deg, rgba(250, 208, 103, 1) 0%, rgba(199, 147, 4, 1) 59%, rgba(255, 232, 137, 1) 99%); }
.ngg_navtxt img { max-width:100px; margin:0 auto 2%; }

/*.instantSavings { background-color:rgba(255,133,0,0.5); padding:3px 3px 3px 10px; margin-left:-10px; }*/
.submenu { margin:0 auto; width:100%; text-align:center; }
.submenu li { display:inline-block; padding:10px 15px; font-weight:600; text-transform:uppercase; border:1px solid #ccc; border-radius: 7px; background-color:white; }
.submenu a { text-decoration:none; }
.submenu li:hover { background-color:#ff6600; color:white; border:1px solid #ff6600; }

.sticky { position:fixed; top:0; left:0; width:100%; max-height:160px; border-bottom:3px solid #1946b8; background:rgba(0,0,0,0.9) !important; }
.sticky + .submenu { padding-top:100px; }
.sticky img { width:50%; }

/* Sticky TOC */
.bf-sticky-toc {
 position: sticky;
 top: 0;
 background: #fff;
 border-bottom: 1px solid #ddd;
 padding: 12px 0;
 z-index: 1000;
 font-size: 14px;
 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 overflow-x: auto;
 white-space: nowrap;
 scrollbar-width: thin;
}

.bf-sticky-toc::-webkit-scrollbar {
 height: 6px;
}

.bf-sticky-toc::-webkit-scrollbar-thumb {
 background: #aaa;
 border-radius: 3px;
}

.bf-sticky-toc a {
 display: inline-block;
 padding: 6px 12px;
 margin: 0 4px;
 color: #333;
 text-decoration: none;
 border-radius: 6px;
 transition: all 0.2s;
 font-weight: 500;
}

.bf-sticky-toc a:hover {
 background: #f0f0f0;
 color: #0066cc;
}

.bf-sticky-toc a.active {
 background: #0066cc;
 color: white !important;
 font-weight: 600;
}

/* Offset for sticky header */
.category-section {
 scroll-margin-top: 80px;
}


@media only screen and (max-width:900px) {
    .product { width:47%; }
}

@media only screen and (max-width:768px) {
    .product { width:96%; }
}

@media only screen and (max-width:500px) {
    .sticky { position:relative; }
    
}