/* 20261015觀自在工藝｜桌機滿版；手機、商品像素與原生頁面資料保留。 */
@media (min-width:1025px) {
  body.page.wp-theme-hello-elementor:not(.ga-page) :is(.site-main,.site-header .header-inner,.site-footer .footer-inner) {
    box-sizing:border-box;width:100%!important;max-width:none!important;
    padding-inline:clamp(40px,4.6vw,112px);
  }
  body.page.wp-theme-hello-elementor:not(.ga-page) .page-content > :is(p,ul,ol,blockquote) {max-width:760px}
  body.ga-page.gb-page-backgrounds {
    --gb-desktop-gutter:clamp(40px,4.6vw,112px);
    --gb-desktop-hero-height:clamp(680px,calc(100svh - 104px),980px);
  }
  body.ga-page.gb-page-backgrounds > .elementor[data-elementor-type="wp-page"] {
    width:100%;max-width:none;
  }
  body.ga-page.gb-page-backgrounds > .elementor[data-elementor-type="wp-page"] > .elementor-top-section > .elementor-container {
    box-sizing:border-box;width:100%!important;max-width:none!important;
    padding-inline:var(--gb-desktop-gutter)!important;
  }
  body.ga-page.gb-page-backgrounds .gb-header > .elementor-container {
    min-height:104px!important;flex-wrap:nowrap!important;
  }
  body.ga-page.gb-page-backgrounds .gb-header > .elementor-container > .elementor-column:first-child {width:32%!important}
  body.ga-page.gb-page-backgrounds .gb-header > .elementor-container > .elementor-column:last-child {width:68%!important}
  body.ga-page.gb-page-backgrounds .gb-header .gb-nav nav {gap:clamp(18px,1.7vw,34px)}
  body.ga-page.gb-page-backgrounds :is(.gb-hero,.gb-page-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision) {
    position:relative;isolation:isolate;background-color:#f7f5ef;
  }
  body.ga-page.gb-page-backgrounds :is(.gb-hero,.gb-page-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision)::before {
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-image:linear-gradient(90deg,rgba(249,247,242,.96) 0%,rgba(249,247,242,.94) 38%,rgba(249,247,242,.76) 56%,rgba(249,247,242,.05) 78%,rgba(249,247,242,0) 100%),var(--gb-heading-background);
    background-size:cover;background-position:center,right center;background-repeat:no-repeat;
  }
  body.ga-page.gb-page-backgrounds :is(.gb-hero,.gb-page-hero,.gb-philosophy,.gb-products,.gb-custom,.gb-craft,.gb-vision) .gb-background-region {
    min-height:0!important;background:transparent!important;box-shadow:none;border-radius:0;
  }
  body.ga-page.gb-page-backgrounds :is(.gb-page-hero,.gb-philosophy,.gb-products,.gb-vision) {
    padding-block:clamp(74px,7vw,128px)!important;
  }
  body.ga-page.gb-page-backgrounds :is(.gb-page-hero,.gb-philosophy,.gb-products,.gb-vision) > .elementor-container {
    min-height:clamp(330px,28vw,560px);align-items:center;
  }
  body.ga-page.gb-page-backgrounds :is(.gb-page-hero,.gb-philosophy,.gb-products,.gb-vision) .gb-background-region {
    padding:0!important;padding-bottom:40px!important;
  }
  body.ga-page.gb-page-backgrounds :is(.gb-page-hero,.gb-philosophy,.gb-products,.gb-vision) .gb-background-region :is(.gb-title,.gb-subtitle) {
    max-width:70%!important;
  }
  body.ga-page.gb-page-backgrounds .gb-section .gb-prose {
    max-width:min(100%,700px);
  }
  body.ga-page.gb-page-backgrounds .gb-background-region .gb-prose {
    max-width:min(60%,700px)!important;
  }
  body.ga-page.gb-page-backgrounds .gb-title .elementor-heading-title {
    font-size:clamp(46px,4.1vw,78px)!important;line-height:1.45!important;
  }
  body.ga-page.gb-page-backgrounds .gb-background-region .gb-background-note {
    left:0;bottom:0;
  }
  /* Full-height editorial photographs: crop scenes only, never product photos. */
  body.ga-page.gb-page-backgrounds .gb-split {
    padding:0!important;
  }
  body.ga-page.gb-page-backgrounds > .elementor[data-elementor-type="wp-page"] > .elementor-top-section.gb-split > .elementor-container {
    padding:0!important;gap:0!important;align-items:stretch;min-height:680px;
  }
  body.ga-page.gb-page-backgrounds .gb-hero > .elementor-container {
    min-height:var(--gb-desktop-hero-height);
  }
  body.ga-page.gb-page-backgrounds .gb-split > .elementor-container > .elementor-column {
    flex:none;min-width:0;
  }
  body.ga-page.gb-page-backgrounds .gb-split > .elementor-container > .elementor-column:first-child {
    width:46%!important;
  }
  body.ga-page.gb-page-backgrounds .gb-split > .elementor-container > .elementor-column:last-child {
    width:54%!important;
  }
  body.ga-page.gb-page-backgrounds .gb-split > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap {
    box-sizing:border-box;padding:clamp(78px,6.5vw,122px) var(--gb-desktop-gutter)!important;
    align-content:center;
  }
  body.ga-page.gb-page-backgrounds .gb-split .gb-background-region :is(.gb-title,.gb-subtitle,.gb-prose) {
    max-width:100%!important;
  }
  body.ga-page.gb-page-backgrounds .gb-split .gb-background-region .gb-background-note {
    left:var(--gb-desktop-gutter);bottom:22px;
  }
  body.ga-page.gb-page-backgrounds .gb-split > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap {
    position:relative;padding:0!important;min-height:680px;
  }
  body.ga-page.gb-page-backgrounds .gb-hero > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap {
    min-height:var(--gb-desktop-hero-height);
  }
  body.ga-page.gb-page-backgrounds .gb-split .gb-photo.gb-scene {
    position:absolute;inset:0;width:100%;height:100%;margin:0!important;
  }
  body.ga-page.gb-page-backgrounds .gb-split .gb-photo.gb-scene img {
    position:absolute;inset:0;width:100%!important;height:100%!important;
    max-width:none;max-height:none!important;aspect-ratio:auto!important;
    object-fit:cover!important;object-position:center 44%;border:0!important;border-radius:0;
  }
  body.ga-page.gb-page-backgrounds .gb-split .gb-scene + .gb-caption {
    position:absolute;bottom:18px;right:24px;left:24px;z-index:2;width:auto;margin:0!important;
    padding:6px 12px;background:rgba(249,247,242,.88);text-align:right;
  }
  body.ga-page.gb-page-backgrounds .gb-split .gb-scene + .gb-caption p {margin:0}
  /* Wide scenes preserve both people and the work they are discussing. */
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) > .elementor-container {flex-wrap:wrap!important}
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) > .elementor-container > .elementor-column {width:100%!important}
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap {
    display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);column-gap:clamp(40px,4.8vw,100px);row-gap:12px;
    padding-block:clamp(68px,5vw,96px)!important;align-content:start;align-items:start;
  }
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) .gb-eyebrow {grid-column:1/-1;grid-row:1}
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) .gb-title {grid-column:1;grid-row:2}
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) .gb-subtitle {grid-column:1;grid-row:3}
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) .gb-prose {grid-column:2;grid-row:2/span 4;max-width:700px!important}
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) .gb-button {grid-column:1}
  body.ga-page.gb-page-backgrounds .gb-split:not(.gb-hero) > .elementor-container > .elementor-column:last-child > .elementor-widget-wrap {
    min-height:clamp(540px,56.25vw,1080px);
  }
  body.ga-page.gb-page-backgrounds > .elementor[data-elementor-type="wp-page"] > .elementor-top-section.gb-scene-band > .elementor-container {padding:0!important;gap:0!important}
  body.ga-page.gb-page-backgrounds .gb-scene-band > .elementor-container > .elementor-column > .elementor-widget-wrap {padding:0!important}
  body.ga-page.gb-page-backgrounds .gb-scene-band .gb-scene img {
    display:block;width:100%!important;height:clamp(480px,65svh,850px)!important;
    max-height:none!important;object-fit:cover!important;object-position:center 44%;border:0!important;border-radius:0;
  }
  /* Category openings span the screen; filters and real products retain a gutter. */
  body.ga-page.gb-page-backgrounds .gb-catalog-section > .elementor-container > .elementor-column > .elementor-widget-wrap {padding:0!important}
  body.ga-page.gb-page-backgrounds .gb-catalog-section .guan-catalog {width:100%;max-width:none!important;padding:0!important}
  body.ga-page.gb-page-backgrounds:not(.gb-bg-products) .gb-catalog-section .guan-catalog__intro.gb-background-region {
    box-sizing:border-box;width:calc(100% + 2 * var(--gb-desktop-gutter));max-width:none;
    margin-inline:calc(-1 * var(--gb-desktop-gutter));margin-bottom:52px;
    min-height:clamp(420px,35vw,660px)!important;padding:clamp(72px,6vw,114px) var(--gb-desktop-gutter)!important;
    background-image:linear-gradient(90deg,rgba(249,247,242,.97) 0%,rgba(249,247,242,.94) 37%,rgba(249,247,242,.72) 55%,rgba(249,247,242,.05) 80%),var(--gb-heading-background)!important;
    background-size:cover!important;background-position:center,right center!important;
    background-color:#f7f5ef;box-shadow:none;border-radius:0;
  }
  body.ga-page.gb-page-backgrounds:not(.gb-bg-products) .guan-catalog__intro.gb-background-region h1 {
    font-size:clamp(48px,4.3vw,80px);line-height:1.45;max-width:65%;
  }
  body.ga-page.gb-page-backgrounds:not(.gb-bg-products) .guan-catalog__intro.gb-background-region > p {max-width:min(56%,700px)!important}
  body.ga-page.gb-page-backgrounds:not(.gb-bg-products) .guan-catalog__intro.gb-background-region .gb-background-note {left:var(--gb-desktop-gutter);bottom:22px}
  body.ga-page.gb-page-backgrounds .gb-category-row > .elementor-container {gap:0!important;flex-wrap:nowrap!important}
  body.ga-page.gb-page-backgrounds .gb-category-row > .elementor-container > .elementor-column {flex:1 1 0!important;width:auto!important;min-width:0}
  body.ga-page.gb-page-backgrounds .gb-catalog-section .guan-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2vw,38px)}
}
@media (min-width:1800px) {
  body.ga-page.gb-page-backgrounds .gb-catalog-section .guan-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}