/*
 * MediRoyal Delivery & Refund — Extra 2 (Plum/Sage)
 * Scoped: .log-delivery-refund-page
 * File 3/3 — Tracking, eligibility, policy block, timeline, sidebar, stats, CTA, support, footer, back-to-top, responsive
 */

/* ── 13. TRACKING DEMO ── */
.log-delivery-refund-page .tracking-demo{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px;margin-bottom:32px;box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease)}
.log-delivery-refund-page .tracking-demo:hover{box-shadow:var(--shadow-md)}
.log-delivery-refund-page .tracking-demo > .icon{width:20px;height:20px;color:var(--plum-700);vertical-align:middle;margin-right:10px}
.log-delivery-refund-page .tracking-demo > h4{display:inline;font-size:15px;font-weight:700;color:var(--ink-900)}
.log-delivery-refund-page .track-progress{display:flex;align-items:flex-start;position:relative;margin-top:28px}
.log-delivery-refund-page .track-line{position:absolute;top:18px;left:calc(10% + 18px);right:calc(10% + 18px);height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.log-delivery-refund-page .track-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}
.log-delivery-refund-page .track-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--white);box-shadow:0 4px 12px rgba(31,14,28,.15);transition:transform .3s var(--ease),box-shadow .3s var(--ease);background:linear-gradient(135deg,var(--plum-700),var(--plum-800));color:#fff}
.log-delivery-refund-page .track-dot:hover{transform:scale(1.18);box-shadow:0 8px 22px rgba(31,14,28,.2)}
.log-delivery-refund-page .track-dot .icon{width:14px;height:14px}
.log-delivery-refund-page .track-dot.pending{background:var(--paper);border-color:var(--line);color:var(--gray-400)}
.log-delivery-refund-page .track-label{font-size:10px;font-weight:700;color:var(--ink-700);text-align:center;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}
.log-delivery-refund-page .track-time{font-size:9.5px;font-weight:700;background:var(--blush-100);color:var(--plum-700);border-radius:4px;padding:2px 7px}

/* ── 14. ELIGIBILITY GRID ── */
.log-delivery-refund-page .eligibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}
.log-delivery-refund-page .elig-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:24px;overflow:hidden;transition:box-shadow .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}
.log-delivery-refund-page .elig-card:hover{transform:translateY(-4px)}
.log-delivery-refund-page .elig-card.yes{border-top:4px solid var(--sage-500)}
.log-delivery-refund-page .elig-card.yes:hover{box-shadow:0 16px 40px rgba(29,219,149,.14);border-color:rgba(29,219,149,.35)}
.log-delivery-refund-page .elig-card.no{border-top:4px solid var(--plum-700)}
.log-delivery-refund-page .elig-card.no:hover{box-shadow:0 16px 40px rgba(122,31,110,.14);border-color:rgba(122,31,110,.3)}
.log-delivery-refund-page .elig-card>.icon{display:inline-block;vertical-align:middle;margin-right:9px;width:16px;height:16px}
.log-delivery-refund-page .elig-card.yes>.icon{color:var(--sage-600)}
.log-delivery-refund-page .elig-card.no>.icon{color:var(--plum-700)}
.log-delivery-refund-page .elig-card>h4{display:inline-block;vertical-align:middle;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.log-delivery-refund-page .elig-card.yes>h4{color:var(--sage-600)}
.log-delivery-refund-page .elig-card.no>h4{color:var(--plum-700)}
.log-delivery-refund-page .elig-list{display:flex;flex-direction:column;gap:10px}
.log-delivery-refund-page .elig-item{display:flex;align-items:flex-start;gap:11px;font-size:13px;color:var(--gray-600);line-height:1.65;transition:transform .2s var(--ease)}
.log-delivery-refund-page .elig-item:hover{transform:translateX(4px)}
.log-delivery-refund-page .elig-dot{width:20px;height:20px;border-radius:6px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease)}
.log-delivery-refund-page .elig-item:hover .elig-dot{transform:scale(1.2)}
.log-delivery-refund-page .elig-dot.check{background:rgba(29,219,149,.1);color:var(--sage-600)}
.log-delivery-refund-page .elig-dot.cross{background:var(--blush-100);color:var(--plum-700)}
.log-delivery-refund-page .elig-dot .icon{width:11px;height:11px}

/* ── 15. POLICY BLOCK ── */
.log-delivery-refund-page .policy-block{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}
.log-delivery-refund-page .policy-block::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--plum-700),var(--sage-500));transition:height .3s var(--ease)}
.log-delivery-refund-page .policy-block:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:rgba(122,31,110,.2)}
.log-delivery-refund-page .policy-block:hover::before{height:4px}
.log-delivery-refund-page .policy-block h4{font-size:15px;font-weight:700;color:var(--ink-900);margin-bottom:8px;display:flex;align-items:center;gap:10px}
.log-delivery-refund-page .policy-block h4 .icon{width:17px;height:17px;color:var(--plum-700);transition:transform .3s var(--ease)}
.log-delivery-refund-page .policy-block:hover h4 .icon{transform:rotate(-10deg) scale(1.15)}
.log-delivery-refund-page .policy-block p{font-size:13.5px;color:var(--gray-600);line-height:1.75}

/* ── 16. TIMELINE ── */
.log-delivery-refund-page .timeline{display:flex;flex-direction:column;margin-bottom:32px}
.log-delivery-refund-page .tl-item{display:flex;gap:20px;position:relative}
.log-delivery-refund-page .tl-item:not(:last-child)::before{content:'';position:absolute;left:19px;top:40px;bottom:-6px;width:2px;background:linear-gradient(180deg,var(--plum-700),rgba(122,31,110,.1))}
@keyframes tlPulse{0%,100%{box-shadow:0 0 0 0 rgba(122,31,110,.4)}50%{box-shadow:0 0 0 8px rgba(122,31,110,0)}}
.log-delivery-refund-page .tl-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--plum-700),var(--plum-900));border:2px solid var(--blush-100);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 14px rgba(122,31,110,.3);z-index:1;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.log-delivery-refund-page .tl-item:hover .tl-circle{transform:scale(1.15);animation:tlPulse 1.5s ease-in-out infinite}
.log-delivery-refund-page .tl-body{padding:8px 0 28px;flex:1;transition:transform .25s var(--ease)}
.log-delivery-refund-page .tl-item:hover .tl-body{transform:translateX(4px)}
.log-delivery-refund-page .tl-body h4{font-size:14.5px;font-weight:700;color:var(--ink-900);margin-bottom:5px}
.log-delivery-refund-page .tl-body p{font-size:13px;color:var(--gray-600);line-height:1.68}
.log-delivery-refund-page .tl-tag{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--plum-700);background:var(--blush-100);border-radius:var(--r-pill);padding:3px 11px}

/* ── 17. SIDEBAR ── */
.log-delivery-refund-page .content-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.log-delivery-refund-page .sidebar-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:26px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}
.log-delivery-refund-page .sidebar-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--plum-700),var(--sage-500));transition:height .3s}
.log-delivery-refund-page .sidebar-card:hover{box-shadow:0 20px 48px rgba(122,31,110,.12);transform:translateY(-4px);border-color:rgba(122,31,110,.18)}
.log-delivery-refund-page .sidebar-card:hover::before{height:4px}
.log-delivery-refund-page .sidebar-card h4{font-size:14px;font-weight:700;color:var(--ink-900);margin-bottom:5px}
.log-delivery-refund-page .sidebar-card>p{font-size:12.5px;color:var(--gray-600);line-height:1.6;margin-bottom:16px}
.log-delivery-refund-page .contact-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--paper);transition:all .28s var(--ease);margin-bottom:10px;text-decoration:none}
.log-delivery-refund-page .contact-opt:last-child{margin-bottom:0}
.log-delivery-refund-page .contact-opt:hover{border-color:var(--plum-700);background:var(--white);transform:translateX(5px);box-shadow:4px 0 16px rgba(122,31,110,.1)}
.log-delivery-refund-page .co-icon{width:38px;height:38px;border-radius:10px;background:var(--blush-100);color:var(--plum-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .28s var(--ease)}
.log-delivery-refund-page .co-icon .icon{width:16px;height:16px}
.log-delivery-refund-page .contact-opt:hover .co-icon{background:linear-gradient(135deg,var(--plum-700),var(--plum-900));color:#fff;transform:rotate(-8deg) scale(1.1)}
.log-delivery-refund-page .co-label{font-size:13px;font-weight:700;color:var(--ink-900)}
.log-delivery-refund-page .co-sub{font-size:11px;color:var(--gray-600)}
.log-delivery-refund-page .quick-jumps{display:flex;flex-direction:column;gap:4px}
.log-delivery-refund-page a[data-jump]{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--gray-600);transition:all .2s var(--ease);text-decoration:none}
.log-delivery-refund-page a[data-jump]:hover{color:var(--plum-700);background:var(--blush-100)}
.log-delivery-refund-page a[data-jump] .icon{width:13px;height:13px;color:var(--sage-500)}
.log-delivery-refund-page .trust-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.log-delivery-refund-page .tm-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-sm);text-align:center;transition:all .2s var(--ease)}
.log-delivery-refund-page .tm-item:hover{border-color:var(--sage-400);background:rgba(29,219,149,.04)}
.log-delivery-refund-page .tm-icon{width:34px;height:34px;border-radius:9px;background:rgba(29,219,149,.1);display:flex;align-items:center;justify-content:center;color:var(--sage-600)}
.log-delivery-refund-page .tm-icon .icon{width:15px;height:15px}
.log-delivery-refund-page .tm-label{font-size:10.5px;font-weight:700;color:var(--gray-600);letter-spacing:.04em;text-transform:uppercase;line-height:1.3}

/* ── 18. STATS BAND ── */
.log-delivery-refund-page .stats-band-wrap{padding:60px 120px 0}
.log-delivery-refund-page .stats-band{background:linear-gradient(135deg,var(--plum-950),var(--plum-800));border-radius:var(--r-lg);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.log-delivery-refund-page .sband-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:28px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.1);transition:background .25s}
.log-delivery-refund-page .sband-item:last-child{border-right:none}
.log-delivery-refund-page .sband-item:hover{background:rgba(255,255,255,.05)}
.log-delivery-refund-page .sband-num{font-family:var(--display);font-size:clamp(26px,3.5vw,38px);font-weight:700;color:var(--sage-400);line-height:1}
.log-delivery-refund-page .sband-label{font-size:12px;font-weight:600;color:rgba(255,255,255,.6);margin-top:5px}

/* ── 19. CTA BAND ── */
.log-delivery-refund-page .cta-band-wrap{padding:24px 120px 60px}
.log-delivery-refund-page .cta-band{background:linear-gradient(135deg,var(--plum-950) 0%,#2d1035 100%);border-radius:var(--r-lg);position:relative;padding:64px 56px 56px;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.log-delivery-refund-page .cta-band::before{content:'';position:absolute;top:-80px;right:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(94,238,192,.08),transparent 65%);pointer-events:none}
.log-delivery-refund-page .cta-band::after{content:'';position:absolute;bottom:-60px;left:-40px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(122,31,110,.18),transparent 65%);pointer-events:none}
.log-delivery-refund-page .cta-text{position:relative;z-index:1;max-width:580px;margin:0 auto}
.log-delivery-refund-page .cta-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-400);background:rgba(94,238,192,.1);border:1px solid rgba(94,238,192,.25);border-radius:var(--r-pill);padding:5px 14px;margin-bottom:18px}
.log-delivery-refund-page .cta-text h2{font-family:var(--display);font-size:clamp(28px,3.8vw,46px);font-weight:700;color:#fff;margin-bottom:12px;line-height:1.1}
.log-delivery-refund-page .cta-text h2 em{font-style:italic;color:var(--sage-400)}
.log-delivery-refund-page .cta-text p{font-size:14.5px;color:rgba(255,255,255,.6);line-height:1.7;max-width:460px;margin:0 auto}
.log-delivery-refund-page .cta-actions{display:flex;justify-content:center;position:relative;z-index:1;margin-top:32px}
.log-delivery-refund-page .cta-btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--sage-500);color:var(--plum-950);font-weight:800;font-size:14px;padding:16px 36px;border-radius:var(--r-pill);transition:all .25s var(--ease);letter-spacing:.03em}
.log-delivery-refund-page .cta-btn-primary:hover{background:var(--sage-400);transform:translateY(-3px);box-shadow:0 16px 36px rgba(29,219,149,.35)}
.log-delivery-refund-page .cta-btn-primary .icon{width:16px;height:16px}
.log-delivery-refund-page .cta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;position:relative;z-index:1;margin-top:44px}
.log-delivery-refund-page .cta-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:28px 20px;text-align:center;transition:all .25s var(--ease)}
.log-delivery-refund-page .cta-card:hover{background:rgba(94,238,192,.08);border-color:rgba(94,238,192,.25);transform:translateY(-4px)}
.log-delivery-refund-page .cta-card-icon{width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--sage-400)}
.log-delivery-refund-page .cta-card-icon .icon{width:20px;height:20px}
.log-delivery-refund-page .cta-card h4{font-size:17px;font-weight:700;color:#fff;margin-bottom:8px}
.log-delivery-refund-page .cta-card p{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.6}

/* ── 19b. SUPPORT GRID ── */
.log-delivery-refund-page .support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px}
.log-delivery-refund-page .support-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);transition:all .28s var(--ease);display:flex;flex-direction:column}
.log-delivery-refund-page .support-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.log-delivery-refund-page .sc-icon{width:46px;height:46px;border-radius:13px;background:var(--blush-100);display:flex;align-items:center;justify-content:center;color:var(--plum-700);margin-bottom:14px}
.log-delivery-refund-page .sc-icon .icon{width:20px;height:20px}
.log-delivery-refund-page .support-card h4{font-size:15px;font-weight:700;color:var(--ink-900);margin-bottom:6px}
.log-delivery-refund-page .support-card p{font-size:13px;color:var(--gray-600);line-height:1.68;flex:1}
.log-delivery-refund-page .sc-badge{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:11px;font-weight:800;padding:4px 12px;border-radius:var(--r-pill)}
.log-delivery-refund-page .sc-badge.green{background:rgba(29,219,149,.1);color:var(--sage-600)}
.log-delivery-refund-page .sc-badge.plum{background:var(--blush-100);color:var(--plum-700)}

/* ── 21. BACK TO TOP ── */
.log-delivery-refund-page .to-top{position:fixed;bottom:26px;right:26px;width:46px;height:46px;border-radius:50%;background:var(--plum-700);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);opacity:0;transform:translateY(10px);transition:all .3s var(--ease);z-index:90;border:none;cursor:pointer}
.log-delivery-refund-page .to-top.show{opacity:1;transform:translateY(0)}
.log-delivery-refund-page .to-top:hover{background:var(--sage-500);color:var(--plum-950)}
.log-delivery-refund-page .to-top .icon{width:18px;height:18px}

/* ── 22. RESPONSIVE ── */
@media(max-width:1200px){
.log-delivery-refund-page .stats-band-wrap{padding:60px 60px 0}
.log-delivery-refund-page .cta-band-wrap{padding:24px 60px 60px}
}
@media(max-width:1080px){
.log-delivery-refund-page .main-shell{grid-template-columns:1fr}
.log-delivery-refund-page .content-sidebar{position:static}
}
@media(max-width:900px){
.log-delivery-refund-page .stats-band-wrap{padding:48px 32px 0}
.log-delivery-refund-page .cta-band-wrap{padding:24px 32px 48px}
.log-delivery-refund-page .cta-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
.log-delivery-refund-page .stats-band{grid-template-columns:repeat(2,1fr)}
.log-delivery-refund-page .sband-item:nth-child(2){border-right:none}
.log-delivery-refund-page .sband-item:nth-child(3),.log-delivery-refund-page .sband-item:nth-child(4){border-top:1px solid rgba(255,255,255,.1)}
.log-delivery-refund-page .ship-grid{grid-template-columns:1fr}
.log-delivery-refund-page .pack-grid{grid-template-columns:1fr 1fr}
.log-delivery-refund-page .cta-band{padding:48px 28px}
}
@media(max-width:600px){
.log-delivery-refund-page .stats-band-wrap{padding:40px 20px 0}
.log-delivery-refund-page .cta-band-wrap{padding:20px 20px 40px}
.log-delivery-refund-page .stats-band{grid-template-columns:1fr}
.log-delivery-refund-page .sband-item{border-right:none!important;border-bottom:1px solid rgba(255,255,255,.1)}
.log-delivery-refund-page .sband-item:last-child{border-bottom:none}
.log-delivery-refund-page .eligibility-grid{grid-template-columns:1fr}
.log-delivery-refund-page .cta-cards{grid-template-columns:1fr}
.log-delivery-refund-page .support-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.log-delivery-refund-page .pack-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.log-delivery-refund-page .steps-stack{gap:10px}
.log-delivery-refund-page .step-card{flex-direction:column;gap:14px;padding:20px 18px}
.log-delivery-refund-page .step-card::before{width:100%;height:3px;top:0;left:0;bottom:auto}
.log-delivery-refund-page .tracking-demo{padding:20px 14px}
.log-delivery-refund-page .track-progress{flex-wrap:wrap;gap:12px;justify-content:center}
.log-delivery-refund-page .track-label{font-size:9px;letter-spacing:.02em}
.log-delivery-refund-page .track-time{font-size:8.5px;padding:2px 5px}
.log-delivery-refund-page .track-dot{width:30px;height:30px}
.log-delivery-refund-page .track-dot .icon{width:12px;height:12px}
.log-delivery-refund-page .elig-card{padding:18px}
.log-delivery-refund-page .elig-item{font-size:12.5px}
.log-delivery-refund-page .tl-item{gap:14px}
.log-delivery-refund-page .tl-circle{width:34px;height:34px;font-size:12px}
.log-delivery-refund-page .tl-body{padding:4px 0 22px}
.log-delivery-refund-page .policy-block{padding:20px}
.log-delivery-refund-page .sidebar-card{padding:20px}
.log-delivery-refund-page .support-card{padding:20px}
}