/* === Accordion Styles === */
.accordion{
  background:rgba(1,27,8,.6);
  border-radius:8px;
  margin:20px auto;
  max-width:900px;
  box-shadow:0 4px 12px rgba(15,20,0,.3);
}
.accordion-header{
  width:100%;
  padding:16px 20px;
  background:#031d07;
  border:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:1.3rem;
  font-weight:700;
  color:#eee;
  cursor:pointer;
  border-radius:8px;
  transition:background-color .2s ease,transform .1s ease;
}
.accordion-header .arrow{transition:transform .3s ease;color:#b9e3b1;}
.accordion-header.active .arrow{transform:rotate(180deg);}
.accordion-content{
  display:none;
  opacity:0;
  transition:opacity .5s ease;
  padding:20px;
  gap:20px;
  color:#ddd;
  flex-wrap:wrap;
}
.accordion-content .text{flex:1;min-width:280px;}
@media (max-width:768px){.accordion-content{flex-direction:column;}}
.accordion-header:active,.accordion-header.pressed{
  background-color:#444;
  transform:scale(.97);
}

/* === Top Bar & Footer === */
.top-bar,.footer{
  position:fixed;left:0;width:100%;height:50px;
  background-color:rgba(0,100,0,.8);
  display:flex;align-items:center;gap:22px;z-index:1000;color:#fff;
  font-family:Arial,sans-serif;opacity:.2;transition:opacity .4s ease;
}
.top-bar{top:0;}
.footer{bottom:0;justify-content:center;}
.top-bar.visible,.footer.visible,.top-bar:hover,.footer:hover{opacity:1;}
.top-bar .icon,.footer .footer-icon{height:38px;display:flex;justify-content:center;align-items:center;}
.top-bar .icon img,.footer .footer-icon img{
  height:30px;object-fit:contain;transition:transform .3s ease,filter .3s ease;
}
.top-bar .icon:hover img,.footer .footer-icon:hover img{
  transform:scale(1.1);filter:drop-shadow(0 0 5px #00ff99);
}
.top-bar-btn,.footer-btn.top-bar-btn{
  padding:6px 12px;background-color:transparent;color:#ceeacb;font-weight:700;border-radius:6px;
  text-decoration:none;user-select:none;transition:background-color .3s ease,opacity .3s ease;
  cursor:pointer;opacity:.8;display:inline-flex;align-items:center;height:34px;
}
.top-bar-btn:hover,.footer-btn.top-bar-btn:hover{opacity:1;background-color:rgba(0,100,0,.8);}

.description-page #overview .accordion-content img{
  max-width:100%;height:auto;display:block;
}
.description-page #overview .accordion-content img.lightbox-trigger{
  display:block!important;visibility:visible!important;
  max-width:700px;width:100%;height:auto;border-radius:8px;cursor:pointer;
}

/* Thumbnail preview for overview block */
.description-page #overview .lightbox-wrapper img.lightbox-trigger {
  width: 300px;
  max-width: 100%;
  height: auto;
  cursor: pointer;
}

/* Lightbox */
.lightbox{
  display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;
  background:rgba(0,0,0,.85);justify-content:center;align-items:center;z-index:9999;
}
#lightbox-content{position:relative}
#lightbox-img,#lightbox-video{
  max-width:90vw;max-height:90vh;display:none;border-radius:10px;
}
.close{
  position:absolute;top:16px;right:16px;font-size:28px;color:#fff;cursor:pointer;z-index:10000;
}
.lightbox-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(0,0,0,.4);color:#fff;border:0;border-radius:50%;padding:8px;font-size:28px;cursor:pointer;z-index:10000;
}
.lightbox-btn.left{left:16px}
.lightbox-btn.right{right:16px}

#lightbox-content{position:relative;z-index:10001}
/* Override body background for description page */
body {
  background: url('https://cdn.shopify.com/s/files/1/0885/4549/3320/files/grnd_0.jpg?v=1753907100') no-repeat center center fixed;
  background-size: cover;
}