/* Category listing + product detail — styles that used to be inline */

/* Wishlist heart */
.wishlist-toggle { width: 8%; float: left; margin-top: 15px; }
.wishlist-toggle img,
.wishlist-btn img,
.wishlist-added img { width: 23px; }
.wishlist-btn,
.wishlist-added { background: #fff; padding: 0; float: left; margin-top: 15px; }
.product-shop .wishlist-toggle,
.product-shop .wishlist-btn,
.product-shop .wishlist-added { float: none; width: auto; display: inline-block; margin: 15px 0 0 15px; }
.product-shop .wishlist-form { display: inline; }

/* Set selector (Set of 2 / 4 / 6 / 8) */
.radio-toolbar input[type="radio"] { display: none; }
.radio-toolbar label {
    display: inline-block; background-color: #ddd; padding: 4px 11px;
    font-family: Arial, sans-serif; font-size: 16px; cursor: pointer;
}
.radio-toolbar input[type="radio"]:checked + label { background-color: #000; color: #fff; }
.set-option { width: 25%; float: left; height: 50px; }
.set-selector { width: 100%; }

.price-box input[readonly] { border: none; background: transparent; }
.not-available { width: 175px; float: left; background: #000; text-align: center; padding: 4px; color: #fff; }
.btn-rf, .btn-rf:hover, .btn-rf:focus { background: #641614; color: #fff; }

/* SEO content box at the bottom of the category page */
.category-seo-content {
    height: 250px; overflow: auto; margin: 50px 0; padding: 15px;
    font-size: 12px; line-height: 25px; color: #7a7a7a; border: 1px solid #d9d9d9;
}
.category-seo-content h2 { text-align: center; color: #82371b; font-weight: 600; }
.category-seo-content p { font-size: 13px; font-weight: 500; color: #4c4c4c; }
.category-seo-content .title {
    display: block; text-transform: capitalize; padding: 0; margin-bottom: 10px;
    color: #82371b; font-weight: 600; font-size: 15px;
}

/* EMI options */
.emi-box { clear: both; margin: 10px 0 14px; font-size: 14px; color: #333; }
.emi-teaser { margin: 0; line-height: 1.6; }
.emi-teaser b { font-weight: 600; color: #111; }
.emi-toggle, .emi-more {
    background: none; border: 0; padding: 0; margin-left: 4px;
    color: #641614; font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
}
.emi-toggle:focus-visible, .emi-more:focus-visible { outline: 2px solid #641614; outline-offset: 2px; }
.emi-panel { margin-top: 10px; padding: 16px 18px; border: 1px solid #e2e2e2; border-radius: 8px; background: #fff; max-width: 420px; }
.emi-bank-name { margin: 0 0 10px; font-weight: 600; }
.emi-bank-name span { font-weight: 400; color: #666; }
.emi-bank-select { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; font-weight: 400; }
.emi-bank-select select { flex: 1; padding: 6px 8px; border: 1px solid #ccc; border-radius: 4px; }
.emi-heading { margin: 0 0 8px; font-size: 15px; color: #222; }
.emi-plans { list-style: none; margin: 0 0 6px; padding: 0; }
.emi-plan { padding: 7px 0; }
.emi-plan label { display: flex; align-items: center; gap: 10px; margin: 0; font-weight: 400; cursor: pointer; }
.emi-plan input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: #641614; flex: none; }
.emi-plan-detail { display: block; margin: 4px 0 0 28px; font-size: 12px; color: #666; }
.emi-plan-detail[hidden], .emi-plan[hidden], .emi-panel[hidden], .emi-box[hidden] { display: none; }
.emi-more { margin: 4px 0 0; font-size: 13px; }
.emi-note { margin: 12px 0 0; font-size: 11px; line-height: 1.5; color: #888; }