/* Scoped pricing layout; keeps product and document cards independent. */
.pricing-period-control{display:flex;width:max-content;max-width:100%;margin:0 auto 28px;padding:5px;gap:4px;border:1px solid #dce1e7;border-radius:40px;background:#fff;box-shadow:0 4px 12px #20212409}
.pricing-period-control button{min-height:44px;min-width:92px;padding:10px 22px;border:0;border-radius:30px;background:transparent;color:#536070;font:500 13px system-ui;cursor:pointer;transition:background .2s,color .2s}
.pricing-period-control button[aria-pressed="true"]{background:#202124;color:#fff}
.pricing-discount-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:22px;margin:22px 0 -12px;font:11px/1.5 system-ui}
.pricing-discount-info[hidden]{display:flex;visibility:hidden}
.pricing-discount-info del{color:#8a929c}
.pricing-discount-info>span{color:#45698f;background:#e7eef7;border:1px solid #cedbee;border-radius:20px;padding:3px 8px;font-weight:600}
.pricing-payment-meta{display:flex;gap:8px;flex-wrap:wrap;font:10px/1.5 system-ui;color:#667586;margin:-10px 0 8px}
.pricing-payment-meta span{background:#f0f3f7;border:1px solid #e2e7ed;border-radius:20px;padding:3px 8px}
.pricing-monthly-equivalent{min-height:20px;margin:0 0 18px;color:#6582a4;font:12px/1.6 system-ui}
.pricing-plan-note [data-credit-count]{font:400 28px/1.4 Georgia,serif;color:#365c87;margin-right:7px}
@media(max-width:360px){.pricing-period-control button{min-width:82px;padding:10px 15px}}
html[data-theme] body.spa-body [data-view="paketler"] .spa-page-hero{width:min(1160px,calc(100% - 64px));margin:auto;padding:54px 0 32px!important;text-align:center}
html[data-theme] body.spa-body [data-view="paketler"] .spa-page-hero h1{font:400 clamp(38px,4vw,58px)/1.12 Georgia,serif!important;letter-spacing:-.035em!important}
html[data-theme] body.spa-body [data-view="paketler"] .spa-page-hero>p:last-child{max-width:620px;margin:18px auto 0;font-size:15px!important;line-height:1.7!important}
html body .pricing-layout{width:min(1160px,calc(100% - 64px))!important;max-width:none!important;padding:0!important;margin:0 auto!important}
.pricing-demo-strip{display:flex;align-items:center;gap:24px;padding:22px 26px;margin:0 0 28px;border:1px solid #e0e5eb;border-radius:12px;background:linear-gradient(110deg,#f3f6f9,#fafafa)}
.pricing-demo-strip small{font:600 10px/1.5 system-ui;letter-spacing:.13em;color:#657a93}
.pricing-demo-strip h2{font:400 21px/1.35 Georgia,serif;color:#24282e;margin:6px 0 0}
.pricing-demo-strip p{flex:1;font:12px/1.8 system-ui;color:#66707c}
html body .pricing-demo-strip a{display:flex;align-items:center;justify-content:center;gap:24px;background:#202124;color:white;padding:14px 20px;border-radius:7px;font:600 12px system-ui;min-height:46px;white-space:nowrap}
.pricing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pricing-plan{position:relative;display:flex;flex-direction:column;padding:30px 26px 24px;border:1px solid #dce2e9;border-radius:14px;background:linear-gradient(160deg,#fff 55%,#f6f8fa);color:#242a33;box-shadow:0 8px 22px #1b273707}
.pricing-plan-featured{border-color:#8faac8;background:linear-gradient(155deg,#f1f6fc,#fff 85%);box-shadow:0 10px 32px #34475c10}
.pricing-recommendation{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);padding:6px 15px;background:#25272b;color:#fff;border-radius:20px;font:600 9px/1.2 system-ui;letter-spacing:.1em;white-space:nowrap}
.pricing-plan header>small{font:500 10px/1.5 system-ui;letter-spacing:.12em;color:#78818f}
html body .pricing-plan h2{font:400 32px/1.2 Georgia,serif!important;letter-spacing:-.02em!important;color:#20252c!important;margin:12px 0!important}
.pricing-plan header p{font:14px/1.7 system-ui;color:#5b6675;margin:0;min-height:48px}
.pricing-amount{display:flex;align-items:baseline;gap:9px;margin:24px 0 22px}
.pricing-amount strong{font:400 clamp(32px,3vw,41px)/1.1 Georgia,serif;letter-spacing:-.03em;color:#202124}
.pricing-amount span{font:12px system-ui;color:#75818f}
html body .pricing-plan a.pricing-action{display:flex;justify-content:space-between;align-items:center;background:#202124;color:#fff;border:1px solid #202124;min-height:48px;padding:0 17px;border-radius:7px;font:600 13px system-ui;transition:background .2s}
html body .pricing-plan a.pricing-action:hover,.pricing-demo-strip a:hover{background:#383b40}
.pricing-plan ul{list-style:none;margin:25px 0;padding:22px 0 0;border-top:1px solid #dee4eb;display:grid;gap:16px}
.pricing-plan li{display:flex;align-items:baseline;gap:11px;font:14px/1.5 system-ui;color:#3f4b5a}
.pricing-plan li::before{content:'✓';color:#537ba9;font-size:13px}
.pricing-plan-note{margin-top:auto;background:#edf2f766;padding:16px;border-radius:8px;border-left:2px solid #b5c7da}
.pricing-plan-note small{font:600 9px/1.5 system-ui;letter-spacing:.13em;color:#617c9b}
.pricing-plan-note p{font:12px/1.8 system-ui;color:#566575;margin:6px 0 0}
.pricing-terms{text-align:center;font:12px/1.8 system-ui;color:#788391;margin:24px auto 0;max-width:680px}
@media(max-width:900px){.pricing-plan-grid{gap:12px}.pricing-plan{padding:26px 18px 20px}.pricing-demo-strip p{display:none}}
@media(max-width:700px){html body .pricing-layout{width:calc(100% - 32px)!important}html[data-theme] body.spa-body [data-view="paketler"] .spa-page-hero{width:calc(100% - 40px);padding:34px 0 26px!important}.pricing-demo-strip{flex-direction:column;align-items:stretch;gap:18px;padding:22px;margin-bottom:28px}.pricing-demo-strip h2{font-size:22px}.pricing-plan-grid{grid-template-columns:1fr;gap:28px}.pricing-plan{padding:28px 24px}.pricing-plan header p{min-height:0}.pricing-amount strong{font-size:40px}.pricing-plan-note{padding:15px}.pricing-terms{text-align:left}}
