/* ==========================================================================
   v3/rwd.css — Responsive (@media queries)
   screen.prefixer.css 的 RWD 規則被 @keyframes 解析異常吞掉，這裡補回
   ========================================================================== */

/* --- max-width: 1297px --- */
@media (max-width: 1297px) {
  .Popup-box.Popup-positionStyle1 {
    margin:0;
    top:0px !important;
    padding:0px !important;
    height:100%;
    position:fixed
  }
  .Popup-box.Popup-cart {
    top:58px !important
  }
  .Popup-box.Popup-cart .pop_cartlist_outer {
    max-height:calc(100vh - 350px);
    height:auto
  }
  .Popup-box.Popup-categoryAll .pop_top_section {
    padding:0
  }
  .Popup-box.Popup-categoryAll .pop_cateflex {
    overflow:auto;
    height:auto;
    max-height:none;
    padding:0;
    margin:0 -10px -20px -10px
  }
  .Popup-box.Popup-categoryAll .pop_cateflex>div {
    flex:0 0 25%
  }
  .Popup-box.Popup-categoryAll .Popup-close {
    display:block
  }
}

/* --- max-width: 1024px --- */
@media (max-width: 1024px) {
  .Popup-box.Popup-cart .pop-container {
    padding:45px 15px
  }
  .Popup-box.Popup-cart .Popup-close {
    top:16px;
    right:16px
  }
}

/* --- max-width: 769px --- */
@media (max-width: 769px) {
  .Popup-box.Popup-cart {
    top:25px !important
  }
  .Popup-box.Popup-cart .btn__style7 {
    width:100%;
    padding:10px 0
  }
  .Popup-box.Popup-cart .pop-container {
    padding:45px 15px 20px 15px
  }
  .Popup-box.Popup-cart .pop_cartlist_outer {
    max-height:calc(100vh - 270px);
    height:auto;
    margin-bottom:15px
  }
}

/* --- 底部導航列空間補償 --- */
@media (max-width: 1297px) {
  body {
    padding-bottom: 60px;
  }
}

/* --- Footer 手機版：隱藏重複版權 --- */
@media (max-width: 1024px) {
  footer .footer__copyright {
    display: none;
  }
}

/* --- layout.css RWD leak cleanup (auto-generated) --- */

@media (max-width: 1297px) {
  .Popup-box.Popup-like .Popup-close {
    top: 8px;
    right: 8px;
  }
  .Popup-box.Popup-inquiry .Popup-close {
    top: 8px;
    right: 8px;
  }
  .Popup-box.Popup-newaddress .Popup-close {
    top: 8px;
    right: 8px;
  }
  .Popup-box.Popup-purchase_record .Popup-close {
    top: 8px;
    right: 8px;
  }
  .Popup-box.Popup-login .Popup-close {
    top: 16px;
    right: 16px;
  }
  .Popup-box.Popup-firstpurchase .pop-container {
    width: 100%;
  }
  .Popup-box.Popup-firstpurchase .Popup-close {
    top: 16px;
    right: 16px;
  }
  .Popup-box .pop_top_section {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .pop_cateflex .pop_cate_collapse_box {
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0;
  }
  .pop_cateflex .pop_cate_collapse_box.active .arrow {
    transform: translate(0, 0);
  }
  .pop_cateflex .pop_cate_collapse_box .arrow {
    transform: translate(0, 0px);
  }
  .pop_cateflex .pop_cate_collapse_flexOuter {
    padding: 15px 15px;
  }
  .pop_cateflex .pop_cate_collapse_flex {
    margin: 0 -2.5px -16px -2.5px;
  }
  .pop_cateflex>div {
    flex: 0 0 33.3333333333333%;
  }
  .pop_cateflex>div>a {
    margin: 0 6px 15px 6px;
  }
  .pop_cateflex .pop_cate_collapse_flex>div {
    flex: 0 0 16.666666666%;
  }
  .pop_cateflex .pop_cate_collapse_flex>div>a {
    margin: 0 2.5px 16px 2.5px;
  }
}

@media (max-width: 769px) {
  .Popup-box.Popup-like .pop-container {
    padding: 24px 8px 20px 8px;
  }
  .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid {
    padding: 0 0 16px 0;
  }
  .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -10%);
    display: none;
    opacity: 0;
    box-shadow: 0 3px 12px 0px #d2d2d2;
  }
  .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox {
    margin: 0 0px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top {
    grid-template-columns: max-content 1fr max-content;
    padding-bottom: 0px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .user .user_container {
    font-size: 16px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .material {
    padding-bottom: 0px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .top .date {
    font-size: 14px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .img .img_container {
    width: 101px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail {
    min-height: 0px;
    padding-left: 10px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars {
    margin-bottom: 5px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .stars .stars_container i {
    font-size: 12px;
    margin-right: 3px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .comment {
    padding-bottom: 8px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container {
    font-size: 14px;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container span {
    padding-top: 5px;
  }
  .Popup-box.Popup-inquiry .btn__style7 {
    width: 140px;
  }
  .Popup-box.Popup-inquiry .pop-container {
    padding: 24px 8px 20px 8px;
  }
  .Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid {
    padding: 10px 0 0 0;
  }
  .Popup-box.Popup-newaddress .btn__style7 {
    width: 140px;
  }
  .Popup-box.Popup-newaddress .pop-container {
    padding: 24px 8px 20px 8px;
  }
  .Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid {
    padding: 10px 0 0 0;
  }
  .Popup-box.Popup-purchase_record .pop-container {
    padding: 24px 8px 20px 8px;
  }
  .Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box {
    margin-top: 12px;
  }
  .Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex {
    margin: -3px -5px;
  }
  .Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex .title {
    padding-bottom: 0px;
  }
  .Popup-box.Popup-login .other_fn_box {
    margin: 20px 0 20px 0;
  }
  .Popup-box.Popup-login .socialmediabox {
    margin-bottom: 28px;
  }
  .Popup-box.Popup-login .socialmediabox .socialmediaflex {
    margin: 0 -4px;
  }
  .Popup-box.Popup-login .seperateline {
    margin: 20px 0 20px 0;
  }
  .Popup-box.Popup-firstpurchase .pop-container {
    padding: 55px 10px 32px 10px !important;
  }
  .Popup-box.Popup-firstpurchase .section_first {
    padding: 0px 0px;
  }
  .Popup-box .pop_switch_top {
    margin-bottom: 28px;
  }
  .Popup-box .pop_switch_top a {
    padding-bottom: 12px;
  }
  .Popup-box .pop_top_section .title_box .words {
    font-size: 24px;
  }
  .Popup-box .pop_top_section .title_box .line {
    width: 42px;
  }
  .Popup-box .pop_top_section .searching_box input[type=text] {
    height: 34px;
    width: 100%;
  }
  .pop_cateflex {
    margin: 0 -6px -15px -6px;
  }
  .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid>.title {
    font-size: 20px;
  }
  .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .selectCustomBox>.text {
    display: block;
  }
  .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div {
    padding: 0px;
  }
  .Popup-box.Popup-like .pop_likelist_header .pop_likelist_grid .filter .options_innerbox>div:not(.whole) {
    flex: none;
  }
  .Popup-box.Popup-like .pop_likelist_body .pop_likelist_grid .detail .reply .reply_container:before {
    background-size: 23px;
    min-width: 23px;
    width: 23px;
    height: 23px;
    margin-right: 3px;
  }
  .Popup-box.Popup-inquiry .pop_inquiry_header .pop_inquiry_grid>.title {
    font-size: 20px;
  }
  .Popup-box.Popup-newaddress .pop_inquiry_header .pop_inquiry_grid>.title {
    font-size: 20px;
  }
  .Popup-box.Popup-purchase_record .pop_inquiry_header .pop_inquiry_grid>.title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_box>.title {
    margin-bottom: 8px;
  }
  .Popup-box.Popup-purchase_record .pop_inquiry_body .p_record_flex>div {
    padding: 3px 5px;
  }
  .Popup-box.Popup-login .socialmediabox .socialmediaflex>a {
    height: 34px;
    font-size: 12px;
    margin: 0 4px;
  }
  .Popup-box.Popup-login .socialmediabox .socialmediaflex>a.fb:before {
    background-size: 9px;
    width: 9px;
    height: 16px;
  }
  .Popup-box.Popup-login .socialmediabox .socialmediaflex>a.line:before {
    background-size: 20px;
    width: 20px;
    height: 22px;
  }
  .Popup-box.Popup-login .socialmediabox .socialmediaflex>a.google:before {
    background-size: 21px;
    width: 21px;
    height: 19px;
  }
  .pop_cateflex .pop_cate_collapse_flex>div {
    flex: 0 0 25%;
  }
}

/* --- TD-19 RWD 390px 修復 (2026-04-01) --- */

@media (max-width: 480px) {
  /* P10 購物車：商品 grid 改單欄堆疊 */
  .pop_cartlist_grid {
    grid-template-columns: 1fr !important;
  }
  .pop_cartlist_grid > div {
    padding: 5px 10px;
  }
  .pop_cartlist_header {
    display: none;
  }
  .pop_cartlist_body .show_onMobile {
    display: block !important;
    font-weight: 600;
    margin-bottom: 2px;
  }

  /* P11/P12 結帳頁：左右佈局改上下堆疊 */
  .cheeckout_contentflex {
    flex-wrap: wrap !important;
  }
  .cheeckout_contentflex .left {
    flex: 1 1 100% !important;
    border-right: 0 !important;
    padding-right: 0 !important;
  }
  .cheeckout_contentflex .right {
    flex: 1 1 100% !important;
    padding-left: 0 !important;
  }

  /* P11/P12 結帳頁：cart_grid 4 欄改 2 欄 */
  .cart_grid.style1,
  .cart_grid.style2 {
    grid-template-columns: max-content 1fr !important;
  }

  /* P11/P12 結帳頁：商品摘要表格不溢出 */
  .checkout-calc-table .calc-row {
    flex-wrap: wrap;
  }
  .checkout-calc-table .calc-col {
    flex: 0 0 33.33%;
    min-width: 0;
  }

  /* P18 我的收藏：橫排改直排 */
  .favorite_outerbox {
    flex-wrap: wrap !important;
    padding: 15px 0;
  }
  .favorite_outerbox > .left {
    flex: 1 1 100% !important;
    padding: 0 10px;
  }
  .favorite_outerbox > .left .contentbox {
    flex-wrap: wrap !important;
  }
  .favorite_outerbox > .left .imgbox {
    width: 100% !important;
    max-width: 200px;
    margin: 0 auto 10px;
  }
  .favorite_outerbox > .left .detailbox_outer {
    padding-left: 0 !important;
    width: 100%;
  }
  .favorite_outerbox > .right {
    flex: 1 1 100% !important;
    padding: 0 10px;
  }
  .favorite_outerbox .removecross {
    right: 10px;
    top: 10px;
  }

  /* 通用：防止 table/grid 撐寬 */
  .wrapContent {
    overflow-x: hidden;
  }
  table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
  }
  .Popup-box.wrapContent {
    overflow-x: initial;
  }
}

/* --- v3 desktop vs screen.prefixer.css @media conflicts (auto-fix) --- */

@media (max-width: 1650px) {
  body.float-bar-fixed .menufloat.fbf-right {
    top: auto;
    bottom: 110px;
  }
}

@media (max-width: 1480px) {
  .print_input_flex {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 1024px) {
  footer .footer_otherinfobox {
    padding: 0 10px;
  }
  .memberaddress_grid {
    grid-template-columns: max-content max-content max-content max-content 1fr;
  }
  .memberaddress_grid.body .functions_section .btn_edit {
    margin-bottom: 6px;
  }
  .avaipro_withnumber_each .pricebox {
    width: 100%;
  }
}

@media (max-width: 769px) {
  .Popup-box.Popup-login .pop-container {
    padding: 55px 10px 32px 10px !important;
    width: 100%;
  }
  .Popup-box.Popup-login .switch_outerbox>div {
    padding: 0px 0px;
  }
  .index__clientsbox .index__subbox {
    padding: 20px 8px;
  }
  .index__knowledgebox .index__knowledgeflex .index__knowledgedesbox {
    padding: 12px;
    display: flex;
  }
  .order_outerbox {
    margin-top: 10px;
  }
  .cheeckout_contentflex .left {
    border-right: 0px;
    border-bottom: 1px solid #D1AA6D;
    padding-bottom: 10px;
  }
}