/*
 * Style for the product category page
*/

.image-radius img {
	border-radius: 12px;
}


.term-description h1,
.term-description h2,
.term-description h3,
.term-description h4 {

}
.term-description p{
    color: #000000;
}
.term-description {
    margin-bottom: 30px;
}

.term-description h1,
.term-description h2,
.term-description h3,
.term-description h4 {
    margin-bottom: 15px;
}

/*.product-category-extra-content*/

.product-category-extra-content{
    padding: 60px 0;
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

.category-content-item{
    border:1px solid #e5e5e5;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:16px;
    background:#fff;
    color: #000000;
}

.category-content-title{
    color: #000000;
    margin:0;
    padding:20px 60px 20px 20px;
    cursor:pointer;
    position:relative;
    font-size:20px;
    line-height:1.4;
    transition:all .3s ease;
}

.category-content-title:hover{
    background:#f8f8f8;
}

.category-content-title:after{
    content:"+";
    color: #000000;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:28px;
    font-weight:300;
    transition:all .3s ease;
}

.category-content-item.active .category-content-title:after{
    transform:translateY(-50%) rotate(45deg);
}

.category-content-description{
    color: #000000;
    display:none;
    padding:0 20px 20px;
}

.category-content-description > *:first-child{
    margin-top:0;
}

.category-content-description > *:last-child{
    margin-bottom:0;
}


/*.choose-right-container*/

.choose-right-container {
    margin-bottom:40px;
}

.choose-right-container__header{
    margin-bottom:30px;
}

.choose-right-container__items {
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:15px;
}
@media (min-width: 640px) and (max-width: 1024px){
    .choose-right-container__items{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (min-width: 1024.9px){
    .choose-right-container__items{
        grid-template-columns:repeat(3,1fr);
    }
}
.choose-right-container__item{
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:10px;
    border:1px solid #ae8b31;
    border-radius:8px;
    color: #000000;
}

.choose-right-container__image {
    margin-bottom:15px;
}

.choose-right-container__image-wrapper {
    /*border:1px solid #ae8b31;*/
    /*border-radius: 4px;*/
    /*padding: 10px;*/
    height: 50px;
    width: 50px;
}

.choose-right-container__title{
    color: #ae8b31;
    font-size: 18px;
    line-height: 22px;
    margin-bottom:10px;
}

/*.related-categories-section*/

.related-categories-section{
    margin:60px 0;
}

.related-categories-heading{
    color: #000000;
    margin-bottom:30px;
    text-align:center;
}
.related-categories-grid{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:15px;
}
@media (min-width: 640px) and (max-width: 1024px){
    .related-categories-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media (min-width: 1024.9px){
    .related-categories-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

.related-category-card{
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px;
    border:1px solid #ae8b31;
    border-radius:12px;
    color: #000000;
}


.related-category-title{
    font-size: 18px;
    line-height: 22px;
    margin-bottom:15px;
}

.related-category-button{
    background-color: #ae8b31;
    border-radius: 5px;
    display:inline-block;
    color: #fff;
    font-size: 12px;
    padding: 11px 16px;
    margin-top:15px;
    text-decoration: none;
}

.related-category-button:hover{
    color: #f7f7f7;
    background-color: #f5b14b;
    text-decoration: none;
}

.related-category-image{
    background-color: #ffffff;
    margin-bottom:15px;
}

.choose-right-container__image-tag,
.related-category-image-tag{
    display:block;
    width:100%;
    height:auto;
    border-radius:8px;
}


/*
 * Style for the product card category page
*/

.isotope-item .inner-content {
    background-color: #ffffff;
    border:1px solid #ae8b31;
    border-radius:4px;
}

.isotope-item  .hover_box.hover_box_product {
    border-radius:8px;
    overflow: hidden;
}

.isotope-item  .product-content-texts {
    padding: 10px;
}

.isotope-item  .product-content-texts h4 {
    font-size: 18px;
    line-height: 22px;
}

.isotope-item .inner-content .woocommerce {
    border-top: 1px solid #ae8b31;
    padding-top: 10px;
}


/* =========================================================================
 * MPD 2026 — archive layout (hero, comparison table, shop hub)
 * Reuses the existing brand system: gold accent, bg-1 cards, theme fonts.
 * The single adjustable token is --mpd-dark (used only for the eyebrow /
 * subtle text); headings inherit the theme's global typography + colour.
 * ====================================================================== */

:root{
    --mpd-gold:#ae8b31;
    --mpd-gold-hover:#f5b14b;
    --mpd-line:#e5e5e5;
    --mpd-ink:#000000;
    --mpd-muted:#5a5a5a;
    --mpd-card-bg:#ffffff;
    --mpd-tint:#faf7ef;
}

/* -- shared bits ---------------------------------------------------------- */
.mpd-eyebrow{
    color:var(--mpd-gold);
    font-size:12px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin:0 0 10px;
}
.mpd-cta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:22px;
}
.mpd-btn{
    background-color:var(--mpd-gold);
    border:1.5px solid var(--mpd-gold);
    border-radius:5px;
    color:#fff;
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:.02em;
    padding:12px 22px;
    text-decoration:none;
    text-transform:uppercase;
    transition:all .25s ease;
}
.mpd-btn:hover{
    background-color:var(--mpd-gold-hover);
    border-color:var(--mpd-gold-hover);
    color:#fff;
    text-decoration:none;
}
.mpd-btn--ghost{
    background-color:transparent;
    color:var(--mpd-gold);
}
.mpd-btn--ghost:hover{
    background-color:var(--mpd-gold);
    color:#fff;
}

/* -- §01 Category / Hub hero --------------------------------------------- */
.mpd-cat-hero{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:36px;
    align-items:center;
    margin-bottom:44px;
}
.mpd-cat-hero--textonly{
    grid-template-columns:1fr;
    max-width:820px;
}
.mpd-cat-hero__title{
    margin:0 0 16px;
}
.mpd-cat-hero__intro{
    color:var(--mpd-muted);
    max-width:60ch;
}
.mpd-cat-hero__intro p{
    color:var(--mpd-muted);
    margin:0 0 12px;
}
.mpd-cat-hero__intro p:last-child{
    margin-bottom:0;
}
.mpd-cat-hero__media{
    margin:0;
}
.mpd-cat-hero__img{
    display:block;
    width:100%;
    height:auto;
    border-radius:12px;
}

/* -- §02 Comparison ("Choose the Right…") table -------------------------- */
.mpd-spec{
    margin:0 0 44px;
}
.mpd-spec__title{
    margin:0 0 18px;
}
.mpd-spec__wrap{
    overflow-x:auto;
    border:1px solid var(--mpd-line);
    border-radius:12px;
    -webkit-overflow-scrolling:touch;
}
.mpd-spec__table{
    border-collapse:collapse;
    width:100%;
    min-width:560px;
    margin:0;
    background:var(--mpd-card-bg);
}
.mpd-spec__table thead {
	background-color: var(--mpd-gold);
}
.mpd-spec__table th,
.mpd-spec__table td{
    text-align:left;
    padding:13px 16px;
    border-bottom:1px solid var(--mpd-line);
    vertical-align:top;
    font-size:14px;
    line-height:1.5;
    color:var(--mpd-ink);
}
.mpd-spec__table thead th{
    background:var(--mpd-gold);
    color:#fff;
    font-size:12px;
    letter-spacing:.05em;
    text-transform:uppercase;
    border-bottom:none;
}
.mpd-spec__table tbody tr:nth-child(even){
    background:var(--mpd-tint);
}
.mpd-spec__table tbody tr:last-child td{
    border-bottom:none;
}
.mpd-spec__table .mpd-spec__rowhead{
    font-weight:700;
}

/* -- Responsive: hero + table -------------------------------------------- */
@media (max-width:768px){
    .mpd-cat-hero{
        grid-template-columns:1fr;
        gap:22px;
    }
    .mpd-cat-hero__media{
        order:-1;
    }
    .mpd-spec__table th,
    .mpd-spec__table td{
        padding:11px 13px;
        font-size:13.5px;
    }
}