/*
 Theme Name:   Flatsome Child
 Description: Flatsome Child Theme (iSures Technology) - Neon Electric Premium Style
 Author:       UX Themes & iSures
 Template:     flatsome
 Version:      3.2
 Text Domain:  flatsome-child
*/

/* ==================================================
   01. VARIABLES & BOLD BRANDING (Cyber Premium Style)
   ================================================== */
:root {
  /* Nền tảng tối giản cao cấp */
  --bg-light: #f8fafc;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --border-color: #e2e8f0;
  
  /* Hệ màu nổi bật đột phá (Accent & Glow) */
  --accent-blue: #00d2ff;
  --accent-purple: #0066ff;
  --gradient-electric: linear-gradient(135deg, #00d2ff 0%, #0066ff 100%);
  --gradient-hot: linear-gradient(135deg, #ff007a 0%, #7928ca 100%);
  --shadow-glow: 0 8px 30px rgba(0, 102, 255, 0.12);
  --shadow-premium: 0 10px 40px rgba(15, 23, 42, 0.04);
  
  /* Cấu trúc thiết kế */
  --radius-premium: 20px; /* Bo góc rộng, mượt mà */
  --radius-smooth: 10px;
}

/* ==================================================
   02. GLOBAL STYLES & BASE LAYOUT
   ================================================== */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--text-main);
  -webkit-font-smoothing: antialiased;
}

#main, #wrapper { background-color: var(--bg-light); }
.tax-product_cat #main, .tax-product_cat #wrapper { background-color: #fff; }

/* Link nổi bật có hiệu ứng chuyển màu khi hover */
a:where(:not(.wp-element-button)) { 
  text-decoration: none; 
  color: var(--accent-purple); 
  transition: all 0.25s ease; 
}
a:where(:not(.wp-element-button)):hover { color: var(--accent-blue); }

h1, h2, h3, h4, h5, h6 { color: var(--text-main) !important; font-weight: 700; letter-spacing: -0.02em; }
h2 { font-size: 2.2rem; margin-bottom: 1.5rem; }
h3 { font-size: 1.6rem; }

h1.page-title.is-large.uppercase { 
  text-align: left; 
  padding-bottom: 20px; 
  border-bottom: 2px solid var(--text-main); 
  letter-spacing: -0.01em;
}

.container-width, .full-width .ubermenu-nav, .container, .row { max-width: 1280px; }
.row.row-small { max-width: 1260px; }

.blue { background: #e0f2fe !important; border: 1px solid rgba(0, 210, 255, 0.2); }
.flatsome-notice { display: none; }
.ux-body-overlay { background-color: rgba(15, 23, 42, 0.6); backdrop-filter: blur(15px); }

/* Nút back-to-top phát sáng nhẹ */
a.back-to-top#top-link { 
  background: var(--gradient-electric);
  border: none; 
  color: #fff; 
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);
  transition: transform 0.2s ease;
}
a.back-to-top#top-link:hover { transform: translateY(-3px); }

/* ==================================================
   03. HEADER, NAVIGATION & SIDEBAR
   ================================================== */
.header-wrapper .header-main, 
.header-wrapper .header-bottom, 
.flex-col.hide-for-medium.flex-center, 
.flex-col.show-for-medium.flex-grow { width: 100%; }

.header-main .account-item > a, 
.header-main .cart-item > a { 
  display: flex !important; 
  width: 40px; 
  height: 40px; 
  align-items: center !important; 
  justify-content: center; 
  background: #fff; 
  border-radius: 50%; 
  padding: 0 !important; 
  color: var(--text-main) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  transition: all 0.25s ease;
}
.header-main .account-item > a:hover, 
.header-main .cart-item > a:hover { 
  background: var(--gradient-electric);
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.3);
}

.form-flat input:not([type="submit"]) { 
  height: 42px; 
  background-color: #fff; 
  border: 1px solid var(--border-color);
  border-radius: 25px; /* Form tìm kiếm bo tròn năng động */
  padding: 0 20px;
  transition: all 0.25s ease;
}
.form-flat input:not([type="submit"]):focus {
  border-color: var(--accent-purple);
  box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.15);
}

.header-main li.header-block { width: auto; }
li.html a { font-size: 14px; font-weight: 700; color: var(--text-main); }

/* Vertical Menu Sidebar phát sáng sang trọng */
aside { 
  background: #fff; 
  border-radius: var(--radius-premium); 
  box-shadow: var(--shadow-premium); 
  padding: 25px 20px; 
  border: 1px solid rgba(0, 102, 255, 0.05);
}
aside .widget-title { 
  font-size: 16px; 
  font-weight: 700; 
  line-height: 1.4; 
  padding-bottom: 15px; 
  display: block; 
  color: var(--text-main);
  border-bottom: 2px solid var(--border-color);
}
aside .is-divider { display: none; }

aside ul.product-categories li a { 
  padding: 12px 20px 12px 15px; 
  font-size: 14px; 
  color: var(--text-main); 
  position: relative; 
  display: block;
}
aside ul.product-categories > li > a:before { 
  content: ""; 
  display: inline-block; 
  position: absolute; 
  top: 50%; 
  left: 0; 
  transform: translateY(-50%);
  border-left: 5px solid var(--accent-purple); 
  border-top: 4px solid transparent; 
  border-bottom: 4px solid transparent; 
  width: 0; 
  height: 0; 
}
aside .toggle i { font-size: 11px !important; font-weight: bold !important; color: var(--text-muted); }

/* Header Vertical Fly-out */
.header-vertical-menu__fly-out ::-webkit-scrollbar-track { border-radius: 10px; background-color: var(--bg-light); }
.header-vertical-menu__fly-out ::-webkit-scrollbar { width: 6px; background-color: var(--bg-light); }
.header-vertical-menu__fly-out ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: var(--accent-blue); }
.header-vertical-menu__fly-out .nav-dropdown li { border: none !important; width: 100%; }

.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a > img { 
  height: 38px; 
  width: auto; 
  margin-right: 12px; 
  border-radius: 8px; 
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a > i.icon-angle-down { display: none; }
.header-vertical-menu__fly-out .nav-dropdown li .sub-menu > li > a { 
  white-space: normal; 
  text-transform: inherit; 
  font-size: 14px; 
  padding: 10px 20px; 
  color: var(--text-muted);
}
.header-vertical-menu__fly-out .nav-dropdown li .sub-menu > li > a:hover { color: var(--accent-purple); font-weight: 500; }

.nav-vertical-fly-out > li.menu-item > a, 
.product-categories .cat-item { font-size: 14px; text-transform: uppercase; font-weight: 600; }

.header-vertical-menu__fly-out .current-dropdown .nav-dropdown { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap: 15px; 
  border-radius: var(--radius-premium); 
  width: 850px; 
  height: 380px; 
  overflow-y: scroll;
  padding: 25px;
  box-shadow: var(--shadow-glow);
  border: 1px solid rgba(0, 102, 255, 0.1);
}
.header-vertical-menu__fly-out .nav-vertical-fly-out { height: 450px; overflow-y: scroll; }
.header-vertical-menu__fly-out .show-alway.menu-item .nav-dropdown { visibility: visible; opacity: 1; left: 100%; top: 0; min-height: 100%; }

/* ==================================================
   04. WOOCOMMERCE - ARCHIVE & PRODUCT GRID (Nổi bật)
   ================================================== */
.sec-bg-product { background-color: rgba(0, 210, 255, 0.03); border-bottom: 1px solid var(--border-color); }

/* Khối Sản Phẩm Nổi Bật chuyển màu Gradient Điện Tử */
.sec-bg-spnoibat { 
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%); 
  color: #fff; 
  position: relative;
} 
.sec-bg-spnoibat:before {
  content: ''; position: absolute; top:0; left:0; width:100%; height:100%;
  background: radial-gradient(circle at 80% 20%, rgba(0,210,255,0.15) 0%, transparent 50%);
}
.sec-bg-spnoibat h2 { color: #fff !important; text-shadow: 0 2px 10px rgba(0,212,255,0.3); }

.pro_cate .col-inner, .pro_cate > .box-image, .pro_cate > .box-text { border-radius: var(--radius-premium); }

/* Card Sản Phẩm hiệu ứng Hover phát quang cực đỉnh */
.product-small.col { position: relative; padding: 12px !important; }
.product-small.col .col-inner { 
  background: #fff; 
  border-radius: var(--radius-premium); 
  box-shadow: var(--shadow-premium); 
  padding: 20px; 
  border: 1px solid var(--border-color);
  transition: all 0.35s cubic-bezier(0.2, 1, 0.2, 1);
}
.product-small.col .col-inner:hover {
  transform: translateY(-6px);
  border-color: var(--accent-blue);
  box-shadow: var(--shadow-glow);
}
.product-small.col .box-text.box-text-products { padding: 15px 0 0 0; }
.product-category > .box-image img, .product-small > .box-image img { border-radius: var(--radius-smooth); }

p.name.product-title.woocommerce-loop-product__title a { 
  font-weight: 700; 
  font-size: 15px;
  line-height: 1.4; 
  color: var(--text-main); 
  margin-bottom: 10px; 
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden; 
  min-height: 42px; 
}

/* Giá bán hiển thị nổi bật phá cách */
.price-wrapper .price { display: flex; align-items: baseline; flex-wrap: wrap; }
.price-wrapper .price ins { order: 1; text-decoration: none; }
.price-wrapper .price del { order: 2; margin-left: 10px; }

.price-wrapper span.amount { 
  font-size: 18px; 
  font-weight: 800; 
  background: var(--gradient-electric);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* Giá chữ đổi màu gradient */
  margin: 4px 0;
  display: inline-block; 
}
.price-wrapper del .amount { font-size: 13px; color: var(--text-muted); text-decoration: line-through; opacity: 1; -webkit-text-fill-color: initial; }

/* Badges Nhãn tag Giảm giá/Mới chuyển màu rực rỡ */
.badge-inner.secondary.on-sale { display: none; visibility: hidden; }
.badge-inner.callout-new-bg.is-small.new-bubble { 
  background: var(--gradient-hot); /* Đỏ tím cá tính */
  padding: 6px 14px; 
  border-radius: 30px; 
  font-size: 11px; 
  font-weight: 700;
  box-shadow: 0 4px 10px rgba(255, 0, 122, 0.3);
}
body:not(.home) .badge-inner.callout-new-bg.is-small.new-bubble { display: none; }

/* Pagination */
nav.woocommerce-pagination ul { text-align: right; border: none; }
.nav-pagination > li > a, .nav-pagination > li > span { 
  border-radius: 50%; 
  height: 40px; 
  line-height: 40px; 
  width: 40px; 
  border: 1px solid var(--border-color); 
  background: #fff;
  color: var(--text-main);
  font-weight: 600;
}
.nav-pagination > li > span.current { 
  background: var(--gradient-electric); 
  color: #fff; 
  border: none;
  box-shadow: 0 4px 12px rgba(0,102,255,0.3);
}

/* ==================================================
   05. WOOCOMMERCE - CART & CHECKOUT
   ================================================== */
.woocommerce-cart .woocommerce .woocommerce.row.row-large.row-divided { 
  display: flex; 
  align-items: center; 
  border-radius: var(--radius-premium); 
  border: 1px solid var(--border-color); 
  margin: 0 auto; 
  background: #fff; 
  padding: 25px;
  box-shadow: var(--shadow-premium);
}
.shop_table thead th, .shop_table .order-total td, .shop_table .order-total th { 
  border-bottom: 2px solid var(--border-color); 
  font-size: 13px; 
  color: var(--text-main); 
  text-transform: uppercase;
  font-weight: 700;
}
.cart_totals th.product-name { color: var(--accent-purple); border: none; font-size: 18px; text-transform: capitalize; }
.woocommerce a.remove { width: 30px; height: 22px; text-indent: -9999px; background: transparent; border: none; }

/* Form Field tinh chỉnh */
.woocommerce-billing-fields__field-wrapper p.form-row { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 18px; }
.woocommerce-billing-fields__field-wrapper p.form-row label { width: 25%; text-align: right; margin-right: 20px; color: var(--text-main); font-size: 14px; font-weight: 600; }
.woocommerce-billing-fields__field-wrapper p.form-row span.woocommerce-input-wrapper { flex-grow: 1; }
.woocommerce-billing-fields__field-wrapper p.form-row span.woocommerce-input-wrapper input { 
  box-shadow: none; 
  border-radius: 10px; 
  border: 1px solid var(--border-color);
  padding: 12px 15px;
  height: 44px;
}
.woocommerce-billing-fields__field-wrapper p.form-row span.woocommerce-input-wrapper input:focus { border-color: var(--accent-purple); }

.checkout .large-5.col .col-inner.has-border { 
  background: #fff; 
  border: 2px solid var(--accent-purple); 
  border-radius: var(--radius-premium);
  padding: 30px;
  box-shadow: var(--shadow-glow);
}
.checkout.woocommerce-checkout h3 { color: var(--text-main); font-size: 20px; border-bottom: 2px solid var(--border-color); padding-bottom: 12px;}
#customer_details { padding: 30px; border: 1px solid var(--border-color); border-radius: var(--radius-premium); background: #fff; box-shadow: var(--shadow-premium); }

/* ==================================================
   06. WOOCOMMERCE - SINGLE PRODUCT PAGE
   ================================================== */
h1.product-title.product_title.entry-title { 
  border-bottom: 2px solid var(--border-color); 
  padding-bottom: 20px; 
  font-size: 2.6rem; 
  font-weight: 800;
  letter-spacing: -0.02em;
}

.single-product .product-short-description, 
.single-product div#tab-description { 
  background: #fff; 
  padding: 35px; 
  margin-bottom: 30px; 
  border-radius: var(--radius-premium); 
  box-shadow: var(--shadow-premium); 
  border: 1px solid var(--border-color);
  line-height: 1.8;
}
.single-product .product_meta > span { border: none; font-size: 13px; color: var(--text-muted); font-weight: 500; }

/* Image Gallery Slider */
.single-product .product-images { border: 1px solid var(--border-color); padding: 20px; border-radius: var(--radius-premium); background: #fff; box-shadow: var(--shadow-premium); }
.single-product .product-thumbnails a { 
  border: 1px solid var(--border-color); 
  background: #fff; 
  border-radius: 10px; 
  padding: 6px; 
}
.single-product .product-thumbnails a:hover { border-color: var(--accent-blue); }

.woocommerce-product-gallery .flickity-viewport { border-radius: var(--radius-premium); }
.woocommerce-product-gallery .fit img { background: white; border-radius: var(--radius-smooth); padding: 10px; width: 250px !important; }

/* Điều hướng slider liên quan */
.related.related-products-wrapper.product-section .product-small.col .col-inner { box-shadow: none; border: 1px solid var(--border-color); }
.related-products-wrapper button.flickity-button { 
  background: var(--gradient-electric) !important; 
  border: none; 
  border-radius: 50%; 
  width: 40px !important; 
  height: 40px; 
  top: -50px; 
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,102,255,0.2);
}

/* Biến thể Swatches */
.ux-swatch.ux-swatch--color .ux-swatch__color--single-color { box-shadow: inset 0 2px 4px rgba(0,0,0,0.15); border: 2px solid #fff; }
.product-attribute li { 
  background: var(--bg-light); 
  color: var(--text-main);
  font-size: 13px; 
  padding: 6px 14px; 
  border-radius: 20px; 
  font-weight: 600; 
  border: 1px solid var(--border-color);
}

/* ==================================================
   07. ISURES CUSTOM MODULES (Mạnh mẽ, đột phá)
   ================================================== */
.isures-global--cate_elm { background: #fff; border-radius: var(--radius-premium); border: 1px solid var(--border-color); box-shadow: var(--shadow-premium); }
.isures-global--cate_elm .product-category.col { padding: 30px 20px; border-right: 1px solid var(--border-color); transition: all 0.25s ease; }
.isures-global--cate_elm .product-category.col:hover { background-color: rgba(0, 210, 255, 0.02); }
.isures-global--cate_elm .box-image { border-radius: 50%; background: var(--gradient-electric); width: 90px; height: 90px; margin-bottom: 15px; padding: 4px; }
.isures-global--cate_elm .box-image img { background: #fff; border-radius: 50%; padding: 10px; }

.isures-global--row_sd { border-radius: var(--radius-premium); box-shadow: var(--shadow-premium); border: 1px solid var(--border-color); overflow: hidden; background: #fff; }

.isures-global--social.social-icons.follow-icons a.button.icon { 
  padding: 0.6rem; 
  border-radius: 50% !important; 
  border: 1px solid var(--border-color) !important; 
  color: var(--text-main) !important; 
  transition: all 0.25s;
}
.isures-global--social.social-icons.follow-icons a.button.icon:hover { 
  background: var(--gradient-electric) !important; 
  color: #fff !important; 
  border-color: transparent !important;
}

.isures-heading { display: flex; align-items: center; margin-top: 35px; border-bottom: 2px solid var(--text-main); padding-bottom: 15px; }
.isures-heading .section-title-main { display: block; text-transform: uppercase; color: var(--text-main); flex-basis: 30%; font-size: 1.8rem; font-weight: 800; }

.isures-sub-title dt a { display: block; padding: 8px 20px; background: #fff; border: 1px solid var(--accent-purple); border-radius: 25px; font-size: 13px; color: var(--accent-purple); font-weight: 700; }
.isures-sub-title dt a:hover { background: var(--gradient-electric); color: #fff; border-color: transparent; box-shadow: 0 4px 10px rgba(0,102,255,0.2); }

.isures-vipservice { border: none; border-radius: var(--radius-premium); padding: 25px; margin: 25px 0; background: linear-gradient(135deg, rgba(0,210,255,0.08) 0%, rgba(0,102,255,0.08) 100%); border-left: 5px solid var(--accent-blue); }
.isures-vipservice p { font-weight: 700; margin-bottom: 10px; color: var(--accent-purple); }

.isures-btn--order_wrap { display: flex; justify-content: space-between; align-items: center; grid-column: 1 / 3; }

/* NÚT MUA NGAY SIÊU NỔI BẬT (Bứt phá chuyển sắc) */
.isures_buy_now { 
  width: 100% !important; 
  height: 56px; 
  border-radius: 28px; 
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.05em;
  background: var(--gradient-hot); /* Đỏ hồng tím neon cực mạnh */
  color: #fff;
  border: none;
  box-shadow: 0 6px 20px rgba(255, 0, 122, 0.35);
  transition: all 0.3s ease;
}
.isures_buy_now:hover { 
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255, 0, 122, 0.5);
}

.isures-review--wrap > .col-inner { padding: 25px; background: #fff; border-radius: var(--radius-premium); border: 1px solid var(--border-color); box-shadow: var(--shadow-premium); }
.isures-progress--bar { background-color: var(--border-color); border-radius: 10px; width: 85%; height: 8px; display: inline-block; position: relative; overflow: hidden; }
/* Thanh tiến trình nạp đầy bằng dải màu electric */
.isures-progress--bar:after { content:''; position:absolute; left:0; top:0; height:100%; width:75%; background: var(--gradient-electric); border-radius:10px; }

/* Menu Bottom Mobile cao cấp kính mờ */
.isures-menu--bottom_mb { 
  position: fixed; bottom: 0; left: 0; width: 100%; height: 68px; z-index: 9999; 
  background-color: rgba(255, 255, 255, 0.85); 
  backdrop-filter: blur(20px); 
  display: flex; border-top: 1px solid var(--border-color); 
}
.isures-menu--bottom_mb .isures-menu--bottom_item { font-size: 11px; font-weight: 600; flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--text-muted) !important; }
.isures-menu--bottom_mb .isures-menu--bottom_item.active { color: var(--accent-purple) !important; }

/* ==================================================
   08. BLOG & SINGLE POST
   ================================================== */
.row-blogspot .box { display: flex; align-items: center; border: 1px solid var(--border-color); border-radius: var(--radius-premium); background: #fff; padding: 25px; box-shadow: var(--shadow-premium); }
.row-blog .post-title a { font-size: 24px; font-weight: 700; color: var(--text-main); }
.row-blog .post-title a:hover { color: var(--accent-purple); }

.row-blog-1 .col-1 > .col-inner, 
.row-blog-1 .col-2 > .col-inner { border: 1px solid var(--border-color); border-radius: var(--radius-premium); background: #fff; padding: 30px; height: 370px; box-shadow: var(--shadow-premium); }

.section-blog .row-blogspot .cat-label { background: var(--gradient-electric); color: #fff; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; box-shadow: 0 4px 10px rgba(0,102,255,0.2); }
.recent-post { padding: 25px; border-radius: var(--radius-premium); border: 1px solid var(--border-color); background: #fff; box-shadow: var(--shadow-premium); }
.recent-post .post-item { padding: 15px 0; border-bottom: 1px solid var(--border-color); }

.post-rate-useful { display: flex; align-items: center; background: #fff; padding: 30px; border-radius: var(--radius-premium); border: 1px solid var(--border-color); box-shadow: var(--shadow-premium); margin-bottom: 30px; }
.blog-single .entry-content { color: #334155; font-size: 16.5px; line-height: 1.85; }

/* ==================================================
   09. CUSTOM SECTIONS, POPUPS & TOOLTIPS
   ================================================== */
/* Khối Tại Sao Chọn Chúng Tôi thiết kế đối xứng nổi bật */
.section-why .row-item .col { flex-basis: 25%; max-width: 25%; }
.section-why .row-item .col .col-inner { border-radius: var(--radius-premium); padding: 25px; height: 160px; background: #fff; border: 1px solid var(--border-color); box-shadow: var(--shadow-premium); }
.section-why .row-item .col .button { 
  position: absolute; display: inline-flex; overflow: hidden; width: 36px; height: 36px; 
  background: var(--gradient-electric); border-radius: 50%; color: white; align-items: center; justify-content: center; bottom: 15px; left: 25px; 
  box-shadow: 0 4px 10px rgba(0,102,255,0.3);
}

/* Newsletter khối đăng ký thu hút */
.section-newsletter input:not([type="submit"]) { border-radius: 25px; border: 1px solid var(--border-color); padding-left: 25px; height: 46px; }
.section-newsletter input[type="submit"] { border-radius: 25px; height: 46px; background: var(--gradient-electric) !important; font-weight: 700; color: #fff; border: none; padding: 0 25px; box-shadow: 0 4px 15px rgba(0,102,255,0.3); }

/* Tooltip & Popups phát quang viền */
#tooltip { position: absolute; background: rgba(255,255,255,0.98); z-index: 999; width: 395px; box-shadow: var(--shadow-glow); border-radius: var(--radius-premium); overflow: hidden; border: 1px solid rgba(0,102,255,0.2); }
#tooltip .isures-tooltip--title { color: #fff; font-weight: 700; padding: 12px 20px; background: var(--gradient-hot); text-transform: uppercase; font-size: 13px; }

#popup-why, #popup-expert { border-radius: var(--radius-premium) !important; border: 1px solid var(--border-color); box-shadow: var(--shadow-glow); }
.section-popup-expert .text-icon { background: var(--gradient-hot); text-align: center; color: white; font-size: 12px; padding: 4px 0; border-radius: 20px; width: 90px; margin: 0 auto; font-weight: 600; }

/* Thanh Chạy Chữ Khuyến Mại Đầu Trang nổi bật rực rỡ */
.marquee-container { height: 42px; overflow: hidden; line-height: 42px; background: var(--gradient-electric); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0.05em; box-shadow: 0 4px 15px rgba(0,102,255,0.2); }
.marquee-container .marquee { top: 0; left: 100%; width: 100%; position: absolute; white-space: nowrap; animation: marquee 35s linear infinite; display: flex !important; }
@keyframes marquee { 0% { left: 100%; } 100% { left: -100%; } }

/* ==================================================
   10. RESPONSIVE / MEDIA QUERIES (Mobile UI Fixes)
   ================================================== */
@media screen and (max-width: 767px) {
  .row.isures-global--cate_elm { display: block; white-space: nowrap; overflow-x: auto; padding: 15px 5px; }
  .row.isures-global--cate_elm .product-category.col { display: inline-block; max-width: 25%; text-align: center; border: none; padding: 0 5px; }
  .row.isures-global--cate_elm .box-image { width: 65px; height: 65px; margin: 0 auto 10px; padding: 3px; }
  
  div#main-menu .sidebar-menu { padding: 0; background: #fff; }
  div#main-menu .nav-sidebar.nav-vertical > li a { padding: 14px 0 14px 15px !important; color: var(--text-main); font-weight: 600; font-size: 14px; }
  
  .isures-first--section .price-wrapper span.amount { font-size: 24px; }
  .isures-btn--cta_global { width: 100%; margin-right: 0; border-radius: 25px; }
  
  .tax-product_cat .header-wrapper.stuck, .isures-hidden--mb, #tooltip { display: none !important; }
  #logo { width: 95px !important; }
  .isures-button--nav_wrap a { width: 100%; margin-left: 0 !important; margin-top: 8px; border-radius: 25px; }
}

@media only screen and (max-width: 48em) {
  .post-rate-useful { display: block; padding: 20px; }
  .row-blogspot .box { display: block; padding: 20px; }
  .row-blog .post-title a { font-size: 18px; }
  
  .section-why .row-item .col { flex-basis: 50%; max-width: 50%; }
  .button.close { margin: 0 !important; width: 100%; border-radius: 25px; }
  
  .woocommerce-product-gallery .flickity-viewport { border-radius: var(--radius-smooth); }
  .grid-card { grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }
  p.name.product-title.woocommerce-loop-product__title a, .post-item .post-title { font-size: 13px; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .isures-postbytag--wrap ul { overflow-x: auto; white-space: nowrap; display: block; }
  .isures-postbytag--wrap ul li { display: inline-block; }
  .isures-hidden--pctab { display: none !important; }
}

@media screen and (min-width: 1023px) {
  .products.mode-list .box-vertical .box-image { max-width: 50% !important; min-width: 50% !important; width: 50% !important; }
  .isures-hidden--pctab { display: none !important; }
  .isures-vertical--menumb_wrap, .isures-menu--bottom_mb { display: none !important; visibility: hidden !important; }
}