/* KITABIQ 3D motion system — scoped to landing page #5 */
#kitabq-production{font-family:system-ui,-apple-system,"Noto Sans Devanagari",Arial,sans-serif!important;font-weight:700!important;isolation:isolate}
#kitabq-production p,#kitabq-production li,#kitabq-production small{font-weight:700!important}
#kitabq-production h1,#kitabq-production h2,#kitabq-production h3,#kitabq-production summary{font-weight:950!important;letter-spacing:-.025em}
#kitabq-production section{position:relative;isolation:isolate}
#kitabq-production section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:radial-gradient(circle at 12% 18%,#ff70c8 0,transparent 27%),radial-gradient(circle at 88% 72%,#54e8ff 0,transparent 29%)}
#kitabq-production section>div{position:relative;z-index:1}
#kitabq-production section div[style*="border-radius"]{transform-style:preserve-3d;will-change:transform,box-shadow;animation:kitabq-card-float 5.8s ease-in-out infinite;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s!important;box-shadow:0 12px 24px #0005,0 3px 0 #ffffff18 inset!important}
#kitabq-production section div[style*="border-radius"]:nth-child(3n+2){animation-delay:-1.6s}
#kitabq-production section div[style*="border-radius"]:nth-child(3n){animation-delay:-3.1s}
#kitabq-production section div[style*="border-radius"]:hover{transform:perspective(900px) translateY(-12px) rotateX(5deg) rotateY(-4deg) scale(1.025)!important;box-shadow:0 28px 45px #0009,0 0 28px #e76bb977!important;border-color:#f2c36e!important}
#kitabq-production img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s!important;filter:saturate(1.12) contrast(1.04);transform:translateZ(18px)}
#kitabq-production img:hover{transform:perspective(900px) rotateY(-5deg) rotateX(3deg) scale(1.035)!important;filter:saturate(1.35) drop-shadow(0 22px 22px #0009)}
#kitabq-production a{position:relative;overflow:hidden;transform:translateZ(0);font-weight:950!important;letter-spacing:.01em;box-shadow:0 10px 0 #0003,0 15px 30px #e85ba755!important;transition:transform .25s,box-shadow .25s,filter .25s!important;animation:kitabq-button-glow 3s ease-in-out infinite}
#kitabq-production a:before{content:"";position:absolute;top:-80%;left:-55%;width:35%;height:260%;background:linear-gradient(90deg,transparent,#ffffff99,transparent);transform:rotate(25deg);animation:kitabq-shine 3.6s ease-in-out infinite}
#kitabq-production a:hover{transform:translateY(-5px) scale(1.035)!important;filter:saturate(1.25) brightness(1.08);box-shadow:0 15px 0 #0003,0 22px 42px #ed70c777!important}
#kitabq-production a:active{transform:translateY(2px) scale(.98)!important}
/* Do not add another text line to the top ticker; JS builds the only track. */
#kitabq-production>div:first-child{position:relative;overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,#35122e,#75204e,#35122e)!important;box-shadow:0 4px 22px #d94c9b44}
#kitabq-production>div:first-child:after{content:none!important;display:none!important;animation:none!important}
#kitabq-production details{transition:transform .3s,background .3s,border-color .3s}
#kitabq-production details[open]{transform:translateY(-3px);border-color:#e982bd!important;background:#28233a!important}
#kitabq-production>div:last-child a{animation:kitabq-button-glow 2.5s ease-in-out infinite}
@keyframes kitabq-card-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -5px;rotate:.35deg}}
@keyframes kitabq-button-glow{0%,100%{filter:drop-shadow(0 0 0 #e879bd00)}50%{filter:drop-shadow(0 0 13px #e879bd99)}}
@keyframes kitabq-shine{0%,65%{left:-55%}100%{left:140%}}
@media(max-width:680px){#kitabq-production section{padding-top:34px!important;padding-bottom:34px!important}#kitabq-production section div[style*="border-radius"]{animation-duration:7s}#kitabq-production h1{font-size:clamp(34px,10vw,48px)!important}#kitabq-production p{overflow-wrap:anywhere}#kitabq-production>div:first-child{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){#kitabq-production *,#kitabq-production *:before,#kitabq-production *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
