:root{
    --gold:#a5762f;
    --gold-dark:#7c5722;
    --ink:#1c1c1c;
    --cream:#f8f4ee;
    --line:#e8e0d3;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{font-family:Georgia, 'Times New Roman', serif;color:var(--ink);background:#fff;}
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
  .btn{display:inline-block;background:var(--gold);color:#fff;padding:12px 28px;font-size:13px;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;font-family:Arial,sans-serif;}
  .btn:hover{background:var(--gold-dark);}
  h2.sec-title{text-align:center;font-size:24px;letter-spacing:2px;text-transform:uppercase;margin-bottom:36px;position:relative;font-family:Arial,sans-serif;font-weight:600;}
  h2.sec-title:after{content:'';display:block;width:60px;height:2px;background:var(--gold);margin:12px auto 0;}

  /* Top bar */
  .topbar{background:#1c1712;color:#e9dfc9;font-size:12px;font-family:Arial,sans-serif;}
  .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;}
  .topbar-left span{margin-right:20px;}
  .topbar-right span{margin-left:16px;}

  /* Header */
  header{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:10;}
  header .wrap{display:flex;align-items:center;justify-content:space-between;height:88px;}
  .logo{display:flex;align-items:center;gap:10px;}
  .logo img{height:48px;}
  .logo .word{font-family:Arial,sans-serif;}
  .logo .word b{display:block;font-size:20px;letter-spacing:3px;color:var(--ink);}
  .logo .word small{display:block;font-size:9px;letter-spacing:2px;color:var(--gold);}
  nav ul{display:flex;gap:34px;font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;}
  nav a:hover{color:var(--gold);}
  nav a.active{color:var(--gold);}
  .icons{display:flex;gap:20px;align-items:center;font-family:Arial,sans-serif;font-size:18px;}
  .icons .cart{position:relative;font-size:14px;}
  .icons .cart .count{position:absolute;top:-8px;right:-10px;background:var(--gold);color:#fff;font-size:10px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;}

  /* Hero */
  .hero{position:relative;height:520px;overflow:hidden;}
  .hero img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:brightness(0.55);}
  .hero-text{position:absolute;top:0;left:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:60px;color:#fff;max-width:560px;}
  .hero-text h1{font-size:40px;line-height:1.25;margin-bottom:14px;}
  .hero-text p{font-family:Arial,sans-serif;font-size:14px;margin-bottom:22px;opacity:.9;}

  /* Category rail */
  .categories{padding:60px 0 40px;}
  .cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
  .cat-item{text-align:center;}
  .cat-item .img-c{width:100px;height:100px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:1px solid var(--line);}
  .cat-item .img-c img{width:100%;height:100%;object-fit:cover;}
  .cat-item span{font-family:Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.5px;}

  /* Lab / trust section */
  .lab-section{background:var(--cream);padding:70px 0;margin-top:20px;}
  .lab-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;}
  .lab-grid img{width:100%;border-radius:2px;}
  .lab-text h2{font-family:Arial,sans-serif;font-size:26px;letter-spacing:1px;margin-bottom:14px;}
  .lab-text .quote{font-style:italic;color:var(--gold-dark);margin-bottom:16px;font-size:15px;}
  .lab-text p{font-family:Arial,sans-serif;font-size:14px;line-height:1.8;color:#444;margin-bottom:22px;}

  /* Bestsellers */
  .bestsellers{padding:70px 0;}
  .prod-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;}
  .prod-card{border:1px solid var(--line);padding:18px 14px 22px;text-align:center;}
  .prod-card .img-w{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .prod-card .img-w img{max-height:100%;}
  .prod-card h4{font-family:Arial,sans-serif;font-size:13px;margin-bottom:6px;}
  .prod-card .price{font-family:Arial,sans-serif;color:var(--gold-dark);font-weight:bold;font-size:14px;margin-bottom:10px;}
  .prod-card .stars{color:var(--gold);font-size:12px;margin-bottom:10px;}
  .prod-card form{margin:0;}
  .prod-card button{width:100%;background:transparent;border:1px solid var(--ink);padding:9px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;}
  .prod-card button:hover{background:var(--ink);color:#fff;}

  /* Trust icons */
  .why{background:var(--cream);padding:50px 0;}
  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;font-family:Arial,sans-serif;}
  .why-grid .ic{font-size:30px;margin-bottom:12px;}
  .why-grid h5{font-size:14px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase;}
  .why-grid p{font-size:12px;color:#666;}

  /* Story */
  .story{padding:70px 0;}
  .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  .story-grid img{width:100%;}
  .story-text h2{font-family:Arial,sans-serif;font-size:26px;margin-bottom:14px;letter-spacing:1px;}
  .story-text p{font-family:Arial,sans-serif;font-size:14px;line-height:1.8;color:#444;margin-bottom:22px;}

  /* Reviews */
  .reviews{background:var(--cream);padding:70px 0;}
  .rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .rev-card{background:#fff;padding:24px;border:1px solid var(--line);font-family:Arial,sans-serif;}
  .rev-card .stars{color:var(--gold);margin-bottom:10px;font-size:13px;}
  .rev-card p{font-size:13px;color:#444;line-height:1.7;margin-bottom:14px;}
  .rev-card .who{font-size:12px;font-weight:bold;}
  .rev-card .loc{font-size:11px;color:#888;}

  /* Newsletter */
  .newsletter{background:#2a2115;color:#fff;padding:40px 0;text-align:center;}
  .newsletter h3{font-size:20px;letter-spacing:1px;margin-bottom:8px;font-family:Arial,sans-serif;}
  .newsletter p{font-family:Arial,sans-serif;font-size:13px;opacity:.8;margin-bottom:18px;}
  .newsletter form{display:flex;justify-content:center;gap:0;max-width:420px;margin:0 auto;}
  .newsletter input{flex:1;padding:12px 14px;border:none;font-family:Arial,sans-serif;font-size:13px;}
  .newsletter button{background:var(--gold);color:#fff;border:none;padding:0 22px;font-family:Arial,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;}

  /* Footer */
  footer{background:#181410;color:#cfc6b4;padding:50px 0 20px;font-family:Arial,sans-serif;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:34px;}
  .foot-grid h4{color:#fff;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
  .foot-grid li{font-size:12.5px;margin-bottom:9px;color:#b8ae99;}
  .foot-logo{display:flex;align-items:center;gap:8px;margin-bottom:14px;}
  .foot-logo img{height:38px;}
  .foot-logo b{color:#fff;letter-spacing:2px;font-size:16px;}
  .ship-logos{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
  .ship-logos img{height:26px;background:#fff;padding:4px;border-radius:3px;}
  .bottom-bar{border-top:1px solid #33291c;padding-top:18px;text-align:center;font-size:11.5px;color:#8d8371;}

  @media(max-width:900px){
    nav{display:none;}
    .hero-text{padding-left:24px;max-width:90%;}
    .hero-text h1{font-size:28px;}
    .cat-grid{grid-template-columns:repeat(3,1fr);}
    .prod-grid{grid-template-columns:repeat(2,1fr);}
    .lab-grid,.story-grid{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .rev-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:repeat(2,1fr);}
    .topbar .wrap{font-size:10px;}
  }

/* ---------- Shared inner-page layout ---------- */
.page-banner{background:var(--cream);padding:34px 0;border-bottom:1px solid var(--line);}
.page-banner h1{font-family:Arial,sans-serif;font-size:24px;letter-spacing:1px;text-transform:uppercase;}
.breadcrumb{font-family:Arial,sans-serif;font-size:12px;color:#888;margin-top:8px;}
.breadcrumb a{color:var(--gold-dark);}

/* ---------- Category page ---------- */
.category-layout{display:grid;grid-template-columns:240px 1fr;gap:36px;padding:50px 0 70px;}
.filter-box{border:1px solid var(--line);padding:20px;margin-bottom:20px;font-family:Arial,sans-serif;}
.filter-box h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.filter-box label{display:flex;align-items:center;gap:8px;font-size:13px;color:#444;margin-bottom:10px;cursor:pointer;}
.filter-box input[type=range]{width:100%;}
.filter-box .price-vals{display:flex;justify-content:space-between;font-size:12px;color:#888;}
.sort-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-family:Arial,sans-serif;font-size:13px;color:#555;}
.sort-bar select{border:1px solid var(--line);padding:8px 10px;font-family:Arial,sans-serif;}
.cat-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cat-prod-grid .prod-card a{display:block;}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px;font-family:Arial,sans-serif;font-size:13px;}
.pagination a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);}
.pagination a.active{background:var(--ink);color:#fff;}

/* ---------- Product detail page ---------- */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px 0;}
.pdp-gallery .main-img{border:1px solid var(--line);display:flex;align-items:center;justify-content:center;height:420px;margin-bottom:14px;}
.pdp-gallery .main-img img{max-height:340px;}
.pdp-thumbs{display:flex;gap:10px;}
.pdp-thumbs .thumb{width:70px;height:70px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.pdp-thumbs .thumb.active{border-color:var(--gold);}
.pdp-thumbs img{max-width:80%;max-height:80%;}
.pdp-info h1{font-family:Arial,sans-serif;font-size:24px;margin-bottom:10px;}
.pdp-info .stars{color:var(--gold);font-size:13px;margin-bottom:14px;font-family:Arial,sans-serif;}
.pdp-info .price{font-family:Arial,sans-serif;font-size:26px;color:var(--gold-dark);font-weight:bold;margin-bottom:16px;}
.pdp-info .desc{font-family:Arial,sans-serif;font-size:14px;color:#555;line-height:1.8;margin-bottom:20px;}
.pdp-specs{font-family:Arial,sans-serif;font-size:13px;margin-bottom:22px;}
.pdp-specs tr td{padding:6px 0;border-bottom:1px solid var(--line);}
.pdp-specs tr td:first-child{color:#888;width:140px;}
.qty-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.qty-box{display:flex;border:1px solid var(--ink);font-family:Arial,sans-serif;}
.qty-box button{width:34px;background:#fff;border:none;font-size:16px;cursor:pointer;}
.qty-box input{width:44px;text-align:center;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);font-family:Arial,sans-serif;}
.pdp-actions{display:flex;gap:14px;margin-bottom:26px;}
.pdp-actions .btn-outline{border:1px solid var(--ink);background:#fff;color:var(--ink);padding:12px 28px;font-size:13px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:Arial,sans-serif;}
.trust-mini{display:flex;gap:22px;font-family:Arial,sans-serif;font-size:12px;color:#666;border-top:1px solid var(--line);padding-top:18px;}
.tabs{padding:0 0 70px;}
.tab-head{display:flex;gap:0;border-bottom:1px solid var(--line);font-family:Arial,sans-serif;}
.tab-head button{padding:14px 24px;background:none;border:none;font-size:13px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;color:#888;border-bottom:2px solid transparent;}
.tab-head button.active{color:var(--ink);border-color:var(--gold);}
.tab-panel{display:none;padding:26px 4px;font-family:Arial,sans-serif;font-size:14px;color:#444;line-height:1.8;}
.tab-panel.active{display:block;}
.related{padding:0 0 70px;}

/* ---------- Cart page ---------- */
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;padding:50px 0 70px;align-items:start;}
.cart-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;}
.cart-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#888;padding-bottom:14px;border-bottom:1px solid var(--line);}
.cart-table td{padding:20px 8px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle;}
.cart-item-info{display:flex;align-items:center;gap:14px;}
.cart-item-info .thumb{width:60px;height:60px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;}
.cart-item-info .thumb img{max-width:80%;max-height:80%;}
.cart-item-info h5{font-size:13px;margin-bottom:4px;}
.remove-link{color:#a33;font-size:12px;cursor:pointer;}
.cart-empty{text-align:center;padding:80px 0;font-family:Arial,sans-serif;color:#888;}
.summary-box{border:1px solid var(--line);padding:24px;font-family:Arial,sans-serif;}
.summary-box h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line);}
.summary-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:12px;color:#555;}
.summary-row.total{font-size:16px;font-weight:bold;color:var(--ink);border-top:1px solid var(--line);padding-top:14px;margin-top:6px;}
.coupon-row{display:flex;gap:8px;margin:18px 0;}
.coupon-row input{flex:1;border:1px solid var(--line);padding:10px;font-family:Arial,sans-serif;font-size:13px;}
.summary-box .btn{width:100%;text-align:center;margin-top:6px;}

/* ---------- Payment / checkout page ---------- */
.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;padding:50px 0 70px;align-items:start;}
.form-box{border:1px solid var(--line);padding:26px;margin-bottom:24px;font-family:Arial,sans-serif;}
.form-box h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.form-row.full{grid-template-columns:1fr;}
.form-row label{display:block;font-size:12px;color:#666;margin-bottom:6px;}
.form-row input,.form-row textarea,.form-row select{width:100%;padding:10px;border:1px solid var(--line);font-family:Arial,sans-serif;font-size:13px;}
.pay-options{display:flex;flex-direction:column;gap:12px;}
.pay-option{border:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:13px;cursor:pointer;}
.pay-option.selected{border-color:var(--gold);background:#fdf9f2;}
.pay-option img{height:20px;}
.order-line{display:flex;justify-content:space-between;font-size:13px;color:#555;margin-bottom:10px;}
.order-line .name{max-width:200px;color:#333;}

/* ---------- Contact page ---------- */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px 0 70px;}
.contact-info-box{background:var(--cream);padding:30px;font-family:Arial,sans-serif;}
.contact-info-box h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;}
.contact-info-box .row{display:flex;gap:14px;margin-bottom:20px;font-size:13px;color:#444;}
.contact-info-box .row .ic{font-size:18px;}
.map-box{margin-top:20px;height:180px;background:#e6ded0;display:flex;align-items:center;justify-content:center;color:#8a7f66;font-family:Arial,sans-serif;font-size:12px;}
.contact-form .form-row{margin-bottom:16px;}

@media(max-width:900px){
  .category-layout,.cart-layout,.checkout-layout,.contact-layout{grid-template-columns:1fr;}
  .pdp{grid-template-columns:1fr;}
  .cat-prod-grid{grid-template-columns:repeat(2,1fr);}
  .form-row{grid-template-columns:1fr;}
}
