/* Cemal Emre Uslu — Tesbih Ustası · ortak site stili */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#071a15;--bg-2:#0c2820;--panel:#12332a;--panel-2:#19443a;--emerald:#2f8a68;--emerald-soft:#5ba57a;
  --line:#ffffff1f;--line-gold:color-mix(in srgb,var(--gold) 33%,transparent);
  --ivory:#f0e9df;--mist:#a8bcaf;--gold:#d8b99f;--gold-deep:#bd8060;--gold-soft:#e7c6a8;
  --bg-deep:color-mix(in srgb,var(--bg) 55%,#000);--glow:color-mix(in srgb,var(--panel-2) 78%,var(--emerald));--text-soft:color-mix(in srgb,var(--ivory) 82%,var(--mist));--mist-dim:color-mix(in srgb,var(--mist) 72%,var(--bg));
  --serif:"Cormorant Garamond","Amiri","Noto Naskh Arabic",Georgia,serif;
  --sans:Manrope,"Segoe UI",Tahoma,Arial,sans-serif;
  --header-h:68px;--gutter:clamp(18px,4.5vw,48px);--max:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;overscroll-behavior-x:none;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ivory);font:400 16px/1.7 var(--sans);overflow-x:clip}
body.lock{overflow:hidden}
/* sertifika ön yüzündeki CEU amblemi: sabit, dokunmayı engellemeyen arka plan */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(../ceu-mark.png) center/min(1100px,100vw) auto no-repeat;opacity:.07}
[hidden]{display:none!important}
img,video{display:block;max-width:100%}
a{color:inherit}
button,input{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
:where(a,button,input,summary):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;padding:10px 16px;background:var(--gold);color:var(--bg);font-weight:700;border-radius:8px}
.skip:focus{top:10px}
.wrap{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--gutter)}
.kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.kicker::before{content:"";width:28px;height:1px;background:currentColor}
.display{font-family:var(--serif);font-weight:500;line-height:1.06;letter-spacing:-.01em}
.display em{font-style:italic;color:var(--gold-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:1px solid var(--gold-deep);border-radius:999px;background:transparent;color:var(--ivory);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{background:#ffffff12;transform:translateY(-1px)}
.btn-solid{background:linear-gradient(135deg,var(--gold-deep),var(--gold-soft));border-color:transparent;color:#1a120c}
.btn-solid:hover{background:linear-gradient(135deg,#d39c79,var(--gold-soft))}
.btn[disabled]{opacity:.5;cursor:default;transform:none}

/* ── Üst menü ─────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;height:var(--header-h)}
.brand{display:flex;flex-direction:column;line-height:1.15;text-decoration:none;margin-inline-end:auto;min-width:0}
.brand strong{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.16em;white-space:nowrap}
.brand small{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.nav-desktop{display:none;gap:30px}
.nav-desktop a{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--mist);transition:color .2s}
.nav-desktop a:hover,.nav-desktop a[aria-current="page"]{color:var(--ivory)}
.header-cert{display:none;min-height:42px;padding:0 20px;font-size:12px}
.lang{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a}
.lang button{min-width:36px;height:30px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:var(--mist);font-size:12px;font-weight:700;cursor:pointer}
.lang button[aria-current="true"]{background:var(--gold-deep);color:#fff}
.burger{display:grid;place-content:center;gap:5px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}
.burger span{display:block;width:18px;height:1.5px;background:var(--ivory);transition:transform .25s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.menu-panel{border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 98%,transparent);padding:8px var(--gutter) 24px}
.menu-panel[hidden]{display:none}
.menu-panel a:not(.btn){display:block;padding:15px 2px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:25px;text-decoration:none}
.menu-panel .btn{width:100%;margin-top:22px}
.menu-panel .menu-social{display:block;margin-top:16px;text-align:center;font-size:13px;color:var(--mist);text-decoration:none}
@media(min-width:920px){
  .nav-desktop,.header-cert{display:inline-flex}
  .burger,.menu-panel{display:none!important}
}
@media(max-width:920px){
  .site-header{transition:transform .28s ease}
  .site-header.is-hidden{transform:translateY(-101%)}
}
@media(max-width:560px){
  .bar{gap:8px}
  .brand strong{font-size:clamp(12px,4vw,16px);letter-spacing:.06em}
  .brand{flex:1 1 auto;overflow:hidden}
  .brand small{font-size:9px;letter-spacing:.2em}
  .lang{padding:2px}
  .lang button{min-width:28px;height:28px;padding:0 6px;font-size:11px}
  .burger{width:38px;height:38px;flex:none}
  .burger span{width:16px}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
}
@media(max-width:350px){
  .brand strong{font-size:12px;letter-spacing:.04em}
  .lang button{min-width:24px;padding:0 4px}
}

/* ── Ana sayfa: kahraman alanı ────────────────────────── */
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:calc(100svh - var(--header-h));display:flex;align-items:center;background:radial-gradient(ellipse at 78% 20%,var(--glow) 0,transparent 55%),radial-gradient(ellipse at 10% 90%,#12402f 0,transparent 50%)}
.hero-grid{width:min(100%,var(--max));display:grid;gap:36px;align-items:center;padding-block:clamp(36px,7vw,88px)}
.hero-copy .kicker{margin-bottom:22px}
.hero h1{font-size:clamp(2.7rem,8.4vw,5.2rem);margin-bottom:22px}
.hero p.lead{max-width:34rem;color:var(--text-soft);font-size:17px;margin-bottom:34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-photo{position:relative;justify-self:center;width:min(100%,430px)}
.hero-photo::before{content:"";position:absolute;inset:18px -14px -14px 18px;border:1px solid var(--line-gold);border-radius:6px}
[dir=rtl] .hero-photo::before{inset:18px 18px -14px -14px}
.hero-photo img,.hero-photo video{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;box-shadow:0 28px 60px #0009;background:var(--bg-deep)}
.hero-photo:has(video){width:min(100%,350px,46svh)}
.hero-photo video{aspect-ratio:2/3;object-fit:contain}
@media(min-width:900px){
  .hero-grid{grid-template-columns:1.1fr .9fr;gap:70px}
}

/* ── Bölümler ─────────────────────────────────────────── */
.section{padding-block:clamp(64px,9vw,118px);overflow-x:clip}
.site-footer,.query-grid,.trust,main{overflow-x:clip}
.section.alt{background:color-mix(in srgb,var(--bg-2) 72%,transparent);border-block:1px solid var(--line)}
.section-head{max-width:40rem;margin-bottom:clamp(30px,5vw,54px)}
.section-head .kicker{margin-bottom:16px}
.section-head h2{font-size:clamp(2.1rem,5.4vw,3.5rem)}
.section-head p{margin-top:16px;color:var(--mist);font-size:17px}
.section-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}
.section-foot span{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}

/* ── Eser ızgarası ────────────────────────────────────── */
.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:700px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(min-width:1040px){.works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.work{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);text-decoration:none;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.work:hover{transform:translateY(-4px);border-color:var(--line-gold);box-shadow:0 18px 38px #0006}
.work-img{position:relative;aspect-ratio:3/4;background:var(--bg-deep);overflow:hidden}
.work-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.work:hover .work-img img{transform:scale(1.04)}
.work-count{position:absolute;inset-block-end:8px;inset-inline-end:8px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--bg) 80%,transparent);font-size:11px;font-weight:700;letter-spacing:.06em}
.work-info{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px}
.work-title{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.work-measure{font-size:12px;color:var(--gold)}
.works-empty{padding:40px 0;text-align:center;color:var(--mist)}
.works-empty[hidden]{display:none}
.search{width:100%;max-width:420px;height:50px;margin-bottom:28px;padding:0 20px;border:1px solid var(--line);border-radius:999px;background:var(--panel);outline:0}
.search:focus{border-color:var(--gold-deep)}
.search::placeholder{color:var(--mist-dim)}

/* ── Usta ve işçiliği ─────────────────────────────────── */
.about-grid{display:grid;gap:34px;align-items:center}
.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px;box-shadow:0 24px 56px #0008}
.about-copy .kicker{margin-bottom:16px}
.about-copy h2{font-size:clamp(2.1rem,5.4vw,3.4rem);margin-bottom:20px}
.about-copy p{color:var(--text-soft);margin-bottom:14px}
.about-sign{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.about-sign strong{display:block;font-family:var(--serif);font-size:26px;font-weight:600}
.about-sign span{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
@media(min-width:860px){.about-grid{grid-template-columns:.85fr 1.15fr;gap:72px}}
.pillars{display:grid;gap:14px;margin-top:clamp(40px,6vw,70px)}
.pillar{padding:26px 24px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.pillar b{display:block;margin-bottom:8px;font-family:var(--serif);font-size:23px;font-weight:600;color:var(--gold-soft)}
.pillar p{color:var(--mist);font-size:15px}
@media(min-width:760px){.pillars{grid-template-columns:repeat(3,1fr)}}

/* ── İletişim ─────────────────────────────────────────── */
.contact-grid{display:grid;gap:30px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:s}
.steps li{position:relative;padding-inline-start:54px;counter-increment:s;color:var(--text-soft)}
.steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:-2px;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-gold);border-radius:50%;font-family:var(--serif);font-size:20px;color:var(--gold)}
.contact-card{padding:30px 26px;border:1px solid var(--line-gold);border-radius:12px;background:linear-gradient(160deg,var(--panel-2),var(--panel))}
.contact-card h3{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.15;margin-bottom:20px}
.contact-card h3 em{font-style:italic;color:var(--gold-soft)}
.contact-actions{display:grid;gap:10px}
.contact-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--mist)}
.contact-note a{color:var(--gold);font-weight:700}
@media(min-width:860px){.contact-grid{grid-template-columns:1fr 1fr;gap:70px;align-items:start}}

/* ── Alt bilgi ────────────────────────────────────────── */
.site-footer{border-top:1px solid var(--line);background:color-mix(in srgb,#071712 80%,transparent);padding:56px 0 30px}
.footer-grid{display:grid;gap:32px}
.besmele{font-family:var(--serif);font-size:30px;color:var(--gold);margin-bottom:12px}
.footer-about{max-width:30rem;color:var(--mist);font-size:15px}
.site-footer h4{margin:0 0 12px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-footer li a{color:var(--mist);text-decoration:none;font-size:15px}
.site-footer li a:hover{color:var(--ivory)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--mist-dim)}
.footer-bottom a{color:inherit}
@media(min-width:800px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr}}

/* ── Eserler sayfası ──────────────────────────────────── */
.page-head{padding-block:clamp(40px,7vw,80px) 0}
.page-head h1{font-size:clamp(2.6rem,7vw,4.4rem);margin:14px 0}
.page-head p{max-width:36rem;color:var(--mist);font-size:17px;margin-bottom:30px}

/* ── Eser galerisi (tam ekran) ────────────────────────── */
.lightbox{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg-deep);color:var(--ivory);overflow:hidden}
.lightbox::backdrop{background:#000}
.lightbox[open]{display:flex;flex-direction:column}
.lb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 16px;border-bottom:1px solid var(--line)}
.lb-top span{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.lb-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff3a;border-radius:50%;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--ivory);font-size:26px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
.lb-btn:hover{background:var(--gold-deep);border-color:var(--gold)}
.lb-body{flex:1;min-height:0;display:flex;flex-direction:column}
.lb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 0;background:radial-gradient(circle at center,#173a2f,var(--bg-deep) 75%);touch-action:pan-y}
.lb-stage img,.lb-stage video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lb-stage video[hidden],.lb-stage img[hidden]{display:none}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.lb-prev{inset-inline-start:10px}
.lb-next{inset-inline-end:10px}
[dir=rtl] .lb-prev,[dir=rtl] .lb-next{scale:-1 1}
.lb-nav[hidden]{display:none}
.lb-side{display:flex;flex-direction:column;gap:12px;padding:14px 16px 18px;border-top:1px solid var(--line);background:var(--bg);max-height:46dvh;overflow:auto}
.lb-side h2{font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.15}
.lb-measure{font-size:13px;color:var(--gold)}
.lb-desc{font-size:14px;color:var(--mist)}
.lb-meta{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mist-dim)}
.lb-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.lb-thumb{flex:0 0 58px;width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:var(--panel);cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.lb-thumb[aria-current="true"]{border-color:var(--gold);opacity:1}
.lb-thumb img{width:100%;height:100%;object-fit:cover}
.lb-thumb.video{display:grid;place-items:center;font-size:20px;color:var(--gold)}
.lb-actions{display:flex;flex-wrap:wrap;gap:8px}
.lb-actions .btn{min-height:42px;padding:0 16px;font-size:11px;flex:1 1 auto}
@media(min-width:900px){
  .lb-body{flex-direction:row}
  .lb-stage{padding:20px 20px}
  .lb-side{width:370px;flex:none;max-height:none;padding:26px 24px;border-top:0;border-inline-start:1px solid var(--line)}
  .lb-side h2{font-size:32px}
  .lb-thumb{flex-basis:66px;width:66px;height:66px}
  .lb-thumbs{flex-wrap:wrap;overflow:visible}
}

/* ── Sertifika sorgu ──────────────────────────────────── */
.query-grid{display:grid;gap:30px;padding-block:clamp(36px,6vw,70px)}
.query-intro h1{font-size:clamp(2.5rem,7vw,4.2rem);margin:14px 0 18px}
.query-intro>p{color:var(--text-soft);max-width:34rem}
.query-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.query-steps li{padding-inline-start:16px;border-inline-start:2px solid var(--gold-deep)}
.query-steps b{display:block;font-family:var(--serif);font-size:21px;font-weight:600;color:var(--gold-soft)}
.query-steps span{font-size:14px;color:var(--mist)}
.query-form{padding:28px 24px;border:1px solid var(--line-gold);border-radius:14px;background:linear-gradient(160deg,var(--panel-2),var(--panel))}
.field{display:grid;gap:7px;margin-bottom:18px}
.field label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.field input{height:52px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg);outline:0;font-size:17px;letter-spacing:.04em}
.field input:focus{border-color:var(--gold-deep)}
.query-form .btn{width:100%}
.form-error{margin-top:16px;padding:12px 14px;border:1px solid #d9806a66;border-radius:10px;background:#d9806a1a;color:#ffd7cc;font-size:14px}
.form-error[hidden]{display:none}
@media(min-width:900px){.query-grid{grid-template-columns:1fr minmax(380px,520px);gap:72px;align-items:start}}
.result{margin-bottom:clamp(50px,7vw,90px);padding:clamp(22px,4vw,44px);border:1px solid var(--line-gold);border-radius:16px;background:linear-gradient(160deg,var(--panel-2),var(--panel))}
.result-top{display:grid;gap:22px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:#4caf7d26;color:#9fe3bd;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.badge.premium{background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold-soft);margin-inline-start:8px}
.result h2{margin:14px 0 6px;font-family:var(--serif);font-size:clamp(2rem,5vw,3rem);font-weight:500;line-height:1.1}
.result .no{font-size:14px;letter-spacing:.12em;color:var(--mist)}
.result .owner{margin-top:14px;color:var(--text-soft)}
.result .owner em{color:var(--gold-soft)}
.specs{display:grid;gap:0;margin:28px 0 0;border-top:1px solid var(--line)}
.specs div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.specs dt{color:var(--mist)}
.specs dd{margin:0;text-align:end;font-weight:600}
.result-desc{margin-top:22px;color:var(--text-soft)}
.result-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:26px}
.result-media button{padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg-deep);cursor:pointer;aspect-ratio:1}
.result-media img{width:100%;height:100%;object-fit:cover}
.result video{width:100%;max-height:460px;margin-top:20px;border-radius:10px;background:#000}
.trust{padding-block:clamp(50px,7vw,90px)}
.trust h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:28px;max-width:34rem}
.reasons{display:grid;gap:14px}
.reason{padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.reason b{display:block;margin-bottom:6px;font-family:var(--serif);font-size:22px;color:var(--gold-soft)}
.reason p{font-size:15px;color:var(--mist)}
.motto{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:34px;font-family:var(--serif);font-size:24px;font-style:italic;color:var(--gold)}
@media(min-width:800px){.reasons{grid-template-columns:repeat(3,1fr)}}

/* ── 404 ──────────────────────────────────────────────── */
.notfound{min-height:60vh;display:grid;place-content:center;gap:18px;text-align:center;padding:60px var(--gutter)}
.notfound h1{font-size:clamp(3rem,10vw,6rem)}
.notfound p{color:var(--mist)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
.result.pending .badge{background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold-soft)}
.result.pending .result-desc{margin-top:14px}