/*
Theme Name: his dükkan
Theme URI: https://hisdukkan.com
Author: his dükkan
Description: his dükkan için minimal, sanatsal tek sayfa teması (TR / EN / DE).
Version: 1.0
Text Domain: his-dukkan
*/
:root{--bg:#dcdcd8;--ink:#1d1d1c;--mute:#6b6b67;--line:#b9b9b4;--oxide:#d9442b;color-scheme:light;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1a1a19;--ink:#e4e4e0;--mute:#8d8d88;--line:#3a3a38;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1a1a19;--ink:#e4e4e0;--mute:#8d8d88;--line:#3a3a38;color-scheme:dark}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.7 "Inter Tight",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--oxide);outline-offset:3px}
.serif{font-family:"Newsreader",Georgia,"Times New Roman",serif;font-weight:300}
header.top{position:fixed;inset:0 0 auto 0;z-index:5;display:flex;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top,0px)) clamp(20px,4vw,56px) 18px;flex-wrap:wrap;gap:6px 18px;background:var(--bg);color:var(--ink);font-size:15px}.fl{width:20px;height:13px;vertical-align:-2px;margin-right:6px;outline:1px solid var(--line)}header.top a{white-space:nowrap}
header.top a{text-decoration:none}
.hero{min-height:100svh;display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:clamp(20px,4vw,64px);padding:clamp(90px,12vh,140px) clamp(20px,4vw,56px) clamp(28px,5vh,56px)}
.hero h1{margin:0;grid-column:1;align-self:end}
.logo img{display:block;width:min(100%,440px);height:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo img{filter:invert(1) hue-rotate(180deg)}}
:root[data-theme="dark"] .logo img{filter:invert(1) hue-rotate(180deg)}
.hero .plate{grid-column:2;grid-row:1;align-self:stretch;overflow:hidden;min-height:60vh}
.hero .plate img{width:100%;height:100%;object-fit:cover;display:block;animation:open 1.6s cubic-bezier(.2,.7,.1,1) both}
@keyframes open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.mat{grid-column:1/-1;display:flex;gap:clamp(18px,3vw,44px);color:var(--mute);font-size:15px;border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
section{padding:clamp(80px,14vh,180px) clamp(20px,4vw,56px)}
h2{margin:0 0 clamp(28px,5vw,56px);font-size:15px;font-weight:500;color:var(--mute)}
.manifest{display:grid;grid-template-columns:1fr 2.2fr;gap:clamp(20px,4vw,64px);border-top:1px solid var(--line)}
.manifest p{margin:0 0 1.2em;max-width:34ch;font-size:clamp(26px,3.6vw,52px);line-height:1.25;letter-spacing:-.01em}
.manifest p+p{color:var(--mute)}
.gallery{padding-top:0}
.cols{columns:3 280px;column-gap:clamp(12px,2vw,28px)}
figure{margin:0 0 clamp(12px,2vw,28px);break-inside:avoid}
figure button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
figure img{display:block;width:100%;height:auto}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:28px clamp(20px,4vw,56px) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--mute);font-size:15px}
dialog{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh;overflow:visible}
dialog::backdrop{background:rgba(20,20,19,.88)}
dialog img{display:block;max-width:94vw;max-height:90vh;object-fit:contain}
dialog button{position:absolute;top:-34px;right:0;background:none;border:0;color:#fff;font:inherit;cursor:pointer}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero .plate{grid-column:1;grid-row:auto;min-height:56vh;order:2}.hero h1{order:1}.logo img{width:min(70%,320px)}.mat{order:3;flex-wrap:wrap}.manifest,.note{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero .plate img{animation:none}}
.admin-bar header.top{top:32px}
@media(max-width:782px){.admin-bar header.top{top:46px}}