/*
Theme Name: Mannenkleren Retro
Theme URI: https://mannenkleren.sanum.be
Author: Sanum
Description: Exclusieve retro herenmode WooCommerce webwinkel, volledig custom.
Version: 1.0.5
Text Domain: mannen-retro
*/
:root{--forest:#243a30;--ink:#222822;--cream:#f7f3e9;--paper:#eee8db;--tan:#c8a36b;--rust:#703a2c;--line:#d8d0c3;--white:#fff;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}.site-width{width:min(1380px,calc(100% - 100px));margin-inline:auto}.eyebrow,.micro{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.21em;font-weight:800;text-transform:uppercase}.eyebrow{display:block;color:var(--rust);margin-bottom:18px}.eyebrow.light{color:#d6b988}.topline{background:var(--forest);color:#f3e4c9;font-weight:700;font-size:9px;letter-spacing:.18em}.topflex{min-height:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topflex span:nth-child(2){color:#d7bb88}.site-header{position:relative;z-index:20;background:#f8f5ef;border-bottom:1px solid #e7ded1}.header-inner{height:110px;display:grid;grid-template-columns:270px 1fr auto;align-items:center;gap:36px}.brand{display:inline-block;width:250px;max-width:100%}.brand img{width:100%;display:block}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2.2vw,38px)}.primary-nav a{font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:11px;white-space:nowrap;transition:color .2s}.primary-nav a:hover{color:var(--rust)}.header-tools{display:flex;align-items:center;gap:20px}.header-tools>a{display:inline-flex;position:relative;align-items:center;justify-content:center}.header-cart span{position:absolute;right:-9px;top:-9px;background:var(--rust);color:white;border-radius:100px;min-width:17px;height:17px;display:grid;place-items:center;font-size:10px}.menu-toggle{display:none;border:0;background:transparent;padding:6px;flex-direction:column;gap:4px}.menu-toggle span{width:22px;height:2px;background:var(--forest)}.mobile-menu{display:none}
.hero{height:min(690px,75vh);min-height:580px;background:#413e33;position:relative;overflow:hidden;color:white}.hero-photo{position:absolute;inset:0;background-image:url('assets/images/hero.jpg');background-size:cover;background-position:center 38%;filter:saturate(.72) contrast(1.06);transform:scale(1.01)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,35,28,.93) 0%,rgba(30,38,28,.76) 37%,rgba(24,34,26,.10) 100%),linear-gradient(0deg,rgba(27,31,23,.27),transparent 40%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-content{max-width:710px;position:relative}.hero-kicker{color:#dfc28e;margin-bottom:27px}.hero-kicker i{display:inline-block;background:#dcaa60;width:22px;height:1px;vertical-align:middle;margin-right:8px}.hero h1,.section-top h2,.editorial h2,.newsletter h2,.inner-heading h1,.shop-intro h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em;font-weight:400}.hero h1{font-size:clamp(58px,5.7vw,94px);line-height:1.04;margin-bottom:28px}.hero h1 em,.section-top h2 em,.editorial h2 em,.journal h2 em{font-weight:400;color:#d1ad75}.hero p{max-width:455px;color:#e3dfd5;line-height:1.9;font-size:16px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:30px}.button-gold,.button-cream,.button-outline{display:inline-flex;align-items:center;justify-content:space-between;min-width:220px;gap:34px;padding:17px 23px;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.11em;transition:transform .25s,background .25s}.button-gold{background:var(--tan);color:#1e3027}.button-gold:hover,.button-cream:hover{background:#ead0a4;transform:translateY(-2px)}.hero-text-link{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;border-bottom:1px solid #cbb18a;padding-bottom:5px}.hero-bottom{position:absolute;bottom:-110px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#ece2d2;font-size:10px;letter-spacing:.2em}.hero-side{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;letter-spacing:.3em;font-size:9px;font-weight:800}.marquee{background:var(--tan);color:var(--forest);overflow:hidden;border-block:1px solid #ad895a}.marquee-inner{display:flex;justify-content:space-around;align-items:center;gap:36px;padding:13px 0;white-space:nowrap;font-size:11px;letter-spacing:.22em;font-weight:900}.marquee i{font-size:16px;font-style:normal}
.collection-section{padding-top:118px;padding-bottom:120px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-top h2{font-size:clamp(43px,4.3vw,70px);line-height:1.06;margin:0}.section-top h2 em{color:var(--rust)}.section-top>p{max-width:260px;color:#6e6d63;line-height:1.9}.category-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:20px}.category-card{height:470px;position:relative;overflow:hidden;background:#576052;color:white;display:block}.category-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) saturate(.85);transition:transform .65s var(--ease)}.category-card:hover img{transform:scale(1.06)}.category-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,20,15,.75),transparent 75%)}.category-label{position:absolute;inset:auto 29px 29px;display:flex;flex-direction:column;align-items:start}.category-label small{font-size:10px;letter-spacing:.18em;font-weight:700;margin-bottom:12px}.category-label strong{font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.04em;font-size:40px}.category-label em{font-size:10px;letter-spacing:.16em;font-weight:800;font-style:normal;margin-top:22px;border-bottom:1px solid #d8c7a7;padding-bottom:4px}
.product-section{background:#eae3d6;padding:110px 0 105px;border-top:1px solid var(--line)}.text-action{display:inline-block;border-bottom:1px solid var(--rust);padding:6px 0;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.text-action span{margin-left:20px}.retro-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.retro-product-card{min-width:0}.retro-product-image{position:relative;display:block;height:auto;aspect-ratio:4/5;background:#d8d0c4;overflow:hidden}.retro-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.retro-product-image:hover img{transform:scale(1.055)}.product-view{position:absolute;bottom:0;left:0;right:0;background:var(--forest);color:#f8f1e3;padding:13px 15px;text-align:center;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;transform:translateY(100%);transition:transform .3s}.retro-product-image:hover .product-view{transform:translateY(0)}.retro-product-meta{padding:16px 2px 2px}.micro{color:#8e6b4a;font-size:9px;line-height:1.4}.retro-product-meta h3{font-family:Georgia,serif;font-size:22px;line-height:1.2;font-weight:400;margin:8px 0}.retro-price{font-size:14px;font-weight:800}.retro-price del{color:#999;font-weight:400;margin-right:8px}.demo-strip{text-align:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#745647;margin-top:44px;border-top:1px solid #d7cbbb;padding-top:20px}
.editorial{min-height:630px;display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:white}.editorial-image{overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.65)}.editorial-copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative;overflow:hidden}.editorial h2{font-size:clamp(44px,4.3vw,72px);line-height:1.08;margin:12px 0 22px}.editorial h2 em{color:var(--tan)}.editorial p{max-width:460px;color:#d5dbd1;line-height:1.9}.button-outline{border:1px solid #bc9d70;color:white;margin-top:16px}.button-outline:hover{background:#365446}.editorial-counter{position:absolute;right:46px;bottom:12px;color:rgba(242,227,199,.15);font-family:Georgia,serif;font-size:100px;letter-spacing:-.09em;line-height:1}.editorial-counter span{color:rgba(242,227,199,.15)}.editorial-counter small{display:block;font:700 8px Arial;letter-spacing:.25em;text-align:right}
.journal{padding-top:110px;padding-bottom:110px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.journal-card>a:first-child{display:block;overflow:hidden;aspect-ratio:1.45;background:#d4c9b7}.journal-card>a>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.journal-card>a:hover>img{transform:scale(1.04)}.journal-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:repeating-linear-gradient(45deg,#2a4537,#2a4537 12px,#294234 12px,#294234 24px);font:italic 88px Georgia;color:#cfb080}.journal-placeholder small{font:700 12px Arial;letter-spacing:.2em}.journal-card .micro{display:block;margin-top:24px}.journal-card h3{font-family:Georgia,serif;font-size:29px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin:10px 0 20px}.journal-link{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #ac8258;padding-bottom:5px}.journal-card p{color:#7b756b}
.newsletter{background:#a96d4b;color:#fff7e5}.news-inner{padding-top:75px;padding-bottom:75px;display:flex;justify-content:space-between;align-items:center;gap:50px}.newsletter h2{font-size:clamp(44px,4.5vw,72px);line-height:1.05;margin:0 0 15px}.newsletter p{margin-bottom:0;color:#f1dfcd}.news-right{display:flex;flex-direction:column;gap:35px;align-items:flex-end}.stamp{font-size:12px;font-weight:700;letter-spacing:.2em;text-align:center;border:2px solid #e6cba7;border-radius:100%;width:95px;height:95px;padding-top:22px;transform:rotate(14deg)}.stamp strong{font-family:Georgia;font-size:27px;letter-spacing:-.05em}.button-cream{background:#f6e7c5;color:#2a382e}
.site-footer{background:#202e27;color:#ebe6db;padding-top:82px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:60px;padding-bottom:70px}.footer-brand>img{width:260px;max-width:100%}.footer-brand p{margin-top:26px;max-width:340px;color:#bfc6bd;line-height:1.9}.footer-brand small{color:#c5a573;letter-spacing:.15em;text-transform:uppercase;font-size:10px}.footer-grid h4{font-size:11px;letter-spacing:.2em;margin:6px 0 25px;color:#d4b38b}.footer-grid>div:not(:first-child) a{display:block;margin-bottom:10px;font-size:13px;color:#c4cac3;transition:color .2s}.footer-grid a:hover{color:white}.footer-bottom{min-height:74px;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b7bcb5;font-size:9px;letter-spacing:.1em}.footer-bottom b{color:#d6b481;padding-inline:10px}
.inner-page{min-height:55vh;padding:72px 0 115px}.inner-heading,.shop-intro{border-bottom:1px solid var(--line);padding-bottom:40px;margin-bottom:50px}.inner-heading h1,.shop-intro h1{font-size:clamp(45px,5vw,80px);line-height:1.1;margin:5px 0}.inner-heading p,.shop-intro p{color:#6c6a62;max-width:550px;margin-bottom:0}.period{color:var(--rust)}.page-content{max-width:900px;font-size:16px;line-height:1.9}.page-content h2{font:400 38px Georgia,serif;color:var(--forest);margin:35px 0 15px}.page-content h3{font:400 26px Georgia,serif;margin:26px 0 12px}.page-content a{color:#8b4e31;text-decoration:underline}.page-content p{margin-bottom:22px}.page-content ul{padding-left:22px}.single-article{max-width:950px;margin:auto}.article-cover img{width:100%;max-height:500px;object-fit:cover;margin:0 0 30px}.back-link{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:30px}.pagination{margin-top:55px}
.woocommerce .woocommerce-breadcrumb{font-size:11px!important;letter-spacing:.08em!important;color:#82796b!important;margin:0 0 35px!important}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{font-size:12px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 19px;margin:40px 0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0!important;min-width:0}.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;background:#d5cec1;margin-bottom:14px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 23px/1.3 Georgia,serif;color:var(--ink);padding:0 0 5px!important}.woocommerce ul.products li.product .price{font-size:14px!important;color:var(--ink)!important;font-weight:800!important}.woocommerce a.button,.woocommerce button.button,.woocommerce button.button.alt,.woocommerce input.button,.woocommerce div.product form.cart .button{border-radius:0!important;background:var(--forest)!important;color:white!important;padding:16px 21px!important;text-transform:uppercase;letter-spacing:.1em;font-size:11px!important;font-weight:800!important}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#49614f!important}.woocommerce .quantity .qty{min-height:44px}.woocommerce span.onsale{border-radius:0!important;background:var(--rust)!important;min-height:unset!important;min-width:unset!important;padding:8px 12px!important;line-height:1!important;letter-spacing:.1em}.woocommerce div.product .product_title{font:400 clamp(36px,4vw,63px)/1.06 Georgia,serif;margin:0 0 18px!important}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--rust)!important;font-size:26px!important}.woocommerce div.product .woocommerce-product-gallery img{background:#e1dbcf}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0!important}.woocommerce table.shop_table{border-radius:0}.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-top-color:var(--forest)}.wc-page .woocommerce{min-height:280px}.woocommerce-form-login,.woocommerce form.checkout_coupon,.woocommerce form.register{background:#f8f5ee;padding:22px;border:1px solid var(--line)}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{border:1px solid #d2c6b8;border-radius:0;padding:12px 13px;min-height:44px;background:white}.woocommerce .select2-container .select2-selection--single{border-radius:0;height:44px;padding:8px}.woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce .woocommerce-MyAccount-navigation li{padding:11px;border-bottom:1px solid var(--line)}.woocommerce-page .woocommerce-MyAccount-content{line-height:1.8}
@media(max-width:1120px){.site-width{width:min(100% - 50px,1350px)}.header-inner{grid-template-columns:210px 1fr auto;gap:18px}.brand{width:205px}.primary-nav{gap:14px}.primary-nav a{font-size:10px}.hero{min-height:530px}.category-card{height:395px}.footer-grid{gap:30px}}
@media(max-width:920px){.header-inner{height:85px;grid-template-columns:1fr auto}.brand{width:205px}.primary-nav{display:none}.menu-toggle{display:flex}.mobile-menu{display:none;position:absolute;top:auto;left:0;right:0;z-index:19;background:#f8f5ef;padding:25px 32px 35px;box-shadow:0 12px 15px rgba(0,0,0,.1)}.mobile-menu.is-open{display:flex;flex-direction:column;gap:12px}.mobile-menu a{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.1em;padding:6px 0;border-bottom:1px solid #dfd7cc}.topflex span:nth-child(3){display:none}.hero{min-height:570px}.hero-scrim{background:linear-gradient(90deg,rgba(25,35,28,.88),rgba(25,35,28,.26))}.hero-bottom{bottom:-80px}.category-grid{grid-template-columns:1fr 1fr}.category-large{grid-column:span 2}.category-card{height:380px}.category-large{height:470px}.retro-product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.editorial{grid-template-columns:1fr}.editorial-image{height:460px}.editorial-copy{padding:65px 50px}.journal-grid{gap:18px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}}
@media(max-width:620px){.site-width{width:calc(100% - 34px)}.topline{font-size:8px}.topflex{min-height:29px;justify-content:center}.topflex span:first-child{display:none}.header-inner{height:74px}.brand{width:173px}.header-tools{gap:13px}.header-account{display:none!important}.hero{height:580px;min-height:unset}.hero-photo{background-position:62% center}.hero-scrim{background:linear-gradient(90deg,rgba(20,30,24,.87) 0%,rgba(20,30,24,.59) 85%)}.hero-kicker{font-size:9px;margin-bottom:17px}.hero h1{font-size:clamp(48px,11vw,65px)}.hero p{font-size:14px;line-height:1.75;max-width:320px;margin-bottom:23px}.hero-actions{flex-wrap:wrap;gap:15px}.button-gold{min-width:215px;padding:15px 18px}.hero-text-link{font-size:10px}.hero-side{display:none}.hero-bottom{bottom:-55px}.marquee-inner{justify-content:start;width:max-content;font-size:9px;gap:19px}.collection-section{padding-top:65px;padding-bottom:70px}.section-top{align-items:start;flex-direction:column;gap:15px;margin-bottom:28px}.section-top h2{font-size:44px}.section-top>p{max-width:310px;margin-bottom:0}.category-grid{display:flex;flex-direction:column;gap:13px}.category-card,.category-large{height:360px}.category-label strong{font-size:39px}.product-section{padding:70px 0}.retro-product-grid,.woocommerce ul.products{gap:19px 13px}.retro-product-meta h3{font-size:18px}.retro-product-meta .micro{font-size:8px}.retro-product-image{aspect-ratio:4/5}.product-view{display:none}.editorial-image{height:360px}.editorial-copy{padding:66px 25px 95px}.editorial h2{font-size:47px}.editorial-counter{font-size:66px;right:23px}.journal{padding-block:70px}.journal-grid{grid-template-columns:1fr;gap:45px}.journal-card h3{font-size:27px}.newsletter .news-inner{padding-block:58px;flex-direction:column;align-items:start;gap:25px}.newsletter h2{font-size:48px}.news-right{width:100%;flex-direction:row-reverse;justify-content:space-between;align-items:center}.stamp{width:66px;height:66px;font-size:8px;padding-top:15px}.stamp strong{font-size:20px}.site-footer{padding-top:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 22px}.footer-brand{grid-column:span 2}.footer-bottom{flex-wrap:wrap;justify-content:start;padding-block:24px;gap:10px}.footer-bottom span{width:100%}.inner-page{padding-top:50px}.inner-heading h1,.shop-intro h1{font-size:50px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px}.woocommerce div.product .woocommerce-product-gallery{width:100%!important;float:none!important}.woocommerce div.product .summary{width:100%!important;float:none!important}.woocommerce a.button{padding:12px!important}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{float:none!important}}