








#sungur-method-cards{--sh-bg:#0f1114;--sh-gold:#c9a86a;--sh-line:#393126;--sh-roman:"Cinzel",Georgia,serif;--sh-display:"Marcellus",Georgia,serif;--sh-body:"Figtree",system-ui,sans-serif;background:var(--sh-bg);color:#ece6dc;font:400 15px/1.65 var(--sh-body);padding:36px 20px 24px;color-scheme:dark}
#sungur-method-cards *{box-sizing:border-box}
#sungur-method-cards .sh-maxim{position:relative;max-width:1028px;margin:auto;border-top:1px solid rgba(201,168,106,.35);padding:42px clamp(4px,3vw,34px) 0;text-align:center}
#sungur-method-cards .sh-maxim::before{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;background:var(--sh-gold);transform:translate(-50%,-50%) rotate(45deg)}
#sungur-method-cards .sh-kicker{margin:0 0 22px;color:#a39c91;font:400 12px/1.6 var(--sh-roman);letter-spacing:.28em;text-transform:uppercase}
#sungur-method-cards .sh-quote{margin:0;color:var(--sh-gold);font:600 clamp(28px,3.65vw,45px)/1.3 var(--sh-roman);letter-spacing:.03em;text-wrap:balance;background:linear-gradient(180deg,#f3dca0,#c9a86a 55%,#8e6f36);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#sungur-method-cards .sh-latin{margin:16px 0 0;color:var(--sh-gold);font:italic 400 clamp(19px,2.2vw,26px)/1.5 var(--sh-display);letter-spacing:.05em}
#sungur-method-cards .sh-sub{margin:24px 0 0;color:#d3c6ae;font:400 clamp(20px,2.1vw,25px)/1.6 var(--sh-display);letter-spacing:.02em}



#sungur-method-cards .sh-window{width:79.2%;zoom:.792;margin:34px auto 0;overflow:hidden;border:1px solid var(--sh-line);text-align:left;background:#111315}
#sungur-method-cards .sh-track{display:flex;align-items:stretch;will-change:transform}
#sungur-method-cards .sh-panel{position:relative;flex:0 0 100%;min-width:0;padding:30px clamp(20px,3vw,36px) 28px;display:flex;flex-direction:column;background:#111315}
#sungur-method-cards .sh-heading{display:flex;gap:18px;align-items:baseline;margin:0 0 12px}
#sungur-method-cards .sh-numeral{font:400 32px/1 var(--sh-roman);color:#8c744e;min-width:36px}
#sungur-method-cards .sh-panel h2{font:500 24px/1.3 var(--sh-roman);color:var(--sh-gold);letter-spacing:.08em;margin:0;overflow-wrap:anywhere}
#sungur-method-cards .sh-motto{font:400 21px/1.4 var(--sh-display);color:#ecd9a8;margin:0 0 18px}
#sungur-method-cards .sh-intro{margin:0 0 24px;color:#c8c0b4;font:400 15px/1.7 var(--sh-body)}
#sungur-method-cards .sh-detail{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:0 0 24px;padding:0;list-style:none}
#sungur-method-cards .sh-detail li{padding:0 0 0 13px;border-left:1px solid #4a3e2a;color:#b9b2a6;font:400 14px/1.65 var(--sh-body)}
#sungur-method-cards .sh-detail strong{display:block;color:#dfc898;font:400 16px/1.4 var(--sh-display);margin-bottom:6px}
#sungur-method-cards .sh-end{margin:auto 0 0;padding-top:20px;border-top:1px solid #302a22;color:#c9b997;font:400 16px/1.55 var(--sh-display)}
#sungur-method-cards .sh-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;width:79.2%;max-width:960px;margin:18px auto 0;padding:0 2px}
#sungur-method-cards .sh-dots{display:flex;align-items:center;gap:18px;color:#675a46;font:400 13px/1.5 var(--sh-roman)}
#sungur-method-cards .sh-dots button{position:relative;padding-bottom:5px;min-width:18px;text-align:center;transition:color .4s}
#sungur-method-cards .sh-dots button[aria-current="step"]{color:#e5ca90}
#sungur-method-cards .sh-dots button[aria-current="step"]::after{content:"";height:1px;background:#c9a86a;position:absolute;bottom:0;left:0;right:0}
#sungur-method-cards .sh-pause{appearance:none;background:transparent;border:1px solid #393229;border-radius:0;color:#c4b9a3;padding:8px 12px;font:400 12px/1.5 var(--sh-body);letter-spacing:.04em}
#sungur-method-cards .sh-pause:hover{background:#201d17;color:#ecd9a8}
#sungur-method-cards .sh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){#sungur-method-cards{padding:28px 12px 20px}#sungur-method-cards .sh-maxim{padding:32px 0 0}#sungur-method-cards .sh-detail{grid-template-columns:1fr;gap:20px}#sungur-method-cards .sh-panel{padding:25px 20px}#sungur-method-cards .sh-panel h2{font-size:21px}#sungur-method-cards .sh-numeral{font-size:26px;min-width:28px}#sungur-method-cards .sh-heading{gap:12px}#sungur-method-cards .sh-pause{min-height:44px}}
@media(max-width:600px){#sungur-method-cards .sh-window{zoom:.9;width:90%;margin-top:26px}#sungur-method-cards .sh-footer{width:100%}#sungur-method-cards .sh-panel{padding:20px 16px}#sungur-method-cards .sh-detail{gap:16px}#sungur-method-cards .sh-intro,#sungur-method-cards .sh-detail{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){#sungur-method-cards .sh-dots button{transition:none}}

#hakkinda{min-width:0}
#sungur-method-cards{min-width:0;max-width:100%;margin-bottom:clamp(56px,8vw,96px)}
#sungur-method-cards .sh-pause{cursor:pointer}

#sungur-method-cards .sh-dots{gap:8px}
#sungur-method-cards .sh-dots button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #655334;background:transparent;color:#a78c60;font:inherit;cursor:pointer;transition:color .3s,border-color .3s,background .3s}
#sungur-method-cards .sh-dots button:hover,#sungur-method-cards .sh-dots button[aria-current="step"]{border-color:#c9a86a;background:rgba(201,168,106,.07);color:#e5ca90}
#sungur-method-cards .sh-dots button:focus-visible{outline:2px solid #e5ca90;outline-offset:3px}
