/* Keep the captured Porsche drawer and footer; adapt product media and panel state. */
#tyaga-navigation[hidden], #tyaga-navigation [hidden] { display: none !important; }
#tyaga-navigation { position: fixed; inset: 0; z-index: 10000; }
#tyaga-navigation phn-nd-double-drawer { translate: 0 !important; }
#tyaga-navigation .series { display: block; color: inherit; text-decoration: none; width: 100%; }
#tyaga-navigation .model-image { object-fit: contain; object-position: center bottom; width: 100%; height: 100%; }
/* Motorcycles are taller than the cars in the captured template. Preserve proportions. */
#tyaga-navigation .model-image-container { aspect-ratio: 3 / 2 !important; }
#tyaga-navigation .model-header span { overflow-wrap: anywhere; }
#tyaga-navigation [data-tyaga-menu-panel="catalog"] .model-content {
  display:grid; grid-template-columns:minmax(108px, .8fr) minmax(0, 1.6fr); gap:8px; align-items:center;
}
#tyaga-navigation [data-tyaga-menu-panel="catalog"] .model-header { min-width:0; }
#tyaga-navigation [data-tyaga-menu-panel="catalog"] .model-header span { overflow-wrap:normal; hyphens:manual; }
#tyaga-navigation [data-tyaga-menu-panel="catalog"] .model-image-container { margin:0; }
#tyaga-navigation [data-tyaga-menu-panel="catalog"] .model-image-container-ratio-content { padding:0; inline-size:100%; }
#tyaga-navigation .tyaga-nav-description { font: inherit; line-height: 1.55; margin: 16px 0 24px; }
#tyaga-navigation [role="button"] { cursor: pointer; }
#tyaga-navigation [data-test-id="close-button"] { font-size: 32px; line-height: 1; color: white; background:#313235; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
#tyaga-navigation [role="button"]:focus-visible, #tyaga-navigation a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
#tyaga-navigation phn-nd-side-drawer-item.active { background: #f4f4f4; border-radius: 4px; }
#tyaga-navigation .tyaga-nav-back { display:none; }
@media (max-width:759px) {
  #tyaga-navigation phn-nd-double-drawer,
  #tyaga-navigation .phn-double-drawer,
  #tyaga-navigation .drawer,
  #tyaga-navigation .drawer-content { width:100% !important; max-width:100% !important; }
  #tyaga-navigation .phn-double-drawer > .drawer { position:absolute !important; inset:0; }
  #tyaga-navigation .phn-double-drawer > .main-drawer { display:none; }
  #tyaga-navigation[data-detail] .phn-double-drawer > .drawer:not(.main-drawer) { display:none; }
  #tyaga-navigation[data-detail] .phn-double-drawer > .main-drawer { display:block; }
  #tyaga-navigation .drawer-content { margin:0 !important; padding:0 !important; }
  #tyaga-navigation .side-drawer-header { display:none; }
  #tyaga-navigation .main-drawer-header { display:none; }
  #tyaga-navigation .side-drawer-container { padding:0 !important; }
  #tyaga-navigation .side-drawer-container,
  #tyaga-navigation .side-drawer-items,
  #tyaga-navigation phn-p-button-pure,
  #tyaga-navigation .body-container,
  #tyaga-navigation .text-container { width:100% !important; max-width:none !important; box-sizing:border-box; }
  #tyaga-navigation phn-nd-side-drawer { width:100% !important; flex-basis:100% !important; }
  #tyaga-navigation phn-nd-router { display:none; width:100% !important; padding:88px 28px 32px !important; height:100dvh; overflow:auto; }
  #tyaga-navigation[data-detail] phn-nd-side-drawer { display:none; }
  #tyaga-navigation[data-detail] phn-nd-router { display:block; }
  #tyaga-navigation .side-drawer-items { padding:88px 28px 32px !important; }
  #tyaga-navigation phn-nd-side-drawer-item { min-height:60px; width:100%; }
  #tyaga-navigation [data-test-id="close-button"] { position:fixed !important; top:16px !important; right:20px !important; left:auto !important; z-index:400; }
  #tyaga-navigation[data-detail] .tyaga-nav-back { display:block; position:fixed; top:26px; left:28px; z-index:400; border:0; background:transparent; color:#010205; font:inherit; font-size:18px; cursor:pointer; }
  #tyaga-navigation .models-item { width:100%; }
  #tyaga-navigation phn-nd-models { padding:0 !important; }
}

/* Larger catalog subjects inside the captured drawer. */
#tyaga-navigation [data-tyaga-menu-panel="catalog"] { padding:10px 20px 0; }
#tyaga-navigation [data-tyaga-menu-panel="catalog"] .models-item { width:100%; }
#tyaga-navigation [data-tyaga-menu-panel="catalog"] .model-area-button { padding:16px 12px; }
#tyaga-navigation .tyaga-brand-card .model-header { display:none; }
#tyaga-navigation .tyaga-brand-card .model-image-container { aspect-ratio:auto !important; height:80px; margin:0; }
#tyaga-navigation .tyaga-brand-card .model-image-container-ratio-content { width:100%; padding:0; }
#tyaga-navigation .tyaga-brand-logo { width:220px; max-width:90%; height:72px; object-fit:contain; object-position:center; }
#tyaga-navigation .tyaga-brand-logo[src$="rutrike.png"] { filter:brightness(0); width:108px; }
#tyaga-navigation .tyaga-brand-logo[src$="white-siberia.png"],
#tyaga-navigation .tyaga-brand-logo[src$="siberton.png"] { filter:brightness(0); }
#tyaga-footer .wordmark img { display:block; width:clamp(200px,26vw,330px); height:120px; object-fit:contain; }
#tyaga-navigation .tyaga-info-card .model-content { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:20px; row-gap:8px; align-items:start; }
#tyaga-navigation .tyaga-nav-icon { grid-column:1; grid-row:1 / 3; width:40px; height:40px; }
#tyaga-navigation .tyaga-info-card .model-header { grid-column:2; }
#tyaga-navigation .tyaga-info-card .tyaga-nav-description { grid-column:2; margin:0; font-size:16px; line-height:1.45; color:#62636a; }
@media (max-width:759px) {
  #tyaga-navigation phn-nd-router:has([data-tyaga-menu-panel="catalog"]:not([hidden])) { padding-inline:16px !important; }
  #tyaga-navigation .tyaga-info-card .model-content { column-gap:16px; }
  #tyaga-navigation .tyaga-info-card .model-area-button { padding:20px 8px; }
}