/* ============================================================
   KHÁNH BEAUTY – Product Detail Page
   product-show.css | prefix: khanhbeauty_product_
   Pure CSS – No Library – SEO Accessible Responsive
   ============================================================ */

/* ===== GOOGLE FONTS ===== */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap");

/* ===== VARIABLES ===== */
:root {
    --kb-pink: #ec4899;
    --kb-pink-dark: #be185d;
    --kb-pink-light: #fdf2f8;
    --kb-teal: #06b6d4;
    --kb-black: #0f172a;
    --kb-text: #1e293b;
    --kb-text-2: #475569;
    --kb-text-3: #94a3b8;
    --kb-border: #e2e8f0;
    --kb-border-lt: #f1f5f9;
    --kb-bg: #ffffff;
    --kb-bg-lt: #f8fafc;
    --kb-bg-gray: #f1f5f9;
    --kb-gold: #f59e0b;
    --kb-green: #10b981;
    --kb-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
    --kb-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
    --kb-shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);
    --kb-r-sm: 8px;
    --kb-r: 16px;
    --kb-r-lg: 24px;
    --kb-r-full: 9999px;
    --kb-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
    --kb-container: 1240px;
    --kb-t: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ===== SCROLL PROGRESS ===== */
.khanhbeauty_product_scroll_bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    z-index: 9999;
    background: linear-gradient(90deg, var(--kb-pink), #ff6baa);
    transition: width 0.1s linear;
    pointer-events: none;
}

/* ===== BREADCRUMB ===== */
.khanhbeauty_product_breadcrumb {
    background: var(--kb-bg-lt);
    border-bottom: 1px solid var(--kb-border);
    padding: 8px 0;
}

.khanhbeauty_product_container {
    width: 100%;
    max-width: var(--kb-container);
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

.khanhbeauty_product_bc_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 12.5px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_bc_list a {
    color: var(--kb-text-3);
    transition: color var(--kb-t);
}

.khanhbeauty_product_bc_list a:hover {
    color: var(--kb-pink);
}

.khanhbeauty_product_bc_sep {
    opacity: 0.4;
    font-size: 14px;
}

.khanhbeauty_product_bc_list [aria-current="page"] {
    color: var(--kb-text);
    font-weight: 500;
}

/* ===== MAIN LAYOUT ===== */
.khanhbeauty_product_main {
    padding: 28px 0 56px;
    font-family: var(--kb-font);
}

.khanhbeauty_product_layout {
    display: grid;
    grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 0;
}

/* ===== IMAGE GALLERY ===== */
.khanhbeauty_product_gallery {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
    position: sticky;
    top: 120px; /* below fixed header+nav */
}

.khanhbeauty_product_thumbs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
    max-height: 480px;
    overflow-y: auto;
    scrollbar-width: none;
    padding-right: 2px;
}

.khanhbeauty_product_thumbs::-webkit-scrollbar {
    display: none;
}

.khanhbeauty_product_thumb {
    width: 72px;
    height: 72px;
    border-radius: var(--kb-r-sm);
    overflow: hidden;
    border: 2px solid var(--kb-border);
    background: var(--kb-bg-lt);
    transition:
        border-color var(--kb-t),
        box-shadow var(--kb-t);
    flex-shrink: 0;
    cursor: pointer;
}

.khanhbeauty_product_thumb:hover {
    border-color: var(--kb-pink);
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.15);
}

.khanhbeauty_product_thumb_active {
    border-color: var(--kb-pink) !important;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.25) !important;
}

.khanhbeauty_product_thumb_img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    background: var(--kb-pink-light);
    overflow: hidden;
}

.khanhbeauty_product_thumb_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.khanhbeauty_product_main_img_wrap {
    flex: 1;
    min-width: 0;
    width: 100%;
    border-radius: var(--kb-r);
    overflow: hidden;
    border: 1px solid var(--kb-border);
    background: var(--kb-pink-light);
    position: relative;
    cursor: zoom-in;
    transition: box-shadow var(--kb-t);
}

.khanhbeauty_product_main_img_wrap:hover {
    box-shadow: var(--kb-shadow);
}

.khanhbeauty_product_main_img {
    width: 100%;
    aspect-ratio: 4/4.8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.khanhbeauty_product_main_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.khanhbeauty_product_main_img_wrap:hover .khanhbeauty_product_main_img img {
    transform: scale(1.04);
}

.khanhbeauty_product_svg_main {
    width: 100%;
    height: 100%;
    transition: transform 0.35s ease;
}

.khanhbeauty_product_main_img_wrap:hover .khanhbeauty_product_svg_main {
    transform: scale(1.04);
}

.khanhbeauty_product_zoom_hint {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: var(--kb-r-sm);
    padding: 5px 8px;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px;
    opacity: 0;
    transition: opacity var(--kb-t);
}

.khanhbeauty_product_main_img_wrap:hover .khanhbeauty_product_zoom_hint {
    opacity: 1;
}

/* Share */
.khanhbeauty_product_share {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.khanhbeauty_product_share_label {
    font-size: 12.5px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_share_btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--kb-bg-gray);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kb-text-2);
    transition: all var(--kb-t);
    border: 1px solid var(--kb-border);
    cursor: pointer;
}

.khanhbeauty_product_share_btn:hover {
    background: var(--kb-pink);
    color: white;
    border-color: var(--kb-pink);
}

/* ===== PRODUCT INFO ===== */
.khanhbeauty_product_info {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Tags */
.khanhbeauty_product_tags_row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.khanhbeauty_product_brand_tag {
    background: var(--kb-pink);
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: var(--kb-r-sm);
    transition: background var(--kb-t);
}

.khanhbeauty_product_brand_tag:hover {
    background: var(--kb-pink-dark);
}

.khanhbeauty_product_cat_tag {
    border: 1.5px solid var(--kb-pink);
    color: var(--kb-pink);
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: var(--kb-r-full);
    transition: all var(--kb-t);
    text-decoration: none;
}

.khanhbeauty_product_cat_tag:hover {
    background: var(--kb-pink-light);
}

.khanhbeauty_product_sold_tag {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_sold_tag svg {
    color: var(--kb-teal);
}

/* Title */
.khanhbeauty_product_title {
    font-size: 26px;
    font-weight: 800;
    color: var(--kb-black);
    line-height: 1.35;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
}

/* Rating */
.khanhbeauty_product_rating_row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--kb-border-lt);
}

.khanhbeauty_product_stars {
    display: flex;
    align-items: center;
    gap: 2px;
}

.khanhbeauty_product_star_filled {
    color: var(--kb-gold);
    font-size: 16px;
    line-height: 1;
}

.khanhbeauty_product_star_empty {
    color: #ddd;
    font-size: 16px;
    line-height: 1;
}

.khanhbeauty_product_rating_val {
    font-size: 14px;
    font-weight: 700;
    color: var(--kb-gold);
    margin-left: 3px;
}

.khanhbeauty_product_review_link {
    font-size: 13px;
    color: var(--kb-pink);
    border-bottom: 1px solid var(--kb-pink);
}

.khanhbeauty_product_review_link:hover {
    opacity: 0.75;
}

.khanhbeauty_product_rating_sep {
    color: var(--kb-border);
    font-size: 16px;
}

.khanhbeauty_product_sold_count {
    font-size: 13px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_sold_count strong {
    color: var(--kb-text-2);
    font-weight: 700;
}

/* Price */
.khanhbeauty_product_price_block {
    margin-bottom: 12px;
}

.khanhbeauty_product_price_main_row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.khanhbeauty_product_original_price {
    font-size: 15px;
    color: var(--kb-text-3);
    text-decoration: line-through;
}

.khanhbeauty_product_sale_price {
    font-size: 34px;
    font-weight: 900;
    color: var(--kb-pink);
    letter-spacing: -0.03em;
    line-height: 1;
}

.khanhbeauty_product_vat_note {
    font-size: 11.5px;
    color: var(--kb-text-3);
    font-style: italic;
}

.khanhbeauty_product_discount_badges {
    display: flex;
    align-items: center;
    gap: 6px;
}

.khanhbeauty_product_pct_badge {
    background: var(--kb-pink);
    color: white;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: var(--kb-r-sm);
}

.khanhbeauty_product_kb_badge {
    background: var(--kb-teal);
    color: white;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: var(--kb-r-sm);
}

/* Installment */
.khanhbeauty_product_installment {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    background: var(--kb-bg-lt);
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-r-sm);
    padding: 8px 12px;
    font-size: 13px;
    color: var(--kb-text-2);
}

.khanhbeauty_product_inst_brand {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    color: #e91e8c;
}

.khanhbeauty_product_inst_info {
    margin-left: auto;
    color: var(--kb-text-3);
    font-size: 14px;
    transition: color var(--kb-t);
    cursor: pointer;
}

.khanhbeauty_product_inst_info:hover {
    color: var(--kb-pink);
}

/* Vouchers */
.khanhbeauty_product_vouchers {
    background: #fff6fb;
    border: 1px solid #ffc1e3;
    border-radius: var(--kb-r-sm);
    padding: 12px 14px;
    margin-bottom: 14px;
}

.khanhbeauty_product_voucher_label {
    font-size: 13px;
    color: var(--kb-text-2);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.khanhbeauty_product_voucher_label strong {
    color: var(--kb-pink);
    font-weight: 700;
}

.khanhbeauty_product_xem_them_link {
    color: var(--kb-pink);
    font-size: 13px;
    text-decoration: underline;
}

.khanhbeauty_product_voucher_chips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.khanhbeauty_product_voucher_chip {
    display: flex;
    align-items: stretch;
    gap: 0;
    border: 1px solid var(--kb-pink);
    border-radius: var(--kb-r);
    overflow: hidden;
    background: white;
    cursor: pointer;
    padding: 0;
    transition:
        transform var(--kb-t),
        box-shadow var(--kb-t);
}

.khanhbeauty_product_voucher_chip:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.2);
}

.khanhbeauty_product_chip_pct {
    background: var(--kb-pink);
    color: white;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
    display: flex;
    align-items: center;
}

.khanhbeauty_product_chip_code {
    font-size: 11px;
    font-weight: 700;
    color: var(--kb-pink);
    padding: 6px 10px;
    background: var(--kb-pink-light);
    display: flex;
    align-items: center;
}

/* Short desc */
.khanhbeauty_product_short_desc {
    font-size: 13.5px;
    color: var(--kb-text-2);
    line-height: 1.7;
    margin-bottom: 14px;
    padding: 12px;
    background: var(--kb-bg-lt);
    border-radius: var(--kb-r-sm);
    border-left: 3px solid var(--kb-pink);
}

/* Color selection */
.khanhbeauty_product_color_section {
    margin-bottom: 16px;
}

.khanhbeauty_product_color_label {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--kb-text);
    margin-bottom: 10px;
}

.khanhbeauty_product_color_label strong {
    color: var(--kb-pink);
}

.khanhbeauty_product_color_options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.khanhbeauty_product_color_opt {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1.5px solid var(--kb-border);
    border-radius: var(--kb-r-full);
    font-size: 12.5px;
    color: var(--kb-text-2);
    cursor: pointer;
    transition: all var(--kb-t);
}

.khanhbeauty_product_color_opt:hover {
    border-color: var(--kb-pink);
    color: var(--kb-pink);
}

.khanhbeauty_product_color_active {
    border-color: var(--kb-pink) !important;
    color: var(--kb-pink) !important;
    background: var(--kb-pink-light);
}

.khanhbeauty_product_color_dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1.5px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0 1.5px transparent;
    transition: box-shadow var(--kb-t);
}

.khanhbeauty_product_color_active .khanhbeauty_product_color_dot {
    box-shadow: 0 0 0 2px var(--kb-pink);
}

.khanhbeauty_product_qty_row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

.khanhbeauty_product_qty_label {
    font-size: 13px;
    font-weight: 700;
    color: var(--kb-text);
    white-space: nowrap;
}

.khanhbeauty_product_qty_ctrl {
    display: flex;
    align-items: center;
    gap: 0;
    border: 1.5px solid var(--kb-border);
    border-radius: var(--kb-r-sm);
    overflow: hidden;
}

.khanhbeauty_product_qty_btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--kb-text);
    background: var(--kb-bg-lt);
    transition: all var(--kb-t);
    cursor: pointer;
    border: none;
}

.khanhbeauty_product_qty_btn:hover {
    background: var(--kb-pink);
    color: white;
}

.khanhbeauty_product_qty_input {
    width: 60px;
    height: 40px;
    text-align: center;
    border: none;
    border-left: 1.5px solid var(--kb-border);
    border-right: 1.5px solid var(--kb-border);
    font-size: 15px;
    font-weight: 700;
    outline: none;
    -moz-appearance: textfield;
}

.khanhbeauty_product_qty_input::-webkit-outer-spin-button,
.khanhbeauty_product_qty_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* CTA Buttons */
.khanhbeauty_product_cta_row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 24px;
}

.khanhbeauty_product_atc_btn,
.khanhbeauty_product_buy_btn {
    flex: 1;
    min-width: 200px;
}

.khanhbeauty_product_atc_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    background: white;
    color: var(--kb-pink);
    border: 2px solid var(--kb-pink);
    border-radius: var(--kb-r);
    font-size: 15px;
    font-weight: 800;
    font-family: var(--kb-font);
    transition: all var(--kb-t);
    white-space: nowrap;
    cursor: pointer;
    line-height: 1;
}

.khanhbeauty_product_atc_btn:hover {
    background: var(--kb-pink-light);
    box-shadow: 0 4px 16px rgba(236, 72, 153, 0.15);
    transform: translateY(-2px);
}

.khanhbeauty_product_atc_btn:active {
    transform: translateY(0);
}

.khanhbeauty_product_buy_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    background-color: var(--kb-pink);
    background-image: linear-gradient(
        135deg,
        var(--kb-pink),
        var(--kb-pink-dark)
    );
    color: white !important;
    border-radius: var(--kb-r);
    font-size: 15px;
    font-weight: 800;
    font-family: var(--kb-font);
    transition: all var(--kb-t);
    border: 2px solid transparent;
    cursor: pointer;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.25);
}

.khanhbeauty_product_buy_btn:hover {
    background-image: linear-gradient(135deg, var(--kb-pink-dark), #9d174d);
    box-shadow: 0 6px 20px rgba(236, 72, 153, 0.4);
    transform: translateY(-2px);
}

.khanhbeauty_product_buy_btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(236, 72, 153, 0.2);
}

.khanhbeauty_product_branch_btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 16px;
    border: 1.5px solid var(--kb-border);
    border-radius: var(--kb-r);
    font-size: 14px;
    font-weight: 700;
    color: var(--kb-text-2);
    white-space: nowrap;
    transition: all var(--kb-t);
    background: white;
    cursor: pointer;
}

.khanhbeauty_product_branch_btn:hover {
    border-color: var(--kb-pink);
    color: var(--kb-pink);
}

/* Secondary actions */
.khanhbeauty_product_secondary_actions {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.khanhbeauty_product_wish_btn,
.khanhbeauty_product_compare_btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: var(--kb-text-3);
    transition: color var(--kb-t);
    cursor: pointer;
    border: none;
    background: none;
}

.khanhbeauty_product_wish_btn:hover,
.khanhbeauty_product_compare_btn:hover {
    color: var(--kb-pink);
}

.khanhbeauty_product_wish_btn.active {
    color: var(--kb-pink);
}

/* Trust badges */
.khanhbeauty_product_trust_row {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--kb-border-lt);
    border-radius: var(--kb-r);
    overflow: hidden;
    border: 1px solid var(--kb-border-lt);
}

.khanhbeauty_product_trust_item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    background: white;
}

.khanhbeauty_product_trust_icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.khanhbeauty_product_trust_ship {
    background: #e8f5e9;
    color: var(--kb-green);
}

.khanhbeauty_product_trust_warn {
    background: #fff3e0;
    color: #e65c00;
}

.khanhbeauty_product_trust_auth {
    background: #e3f2fd;
    color: #1565c0;
}

.khanhbeauty_product_trust_text strong {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--kb-black);
    margin-bottom: 2px;
}

.khanhbeauty_product_trust_text span {
    font-size: 11.5px;
    color: var(--kb-text-3);
    line-height: 1.5;
}

.khanhbeauty_product_trust_text a {
    color: var(--kb-pink);
    text-decoration: underline;
}

/* ===== TABS AREA ===== */
.khanhbeauty_product_tabs_area {
    background: var(--kb-bg-lt);
    padding: 10px 0;
}

.khanhbeauty_product_tabs_layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 32px;
    align-items: flex-start;
}

/* Tab nav */
.khanhbeauty_product_tab_nav {
    display: flex;
    align-items: center;
    gap: 0;
    border-bottom: 2px solid var(--kb-border);
    margin-bottom: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.khanhbeauty_product_tab_nav::-webkit-scrollbar {
    display: none;
}

.khanhbeauty_product_tab_btn {
    padding: 12px 20px;
    font-size: 13.5px;
    font-weight: 600;
    font-family: var(--kb-font);
    color: var(--kb-text-3);
    white-space: nowrap;
    border-bottom: 2.5px solid transparent;
    margin-bottom: -2px;
    transition: all var(--kb-t);
    cursor: pointer;
    border-top: none;
    border-left: none;
    border-right: none;
    background: none;
    letter-spacing: 0.01em;
}

.khanhbeauty_product_tab_btn:hover {
    color: var(--kb-pink);
}

.khanhbeauty_product_tab_active {
    color: var(--kb-pink) !important;
    border-bottom-color: var(--kb-pink) !important;
}

/* Tab panels */
.khanhbeauty_product_tab_panel {
    display: none;
    background: white;
    border: 1px solid var(--kb-border);
    border-top: none;
    border-radius: 0 0 var(--kb-r) var(--kb-r);
}

.khanhbeauty_product_tab_panel_active {
    display: block;
}

.khanhbeauty_product_tab_content {
    padding: 28px;
}

.khanhbeauty_product_tab_content h2 {
    font-size: 18px;
    font-weight: 800;
    color: var(--kb-black);
    margin-bottom: 14px;
}

.khanhbeauty_product_tab_content h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--kb-black);
    margin: 20px 0 10px;
}

.khanhbeauty_product_tab_content p {
    font-size: 13.5px;
    color: var(--kb-text-2);
    line-height: 1.8;
    margin-bottom: 12px;
}

.khanhbeauty_product_tab_content strong {
    color: var(--kb-black);
}

.khanhbeauty_product_content_img {
    margin: 16px 0;
    border-radius: var(--kb-r);
    overflow: hidden;
    background: var(--kb-pink-light);
}

.khanhbeauty_product_content_img img {
    width: 100%;
    height: auto;
    display: block;
}

.khanhbeauty_product_content_img svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Features list */
.khanhbeauty_product_feat_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 4px;
}

.khanhbeauty_product_feat_list li {
    font-size: 13.5px;
    color: var(--kb-text-2);
    line-height: 1.6;
    padding-left: 4px;
    list-style: none;
}

.khanhbeauty_product_usage_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: decimal;
    padding-left: 20px;
}

.khanhbeauty_product_usage_list li {
    font-size: 13.5px;
    color: var(--kb-text-2);
    line-height: 1.6;
}

/* Read more */
.khanhbeauty_product_readmore_btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 12px 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--kb-pink);
    transition: opacity var(--kb-t);
    cursor: pointer;
    border: none;
    background: none;
}

.khanhbeauty_product_readmore_btn:hover {
    opacity: 0.7;
}

.khanhbeauty_product_readmore_content {
    display: none;
    animation: kbFadeIn 0.3s ease;
}

.khanhbeauty_product_readmore_content.open {
    display: block;
}

@keyframes kbFadeIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ingredient note */
.khanhbeauty_product_ingredient_note {
    font-size: 12.5px;
    color: #e65c00;
    background: #fff3e0;
    padding: 10px 12px;
    border-radius: var(--kb-r-sm);
    border-left: 3px solid #e65c00;
    margin-top: 10px;
}

/* Spec table */
.khanhbeauty_product_spec_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.khanhbeauty_product_spec_table th {
    background: var(--kb-bg-lt);
    font-weight: 600;
    color: var(--kb-text);
    width: 36%;
    padding: 10px 14px;
    text-align: left;
    border: 1px solid var(--kb-border);
}

.khanhbeauty_product_spec_table td {
    padding: 10px 14px;
    color: var(--kb-text-2);
    border: 1px solid var(--kb-border);
}

.khanhbeauty_product_spec_table tr:nth-child(even) td {
    background: var(--kb-bg-lt);
}

/* Reviews */
.khanhbeauty_product_reviews_summary {
    display: flex;
    gap: 28px;
    align-items: flex-start;
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--kb-border);
}

.khanhbeauty_product_rev_score {
    text-align: center;
}

.khanhbeauty_product_rev_big {
    font-size: 44px;
    font-weight: 900;
    color: var(--kb-pink);
    display: block;
    line-height: 1;
}

.khanhbeauty_product_rev_stars_big {
    color: var(--kb-gold);
    font-size: 18px;
    margin: 4px 0;
}

.khanhbeauty_product_rev_total {
    font-size: 12px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_rev_bars {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.khanhbeauty_product_rev_bar_row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_rev_bar_row span:first-child {
    width: 22px;
    text-align: right;
}

.khanhbeauty_product_rev_bar_row span:last-child {
    width: 26px;
}

.khanhbeauty_product_rev_bar {
    flex: 1;
    height: 6px;
    background: var(--kb-bg-gray);
    border-radius: 3px;
    overflow: hidden;
}

.khanhbeauty_product_rev_bar_fill {
    height: 100%;
    background: var(--kb-gold);
    border-radius: 3px;
    transition: width 1s ease;
}

.khanhbeauty_product_reviews_list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.khanhbeauty_product_review_card {
    padding: 16px;
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-r);
}

.khanhbeauty_product_review_header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.khanhbeauty_product_review_avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--kb-pink-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    overflow: hidden;
}

.khanhbeauty_product_review_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.khanhbeauty_product_review_name {
    font-size: 14px;
    font-weight: 700;
}

.khanhbeauty_product_review_date {
    font-size: 11.5px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_review_stars {
    color: var(--kb-gold);
    font-size: 13px;
    margin-bottom: 6px;
}

.khanhbeauty_product_review_text {
    font-size: 13.5px;
    color: var(--kb-text-2);
    line-height: 1.6;
}

.khanhbeauty_product_review_verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--kb-green);
    font-weight: 600;
    margin-top: 8px;
}

.khanhbeauty_product_more_reviews_btn {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 10px;
    border: 1.5px solid var(--kb-border);
    border-radius: var(--kb-r-sm);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--kb-text);
    transition: all var(--kb-t);
    text-align: center;
    cursor: pointer;
    background: none;
}

.khanhbeauty_product_more_reviews_btn:hover {
    border-color: var(--kb-pink);
    color: var(--kb-pink);
}

/* Related products */
.khanhbeauty_product_related {
    background: white;
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-r);
    padding: 16px;
}

.khanhbeauty_product_related_title {
    font-size: 15px;
    font-weight: 800;
    color: var(--kb-black);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--kb-pink);
}

.khanhbeauty_product_related_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.khanhbeauty_product_related_card {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-r-sm);
    transition: all var(--kb-t);
    cursor: pointer;
    text-decoration: none;
}

.khanhbeauty_product_related_card:hover {
    border-color: var(--kb-pink);
    box-shadow: var(--kb-shadow-sm);
}

.khanhbeauty_product_related_img {
    width: 64px;
    height: 64px;
    border-radius: var(--kb-r-sm);
    background: var(--kb-pink-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
    overflow: hidden;
}

.khanhbeauty_product_related_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.khanhbeauty_product_related_info {
    flex: 1;
    min-width: 0;
}

.khanhbeauty_product_related_name {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 4px;
    color: var(--kb-text);
}

.khanhbeauty_product_related_price {
    font-size: 13px;
    font-weight: 700;
    color: var(--kb-pink);
}

.khanhbeauty_product_related_orig {
    font-size: 11px;
    color: var(--kb-text-3);
    text-decoration: line-through;
}

.khanhbeauty_product_related_rating {
    font-size: 11px;
    color: var(--kb-gold);
}

.khanhbeauty_product_related_sold {
    font-size: 11px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_related_badge {
    font-size: 9.5px;
    font-weight: 700;
    background: var(--kb-pink);
    color: white;
    padding: 2px 6px;
    border-radius: var(--kb-r-sm);
}

/* ===== RECENTLY VIEWED ===== */
.khanhbeauty_product_recently {
    padding: 32px 0 0;
    background: white;
    border-top: 1px solid var(--kb-border);
}

.khanhbeauty_product_recently_title {
    font-size: 22px;
    font-weight: 800;
    color: var(--kb-pink);
    text-align: center;
    margin-bottom: 20px;
}

.khanhbeauty_product_recently_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding-bottom: 32px;
}

.khanhbeauty_product_recent_card {
    border: 1px solid var(--kb-border);
    border-radius: var(--kb-r-lg);
    overflow: hidden;
    transition: all var(--kb-t);
    background: white;
}

.khanhbeauty_product_recent_card:hover {
    border-color: var(--kb-pink-light);
    box-shadow: 0 4px 18px rgba(233, 30, 140, 0.1);
    transform: translateY(-2px);
}

.khanhbeauty_product_recent_img {
    aspect-ratio: 4/3;
    background: var(--kb-pink-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    border-bottom: 1px solid var(--kb-border-lt);
    overflow: hidden;
}

.khanhbeauty_product_recent_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.khanhbeauty_product_recent_body {
    padding: 10px 12px 14px;
}

.khanhbeauty_product_recent_brand {
    font-size: 10px;
    color: var(--kb-text-3);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 3px;
}

.khanhbeauty_product_recent_name {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--kb-text);
    line-height: 1.4;
    margin-bottom: 6px;
}

.khanhbeauty_product_recent_stars {
    color: var(--kb-gold);
    font-size: 11px;
    margin-bottom: 4px;
}

.khanhbeauty_product_recent_price_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.khanhbeauty_product_recent_price {
    font-size: 14px;
    font-weight: 800;
    color: var(--kb-pink);
}

.khanhbeauty_product_recent_orig {
    font-size: 11px;
    color: var(--kb-text-3);
    text-decoration: line-through;
}

.khanhbeauty_product_recent_disc {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--kb-pink);
}

.khanhbeauty_product_recent_sold {
    font-size: 11px;
    color: var(--kb-text-3);
}

.khanhbeauty_product_recent_buy {
    display: block;
    padding: 8px;
    text-align: center;
    background: var(--kb-black);
    color: white;
    font-size: 12px;
    font-weight: 700;
    margin: 8px 12px 0;
    border-radius: var(--kb-r-sm);
    transition: background var(--kb-t);
}

.khanhbeauty_product_recent_buy:hover {
    background: var(--kb-pink);
}

/* ===== LIGHTBOX ===== */
.khanhbeauty_product_lightbox {
    position: fixed;
    inset: 0;
    z-index: 1200;
    pointer-events: none;
}

.khanhbeauty_product_lightbox_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.khanhbeauty_product_lightbox_content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.khanhbeauty_product_lightbox.open {
    pointer-events: all;
}

.khanhbeauty_product_lightbox.open .khanhbeauty_product_lightbox_overlay {
    opacity: 1;
}

.khanhbeauty_product_lightbox.open .khanhbeauty_product_lightbox_content {
    opacity: 1;
}

.khanhbeauty_product_lightbox_close {
    position: absolute;
    top: 16px;
    right: 16px;
    color: white;
    font-size: 22px;
    padding: 6px;
    z-index: 1;
    transition: opacity var(--kb-t);
    cursor: pointer;
    border: none;
    background: none;
}

.khanhbeauty_product_lightbox_close:hover {
    opacity: 0.7;
}

.khanhbeauty_product_lightbox_img {
    max-width: 90vw;
    max-height: 88vh;
    background: var(--kb-pink-light);
    border-radius: var(--kb-r-lg);
    overflow: hidden;
}

.khanhbeauty_product_lightbox_img img {
    max-width: 100%;
    max-height: 88vh;
    object-fit: contain;
    display: block;
}

.khanhbeauty_product_lightbox_img svg {
    width: 480px;
    max-width: 100%;
    height: auto;
}

/* ===== TOAST ===== */
.khanhbeauty_product_toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(16px);
    background: var(--kb-black);
    color: white;
    padding: 10px 24px;
    border-radius: var(--kb-r-full);
    font-size: 13.5px;
    font-weight: 500;
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

.khanhbeauty_product_toast.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* ===== BTT (product page only) ===== */
.khanhbeauty_product_btt {
    position: fixed;
    bottom: 68px;
    right: 16px;
    z-index: 800;
    width: 40px;
    height: 40px;
    background: var(--kb-black);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--kb-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all var(--kb-t);
    cursor: pointer;
    border: none;
}

.khanhbeauty_product_btt.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.khanhbeauty_product_btt:hover {
    background: var(--kb-pink);
    transform: translateY(-3px) !important;
}

/* ===== FLOAT CHAT ===== */
.khanhbeauty_product_float_chat {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 800;
    width: 48px;
    height: 48px;
    background: var(--kb-pink);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 18px rgba(233, 30, 140, 0.4);
    animation: kbPulse 2.5s ease-in-out infinite;
    text-decoration: none;
}

.khanhbeauty_product_float_chat:hover {
    background: var(--kb-pink-dark);
    animation: none;
    transform: scale(1.08);
}

@keyframes kbPulse {
    0%,
    100% {
        box-shadow: 0 4px 18px rgba(233, 30, 140, 0.4);
    }

    50% {
        box-shadow: 0 4px 28px rgba(233, 30, 140, 0.65);
    }
}

/* ===== STICKY CTA MOBILE ===== */
.khanhbeauty_product_sticky_cta {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 700;
    display: flex;
    background: white;
    border-top: 1.5px solid var(--kb-border);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.khanhbeauty_product_sticky_cta.visible {
    transform: translateY(0);
}

.khanhbeauty_product_sticky_cart {
    flex: 1;
    padding: 14px 12px;
    background: white;
    color: var(--kb-pink);
    border: none;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--kb-font);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-right: 1.5px solid var(--kb-border);
    transition: background var(--kb-t);
}

.khanhbeauty_product_sticky_cart:hover,
.khanhbeauty_product_sticky_cart:active {
    background: var(--kb-pink-light);
}

.khanhbeauty_product_sticky_buy {
    flex: 1;
    padding: 14px 12px;
    background: linear-gradient(135deg, var(--kb-pink), var(--kb-pink-dark));
    color: white;
    border: none;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--kb-font);
    cursor: pointer;
    transition: filter var(--kb-t);
}

.khanhbeauty_product_sticky_buy:hover,
.khanhbeauty_product_sticky_buy:active {
    filter: brightness(1.1);
}

/* ===== RESPONSIVE ===== */

/* --- Tablet lớn (≤1200px) --- */
@media (max-width: 1200px) {
    .khanhbeauty_product_layout {
        grid-template-columns: 440px 1fr;
        gap: 32px;
    }

    .khanhbeauty_product_tabs_layout {
        grid-template-columns: 1fr 280px;
        gap: 24px;
    }
}

/* --- Tablet (≤1024px) --- */
@media (max-width: 1024px) {
    .khanhbeauty_product_layout {
        grid-template-columns: 400px 1fr;
        gap: 28px;
    }

    .khanhbeauty_product_tabs_layout {
        grid-template-columns: 1fr 260px;
        gap: 20px;
    }

    .khanhbeauty_product_recently_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .khanhbeauty_product_gallery {
        top: 118px;
    }
}

/* --- Tablet nhỏ (≤900px) --- */
@media (max-width: 900px) {
    .khanhbeauty_product_layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .khanhbeauty_product_gallery {
        flex-direction: column-reverse;
        position: static;
    }

    .khanhbeauty_product_thumbs {
        flex-direction: row;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding-right: 0;
        padding-bottom: 2px;
        gap: 8px;
        width: 100%;
    }

    .khanhbeauty_product_thumb {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
    }

    .khanhbeauty_product_main_img {
        aspect-ratio: 4/3.5;
    }

    .khanhbeauty_product_tabs_layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .khanhbeauty_product_related {
        order: -1;
    }

    .khanhbeauty_product_related_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .khanhbeauty_product_recently_grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }

    .khanhbeauty_product_tabs_area {
        padding: 5px 0;
    }
}

/* --- Mobile lớn (≤768px) --- */
@media (max-width: 768px) {
    .khanhbeauty_product_main {
        padding: 20px 0 48px;
    }

    .khanhbeauty_product_title {
        font-size: 19px;
    }

    .khanhbeauty_product_sale_price {
        font-size: 26px;
    }

    .khanhbeauty_product_tab_btn {
        padding: 10px 14px;
        font-size: 13px;
    }

    .khanhbeauty_product_tab_content {
        padding: 20px 16px;
    }

    .khanhbeauty_product_reviews_summary {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }

    .khanhbeauty_product_rev_score {
        display: flex;
        align-items: center;
        gap: 16px;
        text-align: left;
    }

    .khanhbeauty_product_recently_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .khanhbeauty_product_cta_row {
        flex-direction: column;
        gap: 10px;
    }

    .khanhbeauty_product_atc_btn,
    .khanhbeauty_product_buy_btn {
        min-width: 100%;
        width: 100%;
    }

    .khanhbeauty_product_branch_btn {
        width: 100%;
        justify-content: center;
    }

    .khanhbeauty_product_qty_row {
        gap: 12px;
    }
}

/* --- Mobile (≤600px) --- */
@media (max-width: 600px) {
    .khanhbeauty_product_container {
        padding: 0 14px;
    }

    .khanhbeauty_product_title {
        font-size: 17px;
        letter-spacing: 0;
    }

    .khanhbeauty_product_sale_price {
        font-size: 24px;
    }

    .khanhbeauty_product_thumb {
        width: 52px;
        height: 52px;
    }

    .khanhbeauty_product_main_img {
        aspect-ratio: 1 / 1;
    }

    .khanhbeauty_product_color_options {
        gap: 5px;
    }

    .khanhbeauty_product_color_opt {
        padding: 5px 10px;
        font-size: 12px;
    }

    .khanhbeauty_product_recently_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .khanhbeauty_product_voucher_chips {
        gap: 6px;
    }

    .khanhbeauty_product_cta_row {
        flex-direction: column;
        gap: 10px;
    }

    .khanhbeauty_product_atc_btn,
    .khanhbeauty_product_buy_btn {
        width: 100%;
        min-width: 100%;
        padding: 14px 10px;
        font-size: 14px;
    }

    .khanhbeauty_product_branch_btn {
        width: 100%;
        justify-content: center;
    }

    .khanhbeauty_product_trust_row {
        border-radius: var(--kb-r-sm);
    }

    .khanhbeauty_product_trust_item {
        padding: 10px 12px;
        gap: 10px;
    }

    .khanhbeauty_product_trust_icon {
        width: 32px;
        height: 32px;
    }

    .khanhbeauty_product_tab_btn {
        padding: 10px 12px;
        font-size: 12.5px;
    }

    .khanhbeauty_product_tab_content {
        padding: 16px 14px;
    }

    .khanhbeauty_product_related_list {
        grid-template-columns: 1fr;
    }

    .khanhbeauty_product_recently_title {
        font-size: 18px;
    }

    .khanhbeauty_product_spec_table th,
    .khanhbeauty_product_spec_table td {
        padding: 8px 10px;
        font-size: 12.5px;
    }

    .khanhbeauty_product_spec_table th {
        width: 42%;
    }
}

/* --- Mobile nhỏ (≤480px) --- */
@media (max-width: 480px) {
    .khanhbeauty_product_container {
        padding: 0 12px;
    }

    .khanhbeauty_product_layout {
        gap: 16px;
    }

    .khanhbeauty_product_gallery {
        gap: 8px;
    }

    .khanhbeauty_product_thumbs {
        gap: 6px;
    }

    .khanhbeauty_product_thumb {
        width: 48px;
        height: 48px;
    }

    .khanhbeauty_product_title {
        font-size: 16px;
    }

    .khanhbeauty_product_sale_price {
        font-size: 22px;
    }

    .khanhbeauty_product_original_price {
        font-size: 13px;
    }

    .khanhbeauty_product_tags_row {
        gap: 6px;
    }

    .khanhbeauty_product_rating_row {
        gap: 6px;
    }

    .khanhbeauty_product_cta_row {
        gap: 6px;
    }

    .khanhbeauty_product_atc_btn,
    .khanhbeauty_product_buy_btn {
        padding: 12px 8px;
        font-size: 12.5px;
        gap: 5px;
    }

    .khanhbeauty_product_qty_btn {
        width: 32px;
        height: 32px;
    }

    .khanhbeauty_product_qty_input {
        width: 44px;
        height: 32px;
    }

    .khanhbeauty_product_recently_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .khanhbeauty_product_review_card {
        padding: 12px;
    }

    .khanhbeauty_product_reviews_summary {
        gap: 12px;
    }

    .khanhbeauty_product_rev_big {
        font-size: 36px;
    }

    .khanhbeauty_product_tabs_area {
        padding: 5px 0;
    }

    .khanhbeauty_product_tab_nav {
        margin-bottom: 0;
    }

    .khanhbeauty_product_recently {
        padding: 20px 0 0;
    }
}

/* --- Màn hình rất nhỏ (≤360px) --- */
@media (max-width: 360px) {
    .khanhbeauty_product_container {
        padding: 0 10px;
    }

    .khanhbeauty_product_title {
        font-size: 15px;
    }

    .khanhbeauty_product_cta_row {
        grid-template-columns: 1fr;
    }

    .khanhbeauty_product_branch_btn {
        grid-column: unset;
    }

    .khanhbeauty_product_atc_btn,
    .khanhbeauty_product_buy_btn,
    .khanhbeauty_product_branch_btn {
        width: 100%;
        justify-content: center;
    }

    .khanhbeauty_product_recently_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media print {
    .khanhbeauty_product_btt,
    .khanhbeauty_product_float_chat,
    .khanhbeauty_product_lightbox,
    .khanhbeauty_product_toast,
    .khanhbeauty_product_sticky_cta {
        display: none !important;
    }
}