.ecof-making-of{background:var(--section-bg);padding:var(--padding-top-mobile) 20px var(--padding-bottom-mobile);overflow:hidden}@media(min-width:769px){.ecof-making-of{padding:var(--padding-top-desktop) 40px var(--padding-bottom-desktop)}}.ecof-making-of__container{max-width:1200px;margin:0 auto}.ecof-making-of__section-title{font-family:Poppins,sans-serif;font-size:var(--section-title-size-mobile);font-weight:var(--section-title-weight, 600);color:var(--title-color);text-align:center;margin:0 0 16px;line-height:1.2}@media(min-width:769px){.ecof-making-of__section-title{font-size:var(--section-title-size-desktop);margin-bottom:20px}}.ecof-making-of__section-subtitle{font-family:Poppins,sans-serif;font-size:var(--section-subtitle-size-mobile);font-weight:400;color:var(--subtitle-color);text-align:center;margin:0 auto 40px;line-height:1.6;max-width:700px}@media(min-width:769px){.ecof-making-of__section-subtitle{font-size:var(--section-subtitle-size-desktop);margin-bottom:50px}}.ecof-making-of__grid{display:grid;grid-template-columns:1fr;gap:var(--card-gap-mobile)}@media(min-width:769px){.ecof-making-of__grid{grid-template-columns:repeat(3,1fr);gap:var(--card-gap-desktop)}}@media(min-width:480px)and (max-width:768px){.ecof-making-of__grid{grid-template-columns:repeat(2,1fr)}}.ecof-making-of__card{display:flex;flex-direction:column;text-align:center;border-radius:var(--card-border-radius);overflow:hidden;background:transparent}.ecof-making-of__image-link{display:block;text-decoration:none;color:inherit;position:relative}.ecof-making-of__image-wrapper{position:relative;border-radius:var(--image-border-radius);overflow:hidden;aspect-ratio:4 / 3;background:#f5f5f5;box-shadow:var(--card-shadow);transition:transform .4s ease}.ecof-making-of__image-link:hover .ecof-making-of__image-wrapper{transform:scale(1.02)}.ecof-making-of__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ecof-making-of__image-link:hover .ecof-making-of__image{transform:scale(1.05)}.ecof-making-of__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.ecof-making-of__placeholder-svg{width:80px;height:80px;opacity:.3}.ecof-making-of__icon-badge{position:absolute;top:16px;left:16px;width:var(--icon-size);height:var(--icon-size);background:var(--icon-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--icon-color);box-shadow:0 2px 8px #0003;z-index:10;transition:transform .3s ease}.ecof-making-of__image-link:hover .ecof-making-of__icon-badge{transform:scale(1.1)}.ecof-making-of__icon-badge svg{width:50%;height:50%}@media(min-width:769px){.ecof-making-of__icon-badge{top:20px;left:20px}}.ecof-making-of__content{padding:20px 10px 0}@media(min-width:769px){.ecof-making-of__content{padding:24px 12px 0}}.ecof-making-of__card-title{font-family:Poppins,sans-serif;font-size:var(--card-title-size-mobile);font-weight:600;color:var(--card-title-color);margin:0 0 10px;line-height:1.3}@media(min-width:769px){.ecof-making-of__card-title{font-size:var(--card-title-size-desktop);margin-bottom:12px}}.ecof-making-of__card-text{font-family:Poppins,sans-serif;font-size:var(--card-text-size-mobile);color:var(--card-text-color);margin:0;line-height:1.6}@media(min-width:769px){.ecof-making-of__card-text{font-size:var(--card-text-size-desktop)}}@media(max-width:768px){.ecof-making-of{padding-left:16px;padding-right:16px}.ecof-making-of__image-wrapper{border-radius:calc(var(--image-border-radius) * .75)}}.ecof-making-of__image-link:focus-visible{outline:2px solid #98ca3f;outline-offset:2px;border-radius:var(--image-border-radius)}@media(prefers-reduced-motion:reduce){.ecof-making-of__image-wrapper,.ecof-making-of__image,.ecof-making-of__icon-badge{transition:none}.ecof-making-of__image-link:hover .ecof-making-of__image-wrapper,.ecof-making-of__image-link:hover .ecof-making-of__image{transform:none}}@media(prefers-contrast:high){.ecof-making-of__icon-badge{border:2px solid currentColor}}@media print{.ecof-making-of{padding:40px 0;background:#fff!important}.ecof-making-of__grid{grid-template-columns:repeat(3,1fr);gap:20px}.ecof-making-of__image-wrapper{box-shadow:none;border:1px solid #ccc}.ecof-making-of__icon-badge{border:2px solid #333}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/EcoF-Making-Of.css.map */