body:has([data-materials]),body.template-page-materials{background:var(--surface-2, #f7f6f4)}body:has([data-materials]) main,body.template-page-materials main{background:var(--surface-2, #f7f6f4)}body.template-page-materials .mat.section,.section--materials .mat.section{padding-top:0}[data-materials]{background:var(--surface-2, #f7f6f4);padding-bottom:var(--space-7, 56px)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease, ease),transform .55s var(--ease, ease)}[data-reveal].is-in{opacity:1;transform:none}.mat__intro-wrap{padding-top:0}.mat__intro-wrap .crumbs{margin-bottom:24px}.mat__hero{padding:16px 0 32px;max-width:760px;margin-inline:auto;text-align:center}.mat__eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-mute)}.mat__title{margin:0 0 16px;font-family:var(--font-latin);font-weight:700;font-size:clamp(36px,5vw,48px);line-height:1.12;letter-spacing:-.5px;color:var(--ink)}.mat__intro{margin:0 auto;max-width:720px;font-size:15px;line-height:1.75;color:var(--ink-mute)}.mat__pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px}.mat__pillar{padding:22px 20px;border:1px solid var(--hairline-soft);border-radius:14px;background:var(--paper, #fff)}.mat__pillar-index{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:1.4px;color:var(--ink-mute)}.mat__pillar-title{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink)}.mat__pillar-lead{margin:0;font-size:13px;line-height:1.65;color:var(--ink-mute)}html[lang^=ar] .mat__pillar-title,html[dir=rtl] .mat__pillar-title{letter-spacing:0;text-transform:none;font-family:var(--font-arabic);font-size:13px}html[lang^=ar] .mat__pillar-lead,html[dir=rtl] .mat__pillar-lead{font-family:var(--font-arabic);font-size:14px}html[lang^=ar] .mat__title,html[lang^=ar] .mat__intro,html[dir=rtl] .mat__title,html[dir=rtl] .mat__intro{font-family:var(--font-arabic)}.mat__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:56px;max-width:var(--page-max, 1200px);align-items:start}.mat-item{border:1px solid var(--hairline-soft);border-radius:12px;background:var(--paper, #fff);overflow:hidden;min-width:0;transition:border-color var(--dur-fast, .2s) var(--ease, ease),box-shadow var(--dur-fast, .2s) var(--ease, ease),transform var(--dur-fast, .2s) var(--ease, ease)}.mat-item.is-open{grid-column:1 / -1}.mat-item[data-reveal]{opacity:0;transform:translateY(16px)}.mat-item[data-reveal].is-in{opacity:1;transform:none}.mat-item:hover{border-color:var(--hairline);box-shadow:0 8px 24px #1018200f}.mat-item.is-open{border-color:color-mix(in srgb,var(--accent, #BE0F34) 22%,var(--hairline));box-shadow:0 12px 32px #10182014}.mat-item__trigger{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;padding:16px;border:0;background:transparent;text-align:start;cursor:pointer;color:var(--ink);transition:color var(--dur-fast, .2s) var(--ease, ease)}.mat-item__trigger:hover{color:var(--accent, var(--ghalia-crimson, #BE0F34))}.mat-item__thumb{flex-shrink:0;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#f4f4f4;transition:transform .35s var(--ease, ease)}.mat-item.is-open .mat-item__thumb{width:72px;height:72px}.mat-item__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s var(--ease, ease)}.mat-item__trigger:hover .mat-item__thumb img,.mat-item.is-open .mat-item__thumb img{transform:scale(1.06)}.mat-item__head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1}.mat-item__tag{display:inline-flex;padding:3px 8px;border-radius:999px;background:var(--paper, #fff);border:1px solid var(--hairline-soft);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-mute);transition:background var(--dur-fast, .2s) var(--ease, ease),border-color var(--dur-fast, .2s) var(--ease, ease),color var(--dur-fast, .2s) var(--ease, ease)}.mat-item.is-open .mat-item__tag{background:color-mix(in srgb,var(--accent, #BE0F34) 10%,#fff);border-color:color-mix(in srgb,var(--accent, #BE0F34) 25%,var(--hairline));color:var(--accent, var(--ghalia-crimson, #BE0F34))}.mat-item__title{font-family:var(--font-latin);font-weight:700;font-size:clamp(16px,2.2vw,20px);line-height:1.25;letter-spacing:-.2px}html[lang^=ar] .mat-item__title,html[dir=rtl] .mat-item__title{font-family:var(--font-arabic)}.mat-item__icon{flex-shrink:0;margin-inline-start:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--hairline-soft);background:var(--paper, #fff);color:var(--ink);transition:transform var(--dur-fast, .2s) var(--ease, ease),border-color var(--dur-fast, .2s) var(--ease, ease),background var(--dur-fast, .2s) var(--ease, ease)}.mat-item__trigger:hover .mat-item__icon{border-color:var(--hairline)}.mat-item.is-open .mat-item__icon{background:var(--ink);border-color:var(--ink);color:var(--paper, #fff);transform:rotate(180deg)}.mat-item__icon-minus,.mat-item.is-open .mat-item__icon-plus{display:none}.mat-item.is-open .mat-item__icon-minus{display:block}.mat-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease, ease)}.mat-item.is-open .mat-item__panel{grid-template-rows:1fr}.mat-item__panel[hidden]{display:none}.mat-item.is-open .mat-item__panel[hidden]{display:grid}.mat-item__panel-inner{overflow:hidden;min-height:0}.mat-item__split{display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:28px 32px;align-items:start;padding:24px 20px;border-top:1px solid var(--hairline-soft);margin-top:0}.mat-item__media{border-radius:10px;overflow:hidden;aspect-ratio:4 / 3;background:#f4f4f4}.mat-item__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease, ease)}.mat-item.is-open .mat-item__media img{transform:scale(1.02)}.mat-item__copy{min-width:0;padding-top:4px}.mat-item__lead{margin:0 0 12px;font-size:15px;line-height:1.6;font-weight:600;color:var(--ink)}.mat-item__body{margin:0 0 20px;max-width:640px;color:var(--ink-mute);line-height:1.7;font-size:14px}.mat-item__specs{margin-top:4px}.mat-item__specs-label{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-mute)}.mat-item__spec-grid{display:grid;gap:10px;margin:0}.mat-item__spec{padding:14px 16px;border:1px solid var(--hairline-soft);border-radius:10px;background:var(--surface-2, #f7f6f4)}.mat-item__spec dt{margin:0 0 4px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-mute)}.mat-item__spec dd{margin:0;font-size:13px;line-height:1.6;color:var(--ink)}.mat-item__note{margin:18px 0 0;padding:14px 16px;border-radius:10px;background:#be0f340f;border:1px solid rgba(190,15,52,.14);font-size:13px;line-height:1.6;color:var(--accent)}html[lang^=ar] .mat-item__spec dt,html[dir=rtl] .mat-item__spec dt{letter-spacing:0;text-transform:none;font-family:var(--font-arabic);font-size:11px}html[lang^=ar] .mat-item__spec dd,html[dir=rtl] .mat-item__spec dd,html[lang^=ar] .mat-item__lead,html[dir=rtl] .mat-item__lead,html[lang^=ar] .mat-item__body,html[dir=rtl] .mat-item__body{font-family:var(--font-arabic)}.mat-expert{display:grid;grid-template-columns:auto 1fr;gap:28px 32px;align-items:start;padding:32px;margin-bottom:64px;border-radius:12px;background:var(--paper, #fff);border:1px solid var(--hairline)}.mat-expert__icon,.mat-expert__media{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid var(--hairline-soft);color:var(--accent, var(--ghalia-crimson, #BE0F34));overflow:hidden}.mat-expert__media img{width:100%;height:100%;object-fit:cover}.mat-expert__eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent, var(--ghalia-crimson, #BE0F34))}.mat-expert__title{margin:0 0 12px;font-family:var(--font-latin);font-weight:700;font-size:clamp(22px,3vw,28px);line-height:1.2;letter-spacing:-.2px;color:var(--ink)}.mat-expert__body{margin:0;max-width:560px;color:var(--ink-mute)}.mat-cta{margin-bottom:24px;padding:32px 28px;border-radius:14px;background:var(--ink);color:var(--paper, #fff);text-align:center}.mat-cta__title{margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.2px;color:var(--paper, #fff)}.mat-cta__sub{margin:0;font-size:14px;line-height:1.65;color:#ffffffd1}.mat-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.mat-cta__secondary{background:transparent;color:var(--paper, #fff);border-color:#ffffffa6}.mat-cta__secondary:hover{background:var(--paper, #fff);color:var(--ink);border-color:var(--paper, #fff)}.mat-cta__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;font-size:13px}.mat-cta__link{color:#ffffffe0;text-decoration:underline;text-underline-offset:3px}.mat-cta__sep{color:#ffffff73}html[lang^=ar] .mat-expert__title,html[dir=rtl] .mat-expert__title{font-family:var(--font-arabic)}@media(max-width:900px){.mat__pillars{grid-template-columns:1fr}.mat__list{grid-template-columns:1fr;gap:12px;max-width:960px}.mat-item.is-open{grid-column:auto}}@media(max-width:768px){.mat__hero{padding-bottom:28px}.mat__list{gap:10px}.mat-item__trigger{padding:14px 16px;gap:14px}.mat-item__thumb{width:56px;height:56px}.mat-item__icon{width:36px;height:36px}.mat-item__split{grid-template-columns:1fr;gap:16px;padding:20px 16px}.mat-expert{grid-template-columns:1fr;padding:24px;margin-bottom:48px}.mat-expert__icon,.mat-expert__media{width:56px;height:56px}.mat-cta__actions{flex-direction:column}.mat-cta__actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){[data-reveal],.mat-item[data-reveal],.mat-item__panel,.mat-item__icon,.mat-item__thumb img,.mat-item__media img,.mat-item{transition:none}[data-reveal],.mat-item[data-reveal]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-materials.css.map */