:root{
  --pink:#d84b9f;
  --green:#91ba31;
  --black:#111;
  --white:#f5f5f5;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Arial Narrow', Arial, sans-serif;
  background:var(--black);
  color:var(--white);
}
.site-header{
  background:linear-gradient(135deg,var(--pink),var(--black) 70%);
  text-align:center;
  padding:40px 20px;
  border-bottom:4px solid var(--green);
}
.logo-placeholder{
  width:250px;
  aspect-ratio:6/5;
  object-fit:cover;
  border:3px solid var(--green);
  margin-bottom:10px;
}
.site-title{
  font-size:2.2rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--white);
  text-shadow:2px 2px var(--green);
}
.tagline{color:var(--green);font-style:italic;}

.layout{display:flex;min-height:60vh;}
.side-nav{
  width:180px;
  background:#1a1a1a;
  border-right:3px solid var(--pink);
  padding-top:30px;
}
.side-nav ul{list-style:none;}
.side-nav li{margin-bottom:5px;}
.nav-link{
  display:block;
  padding:15px 20px;
  color:var(--white);
  text-decoration:none;
  font-weight:bold;
  letter-spacing:1px;
  border-left:4px solid transparent;
}
.nav-link:hover,.nav-link.active{
  background:var(--pink);
  border-left:4px solid var(--green);
  color:var(--black);
}

.content{flex:1;padding:30px;}
.page-section{display:none;}
.page-section.active-section{display:block;}
.content h2{
  color:var(--pink);
  border-bottom:2px solid var(--green);
  padding-bottom:10px;
  margin-bottom:20px;
  text-transform:uppercase;
}

.product-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}
.product-card{
  background:#1e1e1e;
  border:2px solid var(--green);
  padding:15px;
  text-align:center;
}
.product-card img{width:100%;height:180px;object-fit:cover;margin-bottom:10px;}
.price{color:var(--green);font-weight:bold;margin:8px 0;}
.snipcart-add-item{
  background:var(--pink);
  color:var(--black);
  border:none;
  padding:10px 15px;
  font-weight:bold;
  cursor:pointer;
  text-transform:uppercase;
}
.snipcart-add-item:hover{background:var(--green);}

.feed-item{
  border-left:4px solid var(--pink);
  padding:10px 15px;
  margin-bottom:15px;
  background:#1a1a1a;
}
.feed-date{color:var(--green);font-size:0.85rem;}

.culture-grid{display:flex;flex-direction:column;gap:25px;}
.culture-item{background:#1a1a1a;border:2px solid var(--pink);padding:15px;}
.video-embed-wrapper{position:relative;width:100%;padding-top:56.25%;margin:10px 0;}
.video-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

.site-footer{
  background:#1a1a1a;
  border-top:4px solid var(--pink);
  text-align:center;
  padding:20px;
  color:var(--green);
}
.site-footer a{color:var(--white);}

@media(max-width:700px){
  .layout{flex-direction:column;}
  .side-nav{width:100%;border-right:none;border-bottom:3px solid var(--pink);}
  .side-nav ul{display:flex;justify-content:center;}
}