html.integra-miniapp { color-scheme: dark; background: #0b0d0f; scroll-padding-top: 112px; }
.integra-miniapp body { margin: 0; background: #0b0d0f; color: #f1f1ed; font-family: Arial, sans-serif; padding: 0 0 max(16px, env(safe-area-inset-bottom), var(--miniapp-safe-bottom, 0px)); min-height: var(--miniapp-height, 100dvh); }
.integra-miniapp *, .miniapp-home * { box-sizing: border-box; letter-spacing: 0; }
.integra-miniapp body .site-header.marketplace-header { display: none !important; }
.integra-miniapp .integra-support-widget { display: none !important; }
.integra-miniapp body.integra-public>main { padding: 12px !important; margin: 0 auto !important; width: 100%; }
.integra-miniapp body.integra-public .catalog-layout { margin: 0 !important; padding: 0 !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
.integra-miniapp body.integra-public .catalog-results { padding: 0 !important; margin: 0 !important; }
.integra-miniapp body.integra-public :is(.catalog-layout,.catalog-results,.catalog-results .product-grid) { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; }
.integra-miniapp body.integra-public .catalog-toolbar { display: flex !important; padding: 8px 10px; }
.integra-miniapp body.integra-public .mobile-category-tile { min-height: 36px !important; height: auto !important; padding: 8px 10px !important; align-items: center !important; background: #1c2023 !important; }
.integra-miniapp :is(.marketplace-quicknav,.constructor-header,.seo-info-card,.vehicle-seo-info,.catalog-seo-content,.catalog-seo,.brand-catalog-benefits,.brand-catalog-bottom) { display: none !important; }
.integra-miniapp :is(.site-header,.topline,.site-footer,.mobile-bottom-nav,.marketplace-category-strip,.marketplace-quick-links,.brand-catalog-description,.catalog-hero h1,.product-side-rail,.product-breadcrumbs,.catalog-page-heading>.product-information-links,.catalog-seo-section,.seo-content-section,.catalog-editorial,.pwa-install,.pwa-install-guide,#integra-support-root,.constructor-hero,.brand-faq,.brand-benefits,.brand-partner-band) { display: none !important; }
.integra-miniapp body>main { width: 100%; max-width: 1200px; margin: 0 auto; padding: 12px; }
.integra-miniapp .section-shell { padding: 0; width: 100%; }
.integra-miniapp .miniapp-nav { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #433825; padding: max(6px, env(safe-area-inset-top), var(--miniapp-safe-top, 0px)) 12px 8px; background: #090a0bf5; }
.miniapp-nav-top { display: flex; align-items: center; gap: 12px; max-width: 1176px; margin: auto; height: 42px; }
.miniapp-logo { display: block; margin-right: auto; }
.miniapp-logo img { display: block; width: 116px; height: 32px; object-fit: contain; }
.integra-miniapp .miniapp-back { width: 36px; height: 36px; min-height: 0; padding: 0; border: 1px solid #565345; border-radius: 5px; background: #1c2023; color: #e2c289; font-size: 22px; cursor: pointer; }
.integra-miniapp .miniapp-manager { color: #e2c289; font-size: 13px; text-decoration: none; padding: 10px 0; }
.miniapp-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; max-width: 1176px; margin: 6px auto 0; }
.integra-miniapp .miniapp-tabs a { display: flex; justify-content: center; align-items: center; height: 38px; min-width: 0; border: 1px solid #49473e; border-radius: 5px; background: #1c2023; color: #e9e7e0; font-size: 14px; font-weight: 600; text-decoration: none; }
.integra-miniapp .miniapp-tabs a[aria-current] { background: #e2be7e; border-color: #e2be7e; color: #151515; }
.integra-miniapp .miniapp-nav-top .miniapp-cart { width: 40px; height: 40px; display: grid; place-items: center; flex: none; color: #e2be7e; border: 1px solid #5e4d2d; border-radius: 5px; background: #141414; }
.integra-miniapp .miniapp-nav-top .miniapp-cart:hover { background: #292317; }
.miniapp-cart svg,.miniapp-search svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.integra-miniapp .miniapp-nav [hidden],.integra-miniapp [hidden].miniapp-network,.integra-miniapp [hidden].miniapp-loading { display: none !important; }
.miniapp-network { padding: 12px; background: #38291d; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; font-size: 14px; }
.miniapp-network button { background: #e2be7e; color: #151515; border: 0; padding: 8px 12px; border-radius: 4px; cursor: pointer; }
.miniapp-loading { position: fixed; bottom: max(18px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); z-index: 100; padding: 12px 24px; background: #20272c; color: #f3eadb; border: 1px solid #b19767; border-radius: 5px; }
.integra-miniapp .catalog-stage { background: none; border: 0; padding: 0; }
.integra-miniapp .catalog-hero { padding: 0; background: none; min-height: 0; }
.integra-miniapp .catalog-hero-meta { margin: 0; justify-content: space-between; }
.integra-miniapp .catalog-workspace { padding: 10px 0 0; }
.integra-miniapp .catalog-results-heading { margin: 18px 0 12px; align-items: baseline; gap: 8px; }
.integra-miniapp .catalog-results-heading h2 { font-size: 18px; text-transform: none; }
.integra-miniapp .catalog-results-tools { font-size: 12px; }
.integra-miniapp .catalog-layout { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.integra-miniapp .catalog-layout>.filters { display: none; }
.integra-miniapp .catalog-page-heading { margin: 0 0 12px; padding: 0; }
.integra-miniapp .catalog-page-heading h1 { font-size: 22px; line-height: 1.2; margin: 0 0 12px; }
.integra-miniapp .miniapp-search { display: flex; gap: 6px; width: 100%; }
.integra-miniapp .miniapp-search input { flex: 1; min-width: 0; padding: 10px 12px; height: 42px; background: #1c2023; color: #f1f1ed; border: 1px solid #555044; border-radius: 4px; font-size: 16px; }
.integra-miniapp .miniapp-search button { width: 44px; height: 42px; display: grid; place-items: center; border: 1px solid #b19767; background: #e2be7e; color: #171717; border-radius: 4px; cursor: pointer; }
.integra-miniapp .mobile-catalog-categories { display: block; padding: 0; margin: 0 0 12px; }
.integra-miniapp .mobile-catalog-categories-head { display: none; }
.integra-miniapp .mobile-category-tile-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.integra-miniapp .mobile-category-tile { width: auto; height: auto; min-height: 36px; aspect-ratio: auto; padding: 8px 10px; display: flex; align-items: center; font-size: 12px; background: #1c2023; }
.integra-miniapp .mobile-category-tile span { position: static; padding: 0; font-size: 12px; }
.integra-miniapp .mobile-category-tile::before,.integra-miniapp .mobile-category-tile::after { display: none; }
.integra-miniapp .mobile-category-tile img { display: none; }
.integra-miniapp .mobile-category-tile:nth-child(n+5) { display: none; }
.integra-miniapp .catalog-toolbar { margin: 8px 0 12px; font-size: 13px; }
.integra-miniapp .catalog-toolbar>a { display: none; }
.integra-miniapp .product-commerce-layout { grid-template-columns: minmax(0,1fr); }
.integra-miniapp #product-title { font-size: 22px; line-height: 1.25; margin: 0 0 12px; }
.integra-miniapp .product-main-column>.product-info-card { margin-top: 14px; }
.integra-miniapp .ui-modal-box { max-height: calc(var(--miniapp-visible-height, 100dvh) - 32px); overflow-y: auto; }
.integra-miniapp :is(.product-page-shell,.product-main-column,.catalog-results) { min-width: 0; width: 100%; }
.integra-miniapp :is(.button,button,a,input,select) { touch-action: manipulation; }
.integra-miniapp .miniapp-contact { display: block; color: #e2c289; text-align: center; text-decoration: none; padding: 14px 8px; font-size: 14px; }
.integra-miniapp .miniapp-model-title { font-size: 18px; line-height: 1.3; margin: 0 0 12px; color: #ece4d4; }
.miniapp-home .miniapp-tabs,.miniapp-home .miniapp-manager { display: none; }
.integra-miniapp .miniapp-home>main.miniapp-directions { max-width: 680px; padding: 12px 12px max(20px,env(safe-area-inset-bottom)); }
.miniapp-intro { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 4px 2px 12px; }
.miniapp-intro span { color: #d8b875; font-size: 10px; font-weight: 800; }
.miniapp-intro p { color: #a7a5a0; font-size: 12px; margin: 0; }
.miniapp-featured,.miniapp-direction { position: relative; display: block; overflow: hidden; border: 1px solid #5c4c32; border-radius: 5px; color: #f4f1e8; text-decoration: none; background: #0d0e0f; transition: border-color .18s,transform .18s; }
.miniapp-featured:hover,.miniapp-direction:hover { border-color: #d7ae65; }
.miniapp-featured:active,.miniapp-direction:active { transform: scale(.995); }
.miniapp-featured { height: clamp(265px,35svh,315px); margin-bottom: 10px; }
.miniapp-featured picture,.miniapp-featured picture img { position: absolute; inset: 0; width: 100%; height: 100%; }
.miniapp-featured picture img { object-fit: cover; object-position: center 66%; }
.miniapp-featured:after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,#050505d9 0%,#05050543 43%,#05050516 68%,#050505d9 100%); }
.miniapp-featured-copy { position: absolute; top: 16px; left: 17px; right: 15px; z-index: 1; }
.miniapp-featured-copy>span,.miniapp-direction-copy small { display: block; color: #e1be7c; font-size: 10px; font-weight: 800; }
.miniapp-featured-copy h1 { max-width: 250px; color: #fff; font-size: 31px; line-height: 1.04; margin: 9px 0 7px; font-weight: 800; }
.miniapp-featured-copy p { max-width: 280px; margin: 0; color: #e9e2d4; font-size: 12px; line-height: 1.35; }
.miniapp-featured-action { position: absolute; bottom: 14px; left: 16px; z-index: 1; display: inline-flex; align-items: center; gap: 18px; min-height: 41px; padding: 0 13px; background: #d8b570; color: #12100c; border-radius: 4px; font-size: 13px; font-weight: 800; }
.miniapp-featured-action svg,.miniapp-direction-arrow,.miniapp-contact svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; transform: rotate(180deg); }
.miniapp-direction { height: 132px; margin-bottom: 10px; }
.miniapp-direction>img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 61%; }
.miniapp-direction:after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,#080909 0%,#080909e8 39%,#08090935 100%); }
.miniapp-direction-copy { position: absolute; z-index: 1; top: 17px; left: 16px; right: 30px; min-width: 0; }
.miniapp-direction-copy strong { display: block; margin-top: 9px; color: #fff; font-size: 19px; line-height: 1.15; }
.miniapp-direction-copy em { display: block; margin-top: 6px; color: #dad3c6; font-size: 12px; font-style: normal; }
.miniapp-direction-arrow { position: absolute; right: 14px; bottom: 13px; z-index: 1; color: #e2be7e; }
.miniapp-game { height: 94px; border-color: #3d4a53; }
.miniapp-game>img { object-position: center 64%; }
.miniapp-game:after { background: linear-gradient(90deg,#080d14 0%,#080d14ed 42%,#080d1433 100%); }
.miniapp-game .miniapp-direction-copy { top: 11px; }
.miniapp-game .miniapp-direction-copy small { color: #85dce9; }
.miniapp-game .miniapp-direction-copy strong { margin-top: 6px; font-size: 17px; }
.miniapp-game .miniapp-direction-copy em { margin-top: 3px; }
.miniapp-contacts { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 14px 2px 0; border-top: 1px solid #413b2e; }
.integra-miniapp .miniapp-contacts .miniapp-contact { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 46px; padding: 6px 4px; font-size: 12px; }
.miniapp-contacts .miniapp-contact+.miniapp-contact { border-left: 1px solid #413b2e; }
.miniapp-contact svg { width: 13px; height: 13px; }
.miniapp-home a:focus-visible { outline: 2px solid #e4c483; outline-offset: 3px; }
.miniapp-home .icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
@media(max-width:600px){.miniapp-featured picture img{object-position:center 42%}}
@media(max-width:359px){.miniapp-featured-copy h1{font-size:28px}.miniapp-direction-copy strong{font-size:17px}.miniapp-featured-action{min-height:38px}}
@media(prefers-reduced-motion:reduce){.miniapp-featured,.miniapp-direction{transition:none}}
@media (max-width: 600px) {
  .integra-miniapp .product-detail .product-gallery-main { height: 280px !important; min-height: 0 !important; }
  .integra-miniapp .product-detail .product-gallery-main img { object-fit: contain !important; }
  .integra-miniapp .mobile-product-buybar { bottom: max(6px,env(safe-area-inset-bottom),var(--miniapp-safe-bottom,0px)) !important; }
  .integra-miniapp body:has(.mobile-product-buybar) { padding-bottom: 90px; }
  .integra-miniapp .vehicle-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .integra-miniapp .vehicle-card-heading { height: auto; min-height: 0; padding: 10px 12px 6px; }
  .integra-miniapp .vehicle-card-heading h3 { font-size: 19px; }
  .integra-miniapp .vehicle-cta { min-height: 40px; }
  .integra-miniapp .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .integra-miniapp .product-grid .product-card { min-width: 0; }
  .integra-miniapp .product-grid :is(h2,h3) { font-size: 14px; overflow-wrap: anywhere; }
  .integra-miniapp .product-grid .button { padding: 8px; font-size: 13px; }
  .integra-miniapp .catalog-total { font-size: 11px; }
  .integra-miniapp .catalog-total strong { font-size: 20px; }
  .integra-miniapp .catalog-hero-meta { gap: 8px; }
  .integra-miniapp .mobile-selection-bar { bottom: max(0px, env(safe-area-inset-bottom), var(--miniapp-safe-bottom, 0px)); }
}