
:root{
  --coffee:#2f1d15;--coffee2:#4a2d20;--cocoa:#6f432d;--caramel:#c88b4a;
  --cream:#f8f1e7;--cream2:#fffaf3;--leaf:#68754e;--white:#fff;
  --text:#342821;--muted:#76665d;--line:rgba(47,29,21,.12);
  --shadow:0 18px 50px rgba(47,29,21,.13);--radius:24px;--danger:#9c3d32;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--cream2);color:var(--text);line-height:1.65}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}
.container{width:min(1160px,92%);margin:auto}.section{padding:86px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--cocoa);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}
.eyebrow:before{content:"";width:32px;height:2px;background:var(--caramel)}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;color:var(--coffee);line-height:1.12}
h1{font-size:clamp(2.8rem,6vw,5.8rem)}h2{font-size:clamp(2rem,4vw,4rem)}h3{font-size:1.45rem}
.lead{font-size:1.08rem;color:var(--muted);max-width:700px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.25s;cursor:pointer}
.btn-primary{background:var(--coffee);color:white}.btn-primary:hover{background:var(--cocoa);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--coffee)}.btn-outline{border-color:var(--coffee);color:var(--coffee)}
.btn-outline:hover{background:var(--coffee);color:#fff}.btn-danger{background:var(--danger);color:white}
.topbar{background:var(--coffee);color:#f4e7d6;font-size:.84rem}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0}
header{position:sticky;top:0;z-index:50;background:rgba(255,250,243,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--coffee);color:var(--cream);font-family:Georgia;font-weight:700;border:3px solid #ead0ae}
.brand-copy{line-height:1}.brand-copy small{display:block;font-size:.61rem;letter-spacing:.16em;color:var(--cocoa);margin-top:5px}
.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{font-size:.88rem;font-weight:700}.nav-links a.active{color:var(--cocoa)}
.cart-link{position:relative}.cart-count{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:var(--caramel);color:var(--coffee);font-size:.72rem;margin-left:4px}
.menu-btn{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.25rem}
.page-hero{min-height:410px;display:flex;align-items:center;color:white;background-position:center;background-size:cover;position:relative}
.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,19,13,.9),rgba(35,19,13,.45))}
.page-hero .container{position:relative;z-index:1}.page-hero h1,.page-hero p{color:#fff}.page-hero p{max-width:650px;margin-top:18px;color:#eadbd0}
.home-hero{min-height:700px;background-image:url("https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1800&q=85")}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.home-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.media-card img{width:100%;height:520px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card img{width:100%;height:280px;object-fit:cover}.card-body{padding:22px}.card-body p{color:var(--muted);margin:10px 0 15px}
.product-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.product-meta strong{font-size:1.1rem}.text-link{font-weight:700;color:var(--cocoa)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:#fff;padding:24px;border-radius:18px;border:1px solid var(--line)}
.feature span{font-size:1.5rem;display:block;margin-bottom:12px}.feature p{font-size:.93rem;color:var(--muted);margin-top:7px}
.dark{background:var(--coffee);color:#fff}.dark h2,.dark h3{color:#fff}.dark .lead{color:#d9c7ba}
.badge{display:inline-block;background:var(--cream);color:var(--cocoa);font-size:.74rem;font-weight:800;border-radius:99px;padding:7px 11px;margin-bottom:12px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery img{width:100%;height:320px;object-fit:cover;border-radius:18px}
.cta{background:var(--cream);border-radius:26px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:30px}
form{display:grid;gap:16px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:700;font-size:.86rem;margin-bottom:7px}
input,textarea,select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff}textarea{min-height:160px;resize:vertical}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.contact-panel{background:var(--coffee);color:white;padding:34px;border-radius:22px}.contact-panel h3{color:white;font-size:2rem}.contact-panel p{color:#d9c8bb;margin:12px 0 20px}
.office{padding:17px 0;border-bottom:1px solid var(--line)}.office strong{display:block}.office p{color:var(--muted)}
.alert{padding:16px 18px;border-radius:14px;margin-bottom:20px}.alert-success{background:#e8f3e6;color:#355c30}.alert-error{background:#fae7e3;color:#8a3028}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.product-detail img{width:100%;height:560px;object-fit:cover;border-radius:24px}
.price{font-size:1.8rem;font-weight:800;color:var(--coffee);margin:18px 0}.qty-row{display:flex;gap:12px;align-items:center;margin:22px 0}.qty-row input{width:90px}
.cart-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.cart-table th,.cart-table td{padding:16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.cart-table img{width:72px;height:72px;object-fit:cover;border-radius:12px}.cart-actions{display:flex;gap:10px;flex-wrap:wrap}
.cart-summary{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px}.order-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.order-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}
footer{background:#21130e;color:#cbbcb1;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}footer h4{color:#fff;margin-bottom:14px}.footer-links{display:grid;gap:8px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:.83rem}
@media(max-width:1000px){.nav-links{position:fixed;left:4%;right:4%;top:95px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:20px;border-radius:20px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu-btn{display:block}.home-grid,.two-col,.contact-layout,.product-detail,.checkout-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.topbar .container{justify-content:center;text-align:center}.topbar span:last-child{display:none}nav{height:70px}.brand-copy{font-size:.88rem}.section{padding:64px 0}.page-hero{min-height:350px}.home-hero{min-height:600px}.card-grid,.feature-grid,.gallery,.field-grid,.footer-grid{grid-template-columns:1fr}.media-card img,.product-detail img{height:380px}.cta{padding:30px 22px;align-items:flex-start;flex-direction:column}.footer-bottom,.cart-summary{flex-direction:column;align-items:flex-start}.cart-table{display:block;overflow-x:auto}}
