/* v11 內頁行動／平板（<1024px）：版心左右各 var(--v11-gutter-page-xs)（須於各頁 special11.css 之後載入） */
@media (max-width: 1023px) {
  /* ponytail: padding 加在區塊本身，比 width calc 不易被內層覆寫 */
  div.inpage[id] > :is(
    section.page_header,
    section[class*="11-hero"],
    section[class*="11-section"]:not([class*="--bleed"]),
    section.ab11-gallery-section,
    div[class*="11-"]
  ),
  :is(
    #news_list.news11 .n11-section,
    #news_list.article11 .a11-section,
    #photobook.albums11 .pb11-section,
    #news_detail.news_detail11 .nd11-section,
    #news_detail.article_detail11 .ad11-section,
    #product11 .p11-wrap,
    #product_detail11 .d11-wrap,
    #contact.contact11 > .container_inside:not(.page_header),
    #contact.contact11 > section.container_inside:not(.page_header),
    #contact.contact11 .ct11-section-gutter,
    #faq.faq11 .container_inside:not(.page_header),
    #download .container_inside:not(.page_header),
    #faq .container_inside.faq_section_wrap,
    #activity11 .container_inside:not(.page_header)
  ) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--v11-gutter-page-xs) !important;
    padding-right: var(--v11-gutter-page-xs) !important;
    box-sizing: border-box !important;
  }
}