/* Veteriner Rehberim · ana sayfa dört kartlı tanıtım bölümü (includes/anasayfa-kartlar.php). Tüm seçiciler vr- ile başlar. */
.vr-icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.vr-icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}

.vr-showcase{--vr-brand:#f3123d;max-width:1160px;margin:0 auto;font-family:Quicksand,system-ui,sans-serif;color:#242630;padding-bottom:35px}
.vr-showcase *{box-sizing:border-box}
.vr-showcase a{text-decoration:none;color:inherit}
.vr-showcase button,.vr-showcase select{font-family:inherit}
.vr-showcase :focus-visible{outline:3px solid #f3123d;outline-offset:5px}
.vr-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:68px 0 42px}
.vr-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.55px;color:#8b6a73}
.vr-eyebrow>span{width:6px;height:6px;background:#f3123d;border-radius:100%}
.vr-section-heading .vr-section-title{margin:16px 0 0;font-size:46px;font-weight:700;line-height:1.17;letter-spacing:-1.75px}
.vr-section-heading .vr-section-title>span{color:#f3123d}
.vr-section-heading>p{font-size:14px;line-height:1.9;font-weight:500;color:#767580;margin:0 0 4px;max-width:320px}
.vr-feature-list{--vr-stack-top:40px;--vr-stack-step:18px;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:24px}
.vr-feature{--vr-accent:#f3123d;--vr-soft:#ffdee7;position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr 1fr;gap:32px;min-height:488px;border-radius:24px;padding:43px 36px 43px 48px;overflow:hidden}
.vr-feature--pink{background:#fff0f4}
.vr-feature--orange{--vr-accent:#ae581b;--vr-soft:#ffe4c4;background:#fff3e3}
.vr-feature--green{--vr-accent:#557a27;--vr-soft:#e1edcd;background:#f1f6e7}
.vr-feature--purple{--vr-accent:#8150a0;--vr-soft:#e8dbf1;background:#f5eef9}
.vr-feature-copy{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:0 0 4px}
.vr-kicker{display:inline-flex;gap:7px;align-items:center;color:var(--vr-accent);font-size:9px;font-weight:700;letter-spacing:1.1px;line-height:1.2;margin-bottom:20px;padding:7px 11px;background:var(--vr-soft);border-radius:50px}
.vr-kicker .vr-icon{width:13px;height:13px;stroke-width:1.7}
.vr-feature .vr-card-title{font-size:38px;line-height:1.18;letter-spacing:-1.2px;font-weight:700;margin:0 0 20px}
.vr-feature .vr-card-title>span{color:var(--vr-accent)}
.vr-feature-copy>p{max-width:405px;font-size:14px;line-height:1.8;font-weight:500;color:#6e6972;margin:0}
.vr-benefits{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:22px;font-size:10px;font-weight:700;color:#8f6571}
.vr-benefits>span{display:flex;align-items:center;gap:5px}
.vr-benefits .vr-icon{height:13px;width:13px;color:var(--vr-accent)}
.vr-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:30px}
.vr-showcase .vr-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:30px;padding:11px 17px;font-size:11px;font-weight:700;line-height:1.35;text-align:center;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}
.vr-showcase .vr-btn:hover{transform:translateY(-2px)}
.vr-showcase .vr-btn--primary{background:var(--vr-accent,#f3123d);color:white;box-shadow:0 3px 0 #ffffff20 inset}
.vr-showcase .vr-btn--primary:hover{box-shadow:0 6px 20px #35303318}
.vr-showcase .vr-btn--secondary{background:#ffffffcb;border-color:#ffffffd9;color:#625a67}
.vr-showcase .vr-btn--secondary:hover{background:#fff}
.vr-btn .vr-icon{height:15px;width:15px}
.vr-feature-visual{position:relative;min-width:0;min-height:398px;display:flex;align-items:stretch;z-index:1}
.vr-photo{position:relative;margin:0;width:100%;height:100%;min-height:398px;overflow:hidden;border-radius:17px;background:#e9dfd8}
.vr-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.vr-feature:hover .vr-photo>img{transform:scale(1.035)}
.vr-discover-visual .vr-photo>img{object-position:100% 62%}
.vr-adoption-visual .vr-photo>img{object-position:100% 60%}
.vr-clinic-visual .vr-photo>img{object-position:0% 57%}
.vr-card-number{position:absolute;right:17px;top:12px;font-size:11px;letter-spacing:1px;font-weight:700;color:var(--vr-accent);opacity:.32}
.vr-city-card,.vr-adoption-note,.vr-clinic-preview{position:absolute;bottom:22px;left:-16px;right:18px;display:flex;align-items:center;gap:11px;padding:14px 16px;background:#fffffff2;border:1px solid #ffffff;border-radius:13px;box-shadow:0 10px 30px #31232910}
.vr-floating-icon{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--vr-soft);color:var(--vr-accent);flex-shrink:0}
.vr-floating-icon .vr-icon{width:20px;height:20px}
.vr-city-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}
.vr-city-content label{font-size:10px;font-weight:600;color:#7f7880}
.vr-city-content select{max-width:100%;width:100%;font-size:13px;font-weight:700;color:#34313b;background:transparent;border:0;padding:0 18px 0 0;min-height:26px;cursor:pointer}
.vr-city-submit{display:grid;place-items:center;height:34px;width:34px;flex-shrink:0;background:#f3123d;color:white;border:0;border-radius:50%;cursor:pointer;transition:transform .2s}
.vr-city-submit:hover{transform:translateX(2px)}
.vr-city-submit .vr-icon{width:16px;height:16px}
.vr-process{display:flex;align-items:center;gap:9px;margin-top:24px;color:#8c6c50;font-size:10px;font-weight:700}
.vr-process>span{display:flex;align-items:center;gap:6px}
.vr-process b{display:grid;place-items:center;font-size:9px;width:19px;height:19px;background:#ffe4c4;color:#ae581b;border-radius:50%}
.vr-process i{width:18px;height:1px;background:#dfc3a2}
.vr-booking-visual{align-self:stretch;min-height:398px;overflow:visible}
.vr-orbit{position:absolute;border:1px solid #efd2b0;border-radius:100%;pointer-events:none}
.vr-orbit--one{width:325px;height:325px;right:0;bottom:8px;background:#ffebd1}
.vr-orbit--two{width:270px;height:270px;right:27px;bottom:35px}
.vr-calendar-illustration{position:absolute;left:-2px;top:3px;width:318px;background:#fffcf8;border:1px solid #fff9f0;border-radius:18px;box-shadow:0 16px 35px #8d562710;padding:20px 20px 16px;transform:rotate(-3deg);z-index:2}
.vr-calendar-top{display:flex;align-items:center;gap:9px}
.vr-calendar-icon{display:grid;place-items:center;width:34px;height:34px;color:#c57a33;background:#fff0de;border-radius:10px}
.vr-calendar-icon .vr-icon{width:18px;height:18px}
.vr-calendar-top strong{display:block;font-size:12px;font-weight:700}
.vr-calendar-top div>span{display:block;font-size:8px;color:#958a7e;margin-top:4px;font-weight:500}
.vr-calendar-dots{margin-left:auto;align-self:flex-start;color:#bb9d81;font-size:11px;letter-spacing:1px}
.vr-calendar-month{display:flex;justify-content:space-between;align-items:baseline;margin-top:23px;margin-bottom:16px}
.vr-calendar-month strong{font-size:19px;letter-spacing:-.5px}.vr-calendar-month>span{font-size:11px;color:#a49c90}
.vr-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.vr-calendar-week>span{font-size:8px;text-align:center;color:#a09588;padding:9px 1px;line-height:1.3;font-weight:600;border-radius:9px}
.vr-calendar-week b{display:block;color:#51473d;font-size:13px;margin-top:9px}
.vr-calendar-week .vr-day-selected{background:#c67428;color:#fff3e6;box-shadow:0 3px 8px #c6742820}
.vr-calendar-week .vr-day-selected b{color:white}
.vr-calendar-slots{display:flex;gap:8px;border-top:1px solid #f2ebe3;margin-top:13px;padding-top:15px}
.vr-calendar-slots>span{display:flex;gap:4px;align-items:center;justify-content:center;flex:1;text-align:center;border:1px solid #eee6db;padding:8px 6px;border-radius:7px;color:#a29687;font-size:10px;font-weight:600}
.vr-calendar-slots>.vr-slot-selected{border-color:#f2cfa7;color:#b76a25;background:#fff1e0}
.vr-slot-selected .vr-icon{width:11px;height:11px}
.vr-calendar-bottom{display:flex;align-items:center;justify-content:center;gap:5px;color:#aa9480;font-size:8px;font-weight:500;padding-top:13px}
.vr-calendar-bottom>span{width:4px;height:4px;border-radius:100%;background:#d3a16f}
.vr-booking-mascot{position:absolute;z-index:3;right:-11px;bottom:-14px;width:270px;height:auto;filter:drop-shadow(0 7px 10px #94663512);pointer-events:none}
.vr-booking-note{position:absolute;left:3px;bottom:18px;display:flex;align-items:center;gap:10px;transform:rotate(-5deg);z-index:4;color:#a96732}
.vr-booking-note>.vr-icon{width:27px;height:27px;stroke-width:1.4;transform:rotate(-16deg)}
.vr-booking-note span{font-size:12px;line-height:1.65;font-weight:500}.vr-booking-note strong{font-weight:700}
.vr-kind-note{display:flex;gap:8px;align-items:center;margin-top:24px;color:#708353;font-size:11px;font-weight:600}
.vr-kind-note .vr-icon{width:19px;height:19px;fill:#7f9b3830;stroke-width:1.1}
.vr-adoption-note{bottom:20px;left:-18px;right:24px}
.vr-adoption-note strong,.vr-clinic-preview strong{display:block;font-size:12px;font-weight:700}
.vr-adoption-note div>span,.vr-clinic-preview div>span{font-size:9px;font-weight:500;display:block;margin-top:5px;color:#958e91}
.vr-heart-bubble{position:absolute;right:-12px;top:31px;width:55px;height:55px;display:grid;place-items:center;color:#7e9a45;background:#fcfef5;border:5px solid #f1f6e7;border-radius:100%;transform:rotate(12deg)}
.vr-heart-bubble .vr-icon{width:23px;height:23px;fill:#ecf4da}
.vr-topic-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}
.vr-topic-pills>span{padding:6px 10px;background:#ffffffa8;border:1px solid #eadfed;border-radius:20px;font-size:9px;font-weight:600;color:#9976a8}
.vr-feature--purple .vr-card-title{font-size:36px}
.vr-feature--purple .vr-actions{gap:7px}
.vr-feature--purple .vr-btn{font-size:10px;padding:11px 14px;gap:9px}
.vr-clinic-preview{left:-20px;right:18px;bottom:22px}
.vr-clinic-check{display:grid;place-items:center;background:#f0e9f6;color:#8751a4;width:23px;height:23px;border-radius:100%;margin-left:auto}
.vr-clinic-check .vr-icon{width:13px;height:13px}






.vr-dialog{--vr-accent:#f3123d;max-width:550px;width:calc(100% - 32px);padding:42px;border:0;border-radius:24px;color:#242630;box-shadow:0 28px 90px #25212d22;font-family:Quicksand,system-ui,sans-serif}
.vr-dialog::backdrop{background:#29233166;backdrop-filter:blur(5px)}
.vr-dialog-close{position:absolute;top:14px;right:14px;border:0;background:#f7f4f7;display:grid;place-items:center;width:35px;height:35px;border-radius:100%;color:#78717b;cursor:pointer}
.vr-dialog-close .vr-icon{width:17px;height:17px}
.vr-dialog h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:17px 0 23px;font-weight:700}
.vr-dialog ol{list-style:none;counter-reset:vr-step;padding:0;display:grid;gap:21px;margin:0 0 28px}
.vr-dialog li{counter-increment:vr-step;position:relative;padding-left:37px;font-size:13px;line-height:1.65}
.vr-dialog li::before{content:counter(vr-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:25px;height:25px;background:#fff0f4;color:#f3123d;border-radius:100%;font-weight:700;font-size:11px}
.vr-dialog li>b{display:block}.vr-dialog li>span{color:#827986;font-weight:500;display:block;margin-top:3px}
.vr-dialog>p{font-size:14px;line-height:1.8;font-weight:500;color:#776f7c;margin:0 0 28px}
@media(min-width:1500px){.vr-section-heading{margin-top:80px}}
@media(max-width:1220px){.vr-showcase{margin-left:30px;margin-right:30px}.vr-feature{gap:24px;padding-left:38px;padding-right:30px}.vr-feature .vr-card-title{font-size:34px}.vr-feature--purple .vr-card-title{font-size:32px}.vr-feature-copy>p{font-size:13px}.vr-showcase .vr-btn{font-size:10px;padding-left:14px;padding-right:14px}.vr-feature--purple .vr-btn{font-size:9px;padding-left:12px;padding-right:12px}}
@media(max-width:1000px){.vr-section-heading .vr-section-title{font-size:40px}.vr-section-heading>p{font-size:12px}.vr-feature{padding:32px;gap:25px;min-height:465px;grid-template-columns:1.05fr 1fr}.vr-feature .vr-card-title{font-size:29px;letter-spacing:-.9px}.vr-feature--purple .vr-card-title{font-size:28px}.vr-feature-copy>p{font-size:12px}.vr-feature-visual,.vr-photo{min-height:380px}.vr-actions{gap:8px;margin-top:24px}.vr-showcase .vr-btn{font-size:9px;padding:10px 12px;gap:9px;min-height:39px}.vr-benefits{font-size:9px;gap:6px 10px}.vr-calendar-illustration{width:270px;left:-8px;padding:16px;top:18px}.vr-calendar-top strong{font-size:10px}.vr-calendar-top div>span{font-size:7px}.vr-booking-mascot{width:230px;right:-18px;bottom:0}.vr-orbit--one{width:270px;height:270px;bottom:0;right:-5px}.vr-orbit--two{width:235px;height:235px;bottom:18px;right:13px}.vr-booking-note{font-size:10px;bottom:6px;left:0}.vr-booking-note span{font-size:10px}.vr-city-card,.vr-adoption-note,.vr-clinic-preview{left:-10px;right:10px;padding:11px;gap:8px}.vr-floating-icon{width:32px;height:32px;border-radius:9px}.vr-city-content label{font-size:8px}.vr-city-content select{font-size:11px}.vr-adoption-note strong,.vr-clinic-preview strong{font-size:10px}.vr-adoption-note div>span,.vr-clinic-preview div>span{font-size:8px}.vr-topic-pills>span{font-size:8px;padding:5px 7px}}
@media(max-width:760px){.vr-showcase{margin-left:20px;margin-right:20px}.vr-section-heading{display:block;margin-top:43px;margin-bottom:28px}.vr-eyebrow{font-size:8px;letter-spacing:1.25px}.vr-section-heading .vr-section-title{font-size:37px;letter-spacing:-1.4px;margin-top:13px}.vr-section-heading>p{font-size:12px;line-height:1.8;margin-top:17px}.vr-section-heading>p br{display:none}.vr-feature-list{gap:19px}.vr-feature{display:flex;flex-direction:column;gap:29px;padding:30px 25px 25px;border-radius:21px;min-height:0}.vr-feature-copy{padding:0}.vr-kicker{font-size:8px;padding:6px 10px;margin-bottom:16px}.vr-feature .vr-card-title,.vr-feature--purple .vr-card-title{font-size:33px;letter-spacing:-1.05px;margin-bottom:17px}.vr-feature-copy>p{max-width:100%;font-size:12px;line-height:1.85}.vr-benefits{margin-top:18px;font-size:9px}.vr-actions{margin-top:22px;gap:7px}.vr-showcase .vr-btn,.vr-feature--purple .vr-btn{font-size:9px;min-height:40px;padding:10px 13px;gap:9px}.vr-feature-visual,.vr-photo{width:100%;min-height:310px}.vr-feature-visual{max-width:480px;margin:0 auto}.vr-photo{border-radius:14px}.vr-city-card,.vr-adoption-note,.vr-clinic-preview{bottom:16px;left:-8px;right:12px;padding:12px}.vr-city-content label{font-size:9px}.vr-city-content select{font-size:12px}.vr-floating-icon{width:35px;height:35px}.vr-discover-visual .vr-photo>img{object-position:100% 65%}.vr-calendar-illustration{width:280px;left:0;top:0;padding:16px}.vr-booking-visual{min-height:340px}.vr-booking-mascot{width:235px;bottom:-10px;right:-12px}.vr-orbit--one{bottom:-4px;right:-3px;width:280px;height:280px}.vr-orbit--two{width:240px;height:240px;bottom:16px;right:17px}.vr-booking-note{left:-2px;bottom:12px}.vr-booking-note span{font-size:11px}.vr-heart-bubble{right:-9px;top:24px;width:48px;height:48px;border-width:4px}.vr-adoption-note strong,.vr-clinic-preview strong{font-size:11px}.vr-adoption-note div>span,.vr-clinic-preview div>span{font-size:8px}.vr-topic-pills{margin-top:18px}.vr-topic-pills>span{font-size:9px;padding:6px 9px}.vr-card-number{font-size:10px;top:13px;right:15px}.vr-dialog{padding:35px 26px}.vr-dialog h2{font-size:24px}}
@media(max-width:380px){.vr-showcase{margin-left:13px;margin-right:13px}.vr-section-heading .vr-section-title{font-size:33px}.vr-feature{padding:28px 20px 22px}.vr-feature .vr-card-title,.vr-feature--purple .vr-card-title{font-size:29px}.vr-actions{gap:7px}.vr-showcase .vr-btn,.vr-feature--purple .vr-btn{font-size:8px;padding:10px 11px;gap:7px}.vr-benefits{font-size:8px;gap:6px 9px}.vr-feature-visual,.vr-photo{min-height:290px}.vr-booking-visual{min-height:325px}.vr-calendar-illustration{width:255px;left:-5px;padding:14px}.vr-booking-mascot{width:210px;bottom:-10px;right:-9px}.vr-booking-note span{font-size:10px}.vr-calendar-week{gap:2px}}
@media(prefers-reduced-motion:reduce){.vr-showcase *{transition:none!important;scroll-behavior:auto!important}}

/* Scroll stack: native sticky layers with one lightweight transform per card. */
.vr-feature-list.vr-stack-enabled>.vr-feature{position:sticky;top:calc(var(--vr-stack-top) + var(--vr-stack-index,0) * var(--vr-stack-step));z-index:calc(var(--vr-stack-index,0) + 1);transform:scale(var(--vr-stack-scale,1));transform-origin:50% 0;box-shadow:0 -3px 24px #30232b04,0 14px 35px #30232b07;will-change:transform}
@media(max-width:760px){.vr-feature-list{--vr-stack-top:18px;--vr-stack-step:10px}}
@media(prefers-reduced-motion:reduce){.vr-feature-list.vr-stack-enabled>.vr-feature{position:relative;top:auto;transform:none;box-shadow:none;will-change:auto}}

/* —— Site entegrasyonu —— */
/* Sabit üst menünün altında yapışsın: --vr-header-h JS ile .main-header yüksekliğinden ölçülür. */
.vr-feature-list{--vr-stack-top:calc(var(--vr-header-h,80px) + 24px)}
@media(max-width:760px){.vr-feature-list{--vr-stack-top:calc(var(--vr-header-h,64px) + 12px)}}
/* Sitenin genel "* { margin: 0 }" sıfırlaması native dialog ortalamasını bozar. */
.vr-dialog{margin:auto}