/* Semiconductor visual direction — original styling for MOS Supply */
:root{--ink:#162c3c;--green:#007c63;--cream:#f1f5f5;--line:#dce5e6;--muted:#5c6e78;--accent:#a9e832;--navy:#072c3d}body{font-family:Arial,'Segoe UI',sans-serif;background:#fff}a,button,.card{transition:background .2s,color .2s,border-color .2s,transform .2s}.preview{background:var(--navy);color:#c3d7df;font-size:10px;letter-spacing:1.1px;padding:5px 20px}header{max-width:1440px;padding:25px 5%;height:108px}.logo{color:var(--navy);font-size:27px;letter-spacing:-1.3px}.mark{color:#00856c}.logo small{font-size:8px;color:#59727d;letter-spacing:1.6px}.header-cta{background:var(--accent);color:var(--navy);border:0;padding:12px 20px;font-weight:700;font-size:12px}.header-cta:hover{background:#c0f36b;color:var(--navy)}nav{justify-content:flex-start;padding:0 max(5%,calc((100vw - 1296px)/2));gap:33px;height:56px;align-items:center;font-size:13px;font-weight:600;position:relative;z-index:25;border-bottom:1px solid #dce5e6}nav>a{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent}nav>a:hover{border-color:var(--green);color:var(--green)}.product-dropdown{top:37px;border-top:3px solid var(--green);border-radius:0}.product-dropdown a{font-weight:400}.hero{position:relative;isolation:isolate;max-width:none;padding:78px max(5%,calc((100vw - 1296px)/2)) 65px;grid-template-columns:1.1fr 1fr;background:var(--navy);color:#fff;gap:50px;overflow:hidden;min-height:590px}.hero:after{content:'';position:absolute;width:520px;height:750px;background:#0d6559;transform:rotate(28deg);right:-210px;top:-120px;z-index:-1}.hero .eyebrow{color:#b3ed58;font-size:10px;letter-spacing:2.6px}.hero h1{font-size:clamp(39px,4.3vw,67px);font-weight:500;letter-spacing:-2px;max-width:730px;line-height:1.06}.hero p{color:#c1d2da;font-size:15px;line-height:1.8;max-width:600px}.hero .search{background:white;max-width:540px;border:0;border-radius:0;margin-top:30px}.search input{padding:16px;font-size:13px}.search button{background:var(--accent);color:var(--navy);font-size:12px}.hero .button{background:transparent;border:1px solid #87a7b6;padding:11px 20px}.hero .button:hover{background:#164b5e}.hero-facts{border-color:#355461;gap:35px;max-width:540px;margin-top:32px}.hero-facts span{color:#91adb9}.hero-facts b{color:#e0eef3;font-size:11px}.hero .product-art{background:radial-gradient(ellipse at center,#dbe8e2 0,#9dbeb0 65%,#3f8273 100%);border-radius:0;min-height:350px;box-shadow:22px 22px 0 #9ce327;transform:translateY(-8px);border:1px solid #d4e3de}.hero .product-art>span{color:#244a3c}.hero .product-art:before{content:'POWER / PRECISION / SOURCING';position:absolute;top:17px;left:20px;font-size:9px;letter-spacing:2px;color:#285948}.hero .product-art svg{padding-top:15px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#007c63;margin-bottom:16px}section{max-width:1396px;padding:70px 50px}h2{font-size:35px;letter-spacing:-1px;line-height:1.18;margin-bottom:25px;font-weight:500}h3{font-size:20px;font-weight:500}.section-top>a,.text-link{font-weight:700;color:var(--green)}.card{border-radius:0;border:1px solid var(--line);padding:29px;background:#fff;position:relative}.card:before{content:'';position:absolute;left:0;top:0;width:4px;height:0;background:var(--green);transition:height .2s}.card:hover{border-color:#b4ccca;transform:translateY(-3px);box-shadow:0 9px 26px #082e3d08}.card:hover:before{height:100%}.card-icon{font-size:27px;color:var(--green)}.card p{font-size:14px;line-height:1.75}.card>span:last-child{color:var(--green);font-weight:700}.soft{background:#edf3f2;padding-inline:max(5%,calc((100vw - 1296px)/2))}.button,button{border-radius:0;background:#007c63;padding:14px 22px}.button:hover,button:hover{background:#005e4a}.page-hero{background:var(--navy);color:white;padding:45px max(5%,calc((100vw - 1296px)/2)) 50px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-80px;top:-140px;width:280px;height:450px;background:#0a564f;transform:rotate(35deg);pointer-events:none}.page-hero>.eyebrow,.page-hero>.eyebrow a{color:#acdc86}.page-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.12;letter-spacing:-1.3px;max-width:970px;position:relative;z-index:1;margin-bottom:20px}.page-hero p{color:#c5d6dd;font-size:14px;line-height:1.8;max-width:880px;position:relative;z-index:1;margin-bottom:0}.filter-links{gap:8px}.filter-links a{border-radius:0;padding:7px 15px;background:#f4f7f7}.filter-links a:hover{background:var(--navy);color:white}.voltage-grid{gap:14px}.voltage-tile{background:#fff;border-radius:0;border-bottom:3px solid #b8d3cb;padding:25px}.voltage-tile strong{font-size:40px;color:var(--navy);font-weight:500;letter-spacing:-1.5px}.voltage-tile:hover{border-bottom-color:#007c63;transform:translateY(-3px)}.voltage-tile span{color:var(--green);font-size:11px}.brand-entry{min-height:185px;gap:20px;background:#fff}.brand-entry:has(.brand-logo-supplied){min-height:205px}.brand-logo{max-width:80%}.brand-entry:hover{background:#fff}.brand-entry h3{font-size:20px}.brand-entry:has(img[src$='perfectway.png']){background:#173654}.brand-entry:has(img[src$='perfectway.png']):hover{background:#204766}.panel,.notice{border-radius:0;background:#edf4f2;border-top:3px solid #009476;padding:30px}.brand-content>.two-col,.voltage-seo>.two-col{gap:28px}.brand-content h2,.voltage-seo h2{margin-top:42px}.brand-content h2:first-of-type,.voltage-seo h2:first-of-type{margin-top:0}.brand-content>p,.voltage-seo>p{max-width:1000px;font-size:15px;line-height:1.85}.brand-content .cards{gap:18px}.brand-content .card p{min-height:0}th{background:#eaf1f1;color:#42616b;padding:15px}td{padding:17px 15px}tbody tr:hover{background:#f5f9f8}.mpn{color:#006b59}.table-wrap{border:1px solid var(--line)}.steps{gap:26px}.steps article{border-top:2px solid #b7d2c8}.num{color:#007c63;font-size:38px;font-weight:500}.closing{background:#e9f0ef;position:relative;padding-block:70px}.closing h2{font-size:42px;color:var(--navy)}.closing .eyebrow{color:#007c63}footer{background:#082c3b;padding:55px max(5%,calc((100vw - 1296px)/2));gap:50px}footer .logo{color:#fff}footer h3{color:#b6e677;font-weight:600;font-size:12px;letter-spacing:1px}footer a:not(.logo){color:#c9d9df;font-size:12px;padding:6px 0}footer .fine{border-color:#30515d;color:#8aabb9}.language-options{border-radius:0;border-top:3px solid #007c63}.brand-content>details,.voltage-seo>details{border-bottom:1px solid var(--line);padding:18px 0}.brand-content>details summary,.voltage-seo>details summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.5}.brand-content>details p,.voltage-seo>details p{max-width:940px;font-size:14px}input,textarea{border-radius:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #72ba00;outline-offset:4px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:1600px){.hero{min-height:660px}}@media(max-width:760px){header{height:auto;padding:20px}.logo{font-size:22px}.header-actions{gap:12px}.header-cta{padding:9px 12px;font-size:10px}nav{height:auto;min-height:52px;padding:12px 20px;gap:13px 20px;font-size:12px}.hero{padding:45px 24px 50px;grid-template-columns:1fr;gap:38px;min-height:0}.hero h1{font-size:42px;letter-spacing:-1.4px}.hero .product-art{min-height:260px;margin:0 14px 10px 0;box-shadow:13px 13px 0 #9ce327}.hero p{font-size:14px}.hero-facts{gap:20px}.hero:after{right:-400px}.hero .search{max-width:100%}.search button{padding:12px 16px}section{padding:45px 20px}h2{font-size:28px}.page-hero{padding:35px 22px 40px}.page-hero h1{font-size:33px}.page-hero p{font-size:13px}.page-hero:after{right:-200px}.cards{gap:15px}.voltage-grid{gap:10px}.voltage-tile{padding:20px}.voltage-tile strong{font-size:33px}.brand-content h2{margin-top:30px}.closing h2{font-size:33px}footer{padding:45px 22px;gap:30px}}

.inline-product summary{cursor:pointer;color:#007c63;font:600 15px/1.6 Arial,sans-serif;list-style:none;white-space:normal}.inline-product summary span{display:block;font-size:10px;color:#5c6e78;font-weight:400}.inline-product[open]{min-width:320px}.inline-product-content{white-space:normal;font:14px/1.7 Arial,sans-serif;color:#162c3c;max-width:900px}.inline-product-content section{padding:24px 0}.inline-product-content .detail{grid-template-columns:1fr;gap:20px}.inline-product-content h2{font-size:24px;margin-top:10px}.inline-product-content .two-col{grid-template-columns:1fr;gap:15px}.inline-product-content dt,.inline-product-content dd{white-space:normal}.inline-product[open] summary{margin-bottom:15px}

.range-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;margin:35px 0}.range-overview p{font-size:14px;max-width:600px}.range-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.range-facts div{border-top:1px solid var(--line);padding-top:10px}.range-facts dt,.range-facts dd{padding:0;border:0;margin:0}.range-facts dt{font-size:11px;color:var(--muted)}.range-facts dd{font-size:15px;margin-top:5px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.model-card{border:1px solid var(--line);background:white;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.model-card:hover{border-color:#82b7a9;box-shadow:0 10px 28px #082e3d0b}.model-image{aspect-ratio:16/10;background:#f3f5f3;display:flex;justify-content:center;align-items:center;position:relative;padding:32px}.model-image img{width:80%;height:115px;object-fit:contain}.model-image-dark{background:#173654}.model-image-note{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;font-size:9px;color:#607775}.model-image-dark .model-image-note{color:#cadce9}.product-brand-word{font-size:27px;color:var(--ink)}.model-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.model-kicker{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#007c63;font-weight:700;letter-spacing:.6px}.model-kicker span{font-weight:400;color:#778378;letter-spacing:0}.model-card h3{font-size:26px;margin:16px 0 10px;font-family:monospace;font-weight:600}.model-description{font-size:13px;line-height:1.75;margin:0 0 18px}.model-specs{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;margin:0 0 18px}.model-specs div{border-top:1px solid var(--line);padding-top:8px}.model-specs dt,.model-specs dd{border:0;margin:0;padding:0}.model-specs dt{font-size:10px;color:var(--muted)}.model-specs dd{font-size:14px;margin-top:4px}.model-use{font-size:12px;line-height:1.7;margin:0 0 22px}.model-card-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.model-card-actions .button{font-size:11px;padding:11px 14px}.model-card-actions>a:last-child{font-size:11px;color:var(--green)}@media(max-width:1050px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-overview{gap:25px}}@media(max-width:640px){.model-grid,.range-overview{grid-template-columns:1fr}.model-image img{height:130px}.model-card-body{padding:22px}.range-facts{gap:15px}}

.product-photo-crop{padding:0;background:#e2e4df;overflow:hidden}.product-photo-crop .source-photo{position:absolute;inset:0;background-image:url("assets/products/goofish-user-screenshot.png");background-size:504.1667% 260%;background-position:39.244% 46.007%;background-repeat:no-repeat}.photo-source-label{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;background:#ffffffed;font-size:9px;color:#374c55;text-align:center}

.language-options>a{display:block;padding:12px 15px;color:var(--ink);font-size:14px}.language-options>a:hover,.language-options>a[aria-current=true]{background:var(--cream);color:var(--green)}

.language-options{max-height:70vh;overflow-y:auto;width:240px}.language-options>a{display:block;padding:10px 14px}

.processed-product-image{padding:0!important;background:#fff!important;aspect-ratio:4/3;overflow:hidden}.processed-product-image img{width:100%!important;height:100%!important;object-fit:contain!important}.processed-product-image .model-image-note{bottom:0;background:#fffffff0;padding:6px;margin:0;left:0;right:0}

.processed-product-image{padding:0!important;background:#fff!important;aspect-ratio:4/3;overflow:hidden}.processed-product-image img{width:100%!important;height:100%!important;object-fit:contain!important}.processed-product-image .model-image-note{bottom:0;background:#fffffff0;padding:6px;margin:0;left:0;right:0}
