.resp-info-bar{width:100%;height:var(--resp-info-height);background:linear-gradient(90deg,#FFFFCC,#FFCC66);color:#000;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;transition:height .4s ease,opacity .4s ease}
.resp-info-bar__inner{white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%}
.resp-info-bar__inner::-webkit-scrollbar{display:none}

.resp-container{width:var(--resp-container-width);margin:var(--resp-space) auto 60px;padding:0;overflow-anchor:none}

.resp-header{height:var(--resp-header-height);display:grid;grid-template-columns:60px 1fr 0px 60px;align-items:center;width:100%;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);overflow:hidden;z-index:var(--resp-z-header);padding:0;transition:transform .4s ease;will-change:transform}
.resp-hdr-left-toggle,.resp-hdr-right-toggle{display:flex;align-items:center;justify-content:center;height:100%;width:60px;min-width:60px}
.resp-icon-btn{width:60px;height:60px;padding:0 10px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}
.resp-icon-btn img{width:auto;height:24px;display:block}
.resp-logo{width:210px;height:74px;display:flex;align-items:center;justify-content:center;margin:0 auto}
.resp-logo img{width:210px;height:74px;object-fit:cover}
.resp-hdr-banner{display:flex;justify-content:flex-end;align-items:center;height:100%}
.resp-hdr-banner img{width:600px;height:60px;object-fit:cover;margin-left:auto}

.resp-belt{margin-top:var(--resp-space);height:var(--resp-belt-height);width:100%;position:relative}
.resp-belt__viewport{height:100%;width:100%;background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);overflow:hidden;position:relative}
.resp-belt__scroller{height:100%;display:flex;align-items:center;gap:16px;padding:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x}
.resp-belt__scroller:active{cursor:grabbing}
.resp-belt__scroller::-webkit-scrollbar{display:none}
.resp-prod{min-width:60px;min-height:60px;width:60px;height:60px;border-radius:12px;background:#f0faef;flex:0 0 auto;display:grid;place-items:center;font-size:12px;color:#0f172a;scroll-snap-align:start;user-select:none}
.resp-prod img{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}
.resp-sub{margin-top:var(--resp-space);display:grid;grid-template-columns:var(--resp-col-side) var(--resp-col-center) var(--resp-col-side);gap:var(--resp-gap);align-items:start;width:100%}
.resp-panel{background:#fff;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06);padding:0px;min-height:200px}

.resp-icon-img{width:auto;height:100%;display:block;pointer-events:none}
button.resp-icon-img{pointer-events: auto !important;cursor:pointer} /* az alkatrész katalógus bezárásához */

body.resp-menu-left-open,body.resp-menu-right-open{overflow:hidden}

body.resp-scrolled-down .resp-header{transform:translateY(calc(-1 * (var(--resp-header-height) + var(--resp-info-height))))}
body.resp-scrolled-down .resp-info-bar{height:0;opacity:0}
body.resp-scrolled-up .resp-header{transform:translateY(0)}
body.resp-scrolled-up .resp-info-bar{height:20px;opacity:1}

.resp-nav-icon{display:block;margin:0 auto;max-width:40px;max-height:20px;transition:transform 0.2s ease}
.resp-nav-icon:hover{transform: scale(1.2)}

.resp-menu ul.menu3{list-style:none;margin:0;padding:0}
.resp-menu ul.menu3 li{margin:0;padding:0;line-height:15px;font-size:14px;font-weight:bold;color:#fff}
.resp-menu ul.menu3 li a{color:#fff;text-decoration:none;display:inline-block;padding: 2px 0}
.resp-menu ul.menu3 a:hover{text-decoration: underline}
.resp-menu ul.menu3 li.active > a{background:#fff;color:#007B32;display:block;padding:2px 6px;border-radius:4px}
.resp-menu ul.menu3 li.semi > a{background:rgba(255, 255, 255, 0.1);color:#fff;display:block;padding:2px 6px;border-radius:4px}
.resp-menu ul.menu3 ul{list-style:none;margin:0;padding:0 0 0 6px}
.resp-menu ul.menu3 ul li{font-weight:normal;line-height:15px;position:relative;padding-left:6px}
.resp-menu ul.menu3 ul li::before{content:"\00B7";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;font-size:12px;line-height:1}

.address-row{display:flex;align-items:center;margin-bottom:10px}
.address-row > label{width:50%;text-align:right;padding-right:10px}
.address-row input,
.address-row textarea,
.address-row .address-radio,
.address-input-group{width:50%}
.address-radio{display:flex;gap:6px 12px}
.address-radio label{display:flex;align-items:center;white-space:nowrap}
.address-radio input[type="radio"],
.address-radio input[type="checkbox"]{appearance:none;-webkit-appearance:radio;-moz-appearance:radio;width:18px;height:18px;width:auto;height:auto;margin:0 4px 0 0;flex-shrink:0}
.address-radio.column{flex-direction:column;align-items:flex-start}
.address-radio.row{flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:12px !important}
.address-radio.row label{width:auto !important}
.address-input-group{display:flex;gap:6px}
.address-input-group input{flex:1}
.address-input-group.ratio-80-20 input:first-child{flex:4}
.address-input-group.ratio-80-20 input:last-child{flex:1}
.address-input-group.ratio-20-80 input:first-child{flex:1}
.address-input-group.ratio-20-80 input:last-child{flex:4}

.search-box{width:100%;background:#007B32;border-radius:12px;position:relative;box-sizing:border-box;overflow:visible}
.search-header{display:flex;align-items:center;width:100%;padding:8px 10px;box-sizing: border-box}
.search-info{flex: 0 0 40px;}
.search-title{flex:1 1 auto;color:#fff;font-size:16px;line-height:1.4}
.search-input{width:100%;padding:0 10px 10px 10px;box-sizing:border-box}
.quicksearch{width:100%;padding:6px;box-sizing:border-box;border:none;border-radius:6px}
.search-help{width:100%;padding:10px;box-sizing:border-box;font-size:14px;color:#fff}
#q_rr{position:absolute;left:10px;right:10px;top:100%;z-index:9999;}

.resp-carcat-container{display:flex;flex-wrap:wrap;width:100%;background-color:#F0F0BD;box-sizing:border-box}
.resp-carcat-newcar{order:1}
.resp-carcat-garage{order:2}
.resp-carcat-newcar .carselect{margin-bottom:8px}
.resp-carcat-newcar .carselect:last-child{margin-bottom:0}
.resp-carcat-garage .carselect{margin-bottom:8px}
.resp-carcat-garage .carselect:last-child{margin-bottom:0}
.resp-carcat-col{flex:1 1 50%;padding:4px;box-sizing:border-box}
.resp-carcat-header{display:flex;align-items:flex-start;height:28px;padding:4px;gap:4px}
.resp-carcat-header img{width:21px;height:20px;display:block;margin-right:4px}
.resp-carcat-header .next{font-weight:bold}
.resp-carcat-info{background-color:#F0F0BD;padding:10px;font-size:14px}
.resp-carcat-garage-logo{height:40px;display:flex;justify-content:center;align-items:center;margin-top:2px}
.resp-carcat-garage-logo img{max-height:40px;width:auto;display:block}
.resp-carcat-separator{height:1px;background:url('../img/main_hr.gif') repeat-x center;margin:10px 0}

.resp-productfi-container{width:100%;height:28;background-color:#FFFFCC;display:flex;flex-wrap:wrap}
.resp-productfi5-col{flex:0 0 20%;padding:4px;box-sizing:border-box}
.resp-productfi-separator{height:1px;background:url('../img/main_hr.gif') repeat-x center;margin:0}

@media(max-width:1055px){
  body{overflow-x:hidden}
  .resp-info-bar{position:fixed;top:0;left:0}
  .resp-header{position:fixed;top:var(--resp-info-height);left:0;width:100%;border-radius:0}
  .resp-container{width:100%;max-width:100%;margin:0 auto 60px;padding:calc(var(--resp-info-height) + var(--resp-header-height)) 0 0;box-sizing:border-box}
  .resp-hdr-left-toggle,.resp-hdr-right-toggle{visibility:visible}
  .resp-hdr-banner{display:none}

  .resp-center{width:100% !important;max-width:100% !important;overflow:hidden;position:relative}
  .resp-center-inner{width:595px;transform-origin: top left; padding:10px;box-sizing: border-box;}

  .resp-logo{justify-self:center;margin:0 auto}
  .resp-sub{grid-template-columns:1fr}
  .resp-panel-header{position:fixed;top:0;left:0;right:0;height:var(--resp-panel-header-height);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:5;transition:transform 0.3s ease}

  .resp-panel-header.scrolled-down{transform:translateY(-100%)}
  .resp-panel-header.scrolled-up{transform:translateY(0)}

  .resp-left-scroll,.resp-right-scroll{padding-top:60px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}

  .resp-close-btn{display:flex;width:60px;height:100%;min-width:48px;min-height:48px;padding:0;margin:0;border:none;background:transparent;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
  .resp-close-btn:active{transform: scale(0.96)}
  .resp-close-btn .resp-icon-img{width:60px;height:60px;display:block}

  .resp-panel.resp-left,.resp-panel.resp-right{position:fixed;inset:0;transform:translateX(-100%);transition:transform .25s ease;z-index:var(--resp-z-overlay);background:#fff;display:flex;flex-direction:column}
  .resp-panel.resp-right{transform:translateX(100%)}
  body.resp-menu-left-open .resp-left{transform:none}
  body.resp-menu-right-open .resp-right{transform:none}

  .resp-left-scroll::-webkit-scrollbar,.resp-right-scroll::-webkit-scrollbar{display:none}
  .resp-left-inner,.resp-right-inner{width:210px;transform-origin: top left}
  .resp-left .resp-panel-header{display:flex;justify-content:flex-start;align-items:center;padding:12px 16px}
  .resp-right .resp-panel-header{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px}

  .resp-menu ul.menu3 li,
  .resp-menu ul.menu3 ul li{line-height:22px}
  .resp-menu ul.menu3 ul li::before{line-height:22px}

  .address-row{flex-direction:column;align-items:stretch}
  .address-row label{width:100%;text-align:left;padding-right:0;margin-bottom:4px;font-size:18px}
  .address-row input,
  .address-row select,
  .address-row textarea,
  .address-row label,
  .address-input-group{width:100%}
  .address-row input,
  .address-row select{font-size:22px;padding:10px;height:44px}
  .address-row textarea{font-size:22px;padding:10px}
  .address-radio{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
  .address-radio label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  .address-radio input[type="radio"],
  .address-radio input[type="checkbox"]{width:22px;height:22px;margin:0;flex-shrink:0}

  .resp-carcat-container{flex-direction:column}
  .resp-carcat-newcar,
  .resp-carcat-garage{order:initial}
  .resp-carcat-garage{order: -1}
  .resp-carcat-col{flex: 1 1 100%}

  .resp-productfi5-col{flex: 0 0 100%}
}

@media(min-width:1056px){
  .resp-container{width:var(--resp-container-width);margin:var(--resp-space) auto 60px;padding:0}
  .resp-header{grid-template-columns:0px 210px 1fr 0px;padding:0 10px;top:var(--resp-space);position:sticky;border-radius:10px}
  .resp-hdr-left-toggle, 
  .resp-hdr-right-toggle{width:0;visibility:hidden}
  .resp-belt{max-width:var(--resp-container-width);margin-left:auto;margin-right:auto}
  .resp-left{grid-column:1}
  .resp-center{grid-column:2}
  .resp-right{grid-column:3}
  .resp-panel-header{display:none}
  .resp-panel.left,
  .resp-panel.right{position:static;transform:none;overflow:visible}
  #parcelshop_add{width:1055px}
}