/*
	Theme Name: Ratings
	Theme URI: http://Ratings.Com/
	Author: Ratings
	Author URI: http://vnthemes.vn/
	Version: 1.0
	Tags: green, white, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
	Description: Ratings theme.
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: Ratings
	Use it to make something cool, have fun, and share what you've learned with others.
	Copyright: (c) 2019 Ratings.
	license: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/

/* Bảng màu (2026-10-25, theo Radix Colors; sinh bằng mã của radix-ui.com/colors/custom:
   màu nhấn #e40b0b, xám Mauve, nền #ffffff). Mỗi bậc một việc:
   1-2 nền trang, nền khung nhạt; 3 nền ô / đang chọn; 4 rê chuột; 5 đang bấm;
   6 viền mờ; 7 viền ô; 8 viền đang chọn, rê chuột, viền khi Tab tới;
   9 màu đặc (nút, chấm); 10 màu đặc khi rê chuột; 11 chữ phụ / chữ màu; 12 chữ chính.
   Đổi màu chủ đạo: sinh lại bảng ở trang trên rồi thay các dòng dưới. */
:root {
	--do-1: #fffcfb; --do-2: #fff8f6; --do-3: #ffeae6; --do-4: #ffdad2; --do-5: #ffcac0; --do-6: #ffb9ad;
	--do-7: #fea396; --do-8: #f68778; --do-9: #e40b0b; --do-10: #d40000; --do-11: #de0000; --do-12: #641e17;
	--xam-1: #fcfcfd; --xam-2: #f9f9fb; --xam-3: #f0f0f4; --xam-4: #e8e7ed; --xam-5: #e1e0e7; --xam-6: #d9d8e1;
	--xam-7: #cfcdd8; --xam-8: #bcbac7; --xam-9: #8e8c99; --xam-10: #83828e; --xam-11: #65636d; --xam-12: #201f26;
	/* Bảng tối, cho dải nền tối trên trang sáng (2026-10-26): Radix Mauve Dark (nền bậc 1 = dải tối) và đỏ tối (sinh từ #e40b0b
	   trên nền #121113). Trên dải tối chỉ dùng màu bảng tối: chữ chính 12, chữ phụ 11, viền 6-8, nền rê chuột 4; chữ đỏ dùng đỏ tối 11
	   (đỏ 11 của bảng sáng trên nền tối chỉ đạt tương phản 3,9). Nút nền đỏ 9 vẫn chữ trắng. */
	--toi-1: #121113; --toi-2: #1a191b; --toi-3: #232225; --toi-4: #2b292d; --toi-5: #323035; --toi-6: #3c393f;
	--toi-7: #49474e; --toi-8: #625f69; --toi-9: #6f6d78; --toi-10: #7c7a85; --toi-11: #b5b2bc; --toi-12: #eeeef0;
	--do-toi-1: #180f0e; --do-toi-2: #211311; --do-toi-3: #3d110d; --do-toi-4: #550705; --do-toi-5: #660e09; --do-toi-6: #781d16;
	--do-toi-7: #912e24; --do-toi-8: #bc3c31; --do-toi-9: #e40b0b; --do-toi-10: #d40000; --do-toi-11: #ff9080; --do-toi-12: #ffd0c8;
	--xanh-11: #00749e; /* Radix Sky 11, chỉ dùng cho chữ giá trị khối 3 ô ở trang sản phẩm (người dùng chọn 2026-10-25) */
	--vang-9: #ffc53d; /* Radix Amber 9, chỉ dùng cho tia sét trên nhãn tiêu đề khối Flash Sale (người dùng chọn 2026-10-26) */
}

/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:500}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:500}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#000;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#000}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#000}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:500}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:500}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=radio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#000;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-500:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=radio],[data-toggle=buttons]>.btn>input[type=checkbox]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=radio],.input-group-addon input[type=checkbox]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type=radio],.navbar-form .checkbox input[type=checkbox]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:500;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:500}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:500;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}}
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



/*---------------------------------------------------------------------------------*/

.row{margin-left: -10px; margin-right: -10px}
.navbar-collapse,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
	padding-left: 10px; padding-right: 10px
}

 
/*---------------------------------------------------------------------------------*/
/*Special for upload to wordpress*/
.wp-caption{max-width: 100%; height: auto;}
.wp-caption-text{ text-align: center; font-style: italic; font-size: 13px}
.sticky{}
.gallery-caption{}
.alignleft{text-align: left}
.alignright{text-align: right}
.aligncenter {text-align: center; max-width: 100%; height: auto; margin: 0 auto; display: block;}
table{width: 100%; margin: 20px 0;}
table th,
table tr td{padding: 5px 10px; border: 1px solid var(--xam-3);}

body {background: var(--xam-2); color: var(--xam-12); font: 14px/1.6 'Roboto',Arial,sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.5; margin-top: 0; margin-bottom: 10px; font-weight: 700; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
    border: 1px solid var(--xam-4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 2px 12px; width: 100%;
}
img{max-width: 100%; height: auto;}
a{color: var(--xam-12);}
a:focus{outline: none}
a:hover{text-decoration: none; color: var(--do-11)}
b, strong, label{font-weight: 700;}
h1, .h1 {font-size: 24px}
h2, .h2 {font-size: 22px}
h3, .h3 {font-size: 19px}
h4, .h4 {font-size: 18px}
h5, .h5 {font-size: 15px}
ul, ol{margin: 0; padding: 0}
ul li{list-style: none;}
.ads-header, .ads-bottom{margin: 15px 0}
.text-links{margin-bottom: 10px}
.btn, .form-submit #submit {
    -moz-user-select: none;
    background-color: var(--xam-12);
    color: #FFF;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42857;
    margin-bottom: 0; margin-top: 5px;
    padding: 8px 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase;
    
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted; outline-offset: -2px;
}
.btn:hover, .btn:focus {
    color: #FFF; text-decoration: none; background: var(--xam-11);
}
.btn:active, .btn.active {
    background-image: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none; cursor: not-allowed; opacity: 0.65; pointer-events: none;
}
.btn-default {
    background-color: var(--xam-2); border-color: var(--xam-5); color: var(--xam-11);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: var(--xam-5); border-color: #aec0d2; color: var(--xam-11);
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: var(--xam-2); border-color: var(--xam-5);
}

table tr td.AnhSP{width: 80px;}

/*Typography*/
blockquote{font-size: 14px; font-style: italic;}
#main-body{min-height: 350px;}
#wrapper {}

.home #wrapper{margin: 0}

.page-template-template-about .entry-content{margin: 30px 0}
.home #wrapper {padding-top: 0}

#content{margin-bottom: 25px}

#site-header {
	width: 100%;
	position: relative;
	z-index: 99;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
#dst_top {
	border-bottom: 1px solid var(--xam-3);
	background: var(--xam-3);
	padding: 5px 0;
	font-size: 13px;
}
.dst_itop {
	display: block;
	float: right;
	margin-bottom: 0;
}

.dst_itop li {
	display: block;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid var(--xam-7);
}

.dst_itop li:first-child {
	padding-left: 0;
}

.dst_imtshow .dst_mheader {
	top: 25px;
	min-width: 210px;
}

.dst_mheader {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: 2;
	top: 47px;
	visibility: hidden;
	background: #fff;
	border: 1px solid var(--xam-6);
	border-radius: 4px;
	box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
	padding: 15px 15px;
	min-width: 100%;
}

.dst_imtshow {
	position: relative;
}

.dst_itop li.dst_imtshow:hover > span {
	cursor: pointer;
	color: var(--do-11);
}

.dst_mtop li.dst_mtshow:hover .dst_mheader, .dst_itop li.dst_imtshow:hover .dst_mheader {
	visibility: visible;
	z-index: 9;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dst_mheader::before, .dst_mheader::after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	left: 45%;
	border-bottom: 10px solid var(--xam-6);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.dst_imtshow .dst_mheader ul li {
	padding-right: 0;
}

.dst_mtop li.dst_mtshow li, .dst_imtshow .dst_mheader ul li {
	line-height: 1.6;
	display: block;
	vertical-align: middle;
	padding-left: 0;
	width: 100%;
	margin-bottom: 10px;
	border-right: 0 solid var(--xam-7);
}
.hkt-search {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 10px;
}

.hkt a:link, .hkt a:visited {
	text-decoration: none;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.hkt-search input {
	padding: 0 10px !important;
	height: 36px;
	border-radius: 3px;
	width: 100%;
	min-width: 230px;
	font-size: 14px;
}

.hkt-search .search-btn {
	position: absolute;
	right: 1px;
	top: 1px;
	cursor: pointer;
	padding: 0 15px;
	display: block;
	line-height: 34px;
	background: var(--xam-3);
	border-width: 0;
	border-left: 1px solid var(--xam-6);
}

.hot_tip {
	position: relative;
	float: left;
	width: 360px;
	margin: 10px 0;
}

.hkt-dot {
	width: 10px;
	height: 10px;
	background-color: var(--do-9);
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.hkt-dot .ping {
	border: 1px solid var(--do-9);
	width: 10px;
	height: 10px;
	opacity: 1;
	background-color: rgba(238,46,36,.2);
	border-radius: 100%;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-name: sonar;
	animation-name: sonar;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	display: block;
	margin: 0;
}

.header-right-inner{margin: 15px 0;}

.hot_tip .stexts {
	font-size: 13px;
	position: absolute;
	top: -7px;
	left: 15px;
}

.hot_tip h3 {
	display: none;
}

.hot_tip .stexts a {
	color: var(--do-11);
	font-size: 12px;
}

.header-right .micon-news {
	background-position: -43px -28px;
	margin: 0 5px 5px 0;
	width: 42px;
	height: 42px;
	float: left;
}

[class^="micon-"] {
	background-image: url(images/micon@2x.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	width: 24px;
	line-height: 24px;
	vertical-align: middle;
}
.header-right .news {
	width: 155px; /* trước 160px: cửa sổ 1200–1215px khung hẹp đi (.container max-width) thì khối Đăng nhập khỏi rơi xuống dòng 2 */
	line-height: 1.6;
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}


.box-cart-t a.cart-i, .box-cart-t a.cart-t {
	color: #fff;
}

.hkt-minicart {
	position: relative; width: 64px;
}

.hkt-minicart i {
	font-size: 28px;
	background-image: url(images/micon@2x.png);
	background-repeat: no-repeat;
	background-position: -85px -28px;
	margin: 0 16px 0 0;
	width: 42px;
	height: 42px;
	display: inline-block;
	line-height: 42px;
	vertical-align: middle;
}
.hkt-minicart a span.cart-text {
	padding-left: 20px;
	display: none;
}

.hkt-minicart .amount {
	display: none;
}
.hkt-minicart a span.count {
	font-size: 10px;
	background: var(--do-9);
	padding: 2px 3px 2px 3px;
	border-radius: 2px;
	min-width: 16px;
	text-align: center;
	color: #fff;
	line-height: 1;
	position: absolute;
	top: -2px;
	right: 2px;
}

@keyframes sonar{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}}

.login {
	width: 150px; font-size: 14px;
}

.login > a{color: var(--xam-12)}

.dst_mheader {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: 2;
	top: 47px;
	visibility: hidden;
	background: #fff;
	border: 1px solid var(--xam-6);
	border-radius: 4px;
	box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
	padding: 15px 15px;
	min-width: 190px;
}

.login ul li {
	line-height: 1.6;
	display: block;
	vertical-align: middle;
	padding-left: 0px;
	width: 100%;
	margin-bottom: 10px;
	border-right: 0px solid var(--xam-7);
}

.login ul li a.dst_login {
	background: #fdb825;
	width: 100%;
	text-transform: none;
	border: none;
	display: inline-block;
	color: #fff;
	text-align: center;
	padding: 5px 0;
}

.login:hover > span {
	cursor: pointer;
	color: var(--do-11);
}

.login:hover .dst_mheader {
	visibility: visible;
	z-index: 9;
	opacity: 1;
	filter: alpha(opacity=100);
}

.login i.fa-user {
	font-size: 24px;
	margin: 0 10px 5px 0px;
	width: 45px;
	height: 45px;
	float: left;
	color: var(--xam-11);
	border: 2px solid var(--xam-11);
	border-radius: 50%;
	padding: 7px 10px;
}


.tophotline{margin: 20px 0;}
.tophotline a {
	display: block;
	font-weight: 700;
	font-size: 18px;
	color: #239ece;
	line-height: 1.2;
}

.tophotline a span {
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
	margin-right: 10px;
	color: #000000;
}

.header{border-bottom: 1px solid var(--xam-3);}
.ads-home-midle{margin: 15px 0; text-align: center;}
.top-ads img, .ads-home-midle img{max-width: 100%; height: auto;}

.navbar{border: none; border-radius: 0px; margin-bottom: 0; min-height: 40px}
.home .navbar{margin-bottom: 20px}
.navbar-default{
	border-bottom: 1px solid var(--xam-3);
	background: var(--toi-1);
}
.navbar-default .navbar-nav > li > a{white-space: nowrap; color: #FFF; font-weight: 700;}
.navbar-default .current-post-ancestor,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li:hover, .current_page_ancestor{color: #FFF; background-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background: transparent; color: #FFF;}
.navbar-default .navbar-collapse{}
.dropdown:hover .dropdown-menu {display: block;}

.navbar-toggle{float: right; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; padding: 8px}
.navbar-collapse{border-top: none; padding: 0}
.form-control{border-radius: 0}

.single-product .navbar-default .navbar-nav > li.menu-item-17 > a{color: #FFF; background-color: var(--xam-12);}

/* ===== Menu danh mục (2026-10-17; includes/menu-danh-muc.php, mô tả ở SO-TAY 02) =====
   Thanh danh mục (máy tính, từ 768px), thay thanh Header Menu: nền đen, chữ trắng đậm 15px, cao 47px như thanh cũ (người dùng chốt);
   icon 24px màu theo chữ (từ 2026-10-17, trước 20px; cùng cỡ ở bảng điện thoại và ô chưa có ảnh), mỗi mục cao 37px. Kiểu vẽ (nét / tô đặc)
   ghi trong file icon nên ở đây không đặt fill, stroke. Rê chuột không đổi màu (người dùng chốt): chỉ mũi tên ⌄ của mục có con lật lên khi khung xổ
   mở. Các mục dàn đều hết bề ngang khung trang (icon mục đầu thẳng mép trái khung, chữ mục cuối thẳng mép phải); vừa khoảng 6 mục, nhiều
   hơn thì xuống hàng thứ 2 */
.menu-dm {position: relative; z-index: 60; background: var(--toi-1); border-bottom: 1px solid var(--xam-3);}
.home .menu-dm {margin-bottom: 20px;}
.menu-dm-ds {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -8px; padding: 4px 0 5px; list-style: none;}
.menu-dm-muc {position: relative; display: flex; align-items: center; min-height: 37px; color: var(--toi-12);}
.menu-dm-link {display: flex; align-items: center; align-self: stretch; gap: 6px; padding: 0 8px; color: inherit; font-size: 15px; line-height: 20px; font-weight: 700; white-space: nowrap;}
.menu-dm-link:hover, .menu-dm-link:focus {color: inherit; text-decoration: none;}
.menu-dm-co-con > .menu-dm-link {padding-right: 2px;}
.menu-dm-icon {flex: none; width: 24px; height: 24px;}
.menu-dm-mo {display: flex; align-items: center; align-self: stretch; padding: 0 8px 0 2px; border: 0; background: none; color: inherit; cursor: pointer;}
.menu-dm-mo svg {display: block; width: 14px; height: 14px; transition: transform .2s;}
.menu-dm-link:focus, .menu-dm-mo:focus {outline: none;}
.menu-dm-link:focus-visible, .menu-dm-mo:focus-visible {outline: 2px solid var(--toi-12); outline-offset: -2px; border-radius: 6px;}

/* Khung xổ của mục có con (như thegioididong.com): trắng, bo 8px, đổ bóng; các nhóm (cấp 2) chia tối đa 2 cột (--n), mỗi nhóm tiêu đề đậm
   + "Xem tất cả ›" xám, dưới là các ô (cấp 3) rộng 80px: ảnh 40px, tên 12px tối đa 2 dòng; mỗi hàng tối đa 6 ô (màn 980–1199px 5 ô,
   768–979px 4 ô). Khung ngay dưới thanh, mép trái thẳng mục; js/menu-dm-khung.js đẩy sang trái khi tràn mép phải khung trang. Lề trên 5px
   trong suốt của .menu-dm-khung nối mục với khung nên rê chuột từ mục xuống khung không bị đóng. Mở bằng rê chuột (máy có chuột) hoặc lớp mo
   (nút ⌄, chạm tay; JS); Esc khi đang rê chuột thêm lớp tat (ẩn tới khi chuột rời mục) */
.menu-dm-khung {display: none; position: absolute; top: 100%; left: 0; z-index: 1000; width: max-content; max-width: 1170px; padding-top: 5px;}
.menu-dm-muc.mo > .menu-dm-khung {display: block;}
.menu-dm-muc.mo .menu-dm-mo svg {transform: rotate(180deg);}
@media (hover: hover) {
	.menu-dm-co-con:hover > .menu-dm-khung {display: block;}
	.menu-dm-co-con:hover .menu-dm-mo svg {transform: rotate(180deg);}
}
.menu-dm-co-con.tat > .menu-dm-khung {display: none;}
.menu-dm-co-con.tat .menu-dm-mo svg {transform: none;}
.menu-dm-khung-trong {max-height: min(500px, calc(100vh - 190px)); overflow-y: auto; overscroll-behavior: contain; padding: 16px; background: #fff; border-radius: 8px;
	box-shadow: 0 10px 24px rgba(16, 24, 40, .14), 0 2px 6px rgba(16, 24, 40, .08); color: var(--xam-12); animation: menu-dm-hien .15s ease-out;}
@keyframes menu-dm-hien {from {opacity: 0; transform: translateY(-4px);}}
.menu-dm-nhom-ds {display: grid; grid-template-columns: repeat(var(--n, 1), max-content); gap: 16px 32px;}
.menu-dm-nhom-dau {display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 8px; color: var(--xam-12); font-size: 14px; line-height: 21px; font-weight: 700;}
.menu-dm-xem {flex: none; color: var(--xam-11); font-size: 12px; line-height: 18px; font-weight: 400; white-space: nowrap;}
.menu-dm-xem:hover, .menu-dm-xem:focus {color: var(--do-11); text-decoration: none;}
.menu-dm-o-ds {display: flex; flex-wrap: wrap; gap: 4px; max-width: 500px; margin: 0; padding: 0; list-style: none;}
.menu-dm-o-ds > li {flex: none; width: 80px;}
.menu-dm-o {display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; border-radius: 12px; color: var(--xam-12); text-align: center;}
.menu-dm-o:hover, .menu-dm-o:focus {background: var(--xam-3); color: var(--do-11); text-decoration: none;}
.menu-dm-o img {display: block; flex: none; width: 40px; height: 40px; object-fit: contain;}
.menu-dm-o-trong {display: flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; background: var(--xam-3); color: var(--xam-9);}
.menu-dm-o-ten {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; height: 31px; font-size: 12px; line-height: 15.5px;}
@media (prefers-reduced-motion: reduce) {
	.menu-dm-khung-trong {animation: none;}
}
/* Màn 980–1199px: 6 mục vừa 1 hàng nhờ lề trong 6px (đo lại 2026-10-17 với icon 24px: cần 909px, có 947px ở màn 980px kể cả thanh cuộn
   15px của Windows; mỗi mục có con rộng thêm 18px nên tối đa 2 mục có con) */
@media (min-width: 980px) and (max-width: 1199px) {
	.menu-dm-ds {margin: 0 -6px;}
	.menu-dm-link {padding: 0 6px;}
	.menu-dm-co-con > .menu-dm-link {padding-right: 2px;}
	.menu-dm-mo {padding-right: 6px;}
	.menu-dm-khung {max-width: 950px;}
	.menu-dm-o-ds {max-width: 416px;}
}
/* Màn 768–979px: 6 mục chia đều 1 hàng, chữ 13px, tên dài xuống 2 dòng */
@media (min-width: 768px) and (max-width: 979px) {
	.menu-dm-ds {flex-wrap: nowrap; margin: 0 -4px;}
	.menu-dm-muc {flex: 1 1 0; min-width: 0; justify-content: center;}
	.menu-dm-link {gap: 4px; padding: 0 4px; font-size: 13px; line-height: 16px; white-space: normal;}
	.menu-dm-khung {max-width: 730px;}
	.menu-dm-o-ds {max-width: 332px;}
}

/* Điện thoại: nút ☰ MENU ở thanh đen đầu trang (chỗ nút ☰ cũ), mở bảng menu */
.menu-dm-nut-dt {display: none;}
@media (max-width: 767px) {
	.menu-dm-nut-dt {position: absolute; top: 8px; right: 8px; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
		width: 40px; height: 36px; padding: 0; border: 0; background: transparent; color: var(--toi-12);}
	.menu-dm-nut-dt:focus {outline: none;}
	.menu-dm-nut-dt:focus-visible {outline: 2px solid var(--toi-12); outline-offset: 0; border-radius: 4px;}
	.menu-dm-nut-gach {display: block; width: 20px; height: 2px; margin: 6px 0 4px; border-radius: 1px; background: currentColor; box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;}
	.menu-dm-nut-chu {font-size: 9px; line-height: 9px; font-weight: 700; letter-spacing: .5px;}
}
/* Ô tìm kiếm đầu trang dài theo màn hình (2026-10-23, phương án A + C người dùng duyệt, demo ở backups/anh-chup/2026-10-23-demo-o-tim-kiem/).
   Điện thoại (dưới 768px, phương án A): ô kéo tới cách nút MENU 10px, thanh đen vẫn cao 52px (trước ô rộng cố định 230px, chỉ màn dưới 352px
   mới co lại cho khỏi che nút). .header-center (absolute, left 60px) chừa 48px bên phải = nút MENU rộng 40px + cách mép phải 8px; lề trong
   10px của cột thành khoảng cách ô - nút (375px: ô 247px; nút ☰ cũ, khi chưa có Menu danh mục, cách ô 13px). Dùng #header để thắng quy tắc
   .header-center ở mục điện thoại cuối file */
@media (max-width: 767px) {
	#header .header-center {width: auto; right: 48px;}
	#header .hkt-search input {min-width: 0;}
}
/* Màn 768–979px (iPad dọc, phương án C): hàng đầu trang thành flex, logo và khối Đăng nhập + giỏ rộng theo nội dung, giữ nguyên chỗ; ô tìm
   kiếm lấp khoảng giữa (768, 820px: ô 266px; trước 230px vì mỗi cột chỉ rộng 1/3 hàng). Từ 980px như cũ */
@media (min-width: 768px) and (max-width: 979px) {
	#header .row-header {display: flex; align-items: flex-start;}
	#header .header-logo, #header .header-right {flex: none; width: auto; float: none;}
	#header .header-center {flex: 1 1 auto; width: auto; float: none; min-width: 0;}
	#header .hkt-search input {min-width: 0;}
}

/* Bảng menu điện thoại (dưới 768px): toàn màn hình, trượt từ trái vào. Đầu bảng "Danh mục sản phẩm" + nút ×. Cột trái 100px nền xám: mục
   cấp 1 (icon trên chữ; mục đang chọn nền trắng, vạch trái đỏ, chữ đỏ đậm); cột phải trắng: "Xem tất cả <tên>" rồi các nhóm, mỗi nhóm lưới
   3 ô (ảnh 52px nền xám, tên tối đa 2 dòng). Chưa mục nào có con (lớp mot-cot): 1 cột danh sách icon + tên + › (người dùng chốt) */
.menu-dm-bang {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100002; display: flex; flex-direction: column;
	padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left); background: var(--xam-3); color: var(--xam-12); font-size: 12px;
	transform: translateX(-100%); transition: transform .2s ease-out;}
.menu-dm-bang.mo {transform: none;}
.menu-dm-bang[hidden] {display: none;}
html.menu-dm-khoa, html.menu-dm-khoa body {overflow: hidden !important;}
.menu-dm-bang-dau {flex: none; display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 12px; background: #fff;}
.menu-dm-bang-ten {margin: 0; color: var(--xam-12); font-size: 15px; line-height: 20px; font-weight: 700;}
.menu-dm-dong {position: relative; flex: none; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; background: var(--xam-4);}
.menu-dm-dong::before, .menu-dm-dong::after {content: ""; position: absolute; left: 8px; top: 14px; width: 14px; height: 2px; border-radius: 1px; background: var(--xam-11); transform: rotate(45deg);}
.menu-dm-dong::after {transform: rotate(-45deg);}
.menu-dm-bang-than {flex: 1; min-height: 0; display: flex; gap: 8px;}
.menu-dm-trai {flex: none; width: 100px; margin: 0; padding: 0 0 env(safe-area-inset-bottom); list-style: none; overflow-y: auto; overscroll-behavior: contain; background: var(--xam-4);}
.menu-dm-trai li + li .menu-dm-trai-muc {border-top: 1px solid var(--xam-6);}
.menu-dm-trai-muc {display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; padding: 12px 6px 12px 3px; border: 0; border-left: 3px solid transparent;
	background: none; color: var(--xam-12); font-size: 12px; line-height: 16px; text-align: center;}
.menu-dm-trai-muc:hover, .menu-dm-trai-muc:focus {color: var(--xam-12); text-decoration: none;}
.menu-dm-trai-muc.dang-chon {background: #fff; border-left-color: var(--do-9); color: var(--do-11); font-weight: 700;}
.menu-dm-trai li:first-child .menu-dm-trai-muc.dang-chon {border-top-right-radius: 8px;}
.menu-dm-phai {flex: 1; min-width: 0; margin-top: 8px; padding: 10px 8px calc(24px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain;
	background: #fff; border-radius: 8px 0 0 0;}
.menu-dm-tat-ca {display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 34px; margin: 0 0 14px; padding: 6px 10px; border-radius: 6px;
	background: var(--do-2); color: var(--do-11); font-size: 13px; line-height: 18px; font-weight: 700;}
.menu-dm-tat-ca:hover, .menu-dm-tat-ca:focus {color: var(--do-11); text-decoration: none;}
.menu-dm-phai .menu-dm-nhom-ds {display: block;}
.menu-dm-phai .menu-dm-nhom + .menu-dm-nhom {margin-top: 14px;}
.menu-dm-phai .menu-dm-nhom-dau {margin: 0 0 6px; font-size: 13px; line-height: 18px;}
.menu-dm-phai .menu-dm-o-ds {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: none;}
.menu-dm-phai .menu-dm-o-ds > li {width: auto;}
.menu-dm-phai .menu-dm-o {gap: 6px; padding: 4px 2px; border-radius: 8px;}
.menu-dm-phai .menu-dm-o img, .menu-dm-phai .menu-dm-o-trong {box-sizing: border-box; width: 52px; height: 52px; padding: 2px; border-radius: 8px; background: var(--xam-3);}
.menu-dm-phai .menu-dm-o-ten {height: 36px; line-height: 18px;}
.menu-dm-bang.mot-cot .menu-dm-bang-than {display: block; overflow-y: auto; overscroll-behavior: contain; background: #fff;}
.menu-dm-bang.mot-cot .menu-dm-trai {width: auto; overflow: visible; background: #fff;}
.menu-dm-bang.mot-cot .menu-dm-trai li + li .menu-dm-trai-muc {border-top-color: var(--xam-4);}
.menu-dm-bang.mot-cot .menu-dm-trai-muc {flex-direction: row; gap: 12px; min-height: 52px; padding: 0 16px; border-left: 0; color: var(--xam-12); font-size: 15px; line-height: 20px; text-align: left;}
.menu-dm-bang.mot-cot .menu-dm-trai-muc::after {content: ""; flex: none; width: 8px; height: 8px; margin-left: auto; border: solid var(--xam-9); border-width: 2px 2px 0 0; transform: rotate(45deg);}
@media (min-width: 768px) {
	.menu-dm-bang {display: none !important;}
}
@media (prefers-reduced-motion: reduce) {
	.menu-dm-bang {transition: none;}
}

/*Dropdown menus*/

#mobile-menu .dropdown-menu > li > a{border-bottom: none;}
.dropdown:hover .dropdown-menu { display: block; background-color: var(--xam-1); box-shadow: none; font-size: 15px;}
.dropdown-menu > li > a{padding: 10px 15px; color: var(--xam-12); border-bottom: 1px solid var(--xam-4); font-size: 13px; font-weight: 700;}
.dropdown-menu > li > a:hover{color: var(--xam-12); background: var(--xam-2);}
.dropdown-menu > li:last-child > a{border-bottom: none;}
.dropdown .dropdown-menu{background-color: var(--xam-1); border: none; min-width: 200px; padding: 0; border-radius: 0; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background-color: var(--xam-12)}

.dropdown .dropdown-menu .dropdown,
.dropdown .dropdown-menu .dropdown:hover a{background-image: url('images/bullet.png'); background-repeat: no-repeat; background-position: 95% center; color: var(--xam-12)}
.dropdown .dropdown-menu .dropdown:hover{background-color: var(--xam-2); }
.dropdown .dropdown-menu .dropdown:hover ul li a{background-image: none;}
.dropdown .dropdown-menu .dropdown .dropdown-menu{
	background-color: var(--xam-3);
    border: 1px solid var(--xam-5);
    border-left: none;
    border-radius: 0;
    display: none;
    float: left;
    font-size: 13px;
    left: 100%;
    list-style: outside none none;
    margin: 0;
    min-width: 220px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1000;
}

.dropdown .dropdown-menu .dropdown:hover .dropdown-menu{display: block;}
.dropdown .dropdown-menu .dropdown-menu li a{color: var(--xam-12); border-bottom: 1px solid var(--xam-4); background: var(--xam-2)}

#menu-item-17 ul{display: none;}

.navbar-categories .nav-title{background: #239ece; color: #FFF; padding: 12px 15px; font-weight: 700; display: block; width: 100%; cursor: pointer; border-radius: 3px 3px 0 0;}
.navbar-categories .nav-title .fa-bars{padding-right: 5px}
.navbar-categories .nav-title .fa-angle-double-down{padding-top: 5px}

.navbar-categories #menu-products-menu{display: block; position: absolute; top: 46px; background: var(--xam-2); z-index: 999}

.home .navbar-categories #menu-products-menu{display: block;}
.navbar-categories:hover #menu-products-menu{display: block;}

.navbar-categories #menu-products-menu li{display: block; border-bottom: 1px solid var(--xam-3); border-top: 1px solid #FFF; padding: 9px 10px; border-left: 3px solid var(--xam-3)}
.navbar-categories #menu-products-menu li a{font-weight: 700; color: var(--xam-11);}
.navbar-categories #menu-products-menu li a::after{font-family: FontAwesome; content: "\f054"; color: var(--xam-11); font-weight: normal; float: right; font-size: 11px;}
.navbar-categories #menu-products-menu li a:hover{color: #239ece}

/*Logo*/

.logo-text {
    margin: 30px 0; text-align: left;
}
.logo-text p {
    font-size: 13px;
}
.logo{margin: 25px 0; max-width: 210px;}

.logo-text #site-title{font-size: 20px; margin: 0;}

.navbar-brand a{display: block;}

.header .support{margin-top: 20px}
.header .support ul li{display: inline; float: left; margin-right: 10px; height: 40px; padding-top: 10px; color: var(--xam-11)}
.header .support ul li.chinh-hang{
	background: url("images/chinh-hang.png") no-repeat;
	padding-left: 50px
}
.header .support ul li.van-chuyen{
	background: url("images/van-chuyen.png") no-repeat;
	padding-left: 60px
}
.header .support ul li.mua-tra-gop{
	background: url("images/mua-tra-gop.png") no-repeat;
	padding-left: 60px
}

.header .support ul li .support-desc{display: none;}
.header .support ul li:hover .support-desc{
	display: block;
    top: 160%;
    position: absolute;
    border: 1px solid var(--xam-5);
    padding: 12px;
    z-index: 9999;
    background: var(--xam-2);
    width: 100%;
    color: var(--xam-12);
    text-align: center;
    left: 0%;
}

.header .support ul li .arrow {
    background: url("images/arrow2.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    top: -11px;
    height: 11px;
    left: -18%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.header .support ul li.chinh-hang .arrow {
    left: -45%;
}

.header .support ul li.mua-tra-gop .arrow {
    left: 15%;
}

#home-services {
	overflow: hidden;
	margin-bottom: 20px;
}

#home-services a {
	display: block;
	background: #239ece;
	color: #fff;
	float: left;
	width: 16.6666666667%;
	text-transform: uppercase;
	text-align: center;
	padding: 14px 10px;
	height: 65px;
	border-right: solid 1px #0467ba;
	font-size: 14px;
}

#home-services a:first-child {
	font-weight: 700;
	color: #ffe62a;
}

/*Search*/

/* Slider lớn trang chủ (widget VNThemes Sliders, includes/widgets/widget-slider.php; Owl Carousel ở js/bootstrap.min.js), kiểu
   cellphones.com.vn (2026-10-17). Ảnh + hàng chữ là 1 khối bo 12px (góc nhìn thấy trên cellphones cũng 12px; slider của mình
   773 × 360px, gần bằng slider cellphones 736 × 372px); điện thoại không có hàng chữ nên ảnh bo đủ 4 góc (lề: mục max-width 767px).
   overflow cắt 2 nút chuyển khi nút nấp ngoài mép ảnh; isolation để Safari cắt cả ảnh đang trượt (có transform) theo góc bo */
.hkt-slider-thumb {overflow: hidden; isolation: isolate; border-radius: 12px;}

.thumb-wrapper {
	position: relative;
	background: #fff;
	padding: 10px 0;
}

.thumb-wrapper .thumb-item {
	border-right: 1px solid var(--xam-4);
	padding: 0 5px;
	text-align: center;
	line-height: 1.4;
	font-size: 12px;
	margin-bottom: 0;
	height: 33px;
	cursor: pointer;
}

/* Chữ cuối không có vạch ngăn (vạch nằm sát mép phải khối bo góc) */
.thumb-wrapper .owl-item:last-child .thumb-item {border-right: 0;}

/* Chữ của slide đang chạy (lớp current do js/bootstrap.min.js gắn, đổi theo slide) đỏ, in đậm; máy có chuột: rê chuột vào chữ nào thì
   chữ đó đỏ (mục hover dưới). Bấm chữ là chuyển tới slide đó (js) */
.thumb-wrapper .thumb-item .slide-title {margin-bottom: 0; text-align: center; transition: color .2s;}
.thumb-wrapper .current .slide-title {font-weight: 700; color: var(--do-11);}

/* Nút chuyển (Owl, button.owl-prev / .owl-next): nửa tròn 30 × 60px, nền đen mờ 30% (rê chuột lên nút: 70%), mũi tên trắng nét mảnh
   24px vẽ bằng SVG; sát mép ảnh, giữa chiều cao ảnh (không tính hàng chữ: .owl-nav nằm trong .owl-carousel). Bình thường nấp ngoài
   mép (khối cắt đi), rê chuột vào ảnh hoặc focus bằng bàn phím thì trượt vào trong 0,3s; rê xuống hàng chữ thì ẩn (như cellphones;
   autoplay cũng chỉ dừng khi chuột ở trên ảnh). Chỉ máy có chuột; điện thoại, máy tính bảng không có nút, vuốt */
.slider-wrapper .owl-nav {display: none;}

@media (hover: hover) {
	.thumb-wrapper .thumb-item:hover .slide-title {color: var(--do-11);}

	.slider-wrapper .owl-nav {display: block;}
	.slider-wrapper .owl-nav .owl-prev,
	.slider-wrapper .owl-nav .owl-next {position: absolute; top: 50%; z-index: 2; width: 30px; height: 60px; margin-top: -30px; padding: 0; background: rgba(0, 0, 0, .3) no-repeat; background-size: 24px 24px; border: 0; transition: transform .3s, background-color .3s;}
	.slider-wrapper .owl-nav .owl-prev {left: 0; border-radius: 0 30px 30px 0; transform: translateX(-100%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 5 8.5 12l7 7'/%3E%3C/svg%3E"); background-position: 1px 50%;}
	.slider-wrapper .owl-nav .owl-next {right: 0; border-radius: 30px 0 0 30px; transform: translateX(100%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 5l7 7-7 7'/%3E%3C/svg%3E"); background-position: right 1px top 50%;}
	.slider-wrapper:hover .owl-nav .owl-prev,
	.slider-wrapper:hover .owl-nav .owl-next,
	.slider-wrapper .owl-nav .owl-prev:focus-visible,
	.slider-wrapper .owl-nav .owl-next:focus-visible {transform: none;}
	.slider-wrapper .owl-nav .owl-prev:hover,
	.slider-wrapper .owl-nav .owl-next:hover {background-color: rgba(0, 0, 0, .7);}
	.slider-wrapper .owl-nav .owl-prev:focus-visible,
	.slider-wrapper .owl-nav .owl-next:focus-visible {outline: 2px solid #fff; outline-offset: -4px;}
}

@media (prefers-reduced-motion: reduce) {
	.slider-wrapper .owl-nav .owl-prev,
	.slider-wrapper .owl-nav .owl-next {transition: none;}
}

/*---=== Home ===---*/
.slider .kc_single_image {
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 140px;
}
.item-list {
	overflow: hidden;
	clear: both;
}
.item-list .post-thumbnail {
	max-width: 80px;
	float: left;
	margin-right: 15px;
}
.slider .hkt-posts {background: #fff;padding: 0 15px 5px 15px; position: relative;}
.slider .hkt-posts .cat-box-title h2 {border: none;margin: 0;padding: 10px 0 12px;line-height: 1;}
.slider .cat-box-title h2 span {
    background: none;
    font-size: 15px;
    font-weight: 700;
    color: var(--do-11);
    padding: 0;
    line-height: 1;
    text-transform: uppercase;
}
.slider .hkt-posts .view-all {top: 10px;right: 15px;font-size: 12px;color: #18487a;}
.slider .item-list .post-thumbnail {max-width: 100px;margin-right: 10px;border-radius: 3px;}
.slider .item-list .post-box-title a {
    margin-bottom: 4px;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 39px;
    font-size: 13px;
}

/* Tin mới nhất ở cột phải trang chủ (div.col-md-4.slider, homepage.php), từ 992px: cột phải luôn cao bằng slider lớn (2026-10-19,
   phương án 2 người dùng duyệt demo; trước khối tin thò dưới slider 38px ở 992–1199px, 7px từ 1200px). Hàng trong #slideshowwrap là
   flex, cột phải contain: size để không tự quyết chiều cao (cao theo cột slider). Banner vùng Top Banner giữ nguyên; khối tin lấp phần
   còn lại, 2 bài chia đều chiều cao, ảnh bài 3:2 co theo (cắt vừa khung), tên bài tối đa 2 dòng, dư thì "…" */
@media (min-width: 992px) {
	#slideshowwrap > .container > .row {display: flex;}
	#slideshowwrap > .container > .row > .col-md-8 {float: none;}
	.col-md-4.slider {float: none; contain: size; display: flex; flex-direction: column;}
	.col-md-4.slider > .textwidget {flex: none;}
	.col-md-4.slider .hkt-posts {flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding-bottom: 10px;}
	.col-md-4.slider .cat-box-title {flex: none;}
	.col-md-4.slider .hkt-posts-inner {flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 10px;}
	.col-md-4.slider .post-item {flex: 1 1 0; min-height: 0; display: flex;}
	.col-md-4.slider .post-item .recent-item {flex: 1 1 auto; display: flex; margin: 0; min-width: 0;}
	.col-md-4.slider .post-thumbnail {float: none; flex: none; height: 100%; aspect-ratio: 3 / 2; overflow: hidden;}
	.col-md-4.slider .post-thumbnail a {display: block; height: 100%;}
	.col-md-4.slider .post-thumbnail img {width: 100%; height: 100%; object-fit: cover;}
	.col-md-4.slider .entry {flex: 1 1 auto; min-width: 0; overflow: hidden;}
	.col-md-4.slider .post-box-title {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-4.slider .post-box-title {font-size: 13px; line-height: 18px;}
	.col-md-4.slider .post-box-title a {font-size: 13px; display: inline; height: auto; margin: 0; line-height: inherit;}
	.col-md-4.slider .post-info {font-size: 12px; line-height: 16px; margin-top: 2px;}
}

/* Tin mới nhất cuối trang (homepage.php, div.tin-cuoi-trang) ở màn 768–991px (2026-10-19; cột phải chứa khối tin bị ẩn ở cỡ màn này):
   cùng kiểu khối tin ở cột phải (.slider ngay trên và .slider .hkt-posts .view-all ở mục sau: khung trắng, tiêu đề đỏ chữ hoa, "Xem tất
   cả" góc trên phải, ảnh 100px, tên 2 dòng). Khung phải có position: relative, không thì "Xem tất cả" (absolute) chạy lên đầu trang.
   Điện thoại giữ kiểu riêng (mục @media (max-width: 767px) lớn, chỗ .heading-title) */
@media (min-width: 768px) and (max-width: 991px) {
	.tin-cuoi-trang .hkt-posts {position: relative; margin-bottom: 20px; padding: 0 15px 5px; background: #fff;}
	.tin-cuoi-trang .hkt-posts .cat-box-title h2 {margin: 0; padding: 10px 0 12px; border: none; line-height: 1;}
	.tin-cuoi-trang .cat-box-title h2 span {padding: 0; background: none; color: var(--do-11); font-size: 15px; font-weight: 700; line-height: 1; text-transform: uppercase;}
	.tin-cuoi-trang .hkt-posts .view-all {top: 10px; right: 15px; color: #000; font-size: 12px;}
	.tin-cuoi-trang .item-list .post-thumbnail {max-width: 100px; margin-right: 10px; border-radius: 3px;}
	.tin-cuoi-trang .item-list .post-box-title a {display: -webkit-box; height: 39px; margin-bottom: 4px; overflow: hidden; font-size: 13px; line-height: 1.6; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.tin-cuoi-trang span.thetime {margin-top: -2px;}
}

div.post-info > span, .widget .vertical-small .post-info > span {
	margin-right: 5px;
	font-size: 12px;
}
.slider span.thetime {margin-top: -2px;}
.slider .hkt-posts .clear-30 {height: 0;}

.xuhuong .kc_single_image {background-color: #fff;}
.xuhuong .kc_single_image>a:before {
    content: '';
    position: absolute;
    z-index: 1;
    border: 5px solid #fff;
    border-radius: 50%;
    padding: 7px 11px;
    width: 50px;
    height: 50px;
    left: 40%;
    top: 31%;
    opacity: .6;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.xuhuong .kc_single_image>a:after {
    content: '';
    border-left: 26px solid #fff;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    left: 45%;
    top: 39%;
    opacity: .6;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.xuhuong .kc_single_image>a:hover:before, .xuhuong .kc_single_image>a:hover:after {
    opacity: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.xuhuong .kc_single_image p {
    margin-top: 0;
    width: 100%;
    text-align: justify;
    font-size: 13px;
    line-height: 1.4;
    padding: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#homevideos {margin-bottom: 20px;}

.video-item {
	max-width: 100%;
	width: 100%;
	line-height: 0; position: relative; background-color: #fff; overflow: hidden;
}

.video-item > a {
	width: 100%;
	float: left;
	position: relative;
}

.video-item > a::before {
	content: '';
	position: absolute;
	z-index: 1;
	border: 5px solid #fff;
	border-radius: 50%;
	padding: 7px 11px;
	width: 50px;
	height: 50px;
	left: 40%;
	top: 31%;
	opacity: .6;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}

.video-item > a::after {
	content: '';
	border-left: 26px solid #fff;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	position: absolute;
	left: 45%;
	top: 39%;
	opacity: .6;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}

.video-item > a:hover::before, .video-item > a:hover::after {
	opacity: 1;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.video-item p {
	margin-top: 0;
	width: 100%;
	text-align: justify;
	font-size: 13px;
	line-height: 1.4;
	padding: 5px 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 10px 0;
	float: left;
	width: 100%;
}


.recent-item {
	background-color: #fff;
	margin-bottom: 15px;
	position: relative;
}

#homebanners{margin-bottom: 20px;}

.banner-item .post-thumbnail img {
	border-radius: 10px;
}

.banner-item .entry {
	padding: 10px;
}

.post-tooltip a.product-title{font-size: 16px; font-weight: bold;}
.promotion-title{font-weight: bold;}

.banner-item .post-box-title a {
	display: block;
	width: 100%;
	color: var(--xam-11);
	font-size: 16px;
	text-decoration: none;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px; font-weight: bold;
}

.banner-item .product-subtitle {
	display: block;
	width: 100%;
	font-size: 85%;
}

.banner-item .price {
	line-height: 22px;
	height: 22px;
	font-size: 18px;
	color: #239ece;
}

.hkt-product-hidden {
	border-radius: 10px;
}

.hkt-product-hidden {
	position: absolute;
	z-index: 9;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	-webkit-box-shadow: 2px 2px 1px 0 rgba(211,211,211,.75);
	-moz-box-shadow: 2px 2px 1px 0 rgba(211,211,211,.75);
	box-shadow: 2px 2px 1px 0 rgba(211,211,211,.75);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden; /* chữ dài hơn ô thì cắt bớt, không tràn xuống khối dưới (2026-10-19; màn 768–1199px ô thấp hơn chữ) */
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	-o-transition-duration: .7s;
	transition-duration: .7s;
	-ms-opacity: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	pointer-events: none;
}

/* Khung chữ chỉ hiện khi rê chuột (2026-10-19): máy cảm ứng (iPad) chạm là mở link banner, không hiện khung rồi kẹt lại */
@media (hover: hover) {
	.recent-item.change-des:hover .hkt-product-hidden {
		opacity: 1;
	}
}

.hkt-product-hidden ul {
	font-size: 12px;
	list-style-type: none;
}

.hkt-product-hidden ul {
	margin: 0;
	font-size: 12px;
	padding-bottom: 5px;
	padding-left: 0;
	list-style-type: none;
}

.category-title {
	display: block;
	height: 36px;
	background: var(--xam-2);
	width: 100%;
	position: relative; margin: 20px 0; padding: 5px 20px; border-left: 3px solid var(--do-9)
}

.category-title h1{margin: 0; text-transform: uppercase; font-size: 16px;}

/* Đầu trang danh mục sản phẩm (taxonomy-product-category.php, làm lại 2026-10-16 theo bản demo người dùng duyệt): khung tiêu đề H1,
   dải banner, thanh "Sắp xếp theo", lưới sản phẩm. Khung tiêu đề cách thanh đường dẫn 12px (từ 2026-10-17, phương án B người dùng duyệt
   bằng demo; trước 36px = 20px của #pathway + lề trên 16px của khung): khung không có lề trên, #pathway riêng ở trang danh mục lề dưới
   12px (trang khác vẫn 20px); cách banner 16px (14px + lề trên 2px của dải). Chữ đứng như khung cao cố định 36px trước đây (điện thoại
   chữ 20px, dòng cao 30px: 5 + 30 + 1 = 36px), nhưng tên dài xuống dòng thì khung cao theo */
.category-title.tieu-de-dm {height: auto; min-height: 36px; margin: 0 0 14px; padding-bottom: 1px;}
body.tax-product-category #pathway {margin-bottom: 12px;}

/* Mũi tên tròn của các khối trượt ngang, dùng chung (2026-10-23, kiểu nút đã chốt ở khối "Tin liên quan" trang danh mục, demo bản 2
   "mũi tên banner"): dải banner đầu trang danh mục (.dai-banner-nut, js/dai-banner.js), khối sản phẩm trượt [san-pham kieu="truot"]
   (.khoi-sp-nut) và khối "Tin liên quan" ở trang danh mục (.tlq-nut) (2 khối sau: js/khoi-san-pham.js). Tròn trắng 32px, không viền,
   bóng, mũi tên #333 12px, rê lên nút thì đỏ. Chỉ hiện khi rê chuột vào khung của khối (máy có chuột) hoặc khi Tab tới nút (viền đỏ),
   hiện / ẩn mờ dần 0,2 giây; màn cảm ứng không thấy nút, vuốt để chuyển. Lúc chưa hiện: trong suốt, không nhận chuột / chạm (bấm vào
   chỗ đó là bấm banner, thẻ bên dưới); không dùng visibility: hidden vì nút ẩn kiểu đó phím Tab bỏ qua, không Tab tới được. js ẩn hẳn
   nút (thuộc tính hidden) khi đã ở đầu / cuối hoặc đủ chỗ hiện hết. Vị trí (top, margin-top, left, right) và chỗ bỏ nút trên điện
   thoại đặt ở mục từng khối, phải đứng sau mục này */
.dai-banner-nut, .khoi-sp-nut, .tlq-dm .tlq-nut {position: absolute; z-index: 3; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: var(--xam-12); font-size: 12px; line-height: 1; background: #fff; border: 0; border-radius: 50%; box-shadow: 0 3px 8px rgba(0, 0, 0, .2); cursor: pointer; opacity: 0; pointer-events: none; transition: opacity .2s, color .2s;}
.dai-banner-nut[hidden], .khoi-sp-nut[hidden], .tlq-dm .tlq-nut[hidden] {display: none;}
.dai-banner-nut:hover, .khoi-sp-nut:hover, .tlq-dm .tlq-nut:hover {color: var(--do-11);}
.dai-banner-nut:focus, .khoi-sp-nut:focus, .tlq-dm .tlq-nut:focus {outline: none;}
.dai-banner-nut:focus-visible, .khoi-sp-nut:focus-visible, .tlq-dm .tlq-nut:focus-visible {opacity: 1; pointer-events: auto; outline: 2px solid var(--do-8); outline-offset: 2px;}
@media (hover: hover) {
	.dai-banner-khung:hover .dai-banner-nut, .khoi-sp-khung:hover .khoi-sp-nut, .tlq-dm .tlq-khung:hover .tlq-nut {opacity: 1; pointer-events: auto;}
}

/* Dải banner đầu trang danh mục (ratings_dai_banner(), includes/widgets/widget-cat-slider.php; trượt: js/dai-banner.js), kiểu
   CellphoneS. Banner tỉ lệ 595:100 (ảnh chuẩn 580 × 98px), bo 10px, bóng nhẹ, ảnh phủ kín khung (lệch tỉ lệ thì cắt bớt). Máy tính
   (từ 768px) mỗi lần 2 banner cách nhau 12px (màn từ 1200px: 577 × 97px); điện thoại mỗi banner rộng 86%, lộ mép banner sau (375px:
   293 × 49px), cách nhau 10px.
   Danh sách cuộn ngang, mỗi banner là một điểm dừng (scroll-snap); lề 2px 2px 10px chừa chỗ cho bóng, hàng chấm nằm ngay dưới (cách
   banner 10px). Danh sách là mốc vị trí của banner (js đo). Thanh cuộn chỉ ẩn khi js đã chạy (lớp da-chay); đang kéo chuột (lớp
   dang-keo) thì tắt điểm dừng để kéo mượt */
.dai-banner-khung {position: relative;}
.dai-banner-ds {position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 12px) / 2); gap: 12px; margin: 0; padding: 2px 2px 10px; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding: 0 2px;}
.dai-banner-ds > li {margin: 0; scroll-snap-align: start;}
.dai-banner-o {display: block; overflow: hidden; aspect-ratio: 595 / 100; background: var(--xam-3); border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, .12);}
.dai-banner-o img {display: block; width: 100%; height: 100%; object-fit: cover;}
.dai-banner-ds:focus {outline: none;}
.dai-banner-ds:focus-visible {outline: 2px solid var(--do-8); outline-offset: -2px;}
.dai-banner.da-chay .dai-banner-ds {scrollbar-width: none;}
.dai-banner.da-chay .dai-banner-ds::-webkit-scrollbar {display: none;}
.dai-banner.dang-keo .dai-banner-ds {scroll-snap-type: none; cursor: grabbing; user-select: none;}
.dai-banner.dang-keo .dai-banner-ds a {cursor: grabbing;}
/* Mũi tên (chỉ máy tính; kiểu nút, lúc hiện: mục "Mũi tên tròn của các khối trượt ngang" ngay trước mục này, từ 2026-10-23 chỉ hiện
   khi rê chuột vào dải hoặc Tab tới nút, trước luôn hiện): tâm ở mép banner, giữa chiều cao banner (danh sách có lề trên 2px, dưới 10px
   nên lùi lên 4px) */
.dai-banner-nut {top: 50%; margin-top: -20px;}
.dai-banner-truoc {left: -14px;}
.dai-banner-sau {right: -14px;}
/* Hàng chấm: mỗi chấm một trang; chấm xám 8 × 4px, trang đang xem là vạch đỏ dài 22px; vùng bấm rộng hơn chấm (::after) */
.dai-banner-cham {display: flex; justify-content: center; gap: 6px;}
.dai-banner-cham[hidden] {display: none;}
.dai-banner-cham button {position: relative; width: 8px; height: 4px; padding: 0; background: var(--xam-6); border: 0; border-radius: 2px; cursor: pointer; transition: width .2s, background-color .2s;}
.dai-banner-cham button::after {content: ""; position: absolute; top: -6px; right: -3px; bottom: -6px; left: -3px;}
.dai-banner-cham button[aria-current="true"] {width: 22px; background: var(--do-9);}
.dai-banner-cham button:focus {outline: none;}
.dai-banner-cham button:focus-visible {outline: 2px solid var(--do-8); outline-offset: 2px;}
@media (max-width: 767px) {
	.dai-banner-ds {grid-auto-columns: 86%; gap: 10px;}
	.dai-banner-nut {display: none;}
}

/* Chọn loại sản phẩm (2026-10-24, demo người dùng duyệt: backups/anh-chup/2026-10-24-demo-chon-loai-san-pham/; ratings_chon_loai_dm(),
   includes/chon-loai.php): ngay dưới dải banner, trên dải "Lọc theo". Tiêu đề 20px đậm; các ô 128 × 120px nền xám bo 16px, ảnh (ô Ảnh
   danh mục) co vừa khung 56 × 56px, chưa có ảnh thì khung trống giữ chỗ; tên tối đa 2 dòng, dư thì "…"; nhiều ô thì xuống hàng. Máy có
   chuột rê vào ô: nền đậm hơn, tên đỏ. Điện thoại (dưới 768px): ô 96 × 104px, 1 hàng vuốt ngang tới sát mép màn hình như hàng nút lọc.
   Khác demo: lề trên 10px (cách dải banner như dải lọc; không có dải banner thì gộp với lề dưới 14px của khung tiêu đề nên y như demo);
   kiểu focus riêng (không có thì a:focus của Bootstrap làm tên xanh, gạch chân), dùng bàn phím (Tab) thì viền đỏ */
.chon-loai {margin: 10px 0 6px;}
.chon-loai-tieu-de {margin: 0 0 12px; font-size: 20px; line-height: 28px; font-weight: 700; color: var(--xam-12);}
.chon-loai-ds {display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none;}
.chon-loai-ds li {margin: 0;}
.chon-loai-o {display: flex; flex-direction: column; align-items: center; width: 128px; height: 120px; padding: 18px 8px 0; background: var(--xam-3); border-radius: 16px; color: var(--xam-12); text-decoration: none; transition: background .2s, color .2s;}
.chon-loai-o:focus {color: var(--xam-12); text-decoration: none;}
.chon-loai-o:focus-visible {outline: 2px solid var(--do-8); outline-offset: 2px;}
.chon-loai-anh {display: flex; align-items: center; justify-content: center; width: 56px; height: 56px;}
.chon-loai-anh img {max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply;}
.chon-loai-ten {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; font-size: 13px; line-height: 17px; text-align: center;}
@media (hover: hover) {
	.chon-loai-o:hover {background: var(--xam-4); color: var(--do-11); text-decoration: none;}
}
@media (max-width: 767px) {
	.chon-loai-tieu-de {font-size: 16px; line-height: 24px; margin-bottom: 10px;}
	.chon-loai-ds {flex-wrap: nowrap; overflow-x: auto; gap: 8px; margin-right: -15px; padding-right: 15px; scrollbar-width: none;}
	.chon-loai-ds::-webkit-scrollbar {display: none;}
	.chon-loai-o {width: 96px; height: 104px; padding-top: 14px; border-radius: 12px;}
	.chon-loai-anh {width: 44px; height: 44px;}
	.chon-loai-ten {margin-top: 8px; font-size: 12px; line-height: 15px;}
}

/* Thanh "Sắp xếp theo" (ratings_product_sort_bar()): từ 2026-10-17 nằm bên phải dải lọc, sát mép phải lưới (css/bo-loc.css ghi đè lề);
   trước đó là hàng riêng ngay trên lưới, căn phải, trước 2026-10-16 nằm trong khung tiêu đề. Điện thoại như trước: chữ "Sắp xếp theo"
   một dòng riêng, các nút chia đều một hàng */
.product-sort {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin: 6px 0 7px;}
.product-sort-label {margin-right: 8px; font-size: 13px; font-weight: 700; color: var(--xam-12);}
.product-sort-buttons {display: flex; flex-wrap: wrap;}
.product-sort-btn {display: inline-flex; align-items: center; justify-content: center; height: 26px; margin-right: 6px; padding: 0 10px; background: #fff; border: 1px solid var(--xam-5); border-radius: 6px; color: var(--xam-12); font-size: 13px; line-height: 1; white-space: nowrap; transition: color .2s, border-color .2s, background-color .2s;}
.product-sort-btn:last-child {margin-right: 0;}
.product-sort-btn i {margin-right: 5px; font-size: 12px;}
.product-sort-btn:hover,
.product-sort-btn:focus {color: var(--do-11); border-color: var(--do-8); text-decoration: none;}
.product-sort-btn.active {color: var(--do-11); background: var(--do-3); border-color: var(--do-8); font-weight: 700;}
@media (max-width: 767px) {
	.product-sort,
	.product-sort-buttons {width: 100%;}
	.product-sort-label {width: 100%; margin: 0 0 4px;}
	.product-sort-btn {flex: 1 1 auto; height: 32px; margin: 0 6px 4px 0; padding: 0 8px; font-size: 12px;}
}

.related-post{margin-bottom: 20px;}

/* Bài giới thiệu ở cuối trang danh mục (taxonomy-product-category.php, includes/category-article.php). Chữ, danh sách, ảnh theo .entry-content như mô tả sản phẩm */
.category-article {position: relative; margin: 20px 0 0; padding: 20px; background: #fff; border: 1px solid rgba(0,0,0,.0784314);}
.category-article .category-article-body {margin-bottom: 0;}
.category-article-body > :first-child {margin-top: 0;}
.category-article-body > :last-child {margin-bottom: 0;}
.category-article-body p {margin: 0 0 12px;}
.category-article-body h2,
.category-article-body h3,
.category-article-body h4 {margin: 22px 0 10px; line-height: 1.4;}
.category-article-body h2 {font-size: 20px;}
.category-article-body h3 {font-size: 18px;}
.category-article-body h4 {font-size: 16px;}
.category-article-body th,
.category-article-body td {padding: 6px 10px; border: 1px solid var(--xam-5);}
.category-article-body th {background: var(--xam-2);}
.category-article-body iframe {display: block; max-width: 100%; margin: 15px auto;}
.category-article-body iframe[src*="youtube"] {width: 100%; height: auto; aspect-ratio: 16 / 9;}
/* Thu gọn nội dung dài (js/thu-gon.js): bài giới thiệu danh mục, phần Mô tả / Thông số ở trang sản phẩm (content-product.php).
   Script thêm lớp is-long khi phần .thu-gon-body cao hơn ngưỡng (mặc định 400px; khung có data-thu-gon-tu dùng ngưỡng đó),
   is-open khi bấm Đọc thêm */
.thu-gon {position: relative;}
.thu-gon .dtcvmodetail,
.thu-gon .dtchide {display: none;}
.thu-gon.is-long .thu-gon-body {max-height: 300px; overflow: hidden;}
/* Trang sản phẩm: thu còn 500px (ngưỡng 600px, data-thu-gon-tu ở content-product.php); trang danh mục giữ 300px */
.product-content.thu-gon.is-long .thu-gon-body {max-height: 500px;}
.thu-gon.is-long .dtcvmodetail {display: block;}
.thu-gon.is-long.is-open .thu-gon-body {max-height: none;}
.thu-gon.is-long.is-open .dtcvmodetail {display: none;}
.thu-gon.is-long.is-open .dtchide {display: block; position: static; height: auto; margin: 0; padding: 15px 0 0; background: none;}
@media (max-width: 767px) {
	.category-article {padding: 15px;}
	.category-article-body table {display: block; overflow-x: auto;} /* bảng rộng kéo ngang được */
}

.dtcvmodetail span, .dtchide span {
	cursor: pointer;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-size: 13px;
	color: var(--xam-12);
	background: #fff;
	border: solid 1px var(--xam-8);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.dtshow {
	height: auto !important;
	padding-bottom: 80px;
}

.dtcvmodetail, .dtchide {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 130px;
	padding-top: 85px;
	text-align: center;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.91)),color-stop(55%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
	cursor: pointer;
}

.dtchide {
	display: none;
}

.red {
    color: var(--do-11);
}

.topsocial-icons{position: absolute; right: 50px; top: 10px; font-size: 16px}
.topsocial-icons i{padding-right: 10px}

.support::before, .support::after {
    content: " ";
    display: table;
}
.support::after {
    clear: both;
}
.support .box-services {
    color: var(--xam-11);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    min-height: 50px;
}
.support .box-services:hover span {
    border: 1px solid #000;
}
.support .box-services:hover span i {
    color: #000;
}
.support .box-services:hover .media-body h3 {
    color: #000;
}
.support .box-services span {
    border: 1px solid var(--xam-6);
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    padding-left: 2px;
    position: relative;
    text-align: center;
    transition: box-shadow 0.2s ease 0s;
    width: 40px;
    z-index: 1;
}
.support .box-services span i {
    color: var(--xam-11);
    font-size: 15px;
}
.support .box-services .media-body {
    padding-left: 10px;
}
.support .box-services .media-body h3 {
    line-height: 20px;
    margin: 0; font-size: 12px; text-transform: uppercase;
}
.support .box-services .media-body small {
    font-size: 11px;
}

#slideshowwrap{margin-bottom: 20px}

.widget-product.classic .widget-title {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 15px;
    font-weight: 700;
    background: var(--toi-1);
    padding: 6px 15px;
    color: #FFF;
}

.widget-product{background: #FFF;}

.price.price-old{color: var(--xam-11) !important; text-decoration: line-through; }

.featurednews{margin-bottom: 40px;}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.hf-news-home-wrapper.hf-big {
	height: 350px;
}
.hf-news-home-wrapper {
	display: block;
}

.hf-news-home-wrapper .hf-title {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.hf-news-home-wrapper .hf-title .overlay {
	background: #000;
	z-index: 2;
	opacity: 0.25;
}

.hf-news-home-wrapper .hf-title .hf-group-info strong {
	font-size: 24px;
	color: #ffffff;
}

.hf-news-home-wrapper .hf-title .overlay::before {
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: scale(0, 1);
}

.hf-news-home-wrapper .hf-title:hover .overlay, .hf-news-home-wrapper .hf-title:focus .overlay {
	opacity: 0.3;
}

.hf-news-home-wrapper .hf-title .hf-group-info {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	color: #fff;
	padding: 40px;
}

.hf-news-home-wrapper .hf-title:hover .overlay::before, .hf-news-home-wrapper .hf-title:focus .overlay::before, .hf-news-home-wrapper .hf-title:hover .overlay::after, .hf-news-home-wrapper .hf-title:focus .overlay::after {
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
}



.hf-news-home-wrapper .hf-title .overlay::before, .hf-news-home-wrapper .hf-title .overlay::after {
	bottom: 21px;
	content: "";
	left: 21px;
	opacity: 0;
	position: absolute;
	right: 21px;
	top: 21px;
	transition: opacity .35s ease 0s, transform .35s ease 0s;
	z-index: 2;
}

.hf-news-home-wrapper .hf-title .overlay::after {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: scale(1, 0);
}

.nopadding {
	padding: 0;
}

.hf-news-home-wrapper.hf-small.hf-first {
	margin-bottom: 15px;
}

.hf-news-home-wrapper.hf-small {
	height: 167px;
	background-color: #ffffff;
}

.hf-news-home-wrapper {
	display: block;
}

.hf-news-home-wrapper.hf-small .hf-title {
	width: 165px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.hf-news-home-wrapper.hf-small .hf-group-info {
	padding-top: 10px;
	display: inline-block;
	float: right;
	width: calc(100% - 180px);
	padding-right: 15px;
}

.hf-news-home-wrapper.hf-small .hf-group-info .hf-datetime {
	display: block;
	color: var(--xam-9);
}
.hkt-posts .view-all {
	position: absolute;
	top: 5px;
	right: 5px;
	font-weight: 400;
	font-style: italic;
}
.slider .hkt-posts .view-all {
	top: 10px;
	right: 15px;
	font-size: 12px;
	color: #000;
}


#dot {
    width: 10px;
    height: 10px;
    background-color: var(--do-9);
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
}
#dot .ping {
    border: 1px solid var(--do-9);
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: rgba(238,46,36,.2);
    border-radius: 100%;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-name: sonar;
    animation-name: sonar;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block;
    margin: 0px 0 0 0px;
}
.hot_tip .stexts{
    font-size: 13px;
    color: var(--do-11);
    position: absolute;
    top: -7px;
    left: 15px;
}
.dst_hsp {
	padding-left: 15px;
	margin-top: 15px;
	background: transparent;
	padding-top: 10px;
	padding-bottom: 0px;
	overflow: hidden;
	display: block;
	width: 100%; margin-bottom: 20px;
}
.title_sp_home a {
	margin-left: 8px;
	color: var(--do-11);
	font-weight: bold;
}
/* Tiêu đề "Những Sản Phẩm Bán Chạy Nhất Hiện Nay" (2026-10-19): widget HTML tùy chỉnh ở vùng Home Links (nội dung trong database) đặt
   tiêu đề trong cột col-sm-4 col-md-4, nên ở màn 768–979px cột chỉ còn 225px cho chữ (tiêu đề cần 266px), "Hiện Nay" xuống dòng. Cột
   đứng một mình trong hàng: cho rộng hết hàng ở mọi màn, chấm đỏ và chữ không xê dịch. Sửa ở đây để đi theo Git, không sửa widget */
#homebanners .dst_hsp .col-sm-4 {width: 100%;}

.submenu a {
	font-size: 12px;
	padding: 5px 10px;
	color: #337ab7;
}
.widget-product {
    margin-bottom: 20px;
}

.widget-product.grid .box-content {
    /*border: 1px solid #EEE; padding: 20px;*/
}


.wrap-title{display: inline-block;}

.box-heading {
    background: #FFF;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    padding: 8px 15px;
    text-transform: uppercase; border-bottom: 1px solid var(--xam-3);
}

.box-heading h4{float: left;}
.box-heading .menu_links{float: right; text-transform: none;}


.menu_links {
	float: right;
	margin-bottom: 0px;
}
.menu_links a {
	font-size: 12px;
	padding: 5px 10px;
	color: #337ab7;
}

.box-content {
    overflow: hidden;
}
.box-content article h4 {
    margin-top: 10px;
}

.spSearchPro {
	margin: 25px 0;
}

.spSearchPro {
	border: 1px solid var(--xam-3);
	border-radius: 3px;
}

.spr-container .sprsearch-form {
	/* width: 100%; */
	/* display: -webkit-box; */
	/* display: -webkit-flex; */
	/* display: -moz-flex; */
	/* display: -ms-flexbox; */
	/* display: flex; */
	/* -webkit-flex-wrap: nowrap; */
	/* flex-wrap: nowrap; */
}

.content-search {
	position: relative;
	width: 100%;
}

.content-search .spr-query {
	padding: 10px 15px;
	width: 100%;
	height: 40px;
	color: var(--xam-11);
	background-color: #fff;
	border: 0;
	font-size: 13px;
	line-height: 26px;
}

.content-search .spr-search-button {
	position: absolute;
	right: 3px;
	top: 4px;
	padding: 6px 20px;
	border-radius: 3px;
	color: #fff;
	background-color: #239ece;
	border: 0;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
}

.navbar-form{margin: 7px 0}

.ads-top{margin: 0 0 30px; text-align: center;}
.ads-home-midle{margin: 20px 0;}
.ads-top-home{margin-bottom: 20px}

.carousel-control.right {
    background-image: none;
}

/*Top Social Icons*/
.follow_icon {
    float: right;
    list-style: none outside none;
    margin: 3px 0;
    padding: 0;
}
.follow_icon li {
    float: left;
    margin-left: 5px;
}
.follow_icon a {
    color: var(--xam-11);
    font-size: 16px;
    transition: all 0.35s ease 0s;
}
.follow_icon a:hover {
    color: var(--xam-12);
    transition: all 0.35s ease 0s;
    text-decoration: none;
}
.follow_icon li:first-child {
    margin-left: 0;
}

h3.navbar-brand_ {
    float: none;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
    height: 80px
}


.thumb-pad1 .thumbnail {border: none; padding: 0}
.thumb-pad1 .thumbnail figure {
    border: 1px solid var(--xam-3);
    margin: 0 0 4px;
    padding: 0;
}
.thumb-pad1 .thumbnail figure img {
    width: 100%; height: auto;
}

.thumb-pad2 .thumbnail figure {
    border: 1px solid var(--xam-6);
    margin: 0 0 18px;
    padding: 10px;
}

.thumb-pad2 .thumbnail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#main-content{}

/*Widget*/
#text-2.widget,
#text-3.widget,
#text-4.widget{background: var(--xam-2)}

.widget .btncancel{margin-top: 20px; background: var(--xam-11); color: #FFF; border: none; font-weight: 700;}
.widget .btncancel:hover{background: #2d6c9a }
.widget{margin-bottom: 20px; padding: 0; border: 1px solid var(--xam-3);}
.widget.widget-ads{padding: 0; border: none; text-align: center;}
.widget .widget-title {text-transform: uppercase; font-size: 16px; margin: 0 0 15px; font-weight: 700; background: var(--toi-1); padding: 6px 15px; color: var(--toi-12);}
.widget ul{margin: 0; padding: 0}
.widget ul li{list-style: none; }
.widget ul li h4{margin: 0; font-size: 14px; font-weight: 400}
.widget .entry-summary{font-size: 13px}

.widget.widget_nav_menu{padding: 0}
.widget.widget_nav_menu h3{padding: 8px 15px; font-weight: 700; background: #24a214; color: #FFF; margin: 0; border-left: 3px solid var(--do-9);}
.widget.widget_nav_menu ul li{border-top: 1px solid #FFF;border-bottom: 1px solid var(--xam-3);}
.widget.widget_nav_menu ul li:last-child{border-bottom: none; padding-bottom: 0}
.widget.widget_nav_menu ul li a{background: var(--xam-2); padding: 8px 15px; text-transform: uppercase; display: block; color: var(--xam-12); font-weight: 700; border-left: 3px solid var(--xam-3); font-size: 13px;}
.widget.widget_nav_menu ul li ul li{border-bottom: 1px solid var(--xam-4); padding: 8px 10px 8px 30px; background: var(--xam-1) url("images/link.gif") no-repeat scroll 10px 15px}
.widget.widget_nav_menu ul li ul li a{color: var(--xam-12); font-weight: normal; font-size: 14px; background: transparent; text-transform: none; padding: 0; border-left: none;}
.widget.widget_nav_menu ul li a:hover{color: var(--do-11); text-decoration: underline;}

/* TABBER */

#tabber{
	border: 10px solid var(--xam-4);
}
#tabber ul li a span.reso {
    color: var(--xam-7);
    float: left;
    font-family: Tahoma;
    font-size: 20px;
    height: 46px;
    margin-bottom: 0;
    margin-top: 3px;
    text-align: center;
    vertical-align: top;
    width: 34px;
    font-weight: 700;
}

#tabber ul li:hover span.reso {
    color: #000;
}
#tabber { display: block; background: #fff; height: auto; margin: 0px 0px 25px 0px; overflow: hidden; font-size: 12px}
#tabber .inside { border: 1px solid var(--xam-4); padding: 10px; }
#tabber ul.tabs { border: none; border-left: 1px solid var(--xam-4); overflow: hidden; height: 40px; margin: 0 0 -1px 0; }
#tabber ul.tabs li {border-top: 1px solid var(--xam-4); float: left; display: inline; font-size: 12px; cursor: pointer; font-weight: 700;}
#tabber ul.tabs li a.selected { background: #fff; border-bottom: 1px solid #fff; color: var(--xam-12); }
#tabber ul.tabs li a:hover { color: var(--xam-12); }
#tabber ul.tabs li a { border-right: 1px solid var(--xam-4); border-bottom: 1px solid var(--xam-4); color: var(--xam-11); display: block; float: left; padding: 0 11px; line-height: 38px; text-transform: uppercase; }
#tabber .inside li { background: none; border-bottom: 1px solid var(--xam-4); padding: 10px 0px; overflow: hidden;}
#tabber .inside li a { color: var(--xam-12); line-height: 18px; font-weight: 700;}
#tabber .inside li a:hover { color: #419c35}
#tabber .inside li div.info { display: table; top: 0px !important; margin: 0px !important; padding: 0px !important; }
#tabber .inside li span.meta { display: block; font-size: 11px; margin-top: 2px; text-transform: uppercase; color: var(--xam-11); }
#tabber .inside li span.meta a { color: var(--xam-11); }
#tabber .inside li span.meta a:hover { color: var(--xam-12); text-decoration: none; }
#tabber .inside li img.avatar, 
#tabber .inside li img.entry-thumb { float: left; display: inline; margin: 0 15px 10px 0; width: 80px; height: auto;}
#tabber .inside #recent-comments ul li img{width: 48px}

#sidebar .widget{border: 1px solid var(--xam-3); padding: 0; margin-bottom: 20px;}
#sidebar .widget ul li{border-bottom: 1px dotted var(--xam-4); padding-bottom: 10px; margin-bottom: 10px; font-size: 13px; }
#sidebar .widget ul.menu li, .sidebar-left .widget.widget_categories ul li{background: url("images/list.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-left: 20px}
#sidebar .widget ul.menu li:hover, .sidebar-left .widget.widget_categories ul li:hover{background: url("images/list.png") no-repeat scroll 0 -37px rgba(0, 0, 0, 0); padding-left: 20px}

#sidebar .widget ul li:last-child, .widget ul li:last-child{padding-bottom: 5px; margin-bottom: 0}
#sidebar .widget ul li a{color: var(--xam-12)} /* tên bài cột phải: chữ tối, rê chuột đỏ (2026-10-25; trước cam #FF6600) */
#sidebar .widget ul li a:hover{color: var(--do-11)}

.widget_bulletin{margin-bottom: 20px}
.widget_bulletin h3 {
    border-bottom: 1px solid var(--xam-5);
    color: var(--xam-12);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.widget_bulletin .meta-date{color: var(--xam-11); font-size: 12px}
.widget_bulletin.classic img{float: left; margin-right: 15px; width: 80px; height: auto;}
.widget_bulletin.classic h4{margin: 0; font-size: 13px; font-weight: 700;}
.widget_bulletin.boxwidth h4{margin: 10px 0 5px; font-size: 13px; font-weight: 700;}
.widget_bulletin.boxwidth img{width: 100%; height: auto;}

.widget_bulletin ul {
    margin: 0;
    padding: 0 15px;
}
.widget_bulletin ul li h4 {
    font-weight: normal;
    margin: 10px 0
}
.widget_bulletin ul li {
    border-bottom: 1px dotted var(--xam-3);
    list-style: outside none none;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}
.widget_bulletin ul li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget_bulletin ul li a {
    color: #2d6c9a;
}
.widget_bulletin ul li a:hover {
    color: #45a863;
}
.widget_bulletin img {}

.widget_bulletin.style2 img{float: left; margin-right: 10px;}
.widget_bulletin.style2 ul li{margin-bottom: 5px; padding-bottom: 10px;border-bottom: 1px solid var(--xam-4);}
.widget_bulletin.style2 ul li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.widget_bulletin.style2 ul li h4{margin: 0 0 5px;}

/*Social Widget*/

.topsocial{margin: 15px 0}
.topsocial .pull-left{margin-right: 20px}
.title-follow{font-size: 11px; color: var(--xam-11)}
.social-footer {
    margin-bottom: 0;
}
.social-footer li {
    display: inline;
    padding: 2px;
}
.hotline-footer {
    background: rgba(0, 0, 0, 0) url("images/hotline.png") no-repeat scroll left top;
    color: #239ece;
    font-size: 18px;
    padding-left: 30px; line-height: 26px; font-weight: 700;
}

#topcontrol{z-index: 999}

.social-icons {
    background: var(--xam-3) none repeat scroll 0 0;
    border-bottom: 1px solid var(--xam-4);
    padding: 10px;
}
.social-icons ul {
    overflow: hidden;
}
.social-icons li {
    float: left;
    height: 33px;
    line-height: 1.3;
    margin: 0 0 10px;
    padding: 3px 0 0 38px;
    width: 50%;
}
.social-icons li a, .social-icons li a:visited {
    color: var(--xam-12);
    font-size: 11px;
    font-weight: 700;
}
.social-icons li span {
    color: var(--xam-11);
    display: block;
    font-size: 11px;
}
.social-icons .icon-rss {
    background: rgba(0, 0, 0, 0) url("images/ico-rss.png") no-repeat scroll 0 0;
}
.social-icons .icon-google {
    background: rgba(0, 0, 0, 0) url("images/ico-google.png") no-repeat scroll 0 0;
}
.social-icons .icon-twitter {
    background: rgba(0, 0, 0, 0) url("images/ico-twitter.png") no-repeat scroll 0 0;
}
.social-icons .icon-facebook {
    background: rgba(0, 0, 0, 0) url("images/ico-facebook.png") no-repeat scroll 0 0;
}

/* Pagination*/
.pagenavi {
    margin-bottom: 20px;
    margin-left: 15px;
}
.pagenavi span {
    padding-right: 20px;
}
.pagenavi a {
    margin: 0 3px;
    padding: 3px 10px;
}
.pagenavi a.current {
    color: var(--xam-12);
    font-weight: 700;
}

/*VNT Store*/

/*Common*/

.product-label {
    border-radius: 50%;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 22px;
    z-index: 2;
}

.product-label {
  color: #FFFFFF;
  font-weight: 400;
  text-align: center;
  z-index: 3;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  left: 10px;
  top: 10px;
}

.product-thumb .product-label{
	left: 20px;
}

.product-label span {
  padding: 2px 8px 1px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}

.product-label span:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 100%;
  transition: all 300ms linear 0s;
  width: 0;
  z-index: 10;
}

.product-label span.product-label-sale {
  background-color: #6BC15F;
}

.product-label span.product-label-sale[href]:hover, .product-label span.product-label-sale[href]:focus {
  background-color: #4fab42;
}

.product-label span.product-label-sale:before {
  border-top: 4px solid #6BC15F;
}

.product-label span.product-label-new {
  background-color: #3396cc;
}

.product-label span.product-label-new[href]:hover, .product-label span.product-label-new[href]:focus {
  background-color: #3396cc;
}

.product-label span.product-label-new:before {
  border-top: 4px solid #3396cc;
}

.product-label span.product-label-hot {
  background-color: #fc2728;
}

.product-label span.product-label-hot[href]:hover, .product-label span.product-label-hot[href]:focus {
  background-color: #fc2728;
}

.product-label span.product-label-hot:before {
  border-top: 4px solid #fc2728;
}

.product-label.product-label-new, .product-label.new-box {
  background-color: #f8694d;
  top: 2px;
}

.product-label.product-label-new[href]:hover, .product-label.product-label-new[href]:focus, .product-label.new-box[href]:hover, .product-label.new-box[href]:focus {
  background-color: #f6401c;
}

.product-label.sale-percent-box {
  background-color: #6BC15F;
  right: 0;
  left: inherit;
  bottom: 0;
}
.product-label.sale-percent-box[href]:hover, .product-label.sale-percent-box[href]:focus {
  background-color: #4fab42;
}

/*Category*/
h1.category-title{margin: 0 0 20px 0; text-transform: uppercase; padding-bottom: 10px;
	background: url("images/c2.gif") no-repeat scroll left bottom, rgba(0, 0, 0, 0) url("images/c3.gif") repeat-x scroll right bottom;
}

/* Phân trang trang danh mục và trang tìm kiếm (search.php, từ 2026-10-16) */
.tax-product-category .page-numbers, .search-results .page-numbers{border: 1px solid var(--xam-3); padding: 5px 10px}
.tax-product-category .nav-links, .search-results .nav-links{border-top: none;}
.tax-product-category .pagination, .search-results .pagination{text-align: center; display: block;}
.tax-product-category .page-numbers.current, .search-results .page-numbers.current{background: var(--xam-12); color: #FFF}

/*end pagination*/

/* Trang tìm kiếm (2026-10-16): dòng "Tìm thấy N sản phẩm" dưới tiêu đề; câu không tìm thấy, số hotline đỏ đậm như gợi ý ở ô tìm kiếm */
.tim-kiem-dem {margin: 10px 0; color: var(--xam-11); font-size: 14px;}
.tim-kiem-khong {margin: 20px 0; font-size: 15px;}
.tim-kiem-khong a {color: var(--do-11); font-weight: 700; white-space: nowrap;}


.product-categories{text-align: center; margin-bottom: 20px}
/* Trang /product/: xếp ô danh mục theo hàng thẳng (trước đây ô tên 2 dòng cao hơn làm ô hàng sau bị đẩy lệch sang phải) */
.product-categories{display: flex; flex-wrap: wrap;}
.product-categories:before,
.product-categories:after{display: none;}
.product-categories h2{font-size: 14px}
.product-categories img{border: 1px solid var(--xam-2); margin-bottom: 10px; -webkit-transition: all .5s ease;
transition: all .5s ease;}
.product-categories img:hover{opacity: 0.8; -webki-transform: translate(0, -5px);
-moz-transform: translate(0, -5px);
transform: translate(0, -5px);}


/* Product category */

.products {
	border-top: 1px solid var(--xam-3);
	border-left: 1px solid var(--xam-3); overflow: hidden;
}

.dst-col-2 {
	padding: 10px;
	border-right: 1px solid var(--xam-3);
	border-bottom: 1px solid var(--xam-3);
	background: #fff;
	text-align: center; float: left;;
}

ul.products li {
	list-style: none outside; position: relative;
}

.dst-col-2 .dst_lprdc {
	width: 80%;
	height: 210px;
	line-height: 210px;
	text-align: center;
	margin: auto;
}

.dst-col-2 .size-shop_catalog {
	vertical-align: middle;
	line-height: normal;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	width: auto;
}

.dst_subtitle {
	display: block;
	width: 100%;
	font-size: 75%;
}

.products .dst-col-2 .star-rating {
	display: none;
}


.products .star-rating {
	display: block;
	margin: 0 0 .5em;
	float: none;
}

/* Khung sản phẩm dạng thẻ (danh mục, tìm kiếm, sản phẩm liên quan, khối [san-pham], widget sản phẩm ở trang chủ):
   tách rời 10px, bo góc, bóng mờ, rê chuột phóng to nhẹ. Lưới 2 cột (điện thoại), 4 cột (từ 768px), 5 cột (từ 980px); khung cùng hàng
   tự cao bằng nhau. Bên trong thẻ: mục "Thẻ sản phẩm" ngay dưới */
ul.products.columns-5 {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px; gap: 10px; border: 0; overflow: visible;}
ul.products.columns-5 > li {float: none; width: auto;}
ul.products.columns-5 > li:not(.dst-col-2) {grid-column: 1 / -1;} /* phân trang, "không tìm thấy": chiếm cả hàng */
ul.products.columns-5 > li.dst-col-2 {padding: 5px; border: 0; border-radius: 5px; background: #fff; box-shadow: rgba(60,64,67,.1) 0 1px 2px 0, rgba(60,64,67,.15) 0 2px 6px 2px; transition: transform .3s, box-shadow .3s;}
#search-content .box-content {overflow: visible;} /* để khung phóng to không bị cắt ở mép */
@media (min-width: 768px) {
	ul.products.columns-5 {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
@media (min-width: 980px) {
	ul.products.columns-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
}
@media (hover: hover) {
	ul.products.columns-5 > li.dst-col-2:hover {z-index: 2; transform: scale(1.02); box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);}
}

/* Thẻ sản phẩm (includes/the-san-pham.php, làm lại 2026-10-15; bỏ lớp thông tin hiện ra khi rê chuột). Thẻ đứng: khung như trên
   (li.dst-col-2), ảnh trong khung .dst_lprdc (cao 210px, rộng 80% thẻ), bên dưới là các hàng cao cố định, hàng không có gì vẫn giữ chỗ,
   để giá, dòng sao của các thẻ cùng hàng thẳng nhau: tên đúng 2 dòng (38px), thông số nổi bật 22px, giá 22px, giá cũ 18px; dòng sao
   dính đáy thẻ (thẻ và phần chữ là cột flex, dòng sao margin-top: auto). Chữ căn trái, cách mép thẻ 10px (5px của khung + 5px) */
ul.products.columns-5 > li.the-sp {display: flex; flex-direction: column;}
.the-sp .the-sp-link {display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; color: var(--xam-12); text-decoration: none;}
.the-sp .the-sp-link:hover,
.the-sp .the-sp-link:focus {color: var(--xam-12); text-decoration: none;}
.the-sp .dst_lprdc {flex: none; margin: 0 auto;} /* margin: auto cũ của khung ảnh, trong cột flex sẽ ăn hết chỗ trống dọc */
/* Ảnh không cao quá khung 210px (2026-10-18): lưới 2 cột rộng từ 586px (iPad mini dọc, điện thoại xoay ngang) có khung rộng hơn 210px,
   ảnh vuông trước chỉ bị giới hạn bề ngang nên cao hơn khung, thò xuống đè hàng nhãn dán, tên. Ảnh không có thuộc tính width, height
   (remove_width_attribute ở includes/custom-functions.php) nên co cả 2 chiều, đúng tỉ lệ. Màn khác ảnh vuông vốn thấp hơn khung */
.dst-col-2 .dst_lprdc img {max-height: 100%;}
.the-sp-chu {display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding: 0 5px 3px; text-align: left;}
/* Nhãn dán (2026-10-15, chỉ thẻ đứng): hàng ngay dưới ảnh, rộng bằng phần chữ, cao theo tỉ lệ 7:1 (danh mục máy tính ~29px, trang chủ
   6 cột ~23px, điện thoại 375px ~20px); ảnh co vừa, không méo, không cắt, sát trái. Không có nhãn thì hàng trống cùng chiều cao. Tên sau hàng nhãn cách 6px */
.the-sp-nhan-dan {flex: none; aspect-ratio: 7 / 1; margin-top: 8px; overflow: hidden;}
.the-sp-nhan-dan img {display: block; width: 100%; max-width: none; height: 100%; object-fit: contain; object-position: left center;}
.the-sp-nhan-dan + .the-sp-ten {margin-top: 6px;}
/* Tên: trang chủ là h2, "Sản phẩm bán chạy" là h4 (giữ như trước), nên đặt lại cỡ chữ, lề của tiêu đề */
.the-sp-ten {display: block; display: -webkit-box; height: 38px; margin: 8px 0 0; padding: 0; overflow: hidden; color: var(--xam-12); font-family: inherit; font-size: 14px; font-weight: 400; line-height: 19px; text-transform: none; overflow-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* Thông số nổi bật: mỗi ý một ô; 2 ô thì mỗi ô tối đa nửa hàng, 1 ô thì cả hàng; chữ dài cắt "…" (đủ chữ ở title, rê chuột thấy) */
.the-sp-noi-bat {display: flex; gap: 4px; height: 22px; margin-top: 6px; overflow: hidden;}
.the-sp-noi-bat span {flex: 0 1 auto; min-width: 0; max-width: calc(50% - 2px); padding: 2px 5px; overflow: hidden; color: var(--xam-11); font-size: 12px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; background: var(--xam-3); border-radius: 2px;}
.the-sp-noi-bat span:only-child {max-width: 100%;}
/* Giá: 16px đậm đỏ; "Gọi để biết giá" cùng kiểu. "Ngừng sản xuất" giữ khung đỏ (.price.price-ngung, mục "Tình trạng sản phẩm"), thu
   chiều cao khung còn 21px cho vừa hàng. Khung 16px cần 132px: chỗ hẹp hơn (thẻ trượt trên điện thoại, "Sản phẩm bán chạy" ở màn
   980–1199px, điện thoại dưới 360px) thì chữ trong khung 13px (như giá trên điện thoại trước 2026-10-15); vẫn thiếu chỗ thì cắt "…" */
.the-sp-gia {container: the-sp-gia / inline-size; height: 22px; margin-top: 6px; overflow: hidden; line-height: 22px; white-space: nowrap;}
.the-sp-gia .price {color: var(--do-11); font-size: 16px; font-weight: 700;}
.the-sp-gia .price.price-ngung {max-width: 100%; padding: 1px 8px; overflow: hidden; line-height: 16px; text-overflow: ellipsis; vertical-align: top;}
@container the-sp-gia (max-width: 131.9px) {
	.the-sp-gia .price.price-ngung {padding: 1px 6px; font-size: 13px;}
}
/* Giá cũ: Giá bán gạch ngang + mức giảm "-X%" (chữ thường) */
.the-sp-gia-cu {height: 18px; overflow: hidden; color: var(--xam-11); font-size: 13px; line-height: 18px; white-space: nowrap;}
.the-sp-gia-cu del {color: var(--xam-11);}
.the-sp-giam {margin-left: 6px; color: var(--do-11);}
/* Dòng sao "★ 4,9 • 12 đánh giá" dính đáy thẻ, cách hàng giá cũ ít nhất 6px */
.the-sp-sao {display: flex; align-items: center; gap: 4px; height: 24px; margin-top: auto; padding-top: 6px; overflow: hidden; color: var(--xam-11); font-size: 12px; line-height: 18px; white-space: nowrap;}
.the-sp-sao svg {flex: none; width: 13px; height: 13px; fill: #f5a623;}

/* Thẻ ngang (widget sản phẩm kiểu Classic: khối "Sản phẩm bán chạy" ở cột phải trang sản phẩm): 1 cột, ảnh 80px bên trái, bên phải tên,
   giá, giá cũ như thẻ đứng (không có hàng thông số nổi bật, dòng sao: 2026-10-15); khung như thẻ đứng */
.the-sp-ds-ngang {display: grid; grid-template-columns: minmax(0, 1fr); grid-gap: 10px; gap: 10px; margin: 0; padding: 0; list-style: none;} /* minmax(0, ...): chữ không xuống dòng (giá, giá cũ) không đẩy thẻ rộng quá cột */
.the-sp-ngang {position: relative; padding: 5px; list-style: none; background: #fff; border-radius: 5px; box-shadow: rgba(60,64,67,.1) 0 1px 2px 0, rgba(60,64,67,.15) 0 2px 6px 2px; transition: transform .3s, box-shadow .3s;}
@media (hover: hover) {
	.the-sp-ngang:hover {z-index: 2; transform: scale(1.02); box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);}
}
.the-sp-ngang .the-sp-link {flex-direction: row; align-items: flex-start; gap: 10px;}
.the-sp-ngang .the-sp-anh {flex: none; width: 80px; margin: 0;}
.the-sp-ngang .the-sp-anh img {width: 80px; height: auto;}
.the-sp-ngang .the-sp-chu {padding: 0 5px 0 0;}
.the-sp-ngang .the-sp-ten {margin-top: 0;}

/* Widget sản phẩm kiểu Grid (8 khối trang chủ, khối trang chủ điện thoại): lưới thẻ như danh mục, từ 1200px 6 cột như trước; lề trong
   15px để bóng, hiệu ứng phóng to khi rê không sát mép khung trắng (điện thoại: xem mục @media max-width 767px) */
ul.products.the-sp-widget {margin: 0; padding: 15px;}
@media (min-width: 1200px) {
	ul.products.columns-5.the-sp-widget {grid-template-columns: repeat(6, minmax(0, 1fr));}
}
/* Không để món lẻ hàng (2026-10-19): khối đặt 6 món (ô Post Limit của widget) mà lưới 768–979px có 4 cột, 980–1199px có 5 cột nên món
   cuối xuống hàng 2 (4 + 2, 5 + 1). Ẩn hàng cuối khi hàng đó chưa đủ món: món đầu của một hàng từ hàng 2 trở đi (nth-child) mà nằm trong
   số (số cột - 1) món cuối (nth-last-child), cùng các món sau nó. Hàng 1 không bao giờ ẩn; khối 8 món ở 4 cột vẫn đủ 2 hàng. Từ 1200px
   (6 cột) giữ nguyên */
@media (min-width: 768px) and (max-width: 979px) {
	ul.products.the-sp-widget > li:nth-child(4n+5):nth-last-child(-n+3),
	ul.products.the-sp-widget > li:nth-child(4n+5):nth-last-child(-n+3) ~ li {display: none;}
}
@media (min-width: 980px) and (max-width: 1199px) {
	ul.products.the-sp-widget > li:nth-child(5n+6):nth-last-child(-n+4),
	ul.products.the-sp-widget > li:nth-child(5n+6):nth-last-child(-n+4) ~ li {display: none;}
}

/* Giá trong banner trang chủ (widget banner: span.price > span.amount); thẻ sản phẩm không còn dùng .amount từ 2026-10-15 */
.price .amount {
	line-height: 22px;
	height: 22px;
	font-size: 16px;
	color: var(--do-11); font-weight: bold;
}



/* Nhãn "Trả góp 0%" (label_helper trong vnt-store): sát góc trên bên phải của khung sản phẩm */
label.dst_tragop {
	line-height: 20px;
	background: #239ece;
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	font-size: 11px;
	color: #fff;
	font-weight: 700;
	border-radius: 0 5px 0 6px; /* góc trên phải khớp khung bo 5px, góc dưới trái bo nhẹ */
	padding: 0 8px;
	margin: 0;
	height: 20px;
	white-space: nowrap;
}
/* Trang chủ nay cũng là thẻ bo 5px như danh mục (2026-10-15, trước khung vuông, nhãn góc vuông). Ảnh lớn ở trang chi tiết: xem mục "Bộ
   ảnh trang chi tiết sản phẩm" */

.title.dst_tcol3{margin-bottom: 20px; border-bottom: 1px solid var(--xam-3)}
#related{margin-top: 30px;}
/* Sản phẩm liên quan: 1 hàng 5 sản phẩm (content-product.php). Dưới 980px lưới còn 4 hoặc 2 cột: ẩn sản phẩm thứ 5 để hàng nào cũng đủ */
@media (max-width: 979px) {
	#related ul.products.columns-5 > li.dst-col-2:nth-child(5) {display: none;}
}

h3.dst_tcol3 .dst_textlink {
	font-weight: 700;
	position: relative;
	padding: 6px 26px 7px 10px;
	color: var(--toi-12);
	margin-left: 11px;
	background-color: var(--toi-1); text-transform: uppercase;
}

h3.dst_tcol3 .dst_textlink::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -7px;
	width: 15px;
	height: 100%;
	z-index: 1;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	border: 0;
	background-color: var(--toi-1);
}

h3.dst_tcol3 .dst_textlink::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	right: -7px;
	width: 15px;
	height: 100%;
	z-index: 1;
	background: #fff;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
}

/*Single product*/

.product-top{margin-bottom: 30px;}

.article-content {
	overflow: hidden;
	padding: 15px 0;
	position: relative;
}

/* Tab Mô tả / Thông số kỹ thuật ở trang sản phẩm (content-product.php, js/product-tabs.js). Cùng dáng nhãn nghiêng như tiêu đề mục
   (h3.dst_tcol3 .dst_textlink); tab đang chọn nền đỏ; rê chuột có bóng mờ, phóng to nhẹ. Sản phẩm chưa có thông số: chỉ có tiêu đề Mô tả như cũ */
.product-tabs {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 12px; padding-left: 5px; font-size: 19px; font-weight: 700; line-height: 23px;}
.product-tabs .product-tab {display: block; margin-bottom: -3px; padding: 6px 18px 7px; color: var(--toi-12); background: var(--toi-1); text-transform: uppercase; transform: skewX(-20deg); transition: transform .2s, box-shadow .2s, background-color .2s;}
.product-tabs .product-tab > span {display: block; transform: skewX(20deg);}
.product-tabs .product-tab:hover,
.product-tabs .product-tab:focus {color: var(--toi-12); text-decoration: none;}
.product-tabs .product-tab.active {background: var(--do-9); color: #fff;} /* nút nền đỏ 9: chữ trắng */
@media (hover: hover) {
	.product-tabs .product-tab:hover {transform: skewX(-20deg) scale(1.05); box-shadow: 0 3px 10px rgba(0,0,0,.35);}
}
.product-content [role="tabpanel"][hidden] {display: none;}
.product-specs.article-content {overflow-x: auto;} /* bảng thông số rộng hơn màn hình: kéo ngang được */
.product-specs > :first-child {margin-top: 0;} /* bảng ở đầu tab thẳng hàng với dòng đầu của tab Mô tả */
/* Điện thoại: chữ nhỏ lại cho 2 tab vừa một hàng (màn 360px còn dư chỗ); màn hẹp hơn 340px thì tab thứ 2 xuống hàng */
@media (max-width: 479px) {
	.product-tabs {gap: 6px 10px; font-size: 14px; line-height: 20px;}
	.product-tabs .product-tab {padding: 6px 12px;}
}
@media (max-width: 374px) {
	.product-tabs {gap: 6px 8px; font-size: 13px;}
	.product-tabs .product-tab {padding: 6px 10px;}
}

.dtcvmodetail span, .dtchide span {
	cursor: pointer;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-size: 13px;
	color: var(--xam-12);
	background: #fff;
	border: solid 1px var(--xam-8);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.dtshow {
	height: auto !important;
	padding-bottom: 120px;
}

.dtcvmodetail, .dtchide {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 130px;
	padding-top: 85px;
	text-align: center;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.91)),color-stop(55%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.91) 50%,rgba(255,255,255,1) 55%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
	cursor: pointer; margin: 20px 0 0 0;
}

.dtchide {
	display: none;
}


/* =====================================================================
   Đánh giá sao (includes/ratings.php, js/ratings.js; thay plugin kk Star Ratings): khung chọn sao trong form bình luận,
   dòng "Đánh giá: ★★★★★ (số lượt)" dưới tên sản phẩm, tiêu đề bài viết, sao nhỏ sau tên người viết bình luận
   ===================================================================== */
.comment-form-rating {margin: 0 0 12px;}
.comment-form-rating[hidden],
.rating-error[hidden] {display: none;}
.rating-picker-label {display: inline-block; margin: 0 0 5px; font-size: 14px; font-weight: 700; color: var(--xam-11);}
.rating-picker-label .required {color: var(--do-11);}
.rating-picker {position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 2px;}
/* Ô chọn ẩn đi nhưng vẫn dùng được bằng bàn phím (Tab, mũi tên); sao là nhãn của ô chọn */
.rating-picker .rating-input {position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; opacity: 0;}
.comment-form-rating .rating-picker label {display: inline-block; width: auto; margin: 0; padding: 1px; line-height: 0; font-weight: 400; color: var(--xam-7); cursor: pointer;} /* thắng .comment-form label (chữ #666) */
.rating-picker label svg {width: 30px; height: 30px; fill: currentColor; transition: transform .15s;}
.comment-form-rating .rating-picker label.is-on {color: #f5a623;}
@media (hover: hover) {
	.rating-picker label:hover svg {transform: scale(1.15);}
}
.rating-picker .rating-input:focus-visible + label {outline: 2px solid #f5a623; outline-offset: 1px; border-radius: 4px;}
.rating-picker-word {margin-left: 8px; font-size: 14px; color: var(--xam-11);}
.rating-error {margin: 6px 0 0; font-size: 13px; color: var(--do-11);}
/* 5 ngôi sao xám, lớp sao cam phủ lên rộng theo số sao (lẻ nửa sao); cỡ sao theo cỡ chữ */
.rating-stars {position: relative; display: inline-block; width: 5em; height: 1em; vertical-align: -0.125em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ccc' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") repeat-x left center / 1em 1em;}
.rating-stars-on {position: absolute; top: 0; left: 0; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5a623' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") repeat-x left center / 1em 1em;}
.rating-line {display: flex; align-items: center; gap: 5px; width: -moz-fit-content; width: fit-content; margin: 0 0 10px; font-size: 13px; color: var(--xam-12);}
.rating-line:hover,
.rating-line:focus {color: var(--xam-12); text-decoration: none;}
.rating-line .rating-stars {font-size: 15px;}
.rating-count {color: var(--xam-11);}
.comment-author .rating-stars {margin-left: 6px; font-size: 13px;}

.product-thumb{position: relative;}

/* =====================================================================
   Bộ ảnh trang chi tiết sản phẩm: ảnh lớn, dải ảnh nhỏ, chế độ xem toàn màn hình.
   HTML: includes/product-gallery.php. Điều khiển: js/product-gallery.js.
   Thư viện Swiper (css/swiper-bundle.min.css) nạp sau file này: quy tắc ở đây ghi kèm tên khung (.pg-...) để không bị đè.
   ===================================================================== */
.product-gallery {--pg-active: var(--do-9);} /* viền ảnh nhỏ đang xem: màu nút "Đặt mua ngay" */

/* Ảnh lớn: khung vuông bo góc 8px; ảnh không vuông thu vừa khung, không bị cắt */
.pg-main {position: relative; overflow: hidden; border: 1px solid var(--xam-4); border-radius: 8px; background: #fff; --swiper-preloader-color: #bbb;}
/* Swiper đặt chiều cao 100%: trình duyệt ở chế độ cũ (quirks, khi có chữ in trước <!DOCTYPE>) tính theo cả màn hình làm khung cao vọt */
.pg-main .swiper-wrapper,
.pg-thumbs .swiper-wrapper,
.pg-lb-thumbs .swiper-wrapper {height: auto;}
.pg-main .swiper-slide {flex-shrink: 0; width: 100%; height: auto; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: #fff; cursor: zoom-in;}
.pg-main .swiper-slide img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.pg-main.pg-empty {aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; background: var(--xam-2); color: var(--xam-7); font-size: 64px;}
/* Nhãn "Trả góp 0%" sát góc trên phải: khung bo 8px, viền 1px nên góc trên phải của nhãn bo 7px, khớp mép trong của khung */
.pg-main label.dst_tragop {z-index: 4; border-top-right-radius: 7px;}
.pg-main .product-label {z-index: 4;}

/* Nút "Xem ảnh toàn màn hình": chỉ hiện khi dùng phím Tab (chuột, ngón tay thì bấm thẳng vào ảnh) */
.pg-open {position: absolute; right: 8px; bottom: 8px; z-index: 5; padding: 4px 10px; border: 0; border-radius: 4px; background: rgba(0,0,0,.65); color: #fff; font-size: 13px; opacity: 0; pointer-events: none;}
.pg-open:focus {opacity: 1;}

/* Dải ảnh nhỏ: 5 ô một hàng, bo góc, ảnh đang xem viền đỏ; nhiều ảnh thì kéo ngang được, có mũi tên nhỏ hai đầu.
   Rộng, cách nhau 8px: Swiper tự tính lại, đặt sẵn ở đây để dải không nhảy trước khi Swiper chạy */
.pg-thumbs-wrap {position: relative; margin-top: 10px;}
.pg-thumbs .swiper-slide {width: calc((100% - 32px) / 5); margin-right: 8px; height: auto; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; padding: 3px; border: 1px solid var(--xam-4); border-radius: 8px; background: #fff; cursor: pointer; overflow: hidden; transition: border-color .2s;}
.pg-thumbs .swiper-slide:hover {border-color: var(--xam-8);}
.pg-thumbs .swiper-slide-thumb-active,
.pg-thumbs .swiper-slide-thumb-active:hover {border-color: var(--pg-active); box-shadow: inset 0 0 0 1px var(--pg-active);}
.pg-thumbs .swiper-slide img {display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 5px;}
.pg-thumbs-nav {position: absolute; top: 50%; z-index: 5; width: 26px; height: 26px; margin-top: -13px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--xam-12); box-shadow: 0 1px 4px rgba(0,0,0,.3); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.pg-thumbs-nav svg {width: 14px; height: 14px;}
.pg-thumbs-prev {left: -8px;}
.pg-thumbs-next {right: -8px;}
.pg-thumbs-nav.swiper-button-disabled {opacity: 0; pointer-events: none;}
.pg-thumbs-nav.swiper-button-lock,
.product-gallery:not(.pg-ready) .pg-thumbs-nav {display: none;}

/* Chế độ xem toàn màn hình: nền đen, ảnh ở giữa.
   Khóa cuộn trang chỉ ở html: theme đặt body cao bằng màn hình, khóa cả body thì trang bị cắt, nhảy về đầu */
html.pg-lb-open {overflow: hidden;}
.pg-lb {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483000; display: flex; flex-direction: column; background: #000; color: var(--xam-7); touch-action: none; overscroll-behavior: contain; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}
.pg-lb:focus {outline: none;}
.pg-lb[hidden],
.pg-lb [hidden] {display: none !important;}
.pg-lb-main {flex: 1 1 auto; width: 100%; min-height: 0; --swiper-preloader-color: #fff;}
.pg-lb-main .swiper-slide {display: flex; align-items: center; justify-content: center; overflow: hidden;}
.pg-lb-main .swiper-zoom-container {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.pg-lb-main .swiper-zoom-container > img {max-width: 100%; max-height: 100%; object-fit: contain;}
.pg-lb-fine .pg-lb-main .swiper-zoom-container > img {cursor: zoom-in;}
.pg-lb-fine .pg-lb-main .swiper-slide-zoomed .swiper-zoom-container > img {cursor: grab;}
/* Thanh trên: số đếm bên trái; thu nhỏ, phóng to, bật/tắt dải ảnh nhỏ, toàn màn hình, đóng bên phải */
.pg-lb-top {position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: space-between; align-items: flex-start; padding: 8px; pointer-events: none;}
.pg-lb-counter,
.pg-lb-tools {pointer-events: auto;}
.pg-lb-counter {padding: 0 12px; border-radius: 4px; background: rgba(24,24,24,.65); font-size: 14px; line-height: 44px; color: var(--xam-6); white-space: nowrap;}
.pg-lb-tools {display: flex; margin-left: auto;}
.pg-lb-btn {width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0; background: rgba(24,24,24,.65); color: var(--xam-7); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: color .2s, background-color .2s;}
.pg-lb-btn:hover {color: #fff; background: rgba(70,70,70,.85);}
.pg-lb-btn:disabled {color: var(--xam-11); background: rgba(24,24,24,.65); cursor: default;}
.pg-lb-btn[aria-pressed="true"] {color: #fff;}
.pg-lb-btn svg {width: 22px; height: 22px;}
.pg-lb-btn:focus-visible,
.pg-lb-arrow:focus-visible,
.pg-lb-thumbs .swiper-slide:focus-visible {outline: 2px solid #fff; outline-offset: -2px;}
/* Mũi tên chuyển ảnh: nền tròn tối mờ để vẫn thấy rõ khi ảnh phóng to phủ kín màn hình */
.pg-lb-arrow {position: absolute; top: 50%; z-index: 10; width: 48px; height: 48px; margin-top: -24px; padding: 0; border: 0; border-radius: 50%; background: rgba(24,24,24,.55); color: var(--xam-6); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: color .2s, background-color .2s;}
.pg-lb-arrow:hover {color: #fff; background: rgba(70,70,70,.85);}
.pg-lb-arrow svg {width: 28px; height: 28px;}
.pg-lb-prev {left: 12px;}
.pg-lb-next {right: 12px;}
/* Dải ảnh nhỏ phía dưới, bật/tắt bằng nút trên thanh */
.pg-lb .pg-lb-thumbs {display: none; flex: none; width: 100%; padding: 10px 8px;}
.pg-lb--thumbs .pg-lb-thumbs {display: block;}
.pg-lb-thumbs .swiper-slide {width: 64px; height: 64px; border: 2px solid transparent; border-radius: 6px; overflow: hidden; opacity: .5; cursor: pointer; transition: opacity .2s, border-color .2s;}
.pg-lb-thumbs .swiper-slide:hover {opacity: .85;}
.pg-lb-thumbs .swiper-slide-thumb-active {opacity: 1; border-color: #fff;}
.pg-lb-thumbs .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
@media (max-width: 767px) {
	.pg-lb-top {padding: 4px;}
	.pg-lb-btn {width: 40px; height: 40px;}
	.pg-lb-counter {padding: 0 10px; line-height: 40px;}
	.pg-lb-arrow {width: 38px; height: 38px; margin-top: -19px;}
	.pg-lb-arrow svg {width: 22px; height: 22px;}
	.pg-lb-prev {left: 6px;}
	.pg-lb-next {right: 6px;}
	.pg-lb-thumbs .swiper-slide {width: 54px; height: 54px;}
}
/* ===================== Hết mục bộ ảnh ===================== */
.product_desc{margin-bottom: 20px}
.product-detail{margin-top: 30px; margin-bottom: 30px}
.single .product-info h1.entry-title{font-size: 24px; text-transform: none; margin: 0 0 10px; color: var(--xam-11); line-height: 1.3}

.product-info .btn-edit{position: absolute; top: 10px; right: 10px}
.product-info label{width: 85px; display: inline-block;}
.product-info .price{color: var(--do-11); font-size: 22px; margin-bottom: 15px; font-weight: 700;} /* giá ở trang chi tiết đỏ (2026-10-14; trước cam #FF6600) */
.product-info .price.price-old{text-decoration: line-through; color: var(--xam-11); font-size: 16px; margin-right: 5px;}
/* Mác VAT bên phải giá ở trang chi tiết sản phẩm (ratings_vat_badge, content-product.php): dáng mác giá, đầu trái nhọn (tam giác
   vẽ bằng viền, đè 1px vào thân để không hở khe), gần đầu nhọn có lỗ xỏ dây màu trắng; Đã có VAT nền đỏ, Chưa có VAT nền xám.
   Vẽ bằng CSS, không dùng ảnh. Màn hẹp không đủ chỗ thì cả mác xuống dòng, không cắt chữ */
.vat-badge {
	position: relative; top: -3px; /* cân giữa với chữ số giá 22px */ display: inline-block; vertical-align: middle; margin: 0 0 0 16px; padding: 4px 10px;
	background: var(--do-9); color: #fff; font-size: 12px; font-weight: 700; line-height: 16px; white-space: nowrap;
	border-radius: 0 3px 3px 0;
}
.vat-badge:before {
	content: ""; position: absolute; top: 0; left: -9px; width: 0; height: 0;
	border-style: solid; border-width: 12px 10px 12px 0; border-color: transparent var(--do-9) transparent transparent;
}
.vat-badge:after {content: ""; position: absolute; top: 50%; left: -3px; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: #fff;}
.vat-badge.chua-co {background: var(--xam-9);}
.vat-badge.chua-co:before {border-right-color: var(--xam-9);}
/* Tình trạng sản phẩm (ô Tình trạng, vnt-store; 2026-10-13). Ngừng sản xuất: chữ "Ngừng sản xuất" thay giá (price_helper truyền ID
   sản phẩm) ở trang chi tiết và mọi danh sách, chữ đỏ đậm trong khung viền đỏ bo góc, cùng cỡ chữ giá chỗ đó (người dùng chọn kiểu này
   2026-10-14, trước là chữ xám #777 không khung; bộ chọn đủ mạnh để thắng các quy tắc màu giá). Hết hàng: dòng ghi chú cam dưới giá ở
   trang chi tiết (content-product.php) */
.price.price-ngung,
.product-info .price.price-ngung {display: inline-block; padding: 1px 10px; line-height: 1.4; color: var(--do-11); font-weight: 700; border: 1.5px solid var(--do-9); border-radius: 6px;}
.product-info .price.price-ngung {padding: 3px 14px; border-radius: 8px;}
.het-hang-ghi-chu {margin: 6px 0 0; color: #e67e00; font-size: 14px; line-height: 1.4;}
/* Khối 3 ô dưới giá (content-product.php): Đơn vị tính, Bảo hành, Thương hiệu/Xuất xứ. Ô rộng theo chữ (ô Thương hiệu/Xuất xứ
   rộng hơn), cao bằng nhau; màn quá hẹp thì chữ tự xuống dòng */
.product-facts {display: flex; margin: 15px 0 20px; background: #fff; border: 1px solid var(--xam-6); border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.15);}
.product-facts > div {flex: 1 1 auto; min-width: 0; padding: 10px 8px; text-align: center;}
.product-facts > div + div {border-left: 1px solid var(--xam-5);}
.product-facts dt {font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--xam-12);}
.product-facts dd {margin: 3px 0 0; font-size: 15px; line-height: 1.4; color: var(--xanh-11); overflow-wrap: anywhere;}
@media (max-width: 479px) {
	.product-facts > div {padding: 8px 5px;}
	.product-facts dt, .product-facts dd {font-size: 13px;}
}
/* Biến thể dưới khối 3 ô (content-product.php, ratings_product_variants): Phiên bản (link sang sản phẩm khác: Mã SP, giá),
   Màu sắc (nút bấm, js/product-colors.js: ảnh nhỏ, tên màu, giá); 3 ô một hàng, ô màu 2 ô một hàng trên điện thoại (dưới 480px) và
   màn 768–1199px (từ 2026-10-19: cột thông tin hẹp, 3 ô thì ô chỉ rộng 112–121px, còn 42–51px cho chữ cạnh ảnh 40px, giá bị cắt).
   Ô của sản phẩm đang xem, màu đang chọn: viền xanh, dấu tick đỏ ở góc dưới bên phải */
button.product-variant {width: 100%; margin: 0; font: inherit; text-align: inherit; cursor: pointer; -webkit-appearance: none; appearance: none;}
.product-variants {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 15px;}
.product-variants-title {margin: 0 0 8px; font-size: 15px; color: var(--xam-12);}
.product-variant {position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; padding: 8px 10px; overflow: hidden; color: var(--xam-12); background: #fff; border: 1px solid var(--xam-6); border-radius: 8px; transition: border-color .2s, box-shadow .2s;}
.product-variant:hover,
.product-variant:focus {color: var(--xam-12); text-decoration: none; border-color: var(--xam-9); box-shadow: 0 2px 6px rgba(0,0,0,.12);}
.product-variant img {flex: 0 0 40px; width: 40px; height: 40px; object-fit: contain;}
.product-variant-text {display: flex; flex-direction: column; min-width: 0; line-height: 1.4; text-align: center;}
.product-colors .product-variant {justify-content: flex-start;}
.product-colors .product-variant-text {text-align: left;}
.product-variant-text strong {font-size: 15px; overflow-wrap: anywhere;}
.product-variant-price {font-size: 14px; color: var(--do-11);} /* giá ở ô Phiên bản, Màu sắc đỏ (2026-10-14; trước xám #555) */
.product-variant.is-current {border-color: var(--do-8); box-shadow: inset 0 0 0 1px var(--do-8);}
.product-variant.is-current::after {content: ''; position: absolute; right: 0; bottom: 0; border-style: solid; border-width: 0 0 18px 18px; border-color: transparent transparent var(--do-9) transparent;}
.product-variant.is-current::before {content: ''; position: absolute; right: 3px; bottom: 5px; z-index: 1; width: 4px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
@media (max-width: 479px) {
	.product-variants {gap: 8px;}
	.product-colors {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.product-variant {padding: 6px 8px;}
	.product-variant-text strong {font-size: 14px;}
	.product-variant-price {font-size: 13px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.product-colors {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

.image-gallery {margin-top: 20px; margin-right: -3%; overflow: hidden;}
.image-gallery li{width: 22%; float: left; margin-right: 3%; margin-bottom: 3%}
.image-gallery li img{width: 100%; height: auto;}
.image-gallery li img:hover{opacity: 0.8; border: 1px solid #157d07;}

.counseling-block {
    border: 1px solid var(--xam-5);
    border-radius: 4px;
    padding: 15px;
    position: relative;
    clear: both;
}
.counseling-block h3 {
    color: var(--xam-12);
    font-size: 16px;
}
.counseling-block h3 span {
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
    color: var(--do-11)
}
.counseling-block .bgd-top, .counseling-block .bgd-bot {
    background: rgba(0, 0, 0, 0) url("images/bgd-type-6.png") no-repeat scroll 0 0;
    height: 22px;
    position: absolute;
    width: 36px;
    z-index: 1;
}
.counseling-block .bgd-top {
    left: 10px;
    top: -1px;
}
.counseling-block .bgd-bot {
    background-position: 0 -22px;
    bottom: -1px;
    right: 10px;
}

.counseling-block ul{padding: 0}
.counseling-block ul li {
    line-height: 1.3;
    margin: 5px 0; list-style: none;  background: rgba(0, 0, 0, 0) url("images/bullet_check.png") no-repeat scroll 0 7px; padding: 4px 5px 4px 20px;
    font-size: 13px
}

.counseling-block .address{ font-size: 13px}
.counseling-block .address i{ padding-right: 5px}


ul.info{padding-left: 15px; margin-top: 20px;}
ul.info li{list-style: circle;}
ul.info li .color{display: inline-block; height: 20px; width: 20px; border: 1px solid var(--xam-7); cursor: pointer; border-radius: 50%; margin-right: 5px; font-size: 0; line-height: 30px}
ul.info li .color:hover,
ul.info li .size:hover{border: 1px solid var(--xam-12);}
ul.info li .size{display: inline-block; height: 20px; width: 20px; border: 1px solid var(--xam-7); cursor: pointer; margin-right: 5px; text-align: center; font-weight: 700; font-size: 12px; color: var(--xam-12)}
.color_choose{display: inline; width: 82px; height: 30px; padding: 3px 5px;}
/* Khung KHUYẾN MÃI, ƯU ĐÃI ngay trên hàng nút ĐẶT MUA NGAY + nút giỏ (includes/khuyen-mai.php; nội dung ở Theme Options → ô
   "Khuyến mãi, ưu đãi"). Viền đỏ, bo 10px, nền trắng; tiêu đề đè lên viền trên bên trái, nền trắng che viền (margin trên 24px chừa
   chỗ cho nửa tiêu đề lòi lên; lề trên trong khung 19px: chữ tiêu đề cách dòng ưu đãi đầu 10px). Mỗi ưu đãi một dòng (cao 21px, cách
   nhau 4px), số thứ tự (CSS counter) trong vòng tròn xanh lá 18px chỉ nhỉnh hơn chữ, canh giữa dòng đầu; dòng dài xuống hàng thẳng
   với chữ, chữ liền quá dài tự ngắt. Người dùng chốt kiểu gọn này 2026-10-13 (trước: vòng tròn 22px, dòng 22px cách 8px, lề trong
   20/12px). Cách hàng nút 20px là margin của .addtocart */
.khuyen-mai {position: relative; margin: 24px 0 0; padding: 19px 12px 9px; background: #fff; border: 1.5px solid var(--do-9); border-radius: 10px;}
.khuyen-mai-tieu-de {position: absolute; top: -11px; left: 10px; padding: 0 6px; color: var(--do-11); font-size: 15px; font-weight: 700; line-height: 20px; white-space: nowrap; background: #fff;}
.khuyen-mai-tieu-de .fa {margin-right: 3px;}
.khuyen-mai-ds {margin: 0; padding: 0; list-style: none; counter-reset: khuyen-mai;}
.khuyen-mai-ds li {position: relative; margin: 0 0 4px; padding-left: 26px; color: var(--xam-12); font-size: 15px; line-height: 21px; overflow-wrap: break-word; word-wrap: break-word; counter-increment: khuyen-mai;}
.khuyen-mai-ds li:last-child {margin-bottom: 0;}
.khuyen-mai-ds li:before {content: counter(khuyen-mai); position: absolute; top: 1.5px; left: 0; width: 18px; height: 18px; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; background: #28a745; border-radius: 50%;}
.khuyen-mai-ds strong {font-weight: 700; color: #000;}
.khuyen-mai-ds .khuyen-mai-do {color: var(--do-11);}
.addtocart{margin: 20px 0;} /* không cắt phần tràn: số trên nút giỏ lòi ra ngoài góc nút (mục "Hàng nút ĐẶT MUA NGAY + nút giỏ") */
.addtocart .btn-buy,
.addtocart input, .addtocart label{float: left;}
.addtocart input.quantity, input.quantity{width: 40px; padding: 0; text-align: center; border: 1px solid var(--xam-4); line-height: 36px}
/* Nút ĐẶT MUA NGAY (.btn-buy), Gọi Tư Vấn (.btn-call), Chat Zalo (.btn-zalo) ở trang sản phẩm: cùng chữ, bóng, hiệu ứng rê chuột;
   bo góc 8px như nút giỏ (từ 2026-10-13, trước bo 2px) */
.btn-buy, .btn-call, .btn-zalo{
	background: var(--do-9);
    border-radius: 8px;
    color: #FFF;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 25px;
    text-align: center;
    border: none;
    border-bottom: none; font-size: 16px; font-weight: 700;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.23); position: relative; overflow: hidden;
}
.btn-call{background: var(--toi-1); border-bottom: none; display: inline-block; }
.btn-zalo{background: #0068ff;}
.btn-call:hover, .btn-buy:hover, .btn-zalo:hover{color: #FFF; border-bottom: none}
.btn-buy strong{font-size: 18px;}
.btn-buy span{font-size: 12px;}

.btn-buy:after, .btn-call:after, .btn-zalo:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, .5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}

.btn-buy:hover:not(:active)::after,
.btn-call:hover:not(:active)::after,
.btn-zalo:hover:not(:active)::after {
  animation: ripple 1s ease-out;
}

/* Hàng nút ĐẶT MUA NGAY + nút giỏ ở trang sản phẩm (content-product.php; đích của 2 nút: includes/gio-hang.php), cao 46px;
   hàng Gọi Tư Vấn + Chat Zalo ở dưới. Nút giỏ: ô vuông nền trắng, viền đỏ, bo 8px, icon đỏ; vòng tròn viền đỏ ở góc trên bên phải là
   số giỏ hàng (tổng số lượng trong giỏ, cùng số với icon giỏ đầu trang; js/gio-hang.js điền), lòi ra ngoài góc nút */
.nut-mua {display: flex; gap: 10px; margin: 0 0 10px;}
.nut-mua .btn-buy {flex: 1 1 auto; width: auto; min-width: 0; height: 46px; margin: 0; padding-top: 0; padding-bottom: 0;}
.nut-gio {position: relative; flex: 0 0 46px; width: 46px; height: 46px; padding: 0; color: var(--do-11); font-size: 20px; line-height: 1; background: #fff; border: 1.5px solid var(--do-9); border-radius: 8px; cursor: pointer; transition: background-color .2s;}
.nut-gio:hover,
.nut-gio:focus {background: var(--xam-3); outline: none;}
.nut-gio:focus-visible {box-shadow: 0 0 0 3px rgba(228, 11, 11, .25);}
.nut-gio-so {position: absolute; top: -9px; right: -9px; box-sizing: border-box; min-width: 20px; height: 20px; padding: 0 4px; color: var(--do-11); font-size: 11px; font-weight: 700; line-height: 17px; text-align: center; background: #fff; border: 1.5px solid var(--do-9); border-radius: 10px;}

/* Hàng nút Gọi Tư Vấn + Chat Zalo (includes/nut-tu-van.php) dưới hàng ĐẶT MUA NGAY + nút giỏ: mỗi nút một nửa, cách nhau 10px
   như hàng trên; thiếu một nút thì nút kia chiếm cả hàng. Cao 46px; chữ, bóng, bo góc theo kiểu chung .btn-buy, .btn-call,
   .btn-zalo ở trên. Chữ không xuống dòng (điện thoại 320px vẫn vừa) */
.nut-tu-van {display: flex; gap: 10px; margin: 0 0 10px;}
.nut-tu-van a {display: flex; flex: 1 1 0; align-items: center; justify-content: center; gap: 8px; width: auto; min-width: 0; height: 46px; margin: 0; padding: 0 8px; white-space: nowrap;}
.nut-tu-van a:hover,
.nut-tu-van a:focus {color: #fff; text-decoration: none;}
.nut-tu-van a.btn-call, .nut-tu-van a.btn-call:hover, .nut-tu-van a.btn-call:focus {color: var(--toi-12);} /* nút Gọi Tư Vấn nền tối: chữ toi-12 */
/* Icon Zalo: bong bóng trắng, chữ "Zalo" xanh Zalo, đuôi nhọn ở góc dưới bên trái như logo Zalo; vẽ bằng CSS, không dùng ảnh */
.icon-zalo {position: relative; display: inline-block; padding: 3px 5px; color: #0068ff; font-size: 10px; font-weight: 700; line-height: 1; background: #fff; border-radius: 8px;}
.icon-zalo:after {content: ''; position: absolute; left: 2px; bottom: -4px; border-style: solid; border-width: 6px 5px 0 0; border-color: #fff transparent transparent transparent; transform: skewX(-25deg);}

.product-info .quantity-wrapper .add-up {
    border-bottom: 0 none;
}

.product-info .quantity-wrapper .add-action {
    border-bottom: 1px solid var(--xam-3);
    border-right: 1px solid var(--xam-3);
    border-top: 1px solid var(--xam-3);
    color: var(--xam-11);
    cursor: pointer;
    display: block;
    font-size: 7px;
    height: 19px;
    line-height: 15px;
    position: relative;
    text-align: center;
    width: 27px;
    background: var(--xam-2);
}

.support-product {
    border: 1px dashed #239ece;
    margin-top: 20px;
    padding: 10px 15px; background: var(--xam-2)
}
.support-product .mobile {
    color: #239ece;
    font-size: 16px;
}
.support-product h3 {
    color: #239ece;
    font-weight: 700;
    text-align: center; font-family: Arial
}
.support-product ul{margin-left: 20px}
.support-product ul li {
    color: #003bb9; list-style: disc;
}

.entry-content .box-heading, #content .related-title {
    border-bottom: 2px solid var(--xam-3);
    color: var(--xam-12);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    background: none; text-align: left;
}

.navbar-form.navbar-right{margin: 0}
.navbar-form.navbar-right i{padding: 12px}
.widget-search, .widget-cart{width: 40px; height: 40px;float: left;}


.header-search {
    position: relative;
    width: 120px;
}
.header-search i {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    border-radius: 50%;
    margin-top: 3px
}
.header-search .search-form {
    display: none;
    font-size: 13px;
}
.header-search .search-form.show {}

.widget-search i {
    background-color: #157d07;
    color: #fff;
    float: left;
    height: 36px;
    padding: 13px;
    width: 36px;
}
.widget-cart {
    font-size: 13px;
}
.widget-cart img {
    height: 40px;
    width: 40px;
}
.widget-cart i {
    background-color: var(--do-9);
    color: #fff;
    float: right;
    height: 36px;
    padding: 13px;
    width: 36px;
}
.widget-cart .btn.active {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #239ece;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.widget-cart .btn.active:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: var(--do-10);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.search-form input {
    height: 32px;
    width: 133px;
}
.search-form button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: var(--xam-12);
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: -moz-use-text-color;
    border-left-style: none;
    border-left-width: medium;
    border-right-color: -moz-use-text-color;
    border-right-style: none;
    border-right-width: medium;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: medium;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    position: relative;
    text-transform: uppercase;
    width: 75px;
}

/*Cart view*/
.cart-view img{width: 50px; height: 50px;}
.cart-view .photo{width: 80px; text-align: center;}
.cart-view .table tr td{line-height: 36px; border: 1px solid var(--xam-3);}
.cart-view .table > thead:first-child > tr:first-child > th{border: 1px solid var(--xam-3); background: var(--xam-2)}
.cart-view .price, #checkout-form .thanh-tien{color: #239ece} /* cột Thành tiền ở trang Thanh toán cùng màu, cỡ (14px) với trang Giỏ hàng */
/* Số tiền "Tổng tiền phải trả" ở trang Giỏ hàng, Thanh toán (2026-10-13): đỏ, đậm, 18px; chữ "Tổng tiền phải trả" giữ nguyên */
.cart-view .tong-tien, #checkout-form .tong-tien {color: var(--do-11); font-size: 18px; font-weight: 700;}
/* Món trong giỏ không đặt được nữa (sản phẩm chuyển sang Ngừng sản xuất, bị xóa giá; ratings_gio_hang_ly_do): ô Thành tiền ghi lý do,
   chữ xám đậm như chữ "Ngừng sản xuất" ở trang sản phẩm; trang Thanh toán không còn món nào đặt được thì câu báo thay nút Đặt hàng */
.cart-view .khong-ban, #checkout-form .khong-ban {color: var(--xam-11); font-weight: 700;}
#checkout-form .khong-dat-duoc {margin: 20px 0 0; padding: 10px 12px; color: var(--do-11); font-weight: 700; background: var(--xam-2); border: 1px solid var(--do-6); border-radius: 4px;}
/* Trang Giỏ hàng (page-templates/template-cart.php, 2026-10-13): cột Đơn vị tính in đậm; Số lượng [−] số [+] (js/gio-hang-so-luong.js):
   3 ô liền nhau, viền xám mảnh, số đậm ở giữa (bảng tóm tắt đơn ở trang Thanh toán dùng chung kiểu này); nút × xóa món. Điện thoại:
   mỗi món một khối (ảnh bên trái, tên, rồi từng dòng có nhãn lấy từ data-nhan, nút × góc trên phải), không cuộn ngang */
.cart-view .don-vi {width: 110px; text-align: center;}
.cart-view .so-luong-o {width: 130px; text-align: center;}
.cart-view .so-luong, #checkout-form .so-luong {display: inline-flex; vertical-align: middle; height: 34px; border: 1px solid var(--xam-7); border-radius: 4px; overflow: hidden; line-height: 1;}
.cart-view .so-luong button, #checkout-form .so-luong button {width: 32px; padding: 0; border: 0; background: var(--xam-2); color: var(--xam-12); font-size: 18px; line-height: 1; cursor: pointer;}
.cart-view .so-luong button:hover:not(:disabled), #checkout-form .so-luong button:hover:not(:disabled) {background: var(--xam-4);}
.cart-view .so-luong button:disabled, #checkout-form .so-luong button:disabled {color: var(--xam-7); cursor: default;}
.cart-view .so-luong-so, #checkout-form .so-luong-so {display: flex; align-items: center; justify-content: center; min-width: 40px; padding: 0 4px; border-left: 1px solid var(--xam-7); border-right: 1px solid var(--xam-7); background: #fff; font-weight: 700;}
.cart-view .nut-xoa {width: 30px; height: 30px; padding: 0; border: 1px solid var(--xam-5); border-radius: 50%; background: #fff; color: var(--xam-11); font-size: 20px; line-height: 26px; vertical-align: middle; cursor: pointer;}
.cart-view .nut-xoa:hover,
.cart-view .nut-xoa:focus {color: var(--do-11); border-color: var(--do-8); outline: none;}
@media (max-width: 767px) {
	.table-responsive.cart-view {overflow-x: visible; border: 0;}
	.cart-view .table, .cart-view .table > tbody, .cart-view .table > tbody > tr, .cart-view .table > tbody > tr > td {display: block; width: 100%;}
	.cart-view .table > thead {display: none;}
	.cart-view .table > tbody > tr > td {white-space: normal; line-height: 1.5;}
	/* tr.dong-khong-ban: món không đặt được nữa (Ngừng sản xuất, chưa có giá), cùng kiểu khối */
	.cart-view .table > tbody > tr.dong-gio, .cart-view .table > tbody > tr.dong-khong-ban {position: relative; min-height: 76px; margin-bottom: 10px; padding: 10px 10px 6px 76px; border: 1px solid var(--xam-3);}
	.cart-view .table > tbody > tr.dong-gio > td, .cart-view .table > tbody > tr.dong-khong-ban > td {padding: 5px 0; border: 0; text-align: left;}
	.cart-view .table > tbody > tr.dong-gio > td.ten-sp, .cart-view .table > tbody > tr.dong-khong-ban > td.ten-sp {padding-right: 36px;} /* chừa chỗ nút × */
	.cart-view .table > tbody > tr.dong-gio > td.anh-sp, .cart-view .table > tbody > tr.dong-khong-ban > td.anh-sp {position: absolute; top: 10px; left: 10px; width: 56px; padding: 0;}
	.cart-view .table > tbody > tr.dong-gio > td.xoa-o, .cart-view .table > tbody > tr.dong-khong-ban > td.xoa-o {position: absolute; top: 8px; right: 8px; width: auto; padding: 0;}
	.cart-view .table > tbody > tr.dong-gio > td[data-nhan], .cart-view .table > tbody > tr.dong-khong-ban > td[data-nhan] {display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px dashed var(--xam-3);}
	.cart-view .table > tbody > tr.dong-gio > td[data-nhan]:before, .cart-view .table > tbody > tr.dong-khong-ban > td[data-nhan]:before {content: attr(data-nhan); color: var(--xam-11); font-weight: 400; white-space: nowrap;}
	.cart-view .table > tbody > tr.dong-tong > td,
	.cart-view .table > tbody > tr.dong-nut > td {padding: 8px 0; border: 0;}
	.cart-view .table > tbody > tr.dong-tong > td {overflow: hidden;} /* bao trọn dòng tổng tiền canh phải, nút Thanh toán khỏi bị đẩy xuống */
}

/*Checkout form*/

#checkout-form{margin-bottom: 30px; color: var(--xam-11)}
/* Bảng tóm tắt đơn (.bang-don-hang): dưới tên sản phẩm là nút − / + (kiểu chung với trang Giỏ hàng, mục Cart view) rồi đơn vị tính
   in đậm, vd [− 2 +] Cặp (thay chữ "x 2 Cặp" từ 2026-10-13); không đủ chỗ thì đơn vị tính xuống dòng */
#checkout-form .so-luong-don {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 6px; color: var(--xam-11);}
/* Khổ hẹp (điện thoại dưới 480px; màn 768–979px cột Đơn hàng của bạn col-sm-5 chỉ rộng ~287px): mỗi món một khối như trang Giỏ hàng
   trên điện thoại, ảnh bên trái, tên, số lượng, dòng "Thành tiền" (nhãn lấy từ data-nhan, số bên phải; không đủ chỗ thì số xuống dòng,
   vẫn bên phải), không tràn ngang. Màn 980px trở lên cột rộng ~378–470px: bảng như máy tính */
@media (max-width: 479px), (min-width: 768px) and (max-width: 979px) {
	#checkout-form .bang-don-hang, #checkout-form .bang-don-hang tbody, #checkout-form .bang-don-hang tr, #checkout-form .bang-don-hang td {display: block; width: 100%;}
	#checkout-form .bang-don-hang thead {display: none;}
	/* tr.dong-khong-ban (món không đặt được nữa) cùng kiểu khối; ô lý do td.khong-ban như ô Thành tiền */
	#checkout-form .bang-don-hang tr.dong-gio, #checkout-form .bang-don-hang tr.dong-khong-ban {position: relative; min-height: 68px; padding: 8px 8px 8px 68px; border: 1px solid var(--xam-3); border-bottom: 0;}
	#checkout-form .bang-don-hang tr.dong-gio > td, #checkout-form .bang-don-hang tr.dong-khong-ban > td {padding: 0; border: 0;}
	#checkout-form .bang-don-hang tr.dong-gio > td.photo, #checkout-form .bang-don-hang tr.dong-khong-ban > td.photo {position: absolute; top: 8px; left: 8px; width: 50px;}
	#checkout-form .bang-don-hang tr.dong-gio > td.thanh-tien, #checkout-form .bang-don-hang tr.dong-khong-ban > td.khong-ban {display: flex; flex-wrap: wrap; justify-content: flex-end; column-gap: 8px; margin-top: 6px; padding-top: 4px; border-top: 1px dashed #eee;}
	#checkout-form .bang-don-hang tr.dong-gio > td.thanh-tien:before, #checkout-form .bang-don-hang tr.dong-khong-ban > td.khong-ban:before {content: attr(data-nhan); margin-right: auto; color: #777; font-weight: 400;}
	#checkout-form .bang-don-hang tr.dong-tong > td {overflow: hidden;} /* bao trọn dòng tổng tiền canh phải */
}
#checkout-form .photo{position: relative;}
#checkout-form table{width: 100%}
#checkout-form table img{width: 50px; height: 50px}
#checkout-form table tr td{border: 1px solid var(--xam-3);}
#checkout-form #submit{display: block; width: 100%; margin-top: 20px; font-size: 18px; border: none;}
#checkout-form h3, #checkout-form label{color: var(--xam-12)}
#checkout-form input[type="radio"]{margin-bottom: 5px;}
#checkout-form input, #checkout-form select{margin-bottom: 10px; border: 1px solid var(--xam-5);}
/* Form Thanh toán (page-templates/template-checkout.php, 2026-10-13). Ô bắt buộc (Họ và tên, Số điện thoại, Địa chỉ): chữ mờ kèm dấu *
   đỏ là nhãn .nhan-trong-o đè lên ô, đúng chỗ, màu, cỡ của chữ mờ thường (placeholder không tô màu riêng một ký tự được); ô có chữ thì
   nhãn ẩn. Ô Nội dung cao 4 dòng. Câu báo lỗi màu đỏ, ngay dưới ô */
#checkout-form .o-bat-buoc {position: relative;}
#checkout-form .nhan-trong-o {position: absolute; top: 3px; left: 13px; margin: 0; color: var(--xam-11); font-weight: 400; pointer-events: none;}
#checkout-form .o-bat-buoc input:not(:placeholder-shown) + .nhan-trong-o {display: none;}
#checkout-form .sao-do {color: var(--do-11);}
#checkout-form #commentsText {height: 100px;}
#checkout-form .error {display: block; margin: -5px 0 10px; color: var(--do-11);}
#checkout-form p.error {margin: 0 0 15px;}

/*Single content*/
#entry-meta{margin-bottom: 15px; font-style: italic;}
.entry-meta{font-size: 11px; text-transform: uppercase; color: var(--xam-11)}
.entry-meta a, .post-date{color: var(--xam-11)}
.entry-meta a:hover{color: var(--xam-12)}

#gallery{margin: 30px 0}
#gallery .gallery {
    margin-right: -2%;
}
#gallery .gallery .gallery-item {
    float: left;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 31.3%;
}

#gallery .gallery .gallery-item img{margin: 0; width: 100%; height: auto;}
#gallery .gallery .gallery-item img:hover{opacity: 0.8;}

.featured-image{margin-bottom: 20px}
.heading h1{color: #2d6c9a}
.breadcrumb{background: none; padding: 5px 0; margin-bottom: 0; font-size: 13px; color: var(--xam-11)}
h1.entry-title, h1.page-title{font-size: 20px; padding: 0; color: var(--xam-11); margin: 0 0 20px}
.page h1.entry-title{font-size: 18px; text-transform: uppercase; margin-top: 0}
.single h1.entry-title{font-size: 18px; text-transform: uppercase; margin: 0 0 15px}

.category .heading{margin-bottom: 15px; background: rgba(0, 0, 0, 0) url("images/bg_head_nav.png") repeat-x scroll 0 10px}
.category .heading h1 {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    padding-right: 15px;
    text-transform: uppercase;
}
.entry-content{font-size: 15px; line-height: 1.6; margin-bottom: 30px}
.entry-content ul li{list-style: disc; margin-bottom: 5px}
.entry-content ol li{margin-bottom: 5px;}
.entry-content ul, .entry-content ol{margin: 15px 0 15px 25px}
.entry-content img{max-width: 100%; height: auto; margin: 15px auto; display: block;}
.entry-content a{color: var(--do-11)} /* link trong nội dung (2026-10-25; trước cam #FF6600, rê chuột đen) */
.entry-content a:hover{color: var(--do-10)}
.entry-content a:not([class]):hover{text-decoration: underline} /* chỉ link gõ trong bài; các khối có class tự đặt kiểu */
.entry-content .content-top-ads{text-align: left; margin: 15px 0;}
.entry-content .content-bottom-ads{text-align: center; margin: 0;}
.entry-content .content-top-ads img, .entry-content .content-bottom-ads img{width: auto; text-align: center; border: none;padding: 0; margin: 0}
#content .entry-content ul, #content .entry-content ol{margin: 10px 0 10px 30px}
#content .entry-content ul li{list-style: disc;}

/* Chữ thường trong nội dung (người dùng chốt 2026-10-15): đoạn văn, danh sách (p, li) 16px, cách dòng 1.55 (= 24,8px), cả máy tính
   lẫn điện thoại, ở 4 vùng: bài viết, trang tĩnh (phần soạn trong trang; Giỏ hàng, Thanh toán, Đăng nhập, Đăng ký không có
   .entry-content), tab Mô tả sản phẩm (#sp-mo-ta; tab Thông số là #sp-thong-so), bài giới thiệu danh mục. Bắt cả p, li nằm trong div
   bọc ngoài (nội dung dán từ ChatGPT, trình soạn khối, widget). Khung .entry-content ở trên vẫn 15px / 1.6 nên chữ không nằm trong p,
   li giữ như cũ; p, li trong bảng, form, 6 khối shortcode, khối Sản phẩm (cả dòng "Xem tất cả" p.khoi-sp-xem), mục lục (mọi thẻ
   nav: Xem nhanh của theme, Fixed TOC còn bật trên staging, web thật) không đổi: vẫn ăn theo khung như lúc duyệt. Khối của plugin
   Shortcodes Ultimate (class bắt đầu bằng su-, còn trên staging, web thật tới khi làm xong SO-TAY/08) cũng không đổi. Lề giữa các
   đoạn (px) không đổi. :where() cho độ ưu tiên bằng 0: quy tắc nào đặt cỡ chữ riêng cho p, li (vd cỡ chữ chọn trong trình soạn
   khối) vẫn thắng */
:where(body.single-post .entry-content, body.page .entry-content, #sp-mo-ta, .category-article-body) :where(p, li):not(:where(table *, form *, nav *, .khoi-hoi-dap *, .khoi-hop *, .khoi-ghi-chu *, .khoi-cot *, .khoi-ds *, .khoi-sp *, .khoi-sp-xem, [class^="su-"] *)) {font-size: 16px; line-height: 1.55;}

/* Mục lục "Xem nhanh" ở bài viết (includes/xem-nhanh.php, js/xem-nhanh.js; thay Fixed TOC 2026-10-14), ngay trước tiêu đề đầu tiên.
   Khung nền hồng nhạt, viền hồng, bo 8px. Hàng tiêu đề là 1 nút (bấm cả hàng để mở rộng / thu gọn; mặc định thu gọn, chỉ hiện
   hàng này, người dùng chốt 2026-10-14; danh sách có thuộc tính hidden, xem includes/xem-nhanh.php): trái chữ
   "Xem nhanh" đỏ đậm 16px, phải nút tròn đỏ 28px, mũi tên trắng (đang mở chỉ lên, thu gọn chỉ xuống). Mỗi mục là thẻ trắng bo 6px,
   vạch trái 3px trong suốt; rê chuột (hoặc chọn bằng phím Tab) thì vạch và chữ đỏ; mục con (H3) thụt 18px, chữ 14px xám. Bộ chọn có
   #content .entry-content để thắng kiểu danh sách chung của bài (chấm tròn, lề trái 30px) và màu link cam ở trên */
#content .xem-nhanh {margin: 0 0 20px; padding: 12px 14px; background: var(--do-2); border: 1px solid var(--do-6); border-radius: 8px;}
#content .xem-nhanh-dau {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0; text-align: left; background: none; border: 0; cursor: pointer;}
#content .xem-nhanh-dau:focus {outline: none;}
#content .xem-nhanh-dau:focus-visible {outline: 2px solid var(--do-8); outline-offset: 4px; border-radius: 4px;}
#content .xem-nhanh-chu {color: var(--do-11); font-size: 16px; font-weight: 700; line-height: 28px;}
#content .xem-nhanh-nut {display: flex; align-items: center; justify-content: center; flex: none; width: 28px; height: 28px; margin-left: 10px; color: #fff; font-size: 13px; background: var(--do-9); border-radius: 50%;}
#content .xem-nhanh-nut .fa-chevron-down {transition: transform .2s;}
#content .xem-nhanh-dau[aria-expanded="true"] .fa-chevron-down {transform: rotate(180deg);}
#content .entry-content .xem-nhanh-ds,
#content .entry-content .xem-nhanh-ds ul {margin: 0; padding: 0; list-style: none;}
#content .entry-content .xem-nhanh-ds {margin-top: 10px;}
#content .entry-content .xem-nhanh-ds[hidden] {display: none;}
#content .entry-content .xem-nhanh-ds ul {margin-left: 18px;}
#content .entry-content .xem-nhanh-ds li {margin: 6px 0 0; padding: 0; list-style: none;}
#content .entry-content .xem-nhanh-ds > li:first-child {margin-top: 0;}
#content .xem-nhanh-ds a {display: block; padding: 9px 12px; color: var(--xam-12); font-size: 15px; line-height: 1.4; text-decoration: none; overflow-wrap: break-word; word-wrap: break-word; background: #fff; border-left: 3px solid transparent; border-radius: 6px;}
#content .xem-nhanh-ds ul a {color: var(--xam-11); font-size: 14px;}
#content .xem-nhanh-ds a:hover,
#content .xem-nhanh-ds a:focus-visible {color: var(--do-11); border-left-color: var(--do-9); outline: none;}
@media (prefers-reduced-motion: reduce) {
	#content .xem-nhanh-nut .fa-chevron-down {transition: none;}
}
/* Khoảng chừa phía trên tiêu đề khi nhảy tới (bấm mục lục, mở link có #id): 10px cộng chiều cao thanh đầu trang đang dính
   (--xem-nhanh-tren do js/xem-nhanh.js đo; điện thoại: #header cố định cao 52px, ghi sẵn để đúng cả khi script chưa chạy).
   Thanh quản trị WordPress đang bị theme tắt ngoài trang (includes/custom-functions.php); bật lại thì WordPress tự chừa chỗ cho nó
   (scroll-padding-top của html) */
.single-post .entry-content h2[id],
.single-post .entry-content h3[id] {scroll-margin-top: calc(var(--xem-nhanh-tren, 0px) + 10px);}
@media (max-width: 767px) {
	.single-post .entry-content h2[id],
	.single-post .entry-content h3[id] {scroll-margin-top: calc(var(--xem-nhanh-tren, 52px) + 10px);}
}

/* Khối nội dung viết bằng shortcode (includes/khoi-noi-dung.php; nút "Chèn khối" ở khung soạn thảo: includes/chen-khoi.php), làm
   2026-10-14, thay plugin Shortcodes Ultimate: [hoi-dap] [hoi], [nut], [hop], [ghi-chu], [cot] [o], [ds]. Có ở bài viết, trang, mô tả
   sản phẩm, tab Thông số, bài giới thiệu danh mục. Đỏ #e40b0b, chữ theo trang (Roboto). Vài bộ chọn có thêm .entry-content,
   #content .entry-content để thắng kiểu danh sách (chấm tròn, lề trái) và màu link cam chung của bài ở trên */
.khoi-hoi-dap, .khoi-hop, .khoi-ghi-chu, .khoi-cot, .khoi-ds {margin: 15px 0;}
.khoi-hop-than > :first-child, .khoi-ghi-chu-than > :first-child, .khoi-o > :first-child, .khoi-hoi-tra-loi > :first-child {margin-top: 0;}
.khoi-hop-than > :last-child, .khoi-ghi-chu-than > :last-child, .khoi-o > :last-child, .khoi-hoi-tra-loi > :last-child {margin-bottom: 0;}
/* Ảnh đầu, cuối của ô cột (ảnh trong bài có lề 15px trên dưới): sát mép ô để các ô căn giữa theo chiều dọc cho đúng */
.khoi-o > img:first-child, .khoi-o > :first-child > img:first-child {margin-top: 0;}
.khoi-o > img:last-child, .khoi-o > :last-child > img:last-child {margin-bottom: 0;}

/* Hỏi đáp: khung hồng nhạt như mục lục Xem nhanh, tiêu đề đỏ có icon dấu hỏi. Mỗi câu là thẻ trắng, bấm cả dòng câu hỏi để mở / thu
   (thẻ <details>, không cần JS); nút tròn đỏ 22px bên phải vẽ dấu + / − bằng 2 vạch trắng; câu đang mở chữ đỏ */
.khoi-hoi-dap {padding: 12px 14px; background: var(--do-2); border: 1px solid var(--do-6); border-radius: 8px;}
.khoi-hoi-dap-tieu-de {display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: var(--do-11); font-size: 16px; font-weight: 700; line-height: 1.4;}
.khoi-hoi {margin: 8px 0 0; background: #fff; border: 1px solid var(--do-6); border-radius: 6px;}
.khoi-hoi:first-child, .khoi-hoi-dap-tieu-de + .khoi-hoi {margin-top: 0;}
.khoi-hoi > summary {display: block; position: relative; padding: 10px 46px 10px 12px; color: var(--xam-12); font-size: 15px; font-weight: 700; line-height: 1.4; cursor: pointer; list-style: none;}
.khoi-hoi > summary::-webkit-details-marker {display: none;}
.khoi-hoi > summary::after {content: ""; position: absolute; top: 50%; right: 12px; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: linear-gradient(#fff, #fff) center / 10px 2px no-repeat, linear-gradient(#fff, #fff) center / 2px 10px no-repeat, var(--do-9);}
.khoi-hoi[open] > summary {color: var(--do-11);}
.khoi-hoi[open] > summary::after {background: linear-gradient(#fff, #fff) center / 10px 2px no-repeat, var(--do-9);}
.khoi-hoi > summary:focus {outline: none;}
.khoi-hoi > summary:focus-visible {outline: 2px solid var(--do-8); outline-offset: 2px; border-radius: 6px;}
.khoi-hoi-tra-loi {padding: 0 12px 12px; color: var(--xam-12);}

/* Nút: cao tối thiểu 42px (chữ dài trên điện thoại xuống dòng), bo 8px, chữ 15px đậm 700 (web chỉ nạp Roboto 400 và 700, người dùng
   chọn 700). do: nền đỏ chữ trắng; vien: nền trắng, viền đỏ, chữ đỏ; den: nền #222 chữ trắng. Bộ chọn 2 class để thắng màu link
   (.entry-content a, .entry-content a:hover); không có link thì là span, rê chuột không đổi màu */
.khoi-nut {display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 42px; margin: 4px 8px 4px 0; padding: 8px 20px; font-size: 15px; font-weight: 700; line-height: 1.3; text-align: center; text-decoration: none; vertical-align: middle; border: 1.5px solid var(--do-9); border-radius: 8px; transition: background-color .2s, border-color .2s;}
.khoi-nut.khoi-nut-do, .khoi-nut.khoi-nut-do:hover, .khoi-nut.khoi-nut-do:focus {color: #fff; background: var(--do-9); text-decoration: none;}
a.khoi-nut.khoi-nut-do:hover {background: var(--do-10); border-color: var(--do-10);}
.khoi-nut.khoi-nut-vien, .khoi-nut.khoi-nut-vien:hover, .khoi-nut.khoi-nut-vien:focus {color: var(--do-11); background: #fff; text-decoration: none;}
a.khoi-nut.khoi-nut-vien:hover {background: var(--xam-3);}
.khoi-nut.khoi-nut-den, .khoi-nut.khoi-nut-den:hover, .khoi-nut.khoi-nut-den:focus {color: #fff; background: var(--xam-12); border-color: var(--xam-12); text-decoration: none;}
a.khoi-nut.khoi-nut-den:hover {background: var(--toi-1); border-color: var(--toi-1);}
a.khoi-nut:focus-visible {outline: 2px solid var(--do-8); outline-offset: 2px;}
span.khoi-nut {cursor: default;}

/* Hộp: viền đỏ 1.5px, bo 8px; thanh tiêu đề nền đỏ, chữ trắng đậm (góc trên bo theo khung); thân cách mép 12px 14px */
.khoi-hop {background: #fff; border: 1.5px solid var(--do-9); border-radius: 8px;}
.khoi-hop-tieu-de {display: flex; align-items: center; gap: 8px; padding: 8px 14px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.4; background: var(--do-9); border-radius: 6.5px 6.5px 0 0;}
.khoi-hop-than {padding: 12px 14px;}

/* Ghi chú: góc vuông, vạch trái 4px, icon bên trái ngang dòng chữ đầu (dòng cao 24px). thong-tin: nền hồng nhạt, vạch và icon chữ i
   đỏ; luu-y: nền vàng nhạt, vạch #f0a020, icon tam giác #c27800 */
.khoi-ghi-chu {display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; background: var(--do-2); border-left: 4px solid var(--do-9);}
.khoi-ghi-chu > i {flex: none; color: var(--do-11); font-size: 18px; line-height: 24px;}
.khoi-ghi-chu-than {flex: 1 1 auto; min-width: 0;}
.khoi-ghi-chu-luu-y {background: #fff8e6; border-left-color: #f0a020;}
.khoi-ghi-chu-luu-y > i {color: #c27800;}

/* Cột: các ô chia đều, cách nhau 18px, căn giữa theo chiều dọc; dưới 768px xếp dọc */
.khoi-cot {display: flex; align-items: center; gap: 18px;}
.khoi-o {flex: 1 1 0; min-width: 0;}
@media (max-width: 767px) {
	.khoi-cot {flex-direction: column; align-items: stretch;}
	.khoi-o {flex: none;}
}

/* Danh sách dấu ✓: bỏ dấu chấm, mỗi ý có vòng tròn đỏ 20px với dấu ✓ trắng (icon check của Font Awesome) ngang dòng đầu
   (dòng cao 24px). Danh sách đánh số (ol) giữ nguyên */
.khoi-ds ul,
.entry-content .khoi-ds ul,
#content .entry-content .khoi-ds ul {margin: 0; padding: 0; list-style: none;}
.khoi-ds li,
.entry-content .khoi-ds li,
#content .entry-content .khoi-ds ul li {position: relative; margin: 8px 0 0; padding: 0 0 0 30px; list-style: none;}
.khoi-ds li:first-child,
.entry-content .khoi-ds li:first-child,
#content .entry-content .khoi-ds ul li:first-child {margin-top: 0;}
.khoi-ds li::before {content: "\f00c"; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; color: #fff; font: 900 10px/20px "Font Awesome 5 Free"; text-align: center; background: var(--do-9); border-radius: 50%;}

/* Khối sản phẩm [san-pham] (includes/khoi-san-pham.php; trượt: js/khoi-san-pham.js), làm 2026-10-14. Thẻ là đúng thẻ của trang danh
   mục (ul.products.columns-5 > li.dst-col-2, kiểu ở mục "Product category"): ở đây chỉ đổi số cột, kiểu trượt và gỡ kiểu danh sách,
   ảnh, cỡ chữ chung của bài (.entry-content, #content .entry-content). Số cột theo bề rộng thật của khối (container query, không theo
   màn hình): khối rộng từ 640px (bài viết, mô tả sản phẩm trên máy tính) 4 cột; 440–639px (cột bài viết trên máy tính bảng) 3 cột;
   hẹp hơn (điện thoại) 2 cột, cách nhau 10px. Trượt: cùng số thẻ, riêng khối hẹp dưới 440px hiện 2 thẻ và mép thẻ thứ 3 */
.khoi-sp {container: khoi-sp / inline-size; margin: 15px 0;}
.khoi-sp-tieu-de + .khoi-sp {margin-top: 10px;}
.khoi-sp ul.products.columns-5,
#content .entry-content .khoi-sp ul.products {margin: 0;}
/* Chữ của thẻ 14px / 1.6 như thân trang (body), như thẻ ở trang danh mục; không ăn theo 15px của .entry-content (2026-10-24) */
.khoi-sp ul.products.columns-5 > li,
#content .entry-content .khoi-sp ul.products > li {margin: 0; font-size: 14px; line-height: 1.6; list-style: none;}
/* Ảnh trong bài (.entry-content img: display block, lề trên dưới 15px, cao auto, rộng tối đa 100%) đè kiểu ảnh của thẻ (2026-10-24):
   ảnh sản phẩm về inline-block như .img-responsive ở trang danh mục, nằm giữa khung 210px theo chiều dọc (trước sát mép trên khung);
   ảnh nhãn dán không lề, cao đúng hàng nhãn như .the-sp-nhan-dan img (trước bị đẩy xuống 15px, cao theo ảnh gốc, hàng nhãn cắt mất
   phần dưới, chữ tên sản phẩm như đè lên nhãn) */
.khoi-sp .dst-col-2 .dst_lprdc img {display: inline-block; margin: 0;}
.khoi-sp .the-sp-nhan-dan img {max-width: none; height: 100%; margin: 0;}
/* Lưới: lề 6px 4px 12px như khối trượt (thẻ thẳng mép thẻ khối trượt), chừa chỗ cho bóng thẻ và thẻ phóng to khi rê chuột. Tab Mô tả,
   tab Thông số (.article-content), bài giới thiệu danh mục dài (có nút Đọc thêm) cắt phần tràn ra ngoài: trước 2026-10-24 lề 0 nên mất
   bóng mép trái thẻ đầu, mép phải thẻ cuối hàng, rê chuột thì thẻ phóng to bị cắt */
.khoi-sp-luoi ul.products.columns-5 {padding: 6px 4px 12px; grid-template-columns: repeat(2, minmax(0, 1fr));}
@container khoi-sp (min-width: 440px) {
	.khoi-sp-luoi ul.products.columns-5 {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@container khoi-sp (min-width: 640px) {
	.khoi-sp-luoi ul.products.columns-5 {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
/* Trượt: danh sách cuộn ngang, mỗi thẻ là một điểm dừng (scroll-snap); lề 6px 4px 12px chừa chỗ cho bóng và hiệu ứng phóng to khi
   rê chuột. Danh sách là mốc vị trí của thẻ (js đo vị trí thẻ). Thanh cuộn chỉ ẩn khi js đã chạy (lớp da-chay); đang kéo chuột
   (lớp dang-keo) thì tắt điểm dừng để kéo mượt */
.khoi-sp-khung {position: relative;}
.khoi-sp-truot ul.products.columns-5 {position: relative; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 20px) / 2.3); padding: 6px 4px 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding: 0 4px;}
@container khoi-sp (min-width: 440px) {
	.khoi-sp-truot ul.products.columns-5 {grid-auto-columns: calc((100% - 20px) / 3);}
}
@container khoi-sp (min-width: 640px) {
	.khoi-sp-truot ul.products.columns-5 {grid-auto-columns: calc((100% - 30px) / 4);}
}
.khoi-sp-truot ul.products.columns-5 > li {scroll-snap-align: start;}
.khoi-sp-truot ul.products.columns-5:focus {outline: none;}
.khoi-sp-truot ul.products.columns-5:focus-visible {outline: 2px solid var(--do-8); outline-offset: -2px;}
.khoi-sp-truot.da-chay ul.products.columns-5 {scrollbar-width: none;}
.khoi-sp-truot.da-chay ul.products.columns-5::-webkit-scrollbar {display: none;}
.khoi-sp-truot.dang-keo ul.products.columns-5 {scroll-snap-type: none; cursor: grabbing; user-select: none;}
.khoi-sp-truot.dang-keo ul.products.columns-5 a {cursor: grabbing;}
/* Mũi tên (kiểu nút, lúc hiện: mục "Mũi tên tròn của các khối trượt ngang" ở trên, từ 2026-10-23; trước là nút tròn trắng 34px viền
   đỏ, luôn hiện): ở 2 bên, sát mép khung, giữa chiều cao thẻ (danh sách có lề trên 6px, dưới 12px nên tâm nút lùi lên 3px) */
.khoi-sp-nut {top: 50%; margin-top: -19px;}
.khoi-sp-truoc {left: 0;}
.khoi-sp-sau {right: 0;}
/* Hàng chấm: mỗi chấm một trang; chấm xám 8px, trang đang xem là vạch đỏ dài 22px */
.khoi-sp-cham {display: flex; justify-content: center; gap: 6px; margin-top: 2px;}
.khoi-sp-cham[hidden] {display: none;}
.khoi-sp-cham button {width: 8px; height: 8px; padding: 0; background: var(--xam-7); border: 0; border-radius: 4px; cursor: pointer; transition: width .2s, background-color .2s;}
.khoi-sp-cham button[aria-current="true"] {width: 22px; background: var(--do-9);}
.khoi-sp-cham button:focus {outline: none;}
.khoi-sp-cham button:focus-visible {outline: 2px solid var(--do-8); outline-offset: 2px;}
/* Dòng "Xem tất cả … →" dưới khối: chữ đỏ đậm, căn giữa */
.khoi-sp-xem {margin: 8px 0 15px; text-align: center;}
.khoi-sp-xem a,
.entry-content .khoi-sp-xem a {color: var(--do-11); font-weight: 700;}
.khoi-sp-xem a:hover,
.entry-content .khoi-sp-xem a:hover {color: var(--do-10); text-decoration: underline;}

/* Khối Flash Sale trang chủ (widget "Flash Sale", includes/widgets/widget-flash-sale.php; trượt: js/khoi-san-pham.js), 2026-10-25 theo
   bản chốt người dùng duyệt (kiểu 8 "hộp vàng kim chữ đỏ": backups/anh-chup/2026-10-24-demo-flash-sale/BAN-CHOT.md, ảnh 6-hop8-*.png).
   CSS chép từ demo (zz-demo.js: CSS, CSS2, CSS5 phần chung và kiểu 8), các lớp kiểu của demo (fs-do, fs-co-tab, kieu-8) gộp vào lớp
   chính. Mọi lớp bắt đầu bằng fs-; quy tắc đụng tới khối sản phẩm, thẻ chỉ áp trong .fs.
   2026-10-26 (người dùng duyệt demo backups/anh-chup/2026-10-26-demo-bo-cuc-flash-sale/, bản B "nhãn đỏ"; màu kiểu 3 "Xám, điểm đỏ",
   demo backups/anh-chup/2026-10-26-demo-mau-flash-sale/): bỏ hộp vàng nhô lên trên khung và dải hình thang; tiêu đề thành nhãn đỏ chữ
   trắng trong khung, bên trái, đồng hồ sát phải cùng hàng (.fs-dau-hang); thân xám 3 viền đỏ 6, màu theo bảng Radix. Khác demo (có chủ ý):
   - Tiêu đề là tiêu đề thật (h2.fs-tab): lề, cỡ dòng riêng, không theo h2 chung; tiêu đề dài (tối đa 14 ký tự) thì nhãn dài theo chữ.
   - Không có 2 phiếu % trang trí (người dùng bỏ 2026-10-26, demo backups/anh-chup/2026-10-26-demo-phieu-flash-sale/); cùng lúc bỏ
     #homebanners {overflow-x: clip} vốn để cắt phần phiếu thò ra ngoài màn hình.
   - Chữ trên thanh "Đã bán" không xuống dòng (số 3 chữ số trở lên ở điện thoại từng bị gãy 2 dòng, tràn khỏi thanh); điện thoại hẹp
     hơn 375px chữ giá, giá cũ, thanh nhỏ dần theo màn hình (cuối mục).
   - Viền focus (phím Tab) của dải thẻ, mũi tên đỏ 8.
   - 5 thẻ theo màn hình từ 980px (demo: khối rộng từ 900px, nên màn 980–995px có thanh cuộn chỉ 4 thẻ).
   - Ô ngày ẩn khi còn dưới 1 ngày (thuộc tính hidden).
   - Chỗ đặt: lề dưới 20px là lề trong (padding), không gộp với lề trên 15px của tiêu đề "Những Sản Phẩm…" ngay dưới (máy tính khối
     cách tiêu đề như demo); điện thoại khối cách vạch xám dưới hàng icon 15px (demo vị trí cuối, ảnh 7-nhan-goc-375.png).
   Thẻ: thẻ dùng chung (mục "Thẻ sản phẩm"), không in hàng nhãn dán, dòng sao; bo 5px như mọi thẻ (demo có quy tắc bo 8px nhưng bị quy
   tắc chung của thẻ đè, ảnh duyệt là 5px). Dưới 980px khung ảnh vuông (cạnh = bề rộng thẻ) thay khung cao 210px, chỉ trong khối này */
.fs-tt {position: relative; padding-bottom: 20px;}
/* Thân: nền xám 3, viền đỏ 6 */
.fs {position: relative; padding: 12px 16px; border: 3px solid var(--do-6); border-radius: 16px; color: var(--xam-12); background: var(--xam-3);}
/* Hàng đầu khung: nhãn tiêu đề bên trái (đỏ 9 → đỏ 10, chữ trắng nghiêng, tia sét vàng), đồng hồ sát phải */
/* Không đủ chỗ một hàng (tiêu đề dài trên điện thoại hẹp): đồng hồ xuống hàng dưới, vẫn sát phải */
.fs-dau-hang {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-bottom: 12px;}
.fs-tab {display: flex; flex: none; align-items: center; gap: 6px; height: 40px; margin: 0; padding: 0 14px; border-radius: 8px; background: linear-gradient(180deg, var(--do-9), var(--do-10)); color: #fff; font-size: 22px; font-weight: 700; font-style: italic; line-height: 1.2; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap;}
.fs-tab svg {flex: none; width: 20px; height: 20px; fill: var(--vang-9);}
/* Đồng hồ: "KẾT THÚC SAU" (đỏ 11) + ô nền tối chữ sáng [N ngày] giờ : phút : giây */
.fs-dau {margin-left: auto;}
.fs-dong-ho {display: flex; align-items: center; justify-content: flex-end; gap: 6px; font-size: 15px; font-weight: 700;}
.fs-nhan {margin-right: 4px; color: var(--do-11); text-transform: uppercase;}
.fs-o {display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 5px; border-radius: 6px; background: var(--toi-1); color: var(--toi-12); font-size: 18px; font-variant-numeric: tabular-nums;}
.fs-o[hidden] {display: none;}
.fs-o small {margin-left: 3px; font-size: 12px; font-weight: 400;}
.fs-hai-cham {font-size: 18px;}
/* Dải thẻ: khối sản phẩm trượt (mục "Khối sản phẩm"), không có hàng chấm; từ 980px 5 thẻ, 768–979px 4 thẻ, điện thoại 2 thẻ + mép thẻ 3 */
.fs .khoi-sp {margin: 0;}
.fs .khoi-sp-truot ul.products.columns-5 {padding-top: 4px;}
@media (min-width: 980px) {
	.fs .khoi-sp-truot ul.products.columns-5 {grid-auto-columns: calc((100% - 40px) / 5);}
}
.fs .khoi-sp-cham {display: none;}
/* Dùng phím Tab: viền focus của dải thẻ, mũi tên đỏ 8 */
.fs .khoi-sp-truot ul.products.columns-5:focus-visible,
.fs .khoi-sp-nut:focus-visible {outline-color: var(--do-8);}
/* Thanh "Đã bán x/y suất" cuối thẻ: nền đỏ 4, phần đã bán đỏ 8 → đỏ 9 (i, rộng theo tỉ lệ, viết thẳng trong thẻ), icon lửa đầu thanh;
   chữ đỏ 12 trên nền đỏ 4 (span), chữ trắng (b) chỉ hiện trên phần đỏ (clip-path viết thẳng trong thẻ) */
.fs-ban {position: relative; display: flex; align-items: center; justify-content: center; height: 18px; margin: 6px 0 2px 10px; border-radius: 9px; background: var(--do-4); font-size: 11px; font-weight: 700; line-height: 18px; white-space: nowrap;}
.fs-ban i {position: absolute; top: 0; bottom: 0; left: 0; border-radius: 9px; background: linear-gradient(90deg, var(--do-8), var(--do-9));}
.fs-ban span {position: relative; color: var(--do-12);}
.fs-ban b {position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700;}
.fs-ban svg {position: absolute; z-index: 1; left: -10px; top: 50%; width: 22px; height: 22px; margin-top: -12px; fill: var(--do-9);}
/* Dòng điều kiện cuối khối */
.fs-dk {margin: 6px 0 0; color: var(--xam-11); font-size: 13px; text-align: center;}
@media (max-width: 979px) {
	.fs .dst-col-2 .dst_lprdc {display: flex; align-items: center; justify-content: center; width: 100%; height: auto; aspect-ratio: 1 / 1; line-height: normal; padding: 4px;}
	.fs .dst-col-2 .dst_lprdc img {max-height: 100%; width: auto;}
}
@media (max-width: 767px) {
	.fs-tt {margin-top: 15px;}
	.fs {margin: 0 -5px; padding: 12px 10px 10px;}
	/* Nhãn tiêu đề, ô đồng hồ nhỏ dần theo màn hình (đúng cỡ từ 375px); "KẾT THÚC SAU" là dòng chữ nhỏ ngay trên các ô số (absolute, nên
	   đồng hồ chỉ rộng bằng các ô), để tiêu đề "Flash Sale" và đồng hồ vẫn một hàng cả khi có ô ngày, tới màn 320px */
	.fs-dau-hang {gap: 8px 6px; margin-bottom: 10px;}
	.fs-tab {gap: min(4px, 1.07vw); height: 32px; padding: 0 min(10px, 2.67vw); border-radius: 6px; font-size: min(16px, 4.27vw); letter-spacing: 0;}
	.fs-tab svg {width: min(14px, 3.73vw); height: min(14px, 3.73vw);}
	.fs-dau {padding-top: 15px;}
	.fs-dong-ho {position: relative; gap: min(3px, .8vw); font-size: 12px;}
	.fs-nhan {position: absolute; right: 0; bottom: 100%; margin: 0 0 3px; font-size: 10px; line-height: 12px; white-space: nowrap;}
	.fs-o {min-width: min(26px, 6.94vw); height: min(26px, 6.94vw); padding: 0 min(3px, .8vw); border-radius: 5px; font-size: min(14px, 3.73vw);}
	.fs-o small {font-size: 10px;}
	.fs-hai-cham {font-size: 14px;}
	.fs-dk {font-size: 12px;}
	/* Màn hẹp hơn 375px (thẻ hẹp hơn demo, 320px: thẻ 107px): giá, giá cũ, chữ thanh "Đã bán" nhỏ dần theo màn hình để không bị cắt;
	   từ 375px đúng cỡ của thẻ (16px, 13px, 11px) */
	.fs .the-sp-gia .price {font-size: min(16px, 4.27vw);}
	.fs .the-sp-gia-cu {font-size: min(13px, 3.47vw);}
	.fs-ban {font-size: min(11px, 2.94vw);}
}

#content .entry-content .entry-tags {
    border-bottom: 1px dotted var(--xam-3);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.entry-content .tag-links{margin: 10px 0 20px; font-size: 12px; border-bottom: 1px solid var(--xam-3); padding-bottom: 20px}

.entry-content .tag-links a {
    color: var(--xam-11);
    display: inline-block;
    font-size: 12px;
    line-height: 1.27273;
    margin-left: 5px;
    position: relative;
}
.entry-content .tag-links a:hover {
    color: #000; text-decoration: underline;
}

.nav-links {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    hyphens: auto;
    word-wrap: break-word;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
/* Ô bẫy chống máy ở form Thanh toán, Đăng ký, Liên hệ (includes/chong-may.php, 2026-10-30): người dùng không thấy, không Tab tới */
.o-bay {position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}
/* H1 trang chủ = tên web (header.php, 2026-10-29): ẩn khỏi màn hình (không chiếm chỗ, không gây cuộn ngang), Google và trình đọc màn hình vẫn đọc */
.tieu-de-web-an {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.post-navigation{margin: 30px 0}
.post-navigation a, .image-navigation a {
    color: var(--xam-12);
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71429;
    text-transform: none;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 11px 0 12px;
}

.post-navigation .meta-nav {
    color: var(--xam-11);
    display: block;
    font-size: 12px;
    font-weight: 900;
    line-height: 2;
    text-transform: uppercase;
}


#dst-navmenu {
	width: 100%;
	margin-bottom: 25px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background: var(--toi-1);
}
#dst-navmenu .navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}

#dst-navmenu .nav > li > a:focus, #dst-navmenu .nav > li > a:hover, #dst-navmenu .current-menu-item {
	background-color: var(--do-9);
}

.tks-content {
	position: relative;
	height: 350px;
	border-right: 1px solid #fff; overflow: hidden;
}

.tks-content .tk-images a:hover::after {
    filter: alpha(opacity=40);
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
}
.dst_hotnews {margin-bottom: 20px; overflow: hidden;}
.dst_hotnews .col-md-6, .dst_hotnews .col-md-4{padding: 0}
.tks-content .tk-desc a {
	color: #fff;
}
.tks-content + .tks-content {
	border-left: 1px solid #fff;
}
.col-md-4 .tks-content {
	height: 200px;
	border-top: 2px solid #fff;
	border-right: 1px solid #fff;
}
.tks-content .n-note {
	margin-left: 10px;
	background-color: #000;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 3px 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: absolute;
	top: 0px;
	left: 10px;
	font-weight: 600;
}
.tks-content .tk-images {
	overflow: hidden;
}
.tks-content .tk-images img {
	margin-bottom: 0px;
	max-width: 150%;
}
.tks-content .tk-desc {
	bottom: 0px;
	width: 100%;
	position: absolute;
	padding: 10px;
	color: #fff;
}

.tks-content .tk-images a::after {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
}

.blog-category-title{text-transform: uppercase; margin-bottom: 12px}

/* Ô tìm bài viết (includes/templates/tim-bai-viet.php, từ 2026-10-16): dưới tiêu đề trang chuyên mục (cách 12px là margin của
   .blog-category-title), cách bài đầu 24px; trang kết quả tìm bài viết (search.php) cũng có. Kiểu như ô tìm kiếm đầu trang (.hkt-search):
   rộng hết #main-content, cao 36px, viền #d8d8d8, bo 3px, chữ 14px; nút kính lúp nằm trong ô bên phải, nền #f4f4f4, vạch trái #d8d8d8.
   Lề phải của ô chừa chỗ cho nút để chữ dài không chui xuống dưới nút */
.tim-bai-viet {position: relative; margin: 0 0 24px;}
.tim-bai-viet .tim-bai-viet-o {display: block; height: 36px; margin: 0; padding: 0 56px 0 10px; border-color: var(--xam-6); border-radius: 3px; font-size: 14px;}
.tim-bai-viet .tim-bai-viet-nut {position: absolute; top: 1px; right: 1px; display: block; height: 34px; padding: 0 15px; border: 0; border-left: 1px solid var(--xam-6); border-radius: 0 2px 2px 0; background: var(--xam-3); line-height: 34px; cursor: pointer;}

/* Gợi ý bài viết khi gõ vào ô "Tìm bài viết..." (js/goi-y-bai-viet.js, từ 2026-10-16; theo mẫu người dùng gửi, demo đã duyệt): khung ngay
   dưới ô (cách 4px), rộng bằng ô, đè lên danh sách bài; dòng đậm "Có phải bạn muốn tìm", tối đa 5 tên bài kẻ mờ giữa các dòng (máy tính
   1 dòng, điện thoại tối đa 2 dòng, dư thì "…"), rê chuột hoặc ↑ ↓ thì chữ đỏ; dòng cuối "Xem tất cả N bài viết" đậm, giữa, hoặc
   "Đang tìm…", "Không tìm thấy…". Không có lớp tối như ô tìm kiếm đầu trang */
.tim-bai-viet .goi-y-bai {position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 50; background: #fff; border: 1px solid var(--xam-5); border-radius: 6px; box-shadow: 0 8px 24px rgba(0, 0, 0, .1);}
.tim-bai-viet .goi-y-bai[hidden] {display: none;}
.goi-y-bai.co-ket-qua {padding-top: 12px;}
.goi-y-bai .goi-y-bai-tieu-de {margin: 0 16px 2px; font-size: 15px; font-weight: 700; line-height: 1.5; color: var(--xam-12);}
.goi-y-bai .goi-y-bai-dong {display: block; margin: 0 16px; padding: 10px 0; border-bottom: 1px solid var(--xam-3); font-size: 15px; line-height: 1.5; color: var(--xam-12); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.goi-y-bai .goi-y-bai-dong:last-child {border-bottom: 0;}
.goi-y-bai .goi-y-bai-dong:hover,
.goi-y-bai .goi-y-bai-dong[aria-selected="true"] {color: var(--do-11);}
.goi-y-bai.dang-tim .goi-y-bai-ds {opacity: .5;}
.goi-y-bai .goi-y-bai-cuoi {margin: 0 16px; padding: 11px 0 12px; font-size: 14px; line-height: 1.5; text-align: center; color: var(--xam-11);}
.goi-y-bai.co-ket-qua .goi-y-bai-cuoi {border-top: 1px solid var(--xam-3);}
.goi-y-bai .goi-y-bai-cuoi a {font-weight: 700; color: var(--xam-12);}
.goi-y-bai .goi-y-bai-cuoi a:hover {color: var(--do-11);}
.goi-y-bai .goi-y-bai-cuoi.khong-thay {text-align: left; color: var(--xam-11);}
@media (max-width: 767px) {
	.goi-y-bai .goi-y-bai-dong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;}
}

.divider{border-bottom: 1px solid var(--xam-3); padding: 0 10px 15px; margin-bottom: 15px; }
.blog-item{margin-bottom: 24px}
.blog-item .thumbnail{margin-bottom: 0}
.blog-item .entry-summary{margin-top: 5px; font-size: 13px}
.blog-item h2{font-size: 20px;}
.blog-item h2 a:hover{color: var(--do-11)}
/* Danh sách bài viết (includes/templates/post-loop.php: trang chuyên mục, kết quả tìm bài viết; gọn lại 2026-10-16): đoạn trích đúng 2 dòng,
   dư thì "…", cả điện thoại; max-height 3.2em (2 dòng × line-height 1.6) cho trình duyệt không có line-clamp. Thêm .entry-content để thắng
   margin-bottom 30px của .entry-content và chiều cao cố định của .category article .entry-summary ở các mốc màn hình (cuối file).
   Dưới đoạn trích là dòng lượt xem - ngày đăng như #entry-meta của trang bài viết (điện thoại 12px, mục @media (max-width: 767px)) */
.blog-item .entry-summary.entry-content {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: auto; max-height: 3.2em; margin-bottom: 0;}
.blog-item .bai-xem-ngay {margin-top: 6px; color: var(--xam-11); font-size: 13px; font-style: italic;}

/* Tin liên quan (includes/tin-lien-quan.php), 2 khối cùng kiểu thẻ (2026-10-23): tiêu đề chữ hoa 18px (điện thoại 16px); mỗi bài ảnh
   trên (khung 240:105, bo 2 góc trên 8px, ảnh phủ kín khung, lệch tỉ lệ thì cắt bớt; bài không có ảnh đại diện là khung xám #f2f4f7),
   dưới là tên tối đa 3 dòng (dư thì "…"); máy có chuột rê vào bài thì tên đỏ. Phần chung trước, rồi phần riêng từng khối.
   - "Các tin liên quan" cuối trang bài viết (.related-post, content.php; bản 2 "kiểu tgdd" người dùng duyệt): 6 bài lưới 3 cột
     (768–979px 2 cột), dưới tên là ngày đăng xám 13px; điện thoại (dưới 768px) 1 cột, ảnh bên trái rộng 38%, tên 15px bên phải. Khung
     ảnh: 263 × 115px từ 1200px, 210 × 92px ở 980–1199px, 245 × 107px ở 768–979px, 131 × 57px ở 375px (sizes của ảnh ở
     ratings_tin_lien_quan_sizes() phải khớp các số này). Các quy tắc .related-post cũ (phía dưới) giữ nguyên cho content-gallery,
     content-image, content-none.php; tiêu đề, tên bài có thêm .related-post để thắng .related-post h4 của các quy tắc đó.
   - "Tin liên quan" cuối trang danh mục sản phẩm (.tlq-dm, ratings_tin_lien_quan_dm(); demo bản 2 "mũi tên banner" người dùng duyệt,
     CSS chép từ demo): xem ngay trên phần riêng của khối */
.related-post .tlq-tieu-de, .tlq-dm .tlq-tieu-de {margin: 30px 0 0; padding-bottom: 10px; font-size: 18px; line-height: 26px; font-weight: 700; text-transform: uppercase; color: var(--xam-12);}
.tlq-ds {margin: 0; padding: 0; list-style: none;}
.tlq-ds > li {margin: 0; padding: 0; list-style: none;}
.tlq-ds > li::before {content: none !important;}
.tlq-link {display: block; color: var(--xam-12); text-decoration: none;}
.tlq-anh {display: block; aspect-ratio: 240 / 105; border-radius: 8px 8px 0 0; overflow: hidden; background: var(--xam-3);}
.tlq-anh img {display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 !important;}
.related-post .tlq-ten, .tlq-dm .tlq-ten {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 5px 0; font-size: 16px; line-height: 22px; font-weight: 400; color: var(--xam-12);}
.tlq-ngay {display: block; margin: 2px 0 0; font-size: 13px; line-height: 18px; color: var(--xam-11);}
/* Chỉ máy có chuột: màn cảm ứng không bị dính màu đỏ sau khi chạm */
@media (hover: hover) {
	.related-post .tlq-link:hover .tlq-ten, .tlq-dm .tlq-link:hover .tlq-ten {color: var(--do-11);}
}
@media (max-width: 767px) {
	.related-post .tlq-tieu-de, .tlq-dm .tlq-tieu-de {margin-top: 24px; font-size: 16px;}
}
/* Khối bài viết */
.related-post .tlq-ds {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px 20px; margin-bottom: 30px;}
@media (min-width: 768px) and (max-width: 979px) {
	.related-post .tlq-ds {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 767px) {
	.related-post .tlq-link {display: grid; grid-template-columns: 38% minmax(0, 1fr); gap: 10px; align-items: start;}
	.related-post .tlq-ds {grid-template-columns: minmax(0, 1fr);}
	.related-post .tlq-ten {margin: 0; font-size: 15px; line-height: 21px;}
}
/* Khối danh mục: 1 hàng 4 bài từ 980px (khung ảnh 278 × 121px từ 1200px, 223 × 97px ở 980–1199px; phương án B người dùng duyệt
   2026-10-24, trước 3 bài), 3 bài ở 768–979px (230 × 101px), cách nhau 20px, không có ngày. Danh sách cuộn ngang, mỗi bài một điểm
   dừng (scroll-snap), thanh cuộn luôn ẩn; đang kéo chuột (lớp dang-keo) thì tắt điểm dừng. Nhiều bài hơn số hiện vừa một hàng: hàng
   chấm (chấm xám 8 × 4px, trang đang xem vạch đỏ 22px) và mũi tên kiểu dải banner (tròn trắng 32px, không viền, bóng, mũi tên #333,
   rê lên nút thì đỏ), giữa chiều cao ảnh (biến --giua-nut, js/khoi-san-pham.js đo), tâm gần mép khung;
   mũi tên chỉ hiện khi rê chuột vào khối (máy có chuột) hoặc Tab tới nút, js ẩn khi đã ở đầu / cuối. Điện thoại (dưới 768px): mỗi bài
   rộng 44%, cách nhau 12px, lộ mép bài thứ 3 (375px: khung ảnh 152 × 66px), danh sách cuộn tới sát mép màn hình, không có mũi tên.
   sizes của ảnh ở ratings_tin_lien_quan_dm_sizes() phải khớp các bề rộng này */
.tlq-dm .tlq-khung {position: relative;}
.tlq-dm .tlq-ds {display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; padding-bottom: 4px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;}
@media (min-width: 980px) {
	.tlq-dm .tlq-ds {grid-auto-columns: calc((100% - 60px) / 4);}
}
.tlq-dm .tlq-ds::-webkit-scrollbar {display: none;}
.tlq-dm .tlq-ds:focus {outline: none;}
.tlq-dm .tlq-ds:focus-visible {outline: 2px solid var(--do-8); outline-offset: -2px;}
.tlq-dm .tlq-ds > li {min-width: 0; scroll-snap-align: start;}
.tlq-dm .dang-keo .tlq-ds {scroll-snap-type: none; cursor: grabbing; user-select: none;}
.tlq-dm .dang-keo .tlq-ds a {cursor: grabbing;}
.tlq-dm .tlq-link, .tlq-dm .tlq-link:hover {color: var(--xam-12); text-decoration: none;}
.tlq-dm .tlq-ten {margin-bottom: 0;}
/* Mũi tên (kiểu nút, lúc hiện, lúc chưa hiện: mục "Mũi tên tròn của các khối trượt ngang" ở trên; demo ẩn nút bằng visibility: hidden,
   xem lý do không dùng ở đó): giữa chiều cao ảnh của bài đầu (biến --giua-nut), tâm cách mép khung 2px */
.tlq-dm .tlq-nut {top: var(--giua-nut, 50%); margin-top: -16px;}
.tlq-dm .tlq-truoc {left: -14px;}
.tlq-dm .tlq-sau {right: -14px;}
.tlq-dm .tlq-cham {display: flex; justify-content: center; gap: 6px; margin-top: 12px;}
.tlq-dm .tlq-cham[hidden] {display: none;}
.tlq-dm .tlq-cham button {width: 8px; height: 4px; padding: 0; background: var(--xam-6); border: 0; border-radius: 2px; cursor: pointer;}
.tlq-dm .tlq-cham button[aria-current="true"] {width: 22px; background: var(--do-9);}
@media (max-width: 767px) {
	.tlq-dm .tlq-ds {grid-auto-columns: 44%; gap: 12px; margin-right: -15px; padding-right: 15px; scroll-padding: 0;}
	.tlq-dm .tlq-ten {font-size: 15px; line-height: 21px;}
	.tlq-dm .tlq-nut {display: none;}
}

/*category*/

.category article h4{margin: 0 0 15px;}



/*Page content*/

.contact-content{margin: 0;}
.contact-content ul.contact-form li{margin-bottom: 10px;}
.contact-content input[type="submit"]{width: 100%; border-radius: 2px; text-transform: uppercase; font-weight: 700; background-color: #239ece}
.contact-content input[type="submit"]:hover{color: #FFF; background-color: #023b74}

/*Login Form*/

.login-form{padding: 30px; border-radius: 2px; border: 1px solid var(--xam-3); background-color: var(--xam-2); margin-top: 10px; margin-bottom: 30px}
.login-form input{padding: 8px 15px; border-radius: 20px; height: 36px;}
.login-form input#rememberme{height: auto;}
#wp-submit{width: 100px; text-transform: uppercase; font-weight: 700;}

/**
 * Comment Form
 */
 
 
#comments{background: var(--xam-2); padding: 15px; overflow: hidden;}

.comment-list li{list-style: none; position: relative;}
.comment-reply-title {
	margin-bottom: 0; }

.comment-form p {
	margin-bottom: 10px;
	margin-bottom: 0.7692307692rem;
	line-height: 2.3; }
	
.comment-form p #submit{margin-top: 20px; border-radius: 0;}
/* Nút "Gửi bình luận" đỏ (2026-10-15): chỉ nút của form bình luận; quy tắc .btn, .form-submit #submit dùng chung (nền #333) giữ
   nguyên cho các nút khác và nút Đặt hàng (#checkout-form #submit) */
.comment-form #submit {background: var(--do-9); color: #fff;}
.comment-form #submit:hover,
.comment-form #submit:focus {background: var(--do-10); color: #fff;}
.comment-form p.form-allowed-tags {
	margin-bottom: 20px;
	margin-bottom: 1.5384615385rem;
	line-height: 1.5; }

.comment-form label {
	color: var(--xam-11); }

.comment-form input {
	float: left;
	margin-right: 15px;
	margin-right: 1.1538461538rem;
	background-color: var(--xam-3); }
.comment-form input:focus {
	background-color: #fff; }

.comment-form textarea {
	background-color: var(--xam-2);
	line-height: 1.5; }
.comment-form textarea:focus {
	background-color: #fff; }

.comment-form .required {
	color: var(--do-11); }
/* Ô Số điện thoại (thay ô Trang web; includes/binh-luan-sdt.php, js/binh-luan-sdt.js): số sai thì viền đỏ, dòng báo lỗi đỏ ngay dưới ô
   (ô nhập của form bình luận nổi trái nên dòng báo lỗi phải clear) */
.comment-form .so-dien-thoai-loi {display: block; clear: both; padding-top: 6px; font-size: 13px; line-height: 1.4; color: var(--do-11);}
.comment-form .so-dien-thoai-loi[hidden] {display: none;}
.comment-form .co-loi input {border-color: var(--do-9);}

/**
 * Comment List
 */
.comments-title {
	margin-bottom: 20px;
	margin-bottom: 1.5384615385rem;
	font-size: 16px;
	font-weight: 700; 
	line-height: 1.25;}

.comment-list .children {
	list-style: none;
	margin: 0 0 20px;
	position: relative;
	background: #FFF;
	border: 1px solid var(--xam-3);
}

.comment-meta a{
	font-size: .83em; color: var(--xam-11);
}

.comment-meta a.comment-edit-link{text-decoration: underline;}

#comments ol.comment-list .children li:after, 
#comments ol.comment-list .children li:before {
    top: -25px;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
 #comments ol.comment-list .children li:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #FFF;
    border-width: 11px;
    /*! margin-left: -11px; */
    z-index: 1;
}
#comments ol.comment-list .children li:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: var(--xam-3);
    border-width: 10px;
    margin-left: 1px;
}


.comment .avatar {
	float: left; 
	margin-right: 15px;
	margin-right: 1.1538461538rem;}

.comment-list li .fn{color: var(--xam-11); font-weight: bold; font-size: 13px;}

.comment-list li img.avatar {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px;
	width: 32px;
	height: auto;
	background: var(--xam-4);
	border: 1px solid var(--xam-3);
	margin: 0;
	box-shadow: none;
}
.comment-list .children li img.avatar {
	float: left;
	position: absolute;
	top: 10px;
	left: 10px;
}

.comment .edit-link a {
	color: #2aa4cf; }

.comment .reply {
	float: right;
	font-size: 12px;
	font-style: italic;
	text-decoration: underline; margin-top: -30px;}
.comment .reply a {
	color: var(--xam-11); }

.comment-body {
	margin: 0 0 20px 50px;
	padding-bottom: 0;}
.comment-body .says{display: none; }
.comment-body .comment-author::after{content : '-'; padding: 0 5px; width: 10px; height: 10px;}
.comment-body .comment-author, .comment-body .comment-meta{display: table-cell; margin-right: 10px;}
.children .comment-body {
	margin: 5px 0 0 60px;
	}
.comment-metadata {
	margin-bottom: 15px;
	margin-bottom: 1.1538461538rem; }
.comment-metadata a {
	color: var(--xam-11); }
.comment-metadata a:hover {
	color: var(--xam-12);
	text-decoration: underline; }

.comment-content {
	margin-bottom: 20px;
	margin-bottom: 1.5384615385rem;
	padding-left: 63px;
	padding-left: 4.8461538462rem; }

.comment-navigation {
	margin: 20px 0;
	margin: 1.5384615385rem 0; }


/* FLICKR */
.widget_tj_flickr { padding:1px 0 5px; }
.widget h3 span span { color:#FF1183; }
.widget .flickr_badge_image { float:left; margin:0px; width: 25%; }
.widget .flickr_badge_image .wrap { position:relative; margin-bottom:20px; padding:0; }
.widget .flickr_badge_image a img { display:inline; float:left; background:#fff; margin:4px 4px 0px 0px; padding:4px; border:1px solid var(--xam-4); width: 100%; height: auto;}
.widget .flickr_badge_image a:hover img { background:var(--xam-1); border-color:var(--xam-4); }



.authorbox img{float: left; margin-right: 20px;}
.authorbox{border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding-bottom: 20px;}

/*Video Responsive*/
.video-container{height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; }
.video-container iframe, .video-container object, .video-container embed { height: 100%; left: 0; position: absolute; top: 0;width: 100%;}

.site-title{font-size: 13px; margin: 0; color: #239ece}

#partners{background: var(--xam-2); padding: 20px 0}
#partners h3{text-transform: uppercase; border-bottom: 2px solid var(--xam-4); padding-bottom: 10px; margin-bottom: 20px; color: #004370}
#partners .owl-nav{width: 50px; position: absolute; right: 0; top: -55px}
#partners .owl-prev, #partners .owl-next{width: 24px; height: 24px; text-align: center; background: #FFF; border: 1px solid var(--xam-3); float: left;}
#partners .fa-2x{font-size: 20px}

#main-news{margin-bottom: 30px; padding-top: 30px; border-top: 1px solid var(--xam-3);}
#main-news h3{text-transform: uppercase;
	background: url("images/c2.gif") no-repeat scroll left bottom, rgba(0, 0, 0, 0) url("images/c3.gif") repeat-x scroll right bottom;
    font-size: 18px;
    height: 36px;
    margin-bottom: 20px;
}
#main-news ul li{overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid var(--xam-3); padding-bottom: 10px}
#main-news ul li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.bulletin-thumb {float: left; width: 80px; height: auto; margin-right: 15px}

#newsletters{
	background: #1c7b10; color: #FFF; padding: 25px 0
}
#newsletters h4{font-size: 20px; margin: 0 0 5px 0}

#newsletters .description {
  color: var(--xam-9);
}
#newsletters .form-email {
  position: relative;
  margin-top: 10px;
  width: 300px;
  height: 50px;
}
#newsletters .form-email .form-control {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  left: -1px;
  border: none;
  background: #48a63c;
  color: #FFF;
  padding: 6px 15px;
  height: 40px;
}

#newsletters .form-email .form-control::-moz-placeholder {
  color: #FFF;
}
#newsletters .form-email .btn {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  right: 0px;
  top: 0px;
  text-transform: none;
  text-transform: uppercase;
  margin: 0;
  padding: 7px 20px 8px;
  height: 40px;
}

.hotline-support {}
.hotline-support i{margin-top: 5px; float: left; margin-right: 20px; font-size: 26px; border: 1px solid var(--xam-3); border-radius: 50%; width: 45px; height: 45px; padding: 10px; text-align: center;}
.hotline-support span{display: block; color: var(--do-11); font-size: 30px; line-height: 30px}


#box-policy {
	border-top: 1px solid var(--xam-3);
	background: var(--xam-2);
	border-bottom: 1px solid var(--xam-3);
	padding: 20px 0px; margin-top: 20px;
}
#box-policy{font-size: 13px; margin-bottom: 0; line-height: 1.4}

 #box-policy i{float: left; margin-right: 10px; font-size: 35px; height: 40px; color: var(--xam-11)}

 #box-policy i:hover{color: var(--xam-12)}

#botsl{
	font-size: 13px;
	padding: 30px 0;
	color: var(--xam-11);
	background: #FFF;
}
#botsl .menu-footer{position: relative;}
/* Tiêu đề widget ở chân trang (ô Tiêu đề của widget, vd "Về Chúng Tôi" ở 2 cột menu): đậm, chữ chính, không in hoa (2026-10-29;
   trước chữ HOA xanh Kasen #239ece) */
#botsl h3{font-size: 16px; line-height: 1.4; color: var(--xam-12); margin: 0 0 6px; font-weight: 700;}
#botsl h3 span{color: inherit}
/* 992–1199px cột menu chỉ rộng 141–142px: chữ 15px để "Chính sách & Hỗ Trợ" (137,5px) vẫn 1 dòng, 2 cột menu thẳng hàng */
@media (min-width: 992px) and (max-width: 1199px){
	#botsl h3{font-size: 15px;}
}
#botsl .widget{padding: 0}
#botsl p{margin-bottom: 5px}
#botsl ul li {
    margin: 0;
    padding: 5px 0;
}
#botsl ul li h4{font-size: 13px;}
#botsl a, #botsl ul li a{color: var(--xam-11)}
#botsl ul li a:hover{color: #000; text-decoration: none;}
#botsl i{color: #239ece}



footer{background: var(--xam-2); padding-top: 10px; padding-bottom: 10px; color: var(--xam-11); font-size: 13px; line-height: 25px}
footer br, footer p {margin-bottom: 0;}
footer section {
    background: none repeat scroll 0 0 var(--xam-2);
    padding: 27px 0 12px;
}

footer a{color: #FFF}
#botsl h4{margin: 10px 0}
#botsl .list-social ul {margin: 10px 0 0; overflow: hidden;}
#botsl .list-social ul li{float: left; list-style: none; background: transparent; padding: 0}
#botsl .list-social ul li span{display: none; }
#botsl .list-social ul li i{font-size: 13px; background: #ff6346; border-radius: 50%; padding: 5px; text-align: center; width: 24px; height: 24px; margin-right: 10px}
#botsl .list-social ul li i:hover{background: #f2a30a}
#botsl .list-social ul li a{color: #FFF}
#botsl .list-social ul li i.fa-facebook{background: #3b5997; color: #FFF;}
#botsl .list-social ul li i.fa-twitter{background: #00aced; color: #FFF;}
#botsl .list-social ul li i.fa-youtube{background: #db5149; color: #FFF;}

/* Khối Thông tin công ty ở chân trang (2026-10-29, bản chốt backups/anh-chup/2026-10-29-demo-chan-trang/BAN-CHOT.md): widget
   "Thông tin công ty (chân trang)" (includes/widgets/widget-thong-tin-cty.php) ở vùng Footer 3, cột đầu .ttct-cot của footer.php.
   Bộ chọn phải mạnh hơn #botsl i (icon xanh Kasen), #botsl ul li (lề 5px), #botsl ul li a:hover (chữ đen) ở trên. */
#botsl .ttct-logo{display: inline-block; margin-bottom: 12px; vertical-align: top;}
#botsl .ttct-logo img{display: block; width: auto; height: auto; max-width: min(210px, 100%); max-height: 48px;}
#botsl .ttct-ten{margin: 0 0 10px; color: var(--do-11); font-size: 16px; font-weight: 700; line-height: 1.4;}
#botsl .ttct-ds{margin: 0; padding: 0; list-style: none;}
#botsl .ttct-ds li{display: flex; align-items: flex-start; gap: 8px; margin: 0 0 6px; padding: 0; line-height: 1.6;}
#botsl .ttct-ds li:last-child{margin-bottom: 0;}
#botsl .ttct-ds li > span{min-width: 0; overflow-wrap: anywhere; text-wrap: pretty;} /* tránh 1 chữ lẻ ở dòng cuối */
#botsl .ttct-ds i{flex: none; width: 16px; color: var(--do-9); font-size: 14px; line-height: 20.8px; text-align: center;}
#botsl .ttct-ds b{font-weight: 700; color: var(--xam-12);}
#botsl .ttct-so{color: var(--do-11); font-size: 15px; font-weight: 700; white-space: nowrap;} /* số chỉ là chữ, không bấm gọi (2026-10-29) */
#botsl .ttct-email a:hover{color: var(--xam-12); text-decoration: underline;}
@media (min-width: 768px) and (max-width: 991px){
	#botsl .ttct-cot{margin-bottom: 20px;}
}
@media (max-width: 767px){
	#botsl .ttct{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--xam-5); text-align: left;}
}

/* Menu ở vùng Footer 2 (cột "Chính sách & Hỗ Trợ") hiện tối đa 4 mục, kèm nút "Xem thêm ▾" / "Rút gọn ▴" (2026-10-29;
   includes/menu-chan-trang.php gắn lớp menu-ct-an cho mục thứ 5 trở đi và in nút, js/menu-chan-trang.js bật lớp mo).
   Dáng nút như nút "Đọc thêm" ở trang sản phẩm (.dtcvmodetail span) nhưng nhỏ hơn: cao 22px, chữ 12px, mũi tên 10px (người dùng
   chọn bản B, demo backups/anh-chup/2026-10-29-demo-nut-xem-them/) */
#botsl .menu-ct-an{display: none;}
#botsl ul.mo > .menu-ct-an{display: list-item;}
#botsl .menu-ct-nut{display: inline-block; height: 22px; margin: 5px 0 0; padding: 0 6px; font-size: 12px; line-height: 20px; color: var(--xam-12); background: #fff; border: 1px solid var(--xam-8); border-radius: 2px; cursor: pointer;}
#botsl .menu-ct-nut i{font-size: 10px; font-style: normal; color: inherit;} /* thắng #botsl i (icon xanh Kasen) */
#botsl .menu-ct-nut:focus{outline: 0;}
#botsl .menu-ct-nut:focus-visible{outline: 2px solid var(--do-8); outline-offset: 2px;}

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

#facebook-comments .fb_iframe_widget, #facebook-comments .fb_iframe_widget span, #facebook-comments .fb_iframe_widget span iframe[style] {
    width: 100%;
}
.fb-like-box {}
.facebook-like-box{border: 1px solid var(--xam-3);}

.pagenavi, .page-link {
    margin: 20px 0;
    text-align: center;
}
.pagenavi span {
    padding-right: 20px;
}

.page-link span{background: #41a62a; color: #FFF; padding: 4px 10px; margin: 0 3px 10px; line-height: 35px;}
.page-link span:hover{background: #41a62a; color: #FFF}
.pagenavi a, .pagenavi span, .page-link a span {
    margin: 0 3px 10px;
    padding: 4px 10px;
    background: var(--xam-5); color: var(--xam-12); border-radius: 15px
}
.pagenavi a:hover{background: #41a62a; color: #FFF}
.page-link span.page-link-title{background: var(--xam-10);}
.pagenavi a.current, .page-link a{
    background: #2d6c9a; color: #FFF;
}

.img-responsive {
    display: inline-block;
    max-width: 100%; height: auto;
}
.catbox-feed a{color: #f76f25}

.backtotop {
    background: var(--toi-1);
    bottom: 40px;
    color: var(--toi-12) !important;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
    z-index: 9999;
    border-radius: 2px
}

.backtotop .fa {
    display: inline-block;
    width: 24px;
    z-index: 9;
}

/*VIDEO FORMAT*/
.icon-video {
    background-color: var(--xam-11);
    background-image: url("images/icon-16x16.png");
    background-position: 5px -399px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    left: 45%;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 9;
}

#random_posts{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--xam-3);}
#random_posts img{float: left; width: 100px; height: auto; margin-right: 10px}
#random_posts h5{font-size: 12px; height: 50px;}
.title-heading{font-size: 18px; color: var(--xam-12); margin-bottom: 20px; margin-top: 20px; font-weight: 700;}


.related-post h3.section-title{color: var(--xam-12)}
.related-post ul{margin-left: 0}
.related-loop li {
    background: rgba(0, 0, 0, 0) url("images/link.png") no-repeat scroll 0 6px;
    color: #000;
    padding-left: 18px;
}

.related-post h4{font-size: 13px; font-weight: normal; margin: 0 0 5px}
.related-post h4 a{color: var(--xam-12)}
.related-post h4 a span{color: var(--xam-11); font-style: italic;}
.related-post h4 a:hover{color: var(--do-11)}
.related-post .related-loop .post-item{margin-bottom: 5px; overflow: hidden;}


/* START CANVAS MENU Plugin 04*/

.off-canvas-toggle {
  z-index: 100;
}
html,
body {
  height: 100%;
}
.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

.t3-header {
    width: 100%;
    z-index: 2;
    background: #FFF;
    
}
.t3-wrapper {
  position: relative;
  left: 0;
  z-index: 99;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  overflow: visible;
  background: var(--xam-2) /* nền mọi trang (2026-10-25; trước trắng, riêng trang chủ máy tính #f4f4f4) */
}
.t3-wrapper::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  z-index: 100;
}
.t3-mainnav-android {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.t3-mainnav-android::after {
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.off-canvas-open .t3-wrapper::after {
  width: 100%;
  height: 10000px;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.off-canvas-open .t3-mainnav-android::after {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.t3-off-canvas {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  visibility: hidden;
  width: 250px;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.t3-off-canvas::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.off-canvas-right.t3-off-canvas {
  display: none;
}
.off-canvas-right .off-canvas-right.t3-off-canvas {
  display: block;
}
html[dir="ltr"] .off-canvas-right.t3-off-canvas {
  left: auto;
  right: 0;
}
.off-canvas-open .t3-off-canvas::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.off-canvas-open .off-canvas-current {
  visibility: visible;
}
.off-canvas-open .t3-off-canvas {
  overflow-y: auto;
}
.t3-off-canvas {
  background: var(--xam-12);
  color: var(--xam-9);
}
.t3-off-canvas .t3-off-canvas-header {
  background: var(--xam-12);
  color: var(--xam-9);
  padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
  margin: 0;
}
.t3-off-canvas .t3-off-canvas-body {
  padding: 6px 12px;
}
.t3-off-canvas .t3-off-canvas-body a {
  color: var(--xam-9);
}
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
  position: static;
  float: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.off-canvas-effect-1.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-1.off-canvas-open .off-canvas-effect-1.t3-off-canvas {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-1.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-1.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.off-canvas-effect-2.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-2.t3-off-canvas {
  z-index: 1;
}
.off-canvas-effect-2.off-canvas-open .off-canvas-effect-2.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.off-canvas-effect-2.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-2.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-effect-3.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-3.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-3.off-canvas-open .off-canvas-effect-3.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.off-canvas-effect-3.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-3.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-3.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas {
  z-index: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.off-canvas-effect-5.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-5.t3-off-canvas {
  z-index: 1;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.off-canvas-effect-5.off-canvas-open .off-canvas-effect-5.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-right.off-canvas-effect-5.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-5.t3-off-canvas {
  z-index: 1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
body.off-canvas-effect-6 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-6 .t3-wrapper {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: auto;
  overflow: hidden;
}
.off-canvas-effect-6.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0) rotateY(-15deg);
  transform: translate3d(250px, 0, 0) rotateY(-15deg);
}
.off-canvas-effect-6.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-6.off-canvas-open .off-canvas-effect-6.t3-off-canvas {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-6.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-6 .t3-wrapper {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-6.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0) rotateY(15deg);
  transform: translate3d(-250px, 0, 0) rotateY(15deg);
}
.off-canvas-right.off-canvas-effect-6.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-7 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-7 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-7.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-7.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
  transform: translate3d(-100%, 0, 0) rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-7.off-canvas-open .off-canvas-effect-7.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-7.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-7.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-7.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
  transform: translate3d(100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-7.off-canvas-open .off-canvas-right.off-canvas-effect-7.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
  transform: translate3d(100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-8 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-8 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-8.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-8.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
  transform: translate3d(-100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-8.off-canvas-open .off-canvas-effect-8.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
.off-canvas-effect-8.t3-off-canvas::after {
  display: none;
}
body.off-canvas-effect-8.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-8.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-8.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
  transform: translate3d(100%, 0, 0) rotateY(-90deg);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-8.off-canvas-open .off-canvas-right.off-canvas-effect-8.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
  transform: translate3d(100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-9 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-9 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-9.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(0, 0, -250px);
  transform: translate3d(0, 0, -250px);
}
.off-canvas-effect-9.t3-off-canvas {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-9.off-canvas-open .off-canvas-effect-9.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-9.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-9.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-10 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-10.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-10.t3-off-canvas {
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, -250px);
  transform: translate3d(0, 0, -250px);
}
.off-canvas-effect-10.off-canvas-open .off-canvas-effect-10.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
body.off-canvas-effect-10.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-10.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
body.off-canvas-effect-11 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-11 .t3-wrapper {
  height: auto;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-11.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}
.off-canvas-effect-11.t3-off-canvas {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-11.off-canvas-open .off-canvas-effect-11.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-11.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-11.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-100px, 0, -600px) rotateY(20deg);
  transform: translate3d(-100px, 0, -600px) rotateY(20deg);
}
.off-canvas-right.off-canvas-effect-11.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-12 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}
.off-canvas-effect-12 .t3-wrapper {
  height: auto;
  overflow: hidden;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-12.off-canvas-open .t3-wrapper {
  -webkit-transform: rotateY(-10deg);
  transform: rotateY(-10deg);
}
.off-canvas-effect-12.t3-off-canvas {
  opacity: 1;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-12.off-canvas-open .off-canvas-effect-12.t3-off-canvas {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.off-canvas-effect-12.t3-off-canvas::after {
  display: none;
}
.off-canvas-right.off-canvas-effect-12 .t3-wrapper {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-12.off-canvas-open .t3-wrapper {
  -webkit-transform: rotateY(10deg);
  transform: rotateY(10deg);
}
.off-canvas-right.off-canvas-effect-12.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
body.off-canvas-effect-13 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-13.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-13.t3-off-canvas {
  z-index: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.off-canvas-effect-13.off-canvas-open .off-canvas-effect-13.t3-off-canvas {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-speed: 0.2s;
  transition-speed: 0.2s;
}
body.off-canvas-effect-13.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-13.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
body.off-canvas-effect-14 {
  -webkit-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.off-canvas-effect-14 .t3-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-14.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
.off-canvas-effect-14.t3-off-canvas {
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
  transform: translate3d(-100%, 0, 0) rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.off-canvas-effect-14.off-canvas-open .off-canvas-effect-14.t3-off-canvas {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
  transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
body.off-canvas-effect-14.off-canvas-right {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-14.off-canvas-open .t3-wrapper {
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
.off-canvas-right.off-canvas-effect-14.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
  transform: translate3d(100%, 0, 0) rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-14.off-canvas-open .off-canvas-right.off-canvas-effect-14.t3-off-canvas {
  -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
  transform: translate3d(100%, 0, 0) rotateY(0deg);
}
.old-ie .t3-off-canvas {
  z-index: 100 !important;
  left: -250px;
}
html[dir="ltr"] .off-canvas-right.old-ie .t3-off-canvas {
  right: -250px;
  left: auto;
}
.modal-open .t3-wrapper {
  position: static;
}
.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
  transform: translate3d(250px, 0px, 0px);
  -moz-transform: translate3d(250px, 0px, 0px);
  -webkit-transform: translate3d(250px, 0px, 0px);
}
.head-offcanvas {
  border-left: 1px solid var(--xam-12);
  height: 120px;
  line-height: 120px;
  float: right;
  text-align: center;
  position: relative;
  width: 120px;
}
@media (max-width: 767px) {
  .head-offcanvas {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }
}
.affix .head-offcanvas {
  height: 90px;
  width: 90px;
  line-height: 90px;
}
@media (max-width: 767px) {
  .affix .head-offcanvas {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }
}
.off-canvas-toggle {
  border-radius: 0;
  padding: 0 !important;
  width: 35px;
  height: 35px;
  line-height: 31px;
}
.off-canvas-toggle:focus {
  outline: none;
}
@media (max-width: 767px) {
  .off-canvas-toggle {
    border: none;
    background: transparent;
    position: absolute; right: 15px; top: 15px;
  }
  
  .off-canvas-toggle i {
    font-size: 24px; color: #FFF;
  }
  button.close{text-shadow: none}
}
.affix .off-canvas-toggle {
  margin-top: 28px;
  margin-bottom: 28px;
}
.t3-off-canvas {
  background: var(--xam-12);
  color: var(--xam-9);
}
.t3-off-canvas .t3-off-canvas-header {
  background: var(--xam-12);
  color: var(--xam-9);
  padding: 0 0 0 25px;
  height: 50px;
}
.t3-off-canvas .t3-off-canvas-header h2 {
  color: var(--xam-9);
  margin: 0;
  line-height: 50px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.t3-off-canvas .close {
  margin: 0;
  padding: 0;
  height: 50px;
  line-height: 50px;
  width: 50px;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  border: 0;
}
.t3-off-canvas .close::before {
  display: none;
}
.t3-off-canvas .t3-off-canvas-body {
  padding: 0;
}
.t3-off-canvas .t3-off-canvas-body a {
  color: var(--xam-9);
  text-decoration: none;
  padding: 10px 25px; font-weight: 700;
}
.t3-off-canvas .t3-off-canvas-body a:hover,
.t3-off-canvas .t3-off-canvas-body a:focus {
  background: none;
  color: #ffffff;
  text-decoration: none;
}
.t3-off-canvas .t3-off-canvas-body a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active a {
  background: transparent;
}
.t3-off-canvas .t3-off-canvas-body .nav > li {
  border-top: 1px solid var(--xam-12);
  padding: 0;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a .caret {
  border-top-color: var(--xam-8);
  margin-left: 10px;
}
.t3-off-canvas .t3-off-canvas-body .nav > li > a:hover .caret {
  border-top-color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .nav > li:before {
  display: none;
}
.t3-off-canvas .t3-off-canvas-body .nav > li:before a:hover {
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active:before {
  border-left-color: #e55a55;
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a {
  color: #e55a55;
  background: var(--xam-12);
}
.t3-off-canvas .t3-off-canvas-body .nav > li.active > a .caret {
  border-top-color: #e55a55;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu {
  background: none;
  border-top: 1px solid var(--xam-12);
  padding: 10px 25px;
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li {
  padding: 0;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a {
  position: relative;
  padding: 10px 16px;
  text-transform: none;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent var(--xam-8);
  position: absolute;
  top: 16px;
  left: 0;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:after {
  display: none;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a:hover {
  color: #ffffff;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a,
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a:hover {
  color: #e55a55;
  font-weight: 700;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li.active > a:before {
  border-left-color: #e55a55;
}
.t3-off-canvas .t3-off-canvas-body .dropdown-submenu .dropdown-menu {
  padding: 5px 15px;
  border: none;
  text-transform: none;
}
.t3-off-canvas .t3-off-canvas-body .t3-module {
  margin-bottom: 25px;
  background: none;
}
.t3-off-canvas .t3-off-canvas-body .t3-module:last-child {
  margin-bottom: 0;
}
.t3-off-canvas .t3-off-canvas-body .t3-module .module-inner {
  padding: 0;
  background: none;
}
.t3-off-canvas .t3-off-canvas-body .module-title {
  background: none;
  margin-bottom: 0;
  color: var(--xam-9);
  padding: 18.75px 10px 18.75px 25px;
}
.t3-off-canvas .t3-off-canvas-body .module-ct {
  background: none;
}
/*END CANVAS MENU*/

.google, .fb-like, .twitter, .facebook {
    float: left;
    height: 25px;
    margin-right: 5px;
}
.social-share .google {
    margin-top: 6px;
}

.icon-bar{background: rgba(0, 0, 0, 0) url("images/menu.png") repeat scroll 0 0 / contain ; display: inline-block; width: 32px; height: 32px}

.video-container{
	height: 0;
	overflow: hidden;
	padding-bottom: 50.25%;
	padding-top: 30px;
	position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
	height: 100%;
	max-height: 450px;
	left: 0;
	position: absolute;
	top: 0;width: 100%;
}
.entry-descripton{margin: 0 0 20px 0;}

/* Thanh đường dẫn (breadcrumb: includes/breadcrumbs.php và các template tự in #breadcrumbs): chữ 13px, dấu phân cách » cách chữ 2 bên 6px,
   bậc cuối (trang đang xem) đậm. Cao dòng giữ 19.2px như khi chữ 12px để thanh không cao thêm, nội dung bên dưới không xê dịch.
   Điện thoại: chừa chỗ cho #header cố định, xem mục @media (max-width: 767px). Lề dưới 20px; riêng trang danh mục sản phẩm 12px
   (body.tax-product-category #pathway, mục "Đầu trang danh mục sản phẩm", 2026-10-17) */
#pathway{position: relative; clear: both; overflow: hidden; margin-bottom: 20px; padding: 10px 0; font-size: 13px; line-height: 19.2px; color: var(--xam-11); background: var(--xam-2)}
#breadcrumbs{float: left;}
#breadcrumbs .phan-cach{margin: 0 6px; font-weight: 400}
#breadcrumbs > :last-child{font-weight: 700}
#pathway .entry-meta{float: right; color: var(--xam-11); margin-top: 3px}
#pathway a{color: var(--xam-11)}
#pathway a.current{color: var(--xam-12)}
#pathway a:hover{color: var(--do-11); text-decoration: underline;}

.error404 #wrapper {
    text-align: center;
}
.error404 h1 {
    font-size: 20px;
    margin: 40px 0;
    text-transform: uppercase;
}
.error404 h1 span {
    color: #000;
    font-size: 160px;
}

#button-share .google,
#button-share .fb-like,
#button-share .twitter,
#button-share .facebook {
    float: left;
    height: 25px;
    margin-right: 5px;
}

#button-share .google{margin-top: 0px;}

#button-share {
    padding: 0; 
    text-align: left;
}
#button-share .share-item {
    background: #de4501 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
    padding: 1px 10px;
    position: relative;
}

#button-share .share-fb {
    background: #5d72a4 none repeat scroll 0 0;
}

#button-share .share-google {
    background: #db5c4b none repeat scroll 0 0;
}

#button-share .share-twitter {
    background: #00baff none repeat scroll 0 0;
}

#button-share .share-link {
    background: #E5E5E5 none repeat scroll 0 0; color: #555
}

.bottom-hotline {
    background: #239ece none repeat scroll 0 0;
    border-radius: 2px 0 0;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 40px;
    padding: 5px 20px;
    position: fixed;
    right: 0;
    z-index: 99;
}
.bottom-hotline a {
    color: #fff;
}
.bottom-hotline span {
    color: #fff;
}

.category-description{
	background-color: var(--xam-1); border: 2px solid #fdac8c; line-height: 1.38; margin-bottom: 20px; margin-top: 0pt; padding: 10px; text-align: justify;
}

.chonsize{background: #239ece; color: #FFF; padding: 3px 10px; margin-left: 5px; border-radius: 2px;}
.chonsize:hover{background: #239ece; color: #FFF}

/* ---------- Nút liên hệ nổi (widget VNThemes Support, includes/widgets/widget-support.php; CSS cột nút tròn trên máy tính
   vẫn nằm trong file đó). Nút Gọi đỏ: cỡ, bóng, hiệu ứng rê chuột như nút xanh cũ; nền tròn chuyển màu vẽ bằng CSS,
   ống nghe trắng là SVG (ratings_ong_nghe_svg) ---------- */
.nut-goi-do {
	display: inline-block; position: relative; width: 44px; height: 44px; border-radius: 50%;
	background: linear-gradient(to bottom, var(--do-9), var(--do-10)); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .11);
}
.nut-goi-do svg {display: block; width: 100%; height: 100%;}
.nut-goi-do.nho {width: 32px; height: 32px; flex: none;}
/* iPhone nằm ngang (thẻ viewport có viewport-fit=cover): cột nút không lấn vào phần tai thỏ */
.adlinkvntools-widget .button-bottom-right {right: calc(15px + env(safe-area-inset-right, 0px));}

/* Rung kiểu "tada": phóng to nhẹ, lắc qua lại 3 độ, mỗi nhịp 1 giây; máy đặt chế độ giảm chuyển động thì không rung */
@keyframes lac-tada {
	0%, 100% {transform: scale(1) rotate(0);}
	10%, 20% {transform: scale(.95) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.08) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.08) rotate(-3deg);}
}
.lac-tada {display: inline-block; animation: lac-tada 1s infinite;}
@media (prefers-reduced-motion: reduce) {.lac-tada {animation: none;}}

/* Điện thoại: thanh cố định dưới đáy, nền trắng, viền trên mảnh, cao 60px (cộng vùng an toàn của iPhone):
   Gọi ngay (ô trái, rộng hơn) | Zalo | Bản đồ */
.thanh-lien-he {display: none;}
@media (max-width: 767px) {
	.thanh-lien-he {
		display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99000;
		height: calc(60px + env(safe-area-inset-bottom, 0px));
		padding: 0 env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
		background: #fff; border-top: 1px solid var(--xam-4); box-shadow: 0 -2px 8px rgba(0, 0, 0, .08);
	}
	/* Chừa khoảng trống cuối trang bằng chiều cao thanh (khối rỗng sau toàn bộ nội dung; không dùng padding cho body
	   vì theme đặt html, body cao đúng 100% màn hình, nội dung tràn ra ngoài); nút lên đầu trang nằm trên thanh */
	body.co-thanh-lien-he:after {content: ""; display: block; height: calc(60px + env(safe-area-inset-bottom, 0px));}
	body.co-thanh-lien-he #topcontrol {bottom: calc(65px + env(safe-area-inset-bottom, 0px)) !important;}
}
.thanh-lien-he-o {
	flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
	color: var(--xam-11); font-size: 11px; line-height: 1.3; text-decoration: none;
}
.thanh-lien-he-o:hover, .thanh-lien-he-o:focus, .thanh-lien-he-o:active {color: var(--xam-11); text-decoration: none;}
.thanh-lien-he-icon {display: block; width: 26px; height: 26px; margin-bottom: 3px; background: center / contain no-repeat;}
.thanh-lien-he-zalo .thanh-lien-he-icon {background-image: url(images/icons/widget_m_icon_zalo.svg);}
.thanh-lien-he-ban-do .thanh-lien-he-icon {background-image: url(images/icons/widget_m_icon_map.svg);}
.thanh-lien-he-goi {flex-grow: 1.8; flex-direction: row;}
.thanh-lien-he-goi .nut-goi-do {margin-right: 8px;}
.thanh-lien-he-goi-chu {display: flex; flex-direction: column; align-items: flex-start;}
.thanh-lien-he-nhan {color: var(--xam-11); font-size: 11px; line-height: 1.2;}
.thanh-lien-he-so {color: var(--do-11); font-size: 16px; font-weight: 700; line-height: 1.3; white-space: nowrap;}


@media (max-width: 767px) {
	.row{margin-left: -10px; margin-right: -10px}
	.navbar-collapse,
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
	{
		padding-left: 10px; padding-right: 10px
	}
	.container.nopdmobile{padding: 0; padding-top: 50px; margin: 0;}
	.container.nopdmobile .row,
	.container.nopdmobile .col-xs-12{padding: 0; margin: 0}
	.dst_hsp{margin: 0}
	.dropdown .dropdown-menu .dropdown, .dropdown .dropdown-menu .dropdown:hover a{background-image: none}
	.dropdown .dropdown-menu .dropdown .dropdown-menu{
		display: block;
		position: relative;
		float: none;
		left: 0;
		top: 0;
		background: transparent;
		border: none;
	}
	.dropdown .dropdown-menu .dropdown-menu li a{background: transparent; color: var(--xam-7);}

	#menu-mobile-menu li ul{margin-left: 25px;}
	#menu-mobile-menu li ul li{margin-bottom: 8px; position: relative; }
	#menu-mobile-menu li ul li a{padding-left: 10px; font-weight: normal; font-size: 13px;}
	#menu-mobile-menu li ul li > a::before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 4px;
		border-color: transparent transparent transparent var(--xam-8);
		position: absolute;
		top: 7px;
		left: 0;
	}

	/* Khối sản phẩm trang chủ điện thoại (widget kiểu Grid, không có tiêu đề): lưới thẻ sát lề trang như danh mục (2026-10-15, trước là lưới
	   kẻ ô xám); chừa 5px dưới cho bóng thẻ */
	ul.products.the-sp-widget {padding: 0 0 5px;}
	#header{margin-bottom: 0; position: fixed; background: var(--toi-1); width: 100%; z-index: 999}
	/* #header cố định cao 52px đè lên đầu trang: thanh đường dẫn chừa thêm 52px ở trên (62px = 52 + 10px như máy tính) để nằm ngay dưới
	   thanh đen. Dùng padding, không dùng margin: margin dồn qua các khối cha trống lên tận body. Trang chủ không có thanh này (khoảng chừa
	   là padding-top của .container.nopdmobile) */
	#pathway{padding-top: 62px}

	.home .widget-product .box-heading{display: none;}
	
	
	.dst_hscoll {
		width: 100%;
		display: block;
		overflow: hidden;
	}
	
	.dst_bline {
	border-bottom: 5px solid var(--xam-3);
	}
	.scrollacc {
		display: block;
		background: transparent;
		overflow-y: hidden;
		overflow-x: scroll;
		-ms-overflow-style: none;
		-ms-scroll-snap-type: mandatory;
		-ms-scroll-snap-points-x: snapInterval(0%,100%);
		-ms-scroll-chaining: chained;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		position: relative;
		z-index: 2;
		margin: 0;
	}
	
	.navaccessories {
		display: block;
		overflow: hidden;
		background: #fff;
		width: 1000px;
		padding-bottom: 3px;
		margin: 12px auto 10px auto;
	}
	.navaccessories a {
		float: left;
		overflow: hidden;
		width: 65px;
		text-align: center;
		margin-bottom: 0px;
	}
	
	.navaccessories div {
		display: block;
		width: 42px;
		height: 42px;
		margin: auto;
		border-radius: 50px;
		position: relative;
		background: linear-gradient(-180deg,var(--xam-1) 0%,var(--xam-3) 100%);
		border: 1px solid var(--xam-8);
		box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
	}
	
	.navaccessories h3 {
		display: block;
		overflow: hidden;
		line-height: 1.3em;
		font-size: 12px;
		color: var(--xam-12);
		padding: 5px 0;
	}
	
	.navaccessories h3 span {
		display: block;
		padding: 8px 0;
	}
	.home-menu-dienthoai {
		background-position: 8px 0;
		width: 24px;
		height: 26px;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: block;
		margin: auto;
	}
	
	.home-menu-xiaomi {
	background-position: -212px 0;
	width: 24px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	margin: auto;
}

.home-menu-samsung {
	background-position: -175px 0;
	width: 40px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	margin: auto;
}

.h-mn-realme {
	background-image: url(images/realme_icon.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 36px;
	width: 34px;
	line-height: 34px;
	vertical-align: bottom;
	background-size: 32px 31px;
	background-position: 1px 4px;
}

.h-mn-oppo {
	background-image: url(images/oppoicon.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 33px;
	vertical-align: bottom;
	background-size: 32px 70px;
	background-position: 0px -14px; 
}

.home-menu-maytinhbang {
	background-position: -18.5px 0;
	width: 28px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	margin: auto;
}

.home-menu-iphone {
	background-position: -147px 0;
	width: 24px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	margin: auto;
}

.home-menu-suachua {
	background-position: -48px 0;
	width: 24px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	margin: auto;
}

.home-menu-phukien {
	background-position: -77px 0;
	width: 30px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	margin: auto;
}

.home-menu-khuyenmai {
	background-position: -113px 0;
	width: 24px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	margin: auto;
}
	
	[class^="home-menu-"], [class*="home-menu-"] {
		background-image: url(images/homemobile@2x_fx.png);
		background-repeat: no-repeat;
		display: inline-block;
		height: 30px;
		width: 30px;
		line-height: 30px;
		vertical-align: middle;
		background-size: 530px 32px;
	}
	
	.header-center{width: 250px; position: absolute; top: 0; left: 60px;}
	.header{box-shadow: 0 1px 14px rgba(0, 0, 0, 0.06); position: relative;}
	.home .header{margin-bottom: 20px}
	.logo-text{text-align: center;}
	.logo{width: 32px; height: auto; margin: 10px 0}
	.off-canvas-toggle{color: var(--xam-12); width: 30px; height: 30px}
	.icon-search{
		background-image:url('images/btn-search.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
		width: 20px; height: 20px;text-indent: -999px; cursor: pointer;
	}
	
	.heading-title{border-bottom: 1px solid var(--xam-11); padding-bottom: 10px; margin-bottom: 20px}
	.heading-title a{color: #000; text-transform: uppercase; font-size: 20px;}
	
	.post-box-title a{font-weight: bold;}
	.item-list{margin-bottom: 20px;}
	.item-list .post-thumbnail{max-width: 120px; height: auto;}
	
	.hkt-posts .view-all{position: relative; text-align: center; display: block; padding: 10px 20px; text-decoration: underline; font-style: normal; background: var(--toi-1); color: var(--toi-12);}

	.blog-item h2{margin: 0; font-size: 16px;}
	.blog-item .bai-xem-ngay {font-size: 12px;} /* các bài cách nhau 24px như máy tính (trước 20px), 2026-10-16 */
	
	.topsocial-icons{position: relative; margin: 0 auto 10px; width: 150px; right: auto; top: auto;}
	
	.twocol .catbox{height: auto;}
	.logo-mobile{text-align: center;}
	.collapse{display: block;}
	.collapse ul{display: none;}
	.collapse .header-search{ border: medium none; box-shadow: none; padding: 0; position: absolute; right: 10px; top: 0;}
	.vnt-box-right{margin-top: 20px; text-align: center;}
	.copyright{text-align: center;}
	.topmenu,
	#botsl{text-align: center;}
	#botsl .footer-col{margin-bottom: 20px}
	footer .pull-left, footer .pull-right{text-align: center; float: none !important; }
	.category article .entry-summary{height: auto;}
	.bottom-hotline{width: 100%; text-align: center; border-radius: 0}
	.site-title{text-align: center;}
	
	#botsl .list-social ul li{float: none; display: inline;}
	.product-thumb{margin-bottom: 20px}

	.dst-col-2 {width: 50%;}
	.price .amount{font-size: 13px;}
	#slideshowwrap, #main-news .col-sm-4{margin-bottom: 20px}
	#main-content{width: 100%; float: left; display: block;}
	#sidebar{width: 100%; float: right; padding-right: 0; display: none;}
	/* Slider lớn trang chủ (bo 4 góc): cách 2 mép màn hình 15px (thẳng mép nội dung bên dưới), cách thanh đen đầu trang 10px (thanh cao
	   52px, .container.nopdmobile chừa 50px); tổng chiều cao như khi ảnh còn tràn 2 mép nên phần bên dưới không xê dịch (2026-10-17) */
	.hkt-slider-thumb{margin: 12px 15px 15px;}
	.category-title h1{font-size: 20px;}
}

/* Khung trang rộng đúng bằng mốc màn hình (760, 980, 1200px) nên trên máy tính có thanh cuộn dọc (khoảng 15px), cửa sổ rộng
   768–775, 980–995, 1200–1215px thì trang thừa ra vài px, hiện thanh cuộn ngang: không cho khung rộng quá chỗ trống (2026-10-13) */
.container {max-width: 100%;}

@media (min-width: 768px) {
	.container {
	    width: 760px;
	}
	
	.navbar-categories{width: 200px; float: left;}
	.navbar-categories #menu-products-menu{width: 200px}
	.navbar-categories #menu-products-menu li{padding: 5px 10px;}
	.navbar-categories #menu-products-menu li a{font-size: 13px;}
	.navbar-default .navbar-nav > li > a{padding: 13px 10px; font-size: 10px}

	.price .amount{font-size: 14px;}
	.dst-col-2 {width: 25%;}
	
	header{background: none}
	.icon-search{
		background-image:url('images/btn-search.png');
		background-repeat:no-repeat;
		background-size:contain;
		background-position: 0 5px;
		width: 20px; height: 25px;text-indent: -999px; cursor: pointer;
	}
	.top-ads{margin: 25px 0}	
	.category article .entry-summary{height: 90px}
	.vnt-box-right{margin-top: 20px; text-align: center;}
	
	
	#main-content{width: 510px; float: left; display: block;}
	#sidebar{width: 200px; float: right; display: block;}
}

@media (min-width: 980px) {
	.container {
	    width: 980px;
	}
	
	.search input.form-control {width: 206px;}
	
	.navbar-categories{width: 230px; float: left;}
	.navbar-categories #menu-products-menu{width: 230px}
	.navbar-categories #menu-products-menu li{padding: 4px 10px;}
	.navbar-categories #menu-products-menu li a{font-size: 14px;}
	.navbar-default .navbar-nav > li > a{padding: 13px 10px; font-size: 13px}

	.top-ads{margin: 17px 0}
	
	.dst-col-2 {width: 20%;}
	
	.vnt-box-right{margin-top: 0; text-align: left;}
	.category article .entry-summary{height: 70px}
	/* 2 cột của bài viết, Tin tức, trang thường (single.php, archive.php, page.php): nội dung trái, cột phải 260px như các mốc 768,
	   1200px; nội dung lấy phần còn lại nên luôn vừa khung. Trước: nội dung 700px nằm phải + cột 260px nằm trái = 960px, khung chỉ
	   còn 950px nên 2 cột không đứng cạnh nhau, một cột rơi xuống dưới (sửa 2026-10-13) */
	#main-content{width: calc(100% - 260px); float: left; padding-right: 20px; }
	#sidebar{width: 260px; float: right;}
}

@media (min-width: 1200px) {
	.container {
	    width: 1200px;
	}
	
	.search input.form-control {width: 286px;}
	
	.navbar-categories{width: 250px; float: left;}
	.navbar-categories #menu-products-menu{width: 250px}
	.navbar-categories #menu-products-menu li{padding: 9px 15px;}
	.navbar-categories #menu-products-menu li a{font-size: 14px;}
	.navbar-default .navbar-nav > li > a{padding: 13px 20px; font-size: 15px}

	.dst-col-2 {width: 20%;}
	
	.top-ads{margin: 15px 0}
	.category article .entry-summary{height: 70px}
	.home #main-content{margin-top: 0}
	
	#main-content{width: 850px; float: left; padding-right: 20px;}
	#sidebar{width: 300px; float: right;}
}