/* Shared ARP18 visual system: one identity on every screen. */
:root{--forest:#294631;--search-green:#d4e5aa;--nav-black:#151714}
body{font-size:16px}
.announcement{font-size:12px}
header{gap:24px;padding-top:20px;padding-bottom:20px;position:relative;z-index:20;background:#fff}
.search{height:50px;position:relative;background:#fff;border:1px solid #cdd1c5;border-radius:9px;transition:border-color .18s,box-shadow .18s;min-width:0}
.search:hover{border-color:#92a377}
.search:focus-within{border-color:var(--sage);box-shadow:0 0 0 3px #7e9a3f30}
.search input{font-size:16px;padding:0 16px;outline:none!important;color:var(--ink);border-radius:9px 0 0 9px}
.search input::placeholder{color:#73776d;opacity:1}
.search button{background:var(--search-green);color:#20311e;min-width:56px;border-radius:0 8px 8px 0;transition:background .18s,color .18s}
.search button:hover,.search button:focus-visible{background:var(--forest);color:#fff}
.search button:active{background:#1d3424}
.search button svg{width:23px;height:23px}
.search-suggestions{position:absolute;left:-1px;right:-1px;top:calc(100% + 7px);padding:8px;background:white;border:1px solid #e1e4db;border-radius:11px;box-shadow:0 14px 32px #18261724;z-index:50;color:var(--ink);max-height:min(470px,60vh);overflow:auto;overscroll-behavior:contain}
.search-suggestions-heading{padding:8px 10px 9px;font-size:12px;font-weight:650;color:#6b7162;letter-spacing:.04em}
.search-suggestions [role=option]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 11px;border-radius:6px;font-size:15px;line-height:1.4;min-height:46px;white-space:normal}
.search-suggestions [role=option]>span{overflow-wrap:anywhere}
.search-suggestions [role=option] small{font-size:12px;color:#68725e;flex-shrink:0;max-width:35%;text-align:right}
.search-suggestions [role=option]:hover,.search-suggestions [aria-selected=true]{background:#edf3e4}
.search-suggestions [role=option]:last-child{border-top:1px solid var(--line);border-radius:0;font-weight:600;margin-top:5px;padding-top:14px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
nav[aria-label="Main navigation"]{background:var(--nav-black);color:#fff;gap:5px;padding:5px max(18px,calc(4.5% - 10px));font-size:15px;line-height:1.4;min-height:54px;scroll-padding-inline:20px}
nav[aria-label="Main navigation"] a{display:flex;align-items:center;padding:12px 11px;min-height:44px;border-radius:5px;transition:background .18s,color .18s}
nav[aria-label="Main navigation"] a:hover{background:#ffffff18;color:#e0efbd}
nav[aria-label="Main navigation"] a:focus-visible{outline-color:var(--search-green);outline-offset:-2px;background:#ffffff18}
.header-help,.button.small,.section-head>a,.inline-link{font-size:14px}
.button{font-size:14px}
.caption{font-size:12px!important}
.eyebrow{font-size:11px}
.intro p{font-size:14px}
.category-card.category-visual{--category-bg:#e8f0e1;background:var(--category-bg);border-color:transparent;transition:transform .2s,box-shadow .2s}
.category-card.category-humanoids{--category-bg:#deebf5}
.category-card.category-robots{--category-bg:#f5e6cb}
.category-card.category-accessories{--category-bg:#f5ded6}
.category-card.category-skins{--category-bg:#e5e0f1}
.category-card.category-hands{--category-bg:#e2eee5}
.category-card.category-charging{--category-bg:#f5eabf}
.category-card.category-actuators{--category-bg:#dce8ee}
.category-card.category-sensors{--category-bg:#eedde7}
.category-card.category-development{--category-bg:#e5e8f5}
.category-card.category-visual>img{mix-blend-mode:normal;object-fit:contain;padding:18px 14px 68px;transition:transform .25s}
.category-card.category-visual:hover{background:var(--category-bg);box-shadow:0 8px 22px #20221e12;transform:translateY(-3px)}
.category-card.category-visual:hover>img{transform:scale(1.035)}
.category-card .category-label{background:linear-gradient(transparent,var(--category-bg) 24%);padding:28px 22px 20px;min-height:80px}
.category-card .category-label h3{color:#20221e}
.category-card .arrow{background:#ffffffb0;border-color:#ffffffd0;color:#20221e}
.category-image-frame{background:#f0eff4;border-radius:14px}
.category-photo{mix-blend-mode:normal}
.product-image img{mix-blend-mode:normal}
.benefit-grid article:nth-child(2){background:#faf5ea}
.benefit-grid article:nth-child(3){background:#f0f5f8}
.seller-feature{background:#e9edf4}
.seller-feature aside{background:#ffffffb3}
.use-shortcuts>a:nth-child(3n+1){background:#f2f5fa}
.use-shortcuts>a:nth-child(3n+2){background:#faf3e7}
@media(max-width:1000px){nav[aria-label="Main navigation"]{font-size:14px}.search input{font-size:16px}.category-card.category-visual>img{padding:15px 10px 68px}}
@media(max-width:700px){body{font-size:15px}header{gap:14px;padding-top:17px;padding-bottom:17px}.search{height:50px;flex-basis:100%}.search input{padding-left:13px}.search button{min-width:52px}.search-suggestions [role=option]{font-size:14px;gap:10px}.search-suggestions [role=option] small{font-size:11px}.announcement{font-size:11px}.header-help,.button.small{font-size:12px}.global-intro .eyebrow{font-size:10px}.category-card.category-visual>img{padding:12px 6px 65px}.category-card .category-label{padding:23px 12px 15px;min-height:74px}.category-label h3,.home-categories .category-label h3{font-size:16px;line-height:1.3}.category-card .arrow{width:27px;height:27px;flex-shrink:0}}
@media(max-width:360px){.category-label h3,.home-categories .category-label h3{font-size:14px}.category-card .category-label{gap:5px}.category-card .arrow{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category-card.category-visual,.category-card.category-visual>img,.search,.search button,nav a{transition:none}.category-card.category-visual:hover,.category-card.category-visual:hover>img{transform:none}}