.pre-box-views-cart {
display: flex;
align-items: center;
gap: 5px;
}
.pre-box-views-cart .pre-cart-box,
.pre-box-views-cart .pre-views-box {
flex: 1 1 auto;
}
.pre-cart-box,
.pre-views-box {
display: flex;
align-items: center;
width: 100%;
flex: 0 0 auto;
margin-bottom: 5px;
}
.pre-cart-box .btn,
.pre-views-box .btn {
padding: 0 5px;
width: 100%;
}
.pre-views-box {
text-align: var(--pre-views-align);
}
.pre-views-box .btn {
background-color: var(--pre-views-bg);
border: var(--pre-views-border-width) solid var(--pre-views-border);
text-align: var(--pre-cart-align);
}
.pre-views-box .btn span {
color: var(--pre-views-color);
font-family: var(--pre-views-font);
font-size: var(--pre-views-size);
font-weight: var(--pre-views-weight);
}
.pre-views-box .btn:hover {
background-color: var(--pre-views-bg-hover);
border-color: var(--pre-views-border-hover);
}
.pre-views-box .btn:hover span {
color: var(--pre-views-color-hover);
}
.pre-cart-box {
text-align: var(--pre-cart-align);
}
.pre-cart-box .btn {
background-color: var(--pre-cart-bg);
border: var(--pre-cart-border-width) solid var(--pre-cart-border);
text-align: var(--pre-cart-align);
}
.pre-cart-box .btn span {
color: var(--pre-cart-color);
font-family: var(--pre-cart-font);
font-size: var(--pre-cart-size);
font-weight: var(--pre-cart-weight);
}
.pre-cart-box .btn:hover {
background-color: var(--pre-cart-bg-hover);
border-color: var(--pre-cart-border-hover);
}
.pre-cart-box .btn:hover span {
color: var(--pre-cart-color-hover);
}
.product-detail-items-info {
overflow: hidden;
text-align: center;
}
.product-detail-items-info .item-info-wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(var(--prd-item-info-per-row), 1fr);
gap: 10px;
}
.product-detail-items-info .item-info-wrapper .item-info {
position: relative;
overflow: hidden;
text-align: center;
background-position: center;
}
.product-detail-items-info .item-info-wrapper .item-info .item-img {
height: var(--item1-height, 40px);
text-align: center;
}
.product-detail-items-info .item-info-wrapper .item-info .item-img img {
width: auto;
height: 100%;
display: inline-block;
border-radius: 5px;
padding: 5px;
margin-top: 5px;
}
.product-detail-items-info .item-info-wrapper .item-info .item-title {
text-align: center;
padding: 10px;
}
.product-detail-items-info .item-info-wrapper .item-info .item-title p.item-heading {
color: var(--prd-item-info-heading);
font-size: 15px;
font-weight: bold;
margin: 0 0 10px 0;
}
.product-detail-items-info .item-info-wrapper .item-info .item-title p.item-description {
color: var(--prd-item-info-desc);
font-size: 13px;
line-height: 20px;
}
@media (max-width: 768px) {
.product-detail-items-info .item-info-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
header .header-content {
padding: var(--header-padding);
}
header .header-grid {
display: grid;
gap: var(--bs-gutter-x);
grid-template-columns: var(--header-layout-grid);
padding: 0 var(--bs-gutter-x);
}
header .logo img {
max-height: var(--header-logo-height);
}
header .search {
padding-top: 0;
}
header .search .form-search {
border-color: var(--header-search-br-color);
background-color: var(--header-search-bg-color);
border-radius: var(--header-search-radius);
}
header .search .form-search .form-group {
width: var(--search-input-width);
}
header .search .form-search .form-group .form-control {
background-color: var(--header-search-bg-color);
height: 45px;
}
header .search .form-search .btn-search {
width: var(--header-search-btn-width);
background-color: var(--header-search-btn-bg-color);
color: var(--header-search-btn-txt-color);
border: 2px solid var(--header-search-btn-bg-color);
line-height: 41px !important;
}
header .cart-top {
background-color: var(--theme-color);
border-radius: 8px;
}
header .cart-top .btn-cart-top {
margin-top: 0;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
padding: 5px 0;
}
header .cart-top img {
width: 24px;
}
header .cart-top span {
color: var(--header-cart-txt-color) !important;
}
header .group-account {
line-height: 50px;
padding-right: 15px;
cursor: pointer;
display: flex;
align-items: center;
position: relative;
justify-content: right;
}
header .group-account img {
width: 24px;
margin-right: 10px;
}
header .group-account span {
font-size: 15px;
color: var(--header-hotline-color-phone);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 150px;
}
header .group-account .account-popup {
display: none;
position: absolute;
top: 40px;
right: -15px;
border: none;
margin: 0;
padding: 20px;
z-index: 999;
min-width: 278px;
background-color: #f8f8f8;
box-shadow: 0px 17px 10px 0px rgba(81, 81, 81, 0.23);
border-radius: 5px;
}
header .group-account .account-popup:before {
border: 12px solid transparent;
border-bottom: 12px solid #f8f8f8;
bottom: 100%;
right: 135px;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
header .group-account .account-popup:after {
top: -20px;
right: 0;
content: " ";
height: 20px;
width: 100%;
position: absolute;
}
header .group-account .account-popup a {
display: block;
font-size: 15px;
text-align: center;
margin-bottom: 10px;
}
header .group-account .account-popup a:hover {
background: #fff;
color: var(--theme-color);
border: solid 1px var(--theme-color);
}
header .group-account .account-popup a:last-child {
margin-bottom: 0;
}
header .group-account:hover .account-popup {
display: block;
}
.top-bar {
--top-bar-txt-color: #ffffff;
}
.top-bar {
background: #4E342E;
}
.top-bar {
color: var(--top-bar-txt-color);
}
.top-bar a {
color: var(--top-bar-txt-color);
}
.top-bar a:hover {
color: yellow;
}
.top-bar .contact-list {
display: flex;
align-items: center;
justify-content: start;
gap: 16px;
}
.top-bar .contact-list .contact {
position: relative;
}
.top-bar .contact-list .contact .icon {
color: var(--top-bar-icon-color, var(--top-bar-txt-color));
}
.top-bar .contact-list .contact .icon:hover {
color: yellow;
}
.header-title.header-title-style-1 {
text-align: var(--heading-position);
}
.header-title.header-title-style-1 .header {
text-align: var(--heading-position);
letter-spacing: 0;
padding-bottom: 0;
position: relative;
display: block;
background-color: var(--header-title-bg);
}
.header-title.header-title-style-1 .header-image-bottom {
text-align: var(--heading-position);
}
.header-title.header-title-style-1 .header-image-bottom img {
display: inline-block;
}
.header-title.header-title-style-1 .header-description {
color: var(--heading-des-color);
width: var(--heading-des-width);
margin: var(--heading-des-margin);
max-width: 100%;
}
@media (max-width: 768px) {
.header-title.header-title-style-1 .header-description {
width: 100%;
margin: 0 auto;
}
}
.header-title.header-title-style-16 {
text-align: var(--heading-position);
}
.header-title.header-title-style-16 .header {
background-color: var(--header-title-bg);
text-align: var(--heading-position);
letter-spacing: 0;
padding-bottom: 0;
position: relative;
display: block;
}
.header-title.header-title-style-16 .header-image-bottom {
text-align: var(--heading-position);
}
.header-title.header-title-style-16 .header-image-bottom img {
display: inline-block;
}
.header-title.header-title-style-16 .header-description {
color: var(--heading-des-color);
width: var(--heading-des-width);
margin: var(--heading-des-margin);
max-width: 100%;
}
.boxPrdObjAttr {
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
}
.boxPrdObjAttr .boxItemsAttr {
display: flex;
align-items: center;
grid-gap: 5px;
}
.boxPrdObjAttr .boxItemsAttr .item {
margin: 0;
text-align: center;
}
.boxPrdObjAttr .boxItemsAttr .item.color {
border: 1px solid #ccc;
}
.boxPrdObjBtn {
margin-top: 5px;
display: flex;
justify-content: space-between;
align-items: center;
height: 33px;
margin-bottom: 15px;
}
.boxPrdObjBtn .btn-theme {
padding: 5px 15px;
width: 52%;
}
.post .item .title .seeMore {
margin-left: 0;
border: 1px solid #1c1c1c;
margin-top: 16px;
padding: 9px 16px 11px;
color: #1c1c1c;
font-weight: bold;
}
.post .item .title .seeMore:hover {
background-color: #1c1c1c;
color: #fff;
}
.pre-views-box .btn{
padding: 0;
}
.header-mobile{
padding: 10px 0;
}
.breadcrumb ol {
flex-wrap: wrap;
}
.products-detail .box{
overflow: hidden;
}
.products-detail.fancybox-content{
width: 55%;
}
@media (max-width: 768px) {
.products-detail.fancybox-content{
width: 100%;
}
}