:root {
	--gold: #f4bd1a;
	--gold2: #d9a100;
	--black: #080808;
	--ink: #181818;
	--muted: #6d6d6d;
	--line: #e8e8e8;
	--soft: #f6f6f6;
	--white: #fff;
	--max: 1180px;
	--shadow: 0 8px 28px rgba(0,0,0,.10);
	--gradient: linear-gradient(90deg, var(--gold2), var(--gold), var(--gold2));
	--gradient2:linear-gradient(90deg, #b8870a, #f4c62d, #b8860b);
}


body{

	
	background: url(../../img/theme/white_bed_sheet.png);
	font-weight: 400 !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 14px;
	
	color: #262626;
	
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	
}

p {
	line-height: 1.6;
}

a {
	color: #6b6b6b;
	
}

a:hover {
	color: #000000;
}

/* ----------------- glowne kontenery strony --------------- */
#page {
	/* swieta wielkanoc */
	/*
	background: url(../../img/swieta/bg.jpg);
	*/
}

.columns-container {
	background: none;
	min-height: 600px;
	
}

/* tu ustaw szerokosc */
.container {

}


#columns {
	background: rgba(255,255,255,0.7);
	padding: 15px;
}
/* END ----------------- glowne kontenery strony --------------- */




/* ----------------- naglowek strony --------------- */
.header-container {
	background: none;
	
}

#header {
	padding-bottom: 0;
	background: var(--black);

}

header .nav {
	/*
		This pattern is downloaded from www.subtlepatterns.com 
	*/
	background: var(--gradient2);
	line-height: 24px;
}

header .nav nav {
	line-height: 20px;
}

.header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 0 0 0;
}

.header-content > div {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

@media (max-width: 991px) {
	.header-content #search_block_top{
		order: 3;
	}
}


header .row #header_logo {

}


header .row #header_logo img {
}

@media (max-width: 399px) {
	header .row #header_logo {
		/* width: 100%; */
			
	}
}

/* END ----------------- naglowek strony --------------- */




/* ----------------- boczne kolumny --------------------- */
#left_column .block,
#right_column .block {
	border: 1px solid #f2f2f2;

}	

@media (min-width: 768px) {
	#right_column .block,
	#left_column .block {
		margin-bottom: 20px;
	}
}

#left_column .block .title_block,
#right_column .block .title_block,
#left_column .block h4,
#right_column .block h4 {
	border: none;
	color: #262626;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f3f3+0,f7f6f6+41,f7f6f6+54,e3e2e2+100 */
	background: #f4f3f3; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f3f3 0%, #f7f6f6 41%, #f7f6f6 54%, #e3e2e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f3f3 0%,#f7f6f6 41%,#f7f6f6 54%,#e3e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f3f3 0%,#f7f6f6 41%,#f7f6f6 54%,#e3e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f3', endColorstr='#e3e2e2',GradientType=0 ); /* IE6-9 */
	margin-top: 0;
	padding: 10px 5px 10px 15px;

}	




#left_column .block .title_block a,
#right_column .block .title_block a,
#left_column .block h4 a,
#right_column .block h4 a {
	color: #262626;

}	


#left_column .block .title_block a:hover,
#right_column .block .title_block a:hover,
#left_column .block h4 a:hover,
#right_column .block h4 a:hover {
	text-decoration: underline;

}	

#left_column .block .block_content,
#right_column .block .block_content {

}	

#left_column .block_content img.img-responsive,
#right_column .block_content img.img-responsive{
	margin: 0 auto;
	
}

#left_column .block .list-block li,
#right_column .block .list-block li {
	padding-left: 10px;
}


/*-- slidery -- */

#left_column .bx-controls.bx-has-pager,
#right_column .bx-controls.bx-has-pager {
	margin-bottom: 50px;
}

#left_column .bx-pager.bx-default-pager,
#right_column .bx-pager.bx-default-pager {
	
}

#left_column .bxSlider_content h5,
#right_column .bxSlider_content h5 {
	text-align: center;
	height: 50px;
	overflow: hidden;
}

#left_column .bx-wrapper .bx-pager.bx-default-pager a, 
#right_column .bx-wrapper .bx-pager.bx-default-pager a {
	background: #EFEFEF;
}

#left_column .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#left_column .bx-wrapper .bx-pager.bx-default-pager a.active,
#right_column .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#right_column .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* END -- slidery -- */

/* END----------------- boczne kolumny ---------------------- */



/* ----------------- szeroka kolumna (content) --------------- */
#center_column {
	
}

@media(min-width: 768px) {
	#center_column {
		float: right;
	}
}

#center_column .title_content{
	color: #262626;
	text-transform: uppercase;
	text-align: center;
	font: 600 18px/22px "Open Sans", sans-serif;
	margin-bottom: 15px;
	border: none;
	
	padding: 10px;
	
	
	margin-top: 0;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f3f3+0,f7f6f6+41,f7f6f6+54,e3e2e2+100 */
	background: #f4f3f3; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f3f3 0%, #f7f6f6 41%, #f7f6f6 54%, #e3e2e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f4f3f3 0%,#f7f6f6 41%,#f7f6f6 54%,#e3e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f4f3f3 0%,#f7f6f6 41%,#f7f6f6 54%,#e3e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f3', endColorstr='#e3e2e2',GradientType=0 ); /* IE6-9 */
	
}

#center_column h1.title_content {
	
}

#center_column .title_content::before{
	
}


#center_column .title_content span{
	
}

#center_column .title_content.alternate{
	text-transform: none;
}

#center_column .title_content.alternate::before{
	
}


#center_column .title_content.alternate span{
	
}


#center_column .title_content.small{
	text-transform: none;
	font-size: 20px;
	margin-top: 0;
}


.heading_counter {
	text-align: right;
	margin-top: -10px;
}

#summary_products_quantity .product_number{
	font-weight: bold;
}


.box {
	
}


/* END----------------- szeroka kolumna (content) --------------- */


#center_column .title_content.exclusive,
#left_column .block .title_block.exclusive,
#right_column .block .title_block.exclusive,
#left_column .block h4.exclusive,
#right_column .block h4.exclusive {

	
	background: var(--gold);
	
}


/* ----------------- stopka strony -------------------------- */
.footer-container {
	/*
		This pattern is downloaded from www.subtlepatterns.com 
	*/
	background: var(--black);
	color: #fff;
	border-top: 5px solid var(--gold);
	
}

.footer-container #footer {
	color: #fff;
}

.footer-container .container {
	padding-bottom: 10px;
}

.footer-container #footer .footer-block {
	
}

.footer-container #footer .toggle-footer {
	
}

.footer-container #footer h4 {
	
}

.footer-container #footer a {
	color: inherit;
}



.footer-container #footer .li_star li a::before {
	font-family: "FontAwesome";
	content: "\f005";
	margin-right: 8px;
	font-size: 12px;
	display: inline-block;
}

.footer-container #footer ul li a {
	font-weight: normal;
}

.footer-container #footer a:hover {
	text-decoration: underline;
}



#footer-copyright {
	color: inherit;
}

#footer-copyright a {
	color: inherit;
}

#footer-copyright .container {
	padding: 10px 5px;
}

#footer-copyright .shop-footer {
	
}

#footer-copyright .ukreklama {
	text-align: right;
}

#footer-copyright .ukreklama .lumi-info {
	margin-right: 15px;
}


#links_block_footer {
	text-align: center
}

#links_block_footer ul {
	
}

#links_block_footer ul li {
	display: inline-block;
	margin-right: 5px;
	padding: 0 8px 0 0 !important;
	border-right: 1px solid #fff;
	font-size: 12px;
}


#links_block_footer ul li:last-child {
	border-right: none;
}


#block_various_links_footer {
	/* text-align: center; */
	/* margin: 15px 10%; */
	/* background: rgba(0,0,0,0.5);
	border-radius: 30px;
	padding: 10px 20px; */
	
}

#block_various_links_footer ul {
	margin-bottom: 0;
}


#block_various_links_footer ul li {
	/* display: inline; */
	margin-right: 10px;
}


#block_various_links_footer ul li a{
	/* border-right: 1px solid #fff;
	padding-right: 10px; */
	
}


#block_various_links_footer ul li:last-child a{
	border-right: none;
}


/* END ----------------- stopka strony ------------------------ */



/* --------------------------- buttony ------------------------ */
.button.button-small,
.button.button-medium,
.button.btn.btn-default {
	border: 1px solid var(--gold);
	border-radius: 0px;
	overflow: hidden;
	background: none;
	padding: 0;
	display: inline-block;
	line-height: 21px;
}

.button.button-small:hover,
.button.button-medium:hover,
.button.btn.btn-default:hover {
	border: 1px solid var(--gold);
}

.button.button-small span,
.button.button-medium span,
.button.btn.btn-default span{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfb300+0,fed600+41,fed600+54,dfb300+100 */
	background: var(--gold); /* Old browsers */
	
	
	color: #000;
	
	border: none;
	font-weight: normal;
	font-size: 16px;
	text-shadow: none;
	display: block;
	/* border: 1px solid #fff; */
}

.button.button-small:hover span,
.button.button-medium:hover span,
.button.btn.btn-default:hover span {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dfb300+0,fce885+41,fce885+54,dfb300+100 */
	background: var(--gold2); /* Old browsers */
	
	
	color: #000;
	border-color: #fff;
}

.cart_navigation .button-exclusive {
	color: #6b6b6b;
}

.cart_navigation .button-exclusive:hover {
	color: #000000;
}

.cart_navigation .button-exclusive i {
	color: inherit;
}

.button.lnk_view i.left {
	color: inherit;
}

.button.button-medium span i.left {
	font-size: inherit;
	vertical-align: 0;
	margin-right: 5px;
}

.comparison_product_infos .button.btn.btn-default span i.right,
.product_list .button.btn.btn-default span i.right {
	margin-right: 7px;
	vertical-align: 1px;
}

ul.product_list .button-container a.add_to_compare span::before {
	content: "\f067";
	content: "\f05b";
	display: inline-block;
	font-family: "FontAwesome";
	vertical-align: 1px;
}

ul.product_list .button-container a.add_to_compare.checked span::before {
	content: "\f068";
	content: "\f12d";
}


ul.product_list > li .product-container .button-container .ajax_add_to_cart_button, 
ul.product_list > li .product-container .button-container span.button, 
ul.product_list > li .product-container .button-container .lnk_view, 
ul.product_list > li .product-container .button-container .add_to_compare, 
ul.product_list > li .product-container .button-container .addToWishlist {
	margin: 0 3px 10px 3px;
}




/* END ------------------------------- buttony ------------------------ */


/* ------------------ etykiety nowy produkt, wyprzedaz, promocja ------------------------ */
.nowe-box {
	position: absolute;
	top: 10px;
	left: 5px;
}

/*
.nowe-box::before {
	content: "";
	width: 6px;
	height: 6px;
	border-right: 3px solid #d32525;
	border-top: 3px solid #d32525;
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	position: absolute;
	bottom: -8px;
}
*/

.nowe-label {
	color: #fff;
	background: red;
	padding: 4px 10px;
	font-weight: bold;
}


.sale_box {
	position: absolute;
	top: 10px;
	right: 5px;
}

.sale_label {
	color: #fff;
	background: #FF0000;
	padding: 4px 10px;
	font-weight: bold;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

.promocja-box {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 24px;
	font-style: italic;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	color: red;
	z-index: 1;
	padding: 5px 10px;
	background: rgba(255,255,255,0.7);
	border: 2px solid rgba(255,255,255,0.85);
}

.promocja-box:hover {
	color: red;
}
/* END ------------------ etykiety nowy produkt, wyprzedaz, promocja ------------------------ */


/* ----------------- postep zamowienie ---------------------------------- */

ul.step li.step_current {
	background: #262626;
	border-color: #262626;
}

ul.step li.step_current span {
	border-color: #262626;
	text-shadow: none;
	color: #FFF;
}



/* END ----------------- postep zamowienie ---------------------------------- */



/* ----------------- ceny ---------------------------------- */

#amount,
#total_price, .price, .price.product-price,

/* ceny w koszyku */

#layer_cart_product_price, 
.ajax_block_cart_total, 
.ajax_block_products_total {
	
	color: #262626;
}

#amount, #amount_1 {
	font-weight: bold;
	font-size: 18px;
}


.price.red {
	color: red;
}



/* END ----------------- ceny ---------------------------------- */


/* ----------------- formularze i inputy ---------------------------- */
.form-control:focus {
	border-color: #000;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
}

/* ----------------- formularze i inputy ---------------------------- */


/* ----------------- formularz "send to friend" i formularz komentarzy -------- */

#send_friend_form h2 ,
#id_new_comment_form h2 {
	background: #2f3192;
	color: #fff;
	padding: 10px 15px;
}

/* END ----------------- formularz "send to friend" i formularz komentarzy -------- */


/* ------------------------------ google recaptcha -------------------- */
#RECAPTCHA_CONTACT_FORM {
	margin-top: 15px;
	/*
	transform: scale(0.75);
	transform-origin: 0 0;
	*/
}

#RECAPTCHA_CONTACT_FORM_MESSAGE {
	text-align: left;
	margin-top: 10px;
}

.response-error {
	color: red;
}
/* END ------------------------------ google recaptcha -------------------- */




/* ----------------- klasy pomocnicze ------------------------- */
@media (max-width: 479px) {
	.col-xxs-6 {
		width: 50%;
	}
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

.marginRL-auto {
	margin-left: auto;
	margin-right: auto;
}
/* END ----------------- klasy pomocnicze ------------------------ */



#box_top-fullWidth {
	/* padding: 15px 0px 5px 0px; */
	/*
	background: url(../../img/swieta/bg_top.jpg);
	
	*/
	/* background: url(../../img/theme/bg.jpg); */
	
	
}

@media(max-width: 767px) {
	#box_top-fullWidth {
		display: none;
	}
}


#index #box_top-fullWidth {
	display: block;
	
}

#top-image {
	
}

.top-img-box {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	margin-bottom: 10px;
	float: left;

	
}

.top-img-box .img-box {
	border: 1px solid #fff;
		overflow: hidden;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

.top-img-box .img-box img {
	transition: all 0.5s linear;
	width: 100%;
}


.top-img-box .img-box:hover img {
		transition: all 1.2s linear;
		transform: scale(1.1);
}


.top-img-box h4{
	position: absolute;
	
	bottom: 10px;
	left: 5px;
	background: rgba(255,255,255,0.9);
	padding: 5px 5px 5px 5px;
	margin: 0;
	font-size: 14px;
	max-width: 90%;
}


#free-img {
	padding-top: 20px;
}


@media (max-width: 399px) {
	
	#free-img {
		width: 100%;
	}

}


.home_addres_info {
	margin-bottom: 20px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

.home_addres_info div{
	padding-left: 0;
}



/* --------------------------------------------- swieta --------------------------------------------- */

/* -------------- * /

@media (min-width: 768px) {
	
	body {
		background: transparent url(../../img/special/snieg.png) center top repeat;
	}


	#header_logo a::after{
		 
		content: "";
		
		display: block;
		width: 162px;
		height: 133px;
		position: absolute;
		left: -50px;
		top: -0px;
		background: transparent url(../../img/special/object_christmas_02.png) left top no-repeat;
	}
	
	.columns-container {
		position: relative;
	}
	
	.columns-container::after,
	.columns-container::before{
		content: "";
		display: block;
		width: 804px;
		height: 1445px;
		position: absolute;
		bottom: 0px;
		background: transparent url(../../img/special/object_christmas_11.png) left top no-repeat;
		z-index: -1;
	}
	
	.columns-container::before{
		left:  0px;
	}

	.columns-container::after{
		right:  0px;
	}
	
	.header-container {
		position: relative;
	}
	
	.header-container::after,
	.header-container::before {
		content: "";
		display: block;
		width: 700px;
		height: 935px;
		position: absolute;
		top: 0px;
		z-index: -1;
	}
	
	.header-container::before {
		left:  0px;
		background: transparent url(../../img/special/christmas-baubles-left.png) left top no-repeat;
	}
	
	.header-container::after {
		right:  0px;
		background: transparent url(../../img/special/christmas-baubles-right.png) right top no-repeat;
	}
	
	#columns {
		z-index: 100;
	}
	
	#box_top-fullWidth{
		background: none;
		position: relative;
	}
	
	#box_top-fullWidth::before{
		display: block;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../../img/theme/bg.jpg);
		opacity: 0.6;
		mix-blend-mode: soft-light;
	}

} 

/ * --------------- */

/* END ----------------------------------------- swieta --------------------------------------------- */

.m-0 {
	margin: 0 !important;
}

.wrap {
	width: min(var(--max), calc(100% - 32px));
	margin: auto
}

.topbar {
	background: linear-gradient(90deg, #b8870a, #f4c62d, #b8860b);
	font-size: 12px;
	color: #fff
}

.topbar .wrap {
	height: 25px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 14px
}

.site-header {
	background: var(--black);
	color: #fff;
	border-bottom: 1px solid #292929
}

.header-main {
	min-height: 82px;
	display: grid;
	grid-template-columns: 260px 1fr 210px;
	align-items: center;
	gap: 28px
}

.brand {
	display: flex;
	align-items: center;
	height: 70px
}

.brand img {
	width: 205px;
	height: 64px;
	object-fit: contain
}

.search {
	display: flex;
	height: 38px
}

.search input {
	width: 100%;
	min-width: 0;
	border: 1px solid #bdbdbd;
	border-radius: 2px 0 0 2px;
	padding: 0 14px;
	font-size: 14px
}

.search button {
	width: 44px;
	border: 0;
	background: #efefef;
	font-size: 18px;
	cursor: pointer
}

.cart-link {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 9px;
	font-size: 13px
}

.cart-icon {
	font-size: 30px;
	color: var(--gold)
}

.navbar {
	background: #080808;
	border-top: 1px solid #181818
}

.navrow {
	display: flex;
	align-items: center;
	min-height: 44px
}

.navrow>a,
.nav-item>a {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 16px
}

.navrow>a:hover,
.nav-item:hover>a,
.navrow .active {
	color: var(--gold)
}

.nav-item {
	position: relative
}

.dropdown {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 30;
	display: none;
	min-width: 230px;
	background: #111;
	border-top: 3px solid var(--gold);
	box-shadow: var(--shadow)
}

.dropdown a {
	display: block;
	color: #eee;
	padding: 11px 14px;
	font-size: 13px;
	border-bottom: 1px solid #252525
}

.dropdown a:hover {
	background: #1d1d1d;
	color: var(--gold)
}

.nav-item:hover .dropdown {
	display: block
}

.mobile-toggle {
	display: none;
	margin-left: auto;
	border: 1px solid #333;
	background: #111;
	color: #fff;
	padding: 9px 12px;
	font-size: 20px
}

.hero {
	position: relative;
	min-height: 365px;
	display: flex;
	align-items: center;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .52) 34%, rgba(0, 0, 0, .08) 66%), url('/shops-bristol/img/cms/new-theme/hero-oak-living.jpg');
	background-size: cover;
	background-position: center
}

.hero-content {
	max-width: 570px;
	color: #fff;
	padding: 54px 0
}

.hero h1 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 55px;
	line-height: .98;
	font-weight: 400;
	letter-spacing: .3px;
	margin: 0 0 12px
}

.hero p {
	font-size: 20px;
	margin: 0 0 24px
}

.btn:not(.social-sharing, .button-plus, .button-minus) {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: var(--gold);
	color: #101010;
	font-weight: 800;
	text-transform: uppercase;
	border: 0;
	height: 44px;
	padding: 0 25px;
	font-size: 13px;
	cursor: pointer;
	transition: .2s
}

.btn span {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;

	
}

.btn:hover {
	background: #ffd13d;
	transform: translateY(-1px)
}

.btn.dark {
	background: #111;
	color: #fff
}

.btn.ghost {
	background: transparent;
	border: 1px solid #ccc;
	color: #222
}

.category-strip {
	padding: 12px 0;
	/* background: #fff */
}

.cat-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 8px
}

.cat-card {
	position: relative;
	height: 156px;
	overflow: hidden;
	background: #ddd
}

.cat-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .35s
}

.cat-card:after {
	content: '';
	position: absolute;
	inset: 38% 0 0;
	background: linear-gradient(transparent, rgba(0, 0, 0, .8))
}

.cat-card span {
	position: absolute;
	z-index: 2;
	left: 14px;
	right: 10px;
	bottom: 13px;
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.2
}

.cat-card:hover img {
	transform: scale(1.05)
}

.main-layout {
	display: grid;
	grid-template-columns: 235px 1fr;
	gap: 18px;
	margin-top: 7px
}

.side-box {
	border: 1px solid #ededed;
	margin-bottom: 18px;
	background: #fff
}

.side-title {
	background: var(--gold);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 800;
	padding: 12px 14px
}

.side-links a {
	display: block;
	padding: 10px 14px;
	border-bottom: 1px solid #efefef;
	font-size: 13px;
	color: #494949
}

.side-links a:before {
	content: '›';
	margin-right: 8px;
	color: #111;
	font-weight: bold
}

.side-links a:hover {
	background: #fafafa;
	color: #000
}

.side-subtitle {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 800;
	padding: 14px;
	border-bottom: 1px solid #eee
}

.paylater {
	background: linear-gradient(145deg, #123c72, #0573b3);
	color: #fff;
	padding: 22px 18px;
	min-height: 170px
}

.paylater strong {
	font: 30px/1.05 Georgia, serif;
	text-transform: uppercase;
	display: block
}

.paylater p {
	font-size: 13px
}

.paylater a {
	font-size: 12px;
	font-weight: bold
}

.socials {
	display: flex;
	gap: 10px;
	padding: 15px
}

.social {
	width: 34px;
	height: 34px;
	border-radius: 4px;
	display: grid;
	place-items: center;
	color: #fff;
	font-weight: 900
}

.social.fb {
	background: #3357a4
}

.social.ig {
	background: linear-gradient(135deg, #7b36a8, #ef2a74, #f8b52b)
}

.newsletter {
	padding: 14px
}

.newsletter p {
	font-size: 12px;
	color: #666
}

.newsletter input {
	width: 100%;
	height: 38px;
	border: 1px solid #ddd;
	padding: 0 10px;
	margin: 5px 0 9px
}

.newsletter .btn {
	width: 100%;
	min-height: 38px
}

.feature-banner {
	position: relative;
	min-height: 360px;
	display: flex;
	align-items: center;
	padding: 45px;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .15) 58%, transparent), url('/shops-bristol/img/cms/new-theme/showroom.jpg');
	background-size: cover;
	background-position: center;
	border: 1px solid #ddd
}

.feature-banner h2 {
	font: 45px/1 Georgia, serif;
	color: #fff;
	margin: 0 0 10px;
	text-transform: uppercase
}

.feature-banner p {
	color: #fff;
	font-size: 17px;
	margin: 0 0 20px
}

.feature-banner .copy {
	max-width: 500px
}

.ad-banner {
	margin: 16px 0;
	background: #f6f1e6;
	border: 1px solid #e5dfd1
}

.ad-banner img {
	width: 100%;
	max-height: 190px;
	object-fit: cover
}

.section-heading {
	text-align: center;
	padding: 17px 0 6px
}

.section-heading h2 {
	font-size: 28px;
	margin: 0 0 3px
}

.section-heading p {
	color: #666;
	margin: 0;
	font-size: 14px
}

.tabs {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin: 17px 0
}

.tabs a {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	padding-bottom: 8px
}

.tabs a.active {
	border-bottom: 3px solid var(--gold)
}

.product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px
}

.product-card {
	border: 1px solid #ececec;
	background: #fff;
	text-align: center;
	padding: 0 11px 14px;
	position: relative;
	transition: .2s
}

.product-card:hover {
	box-shadow: var(--shadow);
	transform: translateY(-2px)
}

.product-card img {
	width: 100%;
	aspect-ratio: 1.15/1;
	object-fit: cover;
	background: #f7f7f7
}

.product-name {
	font-size: 13px;
	min-height: 40px;
	margin: 10px 0 3px
}

.price {
	font-size: 18px;
	font-weight: 800;
	margin: 6px 0 11px
}

.price small {
	font-size: 11px
}

.tag {
	position: absolute;
	right: 5px;
	top: 5px;
	background: #111;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 7px
}

.tag.sale {
	background: #d32424
}

.product-card .btn {
	min-height: 36px;
	font-size: 11px;
	padding: 0 16px
}

.promo-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 20px 0 25px
}

.promo {
	position: relative;
	min-height: 210px;
	padding: 30px;
	color: #fff;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
	overflow: hidden
}

.promo:before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .12))
}

.promo>* {
	position: relative;
	z-index: 1
}

.promo h3 {
	font: 34px/1 Georgia, serif;
	text-transform: uppercase;
	margin: 0 0 8px
}

.promo p {
	margin: 0 0 16px
}

.promo.inspiration {
	background-image: url('/shops-bristol/img/cms/new-theme/inspiration-room.jpg')
}

.promo.samples {
	background-image: url('/shops-bristol/img/cms/new-theme/samples-oak.jpg')
}

.about {
	padding: 10px 0 28px;
	text-align: center
}

.about h2 {
	font-size: 23px;
	margin: 0 0 10px
}

.about>p {
	max-width: 900px;
	margin: 7px auto;
	color: #666;
	font-size: 14px
}

.benefits {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-top: 26px;
	text-align: left
}

.benefit {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 12px;
	align-items: start
}

.benefit .ico {
	font-size: 34px;
	color: var(--gold)
}

.benefit h4 {
	margin: 1px 0 4px
}

.benefit p {
	margin: 0;
	color: #666;
	font-size: 13px
}

.reviews-title {
	font-size: 21px;
	margin: 28px 0 12px
}

.reviews {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px
}

.review {
	box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
	border: 1px solid #eee;
	padding: 18px;
	background: #fff
}

.stars {
	color: var(--gold);
	letter-spacing: 2px
}

.review p {
	font-size: 13px;
	color: #666
}

.review strong {
	font-size: 12px
}

.footer {
	background: #090909;
	color: #d7d7d7;
	border-top: 3px solid var(--gold);
	padding: 34px 0 15px
}

.footer-grid {
	display: grid;
	grid-template-columns: 1.35fr repeat(3, 1fr);
	gap: 45px
}

.footer .flogo {
	width: 220px;
	margin-bottom: 12px
}

.footer h4 {
	color: var(--gold);
	font-size: 13px;
	margin: 0 0 10px
}

.footer a {
	display: block;
	font-size: 12px;
	color: #ddd;
	margin: 7px 0
}

.footer p {
	font-size: 12px;
	color: #bbb
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
	padding-top: 12px;
	border-top: 1px solid #272727;
	font-size: 11px
}

.payments {
	font-weight: 800;
	font-size: 14px;
	word-spacing: 6px;
	color: #ddd
}

.page-hero {
	background: #191919;
	color: #fff;
	padding: 50px 0;
	border-bottom: 4px solid var(--gold)
}

.page-hero h1 {
	font: 42px/1.05 Georgia, serif;
	margin: 0 0 8px
}

.page-hero p {
	max-width: 700px;
	color: #ddd;
	margin: 0
}

.breadcrumbs {
	font-size: 12px;
	color: #a9a9a9;
	margin-bottom: 12px
}

.content {
	padding: 34px 0 50px
}

.content h2 {
	font-size: 27px
}

.content p {
	color: #555
}

.two-col {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 36px;
	align-items: start
}

.info-card {
	border: 1px solid #e6e6e6;
	padding: 22px;
	background: #fafafa
}

.info-card h3 {
	margin-top: 0
}

.form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px
}

.form-grid .full {
	grid-column: 1/-1
}

.field {
	display: flex;
	flex-direction: column;
	gap: 6px
}

.field label {
	font-size: 12px;
	font-weight: 700
}

.field input,
.field textarea,
.field select {
	border: 1px solid #d6d6d6;
	padding: 12px;
	font: inherit;
	background: #fff
}

.field textarea {
	min-height: 140px;
	resize: vertical
}

.category-page-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px
}

.category-page-card {
	border: 1px solid #e5e5e5;
	background: #fff
}

.category-page-card img {
	width: 100%;
	height: 210px;
	object-fit: cover
}

.category-page-card div {
	padding: 16px
}

.category-page-card h3 {
	margin: 0 0 5px
}

.category-page-card p {
	font-size: 13px;
	margin: 0 0 12px
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px
}

.gallery-grid img {
	width: 100%;
	height: 260px;
	object-fit: cover
}

.offer {
	display: grid;
	grid-template-columns: 180px 1fr auto;
	gap: 20px;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding: 18px 0
}

.offer img {
	width: 180px;
	height: 120px;
	object-fit: cover
}

.offer h3 {
	margin: 0 0 6px
}

.offer p {
	margin: 0;
	color: #666;
	font-size: 13px
}

.product-detail {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 45px
}

.product-detail .main-img {
	width: 100%;
	aspect-ratio: 1.1;
	object-fit: cover;
	border: 1px solid #eee
}

.product-detail h1 {
	font: 38px/1.1 Georgia, serif;
	margin-top: 0
}

.big-price {
	font-size: 29px;
	font-weight: 900
}

.qtyrow {
	display: flex;
	gap: 8px;
	margin: 16px 0
}

.qtyrow input {
	width: 70px;
	border: 1px solid #ccc;
	padding: 10px
}

.notice {
	background: #fff6d9;
	border-left: 4px solid var(--gold);
	padding: 14px 16px;
	margin: 18px 0
}

.cart-table {
	width: 100%;
	border-collapse: collapse
}

.cart-table th,
.cart-table td {
	padding: 14px;
	border-bottom: 1px solid #e6e6e6;
	text-align: left
}

.cart-table img {
	width: 80px;
	height: 64px;
	object-fit: cover
}

.cart-total {
	max-width: 420px;
	margin: 25px 0 0 auto;
	border: 1px solid #ddd;
	padding: 20px
}

.cart-total .line {
	display: flex;
	justify-content: space-between;
	padding: 8px 0
}

.cart-total .grand {
	font-weight: 900;
	font-size: 20px;
	border-top: 1px solid #ddd;
	margin-top: 8px;
	padding-top: 14px
}

@media(max-width:980px) {
	.header-main {
		grid-template-columns: 190px 1fr 130px
	}

	.brand img {
		width: 175px
	}

	.navrow {
		position: relative;
		flex-wrap: wrap
	}

	.mobile-toggle {
		display: block
	}

	.navrow>.nav-link,
	.navrow>.nav-item {
		display: none;
		width: 100%
	}

	.navrow.open>.nav-link,
	.navrow.open>.nav-item {
		display: block
	}

	.navrow.open {
		padding-bottom: 8px
	}

	.navrow>.mobile-toggle {
		display: block
	}

	.nav-item .dropdown {
		position: static;
		display: none;
		box-shadow: none
	}

	.nav-item.open .dropdown {
		display: block
	}

	.navrow>a,
	.nav-item>a {
		padding: 12px 8px
	}

	.hero {
		min-height: 330px
	}

	.hero h1 {
		font-size: 46px
	}

	.cat-grid {
		grid-template-columns: repeat(3, 1fr)
	}

	.main-layout {
		grid-template-columns: 1fr
	}

	.sidebar {
		display: none
	}

	.product-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr
	}

	.category-page-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.gallery-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(max-width:680px) {
	.wrap {
		width: min(100% - 22px, var(--max))
	}

	.topbar {
		display: none
	}

	.header-main {
		grid-template-columns: 1fr auto;
		gap: 12px;
		padding: 8px 0
	}

	.brand {
		height: 54px
	}

	.brand img {
		width: 158px;
		height: 52px
	}

	.search {
		grid-column: 1/-1;
		grid-row: 2
	}

	.cart-link {
		font-size: 0
	}

	.cart-icon {
		font-size: 26px
	}

	.hero {
		min-height: 350px;
		background-position: 60% center
	}

	.hero-content {
		padding: 40px 0
	}

	.hero h1 {
		font-size: 39px
	}

	.hero p {
		font-size: 17px
	}

	.cat-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 6px
	}

	.cat-card {
		height: 130px
	}

	.feature-banner {
		min-height: 330px;
		padding: 28px
	}

	.feature-banner h2 {
		font-size: 35px
	}

	.ad-banner img {
		min-height: 125px;
		object-fit: cover
	}

	.section-heading h2 {
		font-size: 24px
	}

	.tabs {
		gap: 15px;
		overflow: auto;
		justify-content: flex-start
	}

	.product-grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px
	}

	.product-card {
		padding: 0 7px 11px
	}

	.product-name {
		font-size: 12px
	}

	.price {
		font-size: 16px
	}

	.promo-grid {
		grid-template-columns: 1fr
	}

	.promo {
		min-height: 200px
	}

	.benefits,
	.reviews {
		grid-template-columns: 1fr
	}

	.footer-grid {
		grid-template-columns: 1fr
	}

	.footer-bottom {
		align-items: flex-start;
		gap: 12px;
		flex-direction: column
	}

	.page-hero {
		padding: 36px 0
	}

	.page-hero h1 {
		font-size: 34px
	}

	.two-col,
	.product-detail {
		grid-template-columns: 1fr
	}

	.form-grid {
		grid-template-columns: 1fr
	}

	.form-grid .full {
		grid-column: auto
	}

	.category-page-grid,
	.gallery-grid {
		grid-template-columns: 1fr
	}

	.gallery-grid img {
		height: 220px
	}

	.offer {
		grid-template-columns: 110px 1fr
	}

	.offer img {
		width: 110px;
		height: 90px
	}

	.offer .btn {
		grid-column: 1/-1
	}

	.cart-table thead {
		display: none
	}

	.cart-table,
	.cart-table tbody,
	.cart-table tr,
	.cart-table td {
		display: block;
		width: 100%
	}

	.cart-table tr {
		padding: 12px 0;
		border-bottom: 1px solid #ddd
	}

	.cart-table td {
		border: 0;
		padding: 5px
	}

	.product-grid .btn {
		padding: 0 10px
	}

	.promo h3 {
		font-size: 29px
	}
}

@media(max-width:420px) {
	.product-grid {
		grid-template-columns: 1fr
	}

	.cat-grid {
		grid-template-columns: 1fr 1fr
	}

	.cat-card {
		height: 115px
	}

	.hero h1 {
		font-size: 34px
	}
}