:root{
--bg-store: #d4c3b4; 
--bg-2: #d7c3b1;
--bg-3:  #92a4a7; 
--text: black; 
--text-2:#e6ddd3;
--color-border: black;
--color-border-2: #121524; 
--product-card: #121524;
--store-accent: #a4786c;
}

:root[data-theme="dark"]{
--bg-store: #293b54; 
--bg-2: #121524;
--bg-3: #485f88;
--text: white; 
--color-border: white;
--color-border-2: white; 
--product-card: #121524;
--store-accent: #121524;
}

.hidden {
  display: none !important;
}

html, body {
  margin: 0em;
  padding: 0;
  background: var(--bg-store) !important;
  color: var(--text) !important;
}


a {
  color: var(--text);
  display: inline;
  text-decoration: none;
}

.header-container {
  width: 100%;
  margin: 1em auto;
}

.header-container{
width:100%;
max-width: 1800px;
margin:1em auto;      /* centers the container */
padding:0 1rem;       /* keeps it off the edges on mobile */
box-sizing:border-box;
}

.header-container img{
display:block;        /* removes inline-gap + helps centering */
width:100%;           /* makes it scale down on mobile */
height:auto;          /* preserves aspect ratio */
max-width:100%;       /* prevents overflow */
margin:0 auto;        /* extra safety */
object-fit:contain;   /* no zoom/crop */
}


.store_homepage {
    padding: 0em;
    margin: 0em;
}

.store_homepage h1 {
    font-family: "loubag";
    margin: .5em auto;
    padding-top: 1em;
    font-weight: normal;
    text-align: center;
    color:  var(--text);
    font-size: 1.25rem;
}

.sub-modal{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 999999;
  background: rgba(0,0,0,.55);
}
.sub-modal.is-open{ display:flex; }

.sub-modal-box{
  width: min(520px, 100%);
  border-radius: 18px;
  padding: 1rem;
  background: var(--bg-1);
  color: var(--text);
  border: 1px solid var(--color-border);
}
#subCard{ margin-top: .75rem; }


@media (min-width:1200px){

.store_homepage h1 {
font-size: 2.5rem;
}

.products_wrapper {
    width: 100% !important;
}

}