/* ===============================
   SIAF THEME - GLOBAL
=================================*/

:root{
  --primary:#0034ac;
  --secondary:#000000;
  --dark:#111;
  --light:#f9f9f9;
  --text:#333;
  --border:#eee;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins',sans-serif;
  background:var(--light);
  color:var(--text);
  line-height:1.6;
}

.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

a{
  text-decoration:none;
  transition:0.3s ease;
}
/* ===============================
   SIAF TOPBAR
=================================*/

.siaf-topbar{
  background: var(--theme-primary-color);
  color:#fff;
  font-size:13px;
}

.siaf-topbar .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
}

/* LEFT SIDE (Currency + Language) */
.top-left{
  display:flex;
  align-items:center;
  gap:15px;
}

.top-left .btn,
.top-left select{
  background:transparent;
  border:none;
  color:#fff;
  font-size:13px;
}

.top-left .dropdown-menu{
  background: var(--theme-primary-color);
  border-radius:4px;
}

.top-left .dropdown-menu a{
  color:#333;
  font-size:13px;
}

/* RIGHT SIDE LINKS */
.top-right{
  display:flex;
  align-items:center;
  gap:18px;
}

.top-right a{
  color:#fff;
  text-decoration:none;
  font-size:13px;
  display:flex;
  align-items:center;
  gap:6px;
  transition:0.3s;
}

.top-right a i{
  font-size:14px;
}

.top-right a:hover{
  /* color:#000000; */
    color: var(--theme-hover-color);

}

/* Divider line between items */
.top-right a:not(:last-child)::after{
  content:"|";
  margin-left:15px;
  color:#555;
}

/* Responsive */
@media (max-width:768px){

  .siaf-topbar .container{
    flex-direction:column;
    gap:8px;
    text-align:center;
  }

  .top-right{
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
  }

  .top-right a:not(:last-child)::after{
    display:none;
  }

}

/* ===============================
   SIAF HEADER NEW DESIGN
=================================*/

.siaf-header{
  background:#ffffff;
  border-bottom:1px solid #eaeaea;
  position:sticky;
  top:0;
  z-index:999;
  transition:0.3s ease;
}

/* Sticky shadow effect */
.siaf-header.scrolled{
  box-shadow:0 4px 15px rgba(0,0,0,0.05);
}

.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0;
}

/* LOGO */
.logo img{
  height:55px;
  width:auto;
  transition:0.3s;
}

.logo img:hover{
  transform:scale(1.05);
}

/* ===== FINAL MENU CSS ===== */
.siaf-menu {
  background: #fff;
  border-top: 1px solid #f1f1f1;
  width: 100%;
}

/* UL */
.siaf-menu ul {
  list-style: none;
  display: flex;
  justify-content: center; /* center align */
  flex-wrap: wrap; /* 🔥 MAIN FIX (cut nai thay) */
  gap: 14px;
  padding: 15px 10px;
  margin: 0;
}

/* LI */
.siaf-menu ul li {
  position: relative;
}

/* LINKS */
.siaf-menu ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  padding: 5px 0;
  transition: 0.3s;
  white-space: nowrap; /* word break nai thay */
  display: inline-block;
}

/* UNDERLINE EFFECT */
.siaf-menu ul li a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: var(--theme-primary-color);
  left: 0;
  bottom: 0;
  transition: 0.3s ease;
}

/* HOVER */
.siaf-menu ul li a:hover {
    color: var(--theme-primary-color);
}

.siaf-menu ul li a:hover::after {
  width: 100%;
}
/* SEARCH + CART */
.header-search{
  width:40%;
}

.header-cart{
  position:relative;
}

/* ICONS STYLE */
.header-icons a,
.header-cart a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  /* background:#f5f5f5; */
  /* color:#333; */
  margin-left:12px;
    color: var(--theme-primary-color);
  font-size:16px;
  transition:0.3s;
}

.header-icons a:hover,
.header-cart a:hover{
  
  color: var(--theme-primary-color);}
/* ===========================
HEADER CART STYLE
=========================== */

.header-cart{
  position:relative;
}

/* CART BUTTON */

#cart > button{
  background:none;
  border:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0;
}

/* CART ICON */

#cart > button i{
  font-size:28px;
  /* color:#000; */
    color: var(--theme-primary-color);
}
#cart > button i:hover{
    color: var(--theme-hover-color);
}

/* CART TEXT */

#cart > button::after{
  content:"Cart";
  font-size:13px;
  font-weight:500;
  margin-top:2px;
}

/* ITEM COUNT */

#cart-total{
  font-size:12px;
  color:#666;
  margin-top:7px;
}

/* REMOVE DEFAULT TEXT */

#cart-total span{
  display:none;
}

/* DROPDOWN FIX */

#cart .dropdown-menu{
  right:0;
  left:auto;
}
/* Responsive */
@media (max-width:991px){

  .header-row{
    flex-wrap:wrap;
  }

  .header-search{
    width:100%;
    margin:15px 0;
  }

  .siaf-menu ul{
    flex-wrap:wrap;
    gap:15px;
  }

  .logo img{
    height:45px;
  }

}

/* ===============================
   HOME PRODUCTS MODULE
=================================*/

.product-thumb{
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  padding:15px;
  margin-bottom:25px;
  text-align:center;
  transition:0.3s ease;
}

.product-thumb:hover{
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  transform:translateY(-5px);
}

/* IMAGE */

.product-thumb .image{
  position:relative;
  overflow:hidden;
}

.product-thumb .image img{
  width:100%;
  transition:0.3s;
}

.product-thumb:hover .image img{
  transform:scale(1.05);
}

/* TITLE */

.product-thumb h4{
  font-size:15px;
  font-weight:500;
  margin:15px 0 8px;
}

.product-thumb h4 a{
  color:#333;
}

.product-thumb h4 a:hover{
  color: var(--theme-primary-color);}

/* PRICE */

.product-thumb .price{
  font-size:16px;
  font-weight:600;
  color: var(--theme-primary-color);  margin-bottom:10px;
}

.product-thumb .price-old{
  text-decoration:line-through;
  color:#999;
  margin-right:8px;
}

.product-thumb .price-new{
  color:#e60023;
}

/* BUTTONS */

.product-thumb .button-group{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:10px;
}

.product-thumb .button-group button{
  border:none;
  background:#f5f5f5;
  width:38px;
  height:38px;
  border-radius:50%;
  cursor:pointer;
  transition:0.3s;
  
  
}

.product-thumb .button-group button:hover{
  background: var(--theme-primary-color);
  color:#fff;
}

/* ADD TO CART BUTTON */

.product-thumb .button-group button:first-child{
  width:auto;
  padding:-3PX 18px;
  border-radius:25px;
  background: var(--theme-primary-color);
  color:#fff;
}

.product-thumb .button-group button:first-child:hover{
  background: var(--theme-hover-color);
}

/* ===============================
   PRODUCT GRID FIX HEIGHT
=================================*/

.product-layout .product-thumb{
  height:100%;
  display:flex;
}

.product-thumb{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
}

/* IMAGE AREA FIX */

.product-thumb .image{
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.product-thumb .image img{
  max-height:200px;
  width:auto;
}

/* CAPTION AREA */

.product-thumb .caption{
  flex-grow:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* TITLE FIX HEIGHT */

.product-thumb h4{
  min-height:45px;
}

/* BUTTON GROUP BOTTOM FIX */

.product-thumb .button-group{
  margin-top:auto;
}
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* ===============================
   HERO SECTION
=================================*/

.hero{
  /* background:linear-gradient(120deg,#0034ac,#000000); */
  background: var(--theme-secondary-color);
  padding:130px 0;
  text-align:center;
  color:#fff;
}

.hero h1{
  font-size:48px;
  font-weight:700;
  margin-bottom:15px;
}

.hero p{
  font-size:18px;
  margin-bottom:25px;
}

.btn-primary{
    background: var(--theme-primary-color);
  color:#fff;
  padding:14px 35px;
  border-radius:30px;
  display:inline-block;
  font-weight:500;
}

.btn-primary:hover{
  background: var(--theme-hover-color);
}


/* ===============================
   PRODUCT GRID
=================================*/

.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:30px;
  margin:50px 0;
}

.product-card{
  background:#fff;
  padding:20px;
  border-radius:12px;
  text-align:center;
  box-shadow:0 5px 20px rgba(0,0,0,0.05);
  transition:0.3s ease;
  position:relative;
}

.product-card:hover{
  transform:translateY(-10px);
}

.product-card img{
  width:100%;
  border-radius:10px;
  margin-bottom:15px;
  transition:0.3s;
}

.product-card:hover img{
  transform:scale(1.05);
}

.product-card h3{
  font-size:16px;
  font-weight:500;
  margin-bottom:10px;
}

.price{
  color:var(--primary);
  font-weight:600;
  margin-bottom:15px;
  font-size:18px;
}

.product-card button{
  background:var(--primary);
  color:#fff;
  border:none;
  padding:10px 20px;
  border-radius:25px;
  cursor:pointer;
}

.product-card button:hover{
  background:var(--secondary);
}

/* ===============================
   PRODUCT PAGE
=================================*/
/* ===============================
   SIAF PRODUCT PAGE
=================================*/

.siaf-product-box{
margin-top:30px;
background:#fff;
padding:30px;
border-radius:8px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

/* IMAGE */

.siaf-product-image img.main-image{
width:100%;
border:1px solid #eee;
padding:10px;
background:#fff;
border-radius:6px;
}

/* THUMB IMAGE */

.siaf-thumb-list{
display:flex;
gap:10px;
margin-top:10px;
}

.siaf-thumb-list img{
width:70px;
border:1px solid #ddd;
padding:4px;
cursor:pointer;
border-radius:4px;
transition:0.3s;
}

.siaf-thumb-list img:hover{
border-color:#0034ac;
}

/* PRODUCT INFO */

.siaf-product-info h1{
font-size:28px;
margin-bottom:15px;
font-weight:600;
color:#222;
}

/* META */

.product-meta{
list-style:none;
padding:0;
margin-bottom:20px;
color:#666;
font-size:14px;
}

.product-meta li{
margin-bottom:6px;
}

/* PRICE */

.product-price{
margin-bottom:20px;
}

.product-price h2{
color:#0034ac;
font-size:30px;
font-weight:600;
margin:0;
}

.old-price{
text-decoration:line-through;
color:#999;
margin-right:10px;
}

/* QTY */

.qty-box{
max-width:120px;
margin-top:10px;
}

/* BUTTONS */

.product-buttons{
display:flex;
gap:10px;
margin-top:20px;
}

.product-buttons .btn{
padding:12px 22px;
border-radius:4px;
}

.add-cart{
  background: var(--theme-primary-color);
border:none;
color:#fff;
font-weight:500;
}

.add-cart:hover{
background:#001f6b;
}

/* TABS */

.siaf-product-tabs{
margin-top:40px;
}

.siaf-product-tabs .nav-tabs{
border-bottom:2px solid #eee;
}

.siaf-product-tabs .nav-tabs li a{
color:#333;
font-weight:500;
}

.siaf-product-tabs .nav-tabs li.active a{
color:#0034ac;
border-bottom:2px solid #0034ac;
}

.siaf-product-tabs .tab-content{
padding:20px;
border:1px solid #eee;
border-top:none;
background:#fff;
}

.product-image img{
  width:100%;
  max-width:450px;
  border-radius:15px;
  box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.product-info h1{
  font-size:32px;
  margin-bottom:15px;
}

.product-info .price{
  font-size:22px;
}

.product-info .description{
  margin:20px 0;
  line-height:1.8;
}

.category-title{
  font-size:28px;
  margin:40px 0 10px;
}

/* ============================= */
/* ===== SIAF FOOTER CLEAN ===== */
/* ============================= */

.siaf-footer {
  background:#f9f9f9;
  font-family:'Poppins', sans-serif;
}

/* ===== SERVICE ROW ===== */

.siaf-service-row {
  background: var(--theme-primary-color);
  padding:25px 0;
  color:#fff;
  margin-top:31px;
}

.siaf-services {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.service-box {
  display:flex;
  align-items:center;
  gap:15px;
}

.service-box i {
  font-size:26px;
}

.service-box h5 {
  margin:0;
  font-size:16px;
  font-weight:600;
}

.service-box p {
  margin:0;
  font-size:13px;
  opacity:0.9;
}

/* ===== MAIN FOOTER ===== */

.siaf-footer-main {
  background:#fff;
  padding:50px 0;
}

/* ===== GRID ===== */

.siaf-footer-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr;
}

/* ===== COLUMN ===== */

.footer-col {
  padding:0 25px;
  position:relative;
}

/* ===== VERTICAL BLACK LINE ===== */

.footer-col:not(:last-child)::after {
  content:'';
  position:absolute;
  right:0;
  top:10%;
  height:80%;
  width:1px;
  background:#000;
}

/* ===== LOGO ===== */

.logo-col {
  display:flex;
  align-items:flex-start;
}

.footer-logo-img {
  max-width:260px;
  height:auto;
  display:block;
}

.footer-logo-placeholder {
  width:260px;
  height:80px;
  border:2px dashed #0034ac;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  color: var(--theme-primary-color);}

/* ===== HEADINGS ===== */

.footer-col h4 {
  color:#222;
  margin-bottom:20px;
  font-size:18px;
  position:relative;
}

.footer-col h4:after {
  content:'';
  width:40px;
  height:2px;
  background: var(--theme-primary-color);
  display:block;
  margin-top:8px;
}

/* ===== LINKS ===== */

.footer-col ul {
  list-style:none;
  padding:0;
  margin:0;
}

.footer-col ul li {
  margin-bottom:10px;
}

.footer-col ul li a {
  color:#666;
  text-decoration:none;
  font-size:14px;
  transition:0.3s ease;
}

.footer-col ul li a:hover {
  color: var(--theme-primary-color); 
   padding-left:5px;
}

/* ===== CONTACT INFO ===== */

.contact-info li {
  display:flex;
  gap:10px;
  margin-bottom:12px;
  font-size:14px;
  color:#666;
}

.contact-info i {
  color: var(--theme-primary-color);  margin-top:3px;
}

/* ===== BOTTOM BAR ===== */

.siaf-footer-bottom {
  background:#fff;
  padding:18px 0;
  text-align:center;
  border-top:1px solid #e5e5e5;
}

.siaf-footer-bottom p {
  margin:0;
  color:#777;
  font-size:14px;
}

/* ===== RESPONSIVE ===== */

@media (max-width:992px) {

  .siaf-footer-grid {
    grid-template-columns:repeat(2,1fr);
    gap:30px;
  }

  .footer-col::after {
    display:none;
  }

  .siaf-services {
    flex-wrap:wrap;
    justify-content:center;
    text-align:center;
  }

  .service-box {
    width:45%;
    justify-content:center;
  }
}

@media (max-width:576px) {

  .siaf-footer-grid {
    grid-template-columns:1fr;
  }

  .siaf-services {
    flex-direction:column;
  }

  .service-box {
    width:100%;
  }

}
/* ===== RESPONSIVE ===== */

@media (max-width:992px) {
  .siaf-footer-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .logo-col {
    border-right:none;
    padding-right:0;
  }
}

@media (max-width:576px) {
  .siaf-footer-grid {
    grid-template-columns:1fr;
  }

  .siaf-services {
    flex-direction:column;
  }
}
/* ===== RESPONSIVE ===== */

@media (max-width:992px) {
  .siaf-footer-grid {
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:576px) {
  .siaf-footer-grid {
    grid-template-columns:1fr;
  }

  .siaf-services {
    flex-direction:column;
  }
}

/* ===============================
   RESPONSIVE
=================================*/

@media(max-width:992px){
  .product-layout{
    flex-direction:column;
  }

  .hero h1{
    font-size:32px;
  }
}

@media(max-width:768px){

  .header-row{
    flex-direction:column;
    gap:15px;
  }

  .main-menu ul{
    flex-direction:column;
    gap:15px;
  }

  .product-grid{
    grid-template-columns:1fr;
  }

  .hero{
    padding:80px 0;
  }
}


    /* ===============================
PRODUCT GRID SAME HEIGHT FIX
================================ */

#content .row{
  display:flex;
  flex-wrap:wrap;
}

.product-layout{
  display:flex;
  padding:10px;
}

.product-layout .product-thumb{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
}

/* IMAGE FIX */

.product-thumb .image{
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.product-thumb .image img{
  max-height:200px;
  width:auto;
}

/* TITLE FIX */

.product-thumb h4{
  min-height:48px;
}

/* BUTTON BOTTOM */

.product-thumb .button-group{
  margin-top:auto;
}

/* ===============================
   SIAF PROFESSIONAL MINI CART
================================ */

#cart{
  position:relative;
}

/* DROPDOWN BOX */

#cart .dropdown-menu{
  width:274px;
  padding:18px;
  border-radius:12px;
  border:1px solid #eee;
  box-shadow:0 12px 30px rgba(0,0,0,0.15);
  background:#fff;
}

/* PRODUCT LIST */

#cart .dropdown-menu table{
  width:100%;
  margin-bottom:12px;
}

#cart .dropdown-menu td{
  vertical-align:middle;
  padding:8px 6px;
  border:none;
}

/* PRODUCT IMAGE */

#cart .dropdown-menu img{
  width:55px;
  height:55px;
  object-fit:contain;
  border-radius:6px;
  border:1px solid #eee;
}

/* PRODUCT NAME */

#cart .dropdown-menu td.text-left a{
  font-size:14px;
  font-weight:500;
  /* color:#333; */
  line-height:1.3;
    color: var(--theme-primary-color);
  display:block;
}

#cart .dropdown-menu td.text-left small{
  color:#777;
  font-size:12px;
}

/* PRICE */

#cart .dropdown-menu td.text-right{
  font-size:14px;
  font-weight:500;
  color:#333;
}

/* REMOVE BUTTON */

#cart .dropdown-menu .btn-danger{
  background:#ff4d4f;
  border:none;
  width:30px;
  height:35px;
  padding:0;
  border-radius:6px;
}

#cart .dropdown-menu .btn-danger:hover{
  background:#e60023;
}

/* TOTAL BOX */

#cart .dropdown-menu table.table-bordered{
  border:1px solid #eee;
  margin-top:12px;
}

#cart .dropdown-menu table.table-bordered td{
  padding:8px;
  font-size:14px;
}

/* TOTAL ROW */

#cart .dropdown-menu strong{
  font-weight:600;
}

/* BUTTON AREA */

#cart .dropdown-menu p.text-right{
  display:flex;
  gap:10px;
  margin-top:15px;
}

/* VIEW CART */

#cart .dropdown-menu .btn-default{
  flex:1;
  background:#f5f5f5;
  border:none;
  border-radius:8px;
  padding:10px;
  font-weight:500;
}

#cart .dropdown-menu .btn-default:hover{
  background:#eaeaea;
}

/* CHECKOUT */

#cart .dropdown-menu .btn-primary{
  flex:1;
  /*   background: var(--theme-primary-color); */
  border:none;
  border-radius:8px;
  padding:10px;
  font-weight:500;
}

#cart .dropdown-menu .btn-primary:hover{
  background:#000;
}

/* EMPTY CART */

#cart .dropdown-menu li p{
  text-align:center;
  padding:20px;
  color:#777;
}

/* PRODUCT LINK HOVER REMOVE */

#cart .dropdown-menu td.text-left a{
  background:none !important;
  padding:0;
}

#cart .dropdown-menu td.text-left a:hover{
  background:none !important;
  color: var(--theme-primary-color);}

/* IMAGE HOVER FIX */

#cart .dropdown-menu td.image a:hover{
  background:none !important;
}

/* BUTTON AREA */

#cart .dropdown-menu p.text-right{
  display:flex;
  gap:12px;
  margin-top:15px;
}

/* BIG BUTTON STYLE */

#cart .dropdown-menu .btn{
  flex:1;
  padding:12px 0;
  font-size:10px;
  font-weight:600;
  border-radius:10px;
}

/* VIEW CART */


#cart .dropdown-menu .btn-default:hover{
  background:#e5e5e5;
}

/* CHECKOUT */



#cart .dropdown-menu .btn-primary:hover{
  background:#000;
}

/* ===============================
   SIAF CATEGORY MENU DESIGN FIX
================================ */

.siaf-menu .dropdown-menu {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
    padding: 15px 20px !important;
    margin-top: 10px !important;
    min-width: 220px !important;
}

.siaf-menu .dropdown-menu li > a {
    color: #333 !important;
    font-size: 14px !important;
    padding: 8px 0 !important;
    transition: 0.3s !important;
    text-transform: capitalize !important;
}

.siaf-menu .dropdown-menu li > a:hover {
      color: var(--theme-primary-color) !important;
    background: none !important;
    padding-left: 10px !important;
}

.siaf-menu .see-all {
    display: block !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #eee !important;
      color: var(--theme-primary-color) !important;
    font-weight: 600 !important;
}

.siaf-menu .dropdown-toggle::after {
    display: none !important;
}


/* ===== SIAF MODERN LOGIN PAGE ===== */

.siaf-login-page{
margin-top:60px;
margin-bottom:60px;
}

/* LOGIN WRAPPER */

.siaf-login-box{
background:linear-gradient(135deg,#0034ac,#0a6bff);
padding:40px;
border-radius:12px;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

/* CARDS */

.siaf-register-card,
.siaf-login-card{
background:rgba(255,255,255,0.95);
border-radius:10px;
padding:30px;
transition:0.3s;
border:none;
}

.siaf-register-card:hover,
.siaf-login-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* TITLES */

.siaf-register-card h2,
.siaf-login-card h2{
font-size:24px;
font-weight:600;
margin-bottom:20px;
color:#0034ac;
}

/* TEXT */

.register-text{
color:#555;
font-size:14px;
line-height:1.6;
margin-bottom:25px;
}

/* INPUTS */

.siaf-login-card .form-control{
height:45px;
border-radius:6px;
border:1px solid #ddd;
padding:10px;
transition:0.3s;
}

.siaf-login-card .form-control:focus{
border-color:#0034ac;
box-shadow:0 0 6px rgba(0,52,172,0.3);
}

/* BUTTONS */

.btn-register,
.btn-login{
  background: var(--theme-primary-color);
border:none;
border-radius:6px;
padding:12px 25px;
font-size:15px;
font-weight:500;
transition:0.3s;
}

.btn-login{
width:100%;
}

.btn-register:hover,
.btn-login:hover{
background:#000;
transform:scale(1.03);
}

/* FORGOT PASSWORD */

.forgot-link{
display:block;
margin-top:8px;
font-size:13px;
color:#0034ac;
text-decoration:none;
}

.forgot-link:hover{
text-decoration:underline;
}

/* BREADCRUMB */

.siaf-login-page .breadcrumb{
background:transparent;
margin-bottom:25px;
}

/* MOBILE */

@media(max-width:768px){

.siaf-login-box{
padding:20px;
}

.siaf-register-card{
margin-bottom:20px;
}

}

/* ===== SIAF MODERN ACCOUNT DASHBOARD ===== */

.siaf-account-page{
margin-top:50px;
margin-bottom:60px;
}

/* GRID */

.siaf-account-grid{
margin-top:25px;
}

/* CARD DESIGN */

.siaf-account-card{
background:linear-gradient(145deg,#ffffff,#f4f7ff);
padding:30px;
border-radius:14px;
margin-bottom:25px;
border:1px solid rgba(0,0,0,0.05);
transition:all .35s ease;
position:relative;
overflow:hidden;
}

/* CARD HOVER */

.siaf-account-card:hover{
transform:translateY(-8px) scale(1.02);
box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

/* TOP BORDER EFFECT */

.siaf-account-card:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
/* background:linear-gradient(90deg,#0034ac,#0a6bff); */
  background: var(--theme-primary-color);
}


/* TITLE */

.siaf-account-card h3{
font-size:20px;
font-weight:600;
margin-bottom:18px;
/* color:#0034ac; */
display:flex;
  color: var(--theme-primary-color);
align-items:center;
}

/* ICON */

.siaf-account-card h3 i{
font-size:18px;
  background: var(--theme-primary-color);
color:#fff;
width:34px;
height:34px;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
margin-right:10px;
}

/* MENU LIST */

.siaf-account-card ul{
padding:0;
list-style:none;
}

/* LIST ITEMS */

.siaf-account-card ul li{
margin-bottom:10px;
}

/* LINKS */

.siaf-account-card ul li a{
color:#444;
text-decoration:none;
display:block;
padding:10px 12px;
border-radius:6px;
transition:all .25s ease;
font-size:14px;
}

/* LINK HOVER */

.siaf-account-card ul li a:hover{
  background: var(--theme-primary-color);
color:#fff;
padding-left:16px;
box-shadow:0 5px 15px rgba(0,52,172,0.25);
}

/* MOBILE */

@media(max-width:768px){

.siaf-account-card{
padding:22px;
}

.siaf-account-card h3{
font-size:18px;
}

}

/* SIAF WISHLIST */

.siaf-wishlist-page{
margin-top:40px;
margin-bottom:60px;
}

.siaf-page-title{
margin-bottom:25px;
font-weight:600;
}

/* GRID */

.siaf-wishlist-grid{
margin-top:10px;
}

/* PRODUCT CARD */

.siaf-product-card{
background:#fff;
border-radius:12px;
padding:15px;
margin-bottom:25px;
border:1px solid #eee;
transition:.3s;
text-align:center;
}

.siaf-product-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

/* IMAGE */

.siaf-product-img img{
max-width:100%;
transition:.3s;
}

.siaf-product-card:hover img{
transform:scale(1.08);
}

/* NAME */

.siaf-product-info h4{
font-size:15px;
margin-top:10px;
min-height:40px;
}

.siaf-product-info h4 a{
color:#333;
text-decoration:none;
}

/* STOCK */

.siaf-stock{
font-size:12px;
color:#28a745;
margin-bottom:6px;
}

/* PRICE */

.siaf-price{
font-size:16px;
font-weight:600;
margin-bottom:10px;
}

.price-special{
color:#e60023;
}

.price-old{
text-decoration:line-through;
font-size:13px;
color:#999;
margin-left:6px;
}

/* BUTTONS */

.siaf-product-actions{
display:flex;
justify-content:center;
gap:8px;
}

.btn-cart{
  background: var(--theme-primary-color);
border:none;
color:#fff;
padding:8px 14px;
border-radius:6px;
}

.btn-cart:hover{
background:#000;
}

.btn-remove{
background:#ff4d4f;
color:#fff;
padding:8px 12px;
border-radius:6px;
}

.btn-remove:hover{
background:#d9363e;
}

/* EMPTY */

.siaf-empty-wishlist{
background:#f8f9fb;
padding:40px;
text-align:center;
border-radius:10px;
}


/* SIAF REGISTER */

.siaf-register-page{
margin-top:40px;
margin-bottom:60px;
}

.siaf-register-box{
background:#fff;
padding:35px;
border-radius:12px;
border:1px solid #eee;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.siaf-title{
margin-bottom:10px;
font-weight:600;
}

.siaf-login-link{
color:#666;
margin-bottom:25px;
}

.siaf-form-card{
background:#f9fafe;
padding:25px;
border-radius:10px;
margin-bottom:20px;
}

.siaf-form-card h3{
font-size:18px;
margin-bottom:20px;
color:#0034ac;
}

.siaf-form-card .form-control{
height:44px;
border-radius:6px;
border:1px solid #ddd;
}

.siaf-form-card .form-control:focus{
border-color:#0034ac;
box-shadow:0 0 5px rgba(0,52,172,0.2);
}

.siaf-register-btn{
text-align:right;
margin-top:20px;
}

.btn-register{
  background: var(--theme-primary-color);
color:#fff;
border:none;
padding:12px 30px;
border-radius:6px;
font-weight:500;
}

.btn-register:hover{
background:#000;
}

.agree-box{
margin-right:15px;
}

@media(max-width:768px){

.siaf-register-box{
padding:20px;
}

.siaf-form-card{
padding:18px;
}

}

/* =========================
SIAF PREMIUM CART DESIGN
========================= */

#checkout-cart{
margin-top:40px;
}

/* TITLE */

#checkout-cart h1{
font-size:32px;
font-weight:700;
margin-bottom:30px;
letter-spacing:0.5px;
}

/* CART TABLE */

#checkout-cart table{
background:#ffffff;
border-radius:16px;
overflow:hidden;
border:none;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

/* TABLE HEADER */

#checkout-cart table thead td{
/* background:linear-gradient(135deg,#0034ac,#000000); */
  background: var(--theme-primary-color);
color:#fff;
font-size:15px;
font-weight:600;
padding:18px;
border:none;
}

/* TABLE BODY */

#checkout-cart table td{
padding:18px;
border-bottom:1px solid #f3f3f3;
vertical-align:middle;
}

/* PRODUCT IMAGE */

#checkout-cart .img-thumbnail{
border-radius:10px;
max-width:85px;
border:none;
transition:0.3s;
}

#checkout-cart .img-thumbnail:hover{
transform:scale(1.08);
}

/* PRODUCT NAME */

#checkout-cart a{
font-weight:600;
font-size:15px;
/* color:#000000; */
text-decoration:none;
}

#checkout-cart a:hover{
color:#000000;
}

/* MODEL TEXT */

#checkout-cart td.text-left{
font-size:13px;
color:#ffffff;
}

/* QUANTITY INPUT */

.cart_input_block input{
height:40px;
border-radius:8px;
border:1px solid #ddd;
text-align:center;
font-weight:600;
}

/* UPDATE BUTTON */

.cart_input_block .btn-primary{
  background: var(--theme-primary-color);
border:none;
border-radius:8px;
padding:8px 12px;
transition:0.3s;
}

.cart_input_block .btn-primary:hover{
  background: var(--theme-hover-color);
}

/* REMOVE BUTTON */

.cart_input_block .btn-danger{
border-radius:8px;
background:#ff4d4f;
border:none;
}

.cart_input_block .btn-danger:hover{
background:#d9363e;
}

/* PRICE */

.unit-price{
font-weight:500;
font-size:15px;
}

/* TOTAL PRICE */

.total-price{
font-size:18px;
font-weight:700;
color:#0034ac;
}

/* ORDER SUMMARY BOX */

.sub-total-table table{
border:none;
border-radius:14px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

/* TOTAL TEXT */

.sub-total-table .heading-title{
font-size:14px;
color:#666;
}

/* TOTAL AMOUNT */

.sub-total-table .total-amount{
font-size:18px;
font-weight:700;
color:#0034ac;
}

/* BUTTONS */

.buttons{
margin-top:35px;
display:flex;
justify-content:space-between;
}

/* CONTINUE SHOPPING */

.btn-default.cnt{
background:linear-gradient(135deg,#0034ac,#000000);
border:none;
border-radius:10px;
padding:12px 26px;
font-weight:500;
transition:0.3s;
}

.btn-default.cnt:hover{
background:#ddd;
}

/* CHECKOUT BUTTON */

.btn-primary.checkout{
background:linear-gradient(135deg,#0034ac,#000000);
border:none;
border-radius:10px;
padding:12px 30px;
font-weight:600;
font-size:15px;
box-shadow:0 6px 18px rgba(0,52,172,0.25);
transition:0.3s;
}

.btn-primary.checkout:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(0,52,172,0.35);
}

/* ALERTS */

.alert{
border-radius:10px;
}

/* MOBILE */

@media(max-width:768px){

#checkout-cart table td{
padding:12px;
font-size:13px;
}

#checkout-cart .img-thumbnail{
max-width:60px;
}

.total-price{
font-size:16px;
}

.buttons{
flex-direction:column;
gap:10px;
}

.btn-primary.checkout,
.btn-default.cnt{
width:100%;
text-align:center;
}

}/* SIAF SEARCH FIX */

#header-search{
position:relative;
max-width:600px;
width:100%;
}

#header-search input{
width:100%;
height:45px;
padding:10px 50px 10px 15px;
border:1px solid #ddd;
/* border-radius:0px; */
outline:none;
}

/* =========================
SIAF HEADER SEARCH FIX
========================= */

#header-search{
max-width:600px;
width:100%;
margin:auto;
}

#header-search .input-group{
display:flex;
align-items:center;
width:100%;
background:#fff;
border:1px solid #ddd;
border-radius:40px;
overflow:hidden;
}

/* INPUT */

#header-search input{
flex:1;
height:45px;
border:none;
padding:0 15px;
outline:none;
font-size:14px;
}

/* BUTTON */

#header-search .header-search-btn{
height:45px;
width:50px;
border:none;
  background: var(--theme-primary-color);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:0.3s;
}

/* HOVER */

#header-search .header-search-btn:hover{
background:#001f6b;
}

/* MOBILE FIX */

@media (max-width:768px){

#header-search{
max-width:100%;
margin-top:10px;
}

#header-search input{
font-size:13px;
}

}/* =========================
SIAF MODERN SEARCH PAGE
========================= */

#product-search{
margin-top:30px;
}

/* SEARCH CRITERIA BOX */

.search-criteria{
background:#fff;
padding:25px;
border-radius:10px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
margin-bottom:30px;
}

.search-criteria label{
font-weight:600;
margin-bottom:8px;
}

.search-criteria input,
.search-criteria select{
border-radius:6px;
height:40px;
box-shadow:none;
border:1px solid #ddd;
}

#button-search{
  background: var(--theme-primary-color);
border:none;
padding:10px 20px;
border-radius:6px;
margin-top:10px;
}

#button-search:hover{
background:#000;
}

/* FILTER BAR */

.category-filter{
background:#fff;
padding:15px;
border-radius:8px;
margin-bottom:25px;
border:1px solid #eee;
}

/* PRODUCT GRID */

.category-products .product-thumb{
background:#fff;
border-radius:10px;
border:1px solid #eee;
padding:15px;
transition:0.3s;
margin-bottom:20px;
}

.category-products .product-thumb:hover{
box-shadow:0 6px 18px rgba(0,0,0,0.12);
}

/* PRODUCT IMAGE */

.product-thumb .image{
text-align:center;
margin-bottom:10px;
}

.product-thumb img{
border-radius:6px;
}

/* PRODUCT TITLE */

.product-thumb h4{
font-size:16px;
font-weight:600;
margin-bottom:8px;
}

/* DESCRIPTION */

.product-thumb .description{
font-size:13px;
color:#777;
}

/* PRICE */

.price{
font-size:18px;
font-weight:600;
color:#0034ac;
margin-bottom:10px;
}

.price-old{
text-decoration:line-through;
color:#999;
margin-left:6px;
}

/* BUTTON GROUP */

.button-group{
display:flex;
gap:8px;
}

.button-group button{
border:none;
padding:8px 12px;
border-radius:6px;
cursor:pointer;
}

/* CART */

.btn-cart{
  background: var(--theme-primary-color);
color:#fff;
}

.btn-cart:hover{
background:#000;
}

/* WISHLIST */

.btn-wishlist{
background:#f5f5f5;
}

.btn-compare{
background:#f5f5f5;
}

/* SALE ICON */

.sale-icon{
position:absolute;
top:10px;
left:10px;
background:#ff4d4f;
color:#fff;
padding:3px 8px;
font-size:12px;
border-radius:4px;
}

/* PAGINATION */

.category-pagination{
margin-top:20px;
padding:15px;
background:#fff;
border-radius:8px;
border:1px solid #eee;
}

/* MOBILE */

@media(max-width:768px){

.search-criteria .row > div{
margin-bottom:10px;
}

.product-layout{
margin-bottom:15px;
}

}

/* =========================
SIAF PRODUCT COMPARE PAGE
========================= */

#product-compare{
margin-top:30px;
}

/* TITLE */

#product-compare h1{
font-size:28px;
font-weight:600;
margin-bottom:25px;
}

/* COMPARE TABLE */

#product-compare table{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 5px 18px rgba(0,0,0,0.08);
border:none;
}

/* TABLE HEAD */

#product-compare table thead td{
  background: var(--theme-primary-color);
color:#fff;
font-weight:600;
padding:14px;
}

/* TABLE ROW */

#product-compare table td{
padding:14px;
border:1px solid #f0f0f0;
font-size:14px;
vertical-align:middle;
}

/* PRODUCT NAME */

#product-compare strong{
font-size:16px;
color:#ffffff;
}

/* PRODUCT IMAGE */

.table-product-image img{
border-radius:8px;
max-width:120px;
transition:0.3s;
}

.table-product-image img:hover{
transform:scale(1.05);
}

/* PRICE */

#product-compare strike{
color:#999;
margin-right:5px;
}

#product-compare td{
font-size:14px;
}

/* DESCRIPTION */

.description{
font-size:13px;
color:#666;
line-height:1.5;
}

/* RATING */

.rating .fa-star{
color:#ffc107;
}

/* BUTTONS */

#product-compare .btn{
border-radius:6px;
margin-top:6px;
}

/* CART BUTTON */

#product-compare .btn-primary{
  background: var(--theme-primary-color);
border:none;
}

#product-compare .btn-primary:hover{
background:#000;
}

/* REMOVE BUTTON */

#product-compare .btn-danger{
background:#ff4d4f;
border:none;
}

#product-compare .btn-danger:hover{
background:#d9363e;
}

/* WISHLIST */

.btn-wishlist{
background:#f5f5f5;
border:none;
margin-top:5px;
}

/* EMPTY COMPARE */

.no-compare-products{
text-align:center;
padding:80px 20px;
}

/* MOBILE */

@media(max-width:768px){

#product-compare table{
font-size:12px;
}

.table-product-image img{
max-width:80px;
}

}

/* ================================
SIAF MODERN CHECKOUT DESIGN
================================ */

#checkout-checkout{
margin-top:40px;
}

/* TITLE */

#checkout-checkout h1{
font-size:32px;
font-weight:700;
margin-bottom:30px;
letter-spacing:0.5px;
color:#222;
}

/* BREADCRUMB */

.breadcrumb{
background:#f7f8fb;
padding:12px 20px;
border-radius:8px;
margin-bottom:25px;
}

.breadcrumb li a{
/* color:#0034ac; */
font-weight:500;
  color: var(--theme-primary-color);
}

/* ACCORDION PANEL */

#accordion .panel{
border:none;
border-radius:14px;
overflow:hidden;
margin-bottom:15px;
box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

/* PANEL HEADER */

#accordion .panel-heading{
background:linear-gradient(135deg,#0034ac,#0066ff);
border:none;
padding:18px 20px;
}

/* TITLE */

#accordion .panel-title{
font-size:16px;
font-weight:600;
color:#fff;
display:flex;
align-items:center;
justify-content:space-between;
}

#accordion .panel-title a{
color:#fff;
display:block;
width:100%;
text-decoration:none;
}

/* BODY */

#accordion .panel-body{
background:#fafafa;
padding:25px;
}

/* FORM */

#checkout-checkout input,
#checkout-checkout select,
#checkout-checkout textarea{
border-radius:8px;
border:1px solid #ddd;
height:42px;
box-shadow:none;
}

#checkout-checkout textarea{
height:auto;
}

#checkout-checkout input:focus,
#checkout-checkout select:focus{
border-color:#0034ac;
box-shadow:0 0 0 2px rgba(0,52,172,0.08);
}

/* BUTTONS */

#checkout-checkout .btn{
border-radius:8px;
padding:10px 22px;
font-weight:500;
}

#checkout-checkout .btn-primary{
background:linear-gradient(135deg,#0034ac,#0066ff);
border:none;
}

#checkout-checkout .btn-primary:hover{
background:#000;
}

#checkout-checkout .btn-default{
background:#f3f3f3;
border:none;
}

#checkout-checkout .btn-default:hover{
background:#ddd;
}

/* ALERT */

.alert{
border-radius:10px;
padding:14px 18px;
}

/* ERROR */

.text-danger{
font-size:13px;
margin-top:4px;
}

/* FORM GROUP */

.form-group{
margin-bottom:18px;
}

/* RADIO CHECKBOX */

.radio input,
.checkbox input{
margin-top:2px;
}

/* SHIPPING METHOD */

#collapse-shipping-method label{
font-weight:500;
}

/* PAYMENT METHOD */

#collapse-payment-method label{
font-weight:500;
}

/* CONFIRM TABLE */

#collapse-checkout-confirm table{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 3px 12px rgba(0,0,0,0.06);
}

/* TABLE */

#collapse-checkout-confirm table td{
padding:14px;
}

/* MOBILE */

@media(max-width:768px){

#checkout-checkout h1{
font-size:24px;
}

#accordion .panel-title{
font-size:14px;
}

#accordion .panel-body{
padding:18px;
}

}
/* =========================
SIAF RADIO & CHECKBOX FIX
========================= */

.radio,
.checkbox{
display:flex;
align-items:center;
gap:8px;
margin:8px 0;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"]{
position:relative;
margin:0;
top:0;
width:16px;
height:16px;
cursor:pointer;
}

.radio label,
.checkbox label{
margin:0;
font-weight:500;
cursor:pointer;
display:flex;
align-items:center;
gap:8px;
}

/* SHIPPING METHOD RADIO */

#collapse-shipping-method .radio{
display:flex;
align-items:center;
}

/* PAYMENT METHOD RADIO */

#collapse-payment-method .radio{
display:flex;
align-items:center;
}

/* MOBILE FIX */

@media(max-width:768px){

.radio,
.checkbox{
align-items:flex-start;
}

}

/* ==============================
SIAF MODERN SUCCESS PAGE
============================== */

#common-success{
margin-top:50px;
}

/* TITLE */

#common-success h1{
font-size:34px;
font-weight:700;
text-align:center;
margin-bottom:25px;
color:#222;
}

/* MESSAGE BOX */

#common-success #content{
background:#ffffff;
padding:40px;
border-radius:18px;
box-shadow:0 12px 40px rgba(0,0,0,0.08);
text-align:center;
}

/* SUCCESS ICON */

#common-success #content::before{
content:"✓";
display:block;
width:80px;
height:80px;
margin:0 auto 20px auto;
background:linear-gradient(135deg,#00c853,#4caf50);
color:#fff;
font-size:36px;
line-height:80px;
border-radius:50%;
box-shadow:0 8px 25px rgba(0,200,83,0.3);
}

/* MESSAGE TEXT */

#common-success p{
font-size:16px;
color:#555;
line-height:1.6;
margin-bottom:30px;
}

/* BUTTON AREA */

#common-success .buttons{
margin-top:25px;
text-align:center;
}

/* CONTINUE BUTTON */

#common-success .btn-primary{
  background: var(--theme-primary-color);
  border:none;
padding:12px 32px;
font-size:15px;
font-weight:600;
border-radius:10px;
box-shadow:0 6px 18px rgba(0,52,172,0.25);
transition:0.3s;
}

/* BUTTON HOVER */

#common-success .btn-primary:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(0,52,172,0.35);
  background: var(--theme-hover-color);
}

/* BREADCRUMB */

#common-success .breadcrumb{
background:#f7f8fb;
padding:12px 20px;
border-radius:8px;
margin-bottom:30px;
}

#common-success .breadcrumb li a{
color:#0034ac;
font-weight:500;
}

/* MOBILE */

@media(max-width:768px){

#common-success #content{
padding:25px;
}

#common-success h1{
font-size:26px;
}

#common-success p{
font-size:14px;
}

#common-success .btn-primary{
width:100%;
}

}
/* ==========================
SIAF CONTACT PAGE DESIGN
========================== */

#information-contact{
margin-top:40px;
}

/* TITLE */

#information-contact h1{
font-size:32px;
font-weight:700;
margin-bottom:25px;
color:#222;
text-align:center;
}

/* SUB TITLE */

#information-contact h3{
font-size:20px;
font-weight:600;
margin-bottom:20px;
/* color:#0034ac; */

  color: var(--theme-primary-color);
}

/* BREADCRUMB */

#information-contact .breadcrumb{
background:#f7f8fb;
padding:12px 20px;
border-radius:8px;
margin-bottom:25px;
}

#information-contact .breadcrumb li a{
/* color:#0034ac; */
  color: var(--theme-primary-color);
font-weight:500;
}

/* STORE INFO BOX */

#information-contact .panel{
border:none;
border-radius:16px;
box-shadow:0 8px 30px rgba(0,0,0,0.06);
overflow:hidden;
margin-bottom:30px;
}

#information-contact .panel-body{
padding:30px;
background:#fff;
}

/* STORE IMAGE */

#information-contact .img-thumbnail{
border-radius:12px;
border:none;
transition:0.3s;
}

#information-contact .img-thumbnail:hover{
transform:scale(1.05);
}

/* MAP BUTTON */

#information-contact .btn-info{
  background: var(--theme-primary-color);
border:none;
border-radius:8px;
padding:8px 18px;
font-weight:500;
}

#information-contact .btn-info:hover{
background:#000;
}

/* CONTACT FORM */

#information-contact form{
background:#ffffff;
padding:35px;
border-radius:16px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
margin-top:30px;
}

/* LEGEND */

#information-contact legend{
font-size:22px;
font-weight:600;
margin-bottom:25px;
color:#222;
}

/* FORM GROUP */

#information-contact .form-group{
margin-bottom:20px;
}

/* LABEL */

#information-contact label{
font-weight:600;
color:#444;
}

/* INPUT */

#information-contact input,
#information-contact textarea{
border-radius:10px;
border:1px solid #ddd;
box-shadow:none;
}

#information-contact input{
height:42px;
}

#information-contact textarea{
min-height:120px;
}

/* INPUT FOCUS */

#information-contact input:focus,
#information-contact textarea:focus{
border-color:#0034ac;
box-shadow:0 0 0 2px rgba(0,52,172,0.08);
}

/* ERROR */

#information-contact .text-danger{
font-size:13px;
margin-top:5px;
}

/* BUTTON */

#information-contact .btn-primary{
  background: var(--theme-primary-color);
  border:none;
border-radius:10px;
padding:12px 28px;
font-weight:600;
transition:0.3s;
}

#information-contact .btn-primary:hover{
  background: var(--theme-hover-color);
}

/* STORE LOCATION ACCORDION */

#accordion .panel-heading{
  background: var(--theme-primary-color);
color:#fff;
border:none;
padding:14px 18px;
}

#accordion .panel-title a{
color:#fff;
font-weight:600;
text-decoration:none;
}

/* MOBILE */

@media(max-width:768px){

#information-contact h1{
font-size:26px;
}

#information-contact form{
padding:25px;
}

#information-contact .panel-body{
padding:20px;
}

#information-contact .btn-primary{
width:100%;
}

}
/* ==========================
SIAF SITEMAP PAGE DESIGN
========================== */

#information-sitemap{
margin-top:40px;
}

/* TITLE */

#information-sitemap h1{
font-size:32px;
font-weight:700;
margin-bottom:30px;
text-align:center;
color:#222;
}

/* BREADCRUMB */

#information-sitemap .breadcrumb{
background:#f7f8fb;
padding:12px 20px;
border-radius:8px;
margin-bottom:25px;
}

#information-sitemap .breadcrumb li a{
/* color:#0034ac; */
  color: var(--theme-primary-color);
font-weight:500;
}

/* LIST CONTAINER */

#information-sitemap ul{
list-style:none;
padding-left:0;
}

/* MAIN LIST */

#information-sitemap > .row #content ul > li{
background:#ffffff;
padding:12px 18px;
margin-bottom:10px;
border-radius:10px;
box-shadow:0 3px 12px rgba(0,0,0,0.05);
font-weight:600;
}

/* LINKS */

#information-sitemap a{
color:#333;
text-decoration:none;
transition:0.3s;
}

#information-sitemap a:hover{
/* color:#0034ac; */
  color: var(--theme-primary-color);
padding-left:4px;
}

/* CHILD LIST */

#information-sitemap ul ul{
margin-top:8px;
padding-left:15px;
}

#information-sitemap ul ul li{
background:#f8f9fc;
padding:8px 12px;
border-radius:6px;
margin-bottom:6px;
font-weight:500;
box-shadow:none;
}

/* THIRD LEVEL */

#information-sitemap ul ul ul li{
background:#ffffff;
border-left:3px solid var(--theme-primary-color);
}

/* ACCOUNT BLOCK */

#information-sitemap .col-sm-6:nth-child(2) ul > li{
background:#ffffff;
}

/* MOBILE */

@media(max-width:768px){

#information-sitemap h1{
font-size:26px;
}

#information-sitemap > .row #content ul > li{
padding:10px 14px;
font-size:14px;
}

}

/* =========================
SIAF ACCOUNT ORDER PAGE
========================= */

#account-order{
margin-top:40px;
}

/* TITLE */

#account-order h1{
font-size:32px;
font-weight:700;
margin-bottom:25px;
text-align:center;
color:#222;
}

/* BREADCRUMB */

#account-order .breadcrumb{
background:#f6f7fb;
padding:12px 20px;
border-radius:8px;
margin-bottom:25px;
}

#account-order .breadcrumb a{
color:#0034ac;
font-weight:500;
}

/* TABLE DESIGN */

#account-order .table{
background:#ffffff;
border-radius:10px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.05);
}

#account-order .table thead{
  background: var(--theme-primary-color);
color:#fff;
}

#account-order .table thead td{
font-weight:600;
border:none;
padding:14px;
}

#account-order .table tbody td{
padding:14px;
vertical-align:middle;
border-top:1px solid #f1f1f1;
}

/* ROW HOVER */

#account-order .table tbody tr:hover{
background:#f7f9ff;
transition:0.3s;
}

/* ORDER ID */

#account-order .table tbody td:first-child{
font-weight:600;
color:#0034ac;
}

/* VIEW BUTTON */

#account-order .btn-info{
  background: var(--theme-primary-color);
border:none;
border-radius:6px;
padding:6px 12px;
}

#account-order .btn-info:hover{
background:#001f6b;
}

/* CONTINUE BUTTON */

#account-order .btn-primary{
  background: var(--theme-primary-color);
border:none;
padding:10px 22px;
border-radius:6px;
font-weight:600;
}

#account-order .btn-primary:hover{
background:#001f6b;
}

/* PAGINATION */

#account-order .pagination{
margin-top:15px;
}

#account-order .pagination li a{
border-radius:6px;
margin:0 3px;
color:#0034ac;
}

/* EMPTY TEXT */

#account-order p{
background:#f7f8fb;
padding:20px;
border-radius:8px;
text-align:center;
}

/* MOBILE RESPONSIVE */

@media(max-width:768px){

#account-order h1{
font-size:26px;
}

#account-order .table thead{
display:none;
}

#account-order .table tbody td{
display:block;
text-align:left;
padding:10px;
}

#account-order .table tbody tr{
margin-bottom:15px;
display:block;
border:1px solid #eee;
border-radius:8px;
padding:10px;
}

}



/* =========================
SIAF UNIVERSAL ACCOUNT CSS
Works for all account pages
========================= */

/* CONTAINER */

[id^="account-"]{
margin-top:40px;
max-width:900px;
margin-left:auto;
margin-right:auto;
}

/* TITLE */

[id^="account-"] h1,
[id^="account-"] h2{
font-size:28px;
font-weight:700;
text-align:center;
margin-bottom:30px;
color:#222;
}

/* BREADCRUMB */

[id^="account-"] .breadcrumb{
background:#f6f7fb;
padding:12px 18px;
border-radius:8px;
margin-bottom:25px;
}

/* CARD LAYOUT */

[id^="account-"] fieldset{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
border:none;
margin-bottom:25px;
}

/* LEGEND */

[id^="account-"] legend{
font-size:18px;
font-weight:600;
  color: var(--theme-primary-color);
  margin-bottom:20px;
}

/* REMOVE BOOTSTRAP GRID */

[id^="account-"] .form-horizontal .control-label{
width:100%;
text-align:left;
margin-bottom:6px;
font-weight:600;
}

[id^="account-"] .form-horizontal .col-sm-2,
[id^="account-"] .form-horizontal .col-sm-10{
width:100%;
float:none;
}

/* FORM GROUP */

[id^="account-"] .form-group{
margin-bottom:18px;
}

/* INPUT */

[id^="account-"] .form-control{
border-radius:6px;
border:1px solid #e1e1e1;
height:42px;
padding:10px 14px;
box-shadow:none;
}

[id^="account-"] textarea.form-control{
height:auto;
}

[id^="account-"] .form-control:focus{
border-color:#0034ac;
box-shadow:0 0 6px rgba(0,52,172,0.15);
}

/* TABLE */

[id^="account-"] table{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

/* ALERT */

[id^="account-"] .alert{
border-radius:8px;
}

/* BUTTON AREA */

[id^="account-"] .buttons{
margin-top:25px;
}

/* BUTTON */

[id^="account-"] .btn{
border-radius:6px;
padding:10px 20px;
font-weight:600;
}

/* PRIMARY */

[id^="account-"] .btn-primary{
  background: var(--theme-primary-color);
border:none;
}

[id^="account-"] .btn-primary:hover{
  background: var(--theme-hover-color);
}

/* INFO */

[id^="account-"] .btn-info{
  background: var(--theme-primary-color);
border:none;
}

/* DELETE */

[id^="account-"] .btn-danger{
background:#e53935;
border:none;
}

/* MOBILE */

@media(max-width:768px){

[id^="account-"]{
padding:0 15px;
}

[id^="account-"] fieldset{
padding:20px;
}

}

/* SEARCH FILTER FIX */

.category-filter{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:15px;
background:#f7f8fb;
padding:12px 15px;
border-radius:8px;
margin-bottom:25px;
}

.category-filter .filter-grid-list{
flex:0 0 auto;
}

.category-filter .filter-show,
.category-filter .filter-sort-by{
display:flex;
align-items:center;
gap:10px;
}

.category-filter label{
margin:0;
font-weight:600;
}

.category-filter select{
min-width:140px;
border-radius:6px;
}
.product-thumb{
border:1px solid #eee;
border-radius:10px;
padding:15px;
background:#fff;
transition:0.3s;
}

.product-thumb:hover{
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transform:translateY(-3px);
}

.product-thumb .image img{
margin:auto;
max-height:200px;
}

.product-thumb h4{
font-size:16px;
font-weight:600;
}

.button-group{
display:flex;
gap:6px;
margin-top:10px;
}

.btn-cart{
  background: var(--theme-primary-color);
color:#fff;
border:none;
border-radius:6px;
padding:6px 10px;
}

.btn-cart:hover{
background:#001f6b;
}



/* ===== SIAF 4 Banner FINAL FIX ===== */

.siaf-banners {
  margin: 30px 0;
}

/* ROW FIX */
.siaf-banners .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -10px;
}

/* COLUMN FIX (VERY IMPORTANT) */
.siaf-banners .col-sm-6,
.siaf-banners .col-xs-6 {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
  padding: 10px;
  box-sizing: border-box;
}

/* BANNER BOX */
.siaf-banner {
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

/* IMAGE */
.siaf-banner img {
  width: 100%;
  display: block;
  transition: 0.4s ease;
}

/* HOVER */
.siaf-banner:hover img {
  transform: scale(1.05);
}

/* BOTTOM BANNER */
.siaf-bottom-banner {
  margin-top: 30px;
}

.siaf-bottom-banner img {
  width: 100%;
  border-radius: 12px;
  display: block;
  transition: 0.4s;
}

.siaf-bottom-banner:hover img {
  transform: scale(1.02);
}

/* ===== NEXT ARRIVAL ===== */

.siaf-next-arrival {
  margin: 40px 0;
}

.siaf-title {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Wrapper */
.siaf-slider-wrapper {
  overflow: hidden;
  width: 100%;
}

/* Slider row */
.siaf-slider {
  display: flex;
  gap: 20px;
  transition: 0.5s ease;
}

/* Each item (🔥 height control) */
.siaf-item {
  min-width: 180px;        /* thodu small */
  height: 220px;           /* 👈 main fix (medium size) */
  flex: 0 0 auto;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image (🔥 fit inside box) */
.siaf-item img {
  max-height: 100%;        /* 👈 important */
  width: auto;
  max-width: 100%;
  object-fit: contain;     /* 👈 product style */
  transition: 0.3s;
}

.siaf-item:hover img {
  transform: scale(1.05);
}


.siaf-slider-wrapper {
  overflow: hidden;
}

.siaf-slider {
  display: flex;
  gap: 20px;
}

.siaf-item {
  min-width: 200px;
  flex: 0 0 auto;
}
/* ===== NEWSLETTER ===== */

.siaf-newsletter {
  background: var(--theme-primary-color);
  border-radius: 15px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0;
  flex-wrap: wrap;
}

/* LEFT SIDE */
.siaf-news-left h2 {
  font-size: 24px;
  margin-bottom: 5px;
  color: #fff; /* 🔥 IMPORTANT FIX */
}

.siaf-news-left p {
  color: #ffffff;
  margin-bottom: 15px;
}

/* ===== SOCIAL ICON FIX ===== */

.siaf-social a {
  display: inline-flex;        /* 🔥 important */
  align-items: center;         /* center vertical */
  justify-content: center;     /* center horizontal */

  width: 40px;                 /* fixed width */
  height: 40px;                /* fixed height */

  margin-right: 10px;
  background: #fff;
  border-radius: 50%;          /* 🔥 perfect circle */

    color: var(--theme-primary-color);
  font-size: 16px;

  transition: 0.3s;
}

/* Hover */
.siaf-social a:hover {
  background: #000;
  color: #fff;
  transform: scale(1.1);       /* little zoom effect */
}
/* RIGHT SIDE */
.siaf-news-right {
  display: flex;
  gap: 10px; /* 🔥 spacing fix */
}

.siaf-news-right input {
  padding: 10px;
  border: none;
  width: 250px;
  border-radius: 5px;
}

.siaf-news-right button {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.siaf-news-right button:hover {
  background: #222;
}


/* BUTTON STYLE */
.siaf-news-right button {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

/* 🔥 HOVER EFFECT */
.siaf-news-right button:hover {
  background: var(--theme-primary-color);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* INPUT FOCUS */
.siaf-news-right input:focus {
  outline: none;
  box-shadow: 0 0 5px #0034ac;
}
/* Mobile */
@media (max-width: 768px) {
  .siaf-newsletter {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .siaf-news-right {
    width: 100%;
    flex-direction: column;
  }

  .siaf-news-right input {
    width: 100%;
  }

  .siaf-news-right button {
    width: 100%;
  }
}

#newsletter-message {
  margin-top: 10px;
}

.success {
  background: #28a745;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}

.error {
  background: #dc3545;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}