p#oemHeaderBlurb{font-size:0.8em;}
div#priceRangePanel{font-size:1.6em;font-weight:bold;}

#resultHeaderTable, #resultBodyTable{ margin: 0px; }
table.resizableTable{ width: 924px;}
table.resizablePartsTable{ width: 754px;}

#resultHeaderTable th a{ text-decoration: none; }
#resultHeaderTable th a:hover{ text-decoration: none; }

#resultHeaderTableMobile th{
  position: sticky;
  top: var(--rslt-bar-h, 92px);
  z-index: 5;
  background-color: var(--phl-surface);
  color: var(--phl-ink-soft);
  font: 600 11px/1.35 var(--phl-font);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 10px 8px;
  text-align: left;
  vertical-align: bottom;
  border-bottom: 2px solid var(--phl-line);
}

#resultHeaderTableMobile th a{ text-decoration: none; color: var(--phl-ink-soft); }
#resultHeaderTableMobile th a:hover{ text-decoration: none; color: var(--phl-blue); }

#resultBodyTable td{
    border-top: 1px solid #505050;
    padding: 10px 8px;
    vertical-align: top;
    text-align: left;
    line-height: 1.45;
    font-size: 0.8rem;
}

#resultsContentPanel #contentPanel{margin-bottom: 50px;}

#headerPanel{ position: sticky; top: 0; z-index: 30; }

#topBar{ position: sticky; top: var(--phl-header-h); z-index: 20; }

#resultHeaderPanel{
  position: sticky;
  top: 0;
  width: auto;
  margin: 0 calc(50% - 50vw);
  background-color: #fff;
  z-index: 10;
  border-bottom: 1px solid var(--phl-line);
}

#resultHeaderPanel #rsltBar{ max-width: 980px; margin: 0 auto; }

@media screen and ( max-width: 736px ){
  #headerPanel{ position: static; }
  #topBar{ position: static; }
}

#searchHeader{ width: 890px; margin: 0 0 0 28px; /*padding-bottom: 15px;*/ padding-left:17px; text-align: center; }
#searchHeaderParts{ width: 760px; margin: 0 0 0 26px; /*padding-bottom: 15px;*/ padding-left:17px; text-align: center; }

#resultPanel{ color: #ffffff; font-size: 11pt;width:100%;float:left; background-color: var(--phl-blue); }
#resultPanelParts{ color: #ffffff; font-size: 11pt; }

#resultHeader{ background-color: var(--phl-blue); color: #fff; padding-left: 28px; }
#resultHeaderParts{background-color: var(--phl-blue); color: #fff; padding-left: 28px;padding-right:15px;width: 751px;}

#resultBody{ font-size: 08pt; margin: 10px auto 0; width: auto; max-width: 980px; text-align: center; }
#resultBodyParts{ font-size: 08pt; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: 30px; width: 830px; text-align: center; }

@media screen and ( min-width: 737px ){
  #resultHeaderParts{ box-sizing: border-box; width: 830px; margin: 0 auto; padding-left: 0; padding-right: 0; }
  #resultHeaderParts table.resizeablePartsTable, #resultBodyParts table.resizeablePartsTable{ width: 100%; table-layout: fixed; }
  #resultBodyParts table.resizeablePartsTable td{ overflow-wrap: break-word; }
  .resizeablePartsTable th.img-col, .resizeablePartsTable td.img-col{ width: 9%; }
  .resizeablePartsTable th.norm-col, .resizeablePartsTable td.norm-col{ width: 11.5%; }
  .resizeablePartsTable th.wide-col, .resizeablePartsTable td.wide-col{ width: 20%; }
  .resizeablePartsTable th.small-col, .resizeablePartsTable td.small-col{ width: 6.75%; }
}

#resultPanel .topLeft{ width: 13px; height: 34px; background: url( '/templates/phl_v2/images/searchform_sprite.png' ) no-repeat; }
#resultPanel .topBar{ background-color: var(--phl-blue); width: 980px; height: 34px; color: #000; }
#resultPanel .topBar #cartStatus a{ color: #fff; }
#resultPanel .topRight{ width: 13px; height: 34px; background: url( '/templates/phl_v2/images/searchform_sprite.png' ) no-repeat -13px 0; }
#resultPanel .bottomLeft{ width: 13px; height: 14px; background: url( '/templates/phl_v2/images/searchform_sprite.png' ) no-repeat 0 -34px; }
#resultPanel .bottomBar{ width: 954px; height: 14px; background: url( '/templates/phl_v2/images/searchform_bar_sprite.png' ) repeat-x 0 -34px; }
#resultPanel .bottomRight{ width: 13px; height: 14px; background: url( '/templates/phl_v2/images/searchform_sprite.png' ) no-repeat -13px -34px; }

#resultPanel #cartStatus{ background-color: var(--phl-blue); }

#resultPanelParts .topLeft{display:none; }
#resultPanelParts .topBar{ display: none;}
#resultPanelParts .topRight{ display:none; }
#resultPanelParts .bottomLeft{ display:none; }
#resultPanelParts .bottomBar{ display:none; }
#resultPanelParts .bottomRight{ display:none; }

.addToCartButton{
  background-color: var(--phl-action);
  border: 1px solid var(--phl-action-dark);
  border-radius: var(--r-sm);
  color: #fff;
  padding: 7px 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.addToCartButton:hover{
  background-color: var(--phl-action-dark);
  box-shadow: var(--shadow-1);
  transform: translateY(-1px);
}

.addToCartButton:active{
  transform: translateY(0);
  box-shadow: none;
}

/*addition - aadel - 2017-01-24 - underlining and bolding cart status link */
#cartStatus a {
    text-decoration: underline;
    font-weight: bold;
}

.helptooltip{ max-width: 560px; margin: 0 auto; font-size: 13px; line-height: 1.5; color: #222; text-align: left; }
.helptooltip > :first-child{ margin-top: 0; }
.helptooltip .boldtext{ display: block; font-size: 14px; font-weight: 700; margin: 12px 0 4px; }
.helptooltip table.help_table{ width: 100%; border-collapse: collapse; margin: 2px 0 10px; }
.helptooltip .help_table td{ padding: 7px 10px 7px 0; border-top: 1px solid #e5e5e5; vertical-align: top; text-align: left; }
.helptooltip .help_table tr:first-child td{ border-top: none; }
.helptooltip td.grade{ font-weight: 700; color: var(--phl-blue); white-space: nowrap; width: 1%; padding-right: 14px; }
.helptooltip p{ margin: 0 0 3px; }
.helptooltip .ital{ font-style: italic; color: #777; }

.gradeInfoModal{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #1f2937; text-align: left; padding: 4px 6px 0; }
.gradeInfoModal .gradeSection + .gradeSection{ margin-top: 18px; padding-top: 14px; border-top: 1px solid #e5e7eb; }
.gradeInfoModal h4{ margin: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--phl-blue); }
.gradeInfoModal .gradeSectionSub{ margin: 1px 0 10px; font-size: 12.5px; color: #6b7280; }
.gradeInfoModal .gradeRow{ display: flex; align-items: flex-start; gap: 12px; padding: 7px 0; }
.gradeInfoModal .gradeBadge{ flex: 0 0 auto; width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color: #fff; margin-top: 1px; }
.gradeInfoModal .gradeA{ background-color: #2e7d32; }
.gradeInfoModal .gradeB{ background-color: #1565c0; }
.gradeInfoModal .gradeC{ background-color: #ef6c00; }
.gradeInfoModal .gradeX{ background-color: #6b7280; }
.gradeInfoModal .gradeBody{ min-width: 0; }
.gradeInfoModal .gradeLabel{ display: block; font-weight: 700; font-size: 13.5px; margin-bottom: 1px; }
.gradeInfoModal .gradeBody p{ margin: 0; color: #374151; }
.gradeInfoModal .gradeExample{ font-size: 12.5px; font-style: italic; color: #9ca3af !important; margin-top: 2px !important; }


.img-col{ width: 80px; }
.img-col img{ max-height: 80px; width: 80px; border-radius: var(--r-sm); }
.gallery.mobile{ display: none; }

@media screen and (max-width: 736px){
  body:not(.phlCardView) table.resizableTable td{ min-height: 40px !important; }
  .gallery.mobile{ display: inline-flex; padding-left: 20px; vertical-align: top; }
  img.img-col-mobile{ height: 40px; }
  td.img-col, th.img-col, .gallery.desktop{ display: none !important; }
}

.wide-col{ width: auto; min-width: 200px; }
.small-col{ width: 50px; }
.norm-col{ width: 85px; }

#blueimp-gallery .indicator li{ background-size: cover; }

@media (min-width: 990px){
  .blueimp-gallery>.indicator>li{ width: 80px !important; height: 80px !important; }
}

.blueimp-gallery > .close{ font-weight: bold; font-size: 36px; }

#resultPanel.rsltPanelModern{
  float: none;
  width: auto;
  max-width: 980px;
  margin: 0 auto;
  background-color: transparent;
  color: inherit;
  font-size: inherit;
}

#resultPanel.rsltPanelModern #resultHeader{
  background-color: transparent;
  color: inherit;
  padding-left: 0;
}

#resultPanel.rsltPanelModern #resultHeaderTable{ display: none; }

#resultHeaderTable th{
  background-color: var(--phl-surface);
  color: var(--phl-ink-soft);
  font: 600 11px/1.35 var(--phl-font);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 10px 8px;
  text-align: left;
  vertical-align: bottom;
}

#resultHeaderTable th a.sortLink{ color: var(--phl-ink-soft); }
#resultHeaderTable th a.sortLink:hover{ color: var(--phl-blue); }

#resultBodyTable td{
  border-top: 1px solid var(--phl-line);
  font-size: 0.8rem;
}

#resultBodyTable td.img-col{ vertical-align: middle; }

#resultHeaderTable th .whiteBoldLarge{
  display: block;
  font-size: 10px;
  font-weight: 400;
  opacity: 0.85;
}

body.phlNoOem #resultBodyTable td:nth-child(4),
body.phlNoOem #resultHeaderTable th:nth-child(4),
body.phlNoOem #resultHeaderTableMobile th:nth-child(4){ display: none; }

body.phlNoImgCol #resultBodyTable td:nth-child(1),
body.phlNoImgCol #resultHeaderTable th:nth-child(1),
body.phlNoImgCol #resultHeaderTableMobile th:nth-child(1){ display: none; }

#resultBodyTable tr:nth-child(even){ background-color: var(--phl-bg); }
#resultBodyTable tr:hover{ background-color: var(--phl-blue-50); }

#flashingText{
  font-weight: 700;
  font-size: 1.4em;
  color: var(--phl-red);
  margin-bottom: 15px;
}

#resultBodyTable td.priceCell{ font-weight: 700; white-space: nowrap; }

.rsltVehicle, .rsltPartName{ display: block; }

a.rsltPhone{ color: var(--phl-blue); text-decoration: none; white-space: nowrap; }
a.rsltPhone:hover{ color: var(--phl-blue-dark); text-decoration: underline; }

#shareSearchPanel{ animation: phlSlideDown 0.2s ease-out; }

#rsltBar{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-4);
  padding: var(--sp-3);
  position: relative;
}

.rsltLogo{ flex-shrink: 0; display: block; }

#rsltBar #phlLogo{ max-width: 140px; height: auto; display: block; }

#rsltSummary{ flex: 1 1 340px; min-width: 220px; }

#rsltTitle{
  margin: 0;
  font: 700 var(--fs-md)/1.3 var(--phl-font);
  color: var(--phl-ink);
}

.rsltTitleSep{ color: var(--phl-ink-soft); font-weight: 400; }

#rsltSub{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  font-size: var(--fs-xs);
  color: var(--phl-ink-soft);
  margin-top: 2px;
}

#rsltSub a{ font-weight: 600; }

#rsltSub > span + span::before{
  content: "\00b7";
  margin-right: 6px;
  color: var(--phl-ink-soft);
  opacity: 0.55;
}

@media screen and (max-width: 1180px){
  #rsltSub .rsltSave{ display: none; }
}

#rsltActions{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-left: auto;
}

#rsltActions #shareSearch,
#rsltActions #newSearch{ margin: 0; }

#rsltActions input[type="button"],
#rsltActions #viewToggleButton,
#rsltActions #cartStatus a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  height: 34px;
  padding: 0 12px;
  border-radius: var(--r-sm);
  border: 1px solid var(--phl-line);
  background-color: var(--phl-surface);
  color: var(--phl-ink);
  font: 600 var(--fs-xs)/1 var(--phl-font);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#rsltActions input[type="button"]:hover,
#rsltActions #viewToggleButton:hover{
  background-color: var(--phl-bg);
  border-color: var(--phl-ink-soft);
  color: var(--phl-ink);
}

#rsltActions #newSearchButton{
  background-color: var(--phl-action);
  border-color: var(--phl-action-dark);
  color: #fff;
}

#rsltActions #newSearchButton:hover{
  background-color: var(--phl-action-dark);
  border-color: var(--phl-action-dark);
  color: #fff;
}

#rsltActions #cartStatus a{
  gap: 5px;
  background-color: var(--phl-bg);
  color: var(--phl-ink-soft);
  font-weight: 700;
}

#rsltActions #cartStatus a:hover{
  background-color: var(--phl-surface);
  border-color: var(--phl-ink-soft);
  color: var(--phl-ink);
}

#rsltActions #viewToggle{ order: 1; }
#rsltActions #shareSearch{ order: 3; }
#rsltActions #newSearch{ order: 4; margin-left: var(--sp-2); }
#rsltActions #cartStatus{
  order: 5;
  float: none;
  margin: 0 0 0 var(--sp-3);
}

#rsltBar #shareSearchPanel{
  top: auto;
  left: auto;
  right: var(--sp-3);
  width: min(560px, 92vw);
  margin-top: 8px;
  z-index: 40;
}

body.phlCardView #resultHeaderTable{ display: none; }

body.phlCardView #resultPanel{ display: none; }

body.phlCardView #resultBody{
  width: auto;
  max-width: 960px;
  margin: 16px auto 0;
}

body.phlCardView #resultBodyTable{
  display: block;
  width: 100%;
  margin: 0;
}

body.phlCardView #resultBodyTable thead{ display: none; }

body.phlCardView #resultBodyTable tbody{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: var(--sp-4);
}

body.phlCardView #resultBodyTable tbody tr{
  display: flex;
  flex-direction: column;
  background-color: var(--phl-surface);
  border: 1px solid var(--phl-line);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-1);
  overflow: hidden;
  text-align: left;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.phlCardView #resultBodyTable tbody tr:nth-child(even){ background-color: var(--phl-surface); }

body.phlCardView #resultBodyTable tbody tr:hover{
  background-color: var(--phl-surface);
  transform: translateY(-3px);
  box-shadow: var(--shadow-lift);
}

body.phlCardView #resultBodyTable tbody td{
  display: block;
  border: 0;
  width: auto;
  min-height: 0;
  position: static;
  padding: 2px var(--sp-4);
  font-size: var(--fs-sm);
}

body.phlCardView #resultBodyTable tbody td:empty{ display: none; }

body.phlCardView #resultBodyTable td::before{
  position: static;
  width: auto;
  padding-right: 0;
  white-space: normal;
}

body.phlCardView #resultBodyTable td:nth-child(2)::before,
body.phlCardView #resultBodyTable td:nth-child(3)::before,
body.phlCardView #resultBodyTable td:nth-child(8)::before,
body.phlCardView #resultBodyTable td:nth-child(9)::before,
body.phlCardView #resultBodyTable td:nth-child(12)::before{ content: none; }

body.phlCardView #resultBodyTable td:first-child{
  background-color: var(--phl-bg);
  color: inherit;
}

body.phlCardView .rsltVehicle{
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--phl-ink-soft);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.phlCardView .rsltPartName{
  font-size: var(--fs-base);
  font-weight: 700;
}

body.phlCardView .rsltYard{ font-weight: 600; }

body.phlCardView a.rsltPhone{ font-size: var(--fs-base); font-weight: 700; }

body.phlCardView #resultBodyTable td.img-col{
  order: -3;
  width: auto;
  padding: 0;
  background-color: var(--phl-bg);
}

body.phlCardView #resultBodyTable td.img-col.rsltNoImg{ display: none !important; }

body.phlCardView #resultBodyTable td.img-col .gallery.desktop{
  display: flex;
  justify-content: center;
}

body.phlCardView #resultBodyTable td.img-col .gallery.desktop a{
  display: block;
  width: 100%;
}

body.phlCardView #resultBodyTable td.img-col img.img-col{
  width: 100%;
  height: 150px;
  max-height: none;
  object-fit: cover;
  border-radius: 0;
}

body.phlCardView #resultBodyTable tbody td:nth-child(2){
  order: -2;
  font-weight: 700;
  font-size: var(--fs-base);
  padding-top: var(--sp-3);
}

body.phlCardView #resultBodyTable tbody td:nth-child(3){
  order: -1;
  color: var(--phl-ink-soft);
}

body.phlCardView #resultBodyTable tbody td:nth-child(4)::before{ content: "OEM # "; }
body.phlCardView #resultBodyTable tbody td:nth-child(5)::before{ content: "Miles "; }
body.phlCardView #resultBodyTable tbody td:nth-child(6)::before{ content: "Grade "; }
body.phlCardView #resultBodyTable tbody td:nth-child(7)::before{ content: "Stock # "; }
body.phlCardView #resultBodyTable tbody td:nth-child(10)::before{ content: "Location "; }
body.phlCardView #resultBodyTable tbody td:nth-child(11)::before{ content: "Shipping "; }

body.phlCardView #resultBodyTable tbody td:nth-child(4)::before,
body.phlCardView #resultBodyTable tbody td:nth-child(5)::before,
body.phlCardView #resultBodyTable tbody td:nth-child(6)::before,
body.phlCardView #resultBodyTable tbody td:nth-child(7)::before,
body.phlCardView #resultBodyTable tbody td:nth-child(10)::before,
body.phlCardView #resultBodyTable tbody td:nth-child(11)::before{
  color: var(--phl-ink-soft);
  font-weight: 600;
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-right: 6px;
}

body.phlCardView #resultBodyTable tbody td.rsltNoGrade::before{ content: none; }

body.phlCardView #resultBodyTable tbody td:nth-child(9){ padding-top: var(--sp-2); }

body.phlCardView #resultBodyTable tbody td:nth-child(8){
  order: 2;
  margin-top: auto;
  padding-top: var(--sp-3);
  font-size: var(--fs-lg);
}

body.phlCardView #resultBodyTable tbody td:nth-child(12){
  order: 3;
  padding-bottom: var(--sp-4);
  color: var(--phl-ink-soft);
}

body.phlCardView #resultBodyTable tbody td:nth-child(12) > div{ width: 100%; }

body.phlCardView #resultBodyTable tbody td:nth-child(12) .addToCartButton{
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  color: var(--phl-action-dark);
  margin-top: var(--sp-2);
}

body.phlCardView #resultBodyTable tbody td:nth-child(12) .addToCartButton:hover{
  background-color: var(--phl-action);
  color: #fff;
}

.rsltCallBtn{ display: none; }

body.phlCardView .rsltCallBtn{
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--phl-action);
  border: 1px solid var(--phl-action-dark);
  border-radius: var(--r-sm);
  color: #fff;
  padding: 9px 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.phlCardView a.rsltCallBtn:hover{
  background-color: var(--phl-action-dark);
  color: #fff;
  box-shadow: var(--shadow-1);
  transform: translateY(-1px);
  text-decoration: none;
}

body.phlCardView .rsltCallBtn .rsltCallNum{
  display: block;
  font-size: var(--fs-lg);
  white-space: nowrap;
}

@media screen and ( max-width: 736px ){
  body.phlCardView #resultBodyTable tbody{ grid-template-columns: 1fr; }

  body.phlCardView #resultBodyTable td.img-col{ display: block !important; }
  body.phlCardView #resultBodyTable td.img-col.rsltNoImg{ display: none !important; }
  body.phlCardView #resultBodyTable .gallery.desktop{ display: flex !important; }
  body.phlCardView #resultBodyTable .gallery.mobile{ display: none !important; }

  #viewToggle{ display: none; }

  #rsltBar{ padding: var(--sp-2) var(--sp-3); }
  #rsltBar #phlLogo{ max-width: 130px; }
  #rsltActions{ margin-left: 0; }
}

body.phlInfiniteScroll #paginationPanel{ display: none; }

#phlScrollSentinel{ height: 1px; }

#phlLoadMore{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 980px;
  margin: 14px auto;
  padding: 12px;
  color: var(--phl-ink-soft);
  font-size: var(--fs-sm);
}

#phlAllLoaded{
  max-width: 980px;
  margin: 16px auto 6px;
  text-align: center;
  color: var(--phl-ink-soft);
  font-size: var(--fs-sm);
}

#copyInfo.phlLegalPinned{
  float: none;
  clear: both;
  width: auto;
  max-width: 980px;
  margin: var(--sp-2) auto var(--sp-3);
  padding: 0 var(--sp-3);
  text-align: center;
  font-size: var(--fs-xs);
  line-height: 1.5;
  color: var(--phl-ink-soft);
}

#searchPanel #topBar #cartStatus{ display: none; }

#searchPanel #topBar{ margin-bottom: var(--sp-4); }

h3.hlBlueText{
  font-family: var(--phl-display);
  font-weight: 900;
  font-size: var(--fs-md);
  letter-spacing: -0.015em;
  color: var(--phl-ink);
  margin: var(--sp-5) 0 var(--sp-3);
}

@media screen and (max-width: 980px){
  #searchHeader{
    width: auto;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
    box-sizing: border-box;
  }
}

#searchPanel #topBar{ position: static; top: auto; }

#newSearch{ position: relative; }

.inlineSearchPanel{
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 60;
  width: 360px;
  text-align: left;
  cursor: default;
  background-color: var(--phl-surface);
  border: 1px solid var(--phl-line);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-2);
  animation: phlSlideDown 0.15s ease;
}

.inlineSearchPanel[hidden]{ display: none; }

.inlineSearchPanel::before{
  content: "";
  position: absolute;
  top: -7px;
  right: 26px;
  width: 12px;
  height: 12px;
  background-color: var(--phl-surface);
  border-left: 1px solid var(--phl-line);
  border-top: 1px solid var(--phl-line);
  transform: rotate(45deg);
}

.inlineSearchHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3);
  padding: var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);
  border-bottom: 1px solid var(--phl-line);
}

.inlineSearchTitle{
  font: 700 var(--fs-xs)/1.2 var(--phl-font);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--phl-ink-soft);
}

.inlineSearchClose{
  flex: none;
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 1;
  color: var(--phl-ink-soft);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: var(--r-sm);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.inlineSearchClose:hover,
.inlineSearchClose:focus-visible{
  color: #fff;
  background-color: var(--phl-action);
}

.inlineSearchCard{
  padding: var(--sp-4);
  overflow: hidden;
  border-radius: 0 0 var(--r-md) var(--r-md);
}

.inlineSearchCard #quickSearchHintRow{ display: none; }
.inlineSearchCard .qsOrRule{ margin: var(--sp-3) 0; }
.inlineSearchCard #quickSearchBar{ margin-top: var(--sp-3); padding-bottom: 0; }

@media screen and (max-width: 560px){
  .inlineSearchPanel{
    position: fixed;
    top: var(--rslt-bar-h, 116px);
    left: var(--sp-3);
    right: var(--sp-3);
    width: auto;
    max-height: 74vh;
    overflow-y: auto;
  }

  .inlineSearchPanel::before{ display: none; }
}

#rsltActions #inlineSearchPanel input[type="button"]{
  width: 100%;
  padding: 12px;
  font-size: 17px;
}

@media screen and (max-width: 560px){
  #rsltActions #newSearch,
  #rsltActions #cartStatus{ margin-left: 0; }

  #rsltActions{ width: 100%; margin-left: 0; }
}

#topBar #cartStatus a{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 6px 12px;
  border-radius: var(--r-full);
  background-color: var(--phl-bg);
  border: 1px solid var(--phl-line);
  color: var(--phl-ink);
  font-size: var(--fs-xs);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

#topBar #cartStatus a:hover{
  background-color: var(--phl-surface);
  color: var(--phl-ink);
}

#rsltActions #sortBy{
  order: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

#rsltActions #sortBy label{
  font: 600 var(--fs-xs)/1 var(--phl-font);
  color: var(--phl-ink-soft);
}

#rsltActions #sortBySelect{
  height: 34px;
  padding: 0 28px 0 10px;
  border-radius: var(--r-sm);
  border: 1px solid var(--phl-line);
  background-color: var(--phl-surface);
  color: var(--phl-ink);
  font: 600 var(--fs-xs)/1 var(--phl-font);
  cursor: pointer;
}

#rsltActions #sortBySelect:hover{ border-color: var(--phl-ink-soft); }

#resultBodyTable tr.rsltYardMore{ display: none !important; }

#resultBodyTable tr.rsltYardHdr td{
  background-color: var(--phl-bg);
  border-top: 2px solid var(--phl-line);
  padding: 8px 12px;
  text-align: left;
  font-size: var(--fs-sm);
}

#resultBodyTable tr.rsltYardHdr td::before{ content: none !important; }

#resultBodyTable tr.rsltYardHdr:hover{ background-color: transparent; }

.rsltYardHdrName{ font-weight: 700; margin-right: 10px; }

.rsltYardHdrCount,
.rsltYardHdrPrice{ color: var(--phl-ink-soft); margin-right: 10px; }

a.rsltYardHdrPhone{ font-weight: 700; margin-right: 10px; white-space: nowrap; }

.rsltYardHdrToggle{
  font: inherit;
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--phl-action);
  background: none;
  border: 1px solid var(--phl-line);
  border-radius: var(--r-sm);
  padding: 3px 10px;
  cursor: pointer;
}

.rsltYardHdrToggle:hover{ border-color: var(--phl-action); }

body.phlCardView #resultBodyTable tbody tr.rsltYardHdr{
  grid-column: 1 / -1;
  display: block;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: var(--sp-2);
}

body.phlCardView #resultBodyTable tbody tr.rsltYardHdr:hover{
  transform: none;
  box-shadow: none;
}

body.phlCardView #resultBodyTable tbody tr.rsltYardHdr td{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  border: 0;
  border-bottom: 2px solid var(--phl-line);
  background: transparent;
  padding: 4px 0 6px;
  font-size: var(--fs-base);
}

body.phlCardView #resultBodyTable tbody tr.rsltYardHdr td > *{ margin-right: 0; }

body.phlCardView .rsltYardHdrToggle{ margin-left: auto; }

.rsltNext{
  max-width: 980px;
  margin: var(--sp-4) auto;
  padding: var(--sp-4);
  background-color: var(--phl-surface);
  border: 1px solid var(--phl-line);
  border-left: 3px solid var(--phl-red);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-1);
  text-align: left;
}

.rsltNextTitle{
  margin: 0 0 4px;
  font: 700 var(--fs-lg)/1.25 var(--phl-font);
  color: var(--phl-ink);
}

.rsltNextSub{
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-sm);
  color: var(--phl-ink-soft);
}

.rsltNextWaiting::before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border: 2px solid var(--phl-line);
  border-top-color: var(--phl-red);
  border-radius: 50%;
  vertical-align: -1px;
  animation: rsltNextSpin 0.9s linear infinite;
}

@keyframes rsltNextSpin{ to{ transform: rotate(360deg); } }

.rsltNextActions{
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
}

.rsltNextActions .phlBtn{ white-space: normal; }

.rsltNextHours{
  margin: var(--sp-2) 0 0;
  font-size: var(--fs-xs);
  color: var(--phl-ink-soft);
}

#resultPanel.rsltPanelModern .rsltNextZero{ margin-top: var(--sp-2); }

.recyclerAddress{
  font-size: var(--fs-sm);
  color: var(--phl-ink-soft);
  margin-top: 1px;
}

.recyclerPhone.recyclerPhoneNone{ font-weight: 400; color: var(--phl-ink-soft); font-size: var(--fs-sm); }

@media screen and (max-width: 600px){
  .rsltNextActions{ flex-direction: column; }
  .rsltNextActions .phlBtn{ width: 100%; box-sizing: border-box; }
}

.rsltGuar{
  display: inline-block;
  margin-top: 4px;
  padding: 1px 8px;
  border: 1px solid var(--phl-line);
  border-radius: var(--r-full);
  background-color: var(--phl-bg);
  color: var(--phl-ink-soft);
  font-size: var(--fs-xs);
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  cursor: default;
}

.rsltDist{
  display: block;
  color: var(--phl-ink-soft);
  font-size: var(--fs-xs);
  font-weight: 600;
  white-space: nowrap;
}

.rsltBadge{
  display: inline-block;
  margin-left: 6px;
  padding: 1px 7px;
  border-radius: var(--r-full);
  font-size: var(--fs-xs);
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  vertical-align: middle;
  white-space: nowrap;
}

.rsltBadgeLow{ background-color: var(--phl-action); color: #fff; }
.rsltBadgeNear{ background-color: var(--phl-blue); color: #fff; }

body.phlCardView .rsltGuar{ margin: 0 0 0 8px; vertical-align: middle; }
body.phlCardView .rsltDist{ display: inline; margin-left: 6px; }