/* Shared retouch for long-form guide pages. Loaded after each page's scoped CSS. */
.pi-mat-page{--guide-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10l4 6-9 10L3 10l4-6Z'/%3E%3Cpath d='m3 10 9 2 9-2M7 4l5 8 5-8'/%3E%3C/svg%3E")}
.pi-ti-page{--guide-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 20 6v5c0 5-3.4 8.5-8 10-4.6-1.5-8-5-8-10V6l8-3Z'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5'/%3E%3C/svg%3E")}
.pi-care-page{--guide-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3S6 10 6 15a6 6 0 0 0 12 0c0-5-6-12-6-12Z'/%3E%3Cpath d='m9.5 15 1.7 1.7 3.5-4'/%3E%3C/svg%3E")}
.pi-problem-page{--guide-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E")}
.pi-mod-page{--guide-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 18.5c-1.3 1-2.7 1.5-4 1.5-4.1 0-7.5-3.6-7.5-8s3.4-8 7.5-8 7.5 3.2 7.5 7.2c0 2.2-1.2 3.9-3 4.5-1.1.4-2.1-.3-2.1-1.4 0-1.4 1.3-2 1.3-3.5 0-1.8-1.5-3.2-3.4-3.2-2 0-3.6 1.6-3.6 3.6'/%3E%3C/svg%3E")}
.pi-d-page{--guide-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10l-2.5-2.5M17 7l-2.5 2.5M17 17H7l2.5 2.5M7 17l2.5-2.5'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");--guide-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2.8 20h18.4L12 3Z'/%3E%3Cpath d='M12 9v5M12 17.5v.1'/%3E%3C/svg%3E")}

.pi-mat-section,.pi-ti-section,.pi-care-section,.pi-problem-section,.pi-mod-section,.pi-d-section{padding:76px 0!important}
.pi-mat-section-header,.pi-ti-section-header,.pi-care-section-header,.pi-problem-section-header,.pi-mod-section-header,.pi-d-section-header{margin-bottom:42px!important}
.pi-mat-hero,.pi-ti-hero,.pi-care-hero,.pi-problem-hero,.pi-mod-hero,.pi-d-hero{min-height:62vh!important}
.pi-mat-hero__content,.pi-ti-hero__content,.pi-care-hero__content,.pi-problem-hero__content,.pi-mod-hero__content,.pi-d-hero__content{padding-top:88px!important;padding-bottom:52px!important}
.pi-mat-trust,.pi-ti-trust,.pi-care-trust,.pi-problem-trust,.pi-mod-trust,.pi-d-trust{padding:28px 0!important}
.pi-mat-card,.pi-ti-card,.pi-care-card,.pi-problem-card,.pi-mod-card,.pi-d-card{padding:28px 24px!important}
.pi-mat-product,.pi-ti-product,.pi-problem-guide,.pi-mod-product,.pi-d-cat{padding:26px 20px!important}
.pi-mat-cta-section,.pi-ti-cta-section,.pi-care-cta-section,.pi-problem-cta-section,.pi-mod-cta-section,.pi-d-cta-section{padding:76px 0!important}
.pi-mat-btn,.pi-ti-btn,.pi-care-btn,.pi-problem-btn,.pi-mod-btn,.pi-d-btn{min-height:44px!important}

.pi-mat-trust-icon,.pi-mat-card__icon,.pi-mat-product__icon,
.pi-ti-trust-icon,.pi-ti-card__icon,.pi-ti-product__icon,
.pi-care-trust-icon,.pi-care-card__icon,
.pi-problem-trust-icon,.pi-problem-card__icon,.pi-problem-guide__icon,
.pi-mod-trust-icon,.pi-mod-card__icon,.pi-mod-product__icon,
.pi-d-trust-icon,.pi-d-card__icon,.pi-d-cat__icon{font-size:0!important;color:transparent!important}
.pi-mat-trust-icon::before,.pi-mat-card__icon::before,.pi-mat-product__icon::before,
.pi-ti-trust-icon::before,.pi-ti-card__icon::before,.pi-ti-product__icon::before,
.pi-care-trust-icon::before,.pi-care-card__icon::before,
.pi-problem-trust-icon::before,.pi-problem-card__icon::before,.pi-problem-guide__icon::before,
.pi-mod-trust-icon::before,.pi-mod-card__icon::before,.pi-mod-product__icon::before,
.pi-d-trust-icon::before,.pi-d-cat__icon::before{
  content:""!important;display:block!important;width:28px!important;height:28px!important;background:#c4a574!important;
  -webkit-mask:var(--guide-mark) center/contain no-repeat!important;mask:var(--guide-mark) center/contain no-repeat!important
}
.pi-mat-trust-icon::before,.pi-ti-trust-icon::before,.pi-care-trust-icon::before,.pi-problem-trust-icon::before,.pi-mod-trust-icon::before,.pi-d-trust-icon::before{width:17px!important;height:17px!important}
.pi-mat-product__icon::before,.pi-ti-product__icon::before,.pi-problem-guide__icon::before,.pi-mod-product__icon::before,.pi-d-cat__icon::before{width:30px!important;height:30px!important}
.pi-d-card__icon::before{content:""!important;display:block!important;width:26px!important;height:26px!important;background:#c4a574!important;-webkit-mask:var(--guide-alert) center/contain no-repeat!important;mask:var(--guide-alert) center/contain no-repeat!important}

.pi-d-note{max-width:680px!important;margin:24px auto 0!important;padding:18px 22px!important;border:1px solid rgba(196,165,116,.18)!important;border-radius:12px!important;background:rgba(196,165,116,.05)!important;color:#a8a49c!important;font-size:13px!important;line-height:1.65!important}

.pi-mod-card__list{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:7px!important;list-style:none!important;padding:0!important;margin:17px 0 0!important}
.pi-mod-card__list li{width:auto!important;margin:0!important;padding:5px 9px!important;border:1px solid rgba(196,165,116,.16)!important;border-radius:999px!important;background:rgba(196,165,116,.05)!important;color:#a8a49c!important;font-size:11px!important;line-height:1.2!important}
.pi-mod-card__list li::before{display:none!important}

@media(max-width:1024px){
  .pi-mat-section,.pi-ti-section,.pi-care-section,.pi-problem-section,.pi-mod-section,.pi-d-section{padding:66px 0!important}
}
@media(max-width:640px){
  .pi-mat-section,.pi-ti-section,.pi-care-section,.pi-problem-section,.pi-mod-section,.pi-d-section{padding:52px 0!important}
  .pi-mat-cta-section,.pi-ti-cta-section,.pi-care-cta-section,.pi-problem-cta-section,.pi-mod-cta-section,.pi-d-cta-section{padding:64px 0!important}
  .pi-mat-trust-grid,.pi-ti-trust-grid,.pi-care-trust-grid,.pi-problem-trust-grid,.pi-mod-trust-grid,.pi-d-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}
  .pi-mat-trust-item,.pi-ti-trust-item,.pi-care-trust-item,.pi-problem-trust-item,.pi-mod-trust-item,.pi-d-trust-item{gap:9px!important;font-size:12px!important}
  .pi-mat-trust-icon,.pi-ti-trust-icon,.pi-care-trust-icon,.pi-problem-trust-icon,.pi-mod-trust-icon,.pi-d-trust-icon{width:32px!important;height:32px!important}
  .pi-mat-card,.pi-ti-card,.pi-care-card,.pi-problem-card,.pi-mod-card,.pi-d-card{padding:23px 20px!important}
  .pi-mat-product,.pi-ti-product,.pi-problem-guide,.pi-mod-product,.pi-d-cat{padding:21px 14px!important;min-height:145px!important;justify-content:center!important}
  .pi-mat-page .pi-mat-grid--3:has(.pi-mat-product),.pi-ti-page .pi-ti-grid--3:has(.pi-ti-product),.pi-problem-page .pi-problem-grid--3:has(.pi-problem-guide),.pi-mod-page .pi-mod-grid--3:has(.pi-mod-product),.pi-d-page .pi-d-grid--3:has(.pi-d-cat){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .pi-care-checklist{gap:14px!important}
}