{"id":4350,"date":"2026-09-21T14:31:29","date_gmt":"2026-09-21T06:31:29","guid":{"rendered":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/"},"modified":"2026-11-10T16:49:45","modified_gmt":"2026-11-10T08:49:45","slug":"sustainable-renewable-pants-shorts","status":"publish","type":"page","link":"https:\/\/test.global-so.com\/ar\/products\/sustainable-renewable-pants-shorts\/","title":{"rendered":"Sustainable &#038; Renewable Pants And Shorts"},"content":{"rendered":"<div class=\"lph-prose lph-theme--eco\">\n<section class=\"lph-block\">\n<h2>Custom Sustainable &amp; Renewable Pants and Shorts<\/h2>\n<p>Bottoms are where renewable fibre makes the quietest but steadiest difference, because a customer wears them more days per week than almost any other item. A bio-based or recycled pair that survives the wash cycle is a sustainability win that actually shows up in usage, not just on a tag.<\/p>\n<p>Passion Activewear manufactures custom sustainable and renewable pants and shorts for eco-conscious brands that want training and casual bottoms without a virgin-plastic default. We have produced activewear since 1999 across 10 production lines with 150,000 pieces of monthly capacity, using bio-based and renewable fibres with recycled content documentation and low-toxicity finishing.<\/p>\n\n<div class=\"lph-figure-row lph-figure-row--2\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/08\/16-Sustainable-renewable-pants-and-shorts-black.webp\" alt=\"Custom sustainable renewable training pants and shorts in black\" width=\"666\" height=\"666\">\n\t\t<figcaption>Renewable pants and shorts \u2014 training and casual silhouettes<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/fabric-development-dyeing-hd.webp\" alt=\"Fabric development and low-toxicity dyeing for renewable bottom blends\" width=\"800\" height=\"625\">\n\t\t<figcaption>Fabric development \u2014 low-toxicity dyeing for renewable blends<\/figcaption>\n\t<\/figure>\n<\/div>\n\n<ul class=\"lph-cards\">\n\t<li class=\"lph-card\">\n\t\t<span class=\"lph-card__num\">01<\/span>\n\t\t<h3>Bio-Based &amp; Renewable Fibres<\/h3>\n\t\t<p>We build bottoms from bio-based and renewable sources so the environmental profile improves against conventional synthetics.<\/p>\n\t<\/li>\n\t<li class=\"lph-card\">\n\t\t<span class=\"lph-card__num\">02<\/span>\n\t\t<h3>Training &amp; Casual Silhouettes<\/h3>\n\t\t<p>Both wear contexts are graded to one chart, so a brand can run a coordinated bottom range without rebuilding the block.<\/p>\n\t<\/li>\n\t<li class=\"lph-card\">\n\t\t<span class=\"lph-card__num\">03<\/span>\n\t\t<h3>Recycled Content Documentation<\/h3>\n\t\t<p>We keep the fibre records on file and supply recycled-content documentation with the order for your product claims.<\/p>\n\t<\/li>\n<\/ul>\n<\/section>\n\n<section class=\"lph-block lph-block--tint\">\n<h2>What We Manufacture in This Category<\/h2>\n<ul class=\"lph-list-2col\">\n\t<li><strong><a href=\"\/ar\/products\/carbon-neutral-sportswear\/\">Carbon Neutral Sportswear<\/a><\/strong> \u2014 recycled sportswear with documented material sourcing and cutting data.<\/li>\n\t<li><strong><a href=\"\/ar\/products\/core-basics-jumpsuits\/\">Core Basics Jumpsuits<\/a><\/strong> \u2014 one-piece jumpsuits and unitards in organic and recycled blends.<\/li>\n\t<li><strong><a href=\"\/ar\/products\/functional-athletic-jackets-outerwear\/\">Functional Athletic Jackets &amp; Outerwear<\/a><\/strong> \u2014 recycled-shell outerwear with PFC-free water repellency.<\/li>\n\t<li><strong><a href=\"\/ar\/products\/organic-cotton-hoodies-joggers\/\">Organic Cotton Hoodies &amp; Joggers<\/a><\/strong> \u2014 certified organic cotton fleece sets with brushed-back softness.<\/li>\n\t<li><strong><a href=\"\/ar\/products\/recycled-athletic-t-shirts\/\">Recycled Athletic T-Shirts<\/a><\/strong> \u2014 rPET performance tees as the volume entry to a recycled range.<\/li>\n<\/ul>\n\n<div class=\"lph-figure-row lph-figure-row--3\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-Fabrics-Materials.webp\" alt=\"Renewable and recycled fibre blend selection for pants and shorts\" width=\"600\" height=\"694\">\n\t\t<figcaption>Material selection \u2014 renewable and recycled blends<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/fiber-yarn-sourcing-hd.webp\" alt=\"Bio-based and recycled yarn sourcing for bottom production\" width=\"800\" height=\"625\">\n\t\t<figcaption>Yarn sourcing \u2014 bio-based and recycled supply<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-design-services.webp\" alt=\"Custom design service for bottom colourways and pocket lines\" width=\"600\" height=\"694\">\n\t\t<figcaption>Design \u2014 colourways and functional panel lines<\/figcaption>\n\t<\/figure>\n<\/div>\n<\/section>\n\n<section class=\"lph-block lph-block--products\">\n<h2>Hot-Selling Sustainable &amp; Renewable Pants &amp; Shorts<\/h2>\n<p>The bottoms eco-conscious brands request most. Send us your target fibre, fit and colour, and we produce the run with recycled content documentation and low-toxicity finishing.<\/p>\n\t<div class=\"lph-products lph-products--hasbtn\" style=\"--lph-prod-cols:4\">\n\t\t\t\t\t<span class=\"lph-product\">\n\t\t\t\t<span class=\"lph-product__media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"lph-product__media-link\" href=\"https:\/\/test.global-so.com\/ar\/product\/sustainable-renewable-pants-and-shorts\/\"\n\t\t\t\t\t\t\t\taria-label=\"Sustainable &#038; renewable pants and shorts\" data-lpt-track=\"product_3822\">\n\t\t\t\t\t\t\t\t<img src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/08\/16-Sustainable-renewable-pants-and-shorts-black.webp\" alt=\"Sustainable &#038; renewable pants and shorts\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t<span class=\"lph-product__body\">\n\t\t\t\t\t<span class=\"lph-product__title\">Sustainable &#038; renewable pants and shorts<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"lpt-inquire\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE1ODAiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\" data-lpt-keep=\"1\" rel=\"nofollow\">\n\t\t\t\t\t\t\tSend Inquiry\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"lph-product\">\n\t\t\t\t<span class=\"lph-product__media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"lph-product__media-link\" href=\"https:\/\/test.global-so.com\/ar\/product\/mens-beach-short\/\"\n\t\t\t\t\t\t\t\taria-label=\"MEN\u2019S BEACH SHORT\" data-lpt-track=\"product_3527\">\n\t\t\t\t\t\t\t\t<img src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/04\/\u5fae\u4fe1\u56fe\u7247_20230527161436_pc-768x311.webp\" alt=\"MEN\u2019S BEACH SHORT\" loading=\"lazy\" decoding=\"async\">\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t<span class=\"lph-product__body\">\n\t\t\t\t\t<span class=\"lph-product__title\">MEN\u2019S BEACH SHORT<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"lpt-inquire\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE1ODAiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\" data-lpt-keep=\"1\" rel=\"nofollow\">\n\t\t\t\t\t\t\tSend Inquiry\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t<\/span>\n\t\t\t\t<\/div>\n\t\n<\/section>\n\n<section class=\"lph-block\">\n<h2>Fabric &amp; Construction Engineering<\/h2>\n<p>Bottoms fail at the waistband that rolls and the seam that splits under squat load. Our standard build uses a four-way renewable or recycled stretch with a stabilized waistband and a flatlock inseam, so the pair performs in training and survives the casual rotation afterwards.<\/p>\n\n<div class=\"lph-figure-row lph-figure-row--2\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/manufacturing-assembly-hd.webp\" alt=\"Assembly line where sustainable pants and shorts are produced\" width=\"800\" height=\"625\">\n\t\t<figcaption>Assembly \u2014 consistent construction across the bottom run<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/03\/Flat-lock-stitching.webp\" alt=\"Flatlock stitching used on renewable pants and shorts seams\" width=\"864\" height=\"1153\">\n\t\t<figcaption>Seams \u2014 flatlock stitching for chafe-free inseams<\/figcaption>\n\t<\/figure>\n<\/div>\n\n<dl class=\"lph-specs\">\n\t<dt>Main Fabric<\/dt>\n\t<dd>Bio-based and recycled stretch knit, 200\u2013260 gsm, four-way recovery for training<\/dd>\n\n\t<dt>Alternative Fabrics<\/dt>\n\t<dd>Renewable Tencel blends, recycled poly jersey, and organic-recycled mixed knit<\/dd>\n\n\t<dt>Moisture Management<\/dt>\n\t<dd>Light wicking finish optional; engineered for training and casual comfort<\/dd>\n\n\t<dt>Printing Techniques<\/dt>\n\t<dd>Sublimation, screen print, heat transfer on compatible bottom panels<\/dd>\n\n\t<dt>Embroidery<\/dt>\n\t<dd>Multi-head embroidery for small marks and woven-label application<\/dd>\n\n\t<dt>Hardware<\/dt>\n\t<dd>Recycled-content drawcords, YKK options, bartack at pocket and stress points<\/dd>\n\n\t<dt>Size Range<\/dt>\n\t<dd>Kids (XS\u2013XL), adult (XS\u20135XL), men&#8217;s and women&#8217;s grading, custom size charts<\/dd>\n\n\t<dt>Quality Standard<\/dt>\n\t<dd>In-line inspection at every stage plus AQL 2.5 final random inspection<\/dd>\n<\/dl>\n\n<h3>The bottom build details<\/h3>\n<ul class=\"lph-list-2col\">\n\t<li><strong>Stabilized waistband<\/strong> resists the roll that ruins cheaper training bottoms.<\/li>\n\t<li><strong>Four-way stretch recovery<\/strong> holds the silhouette after squat and stride load.<\/li>\n\t<li><strong>Flatlock inseam<\/strong> removes the chafe point on a garment worn close to skin.<\/li>\n\t<li><strong>Low-toxicity dye and finish<\/strong> selected to reduce harmful inputs on skin-contact fabric.<\/li>\n\t<li><strong>Recycled-content documentation<\/strong> packaged with the order for your product claims.<\/li>\n<\/ul>\n\n<div class=\"lph-hl\">\n\t<p><strong>For eco-conscious training and lifestyle brands:<\/strong> we can run pants, shorts and a matching tee from one renewable colour standard, so a coordinated bottom-led range ships colour-matched without separate development.<\/p>\n<\/div>\n<\/section>\n\n<section class=\"lph-block lph-block--tint\">\n<h2>Why Brands Source Renewable Bottoms From Us<\/h2>\n\n<h3>Renewable fibre that survives real wear<\/h3>\n<p>The risk with bio-based bottoms is that they soften into shapelessness after a few cycles. Our stabilized waistband and four-way recovery keep the pair performing in training and looking right in casual rotation, which is what makes the swap stick.<\/p>\n\n<h3>One facility, coherent documentation<\/h3>\n<p>Because the entire run is made on our own lines, the renewable and recycled content and the finishing are controlled in one place. That keeps your paperwork simple for a retailer, and it is what lets a pant, a short and a matching tee ship from one colour standard without a second development round.<\/p>\n\n<h3>Capacity for the everyday bottom<\/h3>\n<p>Bottoms are worn more days than most items, so replenishment matters. With 10 production lines and 150,000 pieces of monthly capacity we protect steady supply, and our 7\u201315 day sampling window lets you validate the stretch and fit first.<\/p>\n<\/section>\n\n<section class=\"lph-block\">\n<h2>Customization Options<\/h2>\n<ul class=\"lph-list-2col\">\n\t<li><strong>Fibre:<\/strong> bio-based, recycled, or an organic-recycled blend per your claim.<\/li>\n\t<li><strong>Silhouette:<\/strong> training tight, casual short, or relaxed pant from one chart.<\/li>\n\t<li><strong>Colourways:<\/strong> matched to Pantone or your physical swatch for batch consistency.<\/li>\n\t<li><strong>Waistband:<\/strong> stabilized, drawcord or flat, with recycled-content options.<\/li>\n\t<li><strong>Prints &amp; panels:<\/strong> sublimation, screen print and colour-block panel lines.<\/li>\n\t<li><strong>Trims:<\/strong> recycled drawcords, YKK options and woven labels that support claims.<\/li>\n\t<li><strong>Packaging:<\/strong> recycled polybags and FSC cartons available on request.<\/li>\n\t<li><strong>Documentation:<\/strong> recycled-content and fibre records packaged with the order.<\/li>\n<\/ul>\n\n<div class=\"lph-figure-row lph-figure-row--3\">\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-fit-sizing.webp\" alt=\"Custom fit and sizing service for pants and shorts grading\" width=\"600\" height=\"694\">\n\t\t<figcaption>Fit and sizing \u2014 graded charts for men&#8217;s and women&#8217;s<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-branding-Packaging.webp\" alt=\"Custom branding and recycled packaging for bottom orders\" width=\"600\" height=\"694\">\n\t\t<figcaption>Branding and packaging \u2014 recycled options on request<\/figcaption>\n\t<\/figure>\n\t<figure class=\"lph-figure\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/Custom-Small-batch-order-production.webp\" alt=\"Small-batch production supporting flexible bottom reorder quantities\" width=\"600\" height=\"694\">\n\t\t<figcaption>Small-batch runs \u2014 flexible reorders for basics lines<\/figcaption>\n\t<\/figure>\n<\/div>\n<\/section>\n\n<section class=\"lph-block lph-block--tint\">\n<h2>Order Information at a Glance<\/h2>\n<table>\n\t<thead>\n\t\t<tr><th>Item<\/th><th>Standard Terms<\/th><\/tr>\n\t<\/thead>\n\t<tbody>\n\t\t<tr><td>Minimum order quantity<\/td><td>1,000 units per style per colourway<\/td><\/tr>\n\t\t<tr><td>Sampling<\/td><td>7\u201315 business days after design confirmation; sample cost refundable against bulk order<\/td><\/tr>\n\t\t<tr><td>Bulk production<\/td><td>25\u201345 business days after deposit and pre-production sample approval<\/td><\/tr>\n\t\t<tr><td>Peak season (Q3\u2013Q4)<\/td><td>45\u201360 business days; advance planning recommended for season-start deadlines<\/td><\/tr>\n\t\t<tr><td>Payment terms<\/td><td>50% deposit to start production, 50% before shipment; T\/T and L\/C accepted<\/td><\/tr>\n\t\t<tr><td>Incoterms<\/td><td>EXW factory, or FOB \/ CIF on request<\/td><\/tr>\n\t\t<tr><td>Quality assurance<\/td><td>In-line inspection plus AQL 2.5 final random inspection before packing<\/td><\/tr>\n\t\t<tr><td>Monthly capacity<\/td><td>10 production lines, 150,000 pieces monthly capacity<\/td><\/tr>\n\t<\/tbody>\n<\/table>\n<figure class=\"lph-figure\">\n\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/11\/global-logistics-hd.webp\" alt=\"Global logistics and consolidated shipment for renewable pants and shorts orders\" width=\"800\" height=\"625\">\n\t<figcaption>Global logistics \u2014 EXW, FOB or CIF, shipped as one consignment<\/figcaption>\n<\/figure>\n<\/section>\n\n<section class=\"lph-block\">\n<h2>Frequently Asked Questions<\/h2>\n\n<h3>Can you prove the recycled or renewable content?<\/h3>\n<p>Yes. We keep the fibre records on file and supply recycled-content documentation with the order. Tell us which standard your market recognises and we provide the paperwork at the enquiry stage.<\/p>\n\n<h3>Will renewable bottoms hold their shape?<\/h3>\n<p>Our stabilized waistband and four-way stretch recovery keep the silhouette through training and wash cycles. We validate recovery and roll resistance as part of pre-production approval.<\/p>\n\n<h3>Do you make both training and casual bottoms?<\/h3>\n<p>Yes. Tights, shorts and relaxed pants share one graded chart, so a coordinated bottom-led range ships colour-matched without separate development.<\/p>\n\n<h3>What is the minimum order for a bottom style?<\/h3>\n<p>Our standard MOQ is 1,000 units per style per colourway. Because bottoms are everyday reorders, we plan capacity to support steady replenishment.<\/p>\n\n<h3>How long from sample approval to finished goods?<\/h3>\n<p>Bulk production runs 25\u201345 business days after deposit and sample sign-off, stretching to 45\u201360 in the Q3\u2013Q4 peak. For a season launch we recommend confirming the order by early Q2 so the timeline protects your date.<\/p>\n<\/section>\n<\/div>\n\n\n\n<style>\n\/* =========================================================================\n   \u6b63\u6587\u6837\u5f0f\u5305 \u00b7 \u5206\u5757\u7248\uff08\u53ef\u72ec\u7acb\u5185\u8054\u4f7f\u7528\uff09\n   -------------------------------------------------------------------------\n   \u8bbe\u8ba1\u76ee\u6807\uff1a\n     1. \u628a\u6b63\u6587\u6309 h2 \u5207\u6210\u4e00\u4e2a\u4e2a\u72ec\u7acb\u300c\u6a21\u5757\u300d\uff0c\u4e00\u5c4f\u80fd\u770b\u5b8c\u4e00\u5757\n     2. \u6a21\u5757\u4e4b\u95f4\u7528\u5e95\u8272\u5dee\u5f02\u533a\u5206\uff08\u767d \/ \u6d45\u7070 \/ \u6df1\u84dd \/ \u6e10\u53d8\uff09\n     3. **\u6a21\u5757\u5e95\u8272\u94fa\u6ee1\u6574\u4e2a\u5c4f\u5e55\u5bbd\u5ea6**\uff08\u5168\u5c4f\u51fa\u8840\uff09\uff0c\u6587\u5b57\u4ecd\u5b88\u5728 1400px \u5185\n     4. \u6a21\u5757\u5185\u7684\u5b50\u5143\u7d20\u88ab\u9501\u5728\u6a21\u5757\u91cc\uff0c\u4e0d\u4f1a\u8df3\u8131\u51fa\u53bb\n\n   \u4f5c\u7528\u57df\uff1a\u6392\u7248\u89c4\u5219\u7edf\u4e00\u4ee5 :is(.lph-prose, .lph-body) \u8d77\u5934\uff0c\n          \u53ea\u5f71\u54cd\u6b63\u6587\u5bb9\u5668\u5185\u90e8\uff0c\u4e0d\u4f1a\u6c61\u67d3\u7ad9\u70b9\u5176\u5b83\u9875\u9762\u3002\n          \uff08\u552f\u4e00\u4f8b\u5916\u662f\u4e0b\u9762\u90a3\u6761 html\/body \u7684\u6a2a\u5411\u6ea2\u51fa\u4fdd\u62a4\uff0c\u89c1\u300c\u5168\u5c4f\u51fa\u8840\u300d\u5c0f\u8282\uff09\n\n   \u7528\u6cd5\uff1a\u628a\u672c\u6587\u4ef6\u5168\u90e8\u5185\u5bb9\u653e\u8fdb HTML \u7684 style \u6807\u7b7e\u5185\uff0c\n        \u518d\u7528\u4e00\u4e2a\u5e26 lph-prose \u7c7b\u7684 div \u5305\u4f4f\u6b63\u6587 HTML\u3002\n   ========================================================================= *\/\n\n:root {\n\t--lph-primary:   var( --e-global-color-primary, #0068b4 );\n\t--lph-secondary: var( --e-global-color-secondary, #00b4a6 );\n\t--lph-dark:      var( --ast-global-color-7, #003c68 );\n\t--lph-ink:       #16232e;\n\t--lph-text:      var( --e-global-color-text, #5a6a7a );\n\t--lph-soft:      var( --ast-global-color-6, #f2f5f7 );\n\t--lph-line:      #e3e9ee;\n\t--lph-radius:    12px;\n\t--lph-radius-lg: 20px;\n\t--lph-shadow-sm: 0 1px 3px rgba( 16, 42, 67, .06 ), 0 4px 14px rgba( 16, 42, 67, .05 );\n\t--lph-font:      var( --e-global-typography-text-font-family, \"Open Sans\" ), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n\t--lph-font-head: var( --e-global-typography-primary-font-family, \"Montserrat\" ), -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n\n\t\/* \u2500\u2500 \u60f3\u8c03\u7248\u5f0f\uff0c\u6539\u8fd9\u51e0\u4e2a\u6570\u5b57\u5c31\u884c \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\t--lph-content-w: 1400px;  \/* \u6b63\u6587\u5185\u5bb9\u6700\u5927\u5bbd\u5ea6\uff08\u5e95\u8272\u4e0d\u53d7\u5b83\u9650\u5236\uff0c\u4f1a\u94fa\u6ee1\u5168\u5c4f\uff09 *\/\n\t--lph-block-pad: 72px;    \/* \u6a21\u5757\u4e0a\u4e0b\u5185\u8fb9\u8ddd + \u5185\u5bb9\u4e0e\u5c4f\u5e55\u8fb9\u7f18\u7684\u6700\u5c0f\u7559\u767d *\/\n\t--lph-block-gap: 0px;     \/* \u6a21\u5757\u4e4b\u95f4\u7684\u95f4\u8ddd\uff080 = \u4e0a\u4e0b\u5e95\u8272\u8fde\u6210\u4e00\u6761\uff0c\u65e0\u7f1d\u9699\uff09 *\/\n\t--lph-card-min:  320px;   \/* \u5356\u70b9\u5361\u7247\u6700\u5c0f\u5bbd\u5ea6 *\/\n}\n\n\/* =========================================================================\n   \u4e00\u3001\u5bb9\u5668\n   ========================================================================= *\/\n.lph-prose {\n\twidth: 100%;\n\tmax-width: var( --lph-content-w );\n\tmargin: 0 auto;\n\tfont-family: var( --lph-font );\n\tfont-size: 17px;\n\tline-height: 1.72;\n\tcolor: var( --lph-text );\n\t-webkit-font-smoothing: antialiased;\n\tbox-sizing: border-box;\n}\n\n.lph-prose *,\n.lph-prose *::before,\n.lph-prose *::after { box-sizing: border-box; }\n\n\/* =========================================================================\n   \u4e8c\u3001\u5206\u5757\u6a21\u5757\uff08\u6838\u5fc3\uff09\n   -------------------------------------------------------------------------\n   \u6bcf\u4e2a h2 \u6bb5\u843d\u88ab\u5305\u8fdb\u4e00\u4e2a .lph-block\uff0c\u6210\u4e3a\u72ec\u7acb\u89c6\u89c9\u5355\u5143\u3002\n   \u5e95\u8272\u4ea4\u66ff\uff1a\u9ed8\u8ba4\u767d \u2192 .lph-block--tint \u6d45\u7070 \u2192 .lph-block--dark \u6df1\u84dd\n            \u2192 .lph-block--cta \u6e10\u53d8\uff08\u7ed3\u5c3e\u884c\u52a8\u53f7\u53ec\uff09\n\n   \u2500\u2500 \u5168\u5c4f\u51fa\u8840\u662f\u600e\u4e48\u505a\u7684 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   \u80cc\u666f\u8272\u8981\u94fa\u6ee1\u6574\u4e2a\u5c4f\u5e55\uff0c\u4f46\u6587\u5b57\u5fc5\u987b\u5b88\u5728 1400px \u4ee5\u5185\u3002\u505a\u6cd5\u662f\u300c\u62c9\u51fa\u53bb\u518d\u63a8\u56de\u6765\u300d\uff1a\n\n     margin-left\/right : calc(50% - 50vw)     \u2190 \u5411\u5de6\/\u53f3\u5404\u62c9\u51fa\u5230\u89c6\u53e3\u8fb9\u7f18\n     padding-left\/right: calc(50vw - 50% + pad) \u2190 \u518d\u63a8\u56de\u6765\uff0c\u591a\u7684\u90a3\u622a\u5c31\u662f\u65b0\u7684\u7559\u767d\n\n   \u4e24\u8005\u4e00\u8d1f\u4e00\u6b63\u521a\u597d\u62b5\u6d88\uff0c\u6240\u4ee5 **\u5185\u5bb9\u5bbd\u5ea6\u5b8c\u5168\u4e0d\u53d8**\uff0c\u53ea\u6709\u5e95\u8272\u94fa\u6ee1\u4e86\u5168\u5c4f\u3002\n   50% \u662f\u76f8\u5bf9\u6b63\u6587\u5bb9\u5668\u7b97\u7684\uff0c\u5bb9\u5668\u5c45\u4e2d\u65f6 50% \u6b63\u597d\u662f\u5bb9\u5668\u4e2d\u5fc3\uff0c\n   \u6240\u4ee5\u4e0d\u7ba1\u5bb9\u5668\u591a\u5bbd\u3001\u5c4f\u5e55\u591a\u5927\uff0c\u4e24\u8fb9\u90fd\u6070\u597d\u8d34\u5230\u89c6\u53e3\u8fb9\u7f18\uff0c\u4e0d\u9700\u8981\u5199\u6b7b\u4efb\u4f55\u6570\u503c\u3002\n   ========================================================================= *\/\n.lph-block {\n\tposition: relative;\n\toverflow: hidden;                 \/* \u5b50\u5143\u7d20\u4e0d\u8d8a\u754c\u3001\u4e0d\u8df3\u8131 *\/\n\tmargin-top: 0;\n\tmargin-bottom: var( --lph-block-gap );\n\tmargin-left: calc( 50% - 50vw );\n\tmargin-right: calc( 50% - 50vw );\n\tpadding: var( --lph-block-pad ) calc( 50vw - 50% + var( --lph-block-pad ) );\n\tborder: 0;                        \/* \u901a\u680f\u5e95\u8272\u4e0d\u9700\u8981\u63cf\u8fb9 *\/\n\tborder-radius: 0;                 \/* \u901a\u680f\u5e95\u8272\u4e0d\u9700\u8981\u5706\u89d2 *\/\n\tbackground: #fff;\n\tbreak-inside: avoid;              \/* \u6253\u5370\/\u5bfc\u51fa PDF \u65f6\u4e0d\u8de8\u9875\u65ad\u5f00 *\/\n\tpage-break-inside: avoid;\n}\n\n\/* 100vw \u5728\u90e8\u5206\u6d4f\u89c8\u5668\u91cc\u542b\u7eb5\u5411\u6eda\u52a8\u6761\u5bbd\u5ea6\uff0c\u4f1a\u591a\u51fa\u7ea6 8px \u6a2a\u5411\u6ea2\u51fa\u3002\n   overflow-x: clip \u4e0e hidden \u4e0d\u540c \u2014\u2014 \u5b83\u4e0d\u4ea7\u751f\u6eda\u52a8\u5bb9\u5668\uff0c\n   \u6240\u4ee5\u4e0d\u4f1a\u7834\u574f\u9875\u9762\u4e0a sticky \/ fixed \u5b9a\u4f4d\u7684\u5143\u7d20\u3002 *\/\nhtml,\nbody { overflow-x: clip; }\n\n\/* \u6a21\u5757\u5185\u6240\u6709\u76f4\u63a5\u5b50\u5143\u7d20\u4e0d\u8bb8\u8d85\u51fa\u6a21\u5757\u5bbd\u5ea6 *\/\n.lph-block > * { max-width: 100%; }\n\n\/* \u6807\u9898\u4e0e\u7d27\u968f\u5176\u540e\u7684\u5185\u5bb9\u7ed1\u5728\u4e00\u8d77\uff0c\u907f\u514d\u6807\u9898\u5b64\u96f6\u96f6\u7559\u5728\u4e0a\u4e00\u5c4f *\/\n.lph-block > h2,\n.lph-block > h3 { break-after: avoid; page-break-after: avoid; }\n\n\/* \u6a21\u5757\u9996\u5c3e\u4e0d\u7559\u591a\u4f59\u7a7a\u767d *\/\n.lph-block > *:first-child { margin-top: 0; }\n.lph-block > *:last-child { margin-bottom: 0; }\n\n\/* ---------- \u8272\u5dee\u53d8\u4f53 ---------- *\/\n.lph-block--tint {\n\tbackground: var( --lph-soft );\n}\n\n.lph-block--dark {\n\tbackground: var( --lph-dark );\n\tcolor: rgba( 255, 255, 255, .82 );\n}\n\n.lph-block--dark :is(h1,h2,h3,h4) { color: #fff; }\n.lph-block--dark strong { color: #fff; }\n.lph-block--dark a { color: var( --lph-secondary ); }\n.lph-block--dark h2 { border-bottom-color: rgba( 255, 255, 255, .18 ); }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\uff0c\u5185\u90e8\u7ec4\u4ef6\u4e5f\u8ddf\u7740\u6362\u8272 \u2014\u2014 \u8fd9\u5c31\u662f\u300c\u4e0b\u7ea7\u4e0d\u8df3\u8131\u300d *\/\n.lph-block--dark .lph-card {\n\tbackground: rgba( 255, 255, 255, .06 );\n\tborder-color: rgba( 255, 255, 255, .14 );\n}\n.lph-block--dark .lph-card h3 { color: #fff; }\n.lph-block--dark .lph-card p { color: rgba( 255, 255, 255, .72 ); }\n.lph-block--dark .lph-card__num {\n\tbackground: rgba( 255, 255, 255, .12 );\n\tcolor: var( --lph-secondary );\n}\n.lph-block--dark .lph-specs { border-color: rgba( 255, 255, 255, .16 ); }\n.lph-block--dark .lph-specs dt {\n\tbackground: rgba( 255, 255, 255, .08 );\n\tcolor: #fff;\n\tborder-bottom-color: rgba( 255, 255, 255, .12 );\n}\n.lph-block--dark .lph-specs dd {\n\tbackground: rgba( 255, 255, 255, .03 );\n\tborder-bottom-color: rgba( 255, 255, 255, .12 );\n}\n.lph-block--dark .lph-hl {\n\tbackground: rgba( 0, 180, 166, .1 );\n\tborder-color: rgba( 0, 180, 166, .35 );\n\tborder-left-color: var( --lph-secondary );\n}\n.lph-block--dark .lph-hl strong { color: #fff; }\n.lph-block--dark table { border-color: rgba( 255, 255, 255, .16 ); }\n.lph-block--dark thead th { background: rgba( 255, 255, 255, .1 ); }\n.lph-block--dark tbody td { border-top-color: rgba( 255, 255, 255, .12 ); }\n.lph-block--dark tbody tr:nth-child( even ) { background: rgba( 255, 255, 255, .04 ); }\n\n.lph-block--cta {\n\tbackground: linear-gradient( 120deg, var( --lph-dark ) 0%, var( --lph-primary ) 100% );\n\tcolor: #fff;\n}\n\n\/* \u4ea7\u54c1\u6a21\u5757\u4e13\u5c5e\u5e95\u8272\uff1a\u767d \u2192 \u6d45\u84dd\u7684\u6781\u6de1\u6e10\u53d8\uff0c\n   \u548c\u300c\u7eaf\u767d\u300d\u548c\u300c\u6d45\u7070\u300d\u90fd\u80fd\u533a\u5206\u5f00\uff0c\u907f\u514d\u4e0e\u76f8\u90bb\u6a21\u5757\u649e\u8272 *\/\n.lph-block--products {\n\tbackground: linear-gradient( 180deg, #ffffff 0%, #edf4fa 100% );\n}\n\n\/* =========================================================================\n   \u4e09\u3001\u6807\u9898\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) h1,\n:is(.lph-prose,.lph-body) h2,\n:is(.lph-prose,.lph-body) h3,\n:is(.lph-prose,.lph-body) h4 {\n\tfont-family: var( --lph-font-head );\n\tcolor: var( --lph-dark );\n\tline-height: 1.24;\n\tmargin: 0 0 .55em;\n\tfont-weight: 700;\n\tletter-spacing: -.01em;\n}\n\n:is(.lph-prose,.lph-body) h2 {\n\tfont-size: clamp( 26px, 2.6vw, 36px );\n\tmargin-bottom: .7em;\n\tpadding-bottom: .35em;\n\tborder-bottom: 2px solid var( --lph-soft );\n}\n\n:is(.lph-prose,.lph-body) h3 {\n\tfont-size: clamp( 20px, 1.9vw, 24px );\n\tmargin-top: 1.7em;\n}\n\n:is(.lph-prose,.lph-body) h4 {\n\tfont-size: 18px;\n\tmargin-top: 1.5em;\n\tcolor: var( --lph-primary );\n}\n\n\/* =========================================================================\n   \u56db\u3001\u6bb5\u843d\u4e0e\u884c\u5185\u5143\u7d20\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) p { margin: 0 0 1.1em; }\n\n:is(.lph-prose,.lph-body) strong { color: var( --lph-ink ); font-weight: 700; }\n\n:is(.lph-prose,.lph-body) a {\n\tcolor: var( --lph-primary );\n\ttext-decoration: underline;\n\ttext-underline-offset: 3px;\n}\n:is(.lph-prose,.lph-body) a:hover { color: var( --lph-dark ); }\n\n:is(.lph-prose,.lph-body) img {\n\tmax-width: 100%;\n\theight: auto;\n\tborder-radius: var( --lph-radius );\n}\n\n\/* =========================================================================\n   \u4e94\u3001\u5217\u8868\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) ul,\n:is(.lph-prose,.lph-body) ol { padding-left: 1.35em; margin: 0 0 1.3em; }\n\n:is(.lph-prose,.lph-body) li { margin-bottom: .6em; }\n\n:is(.lph-prose,.lph-body) ul > li::marker { color: var( --lph-primary ); }\n\n\/* \u666e\u901a\u957f\u5217\u8868\u53ef\u5206\u4e24\u680f\uff0c\u907f\u514d 1400px \u4e0b\u6bcf\u884c\u8fc7\u957f\uff08\u5728 HTML \u4e0a\u52a0 lph-list-2col \u7c7b\u5373\u53ef\uff09 *\/\n:is(.lph-prose,.lph-body) .lph-list-2col {\n\tcolumns: 2;\n\tcolumn-gap: 56px;\n}\n\n:is(.lph-prose,.lph-body) .lph-list-2col > li {\n\tbreak-inside: avoid;\n\tpage-break-inside: avoid;\n}\n\n\/* =========================================================================\n   \u516d\u3001\u5f15\u7528\u4e0e\u8868\u683c\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) blockquote {\n\tmargin: 1.8em 0;\n\tpadding: 22px 28px;\n\tborder-left: 4px solid var( --lph-primary );\n\tborder-radius: 0 var( --lph-radius ) var( --lph-radius ) 0;\n\tbackground: var( --lph-soft );\n\tcolor: var( --lph-dark );\n\tfont-style: normal;\n\tfont-size: 16.5px;\n}\n\n:is(.lph-prose,.lph-body) blockquote p:last-child { margin-bottom: 0; }\n\n:is(.lph-prose,.lph-body) table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n\tmargin: 1.6em 0;\n\tfont-size: 15.5px;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius );\n\toverflow: hidden;\n}\n\n:is(.lph-prose,.lph-body) thead th {\n\tbackground: var( --lph-dark );\n\tcolor: #fff;\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\ttext-align: left;\n\tpadding: 15px 20px;\n\tfont-size: 15px;\n}\n\n:is(.lph-prose,.lph-body) tbody td {\n\tpadding: 14px 20px;\n\tborder-top: 1px solid var( --lph-line );\n\tvertical-align: top;\n}\n\n:is(.lph-prose,.lph-body) tbody tr:nth-child( even ) { background: #fafcfd; }\n\n\/* =========================================================================\n   \u4e03\u3001\u7ec4\u4ef6\uff08\u5df2\u5e26 lph- \u524d\u7f00\uff0c\u547d\u540d\u552f\u4e00\uff0c\u65e0\u9700\u518d\u5957\u4f5c\u7528\u57df\u524d\u7f00\uff09\n   ========================================================================= *\/\n\n\/* ---------- \u5356\u70b9\u5361\u7247 ---------- *\/\n.lph-cards {\n\tdisplay: grid;\n\tgrid-template-columns: repeat( auto-fit, minmax( min( var( --lph-card-min ), 100% ), 1fr ) );\n\tgap: 22px;\n\tmargin: 1.8em 0 !important;\n\tpadding: 0 !important;\n\tlist-style: none;\n\twidth: 100%;\n}\n\n.lph-cards > li,\n.lph-card {\n\tbackground: #fff;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\tpadding: 30px 28px;\n\tbox-shadow: var( --lph-shadow-sm );\n\tlist-style: none;\n\tmargin: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.lph-card h3,\n.lph-cards h3,\n.lph-cards > li > h3 {\n\tfont-size: 18px;\n\tmargin: 0 0 10px;\n\tcolor: var( --lph-dark );\n\tfont-family: var( --lph-font-head );\n\tline-height: 1.3;\n}\n\n.lph-card p,\n.lph-cards p,\n.lph-cards > li > p {\n\tmargin: 0;\n\tfont-size: 15px;\n\tline-height: 1.68;\n\tcolor: var( --lph-text );\n}\n\n.lph-card__num {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 38px;\n\theight: 38px;\n\tmargin-bottom: 14px;\n\tborder-radius: 10px;\n\tbackground: rgba( 0, 104, 180, .1 );\n\tcolor: var( --lph-primary );\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 800;\n\tfont-size: 16px;\n}\n\n\/* ---------- \u53c2\u6570\u89c4\u683c\u8868\uff08dl\uff09 ---------- *\/\n.lph-specs {\n\tdisplay: grid;\n\tgrid-template-columns: minmax( 180px, 260px ) 1fr;\n\tgap: 0;\n\tmargin: 1.6em 0 !important;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\toverflow: hidden;\n\tlist-style: none;\n\tpadding: 0 !important;\n}\n\n.lph-specs dt,\n.lph-specs dd {\n\tmargin: 0;\n\tpadding: 15px 22px;\n\tfont-size: 15.5px;\n\tborder-bottom: 1px solid var( --lph-line );\n}\n\n.lph-specs dt {\n\tbackground: var( --lph-soft );\n\tfont-weight: 700;\n\tcolor: var( --lph-dark );\n\tfont-family: var( --lph-font-head );\n\tfont-size: 15px;\n}\n\n.lph-specs dd { background: #fff; }\n\n.lph-specs > dt:last-of-type,\n.lph-specs > dd:last-of-type { border-bottom: 0; }\n\n\/* ---------- \u9ad8\u4eae\u63d0\u793a\u5757 ---------- *\/\n.lph-hl {\n\tmargin: 1.8em 0 !important;\n\tpadding: 26px 30px;\n\tborder: 1px solid rgba( 0, 180, 166, .3 );\n\tborder-left: 4px solid var( --lph-secondary );\n\tborder-radius: var( --lph-radius );\n\tbackground: rgba( 0, 180, 166, .06 );\n}\n\n.lph-hl strong { color: var( --lph-dark ); }\n.lph-hl p:last-child { margin-bottom: 0; }\n\n\/* ---------- \u5185\u8054 CTA \u6761 ---------- *\/\n.lph-cta-inline {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 26px;\n\tflex-wrap: wrap;\n\tmargin: 0 !important;\n\tpadding: 34px 40px;\n\tborder-radius: var( --lph-radius-lg );\n\tbackground: linear-gradient( 120deg, var( --lph-dark ), var( --lph-primary ) );\n\tcolor: #fff;\n}\n\n.lph-cta-inline p {\n\tmargin: 0;\n\tcolor: #fff;\n\tfont-size: 19px;\n\tfont-weight: 700;\n\tfont-family: var( --lph-font-head );\n\tmax-width: 760px;\n}\n\n\/* ---------- \u6309\u94ae ---------- *\/\n.lph-btn {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: 8px;\n\tpadding: 16px 34px;\n\tborder-radius: 50px;\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\tfont-size: 15.5px;\n\tline-height: 1;\n\ttext-decoration: none !important;\n\tborder: 0;\n\tcursor: pointer;\n\ttransition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;\n\twhite-space: nowrap;\n}\n\n.lph-btn--primary {\n\tbackground: var( --lph-primary );\n\tcolor: #fff !important;\n\tbox-shadow: 0 6px 18px rgba( 0, 104, 180, .28 );\n}\n\n.lph-btn--primary:hover,\n.lph-btn--primary:focus {\n\tbackground: var( --lph-dark );\n\tcolor: #fff !important;\n\ttransform: translateY( -2px );\n\tbox-shadow: 0 10px 26px rgba( 0, 60, 104, .3 );\n}\n\n.lph-btn--lg { padding: 19px 42px; font-size: 17px; }\n.lph-btn--sm { padding: 11px 22px; font-size: 14px; }\n\n\/* ---------- \u4ea7\u54c1\u7f51\u683c\uff08\u77ed\u4ee3\u7801  \u52a8\u6001\u8f93\u51fa\uff09 ---------- *\/\n.lph-products {\n\tdisplay: grid;\n\tgrid-template-columns: repeat( var( --lph-prod-cols, 4 ), minmax( 0, 1fr ) );\n\tgap: 20px;\n\tmargin: 1.8em 0 0;\n\twidth: 100%;\n}\n\n.lph-product {\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: #fff;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\toverflow: hidden;\n\ttext-decoration: none !important;\n\ttransition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n\n.lph-product:hover {\n\ttransform: translateY( -3px );\n\tbox-shadow: var( --lph-shadow-sm );\n\tborder-color: #cfdce5;\n}\n\n.lph-product__media {\n\tdisplay: block;\n\taspect-ratio: 4 \/ 3;\n\tbackground: var( --lph-soft );\n\toverflow: hidden;\n}\n\n.lph-product__media img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tdisplay: block;\n\tborder-radius: 0;\n\ttransition: transform .35s ease;\n}\n\n.lph-product:hover .lph-product__media img { transform: scale( 1.04 ); }\n\n.lph-product__body {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 18px 20px 20px;\n\tflex: 1;\n}\n\n.lph-product__title {\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\tfont-size: 15.5px;\n\tline-height: 1.35;\n\tcolor: var( --lph-dark );\n}\n\n.lph-product__cta {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tmargin-top: auto;\n\tfont-size: 13.5px;\n\tfont-weight: 700;\n\tcolor: var( --lph-primary );\n}\n\n.lph-product:hover .lph-product__cta { color: var( --lph-dark ); }\n\n\/* ---------- \u5e7f\u544a\u6a21\u5f0f\uff1a\u4ea7\u54c1\u5361\u7247\u5e95\u90e8\u7684\u300c\u54a8\u8be2\u300d\u6309\u94ae ----------\n   \u5e7f\u544a\u6a21\u5f0f\u7531\u63d2\u4ef6\u63a7\u5236\u3002\u5f00\u542f\u65f6\u4ea7\u54c1\u5361\u7247\u4e0d\u53ef\u70b9\u51fb\uff0c\u5e95\u90e8\u6362\u6210\u8fd9\u4e2a\u6309\u94ae\uff0c\n   \u70b9\u51fb\u6253\u5f00 Elementor \u5f39\u7a97\uff08href \u5f62\u5982 #elementor-action:action=popup:open&settings=\u2026\uff09\u3002 *\/\n.lpt-inquire {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-top: auto;\n\tpadding: 11px 18px;\n\tborder: 0;\n\tborder-radius: 10px;\n\tbackground: var( --lph-primary );\n\tcolor: #fff !important;\n\tfont-family: var( --lph-font-head );\n\tfont-weight: 700;\n\tfont-size: 14px;\n\tline-height: 1.2;\n\ttext-align: center;\n\ttext-decoration: none !important;\n\tcursor: pointer;\n\ttransition: background .18s ease;\n}\n\n.lpt-inquire:hover { background: var( --lph-dark ); color: #fff !important; }\n\n\/* \u5e7f\u544a\u6a21\u5f0f\u4e0b\u5361\u7247\u4e0d\u518d\u53ef\u70b9 *\/\n.lph-products--admode .lph-product { cursor: default; }\n\n\/* \u88ab\u62c6\u6389\u94fe\u63a5\u7684\u6b63\u6587\u6587\u5b57\uff08\u5e7f\u544a\u6a21\u5f0f\u4e0b\u4fdd\u7559\u53ef\u8bfb\u6027\uff0c\u4f46\u4e0d\u518d\u662f\u94fe\u63a5\uff09 *\/\n.lpt-nolink { color: inherit; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u7528\u6b21\u8272\uff0c\u4fdd\u8bc1\u5bf9\u6bd4\u5ea6 *\/\n.lph-block--dark .lpt-inquire { background: var( --lph-secondary ); }\n.lph-block--dark .lpt-inquire:hover { background: #009c90; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u7684\u4ea7\u54c1\u5361\u7247\u8ddf\u7740\u6362\u8272 *\/\n.lph-block--dark .lph-product {\n\tbackground: rgba( 255, 255, 255, .06 );\n\tborder-color: rgba( 255, 255, 255, .14 );\n}\n.lph-block--dark .lph-product:hover { border-color: rgba( 255, 255, 255, .3 ); }\n.lph-block--dark .lph-product__media { background: rgba( 255, 255, 255, .05 ); }\n.lph-block--dark .lph-product__title { color: #fff; }\n.lph-block--dark .lph-product__cta { color: var( --lph-secondary ); }\n\n\/* \u5361\u7247\u4e0d\u662f\u6574\u5757\u94fe\u63a5\u3001\u4f46\u8981\u6c42\u53ef\u70b9\u51fb\u65f6\uff0c\u56fe\u7247\u5355\u72ec\u5305\u4e00\u5c42\u94fe\u63a5\uff08\u907f\u514d <a> \u5d4c\u5957\uff09 *\/\n.lph-product__media-link {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\ttext-decoration: none;\n}\n\n\/* =========================================================================\n   \u4e03\u4e4b\u4e8c\u3001\u914d\u56fe\n   -------------------------------------------------------------------------\n   \u5355\u56fe\uff1a<figure class=\"lph-figure\"><img ...><figcaption>\u2026<\/figcaption><\/figure>\n   \u5e76\u6392\uff1a<div class=\"lph-figure-row lph-figure-row--2\">\uff08\u6216 --3\uff09\u91cc\u653e\u591a\u4e2a figure\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) .lph-figure {\n\tmargin: 2em 0;\n\tbreak-inside: avoid;\n\tpage-break-inside: avoid;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure img {\n\twidth: 100%;\n\theight: auto;\n\tdisplay: block;\n\tborder-radius: var( --lph-radius-lg );\n\tbackground: var( --lph-soft );\n}\n\n:is(.lph-prose,.lph-body) .lph-figure figcaption {\n\tmargin-top: 12px;\n\tfont-size: 14px;\n\tline-height: 1.6;\n\tcolor: #8a97a3;\n\ttext-align: center;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure-row {\n\tdisplay: grid;\n\tgap: 20px;\n\tmargin: 2em 0;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure-row--2 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) .lph-figure-row--3 { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n\n:is(.lph-prose,.lph-body) .lph-figure-row .lph-figure { margin: 0; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u914d\u56fe\u8bf4\u660e\u8981\u63d0\u4eae *\/\n.lph-block--dark .lph-figure figcaption { color: rgba( 255, 255, 255, .6 ); }\n.lph-block--dark .lph-figure img { background: rgba( 255, 255, 255, .05 ); }\n\n\/* =========================================================================\n   \u4e5d\u3001WooCommerce \u539f\u751f\u77ed\u4ee3\u7801\u517c\u5bb9\uff08\u4e0d\u88c5\u5b50\u4e3b\u9898\u65f6\u7528\uff09\n   -------------------------------------------------------------------------\n   \u5b50\u4e3b\u9898\u91cc\u7684  \u9700\u8981 PHP \u73af\u5883\uff0c\u7eaf\u7c98\u8d34\u7684\u6b63\u6587\u7528\u4e0d\u4e86\u3002\n   \u66ff\u4ee3\u65b9\u6848\u662f WooCommerce **\u81ea\u5e26**\u7684\u77ed\u4ee3\u7801\uff08\u5b83\u672c\u6765\u5c31\u88c5\u5728\u7ad9\u4e0a\uff09\uff1a\n\n       <div class=\"woocommerce columns-4 \"><\/div>\n\n   \u26a0 \u53c2\u6570**\u4e0d\u8981\u5199\u5f15\u53f7** \u2014\u2014 \u5bcc\u6587\u672c\u7f16\u8f91\u5668\u4f1a\u628a\u534a\u89d2\u5f15\u53f7\u8f6c\u6210\u5f2f\u5f15\u53f7\uff0c\n     WooCommerce \u5c31\u89e3\u6790\u4e0d\u51fa\u5c5e\u6027\u4e86\u3002\u4e0d\u5e26\u5f15\u53f7\u7684\u5199\u6cd5\u540c\u6837\u5408\u6cd5\u3002\n\n   \u4e0b\u9762\u7684\u89c4\u5219\u628a WooCommerce \u9ed8\u8ba4\u7684 ul.products \/ li.product \u7f51\u683c\n   \u6539\u6210\u548c .lph-product \u5361\u7247\u4e00\u81f4\u7684\u89c2\u611f\u3002\u6837\u5f0f\u53ea\u5728\u6b63\u6587\u5bb9\u5668\u5185\u751f\u6548\u3002\n   ========================================================================= *\/\n\n\/* ---------- \u7f51\u683c\u5bb9\u5668 ---------- *\/\n:is(.lph-prose,.lph-body) ul.products {\n\tdisplay: grid !important;\n\tgrid-template-columns: repeat( 4, minmax( 0, 1fr ) );\n\tgap: 20px;\n\tmargin: 2em 0 !important;\n\tpadding: 0 !important;\n\tlist-style: none !important;\n}\n\n\/* \u8ddf\u7740\u77ed\u4ee3\u7801\u7684 columns \u53c2\u6570\u8d70 *\/\n:is(.lph-prose,.lph-body) ul.products.columns-2 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) ul.products.columns-3 { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) ul.products.columns-4 { grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); }\n:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: repeat( 5, minmax( 0, 1fr ) ); }\n\n\/* ---------- \u5355\u5f20\u5361\u7247 ---------- *\/\n:is(.lph-prose,.lph-body) ul.products li.product {\n\twidth: 100% !important;\n\tfloat: none !important;\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: #fff;\n\tborder: 1px solid var( --lph-line );\n\tborder-radius: var( --lph-radius-lg );\n\toverflow: hidden;\n\tbox-shadow: var( --lph-shadow-sm );\n\ttext-align: left;\n\tlist-style: none;\n\ttransition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;\n}\n\n:is(.lph-prose,.lph-body) ul.products li.product:hover {\n\ttransform: translateY( -3px );\n\tborder-color: #cfdce5;\n\tbox-shadow: 0 6px 20px rgba( 16, 42, 67, .10 );\n}\n\n\/* \u5546\u54c1\u56fe *\/\n:is(.lph-prose,.lph-body) ul.products li.product a img,\n:is(.lph-prose,.lph-body) ul.products li.product img {\n\twidth: 100% !important;\n\theight: auto;\n\taspect-ratio: 4 \/ 3;\n\tobject-fit: cover;\n\tmargin: 0 !important;\n\tborder-radius: 0 !important;\n\tdisplay: block;\n}\n\n\/* \u6807\u9898 *\/\n:is(.lph-prose,.lph-body) ul.products li.product .woocommerce-loop-product__title {\n\tfont-family: var( --lph-font-head );\n\tfont-size: 15.5px;\n\tfont-weight: 700;\n\tline-height: 1.35;\n\tcolor: var( --lph-dark );\n\tpadding: 16px 18px 18px !important;\n\tmargin: 0 !important;\n}\n\n\/* B2B \u843d\u5730\u9875\u4e0d\u663e\u793a\u4ef7\u683c \/ \u8bc4\u5206 \/ \u52a0\u8d2d\u6309\u94ae\u3002\n   \u60f3\u8ba9\u5b83\u4eec\u663e\u793a\uff0c\u628a\u8fd9\u4e00\u6bb5\u5220\u6389\u5373\u53ef\u3002 *\/\n:is(.lph-prose,.lph-body) ul.products li.product .price,\n:is(.lph-prose,.lph-body) ul.products li.product .star-rating,\n:is(.lph-prose,.lph-body) ul.products li.product .button,\n:is(.lph-prose,.lph-body) ul.products li.product .added_to_cart,\n:is(.lph-prose,.lph-body) ul.products li.product .woocommerce-loop-category__title { display: none !important; }\n\n\/* \u6df1\u8272\u6a21\u5757\u91cc\u6362\u6df1\u8272\u4e3b\u9898 *\/\n.lph-block--dark ul.products li.product {\n\tbackground: rgba( 255, 255, 255, .06 );\n\tborder-color: rgba( 255, 255, 255, .14 );\n}\n.lph-block--dark ul.products li.product:hover { border-color: rgba( 255, 255, 255, .3 ); }\n.lph-block--dark ul.products li.product .woocommerce-loop-product__title { color: #fff; }\n\n\/* \u77ed\u4ee3\u7801\u53ef\u80fd\u5e26\u51fa\u6765\u7684\u5206\u9875 \/ \u6392\u5e8f\u6761\uff0c\u6b63\u6587\u91cc\u4e0d\u9700\u8981 *\/\n:is(.lph-prose,.lph-body) .woocommerce-result-count,\n:is(.lph-prose,.lph-body) .woocommerce-ordering,\n:is(.lph-prose,.lph-body) ul.products + .woocommerce-pagination { display: none !important; }\n\n\/* =========================================================================\n   \u5341\u4e00\u3001\u6309\u300c\u5b9a\u5236\u7c7b\u578b\u300d\u7684\u4e3b\u9898\u53d8\u4f53\uff08\u5dee\u5f02\u5316\u5173\u952e\uff09\n   -------------------------------------------------------------------------\n   \u7528\u6cd5\uff1a\u5728\u6b63\u6587\u6839\u5bb9\u5668\u4e0a\u591a\u52a0\u4e00\u4e2a\u53d8\u4f53\u7c7b\u5373\u53ef\u6574\u9875\u6362\u98ce\u683c\uff1a\n\n       <div class=\"lph-prose lph-theme--yoga\"> \u2026 <\/div>\n\n   \u4e94\u4e2a\u8272\u65cf\u8986\u76d6\u5168\u90e8 35 \u4e2a\u5206\u7c7b\uff1a\n       --team    \u56e2\u961f\u7403\u7c7b\uff08\u8db3\u7403\/\u7bee\u7403\/\u7f51\u7403\/\u8bad\u7ec3\u670d\/\u6821\u670d\/\u5468\u8fb9\uff09      \u54c1\u724c\u84dd\n       --ride    \u9a91\u884c\u4e0e\u9632\u6c34\uff08rush guard \/ \u9a91\u884c\u670d \/ \u529f\u80fd\u5939\u514b\uff09      \u6df1\u9752\n       --water   \u6c34\u4e0a\u8fd0\u52a8\uff08\u6e38\u6cf3 \/ \u51b2\u6d6a\uff09                            \u6c34\u84dd\n       --yoga    \u745c\u4f3d\u5065\u8eab\uff08\u7d27\u8eab\u88e4\/\u8fd0\u52a8\u5185\u8863\/\u745c\u4f3d\u4e0a\u8863\/\u8fde\u4f53\u8863\uff09      \u7d2b + \u73ab\u7ea2\n       --eco     \u53ef\u6301\u7eed\u73af\u4fdd\uff08\u518d\u751f\/\u6709\u673a\u68c9\/\u78b3\u4e2d\u548c\uff09                  \u7eff\n\n   \u53d8\u4f53\u53ea\u8986\u76d6 CSS \u53d8\u91cf\uff0c\u6240\u6709\u7ec4\u4ef6\uff08\u6309\u94ae\u3001\u5361\u7247\u7f16\u53f7\u3001CTA\u3001\u6e10\u53d8\u5e95\u3001\n   \u56fe\u6ce8\u5c0f\u6807\uff09\u81ea\u52a8\u8ddf\u7740\u53d8 \u2014\u2014 \u4e0d\u7528\u4e3a\u6bcf\u4e2a\u7c7b\u578b\u5199\u65b0\u6837\u5f0f\u3002\n   ========================================================================= *\/\n\n\/* \u56e2\u961f\u7403\u7c7b \u2014\u2014 \u54c1\u724c\u84dd\uff08\u9ed8\u8ba4\uff0c\u7b49\u540c\u4e0d\u52a0\u53d8\u4f53\uff09 *\/\n.lph-theme--team {\n\t--lph-primary: #0068b4;\n\t--lph-secondary: #00b4a6;\n\t--lph-dark: #003c68;\n\t--lph-soft: #f2f6fa;\n}\n\n\/* \u9a91\u884c\u4e0e\u9632\u6c34 \u2014\u2014 \u6df1\u9752 *\/\n.lph-theme--ride {\n\t--lph-primary: #0e7490;\n\t--lph-secondary: #22d3ee;\n\t--lph-dark: #083344;\n\t--lph-soft: #eef7f9;\n}\n\n\/* \u6c34\u4e0a\u8fd0\u52a8 \u2014\u2014 \u6c34\u84dd *\/\n.lph-theme--water {\n\t--lph-primary: #0891b2;\n\t--lph-secondary: #67e8f9;\n\t--lph-dark: #164e63;\n\t--lph-soft: #ecf8fb;\n}\n\n\/* \u745c\u4f3d\u5065\u8eab \u2014\u2014 \u7d2b + \u73ab\u7ea2 *\/\n.lph-theme--yoga {\n\t--lph-primary: #7c3aed;\n\t--lph-secondary: #ec4899;\n\t--lph-dark: #4c1d95;\n\t--lph-soft: #f7f4fe;\n}\n\n\/* \u53ef\u6301\u7eed\u73af\u4fdd \u2014\u2014 \u7eff *\/\n.lph-theme--eco {\n\t--lph-primary: #15803d;\n\t--lph-secondary: #84cc16;\n\t--lph-dark: #052e16;\n\t--lph-soft: #f1f8f2;\n}\n\n\/* ---------- \u53d8\u4f53\u751f\u6548\u70b9\uff1a\u8ba9\u300c\u6df1\u84dd\u5e95\u6a21\u5757\u300d\u4e5f\u8ddf\u7740\u8d70\u8272\u65cf ---------- *\/\n.lph-theme--ride .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #083344 0%, #0e7490 100% );\n}\n.lph-theme--water .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #164e63 0%, #0891b2 100% );\n}\n.lph-theme--yoga .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #2e1065 0%, #7c3aed 100% );\n}\n.lph-theme--eco .lph-block--dark {\n\tbackground: linear-gradient( 135deg, #052e16 0%, #15803d 100% );\n}\n\n\/* \u7ed3\u5c3e CTA \u7684\u6e10\u53d8\u4e5f\u6362 *\/\n.lph-theme--ride .lph-block--cta { background: linear-gradient( 135deg, #0e7490 0%, #22d3ee 100% ); }\n.lph-theme--water .lph-block--cta { background: linear-gradient( 135deg, #0891b2 0%, #67e8f9 100% ); }\n.lph-theme--yoga .lph-block--cta { background: linear-gradient( 135deg, #7c3aed 0%, #ec4899 100% ); }\n.lph-theme--eco .lph-block--cta { background: linear-gradient( 135deg, #15803d 0%, #84cc16 100% ); }\n\n\/* =========================================================================\n   \u5341\u4e8c\u3001\u5361\u7247\u56fe\u6807\uff08\u66ff\u4ee3\u5355\u8c03\u7684 01\/02\/03 \u7f16\u53f7\uff09\n   -------------------------------------------------------------------------\n   <li class=\"lph-card\">\n       <span class=\"lph-card__icon\"> <svg \u2026>\u2026<\/svg> <\/span>\n       <h3>\u2026<\/h3><p>\u2026<\/p>\n   <\/li>\n   \u5e26\u56fe\u6807\u65f6\u9690\u85cf\u7f16\u53f7\u3002\n   ========================================================================= *\/\n:is(.lph-prose,.lph-body) .lph-card__icon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 46px;\n\theight: 46px;\n\tmargin-bottom: 4px;\n\tborder-radius: 12px;\n\tbackground: rgba( 0, 104, 180, .12 );                                    \/* \u515c\u5e95\uff1a\u4e0d\u652f\u6301 color-mix \u7684\u6d4f\u89c8\u5668 *\/\n\tbackground: color-mix( in srgb, var( --lph-primary ) 12%, transparent );  \/* \u8ddf\u968f\u4e3b\u9898\u8272 *\/\n\tcolor: var( --lph-primary );\n}\n\n:is(.lph-prose,.lph-body) .lph-card__icon svg {\n\twidth: 24px;\n\theight: 24px;\n\tdisplay: block;\n}\n\n:is(.lph-prose,.lph-body) .lph-card:has( .lph-card__icon ) .lph-card__num { display: none; }\n\n\/* =========================================================================\n   \u5341\u4e09\u3001\u7248\u5f0f\u53d8\u4f53\uff08\u8ba9\u4e0d\u540c\u54c1\u7c7b\u9875\u7684\u8282\u594f\u4e0d\u4e00\u6837\uff09\n   ========================================================================= *\/\n\n\/* 1) \u9519\u843d\u6392\u5e03\uff1a\u5e76\u6392\u56fe\u91cc\u7b2c\u4e00\u5f20\u66f4\u9ad8\uff0c\u6253\u7834\u7b49\u9ad8\u5446\u677f\u611f *\/\n:is(.lph-prose,.lph-body) .lph-figure-row--stagger { align-items: start; }\n:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:first-child img { aspect-ratio: 3 \/ 4; }\n:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:last-child { margin-top: 46px; }\n\n\/* 2) \u56fe\u6587\u5206\u680f\uff1a\u6587\u5b57\u5728\u5de6\u3001\u56fe\u5728\u53f3\uff08\u7528\u4e8e\u300c\u4e3a\u4ec0\u4e48\u9009\u6211\u4eec\u300d\u8fd9\u7c7b\u6a21\u5757\uff09 *\/\n:is(.lph-prose,.lph-body) .lph-split {\n\tdisplay: grid;\n\tgrid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr );\n\tgap: 40px;\n\talign-items: center;\n\tmargin: 2em 0 0;\n}\n\n:is(.lph-prose,.lph-body) .lph-split > .lph-split__text { min-width: 0; }\n:is(.lph-prose,.lph-body) .lph-split > .lph-split__media { min-width: 0; }\n:is(.lph-prose,.lph-body) .lph-split .lph-figure { margin: 0; }\n\n\/* 3) \u51fa\u8840\u56fe\uff1a\u6a21\u5757\u5185\u901a\u680f\u5927\u56fe\uff0c\u5236\u9020\u89c6\u89c9\u505c\u987f *\/\n:is(.lph-prose,.lph-body) .lph-figure--bleed {\n\tmargin-left: calc( 50% - 50vw );\n\tmargin-right: calc( 50% - 50vw );\n\twidth: 100vw;\n\tmax-width: none;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure--bleed img {\n\tborder-radius: 0;\n\tmax-height: 460px;\n\tobject-fit: cover;\n}\n\n:is(.lph-prose,.lph-body) .lph-figure--bleed figcaption {\n\tpadding: 0 calc( 50vw - 50% + var( --lph-block-pad ) );\n\ttext-align: left;\n}\n\n\/* 4) \u89c4\u683c\u8868 + \u56fe\u7684\u5de6\u53f3\u5206\u680f\uff08Fabric \u6a21\u5757\u7528\uff09 *\/\n:is(.lph-prose,.lph-body) .lph-specs-split {\n\tdisplay: grid;\n\tgrid-template-columns: minmax( 0, 1.15fr ) minmax( 0, .85fr );\n\tgap: 36px;\n\talign-items: start;\n\tmargin: 1.6em 0;\n}\n\n:is(.lph-prose,.lph-body) .lph-specs-split .lph-figure { margin: 0; }\n\n\/* \u54cd\u5e94\u5f0f\uff1a\u5206\u680f\u5728\u7a84\u5c4f\u584c\u6210\u5355\u5217 *\/\n@media ( max-width: 900px ) {\n\t:is(.lph-prose,.lph-body) .lph-split,\n\t:is(.lph-prose,.lph-body) .lph-specs-split {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 22px;\n\t}\n\t:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:last-child { margin-top: 0; }\n\t:is(.lph-prose,.lph-body) .lph-figure-row--stagger > .lph-figure:first-child img { aspect-ratio: 4 \/ 3; }\n\t:is(.lph-prose,.lph-body) .lph-figure--bleed img { max-height: 320px; }\n}\n\n\/* =========================================================================\n   \u5341\u56db\u3001\u54cd\u5e94\u5f0f\n   ========================================================================= *\/\n@media ( max-width: 1440px ) {\n\t:root { --lph-block-pad: 60px; }\n}\n\n@media ( max-width: 1100px ) {\n\t:root { --lph-block-pad: 44px; --lph-card-min: 280px; }\n\t:is(.lph-prose,.lph-body) .lph-list-2col { columns: 1; }\n\t.lph-products { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n\t:is(.lph-prose,.lph-body) ul.products,\n\t:is(.lph-prose,.lph-body) ul.products.columns-4,\n\t:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }\n}\n\n@media ( max-width: 900px ) {\n\t:root { --lph-block-pad: 34px; }\n\t.lph-prose { font-size: 16.5px; }\n}\n\n@media ( max-width: 782px ) {\n\t:is(.lph-prose,.lph-body) h2 { font-size: 24px; }\n\t:is(.lph-prose,.lph-body) h3 { font-size: 20px; }\n\n\t.lph-cards { grid-template-columns: 1fr; gap: 16px; }\n\t.lph-cards > li,\n\t.lph-card { padding: 24px 22px; }\n\n\t.lph-products { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 14px; }\n\t:is(.lph-prose,.lph-body) ul.products,\n\t:is(.lph-prose,.lph-body) ul.products.columns-3,\n\t:is(.lph-prose,.lph-body) ul.products.columns-4,\n\t:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 14px; }\n\t:is(.lph-prose,.lph-body) ul.products li.product .woocommerce-loop-product__title { font-size: 14.5px; padding: 14px 15px 16px !important; }\n\t.lph-product__body { padding: 14px 15px 16px; gap: 8px; }\n\t.lph-product__title { font-size: 14.5px; }\n\t.lph-product__cta { font-size: 13px; }\n\t.lph-product:hover { transform: none; }\n\n\t.lph-specs { grid-template-columns: 1fr; }\n\t.lph-specs dt { border-bottom: 0; padding-bottom: 5px; }\n\t.lph-specs dd { padding-top: 5px; }\n\n\t.lph-cta-inline { padding: 26px 22px; }\n\t.lph-cta-inline p { font-size: 17px; }\n\t.lph-cta-inline .lph-btn { width: 100%; }\n\n\t\/* \u624b\u673a\u4e0a\u5e76\u6392\u914d\u56fe\u6539\u5355\u5217\uff0c\u5426\u5219\u6bcf\u5f20\u53ea\u5269\u4e00\u767e\u591a\u50cf\u7d20 *\/\n\t:is(.lph-prose,.lph-body) .lph-figure-row--2,\n\t:is(.lph-prose,.lph-body) .lph-figure-row--3 { grid-template-columns: 1fr; gap: 16px; }\n\t:is(.lph-prose,.lph-body) .lph-figure figcaption { font-size: 13px; text-align: left; }\n}\n\n@media ( max-width: 480px ) {\n\t:root { --lph-block-pad: 26px; }\n\t:is(.lph-prose,.lph-body) ul.products,\n\t:is(.lph-prose,.lph-body) ul.products.columns-2,\n\t:is(.lph-prose,.lph-body) ul.products.columns-3,\n\t:is(.lph-prose,.lph-body) ul.products.columns-4,\n\t:is(.lph-prose,.lph-body) ul.products.columns-5 { grid-template-columns: 1fr; }\n}\n\n@media ( prefers-reduced-motion: reduce ) {\n\t.lph-btn { transition: none !important; }\n}\n\n@media print {\n\t.lph-block { break-inside: avoid; box-shadow: none; }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Custom Sustainable &amp; Renewable Pants and Shorts Bottoms are where renewable fibre makes the quietest but steadiest difference, because a customer wears them more days per week than almost any other item. A bio-based or recycled pair that survives the wash cycle is a sustainability win that actually shows up in usage, not just on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4396,"parent":400,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4350","page","type-page","status-publish","has-post-thumbnail","hentry","desktop-align-left","tablet-align-left","mobile-align-left"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom Sustainable &amp; Renewable Pants and Shorts<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Sustainable &amp; Renewable Pants and Shorts\" \/>\n<meta property=\"og:description\" content=\"Custom Sustainable &amp; Renewable Pants and Shorts Bottoms are where renewable fibre makes the quietest but steadiest difference, because a customer wears them more days per week than almost any other item. A bio-based or recycled pair that survives the wash cycle is a sustainability win that actually shows up in usage, not just on [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/test.global-so.com\/ar\/products\/sustainable-renewable-pants-shorts\/\" \/>\n<meta property=\"og:site_name\" content=\"Passion Activewear\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-10T08:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/sustainable-renewable-pants-shorts-hero-a.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"823\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/\",\"name\":\"Custom Sustainable & Renewable Pants and Shorts\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/sustainable-renewable-pants-shorts-hero-a.webp\",\"datePublished\":\"2026-09-21T06:31:29+00:00\",\"dateModified\":\"2026-11-10T08:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/sustainable-renewable-pants-shorts-hero-a.webp\",\"contentUrl\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/sustainable-renewable-pants-shorts-hero-a.webp\",\"width\":1920,\"height\":823,\"caption\":\"Sustainable Renewable Pants Shorts\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/sustainable-renewable-pants-shorts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/test.global-so.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\\\/\\\/test.global-so.com\\\/products\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sustainable &#038; Renewable Pants And Shorts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#website\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/\",\"name\":\"ActiveWear\",\"description\":\"Building It Better In Concrete\",\"publisher\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#\\\/schema\\\/person\\\/1865438f47c8d85f16b5d279bf6ec69d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/test.global-so.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/test.global-so.com\\\/#\\\/schema\\\/person\\\/1865438f47c8d85f16b5d279bf6ec69d\",\"name\":\"admins\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\",\"url\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\",\"contentUrl\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\",\"width\":512,\"height\":512,\"caption\":\"admins\"},\"logo\":{\"@id\":\"https:\\\/\\\/test.global-so.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/cropped-passionactivewear_white_logo_ico.webp\"},\"sameAs\":[\"http:\\\/\\\/test.global-so.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom Sustainable & Renewable Pants and Shorts","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"ar_AR","og_type":"article","og_title":"Custom Sustainable & Renewable Pants and Shorts","og_description":"Custom Sustainable &amp; Renewable Pants and Shorts Bottoms are where renewable fibre makes the quietest but steadiest difference, because a customer wears them more days per week than almost any other item. A bio-based or recycled pair that survives the wash cycle is a sustainability win that actually shows up in usage, not just on [&hellip;]","og_url":"https:\/\/test.global-so.com\/ar\/products\/sustainable-renewable-pants-shorts\/","og_site_name":"Passion Activewear","article_modified_time":"2026-11-10T08:49:45+00:00","og_image":[{"width":1920,"height":823,"url":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/sustainable-renewable-pants-shorts-hero-a.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"5 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/","url":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/","name":"Custom Sustainable & Renewable Pants and Shorts","isPartOf":{"@id":"https:\/\/test.global-so.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/#primaryimage"},"image":{"@id":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/#primaryimage"},"thumbnailUrl":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/sustainable-renewable-pants-shorts-hero-a.webp","datePublished":"2026-09-21T06:31:29+00:00","dateModified":"2026-11-10T08:49:45+00:00","breadcrumb":{"@id":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/#primaryimage","url":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/sustainable-renewable-pants-shorts-hero-a.webp","contentUrl":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/09\/sustainable-renewable-pants-shorts-hero-a.webp","width":1920,"height":823,"caption":"Sustainable Renewable Pants Shorts"},{"@type":"BreadcrumbList","@id":"https:\/\/test.global-so.com\/products\/sustainable-renewable-pants-shorts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/test.global-so.com\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/test.global-so.com\/products\/"},{"@type":"ListItem","position":3,"name":"Sustainable &#038; Renewable Pants And Shorts"}]},{"@type":"WebSite","@id":"https:\/\/test.global-so.com\/#website","url":"https:\/\/test.global-so.com\/","name":"ActiveWear","description":"Building It Better In Concrete","publisher":{"@id":"https:\/\/test.global-so.com\/#\/schema\/person\/1865438f47c8d85f16b5d279bf6ec69d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/test.global-so.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":["Person","Organization"],"@id":"https:\/\/test.global-so.com\/#\/schema\/person\/1865438f47c8d85f16b5d279bf6ec69d","name":"admins","image":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp","url":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp","contentUrl":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp","width":512,"height":512,"caption":"admins"},"logo":{"@id":"https:\/\/test.global-so.com\/wp-content\/uploads\/2026\/01\/cropped-passionactivewear_white_logo_ico.webp"},"sameAs":["http:\/\/test.global-so.com"]}]}},"_links":{"self":[{"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/pages\/4350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/comments?post=4350"}],"version-history":[{"count":5,"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/pages\/4350\/revisions"}],"predecessor-version":[{"id":4960,"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/pages\/4350\/revisions\/4960"}],"up":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/pages\/400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/media\/4396"}],"wp:attachment":[{"href":"https:\/\/test.global-so.com\/ar\/wp-json\/wp\/v2\/media?parent=4350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}