/* Reference structure: category | text input | solid square search button. */
.header-main #search-form{display:flex;align-items:stretch;gap:0;padding:0;border:1px solid var(--purple);height:54px;background:var(--field);overflow:visible}
#search-category{flex:0 0 128px;width:128px;min-width:0;height:100%;padding:0 15px;border:0;border-right:1px solid var(--purple);border-radius:0;background:var(--field);color:var(--ink);font-size:14px;cursor:pointer}
.header-main #search-input{flex:1;min-width:0;width:100%;padding:0 18px;text-align:left;font-size:15px;background:transparent}
.header-main #search-input::placeholder{text-align:left;color:var(--gray)}
.header-main #search-form>button{display:grid;place-items:center;flex:0 0 54px;width:54px;padding:0;background:var(--purple);color:#fff;border:0;border-radius:0}
.header-main #search-form>button:hover{background:var(--purple-dark)}#search-form>button svg{width:27px;height:27px}
.product h3 a{display:block;color:inherit}.banner-copy .banner-link{display:inline-block}
@media(max-width:760px){html.touch-layout .header-main #search-form{height:48px}html.touch-layout #search-category{flex-basis:102px;width:102px;padding:0 9px;font-size:12px}html.touch-layout .header-main #search-input{padding:0 11px;font-size:13px}html.touch-layout .header-main #search-form>button{width:48px;flex-basis:48px}html.touch-layout #search-form>button svg{width:24px;height:24px}}

#search-category{appearance:auto;-webkit-appearance:auto}

.search-scope{position:relative;flex:0 0 128px;min-width:0;align-self:stretch;border-right:1px solid var(--line)}
#search-scope-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;padding:0 17px;color:var(--ink);background:var(--surface);font-size:14px;font-weight:600;border:0;border-radius:0;text-align:left}
#search-scope-trigger span{min-width:0;white-space:nowrap}#search-scope-trigger i{display:block;flex:0 0 7px;width:7px;height:7px;border-right:1.5px solid var(--gray);border-bottom:1.5px solid var(--gray);transform:translateY(-2px) rotate(45deg)}
#search-scope-trigger[aria-expanded=true]{color:var(--purple);background:var(--lavender)}#search-scope-trigger[aria-expanded=true] i{border-color:var(--purple);transform:translateY(2px) rotate(225deg)}
#search-scope-trigger:hover{background:#e5e4e9}#search-scope-trigger:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}
.search-scope-menu{position:absolute;z-index:80;left:-1px;top:calc(100% + 9px);width:174px;list-style:none;margin:0;padding:6px;background:var(--field);border:1px solid var(--line);box-shadow:0 8px 20px #272b3314}
.search-scope-menu [role=option]{padding:10px 12px;border-left:3px solid transparent;cursor:pointer;line-height:1.5;font-size:14px;font-weight:500;color:var(--ink)}.search-scope-menu [role=option]:hover,.search-scope-menu [role=option]:focus{background:var(--surface);outline:none}.search-scope-menu [aria-selected=true]{color:var(--purple);background:var(--lavender);border-left-color:var(--purple);font-weight:750}
@media(max-width:760px){html.touch-layout .search-scope{flex-basis:104px}html.touch-layout #search-scope-trigger{padding:0 12px;font-size:12px;gap:8px}html.touch-layout .search-scope-menu{width:160px}html.touch-layout .search-scope-menu [role=option]{font-size:13px;padding:11px 10px}}

.product-grid .product-media{aspect-ratio:1}.product-media img{object-fit:contain}.catalog-all>.product-kyushu .product-media,.catalog-all>.product-nagoya .product-media{height:auto;aspect-ratio:1}

#product-grid.catalog-all{grid-template-columns:repeat(4,minmax(0,1fr))}#product-grid.catalog-all>.product{grid-column:span 2}#product-grid .product-media{height:auto;aspect-ratio:1}#product-grid.catalog-all>.industry-heading{grid-column:1/-1}@media(max-width:760px){html.touch-layout #product-grid.catalog-all{grid-template-columns:repeat(2,minmax(0,1fr))}html.touch-layout #product-grid.catalog-all>.product{grid-column:auto}html.touch-layout #product-grid.catalog-all>.product:first-child{grid-column:auto}html.touch-layout #product-grid.catalog-all>.product .product-media{aspect-ratio:1}}

#product-grid .product-media img{width:100%;height:100%;object-fit:cover;object-position:center}