/* Concrete service explanations, with the Solart dot on each pictogram. */
.product-info-content.service-guide{padding-top:18px}
.service-guide .service-guide-lead{font-size:16px;line-height:1.55;color:#183b3a;margin:0 0 24px}
.service-guide-points{list-style:none;margin:0;padding:0;display:grid;gap:19px}
.service-guide-points li,.service-guide-delivery{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}
.service-guide-icon{display:block;color:#183b3a;flex-shrink:0;margin-top:2px}
.service-guide-points h3{font-size:16px;font-weight:600;letter-spacing:0;margin:0 0 5px;line-height:1.3}
.service-guide-points p,.service-guide-delivery p{font-size:13px;line-height:1.6}
.service-guide-delivery{background:#e9ecdf;padding:16px;margin-top:22px;border-radius:4px}
.service-guide-delivery .product-info-kicker{margin-bottom:6px}
.service-guide .product-info-explore{margin-top:18px}
@media(max-width:480px){.service-guide .service-guide-lead{font-size:15px}.service-guide-points li,.service-guide-delivery{grid-template-columns:32px minmax(0,1fr);gap:11px}.service-guide-points h3{font-size:15px}}

dialog:has(.service-guide){width:min(720px,calc(100% - 30px));background:#f6f3eb}
.service-guide .product-price-detail>summary{padding:13px 0}
.service-guide .product-price-detail{margin:15px 0}

#dialog:has(.service-guide){width:min(720px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow:auto;background:#f6f3eb}.service-guide .service-guide-note{font-size:11px;line-height:1.5;margin:16px 0 4px;color:#5d7064}.service-guide .product-info-explore{display:inline-flex;align-items:center;justify-content:center;gap:14px}

#dialog:has(.service-guide){max-width:calc(100vw - 30px)}