/* Müşteri Sadakati çözüm sayfası */
.loyalty-page { background:#11161d; }
.loyalty-hero { position:relative; padding:72px 0 100px; overflow:hidden; background:radial-gradient(circle at 50% 63%,rgba(127,83,220,.18),transparent 34%),#11161d; color:#fcfcfc; }
.loyalty-hero:before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(#3a424e 1px,transparent 1px),linear-gradient(90deg,#3a424e 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,#000,transparent 76%); }
.loyalty-hero-copy { position:relative; z-index:2; max-width:1120px; text-align:center; }
.loyalty-breadcrumb { display:block; width:max-content; margin:0 auto 35px; color:#808792; font-size:11px; }
.loyalty-hero h1 { max-width:1100px; margin:25px auto; font-size:clamp(56px,6.7vw,100px); line-height:.97; letter-spacing:-.06em; font-weight:400; }
.loyalty-hero-copy>p { max-width:850px; margin:0 auto; color:#a4a9b1; font-size:18px; line-height:1.72; }.loyalty-hero .hero-actions { justify-content:center; margin-top:35px; }
.loyalty-hero-visual { position:relative; z-index:2; min-height:680px; margin-top:70px; }
.loyalty-wheel-scene { position:absolute; left:50%; top:50%; width:440px; height:470px; transform:translate(-50%,-50%); }
.loyalty-wheel { position:absolute; left:20px; top:20px; width:400px; height:400px; border:12px solid #f7f8f6; border-radius:50%; background:conic-gradient(#bdfb62 0 60deg,#7851d3 60deg 120deg,#f4c75b 120deg 180deg,#ec7c65 180deg 240deg,#71c9c1 240deg 300deg,#e8e9ec 300deg 360deg); box-shadow:0 35px 80px rgba(0,0,0,.38),inset 0 0 0 2px rgba(17,22,29,.25); animation:loyalty-wheel-float 5s ease-in-out infinite; }
.loyalty-wheel:before { content:""; position:absolute; inset:17px; border:1px solid rgba(17,22,29,.26); border-radius:50%; }.loyalty-wheel:after { content:""; position:absolute; inset:50px; border:1px dashed rgba(17,22,29,.24); border-radius:50%; }
.loyalty-wheel-pointer { position:absolute; z-index:4; left:50%; top:-7px; width:0; height:0; border-left:21px solid transparent; border-right:21px solid transparent; border-top:48px solid #fff; filter:drop-shadow(0 8px 7px rgba(0,0,0,.28)); transform:translateX(-50%); }
.loyalty-wheel-center { position:absolute; z-index:3; left:50%; top:50%; width:126px; height:126px; display:grid; place-content:center; border:9px solid #fff; border-radius:50%; background:#151b22; color:#fff; text-align:center; transform:translate(-50%,-50%); box-shadow:0 12px 28px rgba(0,0,0,.25); }.loyalty-wheel-center small { color:#bdfb62; font-size:8px; letter-spacing:.12em; }.loyalty-wheel-center strong { margin-top:4px; font-size:20px; font-weight:500; }
.wheel-label { position:absolute; z-index:2; color:#182018; font-size:11px; font-weight:700; letter-spacing:.03em; }.label-one { left:185px; top:32px; }.label-two { right:57px; top:105px; transform:rotate(57deg); }.label-three { right:53px; bottom:111px; transform:rotate(118deg); }.label-four { left:171px; bottom:33px; transform:rotate(180deg); }.label-five { left:51px; bottom:112px; transform:rotate(240deg); }.label-six { left:44px; top:108px; transform:rotate(300deg); }
.loyalty-wheel-shadow { position:absolute; left:50%; bottom:10px; width:280px; height:34px; border-radius:50%; background:rgba(0,0,0,.28); filter:blur(17px); transform:translateX(-50%); }
.loyalty-data-card { position:absolute; z-index:3; width:245px; min-height:135px; padding:22px; border:1px solid #303844; border-radius:21px; background:rgba(25,31,40,.92); box-shadow:0 24px 60px rgba(0,0,0,.24); backdrop-filter:blur(12px); }.loyalty-data-card small,.loyalty-data-card strong,.loyalty-data-card span { display:block; }.loyalty-data-card small { color:#858d98; font-size:8px; letter-spacing:.1em; }.loyalty-data-card strong { margin:18px 0 7px; color:#fff; font-size:28px; font-weight:400; }.loyalty-data-card span { color:#7d858f; font-size:10px; }.card-orders { left:2%; top:9%; }.card-spend { right:1%; top:7%; }.card-frequency { left:7%; bottom:11%; }.card-basket { right:5%; bottom:9%; }.card-orders strong,.card-frequency strong { color:#bdfb62; }.card-spend strong { color:#d8c3ff; }.card-basket strong { color:#ffd26e; }
.loyalty-orbit-caption { position:absolute; left:50%; bottom:0; display:flex; align-items:center; gap:12px; color:#888f99; font-size:10px; transform:translateX(-50%); white-space:nowrap; }.loyalty-orbit-caption i { width:6px; height:6px; border-radius:50%; background:#bdfb62; }.loyalty-orbit-caption i:nth-of-type(2) { background:#9d79eb; }
@keyframes loyalty-wheel-float { 0%,100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-10px) rotate(2deg); } }

.loyalty-flow { background:#f3f4f2; color:#171b20; scroll-margin-top:30px; }.loyalty-flow .centered-heading>p { color:#6e7379; }
.loyalty-flow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.loyalty-flow-grid article { min-height:410px; display:flex; flex-direction:column; padding:31px; border:1px solid #dfe2e0; border-radius:24px; background:#fff; }.loyalty-flow-grid article>span { color:#6a813d; font-size:10px; }.loyalty-flow-grid h3 { margin:auto 0 13px; font-size:27px; font-weight:400; }.loyalty-flow-grid p { margin:0; color:#6f747a; font-size:14px; line-height:1.68; }
.loyalty-flow-icon { position:relative; width:110px; height:110px; display:grid; place-items:center; margin:42px auto 20px; border-radius:50%; background:#e8ffc7; }.gift-icon i { width:48px; height:39px; border:3px solid #1d2618; border-radius:7px; }.gift-icon i:before { content:""; position:absolute; left:52px; top:31px; width:6px; height:51px; background:#1d2618; }.gift-icon i:after { content:""; position:absolute; left:31px; top:50px; width:49px; height:5px; background:#1d2618; }.member-icon i { width:34px; height:34px; border:3px solid #1d2618; border-radius:50%; box-shadow:0 35px 0 7px #e8ffc7,0 35px 0 10px #1d2618; transform:translateY(-15px); }.data-icon { display:flex; align-items:end; justify-content:center; gap:7px; }.data-icon i { width:12px; height:31px; border-radius:4px 4px 0 0; background:#1d2618; }.data-icon i:nth-child(2) { height:49px; }.data-icon i:nth-child(3) { height:68px; background:#6f4fbd; }

.loyalty-reports { background:#11161d; color:#fcfcfc; }.loyalty-report-grid { display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:clamp(55px,7vw,105px); }.loyalty-report-copy h2 { margin:23px 0; font-size:clamp(45px,4.6vw,70px); line-height:1.04; letter-spacing:-.05em; font-weight:400; }.loyalty-report-copy>p { margin:0; color:#9ca2ab; font-size:16px; line-height:1.72; }.loyalty-report-copy ul { margin:34px 0 0; padding:0; list-style:none; border-top:1px solid #2b323c; }.loyalty-report-copy li { display:grid; grid-template-columns:38px 1fr; gap:16px; padding:20px 0; border-bottom:1px solid #2b323c; }.loyalty-report-copy li>i { display:grid; place-items:center; width:34px; height:25px; border:1px solid #3a424e; border-radius:20px; color:#bdfb62; font-size:9px; font-style:normal; }.loyalty-report-copy strong,.loyalty-report-copy li span { display:block; }.loyalty-report-copy strong { margin-bottom:6px; font-size:15px; font-weight:500; }.loyalty-report-copy li span { color:#858c96; font-size:12px; line-height:1.5; }
.loyalty-report-visual { position:relative; margin:0; }.loyalty-report-browser { overflow:hidden; padding:14px; border:1px solid #303844; border-radius:27px; background:#1d242e; box-shadow:0 40px 95px rgba(0,0,0,.32); }.loyalty-browser-bar { height:37px; display:flex; align-items:center; gap:7px; padding:0 7px 11px; color:#848c97; font-size:9px; }.loyalty-browser-bar i { width:7px; height:7px; border-radius:50%; background:#56606d; }.loyalty-browser-bar i:first-child { background:#e36b61; }.loyalty-browser-bar i:nth-child(2) { background:#d5b655; }.loyalty-browser-bar i:nth-child(3) { background:#68b577; }.loyalty-browser-bar span { margin-left:8px; }.loyalty-report-browser img { display:block; width:100%; height:auto; border-radius:13px; }.loyalty-report-badge { position:absolute; right:-20px; bottom:42px; display:flex; align-items:center; gap:12px; min-width:250px; padding:15px; border:1px solid #35404d; border-radius:16px; background:#151b22; box-shadow:0 20px 50px rgba(0,0,0,.32); }.loyalty-report-badge>span { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#bdfb62; color:#29391b; font-size:10px; font-weight:700; }.loyalty-report-badge small,.loyalty-report-badge strong { display:block; }.loyalty-report-badge small { margin-bottom:4px; color:#858c96; font-size:8px; }.loyalty-report-badge strong { font-size:10px; font-weight:500; }.loyalty-report-visual figcaption { margin-top:14px; color:#707782; font-size:11px; text-align:center; }

.loyalty-insights { background:#171d25; color:#fcfcfc; }.loyalty-insight-heading { max-width:1050px; margin-bottom:60px; }.loyalty-insight-heading h2 { margin:22px 0 0; font-size:clamp(47px,5vw,76px); line-height:1.02; letter-spacing:-.05em; font-weight:400; }.loyalty-insight-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #303741; }.loyalty-insight-grid article { min-height:260px; padding:34px 45px 38px; border-right:1px solid #303741; border-bottom:1px solid #303741; }.loyalty-insight-grid article:nth-child(even) { border-right:0; }.loyalty-insight-grid article>span { color:#bdfb62; font-size:9px; letter-spacing:.09em; }.loyalty-insight-grid strong { display:block; margin:50px 0 12px; font-size:26px; font-weight:400; }.loyalty-insight-grid p { max-width:540px; margin:0; color:#9097a1; font-size:14px; line-height:1.66; }
.loyalty-bridge { background:#0e1319; color:#fcfcfc; }.loyalty-bridge-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:end; gap:90px; }.loyalty-bridge h2 { margin:22px 0 0; font-size:clamp(44px,4.8vw,72px); line-height:1.04; letter-spacing:-.05em; font-weight:400; }.loyalty-bridge p { margin:0 0 25px; color:#9ca2ab; font-size:16px; line-height:1.72; }

html[data-theme="light"] body.loyalty-page { background:#fff; }
html[data-theme="light"] .loyalty-hero { background:radial-gradient(circle at 50% 63%,rgba(112,64,204,.1),transparent 34%),#f3f5f7; color:#202126; }
html[data-theme="light"] .loyalty-hero h1 { color:#202126; }
html[data-theme="light"] .loyalty-hero-copy>p { color:#626872; }
html[data-theme="light"] .loyalty-data-card { background:rgba(255,255,255,.92); border-color:#dfe2e9; }
html[data-theme="light"] .loyalty-data-card strong { color:#202126; }
html[data-theme="light"] .loyalty-data-card small,html[data-theme="light"] .loyalty-data-card span { color:#6d737c; }

@media (max-width:1050px) {
    .loyalty-hero-visual { min-height:870px; }.loyalty-wheel-scene { top:44%; }.loyalty-data-card { width:220px; }.card-orders { left:0; }.card-spend { right:0; }.card-frequency { left:12%; bottom:4%; }.card-basket { right:12%; bottom:4%; }
    .loyalty-report-grid { grid-template-columns:1fr; }.loyalty-report-copy { max-width:760px; }.loyalty-report-visual { margin-top:20px; }.loyalty-bridge-grid { grid-template-columns:1fr; gap:35px; }
}
@media (max-width:750px) {
    .loyalty-hero { padding:45px 0 75px; }.loyalty-hero h1 { font-size:47px; }.loyalty-hero-copy>p { font-size:15px; }.loyalty-hero .hero-actions { flex-direction:column; align-items:stretch; }.loyalty-hero .hero-actions .button { justify-content:center; }
    .loyalty-hero-visual { min-height:890px; margin-top:45px; }.loyalty-wheel-scene { top:33%; width:330px; height:370px; }.loyalty-wheel { left:15px; width:300px; height:300px; border-width:9px; }.loyalty-wheel-center { width:100px; height:100px; border-width:7px; }.loyalty-wheel-pointer { top:-2px; border-left-width:17px; border-right-width:17px; border-top-width:38px; }.wheel-label { font-size:8px; }.label-one { left:138px; top:26px; }.label-two { right:43px; top:79px; }.label-three { right:40px; bottom:112px; }.label-four { left:127px; bottom:61px; }.label-five { left:38px; bottom:112px; }.label-six { left:32px; top:81px; }.loyalty-wheel-shadow { bottom:28px; width:210px; }
    .loyalty-data-card { width:calc(50% - 7px); min-height:125px; padding:17px; }.loyalty-data-card strong { font-size:21px; }.card-orders,.card-spend { top:auto; bottom:155px; }.card-orders { left:0; }.card-spend { right:0; }.card-frequency,.card-basket { bottom:15px; }.card-frequency { left:0; }.card-basket { right:0; }.loyalty-orbit-caption { display:none; }
    .loyalty-flow-grid { grid-template-columns:1fr; }.loyalty-flow-grid article { min-height:360px; }.loyalty-report-copy h2,.loyalty-insight-heading h2,.loyalty-bridge h2 { font-size:39px; }.loyalty-report-badge { right:-8px; bottom:22px; min-width:225px; }
    .loyalty-insight-grid { grid-template-columns:1fr; }.loyalty-insight-grid article,.loyalty-insight-grid article:nth-child(even) { min-height:230px; padding:28px 0; border-right:0; }.loyalty-insight-grid strong { margin-top:35px; }
}
@media (prefers-reduced-motion:reduce) { .loyalty-wheel { animation:none; } }