.elementor-457 .elementor-element.elementor-element-4f019a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:250px;--padding-bottom:250px;--padding-left:100px;--padding-right:100px;}.elementor-457 .elementor-element.elementor-element-4f019a4::before, .elementor-457 .elementor-element.elementor-element-4f019a4 > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-4f019a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-4f019a4 > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-4f019a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-4f019a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-457 .elementor-element.elementor-element-93619eb{padding:0px 0px 010px 0px;}.elementor-457 .elementor-element.elementor-element-93619eb.elementor-element{--align-self:flex-start;}.elementor-457 .elementor-element.elementor-element-93619eb .woocommerce-breadcrumb{color:var( --e-global-color-accent );font-size:20px;font-weight:500;text-align:center;}.elementor-457 .elementor-element.elementor-element-93619eb .woocommerce-breadcrumb > a{color:var( --e-global-color-accent );}.elementor-457 .elementor-element.elementor-element-a3ed67a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-a3ed67a::before, .elementor-457 .elementor-element.elementor-element-a3ed67a > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-a3ed67a > .e-con-inner > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-a3ed67a > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-a3ed67a > .e-con-inner > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-a3ed67a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-457 .elementor-element.elementor-element-5bd3d54{padding:0px 0px 010px 0px;}.elementor-457 .elementor-element.elementor-element-5bd3d54.elementor-element{--align-self:flex-start;}.elementor-457 .elementor-element.elementor-element-5bd3d54 .woocommerce-breadcrumb{color:var( --e-global-color-accent );font-size:20px;font-weight:500;text-align:center;}.elementor-457 .elementor-element.elementor-element-5bd3d54 .woocommerce-breadcrumb > a{color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-457 .elementor-element.elementor-element-a3ed67a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-457 .elementor-element.elementor-element-4f019a4{--width:100%;}.elementor-457 .elementor-element.elementor-element-a3ed67a{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-83fe387 *//* ——————————————
① 價錢全部變白色（包括 del / ins / amount）
—————————————— */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price *,
.price,
.price *,
.price del,
.price ins,
.price .amount,
.woocommerce-Price-amount {
    color: #ffffff !important;
}

/* hover → 橙色 */
.woocommerce ul.products li.product:hover .price,
.woocommerce ul.products li.product:hover .price *,
.woocommerce ul.products li.product:hover .price del,
.woocommerce ul.products li.product:hover .price ins,
.woocommerce ul.products li.product:hover .amount {
    color: #ff6a00 !important;
}

/* ——————————————
② 加入購物車按鈕：藍底（#005BAA）+ 白字
—————————————— */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce a.button {
    background-color: #005BAA !important; /* 藍底 */
    color: #ffffff !important;            /* 白字 */
    border-radius: 0 !important;          /* 無圓角 */
    border: none !important;
    padding: 10px 18px !important;
}

/* hover → 橙底白字 */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce a.button:hover {
    background-color: #ff6a00 !important; /* 橙底 */
    color: #ffffff !important;
}

/* ——————————————
③ 強制隱藏「特價」 badge（最強版本）
—————————————— */
.woocommerce span.onsale,
span.onsale,
.onsale {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f019a4 *//* =================================
   攝影服務分類頁：強制跟總覽版型
   ================================= */

/* WooCommerce 分類頁 container */
.tax-product_cat .site-main,
.tax-product_cat .woocommerce,
.tax-product_cat .woocommerce-products-header,
.tax-product_cat ul.products {
  max-width: 1400px;        /* 跟圖一 */
  margin-left: auto;
  margin-right: auto;
}

/* 確保 grid 一致 */
.tax-product_cat ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px !important;
}

/* 商品卡片 */
.tax-product_cat ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
}

/* 圖片比例（同圖一） */
.tax-product_cat ul.products li.product img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
}

/* =================================
   MOBILE：攝影服務統一滿版（關鍵）
   ================================= */
@media (max-width: 768px) {

  /* 解除 theme / Woo 預設左右 padding */
  body.tax-product_cat .site-main,
  body.tax-product_cat .woocommerce,
  body.tax-product_cat .woocommerce-page,
  body.tax-product_cat .content-area,
  body.tax-product_cat .container,
  body.tax-product_cat .wrap {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* products 區域真正用盡畫面 */
  body.tax-product_cat ul.products {
    width: 100% !important;
    padding: 0 16px !important;   /* 同圖一視覺一致 */
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  /* 卡片唔再縮 */
  body.tax-product_cat ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
  }

  /* 圖片比例跟圖一 */
  body.tax-product_cat ul.products li.product img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-632d593 *//* ——————————————
① 價錢全部變白色（包括 del / ins / amount）
—————————————— */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price *,
.price,
.price *,
.price del,
.price ins,
.price .amount,
.woocommerce-Price-amount {
    color: #ffffff !important;
}

/* hover → 橙色 */
.woocommerce ul.products li.product:hover .price,
.woocommerce ul.products li.product:hover .price *,
.woocommerce ul.products li.product:hover .price del,
.woocommerce ul.products li.product:hover .price ins,
.woocommerce ul.products li.product:hover .amount {
    color: #ff6a00 !important;
}

/* ——————————————
② 加入購物車按鈕：藍底（#005BAA）+ 白字
—————————————— */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce a.button {
    background-color: #005BAA !important; /* 藍底 */
    color: #ffffff !important;            /* 白字 */
    border-radius: 0 !important;          /* 無圓角 */
    border: none !important;
    padding: 10px 18px !important;
}

/* hover → 橙底白字 */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce a.button:hover {
    background-color: #ff6a00 !important; /* 橙底 */
    color: #ffffff !important;
}

/* ——————————————
③ 強制隱藏「特價」 badge（最強版本）
—————————————— */
.woocommerce span.onsale,
span.onsale,
.onsale {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3ed67a *//* =================================
   攝影服務分類頁：強制跟總覽版型
   ================================= */

/* WooCommerce 分類頁 container */
.tax-product_cat .site-main,
.tax-product_cat .woocommerce,
.tax-product_cat .woocommerce-products-header,
.tax-product_cat ul.products {
  max-width: 1400px;        /* 跟圖一 */
  margin-left: auto;
  margin-right: auto;
}

/* 確保 grid 一致 */
.tax-product_cat ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px !important;
}

/* 商品卡片 */
.tax-product_cat ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
}

/* 圖片比例（同圖一） */
.tax-product_cat ul.products li.product img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
}/* End custom CSS */