/* Load this file after site/product/collection/cart/checkout CSS. */
:root{--ui-primary:#e62545;--ui-primary-dark:#c81735;--ui-text:#20242a;--ui-muted:#667085;--ui-line:#e7e9ee;--ui-soft:#f7f8fa;--ui-white:#fff;--ui-radius:12px;--ui-shadow:0 8px 26px rgba(28,35,50,.08)}
html{scroll-behavior:smooth}body{color:var(--ui-text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}button,input,select,textarea{font:inherit}input,select,textarea{border-radius:9px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ui-primary)!important;box-shadow:0 0 0 3px rgba(230,37,69,.12)!important}.container{padding-left:15px;padding-right:15px}.bread-crumb{color:var(--ui-muted)}.bread-crumb a:hover{color:var(--ui-primary)}

/* Titles and product cards */
.title-module{border-bottom-color:var(--ui-line);margin-bottom:20px}.title-module h2{font-size:26px;line-height:1.35;letter-spacing:-.02em}.title-module h2:before{width:5px;height:28px;top:3px;border-radius:5px;background:var(--ui-primary)}.title-module .view-all{background:var(--ui-text);border-radius:8px}.title-module .view-all:hover{background:var(--ui-primary)}
.product-box{height:100%;padding:10px;border:1px solid transparent;border-radius:var(--ui-radius);background:#fff;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.product-box:hover{transform:translateY(-3px);border-color:var(--ui-line);box-shadow:var(--ui-shadow)}.product-box .product-thumbnail{border:1px solid #f0f1f3;border-radius:10px;overflow:hidden;background:#fff}.product-box .product-thumbnail .image_thumb,.product-box .product-thumbnail picture,.product-box .product-thumbnail a{background:#fff}.product-box .product-thumbnail img{background:#fff;transition:transform .35s ease}.product-box:hover .product-thumbnail img{transform:scale(1.025)}.product-box .product-info .product-name{height:42px;line-height:21px;margin:10px 0 7px;font-weight:500}.product-box .product-info .product-name a{color:var(--ui-text)}.product-box .product-info .product-name a:hover{color:var(--ui-primary)}.product-box .product-info .product-item-price.price-box{min-height:24px;display:flex;align-items:baseline;justify-content:center;gap:7px;white-space:nowrap}.product-box .product-info .product-item-price .product-price{display:block;flex:0 0 auto;padding:0}.product-box .product-info .price-box .product-price.special-price{color:var(--ui-primary)}.product-box form{border-radius:0 0 var(--ui-radius) var(--ui-radius);overflow:hidden}.product-box form button{background:var(--ui-primary);border-color:var(--ui-primary)}.product-box form button:hover{color:var(--ui-primary);background:#fff}
.product-box-mini{border-color:var(--ui-line);border-radius:10px;padding:8px;background:#fff;transition:box-shadow .2s ease,border-color .2s ease}.product-box-mini:hover{border-color:#d6d9df;box-shadow:0 5px 18px rgba(28,35,50,.07)}.product-box-mini .product-thumbnail,.product-box-mini .product-thumbnail a{border-radius:8px;background:#fff}.product-box-mini .product-thumbnail img{background:#fff}.product-box-mini .product-info .product-item-price.price-box{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.product-box-mini .product-info .product-item-price .product-price{display:block;flex:0 0 auto;padding:0}

/* Keep the full-width product grid flush with the other homepage sections. */
.section-product-banner .list-product-banner .productsx{float:left;width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}

/* Match collection thumbnails: always square at every card width. */
.section-product .product-box .product-thumbnail,
.section-product .product-box .product-thumbnail .image_thumb,
.section-product .product-box .product-thumbnail picture{width:100%}
.section-product .product-box .product-thumbnail .image_thumb,
.section-product .product-box .product-thumbnail picture{height:auto!important;aspect-ratio:1/1;overflow:hidden}
.section-product .product-box .product-thumbnail .image_thumb img,
.section-product .product-box .product-thumbnail picture img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}

/* Product detail and long-form content */
.page-product .details-product{color:var(--ui-text)}.page-product .details-product .product-info{padding:20px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:var(--ui-shadow)}.page-product h1.title-product{margin:0 0 10px;font-size:27px;line-height:1.38;letter-spacing:-.025em}.page-product .group-status{padding:8px 0 12px;color:var(--ui-muted);border-bottom:1px solid #eceef2}.page-product .price-box{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}.page-product .special-price .product-price,.page-product .product-price{color:var(--ui-primary)}.page-product .old-price .product-price{color:#8a9099}.page-product .form-product .btn,.page-product .btn-buy-now,.page-product .btn-mua-ngay,.page-product button.btn-cart{min-height:48px;border-radius:10px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.page-product .form-product .btn:hover,.page-product .btn-buy-now:hover,.page-product .btn-mua-ngay:hover,.page-product button.btn-cart:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(230,37,69,.22)}.page-product .camket{padding:12px 14px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-soft)}.page-product .product-image-block,.page-product .large-image{border:1px solid #f0f1f3;border-radius:14px;overflow:hidden;background:#fff}.page-product .product-image-block img,.page-product .large-image img{background:#fff}.page-product .content-descr{max-width:920px;margin-left:auto;margin-right:auto;color:#343a40;line-height:1.78}.page-product .content-descr h2,.page-product .content-descr h3{letter-spacing:-.015em;color:var(--ui-text)}.page-product .content-descr a{color:#076db6;text-decoration:underline;text-underline-offset:3px}.page-product .content-descr img{border-radius:10px}.page-product .content-descr blockquote{border-left-color:var(--ui-primary);background:#fff6f7;border-radius:0 8px 8px 0}

/* Collections and filters */
.collection .sort-cate,.category-products .sort-cate{padding:10px 12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-soft)}.collection #sort-by select,#sort-by select{height:38px;min-width:145px;padding:0 34px 0 12px;border:1px solid #dfe3e8;border-radius:8px;background-color:#fff;color:#343a40}.aside-item{margin-bottom:22px}.aside-item .title_module_arrow{padding-bottom:9px;font-size:19px;border-bottom-color:var(--ui-primary)}.aside-item.collection-category .nav-item>a{padding:9px 4px;line-height:20px}.aside-item.collection-category .nav-item>a:hover,.filter-item:hover label{color:var(--ui-primary)}.filter-item label{display:flex;align-items:center;min-height:34px;margin:0;cursor:pointer}.filter-item input{margin-right:8px}.collection .category-products .product-col{margin-bottom:18px}

/* Cart */
.main-container .col-main .cart .bg-scroll{border:1px solid var(--ui-line);border-radius:12px;overflow:hidden}.main-container .col-main .cart .cart-thead{background:var(--ui-soft);border-bottom-color:var(--ui-line)}.main-container .col-main .cart .cart-thead div{font-weight:600;border-color:var(--ui-line)}.main-container .col-main .cart .cart-tbody .item-cart,.main-container .col-main .cart .cart-tbody .item-cart div{border-color:#eceef2}.main-container .col-main .cart .cart-tbody .item-cart div .product-name{line-height:21px;word-break:normal;overflow-wrap:anywhere}.main-container .col-main .cart .cart-tbody .item-cart div .product-name a{font-weight:500;color:var(--ui-text)}.main-container .col-main .cart .cart-tbody .item-cart div .price{line-height:1.35;color:var(--ui-primary)}.main-container .col-main .cart .item-cart .number-sidebar{height:34px;border-radius:7px;border-color:#dfe3e8}.table-total{border:1px solid var(--ui-line);border-radius:12px;overflow:hidden}.table-total .table tbody tr .price_end,.main-container .col-main .cart span.totals_price.price{color:var(--ui-primary)}.form-cart-continue{height:44px;line-height:42px;border-radius:9px;background:#f2f4f7;border-color:var(--ui-line)}.form-cart-continue:hover{background:var(--ui-text);border-color:var(--ui-text)}.btn-checkout-cart{height:48px;line-height:46px;border-radius:10px;background:var(--ui-primary);border-color:var(--ui-primary);box-shadow:0 8px 18px rgba(230,37,69,.18)}.btn-checkout-cart:hover{background:var(--ui-primary-dark);border-color:var(--ui-primary-dark)}

/* Checkout */
.contentx{color:var(--ui-muted);background:var(--ui-soft)}.contentx .wrap{max-width:1180px}.modal__title,.section__title,.sidebar__title{color:var(--ui-text);font-size:18px;font-weight:700}.field__label{color:#475467;font-weight:500}.field__input{height:48px;padding:.95em .9em;border-color:#dfe3e8;border-radius:9px}.field__input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px rgba(230,37,69,.12)}textarea.field__input{min-height:90px}.btnnut,.btn-checkout{min-height:48px;border-radius:9px;background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;font-weight:700;box-shadow:0 8px 18px rgba(230,37,69,.18)}.btnnut:hover,.btn-checkout:hover{background:var(--ui-primary-dark)!important;border-color:var(--ui-primary-dark)!important}.product-thumbnail{border-radius:10px}.product-thumbnail:after,.product-thumbnail__wrapper{border-radius:10px}.product-thumbnail__quantity{background:var(--ui-primary)}.product__description__name{color:var(--ui-text);font-weight:500}.total-line__price,.payment-due__price{color:var(--ui-primary)}.modal{border-radius:13px;box-shadow:0 22px 60px rgba(18,24,40,.28)}.modal-wrapper{background:rgba(18,24,40,.68);backdrop-filter:blur(3px)}

/* Footer and utility */
.footer{background:#f5f6f8;border-top:1px solid var(--ui-line);color:#4b5563}.footer .footer-click h4{color:var(--ui-text);font-weight:700}.footer .footer-click h4:before{height:2px;background:var(--ui-primary)}.footer .footer-click .list-menu a:hover{color:var(--ui-primary)}.footer .fot_copyright{background:#e9ebef}.page a{border-color:var(--ui-primary);color:var(--ui-primary);border-radius:8px}.page a.active,.page a:hover{background:var(--ui-primary);border-color:var(--ui-primary)}#backToTop{width:44px;height:44px;line-height:44px;right:16px;bottom:72px;background:var(--ui-primary);box-shadow:0 7px 20px rgba(230,37,69,.28)}#backToTop:hover{background:var(--ui-primary-dark)}

@media(max-width:991px){.menu_mobile{box-shadow:14px 0 35px rgba(18,24,40,.16)}.menu_mobile .account{background:var(--ui-primary)}.menu_mobile .ul_collections li a{padding:13px 14px;line-height:20px}.menu_mobile .ul_collections li>.menu-toggle{width:44px;height:44px;top:0;border-left:1px solid var(--ui-line)}.dqdt-sidebar{width:min(86vw,320px);padding:18px;border-radius:14px 0 0 14px;box-shadow:-15px 0 35px rgba(18,24,40,.17)}#open-filters{top:auto!important;right:12px;bottom:84px;width:auto;height:42px;padding:0 13px;line-height:42px;border-radius:22px;writing-mode:initial;transform:none;text-transform:none;box-shadow:0 7px 20px rgba(230,37,69,.28);background:var(--ui-primary)}#open-filters.openf{right:min(86vw,320px);bottom:84px;width:42px;height:42px}.cart-mobile{border:1px solid var(--ui-line);border-radius:12px;background:#fff}.content-product-list .item-product{padding:14px 10px;border-color:var(--ui-line)}.item-product-cart-mobile,.item-product-cart-mobile img{max-width:92px;border-radius:8px}.item-product .title-product-cart-mobile{width:calc(100% - 178px);max-width:none!important}.title-product-cart-mobile a{line-height:1.45;font-weight:500}.select-item-qty-mobile>div{top:-42px;width:78px}.btn-proceed-checkout-mobile{height:46px;line-height:44px;border-radius:9px;background:var(--ui-primary);border-color:var(--ui-primary)}.contentx{background:#fff}.order-summary{background:var(--ui-soft)}}
@media(max-width:767px){.title-module{margin-bottom:14px}.title-module h2{font-size:20px;padding-left:14px}.product-box{padding:6px;border-radius:10px}.product-box:hover{transform:none;box-shadow:none}.section-product-1 .product-box,.section-product-banner .product-box{height:auto;padding-top:0;padding-bottom:0;border:0;border-radius:0;overflow:visible}.section-product-1 .slick-slide,.section-product-banner .slick-slide,.section-product-banner .slider-product-2>.item{border-top:0;border-bottom:0}.product-box .product-info .product-name{font-size:13.5px;height:40px;line-height:20px}.product-box .product-info .product-item-price.price-box{gap:5px}.product-box .product-info .price-box .product-price.special-price{font-size:14px!important}.product-box .product-info .price-box .product-price.old-price{font-size:11.5px!important}.page-product .details-product .product-info{padding:14px;border-radius:11px;box-shadow:none}.page-product h1.title-product{font-size:22px}.collection .category-products{margin-left:-6px;margin-right:-6px}.collection .category-products .product-col{padding-left:6px;padding-right:6px;margin-bottom:12px}.footer{padding-bottom:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Back-to-top: dark translucent utility button, clear of the mobile contact bar. */
#backToTop{bottom:24px;color:#fff;background:rgba(20,24,31,.68);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 7px 20px rgba(15,23,42,.2)}
#backToTop:hover,#backToTop:focus{color:#fff;background:rgba(15,18,24,.84)}
@media(max-width:767px){#backToTop{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:42px;height:42px;line-height:42px}}

/* Recently viewed products shared by product detail and collection pages. */
.x1-recently-viewed{clear:both;width:100%;margin:28px 0 34px}.x1-recently-viewed__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px;border-bottom:1px solid var(--ui-line)}.x1-recently-viewed__header h2{display:inline-flex;align-items:center;gap:9px;margin:0;padding:0 0 11px;border-bottom:3px solid var(--ui-primary);color:var(--ui-text);font-size:21px;font-weight:700;line-height:1.3}.x1-recently-viewed__header h2 i{color:var(--ui-primary)}.x1-recently-viewed__controls{display:flex;gap:7px;padding-bottom:7px}.x1-recently-viewed__control,.x1-recently-viewed__control.slick-arrow{position:static;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:1px solid var(--ui-line);border-radius:9px;background:#fff;color:#4b5563;font-size:20px;line-height:1;opacity:1;transform:none;transition:.2s ease}.x1-recently-viewed__control:before{content:none!important}.x1-recently-viewed__control:hover,.x1-recently-viewed__control:focus{border-color:var(--ui-primary);background:var(--ui-primary);color:#fff;outline:0}.x1-recently-viewed__list{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);gap:12px;padding:2px 1px 10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-color:rgba(230,37,69,.45) #f2f3f5;scrollbar-width:thin}.x1-recently-viewed__list.slick-initialized{display:block;padding:0;overflow:visible}.x1-recently-viewed__list.slick-initialized .slick-list{margin:0 -6px;padding:2px 0 10px}.x1-recently-viewed__list.slick-initialized .slick-track{display:flex;align-items:stretch}.x1-recently-viewed__list.slick-initialized .x1-recently-viewed__card{height:auto;margin:0 6px}.x1-recently-viewed__card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--ui-line);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(18,24,40,.06);scroll-snap-align:start}.x1-recently-viewed__media{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-bottom:1px solid var(--ui-line);background:#fff}.x1-recently-viewed__media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.x1-recently-viewed__content{display:flex;min-height:126px;flex:1 1 auto;flex-direction:column;padding:10px 11px 12px}.x1-recently-viewed__vendor{min-height:17px;margin-bottom:3px;overflow:hidden;color:#858b95;font-size:10px;line-height:17px;letter-spacing:.8px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.x1-recently-viewed__content h3{min-height:40px;margin:0 0 8px;font-size:14px;font-weight:600;line-height:20px}.x1-recently-viewed__content h3 a{display:-webkit-box;overflow:hidden;color:var(--ui-text);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.x1-recently-viewed__price{margin-top:auto;color:var(--ui-primary);font-size:16px;font-weight:700;white-space:nowrap}@media(hover:hover){.x1-recently-viewed__card:hover{border-color:#d7d9de;box-shadow:0 8px 22px rgba(18,24,40,.11)}.x1-recently-viewed__card:hover img{transform:scale(1.035)}}@media(max-width:991px){.x1-recently-viewed__list{grid-auto-columns:calc((100% - 24px)/3)}}@media(max-width:767px){.x1-recently-viewed{margin:22px 0 28px}.x1-recently-viewed__header h2{font-size:18px}.x1-recently-viewed__controls{gap:5px;padding-bottom:6px}.x1-recently-viewed__control,.x1-recently-viewed__control.slick-arrow{width:31px;height:31px;font-size:18px}.x1-recently-viewed__list{grid-auto-columns:calc((100% - 10px)/2.25);gap:10px;scrollbar-width:none}.x1-recently-viewed__list::-webkit-scrollbar{display:none}.x1-recently-viewed__list.slick-initialized .slick-list{margin:0 -4px}.x1-recently-viewed__list.slick-initialized .x1-recently-viewed__card{margin:0 4px}.x1-recently-viewed__content{min-height:103px;padding:8px}.x1-recently-viewed__vendor{display:none}.x1-recently-viewed__content h3{min-height:36px;font-size:12px;line-height:18px}.x1-recently-viewed__price{font-size:14px}}

/* Admin quick-action buttons on product cards (đổi ảnh / video / ảnh phụ / sửa nhanh) - đồng bộ 4 nút với x4. */
.product-thumbnail{position:relative}
.x1-quick-change-image,.x1-quick-upload-video,.x1-quick-hinhlq,.x1-quick-edit-product{position:absolute;z-index:12;right:10px;display:flex;width:38px;height:38px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;color:#fff;font-size:16px;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer}
.x1-quick-change-image{top:10px;background:rgba(0,0,0,.55)}
.x1-quick-change-image:hover,.x1-quick-change-image:focus{background:#000;outline:0}
.quick-change-image.uploading{opacity:.6;pointer-events:none}
.x1-quick-upload-video{top:54px;background:rgba(21,128,61,.85)}
.x1-quick-upload-video:hover,.x1-quick-upload-video:focus{background:#15803d;outline:0}
.quick-upload-video.has-video{top:auto;right:auto;width:26px;height:26px;font-size:12px;background:rgba(220,38,38,.92)}
.quick-upload-video.has-video:hover{background:#b91c1c}
.quick-upload-video.uploading{opacity:.6;pointer-events:none}
.video-admin-actions{position:absolute;left:8px;bottom:8px;z-index:60;display:flex;align-items:center;gap:5px}
.video-admin-actions .video-icon{position:static!important;margin:0!important}
.video-admin-actions .quick-upload-video.has-video{position:static}
.item_product_main .video-icon{position:absolute;z-index:20;right:8px;bottom:8px;font-size:22px;color:#df0000}
.x1-quick-hinhlq{top:98px;background:rgba(124,58,237,.85)}
.x1-quick-hinhlq:hover,.x1-quick-hinhlq:focus{background:#6d28d9;outline:0}
.quick-hinhlq.has-images{background:rgba(22,163,74,.85)!important}
.quick-hinhlq.has-images:hover{background:#16a34a!important}
.quick-hinhlq-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#dc2626;color:#fff;font:bold 11px/18px Arial;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.x1-quick-edit-product{top:142px;background:rgba(245,158,11,.88)}
.x1-quick-edit-product:hover,.x1-quick-edit-product:focus{background:#d97706;color:#fff;outline:0;transform:translateY(-1px)}

/* Popup upload video MP4 - giống x4. */
#quick-image-file{display:none}
#quickVideoModal{display:none;position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);padding:15px;overflow:auto}
.quick-video-box{position:relative;width:100%;max-width:450px;margin:8vh auto 0;background:#fff;border-radius:12px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.3);color:#222;text-align:left}
.quick-video-title{font-size:17px;font-weight:bold;margin-bottom:15px}
.quick-video-close{position:absolute;right:15px;top:14px;border:0;background:none;font-size:20px;color:#888;cursor:pointer}
#quickVideoPreview{display:none;margin-bottom:12px;background:#000;border-radius:8px;overflow:hidden}
#quickVideoPlayer{display:block;width:100%;max-height:280px}
#quickVideoInfo{display:none;padding:9px 10px;margin-bottom:12px;background:#f4f5f7;border-radius:7px;font-size:12px;line-height:19px;color:#777}
.quick-video-file{padding:15px;border:2px dashed #ddd;border-radius:8px;text-align:center}
.quick-video-file input{max-width:100%}
.quick-video-buttons{display:flex;gap:8px;margin-top:12px}
.quick-video-buttons button{flex:1;height:40px;border:0;border-radius:7px;font-weight:bold;cursor:pointer}
#quickVideoUpload{background:#1677ff;color:#fff}
#quickVideoDelete{display:none;background:#fff0f0;color:#e53935}
#quickVideoProgress{display:none;margin-top:12px}
.quick-video-progress-bg{height:8px;background:#eee;border-radius:10px;overflow:hidden}
#quickVideoProgressBar{width:0;height:100%;background:#16a34a}
#quickVideoProgressText{text-align:center;font-size:12px;margin-top:5px;color:#777}
#quickVideoUpload:disabled,#quickVideoDelete:disabled{opacity:.6;cursor:not-allowed}

/* Popup ảnh phụ sản phẩm (hinhlq) - giống x4. */
#quickHinhlqModal{display:none;position:fixed;inset:0;z-index:100000;padding:15px;overflow:auto;background:rgba(0,0,0,.6)}
.quick-hinhlq-box{position:relative;max-width:480px;margin:5vh auto;padding:18px;background:#fff;border-radius:12px}
.quick-hinhlq-title{margin-bottom:15px;font-size:17px;font-weight:700}
.quick-hinhlq-close{position:absolute;top:14px;right:15px;border:0;background:none;color:#888;font-size:20px;cursor:pointer}
#quickHinhlqList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:60vh;margin-bottom:15px;overflow-y:auto;padding-right:6px}
.quick-hinhlq-item{position:relative;display:flex;flex-direction:column;padding:5px;border:1px solid #ddd;border-radius:8px;text-align:center}
.quick-hinhlq-item img{width:100%;height:100px;display:block;object-fit:cover;border-radius:5px}
.quick-hinhlq-index{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;background:#ff3b30;color:#fff;font:700 12px/20px Arial;text-align:center;z-index:2}
.quick-hinhlq-name{margin:5px 0;overflow:hidden;color:#777;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.quick-hinhlq-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px}
.quick-hinhlq-actions button{height:28px;padding:0;border:0;border-radius:5px;cursor:pointer;min-width:0}
.quick-hinhlq-star{grid-column:1/span 2}
.quick-hinhlq-left{grid-column:3/span 2}
.quick-hinhlq-right{grid-column:5/span 2}
.quick-hinhlq-edit{grid-column:1/span 3;background:#e8f1ff;color:#1677ff}
.quick-hinhlq-delete{grid-column:4/span 3;background:#fff0f0;color:#e53935}
.quick-hinhlq-upload{position:sticky;bottom:0;padding:12px;background:#fff;border:2px dashed #ddd;border-top:1px solid #ddd;border-radius:8px;text-align:center}
#quick-hinhlq-file{width:100%;margin-bottom:8px}
#quick-hinhlq-upload{width:100%;height:42px;border:0;border-radius:7px;background:#7c3aed;color:#fff;font-weight:700;cursor:pointer}

.article-content .x4-local-related{
		clear:both;
		margin:14px 0 0;
		padding:12px;
		border:1px solid #e5e7eb;
		border-radius:6px;
		background:#f8fafc;
	}
	.article-content .x4-local-related h2{margin:0 0 6px;font-size:17px;}
	.article-content .x4-local-related p{margin:0 0 10px;font-size:13px;line-height:1.55;}
	.article-content .x4-local-related ul{
		display:flex;
		flex-wrap:wrap;
		gap:7px;
		margin:0;
		padding:0;
		list-style:none;
	}
	.article-content .x4-local-related li{margin:0;padding:0;}
	.article-content .x4-local-related a{
		display:block;
		padding:5px 9px;
		border:1px solid #dbeafe;
		border-radius:5px;
		background:#fff;
		font-size:13px;
		line-height:1.35;
	}

/* Danh mục sản phẩm x1, chế độ admin, sắp xếp "Mới cập nhật" (sort=4): nút "Thêm sản phẩm mới"
   thay đúng vị trí H1 inline trong .category-control-leading, nằm ngang hàng với select sắp xếp
   (khối .sortPagiBar>.row đã là flex align-items:center sẵn, xem data/x1/css/collection.min.css).
   Cùng màu với .btn-add-product bên code/suasp.php để đồng bộ giao diện admin. */
.category-control-leading .btn-add-product.quickadd-inline{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:34px;padding:0 14px;margin:0;border:0;border-radius:8px;background:#16a34a;color:#fff;font-size:13px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-shadow:0 2px 8px rgba(22,163,74,.22)}
.category-control-leading .btn-add-product.quickadd-inline:hover{background:#15803d}
.category-control-leading .btn-add-product.quickadd-inline:active{transform:translateY(1px)}
@media(max-width:420px){.category-control-leading .btn-add-product.quickadd-inline{padding:0 10px;font-size:12px;gap:4px}}

/* Trang chi tiết sản phẩm x1, chế độ admin: nút "Sửa nhanh sản phẩm" đặt cạnh H1, giống x4
   (x4/sanpham.php in nút .quick-edit-product ngay sau H1, dùng chung popup code/product_quickedit.php).
   Không dùng lại class .x1-quick-edit-product vì class đó định vị absolute để chồng lên ảnh sản phẩm
   trong lưới danh mục — không hợp với chỗ đặt cạnh H1 ở đây, nên đặt tên riêng. */
.x1-title-product-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.x1-title-product-row h1.title-product{flex:1 1 auto;min-width:0}
.x1-title-edit-product{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:2px;padding:0;border:0;border-radius:50%;background:rgba(245,158,11,.88);color:#fff;font-size:14px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:background .18s ease,transform .18s ease}
.x1-title-edit-product:hover,.x1-title-edit-product:focus{background:#d97706;color:#fff;outline:0;transform:translateY(-1px)}
@media(max-width:767px){.x1-title-edit-product{width:29px;height:29px;font-size:13px}}

/* Chi tiết bài viết x1 (news_detail.php): 6 icon "Chia sẻ" (.right.share) hiện trống trơn vì
   data/x1/css/all.min.css (Font Awesome 6.7.2) đang chỉ có khung CSS cơ bản, KHÔNG có bảng
   glyph thật cho từng icon (kiểm tra: cả file chỉ có 3 rule ":before", trong khi bản chính chủ
   phải có vài nghìn) — file webfont (data/x1/webfonts/fa-brands-400.*) vẫn còn nguyên vẹn, chỉ
   thiếu đúng phần CSS ánh xạ tên class -> mã glyph. Đây là lỗi TOÀN SITE (rất nhiều icon fa-*
   khác trên x1 cũng đang bị y hệt), không riêng icon share; phần dưới đây chỉ bổ sung tạm đúng
   6 icon share (đã xác nhận đúng bằng mã glyph chuẩn ổn định của Font Awesome Brands, trừ
   Twitter dùng lại icon "chim" cũ mã f099 vì lớp brand xoay quanh việc đổi thương hiệu sang X
   khiến biến thể "square" không còn chắc chắn tồn tại trong 6.7.2 — nên kiểm tra lại icon
   Twitter sau khi lên, nếu vẫn sai/thiếu báo lại). Muốn hết lỗi icon toàn site phải thay hẳn
   all.min.css bằng bản Font Awesome 6.7.2 Free đầy đủ chính chủ. */
.right.share a i.fa-facebook-square,
.right.share a i.fa-twitter-square,
.right.share a i.fa-linkedin-square,
.right.share a i.fa-pinterest-square,
.right.share a i.fa-vk,
.right.share a i.fa-tumblr-square{font-family:"Font Awesome 6 Brands";font-weight:400}
.right.share a i.fa-facebook-square:before{content:"\f082"}
.right.share a i.fa-twitter-square:before{content:"\f099"}
.right.share a i.fa-linkedin-square:before{content:"\f08c"}
.right.share a i.fa-pinterest-square:before{content:"\f0d3"}
.right.share a i.fa-vk:before{content:"\f189"}
.right.share a i.fa-tumblr-square:before{content:"\f174"}

/* Chi tiết bài viết x1: đã bỏ cột sidebar bên phải (right.php) theo yêu cầu, nên #b (mang
   class dùng chung .main_container — có rule width:80%/83% tuỳ breakpoint ở site.min.css,
   cộng thêm .col-lg-12{float:left} của lưới Bootstrap ở cùng file) giờ cần rộng full-width và
   CANH GIỮA thay vì chỉ chiếm 75-83% và trôi dạt sang trái như cũ (float:left kết hợp width
   dưới 100% làm khoảng trống dồn hết về 1 bên phải, không có margin:auto nào cứu được vì
   margin auto không canh giữa được phần tử đang float). Ban đầu chỉ dùng 1 class thường
   (.article-nosidebar) — cùng độ ưu tiên với .main_container/.col-lg-12 nên dù ui-refresh.css
   nạp sau cùng, thực tế vẫn không thắng nổi ở mọi trường hợp — đổi sang !important cho float/
   width/max-width/margin (mục 35) nhưng VẪN CÒN LỆCH 1 BÊN, vì bỏ sót thủ phạm thật sự: class
   .col-lg-12 (grid Bootstrap dùng chung, site.min.css) đặt sẵn position:relative cho #b, và
   riêng .main_container còn có thêm rule left:20% / left:17% tuỳ breakpoint (collection.min.css
   — vốn thiết kế để đẩy khối nội dung dịch sang phải, nhường chỗ cho sidebar bên trái ở trang
   danh mục) — rule "left" này là selector 1 class trần (không lọc riêng trang danh mục) nên vẫn
   dính vào #b của trang bài viết dù không còn sidebar, đẩy lệch cả khối sang phải bất kể margin
   auto đã tính đúng. Đã kiểm chứng trực tiếp trên trình duyệt (đo toạ độ thực tế của #b): trước
   khi thêm left:0 thì lệch trái/phải rất khác nhau (trống to 1 bên), sau khi ép left:0 thì 2 bên
   bằng nhau. Giới hạn max-width 860px thay vì để chữ chạy hết chiều ngang container (~1170px) —
   dòng chữ quá dài rất khó đọc trên PC màn to; margin trái/phải auto canh giữa cho ra 1 cột đọc
   thoải mái, có khoảng trắng đều 2 bên trên PC mà vẫn full-width tự nhiên trên mobile (viewport
   nhỏ hơn 860px nên max-width không có tác dụng, coi như width:100% bình thường). */
.article-nosidebar{float:none!important;width:100%!important;max-width:860px!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:auto!important}