/* Theme Name: Creepermat Workshop */
:root{--ink:#171a1b;--orange:#ec7832;--muted:#657078}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif;background:#fff}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.wrap{max-width:1220px;margin:auto;padding-left:24px;padding-right:24px}.announce{background:#df7331;color:#15191c;text-align:center;font-size:11px;letter-spacing:.13em;font-weight:800;padding:8px}.header{background:#111719;color:white;position:sticky;top:0;z-index:20}.nav{height:72px;display:flex;align-items:center;gap:30px}.brand{font-size:24px;font-weight:900;letter-spacing:-.055em;line-height:1}.brand span{color:#ed7b36}.brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:4px;color:#aeb6b7}.nav nav{display:flex;gap:27px;margin-left:auto;font-size:13px;font-weight:700}.btn,.woocommerce a.button,.woocommerce button.button{background:var(--orange);color:#151719;display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;font-size:13px;letter-spacing:.05em;font-weight:850;border:0;border-radius:4px;cursor:pointer}.btn:hover{background:#ff9856}.nav-btn{padding:11px 18px}.hero{background:#151b1d;color:white}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;padding-top:42px;padding-bottom:42px}.kicker{color:#eb823d;font-size:11px;font-weight:900;letter-spacing:.16em}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(45px,5.8vw,76px);margin:14px 0}h2{font-size:clamp(34px,4.3vw,56px);margin:14px 0}h3{font-size:19px}em{font-style:normal;color:#ed7b36}.hero p{max-width:500px;color:#bac5c5;font-size:17px}.hero-image,.feature-photo{position:relative;overflow:hidden;border-radius:12px}.hero-image img,.feature-photo img{display:block;width:100%}.hero-image small,.feature-photo small{position:absolute;bottom:8px;right:10px;background:#111b;color:#fff;padding:2px 6px;font-size:10px}.hero-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:23px 0}.textlink{font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:5px}.hero-points{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;font-weight:800;letter-spacing:.07em;color:#b6c1bf}.assurance{background:#f1ece5}.assurance .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:13px;padding-bottom:13px;font-size:11px;font-weight:800;letter-spacing:.04em}.intro{text-align:center;padding-top:62px;padding-bottom:62px}.intro>p{max-width:680px;margin:0 auto;color:#697579}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left;margin-top:30px}.benefits article,.use-grid article{background:#f5f4f1;padding:24px;border-radius:8px}.benefits b,.use-grid span{color:#db6b27;font-size:12px;letter-spacing:.12em}.benefits h3,.use-grid h3{margin:13px 0 10px}.benefits p,.use-grid p{margin:0;color:#687276;font-size:14px}.feature{padding:56px 0}.dark{background:#192121;color:#fff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.feature-grid p{color:#bbc7c3}.facts{display:flex;gap:40px;border-top:1px solid #52605e;margin-top:28px;padding-top:20px}.facts strong,.facts span{display:block}.facts strong{font-size:20px}.facts span{font-size:12px;color:#aab9b4}.note{font-size:12px!important}.uses{padding-top:65px;padding-bottom:62px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.safety{background:#fbf2e8;border-left:3px solid #e57b36;padding:15px 18px;font-size:13px;color:#575e5c;margin-top:22px}.faq-section{background:#f3f2ee;padding:60px 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.faq-grid p{color:#687276}.faq details{border-bottom:1px solid #d4d8d4;padding:15px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{font-size:14px}.faq a{text-decoration:underline}.final{background:#26302d;text-align:center;color:#fff;padding:55px 0}.final h2{margin-bottom:22px}.footer{background:#111719;color:#d4dcda;padding:50px 0}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer a{display:block;margin:8px 0;color:#c0cbca;font-size:14px}.footer p{font-size:14px;color:#aebcb7}.content{padding-top:45px;padding-bottom:65px;min-height:45vh}.content article{max-width:850px;margin:auto}.content h1{font-size:clamp(36px,4.5vw,55px)}.content article h2{font-size:25px;margin-top:30px}.woocommerce div.product div.images.woocommerce-product-gallery{display:flex;flex-direction:row-reverse;align-items:start;gap:12px}.woocommerce div.product div.images .flex-viewport{flex:1;min-width:0}.woocommerce div.product div.images .flex-control-thumbs{display:flex;flex-direction:column;width:68px;gap:8px;flex:none;margin:0;padding:0}.woocommerce div.product div.images .flex-control-thumbs li{width:100%;float:none;list-style:none}.woocommerce div.product div.images img{border-radius:8px}.woocommerce div.product .woocommerce-tabs{clear:both;padding-top:30px}.woocommerce div.product .price{color:#c85b1d}.product-story img{border-radius:10px;display:block;width:100%;margin:20px 0}.product-story h2{margin-top:25px}.product-story .safety{color:#3e4542}.product-note{font-size:12px;color:#64716c}@media(max-width:800px){.nav{height:64px;gap:12px}.nav nav{gap:12px;font-size:11px}.nav-btn{display:none}.hero-grid,.feature-grid,.faq-grid{grid-template-columns:1fr;gap:23px}.hero-grid{padding-top:35px;padding-bottom:32px}.hero h1{font-size:clamp(42px,10vw,62px)}.assurance .wrap{flex-wrap:wrap;justify-content:center;text-align:center}.intro,.uses{padding-top:45px;padding-bottom:44px}.benefits,.use-grid{grid-template-columns:1fr;gap:10px}.feature,.faq-section{padding:42px 0}.final{padding:42px 0}.footgrid{grid-template-columns:1fr}.facts{gap:20px}.woocommerce div.product div.images .flex-control-thumbs{width:52px}}
/* Workshop editorial homepage */
.workshop-hero{background-color:#151b1d;background-image:linear-gradient(90deg,#111817 3%,rgba(17,24,23,.96) 31%,rgba(17,24,23,.48) 62%,rgba(17,24,23,.05)),var(--hero-image);background-size:cover;background-position:center 52%;color:#fff}.workshop-hero-inner{min-height:580px;display:flex;align-items:center;position:relative;padding-top:48px;padding-bottom:48px}.workshop-hero-copy{max-width:570px}.workshop-hero h1{font-size:clamp(54px,7vw,90px);line-height:.96;letter-spacing:-.055em;margin:19px 0 20px}.workshop-hero p{max-width:420px;color:#d2d8d3;font-size:17px}.workshop-action{display:flex;align-items:center;gap:22px;margin-top:27px}.workshop-action>span{font-size:12px;letter-spacing:.07em;font-weight:800}.workshop-action .amount{font-size:20px}.hero-disclaimer{position:absolute;right:26px;bottom:12px;font-size:10px;color:#eee;background:#18201dbb;padding:2px 6px}.workshop-ticker{background:#ed7b36;color:#161a18}.workshop-ticker .wrap{display:flex;justify-content:space-between;gap:15px;padding-top:12px;padding-bottom:12px;font-size:10px;font-weight:900;letter-spacing:.1em}.workshop-problem{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:56px;padding-bottom:58px;align-items:end}.workshop-problem h2,.tile-head h2,.workshop-use h2,.workshop-close h2{font-size:clamp(38px,4.6vw,60px);line-height:.99;margin:12px 0}.workshop-problem p{color:#66716c;max-width:475px;margin:0 0 16px}.workshop-link{font-size:13px;font-weight:800;border-bottom:2px solid #ed7b36;padding-bottom:4px}.workshop-tiles{background:#19211f;color:#fff;padding:55px 0}.tile-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.tile-head h2{text-align:right}.tile-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:14px}.tile{position:relative;overflow:hidden;border-radius:8px}.tile img{display:block;width:100%}.tile-large{grid-row:span 2;min-height:690px;background:#252e2b}.tile-large img{height:100%;position:absolute;inset:0;object-fit:cover}.tile-large:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,19,17,.96),rgba(12,19,17,.05) 70%)}.tile-caption{position:absolute;bottom:0;left:0;right:0;padding:28px;z-index:1}.tile-caption span,.tile-set-copy span,.tile-spec>span{color:#f18d4b;font-size:10px;font-weight:900;letter-spacing:.12em}.tile h3{font-size:clamp(26px,3vw,38px);margin:10px 0}.tile p{font-size:14px;line-height:1.55;max-width:420px}.tile small{font-size:10px;opacity:.75}.tile-set{background:#eee;color:#19211f;display:grid;grid-template-columns:1fr 1fr;align-items:center}.tile-set img{height:100%;object-fit:cover}.tile-set-copy{padding:22px}.tile-set-copy p{color:#5c6862}.tile-spec{background:#ed7b36;color:#18201c;padding:26px 28px}.tile-spec>span{color:#26302a}.tile-spec strong{display:block;font-size:clamp(43px,5vw,66px);letter-spacing:-.06em;line-height:1;margin:20px 0 10px}.tile-spec strong span{font-size:.55em}.tile-spec a{font-size:11px;font-weight:900;border-bottom:1px solid;display:inline-block;margin-top:12px}.workshop-use{padding-top:65px;padding-bottom:60px}.workshop-use .use-heading{margin-bottom:24px}.use-rows{border-top:1px solid #ccd4ce}.use-rows article{display:grid;grid-template-columns:55px 1fr 30px;gap:10px;align-items:center;border-bottom:1px solid #ccd4ce;padding:17px 0}.use-rows b{color:#d56a29;font-size:12px}.use-rows h3{margin:0 0 4px}.use-rows p{margin:0;color:#69756e;font-size:14px}.workshop-close{background:#19211f;color:#fff;padding:43px 0}.workshop-close .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.workshop-close h2{margin-bottom:0}@media(max-width:800px){.workshop-hero{background-position:60% center;background-image:linear-gradient(90deg,rgba(17,24,23,.96),rgba(17,24,23,.68) 58%,rgba(17,24,23,.3)),var(--hero-image)}.workshop-hero-inner{min-height:500px}.workshop-hero h1{font-size:clamp(49px,11vw,70px)}.workshop-ticker .wrap{flex-wrap:wrap;justify-content:center;gap:8px 20px}.workshop-problem{grid-template-columns:1fr;gap:10px;padding-top:42px;padding-bottom:42px}.workshop-tiles{padding:42px 0}.tile-head{display:block}.tile-head h2{text-align:left}.tile-grid{grid-template-columns:1fr}.tile-large{grid-row:auto;min-height:520px}.tile-set{min-height:230px}.tile-set-copy{padding:16px}.tile h3{font-size:27px}.workshop-use{padding-top:45px;padding-bottom:40px}.workshop-close .wrap{display:block}.workshop-close .btn{margin-top:20px}}
.customer-detail-gallery{margin:38px 0}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.customer-detail-grid figure{margin:0;border:1px solid #e2e6e3;border-radius:9px;overflow:hidden;background:#f7f8f6}.product-story .customer-detail-grid img{width:100%;height:auto;margin:0;border-radius:0;display:block}.customer-detail-grid figcaption{padding:13px 15px}.customer-detail-grid figcaption strong,.customer-detail-grid figcaption span{display:block}.customer-detail-grid figcaption span{font-size:13px;color:#65716b;margin-top:4px}@media(max-width:600px){.customer-detail-grid{grid-template-columns:1fr;gap:12px}}
/* Product gallery and purchase panel */
.single-product .content{padding-top:36px}.woocommerce div.product div.images.woocommerce-product-gallery{gap:12px;align-items:flex-start}.woocommerce div.product div.images .flex-viewport{width:calc(100% - 80px);max-width:100%;border:1px solid #e5e8e4;border-radius:10px;background:#f7f7f5;overflow:hidden}.woocommerce div.product div.images .woocommerce-product-gallery__image{background:#f7f7f5}.woocommerce div.product div.images .woocommerce-product-gallery__image a{display:block}.woocommerce div.product div.images .woocommerce-product-gallery__image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:0}.woocommerce div.product div.images .flex-control-thumbs{max-height:min(470px,calc((100vw - 120px)*.46));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#aab4ae transparent;gap:8px}.woocommerce div.product div.images .flex-control-thumbs li{flex:0 0 auto}.woocommerce div.product div.images .flex-control-thumbs img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:2px solid transparent;opacity:.8;border-radius:7px}.woocommerce div.product div.images .flex-control-thumbs img.flex-active{border-color:#df7331;opacity:1}.woocommerce div.product .summary .product_title{font-size:clamp(32px,3.4vw,46px);line-height:1.08;margin:0 0 16px}.woocommerce div.product .summary .price{font-size:27px;font-weight:800;color:#c75e22;margin:0 0 18px}.woocommerce div.product .summary .woocommerce-product-details__short-description{color:#4a5752;line-height:1.65}.woocommerce div.product .summary .woocommerce-product-details__short-description ul{padding-left:20px}.woocommerce div.product .summary .stock{color:#466748;font-size:13px;font-weight:700}.woocommerce div.product form.cart{display:flex;gap:10px;align-items:stretch;margin:20px 0}.woocommerce div.product form.cart .quantity{margin:0}.woocommerce div.product form.cart .qty{min-height:48px;width:70px;padding:8px;border:1px solid #d6ded8;border-radius:5px}.woocommerce div.product form.cart .single_add_to_cart_button.button{background:#e8752e;color:#151917;padding:14px 28px;min-height:48px;border-radius:5px;font-weight:800;flex:1}.woocommerce div.product form.cart .single_add_to_cart_button.button:hover{background:#f28b49;color:#151917}.woocommerce div.product .product_meta{font-size:13px;color:#78817a}.woocommerce div.product .woocommerce-tabs{padding-top:22px}.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{font-size:30px}.single-product .content article{max-width:none}@media(max-width:800px){.woocommerce div.product div.images .flex-viewport{width:calc(100% - 64px)}.woocommerce div.product div.images .flex-control-thumbs{width:52px;max-height:min(320px,calc(100vw - 112px))}.woocommerce div.product .summary .product_title{font-size:32px}.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{font-size:26px}}
/* Compact product description */
.single-product .woocommerce-tabs .panel{max-width:960px;margin-left:auto;margin-right:auto}.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{font-size:23px;letter-spacing:-.025em;margin:8px 0 20px}.single-product .woocommerce-tabs .product-story h2{font-size:clamp(21px,2.2vw,28px);line-height:1.25;letter-spacing:-.025em;margin:28px 0 10px}.single-product .woocommerce-tabs .product-story p{font-size:15px;line-height:1.65;color:#4c5852;margin:0 0 15px}.single-product .woocommerce-tabs .product-story>img,.single-product .woocommerce-tabs .product-story .creepermat-set-detail>img{max-width:740px;margin:18px auto 10px}.single-product .woocommerce-tabs .product-story .product-note{font-size:12px;color:#6b7770;margin:5px 0 18px}.single-product .customer-detail-gallery{margin:30px 0}.single-product .customer-detail-gallery h2{margin-bottom:8px}.single-product .customer-detail-grid figcaption strong{font-size:15px}.single-product .customer-detail-grid figcaption span{font-size:13px}.single-product .woocommerce-tabs ul.tabs li a{font-size:14px}@media(max-width:600px){.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{font-size:21px}.single-product .woocommerce-tabs .product-story h2{font-size:21px;margin-top:24px}.single-product .woocommerce-tabs .product-story p{font-size:14px}.single-product .woocommerce-tabs ul.tabs li a{font-size:12px}}
/* Customer concerns and product use */
.painpoints{background:#f2f1ed;padding:58px 0}.painpoints-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:24px}.painpoints-heading h2{font-size:clamp(34px,4vw,52px);margin:12px 0 0}.painpoints-heading>p{max-width:500px;color:#64716a;margin:0}.painpoints-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.painpoint-main,.painpoint-card,.painpoint-compact{overflow:hidden;border-radius:8px;background:#fff}.painpoint-main{grid-row:span 2;display:flex;flex-direction:column}.painpoint-main img{width:100%;height:auto;display:block}.painpoint-main>div,.painpoint-card,.painpoint-compact{padding:20px}.painpoints-grid span{font-size:10px;color:#c86327;font-weight:900;letter-spacing:.1em}.painpoints-grid h3{font-size:19px;margin:9px 0}.painpoints-grid p{font-size:14px;line-height:1.55;color:#626e67;margin:0}.painpoint-card img{width:100%;height:180px;object-fit:cover;object-position:center;display:block;margin-top:16px;border-radius:5px}.painpoint-compact{grid-column:span 2;background:#25312b;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;align-items:center}.painpoint-compact p{color:#c1cbc4}.painpoint-compact a{font-size:11px;font-weight:850;color:#ffab6c;text-decoration:underline;text-underline-offset:4px}.painpoint-note{font-size:12px;color:#6a766d;line-height:1.55;margin:16px 0 0}@media(max-width:800px){.painpoints{padding:42px 0}.painpoints-heading{grid-template-columns:1fr;gap:12px}.painpoints-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.painpoint-main{grid-row:auto;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.painpoint-compact{grid-template-columns:1fr}}@media(max-width:520px){.painpoints-grid{grid-template-columns:1fr}.painpoint-main{grid-column:auto;display:block}.painpoint-compact{grid-column:auto}.painpoint-card img{height:auto;object-fit:contain}}