/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *


*/
/*
 * 冷凍肉品主題 - 覆蓋 Solidus 預設樣式
 * 這個文件會被 all.css 的 require_tree 自動載入
 */

/* === 清除 Solidus 全域樣式衝突 === */

section {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

/* === 自訂元件樣式 === */

/* Hero Section */
.hero-section {
  position: relative;
  overflow: hidden;
  min-height: 85vh;
}

/* USP Bar */
.usp-bar {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .usp-bar {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

/* Category Card */
.category-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  cursor: pointer;
  aspect-ratio: 4 / 5;
}

/* Meat Product Card */
.meat-product-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

/* Quality Badge */
.quality-badge {
  display: inline-flex;
  align-items: center;
}

/* === Mobile Navigation Drawer === */
.categories-menu {
  /* 確保 drawer 在桌面版隱藏 */
}

@media (min-width: 992px) {
  .categories-menu {
    display: none !important;
  }
}
@font-face {
  font-family: 'Inter Regular';
  src: url(/assets/fonts/inter/inter-v18-latin-regular-4257feae4ab4d639ab5c04aa4e3be1e51a632cc3189abf481212a464607cba55.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Medium';
  src: url(/assets/fonts/inter/inter-v18-latin-500-4e948e63c678c58bab6bb0dc9fa0af063a33028841e5fd018908530494c6eb71.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Semibold';
  src: url(/assets/fonts/inter/inter-v18-latin-600-eff1df42f259b7bea6b036e8d66414f539f58459a1cf1977083aae4731df0127.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-regular-cd8f56d0633e0c07bdfa779dbd7324e56848e327f845156dbd7a9e5921ec2053.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Medium';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-500-24b592e26d85c7e4440f370ec846b156b0fc8c98ae62d31a0957b8d7a0c0caa2.woff2) format("woff2");
  font-display: swap;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *
 * spree/frontend/all points to the
 * `vendor/assets/stylesheets/spree/frontend/all.css` file generated by
 * `solidus:install`. See `setup_assets` at
 * https://github.com/solidusio/solidus/blob/main/core/lib/generators/solidus/install/install_generator.rb

 *

*/