/* Mağaza: Hizmetler sayfası. catalog.css, home.css ve about.css (hero, kaydırınca beliren animasyonlar, sayfa sonu) ile birlikte yüklenir. */
.sv .sv-hero{min-height:clamp(380px,52svh,520px)}

/* hizmet gezinme çubuğu: kaydırırken üstte yapışık, görünen hizmet işaretlenir */
.sv .sv-navwrap{position:sticky;top:84px;z-index:30;padding:10px 0 2px}
@media (max-width:1023px){.sv .sv-navwrap{top:72px}}
.sv .sv-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:999px;background:rgba(251,248,242,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--ring),var(--shadow)}
.sv .sv-nav::-webkit-scrollbar{display:none}
.sv .sv-nav a{display:inline-flex;align-items:center;gap:10px;flex:none;height:44px;padding:0 18px 0 10px;border-radius:999px;font-weight:500;color:var(--body);white-space:nowrap;transition:background .25s var(--ease),color .2s}
.sv .sv-nav a .n{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:rgba(125,131,90,.2);font-size:13px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;transition:background .25s,color .25s}
.sv .sv-nav a:hover{background:rgba(125,131,90,.16)}
.sv .sv-nav a[aria-current="true"]{background:var(--accent);color:var(--on-accent)}
.sv .sv-nav a[aria-current="true"] .n{background:rgba(255,255,255,.2);color:var(--on-accent)}

/* hizmet kartı */
.sv .sv-item{scroll-margin-top:150px;padding-top:clamp(28px,4vw,56px);padding-bottom:0}
.sv .sv-item:last-of-type{padding-bottom:0}
.sv .sv-core{display:grid;gap:0;overflow:hidden}
@media (min-width:960px){.sv .sv-core{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.sv .sv-card.flip .sv-media{order:2}}
.sv .sv-media{position:relative;min-height:300px;overflow:hidden;background:#E4DCCB;margin:10px;border-radius:20px}
@media (min-width:960px){.sv .sv-media{min-height:520px}}
.sv .sv-media::before{content:"";position:absolute;inset:0;background:rgba(7,83,44,.16);-webkit-mask:url(../logo.png) center/26% no-repeat;mask:url(../logo.png) center/26% no-repeat}
.sv .sv-media img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.sv .sv-card:hover .sv-media img{transform:scale(1.05)}
.sv .sv-ph{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:var(--forest);color:rgba(243,237,226,.5)}
.sv .sv-ph::before{content:"";position:absolute;right:-8%;bottom:-10%;width:78%;aspect-ratio:900/605;background:var(--canvas);opacity:.07;-webkit-mask:url(../admin-ui/brand/emblem-large.png) center/contain no-repeat;mask:url(../admin-ui/brand/emblem-large.png) center/contain no-repeat}
.sv .sv-ph .sc-ic{position:relative;width:84px;height:84px;animation:sv-float 7s ease-in-out infinite}
@keyframes sv-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.sv .sv-badge{position:absolute;left:16px;top:16px;z-index:3;display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 14px;border-radius:999px;background:rgba(251,248,242,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 20px var(--font-heading);color:var(--ink);font-variant-numeric:tabular-nums}
.sv .sv-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:clamp(24px,4vw,56px)}
.sv .sv-body .hm-h2{font-size:clamp(28px,3.2vw,44px)}
.sv .sv-body .lead{font-size:18px;line-height:1.55;color:var(--ink);max-width:52ch}
.sv .sv-desc{display:grid;gap:12px;max-width:56ch}
.sv .sv-desc p{font-size:16px;line-height:1.7;color:var(--body)}
.sv .sv-facts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.sv .sv-facts li{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 12px;border-radius:999px;background:rgba(216,194,162,.4);box-shadow:inset 0 0 0 1px rgba(165,144,120,.3);font-weight:500;color:var(--ink)}
.sv .sv-facts .sc-ic{color:var(--accent)}
.sv .sc-btn.primary{height:52px;padding:0 6px 0 24px;color:var(--on-accent);font-weight:600}
.sv .sc-btn.primary .nub{width:40px;height:40px}
.sv .sv-cta{margin-top:8px}

@media (prefers-reduced-motion:reduce){.sv .sv-ph .sc-ic{animation:none}.sv .sv-media img{transition:none}}
.sv .sv-item+.hm-sec.tight{padding-top:clamp(28px,4vw,56px)}