/* Sinema Stok — koyu sinematik, tam ekran fotoğraf kapağı, serif başlık, büyük görsel ızgarası */
:root{--radius:6px;--radius-sm:4px;--sh1:0 0 0 1px var(--line);--sh2:0 34px 60px -24px #000}
body{background:var(--bg);color:var(--ink)}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.02em}
.card,input,select,textarea{background:var(--card);border-color:var(--line);color:var(--ink)}
.announce{background:var(--primary);color:#111;font-weight:700}.announce a,.announce button{color:#111}
.site-head{background:rgba(11,11,12,.55);border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-family:var(--display);font-style:italic;font-size:24px;font-weight:500}.brand-mark{border-radius:50%;background:var(--primary);color:#111}
.main-nav>a{color:#cfcfca;text-transform:uppercase;font-size:12.5px;letter-spacing:.12em;font-weight:700}.main-nav>a:hover,.main-nav>a.on{color:var(--primary);background:transparent;text-decoration:none}
.btn{border-radius:2px;background:var(--primary);color:#111;border-color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.cart-link{color:var(--ink)!important}.cart-n{background:var(--primary);color:#111}.head-btn.ghost{color:var(--ink)}
.ms-hero{position:relative;min-height:min(86vh,780px);display:grid;align-items:end;overflow:hidden;margin-top:-1px}.ms-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ms-kb 26s ease-in-out infinite alternate}@keyframes ms-kb{to{transform:scale(1.1) translate(-1.5%,-1%)}}
.ms-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 3%,rgba(11,11,12,.4) 50%,rgba(11,11,12,.72))}
.ms-in{position:relative;padding-block:70px 80px;display:grid;gap:14px}.ms-kick{color:var(--primary);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800}.ms-hero h1{font-size:clamp(44px,8vw,110px);line-height:.94;max-width:13ch;color:#fff}.ms-hero p{color:#d6d6d0;font-size:19px;max-width:50ch}
.ms-search{display:flex;align-items:center;gap:10px;margin-top:14px;width:min(660px,100%);background:rgba(22,22,23,.85);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);padding:8px 8px 8px 18px;color:var(--muted)}.ms-search input{flex:1;border:0;background:transparent;box-shadow:none!important;padding:11px 4px;min-width:0;color:var(--ink)}
.ms-types{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.ms-types a{padding:7px 16px;border:1px solid rgba(255,255,255,.22);border-radius:99px;color:#fff;font-size:13.5px;font-weight:600;backdrop-filter:blur(6px)}.ms-types a:hover{background:var(--primary);border-color:var(--primary);color:#111;text-decoration:none}.ms-types small{opacity:.6}
.s-head h2{font-size:clamp(28px,3.4vw,44px);font-weight:500}.s-more{background:transparent;color:var(--primary);border-color:var(--line);text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;border-radius:2px}
/* grid + cards */
.ms-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto);gap:16px}.ms-cell{min-height:0;display:flex}.ms-cell>.ms-card{flex:1;min-height:0}.ms-cell.c0{grid-column:span 2;grid-row:span 2}.ms-cell.c3{grid-column:span 2}
.ms-cell .ms-img{flex:1;aspect-ratio:auto;min-height:0}
@media(max-width:860px){.ms-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(200px,auto)}.ms-cell.c0,.ms-cell.c3{grid-column:span 2;grid-row:auto}.ms-cell .ms-img{aspect-ratio:3/2}}
.ms-card{display:flex;flex-direction:column;gap:10px}.ms-img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--card);border-radius:var(--radius)}.ms-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .5s}.ms-card:hover .ms-img img{transform:scale(1.07);filter:brightness(.55)}
.ms-kind{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.6);color:var(--primary);backdrop-filter:blur(6px)}.ms-meta{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.65);color:#fff;font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:4px;letter-spacing:.04em}
.ms-ov{position:absolute;inset:auto 0 0;padding:18px;display:grid;opacity:0;transform:translateY(10px);transition:.4s var(--ease)}.ms-card:hover .ms-ov{opacity:1;transform:none}.ms-ov b{font:500 20px/1.15 var(--display);color:#fff}.ms-ov small{color:var(--primary)}
.ms-row{display:flex;justify-content:space-between;align-items:center}.ms-row .price{display:flex;gap:8px;align-items:baseline}.ms-row s{font-size:12.5px;color:var(--muted)}.ms-row strong{font:600 20px var(--display)}
.ms-add{background:transparent;color:var(--primary);border:1px solid var(--primary);padding:7px 15px;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:800;cursor:pointer;transition:.2s}.ms-add:hover{background:var(--primary);color:#111}
.s-cats--photo .s-cat{aspect-ratio:16/10;border-radius:var(--radius)}.s-cat-tx b{font-family:var(--display);font-weight:500;font-size:24px}
.ms-lic{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ms-lc{padding:30px;border:1px solid var(--line);background:var(--card);border-radius:var(--radius)}.ms-lc>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--primary);color:var(--primary);border-radius:50%;margin-bottom:16px}.ms-lc h3{font-size:24px;margin-bottom:6px}.ms-lc p{color:var(--muted);margin-bottom:14px}.ms-lc li{display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:14px}.ms-lc li .ic{color:var(--primary)}
.s-steps li,.s-tr,.s-rev{background:var(--card);border-radius:var(--radius)}.s-ico{background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:50%}.s-num{color:rgba(255,255,255,.07)}.s-cta{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius)}.s-cta::before{opacity:.5;mix-blend-mode:normal}.s-cta .btn{--bg-b:var(--primary);color:#111}
.s-cta>div{position:relative;z-index:1}.s-cta h2{color:#fff}
.site-foot{background:#050505;border-top:1px solid var(--line)}
.main-nav{margin-inline:auto}.head-actions{margin-left:0}.site-head .head-btn{border-radius:2px}
