/* Videók (social proof): TikTok-hangulatú, sötét sáv, 9:16 kártyák, teljes képernyős nézegető */
.skt-vid{--ink:#222221;--em:#d6b593;background:#222221;color:#eedac6;font-family:var(--sk-font-sans,'DM Sans',system-ui,sans-serif)}
.skt-vid *{box-sizing:border-box}
.skt-vid__in{max-width:1320px;margin:0 auto;padding:clamp(48px,6vw,88px) clamp(16px,4vw,40px)}
.skt-vid__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 30px}
.skt-vid__eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--em);margin:0 0 14px}
.skt-vid h2{font:400 clamp(32px,4vw,52px)/1.06 var(--sk-font-serif,Georgia,serif);letter-spacing:-.035em;color:#fff;margin:0}.skt-vid h2 em{color:var(--em)}
.skt-vid__follow{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.skt-vid__follow:hover{background:#fff;color:#222221}
.skt-vid__row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 4px 14px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}
.skt-vid__card{all:unset;box-sizing:border-box;flex:0 0 clamp(200px,17vw,240px);scroll-snap-align:start;cursor:pointer}
.skt-vid__cover{position:relative;display:block;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#222221}
.skt-vid__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.skt-vid__card:hover .skt-vid__cover img{transform:scale(1.04)}
.skt-vid__cover::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0));pointer-events:none}
.skt-vid__note{position:absolute;right:10px;top:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center}
.skt-vid__play{position:absolute;left:50%;top:50%;z-index:2;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(0,0,0,.42);border:1.5px solid rgba(255,255,255,.85);transition:transform .2s,background .2s}
.skt-vid__play::after{content:"";position:absolute;left:20px;top:15px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.skt-vid__card:hover .skt-vid__play{transform:scale(1.08);background:rgba(0,0,0,.6)}
.skt-vid__card:focus-visible .skt-vid__cover{outline:3px solid #fff;outline-offset:3px}
.skt-vid__cap{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:block;font-size:14px;line-height:1.35;color:#fff;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.skt-vid__cap b{display:block;font-size:13px;font-weight:700;margin-bottom:3px}
.skt-vid__demo{position:absolute;left:12px;top:14px;z-index:2;font-size:11px;font-weight:700;letter-spacing:.16em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
/* nézegető: mobilon teljes képernyő, asztalon függőleges ablak nyilakkal */
.skt-vidd{border:0;padding:0;background:transparent;max-width:min(430px,94vw);width:100%;overflow:visible;color:#fff;margin:auto}
.skt-vidd::backdrop{background:rgba(34,34,33,.86)}
.skt-vidd__box{position:relative;aspect-ratio:9/16;max-height:84vh;margin:0 auto;background:#000;border-radius:12px;overflow:hidden;touch-action:pan-x}
.skt-vidd__box iframe,.skt-vidd__box video{width:100%;height:100%;border:0;display:block}
.skt-vidd__demo{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:#000}
.skt-vidd__demo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.skt-vidd__demo::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,0))}
.skt-vidd__demo p{position:relative;z-index:1;margin:0;font-size:15px;line-height:1.5}.skt-vidd__demo p b{display:block;margin-bottom:4px}
.skt-vidd__x{position:absolute;right:-6px;top:-48px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#222221;font-size:26px;line-height:1;cursor:pointer;z-index:3}
.skt-vidd__nav{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;border:0;border-radius:50%;background:rgba(255,255,255,.16);cursor:pointer;z-index:3}
.skt-vidd__nav::before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff}
.skt-vidd__nav--p{left:-64px}.skt-vidd__nav--p::before{transform:translate(-30%,-50%) rotate(45deg)}
.skt-vidd__nav--n{right:-64px}.skt-vidd__nav--n::before{transform:translate(-70%,-50%) rotate(-135deg)}
.skt-vidd__nav:hover{background:rgba(255,255,255,.3)}.skt-vidd__nav[hidden]{display:none}
.skt-vidd__count{margin:12px 0 0;text-align:center;font-size:13px;color:#fff;letter-spacing:.06em;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.skt-vidd__note{font-size:12px;line-height:1.5;color:#d6b593;margin:8px 4px 0;text-align:center}
@media(max-width:700px){
 .skt-vid__head{display:block}.skt-vid__follow{margin-top:16px}.skt-vid__card{flex-basis:56vw}.skt-vid__row{gap:12px}
 .skt-vidd{max-width:100vw;width:100vw;height:100dvh;max-height:none;margin:0;display:flex;flex-direction:column;justify-content:center;background:#000}
 .skt-vidd:not([open]){display:none}
 .skt-vidd__box{aspect-ratio:auto;flex:1;max-height:none;border-radius:0;width:100%}
 .skt-vidd__x{right:12px;top:12px;background:rgba(255,255,255,.9)}
 .skt-vidd__nav--p{left:auto;right:12px;top:42%}.skt-vidd__nav--n{right:12px;top:58%}.skt-vidd__nav{background:rgba(255,255,255,.2)}
 .skt-vidd__nav--p::before{transform:translate(-50%,-30%) rotate(135deg)}.skt-vidd__nav--n::before{transform:translate(-50%,-70%) rotate(-45deg)}
 .skt-vidd__count{position:absolute;left:0;right:0;top:20px;margin:0;z-index:3}
 .skt-vidd__note{margin:0;padding:8px 12px;background:#000}
}

/* „Hogyan használd” blokk a termékoldalon */
.skt-use{padding:64px 0;background:#fff}.skt-use *{box-sizing:border-box}
.skt-use__in{width:min(1100px,calc(100% - 44px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
.skt-use__eyebrow{font:600 12px/1 inherit;letter-spacing:.16em;color:#dca86a;margin:0 0 14px}
.skt-use h2{font:400 clamp(28px,3.4vw,42px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.02em;color:#222221;margin:0 0 14px}.skt-use h2 em{color:#dca86a}
.skt-use__txt p:last-child{font-size:16px;line-height:1.6;color:#222221b8;margin:0;max-width:44ch}
.skt-use__row{display:flex;gap:16px}.skt-use .skt-vid__card{width:260px;flex:none}
@media(max-width:760px){.skt-use{padding:44px 0}.skt-use__in{grid-template-columns:minmax(0,1fr);gap:24px}.skt-use .skt-vid__card{width:min(70vw,280px)}}
/* Videók sáv világosban (David 2026-10-14): fehér háttér, sötét cím, arany kiemelés */
.skt-vid{--em:#dca86a;background:#fff;color:#222221}
.skt-vid h2{color:#222221}
.skt-vid__follow{border-color:#222221;color:#222221}.skt-vid__follow:hover{background:#222221;color:#fff}