.ingredients-showcase{background-color:var(--ing-bg-color, #f5f5f0);padding-top:var(--ing-section-padding-top, 60px);padding-bottom:var(--ing-section-padding-bottom, 60px)}.ingredients-showcase__container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}.ingredients-showcase__header{text-align:center;max-width:700px;margin:0 auto 48px}.ingredients-showcase__title{color:var(--ing-title-color, #1a1a1a);font-weight:400;margin:0 0 16px;line-height:1.3;letter-spacing:-.01em}.ingredients-showcase__title.h1{font-size:clamp(28px,4vw,42px)}.ingredients-showcase__title.h2{font-size:clamp(24px,3.5vw,36px)}.ingredients-showcase__title.h3{font-size:clamp(20px,3vw,28px)}.ingredients-showcase__title strong,.ingredients-showcase__title b{font-weight:600}.ingredients-showcase__subtitle{color:var(--ing-text-color, #555555);font-size:clamp(14px,2vw,16px);line-height:1.6;margin:0;opacity:.9}.ingredients-showcase__grid{display:grid;gap:20px}.ingredients-showcase__grid--2-col{grid-template-columns:repeat(2,1fr)}.ingredients-showcase__grid--3-col{grid-template-columns:repeat(3,1fr)}.ingredients-showcase__grid--4-col{grid-template-columns:repeat(4,1fr)}.ingredients-showcase__card{background-color:var(--ing-card-bg, #ffffff);border:1px solid var(--ing-card-border, #e8e8e3);border-radius:12px;padding:28px 24px;transition:transform .3s ease,box-shadow .3s ease}.ingredients-showcase__card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.ingredients-showcase__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ingredients-showcase__card-title-wrap{display:flex;flex-direction:column;gap:8px}.ingredients-showcase__card-title{color:var(--ing-title-color, #1a1a1a);font-size:18px;font-weight:500;margin:0;line-height:1.3}.ingredients-showcase__badge{display:inline-flex;align-items:center;justify-content:center;background-color:var(--ing-badge-bg, #e8ebe3);color:var(--ing-badge-text, #5a6650);font-size:12px;font-weight:500;padding:4px 10px;border-radius:4px;line-height:1;width:fit-content}.ingredients-showcase__info-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--ing-icon-color, #999999);transition:color .2s ease,background-color .2s ease,transform .2s ease;padding:0;flex-shrink:0}.ingredients-showcase__info-btn:hover{color:var(--ing-title-color, #1a1a1a);background-color:#0000000a;transform:scale(1.1)}.ingredients-showcase__info-btn:focus{outline:2px solid var(--ing-badge-text, #5a6650);outline-offset:2px}.ingredients-showcase__info-btn:focus:not(:focus-visible){outline:none}.ingredients-showcase__info-btn:focus-visible{outline:2px solid var(--ing-badge-text, #5a6650);outline-offset:2px}.ingredients-showcase__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ingredients-showcase__benefit{display:flex;align-items:flex-start;gap:10px;color:var(--ing-text-color, #555555);font-size:14px;line-height:1.5}.ingredients-showcase__check{flex-shrink:0;color:var(--ing-check-color, #5a6650);margin-top:2px}.ingredients-showcase__benefit span{flex:1}.ingredients-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ingredients-modal.is-open{opacity:1;visibility:visible}.ingredients-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}.ingredients-modal__container{position:relative;width:100%;max-width:540px;max-height:calc(100vh - 40px);background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;transform:scale(.95) translateY(10px);transition:transform .3s ease}.ingredients-modal.is-open .ingredients-modal__container{transform:scale(1) translateY(0)}.ingredients-modal__content{max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain}.ingredients-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 20px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background-color:#fff;z-index:1}.ingredients-modal__header-content{display:flex;flex-direction:column;gap:8px}.ingredients-modal__title{font-size:22px;font-weight:600;color:var(--ing-title-color, #1a1a1a);margin:0;line-height:1.3}.ingredients-modal__badge{display:inline-flex;align-items:center;background-color:var(--ing-badge-bg, #e8ebe3);color:var(--ing-badge-text, #5a6650);font-size:13px;font-weight:600;padding:5px 12px;border-radius:6px;width:fit-content}.ingredients-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#f5f5f5;border:none;border-radius:50%;cursor:pointer;color:#666;transition:background-color .2s ease,color .2s ease,transform .2s ease;flex-shrink:0}.ingredients-modal__close:hover{background-color:#e8e8e8;color:#1a1a1a;transform:rotate(90deg)}.ingredients-modal__close:focus{outline:2px solid var(--ing-badge-text, #5a6650);outline-offset:2px}.ingredients-modal__body{padding:24px;display:flex;flex-direction:column;gap:24px}.ingredients-modal__image-wrap{width:100%;border-radius:12px;overflow:hidden;background-color:#f9f9f9}.ingredients-modal__image{width:100%;height:auto;display:block;object-fit:cover}.ingredients-modal__description{font-size:15px;line-height:1.7;color:var(--ing-text-color, #555555)}.ingredients-modal__details{background-color:#f9faf8;border-radius:12px;padding:20px}.ingredients-modal__details-title{font-size:14px;font-weight:600;color:var(--ing-title-color, #1a1a1a);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.ingredients-modal__details-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ingredients-modal__detail-item{display:flex;align-items:flex-start;gap:12px}.ingredients-modal__detail-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--ing-badge-bg, #e8ebe3);border-radius:50%;flex-shrink:0;color:var(--ing-check-color, #5a6650)}.ingredients-modal__detail-icon svg{width:14px;height:14px}.ingredients-modal__detail-text{font-size:14px;line-height:1.5;color:var(--ing-text-color, #555555);padding-top:2px}.ingredients-modal__extra{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#f0f4ed,#e8ece5);border-radius:12px;border-left:4px solid var(--ing-badge-text, #5a6650)}.ingredients-modal__extra-icon{flex-shrink:0;color:var(--ing-badge-text, #5a6650)}.ingredients-modal__extra-text{font-size:13px;line-height:1.6;color:var(--ing-text-color, #555555);margin:0;font-style:italic}@media screen and (max-width: 990px){.ingredients-showcase__grid--3-col,.ingredients-showcase__grid--4-col{grid-template-columns:repeat(2,1fr)}.ingredients-showcase__header{margin-bottom:40px}.ingredients-showcase__card{padding:24px 20px}}@media screen and (max-width: 749px){.ingredients-showcase{padding-top:calc(var(--ing-section-padding-top, 60px) * .7);padding-bottom:calc(var(--ing-section-padding-bottom, 60px) * .7)}.ingredients-showcase__container{padding:0 16px}.ingredients-showcase__header{margin-bottom:32px}.ingredients-showcase__grid--2-col,.ingredients-showcase__grid--3-col,.ingredients-showcase__grid--4-col{grid-template-columns:1fr;gap:16px}.ingredients-showcase__card{padding:20px 18px}.ingredients-showcase__card:hover{transform:none;box-shadow:none}.ingredients-showcase__card-title{font-size:16px}.ingredients-showcase__benefit{font-size:13px}.ingredients-modal{padding:0;align-items:flex-end}.ingredients-modal__container{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0;transform:translateY(100%)}.ingredients-modal.is-open .ingredients-modal__container{transform:translateY(0)}.ingredients-modal__header{padding:20px 20px 16px}.ingredients-modal__title{font-size:20px}.ingredients-modal__body{padding:20px;gap:20px}.ingredients-modal__description{font-size:14px}.ingredients-modal__details{padding:16px}.ingredients-modal__detail-text{font-size:13px}.ingredients-modal__extra{padding:14px}.ingredients-modal__extra-text{font-size:12px}}@media screen and (max-width: 480px){.ingredients-showcase__card-header{margin-bottom:16px}.ingredients-showcase__benefits{gap:10px}.ingredients-modal__header{padding:16px 16px 14px}.ingredients-modal__body{padding:16px}}@media (prefers-reduced-motion: reduce){.ingredients-showcase__card,.ingredients-showcase__info-btn,.ingredients-modal,.ingredients-modal__container,.ingredients-modal__close{transition:none}}@media (prefers-contrast: high){.ingredients-showcase__card{border-width:2px}.ingredients-showcase__badge,.ingredients-modal__badge{border:1px solid currentColor}.ingredients-modal__container{border:2px solid #000}}@media print{.ingredients-showcase{background-color:#fff!important;padding:20px 0}.ingredients-showcase__card{break-inside:avoid;box-shadow:none;border:1px solid #cccccc}.ingredients-showcase__info-btn,.ingredients-modal{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-ingredients-showcase.css.map */