﻿/* Shifra Kremer / StoreProducts home module. Attached through P_modul.modulCss. */
.pid_module:has(.sk-specialties-home),.sk-specialties-section{background:#fff!important;color:#17152d;direction:rtl;font-family:ShifraPolin,Arial,sans-serif;scroll-margin-top:100px}
.pid_module:has(.sk-specialties-home)>.pid_module_back_color,.sk-specialties-section>.pid_module_back_color{padding:clamp(90px,8.3vw,160px) 0 200px;background:#fff!important}
.pid_module:has(.sk-specialties-home) .pid_module_title_container,.sk-specialties-section .pid_module_title_container{display:block!important;width:100%;margin:0 0 clamp(115px,9.4vw,180px);padding:0;text-align:center}
.pid_module:has(.sk-specialties-home) .pid_module_title_container .site_grid_container,.sk-specialties-section .pid_module_title_container .site_grid_container{width:100%;max-width:none;padding:0 24px;box-sizing:border-box}
.pid_module:has(.sk-specialties-home) .pid_module_title_container .fs_title_big,.sk-specialties-section .pid_module_title_container .fs_title_big{display:block;margin:0;padding:0;font-family:ShifraPolin,Arial,sans-serif;font-size:clamp(30px,2.6vw,50px);line-height:1.13;font-weight:800;color:#17152d!important;letter-spacing:-.025em}
.pid_module:has(.sk-specialties-home) .pid_module_title_container h5:empty,.sk-specialties-section .pid_module_title_container h5:empty{display:none!important}
.sk-specialties-home{--sk-icon-size:clamp(76.8px,6vw,115.2px);width:calc(100% - clamp(48px,16.6667vw,320px));max-width:1600px;margin-inline:auto;box-sizing:border-box;position:relative}
.sk-specialties-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.08vw,40px);align-items:start;direction:rtl}
.sk-specialties-home:not(.sk-specialties-motion-ready) [data-aos]{opacity:1!important;transform:none!important}
.sk-specialties-home .sk-specialty-card{--sk-accent:#ea8675;display:block;min-width:0;color:#17152d;text-decoration:none;text-align:center;outline-offset:10px;border-radius:2px;touch-action:manipulation}
.sk-specialties-home .sk-specialty-card[data-specialty="2"]{--sk-accent:#005d52}
.sk-specialties-home .sk-specialty-card[data-specialty="3"]{--sk-accent:#f7d363}
.sk-specialties-home .sk-specialty-card[data-specialty="4"]{--sk-accent:#51b79a}
.sk-specialties-home .sk-specialty-card:focus-visible{outline:2px solid #17152d}
.sk-specialty-bar{height:clamp(106px,8.85vw,170px);position:relative;display:flex;align-items:center;justify-content:center;background:var(--sk-accent)}
.sk-specialty-number{position:relative;z-index:2;display:block;direction:ltr;font-size:clamp(64px,5vw,96px);font-weight:900;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:white;transform:translateY(4px)}
.sk-specialty-icon-motion{position:absolute;z-index:1;top:calc(var(--sk-icon-size)*-.7);left:50%;width:var(--sk-icon-size);height:calc(var(--sk-icon-size)*1.15);margin-left:calc(var(--sk-icon-size)*-.5);display:block;pointer-events:none;transform-origin:50% 80%}
.sk-specialty-icon{overflow:visible;display:block;width:100%;height:100%;object-fit:contain;transition:transform 500ms cubic-bezier(.22,1,.36,1)}
.sk-specialties-home .sk-specialty-title{margin:clamp(16px,1.35vw,26px) auto 0;padding:0;max-width:95%;font:800 clamp(20px,1.875vw,36px)/1.06 ShifraPolin,Arial,sans-serif;letter-spacing:-.015em;text-wrap:balance;color:#17152d}
.sk-specialty-card.sk-specialty-revealed .sk-specialty-icon-motion{animation:sk-specialty-icon-enter 700ms cubic-bezier(.22,1,.36,1) var(--sk-icon-delay,180ms) backwards}
@keyframes sk-specialty-icon-enter{from{opacity:0;transform:translateY(15px) rotate(-7deg) scale(.8)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@media(hover:hover){.sk-specialty-card:hover .sk-specialty-icon{transform:translateY(-6px) rotate(-3deg)}.sk-specialty-card[data-specialty="2"]:hover .sk-specialty-icon{transform:translateY(-6px) rotate(5deg)}.sk-specialty-card[data-specialty="4"]:hover .sk-specialty-icon{transform:translateY(-5px) rotate(3deg)}}
@media(max-width:900px){.sk-specialties-home{width:calc(100% - 64px);--sk-icon-size:88px}.sk-specialties-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:125px}.sk-specialty-bar{height:134px}.sk-specialty-number{font-size:80px}.sk-specialties-home .sk-specialty-title{font-size:25px;max-width:280px}.pid_module:has(.sk-specialties-home) .pid_module_title_container,.sk-specialties-section .pid_module_title_container{margin-bottom:135px}}
@media(max-width:480px){.sk-specialties-home{width:calc(100% - 40px);--sk-icon-size:65.6px}.sk-specialties-grid{column-gap:16px;row-gap:100px}.sk-specialty-bar{height:100px}.sk-specialty-number{font-size:64px}.sk-specialties-home .sk-specialty-title{font-size:19px;line-height:1.16;margin-top:17px;max-width:100%}.pid_module:has(.sk-specialties-home)>.pid_module_back_color,.sk-specialties-section>.pid_module_back_color{padding-top:76px;padding-bottom:120px}.pid_module:has(.sk-specialties-home) .pid_module_title_container,.sk-specialties-section .pid_module_title_container{margin-bottom:105px}}
@media(prefers-reduced-motion:reduce){.sk-specialties-home [data-aos]{opacity:1!important;transform:none!important;transition:none!important}.sk-specialty-icon-motion,.sk-specialty-icon{animation:none!important;transform:none!important;transition:none!important}}

/* Independent parts start only after the visible icons finish entering. */
.sk-specialty-vector [data-motion-part]{animation-play-state:paused!important;transform-box:view-box}
.sk-specialty-vector .sk-icon-accounting-dot{animation:sk-accounting-dot 12s cubic-bezier(.45,0,.55,1) infinite}
.sk-specialty-vector .sk-icon-consultation-lines{transform-origin:69.015px 89.075px;animation:sk-icon-clockwise 18s linear infinite}
.sk-specialty-vector .sk-icon-resources-dot{animation:sk-resources-dot-inward 8s ease-in-out infinite}
.sk-specialty-vector .sk-icon-privacy-dot{transform-origin:100.1px 27.48px;animation:sk-privacy-dot-target 8s cubic-bezier(.45,0,.55,1) infinite}
.sk-specialty-idle-running .sk-specialty-vector [data-motion-part]{animation-play-state:running!important}
@keyframes sk-icon-clockwise{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes sk-resources-dot-inward{0%,100%{transform:translate(0,0)}45%,55%{transform:translate(30.145px,52.88px)}}
@keyframes sk-privacy-dot-target{0%,100%{transform:translate(0,0) scale(1)}45%,55%{transform:translate(-33.99px,49.04px) scale(.4981804949)}}
.sk-specialties-home svg.sk-specialty-vector{overflow:visible}
/* The orange disc travels through the centre to stay inside the plus arms. */
@keyframes sk-accounting-dot{0%,100%{transform:translate(0,0)}12.5%,37.5%,62.5%,87.5%{transform:translate(0,41.16px)}25%{transform:translate(41.16px,41.16px)}50%{transform:translate(0,82.32px)}75%{transform:translate(-41.16px,41.16px)}}
.sk-specialties-motion-toggle{position:absolute;bottom:-62px;inset-inline-start:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #17152d22;border-radius:50%;background:#fff;color:#17152d;cursor:pointer;opacity:.65}
.sk-specialties-motion-toggle:hover,.sk-specialties-motion-toggle:focus-visible{opacity:1}
.sk-specialties-motion-toggle:focus-visible{outline:2px solid #17152d;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.sk-specialty-vector [data-motion-part]{animation:none!important;transform:none!important}.sk-specialties-motion-toggle{display:none}}

@media(min-width:481px) and (max-width:900px){.pid_module:has(.sk-specialties-home)>.pid_module_back_color,.sk-specialties-section>.pid_module_back_color{padding-bottom:150px}}
