.rd-brand-specific .sm-brand-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:20px 0}
.rd-brand-specific .sm-brand-card{min-width:0;padding:16px;border:1px solid #e3e4e7;border-radius:16px;background:#fff;text-align:left}
.rd-brand-specific .sm-brand-card h3{margin:0 0 8px;font-size:18px;line-height:1.35;text-wrap:balance}
.rd-brand-specific .sm-brand-card p{margin:0;font-size:16px;line-height:1.55;color:#525960}
.rd-brand-specific .sm-brand-codes{border:1px solid #e3e4e7;border-radius:16px;padding:0 16px}
.rd-brand-specific .sm-brand-codes summary{min-height:48px;padding:14px 0;cursor:pointer;font-weight:700;font-size:17px}
.rd-brand-specific .sm-brand-codes ul{margin:0 0 12px;padding-left:20px}
.rd-brand-specific .sm-brand-codes li{margin:8px 0;font-size:16px;line-height:1.5}
.rd-brand-specific .sm-brand-codes p{font-size:15px;line-height:1.5;margin:0 0 16px}
.sm-brand-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0}
.sm-brand-links a{display:inline-flex;align-items:center;min-height:44px}
.rd-brand-specific summary:focus-visible{outline:2px solid #bd0d36;outline-offset:4px}
@media(min-width:768px){.rd-brand-specific .sm-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* Shared visual layout for washing-machine brand pages. */
html body.fr-design.sm-brand-layout #main-content :is(.rd-brand-specific,.rd-service-values,.rd-reference-section)>.container>h2,
html body.fr-design.sm-brand-layout #main-content .rd-service-values>.container>.eyebrow{
 text-align:center!important;margin-left:auto!important;margin-right:auto!important;text-wrap:balance!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-section>.container>h2{line-height:1.25!important;text-wrap:balance!important}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__grid{
 grid-auto-rows:auto!important;align-items:stretch!important;gap:12px!important;
}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__item{
 display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto!important;
 align-items:start!important;align-content:start!important;gap:12px!important;height:auto!important;min-height:0!important;padding:16px!important;
}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-benefit-copy{
 display:block!important;min-width:0!important;grid-column:2!important;grid-row:1!important;
}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-benefit-copy h3{
 font-size:18px!important;line-height:1.35!important;min-height:2.7em!important;margin:0 0 6px!important;
 text-align:left!important;text-wrap:pretty!important;grid-column:auto!important;grid-row:auto!important;
}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-benefit-copy p{
 font-size:16px!important;line-height:1.5!important;margin:0!important;text-align:left!important;
 grid-column:auto!important;grid-row:auto!important;
}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__icon{
 width:36px!important;height:36px!important;min-width:36px!important;grid-column:1!important;grid-row:1!important;
 margin:0!important;padding:4px!important;box-sizing:border-box!important;background:#faedf1!important;border-radius:10px!important;
}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__icon svg{width:28px!important;height:28px!important}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list>div{
 display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;
 min-height:0!important;padding:14px!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list>div>.sm-fault-icon{
 width:40px!important;min-width:40px!important;height:40px!important;box-sizing:border-box!important;padding:4px!important;
 background:#faedf1!important;margin:0!important;border-radius:10px!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list>div>.sm-fault-icon svg{
 width:32px!important;height:32px!important;display:block!important;flex:none!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list>div>p{
 min-width:0!important;margin:0!important;font-size:16px!important;line-height:1.45!important;text-align:left!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;
 border:0!important;background:transparent!important;padding:0!important;align-items:stretch!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-grid>article{
 display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;
 align-content:start!important;align-items:start!important;gap:10px!important;padding:18px!important;height:auto!important;min-height:0!important;
 border:1px solid #e6e7e9!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important;text-align:left!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-icon{
 grid-column:1!important;grid-row:1!important;width:32px!important;height:32px!important;margin:0!important;
 font-size:16px!important;line-height:1!important;background:#faedf1!important;color:#bd0d36!important;border-radius:9px!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-grid h3{
 grid-column:2!important;grid-row:1!important;align-self:center!important;margin:0!important;text-align:left!important;
 font-size:18px!important;line-height:1.35!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-grid p{
 grid-column:1/-1!important;grid-row:2!important;margin:0!important;text-align:left!important;font-size:16px!important;line-height:1.5!important;
}
html body.fr-design.sm-brand-layout #main-content .sm-brand-grid{align-items:stretch;gap:16px}
html body.fr-design.sm-brand-layout #main-content .sm-brand-card{padding:18px}
html body.fr-design.sm-brand-layout #main-content .sm-brand-card h3{font-size:18px!important;line-height:1.35!important;margin:0 0 8px!important;text-align:left!important}
html body.fr-design.sm-brand-layout #main-content .sm-brand-card p{font-size:16px!important;line-height:1.5!important;margin:0!important;text-align:left!important}
html body.fr-design.sm-brand-layout #main-content .sm-brand-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}
html body.fr-design.sm-brand-layout #main-content .sm-brand-links a{min-width:0;line-height:1.4}
@media (min-width:768px) and (max-width:1199px){
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767px){
html body.fr-design.sm-brand-layout #main-content .rd-section>.container>h2{
 font-size:26px!important;line-height:1.25!important;text-align:center!important;margin:0 auto 20px!important;max-width:100%!important;
}
html body.fr-design.sm-brand-layout #main-content .rd-service-values>.container>.eyebrow{text-align:center!important;margin:0 0 8px!important}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__grid{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:10px!important}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__item{grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-benefit-copy h3{font-size:17px!important;min-height:0!important;line-height:1.35!important;margin-bottom:6px!important}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__icon{width:32px!important;height:32px!important;min-width:32px!important;padding:3px!important}
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__icon svg{width:26px!important;height:26px!important}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list{grid-auto-rows:auto!important;gap:0!important}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list>div{grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;padding:12px 0!important}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list>div>.sm-fault-icon{width:36px!important;min-width:36px!important;height:36px!important;padding:3px!important}
html body.fr-design.sm-brand-layout #main-content .rd-hook-list>div>.sm-fault-icon svg{width:30px!important;height:30px!important}
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
html body.fr-design.sm-brand-layout #main-content .rd-service-values .rd-value-grid>article{padding:16px!important}
html body.fr-design.sm-brand-layout #main-content .sm-brand-card{padding:16px}
html body.fr-design.sm-brand-layout #main-content .sm-brand-links{grid-template-columns:minmax(0,1fr);gap:4px}
}

@media(min-width:768px){
html body.fr-design.sm-brand-layout #main-content .sm-commercial-benefits .sm-commercial-benefits__grid{grid-auto-rows:1fr!important}
html body.fr-design.sm-brand-layout #main-content .sm-brand-card h3{min-height:2.7em!important}
}
html body.fr-design.sm-brand-layout #main-content .rd-service-values>.container>.eyebrow{margin:0 0 12px!important}
html body.fr-design.sm-brand-layout #main-content .rd-service-values>.container>h2{margin-top:0!important}