/* =====================================================================
   1. TOKENS + BASE
   ===================================================================== */
:root{
 --white:#fff;--headerBg:#0a2a6b;--blueText:#0a1f4d;
 --accent:#1d5cf0;--accent2:#4f8bff;--accent-rgb:29,92,240;
 --lightBlue:#9cc4ff;--tint:#eaf1ff;--grey:#56627d;--grey1:#dfe6f5;--grey2:#f4f7fd;
 --primaryFont:"Open Sans",sans-serif;--secondaryFont:"Montserrat",sans-serif;
 --grad:linear-gradient(135deg,#4f8bff 0%,#1d5cf0 55%,#0a2a6b 100%);
}
*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}
a,.custom-btn,.site-header{transition:all .5s}
html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:14rem}
body{color:#5a6580;font-size:1.6rem;line-height:2rem;font-family:var(--primaryFont);-webkit-font-smoothing:antialiased;overflow-x:hidden;background:#fff}
h1,h2,h3,h4,h5,h6{margin-bottom:2rem;font-weight:700;font-family:var(--secondaryFont)}
img{max-width:100%;display:block}a{text-decoration:none;display:inline-block;color:var(--grey)}a:hover{opacity:.85}
em{font-style:normal}ul{list-style:none}p{margin-bottom:1.7rem}p:last-child{margin-bottom:0}button{font-family:inherit}
::selection{color:#fff;background:var(--headerBg)}
:focus-visible{outline:.3rem solid var(--accent2);outline-offset:.2rem}
h1{font-size:2.6rem;line-height:4.2rem;color:var(--blueText);font-weight:500;margin-bottom:1.8rem}
h3{font-size:3.4rem;line-height:3.8rem;font-weight:400;color:var(--blueText)}h4{font-size:2.4rem;line-height:2.8rem}h6{font-size:1.7rem;line-height:2.1rem}
.container{padding:0 2rem;width:100%;max-width:135.2rem;margin:0 auto}
.custom-btn{height:3.9rem;border-radius:3rem;border:0;padding:0 2.2rem;background:var(--grad);color:#fff;font-size:1.6rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;gap:.8rem;box-shadow:0 .6rem 1.6rem rgba(var(--accent-rgb),.3);white-space:nowrap}
.custom-btn:hover{opacity:1;transform:translateY(-.2rem);box-shadow:0 1rem 2.2rem rgba(var(--accent-rgb),.4)}
.custom-btn.is-white{background:#fff;color:var(--headerBg);box-shadow:0 .6rem 1.6rem rgba(0,0,0,.2)}
svg.ico{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes mP{0%{box-shadow:0 0 0 0 rgba(127,208,255,.7)}100%{box-shadow:0 0 0 1rem rgba(127,208,255,0)}}

/* =====================================================================
   2. HEADER
   ===================================================================== */
.site-header{position:fixed;left:0;right:0;top:0;z-index:50;border-bottom:.3rem solid var(--headerBg);background:#fff}
.site-header.sc{box-shadow:0 1rem 2.4rem rgba(10,42,107,.16)}
.top-header{background:var(--headerBg);height:4rem;display:flex;align-items:center}
.top-header .container{display:flex;align-items:center}
.translate-topbar{display:flex;align-items:center;gap:.8rem;margin-right:auto}
.translate-topbar svg{width:1.6rem;height:1.6rem;color:var(--lightBlue)}
.translate-topbar select{background:transparent;border:1px solid rgba(255,255,255,.3);color:#dbe6ff;font-size:1.2rem;padding:.4rem 2.4rem .4rem .8rem;border-radius:.4rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23dbe6ff' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}
.translate-topbar select option{background:#0a2a6b;color:#fff}
.top-header ul{display:flex;align-items:center}.top-header li{position:relative;padding-right:2.2rem;margin-right:2.1rem}
.top-header li:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);height:1.4rem;width:.1rem;background:#fff}.top-header li:last-child{padding:0;margin:0}.top-header li:last-child:after{display:none}
.top-header li a{font-size:1.3rem;letter-spacing:.1rem;color:#fff;text-transform:uppercase}
.bottom-header{padding:1rem 0}.bottom-header .container{display:flex;justify-content:space-between;align-items:center}
.site-logo{width:22.5rem}.site-logo img{width:100%}
.bottom-header nav ul{display:flex;align-items:center}.bottom-header nav li{margin-right:5rem}.bottom-header nav li:last-child{margin:0}
.bottom-header nav a{text-transform:uppercase;font-size:1.5rem;position:relative;padding:.4rem 0;color:#3b4766}
.bottom-header nav a:after{content:"";position:absolute;left:50%;bottom:-.2rem;width:0;height:.2rem;background:var(--accent);transition:.4s;transform:translateX(-50%)}
.bottom-header nav a.active,.bottom-header nav a:hover{color:var(--accent);font-weight:600;opacity:1}.bottom-header nav a.active:after,.bottom-header nav a:hover:after{width:100%}
.hamburger-menu{display:none;cursor:pointer;background:none;border:0}.hamburger-menu span{width:2.6rem;height:.3rem;background:var(--headerBg);display:block;margin-bottom:.4rem;border-radius:.4rem}.hamburger-menu span:last-child{margin:0}
.nav-backdrop{position:fixed;inset:0;background:var(--blueText);opacity:.5;display:none;z-index:48}
.close-nav{display:none}

/* =====================================================================
   3. FOOTER + MODAL + BACK TO TOP
   ===================================================================== */
.earn-spend-section .container{background:var(--grad);padding:1rem 0;display:flex;align-items:center;justify-content:center;border-bottom-right-radius:2rem;border-bottom-left-radius:2rem;box-shadow:0 .6rem 1.8rem rgba(var(--accent-rgb),.35)}
.earn-spend-section p{font-size:3rem;font-weight:300;line-height:1;color:#fff;text-transform:uppercase;letter-spacing:.06rem;margin:0}
.site-footer{color:#fff;background:linear-gradient(180deg,rgba(6,25,74,.9),rgba(10,42,107,.97)),url('https://images.unsplash.com/photo-1480714378408-67cf0d13bc1b?auto=format&fit=crop&w=1600&q=60') center/cover,var(--headerBg)}
.footer-top-wrapper .container{padding:4rem 2rem 3rem;box-shadow:inset 0 -.1rem 0 0 rgba(255,255,255,.4)}
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem}.footer-top-left{width:47%}
.logo-block{display:inline-flex;margin-bottom:2rem;background:#fff;border-radius:1rem;padding:.8rem 1.6rem}.logo-block img{width:19rem}
.footer-top p{font-size:1.6rem;line-height:1.5;font-family:var(--secondaryFont);margin-bottom:2rem}
.footer-top-right{display:flex;padding-top:2.8rem}.footer-nav{margin-right:12rem}.footer-nav:last-child{margin:0}
.footer-nav h6{margin-bottom:2rem;position:relative}.footer-nav h6:after{position:absolute;left:0;bottom:-.8rem;width:7rem;height:.2rem;content:" ";background:linear-gradient(90deg,var(--accent2),transparent)}
.footer-nav li{margin-bottom:1.5rem}.footer-nav li a{color:#fff;font-size:1.6rem;line-height:2rem}.footer-nav li a:hover{padding-left:.6rem;color:var(--lightBlue);opacity:1}
.footer-middle{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem 0;color:#e4ecf8}.footer-middle p{margin:0;font-size:1.4rem}
.social-media-link{display:flex;gap:1.4rem}.social-media-link a{width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;color:var(--headerBg);display:grid;place-items:center;transition:.3s}.social-media-link a svg{width:1.7rem;height:1.7rem}.social-media-link a:hover{background:var(--accent2);color:#fff;transform:translateY(-.3rem);opacity:1}
#btn-back-to-top{position:fixed;bottom:4rem;right:4rem;display:none;z-index:99;border-radius:50%;width:4.2rem;height:4.2rem;border:0;background:var(--grad);color:#fff;cursor:pointer;box-shadow:0 .8rem 1.8rem rgba(var(--accent-rgb),.45);place-items:center}#btn-back-to-top.s{display:grid}#btn-back-to-top svg{width:2rem;height:2rem}
.mo{position:fixed;inset:0;background:rgba(6,25,74,.62);backdrop-filter:blur(.3rem);display:none;align-items:center;justify-content:center;z-index:100;padding:2rem}.mo.o{display:flex}
.mb{background:#fff;border-radius:1.4rem;max-width:72rem;width:100%;max-height:86vh;overflow:auto;padding:3.4rem 3.6rem;position:relative;animation:mu .4s ease both;border-top:.5rem solid var(--accent);color:var(--blueText);font-size:1.4rem;line-height:1.8rem}@keyframes mu{from{opacity:0;transform:translateY(2rem)}}
.mb.sm{max-width:42rem;text-align:center}.mb h4{color:var(--headerBg);margin-bottom:1.4rem;padding-right:3rem}.mb p{margin-bottom:1.4rem}
.x{position:absolute;right:1.4rem;top:1.2rem;width:3.2rem;height:3.2rem;border-radius:50%;border:0;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center}.x svg{width:1.6rem;height:1.6rem}

/* =====================================================================
   4. SHARED SECTION PARTS (used on home + inner pages)
   ===================================================================== */
.main-content{min-height:0;padding-top:13.5rem}
.x-eb{display:inline-flex;align-items:center;gap:.9rem;font:700 1.25rem var(--secondaryFont);letter-spacing:.16rem;text-transform:uppercase;color:var(--accent)}.x-eb:before{content:"";width:3.4rem;height:.2rem;background:var(--grad)}
.x-h2{font:800 clamp(3.2rem,4.4vw,5.6rem)/1.06 var(--secondaryFont);letter-spacing:-.03em;color:var(--blueText);margin:1.4rem 0 0}.x-h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.x-sec{padding:9rem 0}
.dk-sub{max-width:54rem;margin:1.8rem 0 0;font-size:1.7rem;line-height:2.7rem;color:#4a5778}
.x-cmd{width:min(78rem,100%);background:#fff;border-radius:2.6rem;padding:.8rem;border:.1rem solid #dfe8fb;box-shadow:0 2.4rem 6rem rgba(10,42,107,.22)}
.x-row{display:flex;align-items:center;border-radius:1.8rem;background:var(--grey2);padding:.5rem}
.x-row input{flex:1;min-width:0;height:5.2rem;border:0;outline:0;background:none;padding:0 1.6rem;font:400 1.5rem var(--primaryFont);color:var(--blueText)}.x-row .custom-btn{height:5.2rem;padding:0 3rem;border-radius:1.4rem;font-weight:600}
.x-fl{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:3rem}.x-fl button{height:4.2rem;padding:0 2.2rem;border-radius:3rem;border:.1rem solid #c9d9f5;background:rgba(255,255,255,.75);backdrop-filter:blur(.8rem);font:600 1.35rem var(--primaryFont);color:var(--blueText);cursor:pointer;transition:.25s}.x-fl button:hover{border-color:var(--accent);color:var(--accent)}.x-fl button.on{background:var(--headerBg);border-color:var(--headerBg);color:#fff;box-shadow:0 .8rem 2rem rgba(10,42,107,.3)}
.x-no{padding:5rem;color:var(--grey)}
.ind-lb{display:flex;align-items:center;gap:2rem;margin:5.6rem 0 2.6rem;font:700 1.6rem var(--secondaryFont);color:var(--blueText)}
.ind-lb:after{content:"";flex:1;height:.1rem;background:linear-gradient(90deg,#cfdcf6,transparent)}
.ind-va{height:5rem;padding:0 3.2rem;font-weight:700;font-size:1.5rem}
.x-cd{--h:#1d5cf0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;height:19rem;padding:2rem;border:.1rem solid #e1e9fa;border-radius:2.2rem;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--h) 4%,#fff));text-align:left;cursor:pointer;transition:transform .35s,box-shadow .35s,border-color .35s}
.x-cd:hover,.x-cd:focus-visible{transform:translateY(-.6rem);border-color:var(--h);box-shadow:0 2rem 4rem color-mix(in srgb,var(--h) 22%,transparent);outline:0;opacity:1}
.x-cd .tp{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}
.x-cd i{flex:none;display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:1.5rem;background:linear-gradient(135deg,var(--h),color-mix(in srgb,var(--h) 55%,#fff));color:#fff;font:800 1.5rem var(--secondaryFont);font-style:normal;box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--h) 35%,transparent)}
.x-cd .gp{min-width:0;padding:.5rem 1.1rem;border-radius:3rem;background:color-mix(in srgb,var(--h) 10%,#fff);color:var(--h);font:700 1.05rem var(--primaryFont);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-cd b{display:block;width:100%;margin:1.6rem 0 0;font:800 1.75rem/2.2rem var(--secondaryFont);color:var(--blueText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-cd .cs{display:flex;flex-wrap:wrap;gap:.5rem;width:calc(100% - 4rem);height:5.4rem;margin-top:1rem;overflow:hidden;align-content:flex-start}
.x-cd .cs em{padding:.4rem 1rem;border-radius:3rem;border:.1rem solid #e1e9fa;background:#fff;font:600 1.1rem/1.4rem var(--primaryFont);font-style:normal;color:var(--grey);white-space:nowrap}
.x-cd .wm{position:absolute;right:-.6rem;bottom:-2.2rem;font:800 10rem/1 var(--secondaryFont);letter-spacing:-.06em;color:var(--h);opacity:.07;pointer-events:none;transition:.5s}.x-cd:hover .wm{opacity:.14;transform:translateX(-.6rem)}
.x-cd .go{position:absolute;right:1.6rem;bottom:1.6rem;display:grid;place-items:center;width:3.8rem;height:3.8rem;border-radius:50%;background:color-mix(in srgb,var(--h) 12%,#fff);color:var(--h);transition:.35s}.x-cd .go svg{width:1.8rem;height:1.8rem}
.x-cd:hover .go,.x-cd:focus-visible .go{background:var(--h);color:#fff;transform:rotate(-45deg)}
.x-cta{position:relative;margin:0 2rem 8rem;border-radius:3.2rem;overflow:hidden;color:#fff;text-align:center;padding:10rem 2rem;background:linear-gradient(135deg,rgba(6,24,70,.92),rgba(29,92,240,.8)),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1800&q=60') center/cover,var(--headerBg)}
.x-cta h2{margin:0 auto 2rem;max-width:80rem;color:#fff;font:800 clamp(3.6rem,5.4vw,7rem)/1.04 var(--secondaryFont);letter-spacing:-.035em}.x-cta p{max-width:54rem;margin:0 auto 3.6rem;font-size:1.8rem;line-height:2.8rem;color:#dbe6ff}.x-cta .a{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap}.x-cta .custom-btn{height:5.4rem;padding:0 3.4rem;font-weight:700;font-size:1.6rem}.x-cta .gh{background:transparent;border:.2rem solid rgba(255,255,255,.7);box-shadow:none;color:#fff}.x-cta .gh:hover{background:rgba(255,255,255,.15)}

/* =====================================================================
   5. HOME PAGE
   ===================================================================== */
/* ---- hero ---- */
.x-lead{font-size:1.8rem;line-height:2.9rem;max-width:52rem;margin:0 0 3.4rem;color:#4a5778}
.x-tabs{display:flex;gap:.4rem;padding:.4rem .4rem 1rem}.x-tabs button{height:3.6rem;padding:0 1.8rem;border:0;border-radius:3rem;background:none;color:var(--grey);font:600 1.3rem var(--primaryFont);cursor:pointer}.x-tabs button.on{background:var(--headerBg);color:#fff}
.x-chips{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem;align-items:center;font-size:1.3rem}.x-chips a{padding:.5rem 1.4rem;border-radius:3rem;border:.1rem solid var(--grey1);background:#fff;color:var(--blueText);font-weight:600;font-size:1.25rem}.x-chips a:hover{border-color:var(--accent);color:var(--accent);opacity:1}
.w-hero{position:relative;overflow:hidden;min-height:70rem;padding:8rem 0 9rem;background:radial-gradient(60rem 40rem at 0 0,#e6efff,transparent 70%),#fff}
.w-in{position:relative;z-index:3}
.w-hero h1{position:relative;isolation:isolate;max-width:62rem;font:800 clamp(4.4rem,6vw,8rem)/1 var(--secondaryFont);letter-spacing:-.05em;color:var(--blueText);margin:2rem 0 2.4rem}
.w-u{position:relative;white-space:nowrap;color:var(--accent)}.w-u:after{content:"";position:absolute;z-index:-1;left:-.6rem;right:-.6rem;bottom:.6rem;height:38%;border-radius:.6rem;background:#ffd36b;transform:skewX(-8deg)}
.w-trust{display:flex;flex-wrap:wrap;gap:1.2rem 3rem;margin-top:3.2rem;font:600 1.4rem var(--primaryFont);color:var(--blueText)}.w-trust span:before{content:"✓";display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;margin-right:.9rem;border-radius:50%;background:var(--accent);color:#fff;font-size:1.2rem}
.w-wall{position:absolute;z-index:1;top:0;right:0;bottom:0;width:52%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.w-cols{position:absolute;inset:-20% -8% -20% 6%;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;transform:rotate(11deg)}
.w-c{overflow:hidden}.w-t{animation:wu 55s linear infinite}.w-c:nth-child(2) .w-t{animation-name:wd;animation-duration:65s}.w-c:nth-child(3) .w-t{animation-duration:48s}
@keyframes wu{to{transform:translateY(-50%)}}@keyframes wd{from{transform:translateY(-50%)}to{transform:none}}
.w-tile{position:relative;margin-bottom:2rem;border-radius:2.6rem;overflow:hidden;background:linear-gradient(135deg,#dbe7fb,#b7cdee);box-shadow:0 1.6rem 3.6rem rgba(10,42,107,.2)}.w-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.w-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,70,.6),transparent 45%)}
.w-tile span{position:absolute;z-index:2;left:1.4rem;bottom:1.4rem;padding:.6rem 1.3rem;border-radius:3rem;background:rgba(255,255,255,.88);backdrop-filter:blur(.8rem);font:700 1.2rem var(--primaryFont);color:var(--blueText)}
.w-fc{position:absolute;z-index:4;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.8rem 1.2rem 1.3rem;border-radius:1.8rem;background:rgba(255,255,255,.88);backdrop-filter:blur(1.4rem);border:.1rem solid #fff;box-shadow:0 1.6rem 4rem rgba(6,24,70,.3);animation:wf 6s ease-in-out infinite}@keyframes wf{50%{transform:translateY(-1.2rem)}}
.w-fc i{flex:none;display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.2rem;background:var(--grad);color:#fff;font-style:normal;font-size:1.8rem}.w-fc b{display:block;font:700 1.35rem/1.8rem var(--secondaryFont);color:var(--blueText)}.w-fc span{font-size:1.15rem;color:var(--grey)}
.w-fa{right:6%;top:18rem}.w-fb{right:30%;bottom:7rem;animation-delay:-3s}
@media(max-width:1200px){.w-fb{display:none}}
@media(max-width:991px){.w-hero{min-height:0;padding:4.4rem 0 0}.w-wall{position:relative;width:100%;height:38rem;margin-top:4rem;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%);mask-image:linear-gradient(180deg,transparent,#000 18%)}.w-cols{inset:-10% -10%;transform:rotate(8deg)}.w-fc{display:none}}

/* ---- industries ---- */
.ind{position:relative;overflow:hidden;background:radial-gradient(55rem 38rem at 100% 0,rgba(79,139,255,.16),transparent 70%),radial-gradient(45rem 30rem at 0 100%,rgba(29,92,240,.08),transparent 70%),radial-gradient(rgba(10,42,107,.09) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,#fff}
.ind .container{position:relative;z-index:2}
.ind-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:4rem;flex-wrap:wrap}
.ind-hd .x-h2{margin:0;max-width:62rem}
.ind-st{display:flex;gap:1.2rem}
.ind-st div{min-width:15rem;padding:1.6rem 2rem;border-radius:1.8rem;background:#fff;border:.1rem solid #dfe8fb;box-shadow:0 1rem 2.4rem rgba(10,42,107,.08)}
.ind-st b{display:block;font:800 3.2rem/1 var(--secondaryFont);letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ind-st span{display:block;margin-top:.7rem;font:600 1.25rem var(--primaryFont);color:var(--grey)}
.ind-f{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}
.ind-fc{position:relative;height:42rem;border-radius:2.8rem;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#dbe7fb,#b7cdee);box-shadow:0 .6rem 2rem rgba(10,42,107,.12);transition:transform .5s,box-shadow .5s}
.ind-fc:hover,.ind-fc:focus-visible{transform:translateY(-.8rem);box-shadow:0 2.4rem 5rem rgba(10,42,107,.26);outline:0}
.ind-fc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s}.ind-fc:hover img{transform:scale(1.08)}
.ind-fc:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,70,.35),transparent 45%)}
.ind-g{position:absolute;z-index:2;top:1.4rem;left:1.4rem;padding:.6rem 1.3rem;border-radius:3rem;background:rgba(255,255,255,.9);backdrop-filter:blur(.8rem);font:700 1.15rem var(--primaryFont);color:var(--blueText)}
.ind-pl{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;height:11.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.4rem 0 1.8rem;border-radius:2rem;background:rgba(255,255,255,.96);backdrop-filter:blur(1.4rem);color:var(--blueText);transition:background .4s,color .4s}
.ind-pl h3{margin:0 0 .5rem;font:800 1.8rem/2.2rem var(--secondaryFont);color:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ind-pl p{margin:0;font-size:1.2rem;line-height:1.7rem;color:var(--grey);transition:color .4s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ind-go{flex:none;width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--headerBg);transition:.4s}.ind-go svg{width:2rem;height:2rem}
.ind-fc:hover .ind-pl,.ind-fc:focus-visible .ind-pl{background:var(--headerBg);color:#fff}.ind-fc:hover .ind-pl p,.ind-fc:focus-visible .ind-pl p{color:#cfe0ff}
.ind-fc:hover .ind-go,.ind-fc:focus-visible .ind-go{background:#fff;transform:rotate(-45deg)}
.ind-ex{border:.15rem solid transparent;border-radius:3rem;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#9cc4ff,#eef4ff 35%,#fff 60%,#b9d0ff) border-box;box-shadow:0 3rem 7rem rgba(10,42,107,.14);overflow:hidden}
.x-cg{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:19rem;gap:1.8rem;padding:2.4rem;align-content:start}
.ind-ft{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding:2.2rem 2.4rem;border-top:.1rem solid #e9f0fc;background:var(--grey2)}.ind-ft p{margin:0;font-size:1.5rem;color:var(--grey)}.ind-ft b{color:var(--blueText)}
@media(max-width:1200px){.ind-f{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2rem;margin:0 -2rem;padding-left:2rem;padding-right:2rem}.ind-f::-webkit-scrollbar{display:none}.ind-fc{flex:none;width:27rem;scroll-snap-align:start}}

/* ---- products ---- */
.prd{position:relative;overflow:hidden;padding-bottom:7rem;background:radial-gradient(60rem 40rem at 0 0,rgba(79,139,255,.2),transparent 70%),radial-gradient(50rem 36rem at 100% 100%,rgba(29,92,240,.12),transparent 70%),#eaf1ff}
.x-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;flex-wrap:wrap;margin-bottom:3.4rem}
.x-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.x-pc{display:flex;flex-direction:column;min-width:0;background:#fff;border:.1rem solid #dbe6fb;border-radius:2.8rem;padding:1rem;box-shadow:0 .6rem 2rem rgba(10,42,107,.08);transition:transform .4s,box-shadow .4s,border-color .4s}.x-pc:hover{transform:translateY(-.8rem);border-color:var(--accent2);box-shadow:0 2.4rem 5rem rgba(10,42,107,.22)}
.x-pi{position:relative;flex:none;height:22rem;border-radius:2rem;overflow:hidden;background:linear-gradient(135deg,#dbe7fb,#b7cdee)}.x-pi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.x-pc:hover .x-pi img{transform:scale(1.07)}.x-pi:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,70,.35),transparent 50%)}
.x-bd{position:absolute;z-index:2;left:1.2rem;top:1.2rem;display:flex;gap:.5rem}.x-bd span{display:inline-flex;align-items:center;gap:.4rem;height:2.6rem;padding:0 1.1rem;border-radius:3rem;font:800 1.05rem var(--secondaryFont);text-transform:uppercase;letter-spacing:.05rem;background:#10b981;color:#fff;box-shadow:0 .5rem 1.2rem rgba(10,31,77,.3)}.x-bd span+span,.x-bd .t{background:linear-gradient(135deg,#fde047,#f59e0b);color:#3b1f00}.x-bd svg{width:1.3rem;height:1.3rem}
.x-pt{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;padding:1rem 1.4rem;border-radius:1.6rem;background:rgba(255,255,255,.94);backdrop-filter:blur(1.2rem);box-shadow:0 1rem 2.4rem rgba(6,24,70,.2)}.x-pt small{display:block;font:600 1.1rem var(--primaryFont);color:var(--grey)}.x-pt b{display:block;margin-top:.2rem;font:800 1.75rem/2.2rem var(--secondaryFont);color:var(--headerBg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-pb{flex:1;display:flex;flex-direction:column;padding:1.8rem 1.2rem .8rem}.x-pb .x-kv:last-of-type{margin-bottom:1.6rem}.x-pb>small{font:700 1.2rem var(--secondaryFont);color:var(--accent)}.x-pb h3{height:4.8rem;margin:.6rem 0 1.2rem;font:800 1.9rem/2.4rem var(--secondaryFont);color:var(--blueText);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.x-kv{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1rem 0;border-top:.1rem dashed #c9d9f5;font-size:1.25rem}.x-kv span{flex:none;color:var(--grey)}.x-kv b{min-width:0;font-weight:700;color:var(--blueText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-pb .custom-btn{width:100%;height:4.8rem;margin-top:auto;font-weight:700;font-size:1.4rem}
@media(max-width:1200px){.x-rail{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.x-rail{grid-template-columns:repeat(2,1fr)}.x-ph .ind-va{display:none}}@media(max-width:575px){.x-rail{grid-template-columns:1fr}}

/* ---- trade desk (buy leads + RFQ form) ---- */
.x-desk{position:relative;overflow:hidden;background:radial-gradient(55rem 38rem at 0 0,rgba(79,139,255,.14),transparent 70%),radial-gradient(rgba(10,42,107,.08) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,#fff}
.x-desk .container{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:start}
.ld-card{margin-top:3.4rem;background:#fff;border:.1rem solid #dfe8fb;border-radius:2.8rem;box-shadow:0 2rem 5rem rgba(10,42,107,.1);overflow:hidden}
.ld-top{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.8rem;background:var(--grey2);border-bottom:.1rem solid #e9f0fc;font:800 1.7rem var(--secondaryFont);color:var(--blueText)}
.dk-live{display:inline-flex;align-items:center;gap:.8rem;padding:.5rem 1.3rem;border-radius:3rem;background:rgba(16,185,129,.12);font:700 1.2rem var(--primaryFont);color:#047857}.dk-live:before{content:"";width:.9rem;height:.9rem;border-radius:50%;background:#10b981;animation:mP 1.8s infinite}
.x-ld{position:relative;display:grid;grid-template-columns:9rem 1fr auto;gap:2rem;align-items:center;height:10rem;padding:0 2.8rem;border-bottom:.1rem solid #e9f0fc;transition:background .3s}
.x-ld:before{content:"";position:absolute;left:0;top:1.6rem;bottom:1.6rem;width:.4rem;border-radius:0 .4rem .4rem 0;background:var(--grad);transform:scaleY(0);transition:transform .3s}
.x-ld:hover{background:#f6f9ff}.x-ld:hover:before{transform:none}
.x-ld .q{display:flex;flex-direction:column}.x-ld .q strong{font:800 3.4rem/1 var(--secondaryFont);letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.x-ld .q em{margin-top:.5rem;font:600 1.25rem var(--primaryFont);font-style:normal;color:var(--grey)}
.x-ld .tx{min-width:0}.x-ld b{display:block;margin-bottom:.8rem;font:700 1.65rem/2.2rem var(--secondaryFont);color:var(--blueText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-ld .mt{display:flex;gap:.8rem;flex-wrap:wrap}.x-ld .mt span{display:inline-flex;align-items:center;gap:.5rem;height:2.6rem;padding:0 1.1rem;border-radius:3rem;background:var(--tint);font:600 1.15rem var(--primaryFont);color:var(--blueText)}.x-ld .mt svg{width:1.3rem;height:1.3rem;color:var(--accent)}.x-ld .mt .nw{background:rgba(16,185,129,.14);color:#047857}
.x-ld a{display:inline-flex;align-items:center;gap:.7rem;height:4.2rem;padding:0 2rem;border-radius:3rem;border:.15rem solid var(--headerBg);color:var(--headerBg);font:700 1.3rem var(--primaryFont);transition:.3s}.x-ld a svg{width:1.5rem;height:1.5rem}.x-ld:hover a{background:var(--headerBg);color:#fff;opacity:1}
.ld-ft{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding:2.2rem 2.8rem;background:var(--grey2)}.ld-ft p{margin:0;font-size:1.45rem}.ld-ft .custom-btn{height:4.8rem;padding:0 2.8rem;font-weight:700}
.x-fm{position:sticky;top:15rem;overflow:hidden;display:grid;gap:1.3rem;padding:3.6rem;border-radius:3rem;color:#c3d2f5;background:radial-gradient(40rem 26rem at 100% 0,rgba(79,139,255,.5),transparent 70%),radial-gradient(rgba(255,255,255,.06) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,linear-gradient(160deg,#0b2a72,#06194a);box-shadow:0 3rem 7rem rgba(10,42,107,.35)}
.fm-ic{display:grid;place-items:center;width:5.2rem;height:5.2rem;margin-bottom:.8rem;border-radius:1.6rem;background:rgba(255,255,255,.14);border:.1rem solid rgba(255,255,255,.25);color:#fff;font-size:2.2rem}
.x-fm h3{margin:0;font:800 2.9rem/3.4rem var(--secondaryFont);color:#fff}.x-fm>p{margin:.4rem 0 1rem;font-size:1.45rem;line-height:2.2rem;color:#a9bde8}
.x-fm input,.x-fm select{width:100%;height:5.2rem;border:.1rem solid transparent;border-radius:1.4rem;background:#fff;padding:0 1.8rem;font:400 1.4rem var(--primaryFont);color:var(--blueText);transition:.25s}.x-fm input:focus,.x-fm select:focus{outline:0;box-shadow:0 0 0 .4rem rgba(156,196,255,.45)}
.mb input{width:100%;height:5rem;border:.1rem solid var(--grey1);border-radius:1.3rem;background:var(--grey2);padding:0 1.6rem;font:400 1.4rem var(--primaryFont);color:var(--blueText)}.mb input:focus{outline:.2rem solid var(--accent);background:#fff}
.x-two{display:grid;grid-template-columns:1.3fr 1fr;gap:1.2rem}.x-fm .custom-btn{height:5.6rem;margin-top:.6rem;background:#fff;color:var(--headerBg);font-weight:800;font-size:1.6rem;box-shadow:0 1.2rem 3rem rgba(0,0,0,.3)}.x-fm .custom-btn:hover{background:#dbe6ff;opacity:1}.mb form{display:grid;gap:1.2rem}
.fm-tr{display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;margin:.6rem 0 0;padding:0;list-style:none;font:600 1.25rem var(--primaryFont);color:#9fb4e4}.fm-tr li:before{content:"✓";margin-right:.6rem;color:#7fe8c4;font-weight:800}
.x-ok{display:none;text-align:center;padding:3rem 0;font:700 2rem/2.8rem var(--secondaryFont);color:#7fe8c4}
@media(max-width:575px){.x-ld{grid-template-columns:6rem 1fr;gap:1.4rem;height:auto;padding:1.6rem 1.8rem}.x-ld a{grid-column:1/-1;justify-content:center}.ld-top,.ld-ft{padding:1.8rem}.x-ld .q strong{font-size:2.8rem}}

/* ---- trust passport ---- */
.tr{background:radial-gradient(50rem 34rem at 100% 0,rgba(79,139,255,.14),transparent 70%),radial-gradient(rgba(10,42,107,.08) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,#fff}
.tr-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;flex-wrap:wrap}.tr-hd .dk-sub{margin:0}
.tr-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;margin-top:4.4rem;align-items:center}
.tr-list{display:grid;gap:1.4rem}
.tr-it{display:grid;grid-template-columns:5.6rem 1fr auto;gap:1.6rem;align-items:center;padding:1.8rem 2rem;border:.1rem solid #dfe8fb;border-radius:2.2rem;background:#fff;text-align:left;cursor:pointer;font-family:var(--primaryFont);transition:.35s;box-shadow:0 .4rem 1.4rem rgba(10,42,107,.06)}
.tr-it:hover{border-color:var(--accent2)}
.tr-it .lg{display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:1.6rem;background:var(--grad);color:#fff;font:800 1.9rem var(--secondaryFont)}
.tr-it b{display:block;font:800 1.7rem/2.2rem var(--secondaryFont);color:var(--blueText)}
.tr-it small{font-size:1.2rem;color:var(--grey)}
.tr-it .sc{padding:.6rem 1.3rem;border-radius:3rem;background:var(--tint);font:800 1.3rem var(--secondaryFont);color:var(--headerBg)}
.tr-it.on{background:var(--headerBg);border-color:var(--headerBg);transform:translateX(1.4rem);box-shadow:0 2rem 4.4rem rgba(10,42,107,.32)}
.tr-it.on b{color:#fff}.tr-it.on small{color:#a9bde8}.tr-it.on .lg{background:#fff;color:var(--headerBg)}.tr-it.on .sc{background:rgba(255,255,255,.16);color:#fff}
.tr-pass{position:relative;background:#fff;border:.1rem solid #dfe8fb;border-radius:3rem;overflow:hidden;box-shadow:0 3rem 7rem rgba(10,42,107,.18);animation:trIn .5s}
@keyframes trIn{from{opacity:0;transform:translateY(1.6rem)}}
.tr-cv{position:relative;height:19rem;background:linear-gradient(135deg,#1d5cf0,#0a2a6b)}.tr-cv img{width:100%;height:100%;object-fit:cover}.tr-cv:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,70,.7),transparent 70%)}
.tr-cv span{position:absolute;z-index:2;left:2.4rem;bottom:1.8rem;padding:.6rem 1.4rem;border-radius:3rem;background:rgba(255,255,255,.9);font:700 1.2rem var(--primaryFont);color:var(--blueText)}
.tr-ring{position:absolute;z-index:3;right:2.6rem;top:12rem;display:grid;place-items:center;width:13rem;height:13rem;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p)*1%),#e1e9fa 0);box-shadow:0 1.4rem 3.2rem rgba(10,42,107,.28)}
.tr-ring:before{content:"";position:absolute;inset:1.1rem;border-radius:50%;background:#fff}
.tr-ring div{position:relative;text-align:center}.tr-ring strong{display:block;font:800 3.8rem/1 var(--secondaryFont);letter-spacing:-.04em;color:var(--blueText)}.tr-ring small{font:700 1rem var(--primaryFont);text-transform:uppercase;letter-spacing:.1rem;color:var(--grey)}
.tr-bd{padding:3rem 3rem 3.2rem}
.tr-bd h3{margin:0 14rem .6rem 0;font:800 2.8rem/3.4rem var(--secondaryFont);color:var(--blueText)}
.tr-loc{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;color:var(--grey)}
.tr-ck{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2.6rem 0}
.tr-ck div{display:flex;align-items:center;gap:1.2rem;padding:1.3rem 1.5rem;border-radius:1.6rem;background:var(--grey2);font:600 1.35rem var(--primaryFont);color:var(--blueText)}
.tr-ck i{flex:none;display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:#10b981;color:#fff;font-style:normal;font-size:1.3rem}
.tr-ck .no{opacity:.55}.tr-ck .no i{background:#c9d4ea}
.tr-ac{display:flex;gap:1.2rem;flex-wrap:wrap}.tr-ac .custom-btn{height:5rem;padding:0 3rem;font-weight:700}
@media(max-width:991px){.tr-wrap{grid-template-columns:1fr;gap:3rem}.tr-it.on{transform:none}}
@media(max-width:575px){.tr-ck{grid-template-columns:1fr}.tr-bd h3{margin-right:0;margin-top:5rem}.tr-ring{width:11rem;height:11rem}.tr-ring strong{font-size:3.2rem}}

/* ---- popular suppliers ---- */
.pp{background-color:#fff !important}
.pp-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;flex-wrap:wrap}.pp-hd .custom-btn{height:5rem;padding:0 3rem;font-weight:700}
.pp-fl{display:flex;flex-wrap:wrap;gap:.8rem;margin:3.2rem 0 3rem}.pp-fl button{height:4.2rem;padding:0 2.2rem;border-radius:3rem;border:.1rem solid #c9d9f5;background:rgba(255,255,255,.75);font:600 1.35rem var(--primaryFont);color:var(--blueText);cursor:pointer;transition:.25s}.pp-fl button:hover{border-color:var(--accent);color:var(--accent)}.pp-fl button.on{background:var(--headerBg);border-color:var(--headerBg);color:#fff;box-shadow:0 .8rem 2rem rgba(10,42,107,.3)}
.pp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem}
.pp-c{display:flex;flex-direction:column;min-width:0;border-radius:2.8rem;background:#fff;border:.1rem solid #dbe6fb;box-shadow:0 .6rem 2rem rgba(10,42,107,.08);transition:transform .4s,box-shadow .4s,border-color .4s}
.pp-c:hover{transform:translateY(-.8rem);border-color:var(--accent2);box-shadow:0 2.4rem 5rem rgba(10,42,107,.22)}
.pp-mo{position:relative;display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr;gap:.6rem;height:21rem;margin:1rem;border-radius:2rem;overflow:hidden}
.pp-mo>div{position:relative;overflow:hidden;background:linear-gradient(135deg,#dbe7fb,#b7cdee)}.pp-mo>div:first-child{grid-row:1/3}
.pp-mo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.pp-c:hover .pp-mo img{transform:scale(1.06)}
.pp-en{position:absolute;z-index:2;left:1.2rem;bottom:1.2rem;display:inline-flex;align-items:center;gap:.7rem;height:3.2rem;padding:0 1.3rem;border-radius:3rem;background:rgba(255,255,255,.94);backdrop-filter:blur(.8rem);font:700 1.15rem var(--primaryFont);color:var(--blueText)}.pp-en:before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:#10b981}
.pp-in{display:flex;gap:1.4rem;align-items:center;padding:.6rem 2.2rem 0}
.pp-lg{flex:none;display:grid;place-items:center;width:5.2rem;height:5.2rem;border-radius:1.6rem;background:var(--grad);color:#fff;font:800 1.8rem var(--secondaryFont)}
.pp-nm{min-width:0;flex:1}.pp-nm h3{margin:0;font:800 1.8rem/2.4rem var(--secondaryFont);color:var(--blueText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-lc{display:flex;align-items:center;gap:.6rem;margin-top:.2rem;font-size:1.25rem;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-lc svg{flex:none;width:1.4rem;height:1.4rem;color:var(--accent)}
.pp-bd{display:flex;gap:.5rem}.pp-bd span{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:#10b981;color:#fff}.pp-bd span+span{background:#f59e0b}.pp-bd svg{width:1.4rem;height:1.4rem}
.pp-ct{margin:1.4rem 2.2rem 0}.pp-ct span{display:inline-block;padding:.5rem 1.3rem;border-radius:3rem;background:var(--tint);font:700 1.15rem var(--primaryFont);color:var(--headerBg)}
.pp-st{display:grid;grid-template-columns:repeat(3,1fr);margin:1.8rem 2.2rem 0;border-top:.1rem dashed #c9d9f5;border-bottom:.1rem dashed #c9d9f5}
.pp-st div{padding:1.4rem 0;text-align:center}.pp-st div+div{border-left:.1rem dashed #c9d9f5}
.pp-st b{display:block;font:800 1.55rem/2rem var(--secondaryFont);color:var(--blueText)}.pp-st small{font:600 1.1rem var(--primaryFont);color:var(--grey)}
.pp-ac{display:grid;grid-template-columns:1fr ;gap:1rem;padding:2rem 2.2rem 2.4rem;margin-top:auto}
.pp-ac .custom-btn{height:4.6rem;padding:0;font-size:1.35rem;font-weight:700;text-align:center;justify-content:center}
.pp-ac .gh{background:#fff;color:var(--headerBg);border:.15rem solid var(--headerBg);box-shadow:none}
.pp-no{grid-column:1/-1;padding:5rem;text-align:center;color:var(--grey)}
@media(max-width:1200px){.pp-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.pp-g{grid-template-columns:1fr}}

/* ---- recently added (dark timeline) ---- */
.rc{position:relative;overflow:hidden;color:#c3d2f5;background:radial-gradient(50rem 34rem at 100% 0,rgba(79,139,255,.45),transparent 70%),radial-gradient(rgba(255,255,255,.06) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,linear-gradient(160deg,#0b2a72,#06194a)}
.rc .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:start}
.rc-l{position:sticky;top:15rem}.rc .x-eb{color:#9cc4ff}.rc .x-eb:before{background:#9cc4ff}
.rc .x-h2{color:#fff}.rc .x-h2 em{background:none;-webkit-text-fill-color:#9cc4ff;color:#9cc4ff}
.rc-l p{max-width:44rem;margin:1.8rem 0 0;font-size:1.65rem;line-height:2.6rem;color:#a9bde8}
.rc-k{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:3.2rem 0}
.rc-k div{padding:1.8rem 2rem;border-radius:2rem;background:rgba(255,255,255,.08);border:.1rem solid rgba(255,255,255,.16)}.rc-k b{display:block;font:800 3.2rem/1 var(--secondaryFont);letter-spacing:-.03em;color:#fff}.rc-k span{display:block;margin-top:.7rem;font:600 1.25rem var(--primaryFont);color:#9fb4e4}
.rc-l .custom-btn{height:5.2rem;padding:0 3rem;background:#fff;color:var(--headerBg);font-weight:800;box-shadow:0 1.2rem 3rem rgba(0,0,0,.3)}.rc-l .custom-btn:hover{background:#dbe6ff;opacity:1}
.rc-tl{position:relative;padding-left:4.2rem}.rc-tl:before{content:"";position:absolute;left:.9rem;top:.8rem;bottom:.8rem;width:.2rem;background:linear-gradient(180deg,#4f8bff,rgba(79,139,255,.05))}
.rc-gl{margin:0 0 1.8rem;font:800 1.2rem var(--secondaryFont);text-transform:uppercase;letter-spacing:.16rem;color:#9cc4ff}.rc-gl:not(:first-child){margin-top:3.6rem}
.rc-it{position:relative;display:grid;grid-template-columns:5.6rem 1fr auto;gap:1.8rem;align-items:center;margin-bottom:1.4rem;padding:1.8rem 2rem;border-radius:2.2rem;background:rgba(255,255,255,.07);border:.1rem solid rgba(255,255,255,.14);backdrop-filter:blur(1rem);transition:.35s}
.rc-it:hover{background:rgba(255,255,255,.13);transform:translateX(.8rem)}
.rc-it:before{content:"";position:absolute;left:-3.9rem;top:50%;width:1.4rem;height:1.4rem;margin-top:-.7rem;border-radius:50%;background:#4f8bff;box-shadow:0 0 0 .5rem rgba(79,139,255,.25)}
.rc-it.nw:before{background:#34d399;box-shadow:0 0 0 .5rem rgba(52,211,153,.25);animation:mP 1.8s infinite}
.rc-t{position:relative;display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:1.6rem;overflow:hidden;background:rgba(255,255,255,.14);font:800 1.9rem var(--secondaryFont);color:#fff}.rc-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rc-x{min-width:0}.rc-x b{display:block;font:800 1.75rem/2.3rem var(--secondaryFont);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-mt{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin-top:.7rem;font:600 1.2rem var(--primaryFont);color:#9fb4e4}.rc-mt em{padding:.3rem 1.1rem;border-radius:3rem;background:rgba(156,196,255,.18);font-style:normal;font-weight:700;color:#dbe6ff}.rc-mt svg{width:1.3rem;height:1.3rem;margin-right:.4rem;vertical-align:-.2rem}
.rc-ul{display:inline-flex;align-items:center;gap:.7rem;height:4.2rem;padding:0 2rem;border-radius:3rem;border:.15rem solid rgba(255,255,255,.55);color:#fff;font:700 1.3rem var(--primaryFont);white-space:nowrap;transition:.3s}.rc-ul svg{width:1.5rem;height:1.5rem}.rc-ul:hover,.rc-it:hover .rc-ul{background:#fff;color:var(--headerBg);opacity:1}
@media(max-width:991px){.rc .container{grid-template-columns:1fr;gap:4rem}.rc-l{position:static}}
@media(max-width:575px){.rc-it{grid-template-columns:5rem 1fr;gap:1.4rem;padding:1.6rem}.rc-ul{grid-column:1/-1;justify-content:center}.rc-it:hover{transform:none}.rc-tl{padding-left:3.4rem}.rc-it:before{left:-3.1rem}}

/* ---- how it works ---- */
.x-pr2{background:var(--grey2)}.x-pr2 .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem}.x-pr2 .l{position:sticky;top:15rem;align-self:start}
.x-sw{display:inline-flex;padding:.5rem;border-radius:3rem;background:#fff;margin-top:3rem;box-shadow:0 .4rem 1.4rem rgba(10,42,107,.1)}.x-sw button{height:4.4rem;padding:0 2.6rem;border:0;border-radius:3rem;background:none;color:var(--grey);font:600 1.4rem var(--secondaryFont);cursor:pointer}.x-sw button.on{background:var(--grad);color:#fff}
.x-stp{display:grid;grid-template-columns:9rem 1fr;gap:3rem;padding:3.2rem 0;border-bottom:.1rem solid var(--grey1)}.x-stp:first-child{padding-top:0}.x-stp b{font:800 8rem/1 var(--secondaryFont);letter-spacing:-.05em;background:linear-gradient(180deg,var(--accent2),rgba(79,139,255,.08));-webkit-background-clip:text;background-clip:text;color:transparent}
.x-stp h3{margin:.6rem 0 1rem;font:800 2.6rem/3.2rem var(--secondaryFont);color:var(--blueText)}.x-stp p{font-size:1.6rem;line-height:2.6rem}

/* ---- category picker modal ---- */
.x-cp{flex:none;width:19rem;height:5.2rem;border:0;border-right:.1rem solid var(--grey1);background:none;padding:0 1.4rem;font:600 1.4rem var(--primaryFont);color:var(--blueText);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-cp:hover{color:var(--accent)}
.x-mc{max-width:96rem}.x-mc input{width:100%;height:5rem;margin-bottom:2.4rem;border:.1rem solid var(--grey1);border-radius:3rem;background:var(--grey2);padding:0 2.2rem;font:400 1.5rem var(--primaryFont)}
.x-mg{display:grid;grid-template-columns:repeat(4,1fr);gap:2.6rem}.x-mg h5{margin:0 0 1rem;font:800 1.15rem var(--secondaryFont);text-transform:uppercase;letter-spacing:.1rem;color:var(--accent)}
.x-mg button,.x-mall{display:block;width:100%;padding:.7rem 0;border:0;background:none;text-align:left;font:400 1.4rem var(--primaryFont);color:var(--blueText);cursor:pointer}.x-mg button:hover,.x-mall:hover{color:var(--accent)}.x-mall{font-weight:700;margin-bottom:1.6rem;padding:1.2rem 1.6rem;background:var(--tint);border-radius:1.2rem}

/* =====================================================================
   6. CATEGORY LISTING PAGE (categories.html)
   ===================================================================== */
/* ---- hero (light theme) ---- */
.cl-hero{position:relative;overflow:hidden;padding:5rem 0 7rem;background:radial-gradient(52rem 36rem at 100% 0,rgba(79,139,255,.3),transparent 70%),radial-gradient(40rem 28rem at 0 100%,rgba(255,211,107,.26),transparent 70%),radial-gradient(rgba(10,42,107,.09) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,linear-gradient(180deg,#f6f9ff,#e7f0ff);border-bottom:.1rem solid #dbe6fb}
.cl-hero:before{content:"";position:absolute;right:-12rem;top:-14rem;width:46rem;height:46rem;border-radius:50%;border:.1rem solid rgba(29,92,240,.14);box-shadow:0 0 0 5rem rgba(29,92,240,.04),0 0 0 10rem rgba(29,92,240,.03)}
.cl-hi{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:5rem;align-items:center}
.cl-bc{display:flex;align-items:center;gap:.9rem;margin-bottom:2.6rem;font:600 1.3rem var(--primaryFont);color:var(--grey)}.cl-bc a{color:var(--accent)}.cl-bc b{color:var(--blueText);font-weight:700}.cl-bc span{opacity:.45}
.cl-hero h1.x-h2{margin:1.6rem 0 0}
.cl-hero .dk-sub b{color:var(--blueText)}
.cl-hero .x-cmd{margin-top:3rem;border-color:#d5e2fb;box-shadow:0 2rem 5rem rgba(10,42,107,.16)}
.cl-chips{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:2rem;font:600 1.3rem var(--primaryFont);color:var(--grey)}
.cl-chips button{height:3.4rem;padding:0 1.5rem;border-radius:3rem;border:.1rem solid #cfdcf6;background:#fff;color:var(--blueText);font:600 1.25rem var(--primaryFont);cursor:pointer;transition:.25s}.cl-chips button:hover{background:var(--headerBg);border-color:var(--headerBg);color:#fff}
.cl-stats{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}
.cl-stats div{min-width:13rem;padding:1.4rem 2rem;border-radius:1.8rem;background:#fff;border:.1rem solid #dfe8fb;box-shadow:0 1rem 2.4rem rgba(10,42,107,.08)}
.cl-stats b{display:block;font:800 3rem/1 var(--secondaryFont);letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-stats span{display:block;margin-top:.6rem;font:600 1.2rem var(--primaryFont);color:var(--grey)}
.cl-mos{position:relative;height:44rem}
.cl-mt{position:absolute;overflow:hidden;border-radius:2.6rem;border:.5rem solid #fff;background:linear-gradient(135deg,#dbe7fb,#b7cdee);box-shadow:0 2rem 5rem rgba(10,42,107,.25);animation:wf 7s ease-in-out infinite}
.cl-mt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cl-mt:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,70,.5),transparent 50%)}
.cl-mt span{position:absolute;z-index:2;left:1.2rem;bottom:1.2rem;padding:.5rem 1.2rem;border-radius:3rem;background:rgba(255,255,255,.92);font:700 1.15rem var(--primaryFont);color:var(--blueText)}
.cl-m1{left:0;top:3rem;width:24rem;height:31rem;transform:rotate(-5deg)}
.cl-m2{right:0;top:0;width:22rem;height:27rem;transform:rotate(4deg);animation-delay:-2.5s}
.cl-m3{left:11rem;bottom:0;width:27rem;height:20rem;transform:rotate(2deg);animation-delay:-5s}
.cl-f1{right:-1rem;bottom:5rem;animation-delay:-1.5s}
.pl-hero .cl-mos{height:40rem}

/* ---- most searched strip ---- */
.cl-ts{padding:6rem 0 0}.cl-ts .ind-lb{margin:0 0 2.4rem}
.cl-top{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.cl-tc{position:relative;height:24rem;border-radius:2.4rem;overflow:hidden;background:linear-gradient(135deg,#dbe7fb,#b7cdee);box-shadow:0 .6rem 2rem rgba(10,42,107,.12);transition:transform .5s,box-shadow .5s}
.cl-tc:hover{transform:translateY(-.8rem);box-shadow:0 2.4rem 5rem rgba(10,42,107,.26);opacity:1}
.cl-tc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s}.cl-tc:hover img{transform:scale(1.08)}
.cl-tc:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,24,70,.72),transparent 60%)}
.cl-tg{position:absolute;z-index:2;top:1.4rem;left:1.4rem;padding:.5rem 1.2rem;border-radius:3rem;background:rgba(255,255,255,.9);backdrop-filter:blur(.8rem);font:700 1.1rem var(--primaryFont);color:var(--blueText)}
.cl-tn{position:absolute;z-index:2;left:1.8rem;right:1.4rem;bottom:1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cl-tn b{font:800 1.9rem/2.4rem var(--secondaryFont);color:#fff}
.cl-tn .go,.cl-card .go{flex:none;display:grid;place-items:center;width:3.8rem;height:3.8rem;border-radius:50%;background:#fff;color:var(--headerBg);transition:.35s}.cl-tn .go svg,.cl-card .go svg{width:1.8rem;height:1.8rem}
.cl-tc:hover .go{transform:rotate(-45deg)}

/* ---- sidebar + listing ---- */
.cl-sec{padding:6rem 0 9rem}
.cl-wrap{display:grid;grid-template-columns:29rem 1fr;gap:4.4rem;align-items:start}
.cl-side{position:sticky;top:15rem;padding:1.6rem;border-radius:2.6rem;background:#fff;border:.1rem solid #dfe8fb;box-shadow:0 1.6rem 4rem rgba(10,42,107,.1)}
.cl-side h6{margin:.8rem 1rem 1.2rem;font:800 1.2rem var(--secondaryFont);text-transform:uppercase;letter-spacing:.14rem;color:var(--accent)}
.cl-si{--h:#1d5cf0;display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.2rem;border:0;border-radius:1.6rem;background:none;cursor:pointer;text-align:left;font:600 1.4rem var(--primaryFont);color:var(--blueText);transition:.25s}
.cl-si i{flex:none;width:1rem;height:1rem;border-radius:50%;background:var(--h);transition:.25s}.cl-si span{flex:1;min-width:0}
.cl-si em{padding:.3rem 1rem;border-radius:3rem;background:var(--tint);font:800 1.15rem var(--secondaryFont);color:var(--headerBg)}
.cl-si:hover{background:var(--grey2)}
.cl-si.on{background:var(--headerBg);color:#fff}.cl-si.on em{background:rgba(255,255,255,.18);color:#fff}.cl-si.on i{box-shadow:0 0 0 .4rem rgba(255,255,255,.25)}
.cl-si.off{opacity:.4;pointer-events:none}
.cl-help{margin-top:1.4rem;padding:1.8rem;border-radius:2rem;background:var(--grad);color:#fff}.cl-help b{display:block;margin-bottom:.6rem;font:800 1.6rem/2.2rem var(--secondaryFont)}.cl-help p{margin-bottom:1.4rem;font-size:1.25rem;line-height:1.8rem;color:#dbe6ff}.cl-help .custom-btn{height:4rem;width:100%;padding:0;font-size:1.3rem;font-weight:700}
.cl-bar{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;flex-wrap:wrap;margin-bottom:3rem}
.cl-cnt{margin:0;font-size:1.45rem;color:var(--grey)}.cl-cnt b{color:var(--blueText)}
.cl-clr{height:3.6rem;padding:0 1.6rem;border-radius:3rem;border:.1rem solid #c9d9f5;background:#fff;color:var(--accent);font:700 1.25rem var(--primaryFont);cursor:pointer}.cl-clr:hover{background:var(--tint)}
.cl-grp{scroll-margin-top:15rem}.cl-grp+.cl-grp{margin-top:6rem}
.cl-gh{display:flex;align-items:center;gap:1.8rem;margin-bottom:2.6rem;padding-bottom:2rem;border-bottom:.1rem solid var(--grey1)}
.cl-gn{flex:none;display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:1.8rem;background:linear-gradient(135deg,var(--h),color-mix(in srgb,var(--h) 55%,#fff));color:#fff;font:800 1.8rem var(--secondaryFont);box-shadow:0 .8rem 2rem color-mix(in srgb,var(--h) 35%,transparent)}
.cl-gh h2{margin:0;font:800 2.6rem/3.2rem var(--secondaryFont);letter-spacing:-.02em;color:var(--blueText)}.cl-gh p{margin:.2rem 0 0;font-size:1.4rem;color:var(--grey)}
.cl-gh .ct{margin-left:auto;padding:.7rem 1.5rem;border-radius:3rem;background:color-mix(in srgb,var(--h) 10%,#fff);color:var(--h);font:800 1.25rem var(--primaryFont);white-space:nowrap}
.cl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.cl-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:25rem;padding:2.2rem;border:.1rem solid #e1e9fa;border-radius:2.4rem;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--h) 5%,#fff));transition:transform .35s,box-shadow .35s,border-color .35s}
.cl-card:hover,.cl-card:focus-visible{transform:translateY(-.6rem);border-color:var(--h);box-shadow:0 2rem 4rem color-mix(in srgb,var(--h) 22%,transparent);outline:0;opacity:1}
.cl-card .tp{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.cl-card i{flex:none;display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:1.5rem;background:linear-gradient(135deg,var(--h),color-mix(in srgb,var(--h) 55%,#fff));color:#fff;font:800 1.5rem var(--secondaryFont);font-style:normal;box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--h) 35%,transparent)}
.cl-card .n{padding:.5rem 1.1rem;border-radius:3rem;background:color-mix(in srgb,var(--h) 10%,#fff);color:var(--h);font:700 1.1rem var(--primaryFont)}
.cl-card b{display:block;margin:1.8rem 0 1rem;font:800 1.9rem/2.4rem var(--secondaryFont);color:var(--blueText)}
.cl-card .cs{display:flex;flex-wrap:wrap;gap:.5rem}.cl-card .cs em{padding:.4rem 1rem;border-radius:3rem;border:.1rem solid #e1e9fa;background:#fff;font:600 1.1rem/1.4rem var(--primaryFont);color:var(--grey)}
.cl-card .ft{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:2rem;font:700 1.3rem var(--primaryFont);color:var(--h)}
.cl-card .go{background:color-mix(in srgb,var(--h) 12%,#fff);color:var(--h)}.cl-card:hover .go{background:var(--h);color:#fff;transform:rotate(-45deg)}
.cl-card .wm{position:absolute;right:-.6rem;bottom:-2.2rem;font:800 10rem/1 var(--secondaryFont);letter-spacing:-.06em;color:var(--h);opacity:.06;pointer-events:none;transition:.5s}.cl-card:hover .wm{opacity:.13;transform:translateX(-.6rem)}
@media(max-width:1200px){.cl-wrap{grid-template-columns:26rem 1fr;gap:3rem}.cl-g{grid-template-columns:repeat(2,1fr)}.cl-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){
 .cl-hero{padding:3.4rem 0 5rem}.cl-hi{grid-template-columns:1fr}.cl-mos{display:none}.cl-ts{padding-top:4rem}.cl-sec{padding:4rem 0 6rem}
 .cl-wrap{grid-template-columns:1fr;gap:2.4rem}
 .cl-side{top:11.2rem;z-index:20;padding:.8rem;border-radius:2rem}.cl-side h6,.cl-help{display:none}
 #cls{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none}#cls::-webkit-scrollbar{display:none}
 .cl-si{flex:none;width:auto;white-space:nowrap;padding:1rem 1.4rem;border-radius:3rem}
 .cl-grp{scroll-margin-top:20rem}}
@media(max-width:575px){.cl-g,.cl-top{grid-template-columns:1fr}.cl-gh{flex-wrap:wrap}.cl-gh .ct{display:none}.cl-gh h2{font-size:2.2rem;line-height:2.8rem}.cl-gn{width:4.8rem;height:4.8rem}}

/* =====================================================================
   6b. PRODUCT LISTING PAGE (products.html)
   ===================================================================== */
.pl-hero{padding:4.4rem 0 5.6rem}.pl-hi{position:relative;z-index:2}
.pl-hero .x-cmd{width:min(80rem,100%)}
.pl-sec{padding:4.4rem 0 9rem;background:radial-gradient(55rem 38rem at 0 0,rgba(79,139,255,.12),transparent 70%),radial-gradient(rgba(10,42,107,.07) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,#fff}
.pl-wrap{display:grid;grid-template-columns:29rem 1fr;gap:3.6rem;align-items:start}
.pl-side{position:sticky;top:15rem;overflow:hidden;padding:.8rem .6rem .8rem 0;border-radius:2.6rem;background:#fff;border:.1rem solid #dfe8fb;box-shadow:0 1.6rem 4rem rgba(10,42,107,.1)}
.pl-sc{max-height:calc(100vh - 19.4rem);overflow-y:auto;padding:.2rem 1rem .4rem 1.4rem;scrollbar-width:thin;scrollbar-color:#9cc4ff transparent}
.pl-sc::-webkit-scrollbar{width:.6rem}.pl-sc::-webkit-scrollbar-track{background:transparent;margin:1.2rem 0}.pl-sc::-webkit-scrollbar-thumb{border-radius:1rem;background:linear-gradient(180deg,#9cc4ff,#4f8bff)}.pl-sc::-webkit-scrollbar-thumb:hover{background:var(--accent)}
.pl-dh,.pl-apply{display:none}
.pl-fg{padding:1.6rem .4rem 1.8rem;border-bottom:.1rem dashed #c9d9f5}.pl-fg:last-of-type{border-bottom:0}
.pl-fg h6{margin:0 0 1.2rem;font:800 1.2rem var(--secondaryFont);text-transform:uppercase;letter-spacing:.14rem;color:var(--accent)}
.pl-ls{display:block}
.pl-op{display:flex;align-items:center;gap:1.1rem;padding:.9rem 1rem;border-radius:1.2rem;cursor:pointer;font:600 1.35rem var(--primaryFont);color:var(--blueText);transition:.2s}
.pl-op:hover{background:var(--grey2)}.pl-op input{flex:none;width:1.7rem;height:1.7rem;accent-color:var(--accent);cursor:pointer}.pl-op span{flex:1;min-width:0}
.pl-op em{padding:.2rem .9rem;border-radius:3rem;background:var(--tint);font:800 1.1rem var(--secondaryFont);color:var(--headerBg)}.pl-op.z{opacity:.4}
.pl-fg select,.pl-sort select{width:100%;height:4.6rem;padding:0 1.4rem;border:.1rem solid var(--grey1);border-radius:1.4rem;background:var(--grey2);font:600 1.35rem var(--primaryFont);color:var(--blueText);cursor:pointer}
.pl-reset{width:100%;height:4.4rem;margin-top:1rem;border-radius:3rem;border:.15rem solid var(--headerBg);background:#fff;color:var(--headerBg);font:700 1.3rem var(--primaryFont);cursor:pointer;transition:.25s}.pl-reset:hover{background:var(--headerBg);color:#fff}
.pl-tb{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-bottom:2rem}
.pl-cnt{margin:0;font-size:1.5rem;color:var(--grey)}.pl-cnt b{color:var(--blueText)}
.pl-tr{display:flex;align-items:center;gap:1rem}.pl-sort{display:flex;align-items:center;gap:1rem;font:600 1.3rem var(--primaryFont);color:var(--grey)}.pl-sort select{width:auto;min-width:20rem;background:#fff}
.pl-fb{display:none;height:4.6rem;padding:0 2rem;border-radius:1.4rem;border:.1rem solid var(--grey1);background:#fff;color:var(--blueText);font:700 1.3rem var(--primaryFont);cursor:pointer}
.pl-ac{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.4rem}.pl-ac:empty{display:none}
.pl-ac button{display:inline-flex;align-items:center;gap:.8rem;height:3.4rem;padding:0 1.4rem;border-radius:3rem;border:.1rem solid #c9d9f5;background:var(--tint);color:var(--headerBg);font:700 1.2rem var(--primaryFont);cursor:pointer}.pl-ac button:hover{background:#fff;border-color:var(--accent)}
.pl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.pl-g .x-pi .ph{position:absolute;inset:0;display:grid;place-items:center;font:800 7rem var(--secondaryFont);letter-spacing:-.05em;color:rgba(255,255,255,.6)}
.pl-g .x-pb .x-kv b{max-width:65%}
.pl-more{display:flex;justify-content:center;margin-top:4.4rem}.pl-more .custom-btn{height:5.2rem;padding:0 3.6rem;font-weight:700}
.pl-empty{grid-column:1/-1;padding:6rem 2rem;border:.15rem dashed #c9d9f5;border-radius:2.6rem;text-align:center;background:var(--grey2)}
.pl-empty b{display:block;margin-bottom:.8rem;font:800 2.2rem/3rem var(--secondaryFont);color:var(--blueText)}.pl-empty p{margin-bottom:2.2rem;color:var(--grey)}
.pl-bk{position:fixed;inset:0;background:var(--blueText);opacity:.5;display:none;z-index:59}.pl-bk.o{display:block}
@media(max-width:1200px){.pl-wrap{grid-template-columns:26rem 1fr;gap:2.8rem}.pl-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){
 .pl-hero{padding:3.2rem 0 4.4rem}.pl-sec{padding:3rem 0 6rem}.pl-wrap{grid-template-columns:1fr}.pl-fb{display:inline-flex;align-items:center}
 .pl-side{display:none;position:fixed;left:0;top:0;bottom:0;z-index:60;width:32rem;max-width:88vw;border-radius:0 2.6rem 2.6rem 0;padding:1rem .6rem 1rem 0}.pl-side.o{display:block}.pl-sc{max-height:calc(100vh - 2rem)}
 .pl-dh{display:flex;justify-content:space-between;align-items:center;padding:.6rem .4rem 0;font:800 1.9rem var(--secondaryFont);color:var(--blueText)}
 .pl-dh button{width:3.6rem;height:3.6rem;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center}.pl-dh svg{width:1.6rem;height:1.6rem}
 .pl-apply{display:inline-flex;width:100%;height:5rem;margin-top:1.4rem;font-weight:700}}
@media(max-width:575px){.pl-g{grid-template-columns:1fr}.pl-tr{width:100%;justify-content:space-between}.pl-sort select{min-width:0}}

/* =====================================================================
   7. RESPONSIVE (shared)
   ===================================================================== */
@media(max-width:1200px){.footer-nav{margin-right:6rem}}
@media(max-width:991px){
 html{scroll-padding-top:12rem}.main-content{padding-top:11.5rem}
 .site-logo{width:17rem}.top-header li{padding-right:1.4rem;margin-right:1.3rem}
 .hamburger-menu{display:block}.bottom-header nav{position:fixed;top:0;right:-32rem;width:30rem;height:100%;background:var(--headerBg);z-index:49;padding:7rem 2.4rem;transition:.5s}
 .bottom-header nav.o{right:0}.bottom-header nav ul{flex-direction:column;align-items:flex-start;gap:2rem}.bottom-header nav li{margin:0}.bottom-header nav a{color:#fff}.nav-backdrop.o{display:block}
 .close-nav{display:block;position:absolute;right:2rem;top:2rem;background:none;border:0;color:#fff;cursor:pointer}.close-nav svg{width:2.6rem;height:2.6rem}
 .footer-top-left{width:100%}.footer-nav{margin-right:4rem}.translate-topbar select{max-width:13rem}
 .x-cp{width:100%;border:0;border-bottom:.1rem solid var(--grey1)}.x-mg{grid-template-columns:repeat(2,1fr)}.x-cg{grid-template-columns:repeat(2,1fr)}.ind-st div{min-width:0;flex:1}.ind-st{width:100%}
 .x-sec{padding:6rem 0}.x-desk .container,.x-pr2 .container{grid-template-columns:1fr;gap:4rem}
 .x-row{flex-wrap:wrap}.x-row input{flex:1 1 100%}.x-row .custom-btn{width:100%;margin-top:.5rem}
 .x-fm,.x-pr2 .l{position:static}.x-stp{grid-template-columns:6rem 1fr;gap:1.6rem}.x-stp b{font-size:5.6rem}.x-cta{margin:0 1rem 5rem;padding:6rem 2rem}}
@media(max-width:575px){
 .footer-nav{margin:0 3rem 2rem 0}.earn-spend-section p{font-size:2rem}.mb{padding:2.8rem 2rem}
 .x-cg,.x-mg{grid-template-columns:1fr}.ind-fc{width:25rem;height:38rem}.x-two{grid-template-columns:1fr}.x-fm{padding:2.4rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* =====================================================================
   6c. SUPPLIER DETAIL PAGE (supplier-detail.html)  — append to style.css
   ===================================================================== */
.sd-band{background:linear-gradient(135deg,#0a2a6b,#123f9c);color:#fff}
.sd-bi{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;padding-top:2.2rem;padding-bottom:2.2rem}
.sd-id{display:flex;align-items:center;gap:1.6rem;min-width:0}
.sd-ic{flex:none;display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:1.6rem;background:#fff;color:var(--headerBg)}.sd-ic svg{width:2.8rem;height:2.8rem}
.sd-id h1{margin:0 0 .6rem;font:800 2.6rem/3.2rem var(--secondaryFont);letter-spacing:-.02em;color:#fff}
.sd-rt{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;font:600 1.25rem var(--primaryFont);color:#cfe0ff}.sd-st{color:#fbbf24;letter-spacing:.1rem;font-size:1.5rem}
.sd-bg{display:inline-flex;align-items:center;gap:.5rem;height:2.4rem;padding:0 1rem;border-radius:3rem;background:#10b981;color:#fff;font:800 1rem var(--secondaryFont);text-transform:uppercase;letter-spacing:.05rem}.sd-bg.t{background:linear-gradient(135deg,#fde047,#f59e0b);color:#3b1f00}.sd-bg svg{width:1.2rem;height:1.2rem}
.sd-bt{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.sd-bt .custom-btn{height:4.4rem;background:#fff;color:var(--headerBg);font-weight:800;box-shadow:none}.sd-bt .custom-btn svg{width:1.8rem;height:1.8rem}
.sd-so{display:flex;gap:.8rem}.sd-so a{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#fff;color:var(--headerBg);font:800 1.3rem var(--secondaryFont)}.sd-so a:hover{background:var(--accent2);color:#fff;opacity:1}
.sd-sec{padding:4rem 0 8rem;background:radial-gradient(55rem 38rem at 0 0,rgba(79,139,255,.12),transparent 70%),radial-gradient(rgba(10,42,107,.07) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,#fff}
.sd-wrap{display:grid;grid-template-columns:42rem 1fr;gap:3rem;align-items:start}
.sd-l,.sd-r{display:grid;gap:2.4rem;min-width:0}
.sd-c{padding:2.6rem;border:.1rem solid #dfe8fb;border-radius:2.6rem;background:#fff;box-shadow:0 1.4rem 3.6rem rgba(10,42,107,.08)}
.sd-h{display:flex;align-items:center;gap:1.4rem;margin-bottom:2rem}.sd-h>span:first-child{flex:none;display:grid;place-items:center;width:4.6rem;height:4.6rem;border-radius:1.4rem;background:var(--tint);color:var(--accent)}.sd-h svg{width:2.2rem;height:2.2rem}
.sd-h h3{margin:0;font:800 2rem/2.4rem var(--secondaryFont);color:var(--blueText)}.sd-h small{font-size:1.2rem;color:var(--grey)}.sd-h .sd-on{margin-left:auto}
.sd-on{padding:.6rem 1.3rem;border-radius:3rem;background:rgba(16,185,129,.12);font:700 1.2rem var(--primaryFont);color:#047857}.sd-on.off{background:#fee2e2;color:#b91c1c}
.sd-c>p{font-size:1.5rem;line-height:2.5rem}
.sd-gal{position:relative;height:30rem;border-radius:2rem;overflow:hidden;background:linear-gradient(135deg,#dbe7fb,#b7cdee)}.sd-gal img{width:100%;height:100%;object-fit:cover}
.sd-ar{position:absolute;top:50%;margin-top:-2rem;display:grid;place-items:center;width:4rem;height:4rem;border:0;border-radius:50%;background:#fff;color:var(--headerBg);font-size:2.2rem;cursor:pointer;box-shadow:0 .6rem 1.6rem rgba(0,0,0,.2)}.sd-ar.l{left:1.2rem}.sd-ar.r{right:1.2rem}
.sd-dots{position:absolute;left:1.6rem;bottom:1.4rem;display:flex;gap:.6rem}.sd-dots i{width:1rem;height:1rem;border-radius:50%;border:.15rem solid #fff;background:transparent}.sd-dots i.on{background:#fff}
.sd-ct{display:flex;align-items:center;gap:1.4rem;padding:1.4rem 0;border-bottom:.1rem solid #e9f0fc;font-size:1.4rem;line-height:2.1rem;color:var(--blueText)}.sd-ct:first-of-type{padding-top:0}
.sd-ct>span{flex:none;display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.2rem;background:var(--tint);color:var(--accent)}.sd-ct svg{width:1.9rem;height:1.9rem}.sd-ct a{color:var(--accent);word-break:break-all}.sd-ct small{color:var(--grey)}
.sd-cb{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.sd-cb .custom-btn{height:4.8rem;font-weight:700;font-size:1.4rem;padding:0}.sd-cb .gh,.sd-fd{background:#fff;color:var(--headerBg);border:.15rem solid var(--headerBg);box-shadow:none}
.sd-map{display:block;width:100%;height:24rem;border:0;border-radius:1.8rem}.sd-fd{width:100%;margin-top:1.4rem;height:4.8rem;font-weight:700}
.sd-hr{display:flex;justify-content:space-between;padding:1.2rem 1.4rem;border-radius:1.2rem;font-size:1.4rem;color:var(--blueText)}.sd-hr b{font-weight:600}.sd-hr.now{background:var(--tint);box-shadow:inset .3rem 0 0 var(--accent)}.sd-hr.now b{font-weight:800}.sd-hr em{font-style:normal;color:var(--grey)}
.sd-tm{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.sd-tm div{padding:1.6rem;border-radius:1.8rem;background:var(--grad);color:#fff}.sd-tm b{display:block;font:800 2.2rem/1 var(--secondaryFont)}.sd-tm span{display:block;margin-top:.7rem;font:600 1.2rem var(--primaryFont);color:#dbe6ff}
.sd-cat{border-color:var(--accent2);background:linear-gradient(180deg,#fff,#f3f7ff)}
.sd-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:2rem}
.sd-pc{display:block;border:.1rem solid #dbe6fb;border-radius:1.8rem;overflow:hidden;background:#fff;transition:.3s}.sd-pc:hover{transform:translateY(-.4rem);border-color:var(--accent2);opacity:1}
.sd-pc .im{position:relative;height:12rem;background:linear-gradient(135deg,#dbe7fb,#b7cdee);display:grid;place-items:center;font:800 3.6rem var(--secondaryFont);color:rgba(255,255,255,.7)}.sd-pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sd-pc div:last-child{padding:1.2rem 1.4rem}.sd-pc b{display:block;font:800 1.35rem/1.8rem var(--secondaryFont);color:var(--blueText);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-pc small{font:700 1.15rem var(--primaryFont);color:var(--accent)}
.sd-cat .custom-btn{width:100%;height:5.2rem;font-weight:700}
.sd-chs{display:flex;flex-wrap:wrap;gap:1rem}.sd-chs a{display:inline-flex;align-items:center;height:4rem;padding:0 1.8rem;border-radius:3rem;border:.1rem solid #c9d9f5;font:600 1.35rem var(--primaryFont);color:var(--blueText)}.sd-chs a:first-child{background:var(--headerBg);border-color:var(--headerBg);color:#fff}.sd-chs a:hover{border-color:var(--accent);opacity:1}
.sd-rv{display:flex;align-items:center;gap:3rem;padding:2.4rem;border-radius:2rem;background:var(--grey2)}.sd-rv>div:first-child{text-align:center}.sd-rv strong{display:block;font:800 5rem/1 var(--secondaryFont);color:var(--blueText)}.sd-rv .sd-st{display:block;margin-top:.6rem}
.sd-bar{display:grid;grid-template-columns:2.4rem 1fr 3rem;gap:1rem;align-items:center;font-size:1.25rem;margin:.5rem 0}.sd-bar i{height:.8rem;border-radius:1rem;background:#dfe6f5;overflow:hidden}.sd-bar i u{display:block;height:100%;background:#f59e0b}
.sd-rv>div:last-child{flex:1}
.sd-no{padding:3rem 0 2rem;text-align:center;color:var(--grey)}
.sd-c .sd-lr{width:100%;height:5rem;margin-top:1.6rem;background:var(--headerBg);font-weight:700}
#mr select{width:100%;height:5rem;border:.1rem solid var(--grey1);border-radius:1.3rem;background:var(--grey2);padding:0 1.6rem;font:400 1.4rem var(--primaryFont)}#mr form{display:grid;gap:1.2rem}
.custom-btn svg{flex:none;width:1.8rem;height:1.8rem}.sd-c .custom-btn,.sd-bt .custom-btn{gap:1rem;overflow:hidden}
.sd-ct>span svg,.sd-h>span svg{width:2rem;height:2rem}
.x-kv b a{color:inherit}.x-kv b a:hover{color:var(--accent);opacity:1}
@media(max-width:1200px){.sd-wrap{grid-template-columns:36rem 1fr}.sd-pg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.sd-wrap{grid-template-columns:1fr}.sd-tm{grid-template-columns:1fr}}
@media(max-width:575px){.sd-c{padding:2rem}.sd-id h1{font-size:2.1rem;line-height:2.8rem}.sd-rv{flex-direction:column;gap:1.6rem}.sd-rv>div:last-child{width:100%}.sd-cb,.sd-pg{grid-template-columns:1fr}.sd-gal{height:24rem}}

/* ---- shared product cards on supplier pages ---- */
.sp-ac{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:auto}.x-pb .sp-ac .custom-btn{height:4.6rem;margin:0;padding:0;font-size:1.3rem;font-weight:700}.x-pb .sp-ac .gh,.pd-ac .gh,.pd-sb .gh{background:#fff;color:var(--headerBg);border:.15rem solid var(--headerBg);box-shadow:none}
.x-pb h3 a{display:inline;color:inherit}.x-pb h3 a:hover{color:var(--accent);opacity:1}a.x-pi{display:block}
.sp-sec{padding:3.4rem 0 8rem;background:radial-gradient(55rem 38rem at 0 0,rgba(79,139,255,.12),transparent 70%),radial-gradient(rgba(10,42,107,.07) .1rem,transparent .1rem) 0 0/2.4rem 2.4rem,#fff}
.sp-sec .cl-bc{margin-bottom:2.2rem}.sp-sec .x-cmd{margin-bottom:2.6rem}
.sp-sec .pl-sort select{min-width:20rem}
/* ---- product detail ---- */
.pd-top{display:grid;grid-template-columns:1fr 1fr;gap:4.4rem;align-items:start}
.pd-main{position:relative;height:48rem;border-radius:2.8rem;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#dbe7fb,#b7cdee);font:800 12rem var(--secondaryFont);color:rgba(255,255,255,.7);box-shadow:0 2rem 5rem rgba(10,42,107,.16)}
.pd-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-th{display:flex;gap:1.2rem;margin-top:1.4rem}.pd-th button{position:relative;width:9.6rem;height:7.4rem;padding:0;border:.2rem solid transparent;border-radius:1.4rem;overflow:hidden;cursor:pointer;background:#dbe7fb}.pd-th button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pd-th button.on{border-color:var(--accent)}
.pd-in .x-bd{position:static;margin-bottom:1.4rem}.pd-cat{display:block;font:700 1.3rem var(--secondaryFont);color:var(--accent)}
.pd-in h1{margin:.6rem 0 2rem;font:800 clamp(2.8rem,3.4vw,4.2rem)/1.12 var(--secondaryFont);letter-spacing:-.03em;color:var(--blueText)}
.pd-pr{padding:2.2rem 2.6rem;border-radius:2.2rem;background:var(--grad);color:#fff;box-shadow:0 1.2rem 3rem rgba(var(--accent-rgb),.3)}.pd-pr small{display:block;font:600 1.3rem var(--primaryFont);color:#dbe6ff}.pd-pr b{display:block;margin-top:.6rem;font:800 3.2rem/1.1 var(--secondaryFont)}
.pd-kv{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2rem 0}.pd-kv div{padding:1.4rem 1.6rem;border-radius:1.6rem;background:var(--grey2)}.pd-kv .w{grid-column:1/-1}.pd-kv span{display:block;font:600 1.15rem var(--primaryFont);color:var(--grey)}.pd-kv b{display:block;margin-top:.4rem;font:800 1.5rem/2rem var(--secondaryFont);color:var(--blueText)}.pd-kv b a{color:var(--accent)}
.pd-fl{margin:0 0 2.6rem}.pd-fl li{position:relative;padding:.7rem 0 .7rem 3.4rem;font-size:1.45rem;color:var(--blueText)}.pd-fl li:before{content:"✓";position:absolute;left:0;top:.7rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#10b981;color:#fff;font-size:1.2rem}
.pd-ac{display:flex;gap:1.2rem;flex-wrap:wrap}.pd-ac .custom-btn{height:5.4rem;padding:0 3rem;font-weight:700}
.pd-2{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;margin-top:5rem;align-items:start}
.pd-tb{margin-top:2rem}.pd-tr{display:flex;justify-content:space-between;gap:2rem;padding:1.3rem 0;border-bottom:.1rem dashed #c9d9f5;font-size:1.4rem}.pd-tr span{color:var(--grey)}.pd-tr b{color:var(--blueText);text-align:right}
.pd-bds{display:flex;gap:.8rem;margin-bottom:1.6rem}.pd-sup .pp-st{margin:0 0 2rem}.pd-sb{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pd-sb .custom-btn{height:4.8rem;padding:0;font-weight:700;font-size:1.35rem}
.pd-rel{margin-top:6rem}.pd-rel h2{margin:0 0 2.6rem;font:800 clamp(2.4rem,3vw,3.2rem)/1.2 var(--secondaryFont);color:var(--blueText)}.pd-rel .pl-g{grid-template-columns:repeat(4,1fr)}
@media(max-width:1200px){.pd-rel .pl-g{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.pd-top,.pd-2{grid-template-columns:1fr;gap:3rem}.pd-main{height:34rem;font-size:8rem}}
@media(max-width:575px){.pd-rel .pl-g{grid-template-columns:1fr}.pd-kv{grid-template-columns:1fr}.pd-pr b{font-size:2.6rem}}

/* ---- supplier catalogue page (redesign) ---- */
.cl-hero h1.sp-h1{font-size:clamp(3rem,3.8vw,4.8rem);line-height:1.1}
.sp-bds{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.sp-hb{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2.8rem}.sp-hb .custom-btn{height:5rem;padding:0 2.8rem;font-weight:700}.sp-hb .gh{background:#fff;color:var(--headerBg);border:.15rem solid var(--headerBg);box-shadow:none}
.sp-sc{margin:.8rem 0 .6rem;padding:2rem;border-radius:2rem;background:var(--grad);color:#fff}
.sp-sc .top{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.sp-sc .lg{flex:none;display:grid;place-items:center;width:4.8rem;height:4.8rem;border-radius:1.4rem;background:#fff;color:var(--headerBg);font:800 1.7rem var(--secondaryFont)}
.sp-sc .top b{display:block;font:800 1.6rem/2.1rem var(--secondaryFont);color:#fff}.sp-sc small{font-size:1.2rem;color:#dbe6ff}
.sp-sc .kv{display:flex;justify-content:space-between;padding:.9rem 0;border-top:.1rem solid rgba(255,255,255,.2);font-size:1.25rem;color:#dbe6ff}.sp-sc .kv b{font:700 1.25rem var(--primaryFont);color:#fff}
.sp-sc .bt{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.2rem}.sp-sc .custom-btn{height:4.2rem;padding:0;font-size:1.25rem;font-weight:700;background:#fff;color:var(--headerBg);box-shadow:none}.sp-sc .custom-btn.gh{background:transparent;color:#fff;border:.15rem solid rgba(255,255,255,.6)}
.sp-s{position:relative;margin-bottom:2rem}.sp-s svg{position:absolute;left:2rem;top:50%;width:2rem;height:2rem;margin-top:-1rem;color:var(--grey)}.sp-s input{width:100%;height:5.6rem;padding:0 2.4rem 0 5.2rem;border:.1rem solid #dfe8fb;border-radius:3rem;background:#fff;box-shadow:0 1rem 2.6rem rgba(10,42,107,.08);font:400 1.5rem var(--primaryFont);color:var(--blueText)}.sp-s input:focus{outline:.2rem solid var(--accent)}
.sp-cust{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4rem;min-height:30rem;padding:3rem;border-radius:2.8rem;color:#c3d2f5;background:radial-gradient(30rem 20rem at 100% 0,rgba(79,139,255,.5),transparent 70%),linear-gradient(160deg,#0b2a72,#06194a);box-shadow:0 2rem 5rem rgba(10,42,107,.25)}
.sp-cust .ic{display:grid;place-items:center;width:5rem;height:5rem;border-radius:1.5rem;background:rgba(255,255,255,.14);border:.1rem solid rgba(255,255,255,.25);color:#fff;font-size:2.2rem}
.sp-cust b{font:800 2.4rem/3rem var(--secondaryFont);color:#fff}.sp-cust p{margin:0;font-size:1.4rem;line-height:2.2rem}.sp-cust .custom-btn{height:5rem;margin-top:.6rem;background:#fff;color:var(--headerBg);font-weight:800;box-shadow:none}
/* Footer alignment fix. Load AFTER style.css */
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem 6rem;align-items:start}
.footer-brand{max-width:44rem}
.footer-brand .logo-block{margin-bottom:2rem}
.footer-brand p{font-size:1.5rem;line-height:2.4rem;color:#dbe6ff;margin-bottom:2.4rem}
.footer-nav{margin:0;padding-top:.6rem}
.footer-nav h6{margin-bottom:2.4rem;font-size:1.7rem}
.footer-nav li{margin-bottom:1.4rem}
.footer-nav li:last-child{margin-bottom:0}
.footer-nav li a{font-size:1.5rem;line-height:2rem;color:#dbe6ff}
.footer-middle{padding:2.4rem 7rem 2.4rem 0}
@media(max-width:991px){
 .footer-top{grid-template-columns:repeat(3,1fr);gap:4rem 3rem}
 .footer-brand{grid-column:1/-1;max-width:none}
 .footer-middle{padding-right:0}
}
@media(max-width:575px){
 .footer-top{grid-template-columns:1fr 1fr;gap:3.4rem 2rem}
 .footer-middle{flex-direction:column;gap:1.6rem;text-align:center}
 .footer-nav{margin:0}
}

/* Add this to the END of assets/css/style.css */

/* Products | Suppliers switch */
.pl-sw{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}
.pl-sw a,.pl-sw b{padding:1rem 2.2rem;border-radius:3rem;font:700 1.4rem var(--primaryFont);border:.1rem solid #c9d9f5;color:var(--blueText);background:#fff;transition:.25s}
.pl-sw a:hover{border-color:var(--accent);color:var(--accent)}
.pl-sw b{background:var(--headerBg);border-color:var(--headerBg);color:#fff}

/* Category image block (home "Explore more industries" + categories page) */
.x-cd .cm,.cl-card .cm{position:relative;display:grid;place-items:center;width:100%;height:12rem;margin:1.4rem 0 1.2rem;border-radius:1.4rem;overflow:hidden;background:linear-gradient(135deg,var(--h,#1d5cf0),#0a2a6b)}
.x-cd .cm em,.cl-card .cm em{font:800 3.2rem var(--secondaryFont);font-style:normal;color:rgba(255,255,255,.85)}
.x-cd .cm img,.cl-card .cm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.x-cd:hover .cm img,.cl-card:hover .cm img{transform:scale(1.06)}

/* ===== Category cards: full photo tile + floating white label ===== */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.cat-card{position:relative;display:block;aspect-ratio:4/5;border-radius:2.8rem;overflow:hidden;text-decoration:none;color:inherit;background:linear-gradient(145deg,var(--h,#1d5cf0),color-mix(in srgb,var(--h,#1d5cf0) 45%,#fff));box-shadow:0 1rem 3rem rgba(10,42,107,.12);transition:transform .35s,box-shadow .35s}
.cat-card:hover{transform:translateY(-.6rem);box-shadow:0 2.2rem 5rem rgba(10,42,107,.22)}
.cat-card .im{position:absolute;inset:0;display:block}
.cat-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.cat-card:hover .im img{transform:scale(1.08)}
.cat-card .im em{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:7rem;font:800 9rem var(--secondaryFont);font-style:normal;color:rgba(255,255,255,.9);letter-spacing:-.04em}
.cat-card .tg{position:absolute;top:1.6rem;left:1.6rem;padding:.6rem 1.3rem;border-radius:3rem;background:#fff;font:800 1.2rem var(--secondaryFont);letter-spacing:.06em;color:var(--h,#1d5cf0);box-shadow:0 .4rem 1.4rem rgba(0,0,0,.12)}
.cat-card .lb{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.5rem 1.5rem 1.5rem 1.8rem;border-radius:2rem;background:#fff;box-shadow:0 .8rem 2.4rem rgba(10,42,107,.14);transition:transform .35s}
.cat-card:hover .lb{transform:translateY(-.4rem)}
.cat-card h3{margin:0;font:800 1.7rem/2.2rem var(--secondaryFont);color:var(--blueText)}
.cat-card p{margin:.3rem 0 0;font-size:1.2rem;line-height:1.8rem;color:var(--grey);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat-card .go{flex:none;display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:50%;background:color-mix(in srgb,var(--h,#1d5cf0) 12%,#fff);color:var(--h,#1d5cf0);transition:.3s}
.cat-card:hover .go{background:var(--h,#1d5cf0);color:#fff}
.cat-card .go svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cat-wrap{padding:0 0 1rem}
.cl-sec .cat-wrap{padding-top:1rem}
@media(max-width:1100px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.cat-grid{grid-template-columns:1fr}.cat-card{aspect-ratio:4/3.4}}

/* ===== Home: "Explore more industries" compact row cards ===== */
#cgd.x-cg{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:2rem!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.cat-row{display:flex;align-items:center;gap:1.8rem;padding:1.2rem 2rem 1.2rem 1.2rem;border-radius:2.2rem;background:#fff;border:.1rem solid #e3eafa;box-shadow:0 .8rem 2.4rem rgba(10,42,107,.07);text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s,border-color .3s}
.cat-row:hover{transform:translateY(-.4rem);border-color:var(--h,#1d5cf0);box-shadow:0 1.6rem 3.6rem rgba(10,42,107,.15)}
.cat-row .th{position:relative;flex:none;display:grid;place-items:center;width:10rem;height:10rem;border-radius:1.8rem;overflow:hidden;background:linear-gradient(145deg,var(--h,#1d5cf0),color-mix(in srgb,var(--h,#1d5cf0) 45%,#fff))}
.cat-row .th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-row:hover .th img{transform:scale(1.1)}
.cat-row .th em{font:800 3.2rem var(--secondaryFont);font-style:normal;color:#fff}
.cat-row .tx{flex:1;min-width:0}
.cat-row h3{margin:0 0 .5rem;font:800 1.8rem/2.4rem var(--secondaryFont);color:var(--blueText)}
.cat-row p{margin:0;font-size:1.3rem;line-height:2rem;color:var(--grey)}
.cat-row .go{flex:none;display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:50%;background:color-mix(in srgb,var(--h,#1d5cf0) 12%,#fff);color:var(--h,#1d5cf0);transition:.3s}
.cat-row:hover .go{background:var(--h,#1d5cf0);color:#fff;transform:translateX(.3rem)}
.cat-row .go svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){#cgd.x-cg{grid-template-columns:1fr!important}}
@media(max-width:575px){.cat-row .th{width:8rem;height:8rem}.cat-row{padding-right:1.4rem}}

/* product cards open the detail page */
.x-pc[data-href]{cursor:pointer}
.x-pc h3 a{color:inherit;text-decoration:none}
.x-pc:hover h3 a{color:var(--accent)}
.pp-ac .custom-btn{width:100%}
#clr{
    padding:0px 30px;
}









/* ===== Home: premium fan-of-cards ad banners (white bg) ===== */
.ad{position:relative;overflow:hidden;padding:4rem 0;background:#fff}
.ad-stage{position:relative;height:42rem;margin-top:1rem}
.ad-c{--o:0;--a:0;--w:min(66rem,80vw);position:absolute;left:calc(50% - var(--w)/2);top:2rem;width:var(--w);aspect-ratio:16/9.4;display:block;border-radius:3rem;overflow:hidden;border:.6rem solid #fff;background:linear-gradient(135deg,#dbe7fb,#b7cdee);box-shadow:0 2.4rem 5.6rem rgba(10,42,107,.22),0 0 0 .1rem #dfe8fb;transform-origin:50% 260%;transform:rotate(calc(var(--o)*13deg)) scale(calc(1 - var(--a)*.04));opacity:0;z-index:1;pointer-events:none;transition:transform .8s cubic-bezier(.65,0,.2,1),opacity .6s,box-shadow .6s}
.ad-c[data-a="0"]{opacity:1;z-index:5;pointer-events:auto;box-shadow:0 3rem 7rem rgba(10,42,107,.3),0 0 0 .1rem var(--accent2)}
.ad-c[data-a="1"]{opacity:1;z-index:4;pointer-events:auto}
.ad-c[data-a="2"]{opacity:.85;z-index:3;pointer-events:auto}
.ad-c img{width:100%;height:100%;object-fit:cover}
.ad-c:before{content:"";position:absolute;z-index:2;inset:0;background:#eaf1ff;opacity:0;transition:opacity .6s;pointer-events:none}
.ad-c[data-a="1"]:before{opacity:.45}
.ad-c[data-a="2"]:before{opacity:.7}
.ad-c:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.35),transparent 32%);opacity:0;transition:opacity .4s;pointer-events:none}
.ad-c[data-a="0"]:hover:after{opacity:1}
.ad-tg{position:absolute;z-index:4;top:1.4rem;right:1.4rem;padding:.4rem 1rem;border-radius:.8rem;background:rgba(255,255,255,.92);font:800 1rem var(--secondaryFont);letter-spacing:.12rem;text-transform:uppercase;color:var(--blueText);pointer-events:none}
.ad-ctl{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin-top:.6rem}
.ad-ctl>button{width:4.8rem;height:4.8rem;border-radius:50%;border:.15rem solid #c9d9f5;background:#fff;color:var(--headerBg);font-size:2.6rem;line-height:1;cursor:pointer;box-shadow:0 .6rem 1.6rem rgba(10,42,107,.1);transition:.3s}
.ad-ctl>button:hover{background:var(--headerBg);border-color:var(--headerBg);color:#fff}
@media(max-width:991px){
 .ad{padding:2.4rem 0 2.6rem}
 .ad-stage{height:25rem}
 .ad-c{top:1.4rem;border-radius:2rem;border-width:.4rem;transform-origin:50% 220%;transform:rotate(calc(var(--o)*11deg)) scale(calc(1 - var(--a)*.04))}
 .ad-ctl>button{display:none}
}