/* Scoped homepage shop showcase. Keep after shared surface/action layers. */
html body .hardware-shop-showcase{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:32px 48px;padding:44px;align-items:center;border-radius:28px;transform:none!important;box-shadow:0 16px 36px #002d521c;scroll-margin-top:150px}
html body .hardware-shop-showcase .eyebrow{font-size:.78rem;letter-spacing:.08em;color:#bbecf7;margin-bottom:14px}
html body .hardware-shop-showcase h2{font-size:clamp(2rem,3.1vw,3rem);margin-bottom:16px}
html body .hardware-shop-showcase .hardware-hero-copy>p{font-size:1rem;line-height:1.65;margin:0 0 22px;color:#e4f1f9}
html body .hardware-category-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 24px}
html body .hardware-category-choice{display:flex;align-items:center;gap:10px;min-height:54px;padding:11px 13px;border:1px solid #89bbd175;border-radius:13px!important;background:linear-gradient(120deg,#ffffff12,#a6dcff08);color:#e9f5fc;font-size:.8rem;line-height:1.35;font-weight:700;text-align:left;box-shadow:none;overflow-wrap:anywhere;cursor:pointer}
html body .hardware-category-choice svg{width:22px;height:22px;flex:0 0 22px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html body .hardware-category-choice[aria-pressed=true]{background:linear-gradient(120deg,#daf3a5,#b8e977);border-color:#c0eb8b;color:#073a56}
html body .hardware-category-choice:hover{border-color:#d0eea4;background:#126286;color:#fff}
html body .hardware-category-choice[aria-pressed=true]:hover{background:#c9ef95;color:#073a56}
html body main .hardware-shop-showcase .hardware-hero-action{background:linear-gradient(110deg,#ffe298,#ffc65c)!important;color:#073d63!important;min-height:52px;padding:13px 18px;border-radius:16px;text-decoration:none;font-size:.9rem;gap:16px}
html body .hardware-shop-showcase .hardware-carousel{position:relative;width:100%;max-width:none;min-width:0;padding:0;border:1px solid #a8d7e665;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#0b527b,#083351);box-shadow:0 16px 30px #00192d33;color:#fff}
html body .hardware-shop-showcase .hardware-slide-label{position:absolute;z-index:1;top:18px;left:18px;margin:0;max-width:calc(100% - 36px);background:#073d63;color:#d6f39b;border:1px solid #9bc8d0;border-radius:9px;padding:6px 11px;font-size:.75rem;line-height:1.4}
html body .hardware-shop-showcase .hardware-slide-image{display:block;background:radial-gradient(ellipse at 65% 30%,#def1eb,transparent 70%),linear-gradient(135deg,#b1d9e8,#d3eaf0 60%,#b8dce6);padding:52px 28px 16px;border-bottom:1px solid #90bfd7;}
html body .hardware-shop-showcase .hardware-slide-image img{display:block;width:100%;height:218px;object-fit:contain;mix-blend-mode:multiply}
html body .hardware-shop-showcase .hardware-slide-copy{padding:22px 24px 8px}
html body .hardware-shop-showcase .hardware-slide-title{font-size:1.4rem;color:#fff;margin:0 0 9px;line-height:1.25}
html body .hardware-shop-showcase .hardware-slide-caption{text-align:left;font-size:.9rem;font-weight:400;min-height:3.2em;line-height:1.6;color:#e0f0fa;margin:0 0 16px}
html body .hardware-shop-showcase .hardware-category-shop{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;color:#d6f39b;text-decoration:none;font-size:.84rem;font-weight:800}
html body .hardware-shop-showcase .hardware-category-shop:hover{text-decoration:underline;color:#fff}
html body .hardware-shop-showcase .hardware-slide-controls{border-top:1px solid #9ecddd45;margin:8px 24px 0;padding:14px 0 18px;gap:14px;color:#e1f2fd}
html body .hardware-shop-showcase .hardware-slide-controls button{height:42px;width:42px;min-width:42px;min-height:42px;background:#194d6c;color:#e8f5fd;border:1px solid #87bacb;box-shadow:none}
html body .hardware-shop-showcase .hardware-slide-controls button:hover{background:#b9e886;color:#073d63}
html body .hardware-shop-categories{grid-column:1/-1;border-top:1px solid #b9dcec55;padding-top:22px;width:100%;color:#e2f1fa}
html body .hardware-shop-categories summary{display:flex;justify-content:space-between;align-items:center;gap:18px;list-style:none;min-height:48px;font-weight:800;font-size:.96rem;cursor:pointer;color:#fff}
html body .hardware-shop-categories summary::-webkit-details-marker{display:none}
html body .hardware-shop-categories summary::before{content:'+';font-size:1.4rem;color:#c9ee99}
html body .hardware-shop-categories[open]>summary::before,html body .hardware-category-variants[open]>summary::before{content:'−'}
html body .hardware-shop-categories summary>span{margin-left:auto;font-size:.75rem;font-weight:400;color:#cee7f4}
html body .hardware-shop-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;padding:24px 0 5px}
html body .hardware-shop-category-grid h3{font-size:.95rem;margin:0 0 14px}
html body .hardware-shop-category-grid h3 a{color:#d6f39b;text-decoration:none;line-height:1.5}
html body .hardware-shop-category-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:3px}
html body .hardware-shop-category-grid li{margin:0;padding:0}
html body .hardware-shop-category-grid li a{display:block;padding:8px 0;min-height:40px;font-size:.82rem;line-height:1.5;color:#e4f3fc;text-decoration:none;overflow-wrap:anywhere}
html body .hardware-shop-category-grid a:hover{text-decoration:underline;color:#fff}
html body .hardware-category-variants{margin:0 0 8px;border-left:1px solid #abd4e45c;padding-left:12px}
html body .hardware-category-variants summary{justify-content:flex-start;font-size:.73rem;font-weight:400;color:#c6e6f6;min-height:44px;gap:8px;padding:0}
html body .hardware-category-variants summary::before{font-size:1rem}
html body .hardware-category-variants ul{padding:3px 0 4px}
html body .hardware-shop-showcase :is(a,button,summary):focus-visible{outline:3px solid #c9ee99;outline-offset:4px}
html body .hardware-slide-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){html body .hardware-shop-showcase{gap:28px;padding:30px}html body .hardware-category-choice{font-size:.76rem;padding:10px}html body .hardware-shop-showcase .hardware-slide-image img{height:210px}}
@media(max-width:800px){html body .hardware-shop-showcase{grid-template-columns:minmax(0,1fr);padding:30px;gap:28px}html body .hardware-shop-showcase .hardware-carousel{max-width:550px;justify-self:center}html body .hardware-shop-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body .hardware-category-choice{font-size:.86rem}}
@media(max-width:480px){html body .hardware-shop-showcase{padding:24px 18px;border-radius:22px;gap:24px}html body .hardware-shop-showcase .eyebrow{font-size:.67rem}html body .hardware-shop-showcase h2{font-size:2rem}html body .hardware-category-choice{padding:10px 9px;gap:8px;font-size:.73rem;min-height:58px}html body .hardware-category-choice svg{width:19px;height:19px;flex-basis:19px}html body .hardware-shop-showcase .hardware-slide-image{padding:55px 18px 15px}html body .hardware-shop-showcase .hardware-slide-image img{height:195px}html body .hardware-shop-showcase .hardware-slide-copy{padding:20px 20px 6px}html body .hardware-shop-showcase .hardware-hero-action{width:100%;justify-content:space-between;font-size:.83rem;gap:8px;padding:14px}html body .hardware-shop-categories summary{flex-wrap:wrap;gap:10px;font-size:.87rem}html body .hardware-shop-categories summary>span{flex-basis:100%;margin-left:24px}html body .hardware-shop-category-grid{grid-template-columns:1fr;gap:26px}}
@media(max-width:360px){html body .hardware-category-choice{flex-direction:column;justify-content:center;gap:6px;padding:10px 6px;font-size:.75rem;text-align:center;overflow-wrap:normal;word-break:normal;min-height:76px}html body .hardware-category-choice span{width:100%}}
