/*
Theme Name: DIYI Storefront
Description: Lightweight commerce and manufacturing presentation, based on Kadence and native WooCommerce.
Template: kadence
Version: 0.1.0
Text Domain: diyi-storefront
*/
:root{--ds-ink:#172c40;--ds-muted:#617181;--ds-blue:#0868cf;--ds-green:#008c49;--ds-border:#dce5eb;--ds-bg:#f4f7f9;--ds-width:1280px}
html{scroll-behavior:smooth}body.ds-site{margin:0;background:#fff;color:var(--ds-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}.ds-site *{box-sizing:border-box}.ds-site img{max-width:100%;height:auto}.ds-site a{color:var(--ds-blue);text-underline-offset:3px}.ds-site :focus-visible{outline:3px solid #3184e5;outline-offset:3px}.ds-skip{position:absolute;top:-80px;left:16px;z-index:99999;background:#fff;padding:10px 18px}.ds-skip:focus{top:10px}.ds-wrap{max-width:var(--ds-width);width:calc(100% - 48px);margin-inline:auto}.ds-topbar{background:#eff6f3;color:#36594c;font-size:12px;border-bottom:1px solid #e1ebe5}.ds-topbar .ds-wrap{display:flex;justify-content:space-between;gap:24px;padding-block:7px}.ds-topbar a{color:inherit;text-decoration:none}.ds-header{position:relative;z-index:100;background:white;border-bottom:1px solid var(--ds-border)}.ds-header-main{display:flex;align-items:center;gap:32px;min-height:87px}.ds-brand{display:inline-flex;align-items:center;flex:none;max-width:210px;text-decoration:none}.ds-brand img{max-height:48px;width:auto}.ds-brand-text{font-size:27px;font-weight:800;color:var(--ds-green);letter-spacing:-1px}.ds-search{display:flex;flex:1;max-width:480px;margin-left:auto}.ds-search input{width:100%;min-width:0;border:1px solid var(--ds-border);border-right:0;border-radius:6px 0 0 6px;background:#f8fafb;padding:10px 14px;font:inherit;font-size:14px;height:44px}.ds-search button{height:44px;border-radius:0 6px 6px 0;background:var(--ds-ink);color:white;border:0;padding:0 17px;font-size:14px;cursor:pointer}.ds-header-actions{display:flex;align-items:center;gap:22px;white-space:nowrap}.ds-header-actions a{color:var(--ds-ink);font-size:14px;text-decoration:none}.ds-cart-count{display:inline-flex;min-width:21px;height:21px;align-items:center;justify-content:center;background:#eaf3fe;color:var(--ds-blue);border-radius:50%;font-size:12px;margin-left:4px}.ds-menu-toggle{display:none}.ds-navigation{border-top:1px solid #edf1f4}.ds-navigation .ds-wrap{display:flex;align-items:center;gap:28px}.ds-nav-list,.ds-nav-list ul{list-style:none;margin:0;padding:0}.ds-nav-list{display:flex;align-items:center;gap:28px;flex:1}.ds-nav-list>li{position:relative}.ds-nav-list a{display:block;padding:14px 0;color:var(--ds-ink);font-size:14px;font-weight:600;text-decoration:none}.ds-nav-list>li.menu-item-has-children>a:after{content:'⌄';font-size:12px;color:#768998;margin-left:8px}.ds-nav-list ul{position:absolute;top:100%;left:-16px;min-width:240px;max-width:360px;background:white;border:1px solid var(--ds-border);box-shadow:0 12px 24px #172c4010;border-radius:0 0 8px 8px;padding:8px;display:none;z-index:110}.ds-nav-list ul a{padding:9px 12px;font-weight:400;line-height:1.45}.ds-nav-list ul a:hover,.ds-nav-list ul a:focus{background:#f1f6fa;color:var(--ds-blue)}.ds-nav-list li:hover>ul,.ds-nav-list li:focus-within>ul{display:block}.ds-nav-list ul ul{left:100%;top:0}.ds-nav-list ul li{position:relative}.ds-quote-link{background:var(--ds-blue);border:1px solid var(--ds-blue);border-radius:5px;color:#fff!important;padding:8px 17px;line-height:1.5;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.ds-main{min-height:45vh;padding-block:32px 64px}.ds-main.ds-front{padding-block:0}.ds-page-heading{font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;line-height:1.2;margin:0 0 24px}.ds-entry{max-width:100%;overflow-wrap:anywhere}.ds-entry>p,.ds-entry>ul,.ds-entry>ol{max-width:900px}.ds-entry h2{font-size:28px;line-height:1.3;margin-top:36px}.ds-entry h3{font-size:21px}.ds-breadcrumb{font-size:13px;color:var(--ds-muted);margin-bottom:22px}.ds-breadcrumb a{color:var(--ds-muted);text-decoration:none}.ds-quote-page{padding-top:24px}.ds-quote-page .ds-page-heading{font-size:26px;margin-bottom:20px}.ds-legacy-content{display:flow-root}.ds-footer{background:#f5f8fa;border-top:1px solid var(--ds-border);margin-top:36px;padding:48px 0 0;font-size:14px}.ds-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}.ds-footer h2{font-size:19px;margin:0 0 12px}.ds-footer h3{font-size:14px;margin:0 0 14px}.ds-footer p{color:var(--ds-muted);max-width:300px;margin:10px 0}.ds-footer ul{list-style:none;padding:0;margin:0}.ds-footer li{margin:7px 0}.ds-footer a{color:#46596a;text-decoration:none}.ds-footer a:hover{text-decoration:underline}.ds-footer-bottom{border-top:1px solid var(--ds-border);margin-top:36px;padding:18px 0;display:flex;justify-content:space-between;gap:20px;color:var(--ds-muted);font-size:12px}.ds-footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}.ds-preview-note{background:#fff6df;color:#674600;padding:7px 20px;text-align:center;font-size:12px}.ds-site .content-area{margin-block:32px}.ds-site .site-container,.ds-site .content-container{max-width:var(--ds-width)}.ds-site .entry-content-wrap{padding:0}.ds-site .woocommerce div.product .product_title{font-size:clamp(25px,2.5vw,36px);line-height:1.22;letter-spacing:-.02em}.ds-site .woocommerce div.product p.price{font-size:25px;color:var(--ds-blue);font-weight:700}.ds-site .woocommerce div.product form.cart .button{border-radius:5px;min-height:46px;background:var(--ds-blue)}.ds-site .woocommerce div.product form.cart select{min-height:44px;border:1px solid var(--ds-border);border-radius:5px}.ds-site .woocommerce table.shop_table{border-color:var(--ds-border);border-radius:8px}.ds-site .woocommerce input.input-text,.ds-site .woocommerce textarea,.ds-site .woocommerce select{border-color:var(--ds-border);border-radius:5px}.ds-site .woocommerce .button,.ds-site .woocommerce a.button,.ds-site button.button{font-size:14px;font-weight:600;border-radius:5px}.ds-site .woocommerce-breadcrumb{font-size:13px;color:var(--ds-muted)}.ds-site .woocommerce-product-gallery img{height:auto}.ds-site .woocommerce-notices-wrapper{margin-bottom:16px}.ds-site .woocommerce .summary .variations{width:100%}.ds-site .woocommerce .summary .variations td{padding:10px 0}.ds-site .woocommerce .summary .variations label{font-size:14px}.ds-site .woocommerce .summary .quantity input{min-height:46px}.ds-site .woocommerce-variation-price{margin:12px 0}.ds-site .woocommerce-variation-price .price{font-size:22px!important}.ds-site .woocommerce .woocommerce-tabs{margin-top:36px}.ds-site .ms-store{width:100%;max-width:var(--ds-width);margin-inline:auto}.ds-site .diyi-contact{max-width:100%}.ds-blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ds-blog-card{border:1px solid var(--ds-border);border-radius:10px;overflow:hidden}.ds-blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.ds-blog-card>div{padding:22px}.ds-blog-card h2{font-size:21px;margin:0 0 12px}.ds-blog-card p{color:var(--ds-muted);font-size:14px}.ds-native-content h1,.ds-native-content h2{scroll-margin-top:24px}.ds-native-content .ds-info-list{padding-left:22px}.ds-site .ds-native-quote .pcb-order-container{max-width:100%}
@media(max-width:1100px){.ds-nav-list{gap:18px}.ds-navigation .ds-wrap{gap:16px}.ds-nav-list a{font-size:13px}.ds-header-main{gap:20px}.ds-footer-grid{gap:28px}}
@media(max-width:900px){.ds-wrap{width:calc(100% - 32px)}.ds-topbar .ds-wrap>span{display:none}.ds-topbar .ds-wrap{justify-content:center}.ds-header-main{min-height:74px;flex-wrap:wrap;gap:14px;padding-block:14px}.ds-brand{max-width:160px}.ds-brand img{max-height:38px}.ds-header-actions{gap:14px;margin-left:auto}.ds-header-actions a{font-size:13px}.ds-search{order:4;flex-basis:100%;max-width:none;margin:0}.ds-search input,.ds-search button{height:40px}.ds-menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ds-border);background:white;border-radius:5px;font-size:20px;width:38px;height:36px;padding:0;color:var(--ds-ink)}.ds-navigation{display:none}.ds-header[data-open=true] .ds-navigation{display:block}.ds-navigation .ds-wrap{display:block;padding-block:10px 18px}.ds-nav-list{display:block}.ds-nav-list a{padding:10px 0;font-size:14px}.ds-nav-list ul,.ds-nav-list ul ul{display:block;position:static;box-shadow:none;border:0;border-left:1px solid var(--ds-border);border-radius:0;min-width:0;max-width:none;margin:0 0 8px 8px;padding:0 0 0 14px}.ds-nav-list ul a{font-size:13px;padding:6px 0}.ds-nav-list>li.menu-item-has-children>a:after{display:none}.ds-navigation .ds-quote-link{display:inline-block;margin-top:12px}.ds-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.ds-footer-bottom{display:block}.ds-footer-bottom nav{margin-top:12px}.ds-blog-list{grid-template-columns:1fr 1fr}.ds-main{padding-top:24px}.ds-page-heading{font-size:28px}}
@media(max-width:520px){.ds-topbar{font-size:11px}.ds-brand{max-width:135px}.ds-brand img{max-height:32px}.ds-header-actions{gap:10px}.ds-header-actions .ds-account-link{font-size:0}.ds-header-actions .ds-account-link:before{content:'Account';font-size:12px}.ds-footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px}.ds-footer-grid>div:first-child{grid-column:1/-1}.ds-footer{padding-top:32px}.ds-blog-list{grid-template-columns:1fr}.ds-entry h2{font-size:24px}.ds-site .woocommerce div.product .product_title{font-size:26px}.ds-quote-page .ds-page-heading{font-size:24px}}
.ds-topbar-tools{display:flex;align-items:center;gap:24px}.ds-topbar .diyi-currency{display:flex;font-size:12px}.ds-topbar .diyi-currency select{height:26px;font-size:12px;padding:0 20px 0 8px}.ds-topbar .diyi-currency-hint{display:none}.ds-nav-list{min-height:50px;width:100%}.ds-nav-list>.diyi-nav-quote{margin-left:auto}.ds-nav-list>.diyi-nav-quote>a{background:var(--ds-blue);color:#fff;border-radius:5px;padding:7px 17px}.ds-site a.button{color:#fff}.ds-hero{background:#092d3c;position:relative;isolation:isolate;color:#fff;overflow:hidden}.ds-hero:before{content:'';position:absolute;inset:0 0 0 40%;z-index:-1;opacity:.62;background:linear-gradient(90deg,#092d3c,transparent),url('/wp-content/uploads/2026/08/lp1-1787386214-perf.webp') center/cover no-repeat}.ds-hero>.ds-wrap{padding-block:60px 48px}.ds-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--ds-green);margin:0 0 13px}.ds-hero .ds-eyebrow{color:#88e4bd}.ds-hero h1{max-width:730px;font-size:clamp(34px,4vw,54px);color:#fff;line-height:1.12;letter-spacing:-1.8px;margin:0 0 22px}.ds-hero-intro{max-width:630px;font-size:17px;line-height:1.65;color:#d9e6e8;margin:0 0 30px}.ds-instant{display:grid;grid-template-columns:1fr 1.6fr 1fr auto;gap:10px;background:white;padding:10px;border-radius:8px;max-width:940px;color:var(--ds-ink);align-items:stretch}.ds-instant>label{margin:0;display:flex;flex-direction:column;gap:1px;padding:0 10px;border-radius:4px;background:#f0f4f7}.ds-instant label>span,.ds-instant legend{font-size:11px;font-weight:600;color:#607286}.ds-instant select{background:transparent;border:0;box-shadow:none;min-height:34px;font:600 15px Arial;margin:0;padding:0 10px 0 0;color:var(--ds-ink);width:100%}.ds-instant fieldset{padding:2px 10px 0;border:0;background:#f0f4f7;border-radius:4px;margin:0;display:flex;align-items:center;gap:8px;min-width:0;position:relative}.ds-instant legend{position:absolute;top:0;padding:0}.ds-instant fieldset input{background:transparent;border:0;min-width:0;width:40%;text-align:center;box-shadow:none;font:600 15px Arial;margin:13px 0 0;padding:0;height:28px;color:var(--ds-ink)}.ds-instant fieldset>span{margin-top:10px;color:#8a99a6}.ds-instant button{border:0;border-radius:5px;padding:12px 19px;background:#0875e7;font-size:15px;font-weight:700;color:#fff;cursor:pointer}.ds-hero-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:24px}.ds-hero-links a{color:#d7e8ed;font-size:13px}.ds-home-section{padding-block:48px}.ds-section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}.ds-section-heading h2{font-size:clamp(26px,2.6vw,34px);margin:0 0 9px;line-height:1.2;letter-spacing:-.7px}.ds-section-heading p:not(.ds-eyebrow){margin:0;color:var(--ds-muted);font-size:15px}.ds-section-heading>a{font-size:14px;font-weight:600;white-space:nowrap}.ds-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ds-service-card{border:1px solid var(--ds-border);border-radius:9px;padding:24px;color:var(--ds-ink)!important;text-decoration:none;position:relative;min-height:174px}.ds-service-card:hover{border-color:#89b7d9;background:#f8fbfd}.ds-service-card>span{font-size:12px;font-weight:700;color:var(--ds-green)}.ds-service-card h3{font-size:20px;margin:9px 0 8px}.ds-service-card p{font-size:14px;line-height:1.65;color:var(--ds-muted);margin:0;max-width:93%}.ds-service-card b{position:absolute;right:21px;top:21px;color:var(--ds-blue)}.ds-more-services{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-top:24px}.ds-more-services>span{color:var(--ds-muted)}.ds-home-muted{background:#f4f7f9}.ds-featured-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.ds-featured-products article{background:white;border:1px solid var(--ds-border);border-radius:9px;overflow:hidden}.ds-featured-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#fff;padding:14px;border-bottom:1px solid #eef2f5}.ds-featured-image img{width:100%;height:100%;object-fit:contain}.ds-featured-products article>div{padding:18px}.ds-featured-products h3{font-size:15px;line-height:1.45;margin:0 0 10px}.ds-featured-products h3 a{color:var(--ds-ink);text-decoration:none}.ds-featured-products p{margin:0 0 10px;font-size:15px;font-weight:700}.ds-featured-products article>div>a{font-size:13px}.ds-project-help{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ds-project-help h2{font-size:32px;line-height:1.25;letter-spacing:-.6px;margin:0 0 18px}.ds-project-help p:not(.ds-eyebrow){font-size:15px;color:var(--ds-muted);line-height:1.8;margin-bottom:26px}.ds-help-links{display:grid;gap:12px}.ds-help-links>a{display:block;padding:18px 21px;background:#f7f9fb;border:1px solid #e6edf1;border-radius:7px;text-decoration:none}.ds-help-links strong{font-size:15px}.ds-help-links span{display:block;color:var(--ds-muted);font-size:13px;margin-top:5px}.ds-home .ds-blog-card h3{font-size:18px;line-height:1.4;margin:0 0 15px}.ds-home .ds-blog-card h3 a{color:var(--ds-ink);text-decoration:none}
@media(max-width:900px){.ds-topbar-tools{gap:16px}.ds-nav-list>.diyi-nav-quote{margin-left:0}.ds-nav-list>.diyi-nav-quote>a{display:inline-block;margin-top:8px}.ds-hero>.ds-wrap{padding-block:40px}.ds-hero:before{inset:0;opacity:.25}.ds-hero h1{max-width:660px;font-size:42px}.ds-instant{grid-template-columns:1fr 1.5fr 1fr}.ds-instant button{grid-column:1/-1;min-height:46px}.ds-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-featured-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-project-help{gap:28px}.ds-project-help h2{font-size:28px}.ds-section-heading{align-items:start}.ds-section-heading>a{white-space:normal}.ds-home-section{padding-block:36px}}
@media(max-width:520px){.ds-topbar-tools{width:100%;justify-content:space-between}.ds-hero h1{font-size:35px;letter-spacing:-1px}.ds-hero-intro{font-size:15px}.ds-instant{grid-template-columns:1fr 1fr;gap:8px}.ds-instant>fieldset{grid-row:2;grid-column:1/-1;min-height:54px}.ds-instant>label{min-height:54px}.ds-instant button{grid-row:3}.ds-service-grid{grid-template-columns:1fr}.ds-service-card{min-height:0;padding:19px}.ds-service-card h3{font-size:18px}.ds-section-heading{display:block}.ds-section-heading>a{display:inline-block;margin-top:14px}.ds-featured-products{gap:12px}.ds-featured-products article>div{padding:13px}.ds-featured-products h3{font-size:13px}.ds-project-help{grid-template-columns:1fr;gap:24px}.ds-more-services{gap:12px}.ds-home .ds-blog-card h3{font-size:18px}}
.ds-site .wpcf7{max-width:820px}.ds-site .wpcf7 form p{margin-bottom:18px}.ds-site .wpcf7 label{display:block;font-size:14px;color:var(--ds-ink)}.ds-site .wpcf7 .wpcf7-form-control-wrap{display:block;margin-top:6px}.ds-site .wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]),.ds-site .wpcf7 select,.ds-site .wpcf7 textarea{width:100%;max-width:100%;border:1px solid var(--ds-border);border-radius:5px;padding:10px 12px;background:#fff;color:var(--ds-ink);font:inherit}.ds-site .wpcf7 input[type=submit]{background:var(--ds-blue);color:white;border:0;border-radius:5px;padding:12px 22px;font-weight:700;cursor:pointer}.ds-site .wpcf7 textarea{min-height:150px}.ds-site #wrapper:focus{outline:none}
.ds-site{--ds-green:#00783e}.ds-site .woocommerce-product-gallery .flex-control-thumbs li img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain}.ds-topbar #espfx-toolbar{width:auto;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.ds-topbar #espfx-toolbar .espfx-controls{padding:0;font-size:12px;gap:8px}.ds-topbar #espfx-toolbar select{font-size:12px;height:26px;padding-block:0}.ds-topbar #espfx-toolbar .espfx-controls>span{display:none}.ds-retained-home{padding-block:24px 40px}.ds-retained-home>.esh-home{max-width:100%}
.ds-chat-launch{position:fixed;right:20px;bottom:82px;z-index:9999;border:0;border-radius:26px;padding:12px 19px;background:#0868cf;color:#fff;font:600 14px Arial,sans-serif;box-shadow:0 5px 18px #123a6426;cursor:pointer}.ds-chat-launch:disabled{opacity:.8;cursor:wait}.ds-chat-launch:hover{background:#0756aa}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ds-site *{animation-duration:.01ms!important;transition-duration:.01ms!important}}