:root{--color-deep-green: #16453c;--color-sage-green: #a8d3c6;--color-off-white: #f6f9f8;--color-soft-mint: #e4f2ee;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-off-white);color:var(--color-deep-green);line-height:1.6;-webkit-font-smoothing:antialiased}.causes-section{padding:100px 24px;background:radial-gradient(ellipse at top,var(--color-soft-mint) 0%,var(--color-off-white) 50%);min-height:100vh}.causes-container{max-width:1200px;margin:0 auto}.causes-header{text-align:center;margin-bottom:60px}.causes-eyebrow{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-sage-green);margin-bottom:12px;padding:6px 16px;background:#a8d3c633;border-radius:20px}.causes-title{font-family:var(--font-heading);font-size:2.75rem;font-weight:600;color:var(--color-deep-green);margin-bottom:20px;line-height:1.15;letter-spacing:-.02em}.causes-subtitle{font-size:1.125rem;color:var(--color-deep-green);opacity:.75;max-width:650px;margin:0 auto;font-weight:400;line-height:1.7}.causes-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:60px}.cause-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:0;border:1.5px solid rgba(168,211,198,.3);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #16453c0f;position:relative;overflow:hidden}.cause-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1.5px;background:linear-gradient(135deg,var(--color-sage-green),transparent,var(--color-sage-green));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.cause-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #16453c1f;border-color:var(--color-sage-green)}.cause-card:hover:before{opacity:1}.cause-card[open]{border-color:var(--color-sage-green);background:#ffffffd9}.cause-card[open]:before{opacity:1}.cause-summary{display:flex;align-items:center;gap:20px;padding:28px;cursor:pointer;list-style:none;position:relative;-webkit-user-select:none;user-select:none}.cause-summary::-webkit-details-marker{display:none}.cause-header-text{flex:1;min-width:0}.cause-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--color-sage-green),var(--color-soft-mint));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #a8d3c64d}.cause-card:hover .cause-icon{transform:scale(1.08) rotate(5deg);box-shadow:0 6px 20px #a8d3c666}.cause-icon svg{width:28px;height:28px;stroke:var(--color-deep-green)}.cause-name{font-family:var(--font-heading);font-size:1.375rem;font-weight:600;color:var(--color-deep-green);margin-bottom:4px;line-height:1.3}.cause-hint{font-size:.875rem;color:var(--color-deep-green);opacity:.6;font-style:italic;margin:0}.cause-toggle{width:40px;height:40px;border-radius:50%;background:var(--color-sage-green);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}.cause-toggle svg{width:20px;height:20px;stroke:var(--color-deep-green);position:absolute;transition:all .3s ease}.cause-toggle .icon-plus{opacity:1;transform:rotate(0)}.cause-toggle .icon-minus{opacity:0;transform:rotate(90deg)}.cause-card[open] .cause-toggle{background:var(--color-deep-green);transform:rotate(180deg)}.cause-card[open] .cause-toggle svg{stroke:var(--color-off-white)}.cause-card[open] .cause-toggle .icon-plus{opacity:0;transform:rotate(90deg)}.cause-card[open] .cause-toggle .icon-minus{opacity:1;transform:rotate(0)}.cause-content{padding:0 28px 32px;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.cause-block{margin-bottom:24px;padding-left:76px;position:relative}.cause-block:last-child{margin-bottom:0}.block-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.block-icon{font-size:1.25rem;position:absolute;left:0;top:2px}.block-label{font-family:var(--font-body);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-deep-green);opacity:.7;margin:0}.cause-block p{font-size:1rem;color:var(--color-deep-green);opacity:.8;line-height:1.7;margin:0}.cause-solution{background:linear-gradient(135deg,#a8d3c633,#e4f2ee40);border-radius:16px;margin-left:-76px;padding:20px 20px 20px 96px;border-left:3px solid var(--color-sage-green);box-shadow:0 2px 12px #a8d3c626}.cause-solution .block-label{color:var(--color-deep-green);opacity:1}.cause-solution p{opacity:.95;font-weight:500}.causes-disclaimer{text-align:center;font-size:.8125rem;color:var(--color-deep-green);opacity:.55;font-style:italic;max-width:650px;margin:0 auto;line-height:1.6}@media (min-width: 768px){.causes-section{padding:120px 32px}.causes-title{font-size:3.5rem}.causes-subtitle{font-size:1.25rem}.causes-grid{grid-template-columns:repeat(2,1fr);gap:24px}.cause-name{font-size:1.5rem}}@media (max-width: 767px){.causes-section{padding:80px 20px}.causes-title{font-size:2.25rem}.causes-subtitle{font-size:1rem}.cause-summary{padding:24px 20px;gap:16px}.cause-icon{width:48px;height:48px}.cause-icon svg{width:24px;height:24px}.cause-name{font-size:1.125rem}.cause-hint{font-size:.8125rem}.cause-toggle{width:36px;height:36px}.cause-content{padding:0 20px 24px}.cause-block{padding-left:0;margin-bottom:20px}.block-icon{position:static;display:inline}.cause-solution{margin-left:0;padding-left:20px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/problem.css.map */