/*
Theme Name: BNRSELECTIONS V2
Theme URI: https://bnrselections.com/
Author: BNRSELECTIONS
Description: Luxury minimalist WooCommerce fashion storefront for BNRSELECTIONS.
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: bnrselections
*/

:root{
  --ink:#11110f;
  --paper:#f5f2ec;
  --cream:#ebe6dc;
  --line:#d8d2c8;
  --muted:#77736c;
  --white:#fff;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:var(--sans);font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.site-wrap{overflow:hidden}
.container{width:min(1240px,92%);margin:auto}

/* Announcement */
.bnr-announcement{background:var(--ink);color:#fff;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:9px 15px}

/* Header */
.bnr-header{position:relative;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(17,17,15,.08)}
.bnr-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.bnr-brand{display:flex;align-items:center;gap:12px;min-width:220px}
.bnr-monogram{width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:13px;letter-spacing:-.08em}
.bnr-wordmark{font-weight:700;letter-spacing:.2em;font-size:15px}
.bnr-menu{display:flex;align-items:center;justify-content:center;gap:30px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;flex:1}
.bnr-menu a{position:relative;padding:8px 0}
.bnr-menu a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--ink);transition:.25s}
.bnr-menu a:hover:after{right:0}
.bnr-actions{display:flex;gap:14px;align-items:center;min-width:220px;justify-content:flex-end}
.bnr-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:15px}
.bnr-menu-toggle{display:none;border:0;background:none;font-size:24px}

/* Hero */
.bnr-hero{min-height:690px;background:
linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.08) 62%,rgba(0,0,0,.02)),
url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=2200&q=88') center/cover;
display:flex;align-items:flex-end;color:#fff}
.bnr-hero-content{padding:0 0 78px;max-width:650px}
.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px}
.bnr-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,7vw,94px);line-height:.94;margin:0 0 25px;letter-spacing:-.035em}
.bnr-hero p{font-size:16px;max-width:500px;margin:0 0 30px;color:rgba(255,255,255,.88)}
.bnr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:11px;border:1px solid var(--ink);transition:.25s}
.bnr-btn:hover{background:#fff;color:var(--ink)}
.bnr-btn.light{background:#fff;color:var(--ink);border-color:#fff}
.bnr-btn.light:hover{background:transparent;color:#fff}

/* Intro */
.bnr-intro{padding:95px 0 70px;background:var(--paper)}
.bnr-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}
.bnr-intro h2,.bnr-section h2{font-family:var(--serif);font-size:clamp(42px,5vw,68px);line-height:1.02;font-weight:400;letter-spacing:-.03em;margin:0}
.bnr-intro p{max-width:520px;color:#57534c;font-size:16px;margin:0 0 25px}

/* Products */
.bnr-section{padding:95px 0}
.bnr-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}
.bnr-section-head h2{font-size:54px}
.bnr-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.bnr-text-link{font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px}
.bnr-products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.bnr-card{position:relative}
.bnr-card-media{position:relative;overflow:hidden;background:#eee}
.bnr-card-media img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .55s}
.bnr-card:hover .bnr-card-media img{transform:scale(1.035)}
.bnr-badge{position:absolute;top:13px;left:13px;background:#fff;padding:6px 9px;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.bnr-card-info{padding:13px 0 8px}
.bnr-card-cat{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.bnr-card-title{font-family:var(--serif);font-size:18px;margin:5px 0}
.bnr-card-price{font-size:13px}
.woocommerce .price del{color:#999;margin-right:5px}

/* Editorial */
.bnr-editorial{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.bnr-editorial-image{min-height:620px;background:url('https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1600&q=88') center/cover}
.bnr-editorial-copy{display:flex;align-items:center;padding:70px 9vw}
.bnr-editorial-copy h2{font-family:var(--serif);font-size:clamp(44px,5vw,72px);line-height:.98;font-weight:400;margin:0 0 25px}
.bnr-editorial-copy p{max-width:470px;color:#5d5952;margin-bottom:30px}

/* Value strip */
.bnr-values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}
.bnr-value{padding:34px 28px;text-align:center;border-right:1px solid var(--line)}
.bnr-value:last-child{border-right:0}
.bnr-value strong{display:block;font-family:var(--serif);font-size:20px;font-weight:400;margin-bottom:4px}
.bnr-value span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* Newsletter */
.bnr-newsletter{background:var(--ink);color:#fff;text-align:center;padding:90px 20px}
.bnr-newsletter h2{font-family:var(--serif);font-weight:400;font-size:48px;margin:0 0 10px}
.bnr-newsletter p{color:#bdb9b1;margin:0 auto 28px}
.bnr-newsletter-form{display:flex;max-width:540px;margin:auto}
.bnr-newsletter-form input{flex:1;border:1px solid #444;background:#fff;padding:14px 16px;color:#111}
.bnr-newsletter-form button{border:1px solid #fff;background:#fff;color:#111;padding:0 24px;text-transform:uppercase;letter-spacing:.14em;font-size:10px}

/* Footer */
.bnr-footer{background:#0d0d0c;color:#fff;padding:60px 0 28px}
.bnr-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px}
.bnr-footer h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 13px}
.bnr-footer h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 15px;color:#aaa}
.bnr-footer p,.bnr-footer a{font-size:13px;color:#aaa}
.bnr-footer a{display:block;margin:7px 0}
.bnr-footer-bottom{border-top:1px solid #292927;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#777;font-size:11px}

/* WooCommerce */
.woocommerce .site-main,.woocommerce-page .site-main{padding:70px 0}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:35px 22px;margin:0!important;padding:0!important}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important}
.woocommerce ul.products li.product a img{aspect-ratio:3/4;object-fit:cover;margin:0 0 14px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);font-size:18px;font-weight:400;padding:0!important}
.woocommerce ul.products li.product .price{font-size:13px;color:var(--ink)}
.woocommerce span.onsale{background:var(--ink);min-width:auto;min-height:auto;padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;border-radius:0;line-height:1}
.woocommerce div.product{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto;float:none}
.woocommerce div.product div.images img{border:0}
.woocommerce div.product .product_title{font-family:var(--serif);font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1.03}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:22px;color:var(--ink)}
.woocommerce div.product form.cart .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--ink);color:#fff;border-radius:0;text-transform:uppercase;letter-spacing:.13em;font-size:10px;padding:15px 24px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#333;color:#fff}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--ink)}
.woocommerce-message:before,.woocommerce-info:before{color:var(--ink)}

/* Pages */
.bnr-page-title{padding:75px 0 40px;background:var(--paper)}
.bnr-page-title h1{font-family:var(--serif);font-size:64px;font-weight:400;line-height:1;margin:0}
.bnr-content{padding:60px 0}

/* Responsive */
@media(max-width:980px){
  .bnr-menu{gap:15px}
  .bnr-brand,.bnr-actions{min-width:auto}
  .bnr-products,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
  .bnr-intro-grid,.bnr-editorial,.woocommerce div.product{grid-template-columns:1fr;gap:35px}
  .bnr-editorial-image{min-height:500px}
  .bnr-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .bnr-nav{min-height:68px}
  .bnr-menu-toggle{display:block}
  .bnr-menu{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .bnr-menu.open{display:flex}
  .bnr-actions{gap:7px}
  .bnr-icon{width:32px;height:32px}
  .bnr-hero{min-height:620px}
  .bnr-hero-content{padding-bottom:55px}
  .bnr-intro,.bnr-section{padding:65px 0}
  .bnr-section-head{display:block}
  .bnr-section-head h2{font-size:45px;margin-bottom:20px}
  .bnr-products,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;gap:28px 12px}
  .bnr-card-title{font-size:16px}
  .bnr-values{grid-template-columns:1fr}
  .bnr-value{border-right:0;border-bottom:1px solid var(--line)}
  .bnr-value:last-child{border-bottom:0}
  .bnr-newsletter h2{font-size:38px}
  .bnr-newsletter-form{display:block}
  .bnr-newsletter-form input,.bnr-newsletter-form button{width:100%;height:48px}
  .bnr-footer-grid{grid-template-columns:1fr}
  .bnr-footer-bottom{display:block}
  .bnr-footer-bottom span{display:block;margin-top:8px}
}