/* Styles for the new Sections area (images grid) */
.ltn__sections-area .section-title-rtl{
	/* font-size:22px; */
	font-weight:700;
	margin-bottom:12px;
}
.ltn__sections-area .sections-grid{
	gap:12px;
	justify-content:right; /* center the row of items */
}
.ltn__sections-area .section-item{
	padding:12px 1px;
}
.ltn__sections-area .section-item a{
	color:inherit;
	text-decoration:none;
	display:inline-block;
	/* width:100%; */
}
.ltn__sections-area .section-item img{
	width:140px;
	height:115px;
	object-fit:cover;
	display:block;
	margin:0 auto 12px auto;
	background:#fff;
	/* padding:1px; */
	border-radius:4px;
	/* box-shadow: var(--ltn__box-shadow-2); */
}
.ltn__sections-area .section-item h4,
.ltn__sections-area .section-item h6{
	margin-top:8px;
	font-size:22px; /* increased from 14px */
	font-weight:700;
	line-height:1.2;
}

.ltn__brands-area .brand-item img{
width: 123px;
    height: 115px;
    object-fit: cover;
    border: 1px solid #cdcdcd;
    display: block;
    margin: 0 auto 12px auto;
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    box-shadow: var(--ltn__box-shadow-2);
}


@media (max-width: 1200px){
	.ltn__sections-area .section-item img{ width:120px; height:120px; }
	.ltn__sections-area .section-item h4,
	.ltn__sections-area .section-item h6{ font-size:17px; }

    
}
@media (max-width: 768px){
	.ltn__sections-area .section-item img{ width:90px; height:90px; }
	.ltn__sections-area .section-item h4,
	.ltn__sections-area .section-item h6{ font-size:15px; }

    .ltn__sections-area .sections-grid{
	gap:12px;
	justify-content:center; /* center the row of items */
}
.ltn__sections-area .section-item {
    padding: 0px 1px;
}
}

/* Slider overrides for img/slider_ images: force 825x343 visual size */
.ltn__slide-active-2 .ltn__slide-item.ltn__slide-item-10{
	height:343px !important;
	min-height:343px !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	position:relative;
}
.ltn__slide-active-2 .ltn__slide-item.ltn__slide-item-10 .ltn__slide-item-inner{
	height:100%;
	max-width:825px;
	margin:0 auto;
}
.ltn__slide-item-10.bg-image{
	background-size:cover !important;
	background-position:center center !important;
}
.slide-full-link{
	position:absolute;
	inset:0;
	z-index:2;
	display:block;
}
@media (max-width: 991px){
	.ltn__slide-active-2 .ltn__slide-item.ltn__slide-item-10{ height:260px !important; min-height:260px !important; }
	.ltn__slide-active-2 .ltn__slide-item.ltn__slide-item-10 .ltn__slide-item-inner{ max-width:100%; padding-left:12px; padding-right:12px; }
}

/* Info box (top) inserted into .ltn__perseptions-area */
.ltn__info-box{
	border-radius:10px;
}
.ltn__info-box-top{
	background-color:#2C3691; /* user requested color */
	color:#ffffff;
	padding:18px 16px;
	border-radius:12px;
}
.ltn__info-box-inner{
	width:100%;
	gap:16px;
}
.ltn__info-box-icon{
	width:84px;
	height:84px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:12px; /* because layout is row-reverse for RTL */
}
.ltn__info-box-text .ltn-info-title{
	font-size:22px;
	font-weight:800;
	color:#ffffff;
}
.ltn__info-box-text .ltn-info-subtitle{
	font-size:14px;
	color:rgba(255,255,255,0.9);
	margin-top:4px;
}
.ltn__info-box-action{
	display:flex;
	align-items:center;
}
.ltn__info-btn{
	display:inline-block;
	background:#ffffff;
	color:#2C3691;
	padding:10px 18px;
	border-radius:22px;
	font-weight:800;
	text-decoration:none;
}
.ltn__info-btn:hover{ text-decoration:none; opacity:0.92; }

@media (max-width:767px){
	.ltn__info-box-inner{ flex-direction:column; align-items:flex-start; text-align:right; }
	.ltn__info-box-icon{ margin-left:20; margin-bottom:8px; }
	.ltn__info-box-action{ width:100%; display:flex; }

    
/* search-2 */
.header-search-2 {
  min-width: 500px;
}

.header-search-2 form {
  position: relative;
}

.header-search-2 input {
   margin-bottom: -14px;
    border: 0;
    background-color: #fefeff;
    box-shadow: var(--ltn__box-shadow-2);
    border-radius: 3px;
    height: 45px;
    margin-right: 22px;
    margin-top: -5px;
}

.header-search-2 button {
  position: absolute;
  left: -25px;
  background-color: transparent;
  height: 45px;
  top: 0;
  padding: 0 15px;
}
}


.ltn__drop-menu ul li>a{
	color: #2C3691;
}

/* user-menu often appears on the same element as ltn__drop-menu (same tag) */
/* target the element that has both classes and make its SVG icon inherit the color */
.ltn__drop-menu.user-menu,
.ltn__drop-menu.user-menu a{
	color: #2C3691;
}
.ltn__drop-menu a:hover{
	color: #666770;
}
.ltn__drop-menu.user-menu svg{
	/* allow svg to inherit currentColor */
	color: inherit;
	vertical-align: middle;
}
/* Force common svg shapes to use the current color. Using !important to override inline fill attributes if present. */
.ltn__drop-menu.user-menu svg path,
.ltn__drop-menu.user-menu svg circle,
.ltn__drop-menu.user-menu svg rect{
	fill: currentColor !important;
	stroke: currentColor !important;
}

.ltn__main-menu {
    border: 1px solid #f3eded;
    border-radius: 4px;
}

/* Brand hover: enlarge the circular image smoothly */
.ltn__brands-area .brand-item img{
	transition: transform .22s cubic-bezier(.2,.9,.2,1), box-shadow .22s ease;
	transform-origin:center center;
}
.ltn__brands-area .brand-item:hover img{
	transform: scale(1.12);
	box-shadow: 0 8px 20px rgba(44,54,145,0.18);
}

/* Fixed: Hover preview for the first SECTIONS item (matches your HTML structure) */
/* Your HTML places `preview-hover` on the column element and the headings are h4/h6 inside an anchor. */
.ltn__sections-area .preview-hover h4,
.ltn__sections-area .preview-hover h6{
	transition: color .18s ease, transform .18s ease;
	display: inline-block; /* allow transform to work */
}
.ltn__sections-area .preview-hover:hover h4,
.ltn__sections-area .preview-hover:hover h6{
	color: #2C3691 !important; /* stronger specificity in case other rules apply */
	transform: translateY(-4px);
	font-weight:800;
}

/* Alternative: if headings are inside anchors and you want the anchor hover to trigger */
.ltn__sections-area .preview-hover a:hover h4,
.ltn__sections-area .preview-hover a:hover h6{
	color: #3d4699 !important;
}

/* Blog slider responsive adjustments for mobile - ensure 2 items show side by side */







/* ===== Custom first product card (Trending Products) ===== */
.custom-product-card .product-img {
	position: relative;
	background: #ffffff;
	border-radius: 16px;
	padding: 16px 16px 13px; /* extra bottom space for text moved inside */
	box-shadow: 0 3px 3px rgba(0,0,0,0.08);
    height: 258px;
}
.custom-product-card .product-img img {
	display: block;
	margin: 0 auto;
	max-height: 150px;
	width: auto;
}
.custom-product-card .badge-offer {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #ff7a00;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	line-height: 1;
	padding: 6px 8px;
	border-radius: 8px;
	z-index: 2;
}
.custom-product-card .btn-wishlist {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 0;
	background: #fff;
	color: #B9C0CB;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.custom-product-card .btn-wishlist:hover { color: #ff7a00; }

.custom-product-card .btn-add {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 0;
	background: #3A64EB; /* primary-ish */
	color: #fff;
	box-shadow: 0 6px 18px rgba(58,100,235,0.35);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.custom-product-card .btn-add i { font-size: 16px; }

/* Tighten up info and price like the reference card */
.custom-product-card .product-info { padding-top: 10px; }
.custom-product-card .product-img .custom-card-body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12px;
	padding: 0 16px 0;
	text-align: right; /* RTL alignment if needed */
}
.custom-product-card .custom-card-body .product-ratting { margin-bottom: 4px; }
.custom-product-card .custom-card-body .product-price { margin-top: 4px; }
.custom-product-card .product-title a { font-size: 14px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.custom-product-card .product-price span { color: #e11d48; font-weight: 700; }
.custom-product-card .product-price del { color: #9AA3B2; margin-inline-start: 8px; }

/* Optional: hide default hover bar on this card to avoid double controls */
.custom-product-card .product-hover-action { display: none; }

/* Fix: when turning a Bootstrap .row into Slick, prevent flex conflicts */
.banner-slider-active.slick-initialized { display: block; }
.banner-slider-active .slick-slide { outline: none; }