:root {
    /* Brand palette */
    --rich-brown:   #5C4033; /* Rich Leather Brown */
    --saddle-tan:   #C19A6B; /* Saddle Tan */
    --antique-gold: #D4AF37; /* Antique Gold */
    --olive-green:  #6B8E23; /* Olive Green */
    --charcoal:     #2B2B2B; /* Charcoal Black */

  /* Neutrals to pair with the palette */
  --paper:        #FDFCF9;
  --ink:          #1A1A1A;

  /* Common UI tokens */
  --bg: var(--paper);
  --text: var(--charcoal);
  --primary: var(--olive-green);
  --accent: var(--antique-gold);
}


.lc-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* Show only 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em; /* ~2 lines depending on font-size */
}


/* Quick utilities */
.bg-brown   { background-color: var(--rich-brown) !important; }
.bg-tan     { background-color: var(--saddle-tan) !important; }
.bg-gold    { background-color: var(--antique-gold) !important; }
.bg-olive   { background-color: var(--olive-green) !important; }
.bg-char    { background-color: var(--charcoal) !important; }

.text-brown { color: var(--rich-brown) !important; }
.text-tan   { color: var(--saddle-tan) !important; }
.text-gold  { color: var(--antique-gold) !important; }
.text-olive { color: var(--olive-green) !important; }
.text-char  { color: var(--charcoal) !important; }

.border-brown { border-color: var(--rich-brown) !important; }
.border-tan   { border-color: var(--saddle-tan) !important; }
.border-gold  { border-color: var(--antique-gold) !important; }
.border-olive { border-color: var(--olive-green) !important; }
.border-char  { border-color: var(--charcoal) !important; }

/* Example components */
.btn-primary-brand {
  background: var(--olive-green);
  color: #fff;
  border: 0;
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn-primary-brand:hover {
  background: #5c7b1f; /* slightly darker olive */
  box-shadow: 0 8px 20px rgba(0,0,0,.15);
  transform: translateY(-1px);
}

.card-brand {
  background: var(--bg);
  color: var(--text);
  border: 1px solid rgba(44, 44, 44, 0.08);
  border-top: 4px solid var(--rich-brown);
  border-radius: 16px;
}
.card-brand h2,
.card-brand h3 { color: var(--rich-brown); }
.card-brand .highlight { color: var(--antique-gold); }

.product-title{
    font-size: 18px!important;
}
.product_attribtes_box{
    display: flex;
    justify-content: space-between;
}

tbody, td, tfoot, th, thead, tr{
border-color: #D4AF37 !important;
}

.select_size_title{
    color: #5C4033 !important;
    background: #D4AF37 !important;
    padding: 5px;
}

.product-single-tab .tab-content{
padding: 0px!important;
}

.pt-50{
    padding-top: 50px!important;
}


.footer-widget h3 {
    color: #ffffff;
}

.footer-area {
    background: #2B2B2B;
}

.copy-right-area {
    background: #5C4033;

}

.copy-right-content span p {
    color: white;
}

.footer-widget h3 {
    color: #ffffff;
}

.footer-area {
  background: var(--charcoal);
  color: var(--paper);
  padding-top: 80px;
  position: relative;
  overflow: hidden;
}

.footer-top {
  padding-bottom: 50px;
}

.footer-logo img {
  filter: brightness(0) invert(1);
}

.footer-widget {
  color: var(--text);
}

.footer-description {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.7;
}

.footer-title {
  color: var(--accent);
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-size: 15px;
  transition: color 0.3s ease;
}

.footer-links a:hover {
  color: var(--accent);
}

.footer-links i {
  margin-right: 8px;
  color: var(--accent);
}

.contact-info li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: var(--accent);
  font-size: 16px;
  transition: all 0.3s ease;
}

.social-links a:hover {
  background: var(--accent);
  color: var(--charcoal);
  transform: translateY(-3px);
}

.footer-follow-text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px 0;
  background: var(--rich-brown);
}

.footer-bottom p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.3px;
}

.faq-section {
    background: #f8f9fa;
    padding: 50px 20px;
    font-family: "Segoe UI", sans-serif;
}

.faq-container {
    /* max-width: 900px; */
    margin: auto;
}

.faq-title {
    text-align: center;
    font-size: 2rem;
    color: #222;
    margin-bottom: 30px;
    font-weight: bold;
}

.faq-item {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.faq-question {
    background: none;
    border: none;
    outline: none;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
}

.faq-question:hover {
    color: #007b5e;
}

.faq-question::after {
    content: '+';
    font-size: 1.2rem;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question::after {
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
    color: #555;
    margin-left: 6px !important;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding-top: 10px;
}

.faq-answer p {
    margin: 0 0 10px;
    line-height: 1.6;
}

.faq-answer ul {
    margin: 0;
    padding-left: 20px;
}

.faq-answer a {
    color: #007b5e;
    text-decoration: underline;
}

.shadow-paper{
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
}