.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;   /* lendületes görgetés iOS-en */
  overscroll-behavior-inline: contain; /* húzásnál ne “rántsa” az oldalt */
  touch-action: pan-x;                 /* érintésnél vízszintes görgetésre optimalizál */
}
.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}

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;   /* mint a táblázatos cella */
  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; /* hover állapotban legyen alsó vonal */
}

/* Aktív menü (erős kiemelés) */
.resp-menu ul.menu3 li.active > a {
  background: #fff;        /* fehér háttér */
  color: #007B32;          /* zöld szöveg */
  display: block;          /* teljes sor legyen kattintható */
  padding: 2px 6px;        /* egy kis belső margó */
  border-radius: 4px;      /* kicsi lekerekítés, hogy szép legyen */
}

/* Diszkréten aktív (szülő vagy testvérek) */
.resp-menu ul.menu3 li.semi > a {
  background: rgba(255, 255, 255, 0.1); /* halványabb fehér */
  color: #fff;                          /* szöveg marad fehér */
  display: block;
  padding: 2px 6px;
  border-radius: 4px;
}

/* al-szintek */
.resp-menu ul.menu3 ul {
  list-style: none;        /* alap kör kikapcsolása */
  margin: 0;
  padding: 0 0 0 6px;     /* egy kis behúzás a pontnak */
}

.resp-menu ul.menu3 ul li {
  font-weight: normal;
  line-height: 15px;
  position: relative;
  padding-left: 6px;      /* hely a pontnak */
}

/* kis pont az almenü előtt */
.resp-menu ul.menu3 ul li::before {
  content: "\00B7";         /* ez a középpont (·), mint a · */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* függőleges közép */
  color: #fff;
  font-size: 12px;          /* kicsi pont */
  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%;           /* jobb oszlop */
}

.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;      /* eltünteti a natív böngészőstílust */
  -webkit-appearance: radio;
  -moz-appearance: radio;
  width: 18px;             /* fix méret */
  height: 18px;
  width: auto;
  height: auto;
  margin: 0 4px 0 0;
  flex-shrink: 0;        /* ne törje szét a flex */
}

/* Egymás alá (oszlopban) */
.address-radio.column {
  flex-direction: column;
  align-items: flex-start;
}

/* Row mód: mindig sorban, mobilon is */
.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;   /* alap: egyenlően osztja el */
}

/* Arány beállítások */
.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%;                  /* a külső konténer szélességéhez igazodik */
  background: #007B32;          /* zöld háttér */
  border-radius: 12px;          /* lekerekített sarkok */
  position: relative;           /* fontos, hogy a q_rr abszolút elem ehhez igazodjon */
  box-sizing: border-box;
  overflow: visible;            /* q_rr kilóghasson alul */
}

/* fejléc */
.search-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
}

.search-info {
  flex: 0 0 40px;               /* fix 40px szélesség */
}

.search-title {
  flex: 1 1 auto;               /* a maradék szélesség */
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}

/* input sor */
.search-input {
  width: 100%;
  padding: 0 10px 10px 10px;    /* bal/jobb 10px belső padding */
  box-sizing: border-box;
}

.quicksearch {
  width: 100%;
  padding: 6px;
  box-sizing: border-box;
  border: none;
  border-radius: 6px;
}

/* help szekció */
.search-help {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #fff;
}

/* találati lista */
#q_rr {
  position: absolute;           /* a search-box-hoz igazodik */
  left: 10px;                   /* input paddingjéhez igazítva */
  right: 10px;
  top: 100%;                    /* az input után */
  z-index: 9999;
}

@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;     /* nagyobb belső margó */
    height: 44px;      /* minimum magasság – érintéshez kényelmes */
  }

  .address-row textarea {
    font-size: 22px;
    padding: 10px;     /* nagyobb belső margó */
  }
    
  .address-radio {
    display: flex;
    flex-direction: column;
    gap: 12px; /* kis térköz a két opció között */
    align-items: flex-start;
  }

  .address-radio label {
    display: inline-flex;
    align-items: center; /* szöveg középre a gomb mellett */
    gap: 6px;            /* gomb és szöveg közötti távolság */
    white-space: nowrap;
  }

  .address-radio input[type="radio"], .address-radio input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin: 0;           /* minden extra margót lekapcsolunk */
    flex-shrink: 0;      /* ne nyomódjon össze */
  }

}

@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}
}