@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

:root {
  --default-color: #a19380;
  --rating-color: #FFD314;
}

/* === ELEMENTS === */
body{
    font-family: 'Josefin Sans', sans-serif;
	color:#000;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	--container-width: 1300px;
}
.container-h{max-width:var(--container-width);}
.text-main {color: var(--default-color)!important;}
.bg-main{background: var(--default-color)!important;}
.total-rate{font-size:13px;}
.fullRate {color: var(--rating-color);}
.fa{font-weight:300;}
.stock-status {font-size: 16px;}

/* BUTTON */
.btn {background:none;border:1px solid #000;border-radius: 0;line-height: 41px;transition:all .2s ease-in;}
.btn:hover {background: #000;color:#fff;border:1px solid #000;opacity:1;}
.btn.std {background:#000;border:none;}
.btn.btn-cmd {font-weight: 400;line-height: 41px;background: #000;border:1px solid transparent;}
.btn.btn-cmd:hover {color:#fff;background: var(--default-color);}
.btn.-g-btn-subscription{line-height:50px;}
.btn.center {max-width: 220px;}
#top a i {background-color: #fff;color: #000;border-radius: 0;box-shadow: 0 3px 8px -1px rgb(0 0 0 / 35%);}
#logo{max-width:100%;}
#logo img{max-height:50px;}

/* ACCOUNT HEADER */
.acount-section {display: inline-block!important;}
.acount-section>ul>li>a>i {font-size: 21px;}
.acount-section ul li a {color: #000;padding-left: 0;margin-left: 8px!important;border-left: none;}
.acount-section ul li a span{display:none;}
.acount-section .search-m{display:inline-block!important;cursor:pointer;}
.cart-header-btn .count{display:none!important;}
.-g-user-icon .-g-user-fidelity-registration-bonus{min-width:60px;}
.-g-user-fidelity-registration-bonus-popup{left:auto;right:0;}
.cart-header-btn .q-cart, 
.cart-m .q-cart, 
.wishlist-header-m .-g-wishlist-product-count, 
.wishlist-header .-g-wishlist-product-count {
	font-size: 11px;color: #fff;background: var(--default-color);
	min-width: 16px;height: 17px;line-height: 19px;
}
.cart-dd .product-name {font-size: 14px;}
.cart-dd .cart-button .btn {font-size: 12px!important;}
.product-remove{line-height: 23px;}
.cart-dd .-g-empty-cart{font-size:15px;}
.main-header .logo-h {text-align:center;}
/* ACCOUNT HEADER MEDIA Q */
@media screen and (max-width: 1090px){
	.acount-section .-g-user-icon{display:none!important;}
}
@media screen and (max-width: 991px){
	.main-header .acount-section{width:100%;padding-left:5px;}
	.acount-section ul li a {margin-left: 5px!important;}
}

/* SEARCH */
.main-header .main.search-form-box{display:none;}
.main-header .main.search-form-box .search-form{max-width:300px;}
.main-header .main.search-form-box .search-form input[type=text]{font-size:15px;border:none;border-bottom: 1px solid #d5d5d5;border-radius:0;background:none;}
.search-form-box.search-toggle .search-modal {display: block!important;position: absolute;top: 20px;right: 25px;font-size: 26px;color: #fff}
.search-form-box.search-toggle .search-close {display: block!important}
.search-form-box.search-toggle {position: fixed;top: 0;left: 0;right: 0;margin: auto;padding: 30px;width: 100%;height: 100%;background: rgba(0,0,0,.85);z-index: 9999;overflow-y: auto;}
.search-form-box.search-toggle .search-form {margin: 50px auto 0;max-width: 1000px}
.search-form-box.search-toggle input[type=text] {background: none;height: 50px;font-weight: 300;font-size: 21px;color: #fff;border: none;border-bottom: 1px solid #fff;border-radius: 0;box-shadow: none;}
.search-form-box.search-toggle input[type=text]::placeholder {color: #fff}
.search-form-box.search-toggle .search-button {font-size:21px;}
.search-form-box.search-toggle .search-button i {color: #fff;}
.search-form-box.search-toggle .autocomplete-suggestion {background: 0 0;box-shadow: none;}
.search-form-box.search-toggle .autocomplete-suggestion div {font-weight: 300;font-size: 17px;color: #fff!important;}
.search-form-box.search-toggle .ac-h {padding: 10px 0;}
.search-form-box.search-toggle .ac-h .ac-head {display: none;}
.search-form-box.search-toggle .ac-h .ac-list {overflow: hidden;height: auto;margin-top: 10px;}
.search-form-box.search-toggle .ac-h .ac-box {float: left;width: calc(25% - 4px);min-height: 260px;padding: 0;border: none;border-radius: 3px;background: #fff;overflow: hidden;position: relative;margin: 0 2px 4px;}
.ac-h .ac-image {display:block;float:none!important;padding: 0!important;width: 100%!important;height: 100%;margin-bottom: 10px;}
.search-form-box.search-toggle .ac-h .ac-image img {
	/*-webkit-object-fit: cover;object-fit: cover;width: 100%;height: 100%;max-height: 100%;*/
	max-height: 420px;
}
.search-form-box.search-toggle .ac-h .ac-title {font-weight:300;font-size: 17px;color: #000;padding:0 15px;margin-bottom: 5px;position: relative;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-form-box.search-toggle .ac-h .ac-title b {font-weight: 500!important;}
.search-form-box.search-toggle .ac-h .ac-price {position: relative;font-weight: 600;font-size: 14px;color:#000!important;padding:0 15px;margin-bottom: 15px;}
.search-form-box.search-toggle .ac-categ a {color: #fff}
/* SEARCH MEDIA Q */
@media screen and (min-width: 1091px){
	.main-header .main.search-form-box{display:block;}
    .main-header .main.search-form-box,
    .main-header .acount-section{width:40%;}
    .main-header .main.search-form-box{order:-1;}
	.main-header .acount-section .search-m{display:none!important;}
}
@media screen and (max-width: 991px){
	.search-form-box.search-toggle .ac-h .ac-box{width: calc(33.333% - 4px);}
}
@media screen and (max-width: 767px){
	.search-form-box.search-toggle .ac-h .ac-box{width: calc(50% - 4px);}
}
@media screen and (max-width: 480px){
	.search-form-box.search-toggle input[type=text] {font-size: 17px;}
	.search-form-box.search-toggle .ac-h .ac-box{width: calc(100% - 10px);}
}

/* MENU */
#wrapper{overflow:initial;}
.main-header .main-menu {min-height: auto;}
.main-header{position:relative;position: -webkit-sticky;position: sticky!important;top:0;z-index:999;box-shadow: 0 2px 7px -4px rgba(0,0,0, .3);-webkit-transition: .2s!important;transition: .2s!important;}
.main-header .cart-header, .top-head {padding-top: 10px;padding-bottom: 10px;}
.main-header .nav-menu-hh,
.main-header .nav-menu{padding:0;}
.main-header .main-menu{background: none;padding:0;}
.main-header .main-menu ul li > a{font-size: 13px;color: #000;}
.main-header .menu-dd{pointer-events: none;}
.main-header .menu-dd.open{top:39px;pointer-events: auto!important;}
.main-header .menu-dd li .title a {font-weight: 600;font-size: 16px;}
.main-header .menu-dd li a {font-weight: 400;font-size: 14px;color: #7d7b7b;}
.main-header .menu-dd li a i {display:none;}

/*menu update*/
.main-header .menu-dd.column2 ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column3 ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd.column4 ul{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.main-header .menu-dd.column3.banner ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column4.banner ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd ul li{width:100%!important;max-width:100%;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
@-moz-document url-prefix() {
	.main-header .menu-dd ul li{float:none!important;}
}
.main-header .nav-menu-hh{position:relative;}
.main-header .menu-dd.column1{width:300px!important;}
.main-header .menu-dd.column1.banner{width:600px!important;}
.main-header .menu-dd.column2{width:550px!important;}
.main-header .menu-dd.column3{width:700px!important;}
.main-header .menu-dd.column4{width:min(calc(var(--container-width) - 60px), calc(100vw - 60px))!important;}
.main-header .menu-dd.column-sld{min-width:400px;}
.main-header .menu-dd.col-sub-img {width: 650px;}
.main-header .menu-dd.col1-img {width: 450px;}
.main-header .menu-dd.column-sld .carousel-slide .owl-next{right: -30px;}
.main-header .menu-dd.column-sld .carousel-slide .owl-prev{left: -30px;}
.menu-trg span,
.menu-trg span:after, 
.menu-trg span:before,
.main-header.fade-menu .menu-trg span,
.main-header.fade-menu .menu-trg span:after, 
.main-header.fade-menu .menu-trg span:before{background:#000;}
.mm-mobile-menu .base-menu>li>a {font-size: 13px!important;letter-spacing: .12em;text-transform:uppercase!important;}
.mm-mobile-menu .menu-dd li .title a {font-weight:500;}
.mobile-icon {display: none!important;}

/* MENU MEDIA Q */
@media screen and (min-width: 1091px){
    .top-head {padding-bottom: 0;}
    .main-header .top-head .row{flex-wrap:wrap;}
    .main-header .logo-h{width:20%;}
    .main-header .logo-h img{margin:0 auto;}
	.main-header .nav-menu{width:100%;}
	.main-header .menu-dd{text-align:left;}
	.main-header .navigation-holder{width:100%;text-align:center;margin-top: 15px;}
}
@media screen and (max-width: 1090px){
	.main-header .navigation-holder{order:-1;}
	.main-header.fix-nav .top-head{padding-top:5px;padding-bottom:5px;}
}
@media screen and (max-width: 991px){
	.main-header .navigation-holder{width:60px;padding-right:5px;}
	.main-header .logo-h{width:100%;max-width: 160px;padding:0;}
}
@media screen and (max-width: 767px){
	.menu-trg{margin:10px 0 0 0;}
}
@media screen and (max-height: 725px){
	.main-header .menu-dd {overflow-y:auto;max-height:550px;}
	.main-header .menu-dd::-webkit-scrollbar {width: 6px;}
	.main-header .menu-dd::-webkit-scrollbar-track {background:rgba(0,0,0,0.2);-webkit-border-radius: 10px;border-radius: 10px;}
	.main-header .menu-dd::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(68, 68, 68, .6);}
	.main-header .menu-dd::-webkit-scrollbar-thumb:window-inactive {background: rgba(68, 68, 68, .4);}
}
@-moz-document url-prefix(){
	.main-header .menu-dd ul li{float:none!important;}
}

/* TITLE */
.title-carousel {margin-bottom: 50px;}
.title-carousel .title {font-size: 29px;font-weight: 600;color: #000;padding: 0;}
.title-carousel hr{display:none;}
/* TITLE MEDIA Q */
@media screen and (max-width: 767px){
	.title-carousel .title {font-size: 24px;}
}

/* CAROUSEL */
.owl-next .fa, .owl-prev .fa{font-weight: 400!important;}
#main-bnn .owl-theme .owl-controls .owl-buttons div,
.carousel-slide .owl-theme .owl-controls .owl-buttons div{font-size: 25px;color:#444;width: 45px;height: 45px;text-align: center;background: rgba(255, 255, 255,.85);box-shadow: 0 2px 7px -2px rgb(0 0 0 / 30%);transition: all .2s ease-in;}
#main-bnn .owl-next, 
#main-bnn .owl-prev{top: 50%;}
#main-bnn .owl-next:hover,
.carousel-slide .owl-next:hover{transform: translateX(-5px);}
#main-bnn .owl-prev:hover,
.carousel-slide .owl-prev:hover{transform: translateX(5px);}
.carousel-slide.-g-slider-background .holder {padding: 20px 12%;}
/* CAROUSEL MEDIA Q */
@media screen and (max-width: 991px){
	.carousel-slide {padding: 0 4px 30px;}
}
@media screen and (max-width: 480px){
	#main-bnn .owl-theme .owl-controls .owl-buttons div,
	.carousel-slide .owl-theme .owl-controls .owl-buttons div{width: 40px;height: 40px;line-height: 40px;}
}


/* TRUST ICON */
.icon-group .col .trust-h .trust-item{flex-direction: row;}
.icon-group .col .icon-label {font-weight: 600;font-size: 16px;}
.icon-group .col .icon-label span{font-weight: 400;font-size: 12px;color:#000;line-height:1.2;margin-top:4px;}
.t-tips {font-weight: 300;font-size: 12px;line-height:1.4;letter-spacing: 0.3px;}
/* TRUST ICON MEDIA Q */
@media screen and (max-width: 991px){
	.icon-group .row {flex-wrap: nowrap;overflow: auto hidden;}
	.icon-group .col {flex-shrink: 0;-webkit-box-flex: 0;flex-grow: 0;width:auto!important;}
	.icon-group .col .trust-h {width: 220px;max-width: 100%;}
}
@media screen and (max-width: 480px){
	.carousel-slide .owl-carousel{padding:0;}
	.icon-group .col .icon-label {font-size: 14px;}
}

/* PIN */
.-g-component-banner-group{padding:0;}
.pinGrid {padding: 0;margin:0;}
.pin{position:relative;padding:0;margin:0 auto;}
.pin .image{overflow: hidden;}
.pin img{transform:scale(1);transition: all .4s ease-out;}
.pin:hover img{transform:scale(1.05);}
.pin .figcaption{position: absolute;top: 0;left: 0;height: 100%;padding: 10%;display: flex;flex-wrap: nowrap;justify-content: flex-end;align-items: flex-start;flex-direction: column;color: #fff;text-align: left;pointer-events:none}
.pin .figcaption a {color:#fff;}
.pin .figcaption .title{font-weight:600;font-size:33px;text-transform:uppercase;margin: 0 0 10px;pointer-events:auto}
.pin .figcaption .banner-btn{font-weight: 600;font-size: 15px;color:#fff;text-transform:uppercase;position:relative;overflow:visible;pointer-events:auto}
.pin .figcaption .banner-btn:after {content: '';display:block;position: absolute;width: 50px;height: 2px;background-color: #FFF;bottom: -5px;left: 0;transition: 0.3s ease-in;}
.pin .figcaption .banner-btn:hover:after {width:100%;}
/* PIN MEDIA Q */
@media screen and (min-width: 1091px){
.pin .figcaption {width: 80%;}
}

/* PRODUCT BOX */
.product-box .box-holder {max-width: 340px;}
.product-box .image {padding-top: 135%;}
.product-box .product-icon-holder {width:100%;aspect-ratio:20/27}
.product-box .title{font-size:16px;color:#000;}
.product-box .price {font-family: 'EB Garamond', serif;font-weight: 400;font-style:italic;font-size: 15px;color: #000;}
.product-box .price .price-full {color: #979797;}
.product-box:not(.list-type) .icon, 
.product-icon-box .icon{float:none;}
.product-icon-box{left:0;}
.product-box .icon, 
.product-icon-box .icon,
.product-box .icon.-g-icon-discount-value, 
.product-icon-box .icon.-g-icon-discount-value{font-size: 13px;font-weight: 400;border-radius:0;height: 24px;line-height: 25px;margin: 8px 8px 0;}
.product-listing .product-box.list-type .product-icon-box .icon{float: left;}
.product-box:not(.list-type) .add-list{position: absolute;top: 0;right: 0;width: 40px;display: flex;flex-direction: column;justify-content: center;flex-wrap: nowrap;transform: translate(60px, 0);opacity: 0;visibility: hidden;transition: all .5s cubic-bezier(0.8, 0, 0.3, 0.95);z-index: 9;}
.product-box:not(.list-type):hover .add-list{transform: translate(-10px, 0);opacity: 1;visibility: visible;}
.product-box:not(.list-type) .add-list .qty-regulator {display: inline-flex;flex-direction:column;align-items: center;justify-content: center;width:unset}
.product-box:not(.list-type) .add-list .qty-regulator .minus,.product-box:not(.list-type) .add-list .qty-regulator .plus {display:flex;align-items:center;justify-content:center;background: #fff;height:40px;width:40px;box-shadow: 0 4px 12px -3px rgb(0 0 0 / 25%);}
.product-box:not(.list-type) .add-list .qty-regulator input[type=text] {margin:0;width: 40px;height: 40px;border: solid 1px #dbdbdb;box-shadow: 0 4px 12px -3px rgb(0 0 0 / 25%);}
.product-box .add-list .btn{background:#fff;color:#000;width:40px;height:40px;font-size:19px;line-height:45px;padding: 0;margin:0 0 7px;border:none;box-shadow: 0 4px 12px -3px rgb(0 0 0 / 25%);transition:all .2s ease-in;}
.product-box .add-list .btn.__GomagAddToCartDisabled {color:transparent!important;line-height:40px}
.product-box .add-list .btn.__GomagAddToCartDisabled:before {content:"\f05e";font-family:'font awesome 6 pro';color:#000;display:block}
.product-box .add-list .btn.__GomagAddToCartDisabled:hover:before {color:#fff}
.product-box .add-list .btn .fa{display:inline-block;}
.product-box .add-list .btn span{display:none;}
.product-box .add-list .btn:hover{background: #000;color:#fff;}
.product-box .versionAttribute a span {font-weight: 500;padding: 4px 8px;min-width: 30px;border-radius: 3px;}
.product-box .versionAttribute a img {overflow: hidden;border-radius: 16px;}
/* PRODUCT BOX MEDIA Q */
@media screen and (max-width: 991px){
	.product-box{padding:0 2px;}
	.product-box:not(.list-type) .add-list{display:none;}
}
@media screen and (min-width:768px) {
	.product-listing .product-box.list-type .image-holder {width: 300px;}
	.product-listing .product-box.list-type .image img {max-height: 300px;}
	.product-listing .product-box.list-type .figcaption{padding-left:35px;}
	.product-listing .product-box.list-type .title{font-size:22px;}
	.product-listing .product-box.list-type .price {font-size: 18px;}
	.product-listing .product-box.list-type .-g-productlist-description {font-size: 15px;font-weight: 300;}
	.product-listing .product-box.list-type .add-list {padding-bottom: 20px;}
}

/* INSTAGRAM */
.instagramContainer{border: none;padding: 5% 5px 0;max-width: 100%;text-align: center;}
.instaHeader{font-size:15px;}
.instaPinGrid{margin:0!important;}

/* FOOTER */
.newsletter-holder{background:#fff;padding:30px 0;text-align:center;border-top: 1px dashed #ddd;}
.newsletter-holder .newsletter{display: flex;justify-content: space-evenly;align-items: center;}
.newsletter-holder .newsletter .title{font-weight: 600;font-size: 37px;padding: 0 10px;}
.newsletter-holder .newsletter .title span{display: block;font-weight: 300;font-size: 20px;}
.newsletter .newsletter-form{margin-top:5px;}
.newsletter .newsletter-form input[type=text] {font-weight: 300;font-size: 17px;color: #000;line-height: 50px;height: 50px;max-width: 280px;padding: 0 20px;border: none;background: #f4f2f2;}
.newsletter .newsletter-form input[type=submit] {display: inline-block;width: 130px;letter-spacing: 1px;line-height: 50px;background: #000000;border-radius: 0;margin:0;}
.newsletter .custom-chk label{font-weight:300;font-size:14px;}

footer{padding: 0!important;background: #f4f2f2;box-shadow: 0 -2px 7px -4px rgb(0 0 0 / 30%);}
.main-footer .col .title {position:relative;font-size: 17px;font-weight: 600;color: #000;margin-bottom: 20px;}
.main-footer .col .title a{color: #000;}
.main-footer .col ul li{margin-bottom: 8px;}
.main-footer .col,
.main-footer .col ul li,
.main-footer .col ul li a,
.main-footer .support a {font-weight: 300;font-size: 15px;color: #000;}
.main-footer .col ul li a {position:relative;display:block;transition: all .25s ease-in-out;}
.main-footer .col ul li a:hover {color: var(--default-color);}
.main-footer .col .footer-submenu li a:hover {transform:translate(5px, 0);}
.main-footer .support .title span {display:block;font-weight: 300;font-size: 15px;color: #000;margin-top:20px;}

.main-footer .social {text-align:center;padding-top:20px;}
.main-footer .social .title{display:none;}
.main-footer .social ul {display:block;}
.main-footer .social ul li {display:inline-block;margin:0;}
.main-footer .social ul li a {font-size: 25px;padding:0 5px;color: #000;}
.copyright-payment {padding:25px 0;font-size:14px;border-top:1px solid #ddd;}
.copyright-payment .copyright{display:inline-block;margin:0;margin-top:6px;}
.copyright-payment .copyright a{font-weight:600;}
.copyright-payment .copyright span{display:inline-block;}
.copyright-payment .payment-accepted {display: flex;flex-wrap: wrap;justify-content: flex-end;}
.copyright-payment .payment-accepted img{display:inline-block;max-height:35px;margin:3px 2px ;}
.-g-footer-affiliate-block .container-h{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

/* FOOTER MEDIA Q */
@media screen and (max-width: 991px){
	.main-footer .col:not(.social){float:left;width:50%;clear: none;padding-top:0;}
	.copyright-payment{text-align:center;}
	.copyright-payment .payment-accepted {justify-content: center;}
}
@media screen and (max-width: 800px){
	.bottom-section .col {border:none!important;}
	.newsletter-holder .newsletter {flex-direction: column;}
	.newsletter-holder .newsletter .newsletter-form {max-width: 100%;margin: 15px auto 0;}
}
@media screen and (max-width: 520px){
	.main-footer .col .title{margin-bottom:15px;}
	.main-footer .col:not(.social){width:100%;text-align:left;}
	.main-footer .col .title .fa{float:right;margin-top: 6px;}
	.main-footer .col .support .title span{margin-top: 5px;}
	.main-footer .col .support .title span:before{display:none;}
	.main-footer .col .support .support-contact{display:block!important;}
}
@media screen and (max-width: 480px){
	.newsletter-holder .newsletter .title span{font-size: 17px;}
	.newsletter-form input[type=text]{max-width: 200px;}
	.newsletter-form input[type=submit] {width: 120px;}
}

/* COMPONENTS */
.-g-banner-fixed .title {letter-spacing: 3px;}
.-g-banner-fixed .btn {line-height: 41px!important;}
/* COMPONENTS MEDIA Q */
@media screen and (min-width:992px) {
    .-g-banner-fixed .subtitle {font-size: 22px!important;line-height: 1.2!important;}
}

/* CATEGORY */
#category-page {padding-top:0;}
#category-page .filter-group{display:none;}
#category-page .category-content{width:100%;}
.breadcrumbs-box{padding-top:30px;}
.breadcrumbs-box ol{text-align:center;}
.breadcrumbs-default ol li,
.breadcrumbs-default ol li a,
.breadcrumbs-box ol li,
.breadcrumbs-box ol li a{font-weight:300;font-size:15px;}
.breadcrumbs-default ol li a,
.breadcrumbs-box ol li a{color: var(--default-color);}
.catTitle {font-size: 30px;padding: 0px 0 60px;text-align: center;text-transform: capitalize;}
.result-section .result{line-height:30px;}
.filter-trg{display:inline-block!important;float: right;margin-left: 5px;margin-right:0;}
.filter.box .title {font-size: 18px;font-weight: 500;margin:0;text-transform:capitalize;}
.filter.box .title-h {padding: 4px 0;margin-bottom: 15px;}
.filter.box .title-h:after,
.filter.box .title-h.line:after {content: '';display: block;border-bottom: 1px solid #dbdbdb;position: absolute;top: 16px;left: 0;width: 100%;z-index: 9;}
.mm-nav-filter .filter.box.-g-category-filters-apply-all {position: sticky;bottom: 0;background: #fff!important;z-index: 99;padding: 10px 15px 0 15px!important;margin: 0 -15px;box-shadow: 0px -1px 3px -2px #00000030!important;}
.option-group li{margin-bottom:5px;}
.option-group li, 
.option-group li a {color: #000;font-size: 15px;font-weight: 300;}
.option-group li a:hover {color: var(--default-color);}
.mm-nav-filter .filter.box .title{font-size:15px;}
/* CATEGORY MEDIA Q */
@media screen and (max-width: 767px){
	.catTitle {padding: 25px 0 ;}
}

/* DETAIL */
.product-page-holder .breadcrumbs-default{text-align:center;}
.breadcrumbs-default {padding-top: 25px;padding-bottom: 25px;}
.detail-title .title span {font-size: 28px;margin-top: 5px;}
.detail-rate-box{margin-top:10px;}
.thumb-sld{display:none;}
.vertical-slider-box,
.vertical-slide-img,
.vertical-slide-img img{max-height:initial!important;}
.prod-lg-sld:hover a,
.fancybox-can-zoomIn .fancybox-content {cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAABo0lEQVRIie2WS04CQRCGP0Fmoywh8QrIHcSFrlwoUa5AJMbHLYhn0JWPg8jCR9iIJmBQ9m7RhS4UF1Wd6ZB52MNoTORPOjPpruqvu7qr0jDVH5IH1IBzoAe8ausBZzrmpQ2tAk/AKKY9AhtpADPAoTXxLbALlIA5bYvAHtCx7Jrqm1gG+gbUYybLANtqa+CJVLWgSw5+FQu+7gr18M+0HmJzDVyGjDXUtw/kXMA1/DMNC685zyBlgTsd34wCjU9ubuYR8PmdlY7pAzjWf6dwPyCrLUXYRO0Y5LaPkDz/tobqlLf6WsTnccuyz2vfMAo0Uc5ZCorAjMsEaYS6jH+zQzW+47Z+V2IWGKVV/V65OJl06gQsyigune51fMsF7CEFf4SUwSC1gIuQsR31HQCzLmCQXDYls+Lgtwy8q++aK9SoacEbSAjDlEV2aqDPQCEpOGPBR0gZ3EeKw7y2MnCAf6YGauyLSeEgZa9PfAEZIOEt4NfqieE5pOCfAl3gBXn69IET5PbaF6mYJtxVBfyXSRdY+DdwO+w3vwk28Dbhr5apflZfmcORXr6V40MAAAAASUVORK5CYII=), zoom-in;}
.detail-price{font-weight:500;font-size:20px;margin-top:15px;margin-bottom:15px;}
.detail-price s {font-weight:400;font-size:16px;color: #83868c;}
.short-description {font-weight: 300;font-size: 17px;color: #000000;line-height: 1.3;border-top: 1px solid #e7e7e7;padding-top: 20px;}

.__optionSelectorImage {overflow: hidden;border: 1px solid #f2f2f2;border-radius: 3px;margin-right: 4px;margin-bottom: 4px;width: 80px;height:auto;background: #f2f2f2;}
.__optionSelectorImage:hover{border:1px solid #000;}
.__optionSelectorImage a:before{display:none;}
.__optionSelectorImage a{height:auto;}
.__versionProductImage {max-height: 110px;}
.-g-version-attribute-holder .-g-versions-attribute-name {font-size:16px;}
.-g-version-attribute-holder .-g-versions-attribute-name span{font-weight:700;}
.detail-product-atributes .input-s {font-weight:600;font-size:14px;border:1px solid #000;min-height: 40px;}

.add-section .qty-regulator {position:relative;margin: 0 15px 5px 0;padding-right: 35px;width:80px;}
.add-section .qty-regulator input[type=text] {border: 1px solid #000;width: 45px;height: 51px;font-size: 17px;line-height: 50px;}
.add-section .qty-regulator .minus,
.add-section .qty-regulator .plus{position:absolute;right:0;border: 1px solid #000;height: 26px;width: 36px;line-height: 28px;font-size: 14px;}
.add-section .qty-regulator .minus{bottom:0;}
.add-section .qty-regulator .plus{top:0;}
.add-section .add2cart{font-weight: 600;line-height:50px;letter-spacing: .5px;}
.add-section .add2cart:hover{background:#000;color:#fff;}
.product-code{padding-top:15px;border-top: 1px solid #dbdbdb;}
.product-code .code, 
.product-code .help-phone {font-size: 15px;color: #000;}
.wish-section{margin-top:10px;}
.wish-section .col{font-size:15px;margin-right: 15px;}
.wish-section {padding-top: 0;border-top: none;border-bottom: 1px solid #dbdbdb;}

.extra-offer .detail-price {display: block;margin: 10px 0;position: relative;}
.extra-offer{border:none;border-top: 1px solid #dfdfdf;}
.extra-offer .extra-offer-title{display:inline-block;position:relative;font-weight: 600;color: #000;font-size: 15px;text-transform: capitalize;}
.extra-offer .extra-offer-title:after {border-bottom: 2px solid var(--default-color);bottom: -2px;left: 0;content: '';position: absolute;width: 100%;}
.extra-offer .box {border:none;border-top: 1px solid #dfdfdf!important;}
.extra-offer .box ul li {padding: 0 2px;}
.extra-offer .prod-img {font-weight: 400;}
.extra-offer .prod-img img {max-height: 280px;border-radius:2px;}
.extra-offer .prod-img span {max-width: 160px;}
.extra-offer .detail-price {display: block;margin: 10px 0;}
.extra-offer .buy .btn {line-height: 35px;}
.extra-offer.carousel-slide .owl-theme .owl-controls .owl-buttons div {top: 45%;}

.detail-tabs,
.detail-recomended{width:100%;}
.detail-tabs .resp-tabs-list li{position:relative;display:inline-block;float:none;font-weight: 500;font-size: 13px!important;letter-spacing: .12em;text-transform: uppercase;padding: 12px 10px!important;border-top:1px solid #ddd;border:none!important;background:none!important;margin-bottom:0!important;}
.detail-tabs .resp-tabs-list li:after {border-bottom: 2px solid var(--default-color);bottom: -1px;left: 0;content: '';position: absolute;transform: scale(0);transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;width: 100%;}
.detail-tabs .resp-tabs-list li:hover:after,
.detail-tabs .resp-tabs-list li.resp-tab-active:after {transform: scale(1);}
.detail-tabs .description-tab h3 {font-weight: 300;font-size: 32px;color: #000;line-height: 1.3;margin-bottom: 20px;}
.detail-tabs .description-tab p{margin-bottom:10px;}
.detail-tabs .resp-tab-content ul, 
.short-description ul {list-style: initial;padding: 15px 20px 0 15px;}
.detail-tabs .resp-tab-content ul li{margin-bottom: 3px;}
.detail-tabs .description-tab {font-weight: 300;font-size: 14px;color: #000;line-height: 1.3;}
.detail-tabs .resp-tabs-container{border-top: 1px solid #dfdfdf!important;}
.detail-tabs .resp-tab-content{border:none;font-size: 18px;max-width: 1080px;margin: 0 auto;}
.detail-tabs .resp-accordion {font-weight: 500;font-size: 17px!important;color:#000;padding: 15px!important;border:none!important;border-bottom:1px solid #ddd!important;background:none!important;}
/* DETAIL MEDIA Q */
@media screen and (min-width:992px) {
	.detail-tabs .resp-tab-content {padding: 60px 50px;}
	.detail-tabs .video-tab {padding: 60px 100px;}
}
@media screen and (max-width: 991px){
	.extra-offer .box {padding: 20px 0;}
}
@media screen and (min-width:768px) {
	.detail-tabs .resp-tabs-list{display:block;text-align:center;}
	.product-page-holder .-g-product-details-holder{position: sticky;top: 120px;width:35%;transition:top 0.3s ease;}
	.product-page-holder .detail-slider-holder{position: sticky;top: 120px;width:65%;padding-right: 5%;}
	.prod-lg-sld, .prod-lg-sld:not(.slick-initialized){visibility: visible;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;}
	.prod-lg-sld li{width: 50%;padding: 0 5px;margin-bottom: 10px;
}
	.vertical-slide-img img{border-radius:2px;}
}
@media screen and (max-width: 767px){
	.detail-tabs .resp-tab-content {border:none!important;}
	.detail-slider-holder{padding:0;}
	.detail-title .title span {font-size: 21px;margin-top: 10px;}
	.extra-offer .buy {text-align: center;}
}

/* CART */
.main-header.-g-pagetype-cart{position:relative!important;}
#shoppingcart {padding-top:10px;max-width:1200px;}
.cart-box {border: none;}
.cart-head {background: none;border-top: 1px solid #dfdfdf;border-bottom: 1px solid var(--default-color);}
.cart-head li{color:#000;}
.cart-items>li {border-bottom: 1px solid #dfdfdf;}
.free-account, .free-account .new-checkbox {font-weight: 400;font-size: 14px;margin-bottom:0;}
.checkout .-g-checkout-summary {border:none;border-top: 1px solid var(--default-color);}
.cart-items .info-prod .title {font-size: 15px;}
.cart-items .info-prod ul li {font-weight: 400;}
.form-h {margin-bottom: 10px;}
.custom-chk {margin-bottom: 0;}
/* CART MEDIA Q */
@media screen and (max-width: 767px){
	.main-header .cart-header .row{justify-content: center;}
}

#succes-page .newsletter .newsletter-form {padding-right: 0;}
#succes-page .newsletter input[type=submit] {height: 50px;line-height: 50px;}
@media screen and (max-width: 800px){
	#succes-page .newsletter .newsletter-form {max-width: 100%;}
}


@media screen and (min-width:992px){.title-carousel .title,.title-carousel .title a.-g-banner-fixed .title,.catTitle{font-size:32px;}}
.title-carousel .title,.title-carousel .title a,.-g-banner-fixed .title,.catTitle{color:#d8c28e;}
.btn.std{background:#d8c28e;}
.btn.btn-cmd{background: #d8c28e;} .-g-one-time-offers .-g-one-time-cart-label {background: #d8c28e20;}
@media screen and (max-width:991px){.icon-group .row {flex-wrap:wrap;justify-content:center;} .icon-group .col {max-width:50%;} .icon-group .col .icon-label {text-align:center;} .icon-group .col .trust-h .trust-item {flex-direction:column;} .icon-group .col .icon {margin:0 0 10px 0;}}
.main-header .main-menu ul li > a,.main-header .acount-section ul li > a, .search-button, .cart-header a, .contact-cart, .main-header .main.search-form-box .search-form input[type=text], .main-header .main.search-form-box .search-form input[type=text]::placeholder, .international-header .flag-select{color: #d8c28e!important;} .main-header .menu-trg span, .main-header .menu-trg span:after, .main-header .menu-trg span:before {background:#d8c28e}
footer{background:#402e00;}.copyright-payment{border:1px solid #00000020;}
.main-footer .col .title, .main-footer .col .title a{color: #ffffff;}.main-footer .col .title:after,.bottom-section .title span:before{border-bottom: 1px solid #ffffff;}
.main-footer .col,.main-footer .col ul li,.main-footer .col ul li a,.main-footer .support a,.main-footer .support .title span,.copyright-payment .copyright,.copyright-payment .copyright a{color: #ffffff;}
@media screen and (min-width:992px){.product-box .title{font-size:14px;}}
.product-box .title{-webkit-line-clamp: 3;}
.product-box .title{font-weight: 600;}
@media screen and (min-width:992px){.product-box .price{font-size:18px !important;}}
.product-box .price, .product-box .price .text-main, .detail-price, .cart-items .price .text-main, .cart-dd .price .text-main, .extra-offer .box-offer .price .text-main, .wishlist-box .price .text-main, .ac-price .text-main{color: #d8c28e !important;}
.product-box .image {padding-top: 125%;} .product-box .product-icon-holder{aspect-ratio: 4/5}
.icon.discount{background: #db3333 !important; }
.detail-title .title span{font-weight: 600;}
.detail-title .title span{text-transform: none;text-transform: none;text-transform: capitalize;}
/*align-to-right*/

/* GOMAG CUSTOM STYLES - Simplified */

/* Colors */
/* Main color (brighter version of #f9eee0) */
/* Secondary color (nicer version of #d2ba80) */

/* LOGO SIZE - Specific targeting for Gomag header */
#logo img,
.logo-h img,
.logo-h #logo img {
    max-height: 120px !important;
    height: auto !important;
    width: auto !important;
    max-width: 400px !important;
    min-width: 250px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Logo container improvements - Minimal padding for compact header */
.logo-h,
.col-sm-2.logo-h {
    padding: 4px 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Reduce overall header height */
.row:first-child,
header .row {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Reduce header row padding - More compact */
header .row > div {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Reduce search and account section padding */
.search-form-box,
.acount-section,
.main.search-form-box {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* Reduce navigation menu height */
#navigation,
#main-menu,
.navigation-holder {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@media screen and (min-width: 1091px) {
    .main-header .navigation-holder {
        width: 100%;
        text-align: center;
        margin-top: -40px !important;
    }
}

#logo {
    display: inline-block !important;
    line-height: 0 !important;
    transition: transform 0.3s ease !important;
}

#logo:hover {
    transform: scale(1.02) !important;
}

/* General logo fallbacks */
header .logo img,
.header .logo img,
.site-header .logo img,
.logo img {
    max-height: 120px !important;
    height: auto !important;
    width: auto !important;
    max-width: 400px !important;
}

header .logo-text,
.header .logo-text,
.logo a {
    font-size: 2.5rem !important;
    font-weight: 400 !important;
}

.logo-container,
.header-logo {
    padding: 4px 15px !important;
}

/* BANNER WITH CALL-TO-ACTION - 70vh height, full width */
.hero-banner,
.banner-section,
.main-banner {
    position: relative;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 70vh !important;
    min-height: 70vh !important;
    max-height: 70vh !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    left: 0 !important;
    right: 0 !important;
}

/* Break out of container constraints */
.container .hero-banner,
.container .banner-section,
.container .main-banner,
.row .hero-banner,
.row .banner-section,
.row .main-banner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

.hero-banner::before,
.banner-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.3) 100%);
    z-index: 1;
}

.banner-content,
.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 40px 20px;
    margin: 0 auto;
}

.banner-title,
.hero-title {
    font-size: 4rem;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 20px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
}

.banner-subtitle,
.hero-subtitle {
    font-size: 2.5rem;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 40px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    line-height: 1.4;
}

.banner-buttons,
.cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

/* Primary Button - Main Color */
.cta-button-primary,
.banner-btn-primary {
    display: inline-block;
    padding: 16px 40px;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    min-width: 300px;
}

.cta-button-primary:hover,
.banner-btn-primary:hover {
    background-color: #fffbf5;
    border-color: #fffbf5;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
    color: #2c2c2c;
}

/* Secondary Button - Secondary Color */
.cta-button-secondary,
.banner-btn-secondary {
    display: inline-block;
    padding: 16px 40px;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: transparent;
    border: 3px solid #d8c28e;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    min-width: 300px;
}

.cta-button-secondary:hover,
.banner-btn-secondary:hover, 
.btn-cmd:hover {
    background-color: #dcc896 !important;
    border-color: #dcc896 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
    color: #ffffff !important;
}

/* Background Colors */
.bg-main {
    background-color: #fff8f0 !important;
}

.bg-secondary {
    background-color: #d8c28e !important;
}

/* PRODUCT CAROUSEL - Normalize Product Box Heights */
/* Fixes misaligned product images in carousel sections */
.product-box-h {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.box-holder {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

/* Image Container - Fixed Height */
.product-box .image,
.product-box-h .image,
.box-holder .image {
    display: block;
    width: 100%;
    height: 280px;
    min-height: 280px;
    max-height: 280px;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
}

/* Product Images - Cover to fill container */
.product-box img.listImage,
.product-box-h img.listImage,
.box-holder img.listImage,
.product-box .listImage,
.product-box-h .listImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Ensure top-side-box and bottom-side-box maintain structure */
.top-side-box {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.bottom-side-box {
    margin-top: auto;
}

/* Owl Carousel Items - Equal Heights */
.owl-item {
    display: flex;
    align-items: stretch;
}

.owl-item .product-box-h {
    width: 100%;
    height: 100%;
}

/* GOMAG CAROUSEL TITLES - Normalize and Style */
/* Target Gomag carousel titles (NOUTATI, RECOMANDARI, PROMOTII, etc.) */
.title-carousel p.title,
.title-carousel .title {
    font-size: 4rem !important;
    font-weight: 500 !important;
    color: #d8c28e !important;
    text-transform: capitalize !important;
    letter-spacing: normal !important;
    text-align: center;
    line-height: 1.2;
    margin: 0;
}

/* Ensure consistent styling across all Gomag carousel sections */
.slider_new_h .title-carousel p.title,
.slider_new_h .title-carousel .title {
    font-size: 4rem !important;
    font-weight: 500 !important;
    color: #d8c28e !important;
    text-transform: capitalize !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    /* Logo on tablet */
    #logo img,
    .logo-h img {
        max-height: 90px !important;
        max-width: 300px !important;
        min-width: 200px !important;
    }
    
    .logo-h,
    .col-sm-2.logo-h {
        padding: 4px 10px !important;
    }
    
    /* Banner 70vh on tablet */
    .hero-banner,
    .banner-section {
        height: 60vh !important;
        min-height: 60vh !important;
        max-height: 60vh !important;
    }
    
    .banner-title,
    .hero-title {
        font-size: 4rem;
    }
    
    .banner-subtitle,
    .hero-subtitle {
        font-size: 2rem;
    }
    
    .banner-buttons,
    .cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .cta-button-primary,
    .cta-button-secondary,
    .banner-btn-primary,
    .banner-btn-secondary {
        width: 100%;
        max-width:300px !important;
    }
    
    header .logo img,
    .header .logo img {
        max-height: 90px !important;
    }
    
    header .logo-text,
    .header .logo-text {
        font-size: 2rem !important;
    }
    
    /* Product Carousel - Responsive */
    .product-box .image,
    .product-box-h .image,
    .box-holder .image {
        height: 240px;
        min-height: 240px;
        max-height: 240px;
    }
    
    /* Gomag Carousel Titles - Responsive */
    .title-carousel p.title,
    .title-carousel .title,
    .slider_new_h .title-carousel p.title,
    .slider_new_h .title-carousel .title {
        font-size: 3rem !important;
    }
}

@media (max-width: 480px) {
    /* Logo on mobile */
    #logo img,
    .logo-h img {
        max-height: 70px !important;
        max-width: 250px !important;
        min-width: 180px !important;
    }
    
    .logo-h,
    .col-sm-2.logo-h {
        padding: 3px 10px !important;
        text-align: center !important;
        justify-content: center !important;
    }
    
    /* Banner 70vh on mobile */
    .hero-banner,
    .banner-section {
        height: 60vh !important;
        min-height: 60vh !important;
        max-height: 60vh !important;
    }
    
    .banner-title,
    .hero-title {
        font-size: 3rem;
        margin-bottom: 15px;
    }
    
    .banner-subtitle,
    .hero-subtitle {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }
    
    .banner-content,
    .hero-content {
        padding: 20px 15px;
    }
    
    .cta-button-primary,
    .cta-button-secondary,
    .banner-btn-primary,
    .banner-btn-secondary {
        padding: 14px 30px;
        font-size: 1rem;
        max-width: 240px !important;
        min-width: 240px !important;
    }
    
    /* Product Carousel - Mobile */
    .product-box .image,
    .product-box-h .image,
    .box-holder .image {
        height: 220px;
        min-height: 220px;
        max-height: 220px;
    }
    
    /* Gomag Carousel Titles - Mobile */
    .title-carousel p.title,
    .title-carousel .title,
    .slider_new_h .title-carousel p.title,
    .slider_new_h .title-carousel .title {
        font-size: 2.5rem !important;
    }
}



/* TRUST & BENEFITS SECTION STYLES */
/* Add this to your custom-gomag-styles.css */

.trust-benefits-section {
    padding: 40px 20px;
    background-color: #ffffff;
    margin: 0;
}

.trust-benefits-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.section-header {
    text-align: center;
    margin-bottom: 40px;
}

.section-title {
    font-size: 4rem;
    font-weight: 500;
    color: #d8c28e;
}

.section-subtitle {
    font-size: 1.8rem;
    color: #666666;
    font-weight: 300;
}

/* Benefits Grid - Matching Values Grid */
.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.benefit-card {
    background-color: #ffffff;
    padding: 40px 30px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid transparent;
}

.benefit-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
    border-color: #d8c28e;
}

.benefit-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #fff8f0 0%, #d8c28e 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 3.5rem;
    transition: transform 0.3s ease;
}

.benefit-card:hover .benefit-icon {
    transform: scale(1.1) rotate(5deg);
}

.benefit-icon i {
    color: #ffffff !important;
}

.benefit-title {
    font-size: 2rem;
    font-weight: 600;
    color: #2c2c2c;
    line-height: 1.3;
}

.benefit-text {
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.7;
    margin: 0;
}

/* Payment & Shipping Row - Simplified */
.payment-shipping-row {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -15px 0 -15px;
}

.payment-shipping-card {
    background-color: #fff8f0;
    padding: 35px 30px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    flex: 1 1 300px;
    margin: 15px;
    min-width: 300px;
    max-width: 100%;
}

.card-title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #2c2c2c;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.card-title i,
.card-title .icon-symbol {
    margin-right: 12px;
    color: #d8c28e;
    font-size: 1.5rem;
    display: inline-block;
}

/* Payment Methods - Simplified */
.payment-methods {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}

.payment-item {
    display: flex;
    align-items: center;
    padding: 12px;
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 1.1rem;
    color: #2c2c2c;
    transition: background-color 0.3s ease;
    flex: 1 1 45%;
    margin: 7px;
    min-width: 140px;
    font-weight: 500;
}

.payment-item:hover {
    background-color: #f5f5f5;
}

.payment-item i,
.payment-item .icon-symbol {
    color: #d8c28e;
    font-size: 1.2rem;
    width: 20px;
    text-align: center;
    margin-right: 12px;
    display: inline-block;
}

/* Shipping Info */
.shipping-info {
    display: flex;
    flex-direction: column;
}

.shipping-item {
    display: flex;
    align-items: center;
    padding: 12px;
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 1.1rem;
    color: #2c2c2c;
    transition: background-color 0.3s ease;
    font-weight: 500;
}

.shipping-item:hover {
    background-color: #f5f5f5;
}

.shipping-item i,
.shipping-item .icon-symbol {
    color: #d8c28e;
    font-size: 1.2rem;
    width: 20px;
    text-align: center;
    margin-right: 12px;
    display: inline-block;
}

.shipping-item strong {
    color: #2c2c2c;
    margin-right: 5px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .trust-benefits-section {
        padding: 60px 15px;
        margin: 0;
    }
    
    .section-header {
        margin-bottom: 35px;
    }

    .section-title {
        font-size: 3rem;
    }

    .section-subtitle {
        font-size: 1.4rem;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .benefit-card {
        padding: 30px 25px;
    }
    
    .benefit-icon {
        width: 80px;
        height: 80px;
        font-size: 3rem;
    }
    
    .benefit-title {
        font-size: 1.6rem;
    }
    
    .benefit-text {
        font-size: 1.2rem;
    }
    
    .card-title {
        font-size: 1.4rem;
    }
    
    .payment-item,
    .shipping-item {
        font-size: 1rem;
    }

    .payment-shipping-row {
        margin: 20px -10px 0 -10px;
    }
    
    .payment-shipping-card {
        flex: 1 1 100%;
        margin: 10px;
        min-width: auto;
    }

    .payment-methods {
        margin: 0 -5px;
    }
    
    .payment-item {
        flex: 1 1 100%;
        margin: 5px;
        min-width: auto;
    }
}

@media (max-width: 480px) {
    .trust-benefits-section {
        padding: 30px 10px;
    }
    
    .section-header {
        margin-bottom: 30px;
    }

    .section-title {
        font-size: 2.5rem;
    }

    .benefit-card {
        padding: 25px 20px;
    }

    .benefit-icon {
        width: 70px;
        height: 70px;
        font-size: 2.5rem;
    }

    .payment-shipping-card {
        padding: 25px 20px;
    }
}




/* BRAND STORY SECTION STYLES */
/* Add this to your custom-gomag-styles.css */

.brand-story-section {
    padding: 40px 20px;
    background-color: #ffffff;
    margin: 0;
}

.brand-story-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header Above Image */
.story-header {
    text-align: center;
    margin-bottom:40px;
}

/* Hero Section: Image (left) + Intro (right) - Split Layout */
.story-hero {
    display: flex;
    align-items: stretch;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.hero-image-wrapper {
    flex: 0 0 65%;
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

.hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 500px;
}

.hero-image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 248, 240, 0.4) 40%, rgba(255, 248, 240, 0.9) 100%);
    pointer-events: none;
    z-index: 1;
}

.hero-content {
    flex: 0 0 35%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 30px;
    background: linear-gradient(to left, #fff8f0 0%, rgba(255, 248, 240, 0.95) 20%, #ffffff 100%);
    position: relative;
    z-index: 1;
}

.story-intro {
    max-width: 800px;
    position: relative;
    z-index: 2;
}

.story-title {
    font-size: 4rem;
    font-weight: 500;
    color: #d8c28e;
    line-height: 1.2;
}

.story-tagline {
    font-size: 1.8rem;
    color: #666666;
    font-weight: 300;
    font-style: italic;
    margin: 0;
}

.story-intro {
    max-width: 800px;
}

.intro-text {
    font-size: 1.6rem;
    color: #2c2c2c;
    line-height: 1.8;
}

/* RESPONSIVE */
@media (max-width: 968px) {
    .story-hero {
        flex-direction: column;
    }
    
    .hero-image-wrapper {
        flex: 0 0 auto;
        min-height: 400px;
    }
    
    .hero-image-wrapper::after {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 248, 240, 0.4) 40%, rgba(255, 248, 240, 0.9) 100%);
    }
    
    .hero-content {
        flex: 0 0 auto;
        padding: 35px 30px;
        background: linear-gradient(to bottom, #fff8f0 0%, rgba(255, 248, 240, 0.95) 20%, #ffffff 100%);
    }
    
    .hero-image {
        min-height: 400px;
    }
}

@media (max-width: 768px) {
    .brand-story-section {
        padding: 40px 15px;
        margin: 0;
    }
    
    .story-hero {
        flex-direction: column;
    }
    
    .story-header {
    margin-bottom:35px;
}
    
    .hero-image-wrapper {
        min-height: 350px;
    }
    
    .hero-image-wrapper::after {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 180px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 248, 240, 0.4) 40%, rgba(255, 248, 240, 0.9) 100%);
    }
    
    .hero-image {
        min-height: 350px;
    }
    
    .hero-content {
        padding: 30px 25px;
        background: linear-gradient(to bottom, #fff8f0 0%, rgba(255, 248, 240, 0.95) 20%, #ffffff 100%);
    }
    
    .story-title {
        font-size: 3rem;
    }
    
    .story-tagline {
        font-size: 1.6rem;
    }
    
    .intro-text {
        font-size: 1.4rem;
    }
}

@media (max-width: 480px) {
    .brand-story-section {
        padding: 30px 10px;
    }
    
    .story-header {
    margin-bottom:30px;
}
    
    .story-hero {
        border-radius: 12px;
        flex-direction: column;
    }
    
    .hero-image-wrapper {
        min-height: 300px;
    }
    
    .hero-image-wrapper::after {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 248, 240, 0.4) 40%, rgba(255, 248, 240, 0.9) 100%);
    }
    
    .hero-image {
        min-height: 300px;
    }
    
    .hero-content {
        padding: 25px 20px;
        background: linear-gradient(to bottom, #fff8f0 0%, rgba(255, 248, 240, 0.95) 20%, #ffffff 100%);
    }
    
    .story-title {
        font-size: 2.5rem;
    }
    
    .story-tagline {
        font-size: 1.4rem;
    }
    
    .intro-text {
        font-size: 1.2rem;
    }
}


/* VALUES & PHILOSOPHY SECTION STYLES */
/* Add this to your custom-gomag-styles.css */

.values-philosophy-section {
    padding: 60px 20px;
    background: linear-gradient(to bottom, #ffffff 0%, #fff8f0 100%);
    margin: 0 0 40px 0;
}

.values-philosophy-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.section-header {
    text-align: center;
    margin-bottom: 40px;
}

.section-title {
    font-size: 4rem;
    font-weight: 500;
    color: #d8c28e;
}

.section-subtitle {
    font-size: 1.8rem;
    color: #666666;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
    font-style: italic;
}

/* Values Grid */
.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.value-card {
    background-color: #ffffff;
    padding: 40px 30px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 2px solid transparent;
}

.value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
    border-color: #d8c28e;
}

.value-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    background: linear-gradient(135deg, #fff8f0 0%, #d8c28e 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 3.5rem;
    transition: transform 0.3s ease;
}

.value-card:hover .value-icon {
    transform: scale(1.1) rotate(5deg);
}

.value-icon i {
    color: #ffffff !important;
}

.value-title {
    font-size: 2rem;
    font-weight: 600;
    color: #2c2c2c;
    line-height: 1.3;
}

.value-text {
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.7;
    margin: 0;
}

/* Details Section */
.details-section {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 50px 40px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    margin-top: 40px;
}

.details-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.details-title {
    font-size: 2.5rem;
    font-weight: 600;
    color: #2c2c2c;
}

.details-text {
    font-size: 1.6rem;
    color: #666666;
    line-height: 1.8;
}

.details-highlight {
    background: linear-gradient(135deg, #fff8f0 0%, #f5ead5 100%);
    padding: 35px 40px;
    border-radius: 12px;
    border-left: 5px solid #d8c28e;
    position: relative;
    margin-top: 30px;
}

.details-highlight .fa-quote-left {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 2.5rem;
    color: #d8c28e;
    opacity: 0.3;
}

.details-highlight .fa-quote-right {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 2.5rem;
    color: #d8c28e;
    opacity: 0.3;
}

.highlight-text {
    font-size: 2rem;
    color: #2c2c2c;
    font-weight: 500;
    font-style: italic;
    line-height: 1.6;
    margin: 0;
    padding: 0 40px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .values-philosophy-section {
        padding: 40px 15px;
        margin: 0 0 30px 0;
    }
    
    .section-header {
        margin-bottom: 35px;
    }
    
    .section-title {
        font-size: 3rem;
    }
    
    .section-subtitle {
        font-size: 1.6rem;
    }
    
    .values-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .value-card {
        padding: 30px 25px;
    }
    
    .value-icon {
        width: 80px;
        height: 80px;
        font-size: 3rem;
    }
    
    .value-title {
        font-size: 1.6rem;
    }
    
    .value-text {
        font-size: 1.2rem;
    }
    
    .details-section {
        padding: 35px 25px;
    }
    
    .details-title {
        font-size: 2rem;
    }
    
    .details-text {
        font-size: 1.4rem;
    }
    
    .highlight-text {
        font-size: 1.6rem;
        padding: 0 30px;
    }
    
    .details-highlight {
        padding: 30px 25px;
    }
}

@media (max-width: 480px) {
    .values-philosophy-section {
        padding: 30px 10px;
        margin: 0 0 25px 0;
    }
    
    .section-header {
        margin-bottom: 30px;
    }
    
    .section-title {
        font-size: 2.5rem;
    }
    
    .section-subtitle {
        font-size: 1.4rem;
    }
    
    .value-card {
        padding: 25px 20px;
    }
    
    .value-icon {
        width: 70px;
        height: 70px;
        font-size: 2.5rem;
    }
    
    .details-section {
        padding: 25px 20px;
    }
    
    .details-title {
        font-size: 1.6rem;
    }
    
    .details-text {
        font-size: 1.2rem;
    }
    
    .highlight-text {
        font-size: 1.4rem;
        padding: 0 20px;
    }
    
    .details-highlight {
        padding: 25px 20px;
    }
    
    .details-highlight .fa-quote-left,
    .details-highlight .fa-quote-right {
        font-size: 2rem;
    }
}



/* ========================================
   PRODUCT PAGE STYLING - CUSTOM
   ======================================== */

#product-page .brand-detail {
    display: inline-block;
    color: #d8c28e;
    font-size: 2rem;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 20px;
    padding: 6px 12px;
    background-color: #fff8f0;
    border-radius: 6px;
    transition: all 0.3s ease;
}

#product-page .brand-detail:hover {
    color: #c9b085;
    background-color: #f5f0e8;
}

/* Short Description - Simplified & More Readable */
#product-page .short-description {
    background-color: #fff8f0;
    padding: 12px 12px;
    border-radius: 6px;
    margin: 24px 0;
    border-left: 3px solid #d8c28e;
}

#product-page .short-description h2 {
    font-size: 1.8rem;
    font-weight: 400;
    color: #2c2c2c;
    line-height: 1.5;
    margin: 0;
}

#product-page .short-description h2 span {
    color: #2c2c2c !important;
    font-family: inherit !important;
}

#product-page .detail-slider-holder {
  padding-right: 2% !important;
}

/* Stock Status - Simplified */
#product-page .stock-status {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    background-color: #f0f9f0;
    color: #2d7a2d;
    border-radius: 4px;
    font-weight: 500;
    margin: 24px 0;
    font-size: 1.5rem;
}

#product-page .stock-status.available i {
    color: #2d7a2d;
    margin-right: 6px;
    font-size: 1.5rem;
}


#product-page .__shippingDeliveryTime {
    color: #666666;
    font-size: 1.8rem;
    padding: 0;
}

#product-page .attribute-gramaj {
    padding: 8px 16px;
    background-color: #fafafa;
    border-radius: 6px;
    color: #d8c28e !important;
    border-top: 1px solid #dbdbdb;
}

/* Product Code & Help - Simplified */
#product-page .product-code {
    margin: 15px 0;
    padding: 15px;
    background-color: #fafafa;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

#product-page .product-code .code {
    font-size: 1.8rem;
    color: #666666;
}

#product-page .product-code .code strong {
    color: #2c2c2c;
    font-weight: 600;
    font-size: 1.5rem;
}

#product-page .help-phone {
    font-size: 1.8rem;
    color: #666666;
}

#product-page .help-phone a {
    color: #d8c28e;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

#product-page .help-phone a:hover {
    color: #c9b085;
}

/* Wishlist Section - Simplified - Buttons Side by Side */
#product-page .wish-section {
    display: flex;
    gap: 12px;
    margin: 15px 0;
    flex-wrap: wrap;
    border-bottom: none !important;
    
}

#product-page .wish-btn,
.-g-info-request-popup-details {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    color: #2c2c2c;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
    flex: 1;
    min-width: 150px;
    justify-content: center;
}

#product-page .wish-btn i,
.-g-info-request-popup-details i {
    margin-right: 8px;
    color: #d8c28e;
    transition: color 0.3s ease;
}

#product-page .wish-btn:hover,
.-g-info-request-popup-details:hover {
    border-color: #d8c28e;
    background-color: #fff8f0;
    color: #2c2c2c;
}

#product-page .wish-btn:hover i,
.-g-info-request-popup-details:hover i {
    color: #c9b085;
}

#info-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    color: #2c2c2c;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
    flex: 1;
    min-width: 150px;
    justify-content: center;
}

#info-btn {
    margin-right: 8px;
    color: #2c2c2c;
    transition: color 0.3s ease;
}

#info-btn:hover {
    border-color: #d8c28e;
    background-color: #fff8f0;
    color: #2c2c2c;
}

#info-btn:hover {
    color: #c9b085;
}

#product-page .description-tab h2 {
    color: #2c2c2c;
   font-family: 'Josefin Sans', sans-serif !important;
   font-size:2rem !important;
}

#product-page .description-tab h2 span {
    color: #2c2c2c;
   font-family: 'Josefin Sans', sans-serif !important;
   font-size:2rem !important;
}
   
/* RESPONSIVE */
@media (max-width: 768px) {
    #product-page .brand-detail {
      font-size: 1.5rem;
    }
    #product-page .wish-section {
        flex-direction: column !important;
    }
    #info-btn {
    margin-right: 0;
    }
     #product-page .wish-btn  {
    margin-right: 0;
    }
}

/* FOOTER - Elegant Gradient Design */
/* Warm gradient from darker warm brown to golden beige, matching brand aesthetic */
#-g-footer-general,
footer#-g-footer-general {
    background: linear-gradient(to bottom, #8b7355 0%, #a68b6b 50%, #c9b085 100%) !important;
    color: #ffffff !important;
}

.main-footer {
    background: transparent !important;
}

/* Footer Text Colors */
.main-footer,
.main-footer * {
    color: #ffffff !important;
}

.main-footer a {
    color: rgba(255, 255, 255, 0.9) !important;
    transition: color 0.3s ease;
}

.main-footer a:hover {
    color: #fff8f0 !important;
}

/* Footer Titles */
.main-footer .title,
.main-footer p.title {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 1.6rem !important;
}

/* Footer Links */
.main-footer ul li a,
.main-footer .footer-submenu a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.main-footer ul li a:hover,
.main-footer .footer-submenu a:hover {
    color: #fff8f0 !important;
}

/* Support Contact Links */
.main-footer .support-contact {
    color: rgba(255, 255, 255, 0.9) !important;
}

.main-footer .support-contact:hover {
    color: #fff8f0 !important;
}

.main-footer .support-contact i {
    color: #d8c28e !important;
    margin-right: 8px;
}

/* Social Media Icons */
.main-footer .social a i,
.main-footer .social ul li a i {
    color: rgba(255, 255, 255, 0.9) !important;
    transition: all 0.3s ease;
}

.main-footer .social a:hover i,
.main-footer .social ul li a:hover i {
    color: #fff8f0 !important;
    transform: scale(1.1);
}

/* ========================================
   LANDING PAGE / ABOUT PAGE STYLING
   ======================================== */

/* Title Component */

.titleComponent .title {
    font-size: 3rem;
    font-weight: 600;
    color: #d8c28e;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff8f0;
    line-height: 1.3;
}

/* Landing Content - Main Text */
.landing-content {
    font-size: 2.5rem;
    line-height: 1.8;
    color: #2c2c2c;
    padding: 20px 0;
}

.landing-content h2 {
    font-size: 2rem;
    font-weight: 400;
    color: #2c2c2c;
    line-height: 1.6;
    margin: 30px 0 20px 0;
    padding: 20px;
    background-color: #fff8f0;
    border-left: 4px solid #d8c28e;
    border-radius: 6px;
}

.landing-content h2 strong {
    color: #d8c28e;
    font-weight: 600;
}

.landing-content h3 {
    font-size: 1.7rem;
    font-weight: 500;
    color: #d8c28e;
    margin: 40px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff8f0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.landing-content h3::before {
    content: '✨';
    font-size: 1.6rem;
}

.landing-content p {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #2c2c2c;
    margin: 20px 0;
    text-align: justify;
}

.landing-content p strong {
    color: #d8c28e;
    font-weight: 600;
}

/* Philosophy List - Enhanced with Icons */
.landing-content ul {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.landing-content ul li {
    margin: 15px 0;
    padding: 15px 20px;
    background-color: #fafafa;
    border-left: 3px solid #d8c28e;
    border-radius: 6px;
    transition: all 0.3s ease;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.landing-content ul li:hover {
    background-color: #fff8f0;
    transform: translateX(5px);
}

.landing-content ul li::before {
    content: '●';
    flex-shrink: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    display: inline-block;
    margin-top: 2px;
    margin-right: 12px;
    color: #d8c28e;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
}

.landing-content ul li p {
    margin: 0;
    flex: 1;
}

.landing-content ul li strong {
    color: #d8c28e;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

/* Mission Section - Special Styling */
.landing-content h3:last-of-type {
    margin-top: 50px;
}

.landing-content h3:last-of-type + p {
    font-size: 1.4rem;
    line-height: 1.9;
    padding: 25px;
    background: linear-gradient(to bottom, #fff8f0 0%, #ffffff 100%);
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    margin-top: 25px;
}

/* Responsive */
@media (max-width: 768px) {
    .titleComponent .title {
        font-size: 2rem;
    }
    
    .landing-content {
        font-size: 1.5rem;
        padding: 20px 0;
    }
    
    .landing-content h2 {
        font-size: 1.3rem;
        padding: 15px;
    }
    
    .landing-content h3 {
        font-size: 1.1rem;
    }
    
    .landing-content p {
        font-size: 1rem;
        text-align: left;
    }
    
    .landing-content ul li {
        padding: 12px 15px;
    }
}