/* =====================================================================
   NEXORA storefront v7 — "Kedai" (marketplace) theme
   Light grey canvas, white boxes, one strong search, amber accent.
   Loaded last by header-member.php, so it wins over page styles.
   ===================================================================== */
@font-face{font-family:"Figtree";src:url("/assets/nexora/fonts/figtree-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url("/assets/nexora/fonts/figtree-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Figtree";src:url("/assets/nexora/fonts/figtree-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Figtree";src:url("/assets/nexora/fonts/figtree-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Figtree";src:url("/assets/nexora/fonts/figtree-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}

:root{
  --k-bg:#F3F4F6; --k-card:#FFFFFF; --k-ink:#111827; --k-ink2:#374151; --k-mu:#6B7280; --k-line:#E5E7EB; --k-line2:#F3F4F6;
  --k-or:#F59E0B; --k-or2:#B45309; --k-orsoft:#FEF3C7; --k-gr:#047857; --k-red:#DC2626; --k-r:16px;
  --brand-grad:linear-gradient(90deg,#111827,#1F2937);
}
html body{background:var(--k-bg) !important;color:var(--k-ink);padding-top:0 !important;}
html body, html body button, html body input, html body select, html body textarea{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif !important;}
html body h1, html body h2, html body h3, html body h4, html body h5{font-family:"Figtree",system-ui,sans-serif !important;letter-spacing:-.02em;}
::selection{background:var(--k-orsoft);color:var(--k-ink);}
html body .container{max-width:1280px;}

/* ---------------- header ---------------- */
html body .site-header{position:sticky !important;top:0 !important;z-index:1000;background:#fff !important;border-bottom:1px solid var(--k-line) !important;box-shadow:none !important;transform:none !important;width:auto !important;left:auto !important;right:auto !important;backdrop-filter:none !important;}
.nx5-strip{background:var(--k-ink);color:#D1D5DB;font-size:12.5px;}
.nx5-strip-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;}
.nx5-strip i{color:var(--k-or);margin-right:4px;}
.nx5-strip-r{display:flex;gap:18px;}
.nx5-strip a{color:#E5E7EB !important;text-decoration:none !important;font-weight:600;}
.nx5-strip a:hover{color:#fff !important;}
html body .site-header .topbar{background:#fff !important;border:0 !important;box-shadow:none !important;position:relative;}
html body .site-header .topbar-grid{display:flex !important;align-items:center !important;gap:24px !important;min-height:74px;padding-top:0 !important;padding-bottom:0 !important;grid-template-columns:none !important;grid-template-areas:none !important;flex-wrap:nowrap;}
html body .site-header .topbar-grid > .header-search{margin-left:auto !important;margin-right:auto !important;}
html body .site-header .brand{flex:0 0 auto;margin:0 !important;order:0;}
html body .site-header .brand img{height:34px !important;width:auto !important;}

/* search: [mode | input | clear | search-button] */
html body .site-header .header-search{order:1;flex:1 1 auto !important;max-width:620px !important;min-width:0;width:auto !important;margin:0 !important;position:relative !important;display:flex !important;align-items:stretch;height:48px;border:2px solid var(--k-ink);border-radius:12px;background:#fff;padding:0 !important;box-shadow:none !important;top:auto !important;left:auto !important;right:auto !important;}
html body .site-header .header-search select.mode-select{display:none !important;order:0;position:static !important;height:100% !important;width:auto !important;max-width:150px !important;border:0 !important;border-right:1px solid var(--k-line) !important;border-radius:10px 0 0 10px !important;background-color:#F9FAFB !important;color:var(--k-ink) !important;font:700 14px "Figtree",sans-serif !important;padding:0 30px 0 14px !important;margin:0 !important;top:auto !important;right:auto !important;}
html body .site-header .header-search input{order:1;position:static !important;flex:1 1 auto;min-width:0;height:100% !important;border:0 !important;border-radius:10px 0 0 10px !important;background:transparent !important;padding:0 18px !important;font:500 15px "Figtree",sans-serif !important;color:var(--k-ink) !important;box-shadow:none !important;outline:0 !important;width:auto !important;}
html body .site-header .header-search input:focus{box-shadow:none !important;background:transparent !important;}
html body .site-header .header-search .s-clear{order:2;position:static !important;transform:none !important;align-self:center;margin-right:6px;}
html body .site-header .header-search .s-ic{order:3;position:static !important;transform:none !important;display:flex !important;align-items:center;justify-content:center;width:56px;flex:0 0 56px;background:var(--k-ink);color:#fff !important;border-radius:0 9px 9px 0;font-size:16px;pointer-events:none;left:auto !important;top:auto !important;}
html body .site-header .header-search .search-panel{top:calc(100% + 6px) !important;left:-2px !important;right:-2px !important;border-radius:14px !important;border:1px solid var(--k-line) !important;box-shadow:0 20px 40px -20px rgba(17,24,39,.35) !important;}

/* icons with labels + account */
html body .site-header .account-area{order:2;display:flex !important;align-items:center;gap:14px;margin-left:0;flex:0 0 auto;}
html body .site-header .pillbar{display:flex !important;align-items:center;gap:6px !important;margin:0 !important;}
html body .site-header .pill{position:relative;width:auto !important;min-width:56px;height:52px !important;padding:4px 8px !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:12px !important;display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--k-ink2) !important;text-decoration:none !important;}
html body .site-header .pill i{font-size:19px !important;color:var(--k-ink) !important;}
html body .site-header .pill:hover{background:var(--k-bg) !important;}
.nx5-lbl{font-size:11.5px;font-weight:600;line-height:1;color:var(--k-ink2);}
html body .site-header .pill .badge{position:absolute !important;top:2px !important;right:8px !important;left:auto !important;min-width:18px;height:18px;padding:0 5px !important;border-radius:9px !important;background:var(--k-or) !important;color:var(--k-ink) !important;font:800 10.5px/18px "Figtree",sans-serif !important;box-shadow:0 0 0 2px #fff !important;}
html body .site-header .mobile-only-pill{display:none !important;}
html body .site-header #mobileProfileToggle{display:flex !important;}
html body .site-header #mobileProfileToggle::after{content:"Account";font-size:11.5px;font-weight:600;color:var(--k-ink2);line-height:1;}
@media (min-width:861px){
  html body .site-header.is-member-header #mobileProfileToggle{display:none !important;}
  html body .site-header.is-member-header .account-card{position:static !important;display:flex !important;width:auto !important;max-width:260px;padding:6px 10px 6px 6px !important;background:#fff !important;background-image:none !important;border:0 !important;border-left:1px solid var(--k-line) !important;border-radius:0 !important;box-shadow:none !important;gap:10px;align-items:center;flex-direction:row-reverse;}
  html body .site-header.is-member-header .account-card.verify-warn{border-radius:12px !important;}
}
html body .site-header .account-card .avatar{width:38px !important;height:38px !important;flex:0 0 38px !important;border-radius:50% !important;overflow:hidden;background:var(--k-orsoft);border:0 !important;}
html body .site-header .account-card .avatar img{width:100%;height:100%;object-fit:cover;}
html body .site-header .account-card .name-btn{background:transparent !important;border:0 !important;padding:0 !important;display:flex;align-items:center;gap:8px;color:var(--k-ink) !important;text-align:left;}
html body .site-header .account-card .name-btn strong{font-size:14px;font-weight:700;color:var(--k-ink) !important;}
html body .site-header .account-card .name-btn p{display:none;}
html body .site-header .member-wallet-mini, html body .site-header .member-wallet-mini *{color:var(--k-gr) !important;font-size:12px !important;font-weight:700 !important;background:none !important;}
html body .site-header .member-wallet-mini i{display:none;}
html body .site-header .account-card .menu{border-radius:14px !important;border:1px solid var(--k-line) !important;box-shadow:0 20px 40px -20px rgba(17,24,39,.35) !important;}
html body .site-header .account-card .menu .menu-item:hover{background:var(--k-bg) !important;}
html body .site-header .guest-login-row button:not(.hdr-pw-toggle){background:var(--k-ink) !important;color:#fff !important;border-radius:10px !important;}
html body .site-header .guest-login-row input{border:1.5px solid var(--k-line) !important;border-radius:10px !important;padding-top:10px !important;padding-bottom:10px !important;}

/* category / menu bar */
.nx5-catbar{background:#fff;border-top:1px solid var(--k-line2);}
html body .nx5-catbar #navShell{position:static !important;width:auto !important;height:auto !important;background:transparent !important;border:0 !important;box-shadow:none !important;transform:none !important;margin:0 !important;padding:0 !important;top:auto !important;left:auto !important;z-index:auto !important;}
html body .nx5-catbar .mnav{background:transparent !important;border:0 !important;box-shadow:none !important;position:static !important;}
html body .nx5-catbar .mnav-container{display:block !important;}
html body .nx5-catbar .mnav-list{display:flex !important;align-items:center;gap:4px;height:48px;margin:0 !important;padding:0 !important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
html body .nx5-catbar .mnav-list::-webkit-scrollbar{display:none;}
html body .nx5-catbar .mnav-link, html body .nx5-catbar .mnav-toggle{height:36px;display:inline-flex !important;align-items:center;gap:8px;padding:0 13px !important;border-radius:9px !important;font:600 14px "Figtree",sans-serif !important;color:var(--k-ink2) !important;background:transparent !important;border:0 !important;white-space:nowrap;letter-spacing:0 !important;text-transform:none !important;}
html body .nx5-catbar .mnav-link:hover, html body .nx5-catbar .mnav-toggle:hover{background:var(--k-bg) !important;color:var(--k-ink) !important;}
html body .nx5-catbar .mnav-has-mega > .mnav-toggle{background:var(--k-ink) !important;color:#fff !important;}
html body .nx5-catbar .mnav-has-mega > .mnav-toggle::before{content:"\f0c9";font:900 13px "Font Awesome 6 Free";}
html body .nx5-catbar .mnav-has-mega > .mnav-toggle i{color:#fff !important;}
html body .nx5-catbar .mnav-mega{top:100% !important;border-radius:0 0 18px 18px !important;border:1px solid var(--k-line) !important;box-shadow:0 30px 60px -30px rgba(17,24,39,.35) !important;}
html body .mnav-catbtn.is-active, html body .mnav-catbtn:hover{background:var(--k-orsoft) !important;color:var(--k-ink) !important;}

/* ---------------- shared boxes ---------------- */
.nx5-box{background:var(--k-card);border:1px solid var(--k-line);border-radius:18px;padding:22px;overflow:hidden;}
.nx5-bh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;}
.nx5-bh h2{margin:0 !important;font-size:22px !important;font-weight:800 !important;color:var(--k-ink) !important;display:flex;align-items:center;gap:10px;line-height:1.2;}
.nx5-bh a{color:var(--k-or2) !important;font-weight:700;font-size:14px;text-decoration:none !important;white-space:nowrap;}
.nx5-bh a:hover{text-decoration:underline !important;}
html body main section.section, html body .catprod-section, html body #home-blog, html body .review-section, .nx5-box-sec{padding-top:8px !important;padding-bottom:8px !important;background:transparent !important;}

/* ---------------- hero: banner + 2 promo cards ---------------- */
html body .nx-hero{background:transparent !important;padding:20px 0 8px !important;border-radius:0 !important;overflow:visible !important;}
html body .nx-hero .nx-hero-grid{display:grid !important;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:stretch;}
html body .nx-hero-media{min-width:0;}
html body .nx-hero-media .slider, html body .nx-hero-media .slides, html body .nx-hero-media .slide{height:360px !important;}
html body .nx-hero-media .slider{border-radius:18px !important;overflow:hidden !important;box-shadow:none !important;border:1px solid var(--k-line) !important;background:#fff !important;}
html body .nx-hero-media .slide{position:relative;border-radius:0 !important;}
html body .nx-hero-media .slide img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:right center !important;}
html body .nx-hero-media .slider .slide .cap-left{position:absolute !important;left:40px !important;right:auto !important;top:50% !important;bottom:auto !important;transform:translateY(-64%) !important;max-width:48% !important;background:transparent !important;padding:0 !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;border-radius:0 !important;}
html body .nx-hero-media .slider .slide .cap-left::before{content:"BARU";display:inline-block;background:var(--k-ink);color:#fff;border-radius:6px;padding:4px 10px;font:700 12px "Figtree",sans-serif;margin-bottom:14px;letter-spacing:.02em;}
html body .nx-hero-media .slider .slide .cap-left h2{font-size:clamp(28px,3.2vw,44px) !important;line-height:1.06 !important;font-weight:800 !important;letter-spacing:-.03em !important;color:var(--k-ink) !important;margin:0 0 10px !important;}
html body .nx-hero-media .slider .slide .cap-left h2::before{content:none !important;display:none !important;}
html body .nx-hero-media .slider .slide .cap-left p{font-size:16px !important;color:var(--k-ink2) !important;margin:0 !important;line-height:1.5 !important;}
html body .nx-hero-media .slider .slide .cap-cta{position:absolute !important;left:40px !important;right:auto !important;top:auto !important;bottom:64px !important;height:48px;display:inline-flex !important;align-items:center;padding:0 24px !important;border-radius:12px !important;background:var(--k-or) !important;color:var(--k-ink) !important;font:800 15px "Figtree",sans-serif !important;border:0 !important;box-shadow:none !important;text-decoration:none !important;}
html body .nx-hero-media .slider .slide .cap-cta:hover{background:#FBBF24 !important;}
html body .nx-hero-media .slider .arrow{top:auto !important;bottom:18px !important;transform:none !important;width:38px !important;height:38px !important;border-radius:50% !important;background:#fff !important;border:1px solid var(--k-line) !important;box-shadow:0 2px 8px rgba(17,24,39,.1) !important;color:var(--k-ink) !important;}
html body .nx-hero-media .slider .arrow.left{left:auto !important;right:66px !important;}
html body .nx-hero-media .slider .arrow.right{right:18px !important;left:auto !important;}
html body .nx-hero-media .slider .dots{top:auto !important;bottom:30px !important;left:40px !important;transform:none !important;display:flex;gap:6px;}
html body .nx-hero-media .slider .dots button, html body .nx-hero-media .slider .dots span, html body .nx-hero-media .slider .dots .dot{width:8px !important;height:8px !important;border-radius:4px !important;background:#CBD5E1 !important;border:0 !important;opacity:1 !important;transition:width .2s;}
html body .nx-hero-media .slider .dots .active{width:24px !important;background:var(--k-ink) !important;}
.nx5-side{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0;}
.nx5-mini{position:relative;overflow:hidden;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none !important;color:var(--k-ink) !important;border:1px solid rgba(17,24,39,.06);min-height:150px;}
.nx5-mini-a{background:#FEF3C7;}
.nx5-mini-b{background:#DBEAFE;}
.nx5-mini h3{margin:0 !important;font-size:20px !important;line-height:1.15;font-weight:800 !important;max-width:62%;color:var(--k-ink) !important;}
.nx5-mini p{margin:6px 0 0;font-size:13px;color:var(--k-ink2);max-width:60%;line-height:1.45;}
.nx5-mini b{font-size:14px;font-weight:800;position:relative;z-index:1;}
.nx5-mini b i{font-size:12px;margin-left:4px;}
.nx5-mini img{position:absolute;right:-12px;bottom:-12px;width:44%;border-radius:16px;transform:rotate(-6deg);box-shadow:0 10px 24px -12px rgba(17,24,39,.4);}
.nx5-mini:hover img{transform:rotate(-3deg) scale(1.03);transition:transform .2s;}

/* trust bar */
.nx5-trust-wrap{padding:8px 0 !important;}
.nx5-trust{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--k-line);border-radius:16px;}
.nx5-trust > div{display:flex;align-items:center;gap:12px;padding:16px 20px;border-left:1px solid var(--k-line);font-size:13px;color:var(--k-mu);line-height:1.35;}
.nx5-trust > div:first-child{border-left:0;}
.nx5-trust i{font-size:22px;color:var(--k-or2);width:26px;text-align:center;flex:0 0 auto;}
.nx5-trust b{display:block;color:var(--k-ink);font-size:14px;font-weight:700;}

/* categories: one row, slide left / right with arrows */
html body #prodslider{position:relative !important;overflow:hidden !important;height:auto !important;background:transparent !important;margin:0 !important;border:0 !important;padding:0 !important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
html body #prodtrack{display:flex !important;gap:8px !important;overflow-x:auto !important;scroll-snap-type:none !important;scroll-behavior:auto !important;scrollbar-width:none;transform:none !important;width:auto !important;height:auto !important;padding:4px 0 !important;grid-template-columns:none !important;}
html body #prodtrack::-webkit-scrollbar{display:none;}
html body #prodtrack .prodcard{flex:0 0 136px !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:10px !important;padding:4px !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:12px !important;width:136px !important;min-width:0 !important;max-width:none !important;margin:0 !important;text-decoration:none !important;transform:none !important;position:static !important;scroll-snap-align:start;}
html body #prodtrack .prodcard .prodimg{width:96px !important;height:96px !important;flex:0 0 96px !important;aspect-ratio:1/1 !important;border-radius:50% !important;overflow:hidden !important;border:1px solid var(--k-line) !important;margin:0 !important;padding:0 !important;background:#fff !important;transition:border-color .15s, transform .15s;}
html body #prodtrack .prodcard .prodimg img{width:100% !important;height:100% !important;object-fit:cover !important;}
html body #prodtrack .prodcard:hover .prodimg{border-color:var(--k-or) !important;transform:translateY(-2px);}
html body #prodtrack .prodcard > *:not(.prodimg), html body #prodtrack .prodcard .prodcap, html body #prodtrack .prodcard .name{background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;text-align:center !important;font:600 13.5px/1.25 "Figtree",sans-serif !important;color:var(--k-ink) !important;white-space:normal !important;overflow:visible !important;}
html body #prodslider .prodarrows{display:none !important;}
html body #prodslider .prodarrows .arrow{position:absolute !important;top:38px !important;transform:none !important;width:38px !important;height:38px !important;border-radius:50% !important;background:#fff !important;border:1px solid var(--k-line) !important;box-shadow:0 2px 8px rgba(17,24,39,.1) !important;color:var(--k-ink) !important;display:flex !important;align-items:center;justify-content:center;z-index:2;opacity:1 !important;}
html body #prodslider .prodarrows .arrow.left{left:0 !important;right:auto !important;}
html body #prodslider .prodarrows .arrow.right{right:0 !important;left:auto !important;}
html body #prodslider .prodarrows .arrow:hover{border-color:var(--k-ink) !important;}

/* product cards (deals / best sellers) */
.nx5-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.nx5-p{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--k-line);border-radius:14px;overflow:hidden;text-decoration:none !important;color:var(--k-ink) !important;transition:border-color .15s, box-shadow .15s;}
.nx5-p:hover{border-color:var(--k-or);box-shadow:0 10px 24px -16px rgba(17,24,39,.4);}
.nx5-p-img{aspect-ratio:1/1;background:var(--k-bg);display:flex;align-items:center;justify-content:center;color:#9CA3AF;font-size:28px;}
.nx5-p-img img{width:100%;height:100%;object-fit:cover;}
.nx5-p-in{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;}
.nx5-p-nm{font-size:14px;font-weight:600;line-height:1.3;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.nx5-p-pr{font-size:17px;font-weight:800;color:var(--k-ink);}
.nx5-p-pr s{font-size:12px;font-weight:500;color:var(--k-mu);margin-left:6px;}
.nx5-p-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--k-mu);}
.nx5-p-meta b{color:var(--k-or2);font-weight:700;}
.nx5-p-meta b i{font-size:10px;}
.nx5-off{position:absolute;top:8px;left:8px;z-index:1;background:var(--k-or);color:var(--k-ink);font-weight:800;font-size:11.5px;padding:2px 8px;border-radius:6px;}

/* ---------------- catalogue (service products) ---------------- */
html body .catprod-section > .container, html body #home-blog > .container{width:calc(100% - 48px) !important;max-width:1192px !important;margin-left:auto !important;margin-right:auto !important;}
html body .catprod-section > .container{background:var(--k-card);border:1px solid var(--k-line);border-radius:18px;padding:22px !important;}
html body .cp-title, html body .catprod-section .cp-title{font-size:22px !important;font-weight:800 !important;color:var(--k-ink) !important;text-align:center !important;text-transform:none !important;letter-spacing:-.02em !important;margin:0 !important;padding:0 !important;line-height:1.2 !important;}
html body .cp-title::before{content:none !important;display:none !important;}
html body .catprod-section .cp-sub{text-align:center !important;color:var(--k-mu) !important;font-size:14px !important;margin:4px 0 14px !important;}
html body .cp-main-tabs{display:flex !important;width:max-content;margin-left:auto !important;margin-right:auto !important;justify-content:center !important;gap:4px !important;background:var(--k-bg) !important;border:0 !important;border-radius:12px !important;padding:4px !important;margin-top:0 !important;margin-bottom:16px !important;}
html body .cp-main-tab{border:0 !important;border-radius:9px !important;background:transparent !important;color:var(--k-ink2) !important;font:700 14px "Figtree",sans-serif !important;padding:9px 16px !important;box-shadow:none !important;}
html body .cp-main-tab.active{background:#fff !important;color:var(--k-ink) !important;box-shadow:0 1px 3px rgba(17,24,39,.12) !important;}
html body .catprod-wrap{display:grid !important;grid-template-columns:220px minmax(0,1fr) !important;gap:16px !important;height:auto !important;max-height:none !important;background:transparent !important;border:0 !important;box-shadow:none !important;overflow:visible !important;border-radius:0 !important;}
html body .catprod-wrap .cp-menu{display:flex !important;flex-direction:column !important;gap:2px !important;background:transparent !important;border:0 !important;border-right:1px solid var(--k-line) !important;padding:0 12px 0 0 !important;width:auto !important;max-width:none !important;height:auto !important;position:static !important;overflow:visible !important;}
html body .catprod-wrap .cp-menu a{margin:0 !important;border-radius:10px !important;padding:10px 12px !important;background:transparent !important;color:var(--k-ink2) !important;font:600 14px "Figtree",sans-serif !important;border:0 !important;display:flex !important;justify-content:space-between;align-items:center;text-decoration:none !important;}
html body .catprod-wrap .cp-menu a:hover{background:var(--k-bg) !important;}
html body .catprod-wrap .cp-menu a.active{background:var(--k-orsoft) !important;color:var(--k-ink) !important;}
html body .catprod-wrap .cp-menu a.active *{color:var(--k-ink) !important;}
html body .catprod-wrap .cp-right, html body .cp-main-panel, html body .cp-main-panel.active{width:auto !important;max-width:none !important;padding:0 !important;min-height:0 !important;height:auto !important;background:transparent !important;border:0 !important;overflow:visible !important;}
html body .catprod-wrap .cp-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(170px,1fr)) !important;gap:12px !important;padding:0 !important;}
html body .cp-card{background:#fff !important;border:1px solid var(--k-line) !important;border-radius:14px !important;box-shadow:none !important;overflow:hidden;min-height:0 !important;transform:none !important;}
html body .cp-card:hover{border-color:var(--k-or) !important;transform:none !important;}
html body .cp-card .cp-img{background:var(--k-bg) !important;border-radius:0 !important;padding:0 !important;margin:0 !important;aspect-ratio:1/1;height:auto !important;}
html body .cp-card .cp-img img{width:100% !important;height:100% !important;object-fit:cover !important;}
html body .cp-card .cp-name{font:600 14px/1.3 "Figtree",sans-serif !important;color:var(--k-ink) !important;padding:10px 12px !important;text-align:left !important;letter-spacing:0 !important;}
html body .cp-card > div[style*="dc2626"]{text-align:left !important;padding:0 12px 12px !important;color:var(--k-ink) !important;font-size:16px !important;}

/* ---------------- news ---------------- */
html body #home-blog > .container{background:var(--k-card);border:1px solid var(--k-line);border-radius:18px;padding:22px !important;}
html body #home-blog .container > div:first-child{font-size:22px !important;font-weight:800 !important;color:var(--k-ink) !important;text-align:left !important;padding:0 0 16px !important;letter-spacing:-.02em;}
html body #postSlider{overflow:visible !important;}
html body #postTrack{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;transform:none !important;width:auto !important;}
html body #postTrack .post-card{width:auto !important;min-width:0 !important;max-width:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;grid-column:auto !important;grid-row:auto !important;}
html body #postTrack .post-card:hover{transform:none !important;}
html body #postTrack .post-card .pc-img{aspect-ratio:16/10 !important;height:auto !important;width:100%;object-fit:cover;border-radius:12px !important;margin-bottom:8px;}
html body #postTrack .post-card .pc-body{padding:0 !important;}
html body #home-blog .pc-badges{margin:0 0 2px !important;}
html body #home-blog .pc-badge{display:none !important;}
html body #home-blog .pc-badge:first-child{display:inline !important;background:transparent !important;border:0 !important;padding:0 !important;color:var(--k-or2) !important;font:700 12px "Figtree",sans-serif !important;text-transform:none !important;letter-spacing:0 !important;}
html body #home-blog .pc-title a{font:700 15px/1.3 "Figtree",sans-serif !important;color:var(--k-ink) !important;}
html body #postSlider .arrow, html body #postSlider .post-dots{display:none !important;}

/* ---------------- reviews: one long row ---------------- */
html body .review-section > .container > .nx5-rev{width:auto;max-width:none;margin:0;}
html body .review-section .nx5-rev .review-shell{display:grid !important;grid-template-columns:260px minmax(0,1fr) !important;gap:20px !important;align-items:center;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
html body .nx5-rev .rev-summary{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:10px !important;background:var(--k-bg) !important;border:0 !important;border-radius:14px !important;box-shadow:none !important;padding:18px !important;margin:0 !important;width:auto !important;align-self:stretch;justify-content:center;}
html body .nx5-rev .rev-summary, html body .nx5-rev .rev-summary *{text-align:left !important;justify-content:flex-start !important;margin-left:0 !important;margin-right:0 !important;}
html body .nx5-rev .rev-gbtn{border-radius:10px !important;background:var(--k-ink) !important;color:#fff !important;}
html body .nx5-rev .rev-slider{--per:3 !important;padding:0 !important;}
html body .nx5-rev .rev-card{border:1px solid var(--k-line) !important;border-radius:14px !important;box-shadow:none !important;background:#fff !important;}
html body .nx5-rev{position:relative !important;}
html body .nx5-rev .review-shell, html body .nx5-rev .rev-slider{position:static !important;}
html body .nx5-rev .rev-arrows{position:absolute !important;top:20px !important;right:22px !important;left:auto !important;bottom:auto !important;display:flex !important;gap:8px;pointer-events:auto;z-index:2;}
html body .nx5-rev .rev-arrows .arrow{position:static !important;transform:none !important;inset:auto !important;margin:0 !important;width:38px !important;height:38px !important;border-radius:50% !important;background:#fff !important;border:1px solid var(--k-line) !important;box-shadow:none !important;color:var(--k-ink) !important;display:flex !important;align-items:center;justify-content:center;}
html body .nx5-rev .rev-arrows .arrow:hover{border-color:var(--k-ink) !important;}
html body .nx5-rev .rev-slider{min-width:0;}

/* ---------------- footer ---------------- */
html body .footer-1, html body footer.footer-1{background:#fff !important;border-top:1px solid var(--k-line) !important;color:var(--k-ink2) !important;margin-top:24px !important;}
html body .footer-1 h5, html body .footer-1 .footer-1-title{font:800 15px "Figtree",sans-serif !important;color:var(--k-ink) !important;text-transform:none !important;letter-spacing:0 !important;}
html body .footer-1 a{color:var(--k-ink2) !important;}
html body .footer-1 a:hover{color:var(--k-or2) !important;}
html body .footer-1 i{color:var(--k-or2) !important;}
html body .footer-1-bottom{border-top:1px solid var(--k-line) !important;color:var(--k-mu) !important;}

/* ---------------- other storefront pages ---------------- */
html body .shop-catprod-title, html body .tut-title, html body .post-title{text-align:left !important;font-weight:800 !important;color:var(--k-ink) !important;text-transform:none !important;letter-spacing:-.02em !important;}
html body .shop-catprod-title, html body .tut-title{font-size:24px !important;}
html body .post-title{font-size:clamp(26px,3vw,36px) !important;line-height:1.15 !important;}
html body .shop-cp-menu, html body .shop-cp-right{border-color:var(--k-line) !important;border-radius:16px !important;}
html body .shop-cp-menu a.active{background:var(--k-orsoft) !important;color:var(--k-ink) !important;}
html body .btn-primary, html body .btn-success{background:var(--k-ink) !important;border-color:var(--k-ink) !important;color:#fff !important;}
html body .btn-warning{background:var(--k-or) !important;border-color:var(--k-or) !important;color:var(--k-ink) !important;}
html body .btn{border-radius:10px !important;}
html body .card{border-radius:16px !important;border:1px solid var(--k-line) !important;box-shadow:none !important;}

/* ---------------- responsive ---------------- */
@media (max-width:1100px){
  .nx5-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .nx5-lbl, html body .site-header #mobileProfileToggle::after{display:none;}
  html body .site-header .pill{min-width:44px;height:44px !important;}
}
@media (max-width:860px){
  html body .catprod-section > .container, html body #home-blog > .container{width:calc(100% - 24px) !important;}
  .nx5-strip{display:none;}
  html body .site-header .topbar-grid{flex-wrap:wrap !important;min-height:0;padding-top:10px !important;padding-bottom:10px !important;row-gap:10px !important;gap:8px !important;justify-content:space-between !important;}
  html body .site-header .brand img{height:28px !important;}
  html body .site-header .account-area{order:1;gap:6px;margin-left:auto;position:relative !important;z-index:20 !important;}
  html body .site-header .header-search{z-index:1 !important;}
  html body .site-header .header-search{order:5;flex:1 1 100% !important;max-width:none !important;margin:0 !important;height:44px;display:flex !important;position:relative !important;padding:0 !important;box-shadow:none !important;background:#fff !important;}
  html body .site-header .header-search input{padding:0 10px !important;font-size:14px !important;border:0 !important;}
  html body .site-header .header-search .s-ic{display:flex !important;width:46px;flex-basis:46px;}
  html body .site-header .header-search .s-clear{display:none !important;}
  html body .site-header .pill{min-width:40px;width:40px !important;height:40px !important;padding:0 !important;border:1px solid var(--k-line) !important;border-radius:12px !important;}
  html body .site-header .pill i{font-size:16px !important;}
  html body .site-header .pill .badge{top:-6px !important;right:-6px !important;}
  html body .site-header #mobileProfileToggle{display:flex !important;}
  html body .site-header .account-card{position:absolute !important;}
  .nx5-catbar .mnav-list{height:44px;}
  html body .nx-hero .nx-hero-grid{grid-template-columns:1fr;}
  html body .nx-hero-media .slider, html body .nx-hero-media .slides, html body .nx-hero-media .slide{height:auto !important;}
  html body .nx-hero-media .slider .slide{display:flex !important;flex-direction:column !important;background:#fff;}
  html body .nx-hero-media .slide img{height:170px !important;opacity:1;object-position:right center !important;}
  html body .nx-hero-media .slider .slide .cap-left{position:static !important;transform:none !important;max-width:none !important;padding:16px 18px 0 !important;}
  html body .nx-hero-media .slider .slide .cap-left::before{margin-bottom:8px;}
  html body .nx-hero-media .slider .slide .cap-left h2{font-size:23px !important;}
  html body .nx-hero-media .slider .slide .cap-left p{font-size:14px !important;}
  html body .nx-hero-media .slider .slide .cap-cta{position:static !important;align-self:flex-start;margin:12px 18px 40px !important;height:42px;font-size:14px !important;padding:0 18px !important;display:inline-flex !important;}
  html body .nx-hero-media .slider .arrow{top:124px !important;bottom:auto !important;width:34px !important;height:34px !important;}
  html body .nx-hero-media .slider .arrow.left{right:56px !important;}
  html body .nx-hero-media .slider .arrow.right{right:14px !important;}
  html body .nx-hero-media .slider .dots{left:18px !important;bottom:18px !important;}
  .nx5-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px;}
  .nx5-mini{padding:14px;min-height:130px;border-radius:16px;}
  .nx5-mini h3{font-size:15px !important;max-width:none;}
  .nx5-mini p{display:none;}
  .nx5-mini img{width:48%;}
  .nx5-trust{grid-template-columns:1fr 1fr;}
  .nx5-trust > div{border-left:0;border-top:1px solid var(--k-line);padding:12px;}
  .nx5-trust > div:nth-child(-n+2){border-top:0;}
  .nx5-trust > div:nth-child(2n){border-left:1px solid var(--k-line);}
  .nx5-box, html body .catprod-section > .container, html body #home-blog > .container{padding:14px !important;border-radius:16px;}
  .nx5-bh h2, html body .cp-title, html body #home-blog .container > div:first-child{font-size:19px !important;}
  .nx5-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -14px;padding:0 14px 2px;}
  .nx5-grid::-webkit-scrollbar{display:none;}
  .nx5-p{scroll-snap-align:start;}
  html body #prodtrack .prodcard .prodimg{width:64px !important;height:64px !important;flex-basis:64px !important;}
  html body #prodtrack .prodcard > *:not(.prodimg), html body #prodtrack .prodcard .name{font-size:11.5px !important;}
  html body .catprod-wrap{grid-template-columns:1fr !important;}
  html body .catprod-wrap .cp-menu{flex-direction:row !important;overflow-x:auto !important;border-right:0 !important;border-bottom:1px solid var(--k-line) !important;padding:0 0 10px !important;scrollbar-width:none;}
  html body .catprod-wrap .cp-menu a{white-space:nowrap;flex:0 0 auto;}
  html body .catprod-wrap .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body .cp-main-tabs{display:flex !important;width:100%;}
  html body .cp-main-tab{flex:1;}
  html body #postTrack{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body .review-section .nx5-rev .review-shell{grid-template-columns:1fr !important;}
  html body .nx5-rev .rev-slider{--per:1 !important;}
  html body .nx5-rev .rev-arrows{top:10px !important;right:14px !important;}
  html body .nx5-rev .rev-arrows .arrow{width:34px !important;height:34px !important;}
  html body #prodslider{padding:0 !important;}
  html body #prodslider .prodarrows{display:none !important;}
  html body #prodtrack .prodcard{flex-basis:84px !important;width:84px !important;}
}
@media (max-width:400px){
  html body .site-header .pill{min-width:36px;width:36px !important;height:36px !important;}
  html body .site-header .pillbar{gap:4px !important;}
}

/* ---------------- chat launcher (replaces the vertical "Chat Consultant" tab) ---------------- */
html body .consultant-widget.nx-chat{position:fixed !important;right:22px !important;bottom:22px !important;top:auto !important;left:auto !important;transform:none !important;z-index:1200 !important;display:flex !important;flex-direction:column;align-items:flex-end;gap:12px;width:auto !important;height:auto !important;pointer-events:none;}
html body .nx-chat > *{pointer-events:auto;}
html body .nx-chat .nx-chat-btn{position:relative !important;width:60px !important;height:60px !important;border-radius:50% !important;border:0 !important;padding:0 !important;margin:0 !important;background:#111827 !important;color:#fff !important;display:flex !important;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(17,24,39,.55) !important;cursor:pointer;transform:none !important;writing-mode:horizontal-tb !important;top:auto !important;right:auto !important;transition:transform .15s, background .15s;}
html body .nx-chat .nx-chat-btn:hover{transform:translateY(-2px) !important;background:#1F2937 !important;}
html body .nx-chat .nx-chat-btn i{font-size:28px !important;color:#fff !important;transition:transform .2s, opacity .2s;position:absolute;margin:0 !important;}
html body .nx-chat .nx-chat-close{font-size:22px !important;opacity:0;transform:rotate(-90deg);}
html body .nx-chat.open .nx-chat-open{opacity:0;transform:rotate(90deg);}
html body .nx-chat.open .nx-chat-close{opacity:1;transform:none;}
.nx-chat-dot{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#22C55E;border:3px solid #fff;font-style:normal;}
.nx-chat-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #22C55E;animation:nxPing 2s ease-out infinite;}
@keyframes nxHint{0%,4%{opacity:0;transform:translateX(8px)}10%,85%{opacity:1;transform:none}100%{opacity:0;transform:translateX(8px);visibility:hidden}}
html body .nx-chat:hover .nx-chat-hint{animation:none;opacity:1;visibility:visible;}
@keyframes nxPing{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.2);opacity:0}}
html body .nx-chat.open .nx-chat-dot{display:none;}
.nx-chat-hint{animation:nxHint 7s ease forwards;position:absolute;right:72px;bottom:12px;white-space:nowrap;background:#fff;color:#374151;border:1px solid #E5E7EB;border-radius:999px;padding:9px 16px;font-size:13.5px;box-shadow:0 10px 24px -14px rgba(17,24,39,.4);transition:opacity .2s, transform .2s;}
.nx-chat-hint b{color:#111827;}
html body .nx-chat:hover .nx-chat-hint{transform:translateX(-4px);}
html body .nx-chat.open .nx-chat-hint{opacity:0;pointer-events:none;}
html body .nx-chat .nx-chat-panel{position:static !important;display:block !important;width:340px !important;max-width:calc(100vw - 32px) !important;background:#fff !important;border:1px solid #E5E7EB !important;border-radius:20px !important;box-shadow:0 30px 60px -24px rgba(17,24,39,.45) !important;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98) !important;transform-origin:bottom right;transition:opacity .18s, transform .18s, visibility .18s;padding:0 !important;right:auto !important;top:auto !important;}
html body .nx-chat.open .nx-chat-panel{opacity:1;visibility:visible;transform:none !important;}
.nx-chat-head{display:flex;gap:12px;align-items:center;padding:18px;background:#111827;color:#fff;}
.nx-chat-photo{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);flex:0 0 auto;}
.nx-chat-head b{display:block;font-size:16px;font-weight:800;}
.nx-chat-head span{display:flex;align-items:center;gap:6px;font-size:12px;color:#D1D5DB;line-height:1.35;margin-top:2px;}
.nx-chat-head span i{width:8px;height:8px;border-radius:50%;background:#22C55E;flex:0 0 auto;}
.nx-chat-body{padding:10px;display:flex;flex-direction:column;gap:6px;}
.nx-chat-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;text-decoration:none !important;color:#111827 !important;border:1px solid transparent;transition:background .15s, border-color .15s;}
.nx-chat-row:hover{background:#F9FAFB;border-color:#E5E7EB;}
.nx-chat-ic{width:40px;height:40px;border-radius:12px;background:#FEF3C7;color:#B45309;display:grid;place-items:center;flex:0 0 auto;font-size:16px;}
.nx-chat-txt{flex:1;min-width:0;line-height:1.3;}
.nx-chat-txt b{display:block;font-size:14.5px;font-weight:700;}
.nx-chat-txt small{color:#6B7280;font-size:12.5px;}
.nx-chat-go{width:38px;height:38px;border-radius:50%;background:#22C55E;color:#fff;display:grid;place-items:center;font-size:19px;flex:0 0 auto;}
.nx-chat-foot{border-top:1px solid #F3F4F6;padding:10px 16px;font-size:12px;color:#9CA3AF;text-align:center;}
.nx-chat-foot i{color:#22C55E;}
@media (max-width:860px){
  html body .consultant-widget.nx-chat{right:14px !important;bottom:14px !important;}
  html body .nx-chat .nx-chat-btn{width:54px !important;height:54px !important;}
  .nx-chat-hint{display:none;}
}