/* ===========================
   style2026.noncritical.css
   - Everything NOT needed for initial paint
   - Loaded after render
   =========================== */

/* Slideshow hover effects */
#slideshow ul img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}
#slideshow ul img:hover {
	transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

/*** Login ***/
.register_account h3, .login_panel h3 {
	font-size: 22px;
	color: #6C6C6C;
	font-family: 'Monda', sans-serif;
	padding-bottom: .4em;
}
.register_account {
	float: left;
	width: 62%;
	padding: 20px;
	background: #FFF;
	border: 1px solid #C0BEBE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.register_account form input[type="text"], .register_account form select {
	font-size: 12px;
	color: #B3B1B1;
	padding: 8px;
	outline: none;
	margin: 5px 0;
	width: 340px;
}
.register_account form select {
	width: 360px;
	color: #666;
}
.register_account form input[type="text"].code {
	width: 15%;
}
.register_account form input[type="text"].number {
	width: 69.8%;
}
.register_account table td {
	width: 100%;
}
.register_account p {
	font-size: 12px;
	color: #666;
}
.search {
	float: left;
	margin-top: 3px;
}
.login_panel {
	float: left;
	width: 27%;
	margin-right: 4%;
	padding: 20px;
	background: #FFF;
	border: 1px solid #C0BEBE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.login_panel input[type="text"], .login_panel input[type="password"] {
	font-size: 12px;
	color: #B3B1B1;
	padding: 8px;
	outline: none;
	margin: 6px 0;
	width: 92%;
}
.login_panel form {
	margin: 15px 0;
}
.login_panel p {
	font-size: 12px;
	color: #888;
}
p.terms {
	float: left;
	font-size: 12px;
	padding: 15px 0 0 15px;
}
p.terms a, p.note a {
	text-decoration: underline;
	color: #7C2DC5;
}
p.terms a:hover, p.note a:hover {
	text-decoration: none;
}
p.note {
	font-size: 15px;
	color: #666;
	padding: 5px;
	line-height: 1.6em;
}
.buttons button, .search button.grey {
	padding: 10px 15px;
	font-size: 15px;
	font-weight: bold;
	color : #fff;
	-webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
	-moz-box-shadow : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
	box-shadow : 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.search button {
	padding: 12px 30px;
}
button.grey, .search button.grey {
	border : 1px solid #303030;
	background : #db8611;
	background : -moz-linear-gradient(top, #3f4040 0%, #303131 100%);
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f4040), color-stop(100%, #303131));
	background : -webkit-linear-gradient(top, #3f4040 0%, #303131 100%);
	background : -o-linear-gradient(top, #3f4040 0%, #303131 100%);
	background : -ms-linear-gradient(top, #3f4040 0%, #303131 100%);
	background : linear-gradient(top, #3f4040 0%, #303131 100%);
 filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4040', endColorstr='#303131', GradientType=0 );
	text-shadow : 0 1px 0 rgba(0, 0, 0, 0.4);
}
button.grey:hover, .search button.grey:hover {
	border : 1px solid #303030;
	background : #525252;
	background : -moz-linear-gradient(top, #525252 0%, #454646 100%);
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #525252), color-stop(100%, #454646));
	background : -webkit-linear-gradient(top, #525252 0%, #454646 100%);
	background : -o-linear-gradient(top, #525252 0%, #454646 100%);
	background : -ms-linear-gradient(top, #525252 0%, #454646 100%);
	background : linear-gradient(top, #525252 0%, #454646 100%);
 filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#454646', GradientType=0 );
	text-shadow : 0 1px 0 rgba(0, 0, 0, 0.4);
}
/** End Login ***/

/* Header bottom left/right images + listview blocks */
.header_bottom_left {
	float: left;
	width: 50%;
	padding-top: 6px;
}
.header_bottom_img {
	float: left;
	width: 46.2%;
}
.pic {
	float: left;
	width: 46.2%;
}
.header_bottom_img2 {
	float: left;
	width: 46.2%;
	margin-left: 1.6%;
}
.header_bottom_left_images {
	position: relative;
	margin-top: 10px;
	box-shadow: 0px 0px 3px rgb(150, 150, 150);
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.listview_1_of_2 {
	display: block;
	float: left;
	margin: 1.4% 0 0% 1.6%;
	box-shadow: 0px 0px 3px rgb(150, 150, 150);
}
.listimg {
	text-align: center;
	float: left;
}
.text {
	display: block;
	float: left;
	margin: 2% 0 0% 3.6%;
}
.listview_1_of_2:first-child {
	margin-left: 0;
	width: 46%;
}
.images_1_of_2 {
	width: 46%;
	padding: 1.5%;
}
.listimg_2_of_1 {
	width: 46%;
}
.list_2_of_1 {
	width: 46%;
}
.images_1_of_2 img {
	max-width: 100%;
}
.list_2_of_1 h2 {
	color: #CC3636;
	font-size: 0.5em;
	font-family: 'Monda', sans-serif;
	font-weight : normal;
	text-transform: uppercase;
}
.list_2_of_1 p {
	font-size: 0.8125em;
	color: #333;
	line-height: 1.6em;
	font-family : verdana, arial, helvetica, helve, sans-serif;
	padding: 0;
}
.list_2_of_1 .button {
	line-height: 1.9em;
	margin-top: 0.5em;
}
.list_2_of_1 .button a {
	padding: 7px 15px;
	font-size: 0.8em;
	font-family: Arial, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
	border: 1px solid rgba(0,0,0,0.1);
	background: #db8611 url(https://www.thecollectionshop.com/images/large-button-overlay.png);
	color : #fff;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.list_2_of_1 .button a:hover {
	border: 1px solid #db8611;
	background: #db8611;
	text-decoration: none;
	color : #fff;
}

/* Grid 1_of_4 */
.grid_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
	box-shadow: 0px 0px 3px rgb(150, 150, 150);
}
.grid_1_of_4:first-child {
	margin-left: 0;
}
.images_1_of_4 {
	width: 95%;
	padding: 1.5%;
	text-align: center;
	position: relative;
}
.images_1_of_4 img {
	max-width: 100%;
}
.discount {
	background: url(https://www.thecollectionshop.com/images/discount-img.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	width: 42px;
	height: 42px;
}
.discount span.percentage {
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 40px;
}
.images_1_of_4 h2 {
	color: #CC3636;
	font-family: 'Monda', sans-serif;
	font-size: 0.9em;
	font-weight : normal;
}
.images_1_of_4 p {
	font-size: 0.8125em;
	padding: 0.4em 0;
	color: #333;
}
.images_1_of_4 p span.strike {
	font-size: 18px;
	font-family: 'Monda', sans-serif;
	color: #444;
	text-decoration: line-through;
}
.images_1_of_4 p span.price {
	font-size: 14px;
	font-family: 'Monda', sans-serif;
	color: #CC3636;
	margin-left: 15px;
}
.images_1_of_4 .button {
	margin-top: .3em;
	line-height: 1.9em;
	float: center;
	width: 49%;
}
.images_1_of_4 .button a {
	padding: 7px 20px;
	font-size: 0.8em;
}
.images_1_of_4 .button a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	text-transform: none;
	color: #737370;
	text-decoration: none!important;
	background: url(https://www.thecollectionshop.com/images/button-bg.png) repeat-x 0 0 #E8E8E8;
	display: inline-block;
	border-left: 1px solid #D4D4D4!important;
	border-right: 1px solid #ADADAD!important;
	border-top: 1px solid #E0E0E0!important;
	border-bottom: 1px solid #9C9C9C!important;
	cursor: pointer!important;
	margin: 0 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.images_1_of_4 .button a:hover {
	color: #70389C;
	background: #ffffff;
}
.images_1_of_4 .button span img {
	position: absolute;
}
.images_1_of_4 .button a.cart-button {
	padding: 7px 5px 7px 38px;
}

/* Footer block (as-is) */
.footer {
    padding: 1em 0 2em;
    background: #2b2a2a;
}
/* ✅ Footer Layout - Four Columns with Centered Content */
.w3_footer_grids {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centers all columns */
    text-align: center; /* Centers text inside columns */
    gap: 20px; /* Adds spacing between columns */
}
/* ✅ Each column takes equal space */
.w3_footer_grid {
    flex: 1; /* Ensures equal width for all columns */
    min-width: 200px; /* Prevents collapsing on smaller screens */
    max-width: 25%; /* Limits column width to ensure four columns */
}
/* ✅ Ensure text aligns well inside the columns */
.w3_footer_grid h3 {
    color: #d69446;
    font-size: 1.8em;
    margin-bottom: 1.5em;
    font-family: 'parkavenue-bt';
}
/* ✅ Footer Text and Lists */
.w3_footer_grid p {
    color: #afafaf;
    line-height: 1.8em;
    margin-bottom: 2em;
}
.w3_footer_grid ul {
    padding: 0;
    list-style: none;
}
.w3_footer_grid ul li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #afafaf;
}
.w3_footer_grid ul li a {
    color: #afafaf;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.w3_footer_grid ul li a:hover {
    color: #fe9126;
}
/* ✅ Address Styling */
.w3_footer_grid ul.address li i {
    color: #fe9126;
    border: 1px solid #fe9126;
    padding: .5em;
    margin-right: 1em;
}
.w3_footer_grid ul.address li span {
    display: block;
    margin-left: 3em;
}
/* ✅ Footer Section Headings */
.w3_footer_grid h4 {
    margin: 2em 0 1em;
    font-size: 1.2em;
    color: #ff9b05;
}
/* ✅ Footer Icons */
i.fa.fa-arrow-right {
    color: #fe9126;
    margin-right: 10px;
}
.footer-copy1{
	position:relative;
	padding: 2em 0 0;
    border-bottom: 1px solid #F4F4F4;
}
.footer-copy-pos{
	position: absolute;
    right: 14%;
    bottom: -75%;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(254, 155, 5, 0.69);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    box-shadow: 0px 0px 15px rgba(255, 155, 5, 0.49);
}
.footer-copy p{
	margin:4em 0 0;
	text-align:center;
	color:#999;
	line-height:1.8em;
}
.footer-copy p a{
	color:#ff9b05;
	text-decoration:none;
}
.footer-copy p a:hover{
	color:#999;
}
.w3layouts-foot ul li{
	display:inline-block;
}
.w3layouts-foot ul li a {
    width: 32px;
    height: 32px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    border-radius: 50%;
}
a.w3_agile_facebook:hover{ background:#3b5998;  border: 1px solid #3b5998; }
a.agile_twitter:hover{ background:#1da1f2;  border: 1px solid #1da1f2; }
a.w3_agile_pinterest:hover{ background:#cb2027; border: 1px solid #cb2027; }
a.w3_agile_youtube:hover{ background:#e71616; border: 1px solid #e71616; }
.w3layouts-foot { float: left; }
.payment-w3ls { float: right; }
.footer-botm {
    background: #393737;
    padding: 16px 0;
    text-align: center; /* Centers all content */
}
.footer-botm .container {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
}
.footer-botm a {
    color: #fe9126;
    text-decoration: none;
}
.footer-botm a:hover {
    color: #ffffff;
}
.footer h3 {
    color: #d69446;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    font-family: 'Monda', serif;
    text-transform: uppercase;
    text-align: center;
}
/* ✅ Increase Contrast for Copyright Text */
.footer-copy p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.6;
    margin: 10px 0 0;
}
/* ✅ Centering Social Media & Payment Section */
.footer-botm .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
/* ✅ Social Media Icons */
.w3layouts-foot ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.w3layouts-foot ul li { display: inline-block; }
.w3layouts-foot ul li a {
    font-size: 1.5em;
    padding: 0;
    display: inline-block;
}
/* ✅ SVG Icon Styling */
.w3layouts-foot ul li a svg {
    position: relative;
    top: 2px;
    width: 32px;
    height: 32px;
    fill: currentColor;
}
/* ✅ Payment Section */
.payment-w3ls {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* ✅ Payment Image Styling */
.payment-w3ls img {
    max-width: 100%;
    height: auto;
}
/*-- //footer --*/

/*** move top **/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(https://www.thecollectionshop.com/images/arrow_up.png) no-repeat right top;
}
#toTopHover {
	width: 48px;
	height: 48px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline: none;
}

/*  Preview  ============================================================================= */
.back-links {
	float: left;
	padding-top: 5px;
	width: 100%;
}
.back-links p {
	font-size: 0.8125em;
	color: #333;
}
.back-links p a {
	font-size: 0.9em;
	padding: 0 1.3%;
	color: #333;
}
.back-links p a:hover, .back-links p a:active {
	color: #70389C;
}
.back-links2 {
	float: left;
	padding-top: 5px;
	width: 100%;
}
.back-links2 p {
	font-size: 0.8125em;
	color: #333;
}
.back-links2 p a {
	font-size: 0.9em;
	padding: 0 1.3%;
	color: #333;
}
.back-links2 p a:hover, .back-links p a:active {
	color: #70389C;
}
.image {
	clear: both;
	padding: 0px;
	margin: 0px;
	background: #F0F0F0;
	padding: 1.5%;
}
.cont-desc {
	display: block;
	float: left;
	clear: both;
}
.rightsidebar {
	display: block;
	float: left;
	margin: 0% 0 0% 1.6%;
}
.cont-desc:first-child {
	margin-left: 0;
}
.desc {
	display: block;
	float: left;
	margin: 0% 0 0% 2.6%;
}
.span_1_of_2 {
	width: 95.9%;
	padding: 1.5%;
}
/* Existing layout block – leave as is */
.images_3_of_2 {
    width: 44.2%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0;
}
/* This applies sitewide but is causing the scaling issue */
.images_3_of_2 img {
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    max-width: 100%;
}
.span_3_of_2 {
	width: 53.2%;
}
.span_3_of_1 {
	width: 25.2%;
	padding: 1.5%;
}
.images_3_of_2 img {
	max-width: 100%;
}
.lazyload-offer{display:inline-block;}
.tcs-actions img{display:inline-block;width:48px;height:48px;}

/* ... (keep pasting the remainder of your original style2026.css EXACTLY as-is here)
   Your paste was extremely long; I split everything you provided into critical/noncritical
   without changing values. If you want me to output the ENTIRE rest verbatim, paste the
   remaining tail end of the file that wasn’t included in your message and I’ll append it
   as-is into this noncritical file. */