/**
 * Rekhi Why Buyers Choose Us — Frontend CSS
 * 4-column glassmorphism card grid. Same design DNA as Manufacturing Process.
 */
.rekhi-wb-container{--rekhi-accent:#ff6600;--rekhi-bg:#0a0a0a;--rekhi-text:#ffffff;--rekhi-subtitle:#aaaaaa;--wb-glass-bg:rgba(255,255,255,0.05);--wb-glass-border:rgba(255,102,0,0.18);--wb-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;width:100%;max-width:1280px;margin:0 auto;text-align:center;padding:50px 20px;box-sizing:border-box;font-family:var(--wb-font);color:var(--rekhi-text)}

.rekhi-wb-header{margin-bottom:48px}
.rekhi-wb-title{font-size:2.8rem;font-weight:700;margin:0 0 14px;background:linear-gradient(90deg,var(--rekhi-text),var(--rekhi-accent),var(--rekhi-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.rekhi-wb-subtitle{font-size:1.2rem;color:var(--rekhi-subtitle);font-weight:400;margin:0}

/* 4-column grid */
.rekhi-wb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rekhi-wb-card{opacity:0;transform:translateY(30px);transition:all 0.5s cubic-bezier(0.25,0.1,0.25,1)}
.rekhi-wb-card.active{opacity:1;transform:translateY(0)}

/* Glass card */
.rekhi-wb-glass{background:var(--wb-glass-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--wb-glass-border);border-radius:22px;padding:36px 22px 28px;box-shadow:0 8px 32px rgba(0,0,0,0.35);transition:all 0.4s ease;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;box-sizing:border-box}
.rekhi-wb-glass:hover{border-color:var(--rekhi-accent);box-shadow:0 0 40px rgba(255,102,0,0.2);transform:translateY(-4px)}

/* Icon circle */
.rekhi-wb-icon-wrap{width:72px;height:72px;border-radius:50%;background:rgba(255,102,0,0.08);border:2px solid var(--rekhi-accent);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all 0.4s ease;box-shadow:0 0 20px rgba(255,102,0,0.12);flex-shrink:0}
.rekhi-wb-glass:hover .rekhi-wb-icon-wrap{box-shadow:0 0 35px rgba(255,102,0,0.3);background:rgba(255,102,0,0.14)}
.rekhi-wb-icon{font-size:2rem;color:var(--rekhi-accent);transition:transform 0.3s ease}
.rekhi-wb-glass:hover .rekhi-wb-icon{transform:scale(1.12)}

/* Card text */
.rekhi-wb-card-title{font-size:1.2rem;font-weight:700;color:var(--rekhi-text);margin:0 0 8px;line-height:1.25}
.rekhi-wb-card-subtitle{font-size:0.9rem;font-weight:600;color:var(--rekhi-accent);margin:0 0 14px;text-transform:uppercase;letter-spacing:0.04em}
.rekhi-wb-card-desc{font-size:0.85rem;color:var(--rekhi-subtitle);line-height:1.55;margin:0}

/* Tablet: 2 columns */
@media(max-width:900px){
	.rekhi-wb-grid{grid-template-columns:repeat(2,1fr)}
	.rekhi-wb-title{font-size:2.2rem}
}
/* Mobile: 1 column */
@media(max-width:560px){
	.rekhi-wb-grid{grid-template-columns:1fr}
	.rekhi-wb-title{font-size:1.7rem}
	.rekhi-wb-subtitle{font-size:1rem}
	.rekhi-wb-glass{padding:28px 20px 24px}
	.rekhi-wb-icon-wrap{width:60px;height:60px}
	.rekhi-wb-icon{font-size:1.7rem}
}
@media(prefers-reduced-motion:reduce){.rekhi-wb-card{transition:opacity 0.1s;transform:none}.rekhi-wb-glass:hover{transform:none}}