/* Brand frame pilot, 29.10.2026. One product card with optional promo artwork. */
body.site-monobrand.site-code-kubota-motors .fiamm-scene-banner__fade { display: block; height: 280px; background: linear-gradient(to bottom, var(--fiamm-page-bg, #fbfbfb) 0%, var(--fiamm-page-bg, #fbfbfb) 8%, transparent 100%); }
body.site-monobrand.site-code-kubota-motors .fiamm-home-kind { margin-top: 48px; }
body.site-monobrand.site-code-kubota-motors .fiamm-home-rail h2::before,
body.site-monobrand.site-code-kubota-motors .fiamm-home-rail h2::after { display: none; }

body.site-monobrand.site-code-kubota-motors .product-card-v2 {
  display: flex; flex-direction: column; gap: 0; min-width: 0;
  padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  overflow: visible; transform: none; container-type: inline-size;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2:hover,
body.site-monobrand.site-code-kubota-motors .product-card-v2:focus-within { background: transparent; transform: none; box-shadow: none; }
body.site-monobrand.site-code-kubota-motors .product-card-v2[hidden],
body.site-monobrand.site-code-kubota-motors .product-card-v2.is-lifecycle-hidden { display: none; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__media {
  position: relative; display: block; width: 100%; height: auto; min-height: 0;
  aspect-ratio: 3 / 4; margin: 0; padding: 0; border: 0; border-radius: 22px;
  background: #fff; overflow: hidden;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2__frame > .product-card-v2__product-image {
  display: block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box;
  object-fit: contain;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2:not(.product-card-v2--promo) .fiamm-product-card__media { border: 1px solid #dedede; box-sizing: border-box; }
body.site-monobrand.site-code-kubota-motors .product-card-v2:not(.product-card-v2--promo) .fiamm-product-card__media[data-image-kind="cutout"] { background: #f3f3f3; }
body.site-monobrand.site-code-kubota-motors .product-card-v2:not(.product-card-v2--promo):hover .fiamm-product-card__media[data-image-kind="cutout"] { background: #eaeaea; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__body {
  display: flex; flex: 1; gap: 5px; min-height: 0; padding: 12px 0 0;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__price {
  margin: 0 0 2px; padding: 0; font-family: var(--site-font-heading, sans-serif);
  font-size: clamp(18px, 8cqi, 24px); font-weight: 900; line-height: 1.2;
  min-height: clamp(22px, 9.6cqi, 29px);
}
body.site-monobrand.site-code-kubota-motors .product-card-v2 h3 {
  display: block; min-height: 2.8em; margin: 0; overflow: visible;
  font-size: 14px; line-height: 1.4; font-weight: 700; overflow-wrap: anywhere;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2 .product-card-v2__price-request { font-size: 15px; font-weight: 700; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .product-card-v2__price-request strong { font-weight: 700; }
body.site-monobrand.site-code-kubota-motors .fiamm-catalog-product-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px 20px; align-items: stretch; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 h3 span { font-weight: 400; color: #666; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__signature {
  margin: 0; min-height: 2.8em; font-size: 13px; line-height: 1.4; color: #888;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2__chips {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 6px; min-height: 22px;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2__chips .fiamm-card-badge {
  position: static; display: inline-flex; align-items: center; align-self: flex-start;
  margin: 0; padding: 3px 8px; border: 0; border-radius: 4px;
  background: #fbefd8; color: #835200; font-size: 12px; line-height: 1.3;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2__chips .fiamm-card-badge--status-stock,
body.site-monobrand.site-code-kubota-motors .product-card-v2__chips .fiamm-card-badge--status-in_stock { color: #176844; background: #e5f3e9; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__chips .fiamm-card-badge--status-transit { color: #00676a; background: #dfefef; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__actions {
  display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 6px;
  width: 100%; padding: 8px 0 0;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__icon-action,
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__view {
  width: 100%; height: 40px; min-height: 40px; margin: 0; padding: 0 5px;
  border: 0; border-radius: 14px; corner-shape: squircle; justify-self: stretch;
  font-size: 12px; letter-spacing: 0; font-weight: 800;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__view { background: var(--site-brand-color, #008486); color: #fff; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__view:hover { filter: brightness(.9); }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__view[aria-pressed="true"] { background: #dceeee; color: #00676a; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__cart-icon { display: none; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 :is(a, button):focus-visible { outline: 2px solid var(--site-brand-color, #008486); outline-offset: 3px; }
body.site-monobrand.site-code-kubota-motors .product-card-v2--promo .fiamm-product-card__media {
  aspect-ratio: 3 / 4; isolation: isolate;
  background: #080d12;
}
body.site-monobrand.site-code-kubota-motors .product-card-v2__frame--promo > .product-card-v2__product-image {
  position: absolute; left: auto; right: -1%; bottom: 7%; width: 82%; height: 62%; padding: 0;
  filter: drop-shadow(0 12px 12px #001d2699);
}
body.site-monobrand.site-code-kubota-motors .product-card-v2__promo-copy { position: absolute; top: 6%; left: 7%; right: 7%; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; color: #fff; }
body.site-monobrand.site-code-kubota-motors .product-card-v2 .product-card-v2__brand-logo { position: static; width: 80px; height: 23px; margin: 0 0 2px; padding: 0; object-fit: contain; filter: brightness(0) invert(1); }
body.site-monobrand.site-code-kubota-motors .product-card-v2__brand { color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__model { font-family: var(--site-font-heading, sans-serif); color: #fff; font-size: clamp(26px, 13cqi, 38px); line-height: 1; font-weight: 900; letter-spacing: -.04em; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__tagline { display: flex; flex-direction: column; font-family: var(--site-font-heading, sans-serif); font-size: clamp(11px, 5.2cqi, 16px); font-weight: 700; line-height: 1.22; color: #cefbf2; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__promo-kind { position: absolute; bottom: 3%; left: 7%; right: 7%; z-index: 1; color: #b8dedc; font-size: clamp(8px, 3.4cqi, 11px); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__promo-facts { position: absolute; left: 7%; bottom: 10%; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__promo-facts > span { padding: 4px 6px; border: 1px solid #70b9b96b; border-radius: 5px; background: #00292ded; color: #fff; font-size: clamp(10px, 4.5cqi, 13px); font-weight: 750; line-height: 1.2; white-space: nowrap; }
body.site-monobrand.site-code-kubota-motors .fiamm-product-grid--home { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px 20px; align-items: stretch; }
@container (max-width: 205px) {
  body.site-monobrand.site-code-kubota-motors .product-card-v2 [data-card-cart-label] { display: none; }
  body.site-monobrand.site-code-kubota-motors .product-card-v2__cart-icon { display: inline-flex; }
  body.site-monobrand.site-code-kubota-motors .product-card-v2__promo-copy { top: 4%; gap: 3px; }
  body.site-monobrand.site-code-kubota-motors .product-card-v2__frame--promo > .product-card-v2__product-image { height: 56%; bottom: 7%; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  body.site-monobrand.site-code-kubota-motors .fiamm-catalog-product-grid,
  body.site-monobrand.site-code-kubota-motors .fiamm-product-grid--home { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  body.site-monobrand.site-code-kubota-motors .fiamm-catalog-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 12px; }
  body.site-monobrand.site-code-kubota-motors .fiamm-product-grid--home { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 12px; }
}
@media (max-width: 600px) {
  body.site-monobrand.site-code-kubota-motors .fiamm-catalog-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 10px; }
  body.site-monobrand.site-code-kubota-motors .fiamm-product-grid--home { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 10px; }
  body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__actions { grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 4px; }
  body.site-monobrand.site-code-kubota-motors .product-card-v2 .fiamm-product-card__actions :is(button, a) { height: 44px; min-height: 44px; border-radius: 15px; }
  body.site-monobrand.site-code-kubota-motors .product-card-v2 .product-card-v2__brand-logo { width: 64px; height: 16px; }
}

/* Frames keep the exact same media box and text baseline in every card. */
body.site-monobrand.site-code-kubota-motors .product-card-v2__frame { position: absolute; inset: 0; display: block; overflow: hidden; background: #fff; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__frame[hidden] { display: none; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__frame:not(.product-card-v2__frame--promo)[data-image-kind="cutout"] { background: #f3f3f3; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__frame--promo { background: linear-gradient(180deg, #03060de6 0%, #03080fb8 38%, #03080f66 72%, #03080fa8 100%), var(--product-promo-bg) center / cover no-repeat; }
body.site-monobrand.site-code-kubota-motors [data-product-gallery] { touch-action: pan-y pinch-zoom; }
body.site-monobrand.site-code-kubota-motors [data-product-gallery] img { user-select: none; -webkit-user-drag: none; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__photo-caption { position: absolute; bottom: 14px; left: 10px; right: 10px; text-align: center; color: #687076; font-size: 10px; line-height: 1.3; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__gallery-track { position: absolute; left: 7%; right: 7%; bottom: 6px; display: flex; gap: 4px; z-index: 3; pointer-events: none; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__gallery-track i { flex: 1; height: 3px; border-radius: 3px; background: #a8b0b780; }
body.site-monobrand.site-code-kubota-motors .product-card-v2__gallery-track i.is-active { background: var(--site-brand-color, #008486); }
/* Two real lots. Scene motion is independent of page scrolling. */
body.site-monobrand.site-code-kubota-motors .kubota-intro { position: relative; z-index: 0; isolation: isolate; padding: 30px 0 130px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__stage { display: grid; perspective: 1200px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide { grid-area: 1 / 1; display: grid; grid-template-columns: 46% 54%; align-items: center; min-height: 560px; visibility: hidden; pointer-events: none; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide.is-active,
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide.is-leaving { visibility: visible; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide.is-active { pointer-events: auto; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__copy { position: relative; z-index: 2; max-width: 560px; transform-origin: center center; backface-visibility: hidden; }
body.site-monobrand.site-code-kubota-motors .kubota-intro :is(h1,h2) { margin: 18px 0 20px; font-family: var(--site-font-heading, sans-serif); font-size: clamp(42px, 5.6vw, 78px); font-weight: 900; letter-spacing: -.045em; line-height: 1.02; }
body.site-monobrand.site-code-kubota-motors .kubota-intro :is(h1,h2) span { display: block; color: var(--site-brand-color, #008486); }
body.site-monobrand.site-code-kubota-motors .kubota-intro__tagline { display: block; margin-bottom: 12px; font-family: var(--site-font-heading, sans-serif); font-size: clamp(18px, 1.8vw, 25px); line-height: 1.25; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__copy p { max-width: 490px; margin: 0 0 20px; font-size: 17px; line-height: 1.55; color: #637080; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__facts { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__facts span { padding: 7px 12px; border: 1px solid #dce1e4; border-radius: 10px; font-size: 14px; font-weight: 650; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__offer { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 22px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__offer strong { font-family: var(--site-font-heading, sans-serif); font-size: 24px; font-weight: 850; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__offer > span { color: #176844; font-size: 13px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro .fiamm-actions { gap: 10px; flex-wrap: wrap; }
body.site-monobrand.site-code-kubota-motors .kubota-intro .fiamm-button { gap: 8px; font-family: var(--site-font-heading, sans-serif); }
body.site-monobrand.site-code-kubota-motors .kubota-intro__media { position: relative; width: 100%; height: 560px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__media::before { content: ''; position: absolute; left: 18%; right: 5%; bottom: 6%; height: 10%; background: radial-gradient(ellipse, #172c4333, transparent 68%); filter: blur(10px); }
body.site-monobrand.site-code-kubota-motors .kubota-intro__media img { width: 100%; height: 100%; display: block; object-fit: contain; filter: drop-shadow(0 25px 22px #12334a22); animation: kubota-float 6s ease-in-out infinite; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__controls { position: relative; z-index: 3; display: flex; gap: 8px; align-items: center; margin-top: 24px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__controls button { min-height: 44px; padding: 0 18px; border: 1px solid #dce1e4; border-radius: 13px; background: transparent; color: #6a737a; font-family: var(--site-font-heading, sans-serif); font-size: 13px; font-weight: 750; cursor: pointer; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__controls [data-intro-select][aria-pressed="true"] { background: var(--site-brand-color, #008486); border-color: var(--site-brand-color, #008486); color: #fff; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__controls .kubota-intro__pause { border-color: transparent; font-weight: 500; }
body.site-monobrand.site-code-kubota-motors .kubota-intro button:focus-visible { outline: 2px solid var(--site-brand-color, #008486); outline-offset: 3px; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide.is-leaving .kubota-intro__copy { animation: kubota-copy-out 900ms both; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide.is-entering .kubota-intro__copy { animation: kubota-copy-in 1000ms both; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide.is-leaving .kubota-intro__media { animation: kubota-engine-out 900ms both; }
body.site-monobrand.site-code-kubota-motors .kubota-intro__slide.is-entering .kubota-intro__media { animation: kubota-engine-in 1000ms both; }
@keyframes kubota-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes kubota-engine-out { to { transform: translateY(-100px) scale(.96); opacity: 0; } }
@keyframes kubota-engine-in { from { transform: translateY(100px) scale(.96); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }
@keyframes kubota-copy-out { to { transform: perspective(900px) rotateX(70deg) translateY(-30px); opacity: 0; } }
@keyframes kubota-copy-in { 0%,20% { transform: perspective(900px) rotateX(-70deg) translateY(30px); opacity: 0; } 100% { transform: none; opacity: 1; } }
@media (max-width: 760px) {
 body.site-monobrand.site-code-kubota-motors .kubota-intro { padding: 22px 0 80px; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro__slide { grid-template-columns: 1fr; align-content: start; min-height: 0; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro__copy { max-width: none; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro :is(h1,h2) { font-size: clamp(42px, 11vw, 66px); }
 body.site-monobrand.site-code-kubota-motors .kubota-intro__copy p { font-size: 15px; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro__facts { gap: 6px; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro__facts span { padding: 6px 8px; font-size: 12px; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro__media { height: clamp(280px, 88vw, 480px); margin-top: 24px; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro .fiamm-button { min-height: 44px; }
 body.site-monobrand.site-code-kubota-motors .kubota-intro__controls { margin-top: 10px; }
 body.site-monobrand.site-code-kubota-motors .fiamm-scene-banner__fade { height: 220px; }
 body.site-monobrand.site-code-kubota-motors .fiamm-scene-banner__copy { padding-top: 90px; }
}
@media (prefers-reduced-motion: reduce) {
 body.site-monobrand.site-code-kubota-motors .kubota-intro__slide :is(.kubota-intro__media, .kubota-intro__copy, img) { animation: none !important; }
}
