/* WHOLESALE PAGE V3 */
.ws-hero { position:relative; min-height:520px; display:flex; align-items:center; overflow:hidden; background:linear-gradient(180deg, #E8F4FD 0%, #F5FAFF 50%, #FFFFFF 100%); }
.ws-hero-bg { position:absolute; inset:0; z-index:0; }
.ws-hero-bg img { width:100%; height:100%; object-fit:cover; opacity:0.3; }
.ws-hero-c { position:relative; z-index:2; display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:center; padding:60px 0; }
.ws-hero-script { font-family:var(--fs); font-size:22px; color:var(--p); font-style:italic; margin-bottom:8px; }
.ws-hero-title { font-family:var(--fh); font-size:40px; font-weight:700; color:var(--p); line-height:1.15; margin-bottom:16px; }
.ws-hero-desc { color:var(--text-s); line-height:1.7; margin-bottom:24px; max-width:480px; }
.ws-hero-badges { display:flex; gap:24px; flex-wrap:wrap; margin-bottom:24px; }
.ws-hero-badge { text-align:center; }
.ws-hero-badge i { font-size:24px; color:var(--p); margin-bottom:6px; display:block; }
.ws-hero-badge span { font-size:11px; color:var(--text-s); line-height:1.4; display:block; }
.ws-hero-actions { display:flex; gap:16px; flex-wrap:wrap; }

/* Trusted Stats */
.ws-trusted { padding:40px 0; background:#fff; border-bottom:1px solid var(--border); }
.ws-trusted-c { display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.ws-trusted-stat { display:flex; align-items:center; gap:12px; }
.ws-trusted-stat i { font-size:32px; color:var(--p); }
.ws-trusted-stat strong { display:block; font-size:16px; }
.ws-trusted-stat span { font-size:13px; color:var(--text-s); }
.ws-trusted-features { display:flex; gap:32px; flex-wrap:wrap; }
.ws-trusted-f { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-s); }
.ws-trusted-f i { color:var(--success); }

/* Wholesale Range */
.ws-range { padding:var(--sp) 0; background:var(--bg-light); }
.ws-range-g { display:grid; grid-template-columns:repeat(5, 1fr); gap:20px; }
.ws-card { background:#fff; border-radius:var(--r); overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); text-align:center; transition:all 0.3s; }
.ws-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.1); }
.ws-card img { width:100%; aspect-ratio:1; object-fit:cover; }
.ws-card-body { padding:20px; }
.ws-card-t { font-family:var(--fh); font-size:16px; font-weight:700; margin-bottom:4px; }
.ws-card-s { font-size:12px; color:var(--text-l); margin-bottom:8px; }
.ws-card-w { font-size:13px; color:var(--text-s); margin-bottom:12px; }
.ws-card-w strong { display:block; color:var(--p); margin-bottom:4px; }

/* Packaging */
.ws-pack { padding:var(--sp) 0; background:#fff; }
.ws-pack-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:48px; align-items:start; }
.ws-pack-img img { border-radius:var(--r); box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.ws-pack-features { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.ws-pack-f { text-align:center; padding:24px 16px; background:var(--bg-light); border-radius:var(--r); }
.ws-pack-f i { font-size:28px; color:var(--p); margin-bottom:10px; }
.ws-pack-f h4 { font-size:13px; font-weight:600; margin-bottom:4px; }
.ws-pack-f p { font-size:12px; color:var(--text-l); }

/* Process */
.ws-process { padding:var(--sp) 0; background:var(--bg-light); }
.ws-process-steps { display:flex; align-items:flex-start; justify-content:center; gap:16px; flex-wrap:wrap; }
.ws-step { text-align:center; max-width:160px; position:relative; }
.ws-step-num { width:56px; height:56px; border-radius:50%; background:var(--p); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--fh); font-size:20px; font-weight:700; margin:0 auto 12px; }
.ws-step h4 { font-size:14px; font-weight:600; margin-bottom:6px; }
.ws-step p { font-size:12px; color:var(--text-s); }
.ws-step-arrow { color:var(--p); font-size:20px; margin-top:16px; }

/* Why + Form */
.ws-why-form { padding:var(--sp) 0; background:#fff; }
.ws-why-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.ws-why h3 { font-family:var(--fh); font-size:22px; margin-bottom:16px; }
.ws-why-list { display:flex; flex-direction:column; gap:12px; margin-bottom:24px; }
.ws-why-list li { display:flex; align-items:center; gap:10px; font-size:15px; color:var(--text-s); }
.ws-why-list li i { color:var(--success); }
.ws-form-box { background:var(--bg-light); border-radius:var(--r); padding:40px; }
.ws-form-box h3 { font-family:var(--fh); font-size:22px; margin-bottom:4px; }
.ws-form-box>p { font-size:14px; color:var(--text-s); margin-bottom:24px; }

@media(max-width:1199px){
  .ws-range-g{grid-template-columns:repeat(3,1fr);}
  .ws-pack-features{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:991px){
  .ws-hero-c{grid-template-columns:1fr;text-align:center;}
  .ws-hero-desc{margin:0 auto 24px;}
  .ws-hero-badges{justify-content:center;}
  .ws-hero-actions{justify-content:center;}
  .ws-hero-img{order:-1;max-width:400px;margin:0 auto;}
  .ws-trusted-c{flex-direction:column;text-align:center;}
  .ws-pack-grid{grid-template-columns:1fr;}
  .ws-pack-img{max-width:500px;margin:0 auto;}
  .ws-why-form-grid{grid-template-columns:1fr;}
}
@media(max-width:767px){
  .ws-hero-title{font-size:32px;}
  .ws-range-g{grid-template-columns:1fr;max-width:400px;margin:0 auto;}
  .ws-process-steps{flex-direction:column;align-items:center;}
  .ws-step-arrow{transform:rotate(90deg);}
}