/* Customer-requested homepage sections, retaining the existing dessert identity. */
#material-guide, #custom-solutions { scroll-margin-top: 105px; }
.material-guide { background: radial-gradient(ellipse at 35% 80%, #ffe4d838, transparent 70%), #fffbf7; }
.material-guide-layout { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: 36px; align-items: center; }
.material-guide-layout > * { min-width: 0; }
.material-guide-art { position: relative; margin: 0; border: 9px solid #fff; border-radius: 42px; overflow: hidden; box-shadow: 0 15px 40px #aa69521a; }
.material-guide-art > img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.material-key { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; position: absolute; bottom: 14px; left: 12px; right: 12px; }
.material-key > span { background: #fff8edee; padding: 10px 5px; border: 1px solid #fff; border-radius: 19px; text-align: center; color: #673d28; }
.material-key b { display: block; font: 900 14px 'Nunito', sans-serif; }
.material-key small { display: block; font-size: 9px; margin-top: 3px; }
.material-guide-copy h2 { font-size: clamp(34px, 3.6vw, 52px); margin: 12px 0 17px; }
.material-guide-copy > p { color: #876b59; font-size: 14px; line-height: 1.8; }
.material-table-wrap { overflow-x: auto; border: 1px solid #efdace; border-radius: 24px; background: #fffaf5e8; box-shadow: 0 10px 28px #aa695211; }
.material-table { width: 100%; border-collapse: collapse; table-layout: fixed; min-width: 560px; font-size: 12px; line-height: 1.5; color: #563d31; }
.material-table th, .material-table td { padding: 13px 10px; border-bottom: 1px solid #f0ddd0; text-align: left; vertical-align: middle; overflow-wrap: anywhere; }
.material-table th { font-weight: 850; color: #6c3e28; }
.material-table thead th:first-child { width: 21%; }
.material-table tbody tr:last-child > * { border-bottom: none; }
.material-pill { display: block; padding: 9px 3px; border-radius: 24px; text-align: center; font: 900 13px 'Nunito', sans-serif; }
.material-pill.pu { background: #fff0d3; }.material-pill.tpr { background: #ffe2df; }.material-pill.silicone { background: #e4f1e3; }
.material-guide-copy .material-guide-note { margin: 13px 0 0; font-size: 10px; color: #9c806d; }
.material-scroll-hint { display: none; }
.custom-layout { grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr); gap: 40px; }
.custom-scene-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.custom-scene-card { position: relative; isolation: isolate; display: block; min-height: 235px; padding: 23px; overflow: hidden; border: 2px solid #fff9f3; border-radius: 28px; background-size: cover; background-position: center; box-shadow: 0 10px 24px #a5774c12; transition: transform .18s, box-shadow .18s; }
.custom-scene-card::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #fff8efc9, #fff8ef75 38%, transparent 67%); pointer-events: none; }
.custom-scene-card:hover { transform: translateY(-3px); box-shadow: 0 15px 28px #a5774c23; }
.custom-scene-shape { background-image: url('/static/img/home-refresh/shape.webp'); }
.custom-scene-packaging { background-image: url('/static/img/home-refresh/packaging.webp'); }
.custom-scene-sampling { background-image: url('/static/img/home-refresh/sampling.webp'); }
.custom-scene-trade { background-image: url('/static/img/home-refresh/trade.webp'); }
.custom-scene-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 14px; border-radius: 50%; background: #fff0dddc; color: #7b4c32; font-size: 26px; }
.custom-scene-card h3 { position: relative; max-width: 52%; font-size: 20px; line-height: 1.15; margin: 0 0 12px; }
.custom-scene-card p { position: relative; max-width: 45%; color: #704c38; font-size: 11px; line-height: 1.6; margin: 0; }
.detail-pricing { grid-template-columns: 1fr; }
@media (max-width: 1100px) { .material-guide-layout { grid-template-columns: 1fr; gap: 32px; }.material-guide-art { max-width: 640px; width: 100%; margin-inline: auto; }.material-table { min-width: 620px; }.custom-layout { grid-template-columns: 1fr; }.custom-scene-card { min-height: 265px; } }
@media (max-width: 650px) { .material-guide-art { border-width: 6px; border-radius: 30px; }.material-key { left: 5px; right: 5px; bottom: 8px; gap: 4px; }.material-key b { font-size: 11px; }.material-key small { font-size: 8px; }.material-key > span { padding: 8px 3px; border-radius: 13px; }.material-guide-copy h2 { font-size: 37px; }.material-scroll-hint { display: block; margin-bottom: 9px; font-size: 11px !important; }.material-table { min-width: 570px; }.custom-scene-grid { grid-template-columns: 1fr; }.custom-scene-card { min-height: 235px; padding: 24px; }.custom-scene-card h3 { font-size: 23px; } }
@media (prefers-reduced-motion: reduce) { .custom-scene-card { transition: none; } }