*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f5f6f2;color:#172a2d;font-family:Arial,'Microsoft YaHei',sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e0db;background:#f5f6f2;position:sticky;top:0;z-index:5}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:900;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.logo{display:grid;place-content:center;background:#173c3e;color:#fff;width:48px;height:48px;font-size:24px;position:relative}.logo span{font-size:16px;position:absolute;right:1px;top:1px;color:#c4e76b}nav{display:flex;gap:30px;align-items:center;font-size:14px}button{border:0}nav button{padding:12px 20px;border:1px solid #173c3e;background:transparent;border-radius:5px}nav b{background:#c9e983;padding:4px 7px;border-radius:20px;margin-left:8px}main{max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:65px 6% 55px;min-height:505px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#577275}h1{font-size:clamp(42px,5.3vw,78px);letter-spacing:-3px;line-height:1.18;margin:25px 0}h1 em{font-style:normal;color:#3c6f64}.hero p{font-size:15px;line-height:1.9;color:#657674}.primary{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:#173e3e;color:white;padding:16px 23px;border-radius:5px;font-size:14px;cursor:pointer}.primary:hover{background:#296057}.steps{font-size:10px;letter-spacing:1px;color:#748781;margin-top:33px}.heroArt{position:relative;overflow:hidden;background:#dce5dc;border-radius:8px;min-height:360px;background-image:linear-gradient(#cad5cd50 1px,transparent 1px),linear-gradient(90deg,#cad5cd50 1px,transparent 1px);background-size:30px 30px}.ring{border:42px solid #284e4c;border-radius:50%;position:absolute;box-shadow:inset 8px 15px 22px #092d31,10px 14px 25px #62887866}.r1{width:255px;height:255px;right:-20px;top:-55px;transform:rotateX(20deg)}.r2{width:190px;height:190px;right:120px;top:85px;border-color:#527a6c;border-width:35px}.pipe{width:180px;height:76px;background:linear-gradient(#8bafa0,#345d55,#1a423c);transform:rotate(-32deg);position:absolute;right:80px;top:220px;border-radius:9px;box-shadow:10px 20px 28px #173e3e55}.artLabel{position:absolute;left:30px;bottom:32px;font-size:27px;letter-spacing:-1px;font-weight:900;line-height:1.1}.artLabel small{display:block;font-size:9px;letter-spacing:2px;margin-top:16px}.badge{position:absolute;left:25px;top:25px;font-size:10px;line-height:1.6;border-left:3px solid #173e3e;padding-left:10px}.notice{padding:19px 6%;background:#183e3d;color:#e3ebdf;display:flex;justify-content:space-between;font-size:11px;gap:20px}.notice span:first-child{color:#d2ed96}#catalog{padding:65px 6%}.sectionTitle h2{font-size:32px;letter-spacing:-1px;margin:12px 0}.sectionTitle h2 span{font-size:12px;letter-spacing:0;background:#e3e8e0;border-radius:18px;padding:6px 12px;vertical-align:middle;margin-left:15px}.sectionTitle p{color:#74817c;font-size:13px}.tools{margin:30px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}#filters{display:flex;flex-wrap:wrap;gap:5px}#filters button{padding:9px 12px;background:transparent;color:#65776f;font-size:12px;border-radius:4px}#filters button.active{background:#173e3e;color:white}input,textarea,select{padding:12px;border:1px solid #d5ddd7;border-radius:4px;background:#fff;color:#172a2d;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #5e8877;outline-offset:2px}#search{width:260px;font-size:12px}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{border:1px solid #dce2db;border-radius:7px;overflow:hidden;background:#fff;transition:transform .2s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #163d3d10}.thumb{height:240px;background:#e9ece6;padding:16px;position:relative;cursor:pointer;width:100%}.thumb img{height:100%;max-width:100%;object-fit:contain;box-shadow:0 4px 9px #173e3e18}.thumb span{position:absolute;right:10px;bottom:10px;background:#fff;padding:7px;border-radius:3px;font-size:10px}.cardBody{padding:19px}.cardBody small{color:#7c8c7f;font-size:10px;letter-spacing:1px}.card h3{font-size:13px;line-height:1.5;min-height:40px;margin:10px 0;overflow-wrap:anywhere}.cardBottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.cardBottom span{font-size:10px;color:#6f8077}.cardBottom button{background:#e9f0e3;padding:9px 12px;color:#173e3e;border-radius:4px;font-size:11px}.help{margin:10px 6% 55px;padding:35px;border:1px solid #d8e0d5;border-radius:6px}.help h2{font-size:22px}.help p,.help small{color:#74817c;font-size:12px;line-height:1.8}footer{padding:30px 6%;border-top:1px solid #d8e0d5;display:flex;gap:20px;align-items:center;font-size:10px;color:#75877b}footer strong{font-size:18px;color:#173e3e}footer a{margin-left:auto}dialog{border:0;border-radius:10px;padding:0;width:min(1000px,94vw);max-height:93dvh;color:#173e3e}dialog::backdrop{background:#0b262cb5;backdrop-filter:blur(3px)}.modalHead{padding:20px 25px;border-bottom:1px solid #e1e6df;display:flex;align-items:center;justify-content:space-between;gap:20px}.modalHead h2{font-size:17px;margin:0}.modalHead button{font-size:26px;background:transparent}.productBody{display:grid;grid-template-columns:1.15fr 1fr}.catalogImage{padding:20px;background:#e9ede6}.catalogImage img{width:100%;display:block}.catalogImage small{font-size:10px;display:block;padding:12px 0;color:#65796d}form{padding:28px}form h3{font-size:25px;margin:12px 0}form p{font-size:12px;color:#718277;line-height:1.6}label{display:block;font-size:12px;margin:18px 0}label input,label textarea,label select{display:block;width:100%;margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.price{background:#eff4e9;padding:12px;font-size:12px;margin:20px 0}form .primary{width:100%}.basketBody{padding:10px 25px 25px}.basketBody form{padding:10px 0}#basket{width:min(680px,94vw)}.cartItem{padding:20px 0;border-bottom:1px solid #e4e8e1;font-size:13px;display:flex;gap:15px;justify-content:space-between}.cartItem h4{margin:0 0 8px}.cartItem p{color:#6c8075;margin:6px 0;overflow-wrap:anywhere}.cartItem input{width:90px;padding:7px}.cartItem button{background:transparent;color:#a44836;padding:10px}#result{padding:20px 0}#result p,#result small{font-size:12px;line-height:1.7}#result small{display:block;color:#6f7e73;margin-top:20px}.whatsapp{display:block;text-align:center;background:#d6edb8;padding:16px;margin-top:12px;border-radius:4px;font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173e3e;color:white;padding:12px 24px;border-radius:6px;z-index:10;opacity:0;pointer-events:none;font-size:13px}#toast.visible{opacity:1}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}@media(max-width:1000px){#grid{grid-template-columns:repeat(3,1fr)}.tools{flex-direction:column;align-items:stretch}#search{width:100%}}@media(max-width:650px){header{height:78px;padding:0 5%}.brand{font-size:16px}.brand small{font-size:7px}.logo{width:36px;height:36px;font-size:20px}nav{gap:10px}nav>a{display:none}nav button{padding:9px 10px}.hero{grid-template-columns:1fr;padding:35px 5%;gap:25px}.heroArt{min-height:280px}.hero h1{font-size:48px;margin:18px 0}.hero p{font-size:13px}.steps{font-size:9px}.notice{flex-direction:column;gap:10px;padding:18px 5%}#catalog{padding:40px 5%}#grid{grid-template-columns:repeat(2,1fr);gap:12px}.thumb{height:190px;padding:8px}.cardBody{padding:12px}.card h3{font-size:11px;min-height:48px}.cardBottom{align-items:flex-start;flex-direction:column;gap:10px}.sectionTitle h2{font-size:27px}.help{margin:0 5% 35px;padding:20px}.productBody{grid-template-columns:1fr}form{padding:20px}.catalogImage img{max-height:600px;object-fit:contain}footer{flex-wrap:wrap}.r2{right:80px}.modalHead{padding:15px}.modalHead h2{font-size:13px}.basketBody{padding:10px 18px}}
/* Direct SKU ordering */
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quickSize{width:100%;font-size:12px;padding:10px 7px;margin:3px 0 10px;background:#f8faf5}.quickBuy{display:flex;gap:7px;margin-bottom:15px}.quickBuy input{width:65px;padding:9px 5px;font-size:13px}.quickBuy button{flex:1;background:#173e3e;color:white;border-radius:4px;padding:9px;font-size:12px}.quickBuy button:hover,.rowAdd:hover{background:#30665b}.card h3{min-height:48px}.variantTable{max-height:420px;overflow:auto;border:1px solid #d9e2d7;border-radius:5px}.variantTable table{width:100%;border-collapse:collapse;font-size:12px}.variantTable th{position:sticky;top:0;background:#173e3e;color:white;text-align:left;padding:12px 9px;font-weight:normal;z-index:1}.variantTable td{padding:13px 9px;border-bottom:1px solid #e1e8dc;vertical-align:middle}.variantTable tr:nth-child(even){background:#f4f7ef}.variantTable strong{font-size:12px;font-weight:500;line-height:1.6;display:block}.variantTable small{display:block;font-size:10px;color:#738276;margin-top:4px}.variantTable input{width:66px;padding:9px 4px}.rowAdd{white-space:nowrap;background:#e1edcf;color:#173e3e;border-radius:4px;padding:9px;font-size:11px}.rowAdd:hover{color:white}#product{width:min(1200px,96vw)}#productName{font-size:20px;line-height:1.5}#product .productBody{grid-template-columns:1fr 1.15fr}#product .catalogImage{position:relative}#product .catalogImage img{max-height:700px;object-fit:contain}#product .catalogImage small{position:sticky;bottom:0;background:#e9ede6}#search{min-width:260px}.sectionTitle h2 span{white-space:nowrap}@media(max-width:650px){.quickBuy{flex-wrap:wrap}.quickBuy input{width:50px}.quickBuy button{font-size:10px;padding:8px 5px}.quickSize{font-size:11px}.card h3{min-height:65px}.sectionTitle h2 span{display:inline-block;margin:10px 0 0;font-size:11px}.sectionTitle h2{display:flex;flex-direction:column;align-items:flex-start}#product .productBody{grid-template-columns:1fr}.catalogImage{max-height:260px;overflow:auto}.catalogImage img{max-height:none!important}.variantTable{max-height:450px}.variantTable td{padding:12px 6px}.variantTable strong{font-size:11px}.rowAdd{padding:8px 6px}.variantTable input{width:58px}#product form{padding:18px 12px}.cardBottom{flex-direction:column;align-items:flex-start}}
/* Complete Drive collection and source-page navigation */
.catalogOverview{margin:25px 0 5px;padding:20px;background:#e6eddf;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:6px}.catalogOverview strong{font-size:14px;line-height:1.7}.viewSwitch{display:flex;gap:5px;flex-shrink:0}.viewSwitch button{padding:12px 16px;background:transparent;border:1px solid #b8c8b1;border-radius:4px;color:#214b43;font-size:12px}.viewSwitch button.active{background:#173e3e;border-color:#173e3e;color:#fff}#sourceContext{margin:20px 0;background:#fff;border:1px solid #d9e5d2;padding:15px;display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:12px}#sourceContext button{background:#ecf2e5;padding:10px;border-radius:4px;color:#173e3e;flex-shrink:0}#pager{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:35px;font-size:12px;color:#516d60}#pager button{padding:12px 18px;background:#173e3e;color:#fff;border-radius:4px}#pager button:disabled{background:#dce5d6;color:#7b8f77;cursor:default}.sourceThumb{display:block;height:300px;background:#e9ede5;position:relative;padding:15px}.sourceThumb img{height:100%;width:100%;object-fit:contain;box-shadow:none}.sourceThumb span{position:absolute;bottom:10px;right:10px;padding:7px;background:#fff;font-size:10px;border-radius:4px}.sourceCard .cardBody p{font-size:12px;color:#74846f}.sourceCard .cardBody .primary{display:block;width:100%;padding:12px}.quickSourceLabel{width:100%;height:auto;max-height:120px;object-fit:contain;margin:0 0 10px;background:#f1f5ec}.sourceSpec{display:block;width:100%;max-width:330px;max-height:100px;object-fit:contain;object-position:left center;background:#fff;margin:8px 0;border:1px solid #dfe7d9}.tools{flex-wrap:wrap}.tools #filters{flex:1;min-width:55%}.tools #search{align-self:flex-start}#sourceContextName{overflow-wrap:anywhere}@media(max-width:650px){.catalogOverview{padding:15px;flex-direction:column;align-items:stretch;gap:12px}.catalogOverview strong{font-size:12px}.viewSwitch button{flex:1;padding:10px;font-size:11px}.viewSwitch{flex-shrink:1}#pager{gap:8px;flex-wrap:wrap}#pager span{font-size:10px}#pager button{padding:10px 12px;font-size:11px}.sourceThumb{height:230px;padding:8px}.sourceCard .cardBody .primary{font-size:11px;padding:10px}#sourceContext{align-items:flex-start;flex-direction:column;gap:10px}.tools #search{order:-1;min-width:0;width:100%}.sourceSpec{max-width:180px}}