:root{ --radius:.5rem;--background:oklch(.985 .006 85);--foreground:oklch(.24 .012 60);--card:oklch(1 0 0);--card-foreground:oklch(.24 .012 60);--primary:oklch(.26 .014 60);--primary-foreground:oklch(.98 .006 85);--secondary:oklch(.945 .012 84);--muted:oklch(.955 .01 84);--muted-foreground:oklch(.52 .014 65);--accent:oklch(.575 .098 42);--accent-foreground:oklch(.99 .005 85);--border:oklch(.9 .012 84);--sand:oklch(.955 .016 82);--sand-deep:oklch(.912 .021 80);--ink:oklch(.24 .012 60);--ink-soft:oklch(.52 .014 65);--clay:oklch(.575 .098 42);--clay-soft:oklch(.93 .028 55);--onyx:oklch(.215 .011 55);--onyx-foreground:oklch(.97 .008 85);--success:oklch(.55 .09 150);--shadow-card:0 1px 2px oklch(.25 .02 60/.04),0 12px 32px -18px oklch(.25 .02 60/.18);--shadow-lift:0 2px 4px oklch(.25 .02 60/.05),0 26px 50px -24px oklch(.25 .02 60/.28) } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}body.menu-open,body.search-open,body.filters-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p,ul,ol,dl,figure,blockquote{margin-top:0}h1,h2,h3,.brand-name,.hero-price-card strong,.about-stats strong,.error-code{font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;font-weight:400;letter-spacing:-.015em}.container-page{width:100%;max-width:84rem;margin-inline:auto;padding-inline:1.25rem}.section-space{padding-block:3.5rem}.site-main{min-height:40vh}.screen-reader-text,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:1rem;top:-8rem;z-index:9999;padding:.7rem 1rem;background:var(--ink);color:var(--primary-foreground);border-radius:.35rem}.skip-link:focus{top:1rem}.icon{width:1.25rem;height:1.25rem;display:inline-block;vertical-align:middle;flex:0 0 auto}.icon-button{width:2.5rem;height:2.5rem;padding:0;border:0;background:transparent;border-radius:.4rem;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover,.icon-button:focus-visible{background:var(--secondary)}:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.eyebrow,.dark-eyebrow{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--muted-foreground);margin:0}.dark-eyebrow{color:color-mix(in oklch,var(--onyx-foreground) 60%,transparent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:.38rem;font-size:.8125rem;font-weight:600;line-height:1.1;text-align:center;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button-lg{min-height:3rem;padding:.8rem 1.25rem}.button-ink{background:var(--ink);color:var(--primary-foreground);border-color:var(--ink)}.button-ink:hover{background:oklch(.3 .014 60)}.button-quiet{background:transparent;color:var(--ink);border-color:var(--border)}.button-quiet:hover{border-color:color-mix(in oklch,var(--ink) 30%,var(--border));background:var(--card)}.button-light{background:var(--onyx-foreground);color:var(--onyx);border-color:var(--onyx-foreground)}.button-on-dark{background:transparent;color:var(--onyx-foreground);border-color:color-mix(in oklch,var(--onyx-foreground) 35%,transparent)}.button-clay{background:var(--clay);color:var(--accent-foreground);border-color:var(--clay)}.text-link{font-size:.875rem;text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:4px}.text-link.muted{text-decoration-color:var(--border);color:var(--muted-foreground)} /* top bar + header */ .topbar{background:var(--ink);color:var(--primary-foreground)}.topbar-inner{height:2.25rem;display:flex;align-items:center;justify-content:center}.topbar-desktop{display:none;list-style:none;margin:0;padding:0;align-items:center;justify-content:center;gap:1.5rem;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}.topbar-mobile{position:relative;width:100%;height:1rem;text-align:center;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}.topbar-message{position:absolute;inset:0;opacity:0;transform:translateY(.35rem);transition:opacity .45s,transform .45s}.topbar-message.is-active{opacity:.9;transform:none}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--background) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow .3s}.site-header.is-scrolled{box-shadow:0 1px 0 var(--border),0 8px 24px -20px oklch(.25 .02 60/.4)}.header-inner{height:4rem;display:flex;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:baseline;gap:.5rem;flex:0 0 auto}.brand-name{font-size:1.5rem;line-height:1;letter-spacing:-.035em}.brand-tag,.footer-brand-tag{font-size:.625rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-foreground)}.brand-custom-logo .custom-logo-link{display:block}.brand-custom-logo img{max-height:2.5rem;width:auto}.primary-nav{display:none;margin-inline:auto}.primary-nav-list{display:flex;align-items:center;gap:1.75rem;list-style:none;margin:0;padding:0}.primary-nav-list a{position:relative;display:block;padding:.5rem 0;font-size:.8125rem;letter-spacing:.02em;color:color-mix(in oklch,var(--ink) 80%,transparent)}.primary-nav-list a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--clay);transition:width .3s}.primary-nav-list a:hover:after,.primary-nav-list .current-menu-item>a:after{width:100%}.header-actions{display:flex;align-items:center;gap:.15rem;margin-left:auto}.desktop-search{display:none;align-items:center}.header-search-panel{display:flex;align-items:center;gap:.15rem}.header-search-panel[hidden]{display:none}.product-search-form{display:flex;align-items:center;position:relative}.product-search-input{width:100%;height:2.5rem;border:1px solid var(--border);border-radius:.38rem;background:var(--card);padding:.55rem 2.6rem .55rem .85rem;font-size:.875rem;outline:none}.product-search-input:focus{border-color:var(--clay);box-shadow:0 0 0 2px color-mix(in oklch,var(--clay) 18%,transparent)}.search-submit{position:absolute;right:.15rem;top:.15rem;width:2.2rem;height:2.2rem;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.account-link{display:none}.cart-link{position:relative}.cart-count{position:absolute;top:.2rem;right:.15rem;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:999px;background:var(--clay);color:var(--accent-foreground);font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center}.mobile-overlay{position:fixed;z-index:70;inset:0;background:oklch(.15 .01 50/.45);opacity:0;transition:opacity .25s}.mobile-overlay.is-visible{opacity:1}.mobile-menu{position:fixed;z-index:80;inset:0 auto 0 0;width:86vw;max-width:24rem;background:var(--background);transform:translateX(-101%);transition:transform .28s ease;box-shadow:24px 0 60px -36px oklch(.2 .02 50/.7);display:flex;flex-direction:column}.mobile-menu.is-open{transform:none}.mobile-menu-head{height:4.25rem;padding:0 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.mobile-nav{padding:.75rem .5rem}.mobile-nav ul,.mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mobile-nav a{display:block;padding:.85rem .75rem;border-radius:.4rem;font-size:1rem}.mobile-nav a:hover{background:var(--secondary)}.mobile-menu-cta{margin-top:auto;padding:1.25rem;display:grid;gap:.5rem}.mobile-search{position:fixed;z-index:75;inset:2.25rem 0 auto;background:var(--background);border-bottom:1px solid var(--border);box-shadow:0 18px 38px -30px oklch(.2 .02 50/.5)}.mobile-search-inner{padding-top:1rem;padding-bottom:1.25rem}.mobile-search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.mobile-search .product-search-input{height:3rem}.mobile-search .search-submit{top:.4rem;right:.3rem} /* home */ .hero{background:var(--sand)}.hero-grid{display:grid;align-items:center;gap:2.5rem;padding-block:3rem}.hero-copy{max-width:36rem}.hero h1{margin:.9rem 0 0;font-size:clamp(2.25rem,7.4vw,3.4rem);line-height:1.08}.hero-lead{max-width:30rem;margin:1.25rem 0 0;color:var(--muted-foreground);font-size:.9375rem;line-height:1.75}.hero-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.75rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:30rem;border-top:1px solid color-mix(in oklch,var(--ink) 10%,transparent);margin:2.25rem 0 0;padding-top:1.5rem}.hero-stats dt{font-size:1.125rem}.hero-stats dd{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.6875rem;line-height:1.35;letter-spacing:.04em;text-transform:uppercase}.hero-media{position:relative}.hero-media>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-card)}.hero-price-card{position:absolute;left:1rem;bottom:1rem;padding:.75rem 1rem;border-radius:.38rem;background:color-mix(in oklch,var(--card) 90%,transparent);backdrop-filter:blur(7px)}.hero-price-card .eyebrow{display:block}.hero-price-card strong{display:block;font-size:1.25rem;margin-top:.1rem}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.section-heading-copy{max-width:38rem}.section-heading-row h2,.section-heading-copy h2{font-size:clamp(1.5rem,4vw,2.125rem);margin:.5rem 0 0;line-height:1.2}.section-subtitle{margin:.65rem 0 0;color:var(--muted-foreground);font-size:.9375rem}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.category-tile{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--sand)}.category-tile-wide{grid-column:span 2}.category-tile img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .7s ease}.category-tile-wide img{aspect-ratio:16/10}.category-tile:hover img{transform:scale(1.04)}.media-shade,.gender-shade{position:absolute;inset:0;background:linear-gradient(to top,oklch(.24 .012 60/.72),oklch(.24 .012 60/.08) 58%,transparent)}.category-tile-copy{position:absolute;left:0;right:0;bottom:0;padding:1rem;color:var(--onyx-foreground)}.category-tile-copy strong{display:block;font-size:1.1rem;font-weight:400;letter-spacing:-.015em}.category-tile-copy small{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;opacity:.88}.category-tile-copy .icon{width:.85rem;height:.85rem}.usp-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card)}.usp-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-block:2.5rem}.usp-item{display:flex;gap:.9rem}.usp-item>.icon{margin-top:.12rem;color:var(--clay)}.usp-item h3{font:600 .875rem/1.4 "DM Sans",sans-serif;letter-spacing:.02em;margin:0}.usp-item p{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.8125rem;line-height:1.65}.product-section.section-sand{background:var(--sand)}.home-product-grid,.archive-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.flaktoria-product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card);transition:box-shadow .3s}.flaktoria-product-card:hover{box-shadow:var(--shadow-lift)}.product-card-image{position:relative;display:block;overflow:hidden;background:var(--sand)}.product-card-image img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .7s ease,filter .2s,opacity .2s}.flaktoria-product-card:hover .product-card-image img{transform:scale(1.05)}.flaktoria-product-card.is-out-of-stock .product-card-image img{opacity:.58;filter:saturate(.55)}.product-badges{position:absolute;top:.65rem;left:.65rem;display:flex;flex-wrap:wrap;gap:.35rem}.badge,.stock-badge{display:inline-flex;border-radius:999px;padding:.3rem .55rem;font-size:.58rem;line-height:1;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.badge-dark{background:var(--ink);color:var(--primary-foreground)}.badge-sale{background:var(--clay);color:var(--accent-foreground)}.stock-badge{position:absolute;top:.65rem;right:.65rem;background:color-mix(in oklch,var(--card) 90%,transparent);color:var(--muted-foreground)}.product-card-body{display:flex;flex-direction:column;flex:1;padding:1rem}.product-card-brand{margin:0;color:var(--muted-foreground);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase}.product-card-title{font:600 .9375rem/1.35 "DM Sans",sans-serif;margin:.28rem 0 0}.product-card-type{margin:.3rem 0 0;color:var(--muted-foreground);font-size:.72rem;line-height:1.3;min-height:1.8em}.product-card-price{margin-top:.75rem;font-size:1rem}.product-card-price .price{font-size:1.08rem}.product-card-price del{color:var(--muted-foreground);font-size:.75rem}.product-card-price ins{text-decoration:none}.product-card-variants{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.product-card-variants span{border:1px solid var(--border);border-radius:.2rem;padding:.25rem .45rem;font-size:.64rem;color:color-mix(in oklch,var(--ink) 70%,transparent)}.product-card-button{width:100%;margin-top:auto}.product-card-body>.product-card-button{margin-top:1rem}.section-desktop-cta{display:none}.section-mobile-cta{width:100%;margin-top:2rem}.empty-products-notice{margin-top:2rem;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;background:var(--card);color:var(--muted-foreground)}.image-copy-section{position:relative;overflow:hidden}.image-copy-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.image-copy-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--background),color-mix(in oklch,var(--background) 85%,transparent),color-mix(in oklch,var(--background) 10%,transparent))}.image-copy-inner{position:relative;padding-block:5rem}.image-copy-box{max-width:34rem}.image-copy-box h2{font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.18}.image-copy-box p{color:var(--muted-foreground);line-height:1.7}.sets-grid{display:grid;gap:1rem;margin-top:2rem}.set-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);transition:box-shadow .3s}.set-card:hover{box-shadow:var(--shadow-lift)}.set-card-image{overflow:hidden;background:var(--sand)}.set-card-image img{width:100%;aspect-ratio:5/4;object-fit:cover;transition:transform .7s}.set-card:hover img{transform:scale(1.04)}.set-card-body{display:flex;flex-direction:column;flex:1;padding:1.25rem}.set-card-body h3{font-size:1.25rem}.set-card-body p{color:var(--muted-foreground);font-size:.8125rem;line-height:1.65;flex:1}.set-card-body>div{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.set-card-body .icon{color:var(--clay);width:1rem}.center-cta{text-align:center;margin-top:2rem}.mystery-section{background:var(--onyx);color:var(--onyx-foreground)}.mystery-grid{display:grid;gap:2.5rem;padding-block:4rem}.mystery-copy{order:2}.mystery-grid>img{order:1;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.mystery-copy h2{font-size:clamp(2rem,5vw,2.5rem);margin:.75rem 0 0}.mystery-copy>p:not(.dark-eyebrow){max-width:30rem;color:color-mix(in oklch,var(--onyx-foreground) 76%,transparent);line-height:1.7}.mystery-copy ul{display:grid;gap:.6rem;list-style:none;padding:0;max-width:34rem;color:color-mix(in oklch,var(--onyx-foreground) 82%,transparent);font-size:.8125rem}.mystery-copy li{position:relative;padding-left:1rem}.mystery-copy li:before{content:"";position:absolute;left:.15rem;top:.65em;width:.3rem;height:.3rem;border-radius:50%;background:var(--clay-soft)}.gender-grid{display:grid;gap:1rem}.gender-banner{position:relative;overflow:hidden;border-radius:var(--radius);min-height:20rem}.gender-banner img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .7s}.gender-banner:hover img{transform:scale(1.03)}.gender-copy{position:absolute;inset:auto 0 0;padding:1.5rem;color:var(--onyx-foreground);display:flex;flex-direction:column;align-items:flex-start}.gender-copy strong{font-size:1.6rem;font-weight:400;letter-spacing:-.015em}.gender-copy small{max-width:24rem;font-size:.8125rem;line-height:1.65;margin-top:.4rem}.gender-copy .button{margin-top:1rem}.brands-section{border-block:1px solid var(--border);background:var(--card)}.brands-inner{padding-block:3rem}.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border-radius:.38rem;overflow:hidden;margin-top:1.75rem}.brand-grid a{min-height:4rem;display:flex;align-items:center;justify-content:center;padding:.65rem;background:var(--card);text-align:center;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklch,var(--ink) 75%,transparent)}.brand-grid a:hover{background:var(--sand);color:var(--ink)}.how-grid{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.how-grid li{background:var(--background);padding:1.5rem}.how-grid span,.about-process-grid span{font-size:1.85rem;color:var(--clay);letter-spacing:-.02em}.how-grid h3{font:600 1rem/1.4 "DM Sans",sans-serif;margin:1rem 0 0}.how-grid p{color:var(--muted-foreground);font-size:.8125rem;line-height:1.65;margin:.5rem 0 0}.trust-section{background:var(--sand)}.trust-grid{display:grid;align-items:center;gap:2.5rem;padding-block:4rem}.trust-copy h2{font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.18;margin:.75rem 0 0}.trust-copy>p:not(.eyebrow){max-width:34rem;color:var(--muted-foreground);line-height:1.7}.trust-points{display:grid;gap:1.5rem;margin-top:2rem}.trust-points>div{border-top:1px solid color-mix(in oklch,var(--ink) 15%,transparent);padding-top:1rem}.trust-points h3{font:600 .875rem/1.4 "DM Sans",sans-serif;margin:0}.trust-points p{color:var(--muted-foreground);font-size:.8125rem;line-height:1.6;margin:.3rem 0 0}.trust-grid>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-card)}.reviews-grid{display:grid;gap:1rem;margin-top:2rem}.review-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1.25rem}.stars{display:flex;color:var(--clay);gap:.1rem}.stars .icon{width:.85rem;height:.85rem;fill:currentColor;stroke:none}.review-card blockquote{flex:1;margin:1rem 0 0;font-size:.8125rem;line-height:1.7;color:color-mix(in oklch,var(--ink) 85%,transparent)}.review-card figcaption{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}.review-card figcaption strong{font-size:.875rem}.review-card figcaption span{display:block;margin-top:.15rem;color:var(--muted-foreground);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase}.faq-section{border-block:1px solid var(--border);background:var(--card)}.faq-grid{display:grid;gap:2.5rem;padding-block:3.5rem}.faq-grid>div:first-child h2{font-size:clamp(1.5rem,4vw,2rem);margin:.5rem 0 0}.faq-grid>div:first-child p:not(.eyebrow){color:var(--muted-foreground);font-size:.8125rem;line-height:1.7}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;font-weight:600;font-size:.9375rem;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list details>div{padding:0 0 1.25rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.7}.faq-list details[open] summary span{transform:rotate(45deg)}.newsletter-box{background:var(--sand);border-radius:var(--radius);padding:3rem 1.5rem;text-align:center}.newsletter-box>div{max-width:38rem;margin:auto}.newsletter-box h2{font-size:clamp(1.5rem,5vw,2rem)}.newsletter-box p{color:var(--muted-foreground);line-height:1.7}.newsletter-box .button{margin-top:1rem}.newsletter-box small{display:block;margin-top:.85rem;color:var(--muted-foreground);font-size:.72rem}.newsletter-form{margin-top:1.5rem}.newsletter-form form{display:flex;flex-direction:column;gap:.6rem}.newsletter-form input[type=email]{height:3rem;width:100%;border:1px solid var(--border);border-radius:.38rem;background:var(--card);padding:.6rem .8rem}.newsletter-form input[type=submit]{min-height:3rem;border:0;border-radius:.38rem;background:var(--ink);color:var(--primary-foreground);padding:.7rem 1.1rem;font-weight:600}.newsletter-admin-note{margin-top:1.25rem;padding:1rem;border:1px dashed var(--clay);border-radius:.4rem;background:color-mix(in oklch,var(--clay-soft) 60%,var(--card));font-size:.8125rem}.sticky-mobile-cta{position:fixed;z-index:40;left:0;right:0;bottom:0;transform:translateY(110%);transition:transform .3s;background:color-mix(in oklch,var(--background) 95%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.sticky-mobile-cta.is-visible{transform:none}.sticky-mobile-cta>div{min-width:0;flex:1}.sticky-mobile-cta small,.sticky-mobile-cta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-mobile-cta small{color:var(--muted-foreground);font-size:.7rem}.sticky-mobile-cta strong{font-size:.8125rem} /* about */ .about-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--background),color-mix(in oklch,var(--background) 88%,transparent),color-mix(in oklch,var(--background) 20%,transparent))}.about-hero-inner{position:relative;padding-block:4rem}.simple-breadcrumbs{display:flex;gap:.4rem;color:var(--muted-foreground);font-size:.75rem;margin-bottom:1.5rem}.simple-breadcrumbs a:hover{color:var(--ink)}.about-hero h1{max-width:44rem;font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;margin:.5rem 0 0}.about-hero-lead{max-width:38rem;color:var(--muted-foreground);line-height:1.75}.about-story-grid{display:grid;gap:2.5rem}.about-story-grid h2,.about-values h2,.about-process h2{font-size:clamp(1.5rem,4vw,2rem);margin:.5rem 0 0}.about-content{margin-top:1.25rem}.about-story-image{overflow:hidden;border-radius:var(--radius);background:var(--sand)}.about-story-image img{width:100%;aspect-ratio:4/5;object-fit:cover}.about-stats{border-block:1px solid var(--border);background:var(--card)}.about-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding-block:3rem}.about-stats strong{display:block;font-size:2rem}.about-stats span{display:block;color:var(--muted-foreground);font-size:.8125rem;margin-top:.3rem}.about-values-grid{display:grid;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden;margin-top:2rem}.about-value{background:var(--card);padding:1.5rem}.about-value>.icon{color:var(--clay)}.about-value h3{font:600 1rem/1.4 "DM Sans",sans-serif;margin:1rem 0 0}.about-value p{color:var(--muted-foreground);font-size:.875rem;line-height:1.7;margin:.5rem 0 0}.about-process{background:var(--sand)}.about-process-grid{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.5rem}.about-process-grid li{border-top:1px solid color-mix(in oklch,var(--ink) 15%,transparent);padding-top:1rem}.about-process-grid h3{font:600 .9375rem/1.4 "DM Sans",sans-serif;margin:.5rem 0 0}.about-process-grid p{color:var(--muted-foreground);font-size:.875rem;line-height:1.65;margin:.4rem 0 0}.about-cta{background:var(--onyx);color:var(--onyx-foreground);border-radius:var(--radius);padding:3rem 1.5rem}.about-cta>div{max-width:40rem}.about-cta h2{font-size:clamp(1.5rem,4vw,2rem);margin:.75rem 0 0}.about-cta p:not(.dark-eyebrow){color:color-mix(in oklch,var(--onyx-foreground) 80%,transparent)} /* generic content */ .prose-shell,.archive-shell,.search-results-inner{padding-block:3.5rem}.prose-shell{max-width:56rem}.prose-shell h1,.archive-header h1{font-size:clamp(2rem,5vw,2.8rem)}.rich-text{line-height:1.8;color:color-mix(in oklch,var(--ink) 88%,transparent)}.rich-text>*+*{margin-top:1.1em}.rich-text a{text-decoration:underline;text-decoration-color:var(--clay);text-underline-offset:3px}.rich-text h2{font-size:1.75rem;margin-top:2em}.rich-text h3{font-size:1.3rem;margin-top:1.6em}.rich-text ul,.rich-text ol{padding-left:1.4rem}.post-featured{margin:2rem 0}.post-featured img{border-radius:var(--radius)}.post-grid{display:grid;gap:1.5rem}.post-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-card>div{padding:1.25rem}.post-card h2{font-size:1.4rem}.post-card p{color:var(--muted-foreground)}.error-inner{padding-block:7rem;text-align:center}.error-code{font-size:5rem;margin:0}.error-inner h1{font-size:2rem}.error-inner p{color:var(--muted-foreground)} /* WooCommerce */ .woocommerce .woocommerce-breadcrumb{font-size:.75rem;color:var(--muted-foreground);margin:0 0 1.4rem}.woocommerce .woocommerce-breadcrumb a{color:var(--muted-foreground)}.breadcrumb-separator{padding-inline:.35rem;color:var(--border)}.shop-archive-hero{border-bottom:1px solid var(--border);background:var(--sand)}.shop-archive-hero>.container-page{padding-block:2.5rem}.shop-archive-hero .eyebrow{margin-top:1rem}.shop-archive-hero h1{font-size:clamp(2rem,5vw,2.5rem);margin:.5rem 0 0}.shop-archive-lead{max-width:44rem;color:var(--muted-foreground);font-size:.9375rem;line-height:1.7;margin-top:.75rem}.shop-archive-layout{padding-block:2.5rem}.shop-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:1.25rem}.woocommerce .woocommerce-result-count{margin:0;color:var(--muted-foreground);font-size:.875rem}.woocommerce .woocommerce-ordering{margin:0}.woocommerce .woocommerce-ordering select{height:2.5rem;padding:.4rem 2rem .4rem .75rem;border:1px solid var(--border);background:var(--card);border-radius:.35rem;font-size:.8125rem}.shop-filter-toggle{order:3}.shop-content-grid{display:grid;gap:2rem;margin-top:2rem}.shop-filters{position:fixed;z-index:85;inset:0 0 0 auto;width:min(86vw,22rem);background:var(--background);padding:1rem 1.25rem 2rem;overflow:auto;transform:translateX(105%);transition:transform .28s;box-shadow:-20px 0 50px -35px oklch(.2 .02 50/.6)}.shop-filters.is-open{transform:none}.shop-filter-mobile-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.25rem}.shop-filter-widget+ .shop-filter-widget{margin-top:2rem}.shop-filter-title{font:600 .6875rem/1.4 "DM Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);margin:0 0 .75rem}.shop-filter-widget ul{list-style:none;margin:0;padding:0}.shop-filter-widget li+li{margin-top:.4rem}.shop-filter-widget a{font-size:.875rem;color:color-mix(in oklch,var(--ink) 75%,transparent)}.shop-filter-widget a:hover{color:var(--clay)}.filter-hint{font-size:.78rem;line-height:1.6;color:var(--muted-foreground)}.shop-filter-promo{margin-top:2rem;padding:1rem;border-radius:var(--radius);background:var(--sand)}.shop-filter-promo p{font-size:.875rem;line-height:1.65}.shop-filter-promo .button{width:100%}.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0!important}.woocommerce nav.woocommerce-pagination{margin-top:2.5rem}.woocommerce nav.woocommerce-pagination ul{border:0!important;display:flex;justify-content:center;gap:.35rem}.woocommerce nav.woocommerce-pagination ul li{border:0!important}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:.35rem;background:var(--card)!important;color:var(--ink)!important}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink)!important;color:var(--primary-foreground)!important;border-color:var(--ink)}.single-product-shell{padding-block:2rem}.woocommerce div.product{display:grid;gap:2rem}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:auto!important;margin:0!important}.woocommerce div.product div.images img{border-radius:var(--radius);background:var(--sand)}.woocommerce div.product .woocommerce-product-gallery__image:first-child img{aspect-ratio:1/1;object-fit:cover}.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.7rem}.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li{width:auto!important;float:none!important}.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img{aspect-ratio:1/1;object-fit:cover;border-radius:.35rem}.woocommerce div.product .product_title{font-size:clamp(2rem,5vw,2.5rem);line-height:1.15}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font-size:1.8rem}.woocommerce div.product p.price del,.woocommerce div.product span.price del{font-size:.9rem;color:var(--muted-foreground)}.woocommerce div.product p.price ins,.woocommerce div.product span.price ins{text-decoration:none}.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted-foreground);line-height:1.7}.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1.5rem}.woocommerce .quantity .qty{width:4.25rem;height:3rem;border:1px solid var(--border);border-radius:.35rem;background:var(--card)}.woocommerce div.product form.cart .button,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt{background:var(--ink)!important;color:var(--primary-foreground)!important;border-radius:.35rem;min-height:3rem;padding:.8rem 1.3rem;font-weight:600}.woocommerce div.product form.cart .variations{width:100%;margin-bottom:.75rem}.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;text-align:left;padding:.3rem 0}.woocommerce div.product form.cart .variations select{min-width:100%;height:2.8rem;border:1px solid var(--border);border-radius:.35rem;background:var(--card);padding:.5rem}.product-trust-list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.65rem;font-size:.8125rem;color:color-mix(in oklch,var(--ink) 80%,transparent)}.product-trust-list li{display:flex;align-items:flex-start;gap:.65rem}.product-trust-list .icon{width:1rem;height:1rem;color:var(--clay);margin-top:.1rem}.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:1rem;border-block:1px solid var(--border);background:var(--sand);padding:2rem 0}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 1.25rem!important}.woocommerce div.product .woocommerce-tabs ul.tabs:before{border-color:var(--border)!important}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-radius:0!important}.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{display:none}.woocommerce div.product .woocommerce-tabs .panel{line-height:1.75;color:var(--muted-foreground)}.woocommerce div.product .related.products{grid-column:1/-1;margin-top:2rem}.woocommerce div.product .related.products>h2{font-size:1.8rem}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--clay)!important;background:var(--card)!important;color:var(--ink)!important}.woocommerce-message:before,.woocommerce-info:before{color:var(--clay)!important}.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{max-width:84rem;margin:auto;padding:2.5rem 1.25rem 4rem}.woocommerce table.shop_table{border-color:var(--border)!important;border-radius:var(--radius)!important;background:var(--card)}.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--border)!important}.woocommerce-cart table.cart img{width:76px;border-radius:.35rem}.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout-review-order,.woocommerce-account .woocommerce-MyAccount-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid var(--border);border-radius:.35rem;background:var(--card);padding:.7rem .8rem}.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 1.5rem;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--sand);color:var(--clay)} /* footer */ .site-footer{background:var(--onyx);color:var(--onyx-foreground)}.footer-main{display:grid;gap:2.5rem;padding-block:3.5rem}.footer-brand .brand-name{font-size:1.5rem}.footer-brand-tag{margin-left:.5rem;color:color-mix(in oklch,var(--onyx-foreground) 60%,transparent)}.footer-brand>p{max-width:22rem;color:color-mix(in oklch,var(--onyx-foreground) 70%,transparent);font-size:.8125rem;line-height:1.7;margin-top:1rem}.social-links{display:flex;gap:.5rem;margin-top:1.5rem}.social-links a{width:2.25rem;height:2.25rem;border:1px solid color-mix(in oklch,var(--onyx-foreground) 20%,transparent);border-radius:.35rem;display:flex;align-items:center;justify-content:center}.social-links a:hover{border-color:color-mix(in oklch,var(--onyx-foreground) 60%,transparent)}.social-links .icon{width:1rem;height:1rem}.footer-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-columns h2{font:600 .6875rem/1.4 "DM Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch,var(--onyx-foreground) 55%,transparent);margin:0}.footer-columns ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.55rem}.footer-columns a{font-size:.8125rem;color:color-mix(in oklch,var(--onyx-foreground) 80%,transparent)}.footer-columns a:hover{color:var(--onyx-foreground)}.footer-meta{display:grid;gap:1.5rem;border-top:1px solid color-mix(in oklch,var(--onyx-foreground) 15%,transparent);padding-block:2rem}.footer-meta>p{color:color-mix(in oklch,var(--onyx-foreground) 55%,transparent);font-size:.75rem;line-height:1.7;margin:0}.footer-service span{font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklch,var(--onyx-foreground) 45%,transparent)}.footer-service p{font-size:.8125rem;color:color-mix(in oklch,var(--onyx-foreground) 75%,transparent);margin:.4rem 0 0}.footer-copy{padding-bottom:2rem;color:color-mix(in oklch,var(--onyx-foreground) 45%,transparent);font-size:.75rem} @media (min-width:640px){.hero-actions{flex-direction:row}.usp-grid{grid-template-columns:repeat(2,1fr)}.sets-grid{grid-template-columns:repeat(3,1fr)}.gender-banner img{aspect-ratio:16/9}.brand-grid{grid-template-columns:repeat(3,1fr)}.how-grid{grid-template-columns:repeat(3,1fr)}.trust-points{grid-template-columns:repeat(3,1fr)}.reviews-grid{grid-template-columns:repeat(2,1fr)}.newsletter-box{padding:4rem 2.5rem}.newsletter-form form{flex-direction:row}.newsletter-form .wpcf7-form-control-wrap{flex:1}.about-values-grid{grid-template-columns:repeat(2,1fr)}.about-process-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}.account-link{display:inline-flex}.section-desktop-cta{display:inline-flex}.section-mobile-cta{display:none}} @media (min-width:768px){.topbar-desktop{display:flex}.topbar-mobile{display:none}.desktop-search{display:flex}.mobile-search-toggle{display:none}.desktop-search .product-search-input{width:14rem}.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.about-stats-grid{grid-template-columns:repeat(4,1fr)}.footer-meta{grid-template-columns:1.2fr 1fr 1fr}} @media (min-width:1024px){.section-space{padding-block:5rem}.menu-toggle{display:none}.header-inner{height:4.5rem}.primary-nav{display:block}.header-actions{margin-left:0}.desktop-search .product-search-input{width:17rem}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;padding-block:4rem}.hero h1{font-size:3.4rem}.hero-media .hero-price-card{left:1.5rem;bottom:1.5rem}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.category-tile-wide{grid-column:span 1}.category-tile-wide img,.category-tile img{aspect-ratio:4/5}.usp-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem;padding-block:3rem}.home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.image-copy-inner{padding-block:7rem}.mystery-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4rem;padding-block:6rem}.mystery-copy{order:1}.mystery-grid>img{order:2}.gender-grid{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(5,1fr)}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;padding-block:6rem}.reviews-grid{grid-template-columns:repeat(4,1fr)}.faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:4rem;padding-block:5rem}.sticky-mobile-cta{display:none}.about-hero-inner{padding-block:6rem}.about-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:4rem}.about-process-grid{grid-template-columns:repeat(4,1fr)}.about-cta{padding:4rem 3.5rem}.footer-main{grid-template-columns:minmax(0,1.2fr) minmax(0,2.4fr);gap:3rem;padding-block:4rem}.footer-columns{grid-template-columns:repeat(4,1fr)}.shop-filter-toggle,.shop-filter-mobile-head{display:none}.shop-content-grid{grid-template-columns:15rem minmax(0,1fr)}.shop-filters{position:static;width:auto;transform:none;box-shadow:none;padding:0;background:transparent;overflow:visible}.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.woocommerce div.product{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem}.single-product-shell{padding-block:3rem}.woocommerce div.product .woocommerce-tabs{margin-inline:calc((84rem - 100vw)/2);padding-inline:max(1.25rem,calc((100vw - 84rem)/2))}.woocommerce-account .woocommerce{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2rem}.woocommerce-account .woocommerce h2,.woocommerce-account .woocommerce>form,.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}} /* Flaktoria 1.1 information pages + Contact Form 7 */ .info-hero{border-bottom:1px solid var(--border);background:var(--sand)}.info-hero-inner{padding-block:2.5rem 3rem}.info-hero .simple-breadcrumbs{margin-bottom:1.5rem}.info-hero h1{margin:.45rem 0 0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.12;font-weight:500;letter-spacing:-.035em}.info-hero p:last-child{max-width:44rem;margin:.9rem 0 0;color:var(--muted-foreground);font-size:.9375rem;line-height:1.75}.info-section{padding-block:3.5rem}.contact-layout{display:grid;gap:2rem}.contact-details h2,.contact-form-card h2,.info-feature-card h2,.info-note h2{margin:.45rem 0 0;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:500;letter-spacing:-.025em}.info-card-stack{display:grid;gap:.75rem;margin-top:1.75rem}.info-card{display:grid;grid-template-columns:2.25rem 1fr;gap:.9rem;padding:1rem 0;border-top:1px solid var(--border)}.info-card-icon{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--clay-soft);color:var(--clay)}.info-card-icon .icon{width:1rem;height:1rem}.info-card h3{margin:0;font-size:.9375rem}.info-card p,.info-card a{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.8125rem;line-height:1.65}.info-card a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.contact-form-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1.25rem}.contact-form-intro{margin:.75rem 0 1.5rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.7}.flaktoria-contact-fields{display:grid;gap:1rem}.flaktoria-contact-fields .field-full{grid-column:1/-1}.flaktoria-contact-fields label{display:grid;gap:.45rem;font-size:.75rem;font-weight:600;letter-spacing:.04em}.flaktoria-contact-fields input[type=text],.flaktoria-contact-fields input[type=email],.flaktoria-contact-fields textarea,.flaktoria-newsletter-fields input[type=email]{width:100%;border:1px solid var(--border);border-radius:.4rem;background:var(--background);color:var(--ink);font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.flaktoria-contact-fields input[type=text],.flaktoria-contact-fields input[type=email]{min-height:3rem;padding:.7rem .85rem}.flaktoria-contact-fields textarea{min-height:10rem;resize:vertical;padding:.85rem}.flaktoria-contact-fields input:focus,.flaktoria-contact-fields textarea:focus,.flaktoria-newsletter-fields input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch,var(--ink) 8%,transparent)}.flaktoria-contact-fields .wpcf7-acceptance label{display:flex;align-items:flex-start;gap:.6rem;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.55;color:var(--muted-foreground)}.flaktoria-contact-fields .wpcf7-acceptance input{margin-top:.18rem}.flaktoria-contact-fields input[type=submit],.flaktoria-newsletter-fields input[type=submit]{appearance:none;min-height:3rem;border:0;border-radius:.38rem;background:var(--ink);color:var(--primary-foreground);padding:.75rem 1.2rem;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.wpcf7 .wpcf7-not-valid-tip{margin-top:.3rem;color:#9b2c2c;font-size:.75rem}.wpcf7 form .wpcf7-response-output{margin:1rem 0 0;border:1px solid var(--border);border-radius:.4rem;padding:.75rem .85rem;font-size:.8125rem;line-height:1.5}.wpcf7 form.sent .wpcf7-response-output{border-color:var(--success)}.contact-form-fallback{border:1px solid var(--border);border-radius:var(--radius);background:var(--sand);padding:1rem;font-size:.875rem;line-height:1.65}.contact-form-fallback a{text-decoration:underline}.info-cards-grid{display:grid;gap:1rem}.info-feature-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1.35rem}.info-feature-card>.icon{width:1.25rem;height:1.25rem;color:var(--clay);margin-bottom:1.1rem}.info-feature-card>p:not(.eyebrow),.info-note p{color:var(--muted-foreground);font-size:.875rem;line-height:1.7}.info-list{list-style:none;margin:1rem 0 0;padding:0}.info-list li{padding:.7rem 0;border-top:1px solid var(--border);font-size:.875rem}.info-note{padding-top:0}.info-note>div{border-radius:var(--radius);background:var(--onyx);color:var(--onyx-foreground);padding:2rem}.info-note>div p{color:color-mix(in oklch,var(--onyx-foreground) 75%,transparent)}.info-note .eyebrow{color:color-mix(in oklch,var(--onyx-foreground) 65%,transparent)}.document-layout{display:grid;gap:2rem;align-items:start}.document-main{min-width:0}.document-aside{display:grid;gap:1rem}.document-aside .text-link{font-size:.8125rem}.flaktoria-newsletter-fields{display:flex;flex-direction:column;gap:.625rem}.flaktoria-newsletter-fields .wpcf7-form-control-wrap{flex:1}.flaktoria-newsletter-fields input[type=email]{min-height:3rem;padding:.7rem .85rem;background:var(--card)}.flaktoria-newsletter-fields input[type=submit]{width:100%}.newsletter-form .wpcf7 form{margin:0}.newsletter-form .wpcf7-spinner,.flaktoria-contact-form .wpcf7-spinner{margin:.5rem 0 0}@media (min-width:640px){.flaktoria-contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.flaktoria-newsletter-fields{flex-direction:row}.flaktoria-newsletter-fields input[type=submit]{width:auto}.info-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.info-hero-inner{padding-block:3.25rem 4rem}.info-section{padding-block:4.5rem}.contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem}.contact-form-card{padding:2rem}.document-layout{grid-template-columns:minmax(0,1fr) 20rem;gap:4rem}} .shop-sort-pills{display:none;flex-wrap:wrap;gap:.375rem}.shop-sort-pill,.other-category-links a{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--card);color:color-mix(in oklch,var(--ink) 78%,transparent);padding:.42rem .75rem;font-size:.75rem;transition:border-color .2s ease,background .2s ease,color .2s ease}.shop-sort-pill:hover,.other-category-links a:hover{border-color:color-mix(in oklch,var(--ink) 30%,var(--border));color:var(--ink)}.shop-sort-pill.is-active{border-color:var(--ink);background:var(--ink);color:var(--primary-foreground)}.other-categories{margin-top:3.5rem;border-top:1px solid var(--border);padding-top:2rem}.other-category-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@media (min-width:768px){.shop-sort-pills{display:flex}} /* v1.2.0 — Lovable parity fixes + ACF/CF7 hardening */ .badge-light{background:var(--card);color:var(--ink);border:1px solid var(--border)} .shop-result-count{display:flex;align-items:center;gap:.5rem;color:var(--muted-foreground);font-size:.875rem} .shop-result-count .icon{width:1rem;height:1rem} .shop-sort-pills{display:flex} .shop-filters{position:static;inset:auto;width:auto;transform:none;box-shadow:none;padding:0;background:transparent;overflow:visible} .shop-filter-mobile-head{display:none} .shop-archive-hero .woocommerce-breadcrumb,.single-product-breadcrumb .woocommerce-breadcrumb{max-width:100%;margin:0 0 1.5rem} .single-product-breadcrumb{grid-column:1/-1} /* The Lovable newsletter form is max-w-md and stays input + CTA on one row from sm. */ .newsletter-form{max-width:28rem;margin:1.75rem auto 0} .newsletter-form form,.newsletter-form .wpcf7-form{display:block!important} .newsletter-form .flaktoria-newsletter-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.625rem;width:100%} .newsletter-form .flaktoria-newsletter-fields .wpcf7-form-control-wrap{display:block;min-width:0;width:100%} .newsletter-form .flaktoria-newsletter-fields input[type=email]{display:block;width:100%;height:3rem;min-width:0;margin:0} .newsletter-form .flaktoria-newsletter-fields input[type=submit]{display:block;width:auto;min-width:6.2rem;height:3rem;margin:0;white-space:nowrap} .newsletter-form .wpcf7-spinner{display:block;margin:.5rem auto 0} .newsletter-form br{display:none} @media (max-width:639px){ .newsletter-form .flaktoria-newsletter-fields{grid-template-columns:1fr} .newsletter-form .flaktoria-newsletter-fields input[type=submit]{width:100%} } @media (min-width:640px){ .woocommerce ul.products,.woocommerce-page ul.products{gap:1rem} } @media (min-width:1024px){ .shop-archive-hero>.container-page{padding-block:3.5rem} .shop-archive-layout{padding-block:3.5rem} } .single-product-brand{margin:0 0 .45rem;color:var(--muted-foreground);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase} .single-product-kind{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.875rem} .product-notes-card{margin-top:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1.25rem} .product-notes-grid{display:grid;gap:1rem;margin-top:1rem} .product-note-label{margin:0;color:var(--clay);font-size:.75rem} .product-notes-grid ul{list-style:none;margin:.4rem 0 0;padding:0;color:color-mix(in oklch,var(--ink) 80%,transparent);font-size:.8125rem} .product-notes-grid li+li{margin-top:.25rem} @media (min-width:640px){.product-notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} /* === v1.3.0 WooCommerce UX alignment fixes === */ .shop-filter-toggle{display:inline-flex;align-items:center;gap:.5rem} .shop-filter-toggle .icon{width:1rem;height:1rem} .shop-sort-pills{display:flex;flex-wrap:wrap;gap:.5rem} .shop-sort-pill,.shop-filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:.45rem .9rem;font-size:.75rem;line-height:1.1;color:color-mix(in oklch,var(--ink) 78%,transparent);transition:background-color .2s,border-color .2s,color .2s} .shop-sort-pill:hover,.shop-filter-chip:hover,.shop-brand-link:hover{border-color:color-mix(in oklch,var(--ink) 25%,var(--border));color:var(--ink)} .shop-sort-pill.is-active{background:var(--ink);border-color:var(--ink);color:var(--primary-foreground)} .shop-filter-pills{display:flex;flex-wrap:wrap;gap:.45rem} .shop-filter-chip{border-radius:.28rem;padding:.42rem .65rem} .shop-filter-chip.is-active{border-color:var(--clay);background:var(--clay-soft);color:var(--ink)} .shop-brand-list{list-style:none;margin:0;padding:0} .shop-brand-list li+li{margin-top:.42rem} .shop-brand-link{display:inline-flex;font-size:.875rem;color:color-mix(in oklch,var(--ink) 78%,transparent);transition:color .2s} .shop-brand-link.is-active{color:var(--clay);font-weight:600} .shop-filter-clear{margin:1.2rem 0 0} .shop-filter-clear .button{width:100%} .shop-result-count{display:inline-flex;align-items:center;gap:.55rem;color:var(--muted-foreground);font-size:.875rem} .shop-result-count .icon{width:1rem;height:1rem} .shop-products-area .woocommerce-result-count,.shop-products-area .woocommerce-ordering{display:none!important} .woocommerce ul.products li.product .button,.woocommerce-page ul.products li.product .button,.product-card-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;border-radius:.35rem;font-size:.8125rem;font-weight:600} .product-card-body{gap:0} .product-card-price .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem} .product-card-price .price .amount{font-size:1.04rem} .product-card-price del .amount{font-size:.75rem} .product-card-variants span{min-width:2.5rem;text-align:center;background:var(--background)} .woocommerce div.product .woocommerce-product-gallery__trigger,.woocommerce div.product .zoomImg{display:none!important} .woocommerce div.product .woocommerce-product-gallery,.woocommerce div.product .woocommerce-product-gallery__wrapper{pointer-events:auto} .woocommerce div.product div.images{max-width:none} .woocommerce div.product div.summary{display:flex;flex-direction:column;min-width:0} .single-product-brand{margin:0 0 .35rem;color:var(--muted-foreground);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase} .single-product-kind{margin:.6rem 0 0;color:var(--muted-foreground);font-size:.9375rem;line-height:1.5} .woocommerce div.product .summary .woocommerce-product-rating{display:none} .woocommerce div.product .summary p.stock{margin:.8rem 0 0;color:var(--clay)} .woocommerce div.product form.cart .variations{margin-bottom:.25rem} .woocommerce div.product form.cart .variations .label label{font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground)} .woocommerce div.product form.cart .variations select{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .flaktoria-variation-swatches{display:flex;flex-wrap:wrap;gap:.55rem;margin:.6rem 0 .2rem} .flaktoria-variation-swatch{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;border:1px solid var(--border);border-radius:.45rem;background:var(--card);padding:.65rem .95rem;font-size:.95rem;line-height:1;color:color-mix(in oklch,var(--ink) 82%,transparent);transition:border-color .2s,background-color .2s,color .2s,transform .2s} .flaktoria-variation-swatch:hover{border-color:color-mix(in oklch,var(--ink) 30%,var(--border));transform:translateY(-1px)} .flaktoria-variation-swatch.is-active{border-color:var(--ink);background:var(--ink);color:var(--primary-foreground)} .flaktoria-variation-swatch.is-disabled{opacity:.38;pointer-events:none} .woocommerce div.product form.cart .reset_variations{display:inline-block;margin-top:.25rem;font-size:.8125rem;text-decoration:underline;text-underline-offset:4px;color:var(--muted-foreground)} .woocommerce div.product form.cart .single_variation_wrap{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;width:100%} .woocommerce div.product .single_variation{min-width:0;flex:1 0 100%} .woocommerce div.product form.cart .button.single_add_to_cart_button{flex:0 0 auto;min-width:11rem} .woocommerce .quantity .qty{padding:.45rem .5rem} .woocommerce div.product .product_meta{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.8125rem;color:var(--muted-foreground)} .woocommerce div.product .product_meta>*{display:block} .product-notes-card{margin-top:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1.35rem} .product-notes-grid{display:grid;gap:1rem;margin-top:1rem} .product-note-label{margin:0 0 .35rem;color:var(--clay);font-size:.8125rem} .product-notes-card ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem;font-size:.875rem;color:color-mix(in oklch,var(--ink) 82%,transparent)} .woocommerce-notices-wrapper{margin-bottom:1rem} .woocommerce-error,.woocommerce-info,.woocommerce-message{border:1px solid var(--border)!important;border-top-width:1px!important;border-radius:var(--radius);padding:1rem 1rem 1rem 3rem!important;box-shadow:none} .woocommerce-error li{margin:0 0 .35rem} .woocommerce-error .button,.woocommerce-message .button,.woocommerce-info .button{float:right;margin-left:1rem;border-radius:.35rem} .woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{padding-top:2rem} .woocommerce-cart-form,.woocommerce-checkout form.checkout,.woocommerce-account .woocommerce-MyAccount-content>*:first-child{min-width:0} .woocommerce table.shop_table{overflow:hidden;border-collapse:separate;border-spacing:0} .woocommerce table.shop_table th{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground)} .woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:1rem .95rem} .woocommerce table.shop_table a{color:inherit} .woocommerce a.remove{display:inline-flex!important;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--sand)!important;color:var(--ink)!important;font-size:1rem!important} .woocommerce a.remove:hover{background:var(--ink)!important;color:var(--primary-foreground)!important} .woocommerce-cart-form .coupon,.woocommerce form.checkout_coupon,.woocommerce .login,.woocommerce .register{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)} .woocommerce form.checkout_coupon{margin:1rem 0 1.5rem!important} .woocommerce-cart-form .coupon label,.woocommerce form.checkout_coupon p:first-child{flex:1 0 100%;margin:0;color:var(--muted-foreground);font-size:.875rem} .woocommerce-cart-form .coupon #coupon_code,.woocommerce form.checkout_coupon input.input-text,.woocommerce .login input.input-text,.woocommerce .register input.input-text{flex:1 1 15rem;min-height:3rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:.4rem;background:var(--background)} .woocommerce .cart-collaterals,.woocommerce-checkout #customer_details{display:grid;gap:1.25rem} .woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout-review-order,.woocommerce-account .woocommerce-MyAccount-content,.woocommerce .login,.woocommerce .register{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:none} .woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout-review-order{padding:1.35rem} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce-checkout #payment #place_order,.woocommerce .return-to-shop .button,.woocommerce .button,.woocommerce button.button,.woocommerce input.button{border-radius:.38rem} .woocommerce-cart .cart-collaterals .cart_totals h2,.woocommerce-checkout-review-order h3,.woocommerce-account .woocommerce-MyAccount-content h2,.woocommerce-account .woocommerce-MyAccount-content h3,.woocommerce-account .woocommerce-MyAccount-content h4{font-size:1.45rem;font-weight:500;letter-spacing:-.025em} .woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{float:none!important;width:auto!important} .woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2,.woocommerce-checkout-review-order{padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)} .woocommerce-checkout #payment{background:transparent!important;border:0!important} .woocommerce-checkout #payment ul.payment_methods{border-color:var(--border)!important;padding:0 0 1rem!important;margin-bottom:1rem!important} .woocommerce-checkout #payment div.form-row{padding:0!important} .woocommerce-checkout .form-row label,.woocommerce-account .woocommerce-EditAccountForm label,.woocommerce-account .addresses .title .edit+address,.woocommerce-account fieldset legend{font-size:.75rem;font-weight:600;letter-spacing:.05em} .woocommerce-checkout .form-row .required,.woocommerce-account .required{color:var(--clay)} .woocommerce-account .woocommerce{display:block} .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:auto!important;float:none!important} .woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0} .woocommerce-account .woocommerce-MyAccount-navigation a{font-size:.875rem;font-weight:500;color:color-mix(in oklch,var(--ink) 80%,transparent)} .woocommerce-account .woocommerce-MyAccount-content{padding:1.5rem} .woocommerce-account .woocommerce-MyAccount-content p:first-child{margin-top:0} .woocommerce-account .woocommerce-Addresses{display:grid;gap:1rem} .woocommerce-account .woocommerce-Address{border:1px solid var(--border);border-radius:.75rem;padding:1rem;background:var(--background)} .woocommerce-account .woocommerce-orders-table .button,.woocommerce-account .woocommerce-Address .button{min-height:2.5rem} .woocommerce-account .login,.woocommerce-account .register{padding:1.5rem} .woocommerce-account .u-columns{display:grid;gap:1.25rem} .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top:1rem} .woocommerce-form-login .lost_password{margin:.5rem 0 0;color:var(--muted-foreground)} @media (min-width:768px){ .product-notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .woocommerce .cart-collaterals{grid-template-columns:minmax(0,1fr) 24rem;align-items:start} .woocommerce-checkout .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,30rem);gap:1.5rem;align-items:start} .woocommerce-checkout .woocommerce-notices-wrapper,.woocommerce-checkout form.checkout_coupon,.woocommerce-checkout .woocommerce-form-login-toggle,.woocommerce-checkout .woocommerce-form-coupon-toggle{grid-column:1/-1} .woocommerce-checkout form.checkout{display:contents} .woocommerce-checkout #customer_details{grid-column:1/2} .woocommerce-checkout #order_review,.woocommerce-checkout #order_review_heading{grid-column:2/3} .woocommerce-account .woocommerce{display:grid;grid-template-columns:17rem minmax(0,1fr);gap:1.5rem;align-items:start} .woocommerce-account .woocommerce-notices-wrapper{grid-column:1/-1} .woocommerce-account .u-columns{grid-template-columns:repeat(2,minmax(0,1fr))} .woocommerce-account .woocommerce-Addresses{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (min-width:1024px){ .shop-content-grid{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start} .shop-filters{position:sticky;top:7rem;z-index:10;inset:auto;width:auto;transform:none!important;padding:0;box-shadow:none;background:transparent;overflow:visible} .shop-filter-mobile-head,.shop-filter-toggle{display:none} .woocommerce div.product{grid-template-columns:minmax(0,1fr) minmax(22rem,39rem);gap:3.5rem} } @media (max-width:1023.98px){ .shop-toolbar{align-items:flex-start} .shop-sort-pills{width:100%} } /* v1.4.0 — WooCommerce system UI + Lovable product parity */ /* Product cards: keep the exact Lovable hierarchy even when Woo injects styles. */ .product-card-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem; min-height: 1.7rem; font-size: 1.05rem; } .product-card-price .product-price-from { color: var(--muted-foreground); font-size: .72rem; } .product-card-price del { order: 2; color: var(--muted-foreground); font-size: .72rem; } .product-card-price ins { order: 1; text-decoration: none; } .product-card-button, .woocommerce ul.products li.product .button.product-card-button, .woocommerce-page ul.products li.product .button.product-card-button { min-height: 2.75rem !important; width: 100%; margin-top: 1rem !important; border: 1px solid var(--ink) !important; border-radius: .38rem !important; background: var(--ink) !important; color: var(--primary-foreground) !important; box-shadow: none !important; font-size: .8125rem !important; font-weight: 600 !important; letter-spacing: .02em; } .product-card-button:hover, .woocommerce ul.products li.product .button.product-card-button:hover { background: oklch(.30 .014 60) !important; color: var(--primary-foreground) !important; } /* Archive filters — same two groups as Lovable: capacity + brand. */ .shop-filter-backdrop { position: fixed; z-index: 82; inset: 0; width: 100%; height: 100%; border: 0; background: oklch(.15 .01 50 / .42); opacity: 0; transition: opacity .2s ease; } .shop-filter-backdrop.is-visible { opacity: 1; } .shop-filter-widget + .shop-filter-widget { margin-top: 2rem; } .shop-filter-promo { margin-top: 2rem; border-radius: var(--radius); background: var(--sand); padding: 1rem; } .shop-filter-promo p { margin: 0; color: color-mix(in oklch,var(--ink) 80%,transparent); font-size: .875rem; line-height: 1.65; } .shop-filter-promo .button { width: 100%; margin-top: .75rem; } .shop-filter-chip { min-width: 2.75rem; } .shop-brand-link { padding: .18rem 0; } .shop-sort-pills { margin-left: auto; } @media (max-width: 1023.98px) { .shop-filters { position: fixed !important; z-index: 85 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(86vw, 24rem) !important; max-width: 24rem; padding: 1rem 1.25rem 2rem !important; background: var(--background) !important; overflow-y: auto !important; transform: translateX(105%) !important; transition: transform .28s ease !important; box-shadow: -24px 0 60px -38px oklch(.2 .02 50 / .7) !important; } .shop-filters.is-open { transform: none !important; } .shop-filter-mobile-head { display: flex !important; } .shop-filter-toggle { display: inline-flex !important; } .shop-sort-pills { width: 100%; margin-left: 0; overflow-x: auto; flex-wrap: nowrap; padding-bottom: .25rem; scrollbar-width: none; } .shop-sort-pills::-webkit-scrollbar { display: none; } .shop-sort-pill { white-space: nowrap; } } @media (min-width: 1024px) { .shop-filter-backdrop { display: none !important; } .shop-filters { position: sticky !important; top: 7.25rem !important; } } /* Single product — no magnifier, no zoom layer, no duplicated Woo metadata. */ .woocommerce div.product .woocommerce-product-gallery__trigger, .woocommerce div.product .zoomImg { display: none !important; } .woocommerce div.product .woocommerce-product-gallery__image > a { pointer-events: none; cursor: default; } .woocommerce div.product .woocommerce-product-gallery__wrapper { margin: 0; } .woocommerce div.product .woocommerce-product-gallery__image img { border-radius: var(--radius); background: var(--sand); } .woocommerce div.product .summary { align-self: start; } .woocommerce div.product .product_title { margin: .35rem 0 0; font-size: clamp(2rem, 4vw, 2.5rem); line-height: 1.08; font-weight: 400; letter-spacing: -.035em; } .flaktoria-single-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: .45rem; margin-top: .55rem; color: var(--ink); font-size: clamp(1.65rem, 3vw, 2rem); line-height: 1.2; letter-spacing: -.025em; } .flaktoria-single-price > .woocommerce-Price-amount, .flaktoria-single-price > ins .woocommerce-Price-amount { font-size: inherit; } .flaktoria-single-price del { color: var(--muted-foreground); font-size: .875rem; } .flaktoria-single-price ins { text-decoration: none; } .flaktoria-price-suffix { color: var(--muted-foreground); font-size: .75rem; letter-spacing: 0; } .woocommerce div.product .summary > form.cart { display: block; margin: 2rem 0 0; } .woocommerce div.product form.cart .variations { width: 100%; margin: 0 0 .7rem; border: 0; } .woocommerce div.product form.cart .variations tbody, .woocommerce div.product form.cart .variations tr, .woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; width: 100%; padding: 0; border: 0; } .woocommerce div.product form.cart .variations .label { margin-bottom: .6rem; } .woocommerce div.product form.cart .variations .label label { display: block; font-size: .6875rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--muted-foreground); } .woocommerce div.product form.cart .variations select { position: absolute !important; width: 1px !important; height: 1px !important; clip: rect(0,0,0,0) !important; overflow: hidden !important; white-space: nowrap !important; } .flaktoria-variation-swatches { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 .5rem; } .flaktoria-variation-swatch { appearance: none; min-height: 2.6rem; padding: .55rem .9rem; border: 1px solid var(--border); border-radius: .38rem; background: var(--card); color: color-mix(in oklch,var(--ink) 82%,transparent); font-size: .875rem; line-height: 1; transition: border-color .2s, background .2s, color .2s; } .flaktoria-variation-swatch:hover { border-color: color-mix(in oklch,var(--ink) 32%,var(--border)); } .flaktoria-variation-swatch.is-active { border-color: var(--ink); background: var(--ink); color: var(--primary-foreground); } .flaktoria-variation-swatch.is-disabled { opacity: .35; cursor: not-allowed; } .woocommerce div.product form.cart .reset_variations { display: none !important; } .woocommerce div.product form.cart .woocommerce-variation-description { display: none; } .woocommerce div.product form.cart .woocommerce-variation-price { display: none; } .woocommerce div.product form.cart .single_variation_wrap { display: flex; align-items: stretch; flex-wrap: wrap; gap: .65rem; margin-top: .5rem; } .woocommerce div.product form.cart .single_variation { flex: 0 0 100%; min-height: 0; margin: 0; } .woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; align-items: stretch; gap: .65rem; width: 100%; } .woocommerce .quantity { display: inline-flex !important; align-items: stretch; height: 3rem; border: 1px solid var(--border); border-radius: .4rem; background: var(--card); overflow: hidden; } .woocommerce .quantity .qty { width: 3.1rem !important; min-width: 0 !important; height: 100%; padding: 0 .25rem !important; border: 0 !important; border-inline: 1px solid var(--border) !important; border-radius: 0 !important; background: transparent !important; text-align: center; box-shadow: none !important; -moz-appearance: textfield; } .woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .flaktoria-qty-button { width: 2.65rem; border: 0; background: transparent; color: color-mix(in oklch,var(--ink) 72%,transparent); font-size: 1.1rem; line-height: 1; } .flaktoria-qty-button:hover { background: var(--secondary); color: var(--ink); } .woocommerce div.product form.cart .button.single_add_to_cart_button { flex: 1 1 auto; min-height: 3rem; margin: 0 !important; border: 1px solid var(--ink) !important; border-radius: .4rem !important; background: var(--ink) !important; color: var(--primary-foreground) !important; box-shadow: none !important; font-size: .9rem !important; font-weight: 600 !important; } .woocommerce div.product form.cart .button.single_add_to_cart_button:hover { background: oklch(.30 .014 60) !important; } .woocommerce div.product .product_meta { display: none !important; } .product-trust-list { margin-top: 1.75rem !important; } .product-notes-card { margin-top: 1.5rem; } .woocommerce div.product span.onsale { display: none; } /* Source-style description/details band. */ .flaktoria-product-details { grid-column: 1 / -1; width: 100vw; margin: 3.5rem 0 0 calc(50% - 50vw); border-block: 1px solid var(--border); background: var(--sand); } .flaktoria-product-details-grid { display: grid; gap: 2.5rem; padding-block: 3rem; } .flaktoria-product-details h2 { margin: .5rem 0 0; font-size: clamp(1.6rem,3vw,2rem); font-weight: 400; } .product-description-copy { margin-top: 1rem; max-width: 40rem; color: var(--muted-foreground); font-size: .9375rem; line-height: 1.75; } .product-description-copy p:last-child { margin-bottom: 0; } .product-description-points { list-style: none; display: grid; gap: .6rem; margin: 1.25rem 0 0; padding: 0; color: color-mix(in oklch,var(--ink) 82%,transparent); font-size: .8125rem; } .product-description-points li { display: flex; align-items: flex-start; gap: .55rem; } .product-description-points .icon { width: 1rem; height: 1rem; margin-top: .15rem; color: var(--clay); } .product-detail-accordion { margin-top: .6rem; } .product-detail-accordion details { border-bottom: 1px solid color-mix(in oklch,var(--ink) 13%,transparent); } .product-detail-accordion summary { position: relative; list-style: none; padding: 1rem 2rem 1rem 0; cursor: pointer; font-size: .9rem; font-weight: 600; } .product-detail-accordion summary::-webkit-details-marker { display: none; } .product-detail-accordion summary::after { content: "+"; position: absolute; right: .2rem; top: .85rem; color: var(--muted-foreground); font-size: 1.15rem; font-weight: 400; } .product-detail-accordion details[open] summary::after { content: "−"; } .product-detail-accordion details p { margin: -.15rem 0 1rem; color: var(--muted-foreground); font-size: .8125rem; line-height: 1.7; } .woocommerce div.product .related.products { grid-column: 1 / -1; margin-top: 1rem; } .woocommerce div.product .related.products > h2 { margin: 0 0 1.5rem; font-size: clamp(1.5rem,3vw,2rem); font-weight: 400; } @media (min-width: 768px) { .flaktoria-product-details-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4rem; padding-block: 4rem; } } @media (max-width: 639px) { .woocommerce div.product form.cart .woocommerce-variation-add-to-cart { flex-wrap: wrap; } .woocommerce div.product form.cart .button.single_add_to_cart_button { flex-basis: 100%; } } /* Shared WooCommerce system page frame. */ .woo-page-hero { border-bottom: 1px solid var(--border); background: var(--sand); } .woo-page-hero-inner { padding-block: 2.25rem 2.75rem; } .woo-page-hero .simple-breadcrumbs { margin-bottom: 1.35rem; } .woo-page-hero h1 { margin: .45rem 0 0; font-size: clamp(2rem,4vw,2.75rem); line-height: 1.1; font-weight: 400; } .woo-page-lead { max-width: 42rem; margin: .85rem 0 0; color: var(--muted-foreground); font-size: .9375rem; line-height: 1.7; } .woo-system-content { padding-block: 2.5rem 4rem; } .woo-system-content .woocommerce { padding-top: 0 !important; } .woo-system-article > .woocommerce:after { content: ""; display: table; clear: both; } @media (min-width: 1024px) { .woo-page-hero-inner { padding-block: 3rem 3.5rem; } .woo-system-content { padding-block: 3.5rem 5rem; } } /* Form controls: one UI language across account, cart, checkout and notices. */ .woocommerce form .form-row { margin: 0 0 1rem; padding: 0; } .woocommerce form .form-row label { margin-bottom: .4rem; color: color-mix(in oklch,var(--ink) 82%,transparent); font-size: .75rem; font-weight: 600; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce .select2-container .select2-selection--single, .woocommerce .select2-container .select2-selection--multiple { min-height: 3rem; border: 1px solid var(--border) !important; border-radius: .4rem !important; background: var(--background) !important; color: var(--ink); box-shadow: none !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { width: 100%; padding: .7rem .85rem; } .woocommerce form .form-row textarea { min-height: 7rem; resize: vertical; } .woocommerce .select2-container .select2-selection--single .select2-selection__rendered { padding: .65rem .85rem; line-height: 1.6rem; } .woocommerce .select2-container .select2-selection--single .select2-selection__arrow { height: 3rem; } .woocommerce form .form-row input:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row select:focus { border-color: var(--ink) !important; outline: none; box-shadow: 0 0 0 3px color-mix(in oklch,var(--ink) 8%,transparent) !important; } .woocommerce .button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link) { min-height: 2.75rem; border: 1px solid var(--ink) !important; border-radius: .38rem !important; background: var(--ink) !important; color: var(--primary-foreground) !important; box-shadow: none !important; font-size: .8125rem !important; font-weight: 600 !important; } .woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .wc-block-components-button:not(.is-link):hover { background: oklch(.30 .014 60) !important; color: var(--primary-foreground) !important; } .woocommerce .button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: var(--ink) !important; } /* Notices / default Woo + block notices. */ .woocommerce-notices-wrapper { margin: 0 0 1rem; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice, .wc-block-components-notice-banner { position: relative; margin: 0 0 1rem !important; border: 1px solid var(--border) !important; border-left: 3px solid var(--clay) !important; border-radius: var(--radius) !important; background: var(--card) !important; color: var(--ink) !important; box-shadow: none !important; padding: .95rem 1rem .95rem 1.1rem !important; font-size: .8125rem; line-height: 1.6; } .woocommerce-error { border-left-color: #9b2c2c !important; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; } .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { float: none !important; margin: .65rem 0 0 !important; min-height: 2.3rem !important; } .wc-block-components-notice-banner > svg { align-self: flex-start; margin-top: .15rem; } .woocommerce-store-notice { background: var(--ink) !important; color: var(--primary-foreground) !important; } /* My account — clean card/navigation structure. */ .woocommerce-account .woocommerce { display: block; } .woocommerce-account .woocommerce h2 { margin: 0 0 1.25rem; font-size: 1.55rem; font-weight: 400; } .woocommerce-account:not(.logged-in) .woo-system-content .woocommerce { max-width: 34rem; margin-inline: auto; } .woocommerce-account:not(.logged-in) .woocommerce-form-login, .woocommerce-account:not(.logged-in) .woocommerce-form-register { display: block !important; margin: 0 !important; padding: 1.5rem !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; background: var(--card); } .woocommerce-account:not(.logged-in) .u-columns { display: grid; gap: 1.25rem; } .woocommerce-account:not(.logged-in) .u-column1, .woocommerce-account:not(.logged-in) .u-column2 { width: auto !important; float: none !important; } .woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: .45rem; margin-right: .75rem; font-weight: 400 !important; } .woocommerce-account .woocommerce-form-login__submit { margin-right: .5rem !important; } .woocommerce-account .lost_password { margin: .9rem 0 0; font-size: .8125rem; } .woocommerce-account .lost_password a { color: var(--muted-foreground); text-decoration: underline; text-underline-offset: 3px; } .woocommerce-account .woocommerce-MyAccount-navigation { width: auto !important; float: none !important; } .woocommerce-account .woocommerce-MyAccount-navigation ul { overflow: hidden; list-style: none; margin: 0; padding: .4rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); } .woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation a { display: block; padding: .75rem .85rem; border-radius: .35rem; color: color-mix(in oklch,var(--ink) 76%,transparent); font-size: .84rem; font-weight: 500; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--ink); color: var(--primary-foreground); } .woocommerce-account .woocommerce-MyAccount-navigation a:hover { background: var(--secondary); color: var(--ink); } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:hover { background: var(--ink); color: var(--primary-foreground); } .woocommerce-account .woocommerce-MyAccount-content { width: auto !important; min-width: 0; float: none !important; padding: 1.5rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); } .woocommerce-account .woocommerce-MyAccount-content > :first-child { margin-top: 0; } .woocommerce-account .woocommerce-MyAccount-content p { font-size: .9rem; line-height: 1.7; } .woocommerce-account .woocommerce-MyAccount-content a:not(.button) { text-decoration: underline; text-decoration-color: var(--border); text-underline-offset: 3px; } .woocommerce-account .woocommerce-Addresses { display: grid; gap: 1rem; } .woocommerce-account .woocommerce-Address { width: auto !important; float: none !important; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--background); } .woocommerce-account .woocommerce-Address-title h2 { font-size: 1.1rem; } .woocommerce-account .woocommerce-Address-title .edit { float: none; font-size: .75rem; } .woocommerce-account address { color: var(--muted-foreground); font-size: .85rem; line-height: 1.7; } .woocommerce-account fieldset { margin: 1.5rem 0 0; padding: 1rem; border: 1px solid var(--border); border-radius: var(--radius); } .woocommerce-account fieldset legend { padding: 0 .4rem; font-size: .75rem; font-weight: 600; } @media (min-width: 768px) { .woocommerce-account.logged-in .woo-system-content .woocommerce { display: grid; grid-template-columns: 15rem minmax(0,1fr); gap: 1.5rem; align-items: start; } .woocommerce-account.logged-in .woocommerce-notices-wrapper { grid-column: 1 / -1; } .woocommerce-account:not(.logged-in) .u-columns { grid-template-columns: repeat(2,minmax(0,1fr)); } .woocommerce-account:not(.logged-in) .u-columns:has(.u-column2[style*="display: none"]) { grid-template-columns: 1fr; } .woocommerce-account .woocommerce-Addresses { grid-template-columns: repeat(2,minmax(0,1fr)); } } /* Tables shared by orders/cart. */ .woocommerce table.shop_table { width: 100%; margin: 0 0 1.5rem; border: 1px solid var(--border) !important; border-collapse: separate !important; border-spacing: 0; border-radius: var(--radius) !important; background: var(--card); overflow: hidden; } .woocommerce table.shop_table th { padding: .85rem 1rem !important; border-color: var(--border) !important; background: var(--sand); color: var(--muted-foreground); font-size: .6875rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; } .woocommerce table.shop_table td { padding: 1rem !important; border-color: var(--border) !important; font-size: .875rem; vertical-align: middle; } .woocommerce table.shop_table img { width: 4.5rem; border-radius: .35rem; background: var(--sand); } .woocommerce a.remove { display: inline-flex !important; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 999px; background: var(--sand) !important; color: var(--ink) !important; font-size: 1rem !important; } .woocommerce a.remove:hover { background: var(--ink) !important; color: var(--primary-foreground) !important; } /* Cart. */ .woocommerce-cart-form { margin-bottom: 1.5rem; } .woocommerce-cart-form .actions { background: var(--card); } .woocommerce-cart-form .coupon { display: flex; flex-wrap: wrap; gap: .55rem; padding: 0 !important; border: 0 !important; background: transparent !important; } .woocommerce-cart-form .coupon label { width: 100%; color: var(--muted-foreground); font-size: .75rem; } .woocommerce-cart-form .coupon #coupon_code { min-width: 13rem; min-height: 2.75rem; border: 1px solid var(--border); border-radius: .38rem; background: var(--background); padding: .65rem .75rem; } .woocommerce .cart-collaterals { display: grid; gap: 1.5rem; } .woocommerce-cart .cart-collaterals .cart_totals { width: auto !important; float: none !important; margin-left: auto; padding: 1.4rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); } .woocommerce-cart .cart-collaterals .cart_totals h2 { margin: 0 0 1rem; font-size: 1.35rem; font-weight: 400; } .woocommerce-cart .wc-proceed-to-checkout { padding: .75rem 0 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width: 100%; margin: 0; min-height: 3rem; display: inline-flex; align-items: center; justify-content: center; } .empty-cart-state { max-width: 46rem; margin-inline: auto; text-align: center; padding: 2rem 0 3rem; } .empty-cart-state-icon { width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--sand); color: var(--clay); } .empty-cart-state-icon .icon { width: 1.35rem; height: 1.35rem; } .empty-cart-state h2 { margin: 1rem 0 0; font-size: clamp(1.6rem,3vw,2rem); font-weight: 400; } .empty-cart-state p { max-width: 34rem; margin: .65rem auto 0; color: var(--muted-foreground); font-size: .9rem; line-height: 1.7; } .empty-cart-state .button { margin-top: 1.25rem; } .empty-cart-products { margin-top: 3rem; text-align: left; } .empty-cart-products > h2 { margin-bottom: 1.25rem; font-size: 1.45rem; } .empty-cart-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; } @media (min-width: 768px) { .woocommerce .cart-collaterals { grid-template-columns: minmax(0,1fr) 25rem; } .empty-cart-product-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; } } /* Checkout + order received. */ .woocommerce-checkout .woocommerce-form-coupon-toggle, .woocommerce-checkout .woocommerce-form-login-toggle { margin-bottom: 1rem; } .woocommerce form.checkout_coupon, .woocommerce form.login { margin: 0 0 1.25rem !important; padding: 1.1rem !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; background: var(--card); } .woocommerce-checkout form.checkout { display: grid; gap: 1.5rem; } .woocommerce-checkout #customer_details { display: grid; gap: 1.25rem; } .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: auto !important; float: none !important; padding: 1.35rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); } .woocommerce-checkout #customer_details h3, .woocommerce-checkout #order_review_heading { margin: 0 0 1.1rem; font-size: 1.35rem; font-weight: 400; } .woocommerce-checkout #order_review { padding: 1.35rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); } .woocommerce-checkout #order_review table.shop_table { border-radius: .4rem !important; } .woocommerce-checkout #payment { border-radius: .4rem !important; background: var(--sand) !important; } .woocommerce-checkout #payment ul.payment_methods { padding: 1rem !important; border-color: var(--border) !important; } .woocommerce-checkout #payment div.payment_box { margin: .75rem 0 0 !important; border-radius: .35rem; background: var(--card) !important; color: var(--muted-foreground); font-size: .8125rem; } .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--card) !important; } .woocommerce-checkout #payment div.form-row { padding: 1rem !important; } .woocommerce-checkout #place_order { width: 100%; min-height: 3rem; } .woocommerce-order .woocommerce-order-overview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin: 1.25rem 0 2rem !important; padding: 0 !important; } .woocommerce-order .woocommerce-order-overview li { float: none !important; margin: 0 !important; padding: 1rem !important; border: 1px solid var(--border) !important; border-radius: .4rem; background: var(--card); font-size: .7rem !important; } .woocommerce-order .woocommerce-order-overview li strong { margin-top: .35rem; font-size: .95rem !important; } @media (min-width: 960px) { .woocommerce-checkout form.checkout { grid-template-columns: minmax(0,1fr) minmax(22rem,30rem); align-items: start; } .woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 2; } .woocommerce-checkout #order_review_heading { grid-column: 2; margin: 0; } .woocommerce-checkout #order_review { grid-column: 2; position: sticky; top: 7.25rem; } .woocommerce-order .woocommerce-order-overview { grid-template-columns: repeat(4,minmax(0,1fr)); } } /* WooCommerce Blocks fallback styling, if a store owner switches from shortcodes. */ .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { color: var(--ink); } .wc-block-components-sidebar-layout { gap: 1.5rem !important; } .wc-block-components-sidebar, .wc-block-components-main { min-width: 0; } .wc-block-components-totals-wrapper, .wc-block-checkout__order-notes, .wc-block-checkout__contact-fields, .wc-block-checkout__shipping-fields, .wc-block-checkout__billing-fields { border-color: var(--border) !important; } .wc-block-components-text-input input, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { border-color: var(--border) !important; border-radius: .4rem !important; background: var(--background) !important; } .wc-block-components-order-summary { border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); } /* Neutralize earlier Woo wrapper grids; v1.4 controls layout at form level. */ .woocommerce-checkout .woo-system-content .woocommerce, .woocommerce-cart .woo-system-content .woocommerce { display: block !important; } /* v1.4.1 — final WooCommerce cohesion pass. */ .woo-system-content .woocommerce-notices-wrapper:empty { display:none; } .woocommerce-account:not(.logged-in) .woocommerce > h2 { text-align:left; } .woocommerce-account:not(.logged-in) .woocommerce-form-login, .woocommerce-account:not(.logged-in) .woocommerce-form-register { box-shadow:none !important; } .woocommerce-account .woocommerce-form-login .form-row:last-of-type, .woocommerce-account .woocommerce-form-register .form-row:last-of-type { margin-bottom:0; } /* Keep cart inputs/buttons in the same compact Lovable language. */ .woocommerce-cart .quantity { min-width:8.4rem; } .woocommerce-cart .quantity .qty { width:3.2rem !important; } .woocommerce-cart table.cart td.actions { padding:1rem !important; } .woocommerce-cart table.cart td.actions > .button { margin-left:.35rem; } .woocommerce-cart .cart-collaterals .shop_table th, .woocommerce-cart .cart-collaterals .shop_table td { background:transparent; } .woocommerce-cart .cart-collaterals .order-total th, .woocommerce-cart .cart-collaterals .order-total td { font-size:1rem; color:var(--ink); } /* Checkout and order details: calm cards, no stock Woo visual leftovers. */ .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 .8rem; } .woocommerce-checkout .form-row-wide { grid-column:1 / -1; } .woocommerce-checkout .woocommerce-additional-fields { margin-top:1rem; } .woocommerce-checkout .woocommerce-privacy-policy-text, .woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { color:var(--muted-foreground); font-size:.75rem; line-height:1.6; } .woocommerce-order-details, .woocommerce-customer-details { margin-top:2rem; } .woocommerce-order-details > h2, .woocommerce-customer-details > h2 { margin:0 0 1rem; font-size:1.45rem; font-weight:400; } .woocommerce-customer-details address { border:1px solid var(--border) !important; border-radius:var(--radius) !important; background:var(--card); padding:1.2rem !important; color:var(--muted-foreground); line-height:1.75; } .woocommerce-thankyou-order-received { margin:0 0 1rem; border:1px solid var(--border); border-left:3px solid var(--success); border-radius:var(--radius); background:var(--card); padding:1rem 1.1rem; font-size:.9rem; } /* Product purchase UI — ensure no native Woo select/zoom visual can leak through. */ .single-product .woocommerce-product-gallery__trigger, .single-product .zoomImg { display:none !important; pointer-events:none !important; } .single-product .woocommerce-product-gallery__image > a { cursor:default !important; pointer-events:none !important; } .single-product .variations_form select { opacity:0 !important; pointer-events:none !important; } .single-product .flaktoria-variation-swatches { margin-top:.15rem; } .single-product .single_add_to_cart_button.disabled, .single-product .single_add_to_cart_button.wc-variation-selection-needed { opacity:.45; cursor:not-allowed; } @media (max-width: 767.98px) { .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { grid-template-columns:1fr; } .woocommerce-checkout .form-row-first, .woocommerce-checkout .form-row-last { grid-column:1; width:100% !important; float:none !important; } /* Turn the classic cart table into readable stacked rows on mobile. */ .woocommerce-cart table.shop_table_responsive thead { display:none; } .woocommerce-cart table.shop_table_responsive tr.cart_item { display:grid; grid-template-columns:4.5rem minmax(0,1fr); gap:.8rem; padding:1rem; border-bottom:1px solid var(--border); } .woocommerce-cart table.shop_table_responsive tr.cart_item td { display:block !important; width:auto !important; padding:.2rem 0 !important; border:0 !important; text-align:left !important; } .woocommerce-cart table.shop_table_responsive tr.cart_item td::before { display:none !important; } .woocommerce-cart table.shop_table_responsive .product-remove { grid-column:2; grid-row:1; justify-self:end; } .woocommerce-cart table.shop_table_responsive .product-thumbnail { grid-column:1; grid-row:1 / span 5; } .woocommerce-cart table.shop_table_responsive .product-name { grid-column:2; grid-row:2; padding-right:2.25rem !important; font-weight:600; } .woocommerce-cart table.shop_table_responsive .product-price, .woocommerce-cart table.shop_table_responsive .product-quantity, .woocommerce-cart table.shop_table_responsive .product-subtotal { grid-column:2; } .woocommerce-cart table.shop_table_responsive td.actions { display:block !important; padding:1rem !important; } .woocommerce-cart table.shop_table_responsive td.actions .coupon { width:100%; } .woocommerce-cart table.shop_table_responsive td.actions .coupon #coupon_code { width:100%; min-width:0; } .woocommerce-cart table.shop_table_responsive td.actions .coupon .button, .woocommerce-cart table.shop_table_responsive td.actions > .button { width:100%; margin:.55rem 0 0 !important; } .woocommerce-cart .cart-collaterals .cart_totals { width:100% !important; } } /* v1.5.0 — source-parity polish: archive filters, buttons, units and account. */ /* Optical button alignment: Lovable buttons use fixed heights and no vertical transform. */ .button { line-height: 1; } .button:hover { transform: none; } .product-card-button, .woocommerce ul.products li.product .button.product-card-button, .woocommerce-page ul.products li.product .button.product-card-button { height: 2.25rem !important; min-height: 2.25rem !important; padding: 0 .875rem !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* Category archive: the source has no filter drawer/button at any breakpoint. */ .shop-filter-toggle, .shop-filter-mobile-head, .shop-filter-backdrop { display: none !important; } .shop-content-grid { display: grid; gap: 2rem; margin-top: 2rem; } .shop-filters { position: static !important; inset: auto !important; z-index: auto !important; width: auto !important; max-width: none !important; padding: 0 !important; overflow: visible !important; transform: none !important; transition: none !important; box-shadow: none !important; background: transparent !important; } .shop-filter-widget + .shop-filter-widget { margin-top: 2rem; } .shop-filter-title { margin: 0 0 .75rem; color: var(--muted-foreground); font: 600 .6875rem/1.4 "DM Sans", sans-serif; letter-spacing: .18em; text-transform: uppercase; } .shop-filter-pills { display: flex; flex-wrap: wrap; gap: .375rem; } .shop-filter-chip { min-width: 0; padding: .375rem .625rem; border: 1px solid var(--border); border-radius: .2rem; background: var(--card); color: color-mix(in oklch,var(--ink) 70%,transparent) !important; font-size: .75rem !important; line-height: 1.5; transition: border-color .2s, background .2s, color .2s; } .shop-filter-chip:hover { border-color: color-mix(in oklch,var(--ink) 25%,var(--border)); color: var(--ink) !important; } .shop-filter-chip.is-active { border-color: var(--clay); background: var(--clay-soft); color: var(--ink) !important; } .shop-brand-list { margin-top: .75rem !important; } .shop-filter-widget li + li { margin-top: .375rem; } .shop-brand-link { display: inline-block; padding: 0; color: color-mix(in oklch,var(--ink) 75%,transparent) !important; font-size: .875rem !important; line-height: 1.5; } .shop-brand-link:hover { color: var(--ink) !important; } .shop-brand-link.is-active { color: var(--clay) !important; } .shop-filter-promo { margin-top: 2rem; padding: 1rem; border-radius: var(--radius); background: var(--sand); } .shop-filter-promo p { margin: 0; color: color-mix(in oklch,var(--ink) 80%,transparent); font-size: .875rem; line-height: 1.65; } /* Woo's global .button rule must not turn the source's quiet sidebar CTA black. */ .shop-filter-promo .button.button-quiet, .woocommerce .shop-filter-promo .button.button-quiet, .shop-filter-clear .button.button-quiet, .woocommerce .shop-filter-clear .button.button-quiet { width: 100%; height: 2.25rem; min-height: 2.25rem !important; margin-top: .75rem !important; padding: 0 .875rem !important; border: 1px solid color-mix(in oklch,var(--ink) 25%,var(--border)) !important; border-radius: .38rem !important; background: transparent !important; color: var(--ink) !important; box-shadow: none !important; font-size: .75rem !important; font-weight: 500 !important; line-height: 1 !important; } .shop-filter-promo .button.button-quiet:hover, .woocommerce .shop-filter-promo .button.button-quiet:hover, .shop-filter-clear .button.button-quiet:hover, .woocommerce .shop-filter-clear .button.button-quiet:hover { border-color: var(--ink) !important; background: var(--ink) !important; color: var(--primary-foreground) !important; } .shop-filter-clear { margin: 1.25rem 0 0; } .shop-toolbar { gap: 1rem; } .shop-sort-pills { display: flex; flex-wrap: wrap; gap: .375rem; margin-left: auto; } .shop-sort-pill { display: inline-flex; align-items: center; justify-content: center; padding: .375rem .875rem; border: 1px solid var(--border); border-radius: 999px; background: var(--card); color: color-mix(in oklch,var(--ink) 75%,transparent); font-size: .75rem; line-height: 1.5; white-space: nowrap; } .shop-sort-pill:hover { border-color: color-mix(in oklch,var(--ink) 30%,var(--border)); color: var(--ink); } .shop-sort-pill.is-active { border-color: var(--ink); background: var(--ink); color: var(--primary-foreground); } @media (max-width: 1023.98px) { .shop-sort-pills { width: 100%; margin-left: 0; overflow: visible; padding-bottom: 0; } } @media (min-width: 1024px) { .shop-content-grid { grid-template-columns: minmax(0,15rem) minmax(0,1fr); } .shop-filters { position: sticky !important; top: 7.25rem !important; align-self: start; } } /* Product detail rating row from the source. */ .flaktoria-product-rating { display: flex; align-items: center; gap: .5rem; margin-top: .75rem; color: var(--muted-foreground); font-size: .75rem; line-height: 1.4; } .flaktoria-rating-stars { display: inline-flex; gap: .125rem; color: var(--clay); } .flaktoria-rating-stars .icon { width: .875rem; height: .875rem; fill: currentColor; stroke: currentColor; } /* Variation controls: fixed height eliminates baseline/padding drift across browsers. */ .flaktoria-variation-swatch { height: 2.625rem; min-height: 2.625rem; padding: 0 1rem; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .woocommerce div.product form.cart .button.single_add_to_cart_button { height: 3rem; min-height: 3rem; padding-block: 0 !important; line-height: 1 !important; align-items: center; justify-content: center; } /* My Account: custom wrapper owns the two-column layout, avoiding Woo floats. */ .woocommerce-account.logged-in .woo-system-content .woocommerce { display: block !important; } .flaktoria-account-layout { display: grid; gap: 1.25rem; align-items: start; } .flaktoria-account-nav { width: 100% !important; float: none !important; } .flaktoria-account-nav-head { padding: 1rem 1rem .9rem; border: 1px solid var(--border); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0; background: var(--sand); } .flaktoria-account-nav-head .eyebrow { display: block; } .flaktoria-account-nav-head strong { display: block; margin-top: .35rem; font-size: .9375rem; font-weight: 600; } .woocommerce-account .flaktoria-account-nav ul { overflow: hidden; margin: 0; padding: .4rem; list-style: none; border: 1px solid var(--border); border-radius: 0 0 var(--radius) var(--radius); background: var(--card); } .woocommerce-account .flaktoria-account-nav li { margin: 0; } .woocommerce-account .flaktoria-account-nav li + li { margin-top: .125rem; } .woocommerce-account .flaktoria-account-nav a { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 2.625rem; padding: 0 .75rem; border-radius: .35rem; color: color-mix(in oklch,var(--ink) 76%,transparent); font-size: .8125rem; font-weight: 500; line-height: 1.2; text-decoration: none !important; } .woocommerce-account .flaktoria-account-nav a:hover { background: var(--secondary); color: var(--ink); } .woocommerce-account .flaktoria-account-nav li.is-active a { background: var(--ink); color: var(--primary-foreground); } .flaktoria-account-nav-arrow { color: var(--muted-foreground); font-weight: 400; } .woocommerce-account .flaktoria-account-nav li.is-active .flaktoria-account-nav-arrow { color: currentColor; } .woocommerce-account .flaktoria-account-content { width: 100% !important; min-width: 0; float: none !important; padding: 1.5rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); } .flaktoria-account-dashboard > h2 { margin: .45rem 0 0 !important; font-size: clamp(1.5rem,3vw,2rem) !important; font-weight: 400 !important; } .flaktoria-account-intro { max-width: 42rem; margin: .75rem 0 0; color: var(--muted-foreground); font-size: .875rem; line-height: 1.7; } .flaktoria-account-quick-grid { display: grid; gap: .75rem; margin-top: 1.5rem; } .flaktoria-account-quick-grid a { display: block; padding: 1rem; border: 1px solid var(--border); border-radius: .4rem; background: var(--background); text-decoration: none !important; transition: border-color .2s, background .2s; } .flaktoria-account-quick-grid a:hover { border-color: color-mix(in oklch,var(--ink) 30%,var(--border)); background: var(--sand); } .flaktoria-account-quick-grid span { display: block; font-size: .875rem; font-weight: 600; } .flaktoria-account-quick-grid small { display: block; margin-top: .2rem; color: var(--muted-foreground); font-size: .75rem; } @media (min-width: 640px) { .flaktoria-account-quick-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } } @media (min-width: 768px) { .flaktoria-account-layout { grid-template-columns: 15rem minmax(0,1fr); gap: 2rem; } .flaktoria-account-nav { position: sticky; top: 7.25rem; } .woocommerce-account .flaktoria-account-content { padding: 1.75rem; } } /* Keep every Woo button's label optically centered, including cart/account/checkout. */ .woocommerce .button, .woocommerce button.button, .woocommerce input.button, .wc-block-components-button:not(.is-link) { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* v1.5.0 gallery preview parity */ .single-product .woocommerce-product-gallery .flex-control-thumbs li:nth-child(2) img { transform: scale(1.18); } .single-product .woocommerce-product-gallery .flex-control-thumbs li:nth-child(3) img { transform: scaleX(-1); } .single-product .woocommerce-product-gallery .flex-control-thumbs li:nth-child(4) img { transform: scale(1.08) scaleX(-1); } /* v1.5.0 source-parity refinement: account rail + related products. */ .woocommerce-account .flaktoria-account-nav ul{padding:.25rem 0;border-radius:0 0 var(--radius) var(--radius)} .woocommerce-account .flaktoria-account-nav li+li{margin-top:0} .woocommerce-account .flaktoria-account-nav a{position:relative;min-height:2.75rem;padding:0 .9rem 0 1rem;border-radius:0;border-left:2px solid transparent} .woocommerce-account .flaktoria-account-nav a:hover{background:var(--sand);color:var(--ink)} .woocommerce-account .flaktoria-account-nav li.is-active a{border-left-color:var(--clay);background:var(--sand);color:var(--ink)} .woocommerce-account .flaktoria-account-nav li.is-active .flaktoria-account-nav-arrow{color:var(--clay)} .woocommerce-account .flaktoria-account-nav-arrow{font-size:.8rem} .flaktoria-related-products{padding-top:1.5rem} .flaktoria-related-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1rem;margin-bottom:2rem} .woocommerce div.product .flaktoria-related-head h2{margin:.5rem 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:400} .flaktoria-related-head .button-quiet{min-height:2.75rem;padding-inline:1rem!important} /* v1.5.2 — cart + checkout desktop two-column layout. */ /* * Keep the mobile flow linear, then switch the purchase flow to a true * content + summary split once there is enough horizontal space. */ .woocommerce-cart .woo-system-content .woocommerce { min-width: 0; } .woocommerce-cart .cart-collaterals { display: block; min-width: 0; } .woocommerce-cart .cart-collaterals .cart_totals { width: 100% !important; max-width: none; margin: 0 !important; } .woocommerce-cart .cart-collaterals .cross-sells { width: 100%; margin-top: 1.5rem; } .woocommerce-checkout form.checkout > #customer_details, .woocommerce-checkout form.checkout > #order_review_heading, .woocommerce-checkout form.checkout > #order_review { min-width: 0; } @media (min-width: 900px) { /* Classic WooCommerce cart: products left, totals right. */ .woocommerce-cart .woo-system-content .woocommerce { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem); gap: 1.5rem 2rem; align-items: start; } .woocommerce-cart .woo-system-content .woocommerce::before, .woocommerce-cart .woo-system-content .woocommerce::after { display: none !important; content: none !important; } .woocommerce-cart .woo-system-content .woocommerce > .woocommerce-notices-wrapper, .woocommerce-cart .woo-system-content .woocommerce > .woocommerce-message, .woocommerce-cart .woo-system-content .woocommerce > .woocommerce-info, .woocommerce-cart .woo-system-content .woocommerce > .woocommerce-error { grid-column: 1 / -1; } .woocommerce-cart .woocommerce-cart-form { grid-column: 1; min-width: 0; margin-bottom: 0; } .woocommerce-cart .cart-collaterals { grid-column: 2; min-width: 0; display: flex !important; flex-direction: column; } .woocommerce-cart .cart-collaterals .cart_totals { order: -1; position: sticky; top: 7.25rem; } /* Classic WooCommerce checkout: customer data left, order summary right. */ .woocommerce-checkout form.checkout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem); column-gap: 2rem; row-gap: 1.25rem; align-items: start; } .woocommerce-checkout form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 2; } .woocommerce-checkout form.checkout > #order_review_heading { grid-column: 2; grid-row: 1; margin: 0; } .woocommerce-checkout form.checkout > #order_review { grid-column: 2; grid-row: 2; position: sticky; top: 7.25rem; } /* WooCommerce Cart/Checkout Blocks fallback: preserve the same 2-column split. */ .woocommerce-cart .wc-block-components-sidebar-layout, .woocommerce-checkout .wc-block-components-sidebar-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(20rem, 26rem); gap: 2rem !important; align-items: start; } .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar { width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important; } .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar, .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar { position: sticky; top: 7.25rem; } }