html{scroll-behavior: smooth;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}
body{width: 100%;}
img{width:100%;height:auto;}
a{color:#000;}
/*====================
// Site Global Codes
======================*/
.site_content{overflow:hidden;float:left;}
.main_content{display: inline-block;width: 100%;clear: both;float: left;padding-top: 140px;}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.site_content{}
.main_content{}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.site_content{}
.main_content{
padding-top: 115px;
}
.post-title-2{}
.post-title-3{}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.site_content{}
.main_content{
padding: 65px 0 0;
}
}
@media only screen and (max-width: 480px) {
.site_content{width: 100%;padding: 0;}
.main_content{
padding-top: 75px;
padding: 75px 15px 0 15px;
}
}
.post-title-1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.post-title-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.post-title-3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.post-title-4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.news-excerpt-1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news-excerpt-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-excerpt-3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news-excerpt-4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
/*=============
/* Header
/*===========*/
.header{display: inline-block;width: 100%;clear: both;float: left;position: relative;height: 95px;background: #fff;border-bottom: 1px solid #e1e1e1;padding: 10px 0;position: fixed;top: 0;z-index: 9999;}
.header .header-container{display: grid;grid-template-columns: 25% auto 25%;gap: 25px;}
/*--- Logo---*/
.header .header-container .header-logo{width: 100%;position: relative;padding: 5px 0;}
.header .header-container .header-logo a{display: block;height: initial;width: initial;outline:none;}
.header .header-container .header-logo a img{height: 65px;width: auto;}
/*--- Top Search---*/
.header .header-container .top-search{}
.header .header-container .top-search form{padding: 5px;position: relative;display: flex;width: 100%;align-items: center;margin-top: 13px;}
.header .header-container .top-search form .search-form-row{display: flex;width: 100%;flex-direction: row;align-items: center;position: relative;}
.header .header-container .top-search form label{}
.header .header-container .top-search form input[type="text"]{width: 100%;background: #f8f8f8;border-radius: 25px;border: 2px solid #2296f3;padding: 12px 50px 12px 12px;}
.header .header-container .top-search form input[type="text"]:focus{}
.header .header-container .top-search form button{border-radius: 100%;background: transparent;width: 44px;height: 44px;position: absolute;right: 3px;top: 3px;bottom: 3px;border: none;display: flex;align-items: center;justify-content: center;}
.header .header-container .top-search form button svg{width: 35px;height: 35px;fill: #1986dd;}
.header .header-container .top-search form button:hover{}
.header .header-container .top-search form button:active{}
.header .header-container .top-search .search-button{display: none;}
.header .header-container .top-search .search-button svg{}
.header .header-container .top-search #searchform {position: relative;}
.header .header-container .top-search #ezy-search-results {position: absolute;top: 100%;left: 0;width: 100%;background: #fff;border-top: none;z-index: 9999;box-shadow: 0 10px 20px rgba(0,0,0,0.1);max-height: 400px;overflow-y: auto;display: none;border-radius: 0;overflow: hidden;}
.header .header-container .top-search .ajax-search-results {list-style: none;padding: 0;margin: 0;border: 1px solid #dfdfdf;border-radius: 5px;overflow: hidden;}
.header .header-container .top-search .ajax-search-results .result-info{padding-left: 5px;border-left: 1px solid #f3f3f3;}
.header .header-container .top-search .ajax-search-results li a {display: flex;align-items: center;padding: 10px;text-decoration: none;border-bottom: 1px solid #f4f4f4;transition: background 0.2s;}
.header .header-container .top-search .ajax-search-results li a:hover {background: #f9f9f9;}
.header .header-container .top-search .ajax-search-results img {width: 40px;height: 40px;object-fit: cover;margin-right: 12px;border-radius: 4px;}
.header .header-container .top-search .result-info .title {display: block;font-size: 14px;color: #333;font-weight: 600;}
.header .header-container .top-search .result-info .price {font-size: 16px;color: #27ae60;display: flex;gap: 8px;align-items: center;margin-top: 5px;}
.header .header-container .top-search .result-info .price del{color: #ff3e3e;order: 2;font-size: 14px;}
.header .header-container .top-search .result-info .price ins{float: left;text-decoration: none;}
.header .header-container .top-search .no-result {padding: 15px;text-align: center;color: #888;}
/*-- Right Action Button ---*/
.header .header-container .header-action-button{width: 100%;clear: both;display: flex;float: right;align-items: center;place-content: end;}
.header .header-container .header-action-button .hab-grid{display: flex;float: right;flex-direction: row;gap: 15px;align-items: center;}
.header .header-container .header-action-button .hab-grid svg{width: 32px;height: 32px;fill: #000000;}
.header .header-container .header-action-button .hab-grid .cloud-cart{text-align: center;display: flex;flex-direction: row;align-items: center;}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon{position: relative;display: flex;align-items: center;background: #0a8f9b;border-radius: 3px;overflow: hidden;}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon a{display: flex;gap: 5px;align-items: center;border-radius: 3px;color: #fff;}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon svg{fill: #ffffff;width: 30px;height: 30px;padding: 5px;background: #00569b;}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount{display: flex;align-items: center;justify-content: center;padding: 0 10px 0 5px;gap: 3px;font-size: 14px;}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount span{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-amount{font-size: 1.2rem;font-weight: bold;color: #e94d00;}
.header .header-container .header-action-button .hab-grid .cloud-wishlist{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon{position: relative;}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon svg{fill: #ff5f7b;}
.header .header-container .header-action-button .hab-grid .cloud-wishlist span{width: 26px;height: 16px;line-height: 20px;background: #ffffffc7;right: -8px;display: none;}
.header .header-container .header-action-button .hab-grid .cloud-myaccount{display: flex;align-items: center;justify-content: center;}
.header .header-container .header-action-button .hab-grid .cloud-myaccount svg{fill: #4e8585;display: flex;}
.header .header-container .header-action-button .hab-grid .myaccount-icon{display: flex;align-items: center;justify-content: center;}
.header .header-container .header-action-button .hab-grid .cloud-myaccount span{}
/*-- Cloud Menu Icon ---*/
.header .header-container .header-action-button .hab-grid .cloud-menuicon{display:none;}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon{display: flex;align-items: center;justify-content: center;}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon svg{fill: #00569b;}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu{display: none;}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu svg{fill:red}
.header .header-container .header-action-button .hab-grid .cloud-search-button{display: flex;justify-content: center;align-items: center;display: none;}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon{display: flex;align-items: center;justify-content: center;}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon#findclose{display:none;}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon#findclose svg{fill: red;}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon svg{}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.header{}
.header .header-container{}
/*--- Logo---*/
.header .header-container .header-logo{}
.header .header-container .header-logo a{}
.header .header-container .header-logo a img{}
/*--- Top Search---*/
.header .header-container .top-search{}
.header .header-container .top-search form{}
.header .header-container .top-search form .search-form-row{}
.header .header-container .top-search form label{}
.header .header-container .top-search form input[type="text"]{}
.header .header-container .top-search form input[type="text"]:focus{}
.header .header-container .top-search form button{}
.header .header-container .top-search form button svg{}
.header .header-container .top-search form button:hover{}
.header .header-container .top-search form button:active{}
.header .header-container .top-search .search-button{}
.header .header-container .top-search .search-button svg{}
.header .header-container .top-search #searchform {}
.header .header-container .top-search #ezy-search-results {}
.header .header-container .top-search .ajax-search-results {}
.header .header-container .top-search .ajax-search-results .result-info{}
.header .header-container .top-search .ajax-search-results li a {}
.header .header-container .top-search .ajax-search-results li a:hover {}
.header .header-container .top-search .ajax-search-results img {}
.header .header-container .top-search .result-info .title {}
.header .header-container .top-search .result-info .price {}
.header .header-container .top-search .result-info .price del{}
.header .header-container .top-search .result-info .price ins{}
.header .header-container .top-search .no-result {}
/*-- Right Action Button ---*/
.header .header-container .header-action-button{}
.header .header-container .header-action-button .hab-grid{}
.header .header-container .header-action-button .hab-grid svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon a{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount span{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-amount{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist span{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount svg{}
.header .header-container .header-action-button .hab-grid .myaccount-icon{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount span{}
/*-- Cloud Menu Icon ---*/
.header .header-container .header-action-button .hab-grid .cloud-menuicon{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu svg{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon.close{}
.header .header-container .header-action-button .hab-grid .cloud-search-button{}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon{}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon svg{}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.header{padding: 0;height: 70px;}
.header .header-container{grid-template-columns: 33% 33% auto;}
/*--- Logo---*/
.header .header-container .header-logo{}
.header .header-container .header-logo a{}
.header .header-container .header-logo a img{height: 50px;}
/*--- Top Search---*/
.header .header-container .top-search{}
.header .header-container .top-search form{}
.header .header-container .top-search form .search-form-row{}
.header .header-container .top-search form label{}
.header .header-container .top-search form input[type="text"]{}
.header .header-container .top-search form input[type="text"]:focus{}
.header .header-container .top-search form button{}
.header .header-container .top-search form button svg{}
.header .header-container .top-search form button:hover{}
.header .header-container .top-search form button:active{}
.header .header-container .top-search .search-button{}
.header .header-container .top-search .search-button svg{}
.header .header-container .top-search #searchform {margin-top: 5px;}
.header .header-container .top-search #ezy-search-results {}
.header .header-container .top-search .ajax-search-results {}
.header .header-container .top-search .ajax-search-results .result-info{}
.header .header-container .top-search .ajax-search-results li a {}
.header .header-container .top-search .ajax-search-results li a:hover {}
.header .header-container .top-search .ajax-search-results img {}
.header .header-container .top-search .result-info .title {}
.header .header-container .top-search .result-info .price {}
.header .header-container .top-search .result-info .price del{}
.header .header-container .top-search .result-info .price ins{}
.header .header-container .top-search .no-result {}
/*-- Right Action Button ---*/
.header .header-container .header-action-button{}
.header .header-container .header-action-button .hab-grid{}
.header .header-container .header-action-button .hab-grid svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon a{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount span{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-amount{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist span{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount svg{}
.header .header-container .header-action-button .hab-grid .myaccount-icon{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount span{}
/*-- Cloud Menu Icon ---*/
.header .header-container .header-action-button .hab-grid .cloud-menuicon{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu svg{}
.header .header-container .header-action-button .hab-grid .cloud-search-button{}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon{}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon svg{}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.header{padding: 0;height: 65px;}
.header .header-container{padding: 5px;grid-template-columns: 50% auto;gap: 15px;}
/*--- Logo---*/
.header .header-container .header-logo{}
.header .header-container .header-logo a{}
.header .header-container .header-logo a img{height: 50px;}
/*--- Top Search---*/
.header .header-container .top-search{position: fixed;left: 0;right: 0;top: -100%;background: #00569b;border-bottom: 1px solid #e1e1e1;transition: .5s;z-index: 9999;}
.header .header-container .top-search form{}
.header .header-container .top-search form .search-form-row{}
.header .header-container .top-search form label{}
.header .header-container .top-search form input[type="text"]{}
.header .header-container .top-search form input[type="text"]:focus{}
.header .header-container .top-search form button{}
.header .header-container .top-search form button svg{}
.header .header-container .top-search form button:hover{}
.header .header-container .top-search form button:active{}
.header .header-container .top-search .search-button{}
.header .header-container .top-search .search-button svg{}
.header .header-container .top-search #searchform {padding: 15px 25px;margin: 0;}
.header .header-container .top-search #ezy-search-results {}
.header .header-container .top-search .ajax-search-results {}
.header .header-container .top-search .ajax-search-results .result-info{}
.header .header-container .top-search .ajax-search-results li a {}
.header .header-container .top-search .ajax-search-results li a:hover {}
.header .header-container .top-search .ajax-search-results img {}
.header .header-container .top-search .result-info .title {}
.header .header-container .top-search .result-info .price {}
.header .header-container .top-search .result-info .price del{}
.header .header-container .top-search .result-info .price ins{}
.header .header-container .top-search .no-result {}
/*-- Right Action Button ---*/
.header .header-container .header-action-button{}
.header .header-container .header-action-button .hab-grid{gap: 10px;}
.header .header-container .header-action-button .hab-grid svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon a{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount span{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-amount{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist span{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount svg{}
.header .header-container .header-action-button .hab-grid .myaccount-icon{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount span{}
/*-- Cloud Menu Icon ---*/
.header .header-container .header-action-button .hab-grid .cloud-menuicon{display:block;}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu svg{}
.header .header-container .header-action-button .hab-grid .cloud-search-button{display: flex;}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon{}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon#findclose{display: none;}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon#findclose svg{fill:red}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon svg{fill: #0073aa;}
}
@media only screen and (max-width: 480px) {
.header{padding: 0;height: 65px;}
.header .header-container{grid-template-columns: 75% auto;gap: 15px;padding: 5px 15px 0 15px;}
/*--- Logo---*/
.header .header-container .header-logo{padding: 0;}
.header .header-container .header-logo a{text-align: right;}
.header .header-container .header-logo a img{height: 50px;}
/*--- Top Search---*/
/*--- Top Search---*/
.header .header-container .top-search{position: fixed;left: 0;right: 0;top: -100%;background: #00569b;border-bottom: 1px solid #e1e1e1;transition: .5s;}
.header .header-container .top-search form{}
.header .header-container .top-search form .search-form-row{}
.header .header-container .top-search form label{}
.header .header-container .top-search form input[type="text"]{}
.header .header-container .top-search form input[type="text"]:focus{}
.header .header-container .top-search form button{}
.header .header-container .top-search form button svg{}
.header .header-container .top-search form button:hover{}
.header .header-container .top-search form button:active{}
.header .header-container .top-search .search-button{}
.header .header-container .top-search .search-button svg{}
.header .header-container .top-search #searchform {padding: 15px 25px;margin: 0;}
.header .header-container .top-search #ezy-search-results {}
.header .header-container .top-search .ajax-search-results {}
.header .header-container .top-search .ajax-search-results .result-info{}
.header .header-container .top-search .ajax-search-results li a {}
.header .header-container .top-search .ajax-search-results li a:hover {}
.header .header-container .top-search .ajax-search-results img {}
.header .header-container .top-search .result-info .title {}
.header .header-container .top-search .result-info .price {}
.header .header-container .top-search .result-info .price del{}
.header .header-container .top-search .result-info .price ins{}
.header .header-container .top-search .no-result {}
/*-- Right Action Button ---*/
.header .header-container .header-action-button{}
.header .header-container .header-action-button .hab-grid{gap: 5px;}
.header .header-container .header-action-button .hab-grid svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart{display: none;}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon a{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-icon .cartamount span{}
.header .header-container .header-action-button .hab-grid .cloud-cart .cart-amount{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist .wishlist-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-wishlist span{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount{display: none;}
.header .header-container .header-action-button .hab-grid .cloud-myaccount svg{}
.header .header-container .header-action-button .hab-grid .myaccount-icon{}
.header .header-container .header-action-button .hab-grid .cloud-myaccount span{}
/*-- Cloud Menu Icon ---*/
.header .header-container .header-action-button .hab-grid .cloud-menuicon{display:block;}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon svg{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu{}
.header .header-container .header-action-button .hab-grid .cloud-menuicon .menuicon-icon#closemenu svg{}
.header .header-container .header-action-button .hab-grid .cloud-search-button{display: flex;position: absolute;left: 10px;top: 15px;}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon{}
.header .header-container .header-action-button .hab-grid .cloud-search-button .csb-icon svg{fill: #3d75a3;}
}
/*=======================================
// Header Section Regular & Responsive
=========================================*/
.navigation-menu{display: inline-block;width: 100%;clear: both;float: left;background: #00569b;position: fixed;top: 95px;z-index: 999;}
.navigation-menu .menu-cloud-navigation-container{width: 100%;clear: both;float: left;}
.navigation-menu .menu-cloud-navigation-container ul.menu{display: inline-block;width: 100%;clear: both;float: left;}
.navigation-menu .menu-cloud-navigation-container ul.menu li{width: auto;float: left;}
.navigation-menu .menu-cloud-navigation-container ul.menu li a{color: #f2f2f2;padding: 10px 15px;display: block;transition: .5s;font-size: 1.1rem;line-height: 1.5;font-weight: 300;}
.navigation-menu .menu-cloud-navigation-container ul.menu li.current-menu-item a,
.navigation-menu .menu-cloud-navigation-container ul.menu li a:hover{background: #193461;}
@media only screen and (max-width: 1279px) and (min-width: 1024px){
.navigation-menu{}
.navigation-menu .menu-cloud-navigation-container{}
.navigation-menu .menu-cloud-navigation-container ul.menu{}
.navigation-menu .menu-cloud-navigation-container ul.menu li{}
.navigation-menu .menu-cloud-navigation-container ul.menu li a{}
.navigation-menu .menu-cloud-navigation-container ul.menu li.current-menu-item a,
.navigation-menu .menu-cloud-navigation-container ul.menu li a:hover{}
}
@media only screen and (max-width:1023px) and (min-width: 768px){
.navigation-menu{top: 70px;}
.navigation-menu .menu-cloud-navigation-container{overflow-y: scroll;}
.navigation-menu .menu-cloud-navigation-container ul.menu{display: flex;flex-wrap: nowrap;width: max-content;}
.navigation-menu .menu-cloud-navigation-container ul.menu li{}
.navigation-menu .menu-cloud-navigation-container ul.menu li a{font-size: 1rem;padding: 10px;}
.navigation-menu .menu-cloud-navigation-container ul.menu li.current-menu-item a,
.navigation-menu .menu-cloud-navigation-container ul.menu li a:hover{}
}
@media only screen and (max-width: 767px) and (min-width: 481px){
.navigation-menu{position: fixed;left: -200%;top: 65px;bottom: 0;z-index: 9999;background: #fffffff0;width: 100%;transition: .5s;}
.navigation-menu .menu-cloud-navigation-container{padding-top: 20px;}
.navigation-menu .menu-cloud-navigation-container ul.menu{display: flex;flex-direction: column;padding-top: 0px;}
.navigation-menu .menu-cloud-navigation-container ul.menu li{border-bottom: 1px solid #e7e7e7;}
.navigation-menu .menu-cloud-navigation-container ul.menu li a{color: #112c58;font-weight: 500;padding: 5px 15px;font-size: 0.95rem;}
.navigation-menu .menu-cloud-navigation-container ul.menu li.current-menu-item a,
.navigation-menu .menu-cloud-navigation-container ul.menu li a:hover{background: #1a8adb;color: #fff;}
}
@media only screen and (max-width: 480px){
.navigation-menu{position: fixed;left: -200%;top: 65px;bottom: 0;z-index: 9999;background: #fffffff0;width: 100%;transition: .5s;}
.navigation-menu .menu-cloud-navigation-container{}
.navigation-menu .menu-cloud-navigation-container ul.menu{display: flex;flex-direction: column;padding-top: 0px;}
.navigation-menu .menu-cloud-navigation-container ul.menu li{border-bottom: 1px solid #e7e7e7;}
.navigation-menu .menu-cloud-navigation-container ul.menu li a{color: #112c58;font-weight: 500;padding: 5px 15px;font-size: 0.95rem;}
.navigation-menu .menu-cloud-navigation-container ul.menu li.current-menu-item a,
.navigation-menu .menu-cloud-navigation-container ul.menu li a:hover{background: #1a8adb;color: #fff;}
}
/*====================
/* Footer Section
/*====================*/
.footer{background: #f8f8f8;border-top: 1px solid #e1e1e1;display: inline-block;width: 100%;clear: both;float: left;padding: 25px 0;}
.footer .footer-grid{display: grid;grid-template-columns: 300px auto 350px;width: 100%;gap: 20px 35px;}
.footer .footer-grid h3{font-size: 1.2rem;border-bottom: 1px solid #ccc;margin-bottom: 5px;}
.footer .footer-grid .grid-item{width: 100%;clear: both;float: left;}
.footer .footer-grid .footer-content{display: flex;flex-direction: column;}
.footer .footer-grid .footer-logo{width: 100%;clear: both;float: left;}
.footer .footer-grid .footer-logo img{height: 75px;width: auto;}
.footer .footer-grid .footer-text{font-size: 0.9rem;line-height: 1.5;text-align: left;}
.footer .footer-grid .footer-text p{}
.footer .footer-grid .footer-apps{display: inline-block;width: 100%;clear: both;float: left;margin-top: 10px;}
.footer .footer-grid .footer-apps h3{border: none;}
.footer .footer-grid .apps-logo{display: flex;flex-direction: row;gap: 10px;}
.footer .footer-grid .apps-logo a{display: block;float: left;clear: both;}
.footer .footer-grid .apps-logo img{height: 40px;width: 140px;}
.footer .footer-grid .footer-social{display: flex !important;width: 100%;clear: both;float: left;flex-direction: row !important;}
.footer .footer-grid .footer-social li{display: block;width: auto !important;}
.footer .footer-grid .footer-social a{display: block;}
.footer .footer-grid .footer-social img{width: 35px;height: 35px;}
.footer .footer-grid .footer-social img:hover{}
.footer .footer-grid .footer-contact{}
.footer .footer-grid .footer-contact h3{border: none;}
.footer .footer-grid .footer-contact ul{display: flex;width: 100%;clear: both;float: left;flex-direction: column;gap: 10px;}
.footer .footer-grid .footer-contact li{display: flex;width: 100%;clear: both;}
.footer .footer-grid .footer-contact li span{display: block;float: left;}
.footer .footer-grid .footer-contact li span:first-child{width: 80px;font-weight: 700;}
.footer .footer-grid .footer-contact .essential-links{display: flex;width: 100%;gap: 15px 20px;flex-wrap: wrap;margin-top: 15px;float: left;}
.footer .footer-grid .footer-contact .essential-links a{display: block;width: auto;float: left;color: #0e2a5a;position: relative;font-size: 1rem;line-height: 1;}
.footer .footer-grid .footer-contact .essential-links a:hover{}
.footer .footer-grid .footer-contact .essential-links a::after{content: ".";font-size: 2rem;position: absolute;right: -15px;bottom: -3px;color: #878787;line-height: 1;}
.footer .footer-grid .footer-contact .essential-links a:last-child::after{content:""}
.footer .footer-grid .footer-contact .fb-page-box{display: inline-block;width: 100%;float: left;margin-top: 25px;}
.developer-text{display: inline-block;width: 100%;clear: both;float: left;text-align: center;padding: 0;margin: 0;background: #000;color: #f2f2f2;}
.developer-text p{font-size: 1rem;line-height: 1.5;padding: 10px;}
.developer-text a{color: orange;}
.developer-text a:hover{}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.footer{}
.footer .footer-grid{}
.footer .footer-grid h3{}
.footer .footer-grid .grid-item{}
.footer .footer-grid .footer-content{}
.footer .footer-grid .footer-logo{}
.footer .footer-grid .footer-logo img{}
.footer .footer-grid .footer-text{}
.footer .footer-grid .footer-text p{}
.footer .footer-grid .footer-apps{}
.footer .footer-grid .footer-apps h3{}
.footer .footer-grid .apps-logo{}
.footer .footer-grid .apps-logo a{}
.footer .footer-grid .apps-logo img{}
.footer .footer-grid .footer-social{}
.footer .footer-grid .footer-social li{}
.footer .footer-grid .footer-social a{}
.footer .footer-grid .footer-social img{}
.footer .footer-grid .footer-social img:hover{}
.footer .footer-grid .footer-contact{}
.footer .footer-grid .footer-contact h3{}
.footer .footer-grid .footer-contact ul{}
.footer .footer-grid .footer-contact li{}
.footer .footer-grid .footer-contact li span{}
.footer .footer-grid .footer-contact li span:first-child{}
.footer .footer-grid .footer-contact .essential-links{}
.footer .footer-grid .footer-contact .essential-links a{}
.footer .footer-grid .footer-contact .essential-links a:hover{}
.footer .footer-grid .footer-contact .essential-links a::after{}
.footer .footer-grid .footer-contact .essential-links a:last-child::after{}
.footer .footer-grid .footer-contact .fb-page-box{}
.developer-text{}
.developer-text p{}
.developer-text a{}
.developer-text a:hover{}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.footer{}
.footer .footer-grid{}
.footer .footer-grid h3{}
.footer .footer-grid .grid-item{}
.footer .footer-grid .footer-content{}
.footer .footer-grid .footer-logo{}
.footer .footer-grid .footer-logo img{}
.footer .footer-grid .footer-text{}
.footer .footer-grid .footer-text p{}
.footer .footer-grid .footer-apps{}
.footer .footer-grid .footer-apps h3{}
.footer .footer-grid .apps-logo{}
.footer .footer-grid .apps-logo a{}
.footer .footer-grid .apps-logo img{}
.footer .footer-grid .footer-social{}
.footer .footer-grid .footer-social li{}
.footer .footer-grid .footer-social a{}
.footer .footer-grid .footer-social img{}
.footer .footer-grid .footer-social img:hover{}
.footer .footer-grid .footer-contact{}
.footer .footer-grid .footer-contact h3{}
.footer .footer-grid .footer-contact ul{}
.footer .footer-grid .footer-contact li{}
.footer .footer-grid .footer-contact li span{}
.footer .footer-grid .footer-contact li span:first-child{}
.footer .footer-grid .footer-contact .essential-links{}
.footer .footer-grid .footer-contact .essential-links a{}
.footer .footer-grid .footer-contact .essential-links a:hover{}
.footer .footer-grid .footer-contact .essential-links a::after{}
.footer .footer-grid .footer-contact .essential-links a:last-child::after{}
.footer .footer-grid .footer-contact .fb-page-box{}
.developer-text{}
.developer-text p{}
.developer-text a{}
.developer-text a:hover{}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.footer{}
.footer .footer-grid{}
.footer .footer-grid h3{}
.footer .footer-grid .grid-item{}
.footer .footer-grid .footer-content{}
.footer .footer-grid .footer-logo{}
.footer .footer-grid .footer-logo img{}
.footer .footer-grid .footer-text{}
.footer .footer-grid .footer-text p{}
.footer .footer-grid .footer-apps{}
.footer .footer-grid .footer-apps h3{}
.footer .footer-grid .apps-logo{}
.footer .footer-grid .apps-logo a{}
.footer .footer-grid .apps-logo img{}
.footer .footer-grid .footer-social{}
.footer .footer-grid .footer-social li{}
.footer .footer-grid .footer-social a{}
.footer .footer-grid .footer-social img{}
.footer .footer-grid .footer-social img:hover{}
.footer .footer-grid .footer-contact{}
.footer .footer-grid .footer-contact h3{}
.footer .footer-grid .footer-contact ul{}
.footer .footer-grid .footer-contact li{}
.footer .footer-grid .footer-contact li span{}
.footer .footer-grid .footer-contact li span:first-child{}
.footer .footer-grid .footer-contact .essential-links{}
.footer .footer-grid .footer-contact .essential-links a{}
.footer .footer-grid .footer-contact .essential-links a:hover{}
.footer .footer-grid .footer-contact .essential-links a::after{}
.footer .footer-grid .footer-contact .essential-links a:last-child::after{}
.footer .footer-grid .footer-contact .fb-page-box{}
.developer-text{}
.developer-text p{}
.developer-text a{}
.developer-text a:hover{}
}
@media only screen and (max-width: 480px) {
.footer{padding: 10px;}
.footer .footer-grid{display: flex;flex-direction: column;}
.footer .footer-grid h3{font-size: 1rem;}
.footer .footer-grid .grid-item{}
.footer .footer-grid .footer-content{}
.footer .footer-grid .footer-logo{text-align: center;}
.footer .footer-grid .footer-logo img{height: 45px;}
.footer .footer-grid .footer-text{text-align: center;font-size: 0.8rem;}
.footer .footer-grid .footer-text p{}
.footer .footer-grid .footer-apps{}
.footer .footer-grid .footer-apps h3{}
.footer .footer-grid .apps-logo{}
.footer .footer-grid .apps-logo a{}
.footer .footer-grid .apps-logo img{}
.footer .footer-grid .footer-social{}
.footer .footer-grid .footer-social li{}
.footer .footer-grid .footer-social a{}
.footer .footer-grid .footer-social img{}
.footer .footer-grid .footer-social img:hover{}
.footer .footer-grid .footer-contact{text-align: center;}
.footer .footer-grid .footer-contact h3{text-align: left;}
.footer .footer-grid .footer-contact ul{margin-bottom: 10px;text-align: left;}
.footer .footer-grid .footer-contact li{font-size: 0.8rem;}
.footer .footer-grid .footer-contact li span{}
.footer .footer-grid .footer-contact li span:first-child{}
.footer .footer-grid .footer-contact .essential-links{}
.footer .footer-grid .footer-contact .essential-links a{font-size: 0.8rem;}
.footer .footer-grid .footer-contact .essential-links a:hover{}
.footer .footer-grid .footer-contact .essential-links a::after{}
.footer .footer-grid .footer-contact .essential-links a:last-child::after{}
.footer .footer-grid .footer-contact .fb-page-box{margin-top: 10px;text-align: left;}
.developer-text{}
.developer-text p{font-size: 0.75rem;}
.developer-text a{}
.developer-text a:hover{}
}
/*========================================
/* Category Page Codes
/*=======================================*/
/*---Main Layout & Container---*/
.ezy-page-wrapper {display: inline-block;width: 100%;clear: both;float: left;margin: 10px 0;}
.cloud_category_page {display: flex;gap: 40px;}
.category-page {flex: 2;min-width: 0;}
.category-sidebar {flex: 1;max-width: 350px;}
/*--Breadcrumb & Title --*/
.page-breadcrumb {margin-bottom: 25px;padding: 10px 15px;background: #f8f9fa;border-radius: 6px;border-bottom: 1px solid #e1e1e1;}
.page-breadcrumb .pb-data a {font-size: 14px;color: #666;text-decoration: none;transition: color 0.3s;}
.page-breadcrumb .pb-data a:hover {color: #27ae60;}
/*--Category Page--*/
.category-page h2 {font-size: 25px;font-weight: 700;color: #4c4b4b;margin-bottom: 30px;border-left: 5px solid #00569b;padding-left: 15px;background: #f8fcff;border-bottom: 1px solid #879cad73;}
.category-page .cp-posts{}
.category-page .cp-posts .post-item {margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.category-page .cp-posts .post-item .box {display: flex;gap: 20px;}
.category-page .cp-posts .post-item .thumbnail {flex: 0 0 250px;}
.category-page .cp-posts .post-item .thumbnail img {width: 100%;height: 180px;object-fit: cover;border-radius: 10px;transition: transform 0.3s;}
.category-page .cp-posts .post-item:hover .thumbnail img {transform: scale(1.03);}
.category-page .cp-posts .post-item .text-content {flex: 1;}
.category-page .cp-posts .post-title-3 a {font-size: 20px;line-height: 1.4;color: #222;text-decoration: none;font-weight: 600;}
.category-page .cp-posts .post-title-3 a:hover {color: #00569b;}
.category-page .cp-posts .news-excerpt p {font-size: 15px;color: #555;line-height: 1.6;margin: 10px 0;}
.category-page .cp-posts .text-content h4 {font-size: 13px;color: #999;font-weight: 400;}
/*--Pagination & Responsive Design---*/
.category-page .navigation.pagination .nav-links {display: flex;gap: 8px;margin-top: 40px;}
.category-page .navigation.pagination .page-numbers {padding: 8px 16px;border: 1px solid #ddd;border-radius: 4px;text-decoration: none;color: #333;}
.category-page .navigation.pagination .page-numbers.current {background: #0a8f9b;color: #fff;border-color: #0a8f9b;}
/*---4. Sidebar Widgets----*/
.category-sidebar .widget {background: #fff;border: 1px solid #eee;border-radius: 10px;padding: 20px;margin-bottom: 30px;}
/*---Page Not Found---*/
.category-page .not-found{display: inline-block;width: 100%;text-align: center;background: #fff7f7;padding: 15px;border-radius: 8px;color: red;}
.category-page .not-found .post-not-found{color: #c30000;}
/* Responsive Adjustments */
@media (max-width: 991px) {
.cloud_category_page {
flex-direction: column;
}
.category-sidebar {
max-width: 100%;
order: 2;
}
}
@media (max-width: 600px) {
.post-item .box {
flex-direction: column;
}
.post-item .thumbnail {
flex: 0 0 auto;
}
}
/*========================================
/* Page Contents Codes
/*=======================================*/
/*-- Content Layout ---*/
.ezy-page-content-details {display: flex;gap: 40px;margin: 20px auto;padding: 0 20px;}
.ezy-page-area {flex: 1;background: #fff;border-radius: 12px;min-width: 70%;}
/* Page Header */
.ezy-page-area > h1 {font-size: 32px;font-weight: 800;color: #222;margin-bottom: 25px;border-bottom: 2px solid #f4f4f4;}
/*---Typography & Heading Hierarchy---*/
.ezy-page-area .ezy-page-contents {line-height: 1.8;color: #444;font-size: 16px;}
.ezy-page-area .ezy-page-contents h1,
.ezy-page-area .ezy-page-contents h2,
.ezy-page-area .ezy-page-contents h3,
.ezy-page-area .ezy-page-contents h4,
.ezy-page-area .ezy-page-contents h5,
.ezy-page-area .ezy-page-contents h6 {color: #222;margin-top: 30px;margin-bottom: 15px;font-weight: 700;}
.ezy-page-area .ezy-page-contents h1 { font-size: 28px; }
.ezy-page-area .ezy-page-contents h2 { font-size: 24px; border-left: 4px solid #27ae60; padding-left: 15px; }
.ezy-page-area .ezy-page-contents h3 { font-size: 20px; }
.ezy-page-area .ezy-page-contents h4 { font-size: 18px; }
.ezy-page-area .ezy-page-contents h5 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; }
.ezy-page-area .ezy-page-contents h6 { font-size: 15px; color: #666; }
.ezy-page-area .ezy-page-contents p {margin-bottom: 20px;}
.ezy-page-area .ezy-page-contents a {color: #27ae60;text-decoration: none;font-weight: 600;}
.ezy-page-area .ezy-page-contents a:hover {text-decoration: underline;}
.ezy-page-contents blockquote {margin: 30px 0;padding: 20px 30px;background: #f9f9f9;border-left: 5px solid #27ae60;font-style: italic;color: #555;border-radius: 0 8px 8px 0;}
/* Lists */
.ezy-page-area .ezy-page-contents ul {margin-bottom: 20px;padding-left: 20px;}
.ezy-page-area .ezy-page-contents li {margin-bottom: 8px;position: relative;}
/* Privacy Policy Tutorial Text (WordPress standard) */
.ezy-page-area .privacy-policy-tutorial {color: #27ae60;background: #e8f5e9;padding: 2px 6px;border-radius: 4px;font-size: 14px;}
/*--- Responsive Adjustments ---*/
@media (max-width: 991px) {
.ezy-page-content-details {
flex-direction: column;
}
.ezy-page-content-details .page-sidebar {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 600px) {
.ezy-page-content-details .ezy-page-area {
padding: 20px;
}
.ezy-page-content-details .ezy-page-area > h1 {
font-size: 24px;
}
}
/*========================================
/* Dynamic Sidebar
/*=======================================*/
/*-- General Widgets---*/
.widget .wp-block-heading {font-size: 18px;font-weight: 700;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid #27ae60;}
.widget ul {list-style: none;padding: 0;}
.widget ul li {margin-bottom: 12px;}
.widget ul li a {color: #444;text-decoration: none;font-size: 14px;transition: 0.2s;}
.widget ul li a:hover {color: #27ae60;padding-left: 5px;}
/*====================
/* Page Sidebar
/*====================*/
.page-sidebar {display: flex;flex-direction: column;gap: 25px;}
.page-sidebar-box {background: #ffffff;border: 1px solid #efefef;border-radius: 10px;padding: 20px;box-shadow: 0 2px 8px rgba(0,0,0,0.02);}
.page-sidebar .widget-title {font-size: 18px;font-weight: 700;margin-bottom: 15px;border-bottom: 2px solid #27ae60;padding-bottom: 8px;color: #222;}
/* Recent Products List */
.sidebar-product-item a {display: flex;align-items: center;gap: 12px;margin-bottom: 12px;text-decoration: none;border-bottom: 1px solid #f9f9f9;padding-bottom: 8px;}
.sidebar-product-list .sidebar-product-item img {width: 100px;height: 60px;object-fit: cover;border-radius: 6px;flex-shrink: 1;}
.sidebar-product-item .s-info{
width: auto;
flex-shrink: 3;
}
.sidebar-product-item .s-title {font-size: 16px;font-weight: 600;color: #333;line-height: 1.5;}
.sidebar-product-item .s-price {color: #27ae60;font-size: 13px;font-weight: 700;display: flex;margin-top: 5px;gap: 5px;align-items: center;}
.sidebar-product-item .s-price del{
color: #ef3b3b;
order: 2;
}
.sidebar-product-item .s-price ins{
text-decoration: none;
font-size: 18px;
color: #00569b;
}
/* Category & Article Lists */
.page-sidebar .sidebar-cat-list,
.page-sidebar .sidebar-article-list {list-style: none;padding: 0;margin: 0;}
.page-sidebar .sidebar-cat-list li,
.page-sidebar .sidebar-article-list li {padding: 8px 0;border-bottom: 1px solid #f4f4f4;}
.page-sidebar .sidebar-cat-list li a,
.page-sidebar .sidebar-article-list li a {text-decoration: none;color: #555;font-size: 14px;transition: 0.3s;}
.page-sidebar .sidebar-cat-list li a:hover,
.page-sidebar .sidebar-article-list li a:hover {color: #27ae60;padding-left: 5px;}
/* Advertisement Holders */
.page-sidebar .sidebar-ad-300, .page-sidebar .sidebar-ad-600 {display: flex;justify-content: center;overflow: hidden;border-radius: 6px;}
.page-sidebar .sidebar-ad-300 img, .page-sidebar .sidebar-ad-600 img {max-width: 100%;height: auto;}
/*========================================
/* Post Single
/*=======================================*/
.single-content{display: grid;grid-template-columns: 74% auto;gap: 35px;width: 100%;clear: both;float: left;margin: 25px 0;}
.single-content .single-content-data{width: 100%;clear: both;float: left;display: inline-block;}
.single-content .post-head-meta{margin: 0 auto;display: inline-block;width: 100%;clear: both;float: left;margin-bottom: 15px;}
.single-content .post-head-meta h3{width: 100%;display: inline-block;height: auto;float: left;margin-bottom: 5px;}
.single-content .post-head-meta h3 a{background: #0a8f9b;padding: 10px 20px;font-size: 1rem;font-weight: normal;margin: 0;display: block;width: max-content;color: #fff;}
.single-content h1{font-size: 2rem;line-height: 1.5;margin-bottom: 5px;font-weight: 700;}
.single-content .post-head{display: inline-block;width: 100%;border-bottom: 1px solid #efefef;background: transparent;padding: 5px 0;}
.single-content .post-head ul{display: inline-block;width: 100%;clear: both;float: left;}
.single-content .post-head ul li{display: block;float: left;width: auto;padding: 0 10px;border-left: 1px solid #ccc;font-size: 1rem;color: #555;font-weight: 400;line-height: 1.7;}
.single-content .post-head ul li i{float:left;margin-right:5px;}
.single-content .post-head ul li:first-child{padding-left:0;border: none;}
.single-content .post-head ul li svg{float: left;margin-right: 5px;fill: #777;}
.single-content .post-head ul li a{}
.single-content .single-content-details{display: block;width: 728px;margin: 0 auto;}
.single-content .content-image{display: inline-block;width: 100%;clear: both;float: left;margin-bottom: 15px;}
.single-content .content-image .front-caption{font-size: 14px;line-height: 20px;padding: 10px;margin-top: 5px;background: #f3f1f1;color: #555;font-weight: 500;font-style: italic;}
.single-content .content-image iframe{width: 100%;height: 380px;}
.single-content .content{display: inline-block;width: 100%;clear: both;float: left;margin: 0;}
.single-content .content p{font-size: 1.1rem;line-height: 1.5;margin: 15px 0;}
.single-content .content .single-video{display: inline-block;width: 100%;clear: both;margin-bottom: 30px;}
.single-content ol, .single-content ul{display: inline-block;width: 100%;clear: both;float: left;}
.single-content ol li, .single-content ul li{font-size: 17px;}
.single-content blockquote{background: #f5f5f5;padding: 10px 15px;font-size: 18px;line-height: 22px;border-left: 4px solid #df0000;margin-bottom: 10px;}
.single-content blockquote p{font-size: 20px !important;line-height: 35px !important;color: #555;font-weight: 600;font-style: italic;}
.single-content img{width: 100%;}
.single-content .wp-caption-text{font-size: 14px !important;font-style: italic;background: #f8f8f8;padding: 10px;margin: 0 !important;}
.single-content .wp-caption{width: 100% !important;height: auto;}
.single-content .content a{ color:#2296f3;}
.single-content .content div,
.single-content .content li,
.single-content .content blockquote,
.single-content .content ol,
.single-content .content ul,
.single-content .content p,
.single-content .content a,
.single-content .content u,
.single-content .content em,
.single-content .content i,
.single-content .content b,
.single-content .content h1,
.single-content .content h2,
.single-content .content h3,
.single-content .content h4,
.single-content .content h5,
.single-content .content h6{font-family:inherit;}
.single-content .ads-row{display: inline-block;width: 100%;clear: both;float: left;margin: 10px 0;height: auto;}
.single-content .related-post{display: inline-block;width: 100%;clear: both;float: left;margin: 15px 0;}
.single-content .related-post-grid{display: flex;flex-direction: column;width: 100%;clear: both;float: left;}
.single-content .related-post h2{font-size: 25px;line-height: 25px;margin-bottom: 10px;border-bottom: 2px solid #232f4e;color: #232f4e;padding: 3px 0;}
.single-content .related-post-grid .grid-item{display: inline-block;width: 100%;border-bottom: 1px solid #e1e1e1;}
.single-content .related-post-grid .grid-item:last-child{border:none;}
.single-content .related-post-grid .grid-item .box{display: flex;padding: 25px 0;width: 100%;flex-direction: row;gap: 20px;}
.single-content .related-post-grid .grid-item .thumbnail{width: 25%;display: flex;float: left;align-items: center;}
.single-content .related-post-grid .grid-item .thumbnail a{display: block;width: 100%;height: 120px;}
.single-content .related-post-grid .grid-item img{width: 100%;height: 100%;object-fit: cover;}
.single-content .related-post-grid .grid-item .rltd-text-content{width: 75%;}
.single-content .related-post-grid .grid-item h3{font-size: 1.3rem;line-height: 1.5;margin-bottom: 10px;}
.single-content .related-post-grid .grid-item .news-excerpt{color: #555;font-size: .9rem;}
.single-content .addtoany_content,
.single-content .addtoany_content_bottom{display: inline-block;width: 100%;clear: both;margin: 15px 0;float: left;}
.single-content .addtoany_header{display: inline-block;font-weight: bold;display:none;}
.default-sidebar{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.default-sidebar .sidebar-box{display: inline-block;width: 100%;height: inherit;clear: both;float: left;}
.default-sidebar .sidebar-box .latest{display: inline-block;width: 100%;clear: both;float: left;}
.default-sidebar .sidebar-box .latest-news-update-list{display: flex;flex-direction: column;gap: 15px;float: left;}
.default-sidebar .sidebar-box .latest-news-update-list li{display: flex;width: 100%;clear: both;float: left;flex-direction: column;}
.default-sidebar .sidebar-box .latest-news-update-list li .thumbnail{display: inline-block;width: 100%;clear: both;float: left;margin-bottom: 5px;height: auto;max-height: 220px;overflow: hidden;}
.default-sidebar .sidebar-box .latest-news-update-list li img{width: 100%;height: 100%;object-fit: cover;}
.default-sidebar .sidebar-box .latest-news-update-list li h3{font-size: 1.2rem;line-height: 1.5;margin: 5px 0;float: left;clear: both;font-weight: 500;padding: 0 2px;}
.default-sidebar .sidebar-box .latest .recent-news-item .grid-items .item-count{width:15%;}
.single-content .post-gallery-excerpt{display: inline-block;width: 100%;clear: both;float: left;margin: 10px 0;padding: 10px;background: #f9f9f9;font-size: 1.2rem;color: #0071cb;font-weight: 600;}
.post-gallery-caption .front-caption{display: inline-block;width: 100%;padding: 15px;background: #f8f8f8;margin-bottom: 15px;font-size: 1.1rem;font-style: italic;line-height: 1.5;}
.single-content .content .tiled-gallery{display: inline-block;width: 100%;clear: both;float: left;}
.single-content .content .tiled-gallery .gallery-group .tiled-gallery-item a{display: block;width: 100%;overflow: hidden;}
.single-content .content .tiled-gallery .gallery-group .tiled-gallery-item img{transition: .5s;}
.single-content .content .tiled-gallery .gallery-group .tiled-gallery-item:hover img{transform: scale(1.2);}
.single-content .content .tiled-gallery .gallery-group .tiled-gallery-item .tiled-gallery-caption{white-space: pre-wrap;padding: 20px 10px 0px 10px;background: linear-gradient(0deg, #000000c7, transparent);color: #fff;font-size: 1.1rem;line-height: 1.6;margin: 0;display: -webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;flex-grow: 1;font-weight: 500;text-align: center;}
.single-content .content .tiled-gallery .gallery-group .tiled-gallery-item:hover .tiled-gallery-caption{display: block;}
.single-content .related-tags{display: inline-block;width: 100%;clear: both;float: left;margin: 10px 0;}
.single-content .related-tags h3{font-size: 25px;line-height: 25px;margin-bottom: 10px;border-bottom: 2px solid #232f4e;color: #232f4e;padding: 3px 0;}
.single-content .related-tags ul{display: flex;flex-wrap: wrap;gap: 10px 15px;}
.single-content .related-tags li{width: max-content;}
.single-content .related-tags li a{border: 1px solid #e9e9e9;border-radius: 25px;padding: 12px 25px;display: block;font-size: 0.9rem;color: #333;text-transform: CAPITALIZE;line-height: 1.2rem;transition: .5s;}
.single-content .related-tags li a:hover{background: #fafdff;color: #2296f3;border-color: #c7e5ff;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.single-content{grid-template-columns: 100%;gap: 0;}
.single-content h1{font-size: 2rem;}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.single-content{grid-template-columns: 100%;}
.single-content h1{font-size: 1.8rem;}
.single-content .single-content-details{width: 100%;}
}
@media only screen and (max-width: 480px) {
.single-content{grid-template-columns: 100%;}
.single-content h1{font-size: 1.5rem;}
.single-content .single-content-details{width: 100%;}
.single-content .related-post-grid .grid-item .thumbnail{width: 35%;}
.single-content .related-post-grid .grid-item .rltd-text-content{width: 65%;}
.single-content .related-post-grid .grid-item h3{font-size: 1.1rem;}
}
/*========================================
/* Index Page Code
/*=======================================*/
section{display: inline-block;width: 100%;clear: both;float: left;position: relative;}
.section-row{display: inline-block;width: 100%;clear: both;background: #f8f8f8;padding: 15px 0;}
.section-white{background: #fff;margin: 25px 0;}
.section-row.section-center{border: 1px solid #e1e1e1;border-left: none;border-right: none;}
.section-first{margin-top:0;}
.section-gray{background: #f8f8f8;}
.section-line{background: #fff;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #ededed;padding: 0;background: #f8f8f8;}
h2.headline{font-size: 2rem;line-height: 1;display: inline-block;width: 100%;clear: both;float: left;border-bottom: 2px dashed #ccc;margin-bottom: 10px;}
.latest-products{padding: 20px 0;display: inline-block;width: 100%;clear: both;float: left;}
.latest-products h2{color: orangered;border-color: #ffdacc;}
.focus-msg-grid{display: grid;grid-template-columns: auto auto auto auto auto;gap: 35px;padding: 50px 0;}
.focus-msg-grid .grid-item{display: flex;flex-direction: column;}
.focus-msg-grid .grid-item .icon-left{text-align: center;}
.focus-msg-grid .grid-item .icon-left img{width: 60px;}
.focus-msg-grid .grid-item .info-right{display: inline-block;width: 100%;text-align: center;}
.focus-msg-grid .grid-item .info-right h5{font-size: 1.5rem;line-height: 1.5;color: #E91E63;}
.focus-msg-grid .grid-item .info-right p{color: #555;}
.ads_row{display: inline-block;width: 100%;float: left;margin: 25px 0;}
.ads_row .ads_728x90{width: 728px;height: auto;margin: 0 auto;}
.ads_row .ads_728x90 img{width: 100%;height: auto;}
/*======================
// Index Hero Section
======================*/
.ezy-hero-section {display: flex;margin: 0;gap: 20px;}
.ezy-hero-section .ezy-category-sidebar {width: 25%;background: #f6fbff8f;border: 1px solid #eee;border-radius: 8px;padding: 15px;box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
.ezy-hero-section .sidebar-title {font-size: 18px;border-bottom: 2px solid #27ae60;padding-bottom: 5px;}
.ezy-hero-section .category-list {list-style: none;padding: 0;}
.ezy-hero-section .category-list li a {display: block;padding: 10px 0;color: #333;text-decoration: none;border-bottom: 1px solid #d5d5d5;transition: 0.3s;}
.ezy-hero-section .category-list li a:hover {color: #27ae60;padding-left: 5px;}
.ezy-hero-section .ezy-hero-slider {width: 75%;position: relative;border-radius: 8px;overflow: hidden;background: #f4f4f4;}
.ezy-hero-section .slider-container {display: flex;height: 100%;}
.ezy-hero-section .slide {min-width: 100%;display: none;}
.ezy-hero-section .slide.active {display: block;animation: fade 0.8s ease-in-out;}
.ezy-hero-section .slide img {width: 100%;height: auto;display: block;}
.ezy-hero-section .slider-btn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.3);color: white;border: none;padding: 15px;cursor: pointer;border-radius: 0 4px 4px 0;}
.ezy-hero-section .next { right: 0; border-radius: 4px 0 0 4px; }
.ezy-hero-section .slider-btn:hover { background: rgba(0,0,0,0.6); }
.ezy-hero-section .dots-container {position: absolute;bottom: 15px;width: 100%;text-align: center;}
.ezy-hero-section .dot {height: 10px;width: 10px;margin: 0 5px;background: #bbb;border-radius: 50%;display: inline-block;cursor: pointer;}
.ezy-hero-section .dot.active { background: #27ae60; }
@media (max-width: 1020px) {
.ezy-hero-section .ezy-hero-section { flex-direction: column; }
.ezy-hero-section .ezy-category-sidebar { width: 100%; display: none; /* Hide sidebar on mobile for better slider focus */ }
.ezy-hero-section .ezy-hero-slider { width: 100%; }
}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
/*========================
// Index Category Grid
//======================*/
/* Category Grid Container */
.ezy-category-grid-section {padding: 50px 0;}
.ezy-category-grid-section h2.section-title{text-align: center;border: none;font-size: 1.5rem;}
.ezy-category-grid-section .container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.section-title {text-align: left;font-size: 1.5rem;font-weight: 700;color: #333;position: relative;margin-bottom: 25px;border-bottom: 1px solid #e9e9e9;}
/* 4-Column Grid */
.category-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 25px;}
/* Individual Item */
.category-item {background: #fff;border-radius: 12px;overflow: hidden;transition: all 0.3s ease;border: 1px solid #eee;text-align: center;}
.category-item a {text-decoration: none;display: block;}
.category-image {height: 200px;overflow: hidden;background: #fff;display: flex;align-items: center;justify-content: center;}
.category-image img {max-width: 100%;height: auto;transition: transform 0.5s ease;}
.category-info {padding: 15px;background: #fff;}
.category-info h3 {margin: 0;font-size: 16px;color: #333;font-weight: 600;}
.ezy-category-grid-section .shop-now-text {font-size: 14px;color: #27ae60;display: block;margin-top: 8px;font-weight: bold;}
/* Hover Effects */
.category-item:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0,0,0,0.1);border-color: #27ae60;}
.category-item:hover .category-image img {transform: scale(1.1);}
/* Responsive adjustments */
@media (max-width: 1024px) {
.category-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.category-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 480px) {
.category-grid {grid-template-columns: repeat(2, 1fr);}
.category-grid .category-image{height: 125px;}
.category-grid .category-image img{}
}
/*========================
// Index Product Grid
//======================*/
.ezy-latest-collection {padding: 60px 0;background: #fff;overflow: hidden;}
.utf-icon { margin-right: 10px; font-size: 24px; }
.ezy-latest-collection .carousel-wrapper {display: flex;align-items: center;position: relative;}
.ezy-latest-collection .carousel-container {overflow: hidden; width: 100%;}
.ezy-latest-collection .product-track {display: flex;transition: transform 0.5s ease-in-out;gap: 20px;}
.ezy-latest-collection .product-card {min-width: calc(100% / 5);padding: 10px;box-sizing: border-box;text-align: center;border: 1px solid #bec2c9;border-radius: 5px;}
.ezy-latest-collection .product-card a { text-decoration: none; color: #333; }
.ezy-latest-collection .product-img-holder {margin-bottom: 10px;overflow: hidden;}
.ezy-latest-collection .product-img-holder img{transition: .5s;}
.ezy-latest-collection .product-card:hover .product-img-holder img{scale: 1.2;}
.ezy-latest-collection .product-img img { width: 100%; height: auto; border-radius: 4px; }
.ezy-latest-collection .product-card h3 {font-size: 16px;margin: 10px 0;font-weight: 600;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-align: left;}
.ezy-latest-collection .product-price {color: #27ae60;font-weight: bold;font-size: 18px;display: flex;flex-direction: row-reverse;gap: 8px;justify-content: flex-end;padding: 0 10px;}
.ezy-latest-collection .product-price del{color: #ff3c3c;}
.ezy-latest-collection .product-price ins{text-decoration:none;}
.ezy-latest-collection .product-actions {display: flex;flex-direction: column;gap: 8px;margin-top: 15px;padding: 0 10px;}
.ezy-latest-collection .product-actions .ezy-btn {text-decoration: none;font-size: 15px;font-weight: 600;padding: 10px;border-radius: 4px;transition: 0.3s;text-align: center;background: #ffffff;color: #193461;display: flex;justify-content: center;}
.ezy-latest-collection .add-cart {background: #f4f4f4;color: #333;border: 1px solid #ddd;}
.ezy-latest-collection .product-actions .add-cart:hover {background: #dfebff8c;}
.ezy-latest-collection .product-actions .buy-now {background: #193461;color: #fff;}
.ezy-latest-collection .product-actions .buy-now:hover {background: #00569b;}
.ezy-latest-collection .product-actions .added_to_cart{display:none;}
.ezy-latest-collection .ajax_add_to_cart.loading { opacity: 0.5; position: relative; }
.ezy-latest-collection .ajax_add_to_cart.added::before {content: '\e5ca';color: #27ae60;font-family: 'Material Symbols Outlined';font-size: 1.5rem;align-items: center;line-height: 1;}
.ezy-latest-collection .carousel-nav {background: #fff;border: 1px solid #ddd;border-radius: 50%;width: 40px;height: 40px;cursor: pointer;position: absolute;z-index: 10;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.ezy-latest-collection .carousel-nav:hover { background: #27ae60; color: #fff; border-color: #27ae60; }
.ezy-latest-collection .prev { left: -20px; }
.ezy-latest-collection .next { right: -20px; }
/* Responsive */
@media (max-width: 1024px) {.ezy-latest-collection .product-card { min-width: calc(100% / 3); } }
@media (max-width: 600px) {.ezy-latest-collection .product-card {min-width: calc(100% / 1);} }
/*========================
// Index Promotion style 1
//======================*/
.ezy-product-promo-section {padding: 60px 0;background-color: #f9f9f9;}
.ezy-product-promo-section .promo-header {text-align: center;margin-bottom: 40px;}
.ezy-product-promo-section .promo-category {font-size: 24px;font-weight: 700;color: #27ae60;}
.ezy-product-promo-section .promo-title {font-size: 32px;font-weight: 800;color: #333;}
.ezy-product-promo-section .promo-content {display: flex;max-width: 1200px;margin: 0 auto;gap: 20px;border: 1px solid #ddd;border-radius: 12px;overflow: hidden;}
.ezy-product-promo-section .promo-image {width: 60%;}
.ezy-product-promo-section .promo-image img {width: 100%;height: 100%;}
.ezy-product-promo-section .promo-info {width: 40%;padding: 30px;display: flex;flex-direction: column;justify-content: center;}
.ezy-product-promo-section .promo-discount-badge {background-color: #27ae60;color: #fff;padding: 10px;border-radius: 6px;margin-bottom: 20px;}
.ezy-product-promo-section .discount-amount {font-size: 20px;font-weight: 700;}
.ezy-product-promo-section .discount-text {font-size: 14px;}
.ezy-product-promo-section .promo-price {font-size: 18px;color: #666;margin-bottom: 5px;}
.ezy-product-promo-section .promo-sale-price {font-size: 24px;color: #27ae60;font-weight: 800;margin-bottom: 20px;}
.ezy-product-promo-section .ezy-btn.order-now {text-decoration: none;font-size: 18px;font-weight: 600;padding: 15px 30px;background: #27ae60;color: #fff;border-radius: 8px;transition: 0.3s;text-align: center;}
.ezy-product-promo-section .ezy-btn.order-now:hover {background: #219150;}
@media (max-width: 1024px) {
.ezy-product-promo-section {}
.ezy-product-promo-section .promo-header {}
.ezy-product-promo-section .promo-category {}
.ezy-product-promo-section .promo-title {}
.ezy-product-promo-section .promo-content {}
.ezy-product-promo-section .promo-image {}
.ezy-product-promo-section .promo-image img {}
.ezy-product-promo-section .promo-info {}
.ezy-product-promo-section .promo-discount-badge {background: orchid;}
.ezy-product-promo-section .discount-amount {}
.ezy-product-promo-section .discount-text {}
.ezy-product-promo-section .promo-price {}
.ezy-product-promo-section .promo-sale-price {}
.ezy-product-promo-section .ezy-btn.order-now {}
.ezy-product-promo-section .ezy-btn.order-now:hover {}
}
@media (max-width: 600px) {
.ezy-product-promo-section {padding: 40px 0;}
.ezy-product-promo-section .promo-header {margin-bottom: 10px;}
.ezy-product-promo-section .promo-category {font-size: 1.2rem;}
.ezy-product-promo-section .promo-title {font-size: 1.5rem;}
.ezy-product-promo-section .promo-content {flex-direction: column;}
.ezy-product-promo-section .promo-image {width: 100%;}
.ezy-product-promo-section .promo-image img {}
.ezy-product-promo-section .promo-info {width: 100%;padding: 0 15px 15px 15px;}
.ezy-product-promo-section .promo-discount-badge {background: orchid;}
.ezy-product-promo-section .discount-amount {}
.ezy-product-promo-section .discount-text {}
.ezy-product-promo-section .promo-price {}
.ezy-product-promo-section .promo-sale-price {}
.ezy-product-promo-section .ezy-btn.order-now {}
.ezy-product-promo-section .ezy-btn.order-now:hover {}
}
/*========================
// Index Dual Promotion style
//======================*/
.ezy-dual-promo-section {padding: 50px 0;background: #fdfdfd;}
.ezy-dual-promo-section .ezy-dual-promo-section .container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.ezy-dual-promo-section .promo-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.ezy-dual-promo-section .promo-box {background: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 10px 25px rgba(0,0,0,0.08);transition: transform 0.3s ease;border: 1px solid #eee;}
.ezy-dual-promo-section .promo-box:hover {transform: translateY(-5px);}
.ezy-dual-promo-section .promo-poster {position: relative;height: 350px;overflow: hidden;}
.ezy-dual-promo-section .promo-poster img {width: 100%;height: 100%;object-fit: cover;}
.ezy-dual-promo-section .promo-badge {position: absolute;top: 20px;left: 20px;background: #e74c3c;color: #fff;padding: 5px 15px;font-weight: bold;border-radius: 5px;font-size: 12px;}
.ezy-dual-promo-section .promo-details {padding: 25px;text-align: left;}
.ezy-dual-promo-section .promo-details h3 {margin: 0 0 10px;font-size: 22px;color: #333;}
.ezy-dual-promo-section .promo-text {font-size: 14px;color: #666;line-height: 1.6;margin-bottom: 20px;}
.ezy-dual-promo-section .promo-actions {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #eee;padding-top: 15px;}
.ezy-dual-promo-section .price-tag {font-size: 20px;font-weight: 800;color: #27ae60;display: flex;gap: 5px;}
.ezy-dual-promo-section .price-tag ins{text-decoration: none;}
.ezy-dual-promo-section .price-tag del{color: red;font-weight: normal;}
.ezy-dual-promo-section .view-btn {text-decoration: none;background: #333;color: #fff;padding: 10px 20px;border-radius: 5px;font-weight: 600;transition: 0.3s;}
.ezy-dual-promo-section .view-btn:hover {background: #27ae60;}
/* Responsive */
@media (max-width: 768px) {
.ezy-dual-promo-section .promo-grid { grid-template-columns: 1fr; }
.ezy-dual-promo-section .promo-poster { height: 280px; }
.ezy-dual-promo-section .promo-actions {flex-flow: column;gap: 10px 0;}
.ezy-dual-promo-section .price-tag{}
.ezy-dual-promo-section .price-tag ins{}
.ezy-dual-promo-section .price-tag del{order: 2;}
}
/*========================
// Index Promotion Full Width
//======================*/
.ezy-fullwidth-promo {width: 100%;padding: 35px 0;border-top: 1px solid #e1e1e1;}
.ezy-fullwidth-promo .promo-link {display: block;width: 100%;overflow: hidden;transition: opacity 0.3s ease;}
.ezy-fullwidth-promo .promo-link img {width: 100%;height: auto;display: block;}
.ezy-fullwidth-promo .promo-link:hover {opacity: 0.95;}
@media (max-width: 768px) {
.ezy-fullwidth-promo .ezy-fullwidth-promo {margin: 20px 0;}
}
/*========================
// Index Promotion Full Width
//======================*/
.ezy-beauty-section {padding: 60px 0;background: #fff5f7;border-top: 1px solid #efd9de;}
.ezy-beauty-section .beauty-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin: 0 auto;}
.ezy-beauty-section .beauty-card {background: #fff;border-radius: 15px;overflow: hidden;transition: 0.3s;text-align: center;border: 1px solid #ffe4e9;}
.ezy-beauty-section .beauty-image-wrapper {position: relative;overflow: hidden;aspect-ratio: 1 / 1;}
.ezy-beauty-section .beauty-image-wrapper img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.ezy-beauty-section .beauty-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.4);backdrop-filter: blur(3px);display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;opacity: 0;transition: 0.4s ease;}
.ezy-beauty-section .beauty-card:hover .beauty-overlay {opacity: 1;}
.ezy-beauty-section .beauty-card:hover .beauty-image-wrapper img {transform: scale(1.1);}
.ezy-beauty-section .action-btn {text-decoration: none;padding: 12px 25px;border-radius: 30px;font-weight: 600;font-size: 14px;width: 80%;transition: 0.3s;}
.ezy-beauty-section .add-btn {background: #333;color: #fff;}
.ezy-beauty-section .buy-btn {background: #ff4d6d;color: #fff;}
.ezy-beauty-section .action-btn:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.ezy-beauty-section .beauty-info {padding: 15px;}
.ezy-beauty-section .beauty-info h3 {font-size: 16px;margin-bottom: 5px;color: #444;}
.ezy-beauty-section .beauty-price {color: #ff4d6d;font-weight: bold;font-size: 18px;}
.ezy-beauty-section .beauty-price ins{text-decoration: none;}
.ezy-beauty-section .beauty-price del{color: #8b8b8b;}
@media (max-width: 768px) {
.ezy-beauty-section .beauty-grid {grid-template-columns: repeat(1, 1fr);}
}
/*========================
// Index Brand Grids
//======================*/
.ezy-brands-section {padding: 60px 0;background: #fff;}
.ezy-brands-section .container {max-width: 1200px;margin: 0 auto;padding: 0 15px;}
.ezy-brands-section .brands-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;}
.ezy-brands-section .brand-item {text-align: center;transition: transform 0.3s ease;}
.ezy-brands-section .brand-item a {text-decoration: none;color: #333;}
.ezy-brands-section .brand-image-container {position: relative;width: 100%;aspect-ratio: 1 / 1;background: #f9f9f9;border: 1px solid #eee;border-radius: 12px;margin-bottom: 12px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.ezy-brands-section .brand-image-container img {max-width: 70%;height: auto;transition: transform 0.3s ease;}
.ezy-brands-section .brand-count {position: absolute;top: 10px;right: 10px;background: #27ae60;color: #fff;font-size: 10px;font-weight: bold;padding: 3px 8px;border-radius: 20px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.ezy-brands-section .brand-name {font-size: 14px;font-weight: 600;margin: 0;transition: color 0.3s;}
.ezy-brands-section .brand-item:hover {transform: translateY(-5px);}
.ezy-brands-section .brand-item:hover .brand-name {color: #27ae60;}
.ezy-brands-section .brand-item:hover .brand-image-container img {transform: scale(1.1);}
@media (max-width: 1024px) {
.ezy-brands-section .brands-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 768px) {
.brands-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 480px) {
.ezy-brands-section .brands-grid { grid-template-columns: repeat(2, 1fr); }
.ezy-brands-section .brand-count { font-size: 9px; padding: 2px 6px; }
}
/*========================
// Shop Page Codes
//======================*/
.ezy-commerce{
display: inline-block;
width: 100%;
clear: both;
float: left;
margin: 0;
padding: 0;
}
.ezy-shop-container {
/* padding: 20px 0; */
background: #f8f9fa;
width: 100%;
float: left;
}
/*------ breadcrumb------ */
.shop-breadcrumb {
background: #ffffff;
border-bottom: 1px solid #eeeeee;
padding: 15px 0;
}
.shop-breadcrumb .woocommerce-breadcrumb {
font-size: 14px;
color: #888888;
}
.shop-breadcrumb .woocommerce-breadcrumb a {
text-decoration: none;
color: #333333;
transition: 0.3s;
}
.shop-breadcrumb .woocommerce-breadcrumb a:hover {
color: #27ae60;
}
.shop-breadcrumb .woocommerce-breadcrumb .sep {
margin: 0 8px;
color: #cccccc;
}
.shop-breadcrumb .woocommerce-breadcrumb span:last-child {
color: #27ae60;
font-weight: 600;
}
/*------ header------ */
.woocommerce-products-header{
width: 100%;
clear: both;
float: left;
margin: 20px 0;
}
.woocommerce-products-header h1.page-title{
font-size: 1.8rem;
line-height: 1;
padding-bottom: 5px;
color: #414141;
display: flex;
gap: 3px;
}
.woocommerce-products-header a{
color: #00569b;
transition: .5s;
}
.woocommerce-products-header a:hover{
color: #1c82c9;
}
.woocommerce-products-header span{
color: #4d6a81;
}
/*------ Shop Container------ */
.shop-main-content{
display: inline-block;
width: 100%;
float: left;
clear: both;
}
.ezy-shop-layout {
display: flex;
gap: 30px;
width: 100%;
float: left;
}
/*------ Sidebar Styling -------*/
.ezy-shop-layout .ezy-shop-sidebar {
width: 280px;
flex-shrink: 0;
}
.ezy-shop-layout .ezy-shop-sidebar .shop-filter-widgets {
background: #fff;
padding: 10px 20px;
border-radius: 5px;
border: 1px solid #eee;
}
.ezy-shop-layout .ezy-shop-sidebar .shop-filter-widgets .ezy-filter-title{
line-height: 1;
border-bottom: 1px solid #e1e1e1;
padding: 5px 0;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filters__open-overlay {
display: none !important;
}
.ezy-shop-layout .shop-filter-widgets .shop-filter-widgets h3.wp-block-heading {
font-size: 16px !important;
font-weight: 700 !important;
color: #333;
margin-bottom: 15px !important;
padding-bottom: 8px;
border-bottom: 2px solid #193461;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider {
padding: 10px 0;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider__range {
height: 6px !important;
background: #37a6ff !important;
border-radius: 10px;
}
.ezy-shop-layout .shop-filter-widgets .range-bar {
background: #0073aa !important;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb {
background: #0073aa !important;
border: 2px solid #fff !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider__content .text input {
border: 1px solid #ddd !important;
border-radius: 4px !important;
padding: 5px 8px !important;
font-size: 13px !important;
font-weight: 600;
color: #00569b;
background: #f9f9f9;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__item {
margin-bottom: 8px !important;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__label {
display: flex !important;
align-items: center;
cursor: pointer;
font-size: 14px;
color: #555;
transition: color 0.3s;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__input-wrapper {
margin-right: 10px !important;
border: 2px solid #ddd !important;
border-radius: 4px !important;
width: 18px !important;
height: 18px !important;
position: relative;
transition: all 0.3s;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__input:checked + .wc-block-product-filter-checkbox-list__mark,
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__input[checked] + .wc-block-product-filter-checkbox-list__mark {
color: #fff !important;
background: #0073aa !important;
border-color: #0073aa !important;
border-radius: 4px;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__label:hover {
color: #0073aa;
}
.ezy-shop-layout .shop-filter-widgets .ezy-clear-filter-box {
margin-top: 20px;
padding-top: 15px;
border-top: 1px dashed #ddd;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-clear-button button {
background: #f4f4f4 !important;
color: #e74c3c !important;
border: 1px solid #eee !important;
border-radius: 6px !important;
font-size: 12px !important;
font-weight: 700 !important;
width: 100%;
transition: 0.3s;
}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-clear-button button:hover {
background: #e74c3c !important;
color: #fff !important;
}
@media (max-width: 768px) {
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filters__open-overlay {
display: flex !important;
background: #27ae60;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
margin-bottom: 20px;
width: 100%;
justify-content: center;
gap: 10px;
}
}
.ezy-shop-layout .sidebar-widget {
background: #fff;
padding: 20px;
border-radius: 8px;
border: 1px solid #eee;
margin-bottom: 20px;
}
.ezy-shop-layout .widget-title {
font-size: 18px;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #27ae60;
}
.ezy-shop-layout .sidebar-widget ul {
list-style: none;
padding: 0;
}
.ezy-shop-layout .sidebar-widget ul li a {
text-decoration: none;
color: #555;
display: block;
padding: 8px 0;
transition: 0.3s;
}
.ezy-shop-layout .sidebar-widget ul li a:hover {
color: #27ae60;
padding-left: 5px;
}
/*---- Shop Product Content filter bar-----*/
.ezy-product-content {
flex-grow: 1;
}
.ezy-product-content .ezy-filter-bar {
background: #ffffff;
padding: 10px;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid #0073aa;
box-shadow: 0 0 3px #ccc;
width: 100%;
align-items: center;
position: relative;
}
.ezy-product-content .ezy-filter-bar .woocommerce-notices-wrapper{}
.ezy-product-content .ezy-filter-bar .woocommerce-result-count{
font-size: 1rem;
width: 50%;
text-align: left;
}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering{width: 50%;display: flex;justify-content: end;}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering select{}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering select:hover{}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering select:hover:focus{}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button{display: none;}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button button.filter-icon{
width: 45px;
height: 45px;
background: #f8f8f8;
border: 1px solid #00569b;
display: flex;
align-items: center;
justify-content: center;
}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button button.filter-icon:hover{}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button svg{
width: 35px;
height: 35px;
color: #00569b;
}
/*---- Shop Product Content Product Grid-----*/
.ezy-product-content ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
list-style: none !important;
padding: 0 !important;
margin: 20px 0 !important;
}
.ezy-product-content .product-card {
width: 100% !important; /* Fill the grid cell */
min-width: 0 !important; /* Disable slider behavior */
background: #fff;
border: 1px solid #bec2c9;
border-radius: 8px;
padding: 15px;
transition: 0.3s;
box-sizing: border-box;
}
.ezy-product-content .product-card a { text-decoration: none; color: #333; }
.ezy-product-content .product-card .product-img {
background: #f9f9f9;
border-radius: 8px;
padding: 15px;
margin-bottom: 10px;
}
.ezy-product-content .product-card .product-img img { width: 100%; height: auto; border-radius: 4px; }
.ezy-product-content .product-card h3 {font-size: 16px;margin: 10px 0;font-weight: 600;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-align: left;}
.ezy-product-content .product-card .product-price {color: #27ae60;font-weight: bold;font-size: 18px;display: flex;flex-direction: row-reverse;gap: 8px;justify-content: flex-end;padding: 0 10px;}
.ezy-product-content .product-card .product-price del{color: #ff3c3c;}
.ezy-product-content .product-card .product-price ins{text-decoration:none;}
.ezy-product-content .product-card .product-actions {display: flex;flex-direction: column;gap: 8px;margin-top: 15px;padding: 0 10px;}
.ezy-product-content .product-card .product-actions .ezy-btn {text-decoration: none;font-size: 15px;font-weight: 600;padding: 10px;border-radius: 4px;transition: 0.3s;text-align: center;background: #ffffff;color: #193461;display: flex;justify-content: center;}
.ezy-product-content .product-card .add-cart {background: #f4f4f4;color: #333;border: 1px solid #ddd;}
.ezy-product-content .product-card .product-actions .add-cart:hover {background: #dfebff8c;}
.ezy-product-content .product-card .product-actions .buy-now {background: #193461;color: #fff;}
.ezy-product-content .product-card .product-actions .added_to_cart{display:none;}
.ezy-product-content .product-card .buy-now:hover {background: #00569b;}
.ezy-product-content .product-card .ajax_add_to_cart.loading { opacity: 0.5; position: relative; }
.ezy-product-content .product-card .ajax_add_to_cart.added::before {content: '\e5ca';color: #27ae60;font-family: 'Material Symbols Outlined';font-size: 1.5rem;align-items: center;line-height: 1;}
/* Responsive Grid */
@media (max-width: 1100px) {
.ezy-product-content ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
.ezy-product-content ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
.ezy-commerce{}
.ezy-shop-container {}
/*------ breadcrumb------ */
.shop-breadcrumb {}
.shop-breadcrumb .woocommerce-breadcrumb {}
.shop-breadcrumb .woocommerce-breadcrumb a {}
.shop-breadcrumb .woocommerce-breadcrumb a:hover {}
.shop-breadcrumb .woocommerce-breadcrumb .sep {}
.shop-breadcrumb .woocommerce-breadcrumb span:last-child {}
/*------ header------ */
.woocommerce-products-header{}
.woocommerce-products-header h1.page-title{}
.woocommerce-products-header a{}
.woocommerce-products-header a:hover{}
.woocommerce-products-header span{}
/*------ Shop Container------ */
.shop-main-content{}
.ezy-shop-layout {flex-direction: column;}
/*------ Sidebar Styling -------*/
.ezy-shop-layout .ezy-shop-sidebar {width: 100%;}
.ezy-shop-layout .ezy-shop-sidebar .shop-filter-widgets {padding: 0;border: none;}
.ezy-shop-layout .ezy-shop-sidebar .shop-filter-widgets .ezy-filter-title{}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filters__open-overlay {}
.ezy-shop-layout .shop-filter-widgets .shop-filter-widgets h3.wp-block-heading {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider__range {}
.ezy-shop-layout .shop-filter-widgets .range-bar {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-price-slider__content .text input {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__item {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__label {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__input-wrapper {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__input:checked + .wc-block-product-filter-checkbox-list__mark,
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__input[checked] + .wc-block-product-filter-checkbox-list__mark {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-checkbox-list__label:hover {}
.ezy-shop-layout .shop-filter-widgets .ezy-clear-filter-box {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-clear-button button {}
.ezy-shop-layout .shop-filter-widgets .wc-block-product-filter-clear-button button:hover {}
/*------ Sidebar Widgets -------*/
.ezy-shop-layout .sidebar-widget {}
.ezy-shop-layout .widget-title {}
.ezy-shop-layout .sidebar-widget ul {}
.ezy-shop-layout .sidebar-widget ul li a {}
.ezy-shop-layout .sidebar-widget ul li a:hover {}
/*---- Shop Product Content filter bar-----*/
.ezy-product-content {}
.ezy-product-content .ezy-filter-bar {}
.ezy-product-content .ezy-filter-bar .woocommerce-notices-wrapper{}
.ezy-product-content .ezy-filter-bar .woocommerce-result-count{}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering{}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering select{}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering select:hover{}
.ezy-product-content .ezy-filter-bar form.woocommerce-ordering select:hover:focus{}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button{}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button button.filter-icon{}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button button.filter-icon:hover{}
.ezy-product-content .ezy-filter-bar .ezy-shop-filter-button svg{}
/*---- Shop Product Content Product Grid-----*/
.ezy-product-content ul.products { grid-template-columns: 1fr !important; }
.ezy-product-content .product-card {}
.ezy-product-content .product-card a {}
.ezy-product-content .product-card .product-img {}
.ezy-product-content .product-card .product-img img {}
.ezy-product-content .product-card h3 {}
.ezy-product-content .product-card .product-price {}
.ezy-product-content .product-card .product-price del{}
.ezy-product-content .product-card .product-price ins{}
.ezy-product-content .product-card .product-actions {}
.ezy-product-content .product-card .product-actions .ezy-btn {}
.ezy-product-content .product-card .add-cart {}
.ezy-product-content .product-card .product-actions .add-cart:hover {}
.ezy-product-content .product-card .product-actions .buy-now {}
.ezy-product-content .product-card .product-actions .added_to_cart{}
.ezy-product-content .product-card .buy-now:hover {}
.ezy-product-content .product-card .ajax_add_to_cart.loading {}
.ezy-product-content .product-card .ajax_add_to_cart.added::before {}
}
/*========================
// Cart Page Codes
//======================*/
.shop-notice .woocommerce-notices-wrapper{display: inline-block;width: 100%;float: left;margin-top: 30px;}
.shop-notice .woocommerce-notices-wrapper .woocommerce-message{margin-bottom: 0;}
.shop-notice.checkout-shop-notice{margin-top: 30px;}
.shop-notice.checkout-shop-notice .woocommerce-info{margin-bottom: 0;}
.shop-notice.checkout-shop-notice .woocommerce-notices-wrapper{margin:0;}
.shop-notice.checkout-shop-notice .checkout_coupon.woocommerce-form-coupon{margin: 0;border: none;padding: 0;display: flex;}
.shop-notice.checkout-shop-notice .checkout_coupon.woocommerce-form-coupon p.form-row{display: flex;margin-top: 10px;max-width: 250px;}
.shop-notice.checkout-shop-notice .checkout_coupon.woocommerce-form-coupon p.form-row input{border: 1px solid #ccc;}
.ezy-cart-container {}
.ezy-cart-container .ezy-cart-layout { display: flex; gap: 30px; align-items: flex-start; }
.ezy-cart-container .ezy-cart-main {flex: 3;}
.ezy-cart-container .ezy-cart-sidebar { flex: 1; background: #f9f9f9; border-radius: 8px; padding: 20px; position: sticky; top: 20px; }
.ezy-cart-container .shop_table.cart { width: 100%; border-collapse: collapse; }
.ezy-cart-container .shop_table.cart th { text-align: left; padding: 15px; border-bottom: 2px solid #eee; font-size: 14px; }
.ezy-cart-container .shop_table.cart td { padding: 15px; border-bottom: 1px solid #eee; vertical-align: middle; }
.ezy-cart-container .product-thumbnail img { width: 60px; height: auto; border-radius: 4px; }
.ezy-cart-container .product-remove a { color: #ff4d4d; font-size: 20px; text-decoration: none; }
.ezy-cart-container .ezy-hidden-update { display: none !important; }
/* Cart Totals Styling */
.ezy-cart-container .cart-collaterals h2 { font-size: 20px; margin-bottom: 20px; border-bottom: 2px solid #27ae60; padding-bottom: 5px; }
.ezy-cart-container .cart_totals table {width: 100%;margin-bottom: 20px;border-spacing: 0 10px;}
.ezy-cart-container .cart_totals .checkout-button { background: #27ae60 !important; color: #fff !important; display: block; text-align: center; padding: 15px !important; border-radius: 5px; font-weight: bold; }
@media (max-width: 991px) {
.ezy-cart-container .ezy-cart-layout { flex-direction: column; }
.ezy-cart-container .ezy-cart-sidebar { width: 100%; position: static; }
}
.ezy-cart-container .ezy-cart-layout {display: flex;gap: 30px;float: left;margin: 30px 0 50px;}
.ezy-cart-container .ezy-cart-main { flex: 3; }
.ezy-cart-container .ezy-cart-sidebar {flex: 1.2;background: #ffffff;padding: 25px;border-radius: 10px;border: 1px solid #eee;}
.ezy-cart-container .cart_totals h2{color: #27ae60;border-bottom: 1px solid;margin-bottom: 15px;}
.ezy-cart-container .cart_totals table{}
.ezy-cart-container .cart_totals table tr{}
.ezy-cart-container .cart_totals table tr:nth-child(2n){}
.ezy-cart-container .cart_totals table th{text-align: left;width: 30%;vertical-align: baseline;}
.ezy-cart-container .cart_totals table td{}
/* Table Styling */
.ezy-cart-container .shop_table.cart { width: 100%; border-radius: 10px; border-collapse: collapse; background: #fff; border: 1px solid #eee; }
.ezy-cart-container .shop_table.cart th { padding: 15px; background: #f4f4f4; text-align: left; }
.ezy-cart-container .shop_table.cart td { padding: 15px; border-bottom: 1px solid #eee; }
.ezy-cart-container .product-thumbnail img { width: 60px; height: auto; border-radius: 5px; }
.ezy-cart-container .shop_table.cart .product-price{}
.ezy-cart-container .shop_table.cart .product-price .amount{font-size: 1.1rem;}
.ezy-cart-container .shop_table.cart .product-price .amount bdi{}
.ezy-cart-container .product-subtotal{}
.ezy-cart-container .product-subtotal .amount{font-size: 1.1rem;}
.ezy-cart-container .product-subtotal .amount bdi{}
.ezy-cart-container .product-quantity{}
.ezy-cart-container .product-quantity .quantity{}
.ezy-cart-container .product-quantity .quantity input{width: 80px;font-size: 1.2rem;text-align: center;}
/* Coupon & Return Shop Buttons */
.ezy-cart-container .ezy-cart-bottom-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; gap: 20px; }
.ezy-cart-container .ezy-cart-layout form.coupon {display: flex;gap: 10px;text-align: left;border-radius: 5px;}
.ezy-cart-container .coupon input { padding: 10px; border: 1px solid #ddd; border-radius: 5px; min-width: 200px; }
.ezy-cart-container .button {background: #333;color: #fff;padding: 12px 25px;border: none;border-radius: 5px;cursor: pointer;text-decoration: none;font-weight: 600;transition: .5s;}
.ezy-cart-container .button.ezy-return-shop {background: #0073aa;color: #ffffff;}
.ezy-cart-container .button.ezy-return-shop:hover {background: #00569b;}
/* Totals Sidebar Buttons */
.ezy-cart-container .checkout-button { background: #27ae60 !important; width: 100%; display: block; text-align: center; margin-top: 20px; }
@media (max-width: 768px) {
.ezy-cart-container .ezy-cart-layout { flex-direction: column; }
.ezy-cart-container .ezy-cart-sidebar{order:1;}
.ezy-cart-container .shop_table.cart td{border:none;}
.ezy-cart-container .shop_table.cart tr{background: #ffffff;}
.ezy-cart-container .shop_table.cart tr:nth-child(2n){background: #f3fbff;}
.ezy-cart-container .product-quantity .quantity input{padding:0;}
.ezy-cart-container .ezy-cart-main{order:2;}
.ezy-cart-container .ezy-cart-bottom-actions { flex-direction: column; align-items: flex-start; }
}
/* empty cart */
.ezy-empty-cart-section .ezy-empty-cart-wrapper {text-align: center;padding: 60px 20px;background: #f9f9f9;border-radius: 15px;margin: 40px 0;}
.ezy-empty-cart-section .ezy-empty-cart-wrapper h3 {font-size: 24px;color: #ff2f2f;margin-bottom: 10px;}
.ezy-empty-cart-section .ezy-empty-cart-wrapper p {color: #666;margin-bottom: 30px;}
.ezy-empty-cart-section .ezy-empty-cart-wrapper .buy-now {padding: 14px 28px;border-radius: 8px;text-decoration: none;font-weight: 700;font-size: 15px;transition: all 0.3s ease;display: inline-block;background: #2296f3;color: #fff;}
/* Hide the empty cart message */
.ezy-page-area .wc-empty-cart-message {display: none;}
/* Hide the Return to Shop button ONLY when it follows the empty message */
.ezy-page-area .wc-empty-cart-message + .return-to-shop,
.ezy-page-area .wc-empty-cart-message ~ .return-to-shop {display: none;}
/*========================
// Checkout Page Codes
//======================*/
/* Layout Container */
.ezy-checkout-container {display: flex;gap: 40px;margin-top: 20px;align-items: flex-start;float: left;width: 100%;margin: 20px 0 50px 0;}
.ezy-checkout-container .ezy-checkout-left {flex: 1.5;background: #fff;}
.ezy-checkout-right {flex: 1;position: sticky;top: 20px;}
/* Order Review Styling */
.ezy-order-review-sticky {background: #f9f9f9;padding: 25px;border-radius: 12px;border: 1px solid #ddd;}
.ezy-checkout-container #order_review_heading {font-size: 20px;margin-bottom: 20px;border-bottom: 2px solid #27ae60;padding-bottom: 10px;}
/* Form Field Adjustments */
.ezy-checkout-container .woocommerce-billing-fields .form-row.billing-country-field{display:none;}
.ezy-checkout-container .woocommerce-billing-fields input,
.ezy-checkout-container .woocommerce-billing-fields select {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 6px;margin-bottom: 15px;}
.ezy-checkout-container .woocommerce-billing-fields .select2-container--default .select2-selection--single{width: 100%;border: 1px solid #ddd;border-radius: 6px;margin-bottom: 15px;height: 38px;display: flex;align-items: center;background: #f8f8f8;line-height: 1;}
.ezy-checkout-container .woocommerce-billing-fields label {font-weight: 600;margin-bottom: 5px;display: block;}
.ezy-checkout-container .ezy-shipping-fields textarea{width: 100%;height: 100px;resize: none;}
.ezy-checkout-container .ezy-shipping-fields textarea:focus{}
.ezy-checkout-container .ezy-checkout-right .shop_table { width: 100%; border-collapse: collapse; }
.ezy-checkout-container .ezy-checkout-right .shop_table th { text-align: left; padding: 15px; border-bottom: 2px solid #eee; font-size: 14px; }
.ezy-checkout-container .ezy-checkout-right .shop_table td { padding: 15px; border-bottom: 1px solid #eee; vertical-align: middle; }
/* Place Order Button */
.ezy-checkout-container #place_order {background-color: #27ae60 !important;color: #fff !important;font-size: 18px !important;padding: 15px !important;border-radius: 8px !important;width: 100%;font-weight: 700;transition: 0.3s;margin-top: 15px;border: none;cursor: pointer;}
.ezy-checkout-container #place_order:hover {background-color: #219150 !important;box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);}
/* Trust Badges */
.ezy-checkout-container .ezy-trust-badges {margin-top: 20px;font-size: 13px;color: #666;}
.ezy-checkout-container .ezy-trust-badges p {margin-bottom: 5px;}
/* Responsive */
@media (max-width: 991px) {
.ezy-checkout-container {flex-direction: column;}
.ezy-checkout-container .ezy-checkout-right {width: 100%;position: static;}
}
/*========================
// Cart/Checkout Steps Codes
//======================*/
.ezy-checkout-steps {padding: 10px 0;background: #fff;border-bottom: 1px solid #eee;float: left;}
.ezy-checkout-steps .steps-wrapper {display: flex;justify-content: space-between;align-items: center;margin: 0 auto;position: relative;}
/* The connecting line */
.ezy-checkout-steps .steps-wrapper::before {content: '';position: absolute;top: 25px;left: 0;right: 0;height: 2px;background: #e0e0e0;z-index: 1;}
.ezy-checkout-steps .step-item {position: relative;z-index: 2;text-align: center;flex: 1;}
.ezy-checkout-steps .step-circle {width: 50px;height: 50px;background: #fff;border: 2px solid #e0e0e0;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 10px;font-weight: 700;color: #999;transition: all 0.3s ease;}
.ezy-checkout-steps .step-label {font-size: 18px;font-weight: 600;color: #999;transition: all 0.3s ease;}
/* Active State Styles */
.ezy-checkout-steps .step-item.active .step-circle {background: #27ae60;border-color: #27ae60;color: #fff;box-shadow: 0 0 15px rgba(39, 174, 96, 0.3);}
.ezy-checkout-steps .step-item.active .step-label {color: #27ae60;}
/* Progress line color between active steps */
.step-item.active + .step-item.active::after {content: '';position: absolute;top: 25px;left: -50%;width: 100%;height: 2px;background: #27ae60;z-index: -1;}
@media (max-width: 600px) {
.ezy-checkout-steps .step-circle { width: 40px; height: 40px; }
.ezy-checkout-steps .step-label { font-size: 12px; }
}
/*========================
// Completed Codes
//======================*/
/* --- Thank You Page Styles --- */
.ezy-thankyou-wrapper {padding: 80px 0;background-color: #fcfcfc;}
.ezy-thankyou-wrapper .ezy-status-card {max-width: 700px;margin: 0 auto 40px;background: #ffffff;padding: 50px 40px;border-radius: 20px;box-shadow: 0 15px 45px rgba(0,0,0,0.06);text-align: center;border: 1px solid #f0f0f0;}
/* Icon Styles */
.ezy-thankyou-wrapper .status-icon {font-size: 64px;margin-bottom: 25px;display: block;}
/* Success vs Error Accents */
.ezy-thankyou-wrapper .ezy-status-success { border-top: 6px solid #27ae60; }
.ezy-thankyou-wrapper .ezy-status-error { border-top: 6px solid #e74c3c; }
.ezy-thankyou-wrapper .ezy-status-card h2 {font-size: 32px;font-weight: 800;margin-bottom: 15px;color: #111;}
.ezy-thankyou-wrapper .ezy-status-success h2 { color: #27ae60; }
.ezy-thankyou-wrapper .ezy-status-error h2 { color: #e74c3c; }
.ezy-thankyou-wrapper .status-desc {color: #666;font-size: 16px;line-height: 1.6;margin-bottom: 35px;}
/* Order Summary Grid */
.ezy-thankyou-wrapper .ezy-order-summary-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;list-style: none;padding: 25px;background: #f8f9fa;border-radius: 12px;margin-bottom: 40px;text-align: left;}
.ezy-thankyou-wrapper .summary-item .label {display: block;font-size: 12px;text-transform: uppercase;color: #888;letter-spacing: 0.5px;margin-bottom: 4px;}
.ezy-thankyou-wrapper .summary-item .value {display: block;font-size: 16px;font-weight: 700;color: #222;}
/* Button Layout */
.ezy-thankyou-wrapper .ezy-status-actions {display: flex;justify-content: center;gap: 15px;}
.ezy-thankyou-wrapper .ezy-btn {padding: 14px 28px;border-radius: 8px;text-decoration: none;font-weight: 700;font-size: 15px;transition: all 0.3s ease;display: inline-block;}
.ezy-thankyou-wrapper .btn-primary { background: #27ae60; color: #fff; border: 1px solid #27ae60; }
.ezy-thankyou-wrapper .btn-dark { background: #222; color: #fff; border: 1px solid #222; }
.ezy-thankyou-wrapper .btn-outline { border: 2px solid #eee; color: #555; }
.ezy-thankyou-wrapper .ezy-btn:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
/* Details Section Styling */
.ezy-thankyou-wrapper .ezy-order-details-bottom {max-width: 800px;margin: 0 auto;}
/* Responsive Adjustments */
@media (max-width: 650px) {
.ezy-thankyou-wrapper .ezy-order-summary-grid { grid-template-columns: 1fr; }
.ezy-thankyou-wrapper .ezy-status-actions { flex-direction: column; }
.ezy-thankyou-wrapper .ezy-status-card { padding: 30px 20px; }
}
/*==============================
/* Single Product Page Codes
==============================*/
.single-product #sidebar, .single-product .site-main {display: none !important;}
.single-product .product {width: 100% !important;float: none !important;}
.single-product-page {width: 100%;display: inline-block;float: left;clear: both;}
.ezy-single-product-layout{}
.ezy-single-product-feature{}
/* --- Single Product Main Layout --- */
.single-product-page .ezy-product-main-info {display: flex;gap: 40px;align-items: flex-start;width: 100%;float: left;margin: 30px 0 50px 0;}
.single-product-page .ezy-product-main-info .ezy-product-gallery {flex: 1.2;position: relative;padding: 15px;box-shadow: 0 0 3px #ccc;}
.single-product-page .ezy-product-main-info .ezy-product-summary {flex: 1;}
/* --- Typography & Price --- */
.single-product-page .ezy-product-summary .product_title {font-size: 2rem;font-weight: 800;line-height: 1.3;margin-bottom: 15px;color: #222;}
.single-product-page .ezy-product-summary .price {
font-size: 24px;
font-weight: 700;
color: #27ae60;
margin-bottom: 25px;
display: flex;
flex-direction: row-reverse;
float: left;
margin-bottom: 15px;
width: max-content;
gap: 15px;
text-decoration: none;
}
.single-product-page .ezy-product-summary .price ins{
text-decoration: none;
}
.single-product-page .ezy-product-summary .price del {
color: #d94040;
font-size: 18px;
margin-right: 10px;
}
/* --- Custom Meta Highlights --- */
.single-product-page .ezy-product-summary .ezy-product-meta-highlights {
background: #f9f9f9;
padding: 5px 20px;
border-radius: 12px;
border: 1px solid #eee;
margin-bottom: 25px;
width: 100%;
float: left;
}
.single-product-page .ezy-product-summary .meta-row {
display: flex;
justify-content: space-between;
padding: 8px 0;
border-bottom: 1px dashed #ddd;
}
.single-product-page .ezy-product-summary .meta-row:last-child { border-bottom: none; }
.single-product-page .ezy-product-summary .meta-label {
font-size: 13px;
text-transform: uppercase;
color: #777;
font-weight: 600;
}
.single-product-page .ezy-product-summary .meta-value {
font-size: 14px;
font-weight: 700;
color: #333;
}
.single-product-page .ezy-product-summary .status-in { color: #2ecc71; }
.single-product-page .ezy-product-summary .sold-count { color: #e67e22; }
/* --- Form & Buttons --- */
.single-product-page .ezy-product-summary form.cart {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
float: left;
}
.single-product-page .ezy-product-summary form.cart .quantity input.qty {
height: 50px;
width: 60px;
border-radius: 8px;
border: 1px solid #ddd;
text-align: center;
font-weight: 700;
}
.single-product-page .ezy-product-summary form.cart .ezy-quantity-wrapper {
display: inline-flex;
align-items: center;
background: #f4f4f4;
border-radius: 8px;
padding: 2px;
border: 1px solid #ddd;
margin-right: 15px;
}
.single-product-page .ezy-product-summary form.cart .qty-btn {
width: 35px;
height: 45px;
border: none;
background: none;
cursor: pointer;
font-size: 20px;
font-weight: bold;
color: #333;
transition: 0.2s;
}
.single-product-page .ezy-product-summary form.cart .qty-btn:hover {
color: #27ae60;
}
.single-product-page .ezy-product-summary form.cart .ezy-quantity-wrapper .quantity {
margin: 0 !important;
padding: 0 !important;
}
.single-product-page .ezy-product-summary form.cart .ezy-quantity-wrapper input.qty {
width: 50px !important;
height: 45px !important;
border: none !important;
background: transparent !important;
padding: 0 !important;
text-align: center;
font-weight: 700;
-moz-appearance: textfield;
}
.single-product-page .ezy-product-summary form.cart .ezy-quantity-wrapper input.qty::-webkit-outer-spin-button,
.single-product-page .ezy-product-summary form.cart .ezy-quantity-wrapper input.qty::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.single-product-page .ezy-product-summary form.cart .single_add_to_cart_button {
height: 50px;
background: #222 !important;
color: #fff !important;
border-radius: 8px !important;
padding: 0 30px !important;
font-weight: 700 !important;
flex-grow: 1;
}
.single-product-page .ezy-product-summary .ezy-custom-buttons-group {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 10px;
}
.single-product-page .ezy-product-summary .ezy-btn {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
border-radius: 8px;
font-weight: 700;
transition: 0.3s ease;
border: none;
cursor: pointer;
}
.single-product-page .ezy-product-summary .btn-buy-now {
background: #f39c12;
color: #fff;
}
.single-product-page .ezy-product-summary .btn-whatsapp {
background: #25D366;
color: #fff;
gap: 8px;
}
.single-product-page .ezy-product-summary .ezy-btn:hover {
filter: brightness(0.9);
transform: translateY(-2px);
}
/* --- Product Meta--- */
.single-product-page .ezy-product-summary .product_meta{
display: flex;
width: 100%;
float: left;
flex-direction: column;
gap: 15px;
}
.single-product-page .ezy-product-summary .product_meta span{}
.single-product-page .ezy-product-summary .product_meta .tagged_as {
display: none !important;
}
.single-product-page .ezy-product-summary .product_meta .posted_in {
display: block;
margin-top: 10px;
font-size: 16px;
color: #666;
}
/* --- Delivery Text--- */
.single-product-page .ezy-product-summary .ezy-delivery-info {padding-top: 20px;border-top: 1px solid #eeeeee;}
.single-product-page .ezy-product-summary .delivery-list {
list-style: none;
padding: 0;
margin: 0;
}
.single-product-page .ezy-product-summary .delivery-list li {
display: flex;
align-items: center;
font-size: 16px;
color: #555;
margin-bottom: 12px;
line-height: 1.4;
}
.single-product-page .ezy-product-summary .delivery-list li .dashicons {
color: #27ae60;
margin-right: 10px;
font-size: 18px;
width: 18px;
height: 18px;
}
.single-product-page .ezy-product-summary .delivery-list li strong {
color: #222;
margin-right: 5px;
}
/* Mobile adjustments */
@media (max-width: 768px) {
.single-product-page .ezy-product-summary .delivery-list li {
font-size: 13px;
}
}
@media (max-width: 991px) {
.ezy-product-main-info {
flex-direction: column;
}
.ezy-product-gallery, .ezy-product-summary {
width: 100%;
}
}
@media (max-width: 480px) {
.ezy-custom-buttons-group {
grid-template-columns: 1fr;
}
}
/*--------- Single Product Gallery-------*/
.single-product-page .ezy-product-gallery span.onsale{width: max-content;display: block;background: red;padding: 5px 20px;line-height: 1;border-radius: 3px;color: #fff;position: absolute;left: 15px;top: 15px;z-index: 1;}
.single-product-page .ezy-product-gallery .woocommerce-product-gallery{display: inline-block;width: 100%;clear: both;float: left;}
.single-product-page .ezy-product-gallery a.woocommerce-product-gallery__trigger{}
.single-product-page .ezy-product-gallery a.woocommerce-product-gallery__trigger span{position: absolute;right: 15px;top: 15px;z-index: 1;cursor: pointer;transition: .5s;}
.single-product-page .ezy-product-gallery a.woocommerce-product-gallery__trigger img.emoji{}
.single-product-page .ezy-product-gallery .flex-viewport{width: 100%;float: left;overflow: hidden;}
.single-product-page .ezy-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper{}
.single-product-page .ezy-product-gallery .flex-viewport .woocommerce-product-gallery__image{}
.single-product-page .ezy-product-gallery .flex-viewport .woocommerce-product-gallery__image.flex-active-slide{}
.single-product-page .ezy-product-gallery .flex-viewport .woocommerce-product-gallery__image a{display: block;float: left;width: 100%;}
.single-product-page .ezy-product-gallery .flex-viewport .woocommerce-product-gallery__image img{}
.single-product-page .ezy-product-gallery .flex-viewport .woocommerce-product-gallery__image a img{}
.single-product-page .ezy-product-gallery .flex-control-nav.flex-control-thumbs{display: flex;float: left;margin-top: 15px;gap: 5px;}
.single-product-page .ezy-product-gallery .flex-control-nav.flex-control-thumbs li{width: 75px;height: 75px;}
.single-product-page .ezy-product-gallery .flex-control-nav.flex-control-thumbs li img{width: 100%;height: 100%;object-fit: cover;}
.single-product-page .ezy-product-gallery .flex-control-nav.flex-control-thumbs li:hover img{}
/*--------- Single Product Details Section-------*/
.single-product-page .ezy-product-detailed-tabs {
border-top: 1px solid #eee;
padding-top: 40px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-tabs ul.tabs {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
margin-bottom: 30px !important;
border: none !important;
background: none !important;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-tabs ul.tabs li {
background: #ffffff !important;
border: none !important;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-tabs ul.tabs li a {
padding: 12px 25px !important;
display: block;
color: #666;
font-weight: 700;
text-decoration: none;
border-bottom: 4px solid #e1e1e1;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-tabs ul.tabs li.active {
background: #27ae60 !important;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-tabs ul.tabs li.active a {
color: #fff !important;
border-bottom: 4px solid #00893a;
}
/*--------- Single Product Details Tab Pane-------*/
.single-product-page .ezy-product-detailed-tabs .woocommerce-Tabs-panel {
line-height: 1.8;
color: #555;
width: 100%;
}
/*--------- Single Product Details Section-------*/
.single-product-page .ezy-product-detailed-tabs .woocommerce-Tabs-panel#tab-description p{font-size: 1.1rem;line-height: 1.5;margin: 15px 0;}
.single-product-page .ezy-product-detailed-tabs table.woocommerce-product-attributes{width: 100%;max-width: 980px;float: left;clear: both;border: 1px solid #e5e5e5;border-spacing: 0; border-radius: 3px;}
.single-product-page .ezy-product-detailed-tabs table.woocommerce-product-attributes tr{background: #fff;}
.single-product-page .ezy-product-detailed-tabs table.woocommerce-product-attributes tr:last-child th,
.single-product-page .ezy-product-detailed-tabs table.woocommerce-product-attributes tr:last-child td{border-bottom: none;}
.single-product-page .ezy-product-detailed-tabs table.woocommerce-product-attributes th{text-align: left;width: 35%;padding: 10px;background: #eeeeee;border-bottom: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;}
.single-product-page .ezy-product-detailed-tabs table.woocommerce-product-attributes td{padding: 10px;border-bottom: 1px solid #d5d5d5;color: #000;}
.single-product-page .ezy-product-detailed-tabs table.woocommerce-product-attributes td p{}
/*--------- Single Product Review & Ratings-------*/
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews {
margin: 40px 0;
width: 100%;
display: inline-block;
float: left;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews-title {
font-size: 22px;
font-weight: 700;
color: #222;
margin-bottom: 30px;
border-bottom: 2px solid #f0f0f0;
padding-bottom: 10px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews #comments{
display: flex;
flex-direction: column;
width: 100%;
float: left;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .commentlist {
list-style: none;
padding: 0;
margin: 0 0 50px 0;
display: flex;
flex-direction: column;
width: 100%;
float: left;
border: 1px solid #f1f1f1;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment_container {
display: flex;
gap: 20px;
width: 100%;
float: left;
padding: 10px;
background: #f8f8f8;
border-bottom: 1px solid #e9e9e9;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment_container:hover {}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment_container img.avatar {
border-radius: 50%;
border: 2px solid #f0f0f0;
flex-shrink: 1;
width: 75px;
height: 75px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-text {flex-grow: 1;}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-text .description{
background: #fff;
padding: 10px;
width: 80%;
border-radius: 8px;
border-left: 4px solid #2296f3;
border-right: 2px solid #2296f3;
margin-bottom: 15px;
}
/* Star Rating Colors */
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .star-rating {
color: #f39c12; /* Golden stars */
font-size: 14px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-text .meta {
font-size: 14px;
color: #777;
margin-bottom: 10px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .woocommerce-review__author {
color: #222;
font-size: 16px;
font-weight: 700;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .verified {
color: #27ae60;
font-style: normal;
font-weight: 600;
margin-left: 5px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .description p {
font-size: 15px;
line-height: 1.6;
color: #444;
margin: 0;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews #review_form_wrapper {
width: 100%;
display: inline-block;
float: left;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond{}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond .comment-reply-title {
display: block;
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
color: #222;
border-bottom: 1px solid #e1e1e1;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond form.comment-form{}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond form.comment-form label {
display: block;
font-weight: 600;
margin-bottom: 8px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond form.comment-form label {
display: block;
font-weight: 600;
margin-bottom: 8px;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond form.comment-form textarea {
width: 100%;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
font-size: 15px;
transition: border-color 0.3s;
background: #fff;
resize:none;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond form.comment-form textarea:focus {
border-color: #27ae60;
outline: none;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond form.comment-form input#submit {
background: #222;
color: #fff;
padding: 12px 35px;
border: none;
border-radius: 8px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
transition: 0.3s;
}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .comment-respond form.comment-form input#submit:hover {background: #27ae60;transform: translateY(-2px);}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars span[role="group"] {display: flex;flex-direction: row-reverse;justify-content: flex-end;}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars a {display: inline-block;font-size: 0;text-decoration: none;margin-left: 5px;cursor: pointer;}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars a::before {content: '\2606'; font-size: 26px;color: #ccc;}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars a:hover::before,
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars a:hover ~ a::before,
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars a.active::before,
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars a.active ~ a::before {content: '\2605';color: #f39c12;}
.single-product-page .ezy-product-detailed-tabs .woocommerce-Reviews .stars a:hover ~ a:hover::before {content: '\2606';}
/* --- Related Products Section --- */
.single-product-page .related.products {padding: 50px 0;border-top: 1px solid #eee;clear: both;}
.single-product-page .related.products h2 {
font-size: 24px;
font-weight: 800;
margin-bottom: 30px;
color: #222;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.single-product-page .related.products ul.products.columns-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
list-style: none;
padding: 0;
margin: 0;
}
.single-product-page .related.products .product-card {
background: #fff;
border: 1px solid #efefef;
border-radius: 12px;
padding: 15px;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
height: 100%;
}
.single-product-page .related.products .product-card:hover {
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
transform: translateY(-5px);
border-color: #27ae60;
}
.single-product-page .related.products .product-img-holder {
position: relative;
overflow: hidden;
border-radius: 8px;
margin-bottom: 15px;
aspect-ratio: 1/1;
}
.single-product-page .related.products .product-img-holder img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.single-product-page .related.products .product-card:hover .product-img-holder img {
transform: scale(1.08);
}
.single-product-page .related.products .product-card h3 {
font-size: 15px;
font-weight: 600;
color: #333;
line-height: 1.4;
margin: 0 0 10px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 42px;
}
.single-product-page .related.products .product-price {
font-size: 18px;
font-weight: 700;
color: #27ae60;
margin-bottom: 15px;
}
.single-product-page .related.products .product-price del {
font-size: 14px;
color: #999;
margin-right: 8px;
font-weight: 400;
}
.single-product-page .related.products .product-price ins {
text-decoration: none;
}
.single-product-page .related.products .product-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: auto;
}
.single-product-page .related.products .ezy-btn {
font-size: 12px;
font-weight: 700;
padding: 10px 5px;
border-radius: 6px;
text-align: center;
text-decoration: none;
transition: 0.3s;
text-transform: uppercase;
}
.single-product-page .related.products .add-cart {
background: #f4f4f4;
color: #333;
border: 1px solid #ddd;
}
.single-product-page .related.products .add-cart:hover {
background: #222;
color: #fff;
border-color: #222;
}
.single-product-page .related.products .buy-now {
background: #f39c12;
color: #fff;
}
.single-product-page .related.products .buy-now:hover {
filter: brightness(0.9);
}
/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
.single-product-page .related.products ul.products.columns-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.single-product-page .related.products ul.products.columns-4 {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.single-product-page .related.products .product-card {
padding: 10px;
}
.single-product-page .related.products .product-actions {
grid-template-columns: 1fr;
}
}