/*
Theme Name: 3d8 Verkstad
Template: estore
Version: 0.1.0
Description: Lokalt designförslag för 3d8.se, som barntema till befintliga eStore.
*/
:root{--ink:#193e35;--mint:#a2dbc8;--paper:#f6f5ef;--muted:#61716a;--line:#dce2da;--white:#fff;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:inherit;color:var(--ink);line-height:1.12;font-weight:650;letter-spacing:-.045em}a{color:inherit;text-decoration:none}a:hover{color:#286d57}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #258b6a;outline-offset:5px}.d8-shell{width:min(1280px,calc(100% - 96px));margin:auto}.d8-local{padding:6px 20px;background:var(--ink);color:#d5ece1;text-align:center;font-size:11px;letter-spacing:.07em}.d8-header{border-bottom:1px solid var(--line);background:var(--paper)}.d8-header-inner{min-height:100px;display:flex;align-items:center;gap:48px}.d8-brand{display:flex;align-items:center;gap:16px;white-space:nowrap}.d8-brand strong{font-size:43px;line-height:1;letter-spacing:-.08em}.d8-brand span{font-size:9px;line-height:1.5;letter-spacing:.17em;border-left:1px solid #b5c5bb;padding-left:15px;font-weight:650}.d8-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.d8-nav a{font-size:13px;font-weight:600}.d8-header-tools{display:flex;align-items:center;gap:22px}.d8-cart{font-size:13px;white-space:nowrap}.d8-cart b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--mint);font-size:11px;margin-left:4px}.d8-menu-button{display:none;border:1px solid var(--line);background:none;border-radius:3px;padding:7px 12px}.d8-eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.19em;font-weight:650;display:block;margin-bottom:20px}.d8-eyebrow::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#318765;vertical-align:middle;margin-right:10px}.d8-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:70px;padding-top:62px;padding-bottom:65px;align-items:center}.d8-hero h1{font-size:clamp(42px,4.6vw,68px);max-width:610px;margin-bottom:25px;line-height:1.035}.d8-hero h1 em{font-family:Georgia,serif;font-weight:400}.d8-hero p{max-width:430px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:29px}.d8-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.d8-button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:49px;padding:13px 24px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:12px;font-weight:650;border-radius:2px;line-height:1.5;cursor:pointer}.d8-button:hover{background:#2d5d4d;color:white}.d8-button.secondary{background:transparent;color:var(--ink);border-color:#bcc9bd}.d8-button.secondary:hover{background:#e7eee5}.d8-hero-note{display:flex;align-items:center;gap:11px;font-size:11px!important;letter-spacing:.02em;margin-top:30px;margin-bottom:0!important}.d8-hero-note span{width:29px;height:29px;border:1px solid #bdcabe;border-radius:50%;display:grid;place-items:center;color:var(--ink)}.d8-hero-visual{position:relative;padding-left:20px;padding-bottom:26px}.d8-main-photo{width:100%;height:470px;object-fit:cover;object-position:center 54%;display:block;border-radius:3px}.d8-photo-caption{position:absolute;left:0;bottom:0;background:var(--mint);padding:19px 25px;width:245px;line-height:1.4;box-shadow:0 6px 20px #143b3310}.d8-photo-caption small{font-size:9px;letter-spacing:.14em;display:block;margin-bottom:6px}.d8-photo-caption strong{font-size:17px;font-weight:600}.d8-photo-label{position:absolute;right:14px;top:14px;background:var(--paper);padding:8px 12px;letter-spacing:.12em;font-size:9px}.d8-paths{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;gap:40px}.d8-path{display:grid;grid-template-columns:36px 1fr 20px;gap:13px;align-items:center}.d8-path+.d8-path{border-left:1px solid var(--line);padding-left:32px}.d8-path-icon{font-size:25px;line-height:1}.d8-path strong{display:block;font-size:14px;margin-bottom:3px;letter-spacing:-.02em}.d8-path small{display:block;color:var(--muted);font-size:11px}.d8-section{padding-top:76px;padding-bottom:70px}.d8-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.d8-section-head h2{font-size:37px;margin-bottom:0}.d8-section-head .d8-eyebrow{margin-bottom:11px}.d8-text-link{font-size:12px;border-bottom:1px solid #7d9e8f;padding-bottom:5px;font-weight:600}.d8-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.d8-product-image{display:block;background:#e5e9e1;aspect-ratio:1/1.03;overflow:hidden;border-radius:3px;position:relative}.d8-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.d8-product-image:hover img{transform:scale(1.04)}.d8-product-meta{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;line-height:1.5}.d8-product-meta h3{font-size:13px;letter-spacing:-.01em;line-height:1.5;margin:0;max-width:180px;font-weight:600}.d8-product-meta .price{white-space:nowrap;font-weight:650;font-size:12px}.d8-product-meta del{font-weight:400;color:var(--muted);font-size:10px;display:block}.d8-product-meta ins{background:none}.d8-product-link{display:inline-block;font-size:10px;color:var(--muted);margin-top:8px}.d8-scan{display:grid;grid-template-columns:1fr 1fr;background:#e9eee6;align-items:stretch;min-height:430px;border-radius:3px;overflow:hidden}.d8-scan-photo{width:100%;height:440px;object-fit:cover;object-position:center 42%}.d8-scan-copy{padding:55px 64px;align-self:center}.d8-scan-copy h2{font-size:42px;max-width:350px;margin-bottom:20px}.d8-scan-copy p{color:var(--muted);max-width:350px;font-size:14px;line-height:1.8}.d8-process{display:grid;grid-template-columns:1.1fr 1.8fr;gap:80px;border-bottom:1px solid var(--line);padding:76px 0}.d8-process h2{font-size:38px}.d8-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.d8-step-number{font-size:11px;border-top:1px solid #a9baaa;padding-top:16px;display:block;margin-bottom:25px;color:#638170}.d8-steps h3{font-size:17px;letter-spacing:-.025em}.d8-steps p{font-size:12px;color:var(--muted);line-height:1.8}.d8-contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:60px 0}.d8-contact h2{font-size:36px;margin-bottom:10px}.d8-contact p{font-size:13px;color:var(--muted);margin-bottom:0}.d8-footer{background:var(--ink);color:#d6e6dc;padding:45px 0 22px}.d8-footer .d8-brand strong,.d8-footer h3{color:#f3f4eb}.d8-footer-top{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-bottom:38px}.d8-footer-top p{font-size:12px;max-width:320px;line-height:1.9;margin-top:18px;color:#adc8b9}.d8-footer-links{display:flex;gap:70px}.d8-footer-links h3{font-size:12px;letter-spacing:.02em;margin-bottom:14px}.d8-footer-links a{display:block;font-size:11px;line-height:2.4}.d8-footer a:hover{color:var(--mint)}.d8-footer-bottom{border-top:1px solid #456358;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a9c4b5}.d8-content{padding-top:45px;padding-bottom:65px;min-height:60vh}.d8-content>h1{font-size:44px;margin-bottom:35px}.d8-content .entry-content{max-width:950px;margin:auto}.d8-content .entry-content h1,.d8-content .entry-content h2{margin:25px 0 18px}.d8-content .entry-content p{line-height:1.85}.d8-content .entry-content a{color:#26735a;text-decoration:underline}.d8-shop-heading{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.d8-shop-heading h1{font-size:46px;margin-bottom:15px}.d8-shop-heading p{color:var(--muted);font-size:14px}.d8-shop-search{display:flex;gap:8px;margin-top:24px;max-width:520px}.d8-shop-search input{min-width:0;flex:1;background:#fff;border:1px solid #bfcdbf;border-radius:2px;padding:10px 14px;font-size:13px;color:var(--ink)}.woocommerce .woocommerce-breadcrumb{font-size:11px;color:var(--muted);margin-bottom:28px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0 0 20px!important;padding:0!important;background:none!important;border:0!important}.woocommerce ul.products li.product img{border-radius:3px;aspect-ratio:1/1.03;object-fit:cover!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 14px/1.5 system-ui;letter-spacing:-.02em;padding:10px 0!important}.woocommerce ul.products li.product .price{color:var(--ink);font-size:13px;font-weight:650}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:2px!important;background:var(--ink)!important;color:#fff!important;border:0!important;padding:13px 19px!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#315f4c!important}.woocommerce-result-count,.woocommerce-ordering{font-size:12px}.woocommerce-ordering select{padding:9px;border:1px solid var(--line);background:#fff;color:var(--ink)}.woocommerce div.product .product_title{font-size:35px;line-height:1.18}.woocommerce div.product p.price{color:var(--ink);font-size:23px}.woocommerce div.product div.images img{border-radius:3px}.woocommerce div.product .woocommerce-product-details__short-description{font-size:14px}.woocommerce-tabs{padding-top:24px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border-color:var(--line)!important}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--paper)!important}.woocommerce-message,.woocommerce-info{background:#e8efe6!important;border-top-color:#3b8164!important;color:var(--ink)!important;font-size:13px}.woocommerce div.product div.summary{margin-bottom:35px}.woocommerce .quantity .qty{padding:9px;border:1px solid var(--line)}.woocommerce ul.products li.product .onsale{background:#9fd7bf;color:var(--ink)}.woocommerce table.shop_table{font-size:13px}.woocommerce .woocommerce-pagination{margin-top:25px}.woocommerce nav.woocommerce-pagination ul{border-color:var(--line)}.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line)}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--mint);color:var(--ink)}#wpadminbar{display:none!important}html{margin-top:0!important}.d8-empty{background:#e9eee6;padding:35px}.d8-skip{position:absolute;left:-9999px}.d8-skip:focus{left:15px;top:50px;background:#fff;z-index:100;padding:12px}
@media(min-width:1500px){.d8-hero{gap:100px}.d8-main-photo{height:520px}}
@media(max-width:1050px){.d8-shell{width:calc(100% - 56px)}.d8-header-inner{gap:20px;min-height:85px}.d8-nav{gap:18px}.d8-nav a{font-size:12px}.d8-brand span{display:none}.d8-hero{gap:35px}.d8-main-photo{height:430px}.d8-hero h1{font-size:52px}.d8-paths{gap:22px}.d8-path+.d8-path{padding-left:20px}.d8-scan-copy{padding:40px}.d8-process{gap:40px}.d8-products,.woocommerce ul.products{gap:17px}}
@media(max-width:760px){.d8-shell{width:calc(100% - 36px)}.d8-local{font-size:9px;padding:6px 8px}.d8-header-inner{min-height:76px;flex-wrap:wrap;gap:15px}.d8-brand strong{font-size:36px}.d8-header-tools{margin-left:auto;gap:14px}.d8-menu-button{display:block;font-size:11px}.d8-cart{font-size:11px}.d8-nav{display:none;order:4;flex-basis:100%;margin:0;padding:5px 0 20px;gap:0}.d8-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:15px}.d8-hero{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:40px}.d8-eyebrow{font-size:9px;margin-bottom:18px}.d8-hero h1{font-size:45px;margin-bottom:20px;max-width:500px}.d8-hero p{font-size:14px;margin-bottom:22px}.d8-button{font-size:11px;min-height:45px;padding:12px 18px;gap:20px}.d8-hero-note{margin-top:20px!important}.d8-hero-visual{padding-left:12px;padding-bottom:24px}.d8-main-photo{height:350px;object-position:center 54%}.d8-photo-caption{width:220px;padding:17px 20px}.d8-photo-caption strong{font-size:15px}.d8-paths{grid-template-columns:1fr;gap:0;padding:0}.d8-path{padding:20px 0!important;grid-template-columns:31px 1fr 15px}.d8-path+.d8-path{border-left:0;border-top:1px solid var(--line)}.d8-path strong{font-size:13px}.d8-path small{font-size:11px}.d8-section{padding-top:42px;padding-bottom:40px}.d8-section-head{gap:15px;margin-bottom:24px}.d8-section-head h2{font-size:29px}.d8-text-link{font-size:10px;white-space:nowrap}.d8-products,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.d8-product-meta{display:block;margin-top:12px}.d8-product-meta h3{font-size:12px;min-height:36px}.d8-product-meta .price{display:block;margin-top:7px;font-size:12px}.d8-scan{grid-template-columns:1fr}.d8-scan-photo{height:340px;object-position:center 43%}.d8-scan-copy{padding:30px 26px 35px}.d8-scan-copy h2{font-size:34px}.d8-process{grid-template-columns:1fr;gap:20px;padding:45px 0}.d8-process h2{font-size:31px}.d8-steps{gap:22px;grid-template-columns:1fr}.d8-step-number{margin-bottom:14px}.d8-steps h3{font-size:18px;margin-bottom:10px}.d8-steps p{font-size:13px;max-width:500px}.d8-contact{display:block;padding:35px 0 45px}.d8-contact h2{font-size:30px}.d8-contact .d8-button{margin-top:22px}.d8-footer{padding-top:35px}.d8-footer-top{display:block}.d8-footer-links{gap:55px;margin-top:25px}.d8-footer-bottom{font-size:9px;display:block}.d8-footer-bottom span{display:block;margin-bottom:8px}.d8-content{padding-top:28px}.d8-content>h1{font-size:33px}.d8-shop-heading h1{font-size:36px}.d8-shop-search button{padding:10px 16px}.woocommerce div.product .product_title{font-size:30px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px}.woocommerce-result-count{float:none!important;margin:0 0 14px!important}.woocommerce-ordering{float:none!important;width:100%;margin-bottom:25px!important}.woocommerce-ordering select{width:100%}.d8-brand span{display:block;font-size:8px;padding-left:11px}.d8-brand{gap:11px}}
@media(max-width:480px){.d8-header .d8-brand>span{display:none}.d8-hero h1{font-size:39px}.d8-header-inner{flex-wrap:wrap}.d8-hero-note{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Broader capability and project presentation. */
[id]{scroll-margin-top:25px}.d8-intro{max-width:780px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:38px}.d8-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px}.d8-capabilities h3,.d8-example-grid h3,.d8-development-grid h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-bottom:15px}.d8-capabilities p,.d8-example-grid p,.d8-development-grid p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:0}.d8-capabilities .d8-step-number{margin-bottom:20px}.d8-examples{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.d8-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 60px}.d8-development-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.d8-development-grid article{padding:28px;background:#e9eee6;border-radius:3px}.d8-project-status{display:block;font-size:9px;letter-spacing:.1em;line-height:1.6;margin-bottom:18px;color:#496452;font-weight:650}.d8-development-grid h3{font-size:21px}.d8-development-grid p{font-size:13px}.d8-hero h1 em{font-size:.75em;display:inline-block;margin-top:10px}
@media(max-width:1050px){.d8-capabilities{gap:30px 25px}.d8-development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.d8-capabilities,.d8-development-grid,.d8-example-grid{grid-template-columns:1fr;gap:27px}.d8-intro{font-size:14px;margin-bottom:28px}.d8-capabilities h3,.d8-example-grid h3{font-size:23px}.d8-capabilities p,.d8-example-grid p{font-size:14px}.d8-development-grid{gap:15px}.d8-development-grid article{padding:25px}.d8-section-head h2{font-size:30px}.d8-contact h2{font-size:29px}.d8-hero h1 em{font-size:.78em}}
