/* =========================================================================
   de-hero — هیرو آموزشگاه آلمانی (zbn-de-hero) · طرح: 01-hero.html
   وابسته به: de-base.css
   ========================================================================= */

.dehr{position:relative;overflow:hidden;background:radial-gradient(1100px 640px at 76% 0%,var(--zn-glow1),transparent 60%),radial-gradient(700px 480px at 4% 80%,var(--zn-glow2),transparent 62%),var(--zn-bg0);}
.dehr-ghost{top:24px;left:-30px;font-size:230px;letter-spacing:6px;}
.dehr-orb{position:absolute;top:340px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,72,.34),transparent 66%);pointer-events:none;}
.dehr-gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--zn-line),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--zn-line),.04) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(900px 620px at 62% 18%,#000,transparent 76%);mask-image:radial-gradient(900px 620px at 62% 18%,#000,transparent 76%);pointer-events:none;}

.dehr-wrap{position:relative;max-width:1260px;margin:0 auto;display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;padding:74px 40px 88px;}

/* ---------- ستون متن ---------- */
.dehr-h1{margin:26px 0 0;font-weight:900;line-height:1.3;}
.dehr-kicker{display:block;font-size:21px;font-weight:800;color:var(--zn-t5);margin-bottom:14px;}
.dehr-l1{display:block;font-size:62px;color:var(--zn-t1);}
.dehr-l2{display:block;font-size:62px;background:linear-gradient(120deg,var(--zn-rose),var(--zn-rose2) 70%,var(--zn-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.dehr-lead{margin:22px 0 34px;font-size:15.5px;line-height:2.2;color:var(--zn-t5);max-width:520px;}
.dehr-lead p{margin:0 0 10px;color:inherit;font-size:inherit;line-height:inherit;}
.dehr-lead :last-child{margin-bottom:0;}
.dehr-lead b,.dehr-lead strong{font-weight:900;color:var(--zn-t2);}
.dehr-lead audio,.dehr-lead video,.dehr-lead iframe,.dehr-lead img{max-width:100%;}

.dehr-acts{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:38px;}
.de-scope .dehr-btn-pri{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#FFF;font-size:16px;font-weight:900;padding:18px 34px;border-radius:15px;cursor:pointer;box-shadow:0 12px 34px rgba(255,59,92,.14),0 0 48px rgba(255,59,92,.32);display:inline-block;transition:transform .15s;}
.de-scope .dehr-btn-pri:hover{transform:translateY(-2px);color:#FFF;}
.de-scope .dehr-btn-ghost{background:rgba(255,255,255,.4);color:var(--zn-t1);font-size:15px;font-weight:800;padding:18px 30px;border-radius:15px;cursor:pointer;border:1px solid rgba(var(--zn-line),.28);display:inline-block;transition:border-color .15s;}
.de-scope .dehr-btn-ghost:hover{border-color:var(--zn-rose);color:var(--zn-t1);}

.dehr-stats{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.dehr-stat .num{font-size:23px;font-weight:900;color:var(--zn-t1);}
.dehr-stat.is-grad .num{background:linear-gradient(120deg,var(--zn-rose),var(--zn-rose2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.dehr-stat.is-gold .num{color:#B87600;}
.dehr-stat .lbl{font-size:11.5px;color:var(--zn-t6);font-weight:600;}
.dehr-sep{width:1px;height:38px;background:rgba(var(--zn-line),.18);}

/* ---------- ستون تصویر ---------- */
.dehr-visual{position:relative;height:560px;}
.dehr-backplate{position:absolute;top:56px;right:-8px;left:64px;height:430px;border-radius:30px;background:linear-gradient(135deg,rgba(225,29,72,.4),rgba(255,92,138,.14));transform:rotate(5deg);border:1px solid rgba(var(--zn-line),.2);}
.dehr-imgwrap{position:absolute;top:22px;right:36px;left:16px;height:440px;}
.dehr-imgframe{width:100%;height:100%;border-radius:28px;padding:2px;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose2) 60%,var(--zn-gold));box-shadow:0 34px 90px rgba(0,0,0,.28),0 0 110px rgba(225,29,72,.3);transform:rotate(-2.5deg);}
.dehr-imginner{width:100%;height:100%;border-radius:26px;overflow:hidden;background:var(--zn-bg-img);}
.dehr-imginner img{width:100%;height:100%;object-fit:cover;display:block;}
.dehr-imginner .de-img-ph{width:100%;height:100%;border:2px dashed rgba(var(--zn-line),.35);}

.dehr-float{position:absolute;z-index:3;}
.dehr-f1{top:-4px;left:-6px;}
.dehr-f2{top:118px;right:-14px;}
.dehr-f3{bottom:26px;left:2px;}
.dehr-f4{bottom:64px;right:22px;}
.dehr-pill{display:flex;align-items:center;gap:8px;background:var(--zn-glass-85);backdrop-filter:blur(10px);border:1px solid rgba(255,59,92,.34);color:var(--zn-t1);font-size:12px;font-weight:800;padding:10px 16px;border-radius:999px;box-shadow:0 0 26px rgba(255,59,92,.1);animation:negar-float 5s ease-in-out infinite;}
.dehr-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--zn-rose);box-shadow:0 0 15px var(--zn-rose);}
.dehr-gold{background:linear-gradient(135deg,var(--zn-gold),var(--zn-gold2));color:#1A1204;font-size:13px;font-weight:900;padding:10px 16px;border-radius:13px;box-shadow:0 0 30px rgba(245,179,1,.6);animation:negar-float 6s ease-in-out infinite;direction:ltr;}
.dehr-check{background:var(--zn-glass-85);backdrop-filter:blur(10px);border:1px solid rgba(var(--zn-line),.24);border-radius:16px;padding:14px 18px;box-shadow:0 18px 44px rgba(0,0,0,.2);animation:negar-float 7s ease-in-out infinite;}
.dehr-check .row{display:flex;align-items:center;gap:10px;}
.dehr-check .ic{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#FFF;box-shadow:0 0 18px rgba(255,59,92,.4);}
.dehr-check .t1{font-size:13px;font-weight:900;color:var(--zn-t1);}
.dehr-check .t2{font-size:10.5px;color:var(--zn-t5);font-weight:600;}
.dehr-words{background:var(--zn-glass-85);border:1px solid rgba(255,92,138,.3);color:var(--zn-accent-soft2);font-size:11.5px;font-weight:900;padding:9px 14px;border-radius:999px;letter-spacing:1px;animation:negar-float 5.5s ease-in-out infinite;direction:ltr;}

@media (prefers-reduced-motion:reduce){
  .dehr-pill,.dehr-gold,.dehr-check,.dehr-words{animation:none;}
}

/* ---------- واکنش‌گرا ---------- */
@media (max-width:980px){
  .dehr-wrap{grid-template-columns:1fr;gap:clamp(28px,5vw,44px);padding:clamp(40px,6vw,60px) clamp(18px,5vw,40px) clamp(46px,6vw,64px);}
  .dehr-l1,.dehr-l2{font-size:clamp(34px,6.6vw,52px);}
  .dehr-kicker{font-size:17px;}
  .dehr-visual{height:min(470px,88vw);}
  .dehr-backplate{top:40px;right:0;left:44px;height:74%;}
  .dehr-imgwrap{top:16px;right:20px;left:12px;height:78%;}
  .dehr-f2{right:-6px;top:88px;}
  .dehr-f4{right:10px;bottom:52px;}
}
@media (max-width:640px){
  .dehr-visual{height:min(400px,96vw);}
  .dehr-imgframe{transform:rotate(-1.4deg);}
  .dehr-backplate{transform:rotate(3deg);}
  .dehr-pill,.dehr-words{font-size:10.5px;padding:8px 12px;}
  .dehr-gold{font-size:11.5px;padding:8px 13px;}
  .dehr-check{padding:11px 14px;}
  .dehr-check .ic{width:28px;height:28px;font-size:13px;}
  .dehr-check .t1{font-size:11.5px;}
  .dehr-check .t2{font-size:9.5px;}
  .dehr-stats{gap:16px;}
  .dehr-sep{height:32px;}
  .de-scope .dehr-btn-pri,.de-scope .dehr-btn-ghost{flex:1 1 100%;text-align:center;}
}