html { scroll-behavior: smooth; }

    body.product-page {
      background: #ffffff;
      --sub-hero-height: 100vh;
    }

    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) .logo,
    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) #gnb ul li a,
    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) .header-right-gnb ul li a,
    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) .lang-current,
    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) .lang-current-icon,
    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) .icon-btn {
      color: #1d1d1f !important;
    }

    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) #gnb ul li a::after,
    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) .header-right-gnb ul li a::after {
      background: #1d1d1f !important;
    }

    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) #gnb ul li a:hover,
    body.product-page #header.header--transparent:not(.is-scrolled):not(.is-header-hover):not(.mega-active):not(.is-menu-open) .header-right-gnb ul li a:hover {
      color: #1d1d1f !important;
      background-color: rgba(29, 29, 31, 0.08) !important;
    }

    .product-wrap {
      padding: 54px 0 var(--sp-34, 140px);
    }

    .product-page-shell,
    .product-tab-shell {
      max-width: var(--max-width);
      margin: 0 auto;
      padding-left: var(--side-padding);
      padding-right: var(--side-padding);
      width: 100%;
    }

    .product-page .ui-head.c-section-head {
      max-width: none;
    }

    .product-space-section .product-space-head {
      display: flex;
      justify-content: center;
      margin-bottom: 56px;
      text-align: center;
    }

    .product-space-section .product-space-head .ui-head-copy {
      width: 100%;
      margin: 0 auto;
      text-align: center;
    }

    .product-space-section .product-space-head h2 {
      margin: 0 auto;
      text-align: center;
    }

    .product-space-section .product-space-head .type-section-title,
    .product-space-section .product-space-head .type-section-title.c-title {
      margin: 0;
      font-size: 48px;
      line-height: 1.1667;
      letter-spacing: normal;
      font-weight: 500;
    }

    .product-space-section .product-space-head .type-section-desc,
    .product-space-section .product-space-head .type-section-desc.c-desc {
      margin: 14px auto 0;
      max-width: 760px;
      font-size: 18px;
      line-height: 1.4444;
      letter-spacing: normal;
      font-weight: 400;
      color: var(--type-muted);
    }

    .product-hero-stage {
      position: relative;
      z-index: 0;
    }

    .product-sticky-hero {
      position: sticky;
      top: 0;
      height: 100vh;
      z-index: 1;
    }

    .product-sticky-hero::before {
      display: none;
    }

    .product-hero-shell {
      height: 100vh;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: var(--sp-19, 56px);
    }

    .product-content-wrap {
      position: relative;
      z-index: 3;
      margin-top: 0;
      background: none;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      box-shadow: none;
      overflow: visible;
    }

	    .product-page-shell.product-overview-section .product-overview-intro,
	    .product-page-shell.product-overview-section .product-space-section {
      max-width: calc(var(--max-width) - (var(--side-padding) * 2));
      margin: 0 auto;
    }

    .product-hero-minimal {
      width: 100%;
      text-align: center;
      color: var(--type-strong);
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .product-hero-kicker {
      font-size: 28px;
      line-height: 1.1428571429;
      font-weight: 600;
      color: #1d1d1f;
      letter-spacing: .007em;
      margin-bottom: var(--sp-7, 18px);
      text-transform: uppercase;
    }

    .product-hero-meta {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-top: var(--sp-5, 14px);
      font-size: 18px;
      line-height: 1.4;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: var(--type-strong);
      text-transform: none;
    }

    .product-hero-meta span {
      display: inline-block;
      font: inherit;
      color: inherit;
      letter-spacing: inherit;
    }

    .product-hero-heading {
      font-size: 64px;
      color: var(--type-strong);
      line-height: 1.12;
      margin: 0 auto;
      font-weight: 600;
      letter-spacing: -0.045em;
      text-align: center;
      width: 100%;
      text-wrap: balance;
      word-break: keep-all;
    }

    .product-overview-section {
      position: relative;
      height: 360vh;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.54) 0%, rgba(245, 245, 247, 0.68) 54%, rgba(255, 255, 255, 0.78) 100%);
      backdrop-filter: blur(46px) saturate(150%);
      -webkit-backdrop-filter: blur(46px) saturate(150%);
      overflow: visible;
      z-index: 2;
    }

    /* 히어로 위에 처음에 아무것도 안 보이게 하기 위한 투명 공간 */
    .product-hero-spacer {
      height: 100vh;
      pointer-events: none;
    }

	    .product-highlight-scroll {
	      position: relative;
	      height: 500vh;
	      min-height: 3200px;
	      background: #050505;
	      color: #ffffff;
	      overflow: visible;
	    }

	    .product-highlight-sticky {
	      position: sticky;
	      top: 0;
	      height: 100vh;
	      min-height: 720px;
	      display: flex;
	      align-items: center;
	      justify-content: center;
	      overflow: hidden;
	      background: #050505 url('https://cdn.mcbots.org/page-assets/product/product-highlight-bg-1920x1400.webp?v=1.01') center/cover no-repeat;
	      isolation: isolate;
	    }

	    .product-highlight-video {
	      position: absolute;
	      inset: 0;
	      width: 100%;
	      height: 100%;
	      object-fit: cover;
	      z-index: -2;
	    }

	    .product-highlight-sticky::after {
	      content: "";
	      position: absolute;
	      inset: 0;
	      background: rgba(0, 0, 0, 0.45);
	      z-index: -1;
	      pointer-events: none;
	    }

	    .product-highlight-scroll .product-page-shell {
	      position: relative;
	      z-index: 1;
	    }

	    .product-highlight-story {
	      position: relative;
	      width: min(1120px, calc(100vw - 48px));
	      height: 360px;
	      margin: 0 auto;
	    }

	    .product-highlight-step {
	      position: absolute;
	      inset: 0;
	      display: flex;
	      flex-direction: column;
	      align-items: center;
	      justify-content: center;
	      text-align: center;
	      opacity: 0;
	      transform: translateY(80px);
	      transition: opacity 0.55s ease, transform 0.55s ease;
	      pointer-events: none;
	    }

	    .product-highlight-step.is-active {
	      opacity: 1;
	      transform: translateY(0);
	    }

	    .product-highlight-step.is-before {
	      opacity: 0;
	      transform: translateY(-80px);
	    }

	    .product-highlight-step span {
	      display: block;
		      margin-bottom: var(--sp-6, 16px);
	      font-size: clamp(18px, 1.4vw, 24px);
	      font-weight: 600;
	      letter-spacing: 0.12em;
	      text-transform: uppercase;
	      color: rgba(255, 255, 255, 0.8);
	    }

	    .product-highlight-step strong {
	      display: block;
	      font-size: clamp(64px, 9vw, 132px);
	      line-height: 0.9;
	      letter-spacing: -0.085em;
	      font-weight: var(--weight-display);
	      color: #ffffff;
	    }

	    .product-highlight-step p {
	      max-width: 760px;
		      margin: var(--sp-10, 24px) auto 0;
	      font-size: clamp(22px, 2.4vw, 38px);
	      line-height: 1.35;
	      letter-spacing: -0.055em;
	      font-weight: var(--weight-title);
	      color: rgba(255, 255, 255, 0.92);
	      word-break: keep-all;
	    }

    .product-overview-intro {
      position: sticky;
      top: 0;
      z-index: 1;
      width: 100%;
      min-height: 100vh;
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 var(--side-padding);
      text-align: center;
      display: grid;
      place-items: center;
    }

    .product-overview-heading {
      grid-area: 1 / 1;
      max-width: 1200px;
      margin: 0 auto;
      font-size: 64px;
      line-height: 1.12;
      font-weight: 600;
      letter-spacing: -0.045em;
      color: var(--type-strong);
      text-wrap: balance;
    }

    .product-overview-copy {
      grid-area: 1 / 1;
      position: relative;
      width: min(1120px, 100%);
      min-height: 128px;
      margin: 0 auto;
      font-size: 18px;
      line-height: 1.4;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: #000000;
      text-wrap: balance;
      word-break: keep-all;
    }

    .product-overview-step {
      transition: opacity 0.55s ease, transform 0.55s ease, filter 0.55s ease;
    }

    .product-overview-heading.product-overview-step {
      opacity: 0;
      transform: translateY(34px);
      filter: blur(10px);
    }

    .product-overview-heading.product-overview-step.is-active {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }

    .product-overview-copy strong {
      font-weight: 800;
      color: #f06400;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72), 0 12px 28px rgba(255, 122, 24, 0.18);
    }

    .product-overview-copy span {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 0;
      opacity: 0;
      transform: translateY(34px);
      filter: blur(10px);
      font-size: clamp(30px, 3.1vw, 44px);
      line-height: 1.25;
      letter-spacing: -0.055em;
      color: var(--type-strong);
      pointer-events: none;
      white-space: nowrap;
    }

    .product-overview-copy span.is-active {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }

    .product-overview-step.is-before {
      opacity: 0;
      transform: translateY(-34px);
      filter: blur(10px);
    }

    .product-intro {
      max-width: none;
      margin: 0 auto 46px;
      padding: var(--sp-14, 34px) var(--sp-15, 36px);
      background: #fff;
      color: var(--type-body);
      border: 1px solid rgba(15, 30, 44, 0.08);
      position: relative;
      overflow: hidden;
    }

    .product-kicker {
      display: inline-flex;
      align-items: center;
      gap: var(--sp-3, 10px);
      position: relative;
      z-index: 1;
      font-size: 12px;
      font-weight: var(--weight-link);
      letter-spacing: 0.18em;
      color: var(--main-color);
      text-transform: uppercase;
    }

    .product-kicker::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--main-color);
    }

    .product-intro h3 {
      position: relative;
      z-index: 1;
      margin-top: var(--sp-7, 18px);
      font-size: 42px;
      line-height: 1.22;
      font-weight: var(--weight-display);
      letter-spacing: -1.6px;
      max-width: 1100px;
      color: var(--type-strong);
    }

    .product-intro p {
      position: relative;
      z-index: 1;
      margin-top: var(--sp-7, 18px);
      max-width: 1160px;
      font-size: 17px;
      line-height: 1.76;
      color: var(--type-muted);
      font-weight: var(--weight-body);
    }

    .product-chip-row {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-4, 12px);
      margin-top: var(--sp-10, 24px);
      position: relative;
      z-index: 1;
    }

    .product-chip {
      display: inline-flex;
      align-items: center;
      gap: var(--sp-2, 8px);
      padding: 10px 15px;
      border-radius: 999px;
      background: #f7f9fb;
      border: 1px solid rgba(15, 30, 44, 0.08);
      font-size: 13px;
      font-weight: var(--weight-link);
      color: var(--type-body);
    }

    .product-chip strong {
      color: var(--main-color);
    }

    .product-anchor-nav {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-4, 12px);
      margin: 0 auto var(--sp-19, 56px);
      max-width: none;
      width: 100%;
    }

    .product-anchor-nav {
      margin-bottom: var(--sp-19, 56px);
    }

    .section-head {
      width: 100%;
      margin: 0 0 var(--sp-11, 28px) 0;
    }

    .section-head .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: var(--sp-3, 10px);
      font-size: 12px;
      font-weight: var(--weight-link);
      letter-spacing: 0.18em;
      color: var(--main-color);
      text-transform: uppercase;
      margin-bottom: var(--sp-5, 14px);
    }

    .section-head .eyebrow::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--main-color);
      border-radius: 999px;
    }

    .section-head h3 {
      font-size: 32px;
      line-height: 1.32;
      font-weight: var(--weight-display);
      letter-spacing: -1.2px;
      color: #ffffff;
    }

    .section-head p {
      margin-top: var(--sp-4, 12px);
      font-size: 16px;
      line-height: 1.72;
      color: rgba(255, 255, 255, 0.7);
      font-weight: var(--weight-body);
      max-width: 920px;
    }

    .product-card-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
      max-width: none;
      width: 100%;
      margin: 0 auto;
    }

    .product-card {
      position: relative;
      min-height: 480px;
      padding: 0;
      background: #ffffff;
      border: 1px solid rgba(15, 30, 44, 0.08);
      box-shadow: none;
      overflow: hidden;
      transition: transform 0.25s ease, border-color 0.25s ease;
      color: inherit;
      text-decoration: none;
      display: grid;
      grid-template-rows: 280px 1fr;
      border-radius: 0;
    }

    .product-card:hover {
      transform: translateY(-3px);
      border-color: rgba(255, 122, 24, 0.3);
    }

    .product-card .image {
      height: 280px;
      background-size: cover;
      background-position: center;
      position: relative;
    }

    .product-card .image::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.16));
    }

    .product-card .content {
      padding: var(--sp-10, 24px) var(--sp-10, 24px) 26px;
    }

    .product-card .model {
      display: inline-flex;
      align-items: center;
      gap: var(--sp-2, 8px);
      margin-bottom: var(--sp-4, 12px);
      font-size: 12px;
      font-weight: var(--weight-link);
      letter-spacing: 0.14em;
      color: var(--main-color);
      text-transform: uppercase;
    }

    .product-card h4 {
      font-size: 24px;
      line-height: 1.3;
      font-weight: var(--weight-title);
      letter-spacing: -0.8px;
      margin-bottom: var(--sp-4, 12px);
      color: var(--type-strong);
    }

    .product-card .summary {
      font-size: 14px;
      line-height: 1.72;
      color: var(--type-muted);
      font-weight: var(--weight-body);
      margin-bottom: var(--sp-5, 14px);
    }

    .spec-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: var(--sp-3, 10px);
      margin: 0;
      padding: 0;
    }

    .spec-list li {
      position: relative;
      padding-left: var(--sp-5, 14px);
      font-size: 13px;
      line-height: 1.65;
      color: var(--type-muted);
      font-weight: var(--weight-body);
    }

    .spec-list li::before {
      content: "•";
      position: absolute;
      left: 0;
      top: 0;
      color: var(--main-color);
      font-weight: 900;
    }

    .product-card .tag-row {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-2, 8px);
      margin-top: var(--sp-7, 18px);
    }

    .tag {
      display: inline-flex;
      align-items: center;
      padding: 7px 10px;
      border-radius: 999px;
      background: #f5f6f8;
      color: var(--type-muted);
      font-size: 12px;
      font-weight: var(--weight-link);
    }

    .product-safety {
      max-width: calc(var(--max-width) - (var(--side-padding) * 2));
      margin: var(--sp-24, 84px) auto 0;
      padding: 38px 38px 34px;
      border-radius: 0;
      background: #11161c;
      color: #fff;
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(15, 30, 44, 0.08);
    }

    .product-safety::after {
      content: "";
      position: absolute;
      inset: 0;
      background: transparent;
      pointer-events: none;
    }

    .product-safety h3 {
      position: relative;
      font-size: 28px;
      font-weight: var(--weight-display);
      letter-spacing: -1px;
      margin-bottom: var(--sp-4, 12px);
    }

    .product-safety p {
      position: relative;
      max-width: 980px;
      font-size: 15px;
      line-height: 1.76;
      color: rgba(255, 255, 255, 0.82);
      margin-bottom: var(--sp-9, 22px);
      font-weight: var(--weight-body);
    }

    .safety-pills {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-3, 10px);
    }

    .safety-pill {
      padding: var(--sp-3, 10px) var(--sp-5, 14px);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      font-size: 13px;
      font-weight: var(--weight-link);
      color: #fff;
    }

	    .product-space-section {
	      position: relative;
	      z-index: 1;
      padding: 132px 0 150px;
	      background: #ffffff;
	      color: var(--type-strong);
	    }



    .product-space-panel {
      position: relative;
      padding: clamp(34px, 4.8vw, 100px);
      border-radius: 44px;
      background-color: #f4f6f8;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      transition: background-image 0.6s ease;
      overflow: hidden;
      min-height: 720px;
      display: flex;
      align-items: center;
    }

    /* Initial Background States */
    .product-space-panel[data-bg="application-living"] { background-image: url('https://cdn.mcbots.org/page-assets/product/application/product-application-living-custom.webp?v=20260623-living2'); }
    .product-space-panel[data-bg="application-care"] { background-image: url('https://cdn.mcbots.org/page-assets/product/application/product-application-care-custom.webp?v=20260621-space2'); }
    .product-space-panel[data-bg="application-wellness"] { background-image: url('https://cdn.mcbots.org/page-assets/product/application/product-application-wellness-custom.webp?v=20260621-space2'); }
    .product-space-panel[data-bg="application-premium"] { background-image: url('https://cdn.mcbots.org/page-assets/product/application/product-application-premium-custom.webp?v=20260621-space2'); }

    .application-tabs-layout {
      display: grid;
      grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
      gap: clamp(42px, 6vw, 88px);
      align-items: center;
      min-height: 560px;
    }

    .application-tabs {
      display: flex;
      flex-direction: column;
      gap: var(--sp-6, 16px);
      margin: 0;
      padding: 0;
    }

    .application-tab {
      width: 300px;
      padding: 0;
      appearance: none;
      border: none !important;
      border-radius: 32px;
      outline: 0;
      background: rgba(255, 255, 255, 0.52) !important;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: none !important;
      font: inherit;
      text-align: left;
      color: #1d1d1f;
      cursor: pointer;
      overflow: hidden;
      transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
      display: flex;
      flex-direction: column;
    }

    .application-tab:hover {
      transform: translateX(8px);
      background: rgba(255, 255, 255, 0.72) !important;
      width: 310px;
    }

    .application-tab.active {
      width: 100%;
      background: rgba(255, 255, 255, 0.86) !important;
      border-radius: 36px;
      transform: translateX(0);
    }

    .application-tab-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--sp-8, 20px);
      padding: var(--sp-9, 22px) var(--sp-12, 30px);
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.2;
      color: #1d1d1f;
    }

    .application-tab.active .application-tab-title span {
      display: none;
    }

    .application-tab.active .application-tab-title {
      padding: var(--sp-9, 22px) var(--sp-12, 30px) var(--sp-3, 10px);
    }

    /* Arrow Circle */
    .application-tab-title::after {
      content: "";
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.8);
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .application-tab.active .application-tab-title::after {
      display: none;
    }

    .application-tab-copy {
      display: none;
      padding: 0 var(--sp-12, 30px) var(--sp-12, 30px);
      font-size: 17px;
      line-height: 1.6;
      color: #1d1d1f;
      font-weight: 500;
      word-break: keep-all;
      max-width: 480px;
    }

    .application-tab.active .application-tab-copy {
      display: block;
    }

    .application-visual {
      display: none;
    }

    .application-visual img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: clamp(28px, 4vw, 58px);
      opacity: 0;
      transform: translateY(14px) scale(0.985);
      transition: opacity 0.34s ease, transform 0.34s ease;
    }

    .application-visual img.active {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    .product-tab-section .section-head h3,
    .prod-detail-wrapper h4,
    .prod-detail-wrapper h5,
    .prod-detail-wrapper strong {
      color: var(--type-strong);
    }

    .product-page .prod-tabs {
      display: none !important;
    }

    .prod-collection-slider {
      position: relative;
    }

    .prod-tab-contents {
      display: flex;
      gap: clamp(24px, 2.5vw, 36px);
      align-items: stretch;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      padding-bottom: 18px;
    }

    .prod-lineup-control {
      position: absolute;
      top: 145px;
      z-index: 5;
      width: 46px;
      height: 46px;
      border: 0;
      border-radius: 999px;
      background: rgba(29, 29, 31, 0.72);
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .prod-lineup-control-prev {
      left: 12px;
    }

    .prod-lineup-control-next {
      right: 12px;
    }

    .prod-tab-contents::-webkit-scrollbar {
      display: none;
    }

    .prod-tab-panel {
      display: block !important;
      min-width: 0;
      flex: 0 0 calc((100% - clamp(24px, 2.5vw, 36px) * 3) / 4);
      scroll-snap-align: start;
    }

    .prod-detail-wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }

    .prod-tab-contents .prod-hero {
      display: flex;
      flex-direction: column;
      border-bottom: 0 !important;
      background: #ffffff;
    }

    .prod-tab-contents .prod-hero > div:first-child {
      width: 100%;
      min-height: 250px !important;
      flex: none !important;
      background-color: #ffffff !important;
      background-size: contain !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      background-origin: content-box !important;
      padding: clamp(24px, 3vw, 44px) !important;
    }

    .prod-tab-contents .prod-hero > div:nth-child(2) {
      width: 100%;
      margin: 0;
      padding: 26px 8px 34px;
      flex: none !important;
      background: transparent;
      text-align: center;
    }

    .prod-tab-contents .prod-hero > div:nth-child(2) > div:first-child {
      margin-bottom: 18px !important;
      font-size: 28px !important;
      line-height: 1.12 !important;
      letter-spacing: -0.025em !important;
      color: var(--type-strong) !important;
      font-weight: 700 !important;
    }

    .prod-tab-contents .prod-detail-wrapper h4 {
      margin: 0 !important;
      font-size: 18px !important;
      line-height: 1.45 !important;
      letter-spacing: -0.015em !important;
      font-weight: 700 !important;
      color: var(--type-strong) !important;
    }

    .prod-tab-contents .prod-detail-wrapper h4 span {
      display: none !important;
      margin-top: 0;
      font-size: 14px !important;
      line-height: 1.5;
      letter-spacing: -0.02em;
      font-weight: 700 !important;
      color: var(--type-muted) !important;
    }

    .prod-tab-contents .prod-hero p {
      max-width: 100%;
      margin: 28px auto 0 !important;
      padding-bottom: 30px !important;
      border-bottom: 1px solid rgba(29, 29, 31, 0.14) !important;
      font-size: 14px !important;
      line-height: 1.72 !important;
      letter-spacing: -0.015em !important;
      color: var(--type-muted) !important;
      font-weight: 500 !important;
      word-break: keep-all !important;
    }

    .prod-tab-contents .prod-hero + div {
      flex: 1;
      width: 100%;
      margin: 0;
      padding: 0 8px 30px;
      display: flex;
      flex-direction: column;
      background: transparent;
    }

    .prod-tab-contents .prod-hero + div > div {
      width: 100%;
      max-width: none;
      flex: none !important;
    }

    .prod-tab-contents .prod-hero + div > div h5 {
      display: none;
    }

    .prod-tab-contents .prod-hero + div > div:first-child {
      display: none;
    }

    .prod-tab-contents .prod-hero + div > div ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .prod-tab-contents .prod-hero + div > div li {
      display: block;
      padding: 22px 0;
      border-top: 0;
      border-bottom: 0;
      text-align: center;
    }

    .prod-tab-contents .prod-hero + div > div:first-child li strong > span {
      display: inline;
      margin-right: 0;
      color: var(--main-color);
    }

    .prod-tab-contents .prod-hero + div > div:first-child li {
      padding: 16px 0;
    }

    .prod-tab-contents .prod-hero + div > div:first-child li > span {
      display: none;
    }

    .prod-tab-contents .prod-hero + div > div li strong {
      display: block;
      min-width: 0;
      margin-bottom: 7px;
      font-size: 15px;
      line-height: 1.32;
      letter-spacing: -0.02em;
      font-weight: var(--weight-title);
      color: var(--type-strong);
    }

    .prod-tab-contents .prod-hero + div > div li > span {
      display: block;
      padding-left: 0;
      text-align: center;
      font-size: 14px;
      line-height: 1.5;
      letter-spacing: -0.02em;
      color: var(--type-muted);
      font-weight: var(--weight-body);
      word-break: keep-all;
    }

	    @media (max-width: 1080px) {
      .product-hero-shell {
        min-height: calc(var(--sub-hero-height) - var(--header-height));
        padding-top: var(--sp-30, 112px);
        padding-bottom: 74px;
      }

      .product-hero-stage {
        height: calc(var(--sub-hero-height) + 420px);
      }

      .product-content-wrap {
        margin-top: -420px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .product-overview-copy {
        font-size: 23px;
        line-height: 1.62;
      }

	      .product-card-grid,
	      .application-tabs-layout {
	        grid-template-columns: repeat(2, minmax(0, 1fr));
	      }

      .prod-tab-contents {
        gap: 24px;
      }

      .prod-tab-panel {
        flex-basis: calc((100% - 24px) / 2);
      }

      .product-overview-heading {
        font-size: clamp(42px, 8vw, 64px);
      }

      .product-space-section {
        padding: var(--sp-28, 104px) 0 120px;
      }

      .product-space-panel {
        border-radius: 34px;
      }

      .product-intro h3 {
        font-size: 34px;
      }
    }

    @media (max-width: 640px) {
      .product-wrap {
        padding-bottom: 100px;
      }

      .prod-tab-contents {
        gap: 20px;
      }

      .prod-tab-panel {
        flex-basis: min(82vw, 350px);
      }

      .prod-lineup-control {
        top: 122px;
        width: 42px;
        height: 42px;
      }

      .prod-lineup-control-prev {
        left: 6px;
      }

      .prod-lineup-control-next {
        right: 6px;
      }

      .prod-tab-contents .prod-hero > div:first-child {
        min-height: 240px !important;
      }

      .prod-tab-contents .prod-hero > div:nth-child(2),
      .prod-tab-contents .prod-hero + div {
        padding-left: 22px;
        padding-right: 22px;
      }

      .product-hero-shell {
        min-height: calc(var(--sub-hero-height) - var(--header-height));
        padding-top: 96px;
        padding-bottom: 58px;
      }

      .product-hero-stage {
        height: auto;
      }

      .product-sticky-hero {
        position: relative;
      }

      .product-hero-meta {
        flex-wrap: wrap;
        margin-top: 12px;
        font-size: 16px;
      }

      .product-hero-heading {
        font-size: clamp(36px, 10vw, 52px);
        line-height: 1.14;
      }

      .product-overview-section {
        padding-top: var(--sp-21, 64px);
        padding-bottom: var(--sp-19, 56px);
      }

      .product-overview-heading {
        margin-top: var(--sp-9, 22px);
        font-size: 40px;
        line-height: 1.12;
      }

      .product-content-wrap {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: none;
      }

      .product-overview-copy {
        font-size: var(--font-body);
        line-height: 1.74;
        margin-bottom: var(--sp-11, 28px);
      }

      .product-overview-copy span {
        font-size: clamp(24px, 7.6vw, 34px);
        line-height: 1.3;
        white-space: normal;
      }

      .product-overview-kicker {
        padding: 9px 14px;
        letter-spacing: 0.14em;
      }

      .product-intro {
        padding: var(--sp-12, 30px) var(--sp-9, 22px) var(--sp-11, 28px);
        border-radius: 24px;
      }

      .product-intro h3 {
        font-size: 27px;
        line-height: 1.34;
      }

      .product-intro p {
        font-size: 15px;
        line-height: 1.8;
      }

      .product-chip,
      .product-anchor-nav a {
        padding: 10px 13px;
        font-size: 12px;
      }

	      .product-card-grid {
	        grid-template-columns: 1fr;
	      }

	      .product-highlight-scroll {
	        min-height: 3000px;
	      }

	      .product-highlight-sticky {
	        min-height: 640px;
	      }

	      .product-highlight-story {
	        width: min(100%, calc(100vw - 40px));
	        height: 320px;
	      }

	      .product-highlight-step p {
	        max-width: 520px;
	      }

	      .application-tabs-layout {
	        grid-template-columns: 1fr;
	        min-height: 0;
        gap: var(--sp-14, 34px);
      }

      .application-visual {
        min-height: 340px;
      }

	      .product-card {
	        min-height: auto;
	      }

      .product-space-section {
        padding: 76px 0 var(--sp-25, 88px);
      }

      .product-space-section .product-space-head {
        margin-bottom: 34px;
      }

      .product-space-section .product-space-head .type-section-title,
      .product-space-section .product-space-head .type-section-title.c-title {
        font-size: 34px;
        line-height: 1.2;
      }

      .product-space-section .product-space-head .type-section-desc,
      .product-space-section .product-space-head .type-section-desc.c-desc {
        font-size: 16px;
        line-height: 1.55;
      }

      .product-space-panel {
        padding: 26px;
        border-radius: 28px;
      }

      .product-card {
        min-height: auto;
      }

      .product-card .image {
        height: 180px;
      }

      .product-card .content {
        padding: var(--sp-10, 24px) var(--sp-8, 20px) var(--sp-9, 22px);
      }

      .section-head h3 {
        font-size: 26px;
      }

      .section-head p {
        font-size: 15px;
      }

      .product-safety {
        padding: var(--sp-11, 28px) var(--sp-9, 22px);
        border-radius: 24px;
      }

      .product-safety h3 {
        font-size: 24px;
      }

	      .application-tab-title {
	        font-size: 16px;
	      }

      .prod-tab-contents .prod-hero > div:nth-child(2) {
        width: 100% !important;
        padding: 24px 22px 28px !important;
      }

      .prod-tab-contents .prod-detail-wrapper h4 {
        font-size: 31px !important;
      }

      .prod-tab-contents .prod-hero > div:first-child {
        min-height: 260px !important;
      }

      .prod-tab-contents .prod-detail-wrapper h4 span {
        font-size: 16px !important;
      }
	    }
\n/* Secondary Style Block */\n
      .prod-tab-btn.active {
        color: var(--main-color) !important;
      }
      .prod-tab-btn:hover {
        color: #111 !important;
      }
      .prod-tab-panel {
        animation: fadeIn 0.4s ease-out;
      }
      @keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
      }

/* Product Specification Table Styles */
.spec-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(15, 30, 44, 0.08);
  padding: 16px 0;
}

.spec-label {
  color: #222;
  min-width: 90px;
}

.spec-value {
  text-align: right;
  word-break: keep-all;
}

.prod-tab-contents .spec-item {
  position: relative;
  display: block;
  padding: 22px 0 20px;
  border-top: 0;
  border-bottom: 0;
  text-align: center;
}

.prod-tab-contents .spec-item::before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin: 0 auto 12px;
  background-color: var(--type-strong);
  -webkit-mask: var(--spec-icon) center / contain no-repeat;
  mask: var(--spec-icon) center / contain no-repeat;
}

.prod-tab-contents .spec-type {
  --spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2.5'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
}

.prod-tab-contents .spec-size {
  --spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 17h16M7 4v16M17 4v16'/%3E%3C/svg%3E");
}

.prod-tab-contents .spec-power {
  --spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 5 13h6l-1 9 9-13h-6l1-7Z'/%3E%3C/svg%3E");
}

.prod-tab-contents .spec-area {
  --spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17c2-2 4-2 6 0s4 2 6 0 4-2 6 0M6 12c1.5-1.5 3-1.5 4.5 0s3 1.5 4.5 0 3-1.5 4.5 0M8 7c1-1 2-1 3 0s2 1 3 0 2-1 3 0'/%3E%3C/svg%3E");
}

.prod-tab-contents .spec-control {
  --spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='8' cy='17' r='2'/%3E%3C/svg%3E");
}

.prod-tab-contents .spec-feature {
  --spec-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 7-9 10-5-5'/%3E%3Cpath d='M4 7h8M4 17h5'/%3E%3C/svg%3E");
}

.prod-tab-contents .spec-label {
  display: block;
  min-width: 0;
  margin-bottom: 6px;
  color: var(--type-strong) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
  font-weight: 700 !important;
}

.prod-tab-contents .spec-value {
  display: block;
  text-align: center !important;
  color: var(--type-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.015em !important;
  font-weight: 500 !important;
}

/* Product Feature List Styles */
.feature-title {
  display: flex;
  align-items: center;
  font-size: 17px;
  color: var(--type-strong);
  margin-bottom: 8px;
  font-weight: var(--weight-title);
}

.feature-icon {
  color: var(--main-color);
  margin-right: 8px;
}

.feature-desc {
  display: block;
  padding-left: 22px;
  font-size: 16px;
  color: var(--type-muted);
  line-height: 1.72;
  word-break: keep-all;
  font-weight: var(--weight-body);
}

/* Product Layout Styles */
.prod-group-title {
  font-size: 22px;
  font-weight: 800;
  color: #111;
  margin-bottom: 30px;
  padding-bottom: 16px;
  border-bottom: 2px solid #111;
}

.prod-detail-wrap {
  background: #fff;
  border: 1px solid rgba(15, 30, 44, 0.08);
  display: flex;
  flex-direction: column;
  text-align: left;
}

.prod-detail-box {
  padding: 60px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}

.prod-info-col {
  flex: 1 1 440px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent;
}




/* Product Hero Text Styles */
.prod-hero-kicker {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--type-strong) !important;
  margin-bottom: 22px !important;
  letter-spacing: -0.025em !important;
  line-height: 1.12 !important;
}

.prod-hero-title {
  font-size: 14px !important;
  color: #111 !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.015em !important;
}

.prod-hero-desc {
  font-size: 14px !important;
  color: var(--type-muted) !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  margin-top: 46px !important;
  margin-bottom: 0 !important;
  word-break: keep-all !important;
}

@media (max-width: 1024px) {
  body.header-transparent-page .product-hero-shell {
    padding-top: 88px;
  }
}

@media (max-width: 640px) {
  body.header-transparent-page .product-hero-shell {
    padding-top: 72px;
  }
}