*, *::before, *::after{box-sizing:border-box;}

h1, h2, h3, h4, h5{margin-bottom:0.9rem;}
section{margin-bottom:20px;}

a{text-underline-offset:2px;}
a:hover{}

header{background-color:#f8f9fa;padding:20px 0;}
.header-info{text-align:right;}
.header-info .header-btns{margin-bottom:.5rem !important;}
.header-info h5{margin-bottom:0;}
.header-info .trade-only{font-size:0.875rem;padding:4px 14px;line-height:1.5;}

nav{background-color:#000;}
nav > div > a{padding:10px 15px;color:#fff;text-decoration:none;}
nav > div > a:hover{background-color:#fff;color:#000 !important;border-bottom:3px solid #68a4b3;padding:9px 15px 8px 15px;}

.navbar{padding:0;}
.navbar .nav-link{padding:10px 15px !important;color:#fff;}
.navbar .nav-link:hover, .navbar .nav-link:focus, .navbar .nav-link.active {background-color:#fff;color:#000;border-bottom:3px solid #68a4b3;padding:10px 15px 7px 15px !important;}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

main{padding:40px 0;}
main > div{padding:0 20px !important;}

footer{background-color:#f8f9fa;border-top:1px solid #e9ecf0;padding:30px 0;}

.btn-primary {background-color:#e4e4e4;border-color:#b9b9b9;color:#000;padding:3px 10px;}
.btn-primary:hover {background-color:#eeeeee;border-color:#c7c7c7;color:#000;text-decoration:none;}

.large-img .modal-dialog{max-width:100vw;margin:0;}
.large-img .modal-content{background:transparent;border:none;border-radius:0;display:flex;justify-content:center;align-items:center;}
.large-img .image-wrapper{position:relative;display:inline-block;}
.large-img #modalImage{max-width:100vw;max-height:100vh;width:auto;height:auto;display:block;}
.large-img .close-btn{position:absolute;top:10px;right:10px;z-index:10;opacity:0.8;}

.section-divider{border-bottom:1px dashed #d4d4d4;margin-bottom:30px;padding-bottom:20px;}

#cookieBanner{display:none;background:#232323;color:#fff;padding:1rem;text-align:center;position:fixed;bottom:0;width:100%;box-shadow:0 -2px 6px rgba(0,0,0,0.4);z-index:1000;font-size:0.95rem;}
#cookieBanner a{color:#fff;text-decoration:underline;}
#cookieBanner button{margin-left:1rem;padding:0.5rem 1.2rem;background:#f1f1f1;color:#000;border:none;border-radius:3px;font-weight:bold;cursor:pointer;}
#cookieBanner button:hover{background:#d4d4d4;}

.div-img-content{margin-left:15px;}

.required{font-weight:bold;color:#cc0000;}

.ul-icon-checklist{list-style:none;padding-left:0;line-height:1.9;}

.validation-summary-valid { display:none; }
.validation-summary-errors ul{margin-bottom:0;}

.prods-page .prod-item{text-align:left;padding:10px;}
.prods-page .prod-item h5{font-size:1rem;margin-top:10px;}
.prods-page .prod-item .prod-bullets{padding-left:18px;margin:8px 0;font-size:0.95rem;}
.prods-page .prod-item .prod-bullets li{margin-bottom:4px;list-style-type:disc;color:#444;}
.prods-page .prod-item .price{font-weight:bold;margin-bottom:4px;}
.prods-page .prod-item .coming-soon{color:#999;font-size:0.9rem;}
.prods-page .prod-item .prod-img{position:relative;}
.prods-page .prod-item .prod-img .click-to-enlarge{position:absolute;top:6px;right:8px;font-size:0.85rem;color:#888;background:rgb(233, 233, 233, 0.70);padding:2px 6px;border-radius:3px;}

/* Grid layouts */
.grid{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;}
.grid .cell{box-sizing:border-box;}

.grid-2col .cell{width:calc(50% - 12.5px);margin-right:25px;}
.grid-2col .cell:nth-child(2n){margin-right:0;}

.grid-3col .cell{width:calc(33.333% - 16.66px);}
.grid-3col .cell:nth-child(3n-2){margin-right:12.5px;}
.grid-3col .cell:nth-child(3n-1){margin-left:12.5px;margin-right:12.5px;}
.grid-3col .cell:nth-child(3n){margin-left:12.5px;}

.grid-4col .cell{width:25%;}
.grid-4col .cell:nth-child(4n-3){margin-right:12.5px;}
.grid-4col .cell:nth-child(4n-2), .grid-4col .cell:nth-child(4n-1){margin-left:12.5px;margin-right:12.5px;}
.grid-4col .cell:nth-child(4n){margin-left:12.5px;}


@media(max-width:1000px){
    .grid-4col .cell{width:calc(33.333% - 16.66px);}
    .grid-4col .cell:nth-child(3n-2){margin-right:12.5px;}
    .grid-4col .cell:nth-child(3n-1){margin-left:12.5px;margin-right:12.5px;}
    .grid-4col .cell:nth-child(3n){margin-left:12.5px;}
}

@media (max-width: 880px) {
    main{padding:30px 0;}

    .div-img-content img{width:200px;height:auto;}

    .grid-3col .cell,.grid-4col .cell{width:calc(50% - 12.5px);margin-right:25px;}
    .grid-3col .cell:nth-child(2n),.grid-4col .cell:nth-child(2n){margin-right:0;}
}

@media (max-width: 768px) {

}

@media (max-width: 650px) {
    header .container-xl {flex-direction:column !important;align-items:flex-start;}
    header .logo {margin-bottom:5px;}
    header .header-info{text-align:center;}
    header .header-info h5{font-size:1.1rem;}

    main{padding-top:20px;}
}

@media (max-width: 500px) {
    .div-img-content img{width:150px;}

    .grid-2col .cell,.grid-3col .cell,.grid-4col .cell{width:100%;margin:0 0 20px 0;}
}

@media (max-width: 400px) {
    header .header-info .header-btns > *{display:block;margin-bottom:10px;}
    header .header-info h5{font-size:1rem;}

    .div-img-content{margin:0 0 15px 0;float:none !important;text-align:center;}
    .div-img-content img{width:auto;max-width:100%;height:auto;}

    footer .footer-contents > span{display:block;}
    footer .footer-contents > span.separator{display:none;}
}