*, *::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{}

.mxw-500{max-width:500px;}

header{background-color:#f8f9fa;padding:20px 0;}
.header-info{text-align:right;}
.header-info .header-btns{margin-bottom:.5rem !important;}
.header-info .header-btns a img{width:16px;height:17px;vertical-align:sub;margin-right:2px;}
.header-info h5{margin-bottom:0;}
.header-info .items-count{background:#000000;color:#fff;margin-left:3px;}
.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;}

.newsletter-signup{background-color:#fbfcfd;border-top:1px solid #eaecef;margin:0;padding:30px 0 25px 0;}

footer{background-color:#f8f9fa;border-top:1px solid #e9ecf0;padding:30px 0 50px 0;}
footer .footer-vat-note{font-size:0.85rem;color:#666;margin-bottom:0.5rem;}

.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;}

.alert ul{margin:0;}
.alert.alert-success a{color:#155724;font-weight:600;text-decoration:underline;}
.alert.alert-success a:hover{color:#053519;}
.alert.alert-danger a{color:#721c24;font-weight:600;text-decoration:underline;}
.alert.alert-danger a:hover{color:#3b070c;}

.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, .basket-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;}

.crumbs{font-size:0.85rem;margin-bottom:10px;}

/*.validation-summary-valid { display:none; }
.validation-summary-errors ul{margin-bottom:0;}*/

.prods-page .label, .prod-page .label, .grid-basket-items .label{font-weight:600;font-size:0.9rem;margin-right:8px;color:#333;background:rgb(233, 233, 233, 0.70);padding:2px 9px;display:inline-block;vertical-align:middle;}
.prods-page a, .prod-page a{color:#000;text-decoration:none;}
.prods-page a:hover, .prod-page a:hover{text-decoration:underline;}
.prods-page .prod-img img:hover, .prod-page .prod-img img:hover{transform:scale(1.02);transition:transform 0.2s;}

.prods-page{text-align:left;padding:10px;}
.prods-page .prod-title{font-size:1rem;font-weight:500;margin-top:10px;}
.prods-page .prod-bullets{padding-left:18px;margin:1rem 0;font-size:0.95rem;}
.prods-page .prod-bullets li{margin-bottom:0.3rem;list-style-type:disc;color:#444;}
.prods-page .price{font-size:1.05rem;font-weight:bold;margin-bottom:0.5rem;}
.prods-page .coming-soon{color:#999;font-size:0.9rem;}

.prod-page .prod-img{position:relative;}
.prod-page .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;}
.prod-page .prod-title{font-size:1.5rem;margin-bottom:1rem;}

.prod-page .prod-specs{margin-bottom:1.3rem;}
.prod-page .prod-specs span{padding:2px 9px;display:inline-block;}
.prod-page .prod-specs .label{min-width:120px;margin:0;margin-right:20px;}

.prod-page .bullet-points{padding-left:1.3rem;margin-bottom:1.3rem;}
.prod-page .bullet-points li{margin-bottom:0.2rem;}
.prod-page .prod-descr{margin-bottom:1.3rem;}

.prod-page .sizes-list{margin-bottom:1.5rem;}
.prod-page .size-row{border-bottom:1px solid #ddd;padding:0.4rem 0 0.8rem 0;}
.prod-page .size-row .cell{margin-bottom:0 !important;}
.prod-page .label-sm{display:inline-block;font-weight:600;font-size:0.85rem;color:#555;margin-bottom:2px;}
.prod-page .text-muted{font-size:0.85rem;color:#888;margin-top:4px;}

.account-page .page-links{width:25%;}
.account-page .page-content{width:75%;}
.account-page .page-links ul{list-style:none;padding:0;margin:0 30px 0 0;}
.account-page .page-links li a{display:block;padding:0.75rem 1rem;text-decoration:none;color:#333;border-bottom:1px solid #ddd;transition:background-color 0.2s ease-in-out;}
.account-page .page-links li a:hover{background-color:#f0f2f5;}

.basket-items > .grid-basket-items-group:not(:last-child){padding-bottom:1.5rem;border-bottom:1px dashed #ccc;margin-bottom:1.5rem;}
.grid-basket-items-group .prod-title{font-size:1rem;font-weight:600;margin-bottom:0.5rem;}
.grid-basket-items-group .prod-title a{color:#000;}
.grid-basket-items-group .img-cell > div{padding:10px;background:#e9e9e9;margin-right:20px;}
.grid-basket-items-group .basket-btns{margin-top:0.75rem;}
.grid-basket-items-group .basket-btns a, .grid-basket-items-group .basket-btns button{padding:2px 12px 4px 12px;font-size:0.8rem;width:65px;}
.grid-basket-items-group .basket-btns form{display:inline;}

.grid-basket-item-headers > .cell{font-weight:600;font-size:0.9rem;color:#333;background:#e9e9e9;padding:2px 9px;}

.grid-basket-item-totals > .cell{padding:5px 0;}

.grid-basket-items > .cell{border-bottom:1px solid #e9e9e9;padding:5px 0;}
.grid-basket-items .size-cell{display:flex;justify-content:space-between;align-items:center;gap:0.25rem;}
.grid-basket-items .size-cell small{font-size:0.65rem;font-weight:600;background:#f1f1f1;padding:2px 5px}
.grid-basket-items .qty-cell, .grid-basket-item-totals .qty-cell{text-align:center;}
.grid-basket-items .subtotal-cell, .grid-basket-item-totals .subtotal-cell{text-align:right;}

.basket-divider{margin:40px 0;padding:0;}

.basket-summary{margin-top:2rem;max-width:400px;margin-left:auto;padding:8px 20px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;}
.basket-summary + .basket-summary{margin-top:15px;}
.basket-summary small.text-muted{font-weight:normal}
.basket-summary > div > div{padding:15px 0;border-bottom:1px solid #e0e0e0;}
.basket-summary > div > div:last-child{border-bottom:none;}
.basket-summary > div > div span:first-child{font-weight:bold;}
.basket-summary .amount{float:right;margin-top:1px;}
.basket-summary .total{font-weight:bold;font-size:1.2rem;}
.basket-summary .total small{font-size:0.9rem;}
.basket-summary .btns-checkout{margin:15px 0 20px 0;}
.basket-summary .btns-checkout a{width:100%;background:#0d6efd;font-weight:600;}

.checkout-page .order-details.basket-summary{margin-left:0;}
.checkout-page .grid-addrs > .cell-auto{margin-right:50px;}
.checkout-page .form label{margin-bottom:0;}
.checkout-page .order-section > div:first-child{margin-bottom:30px!important;}
.checkout-page .order-section .turnstile{margin-bottom:25px;}

/* Tooltip */
.tooltip-box{position:absolute;z-index:10000;background:#333;color:#fff;padding:5px 8px;border-radius:4px;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;}
.tooltip-box.show{opacity:1;}

/* Pager */
.pager{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px;}
.pager .btn{padding:6px 10px;border:1px solid #ccc;border-radius:4px;text-decoration:none;}
.pager .btn.is-active{font-weight:700;border-color:#999;}
.pager .btn.is-disabled{opacity:.55;cursor:pointer;color:#aaa;border-color:#ddd;background:#f6f6f6;}
.pager .ellipsis{padding:0 4px;color:#888;}
.pager-info{color:#666;}

/* Form styles */
.form label{margin-bottom:0.5rem;}
.form input[type='text'],.form input[type='password'],.form input[type='email'],.form input[type='number'],.form input[type='tel'],.form textarea, 
.form input:disabled,.form textarea:disabled, .form .checkbox-cell label, .form .input-disabled{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;appearance:none;border-radius:0.25rem;font-family:inherit;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
.form textarea{min-height:calc(1.5em + 0.75rem + 2px);}
.form input:focus,.form textarea:focus,.form select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);}
.form input:disabled,.form textarea:disabled,.form select:disabled, .form .input-disabled{background-color:#e9ecef;opacity:1;}
.form select, .form select:disabled{display:block;width:100%;padding:0.375rem 2.25rem 0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:0.25rem;appearance:none;font-family:inherit;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
.form button, .form button:disabled, .form .link-button{display:inline-block;font-weight:400;line-height:1.5;color:#fff;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;background-color:#0d6efd;border:1px solid #0d6efd;padding:0.375rem 1.5rem;font-size:1rem;border-radius:0.25rem;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}
.form button:hover, .form .link-button:hover{background-color:#0b5ed7;border-color:#0a58ca;}
.form button:disabled{opacity:0.65;cursor:not-allowed;}
.form button.secondary{background-color:#6c757d;border-color:#6c757d;color:#fff;}
.form button.secondary:hover{background-color:#5c636a;border-color:#565e64;}
.form button+button, .form button+.link-button, .form .link-button+.link-button, .form .link-button+button{margin-left:0.5rem;}
.form .btns{display:flex;justify-content:center;margin-top:0.75rem;gap:1rem;}
.form .btns.btns-left{justify-content:flex-start;}
.form .grid .cell.checkbox-cell{display:flex;align-items:flex-end;}
.form .grid .cell.checkbox-cell label{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;cursor:pointer;}
.form .grid .cell.checkbox-cell input[type='checkbox']{width:1rem;height:1rem;}
.form .grid .cell{margin-bottom:1rem;}
.form .form-section{background-color:#f8f9fa;padding:1rem;margin-bottom:1rem;}

/* Grid layouts */
.grid{display:flex;flex-wrap:wrap;width:100%;}
.grid-2col > .cell.w-100, .grid-2col > .cell.w-100:nth-child(2n), .grid-3col > .cell.w-100, .grid-3col > .cell.w-100:nth-child(2n), .grid-4col > .cell.w-100, .grid-4col > .cell.w-100:nth-child(2n) {margin-left:0;margin-right:0;}

.grid-auto{display:flex;flex-wrap:wrap;width:100%;gap:12.5px;}
.grid-auto > .cell-auto{flex:0 0 auto;}
.grid-auto > .cell-fill{flex:1 1 0;}

.grid-left-right-col{display:flex;justify-content:space-between;align-items:center;}

.grid-1col > .cell{width:100%;margin-left:0;margin-right:0;}

.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.666px);}
.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:calc(25% - 18.75px);}
.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;}

.grid-5col > .cell{width:calc(20% - 20px);}
.grid-5col > .cell:nth-child(5n-4){margin-right:12.5px;}
.grid-5col > .cell:nth-child(5n-3),.grid-5col > .cell:nth-child(5n-2),.grid-5col > .cell:nth-child(5n-1){margin-left:12.5px;margin-right:12.5px;}
.grid-5col > .cell:nth-child(5n){margin-left:12.5px;}

.grid-6col > .cell{width:calc(16.666% - 20.83px);}
.grid-6col > .cell:nth-child(6n-5){margin-right:12.5px;}
.grid-6col > .cell:nth-child(6n-4),.grid-6col > .cell:nth-child(6n-3),.grid-6col > .cell:nth-child(6n-2),.grid-6col > .cell:nth-child(6n-1){margin-left:12.5px;margin-right:12.5px;}
.grid-6col > .cell:nth-child(6n){margin-left:12.5px;}

/* Data table */
.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.data-table{width:100%;border:1px solid #ccc;min-width:600px;}
.data-table th,.data-table td{padding:8px;border-bottom:1px solid #eee;}
.data-table th{font-weight:600;background:#f7f7f7;border-bottom:1px solid #ddd;}
.data-table tr:last-child td, .data-table tbody tr:last-child td{border-bottom:none;}

@media(max-width:1000px){
    .grid-4col > .cell{width:calc(33.333% - 16.666px);}
    .grid-4col > .cell:nth-child(3n-2){margin-right:12.5px;margin-left:0;}
    .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;margin-right:0;}

	.grid-basket-items-group{display:block;}
	.grid-basket-items-group .img-cell{display:block;margin-bottom:1rem;}
    .grid-basket-items-group .img-cell > div{width:205px;}
	.grid-basket-items-group .cell-fill{display: block;}
    .grid-basket-items-group .prod-title{margin-bottom:1rem;}

    .grid-basket-items-group .cell-fill .grid-4col > .cell{width:calc(25% - 18.75px);}
    .grid-basket-items-group .cell-fill .grid-4col > .cell:nth-child(4n-3){margin-right:12.5px;margin-left:0;}
    .grid-basket-items-group .cell-fill .grid-4col > .cell:nth-child(4n-2){margin-left:12.5px;margin-right:12.5px;}
    .grid-basket-items-group .cell-fill .grid-4col > .cell:nth-child(4n-1){margin-left:12.5px;margin-right:12.5px;}
    .grid-basket-items-group .cell-fill .grid-4col > .cell:nth-child(4n){margin-left:12.5px;margin-right:0;}
}

@media(max-width:920px){
    .prods-grid > .cell{width:calc(50% - 12.5px);}
    .prods-grid > .cell:nth-child(2n-1){margin-left:0;margin-right:12.5px;}
    .prods-grid > .cell:nth-child(2n){margin-left:12.5px;margin-right:0;}
}

@media (max-width: 880px) {
    main{padding:30px 0;}

    .account-page .main-grid.grid{display:flex;flex-direction:column;gap:0;}
	.account-page .main-grid.grid > .cell{width:100%;margin-left:0;margin-right:0;}

	.account-page .page-links ul{display:flex;flex-wrap:wrap;padding:0;margin:0;margin-bottom:20px;}
	.account-page .page-links li{flex:0 0 33.333%;}
	.account-page .page-links a{}

    .prod-page .size-row .qty{max-width:120px;}
    .prod-page .size-row > .cell:nth-last-child(-n+2){padding-top:6px;}

    .div-img-content img{width:200px;height:auto;}

    .grid-3col > .cell, .grid-4col > .cell{width:calc(50% - 12.5px);}
    .grid-3col > .cell:nth-child(2n-1),.grid-4col > .cell:nth-child(2n-1){margin-left:0;margin-right:12.5px;}
    .grid-3col > .cell:nth-child(2n),.grid-4col > .cell:nth-child(2n){margin-left:12.5px;margin-right:0;}

    .grid-5col > .cell,.grid-6col > .cell{width:calc(50% - 12.5px);}
    .grid-5col > .cell:nth-child(2n-1),.grid-6col > .cell:nth-child(2n-1){margin-left:0;margin-right:12.5px;}
    .grid-5col > .cell:nth-child(2n),.grid-6col > .cell:nth-child(2n){margin-left:12.5px;margin-right:0;}
}

@media (max-width: 820px) {
    .grid-basket-items .size-cell, .grid-basket-items .size-cell > *{display:block;}
    .grid-basket-items .size-cell span{margin-bottom:0.25rem;}
    .grid-basket-items .size-cell small{text-align:right;}
}

@media (max-width: 800px){
    .prod-grid > .cell{width:100%;margin:0!important;}
    .prod-grid .click-to-enlarge{display:none;}
}

@media (max-width: 768px) {

}

@media (max-width: 650px) {
    .pager{flex-direction:column;align-items:flex-start;}
	.pager-info{margin-bottom:8px;}

    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;}

    .prods-grid > .cell{width:100%;margin-left:0!important;margin-right:0!important;}
}

@media (max-width: 590px) {
    .grid-basket-items-group .grid-4col.grid-basket-item-headers{display:none;}
    .grid-basket-items-group .grid-4col.grid-basket-items{display:none;}
    .grid-basket-items-group .grid-4col.grid-basket-item-totals{display:none;}

    .grid-basket-items-group .grid-2col.grid-basket-item-headers{display:flex!important;}
    .grid-basket-items-group .grid-2col.grid-basket-items{display:flex!important;}
    .grid-basket-items-group .grid-2col.grid-basket-item-totals{display:flex!important;}

    .grid-basket-items-group .grid-2col.grid-basket-items .qty{text-align:right;}
    .grid-basket-items-group .grid-2col.grid-basket-items .cell > div:first-child{margin-bottom:2px;}

    .grid-basket-items-group .grid-2col.grid-basket-item-totals > div{padding-top:8px;}
    .grid-basket-items-group .grid-2col.grid-basket-item-totals .subtotal{text-align:right;}

    .grid-basket-items-group .cell-fill .grid-2col > .cell{width:calc(50% - 12.5px);margin-right:25px;}
    .grid-basket-items-group .cell-fill .grid-2col > .cell:nth-child(2n){margin-right:0;}

    .basket-summary{max-width:100%;}
}

@media (max-width: 570px) {
    .account-page .page-links li{flex:0 0 100%;}
}

@media (max-width: 500px) {
    .div-img-content img{width:150px;}

    /*.grid > .cell{width:100%;}*/
    .grid-2col > .cell:nth-child(2n-1), .grid-3col > .cell:nth-child(2n-1), .grid-4col > .cell:nth-child(2n-1){width:100%;margin-left:0;margin-right:0;}
    .grid-2col > .cell:nth-child(2n-1), .grid-3col > .cell:nth-child(2n), .grid-4col > .cell:nth-child(2n){width:100%;margin-left:0;margin-right:0;}

    .grid-5col > .cell,.grid-6col > .cell{width:100%!important;margin-left:0!important;margin-right:0!important;}

    .prod-page .prod-specs span{display:block;margin-right:0!important;}

    .prod-page .size-row .cell{width:calc(50% - 12.5px);}
    .prod-page .size-row .cell:nth-child(2n-1){margin-left:0;margin-right:12.5px;}
    .prod-page .size-row .cell:nth-child(2n){margin-left:12.5px;margin-right:0;}
}

@media (max-width: 450px) {
    header .logo{margin-bottom:10px;}
    header .header-info .header-btns > *{display:block;margin-bottom:10px;}
    header .header-info h5{font-size:1rem;}
}

@media (max-width: 400px) {
    .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;}    
}

@media (max-width: 320px){
    .prod-page .sizes-title{margin-bottom:0!important;}
    .prod-page .size-row .cell{width:100%!important;margin-left:0!important;margin-right:0!important;}
    .prod-page .size-row .cell{padding-top:6px;}
}
