.ingredient-filter{position:relative;width:min(1180px,calc(100% - 28px));margin:24px auto;padding:28px;overflow:hidden;border:1px solid #ffffff16;border-radius:28px;background:radial-gradient(circle at 92% -15%,#ff7a1738,transparent 34%),linear-gradient(145deg,#171a1b,#0d1011 68%);color:#fff;box-shadow:0 25px 70px #0005}
.ingredient-filter-glow{position:absolute;top:-90px;right:-60px;width:240px;height:240px;border:55px solid #ff761317;border-radius:50%;pointer-events:none}
.ingredient-filter-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #ffffff12}
.ingredient-filter-heading{display:flex;align-items:center;gap:16px;flex:1}.ingredient-filter-mark{position:relative;flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #ff965745;border-radius:17px;background:linear-gradient(145deg,#ff7a17,#c84500);box-shadow:0 12px 30px #ef65072e}.ingredient-filter-mark i{position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:50%}.ingredient-filter-mark i:first-child{transform:translate(9px,-7px)}.ingredient-filter-mark i:nth-child(2){transform:translate(-8px,-5px)}.ingredient-filter-mark i:last-child{transform:translate(1px,9px)}
.ingredient-filter-heading small,.product-editorial>header small,.product-related-posts>header small{color:#ff934e;font-weight:800;font-size:9px}.ingredient-filter h2,.product-editorial h2,.product-related-posts h2{margin:4px 0 0;font-size:21px}.ingredient-filter-heading p{margin:7px 0 0;color:#999691;font-size:9px}
.ingredient-filter-status{position:relative;display:flex;align-items:center;gap:10px}.ingredient-filter-status>span{min-width:145px;padding:10px 13px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff07}.ingredient-filter-status small,.ingredient-filter-status b{display:block}.ingredient-filter-status small{color:#8f8c88;font-size:7px}.ingredient-filter-status b{margin-top:3px;font-size:10px}.ingredient-filter-status>a{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;background:#ff6b18;color:#fff;text-decoration:none;font-size:9px;font-weight:800}.ingredient-filter-status>a i{font-size:15px;font-style:normal;line-height:1}
.ingredient-filter-tools{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0 15px}.ingredient-filter-search{height:48px;display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:10px;padding:0 14px;border:1px solid #ffffff16;border-radius:15px;background:#07090a;color:#fff}.ingredient-filter-search:focus-within{border-color:#ff7928;box-shadow:0 0 0 3px #ff6b1818}.ingredient-filter-search svg{width:19px;fill:none;stroke:#ff8b43;stroke-width:1.8}.ingredient-filter-search input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:10px}.ingredient-filter-search input::placeholder{color:#6f6e6b}.ingredient-filter-search>span{padding:5px 8px;border-radius:8px;background:#ffffff09;color:#918e89;font-size:8px}
.ingredient-filter-toggle{height:48px;display:flex;align-items:center;gap:22px;padding:0 16px;border:1px solid #ffffff16;border-radius:15px;background:#ffffff08;color:#dedbd6;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.ingredient-filter-toggle[hidden]{display:none}.ingredient-filter-toggle:hover{border-color:#ff6b185c;background:#ff6b1810;color:#fff}.ingredient-filter-toggle i{color:#ff8b43;font-size:14px;font-style:normal;transition:transform .25s}.ingredient-filter.is-expanded .ingredient-filter-toggle i{transform:rotate(180deg)}
.ingredient-filter-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ingredient-filter-card{min-width:0;overflow:hidden;border:1px solid #ffffff10;border-radius:17px;background:#ffffff06;transition:border-color .22s,background .22s,transform .22s,box-shadow .22s}.ingredient-filter-card:hover{transform:translateY(-3px);border-color:#ff782f5c;background:#ffffff0a;box-shadow:0 13px 30px #0004}.ingredient-filter-card.active{order:-1;border-color:#ff782f;background:linear-gradient(145deg,#ff741d2e,#ffffff08);box-shadow:inset 0 0 0 1px #ff782f2b}.ingredient-filter-card[hidden]{display:none!important}
.ingredient-filter-action{min-height:67px;display:grid;grid-template-columns:42px 1fr 25px;align-items:center;gap:10px;padding:10px;color:#fff;text-decoration:none}.ingredient-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff0d;border-radius:13px;background:linear-gradient(145deg,#282d2f,#111415);color:#ff9655;font-size:17px;font-weight:900}.ingredient-filter-card:nth-child(4n+2) .ingredient-avatar{color:#73dca6}.ingredient-filter-card:nth-child(4n+3) .ingredient-avatar{color:#efcb67}.ingredient-filter-card:nth-child(4n+4) .ingredient-avatar{color:#7cc8ee}.ingredient-filter-copy{min-width:0}.ingredient-filter-copy b,.ingredient-filter-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-filter-copy b{font-size:10px}.ingredient-filter-copy small{margin-top:4px;color:#8f8d88;font-size:7px}.ingredient-filter-check{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#ffffff09;color:#ff8d49;font-size:14px;font-style:normal}.ingredient-filter-card.active .ingredient-filter-check{background:#ff6b18;color:#fff}
.ingredient-info-action{min-height:29px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-top:1px solid #ffffff0b;color:#777773;text-decoration:none;font-size:7px;transition:.2s}.ingredient-info-action i{color:#ff8740;font-size:10px;font-style:normal}.ingredient-info-action:hover{background:#ff6b180d;color:#d0ccc6}
.ingredient-filter-empty{padding:30px;display:grid;place-items:center;text-align:center}.ingredient-filter-empty[hidden]{display:none}.ingredient-filter-empty>span{font-size:27px;color:#ff8a43}.ingredient-filter-empty b{margin-top:8px;font-size:12px}.ingredient-filter-empty small{margin-top:4px;color:#817e79;font-size:8px}
.ingredient-filter-disclosure{min-width:142px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 8px 0 8px;border:1px solid #ff864649;border-radius:15px;background:#ff6b1811;color:#fff;font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.ingredient-filter-disclosure:hover{border-color:#ff8646;background:#ff6b1821;transform:translateY(-1px)}.ingredient-filter-disclosure span{text-align:right}.ingredient-filter-disclosure b,.ingredient-filter-disclosure small{display:block}.ingredient-filter-disclosure b{font-size:9px}.ingredient-filter-disclosure small{margin-top:2px;color:#9d9892;font-size:7px}.ingredient-filter-disclosure i{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ff7a17,#db5000);color:#fff;font-size:23px;font-style:normal;line-height:1;box-shadow:0 8px 20px #ef65072e;transition:transform .25s}.ingredient-filter.is-open .ingredient-filter-disclosure i{transform:rotate(45deg)}
.ingredient-filter:not(.is-open){padding:15px 18px;border-radius:20px}.ingredient-filter:not(.is-open) .ingredient-filter-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:15px;padding:0;border:0}.ingredient-filter:not(.is-open) .ingredient-filter-mark{flex-basis:42px;width:42px;height:42px;border-radius:13px}.ingredient-filter:not(.is-open) .ingredient-filter-heading{gap:12px}.ingredient-filter:not(.is-open) .ingredient-filter-heading p{display:none}.ingredient-filter:not(.is-open) h2{margin-top:2px;font-size:15px}.ingredient-filter:not(.is-open) .ingredient-filter-status>span{min-width:130px;padding-block:7px}.ingredient-filter:not(.is-open) .ingredient-filter-status>a{padding-block:8px}.ingredient-filter:not(.is-open) .ingredient-filter-disclosure{height:46px}.ingredient-filter:not(.is-open) .ingredient-filter-disclosure i{width:32px;height:32px;flex-basis:32px}.ingredient-filter:not(.is-open)>[data-ingredient-panel]{display:none}.ingredient-filter.is-open>[data-ingredient-panel]{animation:ingredient-panel-in .28s ease both}@keyframes ingredient-panel-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}

.product-short-content {
    line-height: 1.9;
}

.product-editorial,
.product-related-posts {
    grid-column: 1 / -1;
    width: min(1120px, calc(100% - 28px));
    margin: 8px auto 22px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
}

.product-long-content {
    margin-top: 16px;
    color: #504a44;
    font-size: 12px;
    line-height: 2.15;
}

.product-ingredients {
    margin-top: 22px;
    padding: 18px;
    border-radius: 16px;
    background: #fff7ef;
}

.product-ingredients h3 {
    margin: 0 0 11px;
    font-size: 14px;
}

.product-ingredients > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.product-ingredients > div a {
    padding: 8px 11px;
    border-radius: 10px;
    background: #fff;
    color: #713817;
    text-decoration: none;
    font-size: 10px;
    font-weight: 750;
}

.product-ingredients a span {
    margin-right: 5px;
    color: var(--orange);
    font-size: 8px;
}

.product-ingredients > p {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 9px;
}

.product-related-posts > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 16px;
}

.product-related-posts > div > a {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 15px;
    color: var(--ink);
    text-decoration: none;
}

.product-related-posts img {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    object-fit: cover;
}

.product-related-posts a > span {
    display: grid;
    gap: 6px;
    padding: 12px;
}

.product-related-posts b {
    font-size: 11px;
    line-height: 1.7;
}

.product-related-posts a small {
    color: var(--muted);
    font-size: 9px;
    line-height: 1.7;
}

.product-related-posts em {
    color: var(--orange);
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
}

@media (max-width: 800px) {
    .ingredient-filter.is-open .ingredient-filter-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
    .ingredient-filter.is-open .ingredient-filter-heading { grid-column: 1 / -1; }
    .ingredient-filter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .product-related-posts > div { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .ingredient-filter { width: calc(100% - 24px); margin: 14px auto 20px; padding: 18px 14px; border-radius: 22px; }
    .ingredient-filter-head { align-items: stretch; flex-direction: column; gap: 15px; padding-bottom: 17px; }
    .ingredient-filter.is-open .ingredient-filter-head { display: flex; }
    .ingredient-filter-heading { align-items: flex-start; gap: 11px; }
    .ingredient-filter-mark { flex-basis: 42px; width: 42px; height: 42px; border-radius: 14px; }
    .ingredient-filter h2 { font-size: 16px; line-height: 1.7; }
    .ingredient-filter-heading p { max-width: 265px; font-size: 8px; line-height: 1.8; }
    .ingredient-filter-status { width: 100%; }
    .ingredient-filter-status > span { flex: 1; }
    .ingredient-filter-tools { grid-template-columns: 1fr; margin-top: 15px; }
    .ingredient-filter-search { height: 46px; }
    .ingredient-filter-toggle { height: 42px; justify-content: space-between; }
    .ingredient-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .ingredient-filter-action { min-height: 62px; grid-template-columns: 35px minmax(0, 1fr) 21px; gap: 7px; padding: 8px; }
    .ingredient-avatar { width: 35px; height: 35px; border-radius: 11px; font-size: 14px; }
    .ingredient-filter-copy b { font-size: 9px; }
    .ingredient-filter-copy small { font-size: 6px; }
    .ingredient-filter-check { width: 21px; height: 21px; font-size: 12px; }
    .ingredient-info-action { padding-inline: 9px; }
    .product-editorial, .product-related-posts { padding: 17px; }
    .product-related-posts > div { grid-template-columns: 1fr; }
    .ingredient-filter:not(.is-open) { padding: 12px; }
    .ingredient-filter:not(.is-open) .ingredient-filter-head { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 9px; }
    .ingredient-filter:not(.is-open) .ingredient-filter-heading small { font-size: 7px; }
    .ingredient-filter:not(.is-open) h2 { font-size: 13px; line-height: 1.5; }
    .ingredient-filter:not(.is-open) .ingredient-filter-mark { flex-basis: 38px; width: 38px; height: 38px; }
    .ingredient-filter:not(.is-open) .ingredient-filter-status { display: none; }
    .ingredient-filter.has-selection:not(.is-open) .ingredient-filter-status { grid-column: 1 / -1; display: flex; }
    .ingredient-filter:not(.is-open) .ingredient-filter-disclosure { min-width: 120px; height: 42px; }
    .ingredient-filter:not(.is-open) .ingredient-filter-disclosure i { width: 29px; height: 29px; flex-basis: 29px; font-size: 19px; }
    .ingredient-filter-disclosure { width: 100%; }
}