:root{--ink:#1d1713;--brown:#5b3824;--tan:#b98555;--gold:#c7a25b;--cream:#f7f2ea;--paper:#fffdfa;--muted:#756b63;--line:#e8ded2;--danger:#a43b33;--success:#2f6b4f;--shadow:0 18px 50px rgba(55,34,20,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--ink);color:#fff;text-align:center;padding:.48rem;font-size:.8rem;letter-spacing:.08em}.header{position:sticky;top:0;z-index:50;background:rgba(255,253,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;font-family:Georgia,serif;font-weight:700;font-size:1.2rem;white-space:nowrap}.brand img{width:58px;height:58px;object-fit:contain;border-radius:50%}.navlinks{display:flex;gap:1.25rem;align-items:center;margin-left:auto}.navlinks a{font-size:.93rem}.nav-actions{display:flex;gap:.6rem}.icon-btn,.btn{border:1px solid var(--ink);background:transparent;padding:.72rem 1rem;cursor:pointer;border-radius:2px;transition:.2s}.btn:hover,.btn.primary{background:var(--ink);color:#fff}.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:700}.badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--gold);font-size:.72rem;margin-left:.25rem}.menu{display:none}.hero{min-height:650px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(18,13,10,.88),rgba(18,13,10,.35)),url('../images/products/gents-jackets-01.jpg') center/cover;color:#fff}.hero-inner{max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:.8rem;font-weight:700}.hero h1,.page-hero h1,h2{font-family:Georgia,serif;line-height:1.08}.hero h1{font-size:clamp(3rem,7vw,6.7rem);margin:.6rem 0 1rem}.hero p{font-size:1.15rem;max-width:580px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.section{padding:5rem 0}.section.alt{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:2rem}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);margin:.2rem 0}.grid{display:grid;gap:1.4rem}.categories{grid-template-columns:repeat(4,1fr)}.category-card{position:relative;min-height:310px;overflow:hidden;background:#ddd}.category-card img{width:100%;height:100%;object-fit:cover;transition:.45s}.category-card:hover img{transform:scale(1.05)}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.category-card .label{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem;color:#fff}.label h3{font-family:Georgia,serif;font-size:1.45rem;margin:0}.products{grid-template-columns:repeat(4,1fr)}.product-card{background:#fff;border:1px solid var(--line);transition:.25s;position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-img{aspect-ratio:1/1.1;background:var(--cream);overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover}.product-info{padding:1rem}.product-info h3{font-family:Georgia,serif;font-size:1.08rem;line-height:1.3;margin:.3rem 0}.price{font-weight:800;color:var(--brown);font-size:1.08rem}.small{font-size:.84rem;color:var(--muted)}.card-actions{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:.8rem}.heart{position:absolute;right:.7rem;top:.7rem;z-index:2;background:#fff;border:0;border-radius:50%;width:38px;height:38px;cursor:pointer}.page-hero{background:var(--ink);color:#fff;padding:5rem 0}.page-hero h1{font-size:3.5rem;margin:.3rem 0}.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.filters{border:1px solid var(--line);padding:1.2rem;height:max-content;position:sticky;top:110px}.field{display:grid;gap:.38rem;margin-bottom:1rem}.field input,.field select,.field textarea{width:100%;padding:.8rem;border:1px solid var(--line);background:#fff}.toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.2rem}.product-detail{display:grid;grid-template-columns:1.08fr .92fr;gap:4rem;align-items:start}.product-detail .main-img{background:var(--cream);width:100%;aspect-ratio:1/1.05;object-fit:cover}.product-detail h1{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.05}.meta{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.qty{width:90px;padding:.7rem;border:1px solid var(--line)}.cart-row{display:grid;grid-template-columns:90px 1fr 110px 100px 44px;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-row img{width:90px;height:90px;object-fit:cover}.summary{background:var(--cream);padding:1.4rem}.summary-line{display:flex;justify-content:space-between;margin:.65rem 0}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.span-2{grid-column:1/-1}.payment-tabs{display:flex;gap:.5rem;margin:1rem 0}.payment-panel{border:1px solid var(--line);padding:1.2rem}.notice{padding:1rem;background:#fff7dc;border-left:4px solid var(--gold);font-size:.9rem}.success{padding:1rem;background:#e7f4ec;border-left:4px solid var(--success)}.footer{background:var(--ink);color:#eee;padding:4rem 0 1.5rem}.footer-grid{grid-template-columns:2fr repeat(3,1fr)}.footer h4{font-family:Georgia,serif;color:#fff}.footer a{display:block;color:#cfc7c0;margin:.45rem 0}.copyright{border-top:1px solid #413831;margin-top:2rem;padding-top:1rem;color:#aaa;font-size:.85rem}.empty{text-align:center;padding:5rem 1rem}.hidden{display:none!important}.toast{position:fixed;right:1rem;bottom:1rem;background:var(--ink);color:#fff;padding:1rem 1.3rem;z-index:90;box-shadow:var(--shadow)}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:1.2rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}.categories,.products{grid-template-columns:repeat(2,1fr)}.shop-layout,.product-detail,.checkout-grid{grid-template-columns:1fr}.filters{position:static}.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:560px}.cart-row{grid-template-columns:72px 1fr 80px 36px}.cart-row .line-total{display:none}}
@media(max-width:560px){.brand span{display:none}.nav{gap:.6rem}.categories,.products,.footer-grid,.form-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}.page-hero h1{font-size:2.6rem}.cart-row{grid-template-columns:60px 1fr 38px}.cart-row .qty{display:none}.hero h1{font-size:3rem}}

.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1rem 0}.payment-choice{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);padding:.9rem;cursor:pointer;background:#fff}.payment-choice.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.payment-choice input{accent-color:var(--ink)}.payment-qr-wrap{display:grid;place-items:center;background:#fff;padding:1rem;border:1px solid var(--line);margin:1rem 0}.payment-qr{width:min(330px,100%);max-height:390px;object-fit:contain}.copy-row{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center}.copy-row code{padding:.85rem;background:var(--cream);word-break:break-all;min-width:0}.amount-due{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--ink);color:#fff;margin:1rem 0}.amount-due strong{font-size:1.3rem}.confirm-payment{display:flex;gap:.65rem;align-items:flex-start;margin:1rem 0}.checkout-submit{width:100%;margin-top:1rem}.sticky-summary{position:sticky;top:110px}.checkout-item{display:grid;grid-template-columns:54px 1fr auto;gap:.7rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--line)}.checkout-item img{width:54px;height:54px;object-fit:cover}.checkout-item small{display:block;color:var(--muted)}.total-line{font-size:1.15rem}.order-success{max-width:820px;margin:auto}.order-confirmation{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#c9ddcf;margin:1.5rem 0}.order-confirmation div{background:#fff;padding:1rem}.order-confirmation span,.order-confirmation b{display:block}.order-confirmation span{font-size:.85rem;color:var(--muted)}
@media(max-width:560px){.payment-methods,.order-confirmation{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr}.sticky-summary{position:static}}

/* Catalogue card layout fix: compact images, clear text spacing, no overlap */
.products{
  column-gap:1.5rem;
  row-gap:2.75rem;
  align-items:stretch;
}
.product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  overflow:hidden;
}
.product-img{
  display:block;
  width:100%;
  height:245px;
  aspect-ratio:auto;
  flex:0 0 245px;
  padding:.75rem;
  background:var(--cream);
  overflow:hidden;
}
.product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.product-info{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  padding:1.1rem 1rem 1.2rem;
  position:relative;
  z-index:1;
  background:#fff;
}
.product-info h3{
  min-height:2.8em;
  margin:.35rem 0 .55rem;
  overflow-wrap:anywhere;
}
.product-info .price{margin-top:.15rem}
.card-actions{margin-top:auto;padding-top:1rem}

@media(max-width:1100px){
  .product-img{height:220px;flex-basis:220px}
}
@media(max-width:900px){
  .products{row-gap:2.25rem}
  .product-img{height:260px;flex-basis:260px}
}
@media(max-width:560px){
  .products{row-gap:2rem}
  .product-img{height:300px;flex-basis:300px}
  .product-info h3{min-height:0}
}
@media(max-width:390px){
  .product-img{height:255px;flex-basis:255px}
}