/* Interface palette only: garment swatches, motif ink and product photos keep their actual colors. */
:root{--night:#2c4738;--deep:#243e31;--mint:#b8c7aa;--cream:#f7f2e8;--text:#253c31;--amler-paper:#fffcf6;--amler-border:#d8dccb;--amler-muted:#626e5c}
/* Product pagination must not inherit Materialize's red, shadowed nav bar. */
.woocommerce nav.woocommerce-pagination{background:var(--cream);color:var(--text);box-shadow:none;height:auto;min-height:64px;line-height:normal;padding:16px 0}
.woocommerce nav.woocommerce-pagination ul.page-numbers{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;border:0;background:transparent}
.woocommerce nav.woocommerce-pagination ul li{float:none;border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--amler-border);border-radius:4px;background:var(--amler-paper);color:var(--text);line-height:1.2}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--deep);border-color:var(--deep);color:var(--cream);font-weight:700}
.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li a:focus{background:var(--mint);color:var(--text)}
.woocommerce nav.woocommerce-pagination ul li a:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
body,.mix-shell{color:var(--text)}
body.amler-commerce-page,body.amler-product-page,body.amler-catalog-page,.designer-page,.mix-cream,.mix-result-intro{background:var(--cream);color:var(--text)}
.mix-head,.mix-footer,.mix-category{background:var(--deep)}
.mix-hero{background:#314d3e}
.mix-hero p{color:#e1e6d8}
.mix-head .mix-nav a,.mix-head .mix-cart,.mix-head .amler-account-link,.mix-menu,.mix-footer,.mix-footer a{color:#f7f2e8}
.mix-head .mix-nav a:hover,.mix-head .mix-cart:hover,.mix-head .amler-account-link:hover{color:#d4dfc7}
.mix-cart{border-color:#b8c7aa}
.mix-ribbon,.mix-cart-count{background:var(--mint);color:#253c31}
.mix-kicker{color:#546b48}
.mix-hero .mix-kicker{color:#d4dfc7}
.mix-white{background:var(--amler-paper)}
.mix-search{background:var(--amler-paper)}
.mix-search input{color:var(--text)!important;background:var(--amler-paper)}
.mix-search input::placeholder{color:#626e5c;opacity:1}
.mix-search button,.mix-btn{background:var(--mint);color:var(--text)}
.mix-search button:hover,.mix-btn:hover{background:#cbd7be;color:#253c31}
.mix-category:hover{background:#3d5c45}
.mix-image{background:#ebe6db}
.mix-card,.mix-card .mix-price,.amler-home-slider .mix-card{color:var(--text)}
.mix-card p,.mix-title-row p,.mix-story p,.designer-heading p,.designer-hint,.preview-caption,.amler-native-gallery p{color:var(--amler-muted)}
.mix-story .mix-btn{color:#253c31}
.mix-step{border-color:#a3af95}.mix-step b{color:#546b48}
.mix-footnote{border-color:#ffffff26;color:#d0d8c9}
.mix-footer nav.amler-legal-links,.mix-footer nav.amler-legal-links a{color:#f7f2e8}
.mix-footer nav.amler-legal-links a:hover{color:#d4dfc7}
.mix-footer nav.amler-legal-links .amler-withdraw-link{border-color:#b8c7aa;color:#f7f2e8}
.mix-footer .amler-tax-note{color:#d0d8c9}
.mix-footer nav.amler-legal-links a:focus-visible{outline-color:#d4dfc7}
.amler-home-slider .mix-card{background:#ebe6db}
.amler-home-slider .amler-slide-caption{background:linear-gradient(transparent,#f7f2e8ed 45%,#f7f2e8 100%)}
.amler-home-slider .mix-card p{color:#465e46}
.amler-home-slider:focus-visible,.amler-home-slider .mix-card:focus-visible{outline-color:#546b48}
.designer-controls,body.amler-product-page div.product .summary,body.amler-product-page .woocommerce-tabs,body.amler-product-page .related li.product,body.amler-catalog-page ul.products li.product{background:var(--amler-paper);border-color:var(--amler-border)}
.designer-preview,.amler-native-gallery{background:radial-gradient(ellipse at 50% 38%,#fffcf6 25%,#eee9dc 100%);border-color:var(--amler-border)}
.designer-controls label,.amler-variant label,.designer-product-price{color:var(--text)}
.designer-controls input,.designer-controls select,.amler-variant select{background:var(--amler-paper);color:var(--text);border-color:#a5b197}
.designer-secondary{background:var(--amler-paper);color:var(--text);border-color:#a5b197}
.motif-grid button{background:var(--amler-paper);border-color:var(--amler-border)}
.motif-grid button.active{border-color:#546b48}
.designer-hint a,.designer-page a#existing-search,.mix-result-intro a,.amler-purchase-help a,.amler-commerce-page a{color:#3e5d45}
.amler-commerce-page h1,.amler-commerce-page h2,.amler-commerce-page h3{color:var(--text)}
.amler-commerce-page .woocommerce-cart-form,.amler-commerce-page .cart_totals,.amler-commerce-page .woocommerce-checkout-review-order,.amler-commerce-page .woocommerce-MyAccount-content,.amler-commerce-page form.login,.amler-commerce-page form.register,.amler-commerce-page .wc-block-components-sidebar{background:var(--amler-paper);border-color:var(--amler-border)}
.amler-commerce-page #payment{background:#ecefdf}
.amler-commerce-page .woocommerce-MyAccount-navigation .is-active a{background:#e4e9d8}
.amler-commerce-page .woocommerce button.button,.amler-commerce-page .woocommerce a.button,.amler-commerce-page .woocommerce input.button,.amler-commerce-page .wc-block-components-button:not(.is-link),body.amler-product-page .single_add_to_cart_button,body.amler-catalog-page ul.products li.product .button{background:#3e5d45!important;color:#fffcf6!important}
body.amler-catalog-page ul.products li.product a.woocommerce-LoopProduct-link,body.amler-catalog-page ul.products li.product h2,body.amler-catalog-page ul.products li.product .price,body.amler-product-page .related a,body.amler-product-page .price{color:var(--text)!important}
.amler-size-guide{background:#f4f0e4;color:var(--text);border-color:var(--amler-border)}
.amler-size-guide thead{background:#e4e9d8}.amler-size-guide tbody tr.is-selected{background:#dce6ce}
.amler-review-dialog{background:var(--amler-paper);color:var(--text)}
.amler-review-actions [data-review-confirm]{background:#3e5d45;color:#fffcf6}
.mix-filter button.active{background:#3e5d45;color:#fffcf6}

/* Three photographic compositions from the two unchanged original images. */
.mix-hero-img.amler-hero-slider{position:relative;display:block;min-width:0;min-height:580px;padding:0;outline-offset:-5px}
.amler-hero-slider .amler-hero-scene{position:absolute;inset:22px 22px 22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.1s ease,visibility 1.1s}
.amler-hero-slider .amler-hero-scene:first-child{opacity:1;visibility:visible}
.amler-hero-slider.is-ready .amler-hero-scene{opacity:0;visibility:hidden}
.amler-hero-slider.is-ready .amler-hero-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.amler-hero-frame{height:100%;min-width:0;min-height:0;overflow:hidden}
.amler-hero-slider .amler-hero-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:none;object-fit:cover;object-position:50% 50%;transform:scale(var(--photo-scale,1));transform-origin:50% 65%}
.amler-hero-detail{--photo-scale:1.25}
.amler-hero-detail .amler-hero-frame:first-child img{object-position:50% 78%;transform-origin:50% 72%}
.amler-hero-detail .amler-hero-frame:last-child img{object-position:25% 72%;transform-origin:35% 70%}
.amler-hero-lifestyle{--photo-scale:1.06}
.amler-hero-lifestyle .amler-hero-frame:first-child img{object-position:35% 50%}
.amler-hero-lifestyle .amler-hero-frame:last-child img{object-position:48% 45%}
.amler-hero-slider .is-active img{animation:amler-photo-drift 7s ease-out both}
.amler-hero-slider:hover .is-active img,.amler-hero-slider:focus-within .is-active img{animation-play-state:paused}
.amler-hero-slider:focus-visible{outline:3px solid #d4dfc7}
@keyframes amler-photo-drift{from{transform:scale(var(--photo-scale,1))}to{transform:scale(calc(var(--photo-scale,1) + .035))}}
@media(max-width:800px){.mix-hero-img.amler-hero-slider{height:450px;min-height:0}.amler-hero-slider .amler-hero-scene{inset:0 12px 12px}.amler-hero-slider .amler-hero-frame img{object-position:50% 52%}}
@media(max-width:450px){.mix-hero-img.amler-hero-slider{height:110vw;max-height:470px;min-height:330px}}
@media(prefers-reduced-motion:reduce){.amler-hero-slider .amler-hero-scene{transition:none}.amler-hero-slider .is-active img{animation:none}}

/* Let white studio-photo backgrounds blend into the slider surface. */
.amler-home-slider .mix-image{background:#ebe6db;isolation:isolate}
.amler-home-slider .mix-image img{mix-blend-mode:multiply}

/* One left alignment from the larger header logo down to the place search. */
:root{--amler-hero-gutter:max(7vw,35px)}
.mix-top{max-width:none;padding-left:var(--amler-hero-gutter);padding-right:var(--amler-hero-gutter);gap:24px}
.mix-logo img{width:280px;height:97px;transform:translateX(-3.4px)}
.mix-hero-copy{padding-left:var(--amler-hero-gutter);padding-right:var(--amler-hero-gutter);text-align:left}
.mix-hero-copy .mix-kicker,.mix-hero-copy h1,.mix-hero-copy>p,.mix-hero-copy .mix-search{margin-left:0;text-indent:0}
@media(max-width:1100px){.mix-top{flex-wrap:wrap}.mix-menu{display:block;border:0;background:none;color:#f7f2e8;font-size:23px}.mix-head .mix-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding:14px 0;order:5}.mix-head .mix-nav.open{display:flex}}
@media(max-width:800px){:root{--amler-hero-gutter:25px}.mix-top{padding-top:12px;padding-bottom:12px;gap:12px}.mix-logo img{width:220px;height:76px;transform:translateX(-2.7px)}}
@media(max-width:400px){:root{--amler-hero-gutter:20px}.mix-logo img{width:200px;height:69px;transform:translateX(-2.4px)}}

/* Instagram profile invitation using our own local photos, no third-party scripts. */
.amler-instagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;background:#e7ead9}
.amler-instagram-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:center;padding:10px}
.amler-instagram-photos img{display:block;width:100%;aspect-ratio:.78;object-fit:cover;border:7px solid #fffcf6;box-shadow:0 8px 18px #243e3115}
.amler-instagram-photos img:first-child{transform:rotate(-4deg)}
.amler-instagram-photos img:last-child{transform:rotate(4deg);margin-top:28px}
.amler-instagram-copy{min-width:0}.amler-instagram-copy p{max-width:390px;color:#465e46;font-size:15px}
.amler-instagram .amler-instagram-profile{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;min-height:48px;background:#3e5d45;color:#fffcf6;margin-top:10px;font-size:14px}
.amler-instagram .amler-instagram-profile:hover{background:#243e31}
.amler-instagram-profile svg,.amler-instagram-footer svg{flex-shrink:0}
.mix-footer a.amler-instagram-footer{display:inline-flex;align-items:center;gap:10px;font-size:14px;margin:30px 0 0;color:#f7f2e8;min-height:44px}
.amler-instagram-profile:focus-visible,.amler-instagram-footer:focus-visible{outline:3px solid #b8c7aa;outline-offset:5px}
@media(max-width:800px){.amler-instagram{grid-template-columns:1fr;gap:30px}.amler-instagram-photos{max-width:500px;width:100%;box-sizing:border-box}.amler-instagram-copy p{max-width:none}}

/* Keep the backpack and its lettering centered in both responsive compositions. */
.amler-hero-slider .amler-hero-frame img[data-backpack-photo]{object-position:54% 45%;transform-origin:54% 38%;--photo-scale:1.45}
.amler-hero-detail .amler-hero-frame img[data-backpack-photo]{object-position:54% 45%;transform-origin:54% 38%;--photo-scale:1.6}
@media(max-width:800px){.amler-hero-slider .amler-hero-frame img[data-backpack-photo]{object-position:54% 50%}}

/* Subtle warm grading for the garden photo only; existing hero photos are unchanged. */
.amler-hero-slider .amler-hero-frame img[data-backpack-photo]{filter:sepia(.12) saturate(.88) brightness(1.03) contrast(.97)}

/* Studio product photos: blend the white photograph canvas into the warm
   surface. Keep the image itself transparent in CSS: a gradient on the img
   element would paint a rectangle before the photograph is blended.
   Scope to product photography; brand/lifestyle photos and motif-only
   thumbnails deliberately retain their original rendering. */
.mix-card .mix-image,
.amler-gallery-thumbs button,
.amler-photo-dialog,
.motif-hover-preview,
.motif-zoom-dialog {background-color:var(--amler-paper);isolation:isolate}
.mix-card .mix-image {background-image:radial-gradient(ellipse at 50% 38%,#fffcf6 25%,#eee9dc 100%)}
.amler-home-slider .mix-card .mix-image {background:#ebe6db}
.amler-native-gallery,
body.amler-catalog-page ul.products li.product,
body.amler-product-page .related li.product {isolation:isolate}
.mix-card .mix-image img,
body.amler-catalog-page ul.products li.product img,
body.amler-product-page .related li.product img,
.amler-main-photo img,
.amler-gallery-thumbs img,
.amler-photo-dialog img,
#aml-main-image,
#photo-preview,
.motif-hover-preview img:not([data-motif-only]),
.motif-zoom-dialog img:not([data-motif-only]),
.amler-commerce-page .product-thumbnail img,
.amler-commerce-page .wc-block-cart-item__image img,
.amler-commerce-page .wc-block-components-product-image img {
 background:transparent!important;
 mix-blend-mode:multiply;
}

/* Quiet footer action, with a readable label and a generous touch target. */
.mix-footer nav.amler-legal-links .amler-withdraw-link{font-size:14px;font-weight:400;line-height:1.5;border:1px solid #b8c7aa66;border-radius:4px;padding:8px 12px;min-height:44px;background:transparent;color:#f7f2e8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;box-shadow:none}
.mix-footer nav.amler-legal-links .amler-withdraw-link:hover{border-color:#b8c7aa;background:transparent;color:#d4dfc7}

/* The artwork-only view needs a contrasting background for white plot paths. */
.designer-preview #photo-preview[data-motif-only]{mix-blend-mode:normal;background:var(--amler-motif-background,#191919)!important}
