/* ============================================================
   SZD LANDING — دفترهای فوتبالی کیمدی (category 189) — NB1
   sits on top of szd-landing.css; palette = the notebooks' own retro-summer covers
   ============================================================ */
.szd-lpnb__hero{background:radial-gradient(120% 80% at 50% 110%,#f2a93b 0%,#e0457b 32%,#8a2a8f 62%,#2b1a4e 100%)}
.szd-lpnb__hero .lp-bokeh{background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,0) 70%)}
.nb-sun{position:absolute;left:50%;top:18px;width:150px;height:150px;margin-left:-75px;border-radius:50%;background:linear-gradient(180deg,#ffe58a 0%,#ffb84d 55%,#ff7a59 100%);box-shadow:0 0 60px rgba(255,200,90,.55);pointer-events:none;
  -webkit-mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px);mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px)}
.nb-stripes{position:absolute;inset:auto 0 0 0;height:38%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 16px);pointer-events:none;-webkit-mask:linear-gradient(180deg,transparent,#000);mask:linear-gradient(180deg,transparent,#000)}
.nb-palm{position:absolute;bottom:26%;width:6px;height:110px;background:#1e1238;border-radius:3px;pointer-events:none;opacity:.85}
.nb-palm::before,.nb-palm::after{content:"";position:absolute;top:-8px;width:64px;height:22px;border-radius:50% 50% 0 0;background:#1e1238}
.nb-palm::before{left:-58px;transform:rotate(-18deg)}
.nb-palm::after{right:-58px;transform:rotate(18deg)}
.nb-palm.p1{right:9%;height:96px}
.nb-palm.p2{left:8%;bottom:24%;height:128px}
/* three floating notebooks (CSS) */
.szd-lpnb__books{position:relative;height:150px;width:300px;margin:6px auto 14px}
.nbbook{position:absolute;bottom:0;left:50%;width:84px;height:118px;margin-left:-42px;border-radius:6px 12px 12px 6px;box-shadow:0 10px 24px rgba(0,0,0,.32);transform-origin:50% 120%;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0 8px 4px}
.nbbook i{display:block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.25)}
.nbbook::after{content:"";position:absolute;inset:auto 10px 12px 14px;height:38px;border-radius:6px;background:rgba(255,255,255,.9)}
.nbbook.b1{background:linear-gradient(160deg,#3da39b,#236660);transform:rotate(-16deg) translateY(8px);animation:lpFloat 5.6s ease-in-out infinite alternate}
.nbbook.b2{background:linear-gradient(160deg,#ff7a59,#c2318a);z-index:2;transform:translateY(-6px);animation:lpFloatGold 4.9s ease-in-out infinite alternate;width:92px;height:128px;margin-left:-46px}
.nbbook.b3{background:linear-gradient(160deg,#5a78c9,#33508f);transform:rotate(16deg) translateY(8px);animation:lpFloat 6.3s ease-in-out infinite alternate-reverse}

/* ---------- player tabs ---------- */
.szd-lpnb__players{margin:0 0 18px}
.nb-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nb-tabs::-webkit-scrollbar{display:none}
.nb-tab{flex:0 0 auto;background:#fff;border:1.5px solid #ECE4EF;color:#3D2C2E;border-radius:999px;padding:8px 16px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.nb-tab.--on{background:linear-gradient(135deg,#e0457b,#8a2a8f);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(194,49,138,.3)}
.nb-tab:focus-visible{outline:3px solid #f2a93b;outline-offset:2px}
.nb-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nb-panel.--on{display:grid}
.nbcard{position:relative;background:#fff;border:1px solid #ECE4EF;border-radius:16px;padding:8px 8px 10px;text-decoration:none;display:flex;flex-direction:column;gap:5px;box-shadow:0 6px 14px rgba(30,47,102,.07);min-width:0}
.nbcard__img{display:block;border-radius:10px;overflow:hidden;background:#F7F4FA;aspect-ratio:500/695}
.nbcard__img img{width:100%;height:100%;object-fit:contain;display:block}
.nbcard__type{font-size:12px;font-weight:800;color:#3D2C2E}
.nbcard__season{font-size:10.5px;font-weight:600;color:#8a2a8f}
.nbcard__price{font-size:12.5px;font-weight:900;color:#1E2F66}
.nbcard__price del{font-size:10.5px;font-weight:600;color:#9a8f9c;margin-right:6px}
.nbcard__price .lp-toman{font-style:normal;font-size:9.5px;font-weight:600;color:#7B6B6D}
@media(min-width:768px){.nb-panel{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ---------- what's inside ---------- */
.szd-lpnb__feat{background:radial-gradient(120% 100% at 50% 0%,#8a2a8f 0%,#2b1a4e 70%)}
.nb-inside{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 18px;text-align:right}
.nb-inside__item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 14px}
.nb-inside__item b{display:block;color:#FFD96B;font-size:13px;font-weight:800;margin-bottom:3px}
.nb-inside__item span{display:block;color:rgba(255,255,255,.85);font-size:11.5px;line-height:1.9}
@media(min-width:768px){.nb-inside{grid-template-columns:repeat(3,1fr)}.szd-lp__feat .szd-feat__inner{max-width:760px}}
@media (prefers-reduced-motion:reduce){.nbbook,.szd-lpnb__hero .lp-bokeh{animation:none}}