/* ===== having-v100-ingredients-no-sample-layout ===== */

/* v100: sample-related UI is removed from ingredients page; remaining columns rebalance. */
.ingredients-table,
.ingredient-table,
.ingredient-list{
  width:100% !important;
}

/* Common grid row patterns: Ingredient / INCI / Function / MOQ */
.ingredient-row,
.ingredients-row,
.ingredient-table-row,
.ingredient-head,
.ingredients-head{
  grid-template-columns:minmax(220px,1.1fr) minmax(360px,1.9fr) minmax(280px,1.5fr) minmax(110px,.6fr) !important;
}

/* Remove possible empty right gap caused by old sample column CSS variables. */
:root{
  --ingredient-sample-col:0px;
}

/* ===== fix-ing-mobile-scroll ===== */
.ing-scroll{overflow:visible;}@media (max-width:760px){.ing-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}}
/* ===== ing-real-css ===== */

.ing-fsel{padding:13px 36px 13px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:300;border:0.5px solid #e0e0e0;border-radius:100px;outline:none;background:#F7F7F5;color:#555;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;}
.ing-fsel:focus{border-color:#F18B42;}
.ing-chk{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:300;color:#555;border:0.5px solid #e0e0e0;border-radius:100px;padding:12px 18px;cursor:pointer;user-select:none;background:#F7F7F5;transition:all .15s;}
.ing-chk:hover{border-color:#cfc9c1;}
.ing-chk input{position:absolute;opacity:0;width:0;height:0;}
.ing-chk__b{width:17px;height:17px;border:1.5px solid #cdc7be;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;transition:all .15s;}
.ing-chk.on{border-color:#F18B42;background:rgba(200,96,42,.06);color:#a94d1f;font-weight:500;}
.ing-chk.on .ing-chk__b{background:#F18B42;border-color:#F18B42;}
.ing-patok{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#C75C0F;background:rgba(200,96,42,.10);padding:4px 11px;border-radius:100px;}
/* modal */
#ing-modal{display:none;position:fixed;inset:0;background:rgba(24,20,17,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;align-items:flex-start;justify-content:center;padding:44px 20px;overflow:auto;}
#ing-modal.on{display:flex;}
.ingm{margin:auto;background:#fff;border-radius:24px;max-width:720px;width:100%;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.32);overflow:hidden;animation:ingpop .22s cubic-bezier(.2,.8,.3,1);}
@keyframes ingpop{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
.ingm__x{position:absolute;top:18px;right:18px;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:17px;cursor:pointer;color:#555;z-index:2;}
.ingm__x:hover{background:#fff;}
.ingm__head{position:relative;padding:34px 38px 26px;background:linear-gradient(135deg,#faf6f2 0%,#f2f3f3 100%);overflow:hidden;}
.ingm__head::before{content:"";position:absolute;inset:-40% -20% auto auto;width:60%;height:160%;background:radial-gradient(circle,rgba(200,96,42,.10),transparent 70%);filter:blur(20px);}
.ingm__chips{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px;}
.ingm__chip{font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 11px;border-radius:100px;}
.ingm__chip.region{background:#fff;color:#C75C0F;box-shadow:0 1px 3px rgba(0,0,0,.06);}
.ingm__chip.pat{background:#F18B42;color:#fff;}
.ingm__chip.patx{background:rgba(20,18,16,.07);color:#8a857e;}
.ingm__head h2{position:relative;font-size:26px;font-weight:800;letter-spacing:-.025em;margin:0 0 7px;line-height:1.18;padding-right:30px;color:#1d1d1b;}
.ingm__inci{position:relative;font-size:14px;color:#6b6660;margin:0 0 15px;}
.ingm__tags{position:relative;display:flex;flex-wrap:wrap;gap:6px;}
.ingm__tag{font-size:11.5px;font-weight:500;padding:4px 11px;border-radius:100px;background:rgba(255,255,255,.7);color:#7a6a5d;border:0.5px solid rgba(200,96,42,.25);}
.ingm__body{padding:24px 38px 36px;}
.ingm__callout{background:#faf6f2;border-left:3px solid #F18B42;border-radius:0 12px 12px 0;padding:14px 18px;font-size:14.5px;line-height:1.6;color:#4a443e;margin:0 0 24px;}
.ingm__sec{margin:0 0 22px;}
.ingm__sec:last-child{margin-bottom:0;}
.ingm__h{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#C75C0F;margin:0 0 12px;}
.ingm__kv{display:grid;grid-template-columns:150px 1fr;gap:3px 18px;font-size:14px;line-height:1.6;margin-bottom:10px;}
.ingm__kv:last-child{margin-bottom:0;}
.ingm__k{color:#9c968e;font-weight:500;}
.ingm__v{color:#2c2a27;font-weight:300;}
.ingm__miss{color:#c4c0b9;}
.ingm__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.ingm__stat{border:0.5px solid #ececec;border-radius:13px;padding:12px 15px;}
.ingm__sk{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9c968e;margin-bottom:5px;}
.ingm__sv{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px;}
.ingm__sv.ok{color:#C75C0F;}.ingm__sv.no{color:#a8a39c;}
.ingm__ico{width:15px;height:15px;}
@media(max-width:680px){.ingm__head,.ingm__body{padding-left:24px;padding-right:24px;}.ingm__kv{grid-template-columns:1fr;gap:1px;}.ingm__grid{grid-template-columns:1fr;}}

/* ===== ingredients-v38-row-click-css ===== */

#ing-table tbody tr.ingredient-row:hover{background:#faf7f3!important;}
#ing-table tbody tr.ingredient-row:focus{outline:2px solid rgba(200,96,42,.35);outline-offset:-2px;}