/* Sosyal Medya sayfası */
.sm-hero{padding-bottom:clamp(7rem,5rem + 6vw,10rem)}
@media (min-width:960px){.sm-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}
.sm-hero .page-hero__title{max-width:15ch}
.sm-jump{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--s6)}
.sm-jump a{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem .45rem .45rem;border-radius:var(--r-pill);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:.9rem;transition:background-color .2s,box-shadow .2s}
.sm-jump a:hover{background:rgba(200,241,105,.08);box-shadow:inset 0 0 0 1px var(--lime)}
.sm-jump a > span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(200,241,105,.15);color:var(--lime)}
.sm-jump a > span .ic{width:16px;height:16px}
.sm-jump b{font-weight:700}
.sm-jump a > .ic{color:var(--on-dark-3)}

/* hero kompozisyonu */
.sm-hv{position:relative;container-type:inline-size;width:100%;max-width:580px;margin-inline:auto;aspect-ratio:1/1.04}
.sm-hv::before{content:"";position:absolute;left:12%;right:8%;top:8%;bottom:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(22,168,110,.42),transparent);filter:blur(10px);z-index:-1}
.sm-hv__phone{position:absolute;left:31cqw;top:0;width:48cqw;z-index:2;filter:drop-shadow(0 4cqw 6cqw rgba(0,0,0,.45))}
.sm-hv__phone .mock-phone{max-width:none}
.sm-hv__ai{position:absolute;left:0;top:50cqw;width:42cqw;z-index:3;color:var(--ink);font-size:max(10px,2.2cqw)!important}
.sm-hv__ai .ui-ai__h{font-size:1.1em}
.sm-hv__ai .ui-ai__q,.sm-hv__ai .ui-tags span{font-size:.85em}
.sm-hv__toast{position:absolute;right:0;top:20cqw;z-index:3}
@media (max-width:639.98px){
  .sm-hv{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:1rem}
  .sm-hv__phone{position:relative;left:auto;width:62%}
  .sm-hv__ai{position:relative;left:auto;top:auto;width:100%;max-width:320px;margin-top:-5rem;font-size:12px!important}
  .sm-hv__toast{position:relative;right:auto;top:auto}
}
.sm-feed{position:absolute;inset:0;background:#f4f7f5;padding-top:13cqw}
.sm-feed__top{display:flex;align-items:center;justify-content:space-between;padding:1cqw 6cqw 3cqw;font-size:5cqw;font-weight:800}
.sm-feed__top span{width:7cqw;height:7cqw;border-radius:2cqw;background:var(--g100)}
.sm-post{background:#fff;font-size:3.9cqw;line-height:1.35}
.sm-post__h{display:flex;align-items:center;gap:2.4cqw;padding:3cqw 4cqw}
.sm-post__h i{width:8.5cqw;height:8.5cqw;border-radius:50%;background:linear-gradient(135deg,var(--g500),var(--g700));box-shadow:0 0 0 .6cqw #fff,0 0 0 1.2cqw var(--lime);flex:none}
.sm-post__h b{display:block;font-weight:800}
.sm-post__h small{display:block;color:var(--muted);font-weight:600;font-size:.85em}
.sm-post__h em{margin-left:auto;font-style:normal;color:var(--muted);letter-spacing:.1em}
.sm-post__img{position:relative;aspect-ratio:1/1.05;overflow:hidden}
.sm-post__img picture,.sm-post__img img{width:100%;height:100%;object-fit:cover}
.sm-post__fmt{position:absolute;left:3cqw;top:3cqw;padding:1cqw 2.4cqw;border-radius:2cqw;background:rgba(5,35,26,.75);color:#fff;font-weight:800;font-size:.8em}
.sm-post__cta{display:flex;align-items:center;justify-content:space-between;padding:2.6cqw 4cqw;background:var(--g600);color:#fff;font-weight:800}
.sm-post__cta .ic{width:4cqw;height:4cqw}
.sm-post__acts{display:flex;gap:3cqw;padding:3cqw 4cqw 1cqw}
.sm-post__acts i{width:6cqw;height:6cqw;border-radius:50%;box-shadow:inset 0 0 0 .7cqw var(--ink-2)}
.sm-post__acts u{margin-left:auto;width:5cqw;height:6cqw;border-radius:1cqw;box-shadow:inset 0 0 0 .7cqw var(--ink-2)}
.sm-post p{padding:1cqw 4cqw 4cqw;color:var(--ink-2)}
.sm-post p b{font-weight:800;color:var(--ink)}

/* iki ürün kartı */
.sm-duo-sec{padding-top:0}
.sm-duo{display:grid;gap:var(--gap)}
@media (min-width:860px){.sm-duo{grid-template-columns:1fr 1fr}}
.sm-duo__c{box-shadow:var(--sh-lg)}
.sm-duo__c h3{font-size:var(--fs-h3);letter-spacing:-.02em}
.sm-duo__c p{color:var(--muted)}
.sm-duo__c .card__num{margin-top:.25rem}
.sm-anchor{scroll-margin-top:calc(var(--header-h) - 1px)}

/* reklam stüdyosu */
.sm-studio{max-width:1240px;margin-inline:auto}
.sm-studio__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1fr)}
.sm-col{padding:1.2em;min-width:0;display:flex;flex-direction:column;gap:.85em}
.sm-col + .sm-col{border-left:1px solid var(--line)}
.sm-col--ai{background:#fff}
.sm-col__t{display:flex;align-items:center;gap:.55em;font-weight:800;font-size:1.05em;letter-spacing:-.01em}
.sm-col__t span{display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:var(--g900);color:var(--lime);font-size:.8em}
.sm-field{display:grid;gap:.35em}
.sm-field > span{font-size:.78em;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sm-input{display:flex;align-items:center;gap:.55em;min-height:2.6em;padding:.35em .7em;border-radius:.6em;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-weight:700}
.sm-input .aw-ph{width:1.9em;height:1.9em;border-radius:.45em}
.sm-input .ic{width:1.05em;height:1.05em;color:var(--g600)}
.sm-input--area{min-height:4.4em;align-items:flex-start;font-weight:600;color:var(--ink-2);padding-top:.6em}
.sm-fmts{display:flex;gap:.4em;flex-wrap:wrap}
.sm-fmts span{padding:.4em .75em;border-radius:.5em;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-weight:700;font-size:.9em}
.sm-fmts span.is-on{background:var(--g100);color:var(--g700);box-shadow:inset 0 0 0 1.5px var(--g500)}
.sm-gen{justify-content:center;margin-top:auto;height:2.8em}
.sm-block{border:1px solid var(--line);border-radius:.9em;padding:.85em;background:var(--g25)}
.sm-block__t{display:flex;align-items:center;gap:.45em;font-weight:800;margin-bottom:.6em}
.sm-block__t .ic{color:var(--g600)}
.sm-opt{display:flex;gap:.6em;align-items:flex-start;padding:.55em .65em;border-radius:.6em;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:600;color:var(--ink-2);font-size:.92em}
.sm-opt + .sm-opt{margin-top:.4em}
.sm-opt i{flex:none;width:1.05em;height:1.05em;margin-top:.1em;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2);background:#fff}
.sm-opt.is-on{box-shadow:inset 0 0 0 1.5px var(--g500);background:#f4fbf7;color:var(--ink)}
.sm-opt.is-on i{box-shadow:inset 0 0 0 .3em var(--g600)}
.sm-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.sm-imgs span{position:relative;border-radius:.6em;overflow:hidden;aspect-ratio:4/3;box-shadow:inset 0 0 0 1px var(--line)}
.sm-imgs picture,.sm-imgs img{width:100%;height:100%;object-fit:cover}
.sm-imgs span.is-on{box-shadow:0 0 0 2px var(--g500)}
.sm-imgs i{position:absolute;right:.35em;top:.35em;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--g600);color:#fff}
.sm-imgs i .ic{width:.9em;height:.9em}
.sm-tgt{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:.5em;align-items:center;padding:.35em 0}
.sm-tgt + .sm-tgt{border-top:1px dashed var(--line-2)}
.sm-tgt__k{font-size:.8em;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.sm-tgt .ui-tags{margin-top:0}
.sm-tgt .ui-tags span{font-size:.82em}
.sm-range{display:flex;align-items:center;gap:.7em}
.sm-range > span{position:relative;flex:1;height:.4em;border-radius:1em;background:#dfe9e3}
.sm-range i{position:absolute;top:0;bottom:0;border-radius:1em;background:var(--g500)}
.sm-range i::before,.sm-range i::after{content:"";position:absolute;top:50%;width:1em;height:1em;margin-top:-.5em;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--g500)}
.sm-range i::before{left:-.5em}.sm-range i::after{right:-.5em}
.sm-range b{font-weight:800;font-size:.9em;white-space:nowrap}
.sm-prev{font-size:.9em;max-width:250px;width:100%;margin-inline:auto}
.sm-camp{background:var(--g900);color:#fff;border-radius:.9em;padding:.9em}
.sm-camp__h{display:flex;justify-content:space-between;align-items:center;gap:.5em;font-weight:800}
.sm-camp__k{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin:.7em 0 .4em}
.sm-camp__k span{display:block;font-size:.75em;font-weight:700;color:var(--mint);text-transform:uppercase;letter-spacing:.06em}
.sm-camp__k b{font-size:1.35em;font-weight:800;letter-spacing:-.02em}
.sm-camp svg{width:100%;height:auto;display:block}
.sm-camp small{display:block;margin-top:.3em;font-size:.72em;color:var(--on-dark-3);font-weight:600}
@container (max-width:900px){
  .sm-studio__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sm-col--ai{grid-column:1 / -1;grid-row:1;border-left:0}
  .sm-col--brief{border-left:0;border-top:1px solid var(--line)}
  .sm-col--prev{border-top:1px solid var(--line)}
}
@container (max-width:560px){
  .sm-studio__grid{grid-template-columns:1fr}
  .sm-col--ai{grid-row:auto;border-top:1px solid var(--line)}
  .sm-col--brief{border-top:0}
  .sm-col--prev{border-left:0}
}

/* nasıl çalışır */
.sm-feats{gap:var(--s5)}
.sm-fmtrow{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;padding:1rem 1.1rem;border-radius:var(--r-md);background:var(--g50)}
.sm-fmtrow .xsmall{font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-right:.25rem}
.sm-fmtc{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem .4rem .45rem;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:700;font-size:.9rem}
.sm-fmtc i{width:22px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 2px var(--g600)}
.sm-fmtc i.f2{width:16px;height:26px;border-radius:5px;margin:0 3px}
.sm-fmtc i.f3{width:16px;height:26px;border-radius:5px;margin:0 3px;background:var(--g600);box-shadow:none;position:relative}
.sm-fmtc i.f3::after{content:"";position:absolute;left:6px;top:9px;border:4px solid transparent;border-left:6px solid #fff;border-right:0}

/* takvim */
.sm-auto{display:inline-flex;align-items:center;gap:.6em;padding:.25em .3em .25em .8em;border-radius:var(--r-pill);background:var(--g100);color:var(--g700);font-weight:800;font-size:.9em;white-space:nowrap}
.sm-auto i{position:relative;width:2.5em;height:1.4em;border-radius:1em;background:var(--g600)}
.sm-auto i::after{content:"";position:absolute;right:.2em;top:.2em;width:1em;height:1em;border-radius:50%;background:#fff}
.sm-cal{max-width:1240px;margin-inline:auto}
.sm-cal__grid{display:grid;grid-template-columns:minmax(0,1fr) 17em}
.sm-cal__main{padding:1.2em;min-width:0;display:grid;gap:.9em}
.sm-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4em}
.sm-month__w{text-align:center;font-size:.72em;font-weight:800;letter-spacing:.08em;color:var(--muted);padding-bottom:.2em}
.sm-day{min-height:7.2em;padding:.4em;border-radius:.6em;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:.3em;min-width:0}
.sm-day.is-out{background:transparent;box-shadow:inset 0 0 0 1px #e6eee9}
.sm-day.is-out .sm-day__n{color:#a9b6af}
.sm-day.is-today{box-shadow:inset 0 0 0 2px var(--g500)}
.sm-day.is-today .sm-day__n{background:var(--g600);color:#fff}
.sm-day__n{align-self:flex-start;display:grid;place-items:center;min-width:1.8em;height:1.8em;padding:0 .3em;border-radius:.5em;font-size:.8em;font-weight:800;color:var(--ink-2)}
.sm-ev{position:relative;border-radius:.5em;overflow:hidden;background:var(--g50);border-left:3px solid var(--g500)}
.sm-ev picture,.sm-ev img{width:100%;aspect-ratio:16/8;object-fit:cover;display:block}
.sm-ev > span{display:flex;align-items:center;gap:.35em;padding:.25em .4em;font-size:.72em;font-weight:700;color:var(--ink-2);white-space:nowrap;overflow:hidden}
.sm-ev > span b{font-weight:800;color:var(--ink)}
.sm-ev--H{border-left-color:#5aa0c8}
.sm-ev--R{border-left-color:var(--g900)}
.sm-ev.is-ai::after{content:"AI";position:absolute;right:.3em;top:.3em;padding:.05em .35em;border-radius:.3em;background:var(--lime);color:var(--lime-ink);font-size:.62em;font-weight:800}
.sm-day.is-past .sm-ev{opacity:.62}
.sm-legend{display:flex;flex-wrap:wrap;gap:.4em 1.1em;font-size:.8em;font-weight:700;color:var(--muted)}
.sm-legend span{display:inline-flex;align-items:center;gap:.4em}
.sm-legend i{width:.8em;height:.8em;border-radius:.2em;background:var(--g500)}
.sm-legend i.f2{background:#5aa0c8}.sm-legend i.f3{background:var(--g900)}.sm-legend i.ai{background:var(--lime)}.sm-legend i.past{background:#c9d6cf}
.sm-cal__side{background:#fff;border-left:1px solid var(--line);padding:1.2em;display:flex;flex-direction:column;gap:.6em}
.sm-side__t{font-weight:800;margin-bottom:.2em}
.sm-q{display:grid;grid-template-columns:3em minmax(0,1fr) auto;gap:.7em;align-items:center;padding:.5em;border-radius:.7em;box-shadow:inset 0 0 0 1px var(--line)}
.sm-q:first-of-type{box-shadow:inset 0 0 0 1.5px var(--g500);background:#f4fbf7}
.sm-q__ph{width:3em;height:3em;border-radius:.55em;overflow:hidden}
.sm-q__ph picture,.sm-q__ph img{width:100%;height:100%;object-fit:cover}
.sm-q__t{min-width:0}
.sm-q__t b{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-q__t small{display:block;font-weight:600;color:var(--muted);font-size:.84em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-side__mix{margin-top:.6em;padding-top:.9em;border-top:1px solid var(--line)}
.sm-mix{display:grid;grid-template-columns:4.2em minmax(0,1fr) 1.4em;gap:.6em;align-items:center;padding:.3em 0;font-size:.88em;font-weight:700}
.sm-mix i{height:.5em;border-radius:1em;background:#e6eee9;position:relative;overflow:hidden}
.sm-mix i::after{content:"";position:absolute;inset:0;width:var(--w);border-radius:1em;background:var(--g500)}
.sm-mix--h i::after{background:#5aa0c8}.sm-mix--r i::after{background:var(--g900)}
.sm-mix b{text-align:right;font-weight:800}
.sm-q__ai{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;background:var(--lime);color:var(--lime-ink)}
.sm-side__auto{display:flex;gap:.55em;align-items:flex-start;margin-top:auto;padding:.8em;border-radius:.7em;background:var(--g900);color:var(--on-dark-2);font-size:.88em;font-weight:600}
.sm-side__auto b{display:block;color:var(--lime);font-weight:800}
.sm-side__auto .ic{flex:none;color:var(--lime);margin-top:.15em}
@container (max-width:900px){.sm-cal__grid{grid-template-columns:1fr}.sm-cal__side{border-left:0;border-top:1px solid var(--line)}}
@container (max-width:620px){
  .sm-day{min-height:3.6em;padding:.3em;align-items:center}
  .sm-day__n{align-self:center}
  .sm-ev{width:.7em;height:.7em;border-radius:50%;border:0;background:var(--g500)}
  .sm-ev--H{background:#5aa0c8}.sm-ev--R{background:var(--g900)}
  .sm-ev picture,.sm-ev > span,.sm-ev.is-ai::after{display:none}
  .sm-month{gap:.25em}
  .aw__head .aw-seg{display:none}
}

/* paylaşım özellik kartları */
.sm-sfeat .card h3{font-size:1.1rem}
.sm-sfeat .card p{font-size:.95rem;color:var(--muted)}

/* fotoğraftan gönderi */
.sm-make{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.05fr);gap:1rem;align-items:center;max-width:600px;margin-inline:auto;width:100%}
.sm-make__lib{background:#fff;border-radius:var(--r-lg);padding:1rem;box-shadow:var(--sh-md);border:1px solid var(--line)}
.sm-make__t{display:flex;align-items:center;gap:.45rem;font-weight:800;font-size:.85rem;margin-bottom:.75rem}
.sm-make__t .ic{color:var(--g600)}
.sm-make__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}
.sm-make__grid span{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden}
.sm-make__grid picture,.sm-make__grid img{width:100%;height:100%;object-fit:cover}
.sm-make__grid span.is-on{box-shadow:0 0 0 3px var(--g500)}
.sm-make__grid i{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--g600);color:#fff}
.sm-make__grid i .ic{width:12px;height:12px}
.sm-make__arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--g950);box-shadow:var(--sh-glow)}
.sm-make__arrow .ic{width:22px;height:22px}
.sm-make__post{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-xl);border:1px solid var(--line);font-size:.85rem}
.sm-make__img{position:relative;aspect-ratio:1/.9;overflow:hidden;container-type:inline-size}
.sm-make__img picture,.sm-make__img img{width:100%;height:100%;object-fit:cover}
.sm-make__body{padding:.9rem 1rem 1rem}
.sm-make__k{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--g700);background:#eef9d4;padding:.25rem .55rem;border-radius:6px}
.sm-make__body p{margin-top:.55rem;font-weight:600;color:var(--ink-2);line-height:1.45}
.sm-make__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.8rem;font-weight:700;font-size:.78rem}
.sm-make__foot span{display:inline-flex;align-items:center;gap:.3rem}
.sm-make__ok{color:var(--g700)}
@media (max-width:539.98px){
  .sm-make{grid-template-columns:1fr}
  .sm-make__arrow{justify-self:center;transform:rotate(90deg)}
  .sm-make__grid{grid-template-columns:repeat(3,1fr)}
}
