/* Podstrona „Kampanie Google Ads”. Wymaga site.css, strony.css (.types,.scope), sklepy.css (.cstep,.nums,.flow__list), meta.css (.terms,.creatives-notes). */
.sw-hero .film img,.sw-hero .film video{scale:-1 1}
/* --- demo szukania --- */
.srch{margin-top:clamp(3rem,5vw,4.5rem);display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:1fr;align-items:start}
@media (min-width:1024px){.srch{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.srch__tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.srch__tab{height:2.25rem;padding:0 .9rem;border-radius:999px;border:1px solid var(--hairline);background:transparent;color:var(--fg-muted);font:500 .875rem/1 var(--font-body);cursor:pointer;transition:border-color 300ms var(--ease-soft),color 300ms var(--ease-soft),background 300ms var(--ease-soft)}
.srch__tab.is-on{border-color:rgb(115 96 223 / .7);color:var(--fg);background:rgb(115 96 223 / .12)}
.srch__tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gbox{position:relative;border:1px solid rgb(255 255 255 / .14);border-radius:14px;background:#0d0e12;overflow:hidden;box-shadow:0 40px 80px -40px rgb(0 0 0 / .85);min-height:31rem}
.gbox__bar{display:flex;align-items:center;gap:.4rem;padding:.7rem .9rem;border-bottom:1px solid rgb(255 255 255 / .08)}
.gbox__bar i{width:9px;height:9px;border-radius:50%;background:rgb(255 255 255 / .14)}
.gbox__url{margin-left:.6rem;flex:1;height:1.5rem;border-radius:999px;background:rgb(255 255 255 / .05);font-size:.75rem;color:var(--fg-faint);display:flex;align-items:center;padding:0 .75rem}
.gbox__q{margin:1.25rem clamp(.9rem,3vw,1.5rem) 0;min-height:2.75rem;border-radius:999px;border:1px solid rgb(255 255 255 / .18);background:rgb(255 255 255 / .04);display:flex;align-items:center;gap:.6rem;padding:.4rem 1rem;font-size:.9375rem;color:var(--fg)}
.gbox__q i{width:13px;height:13px;border:1.5px solid rgb(250 250 250 / .55);border-radius:50%;position:relative;flex:none}
.gbox__q i::after{content:"";position:absolute;width:6px;height:1.5px;background:rgb(250 250 250 / .55);right:-5px;bottom:-2px;rotate:45deg}
.gbox__caret{width:1px;height:1.1em;background:var(--fg);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.gbox.typed .gbox__caret{display:none}
.gbox__res{padding:1rem clamp(.9rem,3vw,1.5rem) 5.5rem;display:grid;gap:1rem}
.gad{border:1px solid rgb(255 255 255 / .1);border-radius:12px;padding:.9rem 1rem;background:rgb(255 255 255 / .025);opacity:0;translate:0 10px;transition:opacity 480ms var(--ease-out),translate 480ms var(--ease-out)}
.gbox.results .gad{opacity:1;translate:0 0}
.gad__lbl{font-size:.7rem;font-weight:500;letter-spacing:.02em}
.gad__src{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;font-size:.75rem;color:var(--fg-faint)}
.gad__src i{width:18px;height:18px;border-radius:50%;background:var(--accent);flex:none}
.gad__src b{color:var(--fg);font-weight:500}
.gad h3{margin:.5rem 0 0;font-size:1.0625rem;font-weight:500;letter-spacing:-.01em;color:rgb(190 180 255)}
.gad p{margin:.35rem 0 0;font-size:.875rem;max-width:none;color:var(--fg-muted)}
.gad__links{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.6rem;font-size:.8125rem;color:rgb(190 180 255)}
.gad__cta{display:inline-flex;align-items:center;margin-top:.8rem;height:2rem;padding:0 .9rem;border-radius:999px;border:1px solid rgb(115 96 223 / .6);color:var(--fg);font-size:.8125rem;font-weight:500;transition:scale 200ms var(--ease-out),background 300ms var(--ease-soft)}
.gbox.tap .gad__cta,.gbox.tap .gtile.is-pick{scale:.95;background:rgb(115 96 223 / .25)}
.gshop{display:none;grid-template-columns:repeat(3,1fr);gap:.6rem}
.gbox.shop .gshop{display:grid}
.gtile{border:1px solid rgb(255 255 255 / .1);border-radius:10px;overflow:hidden;background:rgb(255 255 255 / .025);opacity:0;translate:0 10px;transition:opacity 480ms var(--ease-out),translate 480ms var(--ease-out),scale 200ms var(--ease-out),background 300ms var(--ease-soft)}
.gbox.results .gtile{opacity:1;translate:0 0}
.gbox.results .gtile:nth-child(2){transition-delay:70ms}.gbox.results .gtile:nth-child(3){transition-delay:140ms}
.gtile i{display:block;aspect-ratio:1;background:linear-gradient(150deg,rgb(115 96 223 / .38),rgb(255 255 255 / .06) 70%)}
.gtile i.b{background:linear-gradient(210deg,rgb(115 96 223 / .28),rgb(255 255 255 / .08) 70%)}
.gtile i.c{background:linear-gradient(120deg,rgb(255 255 255 / .1),rgb(115 96 223 / .3) 80%)}
.gtile div{padding:.5rem .6rem;font-size:.75rem;line-height:1.35}
.gtile b{display:block;font-weight:500;color:var(--fg)}
.gtile span{color:var(--fg-faint)}
.gorg{display:grid;gap:.9rem;padding-top:.25rem}
.gorg div{opacity:0;transition:opacity 480ms var(--ease-out) 180ms}
.gbox.results .gorg div{opacity:.6}
.gorg b{display:block;height:.6rem;width:42%;border-radius:4px;background:rgb(255 255 255 / .16)}
.gorg span{display:block;height:.5rem;width:88%;border-radius:4px;background:rgb(255 255 255 / .08);margin-top:.45rem}
.gorg span+span{width:64%}
.gbox__out{position:absolute;left:clamp(.9rem,3vw,1.5rem);right:clamp(.9rem,3vw,1.5rem);bottom:1rem;display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:12px;background:#14151b;border:1px solid rgb(115 96 223 / .5);translate:0 160%;transition:translate 480ms var(--ease-out)}
.gbox.out .gbox__out{translate:0 0}
.gbox__out i{width:28px;height:28px;border-radius:50%;background:var(--accent);position:relative;flex:none}
.gbox__out i::after{content:"";position:absolute;left:10px;top:6px;width:6px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;rotate:45deg}
.gbox__out b{display:block;font-weight:500;font-size:.9375rem}
.gbox__out span{display:block;font-size:.8125rem;color:var(--fg-faint)}
/* --- raport wyszukiwań --- */
.kwr{margin-top:clamp(3rem,5vw,4.5rem);display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:1fr;align-items:start}
@media (min-width:1024px){.kwr{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.kwr__list{border:1px solid rgb(255 255 255 / .14);border-radius:12px;background:#0d0e12;overflow:hidden;box-shadow:0 30px 60px -40px rgb(0 0 0 / .8)}
.kwr__head{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid rgb(255 255 255 / .1);font-size:.75rem;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-faint)}
.kwr__row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid rgb(255 255 255 / .06);font-size:.9375rem}
.kwr__row q{quotes:none;color:var(--fg);position:relative;transition:color 400ms var(--ease-soft);transition-delay:calc(500ms + var(--i,0)*110ms)}
.kwr__row q::after{content:"";position:absolute;left:0;top:55%;height:1px;width:100%;background:rgb(250 250 250 / .6);transform:scaleX(0);transform-origin:left;transition:transform 400ms var(--ease-out);transition-delay:calc(500ms + var(--i,0)*110ms)}
.kwr__list.is-in .kwr__row[data-d="off"] q{color:var(--fg-faint)}
.kwr__list.is-in .kwr__row[data-d="off"] q::after{transform:scaleX(1)}
.kwr__d{font-size:.75rem;padding:3px 9px;border-radius:999px;border:1px solid rgb(255 255 255 / .14);color:var(--fg-muted);white-space:nowrap;opacity:0;translate:8px 0;transition:opacity 400ms var(--ease-out),translate 400ms var(--ease-out);transition-delay:calc(500ms + var(--i,0)*110ms)}
.kwr__row[data-d="on"] .kwr__d{border-color:rgb(115 96 223 / .6);color:var(--fg)}
.kwr__list.is-in .kwr__d{opacity:1;translate:0 0}
.kwr__note{padding:.6rem 1rem;font-size:.75rem;color:var(--fg-faint)}
.kwr__side{display:grid}
.kwr__side div{padding:.9rem 0;border-top:1px solid var(--hairline);font-size:.9375rem;color:var(--fg-muted)}
.kwr__side div:last-child{border-bottom:1px solid var(--hairline)}
.kwr__side b{display:block;font-weight:500;color:var(--fg)}
@media (max-width:479px){.kwr__row{grid-template-columns:1fr;gap:.35rem}.kwr__d{justify-self:start;translate:0 6px}}
/* --- kalendarz kampanii --- */
.cal{margin-top:clamp(3rem,5vw,4.5rem);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;background:var(--bg)}
.cal__months,.cal__row{display:grid;grid-template-columns:minmax(7rem,12rem) repeat(12,1fr)}
.cal__months{border-bottom:1px solid var(--hairline)}
.cal__months span{padding:.6rem .15rem;font-size:.75rem;color:var(--fg-faint);text-align:center;border-left:1px solid rgb(255 255 255 / .06)}
.cal__months span:first-child{border-left:0;text-align:left;padding-left:1rem}
.cal__months em{font-style:normal}.cal__months i{display:none;font-style:normal}
.cal__row{align-items:center;min-height:3.5rem;border-bottom:1px solid rgb(255 255 255 / .06)}
.cal__row:last-child{border-bottom:0}
.cal__row>b{padding:.6rem 1rem;font-weight:500;font-size:.9375rem;grid-column:1;grid-row:1}
.cal__row>b small{display:block;font-weight:400;font-size:.75rem;color:var(--fg-faint)}
.cal__bar{grid-row:1;height:1.35rem;margin:0 .2rem;border-radius:999px;background:rgb(115 96 223 / .32);border:1px solid rgb(115 96 223 / .7);transform:scaleX(0);transform-origin:left;transition:transform 900ms var(--ease-out);transition-delay:calc(300ms + var(--i,0)*90ms);display:flex;align-items:center;padding:0 .55rem;font-size:.7rem;color:var(--fg);white-space:nowrap;overflow:hidden}
.cal__bar--soft{background:rgb(255 255 255 / .06);border-color:rgb(255 255 255 / .22);color:var(--fg-muted)}
.cal.is-in .cal__bar{transform:scaleX(1)}
.cal__legend{display:grid;gap:0;margin-top:2rem}
@media (max-width:639px){.cal__months,.cal__row{grid-template-columns:5.75rem repeat(12,1fr)}.cal__months span{padding:.5rem 0;font-size:.7rem}.cal__months em{display:none}.cal__months i{display:inline}.cal__row>b{padding:.5rem .6rem;font-size:.8125rem}.cal__bar{font-size:0;height:.9rem;margin:0 .1rem;padding:0}}