.causes-section{position:relative;width:100%;overflow:visible}.causes-section .causes-inner{max-width:1200px;margin:0 auto;padding:2rem 1.25rem}@media(min-width:768px){.causes-section .causes-inner{padding:3rem 1.5rem}}.causes-section .causes-heading{text-align:center;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500;letter-spacing:4px;text-transform:uppercase;margin:0 0 80px;line-height:1.3;color:var(--causes-heading-color, #6E8B6E)}@media(max-width:767px){.causes-section .causes-heading{font-size:clamp(1.25rem,5vw,1.75rem);letter-spacing:2px;margin-bottom:48px}}.causes-section .causes-visual-wrap{position:relative;margin:0 auto;max-width:900px;transform-style:preserve-3d}.causes-section .causes-depth-plane{position:absolute;left:50%;transform:translate(-50%);top:110px;width:min(760px,92vw);height:220px;background:radial-gradient(ellipse at center,#6f8b6c14,#6f8b6c0a 42%,#6f8b6c04 62%,#6f8b6c00 78%);filter:blur(14px);pointer-events:none;z-index:0}.causes-section .causes-wheel-container{position:relative;width:min(700px,100%);height:25px;margin:0 auto -50px;perspective:1800px;perspective-origin:50% 30%;transform-style:preserve-3d;z-index:10;top:-40px;--causes-wheel-radius: 180px}.causes-section .causes-wheel-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.causes-section .causes-wheel-item{position:absolute;top:50%;left:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;transform-style:preserve-3d;transform-origin:center center;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;overflow:visible;transition:transform .6s ease,opacity .4s ease}.causes-section .causes-wheel-item:not(.is-active) .causes-wheel-btn{transform:rotateY(calc((var(--wheel-rotation, 0) + var(--item-angle, 0)) * -1deg)) scale(.85);opacity:.7}.causes-section .causes-wheel-btn{width:64px;height:64px;border:none;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--causes-icon-bg, rgba(111, 139, 108, .15));color:var(--causes-sage, #6F8B6C);transition:background .45s ease,color .45s ease,transform .6s ease,opacity .4s ease}.causes-section .causes-wheel-item.is-active .causes-wheel-btn{background:var(--causes-icon-bg-active, #6F8B6C);color:#fff;opacity:1;transform:rotateY(calc((var(--wheel-rotation, 0) + var(--item-angle, 0)) * -1deg)) scale(1.25)}.causes-section .causes-wheel-btn svg,.causes-section .causes-wheel-btn svg path,.causes-section .causes-wheel-btn svg circle{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;vector-effect:non-scaling-stroke}.causes-section .causes-wheel-item.is-active .causes-wheel-btn svg,.causes-section .causes-wheel-item.is-active .causes-wheel-btn svg path,.causes-section .causes-wheel-item.is-active .causes-wheel-btn svg circle{width:36px;height:36px}.causes-section .causes-wheel-btn:hover{opacity:1}.causes-section .causes-card-wrap{position:relative;display:flex;align-items:stretch;justify-content:center;gap:1rem;margin:0 auto;z-index:1}.causes-section .causes-card.info-card{flex:1;min-width:0;width:100%;min-height:221px;border-radius:16px;border-top:1px solid var(--causes-card-top-border, rgba(111, 139, 108, .35));background:linear-gradient(180deg,var(--causes-card-gradient-strong, rgba(111, 139, 108, .12)) 0%,var(--causes-card-gradient-mid, rgba(111, 139, 108, .06)) 45%,var(--causes-card-gradient-soft, rgba(111, 139, 108, .02)) 70%,rgba(255,255,255,0) 100%),var(--causes-section-bg,rgba(234, 228, 218, 0));display:flex;align-items:center;justify-content:center;padding:48px 24px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}@media(min-width:768px){.causes-section .causes-card.info-card{max-width:628px;padding:64px 40px}}.causes-section .causes-card .causes-panel{display:none!important;opacity:0;transition:opacity .3s ease}.causes-section .causes-card .causes-panel.is-active{display:block!important;width:100%;opacity:1}.causes-section .causes-card-title{font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;line-height:1.3;color:var(--causes-heading-color, #6E8B6E);text-align:center}.causes-section .causes-card-desc{font-size:14px;line-height:1.6;margin:0 auto;max-width:460px;color:var(--causes-desc-color, #6E8B6E);text-align:center}.causes-section .causes-arrow{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:var(--causes-sage, #6F8B6C);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,transform .2s;padding:0;align-self:center}.causes-section .causes-arrow:hover{opacity:.9;transform:scale(1.05);color:#fff}.causes-section .causes-arrow svg,.causes-section .causes-arrow svg path{width:18px;height:18px;fill:#fff!important;color:#fff}.causes-section .causes-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;position:relative;z-index:2}.causes-section .causes-dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;background:#6f8b6c66;opacity:.7;transition:opacity .2s,transform .2s}.causes-section .causes-dot:hover{opacity:1}.causes-section .causes-dot.is-active{background:var(--causes-sage, #6F8B6C);opacity:1;transform:scale(1.15)}@media(max-width:767px){.causes-section .causes-wheel-container{width:min(100%,400px);height:30px;top:-22px;margin-bottom:-32px;--causes-wheel-radius: 120px}.causes-section .causes-wheel-item{width:52px;height:52px;margin-left:-26px;margin-top:-26px}.causes-section .causes-wheel-btn{width:52px;height:52px}.causes-section .causes-wheel-btn svg{width:22px;height:22px}.causes-section .causes-wheel-item.is-active .causes-wheel-btn svg{width:28px;height:28px}.causes-section .causes-depth-plane{top:92px;width:min(520px,88vw);height:160px;filter:blur(10px)}.causes-section .causes-card.info-card{padding:70px 1.25rem 2rem}.causes-section .causes-card-title{font-size:clamp(1.1rem,4vw,1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/causes.css.map */
