/* =========================================================
   Ongyee Theme — Cleaned Single CSS
   (Option 1: Clean only — keep exact visuals, keep both
    product card systems separate)
   ========================================================= */

/* -------------------------
   Variables
--------------------------*/
:root{
  --accent: #0a6ebd;
  --muted:  #666;
  --maxw:   1100px;
  --radius: 10px;
  --card-bg:#fff;
}

/* -------------------------
   Reset / Base
--------------------------*/
* { box-sizing: border-box; }
html,body { height:100%; }
body{
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  margin: 0;
  color: #111;
  background: #fafbfc;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Images & links */
img { max-width:100%; display:block; height:auto; }
a { color:inherit; text-decoration:none; }

/* -------------------------
   Layout containers
--------------------------*/
.wrap,
.site-main.container {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 18px;
}

/* -------------------------
   Header
--------------------------*/
.site-header,
header.site-header {
  background: #fff;
  border-bottom: 1px solid #eef3f8;
  padding: 12px 0;
  position: sticky;
  top: 0;
  z-index: 9999;
  transition: transform .25s ease, box-shadow .18s ease;
}
header.site-header { background: #2b2b2b; color:#fff; } /* last override kept */

/* header internal layout */
.header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 0;
}

/* brand */
.brand-left {
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.brand-left .site-title {
  font-weight:700;
  color:var(--accent);
  font-size:25px;
	 display: none !important;
}

/* logo sizing */
.site-logo img,
.custom-logo-link img,
.brand-left img,
.site-header .custom-logo {
  width:auto !important;
  height:auto !important;
  max-height:60px !important;
  max-width:220px !important;
  display:inline-block !important;
}

/* -------------------------
   Desktop search center
--------------------------*/
.search-center {
  flex:1;
  display:flex;
  justify-content:center;
  min-width:0;
}
.ongyee-search {
  position:relative;
  max-width:720px;
  width:100%;
  display:flex;
  align-items:center;
  border-radius:var(--radius);
  border:1px solid #e6eef8;
  background:#fff;
  padding:6px 8px;
}
.ongyee-search input {
  flex:1;
  border:0;
  outline:none;
  padding:8px 10px;
  font-size:15px;
  min-width:0;
}
.ongyee-search .s-btn,
.ongyee-search .s-clear { background:transparent; border:0; padding:6px; cursor:pointer; font-size:16px; }

/* search results dropdown */
.search-results,
#ongyee-search-results {
  position:absolute;
  left:0; right:0;
  top:calc(100% + 8px);
  background:#fff;
  border:1px solid #eee;
  border-radius:8px;
  box-shadow:0 6px 24px rgba(8,22,60,0.08);
  z-index:60;
  display:none;
  max-height:420px;
  overflow:auto;
}
.ongyee-search[aria-expanded="true"] .search-results { display:block; }

.sr-item {
  display:flex;
  gap:10px;
  padding:10px;
  align-items:center;
  border-bottom:1px solid #f3f6fb;
}
.sr-item.active {
  background: linear-gradient(90deg, rgba(10,110,189,0.06), rgba(255,255,255,0.02));
}
.sr-thumb { width:56px; height:56px; object-fit:cover; border-radius:6px; }
.sr-meta { flex:1; }
.sr-title { font-size:14px; font-weight:600; }
.sr-price { font-size:13px; color:var(--accent); margin-top:4px; }

/* toaster */
.ongyee-toast {
  position:fixed; right:18px; bottom:18px;
  background:var(--accent); color:#fff; padding:8px 12px; border-radius:8px; opacity:0; transform:translateY(8px);
  transition:0.18s; z-index:12000;
}
.ongyee-toast.visible { opacity:1; transform:translateY(0); }
.ongyee-toast.error { background:#c0392b; }

/* overlay search */
#ongyee-overlay-search {
  position:fixed; inset:0; display:flex; align-items:flex-start; justify-content:center;
  z-index:12000; pointer-events:none; opacity:0; transition:0.18s;
}
#ongyee-overlay-search.open { pointer-events:auto; opacity:1; background:rgba(0,0,0,0.35); }
#ongyee-overlay-search .overlay-inner {
  width:95%; max-width:1100px; margin-top:6vh; background:#fff; border-radius:12px; overflow:hidden;
}
.overlay-top { display:flex; gap:8px; padding:12px; border-bottom:1px solid #eee; }
#overlay-search-input { flex:1; padding:12px; border-radius:8px; border:1px solid #dbe7f3; font-size:16px; }
#overlay-close { background:transparent; border:none; font-size:18px; cursor:pointer; }
.overlay-body { display:flex; gap:12px; }
.overlay-filters { width:260px; padding:12px; border-right:1px solid #f1f5f9; background:#fbfdff; }
.overlay-results { flex:1; padding:12px; }
.ov-card { display:flex; gap:12px; padding:10px; border-radius:8px; border-bottom:1px solid #f3f6fb; text-decoration:none; color:inherit; }
.ov-card img { width:68px; height:68px; object-fit:cover; border-radius:6px; }
.ov-meta .ov-title { font-weight:600; }
.did-you-mean { margin-top:8px; color:#666; }

/* -------------------------
   Header right buttons
--------------------------*/
.header-right {
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.header-right a.account-link,
.header-right a.cart-link {
  padding:6px 14px;
  border:1px solid #e3e8ee;
  border-radius:20px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  color:#333;
  transition:0.25s;
}
.header-right a.account-link:hover,
.header-right a.cart-link:hover {
  background:#f0f6ff;
  border-color:#c8ddf5;
  color:var(--accent);
}
.cart-link .cart-count {
  background:var(--accent); color:#fff; padding:2px 7px; border-radius:999px; font-size:12px; font-weight:600; margin-left:4px;
}

/* -------------------------
   Product grid (general)
--------------------------*/
.product-list {
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  list-style:none;
  padding:0;
  margin:0;
}
.product-list li {
  border:1px solid #eee;
  padding:12px;
  border-radius:10px;
  background:var(--card-bg);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.product-title { font-size:15px; margin:8px 0; }
.price { font-weight:700; color:var(--accent); }

/* -------------------------
   Footer
--------------------------*/
.site-footer {
  border-top:1px solid #eee;
  padding:18px 0;
  margin-top:36px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* -------------------------
   MOBILE HEADER (<=760px)
--------------------------*/
@media (max-width:760px){
  .header-inner {
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
  }
  .brand-left {
    width:100%;
    display:flex;
    justify-content:center;
    margin-bottom:6px;
  }
  .search-center { display:none; }
  .header-bottom-row {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:row;
    gap:10px;
    padding:0 10px;
    margin-bottom:10px;
  }
  .header-right { display:flex; align-items:center; gap:10px; }
  .mobile-menu-toggle {
    display:block; background:transparent; border:none; padding:6px 10px; font-size:18px; flex:0 0 auto;
  }
}

/* hide desktop right buttons on mobile */
@media (max-width:760px){
  .header-inner > .header-right { display:none !important; }
}

/* -------------------------
   MOBILE SEARCH styling
--------------------------*/
.mobile-search {
  position:relative;
  display:flex;
  align-items:center;
  flex: 1 1 auto;
  width:100%;
  max-width:100%;
  background:#fff;
  border:1px solid #e3e8ee;
  border-radius:22px;
  padding:4px 10px;
}
.mobile-search input {
  flex: 1 1 auto; width:auto; border:none; outline:none; padding:6px 8px; font-size:14px; background:transparent;
}
.m-search-btn, .m-search-clear { background:transparent; border:none; font-size:16px; padding:4px; cursor:pointer; color:#666; }

/* improved mobile search inner circle reset */
.mobile-search { background:#fff !important; border:1px solid #e3e8ee !important; border-radius:20px !important; padding:4px 10px !important; }
.mobile-search input { border:none !important; background:transparent !important; border-radius:0 !important; box-shadow:none !important; }

/* -------------------------
   OFFCANVAS panel (no overlay)
--------------------------*/
.offcanvas-wrapper {
  position:fixed; top:0; right:0; width:100%; height:100%; pointer-events:none; z-index:9999;
}
.offcanvas-overlay { display:none !important; } /* no dim */
.offcanvas-panel {
  position:absolute; top:0; right:-300px; width:280px; height:100%; background:#fff; box-shadow:-4px 0 16px rgba(0,0,0,0.10);
  padding:20px; border-radius:12px 0 0 12px; overflow-y:auto; transition:right .35s cubic-bezier(.25,.46,.45,.94);
  pointer-events:auto;
}
.offcanvas-wrapper.active .offcanvas-panel { right:0; }

.offcanvas-close {
  background:#f5f7fa; border:none; width:26px; height:26px; border-radius:6px; display:flex; align-items:center; justify-content:center;
  font-size:18px; cursor:pointer; float:right; padding:0; margin:-4px 0 10px 0; transition:0.2s;
}
.offcanvas-close:hover { background:#e9eef5; }

.offcanvas-title { font-size:20px; font-weight:600; margin-bottom:20px; color:var(--accent); }
.offcanvas-menu, .offcanvas-fixed-links { list-style:none; padding:0; margin:0; }
.offcanvas-menu li a, .offcanvas-fixed-links li a {
  display:block; padding:10px 0; text-decoration:none; color:#333; border-bottom:1px solid #f1f1f1; font-size:16px;
}
.offcanvas-menu li a:hover, .offcanvas-fixed-links li a:hover { color:var(--accent); }

/* offcanvas user area */
.offcanvas-userinfo { margin-bottom:10px; }
.user-welcome { font-size:16px; font-weight:600; color:#333; }
.offcanvas-userbar { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:12px; }
.offcanvas-btn {
  flex:1; display:flex; align-items:center; justify-content:center; gap:6px; background:transparent !important;
  border:none !important; font-size:15px; color:var(--accent); padding:6px 0; position:relative;
}
.cart-badge {
  position:absolute; top:-3px; right:-6px; background:var(--accent); color:#fff; border-radius:999px; font-size:11px; padding:1px 6px; font-weight:600;
}

/* menu toggle */
.menu-toggle {
  background:transparent !important; border:none !important; padding:6px 10px !important; font-size:20px !important; cursor:pointer;
  color:#eff1f4; display:flex; align-items:center; justify-content:center; transition:0.2s;
}
.menu-toggle:hover { color:var(--accent); transform:scale(1.1); }

/* -------------------------
   Auth modals (login/register/forgot)
--------------------------*/
.auth-modal { position:fixed; inset:0; display:none; z-index:99999; }
.auth-modal.active { display:block; }
.auth-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.35); backdrop-filter:blur(2px); opacity:1; }
.auth-box {
  position:relative; width:90%; max-width:360px; background:#fff; margin:100px auto; padding:22px; border-radius:14px;
  box-shadow:0 6px 40px rgba(0,0,0,0.18); transform:translateY(0); opacity:1; transition:0.3s;
}
.auth-close {
  background:#f3f5f8; border:none; border-radius:8px; width:26px; height:26px; display:flex; align-items:center; justify-content:center;
  font-size:18px; cursor:pointer; float:right; margin:-10px -10px 10px 0;
}
.auth-tabs { display:flex; gap:10px; margin-bottom:20px; }
.auth-tab {
  flex:1; padding:10px; background:#f5f7fa; border-radius:6px; border:none; cursor:pointer; font-size:15px;
}
.auth-tab.active { background:var(--accent); color:#fff; }
.auth-field { margin-bottom:14px; }
.auth-field label { display:block; margin-bottom:4px; font-size:13px; font-weight:600; color:#444; }
.auth-field input { width:100%; padding:10px; border:1px solid #d8e0ea; border-radius:8px; font-size:14px; }
.auth-submit { width:100%; padding:12px; background:var(--accent); border:none; border-radius:8px; color:#fff; font-size:15px; cursor:pointer; }
.auth-submit:hover { background:#084f8a; }
.auth-message { margin-top:10px; font-size:14px; }
.auth-forgot { margin-top:10px; text-align:center; }
.auth-forgot a { font-size:14px; color:var(--accent); text-decoration:underline; }

/* forgot modal premium overrides (kept last) */
#forgot-modal .auth-box { width:420px; max-width:90%; padding:28px 32px; border-radius:18px; box-shadow:0 20px 45px rgba(0,0,0,0.12); animation:fadePop .25s ease; }
@keyframes fadePop { from { opacity:0; transform:scale(.95); } to { opacity:1; transform:scale(1); } }
#forgot-modal .auth-title { font-size:22px; font-weight:700; color:var(--accent); margin-bottom:6px; }
#forgot-modal .auth-desc { font-size:14px; color:#555; margin-bottom:18px; }
#forgot-modal .auth-field input { width:100%; padding:12px 14px; border:1px solid #d8e3ef; border-radius:10px; }
#forgot-modal .auth-field input:focus { border-color:var(--accent); box-shadow:0 0 0 2px rgba(10,110,189,0.15); }
#forgot-modal .auth-submit { background:var(--accent); color:#fff; padding:12px 16px; border-radius:10px; }
#forgot-modal .auth-close { position:absolute; top:12px; right:12px; width:32px; height:32px; border-radius:50%; background:#f0f3f7; color:#333; }
#forgot-modal .auth-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.25); backdrop-filter:blur(2px); }

/* -------------------------
   WooCommerce My Account (kept)
--------------------------*/
.woocommerce-account .woocommerce { max-width:900px; margin:0 auto; padding:20px; }
.woocommerce-account h1 { font-size:25px; margin-bottom:20px; font-weight:700; text-align:center; color:var(--accent); }
.woocommerce-MyAccount-navigation ul { padding:0; margin:0 0 20px 0; list-style:none; }
.woocommerce-MyAccount-navigation ul li a { display:block; padding:10px 14px; border-radius:8px; margin-bottom:6px; text-decoration:none; color:#333; border:1px solid #e5e9f0; transition:0.25s; }
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover { background:#f0f6ff; border-color:var(--accent); color:var(--accent); font-weight:600; }
.woocommerce form.login, .woocommerce form.register {
  max-width:420px; margin:20px auto; padding:24px; border-radius:12px; border:1px solid #e5e9f0; background:#fff; box-shadow:0 6px 22px rgba(10,110,189,0.06);
}
.woocommerce form .form-row label { font-size:14px; font-weight:600; margin-bottom:6px; }
.woocommerce form .input-text { padding:10px; border-radius:8px; border:1px solid #cfd9e4; font-size:15px; }
.woocommerce button.button { padding:12px 22px; background:var(--accent); color:#fff; border-radius:10px; border:none; font-size:15px; }
.woocommerce button.button:hover { background:#084f8a; }
.woocommerce-LostPassword a { color:var(--accent); text-decoration:underline; font-size:14px; }
.woocommerce-account .woocommerce-MyAccount-content { padding:20px; background:#fff; border:1px solid #e5e9f0; border-radius:12px; box-shadow:0 6px 22px rgba(10,110,189,0.05); }
.woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td { padding:12px 14px; }
.woocommerce table.my_account_orders { border-radius:12px; overflow:hidden; }

/* -------------------------
   Product Grid - shop pages
--------------------------*/
.shop-grid-wrap .products { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; list-style:none; margin:0; padding:0; }
.product-card {
  background:#fff; border:1px solid #eef3f8; border-radius:12px; padding:0; overflow:hidden; display:block; transition:transform .18s ease, box-shadow .18s ease;
}
.product-card .pc-inner { display:flex; flex-direction:column; height:100%; }
.product-card .product-link { color:inherit; text-decoration:none; display:block; padding:14px; flex:1; }
.pc-media { display:flex; align-items:center; justify-content:center; padding:8px 0; }
.pc-image-wrap { position:relative; width:100%; display:flex; align-items:center; justify-content:center; }
.pc-image { max-width:100%; height:auto; border-radius:8px; display:block; object-fit:cover; max-height:220px; }
.pc-badge { position:absolute; top:10px; left:10px; font-size:12px; padding:6px 8px; border-radius:999px; background:var(--accent); color:#fff; box-shadow:0 6px 18px rgba(10,110,189,0.08); }
.pc-badge.oos { background:#a0a0a0; }
.pc-badge.offer { background:#ff6b6b; left:auto; right:10px; }
.pc-body { padding-top:8px; }
.product-title { font-size:16px; margin:0 0 6px; font-weight:600; color:#111; line-height:1.25; }
.pc-cats { font-size:12px; color:#6b7280; margin-bottom:6px; }
.pc-excerpt { font-size:13px; color:#5b656f; margin-bottom:8px; min-height:36px; }
.pc-meta { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.pc-price { font-weight:800; color:var(--accent); font-size:16px; }
.pc-compare { font-size:13px; color:#8b8b8b; text-decoration:line-through; margin-left:8px; }
.product-actions { padding:10px 14px; border-top:1px solid #f0f4f9; display:flex; justify-content:flex-end; background:#fff; }
.product-card .button { border-radius:999px; padding:8px 12px; }
.product-card:hover { transform:translateY(-6px); box-shadow:0 12px 36px rgba(10,20,40,0.06); }

/* -------------------------
   Ong-style product card (Apple-style) - keep separate
--------------------------*/
.ong-product-card {
  list-style:none;
  background:#fff;
  border-radius:18px;
  padding:16px;
  transition:all .25s ease;
  position:relative;
  box-shadow:0 3px 10px rgba(0,0,0,0.05);
  overflow:hidden;
}
.ong-product-card:hover { transform:translateY(-6px); box-shadow:0 12px 26px rgba(0,0,0,0.07); border-color:#d5dfe9; }
.pc-link { text-decoration:none; color:#111; display:block; }
.pc-media { position:relative; width:100%; height:auto; overflow:hidden; /*border-radius:14px; background:#f5f7fa*/; margin-bottom:12px; }
.pc-media img { width:100%; height:auto; object-fit:contain; transition:transform .3s; }
.ong-product-card:hover .pc-media img { transform:scale(1.06); }
.pc-discount { position:absolute; top:10px; left:10px; background:#e53935; color:#fff; font-size:12px; padding:4px 8px; border-radius:50px; font-weight:600; }
.pc-title { font-size:16px; margin:12px 0 6px; font-weight:600; line-height:1.3; }
.pc-short { font-size:13px; color:#555; min-height:36px; margin-bottom:10px; }
.pc-price-area { display:flex; justify-content:space-between; align-items:center; }
.pc-price { font-weight:700; color:#f12505; font-size:17px; }
.woocommerce-Price-amount { color:#f12505; }
.woocommerce span.onsale { background-color:#f12505; margin-top:15px; margin-left:15px; text-transform:uppercase; padding:0 10px; }
.posted_in a { text-decoration:none; font-weight:bold; color:#084f8a; }
.pc-stock { font-size:12px; padding:4px 8px; border-radius:8px; font-weight:600; }
.pc-stock.in { background:#e3f7e8; color:#2e7d32; }
.pc-stock.out { background:#ffe4e4; color:#d32f2f; }
.pc-actions { display:flex; gap:8px; margin-top:12px; align-items:center; }
.ong-product-card .product_type_simple,
.ong-product-card .add_to_cart_button {
  flex:1; padding:8px 12px !important; border-radius:10px !important; background:var(--accent) !important; color:#fff !important; font-size:14px !important; border:none;
}
.pc-wishlist, .pc-compare { background:#f3f5f9; border:none; width:38px; height:38px; border-radius:12px; font-size:18px; cursor:pointer; transition:0.2s; }
.pc-wishlist:hover, .pc-compare:hover { background:#e7ecf3; }

/* spacing overrides kept */
.ong-product-card .pc-body { padding:4px 8px; }
.ong-product-card .pc-title { margin:6px 0 8px; }
.ong-product-card .pc-actions { margin-top:8px; gap:10px; }

/* -------------------------
   Single product layout & gallery (combined / last wins)
--------------------------*/
.single-product-page .single-grid,
.single-grid {
  display:grid;
  grid-template-columns: 1fr 420px;
  gap:28px;
  align-items:start;
  margin-top:18px;
}
@media (max-width:980px){ .single-product-page .single-grid, .single-grid { grid-template-columns:1fr; } }

.gallery-wrapper { background:#fff; border-radius:12px; padding:12px; border:1px solid #eef3f8; }
.main-carousel, #product-main-carousel, #product-main {
  position:relative; overflow:hidden;
}
.carousel-item,
.slide-item { display:none; justify-content:center; align-items:center; min-height:360px; }
.carousel-item.active, .slide-item.active { display:flex; }
.carousel-img, .slide-img { max-width:100%; max-height:70vh; object-fit:contain; border-radius:8px; }
.carousel-video .video-poster { width:100%; height:360px; display:flex; align-items:center; justify-content:center; font-size:46px; color:#fff; background:#000; border-radius:8px; opacity:0.85; }

/* thumbs */
.thumbs { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.thumb-btn { border:0; background:none; padding:3px; cursor:pointer; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; }
.thumb-btn img { width:66px; height:66px; object-fit:cover; border-radius:8px; border:1px solid transparent; }
.thumb-btn.active img { border-color:#cfe3fb; box-shadow:0 8px 18px rgba(10,110,189,0.06); }

/* summary */
.single-summary { background:#fff; border-radius:12px; padding:18px; border:1px solid #eef3f8; position:relative; }
.single-title { font-size:22px; margin:0 0 8px; font-weight:700; }
.single-meta-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.single-price { font-weight:800; color:var(--accent); font-size:20px; }
.single-discount { background:#fce8e6; color:#d32f2f; padding:6px 10px; border-radius:8px; font-weight:700; font-size:13px; }
.single-stock .in { color:#2e7d32; font-weight:700; } .single-stock .out { color:#b43; font-weight:700; }
.single-buybox { display:flex; gap:12px; align-items:center; margin:16px 0; }
.single-qty { min-width:110px; }
.single-addtocart .single_add_to_cart_button { background:var(--accent); color:#fff; padding:10px 16px; border-radius:10px; border:none; }

/* tabs & tab content */
.tabs-row { display:flex; gap:8px; margin-top:18px; }
.tab-btn { background:none; border:1px solid transparent; padding:8px 12px; border-radius:8px; cursor:pointer; font-weight:600; }
.tab-btn.active { border-color:#e6eef8; background:#fff; box-shadow:0 6px 18px rgba(8,22,60,0.03); }
.tab-content { display:none; margin-top:12px; background:#fff; border-radius:12px; padding:18px; border:1px solid #eef3f8; }
.tab-content.active { display:block; }

/* sticky buybar (kept last) */
.sticky-buybar, .sticky-buybar.visible, .sb-left, .sb-right {
  position:fixed; left:0; right:0; bottom:0; z-index:12000;
}
.sticky-buybar { background:#fff; border-top:1px solid #e8eef5; padding:10px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; transform:translateY(110%); transition:transform .28s ease; box-shadow:0 -8px 30px rgba(10,20,40,0.06); }
.sticky-buybar.visible { transform:translateY(0); }
.sb-left { display:flex; gap:10px; align-items:center; }
.sb-thumb img { width:52px; height:52px; object-fit:cover; border-radius:8px; }
.sb-title { font-weight:700; font-size:14px; }
.sb-price { color:var(--accent); font-weight:800; }
.sb-right { display:flex; gap:8px; align-items:center; }
.sb-button .add_to_cart_button { background:var(--accent); color:#fff; padding:10px 14px; border-radius:10px; }

/* lightbox */
.product-lightbox { position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:13000; background:rgba(0,0,0,0.6); }
.product-lightbox.active { display:flex; }
.lb-inner { position:relative; max-width:1200px; width:95%; background:#fff; border-radius:10px; padding:20px; display:flex; align-items:center; gap:12px; }
.lb-stage, .lb-slide-wrap { flex:1; min-height:300px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.lb-slide { display:none; width:100%; height:100%; align-items:center; justify-content:center; }
.lb-slide.active { display:flex; }
.lb-slide img { max-width:100%; max-height:78vh; object-fit:contain; }
.lb-prev, .lb-next, .lb-close { background:#fff; border:1px solid #e6eef8; border-radius:8px; padding:8px 12px; cursor:pointer; }

/* zoom lens */
#zoom-lens-box {
  position:absolute; width:180px; height:180px; pointer-events:none; border-radius:100%; border:3px solid #fff;
  box-shadow:0 0 12px #0003; display:none; background-repeat:no-repeat; background-size:300%;
}

/* small helpers */
.sr-cats { font-size:12px; color:#6b7280; margin-top:6px; }
.product-card .pc-image { transition:transform .2s ease; }
.product-card:hover .pc-image { transform:scale(1.02); }

/* -------------------------
   Top deals slider
--------------------------*/
.top-discounted-slider {
  margin:30px 0; padding:20px; /*background:#fff*/; border-radius:14px;
}
.top-discounted-slider .slider-title { font-size:20px; font-weight:700; margin-bottom:14px; display:flex; align-items:center; gap:6px; }
.slider-wrapper { position:relative; }
#discount-slider {
  display:flex; gap:16px; overflow-x:auto; padding:8px 4px; scroll-behavior:smooth;
}
#discount-slider::-webkit-scrollbar { height:6px; }
#discount-slider::-webkit-scrollbar-thumb { background:#d1d1d1; border-radius:4px; }
.slider-card { background:#fff; border:1px solid rgba(229,229,229,0.55); border-radius:12px; padding:8px; text-align:center; min-width:200px; max-width:200px; flex-shrink:0; transition:transform .15s, box-shadow .15s; }
.slider-card:hover { transform:translateY(-4px); box-shadow:0 4px 12px rgba(0,0,0,0.08); }
.slider-img { width:100%; height:150px; object-fit:contain; margin-bottom:10px; }
.discount-badge { background:#ff3b30; color:#fff; padding:4px 10px; border-radius:6px; font-weight:700; display:inline-block; margin-bottom:6px; font-size:13px; }
.slider-title-sm { font-size:15px; font-weight:600; color:#222; min-height:40px; }
.slider-prices .sale-price { color:#0a8a0a; font-weight:700; margin-right:6px; }
.slider-prices .regular-price { text-decoration:line-through; color:#888; font-size:13px; }
.slider-btn { position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,0.15); display:flex; align-items:center; justify-content:center; font-size:20px; cursor:pointer; z-index:10; transition:0.2s; }
.slider-btn:hover { transform:translateY(-50%) scale(1.12); }
.left-btn { left:-20px; } .right-btn { right:-20px; }

/* responsive slider */
@media (max-width:600px){
  #discount-slider { scroll-snap-type:x mandatory; gap:14px; padding:10px 8px;}
  .slider-card { min-width:85% !important; max-width:85% !important; scroll-snap-align:center; }
  .slider-btn { top:auto; bottom:-18px; width:32px; height:32px; transform:none; }
  .left-btn { left:18%; } .right-btn { right:18%; }
  .top-discounted-slider h2, .top-discounted-slider h3 { font-size:18px !important; }
}

/* -------------------------
   Header behavior (desktop & mobile)
--------------------------*/
@media (min-width:768px){
  #site-header { position:sticky; top:0; z-index:9999; background:#fff; }
  .top-discounted-slider { padding-top:0; margin-top:0; }
}
@media (max-width:767px){
  #site-header { position:fixed; top:0; width:100%; z-index:99999; transition:transform .25s; background:#fff; }
  #site-header.header-hidden { transform:translateY(-100%); }
  #site-header.header-visible { transform:translateY(0); }
}
body.scrolled #site-header { box-shadow:0 2px 8px rgba(0,0,0,0.08); }

/* -------------------------
   Go to top button
--------------------------*/
#goTopBtn {
  position:fixed; right:18px; bottom:22px; width:42px; height:42px; border-radius:50%; background:#01863b; color:#fff; font-size:18px;
  border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:all .25s; animation:subtlePulse 2s infinite;
}
#goTopBtn.show { opacity:1; visibility:visible; transform:translateY(0); }
#goTopBtn:hover { transform:translateY(-4px); }
@keyframes subtlePulse { 0%{transform:scale(1)} 50%{transform:scale(1.06)} 100%{transform:scale(1)} }
@media (max-width:600px){ #goTopBtn { width:38px; height:38px; font-size:16px; right:14px; bottom:18px; } }

/* -------------------------
   Misc small overrides (kept last)
--------------------------*/
.entry-summary h1, .hentry h1 { font-size:24px !important; color:#084f8a !important; }
.products h2, .cart_totals h2 { font-size:22px !important; color:#084f8a !important; }
.wc-proceed-to-checkout a { font-size:22px !important; }
@media (max-width:760px){
  .top-discounted-slider { padding-top:90px; }
  .site-title { font-size:17px !important; }
  .woocommerce-notices-wrapper { margin-top:150px !important; }
  .entry-summary h1, .hentry h1, .cart_totals h2 { font-size:20px !important; }
  .wc-proceed-to-checkout a { font-size:18px !important; }
}
@media (max-width:538px){
  .top-discounted-slider { padding-top:110px; }
  .offcanvas-panel { padding-top:155px; }
}
@media (max-width:760px) and (min-width:536px) { .offcanvas-panel { padding-top:120px; } }

/* icon button */
.icon-btn { display:inline-flex; align-items:center; justify-content:center; }
.icon-btn .dashicons { font-size:17px; line-height:1; color:var(--accent); }
.icon-btn .dashicons:hover { color:white; }

/* archive header */

.archive-header .archive-title { color:#084f8a; }
.orderby { color:#084f8a !important; font-family:Inter; font-size:14px !important; }

/* Fix broken product grid & Woo placeholders */
ul.products[class*="columns-"]::before,
ul.products[class*="columns-"]::after { display:none !important; content:none !important; }
ul.products {
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
  gap:30px !important;
  padding:0 !important;
}
ul.products li.product { width:auto !important; margin:0 !important; float:none !important; }
.shop-archive .shop-grid-wrap, .shop-archive ul.products { margin-left:0 !important; }

/* footer left */
.footer-left a { text-decoration:none; font-size:14px; font-family:Inter; color:inherit; }

/* small helpers retained */
.m-search-clear { background:transparent; border:none; padding:6px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.m-search-clear svg { width:18px; height:18px; stroke:#6b7280; transition:0.2s; }
.m-search-clear:hover svg { stroke:#111; }

/* responsive tweaks for very small screens */
@media (max-width:538px){
  .header-bottom-row { flex-wrap:wrap !important; }
  .mobile-search { flex:1 1 100% !important; max-width:100% !important; min-width:0 !important; }
  .mobile-search input { flex:1 1 auto !important; min-width:0 !important; width:auto !important; }
  .m-search-btn, .m-search-clear { flex:0 0 auto !important; }
  .mobile-mini-btn1 { display:none !important; }
   .mobile-mini-btn { color:#eff1f4 !important; }
  .header-right { display:none !important; }
  .header-left { justify-content:space-between !important; }
  .header-left a { text-decoration:none; color:whitesmoke; padding-left:10px !important; padding-right:10px !important; }
  .brand-left { justify-content:space-between !important; }
}
@media (min-width:538px) {
  .mobile-mini-btn { display:none !important; }
  .mini-home-btn { display:none !important; }
  .mobile-mini-btn1 { color:#eff1f4; }
  .header-left { display:none !important; }
}

/* Related products keep layout (last rules) */
.related.products { grid-column:1 / -1 !important; width:100% !important; display:block !important; margin-top:40px !important; border-top:1px solid #e2e8f0 !important; padding-top:28px !important; }
.single-product .related { clear:both !important; }

/* End of cleaned CSS - No visual changes intended */


/* ============================================================
   SINGLE PRODUCT — UPDATED GRID, GALLERY, ZOOM, LIGHTBOX, TABS
   ============================================================ */

/* GRID FIX */
.single-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 30px;
}
@media(max-width: 980px) {
    .single-grid {
        grid-template-columns: 1fr;
    }
	
}

/* SALE BADGE */
.sale-badge-img {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ff3b30;
    padding: 6px 14px;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    z-index: 20;
}

/* MAIN IMAGE */
.carousel-img {
    width: 100%;
    border-radius: 10px;
    transition: transform .3s ease;
}
.carousel-img:hover {
    transform: scale(1.15);
}

/* ZOOM BOX */
#zoom-lens-box {
    position: absolute;
    right: -420px;
    top: 0;
    width: 350px;
    height: 350px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: 200%;
    background-color: #fff;
    border: 1px solid #eee;
    display: none;
    z-index: 30;
}

/* THUMBNAILS */
.thumbs {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.thumb-btn img {
    width: 68px;
    height: 68px;
    border-radius: 8px;
    object-fit: cover;
    border: 2px solid transparent;
    transition: .2s ease;
}
.thumb-btn:hover img {
    transform: scale(1.05);
    border-color: #cbd4ff;
}
.thumb-btn.active img {
    border-color: var(--accent);
    transform: scale(1.05);
}

/* VIDEO THUMB */
.video-thumb-circle {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #000;
    opacity: .75;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: .2s;
}
.thumb-video:hover .video-thumb-circle {
    opacity: 1;
    transform: scale(1.1);
}

/* LIGHTBOX */
.product-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}
.product-lightbox.active {
    display: flex;
}
.lb-inner {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    gap: 20px;
    position: relative;
}
#lb-stage img,
#lb-stage video {
    max-width: 85vw;
    max-height: 85vh;
    border-radius: 8px;
}
.lb-prev, .lb-next, .lb-close {
    cursor: pointer;
    background: #fff;
    padding: 10px 14px;
    font-size: 22px;
    border-radius: 8px;
    border: none;
}
.lb-close {
    position: absolute;
    top: -50px;
    right: 0;
}

/* TABS */
.tab-btn.active {
    background: var(--accent);
    color: #fff;
}
.tab-content { display: none; }
.tab-content.active { display: block; }

/* Quantity spacing fix */
.quantity { padding-bottom: 5px !important; }

/* FIX LOGIN / REGISTER OVERLAY BUG */
.auth-content {
    display: none !important;
}

.auth-content.active {
    display: block !important;
}

/* ===========================================
   CLEAN MODERN HEADER + WHITE SEARCH BAR
   =========================================== */

/* Header remains dark */
header.site-header,
#site-header {
    background: #2b2b2b !important;
}

/* White Search Bar (full width block) */
.ongyee-search {
    background: #ffffff !important;
    border: 1px solid #444 !important;  /* subtle dark border */
    border-radius: 16px !important;
    padding: 0 10px !important;
}

/* Input stays white */
.ongyee-search input {
    background: transparent !important;
    color: #111 !important;
}

/* Placeholder */
.ongyee-search input::placeholder {
    color: #777 !important;
}

/* Search icon + mic icon remain dark */
.ongyee-search .s-btn,
.ongyee-search .s-clear,
.ongyee-search i,
.ongyee-search svg {
    color: #444 !important;
}

/* Remove dark inner box from previous patch */
.ongyee-search {
    box-shadow: none !important;
}
.offcanvas-menu ul,
.offcanvas-menu ul li {
    list-style: none !important;
}
/* Center footer layout */
.site-footer .wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px;
}

/* Center brand text */
.footer-left {
    text-align: center !important;
    width: 100%;
}

/* Compact, centered footer menu */
.footer-menu ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    column-gap: 28px !important;  /* horizontal space */
    row-gap: 6px !important;      /* vertical space */
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-menu ul li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.footer-menu ul a {
    font-size: 15px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap;
}


@media (max-width: 600px) {
    .slider-btn,
    .left-btn,
    .right-btn {
        display: none !important;
    }
	.site-title{
      color: white !important;
    }
main.site-main article.page {
        margin-top: 60px !important;
        padding-top: 20px !important;
    }
	
	 body.page main.site-main article.page > h1 {
        margin-top: 60px !important;
        padding-top: 20px !important;
        display: block !important;
    }
.offcanvas-panel {
        margin-top: 30px !important;  /* adjust as needed */
    }
}
/* FINAL FIX — Offcanvas perfect alignment on small screens */
@media (max-width: 760px) {

    .offcanvas-wrapper,
    .offcanvas-panel {
        z-index: 200000 !important; /* ensure above header */
    }

    .offcanvas-panel {
        margin-top: 0 !important;   /* remove forced push down */
        padding-top: 20px !important; /* clean spacing for top items */
        border-radius: 0 0 0 12px !important; /* looks neat */
    }

    /* Make brand + close icon aligned nicely */
    .offcanvas-panel .offcanvas-title,
    .offcanvas-panel h2,
    .offcanvas-panel header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}

/* MOBILE FIX — Push down ONLY normal WordPress pages under fixed header */
@media (max-width: 760px) {
    body.page:not(.woocommerce-page):not(.home):not(.woocommerce-account) main.site-main,
    body.page:not(.woocommerce-page):not(.home):not(.woocommerce-account) main.site-main article.page {
        padding-top: 40px !important;
        margin-top: 0 !important;
    }

    /* FIX: My Account page – remove large gap under H1 */
    body.woocommerce-account .entry-content,
    body.woocommerce-account .woocommerce {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.woocommerce-account h1 {
        margin-bottom: 10px !important;
    }
	
}

/* FIX — Large Gap Above My Account Title on Mobile */
@media (max-width:760px){

    /* Remove huge notice wrapper margin */
    body.woocommerce-account .woocommerce-notices-wrapper {
        margin-top: 0 !important;
    }

    /* Remove default top margin of the H1 */
    body.woocommerce-account h1 {
        margin-top: 20px !important;
        padding-top: 0 !important;
		text-align:center !important;
		
    }

    /* Ensure the WooCommerce block starts immediately */
    body.woocommerce-account .woocommerce {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

 body.woocommerce-account h2 {
        margin-top: 20px !important;
        padding-top: 0 !important;
		text-align:center !important;
	 font-size:24px !important;
		
    }

.footer-left p{
	font-size: 18px !important;
	color:#0A6EBD !important;
}

.footer-left i{
	font-size: 10px !important;
	color:#0A6EBD !important;
}
.footer-left a{
	font-size: 10px !important;
	color:#0A6EBD !important;
}
.footer-menu li a{
  font-size: 14px !important;
}
.footer-menu li:hover{
  color: #084f8a !important;
}
/* Reduce left/right padding on ALL containers except header */
@media (max-width: 600px) {

  /* All normal containers */
  .container,
  .site-main.container,
  main.site-main,
  .page-wrap,
  .wrap,
  .content-area,
  .shop-archive .container {
      padding-left: 10px !important;
      padding-right: 10px !important;
      max-width: 100% !important;
  }

  /* ❗ EXCLUDE HEADER CONTAINER */
  header#site-header .container {
      padding-left: 20px !important;
      padding-right: 20px !important;
      max-width: 100% !important;
  }
}
/* FULL RESTORE HEADER SPACING — prevent title from breaking */
@media (max-width: 600px) {

  /* Restore header padding: MUST OVERRIDE ALL */
  header#site-header .container {
      padding-left: 28px !important;
      padding-right: 28px !important;
  }

  /* Prevent title from wrapping into two lines 
  header#site-header .site-title {
      white-space: nowrap !important;
  }
*/
	/* FIX: Allow brand to break into two lines */
header#site-header .site-title {
    white-space: normal !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
}

  /* Prevent icons from squeezing title */
  header#site-header .header-inner {
      flex-wrap: nowrap !important;
  }

  /* Let title have breathing space */
  header#site-header .brand-left {
      width: 100% !important;
  }
	  .brand-left .site-title {
 
  display: block !important;
}
	.logo-wrap{
  display: none !important;
}

}
/* ----------------------------------------
   Amazon-style top category mini navbar
-----------------------------------------*/
.ongyee-mini-nav {
    background: #1e2a36;   /* blueish-dark Amazon style */
    padding: 8px 12px;
    margin-bottom: 18px;
    border-radius: 6px;
}

.ongyee-mini-nav ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ongyee-mini-nav ul::-webkit-scrollbar {
    display: none;
}
/* FIX — Vertically center the Amazon-style mini navbar */
.ongyee-mini-nav {
    display: flex;
    align-items: center;      /* Centers everything vertically */
    height: 44px;             /* Set clean height (Amazon uses 40–44px) */
    padding: 0 14px !important;
}

/* Center the inner scrollable list */
.ongyee-mini-nav ul {
    display: flex;
    align-items: center;      /* Vertical alignment fix */
}

/* Center each menu item */
.ongyee-mini-nav li a,
.nav-offcanvas-btn {
    display: flex;
    align-items: center;      /* Ensures icon + text align perfectly */
    height: 100%;             /* Makes items fill bar vertically */
}
/* FORCE WHITE TEXT FOR MINI NAV BAR */
.ongyee-mini-nav,
.ongyee-mini-nav a,
.ongyee-mini-nav li a,
.nav-offcanvas-btn,
.nav-offcanvas-btn * {
    color: #ffffff !important;
    fill: #ffffff !important;
}
/* Remove rounded corners from mini navbar */
.ongyee-mini-nav {
    border-radius: 0 !important;
}

/* FINAL FIX — Remove footer bullets and center links */
#menu-footer-menu,
#menu-footer-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#menu-footer-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px 28px !important;
}

#menu-footer-menu a {
    font-size: 14px !important;
    white-space: nowrap !important;
}
.logo-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
}

.logo-text {
    font-size: 20px;
    font-weight: 600;
    color: #fff; /* adjust based on header color */
}
/* --- Amazon Style User Section --- */
.premium-user-area .user-box {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    cursor: pointer;
}

.premium-user-area .small-text {
    font-size: 12px;
    color: #ccc;
}

.premium-user-area .big-text {
    font-size: 14px;
    font-weight: 600;
    color: white;
}

/* Cart */
.cart-box {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.cart-icon-wrapper {
    position: relative;
}

.cart-icon {
    width: 26px;
    filter: brightness(0) invert(1); /* makes icon white */
}

.cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    font-size: 13px;
    font-weight: 700;
    color: #f0ad00;
}

.cart-icon {
    width: 28px !important;
    height: auto;
    display: inline-block;
}

.woocommerce form .button:hover,
button.woocommerce-form-login__submit:hover {
    color: #ffffff !important;
    opacity: 0.9; /* optional smooth hover */
}
/* ==========================================================
   CENTER SITE TITLE IN HEADER (Amazon-style layout)
   ========================================================== */

/* Make left, center, right areas behave as 3 equal columns */
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* LEFT section = equal width */
.brand-left {
    flex: 1;
    display: flex;
    align-items: center;
}

/* CENTER section (site title) = perfectly centered */
.site-logo-with-title {
    flex: 1;
    display: flex;
    justify-content: center;
}

/* RIGHT section (user, cart, menu) = aligned right */
.premium-user-area {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

/* Ensure site title itself doesn’t shrink or wrap */
.site-title {
    white-space: nowrap !important;
    text-align: center !important;
    font-weight: 700;
}

.site-title {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.brand-line1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.brand-line2 {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    margin-top: 1px;    /* EXACTLY 1px gap */
    color: #ddd;
}

.brand-line2::after {
    font-size: 8px;
    vertical-align: super;
}
.mobile-signin {
    font-size: 12px !important;
}
/* Reduce vertical gap between brand row and .Shop row */
.header-inner {
    padding-bottom: 4px !important;  /* reduce bottom space of brand row */
}

.brand-left,
.site-title {
    margin-bottom: 0px !important;   /* remove extra margin */
    padding-bottom: 0px !important;
}

/* Reduce top margin of the .Shop row */
.premium-user-area,
.brand-left + .premium-user-area {
    margin-top: -6px !important;    /* pull .Shop row upward */
}

/* Fine control for .Shop specifically */
.brand-left .site-title {
    margin-bottom: 0 !important;
}
/* MOBILE/TABLET — show divider line */
@media (max-width: 990px) {
    .header-inner {
        border-bottom: 1px solid rgba(255,255,255,0.15) !important;
        padding-bottom: 4px !important;
        margin-bottom: 2px !important;
    }

    .premium-user-area,
    .brand-left + .premium-user-area {
        margin-top: 2px !important;
    }
}

/* DESKTOP — remove divider line completely */
@media (min-width: 991px) {
    .header-inner {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 991px) {
    .mobile-search {
        display: none !important;
    }
}

@media (max-width: 990px) {
    .mobile-search {
        display: flex !important;   /* or block if needed */
    }
}

/* FORCE ultra-tight footer spacing (1px everywhere) */

/* Brand (© line) → Powered by (1px gap) */
.site-footer .footer-left p {
    margin-bottom: 1px !important;
}

/* Powered by block */
.site-footer .footer-left i,
.site-footer .footer-left a {
    display: inline-block !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Push menu closer by removing ANY top margin from its wrapper */
.site-footer .footer-right {
    margin-top: 1px !important;
}

/* Footer menu row spacing (force vertical 1px) */
.site-footer .footer-menu ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    
    row-gap: 1px !important;     /* vertical gap = 1px */
    column-gap: 14px !important; /* normal horizontal spacing */

    margin: 0 !important;
    padding: 0 !important;
}

/* Remove internal li spacing */
.site-footer .footer-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Tight line height on menu text */
.site-footer .footer-menu a {
    line-height: 1.1 !important;
}
/* FORCE 1px GAP — FINAL UNBREAKABLE FIX */

/* Direct children for footer-left */
.site-footer .footer-left > p {
    margin: 0 0 1px 0 !important; 
    padding: 0 !important;
    line-height: 1.1 !important;
}

.site-footer .footer-left > i {
    display: block !important;
    margin: 1px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

.site-footer .footer-left > a {
    display: block !important;
    margin: 1px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* Space between powered-by block → menu */
.site-footer .footer-right {
    margin-top: 1px !important;
}

/* Footer menu row spacing FIX */
.site-footer .footer-menu ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;

    /* 1px vertical gap — strong override */
    row-gap: 1px !important;
    column-gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Remove hidden margin/padding inside menu items */
.site-footer .footer-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

.site-footer .footer-menu a {
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* FORCE FOOTER MENU INTO GRID — 1px ROW GAP */
.site-footer .footer-menu ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(140px, auto)) !important;

    /* EXACT gap control */
    row-gap: 1px !important;
    column-gap: 14px !important;

    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Remove any spacing from li elements */
.site-footer .footer-menu li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* Remove spacing from links */
.site-footer .footer-menu a {
    margin: 0 !important;
    padding: 0 !important;
    line-height: .8 !important;
    display: block !important;
}
/* Make Bootstrap container wider globally */
.container {
    max-width: 1500px !important; /* increase width */
    width: 95% !important;        /* optional */
}

/* -------------------------------------------
   PREMIUM STYLISH FOOTER (for your exact markup)
-------------------------------------------- */

.site-footer {
    background: #f3f5f7;
    padding: 50px 0 35px;
    border-top: 1px solid #e3e7ec;
}

/* Wrapper */
.site-footer .wrap {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

/* Left section */
.site-footer .footer-left p {
    font-size: 20px;
    font-weight: 600;
    color: #0a6ebd;
    margin: 0;
}

.site-footer .footer-left i {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    color: #6e7a89;
}

.site-footer .footer-left a {
    color: #0a6ebd;
    font-weight: 500;
    text-decoration: none;
}

.site-footer .footer-left a:hover {
    text-decoration: underline;
}

/* Footer Menu Styling */
.footer-menu {
    margin-top: 22px !important;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 28px;  /* premium spacing */
}

/* Menu list items */
.footer-menu li {
    list-style: none;
}

/* Menu links */
.footer-menu li a {
    color: #4b5563;
    font-size: 15px;
    text-decoration: none;
    position: relative;
    padding-bottom: 3px;
    transition: 1s ease;
}

/* Underline hover animation */
.footer-menu li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: #0a6ebd;
    border-radius: 2px;
    transition: width 1s ease;
}

.footer-menu li a:hover::after {
    width: 100%;
}

.footer-menu li a:hover {
    color: #0a6ebd;
}

.footer-left a{
	text-decoration:none !important;
}

.footer-left p{
  font-size:14px !important;
	color:#6b7280 !important;
}
.footer-left .footer-powered{
	font-size:8px !important;
}
.footer-powered a{
	font-size:8px !important;
	color:inherit !important;
}
/* ================================
   FOOTER — MATCH HEADER STYLE
   ================================ */
footer.site-footer {
  background: #2f2f2f !important;
  color: #e5e7eb;
  padding: 50px 20px;
}

/* Inner wrapper */
footer.site-footer .wrap {
  background: transparent !important;
}

/* Text */
footer.site-footer p {
  color: #e5e7eb;
  margin-bottom: 8px;
}

/* Brand emphasis */
footer.site-footer .footer-brand strong {
  color: #ffffff;
}

/* Links */
footer.site-footer a {
  color: #cbd5e1;
  text-decoration: none;
}

footer.site-footer a:hover {
  color: #ffffff;
}

/* Footer menu */
footer.site-footer .footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer.site-footer .footer-menu li {
  margin-bottom: 8px;
}
/* Fix overlap on mobile product-category pages */
@media (max-width: 768px) {

  body.archive.tax-product_cat .page-wrap.shop-archive {
    padding-top: 130px; /* pushes everything down */
  }

  body.archive.tax-product_cat header.archive-header {
    margin-top: 16px;
  }

}

.site-main.container {
  max-width: 1200px !important;
}
/* Mobile: make shop pages full width */
@media (max-width: 768px) {

  body.archive .site-main > .container {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

}
/* === WooCommerce Blocks Primary Buttons === */

/* Proceed to Checkout (Cart) + Place Order (Checkout) */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wp-element-button.wc-block-cart__submit-button,
.wp-element-button.wc-block-components-checkout-place-order-button {
    background-color: #0a6ebd !important; /* brand color */
    color: #ffffff !important;
    border-radius: 8px;
    font-weight: 600;
    padding: 14px 22px;
    font-size: 16px;
    border: none;
}

/* Hover */
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
    background-color: #084f8c !important;
}

/* Disabled state */
.wc-block-components-checkout-place-order-button:disabled {
    background-color: #cbd5e1 !important;
    color: #64748b !important;
    cursor: not-allowed;
}

@media (max-width: 768px) {
  .wc-block-cart__submit-button,
  .wc-block-components-checkout-place-order-button {
    width: 100%;
  }
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
}


/* =====================================
   ONGyee Pagination – Segmented Pill
===================================== */

.ongyee-pagination-wrap {
  margin: 60px 0 40px;
  display: flex;
  justify-content: center;
}

.woocommerce-pagination ul {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 14px;
  background: #f4f6f8;
  overflow: hidden; /* 🔑 KEY FIX */
}

.woocommerce-pagination ul li {
  margin: 0;
}

/* Base button */
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  min-width: 44px;
  height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  color: #111;
  border-right: 1px solid #e5e7eb; /* separation */
  transition: all 0.25s ease;
}

/* Remove last divider */
.woocommerce-pagination ul li:last-child a,
.woocommerce-pagination ul li:last-child span {
  border-right: none;
}

/* Hover */
.woocommerce-pagination ul li a:hover {
  background: var(--accent, #0a6ebd);
  color: #fff;
}

/* Active */
.woocommerce-pagination ul li span.current {
  background: var(--accent, #0a6ebd);
  color: #fff;
}

/* Arrows */
.woocommerce-pagination ul li a.prev,
.woocommerce-pagination ul li a.next {
  font-size: 18px;
}

/* Mobile */
@media (max-width: 576px) {
  .woocommerce-pagination ul li a,
  .woocommerce-pagination ul li span {
    min-width: 36px;
    height: 36px;
    font-size: 13px;
    padding: 0 14px;
  }
}
/* === ONGyee Pagination – Micro Polish === */

.woocommerce-pagination ul {
  padding: 2px;                 /* tighter pill */
  background: #f3f4f6;          /* softer grey */
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  min-width: 40px;              /* slightly tighter */
  height: 40px;
  padding: 0 14px;
  font-weight: 600;
  line-height: 1;
}

/* Divider refinement */
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  border-right-color: #e0e0e0;  /* softer divider */
}

/* Arrow balance */
.woocommerce-pagination ul li a.next,
.woocommerce-pagination ul li a.prev {
  font-size: 16px;
  padding: 0 14px;
}

/* Active state refinement */
.woocommerce-pagination ul li span.current {
  box-shadow: 0 4px 10px rgba(10,110,189,0.25);
}

/* Hover smoothing */
.woocommerce-pagination ul li a:hover {
  transform: translateY(-0.5px);
}