/* Supplemental styles for the Classic (Esther) fidelity pass:
   list-view cards, quantity box, product/new-arrival tabs, star colour. */

/* Star rating row (card + detail) */
.product_ratings ul { list-style: none; display: flex; gap: 2px; padding: 0; margin: 0 0 6px; }
.product_ratings i { color: #fdb813; font-size: 14px; }

/* Product card short description only in list view */
.shop_wrapper.grid_view .product_desc { display: none; }
.product_desc { color: #777; font-size: 13px; margin-top: 8px; }

/* Shop toolbar */
.shop_toolbar { border: 1px solid #ededed; padding: 10px 15px; border-radius: 3px; }
.shop_toolbar .shop_toolbar_btn a { font-size: 20px; color: #ccc; margin-right: 8px; }
.shop_toolbar .shop_toolbar_btn a.active { color: var(--theme-primary); }
.shop_toolbar .toolbar_count { color: #777; font-size: 14px; }
.shop_toolbar .shop_sort { min-width: 190px; }

/* List view: thumbnail left, content right */
@media (min-width: 768px) {
    .shop_wrapper.list_view .single_product { display: flex; gap: 24px; align-items: flex-start; }
    .shop_wrapper.list_view .product_thumb { flex: 0 0 260px; max-width: 260px; }
    .shop_wrapper.list_view .product_content { flex: 1; text-align: left; padding-top: 0; }
}

/* Quantity box (product detail) */
.pro-qty { display: inline-flex; align-items: center; border: 1px solid #ededed; border-radius: 4px; overflow: hidden; }
.pro-qty .qtybutton { width: 34px; height: 42px; line-height: 42px; text-align: center; color: #333; text-decoration: none; user-select: none; }
.pro-qty input { width: 46px; height: 42px; border: 0; text-align: center; outline: none; }

/* Product detail tabs + New Arrivals tab buttons */
.product_d_info .nav-tabs,
.new_product_tab .product_tab_button { border-bottom: 1px solid #ededed; gap: 6px; }
.product_d_info .nav-tabs .nav-link,
.new_product_tab .product_tab_button .nav-link { color: #333; border: 0; background: transparent; font-weight: 600; text-transform: uppercase; }
.product_d_info .nav-tabs .nav-link.active,
.new_product_tab .product_tab_button .nav-link.active { color: var(--theme-primary); border-bottom: 2px solid var(--theme-primary); }

/* Product-detail thumbnail slider */
.pro_details_nav .pro_details_thumb { padding: 0 5px; cursor: pointer; }
.pro_details_nav .slick-current .pro_details_thumb img { border-color: var(--theme-primary); }

/* Newsletter band */
.newsletter_area .newsletter_inner h2 { font-size: 28px; }
