/* GreenVista d.o.o. — shared styles */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f6f5ef}
body{-webkit-font-smoothing:antialiased;font-family:Archivo,Helvetica,Arial,sans-serif;color:#1c241d;background:#f6f5ef;min-height:100vh;font-size:16px;line-height:1.6}
a{color:#2f5d43;text-decoration:none}
a:hover{color:#b8863f}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
input,select,textarea,button{font-family:inherit}
img{display:block;max-width:100%}
button{font-family:inherit}

@keyframes gvUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes gvSlide{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}

/* responsive grid helpers — the only piece of layout NOT kept as raw inline style,
   so multi-column sections can collapse on small screens */
.g{display:grid}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
.g-hero{grid-template-columns:1.05fr 0.95fr}
.g-hero-rev{grid-template-columns:0.9fr 1.1fr}
.g-about{grid-template-columns:1.1fr 0.9fr}
.g-cta{grid-template-columns:1fr auto}
.g-contact{grid-template-columns:1fr 1fr}
.g-service-card{grid-template-columns:260px 1fr 200px}
.g-price-row{grid-template-columns:1.6fr 1fr 0.8fr}
.g-delivery-row{grid-template-columns:1.4fr 1fr 0.8fr}
.g-cookie-row{grid-template-columns:1fr 1.6fr 0.7fr}
.g-footer{grid-template-columns:1.4fr 1fr 1fr 1fr}
.g-cookiebar{grid-template-columns:1fr auto}

@media (max-width:900px){
  .g3,.g4,.g5,.g-hero,.g-hero-rev,.g-about,.g-service-card,.g-footer{grid-template-columns:repeat(2,1fr)}
  .g-service-card{grid-template-columns:1fr}
  h1{font-size:38px !important}
}
@media (max-width:640px){
  .g2,.g3,.g4,.g5,.g-hero,.g-hero-rev,.g-about,.g-contact,.g-cta,.g-price-row,.g-delivery-row,.g-cookie-row,.g-footer,.g-cookiebar{grid-template-columns:1fr}
  h1{font-size:32px !important}
  section{padding-left:18px !important;padding-right:18px !important}
}

/* header nav */
.nav-links{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto;font-size:14.5px;font-weight:500}
.nav-toggle{display:none;border:1px solid #1e3a2b;background:#f6f5ef;color:#1e3a2b;width:38px;height:38px;border-radius:2px;cursor:pointer;font-size:18px;align-items:center;justify-content:center}
@media (max-width:800px){
  .nav-toggle{display:inline-flex}
  .nav-links{display:none;width:100%;flex-direction:column;gap:4px;margin:12px 0 4px;order:3}
  .nav-links.open{display:flex}
  .header-inner{flex-wrap:wrap}
  .nav-links a{padding:10px 4px;border-bottom:1px solid #e2e3d8}
}

/* interactive hover states (replace design's style-hover attr) */
.btn-cart-toggle{background:#1e3a2b;transition:background .15s}
.btn-cart-toggle:hover{background:#2f5d43}
.btn-checkout{transition:background .15s}
.btn-checkout:hover{background:#2f5d43}
.btn-add-cart{transition:background .15s,color .15s}
.btn-add-cart:hover{background:#1e3a2b;color:#f6f5ef}
.btn-solid-dark{transition:background .15s}
.btn-solid-dark:hover{background:#2f5d43}
.pkg-btn{transition:background .15s,color .15s}

.photo-ph{background:repeating-linear-gradient(135deg,#dfe4d6 0 8px,#eef1e7 8px 16px);display:flex;align-items:flex-end}
.card-img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.img-wrap{position:relative;overflow:hidden}

.skip-link{position:absolute;left:-999px;top:auto;background:#1e3a2b;color:#fff;padding:10px 16px;z-index:100}
.skip-link:focus{left:12px;top:12px}

.form-msg{margin:12px 0 0;padding:12px 16px;background:#e7efdd;border-left:3px solid #7d9a5c;font-size:14px;color:#1e3a2b;display:none}
.form-msg.show{display:block}
.form-err{margin:12px 0 0;padding:12px 16px;background:#f5e4e0;border-left:3px solid #b8563f;font-size:14px;color:#5c2b1e;display:none}
.form-err.show{display:block}

.cart-line-qty-btn{width:26px;height:26px;border:1px solid #dfe0d6;background:#f6f5ef;cursor:pointer;border-radius:2px}