/* Vizyon Optik: afişteki turuncu, koyu mürekkep ve net beyaz yüzeyler. */
:root{--ink:#202832;--green:#c94708;--cream:#f5f6f8;--muted:#637080;--line:#dde1e7;--orange:#be4000;--serif:Georgia,'Times New Roman',serif}
body{font-size:16px;line-height:1.65}
p{color:#586371}
button,.button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;border-radius:8px;min-height:44px}
button:hover,.button:hover{background:#a83600}
button.secondary,.button.secondary{color:#263646;border-color:#b9c2ce;background:#fff}
button.secondary:hover,.button.secondary:hover{color:#a83600;border-color:#c94708;background:#fff8f2}
.small{font-size:14px;padding:7px 12px;min-height:36px}
.danger{color:#aa2436;background:#fff5f5;border-color:#e9bdc3}
.danger:hover{color:#fff;background:#a02234}
.topbar{background:#202832;color:#fff;font-size:12px;letter-spacing:.08em}
.topbar span{opacity:1;color:#c3cbd3}
header{background:#fff;padding-block:22px}
.brand{font-family:inherit;font-weight:750;font-size:26px;letter-spacing:-.05em}
.brand-mark{color:#c94708;font-size:38px}
nav,.tabs a{font-size:14px}
.nav-pill{border-color:#c94708;color:#a83600}
main{max-width:1400px}
.hero{padding-block:20px;gap:56px}
.hero-visual{background:#eceff3;border-radius:24px;min-height:440px}
.hero-visual img{height:360px}
.visual-tag{font-size:12px;color:#4c5969}
.visual-caption{font-size:22px;color:#27323f}
.eyebrow{font-size:12px;letter-spacing:.14em}
.hero-note{font-size:12px;color:#5d6978}
.text-link,.section-title a{font-size:14px}
.hero h1{font-size:clamp(44px,5vw,66px)}
.benefits{font-size:14px;justify-content:space-between}
.product-picture{background:#eaedf1;border-radius:12px}
.product-category,.product-meta small{font-size:12px;color:#596576}
.product-meta h3{font-size:16px}
.product-meta b{font-size:15px}
.product-meta{flex-wrap:wrap;gap:6px}
.loyalty-banner{background:#202832;color:#fff;border-radius:18px}
.loyalty-banner .eyebrow{color:#ffb484}
.loyalty-banner p{color:#cbd2da}
.loyalty-banner .light{background:#fae6d7;color:#562301}
.points-orbit{border-color:#8b674e;outline-color:#5b5047}
.points-orbit b{color:#ffb580}
.points-orbit span{font-size:14px;color:#e6d9ce;text-align:center}
.panel{border-color:#e0e4ea;box-shadow:0 2px 4px #192c4703}
.stat{background:#fff;border:1px solid #dde2e8;border-top:3px solid #e15e16}
.stat span,.stat small{font-size:14px;color:#596675}
.stat b{font-family:inherit;font-weight:650;letter-spacing:-.04em}
.stat:first-child{background:#202832;color:#fff;border-color:#202832;border-top-color:#e15e16}
.stat:first-child b{color:#fff}
.stat:first-child span,.stat:first-child small{color:#d0d8e1}
label{font-size:14px;color:#475566}
input,select,textarea{font:inherit;font-size:16px;line-height:1.45;background:#fff;color:#202832;border-color:#bac3cf}
input:focus,select:focus,textarea:focus{outline-color:#d86320}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e18346;outline-offset:4px}
small{font-size:13px}
.muted{font-size:14px;color:#5b6877}
th{font-size:13px;color:#586678;letter-spacing:.035em}
table{font-size:14px}
.tabs a{background:#e9edf2}
.tabs a.selected{background:#202832}
.badge{background:#fff0e5;color:#8f3505;font-size:14px}
.notice{background:#e9f4ed;color:#1f5436;border:1px solid #c0dfcb}
.empty{background:#edf0f4}
.referral h2{overflow-wrap:anywhere}
.rx-grid{grid-template-columns:48px repeat(4,minmax(0,1fr));gap:10px}
.rx-grid b,.rx-grid strong{font-size:14px}
.rx-grid input{font-size:16px}
.pagination{justify-content:center;margin:20px 0 32px;font-size:14px}
.review-line{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #e1e6eb;margin-bottom:20px}
.review-line strong{white-space:nowrap}
footer{font-size:14px;background:#e9edf1}
footer b{font:700 23px/1.3 inherit}
.page-admin main{max-width:1500px}
.page-admin h1{font-family:inherit;font-size:36px;font-weight:650;letter-spacing:-.04em}
.page-admin h2{font-family:inherit;font-size:24px;font-weight:600;letter-spacing:-.025em}
@media(max-width:680px){
 header nav{font-size:14px;gap:12px 20px}
 h1{font-size:36px}.hero h1{font-size:44px}
 .hero{gap:24px}.hero-visual{min-height:290px;border-radius:18px}
 .hero-visual img{height:260px}
 .benefits{align-items:flex-start}
 .grid.four{grid-template-columns:1fr}
 .grid.four .panel{padding:22px}.grid.four p{font-size:16px}
 .product-meta b{font-size:14px}
 .rx-grid{gap:5px;grid-template-columns:35px repeat(4,minmax(0,1fr))}
 .rx-grid b,.rx-grid strong{font-size:12px}
 .rx-grid input{padding:8px 3px;font-size:14px}
 .section-title{flex-wrap:wrap}
 .referral{gap:14px}
 #toast{left:16px;right:16px;max-width:none}
 .cart-item{gap:12px}.cart-item>img{width:64px}
 .review-line{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}