:root{
  --bg:oklch(98% 0.006 85);
  --text:oklch(27% 0.012 90);
  --text-strong:oklch(22% 0.01 90);
  --muted:oklch(52% 0.012 88);
  --muted-2:oklch(45% 0.012 88);
  --border:oklch(87% 0.008 85);
  --border-2:oklch(80% 0.01 85);
  --accent:oklch(48% 0.045 65);
  --accent-light:oklch(88% 0.03 80);
  --topbar:oklch(90% 0.02 70);
  --section-alt:oklch(94% 0.014 75);
  --section-alt-2:oklch(90% 0.02 70);
  --dark:oklch(27% 0.012 90);
  --footer-bg:oklch(22% 0.01 90);
  --footer-text:oklch(85% 0.008 85);
  --footer-text-2:oklch(78% 0.008 85);
  --footer-muted:oklch(60% 0.008 85);
  --white:oklch(100% 0 0);
  --cream:oklch(96% 0.006 85);
  --success:oklch(40% 0.03 70);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;margin:0;}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;}

.topbar{
  background:var(--topbar);
  padding:8px 32px;
  text-align:center;
  font-size:13px;
  letter-spacing:0.3px;
  color:oklch(30% 0.02 80);
}

header.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--white);
  border-bottom:1px solid var(--border);
  padding:18px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
}
.logo{cursor:pointer;display:flex;flex-direction:column;line-height:1;}
.logo .logo-main{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:700;letter-spacing:0.5px;}
.logo .logo-sub{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);}

nav.main-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;}
nav.main-nav a{
  background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;
  padding:0;color:var(--muted-2);border-bottom:2px solid transparent;padding-bottom:4px;
}
nav.main-nav a.active{font-weight:700;color:var(--text);border-bottom:2px solid var(--accent);}

.cart-btn{
  position:relative;background:var(--accent);color:var(--cream);border:none;
  padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;border-radius:2px;
  display:flex;align-items:center;gap:8px;
}
.cart-btn .cart-count{
  background:var(--cream);color:var(--accent);border-radius:50%;min-width:20px;height:20px;
  font-size:12px;display:flex;align-items:center;justify-content:center;padding:0 4px;
}

main{flex:1;}

.btn{
  border:none;padding:14px 30px;font-size:15px;font-weight:600;cursor:pointer;border-radius:2px;
  display:inline-block;
}
.btn-primary{background:var(--accent);color:var(--cream);}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-2);}
.btn-dark{background:var(--dark);color:var(--cream);}
.btn-link{background:none;border:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;}
.btn-small{padding:10px;font-size:13px;width:100%;}

.hero{padding:90px 32px 70px;background:var(--section-alt);text-align:center;}
.hero h1{font-size:46px;line-height:1.2;max-width:780px;margin:0 auto 20px;}
.hero p{font-size:18px;color:var(--muted-2);max-width:600px;margin:0 auto 32px;line-height:1.6;}
.hero .actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

.features{padding:64px 32px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.feature{text-align:center;padding:24px;}
.feature .icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:var(--accent-light);}
.feature h3{font-size:19px;margin:0 0 10px;}
.feature p{font-size:14px;color:var(--muted);line-height:1.6;}

.section{padding:20px 32px 70px;max-width:1200px;margin:0 auto;}
.section.alt{padding:60px 32px;background:var(--section-alt);}
.section.alt > .inner{max-width:1200px;margin:0 auto;}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px;flex-wrap:wrap;gap:10px;}
.section-head h2{font-size:28px;}

.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}

.card{border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--white);display:flex;flex-direction:column;}
.card .thumb{cursor:pointer;height:180px;overflow:hidden;}
.card .thumb img{width:100%;height:100%;object-fit:cover;}
.card .body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.card .cat{font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:var(--muted);}
.card h3{cursor:pointer;font-size:15px;margin:0;font-weight:600;}
.card .desc{font-size:13px;color:var(--muted);margin:0;line-height:1.4;}
.card .price{font-size:16px;font-weight:700;margin-top:auto;}

.article-card{cursor:pointer;background:var(--white);border-radius:4px;overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column;}
.article-card .thumb{height:150px;overflow:hidden;}
.article-card .thumb img{width:100%;height:100%;object-fit:cover;}
.article-card .body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.article-card .meta{font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:var(--muted);}
.article-card h3{font-size:18px;margin:0;}
.article-card p{font-size:13px;color:var(--muted);line-height:1.5;flex:1;}
.article-card .more{font-size:13px;font-weight:600;color:var(--accent);}

.newsletter{padding:60px 32px;max-width:700px;margin:0 auto;text-align:center;}
.newsletter h2{font-size:24px;margin:0 0 12px;}
.newsletter p{font-size:14px;color:var(--muted);margin:0 0 24px;}
.newsletter form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.newsletter input[type=email]{padding:12px 16px;border:1px solid var(--border-2);border-radius:2px;font-size:14px;width:260px;}
.thanks{font-size:14px;color:var(--success);font-weight:600;}

.page-head{padding:60px 32px 0;max-width:1200px;margin:0 auto;}
.page-head h1{font-size:36px;margin:0 0 8px;}
.page-head p{font-size:15px;color:var(--muted);margin:0 0 40px;}

article.post{padding:60px 32px;max-width:720px;margin:0 auto;}
.back-link{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:24px;display:inline-block;}
.post .meta{font-size:12px;text-transform:uppercase;letter-spacing:0.5px;color:var(--muted);}
.post h1{font-size:34px;line-height:1.25;margin:12px 0 24px;}
.post .cover{height:260px;margin-bottom:32px;border-radius:4px;overflow:hidden;}
.post .cover img{width:100%;height:100%;object-fit:cover;}
.post p.body-p{font-size:16px;line-height:1.8;color:oklch(30% 0.012 90);margin:0 0 20px;}
.related{margin-top:48px;padding-top:32px;border-top:1px solid var(--border);}
.related h3{font-size:20px;margin:0 0 18px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.related-item{cursor:pointer;padding:14px;border:1px solid var(--border);border-radius:4px;}
.related-item .cat{font-size:11px;color:var(--muted);text-transform:uppercase;}
.related-item .title{font-size:14px;font-weight:600;margin-top:6px;}

.product-page{padding:60px 32px;max-width:1100px;margin:0 auto;}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.product-photo{height:420px;border-radius:4px;overflow:hidden;}
.product-photo img{width:100%;height:100%;object-fit:cover;}
.product-info .cat{font-size:12px;text-transform:uppercase;letter-spacing:0.5px;color:var(--muted);}
.product-info h1{font-size:32px;margin:10px 0 16px;}
.product-info .price{font-size:26px;font-weight:700;margin-bottom:18px;}
.product-info .desc{font-size:15px;line-height:1.7;color:oklch(35% 0.012 90);margin:0 0 28px;}
.qty-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.qty-box{display:flex;align-items:center;border:1px solid var(--border-2);border-radius:2px;}
.qty-box button{width:40px;height:40px;background:none;border:none;font-size:18px;cursor:pointer;}
.qty-box span{width:40px;text-align:center;font-size:15px;}
.qty-row .btn-primary{flex:1;padding:13px 20px;font-size:15px;}
.stock-note{font-size:13px;color:var(--muted);}
.related-products{margin-top:60px;padding-top:32px;border-top:1px solid var(--border);}
.related-products .grid-3{gap:20px;}
.related-products .item{cursor:pointer;border:1px solid var(--border);border-radius:4px;padding:14px;}
.related-products .item .thumb{height:100px;border-radius:2px;overflow:hidden;margin-bottom:10px;}
.related-products .item .thumb img{width:100%;height:100%;object-fit:cover;}
.related-products .item .name{font-size:13px;font-weight:600;}
.related-products .item .price{font-size:13px;color:var(--muted);}

.contact-section{padding:60px 32px;max-width:1000px;margin:0 auto;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.contact-grid h3{font-size:19px;margin:0 0 16px;}
form.stack{display:flex;flex-direction:column;gap:14px;}
form.stack input,form.stack textarea,form.stack select{
  padding:12px 14px;border:1px solid var(--border-2);border-radius:2px;font-size:14px;font-family:inherit;width:100%;
}
form.stack textarea{resize:vertical;}
.company-info{font-size:14px;line-height:2;color:oklch(35% 0.012 90);}
.map-photo{height:180px;margin-top:20px;border-radius:4px;overflow:hidden;position:relative;}
.map-photo img{width:100%;height:100%;object-fit:cover;}
.map-photo .label{position:absolute;left:0;right:0;bottom:0;background:oklch(22% 0.01 90 / 0.75);color:var(--cream);font-size:12px;padding:8px 12px;}

.about-section{padding:60px 32px;max-width:820px;margin:0 auto;}
.about-section h1{font-size:36px;margin:0 0 24px;}
.about-cover{height:280px;margin-bottom:32px;border-radius:4px;overflow:hidden;}
.about-cover img{width:100%;height:100%;object-fit:cover;}
.about-section p{font-size:16px;line-height:1.8;margin:0 0 20px;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;}
.stats .stat{text-align:center;padding:20px;background:var(--section-alt);border-radius:4px;}
.stats .stat .num{font-size:24px;font-weight:700;}
.stats .stat .label{font-size:12px;color:var(--muted);margin-top:6px;}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.values-grid .value{padding:16px 0;border-bottom:1px solid var(--border);font-size:15px;line-height:1.7;}

.legal{padding:60px 32px;max-width:760px;margin:0 auto;}
.legal h1{font-size:32px;margin:0 0 8px;}
.legal .updated{font-size:13px;color:var(--muted);margin:0 0 32px;}
.legal .body{font-size:15px;line-height:1.8;color:oklch(30% 0.012 90);}
.legal .body h3{font-family:Georgia,serif;font-size:18px;margin-top:28px;margin-bottom:10px;}
.legal .body h3:first-child{margin-top:0;}
.legal .body p{margin:0 0 14px;}
.legal .body a.inline-link{text-decoration:underline;cursor:pointer;}

.shipping-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
.shipping-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);font-size:15px;}
.shipping-row.total{font-weight:700;border-bottom:none;}
.company-list div{padding:4px 0;}

.cart-section{padding:60px 32px;max-width:900px;margin:0 auto;}
.cart-section h1{font-size:32px;margin:0 0 32px;}
.cart-empty{text-align:center;padding:60px 0;}
.cart-empty p{font-size:15px;color:var(--muted);margin:0 0 20px;}
.cart-items{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;}
.cart-item{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;}
.cart-item .thumb{width:80px;height:80px;flex-shrink:0;border-radius:2px;overflow:hidden;}
.cart-item .thumb img{width:100%;height:100%;object-fit:cover;}
.cart-item .info{flex:1;min-width:140px;}
.cart-item .info .name{font-size:15px;font-weight:600;}
.cart-item .info .unit{font-size:13px;color:var(--muted);}
.cart-item .line-total{width:90px;text-align:right;font-weight:700;font-size:15px;}
.cart-item .remove{background:none;border:none;color:var(--muted);text-decoration:underline;font-size:13px;cursor:pointer;}
.cart-summary{border-top:1px solid var(--border);padding-top:20px;display:flex;flex-direction:column;gap:10px;max-width:320px;margin-left:auto;}
.cart-summary .row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted-2);}
.cart-summary .row.total{font-size:18px;font-weight:700;padding-top:8px;border-top:1px solid var(--border);}
.cart-summary .note{font-size:12px;color:oklch(55% 0.012 88);text-align:center;margin:0;}
.checkout-form{margin-top:32px;border-top:1px solid var(--border);padding-top:28px;}
.checkout-form h3{font-size:19px;margin:0 0 16px;}
.checkout-form .grid-2{gap:14px;margin-bottom:14px;}
.order-confirmed{text-align:center;padding:80px 20px;}
.order-confirmed h1{font-size:30px;margin:0 0 14px;}
.order-confirmed p{font-size:15px;color:var(--muted);margin:0 0 28px;}

.cookie-bar{
  position:fixed;bottom:0;left:0;right:0;background:oklch(22% 0.01 90);color:var(--cream);
  padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:100;flex-wrap:wrap;
}
.cookie-bar .text{font-size:14px;line-height:1.5;max-width:780px;}
.cookie-bar .text a{text-decoration:underline;cursor:pointer;}
.cookie-bar .actions{display:flex;gap:12px;flex-shrink:0;}
.cookie-bar .accept{background:var(--accent-light);color:var(--text-strong);border:none;padding:10px 22px;font-size:14px;font-weight:600;cursor:pointer;border-radius:2px;}
.cookie-bar .necessary{background:transparent;color:var(--cream);border:1px solid oklch(50% 0.01 85);padding:10px 22px;font-size:14px;cursor:pointer;border-radius:2px;}
.cookie-bar.hidden{display:none;}

footer.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:56px 32px 28px;}
.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;}
.footer-grid .brand{font-family:Georgia,serif;font-size:22px;font-weight:700;color:var(--cream);}
.footer-grid .about-text{font-size:13px;line-height:1.7;margin:12px 0 0;color:var(--footer-text-2);max-width:280px;}
.footer-col-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px;color:var(--cream);}
.footer-links{display:flex;flex-direction:column;gap:10px;font-size:13px;}
.footer-links a{color:var(--footer-text-2);}
.footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid oklch(35% 0.01 90);font-size:12px;color:var(--footer-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

@media (max-width:900px){
  .features,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr);}
  .product-grid,.contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .stats,.values-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .features,.grid-4,.grid-3,.related-grid,.stats,.values-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .hero h1{font-size:32px;}
  header.site-header{padding:14px 16px;}
  .topbar{padding:8px 16px;font-size:12px;}
  main,.section,.page-head,.about-section,.legal,.cart-section,.contact-section,.product-page,article.post{padding-left:16px;padding-right:16px;}
}