/* Applied Attention shop — runs on /styles.css (same tokens, card, frame,
   button). Ivory surface so product art reads; header and footer stay
   the house's dark ones. This file holds shop-only components. */
.shop-body{background:var(--ivory);color:var(--char);}
.shop-main{padding-bottom:var(--s8);}
.shop-main > .wrap > .crumb{padding-top:var(--s5);}
.page-head--light{padding-bottom:var(--s4);}
.shop-title{color:var(--ink);}

/* Filters: Men's / Women's first, line inside each */
.filters{display:grid;gap:var(--s3);padding:var(--s4) 0;margin-bottom:var(--s6);border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);}
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);}
.filter-row > .eyebrow:first-child{width:56px;}
.filter-count{margin-left:auto;}
.seg{display:inline-flex;}
.seg button + button{margin-left:-1px;}
.filters button{height:34px;padding:0 14px;border:1px solid var(--field);background:transparent;color:var(--char);font-size:var(--t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-stretch:112%;cursor:pointer;position:relative;}
.filters button:hover{border-color:var(--ink);z-index:1;}
.filters button.on{background:var(--ink);border-color:var(--ink);color:var(--ivory);z-index:2;}
.filters button[hidden]{display:none;}
@media (max-width:560px){.filter-count{margin-left:0;width:100%;}}

/* Product page */
.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:start;padding:var(--s4) 0 var(--s7);}
.product-media .frame{width:min(100%,540px,calc((100vh - 140px) * .8));margin-left:auto;}
.product-info{position:sticky;top:calc(var(--head-h) + var(--s5));display:grid;gap:var(--s3);max-width:440px;}
.product-info h1{font-family:var(--f-display);font-weight:400;font-size:var(--t-xl);line-height:1.08;color:var(--ink);text-wrap:balance;}
.product-price{font-size:var(--t-lg);font-weight:600;color:var(--ink);min-height:1.4em;}
.product-blurb{color:var(--mute-light);text-wrap:pretty;}
.picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s2);}
.pick-label{display:grid;gap:6px;font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute-light);}
.pick-label select,.pick-label input{width:100%;height:44px;padding:0 12px;font-size:var(--t-base);letter-spacing:0;text-transform:none;font-weight:400;border:1px solid var(--field);background:var(--white);color:var(--char);border-radius:0;}
.pick-label select:focus,.pick-label input:focus{outline:2px solid var(--gold);outline-offset:-1px;}
.product-info .btn-primary{width:100%;height:50px;margin-top:var(--s2);}
.add-note{font-size:var(--t-sm);color:var(--gold);min-height:1.5em;}
.ship-note{font-size:var(--t-sm);line-height:1.5;color:var(--mute-light);}
.more{padding-top:var(--s6);border-top:1px solid var(--line-light);}
.more[hidden]{display:none;}
@media (max-width:800px){
  .product{grid-template-columns:1fr;gap:var(--s5);}
  .product-media .frame{width:100%;max-width:520px;margin:0 auto;}
  .product-info{position:static;max-width:none;}
}

/* Cart */
.cart{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--s7);align-items:start;margin-top:var(--s5);}
.cart .empty{grid-column:1/-1;}
.cart-lines{border-top:1px solid var(--line-light);}
.cart-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto auto;gap:var(--s4);align-items:center;padding:var(--s4) 0;border-bottom:1px solid var(--line-light);}
.cart-thumb{width:64px;aspect-ratio:4/5;background:var(--white);outline:1px solid var(--line-light);outline-offset:-1px;}
.cart-thumb img{width:100%;height:100%;object-fit:contain;padding:6%;}
.cart-name{font-size:var(--t-base);font-weight:500;color:var(--ink);line-height:1.35;}
.cart-unit{font-size:var(--t-sm);color:var(--mute-light);margin-top:2px;}
.cart-qty{display:flex;align-items:center;border:1px solid var(--field);}
.cart-qty span{min-width:32px;text-align:center;font-size:var(--t-sm);}
.cart-qty button{width:34px;height:34px;border:0;background:transparent;cursor:pointer;font-size:16px;}
.cart-qty button:hover{background:var(--white);}
.cart-line-total{font-weight:600;color:var(--ink);min-width:72px;text-align:right;}
.cart-remove{background:none;border:none;color:var(--gold);cursor:pointer;font-size:var(--t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.cart-summary{position:sticky;top:calc(var(--head-h) + var(--s5));display:grid;gap:var(--s2);padding:var(--s5);background:var(--white);outline:1px solid var(--line-light);outline-offset:-1px;}
.cart-summary p{display:flex;justify-content:space-between;gap:var(--s4);font-size:var(--t-base);color:var(--char);}
.cart-summary .cart-total{font-size:var(--t-md);border-top:1px solid var(--line-light);margin-top:var(--s1);padding-top:var(--s3);color:var(--ink);}
.cart-summary .ship-note,.cart-summary .add-note{display:block;}
.cart-summary .pick-label{margin-top:var(--s3);}
.cart-summary .btn-primary{width:100%;height:50px;margin-top:var(--s2);}
.empty{font-size:var(--t-md);color:var(--char);}
.empty a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
.status-box{margin-top:var(--s5);background:var(--white);outline:1px solid var(--line-light);padding:var(--s5);font-size:var(--t-md);color:var(--ink);max-width:680px;}
@media (max-width:900px){.cart{grid-template-columns:1fr;gap:var(--s5);}.cart-summary{position:static;}}
@media (max-width:560px){
  .cart-row{grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s2) var(--s3);}
  .cart-thumb{width:56px;grid-row:span 2;}
  .cart-item{grid-column:2/4;}
  .cart-qty{grid-column:2;justify-self:start;}
  .cart-line-total{grid-column:3;}
  .cart-remove{grid-column:2/4;justify-self:start;}
}