/* ============================================================
   SZD LANDING framework — scoped .szd-lp (دور ۸۴ — پایلت: کیمدی)
   mobile-first · minimal · childlike · modern · all-local
   ============================================================ */
.szd-lp{direction:rtl;font-family:'Vazirmatn','Tahoma',sans-serif;margin-bottom:10px}
.szd-lp *{box-sizing:border-box}

/* ---------- reveal (mirror of home motion classes) ---------- */
.szd-lp .szd-rv{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.22,.8,.36,1),transform .7s cubic-bezier(.22,.8,.36,1)}
.szd-lp .szd-rv.rv-l{transform:translateX(-44px)}
.szd-lp .szd-rv.rv-r{transform:translateX(44px)}
.szd-lp .szd-rv.rv-z{transform:scale(.86)}
.szd-lp .szd-rv.rv-in{opacity:1;transform:none}

/* ---------- shared bits ---------- */
.szd-lp__chip{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#FFD96B;font-size:11.5px;font-weight:800;border-radius:999px;padding:5px 14px;backdrop-filter:blur(2px)}
.szd-lp__chip--gold{background:rgba(255,217,107,.16);border-color:rgba(255,217,107,.5)}
.szd-lp__h2{font-size:16px;font-weight:800;color:#3D2C2E;margin:0 0 12px;position:relative;padding:0 2px 7px;display:inline-block}
.szd-lp__h2::after{content:"";position:absolute;right:2px;bottom:0;height:3px;width:46px;border-radius:3px;background:linear-gradient(90deg,#1E2F66,#FFD96B)}
.szd-lp__cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FFD96B,#E2A82E);color:#3a2a05;border-radius:999px;padding:11px 26px;font-size:13.5px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(226,168,46,.4)}
.szd-lp__cta--ghost{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.55);box-shadow:none}
.szd-lp__cta--gold{box-shadow:0 10px 24px rgba(20,28,60,.35)}

/* ---------- HERO — stadium night ---------- */
.szd-lp__hero{position:relative;overflow:hidden;margin:6px calc(50% - 50vw) 16px;padding:34px 22px 38px;background:radial-gradient(130% 90% at 50% -10%,#27407e 0%,#16244f 46%,#0e1a3c 100%);text-align:center}
.lp-light{position:absolute;top:-40px;width:190px;height:340px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 75%);pointer-events:none}
.lp-light.l1{right:4%;transform:rotate(16deg)}
.lp-light.l2{left:4%;transform:rotate(-16deg)}
.lp-bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,217,107,.5),rgba(255,217,107,0) 70%);pointer-events:none;animation:lpTwinkle 4.2s ease-in-out infinite}
.lp-bokeh.bk1{width:14px;height:14px;top:14%;right:16%}
.lp-bokeh.bk2{width:9px;height:9px;top:26%;left:12%;animation-delay:.9s}
.lp-bokeh.bk3{width:12px;height:12px;top:8%;left:34%;animation-delay:1.7s}
.lp-bokeh.bk4{width:8px;height:8px;top:44%;right:8%;animation-delay:2.4s;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 70%)}
.lp-bokeh.bk5{width:10px;height:10px;top:38%;left:6%;animation-delay:3.1s;background:radial-gradient(circle,rgba(255,255,255,.45),rgba(255,255,255,0) 70%)}
.lp-conf{position:absolute;width:7px;height:11px;border-radius:2px;opacity:.65;pointer-events:none;animation:lpConf 7s ease-in-out infinite}
.lp-conf.c1{top:12%;right:30%;background:#F478A9;transform:rotate(20deg)}
.lp-conf.c2{top:20%;left:24%;background:#6FD3CB;transform:rotate(-15deg);animation-delay:1.2s}
.lp-conf.c3{top:6%;right:46%;background:#FFD96B;transform:rotate(40deg);animation-delay:2.2s}
.lp-conf.c4{top:30%;right:10%;background:#6FD3CB;transform:rotate(-30deg);animation-delay:3s}
.lp-conf.c5{top:16%;left:42%;background:#F478A9;transform:rotate(10deg);animation-delay:4s}
.lp-conf.c6{top:36%;left:16%;background:#FFD96B;transform:rotate(-22deg);animation-delay:5s}
@keyframes lpTwinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.25)}}
@keyframes lpConf{0%,100%{translate:0 0;opacity:.65}50%{translate:0 14px;opacity:.35}}
/* card fan */
.szd-lp__cards{position:relative;height:158px;margin:6px auto 18px;width:300px}
.lpcard{position:absolute;bottom:0;left:50%;width:84px;height:118px;margin-left:-42px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.32);transform-origin:50% 120%}
.lpcard svg{width:34px;height:34px}
.lpcard.k1{background:linear-gradient(160deg,#3DA39B,#236660);transform:rotate(-22deg) translateY(8px);animation:lpFloat 5.4s ease-in-out infinite alternate}
.lpcard.k2{background:linear-gradient(160deg,#F478A9,#C2447A);transform:rotate(-11deg) translateY(3px);animation:lpFloat 6.1s ease-in-out infinite alternate-reverse}
.lpcard.k3{background:linear-gradient(160deg,#5A78C9,#33508f);transform:rotate(11deg) translateY(3px);animation:lpFloat 5.8s ease-in-out infinite alternate}
.lpcard.k4{background:linear-gradient(160deg,#8a67c9,#5d3f96);transform:rotate(22deg) translateY(8px);animation:lpFloat 6.6s ease-in-out infinite alternate-reverse}
.lpcard.gold{background:linear-gradient(160deg,#FFE08A,#E2A82E);z-index:2;width:92px;height:128px;margin-left:-46px;transform:translateY(-6px);box-shadow:0 0 0 2px rgba(255,224,138,.65),0 14px 34px rgba(226,168,46,.5);overflow:hidden;animation:lpFloatGold 4.8s ease-in-out infinite alternate}
.lpcard.gold svg{width:40px;height:40px;filter:drop-shadow(0 2px 3px rgba(122,85,16,.35))}
.lpcard.gold .shine{position:absolute;top:-20%;left:-60%;width:45%;height:140%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));transform:rotate(12deg);animation:lpShine 3.4s ease-in-out infinite}
@keyframes lpFloat{from{margin-bottom:0}to{margin-bottom:10px}}
@keyframes lpFloatGold{from{margin-bottom:0}to{margin-bottom:14px}}
@keyframes lpShine{0%,55%{left:-60%}85%,100%{left:130%}}
/* hero text */
.szd-lp__title{font-size:21px;font-weight:900;color:#fff;margin:12px 0 0;line-height:1.6}
.szd-lp__sub{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.82);margin:8px auto 0;max-width:330px;line-height:2}
.szd-lp__ctas{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}

/* ---------- COUNTERS ---------- */
.szd-lp__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}
.lpstat{background:#fff;border:1px solid #ECE4EF;border-radius:16px;padding:14px 6px;text-align:center;box-shadow:0 6px 14px rgba(30,47,102,.07)}
.lpstat__n{display:block;font-size:21px;font-weight:900;color:#1E2F66}
.lpstat__n i{font-style:normal;color:#E2A82E}
.lpstat__l{display:block;font-size:10.5px;font-weight:600;color:#7B6B6D;margin-top:4px;line-height:1.8}

/* ---------- PICKS ---------- */
.szd-lp__picks{margin:0 0 18px}
.szd-lp__picks-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lppick{position:relative;background:#fff;border:1px solid #ECE4EF;border-radius:18px;padding:10px 8px 12px;text-align:center;text-decoration:none;box-shadow:0 6px 14px rgba(30,47,102,.07);display:flex;flex-direction:column;gap:7px}
.lppick__badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#FFD96B,#E2A82E);color:#3a2a05;font-size:9.5px;font-weight:800;border-radius:999px;padding:3px 9px;z-index:2}
.lppick__badge--green{background:linear-gradient(135deg,#A8DFA8,#5CB85C);color:#1d4a1d}
.lppick__img{display:block;border-radius:12px;overflow:hidden;background:#F7F4FA}
.lppick__img img{width:100%;height:auto;display:block}
.lppick__name{font-size:10.5px;font-weight:700;color:#3D2C2E;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.lppick__price{font-size:12.5px;font-weight:900;color:#1E2F66}
.lppick__price .lp-toman{font-style:normal;font-size:9.5px;font-weight:600;color:#7B6B6D}

/* ---------- FEAT (golden chance, parallax) ---------- */
.szd-lp__feat{position:relative;overflow:hidden;margin:0 calc(50% - 50vw) 18px;min-height:225px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(120% 100% at 50% 0%,#27407e 0%,#101d44 70%)}
.szd-lp__feat .szd-feat__inner{position:relative;z-index:2;padding:32px 24px;max-width:430px}
.szd-lp__feat-title{font-size:19px;font-weight:900;color:#fff;margin:10px 0 0;line-height:1.7}
.szd-lp__feat-sub{font-size:12px;font-weight:600;color:rgba(255,255,255,.8);margin:7px 0 14px}
.szd-lp__feat-scene{position:absolute;inset:-14% 0;z-index:0;pointer-events:none;will-change:transform}
.fxk{position:absolute;width:46px;height:64px;border-radius:9px;opacity:.85}
.fxk.f1{background:linear-gradient(160deg,#FFE08A,#E2A82E);top:16%;right:7%;transform:rotate(14deg);animation:lpFloat 6s ease-in-out infinite alternate}
.fxk.f2{background:linear-gradient(160deg,#F478A9,#C2447A);bottom:14%;right:20%;width:38px;height:53px;transform:rotate(-12deg);animation:lpFloat 7s ease-in-out infinite alternate-reverse}
.fxk.f3{background:linear-gradient(160deg,#6FD3CB,#3DA39B);top:24%;left:8%;width:40px;height:56px;transform:rotate(-18deg);animation:lpFloat 6.5s ease-in-out infinite alternate}
.fxstar{position:absolute;width:16px;height:16px;animation:lpTwinkle 3.6s ease-in-out infinite}
.fxstar.s1{top:18%;left:26%}
.fxstar.s2{bottom:18%;left:14%;width:12px;height:12px;animation-delay:1.4s}

/* ---------- FAQ ---------- */
.szd-lp__faq{margin:0 0 16px}
.szd-lp__faq details{background:#fff;border:1px solid #ECE4EF;border-radius:14px;margin-bottom:8px;overflow:hidden}
.szd-lp__faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;font-size:12.5px;font-weight:800;color:#3D2C2E;cursor:pointer}
.szd-lp__faq summary::-webkit-details-marker{display:none}
.szd-lp__faq summary svg{width:17px;height:17px;color:#1E2F66;flex-shrink:0;transition:transform .3s}
.szd-lp__faq details[open] summary svg{transform:rotate(180deg)}
.szd-lp__faq details > div{padding:0 14px 13px;font-size:12px;color:#5A4A4C;line-height:2.1}

.szd-lp__grid-anchor{scroll-margin-top:90px}
.szd-lp__h2--grid{margin-top:4px}


/* ===== موج ۴ (۲۰۲۶-۰۷-۱۶) — LP2: لندینگ برند تمام-عرض؛ فیلتر amazzing روی صفحات لندینگ جمع می‌شود
   (فیدبک کاربر: فعال شدن فیلتر manufacturer لندینگ کیمدی را از ریخت انداخت) */
body:has(.szd-lp) #left_column,
body:has(.szd-lp) #right_column,
body:has(.szd-lp) #amazzing_filter,
body:has(.szd-lp) .amazzing_filter,
body:has(.szd-lp) #switch_left_column_wrap,
body:has(.szd-lp) #switch_right_column_wrap{ display:none !important; }
body:has(.szd-lp) #center_column{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; }
