/* Restored local assets used by the Pet Profile information panel. */
.prof_subfooter .dd_info_1 { background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_1.svg"); }
.prof_subfooter .dd_info_2 { background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_2.svg"); }
.prof_subfooter .dd_info_3 { background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_3.svg"); }
.prof_subfooter .dd_info_5 { background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_4.svg"); }
.prof_subfooter .dd_info_6 { background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_5.svg"); }
.prof_subfooter .dd_info_7 { background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_6.svg"); }
.prof_subfooter .dd_info_8 { background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_7.svg"); }
.prof_subfooter .dt_1,
.prof_subfooter .dt_2 {
  background-image: url("../../mirror-assets/prof/local/icon_prof_subfooter_subtitle_l.svg"), url("../../mirror-assets/prof/local/icon_prof_subfooter_subtitle_r.svg");
}
.prof_subfooter .btns .btn { background-image: url("../../mirror-assets/prof/local/circle_arrow_r_blk.svg"); }
.global_conversions .title {
  background-image: url("../../mirror-assets/prof/local/logo_pet_symbol_blk.svg");
}
.result_item_01_wrap .bnrList .listInner {
  background: url("../../mirror-assets/prof/local/list-ad.png") center center / 300px 250px no-repeat;
  height: 250px;
}
.global_conversions .box::after {
  background: url("../../mirror-assets/prof/local/footer-ad.png") center center / 300px 250px no-repeat;
  content: "";
  display: block;
  flex: 0 0 300px;
  height: 250px;
}

/* === H5: PET-ID / pet profile list (PC untouched above 767px) === */
@media (max-width: 767px) {
  body.prof_page,
  body.latest_layout_page {
    min-width: 0 !important;
  }

  body.latest_layout_page .page_content_wrap,
  body.latest_layout_page .page_content_container,
  body.latest_layout_page .content_container,
  body.latest_layout_page .content_inner_container,
  body.latest_layout_page .content_inner_container_04,
  body.latest_layout_page .content_inner_container_05,
  body.latest_layout_page .page_content_header,
  body.latest_layout_page .prof_content_header,
  body.latest_layout_page .search_area_wrap {
    width: 100% !important;
    max-width: 100%;
    float: none !important;
  }

  /* —— Title / menus —— */
  body.latest_layout_page .prof_content_header .title {
    font-size: 1.5rem;
  }

  body.latest_layout_page .prof_content_header .caption {
    font-size: 14px;
  }

  body.latest_layout_page .common_page_menus .box,
  body.latest_layout_page .prof_menus .box {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.latest_layout_page .common_page_menus .scrolling_menu,
  body.latest_layout_page .common_page_menus .menus {
    flex-wrap: nowrap;
    min-width: max-content;
    gap: 16px;
  }

  /* —— Cover: two 50% panels → stack —— */
  body.latest_layout_page .prof_page_cover {
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
  }

  body.latest_layout_page .prof_page_cover .link {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    padding: 18px 16px !important;
  }

  body.latest_layout_page .prof_page_cover .link:not(:first-child) {
    border-left: none !important;
    border-top: 1px solid #e8e7e3;
  }

  body.latest_layout_page .prof_page_cover .tag {
    flex-wrap: wrap;
    gap: 10px;
  }

  body.latest_layout_page .prof_page_cover .tag .thumb {
    margin: 0 12px 0 0 !important;
  }

  body.latest_layout_page .prof_page_cover .tag .present {
    font-size: 1.125rem !important;
  }

  body.latest_layout_page .prof_page_cover .tag .ribbon {
    width: 72px;
    height: 72px;
  }

  body.latest_layout_page .prof_page_cover .prof {
    min-height: 140px;
    padding-bottom: 20px !important;
  }

  body.latest_layout_page .prof_page_cover .prof .announce {
    font-size: 0.875rem;
    line-height: 1.5;
    width: 100%;
    max-width: calc(100% - 8px);
  }

  body.latest_layout_page .prof_page_cover .prof .thumb {
    width: min(180px, 48vw) !important;
    height: auto !important;
    aspect-ratio: 222 / 185;
    max-height: 140px;
  }

  body.latest_layout_page .prof_page_cover img {
    max-width: 100%;
    height: auto;
  }

  /* —— Legend icons —— */
  body.latest_layout_page .prof_search_result_table .search_result_content,
  body.latest_layout_page .search_result_table th,
  body.latest_layout_page .search_result_table td {
    display: block;
    width: 100%;
    border-left: none !important;
    padding-left: 0;
  }

  body.latest_layout_page .icons_info_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 8px;
  }

  body.latest_layout_page .icons_info_wrap li {
    float: none !important;
    margin: 0 !important;
  }

  /* —— Search bar —— */
  body.latest_layout_page .serch_area_row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 12px;
    width: 100% !important;
    max-width: 100%;
    margin-top: 10px;
  }

  body.latest_layout_page .serch_area_row .search_inner_wrap,
  body.latest_layout_page .serch_area_row .search_inner_wrap_02,
  body.latest_layout_page .serch_area_row .search_title,
  body.latest_layout_page .serch_area_row .search_content,
  body.latest_layout_page .serch_area_row .search_content_02 {
    float: none !important;
    margin: 0 !important;
  }

  body.latest_layout_page .serch_area_row .search_inner_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  body.latest_layout_page .serch_area_row .search_btn_wrap {
    display: flex;
    flex-wrap: wrap;
  }

  body.latest_layout_page .serch_area_row .search_btn_01 {
    float: none !important;
    padding: 0 12px !important;
  }

  body.latest_layout_page .serch_area_row .keyword_input_area {
    width: 100%;
  }

  body.latest_layout_page .serch_area_row .keyword_input_area form {
    display: flex;
    align-items: stretch;
    width: 100%;
  }

  body.latest_layout_page .serch_area_row .keyword_input_area .input_txtbox,
  body.latest_layout_page .serch_area_row .keyword_input_area .input_txtbox_02 {
    float: none !important;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    height: 32px !important;
    line-height: 32px !important;
  }

  body.latest_layout_page .serch_area_row .keyword_input_area img {
    float: none !important;
    height: 32px;
    width: auto;
  }

  /* —— Sort / count —— */
  body.latest_layout_page .top_page_nation_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    line-height: 1.4 !important;
  }

  body.latest_layout_page .top_page_nation_wrap .page_sort_wrap {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: 0 !important;
  }

  body.latest_layout_page .top_page_nation_wrap .page_sort_wrap li {
    float: none !important;
    margin-left: 0 !important;
    width: auto !important;
    min-width: 72px;
    padding: 0 10px;
    height: 32px !important;
    line-height: 32px;
  }

  body.latest_layout_page .top_page_nation_wrap .page_count_path,
  body.latest_layout_page .top_page_nation_wrap .page_stream_wrap {
    float: none !important;
    width: 100%;
  }

  body.latest_layout_page .page_stream_wrap {
    display: flex;
    gap: 8px;
  }

  body.latest_layout_page .page_stream_wrap li {
    float: none !important;
  }

  /* —— Pet profile cards —— */
  body.latest_layout_page .result_item_01_wrap,
  body.latest_layout_page .result_item_01_wrap.clearfix {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100%;
    margin: 16px 0 0 !important;
  }

  body.latest_layout_page .result_item_01 {
    float: none !important;
    flex: 0 0 calc(50% - 6px);
    width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px);
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  body.latest_layout_page .result_item_01 .main_img_container {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }

  body.latest_layout_page .result_item_01 .main_img_container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.latest_layout_page .result_item_01 .info_wrap {
    height: auto !important;
    min-height: 0;
    padding: 12px 8px 10px !important;
  }

  body.latest_layout_page .result_item_01 .title,
  body.latest_layout_page .result_item_01 .type,
  body.latest_layout_page .result_item_01 .user {
    font-size: 11px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  body.latest_layout_page .result_item_01 .favorite_id_wrap {
    font-size: 10px;
  }

  body.latest_layout_page .side_ads_wrap,
  body.latest_layout_page [id^="PC_"],
  body.latest_layout_page .header_ads_wrap,
  body.latest_layout_page .result_item_01_wrap .bnrList,
  body.latest_layout_page #PC_wide {
    display: none !important;
  }

  body.latest_layout_page .bottomPageNation {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  /* —— Subfooter info panel —— */
  body.latest_layout_page .prof_subfooter .box {
    box-sizing: border-box;
    flex-direction: column;
    align-items: stretch !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 40px !important;
    gap: 16px;
  }

  body.latest_layout_page .prof_subfooter .title {
    font-size: 1.75rem;
    width: 100%;
  }

  body.latest_layout_page .prof_subfooter .btns {
    margin-left: 0 !important;
    flex-wrap: wrap;
    width: 100%;
  }

  body.latest_layout_page .prof_subfooter .btns .btn {
    min-width: 0;
    flex: 1 1 calc(50% - 8px);
  }

  body.latest_layout_page .prof_subfooter .dl {
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  body.latest_layout_page .prof_subfooter .dt_1,
  body.latest_layout_page .prof_subfooter .dd_1,
  body.latest_layout_page .prof_subfooter .dt_2,
  body.latest_layout_page .prof_subfooter .dd_2,
  body.latest_layout_page .prof_subfooter .dt_3,
  body.latest_layout_page .prof_subfooter .dd_3 {
    width: 100% !important;
    max-width: 100%;
    order: unset !important;
  }

  body.latest_layout_page .prof_subfooter .dd_1,
  body.latest_layout_page .prof_subfooter .dd_2,
  body.latest_layout_page .prof_subfooter .dd_3 {
    flex-direction: column;
    align-items: stretch;
    gap: 16px !important;
  }

  body.latest_layout_page .prof_subfooter .dd_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  body.latest_layout_page .prof_subfooter .dd_info {
    flex: 1 1 28%;
    min-width: 90px;
    font-size: 0.75rem;
    line-height: 1.4;
  }

  body.latest_layout_page .prof_subfooter .thumb {
    flex: none !important;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }

  body.latest_layout_page .prof_subfooter .thumb img {
    display: block;
    width: 100%;
    height: auto;
  }

  body.latest_layout_page .prof_subfooter .dd_info_4 {
    width: 100% !important;
    order: 0;
  }

  body.latest_layout_page .prof_subfooter .dd_3 {
    padding: 16px !important;
  }

  body.latest_layout_page .prof_subfooter .dd_3 .infos,
  body.latest_layout_page .prof_subfooter .dd_3 .dd_infos {
    width: 100% !important;
    max-width: 100%;
  }

  body.latest_layout_page .prof_subfooter .dd_infos {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-around;
  }

  body.latest_layout_page .global_conversions .box::after {
    flex: none;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    background-size: contain !important;
  }

  /* Photos only — leave CSS sprites (.ui_img) alone */
  body.latest_layout_page .result_item_01 img:not(.ui_img),
  body.latest_layout_page .prof_page_cover img:not(.ui_img),
  body.latest_layout_page .prof_subfooter img:not(.ui_img) {
    max-width: 100%;
  }
}

@media (max-width: 380px) {
  body.latest_layout_page .result_item_01 {
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100%;
  }

  body.latest_layout_page .prof_subfooter .dd_info {
    flex: 1 1 42%;
  }

  body.latest_layout_page .prof_page_cover .tag .present {
    font-size: 1rem !important;
  }
}