html { scroll-behavior: smooth; }
#marka, #urunler, #detaylar, #siparis, #iletisim { scroll-margin-top: 82px; }
.site-nav, .order-section, .site-footer { font-family: Arial, Helvetica, sans-serif; }
.site-color-dot { display:inline-block; flex:none; width:23px; height:23px; border-radius:50%; background:conic-gradient(from 25deg,#00adee 0 34%,#e8007f 34% 67%,#ffcd00 67%); }
.site-nav { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:82px; padding:15px max(28px,calc((100% - 1168px)/2)); background:#ffffffed; backdrop-filter:blur(16px); border-bottom:1px solid #16171914; color:#161719; color-scheme:light; }
.site-nav a, .site-footer a, .order-section a { color:inherit; text-decoration:none; }
.site-brand { display:flex; gap:12px; align-items:center; font-size:25px; font-weight:800; letter-spacing:-1.2px; line-height:.83; }
.site-brand>span:last-child>span { display:block; font-size:12px; font-weight:500; letter-spacing:2px; margin-top:7px; }
.site-nav nav { display:flex; gap:32px; font-size:13px; }
.site-nav nav a { padding:10px 0; }
.site-nav-cta { display:flex; align-items:center; justify-content:space-between; gap:35px; border:1px solid #161719; padding:13px 17px; font-size:12px; font-weight:600; }
.site-nav-cta:hover { background:#ffcd00; border-color:#ffcd00; }
.site-nav a:focus-visible, .site-footer a:focus-visible, .order-section a:focus-visible { outline:3px solid #00adee; outline-offset:5px; }
.order-section { position:relative; z-index:5; padding:100px 0; color:#161719; background:#ffdc45; color-scheme:light; }
.order-wrap { width:min(1168px,calc(100% - 112px)); margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:start; }
.order-kicker { display:flex; align-items:center; gap:12px; font-size:10px; letter-spacing:1.6px; font-weight:700; }
.order-kicker>span { width:7px; height:7px; border-radius:50%; background:#161719; }
.order-copy h2 { font-size:clamp(54px,5.8vw,82px); line-height:1.03; font-weight:600; letter-spacing:-.065em; margin:36px 0 29px; }
.order-copy h2 em { font-family:Georgia,serif; font-weight:400; }
.order-copy>p { font-size:16px; line-height:1.8; max-width:355px; color:#4a4424; }
.order-contact { padding-top:43px; margin-top:42px; border-top:1px solid #16171930; }
.order-contact>span { font-size:9px; letter-spacing:1.4px; }
.order-phone { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:18px 0; font-size:clamp(26px,3vw,40px); font-weight:500; letter-spacing:-.045em; }
.order-phone>span { font-size:30px; font-weight:400; }
.order-call { display:inline-flex; align-items:center; gap:10px; border-bottom:1px solid #161719; padding-bottom:10px; font-size:13px; font-weight:600; }
.order-call svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; }
.order-card { background:#fffef8; border-radius:8px; padding:35px; box-shadow:0 15px 45px #a68b1410; }
.order-card-heading { display:flex; gap:13px; align-items:center; margin-bottom:28px; }
.order-card-heading h3 { font-size:22px; font-weight:500; letter-spacing:-.7px; margin:0; }
.order-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 17px; }
.order-field { min-width:0; }
.order-field-wide { grid-column:1/-1; }
.order-field label { display:block; font-size:12px; line-height:1.5; font-weight:600; margin-bottom:10px; }
.order-field label>span { color:#a41b59; }
.order-field label small { display:inline-block; margin-left:3px; color:#8a8b80; font-size:9px; font-weight:400; }
.order-field input, .order-field select, .order-field textarea { width:100%; min-width:0; border:1px solid #d7d8ce; background:#fff; color:#161719; border-radius:3px; padding:13px 12px; font:13px Arial,Helvetica,sans-serif; line-height:1.4; }
.order-field input, .order-field select { height:47px; }
.order-field textarea { min-height:100px; resize:vertical; }
.order-field input::placeholder, .order-field textarea::placeholder { color:#96978c; }
.order-field input:focus, .order-field select:focus, .order-field textarea:focus { outline:2px solid #00adee; outline-offset:2px; }
.order-field [aria-invalid="true"] { border-color:#b71c51; }
.order-error { color:#ad174c; min-height:0; margin:0; font-size:12px; line-height:1.5; }
.order-error:not(:empty) { margin:15px 0 0; }
.order-section .order-whatsapp { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px; margin-top:24px; background:#161719; color:#fff; border:1px solid #161719; border-radius:3px; font-size:14px; font-weight:600; transition:background .2s; }
.order-whatsapp>span { font-size:23px; line-height:1; font-weight:400; }
.order-section .order-whatsapp:hover { background:#343735; }
.order-note { color:#7b7d71; font-size:10px; line-height:1.7; margin:14px 0 0; }
.site-footer { position:relative; z-index:5; padding:50px max(28px,calc((100% - 1168px)/2)) 0; background:#161719; color:#f7f7f0; }
.footer-top { display:grid; grid-template-columns:1fr 1fr 1fr; gap:50px; align-items:start; }
.footer-top p { margin:0; color:#b0b3aa; font-size:14px; line-height:1.8; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:15px; font-size:11px; color:#c2c5bb; }
.footer-word { display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:clamp(120px,21vw,310px); line-height:1.1; letter-spacing:-.07em; font-weight:700; padding:30px 0 18px; }
.footer-word .site-color-dot { width:clamp(55px,8vw,110px); height:clamp(55px,8vw,110px); }
.footer-word-text { font-size:clamp(70px,14.8vw,220px); line-height:.97; }
.footer-word-text>span { display:block; }
.footer-bottom { display:flex; justify-content:space-between; gap:25px; border-top:1px solid #f7f7f027; padding:23px 0; font-size:10px; color:#9b9f92; }
.marketing-reveal { transition:opacity .7s ease,transform .7s ease; }
.marketing-ready .marketing-reveal:not(.is-visible) { opacity:0; transform:translateY(25px); }
@media(max-width:950px) {
 .order-wrap { width:calc(100% - 64px); gap:35px; }
 .order-card { padding:26px; }
 .order-grid { grid-template-columns:1fr; gap:18px; }
 .order-copy h2 { font-size:58px; }
 .footer-top { gap:30px; }
 .footer-links { grid-template-columns:1fr; }
}
@media(max-width:650px) {
 .site-nav { min-height:72px; padding:13px 20px; gap:15px; }
 .site-brand { font-size:23px; }
 .site-brand>span:last-child>span { font-size:10px; letter-spacing:1.6px; }
 .site-brand .site-color-dot { width:19px; height:19px; }
 .site-nav nav { display:none; }
 .site-nav-cta { padding:11px 12px; gap:20px; font-size:11px; }
 #marka,#urunler,#detaylar,#siparis,#iletisim { scroll-margin-top:72px; }
 .order-section { padding:65px 0; }
 .order-wrap { width:calc(100% - 40px); grid-template-columns:1fr; gap:40px; }
 .order-copy h2 { font-size:clamp(51px,12vw,66px); margin:29px 0 22px; }
 .order-copy>p { font-size:15px; }
 .order-contact { padding-top:28px; margin-top:29px; }
 .order-phone { font-size:32px; }
 .order-card { padding:25px; }
 .order-card-heading h3 { font-size:20px; }
 .order-card-heading .site-color-dot { width:19px; height:19px; }
 .order-field input,.order-field select,.order-field textarea { font-size:16px; }
 .order-section .order-whatsapp { font-size:13px; padding:16px; }
 .site-footer { padding:40px 20px 0; }
 .footer-top { grid-template-columns:1fr 1fr; gap:28px; }
 .footer-top p { font-size:12px; }
 .footer-links { grid-column:1/-1; grid-template-columns:1fr 1fr; gap:17px; }
 .footer-word { font-size:24vw; padding-top:30px; gap:7px; }
 .footer-word .site-color-dot { width:12vw; height:12vw; }
 .footer-word-text { font-size:15.3vw; }
 .footer-bottom { font-size:8px; gap:16px; }
 .footer-bottom>span:nth-child(2) { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .marketing-reveal,.order-whatsapp { transition:none; }
 .marketing-ready .marketing-reveal:not(.is-visible) { opacity:1; transform:none; }
}