/* home.css — componente homepage (hero slider, tile 3D, selector, marquee).
   Design v3_7. Scoped sub .imk-root ca să nu intre în coliziune cu tema Porto. */
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(48px,-36px) scale(1.1)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes rise{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes sheen{from{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(220%) skewX(-18deg)}}
@keyframes kenburns{from{transform:scale(1.12) translateX(1.5%)}to{transform:scale(1.02) translateX(0)}}
@keyframes prog{to{transform:scaleX(1)}}
.imk-root .btng{transition:background .2s,border-color .2s}
.imk-root .btng:hover{background:#FFFFFF !important;border-color:#6B2D8B !important}
.imk-root .tile{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .3s;transform-style:preserve-3d}
.imk-root .tile:hover{transform:perspective(1000px) rotateX(4deg) translateY(-6px);border-color:#CDB6DA !important;box-shadow:0 18px 40px -24px rgba(60,25,80,.45)}
.imk-root .chip{transition:border-color .2s,background .2s,box-shadow .2s}
.imk-root .chip:hover{border-color:#B392C6 !important}
.imk-root .float{animation:floatY 6s ease-in-out infinite}
.imk-root .float2{animation:floatY 7.5s ease-in-out -2.5s infinite}
.imk-root .orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:drift 20s ease-in-out infinite}
.imk-root .stage{perspective:1600px}
.imk-root .tilt3d{transform:rotateY(-10deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.imk-root .stage:hover .tilt3d{transform:rotateY(-2deg) rotateX(1deg)}
.imk-root .tilt3d::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);animation:sheen 7s ease-in-out 1.5s infinite;pointer-events:none}
.imk-root .ico3d{transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 16px 20px rgba(92,40,120,.30))}
.imk-root .tile:hover .ico3d{transform:translateY(-8px) rotate(-6deg) scale(1.08)}
.imk-root .zoomimg{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.imk-root .tile:hover .zoomimg,.imk-root .stage:hover .zoomimg{transform:scale(1.06)}
.imk-root .track{display:flex;width:max-content;gap:56px;animation:marquee 38s linear infinite}
.imk-root .marq:hover .track{animation-play-state:paused}
.imk-root .reveal{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
@supports (animation-timeline: view()){.imk-root .reveal{animation-timeline:view();animation-range:entry 0% cover 28%}}
.imk-root .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.imk-root .slide.on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.imk-root .slide .kb{transform:scale(1.14) translateX(1.5%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.imk-root .slide.on .kb{transform:scale(1.03);animation:kenburns 9s ease-out forwards}
.imk-root .slide .sc>*{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1)}
.imk-root .slide.on .sc>*{opacity:1;transform:none}
.imk-root .slide.on .sc>*:nth-child(2){transition-delay:.12s}.imk-root .slide.on .sc>*:nth-child(3){transition-delay:.24s}.imk-root .slide.on .sc>*:nth-child(4){transition-delay:.36s}
.imk-root .slide .slx{opacity:0;transition:opacity .8s .5s}
.imk-root .slide.on .slx{opacity:1}
.imk-root .tab{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:12px;color:#CDBFD8;font-size:14px;font-weight:500;min-height:44px;justify-content:flex-end}
.imk-root .tab .tl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imk-root .tab.on{color:#FFFFFF}
.imk-root .tab:hover{color:#FFFFFF}
.imk-root .tab .bar{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.22);overflow:hidden}
.imk-root .tab .bar i{display:block;height:100%;background:#4CAF27;transform-origin:left;transform:scaleX(0)}
.imk-root .tab.on .bar i{animation:prog 7s linear forwards}
.imk-root .slider:hover .tab.on .bar i,.imk-root .slider:focus-within .tab.on .bar i{animation-play-state:paused}
.imk-root .arrow{all:unset;cursor:pointer;width:48px;height:48px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);transition:background .2s}
.imk-root .arrow:hover{background:rgba(255,255,255,.24)}
.imk-root .tab:focus-visible,.imk-root .arrow:focus-visible{outline:3px solid #8EE06B;outline-offset:3px}
.imk-root .btng2{transition:background .2s}.imk-root .btng2:hover{background:rgba(255,255,255,.16) !important}
.imk-root .oferta-form, .imk-root .imk-oferta-form{display:block}
@media (max-width:760px){.imk-root .tabs{display:flex !important;gap:8px !important}.imk-root .tab .tl{display:none}.imk-root .tab{flex:1;min-height:24px}.imk-root .slx{display:none !important}}
@media (max-width:760px){.imk-root .slider{height:600px !important}.imk-root .sc{justify-content:flex-end !important;padding:24px 20px 72px !important;gap:16px !important}.imk-root .sc h1,.imk-root .sc h2{font-size:30px !important}.imk-root .sc p{font-size:15px !important}.imk-root .btng2,.imk-root .arrow,.imk-root .uemail{display:none !important}.imk-root .subs{grid-template-columns:1fr !important}.imk-root .selpanel{padding:20px 16px !important}.imk-root .solgrid>.tile+.tile{display:grid !important;grid-template-columns:56px 1fr;column-gap:16px !important;row-gap:4px !important;padding:16px !important}.imk-root .solgrid>.tile+.tile>.ico3d{grid-row:1 / span 2;width:64px !important;height:64px !important;margin:-4px 0 0 -8px !important}.imk-root .solgrid>.tile+.tile>h3{font-size:18px !important;align-self:end}.imk-root .solgrid>.tile+.tile>p{font-size:14px !important}.imk-root .ovl{background:linear-gradient(0deg,rgba(22,10,32,.94) 0%,rgba(22,10,32,.78) 45%,rgba(22,10,32,.15) 100%) !important}.imk-root .sc>span{text-wrap:balance}}



/* ---- card ofertă: coloana mov mai îngustă pe desktop, stivuit sub 900px ---- */
.imk-root .imk-oferta{grid-template-columns:1fr}
@media (min-width:900px){.imk-root .imk-oferta{grid-template-columns:minmax(0,0.66fr) minmax(0,1fr)}}
/* Erou (desktop/tableta): acomodeaza titlurile lungi (RO slide 1 + EN) fara suprapunere peste tab-uri */
@media(min-width:761px){
  .imk-root .slider{height:clamp(600px,48vw,760px) !important}
  .imk-root .sc{padding-bottom:136px !important}
  .imk-root .sc h1,.imk-root .sc h2{font-size:clamp(31px,3vw,48px) !important;line-height:1.05 !important}
  .imk-lang-en .imk-root .sc h1,.imk-lang-en .imk-root .sc h2{font-size:clamp(29px,2.8vw,44px) !important}
}