[data-effect]{--effect-duration:700ms;--effect-delay:0ms;--effect-distance:48px}.mtg-motion-ready [data-effect^=slide-]:not(.effect-visible),.mtg-motion-ready [data-effect=fade]:not(.effect-visible),.mtg-motion-ready [data-effect=zoom]:not(.effect-visible){opacity:0}.mtg-motion-ready [data-effect=slide-left]:not(.effect-visible){transform:translateX(calc(-1 * var(--effect-distance)))}.mtg-motion-ready [data-effect=slide-right]:not(.effect-visible){transform:translateX(var(--effect-distance))}.mtg-motion-ready [data-effect=slide-up]:not(.effect-visible){transform:translateY(var(--effect-distance))}.mtg-motion-ready [data-effect=slide-down]:not(.effect-visible){transform:translateY(calc(-1 * var(--effect-distance)))}.mtg-motion-ready [data-effect=zoom]:not(.effect-visible){transform:scale(.92)}[data-effect^=slide-],[data-effect=fade],[data-effect=zoom]{transition:opacity var(--effect-duration) ease var(--effect-delay),transform var(--effect-duration) cubic-bezier(.2,.7,.2,1) var(--effect-delay)}[data-effect=lift]{transition:transform .3s,box-shadow .3s}[data-effect=lift]:hover,[data-effect=lift]:focus-within{transform:translateY(-8px);box-shadow:0 14px 28px #10283f1f}[data-effect=zoom-hover]{overflow:hidden}[data-effect=zoom-hover] img{transition:transform .5s}[data-effect=zoom-hover]:hover img{transform:scale(1.06)}[data-effect=grayscale] img{filter:grayscale(1);transition:filter .5s}[data-effect=grayscale]:hover img{filter:none}[data-effect=underline]{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:2px;text-underline-offset:8px}[data-effect=glass]{background:#ffffffcc;backdrop-filter:blur(14px);border:1px solid #ffffffaa}[data-effect=shadow]{box-shadow:0 12px 35px #071a321c}[data-effect=rounded]{border-radius:20px;overflow:hidden}[data-effect=sticky]{position:sticky;top:120px;align-self:start}.mtg-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.mtg-three{grid-template-columns:repeat(3,minmax(0,1fr))}.mtg-feature{padding:30px;background:var(--pale)}.mtg-faq details{border-bottom:1px solid var(--line);padding:18px 0}.mtg-faq summary{cursor:pointer;font-size:19px}.mtg-callout{padding:40px;background:var(--navy);color:white}.mtg-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mtg-gallery img{width:100%;aspect-ratio:1.2;object-fit:cover}.mtg-flip{perspective:1000px;min-height:260px;position:relative}.mtg-flip-inner{position:relative;min-height:260px;transform-style:preserve-3d;transition:transform .7s}.mtg-flip:hover .mtg-flip-inner,.mtg-flip:focus-within .mtg-flip-inner{transform:rotateY(180deg)}.mtg-flip-front,.mtg-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:32px;background:var(--pale);display:flex;flex-direction:column;justify-content:center}.mtg-flip-back{transform:rotateY(180deg);background:var(--navy);color:white}.mtg-tabs [role=tablist]{display:flex;gap:10px;border-bottom:1px solid var(--line);margin-bottom:20px}.mtg-tabs [role=tab]{border:0;background:var(--pale);padding:12px 20px;cursor:pointer}.mtg-tabs [role=tab][aria-selected=true]{background:var(--blue);color:white}.mtg-carousel{position:relative}.mtg-carousel-slides>figure{margin:0}.mtg-carousel img{width:100%;height:420px;object-fit:cover}.mtg-carousel-controls{display:flex;justify-content:space-between;gap:20px;margin-top:12px}.mtg-carousel-controls button{background:var(--blue);color:white;border:0;padding:10px 20px;cursor:pointer}.mtg-lightbox{padding:0;border:0;background:#071a32;color:white;max-width:95vw;max-height:95vh}.mtg-lightbox::backdrop{background:#071a32d9}.mtg-lightbox img{max-height:80vh;max-width:90vw;object-fit:contain}.mtg-lightbox button{display:block;margin-left:auto;background:white;border:0;padding:10px 20px;cursor:pointer}.mtg-caption{padding:12px 20px}.mtg-divider{border:0;border-top:1px solid var(--line);margin:40px 0}@media(max-width:700px){.mtg-columns,.mtg-three{grid-template-columns:1fr}.mtg-gallery{grid-template-columns:1fr 1fr}.mtg-carousel img{height:280px}}@media(prefers-reduced-motion:reduce){[data-effect]{transition:none!important;transform:none!important;opacity:1!important}.mtg-flip-inner{transition:none!important}}
[data-hero-showcase]{isolation:isolate}
[data-hero-showcase]:after{pointer-events:none;z-index:3}
.hero-showcase-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:0;transition:opacity .65s ease;pointer-events:none}
[data-hero-showcase]:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 18%,rgba(7,26,50,.12) 32%,rgba(7,26,50,.87) 72%,rgba(7,26,50,.97));opacity:0;transition:opacity .65s ease;pointer-events:none}
[data-hero-showcase]>.image-note{transition:opacity .35s ease;z-index:4}
.hero-showcase-playing>.hero-showcase-video,.hero-showcase-playing:before{opacity:1}
.hero-showcase-playing>.image-note{opacity:0;visibility:hidden}
.hero-showcase-deck{position:absolute;inset:0;z-index:4;pointer-events:none}
.hero-showcase-caption{position:absolute;left:22%;right:40px;bottom:38px;color:#fff;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease,visibility .35s}
.hero-showcase-playing .hero-slide-active{opacity:1;visibility:visible;transform:none}
.hero .hero-showcase-caption .hero-slide-index{display:block;margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#a9e9f2}
.hero .hero-showcase-caption h2{font-size:clamp(28px,2.8vw,42px);font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px;color:#fff;overflow-wrap:normal}
.hero .hero-showcase-caption .hero-slide-theme{margin:0 0 12px;color:#a9e9f2;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;max-width:none}
.hero .hero-showcase-caption .hero-slide-description{margin:0;max-width:460px;font-size:16px;line-height:1.6;color:#fff}
.hero .hero-showcase-caption .hero-slide-note{display:block;margin-top:12px;font-size:12px;line-height:1.5;color:#c4d0dd}
.hero-showcase-toggle{position:absolute;top:24px;right:24px;z-index:5;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffffa6;border-radius:50%;color:white;background:#071a32a6;cursor:pointer;backdrop-filter:blur(10px)}
.hero-showcase-toggle:hover{background:var(--navy)}
.hero-showcase-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.hero-showcase-toggle span{width:11px;height:14px;border-inline:3px solid currentColor}
.hero-showcase-toggle[data-paused=true] span{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;border-right:0;margin-left:3px}
@media(min-width:701px) and (max-width:1000px){.hero-showcase-caption{left:20%;right:24px;bottom:28px}.hero .hero-showcase-caption h2{font-size:30px}.hero .hero-showcase-caption .hero-slide-index{font-size:11px;letter-spacing:.08em;margin-bottom:12px}.hero .hero-showcase-caption .hero-slide-description{font-size:15px;line-height:1.5}.hero .hero-showcase-caption .hero-slide-theme{font-size:11px;letter-spacing:.09em}}
@media(max-width:700px){.hero-showcase-caption{left:15%;right:22px;bottom:22px}.hero .hero-showcase-caption h2{font-size:26px;margin-bottom:8px}.hero .hero-showcase-caption .hero-slide-index{font-size:10px;letter-spacing:.08em;margin-bottom:8px}.hero .hero-showcase-caption .hero-slide-theme{font-size:11px;letter-spacing:.07em;margin-bottom:8px}.hero .hero-showcase-caption .hero-slide-description{font-size:14px;line-height:1.5}.hero .hero-showcase-caption .hero-slide-note{font-size:11px;margin-top:8px}.hero-showcase-toggle{width:36px;height:36px;top:16px;right:16px}[data-hero-showcase]:before{background:linear-gradient(180deg,transparent 5%,rgba(7,26,50,.45) 30%,rgba(7,26,50,.9) 65%,rgba(7,26,50,.97))}}
@media(prefers-reduced-motion:reduce){.hero-showcase-video,[data-hero-showcase]:before,.hero-showcase-caption,[data-hero-showcase]>.image-note{transition:none;transform:none}}
/* The page editor exposes all six text panels for direct editing. */
.mtg-editor-canvas [data-hero-showcase]{clip-path:none;margin-left:0;overflow:visible;height:auto;min-height:340px;padding-top:340px}
.mtg-editor-canvas [data-hero-showcase]>img{height:340px;top:0}
.mtg-editor-canvas [data-hero-showcase]>.image-note{top:190px;bottom:auto}
.mtg-editor-canvas .hero-showcase-video,.mtg-editor-canvas .hero-showcase-toggle{display:none}
.mtg-editor-canvas .hero-showcase-deck{position:relative;inset:auto;pointer-events:auto;background:var(--navy)}
.mtg-editor-canvas .hero-showcase-caption{position:relative;inset:auto;padding:28px 32px;opacity:1;visibility:visible;transform:none;border-bottom:1px solid #ffffff40}
/* Paired editorial sections: the renderer/editor derive sides from page order.
   Existing section colors and typography remain editable in their own styles. */
[data-showcase-row][data-showcase-image]{display:grid;min-width:0;isolation:isolate}
[data-showcase-row][data-showcase-image]>[data-showcase-media],
[data-showcase-row][data-showcase-image]>[data-showcase-copy]{min-width:0;grid-row:1}
[data-showcase-row][data-showcase-image]>[data-showcase-side=left]{order:0;grid-column:1}
[data-showcase-row][data-showcase-image]>[data-showcase-side=right]{order:1;grid-column:2}
.mtg-showcase[data-showcase-row]{grid-template-columns:1fr 1fr;background:var(--pale)}
.mtg-showcase>[data-showcase-media]{display:block;min-height:380px;overflow:hidden;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.mtg-showcase>[data-showcase-media] img{display:block;width:100%;height:100%;object-fit:cover}
.mtg-showcase>[data-showcase-copy]{padding:clamp(28px,4vw,56px);align-self:center}
.mtg-showcase>[data-showcase-copy]>p{color:var(--muted);margin-bottom:26px}
.mtg-showcase[data-showcase-image=right]>[data-showcase-media]{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.system-teaser[data-showcase-row][data-showcase-image=left]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.system-teaser[data-showcase-row][data-showcase-image=right]{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.system-teaser[data-showcase-row][data-showcase-image=right]>.system-teaser-visual{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.system-teaser[data-showcase-row][data-showcase-image=right]>.system-teaser-copy{padding:45px 25px 45px 48px}
.custom-block[data-showcase-row][data-showcase-image=right]{grid-template-columns:46% 54%}
.custom-block[data-showcase-row][data-showcase-image=right]>.custom-photo{clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
.custom-block[data-showcase-row][data-showcase-image=right]>.custom-copy{padding:65px 20px 65px 46px}
.home-shower-feature[data-showcase-row][data-showcase-image=right]{grid-template-columns:minmax(0,1fr) minmax(220px,320px)}
/* Match the fabrication photo's diagonal; mirror it when the editor reorders. */
.home-shower-feature[data-showcase-row]>[data-showcase-media]{overflow:hidden;clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}
.home-shower-feature[data-showcase-row][data-showcase-image=right]>[data-showcase-media]{clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
/* The editor shows final positions; all text/media remain available to select. */
.mtg-editor-canvas [data-showcase-row]>[data-slide]{opacity:1;transform:none;animation:none!important}
@media(min-width:701px) and (max-width:1100px){
 .system-teaser[data-showcase-row][data-showcase-image=right]>.system-teaser-copy{padding:32px 20px 32px 30px}
 .custom-block[data-showcase-row][data-showcase-image=right]>.custom-copy{padding:36px 8px 36px 24px}
}
@media(min-width:701px) and (max-width:900px){
 .custom-block[data-showcase-row][data-showcase-image=right]{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 [data-showcase-row][data-showcase-image],.system-teaser[data-showcase-row][data-showcase-image],.custom-block[data-showcase-row][data-showcase-image],.home-shower-feature[data-showcase-row][data-showcase-image]{grid-template-columns:minmax(0,1fr);gap:0}
 [data-showcase-row][data-showcase-image]>[data-showcase-media]{grid-column:1;grid-row:1;order:0;min-height:0}
 [data-showcase-row][data-showcase-image]>[data-showcase-copy]{grid-column:1;grid-row:2;order:1}
 .mtg-showcase[data-showcase-row]>[data-showcase-media]{height:300px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
 .system-teaser[data-showcase-row][data-showcase-image]>.system-teaser-visual{clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
 .system-teaser[data-showcase-row][data-showcase-image]>.system-teaser-copy{padding:20px 25px 32px}
 .custom-block[data-showcase-row][data-showcase-image]>.custom-photo{clip-path:polygon(0 0,100% 0,89% 100%,0 100%)}
 .custom-block[data-showcase-row][data-showcase-image]>.custom-copy{padding:35px 24px}
 .home-shower-feature[data-showcase-row][data-showcase-image]>[data-showcase-media]{clip-path:polygon(0 0,100% 0,89% 100%,0 100%)}
}
@media(prefers-reduced-motion:reduce){
 [data-slide]{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
}

/* Glass Hardware: a compact family tree and an efficient, searchable catalog. */
.hardware-section{background:#f5f6f4;border-top:1px solid var(--line)}
.hardware-section .section-head>p{max-width:440px;color:var(--muted);margin:0}
.hardware-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hardware-family{min-width:0;border-bottom:1px solid #cdd9df;padding-bottom:24px}
.hardware-family-photo{display:block;position:relative;background:#fff;aspect-ratio:1.45;clip-path:polygon(0 0,100% 0,91% 100%,0 100%);overflow:hidden}
.hardware-family-photo img{width:100%;height:100%;object-fit:contain;padding:24px 38px;transition:transform .4s}
.hardware-family-photo:hover img{transform:scale(1.035)}
.hardware-family-number{position:absolute;left:16px;top:12px;color:var(--blue);font-size:12px}
.hardware-family-heading{padding-top:25px}.hardware-family-heading .eyebrow{margin-bottom:10px}
.hardware-family h3{font-weight:500;font-size:26px;letter-spacing:-.025em;line-height:1.25;margin:0 0 18px}
.hardware-family h3 a{display:flex;justify-content:space-between;gap:15px}
.hardware-family-tree{border-block:1px solid var(--line);margin-bottom:15px}
.hardware-family-tree>summary{cursor:pointer;font-size:14px;padding:14px 0;display:flex;justify-content:space-between;font-weight:600}
.hardware-family-tree ul,.hardware-sidebar ul{list-style:none;margin:0;padding:0}
.hardware-family-tree li{border-top:1px solid var(--line)}
.hardware-family-tree li a,.hardware-family-tree li summary{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:13px;cursor:pointer}
.hardware-family-tree ul ul{padding-left:14px}.hardware-family-tree small{color:var(--muted);font-size:11px;flex:none}
.hardware-family-tree a:hover,.hardware-family h3 a:hover{color:var(--blue)}
.hardware-section-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:32px;margin-top:32px;border-top:1px solid var(--line)}
.hardware-section-footer p{max-width:650px;color:var(--muted);font-size:15px;margin:0}
.hardware-intro{padding:45px 0 50px;background:#f5f6f4;border-bottom:1px solid var(--line)}
.hardware-intro .breadcrumb{padding-top:0;margin-bottom:30px}
.hardware-intro h1{font-size:clamp(44px,5vw,68px);font-weight:500;line-height:1.06;letter-spacing:-.04em;margin:0 0 20px}
.hardware-intro p{max-width:730px;color:var(--muted);margin:0}
.hardware-browser{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;align-items:start}
.hardware-sidebar{min-width:0;position:sticky;top:115px;max-height:calc(100vh - 140px);overflow:auto;padding-right:18px;border-right:1px solid var(--line);scrollbar-width:thin}
.hardware-category-nav>summary{display:none}.hardware-sidebar nav>a,.hardware-sidebar li>a,.hardware-sidebar summary{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;font-size:14px;line-height:1.4;cursor:pointer}
.hardware-sidebar summary{font-weight:600}.hardware-sidebar summary::after{content:'+';font-size:17px;color:var(--blue)}
.hardware-sidebar details[open]>summary::after{content:'−'}.hardware-sidebar .hardware-category-nav>summary::after{content:none}
.hardware-sidebar li{border-top:1px solid var(--line)}.hardware-sidebar li ul{padding-left:13px}
.hardware-sidebar li li>a,.hardware-sidebar li li summary{font-size:13px;font-weight:400}
.hardware-sidebar small{color:var(--muted);font-size:11px;margin-left:auto;flex:none}
.hardware-sidebar a[aria-current=true]{color:var(--blue);font-weight:700}.hardware-sidebar a:hover{color:var(--blue)}
.hardware-sidebar .hardware-view-category{font-size:12px;display:flex;align-items:center;gap:8px;color:var(--blue);padding:5px 0 10px}
.hardware-help{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:13px;color:var(--muted)}.hardware-help a{color:var(--ink);font-weight:600}
.hardware-results{min-width:0}.hardware-toolbar{display:flex;gap:18px;align-items:flex-end;padding-bottom:25px;border-bottom:1px solid var(--line)}
.hardware-search{flex:1}.hardware-search label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}
.hardware-search input{width:100%;min-height:49px;border:1px solid #b8c8d0;padding:11px 14px;font:inherit;background:#fff;color:var(--ink);border-radius:0}
.hardware-reset{min-height:49px;padding:10px 12px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:13px;cursor:pointer}
.hardware-result-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:25px 0}
.hardware-result-heading h2{font-size:25px;line-height:1.3;margin:0}.hardware-result-heading p{font-size:12px;color:var(--muted);margin:0;flex:none}
.hardware-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
.hardware-card{min-width:0;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.hardware-card-photo{position:relative;display:block;background:#f6f7f6;aspect-ratio:1.12;overflow:hidden}
.hardware-card-photo img{width:100%;height:100%;object-fit:contain;padding:17px;transition:transform .35s}
.hardware-card-photo:hover img{transform:scale(1.045)}.hardware-card-photo>.arrow{position:absolute;right:12px;bottom:12px;background:#ffffffeb;width:28px;height:28px;text-align:center;padding-top:3px;color:var(--blue)}
.hardware-card-copy{padding:17px 0 20px;display:flex;flex-direction:column;flex:1}
.hardware-card-category{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);margin-bottom:9px;line-height:1.45}
.hardware-card h3{font-size:19px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}
.hardware-card p{font-size:13px;color:var(--muted);line-height:1.55;margin:0 0 18px;overflow-wrap:anywhere}
.hardware-card-link{font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.hardware-card-link:hover,.hardware-card h3 a:hover{color:var(--blue)}
.hardware-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:30px;margin-top:18px}
.hardware-pagination button{background:#fff;border:1px solid var(--line);padding:10px 18px;color:var(--ink);font-size:14px;cursor:pointer}
.hardware-pagination button:disabled{opacity:.4;cursor:default}.hardware-pagination span{font-size:13px;color:var(--muted)}
.hardware-empty{padding:55px 20px;background:var(--pale);text-align:center}.hardware-empty h3{font-size:25px;font-weight:500}.hardware-empty p{color:var(--muted)}
.hardware-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hardware-detail-title{font-size:20px!important;line-height:1.45;color:var(--ink)!important}
.hardware-source-link{display:inline-flex;align-items:center;gap:14px;margin-top:22px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:5px;color:var(--blue)}
.hardware-technical-copy{overflow-wrap:anywhere}.hardware-technical-copy table{width:100%;border-collapse:collapse;font-size:14px}
.hardware-technical-copy td,.hardware-technical-copy th{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.hardware-technical-copy th{background:var(--pale)}.hardware-technical-copy img{max-width:100%;height:auto;object-fit:contain;margin:20px auto}
.hardware-technical-copy .spec-table-wrap{max-width:100%;overflow:auto;margin:20px 0}
.hardware-technical-copy .hardware-variant-table{min-width:600px;overflow-wrap:normal}
.hardware-technical-copy .hardware-variant-table td{min-width:120px}
.hardware-option-list{margin:25px 0}.hardware-option-list>div{padding:14px 0;border-top:1px solid var(--line)}.hardware-option-list dt{font-weight:600;font-size:14px}.hardware-option-list dd{margin:5px 0 0;font-size:14px;color:var(--muted)}
.hardware-source-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:25px}
.hardware-detail .sample-thumbs{max-height:360px;overflow:auto;padding:2px 6px 6px 2px;scrollbar-width:thin;overscroll-behavior:contain}
.hardware-detail .sample-main> a>img{object-fit:contain}
.hardware-detail h1,.hardware-detail .sample-thumb span{overflow-wrap:anywhere}
.hardware-detail .sample-thumb span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1100px){.hardware-browser{grid-template-columns:220px minmax(0,1fr);gap:26px}.hardware-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-family-grid{gap:20px}.hardware-family h3{font-size:23px}.hardware-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hardware-browser{grid-template-columns:1fr;gap:25px}.hardware-sidebar{position:static;max-height:none;border:1px solid var(--line);padding:0 18px}.hardware-category-nav>summary{display:flex;font-size:14px;font-weight:600;padding:14px 0;cursor:pointer}.hardware-category-nav>summary::after{content:'−'!important}.hardware-category-nav:not([open])>summary::after{content:'+'!important}.hardware-help{display:none}.hardware-family-grid{grid-template-columns:1fr}.hardware-family-photo{aspect-ratio:1.7}.hardware-family-photo img{padding:24px 50px}.hardware-section-footer{align-items:flex-start;flex-direction:column}.hardware-family{padding-bottom:28px}.hardware-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hardware-product-grid{grid-template-columns:1fr;gap:28px}.hardware-card-photo{aspect-ratio:1.45}.hardware-card-photo img{padding:25px}.hardware-toolbar{flex-wrap:wrap}.hardware-search{flex-basis:100%}.hardware-reset{min-height:38px;padding:7px 12px}.hardware-result-heading{align-items:flex-start;flex-direction:column;gap:5px}.hardware-result-heading h2{font-size:25px}.hardware-intro{padding:30px 0 38px}.hardware-pagination button{padding:9px 12px;font-size:13px}.hardware-pagination{gap:8px}.hardware-related-grid{grid-template-columns:1fr}}