.recond-sec{margin-top:64px}.recond-hero{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(700px 320px at 88% -10%, #3271e424 0%, transparent 60%), radial-gradient(500px 260px at -5% 110%, #7c3aed14 0%, transparent 55%), var(--hero-grad);margin-bottom:34px;padding:56px 48px 50px;position:relative;overflow:hidden}.recond-hero h1{color:var(--titles);letter-spacing:-.025em;max-width:660px;margin:0 0 14px;font-size:clamp(30px,4vw,44px);font-weight:800}.recond-hero h1 em{font-style:normal}.recond-hero-sub{color:var(--text);max-width:620px;margin:0 0 30px;font-size:15px;line-height:1.75}.recond-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.recond-hero-badge{background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:center;padding:24px 28px;position:absolute;top:50%;right:48px;transform:translateY(-50%)rotate(3deg)}.recond-hero-badge b{letter-spacing:-.02em;background:linear-gradient(90deg, var(--brand) 0%, #7c3aed 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:31px;font-weight:800;display:block}.recond-hero-badge span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}@media (max-width:900px){.recond-hero-badge{display:none}}.recond-shop-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.recond-count{color:var(--muted);margin:0;font-size:13.5px}.recond-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.recond-empty{text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:56px 24px}.recond-empty p{color:var(--muted);max-width:520px;margin:0 auto;font-size:15px;line-height:1.7}.recond-pillar{transition:transform .35s var(--ease-premium), box-shadow .35s var(--ease-premium);padding:26px 24px}.recond-pillar:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.recond-pillar .pk-ico{margin-bottom:14px}.recond-pillar h3{color:var(--titles);margin:0 0 6px;font-size:14.5px;font-weight:700}.recond-pillar p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.65}.recond-grade{transition:transform .35s var(--ease-premium), box-shadow .35s var(--ease-premium);padding:28px 24px 26px;position:relative;overflow:hidden}.recond-grade:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.recond-grade:before{content:"";background:var(--brand-grad);height:3px;position:absolute;top:0;left:0;right:0}.recond-grade-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:11.5px;font-weight:800;display:inline-block}.recond-grade h3{color:var(--titles);margin:0 0 6px;font-size:16px;font-weight:800}.recond-grade p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.65}.recond-steps{counter-reset:rstep;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.recond-step{counter-increment:rstep;transition:transform .35s var(--ease-premium), box-shadow .35s var(--ease-premium);padding:26px 24px 24px}.recond-step:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.recond-step:before{content:counter(rstep, decimal-leading-zero);background:var(--brand-soft);width:40px;height:40px;color:var(--brand);letter-spacing:.02em;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;font-size:13.5px;font-weight:800;display:inline-flex}.recond-step h3{color:var(--titles);margin:0 0 6px;font-size:14.5px;font-weight:700}.recond-step p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.65}@media (max-width:900px){.recond-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.recond-steps{grid-template-columns:1fr}.recond-hero{padding:34px 24px}.recond-sec{margin-top:48px}.recond-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}
