/* Presentation fixes for the legacy modules. Load after pitlane.css.
   Selectors deliberately outrank the fixed-width rules in css/grid.css.
   No visibility, request fields, action IDs or state classes are changed. */

body.pitlane .brand-row > *,
body.pitlane .main-nav > *,
body.pitlane .footer-grid > *,
body.pitlane .service-grid > * { min-width: 0; }
body.pitlane .brand { flex-shrink: 0; }
body.pitlane .quick-search { flex: 0 1 230px; }
body.pitlane .cart-top { flex: 0 1 280px; max-width: 280px; }
body.pitlane .cart-top > span { max-width: 100%; }
body.pitlane .cart-top span.login a,
body.pitlane .cart-top span a {
  float: none;
  width: auto;
  max-width: 100%;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
body.pitlane .cart-top > span:has(#welcometext) {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.pitlane .cart-top #welcometext { flex: 1; min-width: 0; }
body.pitlane .cart-top span.menu {
  flex-shrink: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px 8px;
  line-height: 1.5;
}
body.pitlane .cart-top-menu { max-width: calc(100vw - 36px); }
body.pitlane .main-nav { flex-wrap: wrap; }
body.pitlane .navigation-links { flex-wrap: wrap; column-gap: 24px; row-gap: 0; }
body.pitlane .main-nav .booking-nav { flex-shrink: 0; }

/* Use one set of tracks for controls and remove the legacy floated spacers. */
body.pitlane .header-bottom { gap: 12px; align-items: end; padding-top: 14px; padding-bottom: 14px; }
body.pitlane .header-bottom[style*="block"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
}
body.pitlane .header-bottom .searchdiv-block,
body.pitlane .header-bottom .searchdiv-block-last,
body.pitlane #kereso-egyeb .searchdiv-block {
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  align-self: end;
}
body.pitlane .header-bottom .searchdiv-block h3 {
  min-height: 18px;
  margin: 0 0 7px;
  line-height: 18px;
  overflow-wrap: anywhere;
}
body.pitlane .header-bottom .searchdiv-block:has(select.searchdiv-select) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  grid-column: span 2;
  column-gap: 6px;
  min-width: 0;
}
body.pitlane .header-bottom .searchdiv-block:has(select.searchdiv-select) h3 {
  grid-column: 1 / -1;
}
body.pitlane .header-bottom .searchdiv-block select,
body.pitlane .header-bottom .searchdiv-block select.searchdiv-select {
  display: block;
  float: none;
  width: 100%;
  min-width: 0;
  height: 44px;
  margin: 0;
  padding: 8px 6px;
  font: 13px/1.3 Arial, Helvetica, sans-serif;
  border: 1px solid #dadddc;
  background: #fafbf9;
  color: var(--ink);
}
body.pitlane .header-bottom .searchdiv-block > span:not(.button) {
  align-self: center;
  padding: 0;
  line-height: 1.3;
}
body.pitlane .header-bottom .searchdiv-block span.button,
body.pitlane .header-bottom .searchdiv-block-last span.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  height: auto;
  margin: 0;
  padding: 12px 10px;
  background: var(--red);
  color: #fff;
  font: 700 12px/1.5 Arial, Helvetica, sans-serif;
  text-align: center;
  text-indent: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.pitlane .header-bottom .searchdiv-block span.button:hover,
body.pitlane .header-bottom .searchdiv-block-last span.button:hover { background: #c71b10; }

/* Actual module titles are h2.productname, rather than label.productname. */
body.pitlane .product { align-items: flex-start; min-height: 0; padding: 16px; margin-bottom: 10px; }
body.pitlane .product-left { min-width: 0; }
body.pitlane .product-left > a { display: block; }
body.pitlane .product-left > a img {
  display: block;
  float: none;
  margin: 0 auto 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
body.pitlane .product .product-left :is(h4, ul, li) {
  float: none;
  width: auto;
  max-width: 100%;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  background: none;
  overflow-wrap: anywhere;
}
body.pitlane .product-right {
  display: grid;
  grid-template-columns: minmax(100px, .85fr) minmax(0, 1.15fr);
  gap: 2px 12px;
  padding: 0 0 0 8px;
  min-height: 0;
}
body.pitlane .product-right h2.productname,
body.pitlane .product-right label.productname {
  grid-column: 1 / -1;
  width: auto;
  height: auto;
  max-height: none;
  overflow: visible;
  clear: none;
  margin: 0 0 6px;
  padding: 0;
  background: none;
  color: var(--ink);
  font: 700 18px/1.4 Arial, Helvetica, sans-serif;
  overflow-wrap: anywhere;
}
body.pitlane .product-right h2.productname a {
  display: inline;
  float: none;
  color: inherit;
  font: inherit;
  white-space: normal;
}
body.pitlane .product-right > label:not(.productprice):not(.productname) {
  grid-column: 1;
  clear: none;
  width: auto;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
body.pitlane .product-right > span.productcode { grid-column: 2; overflow-wrap: anywhere; }
body.pitlane .product-right > img.arvaltozas {
  float: none;
  grid-column: 2;
  margin: 0 0 3px;
}
body.pitlane .product-right :is(p, .productprice, .button-details) { grid-column: 1 / -1; }
body.pitlane .product-right .productprice {
  position: static;
  width: auto;
  max-width: 100%;
  margin: 8px 0 0;
  padding: 0;
  font: 700 23px/1.35 Arial, Helvetica, sans-serif;
  text-align: right;
  overflow-wrap: anywhere;
}
body.pitlane .product-right .button-details {
  position: static;
  justify-self: end;
  margin: 8px 0 0;
  max-width: 100%;
}
body.pitlane .product-right > .grid-spacer { display: none; }

/* Price tables and quantity controls keep their existing IDs and actions. */
body.pitlane .product .product-prices,
body.pitlane .product .product-prices ul {
  width: 100%;
  max-width: 100%;
  float: none;
  padding: 0;
  margin: 0;
}
body.pitlane .product .product-prices h5 {
  width: auto;
  float: none;
  padding: 10px 12px;
  margin: 0 0 8px;
  color: #fff;
  background: var(--dark-2);
  font: 700 15px/1.5 Arial, Helvetica, sans-serif;
}
body.pitlane .product-prices ul li:is(.normal, .green, .orange) {
  float: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 0 0 4px;
  padding: 12px;
  font: 700 17px/1.5 Arial, Helvetica, sans-serif;
  border: 1px solid var(--line);
}
body.pitlane .product-prices ul li:is(.normal, .green, .orange) > :is(span, label) {
  display: block;
  float: none;
  flex: 1 1 150px;
  min-width: 0;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow-wrap: anywhere;
}
body.pitlane .product-bottom {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0 0 24px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--line);
}
body.pitlane .product-bottom form { margin: 0; }
body.pitlane .product-bottom div.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  float: none;
  width: 100%;
  height: auto;
  margin: 0 0 14px;
  line-height: 1.5;
}
body.pitlane .product-bottom div.row label {
  float: none;
  width: auto;
  margin: 0;
  font: 700 14px/1.5 Arial, Helvetica, sans-serif;
  color: var(--ink);
}
body.pitlane .product-bottom div.row select.details,
body.pitlane .product-bottom input[type=text].cart,
body.pitlane .product-bottom input[type=text].cart_me {
  float: none;
  width: 86px;
  max-width: 100%;
  min-height: 44px;
  height: auto;
  margin: 0;
  padding: 9px;
  background: #fff;
  border: 1px solid #d3d9d6;
  font: 15px/1.5 Arial, Helvetica, sans-serif;
  color: var(--ink);
}

/* Override the 210px offsets and 500px widths from the old form stylesheet. */
body.pitlane :is(.grid11, .grid12, .grid23) ul.order {
  float: none;
  width: 100%;
  margin: 0 0 16px;
  padding: 0;
}
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li {
  display: grid;
  grid-template-columns: minmax(150px, 210px) minmax(0, 420px);
  align-items: center;
  gap: 5px 14px;
  float: none;
  width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 5px 0;
  text-align: left;
}
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > label {
  grid-column: 1;
  align-self: start;
  float: none;
  clear: none;
  width: auto;
  height: auto;
  margin: 10px 0 0;
  padding: 0;
  color: var(--ink);
  font: 13px/1.6 Arial, Helvetica, sans-serif;
  overflow-wrap: anywhere;
}
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > :is(input, select, textarea) {
  grid-column: 2;
  float: none;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d3d9d6;
  border-radius: 0;
  background: #fff;
  color: var(--ink);
  font: 14px/1.5 Arial, Helvetica, sans-serif;
}
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { width: 100%; }
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > textarea { min-height: 120px; resize: vertical; }
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > :is(input.disabled, textarea.disabled, input:disabled, textarea:disabled) {
  background: #e9ece7;
  color: #54615a;
  border-color: #c5cec8;
}
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > span {
  grid-column: 2;
  float: none;
  clear: none;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: var(--muted);
  font: 12px/1.6 Arial, Helvetica, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > :is(input[type=checkbox], input[type=radio]) {
  justify-self: start;
  min-height: 18px;
  height: 18px;
  padding: 0;
}

/* These legacy action classes are also used outside lists. State stays intact. */
body.pitlane :is(span.button, span.button-disabled, span.button-buy, span.button-buy-gray,
span.button-checkin, span.button-invite, span.button-invite-gray, span.button-coupon,
span.button-coupon-gray, span.button-small, span.button-details),
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > span:is(.button, .button-disabled) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: none;
  clear: none;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  height: auto;
  margin: 6px 0;
  padding: 12px 20px;
  border: 0;
  border-radius: 0;
  background: var(--red);
  color: #fff;
  font: 700 13px/1.5 Arial, Helvetica, sans-serif;
  text-align: center;
  text-indent: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > span:is(.button, .button-disabled) { justify-self: start; }
body.pitlane :is(span.button-disabled, span.button-buy-gray, span.button-invite-gray, span.button-coupon-gray),
body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > span.button-disabled {
  background: #dfe3df;
  color: #58615b;
  cursor: default;
}

/* The same foglalas class is shared by each card, its text and its radio. */
body.pitlane div.foglalas {
  width: 130px;
  min-height: 84px;
  margin: 0 8px 10px 0;
  padding: 8px;
  gap: 6px;
  line-height: 1.5;
}
body.pitlane div.foglalas > span.foglalas {
  display: block;
  float: none;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: none;
  line-height: 1.5;
}
body.pitlane div.foglalas > span.foglalas label {
  float: none;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  font: 13px/1.5 Arial, Helvetica, sans-serif;
  text-align: center;
}
body.pitlane div.foglalas > input.foglalas {
  display: inline-block;
  float: none;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
  padding: 0;
  border: initial;
  border-radius: initial;
  background: initial;
  box-shadow: none;
  vertical-align: middle;
}
body.pitlane div.foglalas:not(.foglalt):hover { background: #fff3ef; border-color: var(--red); }
body.pitlane div.foglalas.foglalt:hover { background: #e6e9e5; }

/* Cart columns stay aligned, with contained horizontal scrolling on phones. */
body.pitlane #ajax-status-cart-full { width: 100%; max-width: 100%; overflow-x: auto; }
body.pitlane :is(.row-header, .row-odd, .row-even, .row-shipping, .row-referral, .row-last) {
  display: grid;
  grid-template-columns: minmax(64px, .65fr) minmax(150px, 2.1fr) minmax(55px, .55fr) minmax(90px, 1fr) minmax(90px, 1fr) 36px;
  gap: 12px;
  float: none;
  width: 100%;
  min-width: 680px;
  height: auto;
  min-height: 48px;
  align-items: center;
  padding: 10px 12px;
  background-image: none;
  border-bottom: 1px solid var(--line);
  font: 13px/1.5 Arial, Helvetica, sans-serif;
}
body.pitlane .row-header { background: var(--dark-2); color: #fff; font-weight: 700; }
body.pitlane :is(.row-odd, .row-even) { background: #fff; }
body.pitlane .row-shipping { background: #fff8ec; }
body.pitlane .row-last { background: var(--dark-2); color: #fff; }
body.pitlane :is(.row-header, .row-odd, .row-even, .row-shipping, .row-referral, .row-last) > :is(.c1, .c2, .c3, .c4, .c5, .c6) {
  width: auto;
  min-width: 0;
  float: none;
  padding: 0;
  overflow-wrap: anywhere;
}
body.pitlane :is(.row-header, .row-odd, .row-even, .row-shipping, .row-referral, .row-last) :is(span, a) {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  line-height: 1.6;
}
body.pitlane :is(.row-header, .row-odd, .row-even, .row-shipping, .row-referral, .row-last) :is(.c3, .c4, .c5) { text-align: right; }
body.pitlane .row-shipping .c2 select {
  float: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 44px;
  margin: 6px 0 0;
  padding: 8px;
  background: #fff;
  border: 1px solid #d3d9d6;
  color: var(--ink);
  font: 13px/1.5 Arial, Helvetica, sans-serif;
}
body.pitlane .row-odd:has(> .c2:only-child) { display: block; min-width: 0; }
body.pitlane .row-last :is(.c4, .c5) span { font-size: 16px; line-height: 1.5; }

body.pitlane .module-content :is(h1, h2, h3, h4, h5, h6) { overflow-wrap: anywhere; }
body.pitlane :is(.grid11, .grid12, .grid23, .grid13) h6 {
  float: none;
  width: auto;
  max-width: 100%;
  font: 700 21px/1.4 Arial, Helvetica, sans-serif;
  color: var(--ink);
  margin: 0 0 16px;
}
body.pitlane ul.contact-data {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
}
body.pitlane ul.contact-data li {
  float: none;
  width: auto;
  max-width: 100%;
  min-width: 0;
  padding: 4px 0;
  background: none;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
body.pitlane ul.contact-data li label {
  float: none;
  display: inline-block;
  width: auto;
  min-width: 142px;
  max-width: 100%;
  padding-right: 12px;
  font-weight: 700;
}
body.pitlane .service-callout .primary-button { max-width: 100%; text-align: center; }
body.pitlane :is(.footer-grid, .footer-bottom) :is(p, a, span) { overflow-wrap: anywhere; }
body.pitlane ul:is(.grouplist-gyik, .grouplist-gyik-sub, .grouplist-info) {
  width: 100%;
  max-width: 100%;
  float: none;
}
body.pitlane ul:is(.grouplist-gyik, .grouplist-gyik-sub, .grouplist-info) li {
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* A shorter shared shell leaves more of the actual catalogue above the fold. */
body.pitlane .preview-notice { padding-top: 5px; padding-bottom: 5px; }
body.pitlane .utility { padding-top: 5px; padding-bottom: 5px; }
body.pitlane .brand-row { min-height: 84px; padding-top: 9px; padding-bottom: 9px; gap: 24px; }
body.pitlane .brand img { width: 168px; }
body.pitlane .brand-note { margin-left: 20px; font-size: 11px; line-height: 1.5; }
body.pitlane .main-nav { min-height: 46px; }
body.pitlane .main-nav a { padding-top: 11px; padding-bottom: 11px; }
body.pitlane .hero-grid { padding-top: 20px; padding-bottom: 20px; gap: 32px; }
body.pitlane .pitlane-hero .eyebrow { margin: 0 0 6px; }
body.pitlane .pitlane-hero h1 { font-size: clamp(42px, 4.6vw, 60px); line-height: 1.02; margin: 8px 0; letter-spacing: -2.5px; }
body.pitlane .pitlane-hero p:not(.eyebrow) { font-size: 13px; line-height: 1.6; margin: 9px 0 12px; max-width: 420px; }
body.pitlane .hero-art { min-height: 230px; }
body.pitlane .hero-art img { width: 340px; height: 230px; }
body.pitlane .hero-art:before { inset: 28px 8%; }
body.pitlane .outline-button { min-height: 42px; padding: 9px 16px; }
body.pitlane .search-tabs button { min-height: 44px; padding-top: 12px; padding-bottom: 10px; }
body.pitlane .trust-strip { padding-top: 15px; padding-bottom: 16px; gap: 12px; }
body.pitlane .content { padding-top: 22px; padding-bottom: 12px; }
body.pitlane .page-heading .eyebrow { margin-bottom: 5px; }
body.pitlane .page-heading h2 { margin: 3px 0 18px; font-size: 27px; }
body.pitlane .bc { margin-bottom: 16px; }
body.pitlane :is(.grid11, .grid12, .grid13, .grid23) { margin-bottom: 18px; }
body.pitlane .grid11 h1 { margin-bottom: 14px; }
body.pitlane .grid11 h2:not(.productname) { padding-top: 10px; padding-bottom: 5px; margin-bottom: 12px; }
body.pitlane .grid11 h4 { margin-top: 14px; margin-bottom: 8px; }
body.pitlane .grid11 p { margin-top: 8px; margin-bottom: 8px; }
body.pitlane .grid11 .checkin-left, body.pitlane .grid11 .checkin-right { padding-top: 10px; padding-bottom: 10px; }
body.pitlane .pages { margin-top: 18px; margin-bottom: 18px; }
body.pitlane .service-grid { padding-top: 18px; padding-bottom: 30px; gap: 18px; }
body.pitlane .service-callout, body.pitlane .location-callout { padding: 22px 24px; }
body.pitlane .service-grid h2 { margin-top: 6px; margin-bottom: 9px; font-size: 24px; }
body.pitlane .service-grid .eyebrow { margin-bottom: 7px; }
body.pitlane .pitlane-footer { padding-top: 30px; padding-bottom: 16px; }
body.pitlane .footer-grid { gap: 28px; }
body.pitlane .footer-grid h3 { margin-bottom: 10px; }
body.pitlane .footer-bottom { margin-top: 24px; padding-top: 14px; }
@media (min-width: 601px) {
  body.pitlane .product-right .productprice { grid-column: 1; align-self: center; text-align: left; font-size: 21px; }
  body.pitlane .product-right .button-details { grid-column: 2; align-self: center; padding: 10px 16px; min-height: 42px; font-size: 12px; }
}

@media (max-width: 1050px) {
  body.pitlane .brand-row { gap: 18px; }
  body.pitlane .brand-note { display: none; }
  body.pitlane .cart-top { flex-basis: 265px; }
  body.pitlane .product-right { padding-right: 0; }
  body.pitlane .service-callout .primary-button { margin-top: 12px; }
}
@media (max-width: 760px) {
  body.pitlane .brand-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px 12px;
  }
  body.pitlane .brand img { width: 120px; }
  body.pitlane .brand { justify-self: start; }
  body.pitlane .quick-search { grid-column: 1 / -1; width: 100%; order: 3; }
  body.pitlane .cart-top { width: 100%; max-width: 100%; justify-content: flex-end; }
  body.pitlane .cart-top > span:has(#welcometext) { width: 100%; }
  body.pitlane .cart-top .login { text-align: right; }
  body.pitlane .cart-top span.login a { text-align: right; }
  body.pitlane #ajax-status-cart { padding: 9px 10px; font-size: 11px; }
  body.pitlane .navigation-links.open { display: block; }
  body.pitlane .hero-grid { padding-top: 22px; padding-bottom: 22px; gap: 16px; }
  body.pitlane .pitlane-hero h1 { font-size: clamp(34px, 10.5vw, 48px); letter-spacing: -2px; }
  body.pitlane .hero-art { min-height: 170px; }
  body.pitlane .hero-art img { height: 170px; width: 250px; }
  body.pitlane .hero-art:before { inset: 22px 14%; }
  body.pitlane .trust-strip { padding-top: 12px; padding-bottom: 12px; }
  body.pitlane .content { padding-top: 18px; }
  body.pitlane .page-heading h2 { font-size: 24px; }
  body.pitlane .header-bottom[style*="block"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; }
  body.pitlane .header-bottom .searchdiv-block-last { grid-column: 1 / -1; }
  body.pitlane .product .product-left { width: 80px; flex-basis: 80px; }
  body.pitlane .product-right .productprice { position: static; font-size: 21px; }
  body.pitlane .product-right h2.productname { font-size: 16px; }
  body.pitlane .product-right .button-details { position: static; margin-top: 8px; }
  body.pitlane :is(.grid11, .grid12, .grid23) ul.order li { grid-template-columns: minmax(0, 1fr); gap: 5px; padding-top: 6px; padding-bottom: 6px; }
  body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > :is(label, input, select, textarea, span) { grid-column: 1; }
  body.pitlane :is(.grid11, .grid12, .grid23) ul.order li > label { margin: 0; }
  body.pitlane div.foglalas { width: calc((100% - 24px) / 3); margin-right: 8px; }
  body.pitlane .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pitlane .service-callout { min-width: 0; }
}
@media (max-width: 600px) {
  body.pitlane .product-right { grid-template-columns: minmax(0, 1fr); gap: 1px; padding-left: 0; }
  body.pitlane .product-right > label:not(.productprice):not(.productname),
  body.pitlane .product-right > span.productcode,
  body.pitlane .product-right > img.arvaltozas { grid-column: 1; }
  body.pitlane .product-right > span.productcode { margin-bottom: 6px; color: var(--ink); }
  body.pitlane .product-right .productprice { text-align: left; margin-top: 9px; }
  body.pitlane .product-right .button-details { justify-self: start; }
  body.pitlane ul.contact-data li label { min-width: 0; display: block; padding-right: 0; }
}
@media (max-width: 360px) {
  body.pitlane .pitlane-wrap { padding-left: 14px; padding-right: 14px; }
  body.pitlane .brand img { width: 100px; }
  body.pitlane .brand-row { column-gap: 10px; }
  body.pitlane .cart-top { gap: 6px; }
  body.pitlane .main-nav { column-gap: 12px; }
  body.pitlane .main-nav .booking-nav { font-size: 11px; }
  body.pitlane .product { padding: 12px; }
  body.pitlane .product .product-left { width: 65px; flex-basis: 65px; padding-right: 9px; }
  body.pitlane .product .product-left > a img { width: 54px !important; height: 72px !important; }
  body.pitlane .product-right h2.productname { font-size: 15px; }
  body.pitlane .product-right .productprice { font-size: 19px; }
  body.pitlane div.foglalas { width: calc((100% - 16px) / 2); }
  body.pitlane .service-callout, body.pitlane .location-callout { padding: 20px; }
}

/* Compact final spacing and explicitly sized header tracks. */
body.pitlane .brand-row{display:grid;grid-template-columns:184px minmax(100px,1fr) minmax(180px,240px) minmax(230px,290px);gap:20px;min-height:82px;padding-top:9px;padding-bottom:9px}
body.pitlane .brand-row .brand-note{width:auto;max-width:none;min-width:0;margin:0;flex:none;text-align:left}
body.pitlane .brand-row .brand img{width:160px;height:auto}
body.pitlane .quick-search{width:100%;min-width:0}
body.pitlane .brand-row .cart-top{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;width:100%;max-width:none;min-width:0}
body.pitlane .cart-top>span:has(#welcometext){display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;max-width:175px}
body.pitlane .cart-top>span.order{display:none}
body.pitlane .cart-top>span.login{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;line-height:1.4}
body.pitlane .cart-top .account-divider{padding:0;color:#8a9499}
body.pitlane .cart-top>span:has(#ajax-status-cart){flex-shrink:0}
body.pitlane #ajax-status-cart{padding:10px 12px;min-height:40px;display:flex;align-items:center;white-space:nowrap;font-size:12px}
body.pitlane .auth-intro p,body.pitlane .service-grid p,body.pitlane .footer-grid p,body.pitlane .pitlane-hero p{text-align:left;width:auto;max-width:100%}
body.pitlane .brand-row .cart-top #welcometext{font-size:11px;line-height:1.45}
body.pitlane .account-callout{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:12px 0;font-size:13px}
body.pitlane .module-content p{margin-top:6px;margin-bottom:8px}
body.pitlane .auth-page-shell .auth-field{gap:5px 10px}
@media(max-width:1050px){body.pitlane .brand-row{grid-template-columns:164px minmax(150px,1fr) minmax(220px,280px);gap:16px}body.pitlane .brand-row .brand-note{display:none}body.pitlane .brand-row .brand img{width:145px}}
@media(max-width:760px){body.pitlane .brand-row{grid-template-columns:132px minmax(0,1fr);gap:9px 12px;padding-top:10px;padding-bottom:10px;min-height:0}body.pitlane .brand-row .brand img{width:112px}body.pitlane .quick-search{grid-column:1/-1}body.pitlane .brand-row .cart-top{flex-wrap:wrap;gap:6px 8px}body.pitlane .cart-top>span:has(#welcometext){max-width:100%;width:100%;grid-template-columns:auto minmax(0,1fr)}body.pitlane .cart-top span.menu{padding:3px 5px;font-size:10px}body.pitlane #ajax-status-cart{min-height:36px;padding:7px 10px;font-size:11px}body.pitlane .auth-card{padding:16px}body.pitlane .auth-intro h1{margin-bottom:8px}body.pitlane .auth-intro>a{font-size:11px}}
@media(max-width:360px){body.pitlane .brand-row{grid-template-columns:112px minmax(0,1fr)}body.pitlane .brand-row .brand img{width:94px}body.pitlane .cart-top>span.login{font-size:11px;gap:3px 5px}}