﻿/* P_modul 52: parent title/image, P_sections child title/content. */
.pid_module:has(.sk-benefits-list){background:#fff!important;color:#17152d;direction:rtl;font-family:ShifraPolin,Arial,sans-serif;scroll-margin-top:100px}
.pid_module:has(.sk-benefits-list)>.pid_module_back_color{padding:140px 0 150px;background:#fff!important}
.pid_module:has(.sk-benefits-list)>.pid_module_back_color>div:first-child{display:grid;grid-template-columns:minmax(0,.41fr) minmax(0,.59fr);column-gap:clamp(64px,8vw,130px);align-items:center;width:calc(100% - 120px);max-width:1240px;margin-inline:auto;float:none;padding:0;box-sizing:border-box}
.pid_module:has(.sk-benefits-list) .pid_module_title_container{display:block!important;width:100%;margin:0;padding:0;text-align:center;min-width:0}
.pid_module:has(.sk-benefits-list) .pid_module_title_container>.site_grid_container{display:block;width:100%;max-width:none;padding:0;margin:0}
.pid_module:has(.sk-benefits-list) .pid_logo_title{position:relative;display:block;width:100%;max-width:410px;margin:0 auto 26px;padding:0;min-height:0}
.pid_module:has(.sk-benefits-list) .pid_logo_title img{display:block;width:66%;height:auto;max-width:none;margin:0 0 0 auto;float:none}
.pid_module:has(.sk-benefits-list) .pid_logo_title:after{content:"";position:absolute;width:44%;aspect-ratio:1;left:0;bottom:17%;background:url('/Moduls/pages/shifra-benefits-plus.svg') center/contain no-repeat;pointer-events:none}
.pid_module:has(.sk-benefits-list) .fs_title_big{display:block;font:800 clamp(36px,4.05vw,58px)/1.1 ShifraPolin,Arial,sans-serif;letter-spacing:-.025em;text-wrap:balance;color:#17152d!important;margin:0;padding:0}
.pid_module:has(.sk-benefits-list) .fs_semi_title{font:400 20px/1.7 ShifraPolin,Arial,sans-serif;color:#17152d!important;margin:20px 0 0;padding:0}
.pid_module:has(.sk-benefits-list)>.pid_module_back_color>div:first-child>.site_grid_container{width:100%;max-width:none;margin:0;padding:0;min-width:0}
.sk-benefits-list,.sk-benefits-grid{width:100%;display:block;box-sizing:border-box}
.sk-benefits-grid{display:grid;gap:18px;align-content:start}
.sk-benefit{border-radius:10px;background:#e5e2e2;overflow:hidden;color:#17152d;min-width:0;transition:background-color 340ms ease,box-shadow 340ms ease}
.sk-benefit-heading{padding:24px 26px;margin:0;font:800 clamp(23px,2.1vw,30px)/1.25 ShifraPolin,Arial,sans-serif;color:inherit;text-align:right}
.sk-benefit-body{padding:0 26px 28px;font:300 18px/1.85 ShifraPolin,Arial,sans-serif;text-align:right;color:#17152d}
.sk-benefit-body p{font:inherit;color:inherit;margin:0;padding:0}
.sk-benefit-body p+p{margin-top:.75em}
.sk-benefit:first-child{background:#f7d363}
.sk-benefits-enhanced .sk-benefit{background:#e5e2e2}
.sk-benefits-enhanced .sk-benefit.is-open{background:#f7d363}
.sk-benefits-enhanced .sk-benefit-heading{padding:0}
.sk-benefit-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;box-sizing:border-box;padding:24px 26px;margin:0;border:0;background:none;color:inherit;text-align:right;font:inherit;cursor:pointer;touch-action:manipulation}
.sk-benefit-toggle:after{content:"";flex:0 0 8px;width:8px;height:8px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform 360ms cubic-bezier(.22,1,.36,1);opacity:.65}
.is-open .sk-benefit-toggle:after{transform:rotate(135deg)}
.sk-benefit-toggle:focus-visible{outline:2px solid #17152d;outline-offset:-7px;border-radius:10px}
.sk-benefits-enhanced .sk-benefit-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 460ms cubic-bezier(.22,1,.36,1),visibility 0s 460ms}
.sk-benefits-enhanced .sk-benefit-panel>.sk-benefit-body{min-height:0;overflow:hidden;padding:0 26px;opacity:0;transform:translateY(-5px);transition:padding-bottom 460ms cubic-bezier(.22,1,.36,1),opacity 220ms ease,transform 360ms ease}
.sk-benefits-enhanced .is-open .sk-benefit-panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows 460ms cubic-bezier(.22,1,.36,1),visibility 0s}
.sk-benefits-enhanced .is-open .sk-benefit-body{padding-bottom:28px;opacity:1;transform:none;transition-delay:0s,90ms,60ms}
.sk-benefits-motion .sk-benefits-intro,.sk-benefits-motion .sk-benefit{opacity:0;transform:translateY(20px);transition:opacity 650ms ease,transform 750ms cubic-bezier(.22,1,.36,1),background-color 340ms ease;transition-delay:var(--sk-benefit-delay,0ms),var(--sk-benefit-delay,0ms),0ms}
.sk-benefits-motion .sk-benefits-revealed{opacity:1;transform:none}
@media(hover:hover){.sk-benefit-toggle:hover{background:#17152d04}}
@media(max-width:1100px){.pid_module:has(.sk-benefits-list)>.pid_module_back_color{padding:110px 0}.pid_module:has(.sk-benefits-list)>.pid_module_back_color>div:first-child{width:calc(100% - 80px);column-gap:50px;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr)}.sk-benefit-toggle{padding:22px}.sk-benefit-heading{font-size:24px}.sk-benefit-body{font-size:17px}}
@media(max-width:800px){.pid_module:has(.sk-benefits-list)>.pid_module_back_color{padding:85px 0 95px}.pid_module:has(.sk-benefits-list)>.pid_module_back_color>div:first-child{width:calc(100% - 44px);max-width:600px;grid-template-columns:minmax(0,1fr);gap:42px}.pid_module:has(.sk-benefits-list) .pid_logo_title{max-width:340px;margin-bottom:22px}.pid_module:has(.sk-benefits-list) .fs_title_big{max-width:450px;font-size:clamp(36px,7.5vw,48px);margin-inline:auto}.sk-benefit-heading{font-size:24px}.sk-benefit-toggle{padding:21px 22px}.sk-benefit-body,.sk-benefits-enhanced .sk-benefit-panel>.sk-benefit-body{padding-inline:22px}.sk-benefits-grid{gap:14px}}
@media(max-width:360px){.pid_module:has(.sk-benefits-list)>.pid_module_back_color>div:first-child{width:calc(100% - 32px)}.sk-benefit-heading{font-size:21px}.sk-benefit-toggle{padding:20px 18px}.sk-benefit-body,.sk-benefits-enhanced .sk-benefit-panel>.sk-benefit-body{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.sk-benefit,.sk-benefit-panel,.sk-benefit-body,.sk-benefit-toggle:after,.sk-benefits-motion .sk-benefits-intro,.sk-benefits-motion .sk-benefit{transition:none!important;transform:none!important;opacity:1!important}}

/* Align the title and illustration to one shared right edge. */
.pid_module:has(.sk-benefits-list) .pid_module_title_container{text-align:right}
.pid_module:has(.sk-benefits-list) .pid_logo_title{float:none;margin-right:0;margin-left:auto}
.pid_module:has(.sk-benefits-list) .fs_title_big{width:100%;max-width:410px;text-align:right;margin-right:0;margin-left:auto}

/* AOS lives on wrappers so accordion panel transitions keep their own timing. */
.sk-benefit-reveal{min-width:0}
.pid_module:has(.sk-benefits-list) [data-aos="fade-up"]{transform:translate3d(0,14px,0)}
.pid_module:has(.sk-benefits-list) [data-aos="fade-up"].aos-animate{transform:translateZ(0)}
@media(prefers-reduced-motion:reduce){.pid_module:has(.sk-benefits-list) [data-aos]{opacity:1!important;transform:none!important;transition:none!important}}

@keyframes sk-target-arrive{0%{transform:scale(.96) rotate(-2deg)}60%{transform:scale(1.025) rotate(1deg)}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:no-preference){.pid_module:has(.sk-benefits-list) .pid_logo_title.aos-animate img{animation:sk-target-arrive 1s cubic-bezier(.2,.7,.2,1) both}}

@keyframes sk-target-sway{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-1.2deg)}75%{transform:rotate(1.2deg)}}
@keyframes sk-pin-breathe{0%,100%{transform:scale(1)}50%{transform:scale(.96)}}
@media(prefers-reduced-motion:no-preference){.pid_module:has(.sk-benefits-list) .pid_logo_title.aos-animate img{animation:sk-target-arrive 1s cubic-bezier(.2,.7,.2,1) both,sk-target-sway 7s ease-in-out 1s infinite}.pid_module:has(.sk-benefits-list) .pid_logo_title.aos-animate:after{animation:sk-pin-breathe 5s ease-in-out infinite}}