SELECT 
  cscart_bm_snapping.grid_id as grid_id, 
  cscart_bm_snapping.block_id as block_id, 
  IFNULL(
    dynamic_object_content.content, 
    default_content.content
  ) as content, 
  IFNULL(
    dynamic_object_content.object_id, 
    default_content.object_id
  ) AS object_id, 
  IFNULL(
    dynamic_object_content.object_type, 
    default_content.object_type
  ) AS object_type, 
  cscart_bm_block_statuses.object_ids as object_ids, 
  cscart_bm_snapping.*, 
  cscart_bm_blocks.*, 
  cscart_bm_blocks_descriptions.* 
FROM 
  cscart_bm_snapping 
  LEFT JOIN cscart_bm_blocks ON cscart_bm_blocks.block_id = cscart_bm_snapping.block_id 
  LEFT JOIN cscart_bm_block_statuses ON cscart_bm_snapping.snapping_id = cscart_bm_block_statuses.snapping_id 
  AND cscart_bm_block_statuses.object_type LIKE 'categories' 
  LEFT JOIN cscart_bm_blocks_descriptions ON cscart_bm_blocks.block_id = cscart_bm_blocks_descriptions.block_id 
  LEFT JOIN cscart_bm_blocks_content AS default_content ON cscart_bm_blocks.block_id = default_content.block_id 
  AND cscart_bm_blocks_descriptions.lang_code = default_content.lang_code 
  AND default_content.snapping_id = 0 
  AND default_content.object_id = 0 
  AND default_content.object_type like '' 
  LEFT JOIN cscart_bm_blocks_content AS dynamic_object_content ON cscart_bm_blocks.block_id = dynamic_object_content.block_id 
  AND cscart_bm_blocks_descriptions.lang_code = dynamic_object_content.lang_code 
  AND dynamic_object_content.object_id = 302 
  AND dynamic_object_content.object_type like 'categories' 
WHERE 
  cscart_bm_snapping.grid_id IN (
    808, 812, 814, 809, 1236, 813, 810, 1237, 
    811, 1235, 867, 1263, 1260, 1280, 868, 
    1262, 1259, 1281, 1261, 1282, 1299, 
    1255, 1283, 1247, 1256, 869, 870, 871, 
    1264, 1258, 1252, 1257, 1211, 1212, 
    1213, 1216, 1214, 1215, 1239, 799
  ) 
  AND cscart_bm_blocks_descriptions.lang_code = 'vn' 
ORDER BY 
  cscart_bm_snapping.order, 
  cscart_bm_snapping.block_id

Query time 0.00256

JSON explain

{
  "query_block": {
    "select_id": 1,
    "cost_info": {
      "query_cost": "1937.81"
    },
    "ordering_operation": {
      "using_filesort": true,
      "cost_info": {
        "sort_cost": "1296.00"
      },
      "nested_loop": [
        {
          "table": {
            "table_name": "cscart_bm_snapping",
            "access_type": "range",
            "possible_keys": [
              "grid_id"
            ],
            "key": "grid_id",
            "used_key_parts": [
              "grid_id"
            ],
            "key_length": "4",
            "rows_examined_per_scan": 81,
            "rows_produced_per_join": 81,
            "filtered": "100.00",
            "index_condition": "(`kcoffee`.`cscart_bm_snapping`.`grid_id` in (808,812,814,809,1236,813,810,1237,811,1235,867,1263,1260,1280,868,1262,1259,1281,1261,1282,1299,1255,1283,1247,1256,869,870,871,1264,1258,1252,1257,1211,1212,1213,1216,1214,1215,1239,799))",
            "cost_info": {
              "read_cost": "38.36",
              "eval_cost": "8.10",
              "prefix_cost": "46.46",
              "data_read_per_join": "62K"
            },
            "used_columns": [
              "snapping_id",
              "block_id",
              "grid_id",
              "wrapper",
              "user_class",
              "order",
              "status"
            ]
          }
        },
        {
          "table": {
            "table_name": "cscart_bm_block_statuses",
            "access_type": "ref",
            "possible_keys": [
              "snapping_id"
            ],
            "key": "snapping_id",
            "used_key_parts": [
              "snapping_id"
            ],
            "key_length": "4",
            "ref": [
              "kcoffee.cscart_bm_snapping.snapping_id"
            ],
            "rows_examined_per_scan": 1,
            "rows_produced_per_join": 81,
            "filtered": "100.00",
            "index_condition": "<if>(is_not_null_compl(cscart_bm_block_statuses), ((`kcoffee`.`cscart_bm_snapping`.`snapping_id` = `kcoffee`.`cscart_bm_block_statuses`.`snapping_id`) and (`kcoffee`.`cscart_bm_block_statuses`.`object_type` like 'categories')), true)",
            "cost_info": {
              "read_cost": "20.25",
              "eval_cost": "8.10",
              "prefix_cost": "74.81",
              "data_read_per_join": "9K"
            },
            "used_columns": [
              "snapping_id",
              "object_ids",
              "object_type"
            ]
          }
        },
        {
          "table": {
            "table_name": "cscart_bm_blocks",
            "access_type": "eq_ref",
            "possible_keys": [
              "PRIMARY"
            ],
            "key": "PRIMARY",
            "used_key_parts": [
              "block_id"
            ],
            "key_length": "4",
            "ref": [
              "kcoffee.cscart_bm_snapping.block_id"
            ],
            "rows_examined_per_scan": 1,
            "rows_produced_per_join": 81,
            "filtered": "100.00",
            "cost_info": {
              "read_cost": "20.25",
              "eval_cost": "8.10",
              "prefix_cost": "103.16",
              "data_read_per_join": "17K"
            },
            "used_columns": [
              "block_id",
              "type",
              "properties",
              "company_id",
              "storefront_id"
            ]
          }
        },
        {
          "table": {
            "table_name": "cscart_bm_blocks_descriptions",
            "access_type": "eq_ref",
            "possible_keys": [
              "PRIMARY"
            ],
            "key": "PRIMARY",
            "used_key_parts": [
              "block_id",
              "lang_code"
            ],
            "key_length": "10",
            "ref": [
              "kcoffee.cscart_bm_snapping.block_id",
              "const"
            ],
            "rows_examined_per_scan": 1,
            "rows_produced_per_join": 81,
            "filtered": "100.00",
            "cost_info": {
              "read_cost": "20.25",
              "eval_cost": "8.10",
              "prefix_cost": "131.51",
              "data_read_per_join": "62K"
            },
            "used_columns": [
              "block_id",
              "lang_code",
              "name"
            ]
          }
        },
        {
          "table": {
            "table_name": "default_content",
            "access_type": "ref",
            "possible_keys": [
              "PRIMARY"
            ],
            "key": "PRIMARY",
            "used_key_parts": [
              "block_id",
              "snapping_id",
              "lang_code",
              "object_id"
            ],
            "key_length": "18",
            "ref": [
              "kcoffee.cscart_bm_snapping.block_id",
              "const",
              "kcoffee.cscart_bm_blocks_descriptions.lang_code",
              "const"
            ],
            "rows_examined_per_scan": 2,
            "rows_produced_per_join": 162,
            "filtered": "100.00",
            "index_condition": "<if>(is_not_null_compl(default_content), (`kcoffee`.`default_content`.`object_type` like ''), true)",
            "cost_info": {
              "read_cost": "40.50",
              "eval_cost": "16.20",
              "prefix_cost": "188.21",
              "data_read_per_join": "35K"
            },
            "used_columns": [
              "snapping_id",
              "object_id",
              "object_type",
              "block_id",
              "lang_code",
              "content"
            ]
          }
        },
        {
          "table": {
            "table_name": "dynamic_object_content",
            "access_type": "ref",
            "possible_keys": [
              "PRIMARY"
            ],
            "key": "PRIMARY",
            "used_key_parts": [
              "block_id"
            ],
            "key_length": "4",
            "ref": [
              "kcoffee.cscart_bm_snapping.block_id"
            ],
            "rows_examined_per_scan": 8,
            "rows_produced_per_join": 1296,
            "filtered": "100.00",
            "index_condition": "<if>(is_not_null_compl(dynamic_object_content), ((`kcoffee`.`dynamic_object_content`.`object_id` = 302) and (`kcoffee`.`dynamic_object_content`.`lang_code` = `kcoffee`.`cscart_bm_blocks_descriptions`.`lang_code`) and (`kcoffee`.`dynamic_object_content`.`object_type` like 'categories')), true)",
            "cost_info": {
              "read_cost": "324.00",
              "eval_cost": "129.60",
              "prefix_cost": "641.81",
              "data_read_per_join": "283K"
            },
            "used_columns": [
              "object_id",
              "object_type",
              "block_id",
              "lang_code",
              "content"
            ]
          }
        }
      ]
    }
  }
}

Result

grid_id block_id content object_id object_type object_ids snapping_id wrapper user_class order status type properties company_id storefront_id lang_code name
867 72 a:1:{s:4:"menu";s:1:"5";} 0 1500 blocks/wrappers/mainbox_general.tpl 0 D menu a:21:{s:8:"template";s:48:"blocks/menu/abt__ut2_dropdown_horizontal_mwi.tpl";s:19:"abt_menu_long_names";s:1:"N";s:29:"abt_menu_long_names_max_width";s:3:"100";s:40:"abt__menu_add_horizontal_scroll_sections";s:1:"Y";s:21:"abt__ut2_filling_type";s:14:"column_filling";s:22:"abt__ut2_columns_count";s:1:"4";s:30:"dropdown_second_level_elements";s:2:"12";s:29:"dropdown_third_level_elements";s:1:"6";s:40:"abt__no_hidden_elements_third_level_view";s:1:"5";s:31:"abt__ut2_view_more_btn_behavior";s:10:"view_items";s:19:"abt_menu_icon_items";s:1:"N";s:22:"abt__menu_compact_view";s:1:"N";s:24:"abt__ut2_menu_min_height";s:3:"490";s:22:"abt__ut2_demo_block_id";s:8:"top_menu";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"N";} 0 1 vn Top menu
1214 78 0 1512 hidden-phone 0 A cart_content a:11:{s:8:"template";s:23:"blocks/cart_content.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:22:"display_bottom_buttons";s:1:"Y";s:20:"display_delete_icons";s:1:"Y";s:19:"products_links_type";s:5:"thumb";} 0 1 vn Giỏ hàng
812 82 0 993 blocks/wrappers/footer_general.tpl row-fluid 0 A template a:8:{s:8:"template";s:44:"blocks/static_templates/my_account_links.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Tài khoản của tôi
811 85 a:1:{s:7:"content";s:3468:"<ul class="k-contact-list-compact"> <!-- 1. Địa chỉ công ty --> <li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#64748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="k-ic"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> <span>{$settings.Company.company_city}, {$settings.Company.company_address}</span> </li> <!-- 2. Hotline 1 & Hotline 2 --> <li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#64748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="k-ic"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> <span> <a href="tel:{$settings.Company.company_phone}"><bdi>{$settings.Company.company_phone}</bdi></a> <!-- <span class="k-sep">-</span> <a href="tel:{$settings.Company.company_phone_2}"><bdi>{$settings.Company.company_phone_2}</bdi></a> --> </span> </li> <!-- 3. Giờ làm việc --> <li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#64748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="k-ic"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> <span>{__('weekday_abr_1')}-{__('weekday_abr_0')} 8.00 - 18.00</span> </li> <!-- 4. Email hỗ trợ --> <li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#64748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="k-ic"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> <a href="mailto:{$settings.Company.company_users_department}" class="k-mail">{$settings.Company.company_users_department}</a> </li> <!-- 5. Xem trên bản đồ --> <li> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#64748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="k-ic"><polygon points="1 6 1 22 8 18 15 22 22 18 22 2 15 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="15" y1="6" x2="15" y2="22"/></svg> <a href="{'store_locator.search'|fn_url}" class="k-map">{__('view_on_map')} →</a> </li> </ul> <style> /* STYLE GỌN NHẸ - TINH TẾ - KHÔNG RƯỜM RÀ */ .k-contact-list-compact { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 4px; } .k-contact-list-compact li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #475569; line-height: 1.4; } .k-ic { flex-shrink: 0; } .k-sep { color: #94A3B8; margin: 0 4px; } .k-contact-list-compact a { color: #334155; text-decoration: none; font-weight: 500; transition: color 0.2s ease; } .k-contact-list-compact a:hover { color: #6bb557; } </style>";} 0 996 blocks/wrappers/footer_general.tpl footer-no-wysiwyg row-fluid 0 A safe_smarty_block a:8:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Liên Hệ Với Chúng Tôi
1235 86 0 997 text-center 0 A template a:8:{s:8:"template";s:37:"blocks/static_templates/copyright.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Copyright
868 143 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:2:"73";}} 0 327 1055 homepage-banners 0 D banners a:8:{s:8:"template";s:34:"addons/banners/blocks/original.tpl";s:22:"abt__ut2_demo_block_id";s:18:"banner_in_category";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Banners in the category (top)
870 145 a:1:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:0:"";}} 0 326,327 1058 hidden-phone 0 D product_filters a:5:{s:8:"template";s:58:"blocks/product_filters/for_category/horizontal_filters.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Horizontal filters
1212 197 0 1506 top-logo 0 A template a:9:{s:8:"template";s:32:"blocks/static_templates/logo.tpl";s:11:"enable_link";s:1:"Y";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Logo
1215 205 0 328 1513 0 A template a:8:{s:8:"template";s:34:"blocks/static_templates/search.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Search
1213 205 0 1508 ut2-search hidden-phone 0 A template a:8:{s:8:"template";s:34:"blocks/static_templates/search.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Search
1216 206 a:1:{s:4:"menu";s:1:"5";} 0 1514 hidden-phone 0 A menu a:21:{s:8:"template";s:48:"blocks/menu/abt__ut2_dropdown_horizontal_mwi.tpl";s:19:"abt_menu_long_names";s:1:"N";s:29:"abt_menu_long_names_max_width";s:3:"100";s:40:"abt__menu_add_horizontal_scroll_sections";s:1:"Y";s:21:"abt__ut2_filling_type";s:14:"column_filling";s:22:"abt__ut2_columns_count";s:1:"5";s:30:"dropdown_second_level_elements";s:2:"30";s:29:"dropdown_third_level_elements";s:2:"30";s:40:"abt__no_hidden_elements_third_level_view";s:1:"5";s:31:"abt__ut2_view_more_btn_behavior";s:10:"view_items";s:19:"abt_menu_icon_items";s:1:"Y";s:22:"abt__menu_compact_view";s:1:"Y";s:24:"abt__ut2_menu_min_height";s:3:"450";s:22:"abt__ut2_demo_block_id";s:9:"main_menu";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:73:"https://v8.kcoffee.vn/sn-phm-ca-phe/ca-phe-rang-xay-vn-vn/?action=preview";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"N";} 0 1 vn Main menu
809 219 a:1:{s:4:"menu";s:1:"3";} 0 1532 blocks/wrappers/footer_general.tpl row-fluid 0 A menu a:10:{s:8:"template";s:26:"blocks/menu/text_links.tpl";s:18:"show_items_in_line";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"N";} 0 1 vn K Coffee Store
1247 254 a:1:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:19:"292,294,356,302,314";}} 0 328 1575 0 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:3:"430";s:22:"skeleton_height_tablet";s:3:"415";s:22:"skeleton_height_mobile";s:3:"390";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"B";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn Siêu Sale
1260 260 0 328 1584 av-block-titel-has-more 0 D template a:12:{s:8:"template";s:49:"blocks/static_templates/abt__ut2__title_block.tpl";s:20:"abt__ut_center_title";s:1:"N";s:29:"abt__ut_title_line_decoration";s:1:"N";s:22:"abt__ut_big_size_title";s:6:"normal";s:21:"abt__ut_title_opacity";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:48:"https://kcoffee.vn/takeaway/ca-phe-truyen-thong/";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Cà Phê <mark>Truyền Thống</mark>
1261 263 a:3:{s:5:"width";s:4:"1360";s:6:"height";s:0:"";s:5:"items";a:1:{s:7:"filling";s:8:"manually";}} 0 328 1587 hero-slider 0 D banners a:15:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_multiple.tpl";s:6:"margin";s:1:"0";s:6:"height";s:0:"";s:13:"height_mobile";s:0:"";s:13:"minimal_width";s:0:"";s:19:"multiple_mode_items";s:1:"1";s:10:"navigation";s:1:"A";s:5:"delay";s:1:"3";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn F&B site banner mobile
1256 265 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:8:"82,83,84";}} 0 328,329,330,334,332,335 1589 0 D banners a:15:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_multiple.tpl";s:6:"margin";s:0:"";s:6:"height";s:0:"";s:13:"height_mobile";s:0:"";s:13:"minimal_width";s:0:"";s:19:"multiple_mode_items";s:1:"2";s:10:"navigation";s:1:"A";s:5:"delay";s:1:"3";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn banner promotion F&B
1257 268 a:1:{s:7:"content";s:7224:"<style> .ut2-menu.ut2-h__menu .ut2-menu__link { font-weight: 500!important; text-transform: uppercase!important; } .tygh-content > div { background:#faf8f5!important } [class*="title"] mark { color:#6bb557; } [id^=old_price_update] .ty-strike span, [id^=old_price_update] .ty-strike bdi { font-size: 14px; } [id^=price_update] .ty-price span, [id^=price_update] .ty-price bdi { font-size: 16px; font-weight: 600; } [id^=line_discount_update] { display: none !important; } [id^=line_discount_update] span { font-size: 12px; } .ut2-gl__amount:has(> .stock-wrap > input[type="hidden"]:only-child), .stock-wrap:has(> input[type="hidden"]:only-child), [id^="product_amount_update_"]:has(> input[type="hidden"]:only-child) { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } .ut2-gl__name, .ut2-gl__name a, .ty-grid-list__item-namer, .ty-grid-list__item-name a, .product-title, .product-title a { text-transform: lowercase !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.4 !important; max-height: 2.8em !important; font-weight: 500; font-size: 15px; } .ut2-gl__name::first-letter, .ut2-gl__name a::first-letter, .ty-grid-list__item-name::first-letter, .ty-grid-list__item-name a::first-letter, .product-title::first-letter, .product-title a::first-letter { text-transform: uppercase !important; } [id^=button_cart].ty-btn i { font-size: 20px !important; } .ut2-template-small__mix-price-and-button .ty-qty, .ut2-simple-list__mix-price-and-button .ty-qty, .ty-compact-list__buttons .ty-qty, .ut2-gl__mix-price-and-button .ty-qty, .ut2-vl__mix-price-and-button .ty-qty, .ut2-template-small__mix-price-and-button .quantity, .ut2-simple-list__mix-price-and-button .quantity, .ty-compact-list__buttons .quantity, .ut2-gl__mix-price-and-button .quantity, .ut2-vl__mix-price-and-button .quantity { border-radius: 12px !important; } [id^=button_cart].ty-btn__primary { background-color: #6bb557 !important; } .ut2__vendor-info--list-product { order: 99 !important; margin-top: 14px !important; padding-top: 10px !important; border-top: 1px dashed #E2E8F0 !important; display: flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; box-sizing: border-box !important; } .ut2__vendor-info--location { display: none !important; } .ut2__vendor-info--logo img, .ut2__vendor-info--logo .ty-pict { width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important; border-radius: 50% !important; object-fit: cover !important; border: 1px solid #E2E8F0 !important; } .ut2__vendor-info--name a { font-size: 12px !important; font-weight: 600 !important; color: #64748B !important; text-decoration: none !important; transition: color 0.2s ease !important; } .ut2__vendor-info--name a:hover { color: #6bb557 !important; } /* Nút từng Tab bo tròn */ .av-block-titel { padding: 12px 0px 12px 0 !important; margin: 0 !important; } .av-block-titel span { color:#073763; font-size: 24px!important; } .av-block-titel span mark { color:#6bb557; } .av-block-titel-has-more > .ty-mainbox-title { width: 100% !important; display: block !important; padding: 24px 0px 16px 0 !important; } .av-block-titel-has-more > .ty-mainbox-title > span { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; font-weight: 600; color:#213664; } .av-block-titel-has-more > .ty-mainbox-title .abt__ut2-block-link { margin-left: auto !important; /* Đẩy sát về mép phải */ display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; font-weight: 400 !important; color: #6bb557 !important; /* Màu xanh K COFFEE */ text-decoration: none !important; transition: all 0.2s ease !important; } .av-block-titel-has-more > .ty-mainbox-title .abt__ut2-block-link:hover { color: #589b46 !important; transform: translateX(3px) !important; }.av-block-titel-has-more > .ty-mainbox-title { width: 100% !important; display: block !important; padding: 24px 0px 16px 0 !important; } .av-block-titel-has-more > .ty-mainbox-title > span { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; font-weight: 600; color:#213664; } .av-block-titel-has-more > .ty-mainbox-title .abt__ut2-block-link { margin-left: auto !important; /* Đẩy sát về mép phải */ display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 14px !important; font-weight: 400 !important; color: #213664 !important; /* Màu xanh K COFFEE */ text-decoration: none !important; transition: all 0.2s ease !important; } .av-block-titel-has-more > .ty-mainbox-title .abt__ut2-block-link:hover { transform: translateX(3px) !important; } .ut2-menu.ut2-h__menu .ut2-menu__item:hover .ut2-menu__link { background-color: #6bb557; } .ut2-rating-stars, .ut2__vendor-info--list-product { display: none!important; } .ut2-a__img img { border-radius: 8px; } .banner-fix { position: sticky; top: 130px; margin-top: 24px; } .dark-overlay .ut2-a__bg-banner { position: relative !important; overflow: hidden !important; } .dark-overlay .ut2-a__bg-banner::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.6) 100%) !important; z-index: 1 !important; pointer-events: none !important; transition: all 0.3s ease !important; } .dark-overlay .ut2-a__content { position: relative !important; z-index: 2 !important; } .dark-overlay:hover .ut2-a__bg-banner::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.45) 100%) !important; } @media (max-width: 767px) { /* Kích hoạt Flexbox cho khung cha fix-repon chỉ trên điện thoại */ .fix-repon .row-fluid { display: flex !important; flex-wrap: wrap !important; gap:8px !important; } /* Xóa float và clearfix cũ của Bootstrap chỉ trên điện thoại */ .fix-repon .row-fluid::before, .fix-repon .row-fluid::after { display: none !important; } /* Ép 4 ô con rớt xuống nằm 2 cột 1 hàng (50% mỗi ô) chỉ trên điện thoại */ .fix-repon .span4, .fix-repon .ty-column2 { float: none !important; box-sizing: border-box !important; width: 48% !important; max-width: 48% !important; flex: 0 0 48% !important; margin-left: 0 !important; margin-right: 0 !important; } } </style>";} 0 329,334,332,328 1593 0 D html_block a:8:{s:8:"template";s:21:"blocks/html_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Style page
1263 270 0 328 1595 av-block-titel-has-more 0 D template a:12:{s:8:"template";s:49:"blocks/static_templates/abt__ut2__title_block.tpl";s:20:"abt__ut_center_title";s:1:"N";s:29:"abt__ut_title_line_decoration";s:1:"N";s:22:"abt__ut_big_size_title";s:6:"normal";s:21:"abt__ut_title_opacity";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:39:"https://kcoffee.vn/takeaway/tra-cascara";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Trà <mark>Cascara</mark>
1259 277 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:1:{s:7:"filling";s:8:"manually";}} 0 328 1602 0 D banners a:11:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_combined.tpl";s:6:"margin";s:1:"0";s:6:"height";s:4:"auto";s:13:"height_mobile";s:4:"auto";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn banner fix
1262 278 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:2:"68";}} 0 328 1603 0 D banners a:11:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_combined.tpl";s:6:"margin";s:1:"0";s:6:"height";s:4:"auto";s:13:"height_mobile";s:4:"auto";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:1:"#";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn banner fix 2
1239 304 a:1:{s:4:"menu";s:2:"16";} 0 1629 top-quick-links 0 A menu a:10:{s:8:"template";s:26:"blocks/menu/text_links.tpl";s:18:"show_items_in_line";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"N";} 0 1 vn top-left
799 68 a:1:{s:4:"menu";s:2:"11";} 0 328 978 top-quick-links 1 A menu a:10:{s:8:"template";s:26:"blocks/menu/text_links.tpl";s:18:"show_items_in_line";s:1:"Y";s:22:"abt__ut2_demo_block_id";s:8:"top_menu";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"N";} 0 1 vn Quick links
1214 79 0 1511 hidden-phone 1 A my_account a:8:{s:8:"template";s:21:"blocks/my_account.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Tài khoản
871 141 0 326,327,328,329,330,334,332 1061 blocks/wrappers/abt__ut2__sidebox_important.tpl ut2-subcategories-block hidden-phone 1 A abt__ut2_advanced_subcategories_menu a:14:{s:8:"template";s:69:"addons/abt__unitheme2/blocks/abt__ut2_advanced_subcategories_menu.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:21:"abt__ut2_show_parents";s:1:"Y";s:22:"abt__ut2_show_siblings";s:1:"Y";s:22:"abt__ut2_show_children";s:1:"Y";s:28:"abt__ut2_show_products_count";s:1:"Y";s:31:"abt__ut2_category_count_level_2";s:2:"10";s:31:"abt__ut2_category_count_level_3";s:2:"10";} 0 1 vn Сategories
869 144 0 326,327,328,335 1056 1 A template a:1:{s:8:"template";s:60:"blocks/static_templates/abt__ut2__categories_title_block.tpl";} 0 1 vn Category page title
1212 204 a:1:{s:4:"menu";s:1:"6";} 0 1505 top-menu-grid-vertical 1 D menu a:18:{s:8:"template";s:46:"blocks/menu/abt__ut2_dropdown_vertical_mwi.tpl";s:21:"abt__ut2_filling_type";s:14:"column_filling";s:22:"abt__ut2_columns_count";s:1:"4";s:30:"dropdown_second_level_elements";s:2:"30";s:29:"dropdown_third_level_elements";s:2:"30";s:40:"abt__no_hidden_elements_third_level_view";s:1:"5";s:31:"abt__ut2_view_more_btn_behavior";s:10:"view_items";s:19:"abt_menu_icon_items";s:1:"Y";s:22:"abt__menu_compact_view";s:1:"N";s:24:"abt__ut2_menu_min_height";s:3:"550";s:22:"abt__ut2_demo_block_id";s:9:"main_menu";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"N";} 0 1 vn Categories
870 230 a:1:{s:7:"content";s:14370:"<div class="k-mega-live-wrapper"> <!-- ========================================== 1. BANNER SỰ KIỆN TẠO FOMO (NỀN ẢNH MỜ) =========================================== --> <div class="k-banner-img-wrapper"> <img src="https://kcoffee.vn/images/HINH-ANH/Hinh%20banner/Gemini_Generated_Image_87k2pf87k2pf87k2.png?1786006258779"> </div> <!-- ========================================== 2. BỐ CỤC CHÍNH SPLIT LAYOUT (ĐÈ LÊN BANNER) =========================================== --> <div class="k-split-layout"> <!-- CỘT TRÁI: VIDEO CHUẨN TỶ LỆ 9:16 --> <div class="k-video-column"> <div class="k-ratio-916"> <iframe src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Fkcoffee.vn%2Fvideos%2F1050316777414141%2F&show_text=false&width=267&t=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div> </div> <!-- CỘT PHẢI: BẢNG NỘI DUNG TĨNH (3 KHỐI) --> <div class="k-static-column"> <div class="k-banner-content"> <div class="k-badge-live"> <span class="k-dot-pulse"></span>LIVE </div> <h1 class="k-main-title">Lễ Hội Cà Phê Đặc Sản<br><span class="k-highlight">Siêu Deal Độc Quyền Mega Live</span></h1> <p>Lưu ngay mã giảm giá và các khung giờ vàng bên dưới để không bỏ lỡ quà tặng!</p> </div> <!-- 2.1 HERO DEAL (Siêu Combo Chốt Đơn) --> <div class="st-card st-voucher-copy-box"> <div class="st-voucher-text"> <h4>Mã Giảm Giá Đặc Biệt</h4> <div class="st-voucher-action"> <!-- Thêm id="myVoucherCode" --> <span class="st-voucher-code" id="myVoucherCode">LIVE50K</span> <!-- Xóa onclick, thêm id="myCopyBtn" --> <button class="st-btn-copy" id="myCopyBtn">COPY MÃ</button> </div> </div> </div> <!-- 2.3 LIVE AGENDA (Lịch trình & Voucher giữ chân) --> <div class="st-card st-agenda-box"> <h4 class="st-agenda-title">Lịch Trình Livestream</h4> <ul class="st-timeline" style=" margin-left: 10px; "> <!-- 1. Trạng thái đã qua (Mờ) --> <li class="st-item st-upcoming"> <span class="st-time">20:00</span> <span class="st-event"> Khởi động Minigame: Điểm danh nhận quà <br><span style="font-size: 11px; color: #94A3B8;">(Đã tặng 10 Phin Sứ cao cấp)</span> </span> <!-- 2. Trạng thái đã qua (Mờ) --> </li><li class="st-item st-upcoming"> <span class="st-time">20:15</span> <span class="st-event">Khám phá vùng trồng Specialty Blue Sơn La</span> </li> <!-- 3. Hiện tại (Nổi bật - Cực kỳ thu hút) --> <li class="st-item st-upcoming"> <span class="st-time">20:30</span> <span class="st-event"> Tung mã giảm 50K toàn sàn: <strong class="st-code-reveal">LIVE50K</strong> <br><span style="font-size: 11px; color: #DC2626; font-weight: normal;">*Số lượng giới hạn 100 lượt dùng</span> </span> </li> <!-- 4. Sắp tới (Che mã tạo tò mò) --> <li class="st-item st-upcoming"> <span class="st-time">20:45</span> <span class="st-event"> Flash Sale: K Morning & K Black Mua 1 Tặng 1 </span> </li> </ul> </div> </div> </div> </div> <p><!-- ==========================================<br> ĐOẠN JAVASCRIPT CHO NÚT COPY MÃ<br>=========================================== --></p> <script>// Chờ HTML load xong mới chạy (Cách an toàn nhất cho mọi nền tảng web) document.addEventListener("DOMContentLoaded", function() { var copyBtn = document.getElementById("myCopyBtn"); var voucherCode = document.getElementById("myVoucherCode"); if (copyBtn && voucherCode) { copyBtn.addEventListener("click", function() { var codeText = voucherCode.innerText; // Kỹ thuật tạo input ẩn để copy (Hoạt động trên 100% trình duyệt và HTTP/HTTPS) var tempInput = document.createElement("textarea"); tempInput.value = codeText; document.body.appendChild(tempInput); tempInput.select(); document.execCommand("copy"); document.body.removeChild(tempInput); // Hiệu ứng đổi màu báo thành công var originalText = copyBtn.innerText; copyBtn.innerText = "ĐÃ COPY ✔"; copyBtn.style.background = "#213664"; // Đổi sang màu Xanh Navy // Sau 2 giây trả về như cũ setTimeout(function() { copyBtn.innerText = originalText; copyBtn.style.background = "#16A34A"; // Trả lại Xanh lá }, 2000); }); } }); </script> <p><!-- ==========================================<br> ĐOẠN CSS ĐỊNH DẠNG HOÀN CHỈNH<br>=========================================== --></p> <style> /* 1. KHUNG BỌC NGOÀI & BANNER */ .k-mega-live-wrapper { background: #F8FAFC; border-radius: 20px; margin: 40px auto; max-width: 1040px; box-shadow: 0 20px 50px rgba(33, 54, 100, 0.15); border: 1px solid #E2E8F0; overflow: hidden; /* Cắt gọn góc bo tròn của Banner */ } .k-banner-section { position: relative; padding: 40px 20px 100px 20px; /* Padding dưới siêu dày để đè khối nội dung lên */ background: url('https://images.unsplash.com/photo-1511920170033-f8396924c348?q=80&w=1200&auto=format&fit=crop') center/cover no-repeat; text-align: center; } .k-banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(19, 34, 68, 0.85) 0%, rgba(33, 54, 100, 0.95) 100%); z-index: 1; } .k-banner-content { position: relative; z-index: 2; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 24px; border-radius: 20px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); } .k-badge-live { display: inline-flex; align-items: center; background: rgba(239, 68, 68, 0.2); color: #FCA5A5; padding: 6px 16px; border-radius: 30px; font-size: 13px; font-weight: bold; border: 1px solid rgba(239, 68, 68, 0.4); margin-bottom: 12px; } .k-dot-pulse { width: 8px; height: 8px; background-color: #EF4444; border-radius: 50%; margin-right: 8px; animation: k-pulse 1.5s infinite; } @keyframes k-pulse { 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.8); } 70% { box-shadow: 0 0 0 6px rgba(239, 68, 68, 0); } 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } } .k-highlight { color: #F59E0B; } .k-banner-sub { color: #CBD5E1; font-size: 14px; margin: 0; } /* 2. SPLIT LAYOUT (Chia 2 cột PC, kéo trồi lên Banner) */ .k-split-layout { display: flex; gap: 24px; align-items: stretch; padding: 0 24px 30px 24px; margin-top: -60px; /* BÍ QUYẾT: Kéo khối này trồi lên đè vào banner */ position: relative; z-index: 5; } /* 3. CỘT VIDEO 9:16 */ .k-video-column { flex: 0 0 340px; max-width: 340px; /* Chốt cứng độ rộng trên PC */ background: #000; border-radius: 16px; overflow: hidden; border: 4px solid #FFFFFF; box-shadow: 0 12px 30px rgba(33, 54, 100, 0.2); } .k-ratio-916 { position: relative; width: 100%; aspect-ratio: 9 / 16 !important; /* BÍ QUYẾT: Khóa cứng tỷ lệ dọc 9:16 trên mọi nền tảng */ padding-top: 0 !important; /* Xóa bỏ kỹ thuật padding cũ để không bị lỗi */ } /* Ép Iframe phải ngoan ngoãn bung full khung */ .k-ratio-916 iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: none !important; } /* ================================== 5. RESPONSIVE ĐIỆN THOẠI & TABLET (Căn giữa video) ================================== */ @media screen and (max-width: 991px) { .k-split-layout { flex-direction: column; align-items: center; /* Căn giữa toàn bộ 2 khối khi rớt xuống */ } .k-video-column { flex: auto; width: 100%; max-width: 360px; /* Kích thước to vừa đẹp trên điện thoại */ margin-bottom: 20px; /* Cách cái khối bên dưới ra một chút */ } } @media screen and (max-width: 767px) { .k-mega-live-wrapper { padding: 0 0 20px 0; margin: 20px 0; border-radius: 12px; } .k-banner-section { padding: 30px 16px 80px 16px; } .k-main-title { font-size: 22px; } .k-split-layout { padding: 0 16px; margin-top: -40px; } .k-video-column { max-width: 100%; } /* Trải full màn hình điện thoại, vẫn giữ đúng 9:16 */ } /* 4. CỘT NỘI DUNG TĨNH */ .k-static-column { flex: 1; display: flex; flex-direction: column; gap: 16px; justify-content: space-between; } .st-card { background: #FFFFFF; border-radius: 16px; border: 1px solid #E2E8F0; box-shadow: 0 4px 12px rgba(33, 54, 100, 0.05); overflow: hidden; } /* 4.1 HERO DEAL */ .st-hero-deal { position: relative; padding: 24px 16px 16px 16px; border: 2px solid #16A34A; } .st-badge-hot { position: absolute; top: 0; left: 0; background: #16A34A; color: #FFFFFF; font-size: 11px; font-weight: 800; padding: 4px 16px; border-radius: 0 0 12px 0; } .st-hero-content { display: flex; align-items: center; gap: 16px; } .st-hero-img { width: 100px; height: 100px; object-fit: cover; border-radius: 12px; background: #F1F5F9; border: 1px solid #E2E8F0; } .st-hero-info { flex: 1; } .st-hero-title { margin: 0 0 8px 0; font-size: 15px; color: #213664; line-height: 1.4; } .st-hero-price { margin-bottom: 12px; } .st-price-now { color: #DC2626; font-size: 18px; font-weight: 900; } .st-price-old { color: #94A3B8; text-decoration: line-through; font-size: 13px; margin-left: 8px; } .st-btn-buy { display: block; width: 100%; text-align: center; background: #16A34A; color: #FFFFFF !important; text-decoration: none; padding: 10px 0; border-radius: 8px; font-weight: bold; font-size: 14px; transition: all 0.2s; box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25); } .st-btn-buy:hover { background: #213664; color: #FFFFFF !important; } /* 4.2 TRẠM COPY MÃ (VOUCHER BOX) */ .st-voucher-copy-box { display: flex; align-items: center; padding: 16px; gap: 16px; } .st-voucher-icon { width: 64px; height: 64px; flex-shrink: 0; background: #FEF3C7; color: #D97706; font-size: 26px; display: flex; justify-content: center; align-items: center; border-radius: 12px; border: 1px dashed #F59E0B; } .st-voucher-text { flex: 1; } .st-voucher-text h4 { margin: 0 0 8px 0; font-size: 15px; color: #213664; } .st-voucher-action { display: flex; gap: 8px; align-items: center; } .st-voucher-code { background: #F8FAFC; color: #213664; padding: 6px 12px; border-radius: 6px; font-weight: 900; font-size: 15px; border: 1px solid #E2E8F0; letter-spacing: 1px; flex: 1; text-align: center; } .st-btn-copy { background: #16A34A; color: #FFFFFF; border: none; padding: 10px 16px; border-radius: 6px; font-weight: bold; font-size: 13px; cursor: pointer; transition: 0.2s; white-space: nowrap; height: 100%; } .st-btn-copy:hover { background: #213664; } /* 4.3 LIVE AGENDA */ .st-agenda-box { padding: 16px; flex-grow: 1; background: #F8FAFC; border: none; } .st-agenda-title { margin: 0 0 16px 0; font-size: 15px; color: #213664; border-bottom: 1px solid #E2E8F0; padding-bottom: 8px; } .st-timeline { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } .st-item { display: flex; font-size: 13px; line-height: 1.4; } .st-time { font-weight: bold; width: 48px; flex-shrink: 0; } .st-done { color: #94A3B8; text-decoration: line-through; } .st-active { color: #213664; font-weight: 600; } .st-active .st-time { color: #DC2626; } .st-code-reveal { background: #16A34A; color: #FFF; padding: 2px 6px; border-radius: 4px; } .st-upcoming { color: #475569; } .st-code-blur { background: #E2E8F0; color: transparent; text-shadow: 0 0 8px rgba(33,54,100,0.4); padding: 2px 6px; border-radius: 4px; user-select: none; } /* ================================== 5. RESPONSIVE ĐIỆN THOẠI & TABLET ================================== */ @media screen and (max-width: 991px) { .k-split-layout { flex-direction: column; } .k-video-column { width: 100%; max-width: 360px; margin: 0 auto; } } @media screen and (max-width: 767px) { .k-mega-live-wrapper { padding: 0 0 20px 0; margin: 20px 0; border-radius: 12px; } .k-banner-section { padding: 30px 16px 80px 16px; } .k-main-title { font-size: 22px; } .k-split-layout { padding: 0 16px; margin-top: -40px; } .st-hero-content { flex-direction: column; text-align: center; } .st-hero-img { width: 140px; height: 140px; } } </style>";} 0 327 1544 1 D html_block a:8:{s:8:"template";s:21:"blocks/html_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Livestream block HTML
1235 234 a:1:{s:7:"content";s:4902:"<style> input[type="text"], input[type="password"], input[type="tel"], input[type="number"], textarea, select{ padding-right:8px !important; padding-left:8px !important; background-color:var(--k-bg-light) !important; border: 1px solid var(--k-border-light) !important; border-radius: 8px !important; font-size: 14px !important; color: var(--k-text-dark) !important; box-sizing: border-box !important; outline: none !important; transition: all 0.2s ease !important; } input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, select:focus { background-color: var(--k-bg-light) !important; border-color:var(--k-green) !important; box-shadow: 0 0 0 3px rgba(107, 181, 87, 0.2) !important; } .ut2-menu .ut2-menu__link__text, .ut2-menu .ut2-menu__2nd-link__text, .ut2-menu .ut2-menu__3rd-link__text { overflow: initial; } .ty-btn__login { min-height: 40px; } .ui-dialog-titlebar { background: transparent; } .ty-btn { border-radius: 8px; font-weight: 500!important; font-size: 14px !important; } .T-sticker.ab-sticker.rounded, .P-sticker.ab-sticker.rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ab-stickers-container__TL.ab-stickers-container__product_labels, .ab-stickers-container__TR.ab-stickers-container__product_labels { top: 8px; left: 8px; } .banner-pro-home { margin-top: 20px !important; } .banner-pro-home .ut2-a__description { display: none !important; } .banners.owl-carousel .owl-controls:not(.owl-controls-outside) .owl-buttons > div.owl-prev {left: 20px!important;} .banners.owl-carousel .owl-controls:not(.owl-controls-outside) .owl-buttons > div.owl-next {right: 20px!important;} .owl-buttons .owl-prev, .owl-buttons .owl-next { width: 32px !important; height: 32px !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.75) !important; backdrop-filter: blur(12px) saturate(180%) !important; -webkit-backdrop-filter: blur(12px) saturate(180%) !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.12) !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .owl-buttons .owl-prev i, .owl-buttons .owl-next i { color:var(--k-navy) !important; font-size: 16px !important; transition: color 0.25s ease !important; } .owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover { background: rgba(107, 181, 87, 0.9) !important; border-color:var(--k-green) !important; box-shadow: 0 8px 24px rgba(107, 181, 87, 0.45) !important; transform: translateY(-2px) scale(1.05) !important; } .owl-buttons .owl-prev:hover i, .owl-buttons .owl-next:hover i { color:var(--k-bg-light) !important; } #tygh_main_container > div { bottom: 0;} .ty-select-wrapper.ab__ut2--languages__dropdown a { font-size: 12px !important; font-weight: 600; border-radius: 12px !important; padding: 0 12px !important; } .ut2-languages .ab__ut2--select-block__popup { border-radius: 12px; } .ut2-languages .ty-select-wrapper.ab__ut2--languages__dropdown ul { padding: 0; } .ut2-languages .ty-select-wrapper.ab__ut2--languages__dropdown ul li a { padding: 8px 12px!important; } .ut2-cart-product-desc .ty-control-group[class*="company"] .ty-control-group__item a, .ut2-cart-product-desc .ty-control-group[class*="vendor"] .ty-control-group__item a { color: var(--k-navy); font-size: 12px; } .product-name a { font-size: 16px; color: var(--k-navy); font-weight: 600; } .ut2-cart-product-price-info:not(.is-bt-set) > .ut2-cart-product-exinfo .ut2-cart-product-exinfo-total .ut2-cost-base { color: var(--k-green); } .ut2-cart_checkout_totals_buttons .ty-btn__primary{ background-color: var(--k-green) !important; color: var(--k-bg-light)!important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; border: none !important; border-radius: 8px !important; box-shadow: 0 4px 14px rgba(107, 181, 87, 0.35) !important; cursor: pointer !important; transition: all 0.2s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; } .ut2-cart_checkout_totals_buttons .ty-btn__primary:hover { background-color: var(--k-green) !important; box-shadow: 0 6px 20px rgba(107, 181, 87, 0.45) !important; transform: translateY(-1px) !important; } .ut2-cart-content .ty-qty .ty-value-changer, .ut2-cart-content .quantity .ty-value-changer {border-radius:8px;} </style>";} 0 1551 1 A html_block a:8:{s:8:"template";s:21:"blocks/html_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn custom style
1247 257 a:1:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:23:"372,373,374,377,378,387";}} 0 1579 1 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn Món tủ
1255 259 0 1581 1 D template a:12:{s:8:"template";s:49:"blocks/static_templates/abt__ut2__title_block.tpl";s:20:"abt__ut_center_title";s:1:"N";s:29:"abt__ut_title_line_decoration";s:1:"N";s:22:"abt__ut_big_size_title";s:6:"normal";s:21:"abt__ut_title_opacity";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn <mark style="color:#ff0000;">HOT</mark> SALE
1260 261 a:1:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:27:"303,396,385,383,381,377,378";}} 0 328 1585 1 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn product categoty 1
1263 274 a:1:{s:5:"items";a:1:{s:7:"filling";s:8:"manually";}} 0 328 1599 1 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn product categoty 3
799 69 0 328 979 top-currencies 2 A currencies a:4:{s:8:"template";s:21:"blocks/currencies.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:6:"format";s:6:"symbol";s:14:"dropdown_limit";s:1:"0";} 0 1 vn Currencies
1213 74 0 328 1509 hidden-phone 2 A template a:12:{s:8:"template";s:46:"blocks/static_templates/abt__ut2__contacts.tpl";s:49:"abt__ut2__block_contacts_show_call_request_button";s:1:"Y";s:44:"abt__ut2__block_contacts_show_social_buttons";s:1:"Y";s:35:"abt__ut2__block_contacts_show_email";s:1:"Y";s:36:"abt__ut2__block_contacts_show_addres";s:1:"Y";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Contacts
1237 134 a:1:{s:7:"content";s:3704:"<div class="ut2-social-links k-social-row" style="margin-top:4px"> <!-- 1. Zalo --> <a target="_blank" rel="noopener noreferrer" href="https://zalo.me/864456449636476754" title="Zalo K COFFEE" class="k-social-btn k-social-zalo"> <img src="/images/icons/zalo.png" alt="Zalo K COFFEE" class="k-social-img"> </a> <!-- 2. Facebook --> <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/kcoffee.vn" title="Facebook K COFFEE" class="k-social-btn k-social-facebook"> <img src="/images/icons/facebook.png" alt="Facebook K COFFEE" class="k-social-img"> </a> <!-- 3. YouTube --> <a target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@KCOFFEE" title="YouTube K COFFEE" class="k-social-btn k-social-youtube"> <img src="/images/icons/youtube.png" alt="YouTube K COFFEE" class="k-social-img"> </a> <!-- 4. Instagram --> <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/k.coffee.phucsinh?utm_source=qr" title="Instagram K COFFEE" class="k-social-btn k-social-instagram"> <img src="/images/icons/instagram.png" alt="Instagram K COFFEE" class="k-social-img"> </a> <!-- 5. TikTok --> <a target="_blank" rel="noopener noreferrer" href="https://www.tiktok.com/@kcoffee_official" title="TikTok K COFFEE" class="k-social-btn k-social-tiktok"> <img src="/images/icons/tik-tok.png" alt="TikTok K COFFEE" class="k-social-img"> </a> </div> <style> /* HÀNG MẠNG XÃ HỘI */ .k-social-row { display: flex !important; align-items: center !important; gap: 10px !important; justify-content: flex-start !important; flex-wrap: wrap !important; } /* KHUNG HÌNH TRÒN 38PX */ .k-social-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background-color: #F8FAFC !important; border: 1px solid #E2E8F0 !important; text-decoration: none !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-sizing: border-box !important; } /* ICON PNG NHỎ GỌN (18PX) */ .k-social-img { opacity: 0.65; width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; transition: filter 0.25s ease, transform 0.25s ease !important; } /* HIỆU ỨNG RÊ CHUỘT (HOVER) */ .k-social-btn:hover { transform: translateY(-3px) scale(1.06) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.15) !important; } /* ÉP ICON ĐỔI SANG MÀU TRẮNG KHI HOVER */ .k-social-btn:hover .k-social-img { filter: brightness(0) invert(1) !important; opacity:1; } /* 1. Zalo: Nền xanh Zalo */ .k-social-zalo:hover { background-color: #0068FF !important; border-color: #0068FF !important; } /* 2. Facebook: Nền xanh Facebook */ .k-social-facebook:hover { background-color: #1877F2 !important; border-color: #1877F2 !important; } /* 3. YouTube: Nền đỏ YouTube */ .k-social-youtube:hover { background-color: #FF0000 !important; border-color: #FF0000 !important; } /* 4. Instagram: Nền Gradient Instagram */ .k-social-instagram:hover { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; border-color: transparent !important; } /* 5. TikTok: Nền đen TikTok */ .k-social-tiktok:hover { background-color: #000000 !important; border-color: #000000 !important; } </style>";} 0 1524 blocks/wrappers/footer_general.tpl 2 A safe_smarty_block a:8:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:3:"178";s:22:"skeleton_height_tablet";s:3:"188";s:22:"skeleton_height_mobile";s:3:"192";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Mạng xã hội
867 141 0 1053 blocks/wrappers/abt__ut2_onclick_dropdown_outside_position.tpl ut2-categories 2 D abt__ut2_advanced_subcategories_menu a:14:{s:8:"template";s:69:"addons/abt__unitheme2/blocks/abt__ut2_advanced_subcategories_menu.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:21:"abt__ut2_show_parents";s:1:"Y";s:22:"abt__ut2_show_siblings";s:1:"Y";s:22:"abt__ut2_show_children";s:1:"Y";s:28:"abt__ut2_show_products_count";s:1:"Y";s:31:"abt__ut2_category_count_level_2";s:2:"10";s:31:"abt__ut2_category_count_level_3";s:2:"10";} 0 1 vn Сategories
870 146 a:1:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:0:"";}} 0 326,327 1059 hidden-phone 2 D product_filters a:5:{s:8:"template";s:65:"blocks/product_filters/for_category/abt__ut2_selected_filters.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Selected product filters
871 147 a:1:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:0:"";}} 0 326,327 1062 blocks/wrappers/abt__ut2__sidebox_important.tpl ut2-filters hidden-phone 2 D product_filters a:1:{s:8:"template";s:48:"blocks/product_filters/for_category/original.tpl";} 0 1 vn Lọc sản phẩm
1214 199 0 1510 hidden-phone 2 A template a:2:{s:8:"template";s:49:"blocks/static_templates/abt__ut2__top_buttons.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";} 0 1 vn AB: Buttons Compare and Wishlist
1236 215 a:1:{s:7:"content";s:516:"<div class="k-payment-block-wrapper" id="snapping_id_payment"> <div class="ty-payment-icons"> <span class="k-payment-badge-box"> <img src="/images/icons/ahamove.jpg" class="k-payment-img"> </span> <span class="k-payment-badge-box"> <img src="/images/icons/viettel.jpg" class="k-payment-img"> </span> <span class="k-payment-badge-box"> <img src="/images/icons/ghn.jpg" class="k-payment-img"> </span> </div> </div>";} 0 1528 blocks/wrappers/footer_general.tpl 2 A safe_smarty_block a:8:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Phương thức vận chuyển
810 218 a:1:{s:4:"menu";s:2:"14";} 0 1531 blocks/wrappers/footer_general.tpl row-fluid 2 A menu a:10:{s:8:"template";s:26:"blocks/menu/text_links.tpl";s:18:"show_items_in_line";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"N";} 0 1 vn Chăm Sóc Khách Hàng
814 221 a:1:{s:7:"content";s:2872:"<div class="k-payment-block-wrapper" id="snapping_id_payment"> <div class="ty-payment-icons"> <span class="k-payment-badge-box"> <img src="/images/icons/momo-2.jpg" class="k-payment-img"></span> <span class="k-payment-badge-box"> <img src="/images/icons/visa-2.jpg" class="k-payment-img"></span> <span class="k-payment-badge-box"> <img src="/images/icons/mastercard-2.jpg" class="k-payment-img"></span> <span class="k-payment-badge-box"> <img src="/images/icons/paypal-2.jpg" class="k-payment-img"></span> <span class="k-payment-badge-box"> <img src="/images/icons/banktransfer-2.jpg" class="k-payment-img"></span> <span class="k-payment-badge-box"> <img src="/images/icons/cod-2.jpg" class="k-payment-img"></span> </div> <div class="ty-payment-icons"> <a href="http://online.gov.vn/nen-tang/3bcc0c1f-f88b-4e81-af65-2d98c127a4a7"> <img src="/images/icons/bct.jpg" width="150"> </a> </div> </div> <style> /* STYLE DÀNH RIÊNG CHO KHỐI PHƯƠNG THỨC THANH TOÁN */ .k-payment-block-wrapper { display: flex; flex-direction: column; box-sizing: border-box; } .k-payment-title { font-size: 12.5px; font-weight: bold; color: #64748B; text-transform: uppercase; margin: 0 0 14px 0; letter-spacing: 0.5px; } .k-payment-logos-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* KHUNG BOX THANH TOÁN: BO GÓC 8PX, OVERFLOW HIDDEN, CHIỀU CAO 32PX, KHÔNG PADDING */ .k-payment-badge-box { display: inline-flex; align-items: center; justify-content: center; height: 32px !important; padding: 0 !important; background-color: #FFFFFF; border-radius: 8px !important; overflow: hidden !important; border: 1px solid #E2E8F0 !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: transform 0.2s, border-color 0.2s; box-sizing: border-box; } .k-payment-badge-box:hover { transform: translateY(-2px); border-color: #CBD5E1 !important; } /* Ép ảnh cao 32px nguyên bản */ .k-payment-img { height:32px !important; width: auto !important; max-width: 100%; object-fit: contain; display: block; } /* HUY HIỆU BỘ CÔNG THƯƠNG */ .k-gov-seal-wrap { margin-top: 14px; } .k-gov-seal-badge { display: inline-flex; align-items: center; gap: 8px; background-color: #0284C7; color: #FFFFFF !important; padding: 6px 14px; border-radius: 6px; text-decoration: none !important; transition: background-color 0.2s; } .k-gov-seal-badge:hover { background-color: #0369A1; } .k-gov-seal-badge span { font-size: 10.5px; font-weight: bold; line-height: 1.2; text-align: left; } </style> ";} 0 1534 blocks/wrappers/footer_general.tpl 2 A safe_smarty_block a:8:{s:8:"template";s:28:"blocks/safe_smarty_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Phương thức thanh toán
1235 238 a:1:{s:7:"content";s:11356:"<style> div[id*="login_block"] .object-container, #checkout_login_form .object-container { padding: 20px 30px 14px 30px !important; } #subscr_email133 { border-radius: 8px !important; font-weight: 500 !important; text-decoration: none !important; font-size: 14px !important; } #checkout_login_form h3 { max-width: 500px; margin: 20px auto; } #checkout_login_form form, div[id*="login_block"] form { display: flex !important; flex-direction: column !important; max-width: 500px; margin: 0 auto; } /* Đẩy nút Đăng nhập Google & Facebook lên vị trí trên cùng (order: 1) */ .ty-password-forgot__a, .ty-login-reglink__a { font-weight: normal; font-size: 13px; } /* Khung nhập Email & Password xuống dưới (order: 3 & 4) */ div[id*="login_block"] .ty-control-group, #checkout_login_form .ty-control-group { order: 3 !important; text-align: left; } div[id*="login_block"] .ty-control-group.ty-password-forgot, #checkout_login_form .ty-control-group.ty-password-forgot { order: 4 !important; } /* đăng ký tài khoản */ div[id*="login_block"] .ty-login-reglink, #checkout_login_form .ty-login-reglink { order: 7 !important; width: 100%; text-align: center !important; margin-top: 18px !important; padding-top: 16px !important; border-top: 1px dashed #E2E8F0 !important; } /* Nút Đăng nhập & Ghi nhớ (order: 6) - Gỡ bỏ position absolute */ div[id*="login_block"] .ty-login-form__wrong-credentials-container, #checkout_login_form .ty-login-form__wrong-credentials-container { order:5 !important; padding:0 !important; } /*ORDERClASS--------------------------------------------------------*/ .login-bar .ty-text-center {order:1;} .login-bar .ty-control-group {order:2;} .login-bar .y-password-forgot {order:3;} .login-bar .buttons-container {order:7;} .profile-box form[name="profiles_register_form"] .ty-text-center {order:1;} .profile-box form[name="profiles_register_form"] .clearfix {order:3;} .profile-box form[name="profiles_register_form"] .ty-control-group{order:4;} .profile-box form[name="profiles_register_form"] .ty-subheader {order:5;} .profile-box form[name="profiles_register_form"] .ty-newsletters {order:6;} .profile-box form[name="profiles_register_form"] .buttons-container {order:7;} .ty-login-popup .ty-text-center {order:1;} .ty-login-popup .ty-control-group{order:4;} .ty-login-popup .ty-password-forgot {order:5;} .ty-login-popup .buttons-container{order:6;} .ty-login-popup .ty-login-reglink{order:7;} /*--------------------------------------------------------*/ .profile-box, .login-bar { padding: 24px; border-radius: 24px; background: #fff; } .profile-box form, .login-bar form { display: flex !important; flex-direction: column !important; } .profile-box .ty-hybrid-auth__icon-container { margin: 20px 0; } .ty-hybrid-auth__icon-container .ty-hybrid-auth__icon:not(:has(img)) { display: none !important; } .login-bar .buttons-container { padding: 0; background: transparent; margin: 0; } .profile-box .buttons-container { padding: 0; background: transparent; margin: 0; display: flex !important; justify-content: center !important; gap: 12px !important; width: 100% !important; position: relative !important; } .profile-box .buttons-container button, .profile-box .buttons-container input { flex: 1 !important; display: flex !important; } /*--------------------------------------------------------*/ .ty-text-center { margin: 20px 0 36px 0 !important; padding: 0 0 28px 0 !important; display: flex !important; justify-content: center !important; gap: 12px !important; width: 100% !important; position: relative !important; } .ty-hybrid-auth__icon { flex: 1 !important; min-width: 40px; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; background-color: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 10px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important; cursor: pointer !important; transition: all 0.2s ease !important; text-decoration: none !important; min-height: 40px !important; box-sizing: border-box !important; } .ty-hybrid-auth__icon:hover { border-color: #CBD5E1 !important; background-color: #F8FAFC !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; transform: translateY(-1px) !important; } .ty-hybrid-auth__icon img { width: 24px !important; height: 24px !important; display: inline-block !important; outline: 2px solid #fff!important; outline-offset: -1px !important; border-radius: 50px; } .ty-hybrid-auth__icon[data-provider="google"]::after { content: "Google" !important; font-size: 13.5px !important; font-weight: 600 !important; color: #334155 !important; } .ty-hybrid-auth__icon[data-provider="facebook"]::after { content: "Facebook" !important; font-size: 13.5px !important; font-weight: 600 !important; color: #1877F2 !important; } /*--------------------------------------------------------*/ /* "Hoặc Đăng Nhập Bằng Email" Divider Line (Order: 2) */ .ty-text-center::after { content: "HOẶC ĐĂNG NHẬP BẰNG EMAIL" !important; display: block !important; position: absolute !important; bottom: -22px !important; left: 50% !important; transform: translateX(-50%) !important; font-size: 10.5px !important; letter-spacing: 0.8px !important; color: #94A3B8 !important; padding: 0 10px !important; white-space: nowrap !important; z-index: 2 !important; } html[lang="en"] .ty-text-center::after { content: "OR SIGN IN WITH EMAIL" !important; } /*-------------------------btn-------------------------------*/ .ty-login-popup button.ty-btn__login { width: 100%; } /*----------------------- style and order---------------------------------*/ div[id*="login_block"] .ty-login-form__wrong-credentials-text, div[id*="login_block"] .ty-error-text { order: 5 !important; display: block !important; background-color: #FEF2F2 !important; border: 1px solid #FCA5A5 !important; border-radius: 8px !important; color: #DC2626 !important; font-size: 13px !important; font-weight: 600 !important; padding: 10px 14px !important; margin-bottom: 8px !important; line-height: 1.4 !important; text-align: center !important; box-sizing: border-box !important; } #checkout_login_form .buttons-container, div[id*="login_block"] form .buttons-container[style]{ order: 5 !important; align-items: self-start; position: static !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 12px 0 0 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; gap: 12px !important; clear: both !important; } div[id*="login_block"] form .ty-login__remember-me, div[id*="login_block"] .ty-login__remember-me[style] { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; display: block !important; } /*=============================================================*/ .ty-newsletters__item { position: relative !important; display: block !important; margin: 8px 0 !important; } .store-locator__location--wrapper { background: #FFFFFF !important; padding: 20px 24px !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important; border: 1px solid #E2E8F0 !important; margin-bottom: 24px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 16px !important; } .store-locator__step-title, .store-locator__location .store-locator__select-label{ color: #213664 !important; } .select2-container--default .select2-selection--single { background-color: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 8px !important; height: 40px !important; display: flex !important; align-items: center !important; padding: 0 12px !important; min-width: 180px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important; transition: all 0.2s ease !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px !important; position: absolute !important; top: 0 !important; right: 0px !important; width: 20px !important; } .pickup--map-list { display: flex !important; flex-direction: row-reverse !important; gap: 24px !important; align-items: flex-start !important; } .pickup__map-wrapper { flex: 1 !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important; border: 1px solid #E2E8F0 !important; background: #FFFFFF !important; min-height: 450px !important; } .pickup__map-container { height: 500px !important; border: none !important; } .ty-one-city__name { font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase !important; color: #213664 !important; letter-spacing: 0.5px !important; padding-bottom: 6px !important; padding-top: 6px !important; border-left: none !important; border-top:none !important; border-bottom: none !important; margin: 0 0 0 0 !important; } .pickup__search { display: flex !important; flex-direction: row !important; align-items: center !important; background-color: #fff !important; gap: 10px !important; width: 100% !important; margin-bottom: 0px !important; } .pickup__search > .store-locator__field:first-child { flex: 1 1 auto !important; width: auto !important; margin: 0 !important; } .pickup__search > .store-locator__all-stores { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; clear: none !important; } .store-locator .pickup--map-list .ty-one-store:hover { background: rgba(255, 255, 255, 0.5); } .store-locator .pickup--map-list .ty-one-store, .store-locator .pickup--list .ty-one-store { border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-radius: 8px !important; margin-bottom: 8px !important; } .store-locator .pickup__offices--list .ty-one-store:last-child { border-bottom: 1px solid transparent; } .store-locator .pickup__offices--list .ty-sdek-office__selected { border-left-color: #49ac31 !important; border-right-color: #49ac31 !important; border-top-color: #49ac31 !important; border-bottom-color: #49ac31 !important; } .pickup__offices-wrapper { border-radius: 16px !important; background-color: #fff; } .store-locator .pickup--map-list .ty-one-city, .store-locator .pickup--list .ty-one-city { padding:0 16px 4px 16px !important; } </style>";} 0 1555 2 A html_block a:8:{s:8:"template";s:21:"blocks/html_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn custom layout
1260 269 0 328 1594 av-block-titel-has-more 2 D template a:12:{s:8:"template";s:49:"blocks/static_templates/abt__ut2__title_block.tpl";s:20:"abt__ut_center_title";s:1:"N";s:29:"abt__ut_title_line_decoration";s:1:"N";s:22:"abt__ut_big_size_title";s:6:"normal";s:21:"abt__ut_title_opacity";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:47:"https://kcoffee.vn/takeaway/ca-phe-blue-son-la/";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Cà Phê <mark>Blue Sơn La<mark>
1263 271 0 328 1596 av-block-titel-has-more 2 D template a:12:{s:8:"template";s:49:"blocks/static_templates/abt__ut2__title_block.tpl";s:20:"abt__ut_center_title";s:1:"N";s:29:"abt__ut_title_line_decoration";s:1:"N";s:22:"abt__ut_big_size_title";s:6:"normal";s:21:"abt__ut_title_opacity";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:37:"https://kcoffee.vn/takeaway/banh-ngot";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Bánh Ngọt
1281 280 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:2:"82";}} 0 1605 2 D banners a:11:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_combined.tpl";s:6:"margin";s:1:"0";s:6:"height";s:4:"auto";s:13:"height_mobile";s:4:"auto";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn cate box F&B 2
1280 281 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:2:"83";}} 0 1606 2 D banners a:11:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_combined.tpl";s:6:"margin";s:1:"0";s:6:"height";s:4:"auto";s:13:"height_mobile";s:4:"auto";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn cate box F&B
1282 282 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:8:"82,83,84";}} 0 1607 2 D banners a:11:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_combined.tpl";s:6:"margin";s:1:"0";s:6:"height";s:4:"auto";s:13:"height_mobile";s:4:"auto";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:3:"120";s:22:"skeleton_height_mobile";s:3:"120";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn car box F&B 3
1283 283 a:3:{s:5:"width";s:0:"";s:6:"height";s:0:"";s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:2:"83";}} 0 1608 2 D banners a:11:{s:8:"template";s:57:"addons/abt__unitheme2/blocks/abt__ut2_banner_combined.tpl";s:6:"margin";s:1:"0";s:6:"height";s:4:"auto";s:13:"height_mobile";s:4:"auto";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn cart box 4
1299 306 a:5:{s:22:"ab__fn_show_common_btn";s:1:"N";s:22:"ab__fn_common_btn_text";s:0:"";s:27:"ab__fn_show_common_btn_link";s:0:"";s:23:"ab__fn_common_btn_class";s:0:"";s:22:"ab__fn_common_btn_type";s:14:"ab__fn_cbt_btn";} 0 328 1631 2 D ab__fast_navigation_categories a:15:{s:8:"template";s:74:"addons/ab__fast_navigation/blocks/ab__fast_navigation/ab__fn_one_level.tpl";s:19:"ab__fn_display_type";s:15:"ab__fn_scroller";s:32:"ab__fn_number_of_columns_desktop";s:1:"4";s:38:"ab__fn_number_of_columns_desktop_small";s:1:"5";s:31:"ab__fn_number_of_columns_tablet";s:1:"4";s:37:"ab__fn_number_of_columns_tablet_small";s:1:"3";s:31:"ab__fn_number_of_columns_mobile";s:1:"3";s:17:"ab__fn_icon_width";s:2:"80";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn category page
1214 70 a:1:{s:4:"text";s:0:"";} 0 1549 3 A languages a:10:{s:8:"template";s:20:"blocks/languages.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:6:"format";s:4:"name";s:14:"dropdown_limit";s:1:"1";} 0 1 vn Languages
870 81 0 328 1060 3 A main a:3:{s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Main Content
869 89 a:1:{s:4:"menu";i:9;} 0 1057 3 D ab__fast_navigation a:9:{s:8:"template";s:74:"addons/ab__fast_navigation/blocks/ab__fast_navigation/ab__fn_one_level.tpl";s:19:"ab__fn_display_type";s:11:"ab__fn_grid";s:32:"ab__fn_number_of_columns_desktop";s:2:"10";s:38:"ab__fn_number_of_columns_desktop_small";s:1:"6";s:31:"ab__fn_number_of_columns_tablet";s:1:"5";s:37:"ab__fn_number_of_columns_tablet_small";s:1:"4";s:31:"ab__fn_number_of_columns_mobile";s:1:"3";s:17:"ab__fn_icon_width";s:3:"100";s:22:"abt__ut2_demo_block_id";s:0:"";} 0 1 vn AB: Fast Navigation Catalog
867 142 a:1:{s:5:"items";a:2:{s:7:"filling";s:8:"manually";s:8:"item_ids";s:0:"";}} 0 326 1054 blocks/wrappers/abt__ut2_onclick_dropdown_outside_position.tpl ut2-filters hidden-phone 3 D product_filters a:5:{s:8:"template";s:48:"blocks/product_filters/for_category/original.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn Lọc sản phẩm
1260 273 a:1:{s:5:"items";a:4:{s:7:"filling";s:6:"rating";s:5:"limit";s:1:"3";s:3:"cid";s:99:"297,302,303,311,312,313,314,315,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334";s:27:"abt__ut2_mv_vendor_products";s:1:"N";}} 0 328 1598 3 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn product categoty 2
1263 275 a:1:{s:5:"items";a:1:{s:7:"filling";s:8:"manually";}} 0 328 1600 3 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn product categoty 4
1235 299 a:1:{s:7:"content";s:26756:"<style> .ty-btn { border-radius: 12px!important; } b, strong, .ut2-pn__title { font-weight: 700!important; } .ut2-pb__button > [id^="add_to_cart_update_"] >div { gap: 8px!important } .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="opener_buy_now_with_one_click_"]{ order: 1; } .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="button_cart_"]{ order: 2; } /*style btn */ /*---------defaul*/ .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="opener_buy_now_with_one_click_"], .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="button_cart_"]{ letter-spacing: 0.5px; box-shadow: 0 4px 14px rgba(107, 181, 87, 0.35) ; cursor: pointer ; transition: all 0.4s ease; display: flex; align-items: center; font-weight: 600; justify-content: center; overflow: initial; border-radius: 12px; } .ty-btn bdi { overflow: initial!important; } .ut2-pb__button > [id^="add_to_cart_update_"] [data-ca-target-id="refferal_link"] { display: inline-flex; align-items: center; justify-content: center; color:var(--k-green); padding: 0 12px; background: rgb(107 183 85 / 7%); width: 100%; border-radius: 12px; height: 44px; text-align: center; border: 1.5px dashed var(--k-green) !important; font-weight: 500; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 0px 0px rgba(107, 181, 87, 0) } .ut2-pb__button > [id^="add_to_cart_update_"] [data-ca-target-id="refferal_link"]:hover { box-shadow: 0 6px 20px rgba(107, 181, 87, 0.45) !important; transform: translateY(-2px) !important; } .ut2-pb__button > [id^="add_to_cart_update_"] [data-ca-target-id="refferal_link"] i { color: var(--k-green); } .ut2-pb__button > [id^="add_to_cart_update_"] [id^="button_wishlist_"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 44px !important; color: var(--k-text-muted) !important; border: 1.5px solid var(--k-border-light) !important; border-radius: 12px !important; font-weight: 500 !important; width: 100%; border-color: 1.5px tr!important; } .ut2-pb__button > [id^="add_to_cart_update_"] [id^="button_wishlist_"].active { border-color: 1.5px #E11D48 !important; color:#E11D48!important; } .ut2-pb__button > [id^="add_to_cart_update_"] [id^="button_wishlist_"].active i .path3:before { color:#E11D48!important; } /*---------primary*/ .store-locator__all-stores-btn, .ty-btn__primary.ty-btn__subscribe, .ty-login-popup button.ty-btn__login, .profile-box button.ty-btn__primary, .login-bar button.ty-btn__login, .ty-btn__primary, .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="opener_buy_now_with_one_click_"]{ background-color: var(--k-navy)!important; border: none!important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; color: var(--k-bg-light); box-shadow: 0 4px 14px rgba(33, 54, 100, 0.35) ; } .store-locator__all-stores-btn:hover, .ty-btn__primary.ty-btn__subscribe:hover, .ty-login-popup button.ty-btn__login:hover, .profile-box button.ty-btn__primary:hover, .login-bar button.ty-btn__login:hover, .ty-btn__primary:hover, .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="opener_buy_now_with_one_click_"]:hover{ background-color: var(--k-navy)!important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 6px 20px rgba(33, 54, 100, 0.45) !important; transform: translateY(-2px) !important; } /*---------secondary*/ .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="button_cart_"]{ color: var(--k-navy) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; border: none!important; box-shadow: 0 4px 14px rgba(33, 54, 100, 0.2) ; background: var(--k-bg-light) !important; } .ty-btn__secondary:hover, .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="button_cart_"]:hover { box-shadow: 0 6px 20px rgba(33, 54, 100, 0.45) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; transform: translateY(-2px) !important; } /*---------outline*/ .ty-btn__outline{ transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; border: 1px solid rgba(33, 54, 100, 0.2); box-shadow: 0 1px 7px rgba(33, 54, 100, 0.2) ; } .ty-btn__outline:hover { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 1px 10px rgba(33, 54, 100, 0.3) !important; border: 1px solid rgba(33, 54, 100, 0.2); transform: translateY(-2px) !important; } .ut2-banner .ut2-a__button a.ty-btn { color: var(--k-bg-light) !important; border: 1.5px solid rgb(255 255 255 / 50%); box-shadow: none !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); } .ut2-pb__button > [id^="add_to_cart_update_"] > div [id^="button_cart_"] i { display: none; } .ty-qty, .quantity, .quantity .ty-value-change, .ty-qty .ty-value-changer { border-radius:12px!important; min-width:100px; } .ty-qty .ty-value-changer__input, .quantity .ty-value-changer__input { min-width: 36px; } .ty-qty .ty-value-changer a[class*="changer"], .quantity .ty-value-changer a[class*="changer"] { min-width: 32px!important; } .ut2-gl__price [id^="price_update_"] bdi span { color:var(--k-green); font-weight: 600; font-size: 16px; } .ut2-gl__price [id^="old_price_update_"] bdi span { color:var(--k-text-muted); font-size: 14px; } /* .ut2-gl__price [id^="old_price_update_"] bdi span[id*="price"]:after { background:var(--k-text-muted)!important; rotate: -12deg; } */ .ut2-btn__options:after, .ut2-btn__variations:after { display: none !important; } .ut2-gl__content .ut2-gl__amount:not(:has(span)), .ut2-gl__amount:not(:has(span)), .ut2-gl__amount:not(:has([class*="qty-"])), .ut2-gl__amount:empty, .stock-wrap:not(:has(span)), [id^="product_amount_update_"]:not(:has(span)) { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; line-height: 0 !important; font-size: 0 !important; border: none !important; visibility: hidden !important; } /*----------------------------*/ .ut2-pb__content-wrapper.columns-combined > div > div:last-child { border: 1px solid var(--k-border-light) !important; border-radius: 16px !important; padding: 16px 20px !important; box-shadow: 0 4px 20px rgba(33, 54, 100, 0.03) !important; } .ab__mb_items.fill:not(.colored) .ab__mb_item:not(:last-child) { border-bottom: 1px dashed var(--k-border-light) !important; } .ab__mb_items:not(.colored):not(.framed) .ab__mb_item-title { display: flex !important; align-items: center !important; justify-content: space-between !important; cursor: pointer !important; padding: 6px 0 !important; transition: all 0.2s ease !important; border: none !important; } .ab__mb_items:not(.colored):not(.framed) .ab__mb_item-title .ab__mb_item-name { color: var(--k-navy)!important; font-size: 14.5px !important; letter-spacing: 0.2px !important; display: flex !important; align-items: center !important; gap: 8px !important; transition: color 0.2s ease !important; } .ab__mb_items:not(.colored):not(.framed) .ab__mb_item-title:hover .ab__mb_item-name, .ab__mb_items:not(.colored):not(.framed) .ab__mb_item-title:hover .ab__mb-cm-pl:after, .ab__mb_items:not(.colored):not(.framed) .open.ab__mb_item-title .ab__mb_item-name, .ab__mb_items:not(.colored):not(.framed) .open.ab__mb_item-title .ab__mb-cm-pl:after { color:var(--k-green)!important; } .ab__mb_items.fill .ab__mb_item-title .ab__mb-cm-pl { width: 26px !important; height: 26px !important; border-radius: 8px !important; background: var(--k-bg-light) !important; border: 1px solid var(--k-border-light) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .ab__mb_items:not(.colored):not(.framed) .ab__mb_item-description { padding:0 0 12px 0 !important; } .ab-mb-style-presets.ty-wysiwyg-content ul { list-style-type: square !important; padding: 0 0 0 24px; } .ab-mb-style-presets.ty-wysiwyg-content ul li { list-style-position: outside; font-size: 13px!important; list-style-type: square!important; padding: 6px 0; color: var(--k-navy) !important; } .ab-mb-style-presets.ty-wysiwyg-content p { font-size: 13px!important; display: inherit!important; padding: 6px 0; color: var(--k-navy) !important; } @media (min-width: 768px) { .ut2-pb__img-wrapper .ab_vg-images-wrapper, .ab_vg-images-wrapper { display: flex !important; flex-direction: row !important; gap: 10px; align-items: center !important; } .ut2-pb__img-wrapper .ty-product-thumbnails.ab-vertical-thumbnails, .ty-product-thumbnails.ab-vertical-thumbnails { padding-right: 4px !important; order: -1 !important; } .ut2-pb__img-wrapper .ty-product-thumbnails.ab-vertical-thumbnails .ty-product-thumbnails__item, .ty-product-thumbnails.ab-vertical-thumbnails .ty-product-thumbnails__item { display: flex !important; align-items: center !important; justify-content: center !important; } } .ut2-vendor-block.compact { display: flex !important; align-items: center !important; justify-content: space-between !important; background: var(--k-bg-light) !important; border: 1px solid var(--k-border-light) !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(33, 54, 100, 0.04) !important; width: 100% !important; box-sizing: border-box !important; float: none !important; transition: all 0.25s ease !important; } .ut2-vendor-block.compact:hover { border-color: rgba(107, 181, 87, 0.4) !important; box-shadow: 0 6px 24px rgba(33, 54, 100, 0.08) !important; } .ut2-vendor-block__logo { margin-right: 14px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .ut2-vendor-block__logo img { width: 48px !important; height: 48px !important; border-radius: 50% !important; border: 2px solid var(--k-bg-light) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; object-fit: cover !important; display: block !important; transition: transform 0.25s ease !important; } .ut2-vendor-block.compact:hover .ut2-vendor-block__logo img { transform: scale(1.04) !important; } .ut2-vendor-block__content { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; flex: 1 1 auto !important; } .ut2-vendor-block__name { margin-bottom: 2px !important; } .ut2-vendor-block__name a { font-size: 15px !important; font-weight: 800 !important; color: var(--k-navy) !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; transition: color 0.2s ease !important; } .ut2-vendor-block__name a:hover { color: var(--k-green) !important; } .ut2-vendor-block__content p { margin: 0 !important; font-size: 12.5px !important; color: var(--k-text-muted) !important; line-height: 1.4 !important; display: flex !important; align-items: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .ut2-vendor-block__content p::before { content: ""; display: inline-block; width: 13px; height: 13px; min-width: 13px; margin-right: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; } .ut2-vendor-block__contacts { display: flex !important; align-items: center !important; gap: 10px !important; margin-left: 16px !important; flex-shrink: 0 !important; } .ut2-vendor-block__contacts a { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 38px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; box-sizing: border-box !important; white-space: nowrap !important; gap: 6px !important; cursor: pointer !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .ut2-vendor-block__contacts a.vc__l { background: var(--k-bg-light) !important; color: var(--k-green-dark) !important; border: 1.5px solid var(--k-green) !important; } .ut2-vendor-block__contacts a.vc__l .ut2-icon-outline-chat, .ut2-vendor-block__contacts a.vc__l .ut2-icon { font-size: 15px !important; color: var(--k-green) !important; } .ut2-vendor-block__contacts a.vc__l:hover { background: var(--k-green-bg) !important; border-color: var(--k-green-dark) !important; color: var(--k-green-dark) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 14px rgba(107, 181, 87, 0.25) !important; } .ut2-vendor-block__contacts a.vc__i { background: var(--k-bg-light) !important; color: var(--k-navy) !important; border: 1.5px solid var(--k-border-light) !important; } .ut2-vendor-block__contacts a.vc__i i, .ut2-vendor-block__contacts a.vc__i .ut2-icon { font-size: 15px !important; color: var(--k-navy) !important; transition: color 0.2s ease !important; } .ut2-vendor-block__contacts a.vc__i:hover { background: var(--k-navy) !important; color: var(--k-bg-light) !important; border-color: var(--k-navy) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 14px rgba(33, 54, 100, 0.2) !important; } .ut2-vendor-block__contacts a.vc__i:hover i, .ut2-vendor-block__contacts a.vc__i:hover .ut2-icon { color: var(--k-bg-light) !important; } @media (max-width: 640px) { .ut2-vendor-block.compact { display: grid !important; grid-template-columns: auto 1fr !important; grid-template-rows: auto auto !important; gap: 12px 12px !important; padding: 14px !important; } .ut2-vendor-block__logo { grid-column: 1 / 2 !important; grid-row: 1 / 2 !important; margin-right: 0 !important; } .ut2-vendor-block__content { grid-column: 2 / 3 !important; grid-row: 1 / 2 !important; } .ut2-vendor-block__contacts { grid-column: 1 / -1 !important; grid-row: 2 / 3 !important; width: 100% !important; margin-left: 0 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; } .ut2-vendor-block__contacts a { width: 100% !important; height: 38px !important; padding: 0 6px !important; font-size: 12px !important; justify-content: center !important; } } .js_pb-column--sticking-possible > div, .de-product-page .ut2-pb__wrapper > div { z-index: 2; } .de-product-page .ut2-pb__wrapper:after, .js_pb-column--sticking-possible:after { content: ""; position: absolute; width: 102%; margin-left: -51%; left: 50%; border-radius: 20px 20px 0 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%); height: 768px; } .ut2-pb .ty-product-img .ab__vg-image_gallery_video-wrapper, .ut2-pb .ty-product-img a.cm-image-previewer{ background: transparent!important; } .ut2-pb__img-wrapper { padding-top: 8px; } .ab-stickers-container__price_before { position: absolute; justify-content: flex-end; } .ut2-pb .ty-product-prices .ty-price-update span, .ut2-pb .ty-product-prices .ty-price-update bdi { color: var(--k-green)!important; font-weight: 600!important; } .ut2-pb .ty-product-prices [id^=old_price_update] span, .ut2-pb .ty-product-prices [id^=old_price_update] bdi { color: var(--k-text-muted); } /* .ty-strike span[id*="price"]:after { background: var(--k-text-muted) !important; rotate: -12deg; } */ .ut2-pb__img-wrapper .ty-product-thumbnails.ab-vertical-thumbnails .ty-product-thumbnails__item, .ty-product-thumbnails.ab-vertical-thumbnails .ty-product-thumbnails__item { opacity: 40%; }.ut2-pb__img-wrapper .ty-product-thumbnails.ab-vertical-thumbnails .ty-product-thumbnails__item.active, .ty-product-thumbnails.ab-vertical-thumbnails .ty-product-thumbnails__item.active { opacity: 100%; } .ut2-pb .ty-product-img .ab__vg-image_gallery_video-wrapper img.ty-pict:not(.ab-vg-video-icon), .ut2-pb .ty-product-img a.cm-image-previewer img.ty-pict:not(.ab-vg-video-icon) { border-radius: 20px; } .k-page-block-content { padding: 40px 20px; background: var(--k-bg-light); border-radius: 20px; } .k-page-block-content h1, .k-page-block-content h2, .k-page-block-content h3, .k-page-block-content h4, .k-page-block-content h5, .k-page-block-content h6 { font-weight: 600 !important; line-height: 1.3em!important; margin: 0 0 0.4em 0!important; } .ty-breadcrumbs { margin: 0!important; border: none; } .k-page-block-content .ty-mainbox-body .ty-wysiwyg-content, .k-page-block-content .ty-mainbox-title { max-width: 1180px; margin: 0 auto; color: var(--k-text-dark); } .k-page-block-content .ty-mainbox-title { font-size: 0; border-radius: 20px; } .tygh-footer .ty-text-links-wrapper .ty-text-links__a, .ty-footer a { font-weight: 300; color: var(--k-text-dark); } .ty-footer-menu__header, .ty-footer-general__header { font-weight: 600!important; color: var(--k-text-dark)!important; } .tygh-top-panel a.ty-geo-maps__geolocation__opener, .tygh-top-panel .ty-text-links-btn, .tygh-top-panel li.ty-text-links__item:not(.ty-text-links__item--inline):not(.ty-text-links__item--submenu) a.ty-text-links__a, .tygh-top-panel li.ty-text-links__item--inline a.ty-text-links__a--inline, .tygh-top-panel a.ty-select-block__a, .tygh-top-panel a.ty-languages__item, .tygh-top-panel a.ty-currencies__item { color: var(--k-text-muted); font-weight: 500; font-size: 13px; } .ut2-menu.ut2-h__menu .ut2-menu__link__in { font-weight: 500; } /* .tygh-top-panel { background-image: linear-gradient(to bottom, rgb(33 54 100 / 3%) 30%, rgb(33 54 100 / 4%))!important; } */ .k-topbar-store-link a { gap: 6px; text-decoration: none !important; transition: all 0.25s ease; border-radius: 20px!important; } .k-topbar-store-link a::before, .k-topbar-promo-link a::before { content: ""; display: inline-block; width: 14px; height: 14px; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; } .k-topbar-store-link a::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236bb557' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='3'%3E%3C/circle%3E%3C/svg%3E"); } .k-topbar-promo-link a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'%3E%3C/path%3E%3C/svg%3E"); } .k-topbar-promo-link a{ position: relative; display: inline-flex; align-items: center; gap: 6px; color: var(--k-bg-light) !important; font-weight: 600; letter-spacing: 0.4px; text-decoration: none !important; padding: 4px 12px; border-radius: 20px!important; background: linear-gradient(135deg, #EF4444 0%, #DC2626 50%, #B91C1C 100%); overflow: hidden; box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35); animation: kPromoPulse 2s infinite ease-in-out; transition: all 0.3s ease; } .k-topbar-promo-link a::after { content: ""; position: absolute; top: -50%; left: -60%; width: 40%; height: 200%; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100% ); transform: rotate(25deg); animation: kPromoShimmer 3s infinite ease-in-out; pointer-events: none; } .k-topbar-promo-link a:hover { background: linear-gradient(135deg, #EF4444 0%, #DC2626 50%, #B91C1C 100%)!important; } /* Animation Keyframes: Nhịp đập Pulsing */ @keyframes kPromoPulse { 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6); } 70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); } 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } } /* Animation Keyframes: Ngọn lửa lắc lư Wiggle */ @keyframes kFlameWiggle { 0%, 100% { transform: rotate(0deg) scale(1); } 25% { transform: rotate(-10deg) scale(1.15); } 75% { transform: rotate(10deg) scale(1.15); } } /* Animation Keyframes: Vệt sáng quét ngang Shimmer */ @keyframes kPromoShimmer { 0% { left: -60%; } 35%, 100% { left: 140%; } } .ty-breadcrumbs__a, .ty-breadcrumbs__slash, .ty-breadcrumbs__current { display: inline-flex !important; align-items: center !important; white-space: nowrap !important; flex-shrink: 0 !important; font-size: 12px!important; font-weight: 500!important; } .ty-breadcrumbs__a { color: var(--k-navy) !important; text-decoration: none !important; transition: color 0.2s ease !important; } .ty-breadcrumbs__a:hover { color: var(--k-green) !important; } .ty-breadcrumbs__slash { color: var(--k-text-muted) !important; } .ty-breadcrumbs__current { flex-shrink: 1 !important; min-width: 0 !important; overflow: hidden !important; color: var(--k-text-muted) !important; } .ty-breadcrumbs__current bdi { display: block !important; max-width: 200px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } @media (max-width: 639px) { .ty-breadcrumbs__current bdi { max-width: 150px !important; } #taggoChatPopup.help { bottom:69px; } } @media (min-width: 1024px) { .hero-slider .ut2-a__img img { height: 576px; width: auto; margin: 0 auto; } } #taggoChatPopup.popup, #taggoChatPopup.mobile.open { width: 100%; height: 100%; max-height: 540px; right: 0; bottom: 0; border-radius: 20px; box-shadow: 0 4px 14px rgb(73 172 49); } #taggoChatPopup > iframe { z-index: 9; } #taggoChatPopup.mobile.open:after { content: ""; position: fixed; z-index: -1; width: 100%; top: 0; height: 100%; background-image: linear-gradient(to bottom, rgba(33, 54, 100, 0.8) 70%, rgba(255, 255, 255, 1)); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .grecaptcha-badge { display:none!important; } #ut2_pb__sticky_add_to_cart { padding-right: 64px!important; } body, p, div, li, .tygh-header > [class*=container] > div:nth-child(1) .ty-dropdown-box__title[id] [class*="ut2-icon"], .tygh-header > [class*=container] > div:nth-child(1) .ut2-sp-n > a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-btn-search > a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-top-compared-products a > a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-top-wishlist-count a > a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-pn__wrap > a, .tygh-header > [class*=container] > div:nth-child(1) .ty-select-wrapper .ab__ut2--select-block__head:not(.ut2-sw-w .ab__ut2--select-block__head) > a, .tygh-header > [class*=container] > div:nth-child(1) .ty-dropdown-box__title[id] > a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-sp-n, .tygh-header > [class*=container] > div:nth-child(1) .ut2-btn-search, .tygh-header > [class*=container] > div:nth-child(1) .ut2-top-compared-products a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-top-wishlist-count a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-pn__wrap, .tygh-header > [class*=container] > div:nth-child(1) .ty-select-wrapper .ab__ut2--select-block__head:not(.ut2-sw-w .ab__ut2--select-block__head), .tygh-header > [class*=container] > div:nth-child(1) .ty-dropdown-box__title[id], .ut2-sidebox__title-wrapper, .ut2-sidebox-important__title-wrapper, .ut2-sidebox__title > span { color:var(--k-navy)!important; } .tygh-header > [class*=container] > div:nth-child(1) .ut2-sp-n, .tygh-header > [class*=container] > div:nth-child(1) .ut2-btn-search, .tygh-header > [class*=container] > div:nth-child(1) .ut2-top-compared-products a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-top-wishlist-count a, .tygh-header > [class*=container] > div:nth-child(1) .ut2-pn__wrap, .tygh-header > [class*=container] > div:nth-child(1) .ty-select-wrapper .ab__ut2--select-block__head:not(.ut2-sw-w .ab__ut2--select-block__head), .tygh-header > [class*=container] > div:nth-child(1) .ty-dropdown-box__title[id]{ border-radius: 12px!important; } .ab-sticker__name > span { font-weight: var(--font-semibold); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .ut2-subcategories .current > span { color: var(--k-navy); font-weight: var(--font-semibold); } .ut2-pb .ty-product-thumbnails[class*=vertical]:not(.ty-thumbnails_gallery *) { max-height: 480px!important; overflow-y: auto!important; } /* Thanh cuộn mini siêu mỏng */ .ut2-pb .ty-product-thumbnails::-webkit-scrollbar { width: 4px !important; } .ut2-pb .ty-product-thumbnails::-webkit-scrollbar-thumb { background: #CBD5E1 !important; border-radius: 4px !important; } .ab-fn-levels-wrapper.non-multilevel { border:none!important; } .ab-fn-one-of-levels.owl-carousel::before, .ab-fn-one-of-levels.owl-carousel::after { background-image: none !important; } </style>";} 0 1624 3 A html_block a:8:{s:8:"template";s:21:"blocks/html_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn newedit
1214 203 a:1:{s:13:"settings_link";s:0:"";} 0 1507 hidden-desktop hidden-tablet 4 A abt__ut2_fly_menu a:15:{s:8:"template";s:50:"addons/abt__unitheme2/blocks/abt__ut2_fly_menu.tpl";s:30:"dropdown_second_level_elements";s:2:"30";s:29:"dropdown_third_level_elements";s:2:"30";s:40:"abt__no_hidden_elements_third_level_view";s:1:"5";s:31:"abt__ut2_view_more_btn_behavior";s:19:"trigger_parent_link";s:19:"abt_menu_icon_items";s:1:"Y";s:19:"abt__ut2_show_title";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:27:"open_on_sticky_panel_button";s:1:"Y";} 0 1 vn Menu
870 297 a:1:{s:5:"items";a:1:{s:7:"filling";s:8:"manually";}} 0 335 1622 blocks/wrappers/mainbox_simple.tpl 4 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"5";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn DEAL SHOCK
1235 301 a:1:{s:7:"content";s:3937:"<style> :root { --k-green: #6bb557; --k-green-dark: #589b46; --k-green-bg: #F0FDF4; --k-navy: #213664; --k-navy-dark: #162546; --k-text-dark: #1E293B; --k-text-muted: #64748B; --k-border-light: #E2E8F0; --k-bg-light: #FFFFFF; --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px; --font-regular:400; --font-semibold:600; --font-bold:700; } .k-p-xs { padding: var(--space-xs) !important; } .k-p-sm { padding: var(--space-sm) !important; } .k-p-md { padding: var(--space-md) !important; } .k-p-lg { padding: var(--space-lg) !important; } .k-p-xl { padding: var(--space-xl) !important; } .k-p-2xl { padding: var(--space-2xl) !important; } .k-px-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; } .k-px-sm { padding-left: var(--space-sm) !important; padding-right: var(--space-sm) !important; } .k-px-md { padding-left: var(--space-md) !important; padding-right: var(--space-md) !important; } .k-px-lg { padding-left: var(--space-lg) !important; padding-right: var(--space-lg) !important; } .k-px-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .k-px-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; } .k-py-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; } .k-py-sm { padding-top: var(--space-sm) !important; padding-bottom: var(--space-sm) !important; } .k-py-md { padding-top: var(--space-md) !important; padding-bottom: var(--space-md) !important; } .k-py-lg { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; } .k-py-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .k-py-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; } .k-m-xs { margin: var(--space-xs) !important; } .k-m-sm { margin: var(--space-sm) !important; } .k-m-md { margin: var(--space-md) !important; } .k-m-lg { margin: var(--space-lg) !important; } .k-m-xl { margin: var(--space-xl) !important; } .k-m-2xl { margin: var(--space-2xl) !important; } .k-mx-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; } .k-mx-sm { margin-left: var(--space-sm) !important; margin-right: var(--space-sm) !important; } .k-mx-md { margin-left: var(--space-md) !important; margin-right: var(--space-md) !important; } .k-mx-lg { margin-left: var(--space-lg) !important; margin-right: var(--space-lg) !important; } .k-mx-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .k-mx-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; } .k-my-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; } .k-my-sm { margin-top: var(--space-sm) !important; margin-bottom: var(--space-sm) !important; } .k-my-md { margin-top: var(--space-md) !important; margin-bottom: var(--space-md) !important; } .k-my-lg { margin-top: var(--space-lg) !important; margin-bottom: var(--space-lg) !important; } .k-my-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .k-my-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; } .k-mb-xs { margin-bottom: var(--space-xs) !important; } .k-mb-sm { margin-bottom: var(--space-sm) !important; } .k-mb-md { margin-bottom: var(--space-md) !important; } .k-mb-lg { margin-bottom: var(--space-lg) !important; } .k-mb-xl { margin-bottom: var(--space-xl) !important; } .k-mb-2xl { margin-bottom: var(--space-2xl) !important; } .u-brand { white-space: nowrap !important; font-weight: var(--font-Bold) !important; color: var(--k-navy) !important; } </style>";} 0 1626 4 A html_block a:8:{s:8:"template";s:21:"blocks/html_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn token fix
870 298 a:1:{s:5:"items";a:1:{s:7:"filling";s:8:"manually";}} 0 335 1623 blocks/wrappers/mainbox_simple.tpl 5 D products a:19:{s:8:"template";s:46:"blocks/products/products_scroller_advanced.tpl";s:10:"show_price";s:1:"Y";s:17:"enable_quick_view";s:1:"N";s:24:"not_scroll_automatically";s:1:"N";s:15:"scroll_per_page";s:1:"N";s:15:"thumbnail_width";s:0:"";s:25:"abt__ut2_thumbnail_height";s:0:"";s:5:"speed";s:3:"400";s:5:"delay";s:1:"3";s:13:"item_quantity";s:1:"4";s:18:"outside_navigation";s:1:"N";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";s:23:"hide_add_to_cart_button";s:1:"N";} 0 1 vn Ưu đãi đặc biệt
1235 303 a:1:{s:7:"content";s:4582:"<style> .tabo-taggo-chat { position: fixed !important; bottom: 24px !important; right: 24px !important; height: 46px !important; width: 46px !important; border-radius: 23px !important; background: linear-gradient(135deg, #6bb557 0%, #589b46 100%) !important; color: #FFFFFF !important; display: flex !important; flex-direction: row-reverse !important; align-items: center !important; justify-content: flex-start !important; z-index: 9999 !important; text-decoration: none !important; cursor: pointer !important; overflow: hidden !important; white-space: nowrap !important; animation: k-chat-wave 2s infinite !important; transition: width 0.32s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, transform 0.2s ease !important; } @keyframes k-chat-wave { 0% { box-shadow: 0 0 0 0 rgba(107, 181, 87, 0.7), 0 4px 14px rgba(107, 181, 87, 0.35); } 65% { box-shadow: 0 0 0 14px rgba(107, 181, 87, 0), 0 6px 18px rgba(107, 181, 87, 0.4); } 100% { box-shadow: 0 0 0 0 rgba(107, 181, 87, 0), 0 4px 14px rgba(107, 181, 87, 0.35); } } .tabo-taggo-chat .ut2-icon-chat { flex: 0 0 46px !important; width: 46px !important; height: 46px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0 !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 22px 22px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M12 2C6.48 2 2 6.13 2 11.23c0 2.59 1.17 4.93 3.06 6.58-.18 1.33-.72 2.89-1.94 4.1a.75.75 0 0 0 .61 1.25c3.05-.04 5.32-1.31 6.41-2.11.62.06 1.25.09 1.86.09 5.52 0 10-4.13 10-9.23S17.52 2 12 2zm-3.5 10a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm3.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm3.5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E") !important; transform-origin: center bottom !important; animation: k-icon-wiggle 3s ease-in-out infinite !important; transition: transform 0.25s ease !important; } /* KEYFRAMES LẮC LƯ VẪY GỌI (LẮC QUA LẠI RỒI NGHỈ 2 GIÂY) */ @keyframes k-icon-wiggle { 0%, 55%, 100% { transform: rotate(0deg) scale(1); } 60% { transform: rotate(-14deg) scale(1.1); } 65% { transform: rotate(12deg) scale(1.1); } 70% { transform: rotate(-10deg) scale(1.06); } 75% { transform: rotate(8deg) scale(1.06); } 80% { transform: rotate(-4deg) scale(1.02); } 85% { transform: rotate(0deg) scale(1); } } .tabo-taggo-chat::after, html[lang="vi"] .tabo-taggo-chat::after, html[lang^="vi"] .tabo-taggo-chat::after { content: "Hỗ trợ tư vấn" !important; font-size: 12.5px !important; font-weight: 700 !important; color: #FFFFFF !important; opacity: 0 !important; max-width: 0 !important; overflow: hidden !important; letter-spacing: 0.2px !important; transition: all 0.28s cubic-bezier(0.34, 1.56, 0.64, 1) !important; padding-left: 0 !important; } html[lang="en"] .tabo-taggo-chat::after, html[lang^="en"] .tabo-taggo-chat::after { content: "Live Support" !important; } .tabo-taggo-chat:hover, html[lang="vi"] .tabo-taggo-chat:hover { width: 148px !important; animation: none !important; box-shadow: 0 8px 24px rgba(107, 181, 87, 0.5), 0 2px 8px rgba(0, 0, 0, 0.1) !important; } html[lang^="en"] .tabo-taggo-chat:hover { width: 140px !important; } .tabo-taggo-chat:hover::after, .tabo-taggo-chat:hover .tabo-taggo-chat__text { opacity: 1 !important; max-width: 100px !important; padding-left: 14px !important; } .tabo-taggo-chat:hover .ut2-icon-chat { animation: none !important; transform: scale(1.08) rotate(-6deg) !important; } .tabo-taggo-chat:active { transform: scale(0.95) !important; } @media (max-width: 767px) { .tabo-taggo-chat { bottom: 18px !important; right: 16px !important; height: 42px !important; width: 42px !important; border-radius: 21px !important; } .tabo-taggo-chat .ut2-icon-chat { flex: 0 0 42px !important; width: 42px !important; height: 42px !important; background-size: 20px 20px !important; } .tabo-taggo-chat:hover { width: 138px !important; } .tabo-taggo-chat::after { font-size: 12px !important; } } </style>";} 0 1628 5 A html_block a:8:{s:8:"template";s:21:"blocks/html_block.tpl";s:22:"abt__ut2_demo_block_id";s:0:"";s:23:"skeleton_height_desktop";s:0:"";s:22:"skeleton_height_tablet";s:0:"";s:22:"skeleton_height_mobile";s:0:"";s:12:"abt__ut2_url";s:0:"";s:23:"abt__ut2_url_appearance";s:1:"L";s:23:"abt__ut2_url_new_window";s:1:"N";} 0 1 vn chat style