single-product-2.html

<!doctype html>
<html lang="en">

<head>
    <title>Chi tiết sản phẩm 2</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/carousel/flickity.css">
    <link rel="stylesheet" href="assets/box/jquery.fancybox.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
    <div class="search__mobile d-flex align-items-center">
        <form action="" class="header__search d-flex flex-wrap align-items-center">
            <input type="text" class="form-control" placeholder="Bạn cần tìm gì?" autocomplete="off">
            <button type="submit" aria-label="Tìm kiếm">
                <svg width="20" class="Icon Icon--search-desktop" viewBox="0 0 21 21">
                    <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
                        <path d="M18 18l-5.7096-5.7096"></path>
                        <circle cx="7.2" cy="7.2" r="7.2"></circle>
                    </g>
                </svg>
            </button>
        </form>
        <div class="search__mobile-close d-flex align-items-center justify-content-center">
            <svg width="15" height="15" class="Icon Icon--close" viewBox="0 0 16 14">
                <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
            </svg>
        </div>
    </div>

    <header class="header sticky-top">
        <div class="header__top">
            <div class="container">
                <div class="header__top-inner">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-lg-3 d-flex align-items-center d-lg-block justify-content-between">
                            <div class="header__bars d-block d-lg-none">
                                <svg height="21px" viewBox="0 -53 384 384" width="21px" xmlns="http://www.w3.org/2000/svg"><path d="m368 154.667969h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"></path><path d="m368 32h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"></path><path d="m368 277.332031h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0"></path></svg>
                            </div>
                            <div class="header__logo">
                                <a href="index.html">
                                    <img width="180" height="42" src="assets/images/logo.png">
                                </a>
                            </div>
                            <div class="header__action-mobile d-flex">
                                <div class="icon__search-mb d-block d-lg-none me-3">
                                    <svg width="20" height="20" class="Icon Icon--search-desktop" viewBox="0 0 21 21">
                                        <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
                                            <path d="M18 18l-5.7096-5.7096"></path>
                                            <circle cx="7.2" cy="7.2" r="7.2"></circle>
                                        </g>
                                    </svg>
                                </div>
                                <a href="javascript:void(0)" class="d-block d-lg-none header__cart-mb open-cart-qv position-relative" title="Giỏ hàng">
                                    <svg width="21px" height="21px" viewBox="0 0 19 23">
                                        <path d="M0 22.985V5.995L2 6v.03l17-.014v16.968H0zm17-15H2v13h15v-13zm-5-2.882c0-2.04-.493-3.203-2.5-3.203-2 0-2.5 1.164-2.5 3.203v.912H5V4.647C5 1.19 7.274 0 9.5 0 11.517 0 14 1.354 14 4.647v1.368h-2v-.912z" fill="#222"></path>
                                    </svg>
                                    <span class="d-flex align-items-center justify-content-center rounded-circle position-absolute">0</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-xl-5 col-lg-5 mt-3 mt-lg-0 d-none d-lg-block">
                            <form action="" class="header__search d-flex flex-wrap align-items-center">
                                <input type="text" class="form-control" placeholder="Bạn cần tìm gì?" autocomplete="off">
                                <button type="submit" aria-label="Tìm kiếm">
                                    <svg class="Icon Icon--search-desktop" viewBox="0 0 21 21">
                                        <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
                                            <path d="M18 18l-5.7096-5.7096"></path>
                                            <circle cx="7.2" cy="7.2" r="7.2"></circle>
                                        </g>
                                    </svg>
                                </button>
                            </form>
                        </div>
                        <div class="col-xl-3 col-lg-4 d-none d-lg-flex justify-content-end">
                            <div class="header__account-wrapper position-relative d-flex align-items-center">
                                <a href="" class="header__account" aria-label="Tài khoản" title="Tài khoản">
                                    <svg viewBox="0 0 512 512"><path d="M437.02,330.98c-27.883-27.882-61.071-48.523-97.281-61.018C378.521,243.251,404,198.548,404,148    C404,66.393,337.607,0,256,0S108,66.393,108,148c0,50.548,25.479,95.251,64.262,121.962    c-36.21,12.495-69.398,33.136-97.281,61.018C26.629,379.333,0,443.62,0,512h40c0-119.103,96.897-216,216-216s216,96.897,216,216    h40C512,443.62,485.371,379.333,437.02,330.98z M256,256c-59.551,0-108-48.448-108-108S196.449,40,256,40    c59.551,0,108,48.448,108,108S315.551,256,256,256z" data-original="#222222" class="active-path" fill="#222222"></path></svg>
                                    <span class="acc-text">Tài khoản</span>
                                </a>
                                <ul class="header__account-sub position-absolute">
                                    <li><a rel="nofollow" href="" title="Đăng nhập">Đăng nhập</a></li>
                                    <li><a rel="nofollow" href="" title="Đăng ký">Đăng ký</a></li>
                                    <li>
                                        <a href="" aria-label="Sản phẩm Yêu thích" title="Sản phẩm Yêu thích">Yêu thích <span class="header__wishlish-count d-inline-block rounded-circle">0</span></a>
                                    </li>
                                </ul>
                            </div>
                            <a href="javascript:void(0)" class="header__cart open-cart-qv d-inline-block position-relative" aria-label="Xem giỏ hàng" title="Giỏ hàng">
                                <svg viewBox="0 0 512 512"><g><path xmlns="http://www.w3.org/2000/svg" d="m504.399 185.065c-6.761-8.482-16.904-13.348-27.83-13.348h-98.604l-53.469-122.433c-3.315-7.591-12.157-11.06-19.749-7.743-7.592 3.315-11.059 12.158-7.743 19.75l48.225 110.427h-178.458l48.225-110.427c3.315-7.592-.151-16.434-7.743-19.75-7.591-3.317-16.434.15-19.749 7.743l-53.469 122.434h-98.604c-10.926 0-21.069 4.865-27.83 13.348-6.637 8.328-9.086 19.034-6.719 29.376l52.657 230c3.677 16.06 17.884 27.276 34.549 27.276h335.824c16.665 0 30.872-11.216 34.549-27.276l52.657-230.001c2.367-10.342-.082-21.048-6.719-29.376zm-80.487 256.652h-335.824c-2.547 0-4.778-1.67-5.305-3.972l-52.657-229.998c-.413-1.805.28-3.163.936-3.984.608-.764 1.985-2.045 4.369-2.045h85.503l-3.929 8.997c-3.315 7.592.151 16.434 7.743 19.75 1.954.854 3.99 1.258 5.995 1.258 5.782 0 11.292-3.363 13.754-9l9.173-21.003h204.662l9.173 21.003c2.462 5.638 7.972 9 13.754 9 2.004 0 4.041-.404 5.995-1.258 7.592-3.315 11.059-12.158 7.743-19.75l-3.929-8.997h85.503c2.384 0 3.761 1.281 4.369 2.045.655.822 1.349 2.18.936 3.983l-52.657 230c-.528 2.301-2.76 3.971-5.307 3.971z" fill="#ffffff" data-original="#000000" style=""></path><path xmlns="http://www.w3.org/2000/svg" d="m166 266.717c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15s15-6.716 15-15v-110c0-8.284-6.715-15-15-15z" fill="#ffffff" data-original="#000000" style=""></path><path xmlns="http://www.w3.org/2000/svg" d="m256 266.717c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15s15-6.716 15-15v-110c0-8.284-6.716-15-15-15z" fill="#ffffff" data-original="#000000" style=""></path><path xmlns="http://www.w3.org/2000/svg" d="m346 266.717c-8.284 0-15 6.716-15 15v110c0 8.284 6.716 15 15 15s15-6.716 15-15v-110c-.001-8.284-6.716-15-15-15z" fill="#ffffff" data-original="#000000" style=""></path></g></svg>
                                <span class="acc-text">Giỏ hàng</span>
                                <span class="header__cart-count position-absolute rounded-circle">0</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header__bottom d-none d-lg-block">
            <div class="container">
                <nav class="header__menu">
                    <ul>
                        <li class="current-menu-item">
                            <a href="index.html">Trang chủ</a>
                        </li>
                        <li class="menu-item-has-children">
                            <a href="project-1.html">Dự án</a>
                            <ul>
                                <li><a href="project-1.html">Dự án 1</a></li>
                                <li><a href="single-project-1.html">Chi tiết dự án 1</a></li>
                                <li><a href="project-2.html">Dự án 2</a></li>
                                <li><a href="single-project-2.html">Chi tiết dự án 2</a></li>
                            </ul>
                        </li>
                        <li class="hazo-mega-menu menu-item-has-children">
                            <a href="archive-product.html">Sản phẩm</a>
                            <ul>
                                <div class="container">
                                    <div class="row">
                                        <li class="col-2 px-3">
                                            <a href="archive-product.html">
                                                <img src="assets/images/mega-1-image-1.jpg" alt="">
                                            </a>
                                        </li>
                                        <li class="col-6 px-3">
                                            <ul>
                                                <li>
                                                    <a href="archive-product.html">Áo</a>
                                                    <ul>
                                                        <li><a href="archive-product.html">Croptop</a></li>
                                                        <li><a href="archive-product.html">Bẹt vai</a></li>
                                                        <li><a href="archive-product.html">Sơ mi</a></li>
                                                        <li><a href="archive-product.html">Áo khoác</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="">Đầm</a>
                                                    <ul>
                                                        <li><a href="archive-product.html">Chữ A</a></li>
                                                        <li><a href="archive-product.html">Sơ Mi</a></li>
                                                        <li><a href="archive-product.html">Đầm thun</a></li>
                                                        <li><a href="archive-product.html">Xuông</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="">Váy</a>
                                                    <ul>
                                                        <li><a href="archive-product.html">Váy chữ A</a></li>
                                                        <li><a href="archive-product.html">Bẹt vai</a></li>
                                                        <li><a href="archive-product.html">Sơ mi</a></li>
                                                        <li><a href="archive-product.html">Áo khoác</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="">Jumpsuit</a>
                                                    <ul>
                                                        <li><a href="archive-product.html">Quần dài</a></li>
                                                        <li><a href="archive-product.html">Quần shorts</a></li>
                                                        <li><a href="archive-product.html">Sơ mi</a></li>
                                                        <li><a href="archive-product.html">Áo khoác</a></li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="">Sale</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="col-4 px-3 hazo-mega-menu__right">
                                            <ul>
                                                <li>
                                                    <a href="archive-product.html">
                                                        <img src="assets/images/mega-1-image-4.jpg" alt="">
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="archive-product.html">
                                                        <img src="assets/images/mega-1-image-1.jpg" alt="">
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="archive-product.html">
                                                        <img src="assets/images/mega-1-image-4.jpg" alt="">
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </div>
                                </div>
                            </ul>
                        </li>
                        <li class="menu-item-has-children">
                            <a href="">Tin tức</a>
                            <ul>
                                <li><a href="news-grid.html">Tin tức dạng lưới 1</a></li>
                                <li><a href="news-grid-2.html">Tin tức dạng lưới 2</a></li>
                                <li><a href="news-list.html">Tin tức dạng danh sách</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="">Liên hệ</a>
                        </li>
                        <li>
                            <a href="">Sale</a>
                        </li>
                        <li>
                            <a href="recruitment.html">Tuyển dụng</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <div class="menu-mobile">
        <div class="menu-mobile-inner">
            <div class="menu-mobile-account d-flex align-items-center position-relative">
                <div class="menu-mobile-close position-absolute d-flex align-items-center justify-content-center">
                    <svg width="15" height="15" class="Icon Icon--close" viewBox="0 0 16 14">
                        <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
                    </svg>
                </div>
                <div class="menu-mobile-account__avatar d-flex align-items-center justify-content-center">
                    <svg viewBox="0 0 512 512"><path d="M437.02,330.98c-27.883-27.882-61.071-48.523-97.281-61.018C378.521,243.251,404,198.548,404,148    C404,66.393,337.607,0,256,0S108,66.393,108,148c0,50.548,25.479,95.251,64.262,121.962    c-36.21,12.495-69.398,33.136-97.281,61.018C26.629,379.333,0,443.62,0,512h40c0-119.103,96.897-216,216-216s216,96.897,216,216    h40C512,443.62,485.371,379.333,437.02,330.98z M256,256c-59.551,0-108-48.448-108-108S196.449,40,256,40    c59.551,0,108,48.448,108,108S315.551,256,256,256z" data-original="#222222" class="active-path" fill="#222222"></path></svg>
                </div>
                <ul class="list-unstyled d-flex align-items-center mb-0 justify-content-evenly">
                    <li>
                        <a href="">Đăng nhập</a>
                    </li>
                    <li>
                        <a href="">Đăng ký</a>
                    </li>
                </ul>
            </div>
            <nav>
                <ul>
                    <li class="current-menu-item">
                        <a href="">Trang chủ</a>
                    </li>
                    <li class="">
                        <a href="">Giới thiệu</a>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="">Sản phẩm</a>
                        <ul>
                            <li class="menu-item-has-children">
                                <a href="">Áo</a>
                                <ul>
                                    <li><a href="">Croptop</a></li>
                                    <li><a href="">Bẹt vai</a></li>
                                    <li><a href="">Sơ mi</a></li>
                                    <li><a href="">Áo khoác</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="">Đầm</a>
                                <ul>
                                    <li><a href="">Chữ A</a></li>
                                    <li><a href="">Sơ Mi</a></li>
                                    <li><a href="">Đầm thun</a></li>
                                    <li><a href="">Xuông</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="">Váy</a>
                                <ul>
                                    <li><a href="">Váy chữ A</a></li>
                                    <li><a href="">Bẹt vai</a></li>
                                    <li><a href="">Sơ mi</a></li>
                                    <li><a href="">Áo khoác</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="">Jumpsuit</a>
                                <ul>
                                    <li><a href="">Quần dài</a></li>
                                    <li><a href="">Quần shorts</a></li>
                                    <li><a href="">Sơ mi</a></li>
                                    <li><a href="">Áo khoác</a></li>
                                </ul>
                            </li class="menu-item-has-children">
                            <li>
                                <a href="">Sale</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="">Tin tức</a>
                    </li>
                    <li>
                        <a href="">Liên hệ</a>
                    </li>
                    <li>
                        <a href="">Sale</a>
                    </li>
                    <li>
                        <a href="recruitment.html">Tuyển dụng</a>
                    </li>
                    <li>
                        <a href="">Sản phẩm yêu thích (0)</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>

    <div class="cart-quickview">
        <div class="cart-quickview-inner">
            <div class="cart-quickview__head d-flex justify-content-between">
                <p>Giỏ hàng</p>
                <span class="cart-quickview__close">
                    <svg width="15" height="15" class="Icon Icon--close" viewBox="0 0 16 14">
                        <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
                    </svg>
                </span>
            </div>
            <div class="cart-quickview__body">
                <!-- <div class="cart-quickview-empty d-flex flex-column align-items-center justify-content-center">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="512px" height="512px"><g><g id="mobile-screen-shop-store-package"><rect x="23" y="56" width="4" height="2" rx="1" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E5E5E5"/><path d="M30,35H20a3,3,0,1,0,3,3,2.966,2.966,0,0,0-.184-1h4.368A2.966,2.966,0,0,0,27,38a3,3,0,1,0,3-3Zm-9,3a1,1,0,1,1-1-1A1,1,0,0,1,21,38Zm9,1a1,1,0,1,1,1-1A1,1,0,0,1,30,39Z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E5E5E5"/><path d="M58.99,41.9A1,1,0,0,0,58,41H55V39a5,5,0,0,0-10,0v2H44V16.86A4,4,0,0,0,47,13a1,1,0,0,0-.11-.45L44,6.76V5a3.009,3.009,0,0,0-3-3H9A3.009,3.009,0,0,0,6,5V6.76L3.11,12.55A1,1,0,0,0,3,13a4,4,0,0,0,3,3.86V59a3.009,3.009,0,0,0,3,3H60a1,1,0,0,0,.74-.33.99.99,0,0,0,.25-.77ZM47,39a3,3,0,0,1,6,0v2H47ZM44.99,13.21A2,2,0,0,1,41,13V8h1.38ZM8,5A1,1,0,0,1,9,4H41a1,1,0,0,1,1,1V6H8ZM39,8v5a2,2,0,0,1-4,0V8ZM33,8v5a2,2,0,0,1-4,0V8ZM27,8v5a2,2,0,0,1-4,0V8ZM21,8v5a2,2,0,0,1-4,0V8ZM15,8v5a2,2,0,0,1-4,0V8ZM5.01,13.21,7.62,8H9v5a2,2,0,0,1-3.99.21ZM31,60H9a1,1,0,0,1-1-1V54H31Zm8.1,0H33V51h7.05Zm1.16-11H33V48h7.36Zm.31-3H32a1,1,0,0,0-1,1v5H8V16.86a4.054,4.054,0,0,0,2-1.24,3.951,3.951,0,0,0,6,0,3.951,3.951,0,0,0,6,0,3.951,3.951,0,0,0,6,0,3.951,3.951,0,0,0,6,0,3.951,3.951,0,0,0,6,0,4.054,4.054,0,0,0,2,1.24V41a1,1,0,0,0-.99.9Zm.54,14L42.9,43H45v3h2V43h6v3h2V43h2.1l1.79,17Z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E5E5E5"/><path d="M33.75,24.34A.981.981,0,0,0,33,24H20V21a1,1,0,0,0-1-1H15v2h3V33a1,1,0,0,0,1,1H32a1,1,0,0,0,.99-.88l1-8A.968.968,0,0,0,33.75,24.34ZM31.12,32H20V26H31.87Z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#E5E5E5"/></g></g> </svg>
                    <a class="cart-quickview-empty__button" href="">Tiếp tục mua hàng</a>
                </div> -->
                <div class="cart-quickview__item d-flex flex-wrap">
                    <a href="" class="item__image">
                        <img src="assets/images/prod.jpg" alt="">
                    </a>
                    <div class="item__info">
                        <p class="item__info-name">
                            <a href="">Đầm thun rút vòng tròn eo - Xanh / S</a>
                        </p>
                        <div class="item__info-bottom d-flex align-items-center flex-wrap">
                            <div class="quantity d-flex align-items-center flex-wrap">
                                <button type="button" class="minus">-</button>
                                <div class="qty">
                                    <input type="number" id="" value="1" min="1" max="100000">
                                </div>
                                <button type="button" class="plus">+</button>
                            </div>
                            <div class="item__info-price">
                                <span class="price">
                                    550.000đ
                                </span>
                                <a href="javascript:void(0)" class="item-remove">Bỏ sản phẩm</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cart-quickview__item d-flex flex-wrap">
                    <a href="" class="item__image">
                        <img src="assets/images/prod.jpg" alt="">
                    </a>
                    <div class="item__info">
                        <p class="item__info-name">
                            <a href="">Đầm thun rút vòng tròn eo - Xanh / S</a>
                        </p>
                        <div class="item__info-bottom d-flex align-items-center flex-wrap">
                            <div class="quantity d-flex align-items-center flex-wrap">
                                <button type="button" class="minus">-</button>
                                <div class="qty">
                                    <input type="number" id="" value="1" min="1" max="100000">
                                </div>
                                <button type="button" class="plus">+</button>
                            </div>
                            <div class="item__info-price">
                                <span class="price">
                                    550.000đ
                                </span>
                                <a href="javascript:void(0)" class="item-remove">Bỏ sản phẩm</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cart-quickview__item d-flex flex-wrap">
                    <a href="" class="item__image">
                        <img src="assets/images/prod.jpg" alt="">
                    </a>
                    <div class="item__info">
                        <p class="item__info-name">
                            <a href="">Đầm thun rút vòng tròn eo - Xanh / S</a>
                        </p>
                        <div class="item__info-bottom d-flex align-items-center flex-wrap">
                            <div class="quantity d-flex align-items-center flex-wrap">
                                <button type="button" class="minus">-</button>
                                <div class="qty">
                                    <input type="number" id="" value="1" min="1" max="100000">
                                </div>
                                <button type="button" class="plus">+</button>
                            </div>
                            <div class="item__info-price">
                                <span class="price">
                                    550.000đ
                                </span>
                                <a href="javascript:void(0)" class="item-remove">Bỏ sản phẩm</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="cart-quickview__footer">
                <div class="cart-quickview__footer-price d-flex justify-content-between mb-4">
                    <p>Tổng tiền</p>
                    <span class="price">
                        948.000₫
                    </span>
                </div>
                <button type="submit">
                    Thanh toán
                </button>
            </div>
        </div>
    </div>

    <div class="overlay"></div>

    <main>
        <div class="container py-4">
            <p id="breadcrumbs">
                <span>
                    <span>
                    <a href="">Trang chủ</a> 
                        » 
                    <span class="breadcrumb_last" aria-current="page">Cửa hàng</span>
                </span>
                </span>
            </p>
        </div>

        <div class="container">
            <section class="single-product2__head">
                <div class="row">
                    <div class="col-md-6">
                        <h1 class="single-product2__title">Tên sản phẩm <span>(Mã sp: 0123456)</span> </h1>
                    </div>
                    <div class="col-md-6">
                        <div class="single-product2__head-right d-flex align-items-center justify-content-start justify-content-md-end">
                            <div class="single-product2__head-rating me-4">
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18" role="img" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18" role="img" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18" role="img" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18" role="img" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>
                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star fa-w-18" role="img" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>
                            </div>
                            <a href="">1 đánh giá</a>
                            <span>|</span>
                            <a href="">10000 Hỏi và đáp</a>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <div class="single-product2__main">
            <div class="container">
                <div class="row g-5">
                    <div class="col-md-6">
                        <div class="single-product2__gallery py-5 mb-5">
                            <div class="single-product2__gallery-carousel" data-flickity='{ "cellAlign": "left", "contain": true,"imagesLoaded": true,"autoPlay": 3500}'>
                                <div class="carousel-cell w-100">
                                    <div class="img-block">
                                        <img src="assets/images/fpt-1.jpg" alt="">
                                    </div>
                                </div>
                                <div class="carousel-cell w-100">
                                    <div class="img-block">
                                        <img src="assets/images/fpt-2.jpg" alt="">
                                    </div>
                                </div>
                                <div class="carousel-cell w-100">
                                    <div class="img-block">
                                        <img src="assets/images/fpt-3.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-product2__gallery-feature d-flex justify-content-center">
                            <a href="assets/images/fpt-1.jpg" data-fancybox="single-product2-gallery" class="feature__item d-flex flex-column align-items-center">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 430.23 430.23" style="enable-background:new 0 0 430.23 430.23;" xml:space="preserve">
                                    <g><g><g>
                                        <path d="M217.875,159.668c-24.237,0-43.886,19.648-43.886,43.886c0,24.237,19.648,43.886,43.886,43.886     c24.237,0,43.886-19.648,43.886-43.886C261.761,179.316,242.113,159.668,217.875,159.668z M217.875,226.541     c-12.696,0-22.988-10.292-22.988-22.988c0-12.696,10.292-22.988,22.988-22.988h0c12.696,0,22.988,10.292,22.988,22.988     C240.863,216.249,230.571,226.541,217.875,226.541z"/>
                                        <path d="M392.896,59.357L107.639,26.966c-11.071-1.574-22.288,1.658-30.824,8.882c-8.535,6.618-14.006,16.428-15.151,27.167     l-5.224,42.841H40.243c-22.988,0-40.229,20.375-40.229,43.363V362.9c-0.579,21.921,16.722,40.162,38.644,40.741     c0.528,0.014,1.057,0.017,1.585,0.01h286.824c22.988,0,43.886-17.763,43.886-40.751v-8.359     c7.127-1.377,13.888-4.224,19.853-8.359c8.465-7.127,13.885-17.22,15.151-28.212l24.033-212.114     C432.44,82.815,415.905,62.088,392.896,59.357z M350.055,362.9c0,11.494-11.494,19.853-22.988,19.853H40.243     c-10.383,0.305-19.047-7.865-19.352-18.248c-0.016-0.535-0.009-1.07,0.021-1.605v-38.661l80.98-59.559     c9.728-7.469,23.43-6.805,32.392,1.567l56.947,50.155c8.648,7.261,19.534,11.32,30.825,11.494     c8.828,0.108,17.511-2.243,25.078-6.792l102.922-59.559V362.9z M350.055,236.99l-113.894,66.351     c-9.78,5.794-22.159,4.745-30.825-2.612l-57.469-50.678c-16.471-14.153-40.545-15.021-57.992-2.09l-68.963,50.155V149.219     c0-11.494,7.837-22.465,19.331-22.465h286.824c12.28,0.509,22.197,10.201,22.988,22.465V236.99z M409.112,103.035     c-0.007,0.069-0.013,0.139-0.021,0.208l-24.555,212.114c0.042,5.5-2.466,10.709-6.792,14.106c-2.09,2.09-6.792,3.135-6.792,4.18     V149.219c-0.825-23.801-20.077-42.824-43.886-43.363H77.337l4.702-40.751c1.02-5.277,3.779-10.059,7.837-13.584     c4.582-3.168,10.122-4.645,15.674-4.18l284.735,32.914C401.773,81.346,410.203,91.545,409.112,103.035z"/>
                                    </g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                <span>Xem thêm 20 ảnh</span>
                            </a>
                            <a href="https://www.youtube.com/watch?v=pqy7BCqDKO8" data-fancybox class="feature__item d-flex flex-column align-items-center">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 49 49" style="enable-background:new 0 0 49 49;" xml:space="preserve">
                                    <g><g><path d="M39.256,6.5H9.744C4.371,6.5,0,10.885,0,16.274v16.451c0,5.39,4.371,9.774,9.744,9.774h29.512    c5.373,0,9.744-4.385,9.744-9.774V16.274C49,10.885,44.629,6.5,39.256,6.5z M47,32.726c0,4.287-3.474,7.774-7.744,7.774H9.744    C5.474,40.5,2,37.012,2,32.726V16.274C2,11.988,5.474,8.5,9.744,8.5h29.512c4.27,0,7.744,3.488,7.744,7.774V32.726z"/>
                                        <path d="M33.36,24.138l-13.855-8.115c-0.308-0.18-0.691-0.183-1.002-0.005S18,16.527,18,16.886v16.229    c0,0.358,0.192,0.69,0.502,0.868c0.154,0.088,0.326,0.132,0.498,0.132c0.175,0,0.349-0.046,0.505-0.137l13.855-8.113    c0.306-0.179,0.495-0.508,0.495-0.863S33.667,24.317,33.36,24.138z M20,31.37V18.63l10.876,6.371L20,31.37z"/>
                                    </g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
                                </svg>
                                <span>Xem video trên tay</span>
                            </a>
                            <div class="single-product__gallery-feature-list d-none">
                                <a href="assets/images/fpt-1.jpg" data-fancybox="single-product2-gallery">
                                    <img src="assets/images/fpt-1.jpg" alt="">
                                </a>
                                <a href="assets/images/fpt-2.jpg" data-fancybox="single-product2-gallery">
                                    <img src="assets/images/fpt-2.jpg" alt="">
                                </a>
                                <a href="assets/images/fpt-3.jpg" data-fancybox="single-product2-gallery">
                                    <img src="assets/images/fpt-3.jpg" alt="">
                                </a>
                                <a href="assets/images/fpt-4.jpg" data-fancybox="single-product2-gallery">
                                    <img src="assets/images/fpt-4.jpg" alt="">
                                </a>
                                <a href="assets/images/fpt-5.jpg" data-fancybox="single-product2-gallery">
                                    <img src="assets/images/fpt-5.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="single-product2__param p-4 mt-4">
                            <ul class="list-unstyled ps-0 d-flex flex-column">
                                <li data-bs-toggle="tooltip" class="d-inline-flex" title="Màn hình">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><rect x="128" y="16" width="256" height="480" rx="48" ry="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><path d="M176 16h24a8 8 0 018 8h0a16 16 0 0016 16h64a16 16 0 0016-16h0a8 8 0 018-8h24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>
                                    <p>6.43", FHD+, AMOLED, 1080 x 2400 Pixel</p>
                                </li>
                                <li data-bs-toggle="tooltip" class="d-inline-flex" title="Camera sau">
                                    <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512"><g><path d="m414.996 55.632-133.445 96.954 223.595 162.453c4.474-18.923 6.854-38.646 6.854-58.916 0-81.129-37.942-153.555-97.004-200.491z"/><path d="m388.984 37.449c-38.782-23.673-84.318-37.327-132.984-37.327-52.302 0-100.982 15.778-141.555 42.807l50.996 156.936z"/><path d="m89.141 62.132c-54.546 46.983-89.141 116.52-89.141 193.99 0 23.805 3.278 46.856 9.385 68.739h165.129z"/><path d="m19.817 354.862c37.401 89.128 123.835 152.773 225.365 157.016l51.017-157.016z"/><path d="m276.925 511.262c100.648-8.181 185.011-74.829 218.996-165.845l-133.577-97.05z"/></g></svg>
                                    <p>64.0 MP + 8.0 MP + 2.0 MP</p>
                                </li>
                                <li data-bs-toggle="tooltip" class="d-inline-flex" title="Camera trước">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="512" viewBox="0 0 40 60" width="512"><g id="098---Selfies"><path id="Shape" d="m36 26.951h-3v-1.841l3.477-1.437c2.0544993-.8162769 3.0582769-3.1435007 2.242-5.198s-3.1435007-3.0582769-5.198-2.242l-.521.207v-12.44c0-2.209139-1.790861-4-4-4h-19c-2.209139 0-4 1.790861-4 4v19.969c-3.26135831.1968758-5.79643098 2.9148465-5.766 6.182.14018117 3.0618457.12349265 6.1288611-.05 9.189-.109 2-.244 4.494-.155 5.685.01943702 1.8024007.65018846 3.5448119 1.789 4.942 1.024 1.464.844 1.281 1.672 2.541 1.662 2.528 1.51 2.892 1.51 4.492 0 1.6568542 1.34314575 3 3 3h12c1.6568542 0 3-1.3431458 3-3v-2.049c-.0005188-.3568753.1903171-.6866396.5-.864 1.9576908-1.0022108 3.677432-2.4129919 5.043-4.137h.457c1.8236552-.0065302 3.4120219-1.2457194 3.862-3.013.047 0 .091.014.138.014h1.03c1.5593205.0026981 2.976955-.9043353 3.6279726-2.3212559.6510175-1.4169205.4157961-3.0833742-.6019726-4.2647441 1.0091099-.5958764 1.7017168-1.6088798 1.8907752-2.7654386.1890585-1.1565589-.1449324-2.3373765-.9117752-3.2235614 1.5457845-.9173371 2.2878457-2.754635 1.812723-4.4881908-.4751227-1.7335557-2.050237-2.9357759-3.847723-2.9368092zm0 2c1.1045695 0 2 .8954305 2 2s-.8954305 2-2 2h-3c-1.1045695 0-2-.8954305-2-2s.8954305-2 2-2zm-1 10h-2c-1.1045695 0-2-.8954305-2-2s.8954305-2 2-2h2c1.1045695 0 2 .8954305 2 2s-.8954305 2-2 2zm-.742-20.858c1.0289065-.4056531 2.1918469.0995935 2.5975 1.1285s-.0995935 2.1918469-1.1285 2.5975l-2.727 1.128v-4.355zm-19.022-14.093c-.3791342.00145101-.7260065-.21311316-.894-.553l-.724-1.447h11.764l-.724 1.447c-.1679935.33988684-.5148658.55445101-.894.553zm7.284 48.347c-.9365013.5311332-1.51658 1.5233731-1.52 2.6v2.053c0 .5522847-.4477153 1-1 1h-12c-.55228475 0-1-.4477153-1-1v-1c0-2.147-1.389-3.829-2.356-5.4-1.777-2.881-2.4-2.823-2.621-5.727-.116-1.559.223-6.081.268-7.733.025-1-.028-4.664-.057-7.016-.00771659-1.1006424.42232966-2.1592258 1.19544556-2.9426574s1.82590642-1.2274706 2.92655444-1.2343426c2.293 0 3.058 1.44 5.372 2.1 1.442803.3973206 2.9137003.6844799 4.4.859.4927625.0516252.8690714.4635891.876.959v.167c-.007.349-.206 3.4-5 3.4-.0619861-.0058382-.1245149.0006185-.184.019-.765.063-4.263-.649-4.921-1.966-.24852815-.4942948-.85070515-.6935281-1.34499998-.445-.49429484.2485282-.69352813.8507052-.44500002 1.345.22138778.4233795.52417581.798891.891 1.105v12.46c0 2.209139 1.790861 4 4 4h15.866c-1.0158278.9294832-2.1391314 1.7341929-3.346 2.397zm1.4-35.329-2.381-1.018c.441-.449.874-.927 1.292-1.446.5790551.7076848.9550984 1.5593123 1.088 2.464zm-8.9.711c.159-3.714 3.377-5.584 6.213-4.377-1.5460411 2.0886775-3.7240132 3.6235324-6.211 4.377zm4.871-.256 4.022 1.719c-.876 6.251-7.488 6.433-8.73.565 1.7204917-.4011004 3.3296683-1.1814314 4.71-2.284zm6.109 15.327v5.2h-2v-4c0-.5522847-.4477153-1-1-1s-1 .4477153-1 1v4h-5c0-4.958 0-3.87-.009-4.043 1.2318881-1.006426 1.9651521-2.4988683 2.009-4.089-.0074583-1.5645179-1.2220165-2.8576318-2.783-2.963 2.0583034-1.1733449 4.5900176-1.1427074 6.6193239.0801037s3.2393277 3.4468532 3.1636761 5.8148963zm-13 5.2v-2.612c.679039-.0507508 1.3500568-.1789152 2-.382v2.994zm16 9.95h-19c-1.1045695 0-2-.8954305-2-2v-11.3c.96427671.3752102 1.97236888.6262252 3 .747v2.603c0 1.1045695.8954305 2 2 2h13c1.1045695 0 2-.8954305 2-2v-5.2c.0048568-3.397463-1.9249544-6.5013009-4.974-8 1.8186309-1.5691796 2.8908792-3.8327744 2.953-6.234 0 0 0-.01 0-.015.2349454-2.4188972-.7707106-4.7922756-2.672-6.306-4.252-3.081-10.307-.245-10.307 5.755-.069208 2.5838764 1.0082097 5.0660008 2.943 6.78-.8824405.4144345-1.6860813.9791825-2.375 1.669-.422-.093-.857-.2-1.294-.323-1.616-.461-2.4-1.515-4.274-1.981v-20.145c0-1.1045695.8954305-2 2-2h1.382l1.171 2.342c.5055177 1.01859802 1.5458642 1.66149571 2.683 1.658h8.528c1.1371358.00349571 2.1774823-.63940198 2.683-1.658l1.171-2.342h1.382c1.1045695 0 2 .8954305 2 2v23.507c-1.1192791.637351-1.8584281 1.7794727-1.9813893 3.0616126-.1229613 1.2821398.3856453 2.5439252 1.3633893 3.3823874-.8757593.7517221-1.3804092 1.8477971-1.3821381 3.0019363s.4996349 2.2517212 1.3731381 3.0060637c-.9662564.8343205-1.4710332 2.0832945-1.3558117 3.3546978.1152216 1.2714032.8363081 2.4092828 1.9368117 3.0563022-.1978594.921179-1.0118117 1.5793391-1.954 1.58zm5.03-3h-1.03c-1.1045695 0-2-.8954305-2-2s.8954305-2 2-2h1.03c1.1045695 0 2 .8954305 2 2s-.8954305 2-2 2z"/><path id="Shape" d="m25 44h-11c-.5522847 0-1 .4477153-1 1s.4477153 1 1 1h11c.5522847 0 1-.4477153 1-1s-.4477153-1-1-1z"/></g></svg>
                                    <p>32.0 MP</p>
                                </li>
                                <li data-bs-toggle="tooltip" class="d-inline-flex" title="CPU">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="512" viewBox="0 0 24 24" width="512" data-name="Layer 1"><path d="m18.45 21.58h-12.9a3.13 3.13 0 0 1 -3.13-3.13v-12.9a3.13 3.13 0 0 1 3.13-3.13h12.9a3.13 3.13 0 0 1 3.13 3.13v12.9a3.13 3.13 0 0 1 -3.13 3.13zm-12.9-17.25a1.22 1.22 0 0 0 -1.22 1.22v12.9a1.22 1.22 0 0 0 1.22 1.22h12.9a1.22 1.22 0 0 0 1.22-1.22v-12.9a1.22 1.22 0 0 0 -1.22-1.22z"/><path d="m14.88 17.75h-5.76a2.88 2.88 0 0 1 -2.87-2.87v-5.76a2.88 2.88 0 0 1 2.87-2.87h5.76a2.88 2.88 0 0 1 2.87 2.87v5.76a2.88 2.88 0 0 1 -2.87 2.87zm-5.76-9.58a1 1 0 0 0 -.95.95v5.76a1 1 0 0 0 .95.95h5.76a1 1 0 0 0 .95-.95v-5.76a1 1 0 0 0 -.95-.95z"/><path d="m6.25.5h1.92v1.92h-1.92z"/><path d="m11.04.5h1.92v1.92h-1.92z"/><path d="m15.83.5h1.92v1.92h-1.92z"/><path d="m6.25 21.58h1.92v1.92h-1.92z"/><path d="m11.04 21.58h1.92v1.92h-1.92z"/><path d="m15.83 21.58h1.92v1.92h-1.92z"/><path d="m.5 15.83h1.92v1.92h-1.92z"/><path d="m.5 11.04h1.92v1.92h-1.92z"/><path d="m.5 6.25h1.92v1.92h-1.92z"/><path d="m21.58 15.83h1.92v1.92h-1.92z"/><path d="m21.58 11.04h1.92v1.92h-1.92z"/><path d="m21.58 6.25h1.92v1.92h-1.92z"/></svg>
                                    <p>MediaTek Dimensity 900 5G</p>
                                </li>
                                <li data-bs-toggle="tooltip" class="d-inline-flex" title="Bộ nhớ trong">
                                    <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 511.333 511.333" height="512" viewBox="0 0 511.333 511.333" width="512"><path d="m452.97 305.854-61.36-253.111c-7.53-31.055-35.105-52.743-67.058-52.743h-138.103c-31.72 0-59.246 21.492-66.939 52.265l-58.135 232.538c-12.432 49.73-18.736 100.937-18.736 152.197 0 40.987 33.346 74.333 74.333 74.333h277.334c40.987 0 74.333-33.346 74.333-74.333.105 0 1.288-61.201-15.669-131.146zm-292.714-243.403c3.011-12.041 13.781-20.451 26.193-20.451h48.189v43c0 11.598 9.402 21 21 21s21-9.402 21-21v-43h47.913c12.503 0 23.294 8.487 26.239 20.639 65.795 271.404 66.396 269.863 71.2 305.396-8.563-3.45-17.902-5.368-27.685-5.368h-277.333c-10.004 0-19.546 1.999-28.266 5.598 5.811-49.151 8.921-55.298 71.55-305.814zm234.05 406.882h-277.334c-17.828 0-32.333-14.504-32.333-32.333s14.505-32.333 32.333-32.333h277.334c17.828 0 32.333 14.505 32.333 32.333s-14.505 32.333-32.333 32.333z"/><path d="m196.972 319.333h117.334c26.283 0 47.666-21.383 47.666-47.667 0-27.405-23.242-49.466-51.024-47.551-24.414-42.749-86.175-42.799-110.617 0-27.775-1.914-51.024 20.138-51.024 47.551-.001 26.284 21.382 47.667 47.665 47.667z"/></svg>
                                    <p>128 GB</p>
                                </li>
                                <li data-bs-toggle="tooltip" class="d-inline-flex" title="">
                                    <a href="" data-bs-toggle="modal" data-bs-target="#paramModal">Xem chi tiết thông số kĩ thuật</a>

                                </li>
                            </ul>
                        </div>
                        <div class="single-product2__policy d-flex flex-wrap align-items-center mt-4 pb-5">
                            <p class="single-product2__policy-item d-flex align-items-center col-12 col-md-6 mb-4 mb-md-2">
                                <svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 511.922 511.922" height="512" viewBox="0 0 511.922 511.922" width="512"><g id="XMLID_1364_"><g id="XMLID_141_"><path id="XMLID_162_" d="m456.775 448.899-64.76-112.168c10.741-9.045 18.164-21.909 20.147-36.486 1.347-9.912 6.445-18.743 14.355-24.866 20.505-15.872 27.967-43.719 18.146-67.719-3.789-9.258-3.789-19.455 0-28.712 9.821-24 2.359-51.846-18.146-67.719-7.91-6.123-13.009-14.954-14.355-24.866-3.495-25.694-23.881-46.08-49.575-49.573-9.911-1.348-18.742-6.446-24.864-14.356-15.874-20.506-43.718-27.967-67.72-18.146-9.258 3.789-19.455 3.789-28.712 0-23.998-9.822-51.846-2.36-67.719 18.146-6.123 7.91-14.954 13.008-24.866 14.356-25.695 3.494-46.08 23.879-49.573 49.574-1.348 9.912-6.446 18.743-14.356 24.866-20.506 15.873-27.967 43.72-18.146 67.719 3.789 9.257 3.789 19.455 0 28.712-9.822 23.999-2.36 51.846 18.146 67.719 7.91 6.123 13.008 14.954 14.356 24.865 2.008 14.769 9.604 27.776 20.573 36.837l-64.558 111.817c-2.022 3.503-1.736 7.879.727 11.087 2.462 3.208 6.613 4.619 10.522 3.572l56.271-15.078 15.013 56.029c1.047 3.907 4.344 6.798 8.354 7.326.438.058.875.086 1.308.086 3.538 0 6.856-1.88 8.657-5l69.662-120.657c5.282-.569 10.542-1.862 15.628-3.944 9.258-3.789 19.456-3.789 28.712 0 5.303 2.171 10.795 3.494 16.304 4.022l69.616 120.579c1.802 3.121 5.119 5 8.657 5 .434 0 .87-.028 1.309-.086 4.01-.528 7.307-3.419 8.354-7.326l15.014-56.029 56.271 15.078c3.904 1.047 8.059-.362 10.521-3.572 2.462-3.208 2.749-7.584.727-11.087zm-306.025 27.115-11.353-42.369c-.687-2.562-2.362-4.746-4.659-6.072s-5.025-1.685-7.588-.999l-42.611 11.417 52.543-91.007c3.715 1.329 7.604 2.288 11.623 2.835 9.912 1.348 18.743 6.446 24.866 14.356 7.771 10.039 18.414 16.944 30.069 20.232zm82.964-112.203c-15.709 6.43-33.937 1.545-44.328-11.877-9.354-12.084-22.845-19.874-37.987-21.932-16.819-2.287-30.164-15.631-32.45-32.451-2.059-15.142-9.848-28.632-21.932-37.987-13.423-10.39-18.307-28.619-11.878-44.328 5.789-14.143 5.789-29.72 0-43.863-6.429-15.709-1.545-33.938 11.878-44.328 12.084-9.354 19.873-22.844 21.932-37.987 2.287-16.819 15.631-30.164 32.45-32.451 15.142-2.058 28.633-9.847 37.987-21.931 7.328-9.467 18.551-14.686 30.043-14.686 4.803 0 9.654.913 14.284 2.808 14.144 5.788 29.722 5.788 43.864 0 15.708-6.43 33.938-1.545 44.328 11.878 9.354 12.084 22.844 19.873 37.985 21.931 16.819 2.287 30.164 15.631 32.451 32.451 2.059 15.143 9.848 28.633 21.932 37.987 13.423 10.39 18.307 28.618 11.878 44.328-5.788 14.143-5.788 29.72 0 43.863 6.429 15.709 1.544 33.938-11.878 44.328-12.084 9.354-19.873 22.844-21.932 37.986-2.287 16.82-15.632 30.165-32.45 32.451-15.143 2.058-28.633 9.847-37.987 21.932-10.391 13.424-28.619 18.307-44.327 11.877-14.143-5.787-29.719-5.787-43.863.001zm151.058 62.763c-5.337-1.431-10.817 1.737-12.247 7.071l-11.354 42.369-52.98-91.765c11.443-3.348 21.879-10.19 29.531-20.074 6.122-7.911 14.953-13.009 24.864-14.356 4.207-.572 8.269-1.605 12.14-3.032l52.656 91.204z"/><path id="XMLID_1190_" d="m210.202 156.314-31.113 31.112c-1.875 1.875-2.929 4.419-2.929 7.071s1.054 5.196 2.929 7.071l58.353 58.354c1.875 1.875 4.419 2.929 7.071 2.929s5.196-1.054 7.071-2.929l81.25-81.25c3.905-3.905 3.905-10.237 0-14.142l-31.112-31.113c-1.876-1.875-4.419-2.929-7.071-2.929s-5.196 1.054-7.071 2.929l-43.066 43.067-20.168-20.169c-1.875-1.875-4.419-2.929-7.071-2.929-2.654-.001-5.198 1.053-7.073 2.928zm27.239 41.383c1.875 1.875 4.419 2.929 7.071 2.929s5.196-1.054 7.071-2.929l43.066-43.067 16.971 16.971-67.108 67.108-44.21-44.211 16.971-16.97z"/><path id="XMLID_1191_" d="m385.961 196.67c0-26.564-7.961-52.112-23.021-73.882-14.707-21.257-35.136-37.512-59.078-47.006-5.136-2.035-10.946.476-12.982 5.61s.476 10.946 5.609 12.982c42.203 16.735 69.473 56.889 69.473 102.296 0 60.654-49.346 110-110 110s-110-49.346-110-110c0-45.408 27.27-85.562 69.473-102.297 5.134-2.036 7.646-7.848 5.61-12.982s-7.849-7.646-12.982-5.61c-23.943 9.495-44.372 25.749-59.079 47.006-15.061 21.77-23.022 47.318-23.022 73.882 0 71.682 58.318 130 130 130 71.682.001 129.999-58.317 129.999-129.999z"/><path id="XMLID_1218_" d="m255.961 86.666c2.63 0 5.21-1.06 7.069-2.93 1.86-1.86 2.931-4.43 2.931-7.07 0-2.63-1.07-5.21-2.931-7.07-1.859-1.86-4.439-2.93-7.069-2.93s-5.21 1.07-7.07 2.93-2.93 4.44-2.93 7.07c0 2.64 1.07 5.21 2.93 7.07 1.86 1.87 4.44 2.93 7.07 2.93z"/></g></g></svg>                                Hàng chính hãng - bảo hành 12 Tháng
                            </p>
                            <p class="single-product2__policy-item d-flex align-items-center col-12 col-md-6 mb-4 mb-md-2">
                                <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512"><path d="m6.5 19h-2c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h2c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path d="m22.75 19h-1.25c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h.835l.674-3.592c-.009-1.838-1.579-3.408-3.509-3.408h-3.283l-1.591 7h2.874c.276 0 .5.224.5.5s-.224.5-.5.5h-3.5c-.152 0-.296-.069-.391-.188-.095-.118-.131-.274-.097-.422l1.818-8c.052-.229.254-.39.488-.39h3.682c2.481 0 4.5 2.019 4.5 4.5l-.759 4.092c-.044.237-.25.408-.491.408z"/><path d="m19.5 21c-1.378 0-2.5-1.121-2.5-2.5s1.122-2.5 2.5-2.5 2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5zm0-4c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5z"/><path d="m8.5 21c-1.378 0-2.5-1.121-2.5-2.5s1.122-2.5 2.5-2.5 2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5zm0-4c-.827 0-1.5.673-1.5 1.5s.673 1.5 1.5 1.5 1.5-.673 1.5-1.5-.673-1.5-1.5-1.5z"/><path d="m6.5 10h-4c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h4c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path d="m6.5 13h-5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h5c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path d="m6.5 16h-6c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h6c.276 0 .5.224.5.5s-.224.5-.5.5z"/><path d="m14 19h-3.5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h3.101l2.272-10h-11.373c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h12c.152 0 .296.069.391.188.095.118.131.274.097.422l-2.5 11c-.052.229-.255.39-.488.39z"/></svg>                                Giao hàng toàn quốc.
                            </p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="single-product2__main-info py-4">
                            <span class="price">
                                <ins>
                                    <span>15.000.000đ</span>
                            </ins>
                            <del>
                                        <span>20.000.000đ</span>
                                </del>
                            </span>
                        </div>
                        <div class="single-product2__color d-flex">
                            <div class="single-product2__color-item text-center active">
                                <div class="item__image">
                                    <img src="assets/images/fpt-small-1.jpg" alt="">
                                </div>
                                <p>Bạc</p>
                            </div>
                            <div class="single-product2__color-item text-center">
                                <div class="item__image">
                                    <img src="assets/images/fpt-small-2.jpg" alt="">
                                </div>
                                <p>Đen</p>
                            </div>
                        </div>
                        <div class="single-product2__promotion mt-4">
                            <p class="single-product2__promotion-head">
                                Nhận ngay khuyến mại đặc biệt
                            </p>
                            <ul>
                                <li>Bảo hành 2 năm </li>
                                <li>Trả góp 0%</li>
                                <li>Giảm đến 300.000đ khi mua bảo hành (rơi vỡ + vào nước) kèm máy <a href="">Xem chi tiết</a></li>
                                <li>Thu cũ đổi mới - Trợ giá ngay 15% <a href="">Xem chi tiết</a></li>
                            </ul>
                        </div>

                        <div class="single-product2__action mt-4 d-flex justify-content-between">
                            <button class="single-product2__action-button single-product2__buynow">
                                Mua ngay
                            </button>
                            <button class="single-product2__action-button single-product2__add2cart" data-bs-toggle="modal" data-bs-target="#cartModal">
                                Thêm vào giỏ hàng
                            </button>
                        </div>
                        <p class="single-product2__text mt-4">
                            Gọi <a href="1800-6601">1800-6601</a> để được tư vấn mua hàng (Miễn phí)
                        </p>
                        <a href="#" class="single-product2__old-product mt-4 d-block">
                            <p>Mua hàng cũ: Tên sản phẩm</p>
                            <p>Giá từ: <span>10.000.000 đ</span></p>
                        </a>

                        <div class="single-product2__combo mt-4">
                            <p class="single-product2__text mb-5">Mua theo Combo</p>
                            <div class="single-product2__combo-item mb-4 d-flex">
                                <div class="item__image position-relative d-flex align-items-center justify-content-center">
                                    <img src="assets/images/fpt-1.jpg" alt="">
                                    <label>
                                        <input type="checkbox">
                                    <span class="checkmark"></span>
                                    </label>
                                </div>
                                <div class="item__content ps-4">
                                    <a href="">Tên sản phẩm</a>
                                    <div class="item__content-price d-flex flex-wrap align-items-center justify-content-between mt-2">
                                        <span class="price">
                                            <ins>
                                                <span>1.000.000đ</span>
                                        </ins>
                                        <del>
                                                <span>1.500.000đ</span>
                                            </del>
                                        </span>
                                        <a href="" class="item__content-price-add2cart mt-3 mt-md-0">Thêm vào giỏ hàng</a>
                                    </div>
                                    <p class="mt-2">Giảm ngay 40% khi mua kèm ĐTDĐ</p>
                                </div>
                            </div>
                            <div class="single-product2__combo-item mb-4 d-flex">
                                <div class="item__image position-relative d-flex align-items-center justify-content-center">
                                    <img src="assets/images/fpt-6.jpg" alt="">
                                    <label>
                                        <input type="checkbox">
                                        <span class="checkmark"></span>
                                    </label>
                                </div>
                                <div class="item__content ps-4">
                                    <a href="">Tên sản phẩm</a>
                                    <div class="item__content-price d-flex flex-wrap align-items-center justify-content-between mt-2">
                                        <span class="price">
                                            <ins>
                                                <span>1.000.000đ</span>
                                        </ins>
                                        <del>
                                                <span>1.500.000đ</span>
                                            </del>
                                        </span>
                                        <a href="" class="item__content-price-add2cart mt-3 mt-md-0">Thêm vào giỏ hàng</a>
                                    </div>
                                    <p class="mt-2">Giảm ngay 40% khi mua kèm ĐTDĐ</p>
                                </div>
                            </div>
                            <div class="single-product2__combo-item mb-4 d-flex">
                                <div class="item__image position-relative d-flex align-items-center justify-content-center">
                                    <img src="assets/images/fpt-7.jpg" alt="">
                                    <label>
                                        <input type="checkbox">
                                        <span class="checkmark"></span>
                                    </label>
                                </div>
                                <div class="item__content ps-4">
                                    <a href="">Tên sản phẩm</a>
                                    <div class="item__content-price d-flex flex-wrap align-items-center justify-content-between mt-2">
                                        <span class="price">
                                            <ins>
                                                <span>1.000.000đ</span>
                                        </ins>
                                        <del>
                                                <span>1.500.000đ</span>
                                            </del>
                                        </span>
                                        <a href="" class="item__content-price-add2cart mt-3 mt-md-0">Thêm vào giỏ hàng</a>
                                    </div>
                                    <p class="mt-2">Giảm ngay 40% khi mua kèm ĐTDĐ</p>
                                </div>
                            </div>
                            <div class="single-product2__combo-bottom py-3 d-flex flex-column flex-md-row flex-wrap align-items-center">
                                <button class="single-product2__combo-bottom-button button button-primary" data-bs-toggle="modal" data-bs-target="#cartModal">
                                    Mua thêm 3 sản phẩm
                                </button>
                                <p class="ms-3 mt-3 mt-lg-0">Tiết kiệm: <span>875.200đ</span> </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="single-product2__body py-5">
            <div class="container">
                <div class="row g-5">
                    <div class="col-lg-7">
                        <div class="single-product2__card single-product2__body-left position-relative">
                            <h2 class="card__title mb-4">Đặc điểm nổi bật của sản phẩm</h2>
                            <div class="single-product2__body-carousel" data-flickity='{ "cellAlign": "left", "contain": true,"imagesLoaded": true ,"prevNextButtons":false,"autoPlay": 3000}'>
                                <div class="carousel-cell w-100">
                                    <img src="assets/images/prod-cha-1.jfif" alt="">
                                </div>
                                <div class="carousel-cell w-100">
                                    <img src="assets/images/prod-cha-2.jfif" alt="">
                                </div>
                                <div class="carousel-cell w-100">
                                    <img src="assets/images/prod-cha-3.jfif" alt="">
                                </div>
                                <div class="carousel-cell w-100">
                                    <img src="assets/images/prod-cha-4.jfif" alt="">
                                </div>
                            </div>
                            <div class="single-product2__card-content ws-sgct py-5">
                                <h3 style="text-align:center;">Đánh giá chi tiết Oppo Reno6 5G </h3>
                                <p>Sẵn sàng bật tung cảm xúc cùng OPPO Reno6 5G, chiếc điện thoại sở hữu thiết kế đẳng cấp siêu mỏng nhẹ, camera chụp chân dung Bokeh Flare độc đáo và trên hết là kết nối mạng 5G siêu tốc, cùng bạn kết nối tương lai.</p>
                                <img width="100%" src="assets/images/prod-cha-1.jfif" alt="">
                                <br><br>
                                <h3>Quay video xóa phông cực đỉnh</h3>
                                <p> OPPO Reno6 5G nâng tầm khả năng quay video lên một tầm cao mới bằng những tính năng đầy nghệ thuật. Bạn có thể quay chân dung Bokeh Flare, làm mờ ánh đèn phông nền một cách lung linh huyền ảo, tạo hiệu ứng điện ảnh. Trí
                                    tuệ nhân tạo AI trên camera sẽ kết hợp tính năng Live HDR và Siêu video quay đêm để bạn lưu lại những khoảnh khắc ấn tượng lúc bình minh hay hoàng hôn. Ngoài ra bạn còn có thể quay video làm đẹp chân dung tôn vinh vẻ
                                    đẹp thần thái; chế độ chân dung màu AI nổi bật; quay video khóa nét chủ thể để hình ảnh luôn sắc nét dù có chuyển động nhanh trong khung hình.</p>
                                <p>
                                    <iframe width="560" height="315" src="https://www.youtube.com/embed/xszLPD6fkEs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                </p>
                                <h3> Thế giới màu sắc sống động</h3>
                                <p>Camera chính 64MP của OPPO Reno6 5G được hỗ trợ bởi cảm biến nhiệt độ màu, tái tạo màu sắc hoàn hảo. Cảm biến nhiệt độ màu sẽ ghi lại cân bằng trắng thời điểm bạn chụp hình, tăng tốc độ màn trập, đồng thời điều chỉnh màu
                                    để màu sắc chính xác và sống động như thật. Tốc độ chụp ảnh siêu nhanh giúp bạn không bỏ lỡ bất cứ khoảnh khắc đáng nhớ nào. Ngoài ra OPPO Reno6 5G còn có chế độ ảnh siêu nét 108MP, ghi lại hình ảnh sắc nét hơn bao
                                    giờ hết, để bạn dù có phóng to cũng không bị vỡ hình, bức hình vẫn rất giàu chi tiết.</p>
                            </div>
                            <div class="st-button-overlay">
                                <span class="button-overlay js--button-overlay-more">Đọc Thêm</span>
                                <span class="button-overlay js--button-overlay-less">Thu gọn</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="single-product2__body-right">
                            <div class="single-product2__card mb-5">
                                <h2 class="card__title mb-4">Thông số kỹ thuật</h2>
                                <div class="single-product2__card-param">
                                    <table class="st-pd-table">
                                        <tbody>
                                            <tr>
                                                <td>Màn hình</td>
                                                <td><span>6.43", FHD+, AMOLED, 1080 x 2400 Pixel</span></td>
                                            </tr>
                                            <tr>
                                                <td>Camera sau</td>
                                                <td><span>64.0 MP + 8.0 MP + 2.0 MP</span></td>
                                            </tr>
                                            <tr>
                                                <td>Camera Selfie</td>
                                                <td><span>32.0 MP</span></td>
                                            </tr>
                                            <tr>
                                                <td>RAM&nbsp;</td>
                                                <td><span>8 GB</span></td>
                                            </tr>
                                            <tr>
                                                <td>Bộ nhớ trong</td>
                                                <td><span>128 GB</span></td>
                                            </tr>
                                            <tr>
                                                <td>CPU</td>
                                                <td><span>MediaTek Dimensity 900 5G</span></td>
                                            </tr>
                                            <tr>
                                                <td>GPU</td>
                                                <td><span>ARM Mali-G68 MC4</span></td>
                                            </tr>
                                            <tr>
                                                <td>Dung lượng pin</td>
                                                <td><span>4300 mAh</span></td>
                                            </tr>
                                            <tr>
                                                <td>Thẻ sim</td>
                                                <td><span>2, Nano SIM</span></td>
                                            </tr>
                                            <tr>
                                                <td>Hệ điều hành</td>
                                                <td><span>Android 11</span></td>
                                            </tr>
                                            <tr>
                                                <td>Xuất xứ</td>
                                                <td><span>Trung Quốc</span></td>
                                            </tr>
                                            <tr>
                                                <td>Thời gian ra mắt</td>
                                                <td><span>07/2021</span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="d-flex justify-content-center">
                                        <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#paramModal" class="">Xem cấu hình chi tiết</a>
                                    </div>
                                </div>
                            </div>
                            <div class="single-product2__card">
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h2 class="card__title">Tin tức về sản phẩm</h2>
                                    <a href="" target="_blank">Xem tất cả</a>
                                </div>
                                <div class="single-product2__news d-flex mb-4">
                                    <div class="single-product2__news-image">
                                        <a href="">
                                            <img src="assets/images/prod-cha-1.jfif" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product2__news-content ps-4">
                                        <p class="single-product2__news-title mb-3">
                                            <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                        </p>
                                        <ul>
                                            <li><a href="">Tin mới</a></li>
                                            <li><a href="">Tin khuyến mãi</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="single-product2__news d-flex mb-4">
                                    <div class="single-product2__news-image">
                                        <a href="">
                                            <img src="assets/images/news-5.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product2__news-content ps-4">
                                        <p class="single-product2__news-title mb-3">
                                            <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                        </p>
                                        <ul>
                                            <li><a href="">Tin mới</a></li>
                                            <li><a href="">Tin khuyến mãi</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="single-product2__news d-flex mb-4">
                                    <div class="single-product2__news-image">
                                        <a href="">
                                            <img src="assets/images/prod-cha-2.jfif" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product2__news-content ps-4">
                                        <p class="single-product2__news-title mb-3">
                                            <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                        </p>
                                        <ul>
                                            <li><a href="">Tin mới</a></li>
                                            <li><a href="">Tin khuyến mãi</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="single-product2__news d-flex mb-4">
                                    <div class="single-product2__news-image">
                                        <a href="">
                                            <img src="assets/images/prod-cha-3.jfif" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product2__news-content ps-4">
                                        <p class="single-product2__news-title mb-3">
                                            <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                        </p>
                                        <ul>
                                            <li><a href="">Tin mới</a></li>
                                            <li><a href="">Tin khuyến mãi</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="single-product2__news d-flex mb-4">
                                    <div class="single-product2__news-image">
                                        <a href="">
                                            <img src="assets/images/prod-cha-4.jfif" alt="">
                                        </a>
                                    </div>
                                    <div class="single-product2__news-content ps-4">
                                        <p class="single-product2__news-title mb-3">
                                            <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                        </p>
                                        <ul>
                                            <li><a href="">Tin mới</a></li>
                                            <li><a href="">Tin khuyến mãi</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="single-product2__card p-0 mb-5">
                            <h2 class="card__title mb-4 p-4">Câu hỏi thường gặp</h2>
                            <div class="single-product2__qna" id="single-product-qna">
                                <div class="accordion-item">
                                    <p class="accordion-header" id="sp-header-1">
                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#sp-collapse-1" aria-expanded="true" aria-controls="sp-collapse-1">
                                     Tiêu đề câu hỏi 1
                                    </button>
                                    </p>
                                    <div id="sp-collapse-1" class="accordion-collapse collapse show" aria-labelledby="sp-header-1">
                                        <div class="accordion-body">
                                            <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance,
                                            as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>,
                                            though the transition does limit overflow.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <p class="accordion-header" id="sp-header-2">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sp-collapse-2" aria-expanded="false" aria-controls="sp-collapse-2">
                                            Tiêu đề câu hỏi 2
                                    </button>
                                    </p>
                                    <div id="sp-collapse-2" class="accordion-collapse collapse" aria-labelledby="sp-header-2">
                                        <div class="accordion-body">
                                            <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall
                                            appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within
                                            the <code>.accordion-body</code>, though the transition does limit overflow.
                                        </div>
                                    </div>
                                </div>
                                <div class="accordion-item">
                                    <p class="accordion-header" id="sp-header-3">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sp-collapse-3" aria-expanded="false" aria-controls="sp-collapse-3">
                                            Tiêu đề câu hỏi 3
                                        </button>
                                    </p>
                                    <div id="sp-collapse-3" class="accordion-collapse collapse" aria-labelledby="sp-header-3">
                                        <div class="accordion-body">
                                            <strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall
                                            appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within
                                            the <code>.accordion-body</code>, though the transition does limit overflow.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-product2__card mb-5">
                            <div class="d-flex justify-content-between mb-4">
                                <h2 class="card__title">Hướng dẫn và tư vấn về sản phẩm</h2>
                                <a href="" class="d-none d-md-inline">Xem tất cả</a>
                            </div>
                            <div class="row">
                                <div class="col-12 col-lg-3">
                                    <div class="single-product2__news single-product2__news-big d-flex flex-wrap mb-4">
                                        <div class="single-product2__news-image">
                                            <a href="">
                                                <img src="assets/images/fpt-4.jfif" alt="">
                                            </a>
                                        </div>
                                        <div class="single-product2__news-content ps-4">
                                            <p class="single-product2__news-title mb-3">
                                                <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                            </p>
                                            <ul>
                                                <li><a href="">Tin mới</a></li>
                                                <li><a href="">Tin khuyến mãi</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="single-product2__news single-product2__news-big d-flex flex-wrap mb-4">
                                        <div class="single-product2__news-image">
                                            <a href="">
                                                <img src="assets/images/fpt-5.jfif" alt="">
                                            </a>
                                        </div>
                                        <div class="single-product2__news-content ps-4">
                                            <p class="single-product2__news-title mb-3">
                                                <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                            </p>
                                            <ul>
                                                <li><a href="">Tin mới</a></li>
                                                <li><a href="">Tin khuyến mãi</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="single-product2__news single-product2__news-big d-flex flex-wrap mb-4">
                                        <div class="single-product2__news-image">
                                            <a href="">
                                                <img src="assets/images/prod-cha-1.jfif" alt="">
                                            </a>
                                        </div>
                                        <div class="single-product2__news-content ps-4">
                                            <p class="single-product2__news-title mb-3">
                                                <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                            </p>
                                            <ul>
                                                <li><a href="">Tin mới</a></li>
                                                <li><a href="">Tin khuyến mãi</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-3">
                                    <div class="single-product2__news single-product2__news-big d-flex flex-wrap mb-4">
                                        <div class="single-product2__news-image">
                                            <a href="">
                                                <img src="assets/images/prod-cha-2.jfif" alt="">
                                            </a>
                                        </div>
                                        <div class="single-product2__news-content ps-4">
                                            <p class="single-product2__news-title mb-3">
                                                <a href="">Tiêu đề tin tức tiêu đề tin tức tiêu đề tin tức</a>
                                            </p>
                                            <ul>
                                                <li><a href="">Tin mới</a></li>
                                                <li><a href="">Tin khuyến mãi</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex d-md-none justify-content-center mt-5">
                                <a href="">Xem tất cả</a>
                            </div>
                        </div>
                        <div class="single-product2__card mb-5">
                            <h2 class="card__title mb-4">Đánh giá và nhận xét về sản phẩm</h2>
                            <img class="w-100" src="assets/images/comment.png" alt="">
                        </div>
                        <div class="single-product2__card mb-5">
                            <h2 class="card__title mb-4">Hỏi đáp về sản phẩm</h2>
                            <img class="w-100" src="assets/images/comment-2.png" alt="">
                        </div>
                        <div class="single-product2__card mb-5">
                            <h2 class="card__title mb-5">Sản phẩm bạn vừa xem</h2>
                            <div class="row row-cols-1 row-cols-md-3 row-cols-lg-5 scroll-snap-mb">
                                <div class="col">
                                    <div class="product-viewed__item">
                                        <a href="" class="product-viewed__item-image img-block mb-4">
                                            <img src="assets/images/fpt-1.jpg" alt="">
                                        </a>
                                        <p class="product-viewed__item-name mb-3">
                                            <a href="">Tên sản phẩm</a>
                                        </p>
                                        <span class="price">
                                            <del>
                                                <span>10.000.000đ</span>
                                        </del>
                                        <ins>
                                                <span>5.000.000đ</span>
                                            </ins>
                                        </span>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="product-viewed__item">
                                        <a href="" class="product-viewed__item-image img-block mb-4">
                                            <img src="assets/images/fpt-1.jpg" alt="">
                                        </a>
                                        <p class="product-viewed__item-name mb-3">
                                            <a href="">Tên sản phẩm</a>
                                        </p>
                                        <span class="price">
                                            <del>
                                                <span>10.000.000đ</span>
                                        </del>
                                        <ins>
                                                <span>5.000.000đ</span>
                                            </ins>
                                        </span>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="product-viewed__item">
                                        <a href="" class="product-viewed__item-image img-block mb-4">
                                            <img src="assets/images/fpt-1.jpg" alt="">
                                        </a>
                                        <p class="product-viewed__item-name mb-3">
                                            <a href="">Tên sản phẩm</a>
                                        </p>
                                        <span class="price">
                                            <del>
                                                <span>10.000.000đ</span>
                                        </del>
                                        <ins>
                                                <span>5.000.000đ</span>
                                            </ins>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- Cart Modal -->
    <div class="modal fade cart-modal" id="cartModal" tabindex="-1" aria-labelledby="cartModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title fw-bold" id="cartModalLabel">Có 3 sản phẩm trong giỏ hàng</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="">
                    <div class="modal-body p-0">
                        <div class="cart-product">
                            <div class="cart-product__list mb-4">
                                <div class="cart-product__item d-flex flex-wrap p-4">
                                    <div class="item__image">
                                        <img src="assets/images/fpt-1.jpg" alt="">
                                    </div>
                                    <div class="item__info d-flex flex-wrap">
                                        <div class="item__info-inside">
                                            <a href="" class="item__info-name d-block mb-3">Tên sản phẩm 1</a>
                                            <select>
                                                <option value="">Biến thể 1</option>
                                                <option value="">Biến thể 2</option>
                                            </select>
                                            <div class="item__info-inside-content mt-4">
                                                <ul>
                                                    <li>Bảo hành 2 năm + Trả góp 0% </li>
                                                    <li>Thu cũ đổi mới - Trợ giá ngay 15%</li>
                                                    <li>Giảm đến 300.000đ khi mua bảo hành (rơi vỡ + vào nước) kèm máy </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="item__info-quantity">
                                            <div class="quantity d-flex flex-wrap">
                                                <button type="button" class="minus">-</button>
                                                <div class="qty">
                                                    <input type="number" id="" value="1" min="1" max="100000">
                                                </div>
                                                <button type="button" class="plus">+</button>
                                            </div>
                                            <button type="button" class="cart-product-remove mt-3">Xoá</button>
                                        </div>
                                        <div class="item__info-price">
                                            <span class="price">
                                                <ins>
                                                    <span>5.000.000đ</span>
                                            </ins>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="cart-product__item d-flex flex-wrap p-4">
                                    <div class="item__image">
                                        <img src="assets/images/fpt-1.jpg" alt="">
                                    </div>
                                    <div class="item__info d-flex flex-wrap">
                                        <div class="item__info-inside">
                                            <a href="" class="item__info-name d-block mb-3">Tên sản phẩm 2</a>
                                            <select>
                                                <option value="">Biến thể 1</option>
                                                <option value="">Biến thể 2</option>
                                            </select>
                                            <div class="item__info-inside-content mt-4">
                                                <ul>
                                                    <li>Bảo hành 2 năm + Trả góp 0% </li>
                                                    <li>Thu cũ đổi mới - Trợ giá ngay 15%</li>
                                                    <li>Giảm đến 300.000đ khi mua bảo hành (rơi vỡ + vào nước) kèm máy </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="item__info-quantity">
                                            <div class="quantity d-flex flex-wrap">
                                                <button type="button" class="minus">-</button>
                                                <div class="qty">
                                                    <input type="number" id="" value="1" min="1" max="100000">
                                                </div>
                                                <button type="button" class="plus">+</button>
                                            </div>
                                            <button type="button" class="cart-product-remove mt-3">Xoá</button>
                                        </div>
                                        <div class="item__info-price">
                                            <span class="price">
                                                <ins>
                                                    <span>5.000.000đ</span>
                                            </ins>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="cart-product__price row g-5 mb-4 p-4">
                                <div class="col-md-6">
                                    <p>Nhập mã giảm giá</p>
                                    <div class="cart-product__coupon d-flex mt-4">
                                        <input type="text" placeholder="Nhập mã giảm giá">
                                        <button class="cart-product__coupon-button button button-primary">Áp dụng</button>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <p class="d-flex justify-content-between mb-3">
                                        <span>Tổng tiền:</span>
                                        <span>65.874.000đ</span>
                                    </p>
                                    <p class="d-flex justify-content-between mb-3">
                                        <span>Giảm:</span>
                                        <span>5.874.000</span>
                                    </p>
                                    <p class="cart-product__price-total d-flex justify-content-between fw-bold">
                                        <span>Cần thanh toán:</span>
                                        <span class="cart-product__price-total-number">60.000.000</span>
                                    </p>
                                </div>
                            </div>
                            <div class="cart-product__suggest p-4">
                                <p class="section__title mb-3">Có thể bạn muốn mua cùng</p>
                                <div class="row scroll-snap-mb">
                                    <div class="col-8 col-md-4">
                                        <div class="cart-product__suggest-item d-flex flex-wrap">
                                            <div class="item__image">
                                                <img src="assets/images/fpt-1.jpg" alt="">
                                            </div>
                                            <div class="item__info ps-3">
                                                <p class="item__info-name mb-2">
                                                    <a href="">Tiêu đề sản phẩm</a>
                                                </p>
                                                <span class="price">
                                                    <ins>
                                                        <span>1.000.000đ</span>
                                                </ins>
                                                <del>
                                                        <span>1.500.000đ</span>
                                                    </del>
                                                </span>
                                                <button class="suggest-add2cart mt-2">Thêm vào giỏ hàng</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-8 col-md-4">
                                        <div class="cart-product__suggest-item d-flex flex-wrap">
                                            <div class="item__image">
                                                <img src="assets/images/fpt-1.jpg" alt="">
                                            </div>
                                            <div class="item__info ps-3">
                                                <p class="item__info-name mb-2">
                                                    <a href="">Tiêu đề sản phẩm</a>
                                                </p>
                                                <span class="price">
                                                    <ins>
                                                        <span>1.000.000đ</span>
                                                </ins>
                                                <del>
                                                        <span>1.500.000đ</span>
                                                    </del>
                                                </span>
                                                <button class="suggest-add2cart mt-2">Thêm vào giỏ hàng</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-8 col-md-4">
                                        <div class="cart-product__suggest-item d-flex flex-wrap">
                                            <div class="item__image">
                                                <img src="assets/images/fpt-1.jpg" alt="">
                                            </div>
                                            <div class="item__info ps-3">
                                                <p class="item__info-name mb-2">
                                                    <a href="">Tiêu đề sản phẩm</a>
                                                </p>
                                                <span class="price">
                                                    <ins>
                                                        <span>1.000.000đ</span>
                                                </ins>
                                                <del>
                                                        <span>1.500.000đ</span>
                                                    </del>
                                                </span>
                                                <button class="suggest-add2cart mt-2">Thêm vào giỏ hàng</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cart-customer p-4">
                            <div class="cart-customer__item mb-4">
                                <label>
                                    <input type="radio" name="gender" value="anh">
                                    <span>Anh</span>
                                </label>
                                <label>
                                    <input type="radio" name="gender" value="chi">
                                    <span>Chị</span>
                                </label>
                            </div>
                            <div class="cart-customer__item mb-4 row g-4">
                                <div class="col-md-6">
                                    <input class="form-control" type="text" placeholder="Nhập họ và tên*">
                                </div>
                                <div class="col-md-6">
                                    <input class="form-control" type="number" placeholder="Nhập số điện thoại*">
                                </div>
                                <div class="col-12">
                                    <input class="form-control" type="email" placeholder="Nhập email">
                                </div>
                            </div>
                            <div class="cart-customer__item mb-4">
                                <p class="section__title mb-4">Chọn hình thức giao hàng</p>
                                <label>
                                    <input type="radio" name="delivery" value="anh">
                                    <span>Giao hàng tận nơi</span>
                                </label>
                                <label>
                                    <input type="radio" name="delivery" value="chi">
                                    <span>Miễn phí</span>
                                </label>
                                <div class="row mt-4">
                                    <div class="col-md-6">
                                        <select>
                                            <option value="">Tỉnh thành</option>
                                            <option value="">Hà Nội</option>
                                            <option value="">TP. Hồ Chí Minh</option>
                                            <option value="">Đà Nẵng</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select>
                                            <option value="">Quận Huyện</option>
                                            <option value="">Bắc Từ Liêm</option>
                                            <option value="">Nam Từ Liêm</option>
                                            <option value="">Thanh Xuân</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer d-flex flex-column justify-content-center p-4">
                        <button type="submit" class="btn" data-bs-dismiss="modal">Hoàn tất đặt hàng</button>
                        <p class="text-center mt-4">Bằng cách đặt hàng, bạn đã đồng ý với <a href="">điều khoản sử dụng</a> của chúng tôi</p>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Param Modal -->
    <div class="modal fade param-modal" id="paramModal" tabindex="-1" aria-labelledby="paramModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title fw-bold section__title" id="paramModalLabel">Chi tiết thông số kỹ thuật sản phẩm</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="param-modal-inner mt-4">
                        <table style="width:100%">
                            <tbody>
                                <tr>
                                    <td>Phiên bản</td>
                                    <td>MediaTek Dimensity 900 5G</td>
                                </tr>
                                <tr>
                                    <td>Type</td>
                                    <td><a href="">Octa-Core</a></td>
                                </tr>
                                <tr>
                                    <td>Số nhân CPU</td>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>Tốc độ tối đa</td>
                                    <td>2.40 GHz</td>
                                </tr>
                                <tr>
                                    <td>64 Bits</td>
                                    <td>Có</td>
                                </tr>
                                <tr>
                                    <td>Độ phân giải</td>
                                    <td>Full HD</td>
                                </tr>
                                <tr>
                                    <td>Phiên bản</td>
                                    <td>MediaTek Dimensity 900 5G</td>
                                </tr>
                                <tr>
                                    <td>Type</td>
                                    <td><a href="">Octa-Core</a></td>
                                </tr>
                                <tr>
                                    <td>Số nhân CPU</td>
                                    <td>8</td>
                                </tr>
                                <tr>
                                    <td>Tốc độ tối đa</td>
                                    <td>2.40 GHz</td>
                                </tr>
                                <tr>
                                    <td>64 Bits</td>
                                    <td>Có</td>
                                </tr>
                                <tr>
                                    <td>Độ phân giải</td>
                                    <td>Full HD</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js "></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js "></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js " integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p " crossorigin="anonymous "></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js " integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF " crossorigin="anonymous "></script>
    <script src="assets/box/jquery.fancybox.min.js "></script>
    <script src="assets/carousel/flickity.pkgd.min.js "></script>
    <script src="assets/js/main.js "></script>
</body>

</html>