/* Colors */body .theme-button,body input[type="submit"],body button[type="submit"],body button,body .button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button,.woocommerce-cart .wp-element-button,.woocommerce-checkout .wp-element-button,.wp-block-button__link{border-color:#ffffff;}body .theme-button:hover,body input[type="submit"]:hover,body button[type="submit"]:hover,body button:hover,body .button:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:hover, body div.wpforms-container-full .wpforms-form input[type=submit]:active, body div.wpforms-container-full .wpforms-form button[type=submit]:hover, body div.wpforms-container-full .wpforms-form button[type=submit]:active, body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, body div.wpforms-container-full .wpforms-form .wpforms-page-button:active,.woocommerce-cart .wp-element-button:hover,.woocommerce-checkout .wp-element-button:hover,.wp-block-button__link:hover{border-color:#ffffff;}/* OceanWP Style Settings CSS */.theme-button,input[type="submit"],button[type="submit"],button,.button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button{border-style:solid;}.theme-button,input[type="submit"],button[type="submit"],button,.button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button{border-width:1px;}form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea, .woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single{border-style:solid;}body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea{border-style:solid;}form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea{border-radius:3px}body div.wpforms-container-full .wpforms-form input[type=date], body div.wpforms-container-full .wpforms-form input[type=datetime], body div.wpforms-container-full .wpforms-form input[type=datetime-local], body div.wpforms-container-full .wpforms-form input[type=email], body div.wpforms-container-full .wpforms-form input[type=month], body div.wpforms-container-full .wpforms-form input[type=number], body div.wpforms-container-full .wpforms-form input[type=password], body div.wpforms-container-full .wpforms-form input[type=range], body div.wpforms-container-full .wpforms-form input[type=search], body div.wpforms-container-full .wpforms-form input[type=tel], body div.wpforms-container-full .wpforms-form input[type=text], body div.wpforms-container-full .wpforms-form input[type=time], body div.wpforms-container-full .wpforms-form input[type=url], body div.wpforms-container-full .wpforms-form input[type=week], body div.wpforms-container-full .wpforms-form select, body div.wpforms-container-full .wpforms-form textarea{border-radius:3px}/* Header */#site-header.has-header-media .overlay-header-media{background-color:rgba(0,0,0,0.5);}#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:200px;}@media (max-width: 480px){#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:150px;}}#site-navigation-wrap .dropdown-menu > li > a,.oceanwp-mobile-menu-icon a,#searchform-header-replace-close{color:#524646;}#site-navigation-wrap .dropdown-menu > li > a .owp-icon use,.oceanwp-mobile-menu-icon a .owp-icon use,#searchform-header-replace-close .owp-icon use{stroke:#524646;}#site-navigation-wrap .dropdown-menu > .current-menu-item > a,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a,#site-navigation-wrap .dropdown-menu > .current-menu-item > a:hover,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a:hover{color:#403939;}/* Blog CSS */.ocean-single-post-header ul.meta-item li a:hover{color:#333333;}/* Sidebar */.widget-area .sidebar-box, .separate-layout .sidebar-box{margin-bottom:px;}/* Footer Widgets */#footer-widgets{padding:40px 0px 40px 0px}/* WooCommerce */.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count, .show-cart .wcmenucart-cart-icon .wcmenucart-count{background-color:#b9791a; border-color:#b9791a;}.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count:after, .show-cart .wcmenucart-cart-icon .wcmenucart-count:after{border-color:#b9791a;}.owp-floating-bar form.cart .quantity .minus:hover, .owp-floating-bar form.cart .quantity .plus:hover{color:#ffffff;}#owp-checkout-timeline .timeline-step{color:#cccccc;}#owp-checkout-timeline .timeline-step{border-color:#cccccc;}.woocommerce span.onsale{background-color:#946b0c;}.woocommerce .star-rating span, .woocommerce .star-rating span:before{color:#f0be54;}.quantity .qty{color:#383333;}.woocommerce .oceanwp-grid-list a:hover{color:#bb7917;border-color:#bb7917;}.woocommerce .oceanwp-grid-list a:hover .owp-icon use{stroke:#bb7917;}.woocommerce .oceanwp-grid-list a.active{color:#aa6c0e;border-color:#aa6c0e;}.woocommerce .oceanwp-grid-list a.active .owp-icon use{stroke:#bb7917;}.woocommerce ul.products li.product li.category a:hover{color:#b08d57;}.woocommerce ul.products li.product li.title a:hover{color:#b08d57;}.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price .amount{color:#af843f;}.woocommerce ul.products li.product li.owp-woo-cond-notice a:hover{color:#dd9933;}.woocommerce ul.products li.product .woo-product-gallery .active a, .woocommerce ul.products li.product .woo-product-gallery a:hover{border-color:#b67411;}.woocommerce ul.products li.product .woo-entry-buttons li a.owp-quick-view:hover{color:#dd9933;}.woocommerce ul.products li.product .button:hover,.woocommerce ul.products li.product .product-inner .added_to_cart:hover, .woocommerce ul.products li.product:not(.product-category) .image-wrap .button:hover{color:#dd9933;}.woocommerce ul.products li.product .button:hover,.woocommerce ul.products li.product .product-inner .added_to_cart:hover, .woocommerce ul.products li.product:not(.product-category) .image-wrap .button:hover{border-color:#dd9933;}.price,.amount{color:#9a620f;}.woocommerce div.product div[itemprop="description"], .woocommerce div.product .woocommerce-product-details__short-description{color:#604646;}.product_meta .posted_in a,.product_meta .tagged_as a{color:#766262;}.product_meta .posted_in a:hover,.product_meta .tagged_as a:hover{color:#b67411;}.woocommerce div.product div.summary button.single_add_to_cart_button{background-color:#664413;}.woocommerce div.product div.summary button.single_add_to_cart_button{border-style:none;}.woocommerce div.product div.summary button.single_add_to_cart_button{border-radius:5px;}.woocommerce div.product .woocommerce-tabs .panel h2{color:#5c3a21;}.woocommerce-cart .cart-collaterals .cart_totals table th{color:#111111;}.woocommerce table.shop_table a.remove{color:#dd3333;}/* Typography */body{font-family: 'Be Vietnam Pro';font-size: 14px;line-height: 1.8;}h1,h2,h3,h4,h5,h6,.theme-heading,.widget-title,.oceanwp-widget-recent-posts-title,.comment-reply-title,.entry-title,.sidebar-box .widget-title{line-height: 1.4;}h1{font-family: 'Be Vietnam Pro';font-size: 21px;line-height: 1.4;}@media screen and (max-width: 480px) { h1 {font-size: 20px;}}h2{font-family: 'Be Vietnam Pro';font-size: 20px;line-height: 1.4;}@media screen and (max-width: 480px) { h2 {font-size: 19px;}}h3{font-family: 'Be Vietnam Pro';font-size: 18px;line-height: 1.4;}h4{font-family: 'Be Vietnam Pro';font-size: 17px;line-height: 1.4;}h5{font-family: 'Be Vietnam Pro';font-size: 14px;line-height: 1.4;}h6{font-family: 'Be Vietnam Pro';font-size: 15px;line-height: 1.4;}.page-header .page-header-title, .page-header.background-image-page-header .page-header-title{font-size: 32px;line-height: 1.4;}.page-header .page-subheading, .page-header.background-image-page-header .page-subheading{font-size: 15px;line-height: 1.8;}.site-breadcrumbs, .site-breadcrumbs a{font-size: 13px;line-height: 1.4;}#top-bar-content,#top-bar-social-alt{font-size: 12px;line-height: 1.8;}#site-logo a.site-logo-text{font-size: 24px;line-height: 1.8;}#site-navigation-wrap .dropdown-menu > li > a,#site-header.full_screen-header .fs-dropdown-menu > li > a,#site-header.top-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.center-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a,.oceanwp-mobile-menu-icon a{font-weight: 700;text-transform: uppercase;}.dropdown-menu ul li a.menu-link,#site-header.full_screen-header .fs-dropdown-menu ul.sub-menu li a{font-size: 12px;line-height: 1.2;letter-spacing: 0.6px;}.sidr-class-dropdown-menu li a, a.sidr-class-toggle-sidr-close, #mobile-dropdown ul li a, body #mobile-fullscreen ul li a{font-size: 15px;line-height: 1.8;}.blog-entry.post .blog-entry-header .entry-title a{font-size: 24px;line-height: 1.4;}.ocean-single-post-header .single-post-title{font-size: 34px;line-height: 1.4;letter-spacing: 0.6px;}.ocean-single-post-header ul.meta-item li, .ocean-single-post-header ul.meta-item li a{font-size: 13px;line-height: 1.4;letter-spacing: 0.6px;}.ocean-single-post-header .post-author-name, .ocean-single-post-header .post-author-name a{font-size: 14px;line-height: 1.4;letter-spacing: 0.6px;}.ocean-single-post-header .post-author-description{font-size: 12px;line-height: 1.4;letter-spacing: 0.6px;}.single-post .entry-title{line-height: 1.4;letter-spacing: 0.6px;}.single-post ul.meta li, .single-post ul.meta li a{font-size: 14px;line-height: 1.4;letter-spacing: 0.6px;}.sidebar-box .widget-title, .sidebar-box.widget_block .wp-block-heading{font-size: 13px;line-height: 1;letter-spacing: 1px;}#footer-widgets .footer-box .widget-title{font-size: 13px;line-height: 1;letter-spacing: 1px;}#footer-bottom #copyright{font-size: 12px;line-height: 1;}#footer-bottom #footer-bottom-menu{font-size: 12px;line-height: 1;}.woocommerce-store-notice.demo_store{line-height: 2;letter-spacing: 1.5px;}.demo_store .woocommerce-store-notice__dismiss-link{line-height: 2;letter-spacing: 1.5px;}.woocommerce ul.products li.product li.title h2, .woocommerce ul.products li.product li.title a{font-size: 14px;line-height: 1.5;}.woocommerce ul.products li.product li.category, .woocommerce ul.products li.product li.category a{font-size: 12px;line-height: 1;}.woocommerce ul.products li.product .price{font-size: 18px;line-height: 1;}.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .product-inner .added_to_cart{font-size: 12px;line-height: 1.5;letter-spacing: 1px;}.woocommerce ul.products li.owp-woo-cond-notice span, .woocommerce ul.products li.owp-woo-cond-notice a{font-size: 16px;line-height: 1;letter-spacing: 1px;font-weight: 600;text-transform: capitalize;}.woocommerce div.product .product_title{font-size: 24px;line-height: 1.4;letter-spacing: 0.6px;font-weight: 700;text-transform: uppercase;}@media screen and (max-width: 480px) { .woocommerce div.product .product_title {font-size: 20px;}}@media screen and (max-width: 480px) { .woocommerce div.product .product_title {line-height: 1.2;}}@media screen and (max-width: 480px) { .woocommerce div.product .product_title {font-weight: 700;}}@media screen and (max-width: 480px) { .woocommerce div.product .product_title {text-transform: uppercase;}}.woocommerce div.product p.price{font-size: 30px;line-height: 1;}@media screen and (max-width: 480px) { .woocommerce div.product p.price {font-size: 29px;}}.woocommerce .owp-btn-normal .summary form button.button, .woocommerce .owp-btn-big .summary form button.button, .woocommerce .owp-btn-very-big .summary form button.button{font-size: 12px;line-height: 1.5;letter-spacing: 1px;font-weight: 600;text-transform: uppercase;}.woocommerce div.owp-woo-single-cond-notice span, .woocommerce div.owp-woo-single-cond-notice a{font-size: 18px;line-height: 2;letter-spacing: 1.5px;font-weight: 600;text-transform: capitalize;}.ocean-preloader--active .preloader-after-content{font-size: 20px;line-height: 1.8;letter-spacing: 0.6px;}/* ========================================================================== 1. TỐI ƯU KHOẢNG CÁCH MENU & DẤU GẠCH CHÉO TRÊN OCEANWP ========================================================================== *//* Thu hẹp khoảng cách của các mục menu (Thẻ li) */#site-navigation-wrap .dropdown-menu >li{position:relative !important;padding:0 2px !important;margin:0 !important}/* Ép bớt padding của chữ (Thẻ a) */#site-navigation-wrap .dropdown-menu >li >a{padding-left:10px !important;padding-right:10px !important}/* Căn chỉnh lại dấu gạch chéo sang trọng nằm chính giữa */#site-navigation-wrap .dropdown-menu >li:not(:last-child):after{content:"/" !important;position:absolute !important;right:-2px !important;top:50% !important;transform:translateY(-50%) !important;opacity:0.25 !important;font-size:11px !important;color:#111 !important}/* ========================================================================== 2. PAGE HEADER - ĐÓNG KHUNG TIÊU ĐỀ TRANG CHUẨN VÀNG GOLD ========================================================================== */.page .page-header{background-color:#fff !important;border:2px solid #c9a55c !important;border-radius:6px;padding:15px 25px !important;margin:25px auto !important;width:fit-content !important;max-width:90%;display:block;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.page .page-header h1.page-header-title{font-size:26px !important;font-weight:600 !important;color:#333 !important;text-align:center !important;margin:0 !important;padding:0 !important;letter-spacing:1px}.page-header-subheading,#site-navigation-heading{display:none !important}/* ========================================================================== 3. PREMIUM PRODUCT CARD (KHUNG SẢN PHẨM HOÀNG GIA) ========================================================================== */ul.products li.product{border:1px solid rgba(200,169,107,.18) !important;padding:12px !important;transition:all .3s ease !important;background:#fff}ul.products li.product:hover{border-color:rgba(200,169,107,.45) !important;transform:translateY(-3px);box-shadow:0 4px 12px rgba(200,169,107,.1)}ul.products li.product img{margin-bottom:8px !important}ul.products li.product .woo-entry-inner .category,ul.products li.product .woo-entry-inner .woo-entry-category,ul.products li.product .product_category,ul.products li.product .posted_in,ul.products li.product .cat-links,.woo-product-category{display:none !important}/* ========================================================================== 4. NÚT XEM THÊM (VIEW MORE BUTTON) MÀU VÀNG ĐỒNG ĐẶC TRƯNG ========================================================================== */.view-more-wrap{text-align:left;margin-top:25px;margin-bottom:25px;padding-right:0}.view-more-btn{display:inline-block;padding:8px 18px;font-size:13px;font-weight:500;text-transform:none;color:#b08d57;border:1.2px solid #b08d57;border-radius:20px;transition:all 0.3s ease;text-decoration:none;line-height:1.2}.view-more-btn:hover{background-color:#b08d57;color:#fff !important;text-decoration:none}/* ========================================================================== KHỬ HOÀN TOÀN GẠCH CHÂN SẢN PHẨM NGOÀI TRANG CHỦ / TRANG CỬA HÀNG ========================================================================== *//* 1. Bỏ gạch chân tiêu đề và các liên kết của sản phẩm */ul.products li.product .woocommerce-loop-product__title,ul.products li.product a{text-decoration:none !important}/* 2. Đảm bảo không bị xuất hiện lại dấu gạch chân khi di chuột (Hover) */ul.products li.product a:hover,ul.products li.product .woocommerce-loop-product__title:hover{text-decoration:none !important}/* Ẩn hoàn toàn thanh điều hướng Breadcrumb ở tất cả các trang chi tiết sản phẩm */.single-product .site-breadcrumbs{display:none !important}/* ========================================================================== 8. CẬP NHẬT:SỬ DỤNG FLEXBOX ÉP 2 CỘT TUYỆT ĐỐI CHO SAMSUNG & IPHONE ========================================================================== */@media screen and (max-width:991px){/* Khởi tạo khung Flexbox cho danh sách sản phẩm */ul.products{display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;/* Tự động đẩy 2 sản phẩm sang 2 bên mép */padding-left:0 !important;padding-right:0 !important}/* Định hình lại hộp sản phẩm */.woocommerce ul.products[class*="columns-"] li.product,ul.products li.product{box-sizing:border-box !important;width:48.5% !important;/* Độ rộng vừa vặn,an toàn cho cả Safari và Chrome */float:none !important;/* Khử bỏ lệnh float cũ gây lỗi dòng */margin-left:0 !important;margin-right:0 !important;/* Flexbox tự tính khoảng cách giữa,không dùng margin-right */margin-bottom:14px !important;clear:none !important}/* Khử bỏ các lệnh chia cột cũ của WooCommerce hệ thống */.woocommerce ul.products[class*="columns-"] li.product:nth-child(2n),ul.products li.product:nth-child(2n){margin-right:0 !important;clear:none !important}}/* ========================================================================== 2. TỐI ƯU PAGE HEADER - ẨN TIÊU ĐỀ THỪA TRÊN TRANG CHI TIẾT SẢN PHẨM ========================================================================== *//* Đóng khung tiêu đề chuẩn vàng Gold ở các trang thường (Giới thiệu,liên hệ...) */.page .page-header{background-color:#fff !important;border:2px solid #c9a55c !important;border-radius:6px;padding:15px 25px !important;margin:25px auto !important;width:fit-content !important;max-width:90%;display:block;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.page .page-header h1.page-header-title{font-size:26px !important;font-weight:600 !important;color:#333 !important;text-align:center !important;margin:0 !important;padding:0 !important;letter-spacing:1px}/* LỆNH MỚI:Ẩn hoàn toàn khối Page Header thừa thãi ở trên đầu trang sản phẩm */.single-product .page-header{display:none !important}.page-header-subheading,#site-navigation-heading{display:none !important}/* ========================================================================== TỐI ƯU MENU SIÊU TINH GỌN:CẮT BỎ ĐƯỜNG TRÊN,ÉP KHÔNG GIAN COMPACT ========================================================================== */#site-header{/* Bỏ hoàn toàn đường viền và khoảng cách phía trên */margin-top:0 !important;border-top:none !important;/* Chỉ giữ lại duy nhất 1 đường kẻ mảnh phía dưới để phân tách nội dung */border-bottom:1px solid #d4b26f !important;/* Màu vàng Gold mảnh *//* Ép khoảng đệm bên trong co gọn tối đa để thanh menu thanh mảnh */padding-top:2px !important;padding-bottom:2px !important;/* Khử các viền phụ khác */border-left:none !important;border-right:none !important;background-color:#ffffff !important}/* Tối ưu riêng cho điện thoại để Menu không chiếm không gian cuộn */@media screen and (max-width:991px){#site-header{padding-top:0 !important;padding-bottom:0 !important}/* Thu nhỏ nhẹ phần logo hoặc icon menu nếu cần để khớp với độ thanh mảnh mới */#site-header-inner{padding-top:5px !important;padding-bottom:5px !important}}