/* Category page - SEO accordion styles */
.seo-content-section {
    padding: 30px 0 60px;
}

.seo-accordion {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}

.accordion-header h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.accordion-toggle {
    background: none;
    border: none;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    padding: 5px;
}

.accordion-toggle i {
    transition: transform 0.3s ease;
}

.accordion-header.collapsed .accordion-toggle i {
    transform: rotate(-90deg);
}

.accordion-content {
    padding-top: 20px;
    line-height: 1.8;
    color: #555;
    max-height: 5000px;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}

.accordion-content.collapsed {
    max-height: 0;
    padding-top: 0;
}

.accordion-content h1,
.accordion-content h2,
.accordion-content h3 {
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}

.accordion-content p {
    margin-bottom: 15px;
}

.accordion-content ul,
.accordion-content ol {
    margin: 15px 0;
    padding-left: 30px;
}

.accordion-content a {
    color: #1abc50;
    text-decoration: none;
}

.accordion-content a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .seo-content-section {
        padding: 20px 0 40px;
    }

    .accordion-header h3 {
        font-size: 18px;
    }

    .accordion-content {
        font-size: 14px;
        max-height: 0;
        padding-top: 0;
    }

    .accordion-header .accordion-toggle i {
        transform: rotate(-90deg);
    }

    .accordion-header.expanded .accordion-toggle i {
        transform: rotate(0deg);
    }

    .accordion-content.expanded {
        max-height: 5000px;
        padding-top: 20px;
    }
}

@media (min-width: 769px) {
    .accordion-toggle {
        display: none;
    }

    .accordion-header {
        cursor: default;
    }
}

/* Category page - Product info modal styles */
.pi-text{position:relative;padding-bottom:32px!important;}
.product-info-toggle{position:absolute;bottom:6px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px;background:rgba(26,188,80,.9);border-radius:50%;cursor:pointer;z-index:4;transition:background .3s;text-decoration:none!important;}
.product-info-toggle i{color:#fff!important;font-size:12px!important;line-height:1;display:flex;align-items:center;justify-content:center;}
.product-info-toggle:hover{background:#16a446;}
.pi-pic{position:relative;}
.product-info-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;align-items:center;justify-content:center;padding:20px;}
.product-info-modal-content{background:#fff;border-radius:8px;max-width:650px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.2);}
.product-info-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee;flex-shrink:0;}
.product-info-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333;padding-right:16px;}
.product-info-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0;flex-shrink:0;}
.product-info-close:hover{color:#333;}
.product-info-tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid #eee;padding:0 24px;flex-shrink:0;}
.product-info-tab{background:none;border:none;padding:10px 14px;font-size:13px;font-weight:500;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;}
.product-info-tab.active{color:#1abc50;border-bottom-color:#1abc50;}
.product-info-tab:hover{color:#333;}
.product-info-tab-panel{padding:20px 24px;font-size:14px;line-height:1.7;color:#555;overflow-y:auto;flex:1;word-break:break-word;}
.product-info-tab-panel p{margin-bottom:10px;}
.product-info-tab-panel img{max-width:100%;height:auto;}
.product-info-loading{text-align:center;padding:40px;color:#999;}
@media(max-width:768px){
    .product-info-modal{padding:8px;}
    .product-info-modal-content{max-height:90vh;border-radius:6px;}
    .product-info-modal-header{padding:14px 16px;}
    .product-info-modal-header h3{font-size:15px;}
    .product-info-tabs{padding:0 12px;}
    .product-info-tab{padding:8px 10px;font-size:12px;}
    .product-info-tab-panel{padding:14px 16px;font-size:13px;}
    .product-info-toggle{width:24px;height:24px;min-width:24px;min-height:24px;}
    .product-info-toggle i{font-size:13px!important;}
}