/* ===== STYLE B: BLUE RETAIL ===== */
body.style-a {
  background: #e8f2f8;
  color: #215765;
  font-family: "MS Gothic", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, monospace;
}

.style-a .site-header {
  background: #54A9DE;
  padding: 16px 20px;
  border-bottom: 6px solid #FFCC11;
}
.style-a .site-header .logo {
  filter: drop-shadow(3px 3px 0 rgba(33,87,101,0.5));
}
.style-a .site-header .subtitle {
  font-size: 12px;
  color: #fff;
  margin-top: 2px;
}

.style-a .marquee-wrap {
  background: #FFCC11;
  color: #215765;
  padding: 6px 0;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 3px solid #54A9DE;
}

.style-a .products { padding: 24px 16px; gap: 16px; }
.style-a .product {
  background: #fff;
  border: 3px solid #215765;
  padding: 16px;
  width: 280px;
  box-shadow: 5px 5px 0 #215765;
}
.style-a .product .product-img {
  width: 248px;
  height: 180px;
  margin: 0 auto 12px;
  background: repeating-linear-gradient(
    45deg,
    #e8f2f8,
    #e8f2f8 10px,
    #d4e8f2 10px,
    #d4e8f2 20px
  );
  border: 2px solid #3496AC;
}
.style-a .product h3 {
  font-size: 14px;
  background: #54A9DE;
  color: #fff;
  padding: 4px 8px;
  display: inline-block;
}
.style-a .product .price {
  color: #54A9DE;
  font-size: 22px;
  margin: 10px 0;
}
.style-a .product .price::before { content: "特価 "; font-size: 12px; }
.style-a .product .buy-btn {
  background: #FFCC11;
  color: #215765;
  padding: 8px 28px;
  font-size: 14px;
  font-weight: bold;
  border: 3px solid #215765;
  box-shadow: 2px 2px 0 #215765;
}
.style-a .product .buy-btn:hover {
  background: #ffe044;
  transform: translate(1px, 1px);
  box-shadow: 1px 1px 0 #215765;
}

.style-a .site-footer {
  background: #54A9DE;
  color: #fff;
  padding: 14px;
  font-size: 11px;
  border-top: 6px solid #FFCC11;
}

.style-a .toolbar { background: #d4e8f2; border-bottom: 3px solid #54A9DE; }
.style-a .filter-btn { border-color: #215765; color: #215765; font-weight: bold; }
.style-a .filter-btn.active,
.style-a .filter-btn:hover { background: #54A9DE; color: #fff; border-color: #215765; }
.style-a .sort-select { border-color: #215765; color: #215765; background: #fff; font-weight: bold; }
.style-a .tag { border: 1px solid #3496AC; font-weight: bold; }
.style-a .tag-category { background: #FFCC11; color: #215765; }
.style-a .tag-brand { background: #215765; color: #fff; }

.style-a .no-results { color: #54A9DE; font-weight: bold; }

.style-a .visitor-counter { background: #215765; color: #83CA99; }
.style-a .construction { color: #54A9DE; font-weight: bold; }
.style-a hr { border: none; border-top: 4px solid #54A9DE; margin: 0; }