/* ==========================================================================
   nobo – ARCULATI RÉTEG (Brand Guideline 2026 / One Creator's Studio)
   Színek:  #183d3d (elsődleges sötét)  ·  #5d8374 (zsálya)  ·  #ffffff
   Másodlagos: #163837 · #5b7f70 · arany kiemelés az árakhoz/csillagokhoz
   Tipográfia: címsor = Spectral (az Orpheus szabad helyettesítője),
               szöveg/UI = Poppins, a brandbook szerint
   ========================================================================== */

/* --- 1. A teljes színpaletta felülírása a márkaszínekkel --- */
:root{
  --nobo-green-900:#183d3d;
  --nobo-green-800:#183d3d;
  --nobo-green-700:#5d8374;
  --nobo-green-100:#dde7e2;
  --nobo-green-50:#eef3f0;
  --nobo-cream:#ffffff;
  --nobo-cream-2:#eef3f0;
  --nobo-orange:#5d8374;        /* az arculatban NINCS narancs */
  --nobo-orange-dark:#183d3d;
  --nobo-orange-100:#e6eeea;
  --nobo-ink:#183d3d;
  --nobo-ink-soft:#4c5f59;
  --nobo-line:#dbe4df;
  --nobo-gold:#dfa43a;          /* csak ár és csillag */
  --nobo-radius:16px;
  --nobo-shadow:0 12px 34px rgba(24,61,61,.10);
  --nobo-shadow-lg:0 20px 54px rgba(24,61,61,.16);
}

/* --- 2. Tipográfia --- */
body,button,input,select,textarea,.elementor-button{font-family:'Poppins',-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,.elementor-heading-title,
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Spectral',Georgia,serif;font-weight:600;letter-spacing:0}
.nobo-sec p,.nobo-lead p,body{letter-spacing:.005em}
.elementor-button{text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:14px}

/* --- 3. Szekció-ritmus: fehér ↔ sötét ↔ zsálya (a látványterv szerint) --- */
body{background:#fff}
.nobo-sec{background:#fff}
.nobo-sec-white,.nobo-white-start,.nobo-white-mid,.nobo-white-end{background:#183d3d;border-color:rgba(255,255,255,.10)}
.nobo-sec-green{background:#5d8374;border-color:rgba(255,255,255,.14)}

/* sötét és zsálya szekciók szövegszínei */
.nobo-sec-white h1,.nobo-sec-white h2,.nobo-sec-white h3,.nobo-sec-white .elementor-heading-title,
.nobo-white-start h1,.nobo-white-start h2,.nobo-white-start h3,.nobo-white-start .elementor-heading-title,
.nobo-white-mid h2,.nobo-white-mid h3,.nobo-white-mid .elementor-heading-title,
.nobo-white-end h2,.nobo-white-end h3,.nobo-white-end .elementor-heading-title,
.nobo-sec-green h1,.nobo-sec-green h2,.nobo-sec-green h3,.nobo-sec-green .elementor-heading-title{color:#fff}
.nobo-sec-white p,.nobo-white-start p,.nobo-white-mid p,.nobo-white-end p,
.nobo-sec-white .nobo-lead p,.nobo-white-start .nobo-lead p{color:#d6e2dd}
.nobo-sec-green p,.nobo-sec-green .nobo-lead p{color:#f0f5f2}
.nobo-sec-white .nobo-checks .elementor-icon-list-item,
.nobo-sec-white .nobo-checks .elementor-icon-list-text,
.nobo-white-start .nobo-checks .elementor-icon-list-item,
.nobo-white-start .nobo-checks .elementor-icon-list-text,
.nobo-sec-green .nobo-checks .elementor-icon-list-text,
.nobo-sec-white .elementor-icon-list-text,.nobo-white-start .elementor-icon-list-text,
.nobo-white-mid .elementor-icon-list-text,.nobo-white-end .elementor-icon-list-text,
.nobo-sec-green .elementor-icon-list-text{color:#fff!important}
.nobo-sec-white .nobo-checks .elementor-icon-list-icon,
.nobo-white-start .nobo-checks .elementor-icon-list-icon{background:rgba(255,255,255,.14)}
.nobo-sec-white .nobo-checks .elementor-icon-list-icon::before,
.nobo-white-start .nobo-checks .elementor-icon-list-icon::before{background:#fff}

/* --- 4. Gombok: sötétzöld pirula, fehér nagybetűs felirat --- */
.nobo-btn-primary .elementor-button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button{
  background:#183d3d!important;color:#fff!important;box-shadow:none!important;border:2px solid #183d3d!important;
  border-radius:999px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.nobo-btn-primary .elementor-button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover{
  background:#5d8374!important;border-color:#5d8374!important;color:#fff!important;transform:translateY(-1px)}
.nobo-btn-outline .elementor-button{background:transparent!important;color:#183d3d!important;border:2px solid #183d3d!important}
.nobo-btn-outline .elementor-button:hover{background:#183d3d!important;color:#fff!important}
/* sötét/zsálya háttéren világos gombok */
.nobo-sec-white .nobo-btn-primary .elementor-button,.nobo-white-start .nobo-btn-primary .elementor-button,
.nobo-white-mid .nobo-btn-primary .elementor-button,.nobo-white-end .nobo-btn-primary .elementor-button,
.nobo-sec-green .nobo-btn-primary .elementor-button{background:#fff!important;color:#183d3d!important;border-color:#fff!important}
.nobo-sec-white .nobo-btn-primary .elementor-button:hover,.nobo-white-start .nobo-btn-primary .elementor-button:hover,
.nobo-white-mid .nobo-btn-primary .elementor-button:hover,.nobo-white-end .nobo-btn-primary .elementor-button:hover,
.nobo-sec-green .nobo-btn-primary .elementor-button:hover{background:#5d8374!important;color:#fff!important;border-color:#fff!important}
.nobo-sec-white .nobo-btn-outline .elementor-button,.nobo-sec-green .nobo-btn-outline .elementor-button{
  background:transparent!important;color:#fff!important;border-color:#fff!important}
.nobo-sec-white .nobo-btn-outline .elementor-button:hover,.nobo-sec-green .nobo-btn-outline .elementor-button:hover{
  background:#fff!important;color:#183d3d!important}

/* --- 5. Fejléc: vékony sötét sáv + fehér navigáció (látványterv szerint) --- */
.nobo-topbar{background:#183d3d}
.nobo-topbar p,.nobo-topbar .elementor-heading-title{color:#e3ece8;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;line-height:24px;font-weight:500}
.nobo-topbar a{color:#fff}
.nobo-header{background:#fff;border-bottom:1px solid var(--nobo-line);box-shadow:0 2px 14px rgba(24,61,61,.05)}
.nobo-header .elementor-nav-menu--main .elementor-item{text-transform:uppercase;letter-spacing:.07em;font-size:12.5px;
  font-weight:600;color:#183d3d;border-radius:999px;padding:11px 16px!important}
.nobo-header .elementor-nav-menu--main .elementor-item:hover{background:#eef3f0;color:#183d3d!important}
.nobo-header .elementor-nav-menu--main .elementor-item.elementor-item-active{background:#183d3d;color:#fff!important}
.nobo-header .elementor-nav-menu--main ul.sub-menu{border-radius:14px;border-color:var(--nobo-line)}
.nobo-header .elementor-nav-menu--main .elementor-sub-item{text-transform:none;letter-spacing:0;font-size:14.5px}
.nobo-header .elementor-nav-menu--main .elementor-sub-item::before{background:#5d8374}
.nobo-cart .elementor-menu-cart__toggle .elementor-button{background:#fff!important;border:1.5px solid var(--nobo-line)!important;
  color:#183d3d!important;text-transform:none;letter-spacing:0;font-weight:600}
.nobo-header .nobo-btn-primary .elementor-button{background:#183d3d!important;color:#fff!important;border-color:#183d3d!important}

/* --- 6. Logó: az arculati logó a szöveges helyett --- */
.nobo-logo .elementor-heading-title{font-size:0!important;line-height:0!important;display:inline-block}
.nobo-logo .elementor-heading-title::before{content:"";display:inline-block;width:64px;height:64px;
  background:url("/wp-content/uploads/nobo/nobo-logo-stack.png") left center/contain no-repeat}
.nobo-logo .elementor-heading-title a{display:inline-block}
.nobo-footer .nobo-footer-brand .elementor-heading-title{font-size:0!important;line-height:0!important}
.nobo-footer .nobo-footer-brand .elementor-heading-title::before{content:"";display:block;width:150px;height:48px;
  background:url("/wp-content/uploads/nobo/nobo-wordmark-sage.png") left center/contain no-repeat}

/* --- 7. Hero --- */
.nobo-hero-slider{padding:132px 0 140px}
.nobo-hero-slider::before{background:linear-gradient(180deg,rgba(24,61,61,.60) 0%,rgba(24,61,61,.42) 45%,rgba(24,61,61,.66) 100%)}
.nobo-hero-slider::after{background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
.nobo-hero-slider h1,.nobo-hero-slider .elementor-heading-title{font-family:'Spectral',Georgia,serif;font-weight:600}
.nobo-hero.nobo-split{background:linear-gradient(168deg,#fff 0%,#eef3f0 100%)}
.nobo-hero::before,.nobo-hero::after{display:none}
.nobo-hero .elementor-widget-image img,.nobo-split .elementor-widget-image img{border:none;border-radius:18px}

/* --- 8. Kártyák --- */
.nobo-usp>.elementor-widget-wrap,.nobo-card>.elementor-widget-wrap,
.nobo-arg>.elementor-widget-wrap,.nobo-guide>.elementor-widget-wrap,
.nobo-review-card,.nobo-contact-form>.elementor-widget-wrap{border-radius:var(--nobo-radius);border-color:var(--nobo-line)}
.nobo-usp .elementor-widget-heading::before{background:#eef3f0}
.nobo-usp .elementor-widget-heading::after{background:#183d3d}
.nobo-arg>.elementor-widget-wrap{border-top:3px solid #183d3d}
.nobo-arg:nth-child(even)>.elementor-widget-wrap{border-top-color:#5d8374}
.nobo-args .nobo-arg>.elementor-widget-wrap::before{background:#eef3f0;color:#183d3d;border-radius:12px}
.nobo-args .nobo-arg:nth-child(even)>.elementor-widget-wrap::before{background:#e3ece8;color:#5d8374}
.nobo-guide>.elementor-widget-wrap{border-left:3px solid #183d3d}
.nobo-guide:nth-child(even)>.elementor-widget-wrap{border-left-color:#5d8374}
.nobo-guide-wide>.elementor-widget-wrap{background:#eef3f0;border-color:var(--nobo-line);border-left-color:#5d8374}
.nobo-guide-link .elementor-button{color:#183d3d!important;text-transform:none;letter-spacing:0;font-weight:600;font-size:15px}
.nobo-guide-link .elementor-button::after{color:#5d8374}

/* sötét szekcióban a kártyák sötét változatot kapnak (látványterv) */
.nobo-white-start .nobo-card>.elementor-widget-wrap,.nobo-white-mid .nobo-card>.elementor-widget-wrap,
.nobo-white-end .nobo-card>.elementor-widget-wrap,.nobo-white-mid .nobo-guide>.elementor-widget-wrap,
.nobo-white-start .nobo-guide>.elementor-widget-wrap{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.22)}
.nobo-white-mid .nobo-guide>.elementor-widget-wrap{border-left:3px solid #5d8374}
.nobo-white-start .nobo-card h3,.nobo-white-mid .nobo-card h3,.nobo-white-end .nobo-card h3,
.nobo-white-mid .nobo-guide h3,.nobo-white-mid .nobo-guide .elementor-heading-title{color:#fff}
.nobo-white-start .nobo-card p,.nobo-white-mid .nobo-card p,.nobo-white-end .nobo-card p,
.nobo-white-mid .nobo-guide p{color:#d6e2dd}
.nobo-white-mid .nobo-guide-link .elementor-button{color:#fff!important}
.nobo-white-mid .nobo-guide-wide>.elementor-widget-wrap{background:rgba(255,255,255,.07)}

/* --- 9. WooCommerce termékrács a látványterv szerint --- */
.woocommerce ul.products li.product{border-radius:14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Poppins',sans-serif!important;
  font-size:13px!important;font-weight:600;text-transform:uppercase;letter-spacing:.07em;text-align:center;
  color:#183d3d;padding:0 20px 12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title::after{left:32%;right:32%}
.woocommerce ul.products li.product .price{font-family:'Poppins',sans-serif;color:var(--nobo-gold);
  text-align:center;font-size:16px;font-weight:600}
.woocommerce ul.products li.product .button{margin-left:auto;margin-right:auto;display:block;width:calc(100% - 40px)}
/* sötét szekcióban sötét termékkártya */
.nobo-white-end .woocommerce ul.products li.product,.nobo-white-mid .woocommerce ul.products li.product,
.nobo-sec-white .woocommerce ul.products li.product{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.28)}
.nobo-white-end .woocommerce ul.products li.product .woocommerce-loop-product__title,
.nobo-sec-white .woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff}
.nobo-white-end .woocommerce ul.products li.product .woocommerce-loop-product__title::after,
.nobo-sec-white .woocommerce ul.products li.product .woocommerce-loop-product__title::after{background:rgba(255,255,255,.28)}
.nobo-sec-green .woocommerce ul.products li.product{background:#fff}

/* termékoldal */
.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:'Poppins',sans-serif;color:var(--nobo-gold)}
.woocommerce div.product .variations{background:#eef3f0;border-color:var(--nobo-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#eef3f0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff}
.nobo-acc{background:#eef3f0;border-color:var(--nobo-line)}
.nobo-acc summary::after{border-color:#5d8374}
ul.nobo-badges li{border-top:3px solid #5d8374;color:#183d3d}
p.nobo-cta-line{background:#183d3d;font-family:'Spectral',Georgia,serif}
.nobo-datatable th{background:#eef3f0;color:#183d3d}

/* --- 10. Vélemények: arany csillagok --- */
.nobo-stars{color:var(--nobo-gold)}
.nobo-sec-green .nobo-review-card{background:#fff}
.nobo-sec-green .nobo-review-note{color:#eef3f0}

/* --- 11. Hírlevél és űrlapok --- */
.nobo-nl{background:#183d3d;border-radius:20px}
.nobo-nl::after{background:rgba(93,131,116,.35)}
.nobo-nl h2,.nobo-nl .elementor-heading-title{font-family:'Spectral',Georgia,serif}
.nobo-nl .elementor-button{background:#5d8374!important;color:#fff!important;border-color:#5d8374!important}
.nobo-nl .elementor-button:hover{background:#fff!important;color:#183d3d!important;border-color:#fff!important}
.nobo-form .elementor-field-textual:focus{border-color:#5d8374;box-shadow:0 0 0 4px rgba(93,131,116,.16)}
.nobo-form .elementor-button{background:#183d3d!important;color:#fff!important}
.nobo-form .elementor-button:hover{background:#5d8374!important}
.nobo-contact-lines .elementor-icon-list-icon::before{background:#5d8374}

/* --- 12. Lábléc: fehér, alul zsálya sáv (látványterv) --- */
.nobo-footer{background:#fff;border-top:1px solid var(--nobo-line)}
.nobo-footer h4,.nobo-footer .elementor-heading-title{color:#183d3d;font-family:'Poppins',sans-serif;
  text-transform:uppercase;letter-spacing:.08em;font-size:13.5px}
.nobo-footer p,.nobo-footer .elementor-icon-list-text,.nobo-footer a{color:#4c5f59}
.nobo-footer a:hover{color:#183d3d!important}
.nobo-footer-bottom{background:#5d8374;padding:18px 0}
.nobo-footer-bottom>.elementor-container{border-top:none;padding-top:0;margin-top:0}
.nobo-footer-bottom p{color:#fff;text-align:center}
.nobo-credit{text-align:center}
.nobo-credit p{color:#eef3f0}
.nobo-credit a{color:#fff;font-weight:600}
button.nobo-cookie-reopen{color:#eef3f0!important}
button.nobo-cookie-reopen:hover{color:#fff!important}

/* --- 13. Süti-sáv és kosár-ablak a márkaszínekkel --- */
.nobo-cookie__text strong{font-family:'Spectral',Georgia,serif}
.nobo-cookie .nobo-cookie__all{background:#183d3d!important;border-color:#183d3d!important}
.nobo-cookie .nobo-cookie__all:hover{background:#5d8374!important;border-color:#5d8374!important}
.nobo-cookie .nobo-cookie__necessary{color:#183d3d!important;border-color:#183d3d!important}
.nobo-cookie .nobo-cookie__necessary:hover{background:#183d3d!important;color:#fff!important}
.nobo-cart-modal__box h3{font-family:'Spectral',Georgia,serif}
.nobo-cart-modal__icon{background:#eef3f0}
.nobo-cart-modal__icon::after{background:#183d3d}
.nobo-cart-modal .nobo-cart-modal__cart{background:#183d3d!important;border-color:#183d3d!important}
.nobo-cart-modal .nobo-cart-modal__cart:hover{background:#5d8374!important;border-color:#5d8374!important}
.nobo-cart-modal .nobo-cart-modal__continue{color:#183d3d!important;border-color:#183d3d!important}

/* --- 14. Mobil --- */
@media(max-width:767px){
  .nobo-logo .elementor-heading-title::before{width:48px;height:48px}
  .nobo-hero-slider{padding:78px 0 84px}
  .nobo-topbar p{font-size:10.5px;line-height:1.7;letter-spacing:.06em}
}

/* --- 15. Maradék narancs eltávolítása (bedrótozott árnyékok, keretek) --- */
.nobo-form .elementor-button,.nobo-nl .elementor-button,
.nobo-cookie .nobo-cookie__all,.nobo-cart-modal .nobo-cart-modal__cart,
.nobo-btn-primary .elementor-button,.woocommerce a.button,.woocommerce button.button,
.woocommerce ul.products li.product .button,.woocommerce div.product form.cart .button{
  box-shadow:none!important}
.nobo-btn-primary .elementor-button:hover,.nobo-cookie .nobo-cookie__all:hover,
.nobo-cart-modal .nobo-cart-modal__cart:hover{box-shadow:0 8px 20px rgba(24,61,61,.22)!important}
.nobo-guide-wide>.elementor-widget-wrap{border-color:var(--nobo-line)!important;border-left-color:#5d8374!important}
ul.nobo-badges li{border-top-color:#5d8374!important}
.nobo-usp .elementor-widget-heading::after{background:#183d3d!important}
.nobo-arg>.elementor-widget-wrap{border-top-color:#183d3d!important}
.nobo-arg:nth-child(even)>.elementor-widget-wrap{border-top-color:#5d8374!important}
.nobo-acc summary::after{border-right-color:#5d8374!important;border-bottom-color:#5d8374!important}
.nobo-guide-link .elementor-button::after{color:#5d8374!important}
.nobo-faq .elementor-tab-title.elementor-active{color:#183d3d!important}
.nobo-faq summary::after,.faq summary::after{color:#5d8374!important}

/* --- 16. Hero: nagy, látványos sáv; a háttérkép nem mozog (nincs Ken Burns) --- */
.nobo-hero-slider{min-height:82vh!important;padding:150px 0 160px;display:flex;align-items:center}
.nobo-hero-slider>.elementor-container{width:100%}
.nobo-hero-slider h1,.nobo-hero-slider .elementor-heading-title{font-size:clamp(38px,5.2vw,68px);max-width:22ch}
.nobo-hero-slider .nobo-lead p{font-size:20.5px;max-width:700px}
.nobo-hero-slider .elementor-widget-text-editor{margin-bottom:38px!important}
.nobo-hero-slider::after{height:100px}
/* A háttérképek VÁLTAKOZNAK (a diavetítés motorját nem bántjuk),
   csak a lassú ráközelítést (Ken Burns) kapcsoljuk ki, ami elcsúszásnak látszott. */
.nobo-hero-slider .elementor-background-slideshow__slide__image{
  animation:none!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important}
@media(max-width:1024px){.nobo-hero-slider{min-height:60vh!important;padding:110px 0 118px}}
@media(max-width:767px){.nobo-hero-slider{min-height:auto!important;padding:74px 0 80px}
  .nobo-hero-slider h1,.nobo-hero-slider .elementor-heading-title{font-size:33px}
  .nobo-hero-slider .nobo-lead p{font-size:17px}}

/* --- 17. Menüsáv: keskenyebb --- */
.nobo-header{padding:8px 0}
.nobo-header .elementor-nav-menu--main .elementor-item{padding:8px 14px!important;font-size:12px}
.nobo-logo .elementor-heading-title::before{width:52px;height:52px}
.nobo-cart .elementor-menu-cart__toggle .elementor-button{padding:8px 13px;font-size:13.5px;min-height:0}
.nobo-header .nobo-btn-primary .elementor-button{padding:10px 20px;font-size:12.5px;min-height:0}
.nobo-topbar p,.nobo-topbar .elementor-heading-title{line-height:22px;font-size:11px}
@media(max-width:767px){
  .nobo-header{padding:7px 0}
  .nobo-logo .elementor-heading-title::before{width:42px;height:42px}
}

/* --- 18. GYIK: jól olvasható, sötét szöveg a sötét szekcióban is --- */
.nobo-faq .elementor-accordion-item{background:#fff!important;border-color:var(--nobo-line)!important}
.nobo-faq .elementor-tab-title,.nobo-faq .elementor-tab-title a{color:#183d3d!important;font-family:'Spectral',Georgia,serif}
.nobo-faq .elementor-tab-title:hover{background:#eef3f0!important}
.nobo-faq .elementor-tab-title.elementor-active,
.nobo-faq .elementor-tab-title.elementor-active a{color:#183d3d!important;background:#eef3f0!important}
.nobo-faq .elementor-tab-content,.nobo-faq .elementor-tab-content p,
.nobo-faq .elementor-tab-content *{color:#2b3f3b!important}
.nobo-faq .elementor-accordion-icon,.nobo-faq .elementor-accordion-icon i,
.nobo-faq .elementor-accordion-icon svg{color:#5d8374!important;fill:#5d8374!important}

/* --- 19. Logó: a kép MAGÁRA A LINKRE kerül, így kattintható a főoldalra --- */
.nobo-logo .elementor-heading-title::before{display:none!important}
.nobo-logo .elementor-heading-title{font-size:0!important;line-height:0!important}
.nobo-logo .elementor-heading-title a{display:inline-block;width:52px;height:52px;font-size:0;line-height:0;
  background:url("/wp-content/uploads/nobo/nobo-logo-stack.png") left center/contain no-repeat;
  transition:opacity .18s}
.nobo-logo .elementor-heading-title a:hover{opacity:.82}
.nobo-footer .nobo-footer-brand .elementor-heading-title::before{display:none!important}
.nobo-footer .nobo-footer-brand .elementor-heading-title a{display:inline-block;width:150px;height:48px;font-size:0;line-height:0;
  background:url("/wp-content/uploads/nobo/nobo-wordmark-sage.png") left center/contain no-repeat}
@media(max-width:767px){.nobo-logo .elementor-heading-title a{width:42px;height:42px}}

/* --- 20. Menüfeliratok: nagyobb, jobban látható --- */
.nobo-header .elementor-nav-menu--main .elementor-item{font-size:14px!important;letter-spacing:.05em;padding:9px 15px!important;font-weight:600}
.nobo-header .elementor-nav-menu--main .elementor-sub-item{font-size:15px!important}
.nobo-cart .elementor-menu-cart__toggle .elementor-button{font-size:14.5px}
.nobo-header .nobo-btn-primary .elementor-button{font-size:13.5px;padding:11px 22px}
@media(max-width:1300px){.nobo-header .elementor-nav-menu--main .elementor-item{font-size:13.5px!important;padding:9px 12px!important}}

/* --- 21. Kosár a fejlécben: mindig legfelül, ne kerüljön más elem alá --- */
.nobo-header{position:relative;z-index:1000}
.nobo-header-actions{position:relative;z-index:1002}
.nobo-header-actions>.elementor-widget-wrap{position:relative;z-index:1002}
.nobo-cart,.nobo-cart .elementor-widget-container,
.nobo-cart .elementor-menu-cart__wrapper,.nobo-cart .elementor-menu-cart__toggle{position:relative;z-index:1003}
.nobo-cart .elementor-menu-cart__toggle .elementor-button{position:relative;z-index:1003;background:#fff!important}
/* a kosár lenyíló kosártartalma is a tartalom fölé */
.elementor-menu-cart__container,.elementor-menu-cart__main{z-index:1100!important}
/* a hero rétegsorrendje: háttérkép (0) < sötétítés (1) < tartalom (2),
   és az egész hero a fejléc ALATT marad */
.nobo-hero-slider{z-index:0}
.nobo-hero-slider .elementor-background-slideshow{z-index:0}
.nobo-hero-slider::before,.nobo-hero-slider::after{z-index:1}
.nobo-hero-slider>.elementor-container{z-index:2}

/* --- 22. Hero alsó átmenet: lágy, többlépcsős elhalványulás (elegánsabb) --- */
.nobo-hero-slider::after{
  height:190px!important;
  background:linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 28%,
    rgba(255,255,255,.22) 50%,
    rgba(255,255,255,.55) 72%,
    rgba(255,255,255,.85) 88%,
    #fff 100%)!important}
@media(max-width:767px){.nobo-hero-slider::after{height:120px!important}}

/* ==========================================================================
   23. ÜGYFÉL-VISSZAJELZÉSEK (2026-08-06)
   ========================================================================== */

/* --- 23/a. Nagyobb logó (asztali és mobil) --- */
.nobo-logo .elementor-heading-title a{width:92px!important;height:92px!important}
.nobo-header{padding:10px 0}
.nobo-footer .nobo-footer-brand .elementor-heading-title a{width:210px!important;height:66px!important}
@media(max-width:1024px){
  .nobo-logo .elementor-heading-title a{width:78px!important;height:78px!important}
}
@media(max-width:767px){
  .nobo-logo .elementor-heading-title a{width:64px!important;height:64px!important}
  .nobo-footer .nobo-footer-brand .elementor-heading-title a{width:170px!important;height:54px!important}
}

/* --- 23/b. Mobil: minden elem középre, ne húzzon balra --- */
@media(max-width:767px){
  .nobo-sec .elementor-widget-heading .elementor-heading-title,
  .nobo-sec .elementor-widget-text-editor,
  .nobo-sec .elementor-widget-text-editor p{text-align:center}
  .nobo-sec .elementor-widget-button{text-align:center}
  .nobo-sec .elementor-widget-button .elementor-button-wrapper{display:flex;justify-content:center}
  /* pipás listák: a szöveg középre, az ikon a szöveg mellett marad */
  .nobo-checks .elementor-icon-list-items{justify-items:center}
  .nobo-checks .elementor-icon-list-item{width:auto}
  .nobo-contact-lines .elementor-icon-list-items{justify-items:center}
  /* kártyák belső tartalma középen */
  .nobo-usp>.elementor-widget-wrap,.nobo-arg>.elementor-widget-wrap,
  .nobo-card>.elementor-widget-wrap,.nobo-guide>.elementor-widget-wrap{text-align:center;align-items:center}
  .nobo-usp .elementor-widget-heading::before,
  .nobo-usp .elementor-widget-heading::after{left:50%;transform:translateX(-50%)}
  .nobo-args .nobo-arg>.elementor-widget-wrap::before{left:50%;transform:translateX(-50%)}
  .nobo-guide-link .elementor-button{justify-content:center}
  /* lábléc oszlopok középre */
  .nobo-footer .elementor-column{text-align:center}
  .nobo-footer .elementor-icon-list-items{justify-items:center}
  .nobo-footer .nobo-footer-brand .elementor-heading-title a{background-position:center center}
  .nobo-logo .elementor-heading-title a{background-position:left center}
  /* WooCommerce termékkártyák szövege középen */
  .woocommerce ul.products li.product{text-align:center}
}

/* --- 23/c. „5 érv" kártyák: színes, piktogramos, barátságosabb --- */
.nobo-args .nobo-arg>.elementor-widget-wrap{
  background:linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)!important;
  border:1px solid var(--nobo-line)!important;border-top:none!important;
  border-radius:20px!important;padding-top:104px!important;position:relative;overflow:hidden}
/* felső színes sáv */
.nobo-args .nobo-arg>.elementor-widget-wrap::after{
  content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#183d3d}
.nobo-args .nobo-arg:nth-child(2)>.elementor-widget-wrap::after{background:#5d8374}
.nobo-args .nobo-arg:nth-child(3)>.elementor-widget-wrap::after{background:#183d3d}
.nobo-args .nobo-arg:nth-child(4)>.elementor-widget-wrap::after{background:#5d8374}
.nobo-args .nobo-arg:nth-child(5)>.elementor-widget-wrap::after{background:#dfa43a}
/* a sorszám helyére piktogram kerül, színes körben */
.nobo-args .nobo-arg>.elementor-widget-wrap::before{
  counter-increment:noboarg;content:""!important;
  position:absolute;top:26px;left:26px;width:60px;height:60px;border-radius:20px;
  background:#eef3f0;display:block;
  -webkit-mask:none;mask:none;
  box-shadow:inset 0 0 0 1px rgba(24,61,61,.06)}
.nobo-args .nobo-arg>.elementor-widget-wrap{background-repeat:no-repeat;background-position:44px 44px;background-size:26px 26px}
/* piktogramok (vékony vonalas SVG, márkaszínben) */
.nobo-args .nobo-arg:nth-child(1)>.elementor-widget-wrap{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d3d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.6-7-10a4.2 4.2 0 017-3.1A4.2 4.2 0 0119 11c0 5.4-7 10-7 10z'/%3E%3Cpath d='M9.5 11h1.2l.9-2 1.4 4 .9-2h1.6'/%3E%3C/svg%3E"),linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)}
.nobo-args .nobo-arg:nth-child(2)>.elementor-widget-wrap{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d8374' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3Cpath d='M3 15h18a2 2 0 01-2 2H5a2 2 0 01-2-2z'/%3E%3Cpath d='M8.5 10.5c1-1 2.2-1.5 3.5-1.5'/%3E%3C/svg%3E"),linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)}
.nobo-args .nobo-arg:nth-child(3)>.elementor-widget-wrap{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d3d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12.5a7.5 7.5 0 01-7.5 7.5H5l-1.6 1.6V12.5A7.5 7.5 0 0111 5h1.5A7.5 7.5 0 0120 12.5z'/%3E%3Cpath d='M9.5 12h5M9.5 15h3'/%3E%3C/svg%3E"),linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)}
.nobo-args .nobo-arg:nth-child(4)>.elementor-widget-wrap{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d8374' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='3.5' width='15' height='17' rx='2.5'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E"),linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)}
.nobo-args .nobo-arg:nth-child(5)>.elementor-widget-wrap{
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c98f2c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='7' cy='9' rx='2' ry='2.6'/%3E%3Cellipse cx='12' cy='7' rx='2' ry='2.7'/%3E%3Cellipse cx='17' cy='9' rx='2' ry='2.6'/%3E%3Cpath d='M12 12c-2.6 0-4.7 2-4.7 4.2 0 1.6 1.2 2.5 2.8 2.5.9 0 1.4-.4 1.9-.4s1 .4 1.9.4c1.6 0 2.8-.9 2.8-2.5C16.7 14 14.6 12 12 12z'/%3E%3C/svg%3E"),linear-gradient(180deg,#ffffff 0%,#f6f9f7 100%)}
.nobo-args .nobo-arg:nth-child(2)>.elementor-widget-wrap::before,
.nobo-args .nobo-arg:nth-child(4)>.elementor-widget-wrap::before{background:#eaf1ec}
.nobo-args .nobo-arg:nth-child(5)>.elementor-widget-wrap::before{background:#f8f0dd}
.nobo-args .nobo-arg h3,.nobo-args .nobo-arg .elementor-heading-title{font-size:19px}
@media(max-width:767px){
  .nobo-args .nobo-arg>.elementor-widget-wrap{padding-top:100px!important;background-position:center 40px}
  .nobo-args .nobo-arg>.elementor-widget-wrap::before{left:50%;transform:translateX(-50%);top:22px}
}

/* --- 23/d. Bejelentkezés gomb a fejlécben --- */
.nobo-btn-login .elementor-button{background:transparent!important;color:#183d3d!important;
  border:1.5px solid rgba(24,61,61,.35)!important;border-radius:999px;padding:10px 20px;font-size:13.5px;
  font-weight:600;box-shadow:none!important;white-space:nowrap;min-height:0}
.nobo-btn-login .elementor-button:hover{background:#183d3d!important;color:#fff!important;border-color:#183d3d!important}
@media(max-width:1300px){.nobo-btn-login .elementor-button{padding:9px 16px;font-size:13px}}
@media(max-width:767px){
  .nobo-header .nobo-btn-login{display:none}      /* mobilon a fiók a menüben érhető el */
}

/* --- 23/e. Kategória-hero: szöveg balra, mellette jobbra a termékfotó --- */
.nobo-hero.nobo-hero-text{padding-bottom:64px}
.nobo-hero.nobo-hero-text>.elementor-container{align-items:center;gap:40px}
.nobo-hero.nobo-hero-text h1,.nobo-hero.nobo-hero-text .elementor-heading-title{max-width:26ch}
.nobo-hero-photo .elementor-widget-image{margin-bottom:0!important}
.nobo-hero-photo .elementor-widget-image img{width:100%;height:440px;object-fit:cover;
  border-radius:26px;box-shadow:0 18px 44px rgba(24,61,61,.16)}
@media(max-width:1024px){.nobo-hero-photo .elementor-widget-image img{height:340px}}
@media(max-width:767px){
  .nobo-hero.nobo-hero-text>.elementor-container{gap:8px}
  .nobo-hero.nobo-hero-text{padding-bottom:40px}
  .nobo-hero-photo .elementor-widget-image img{height:250px;border-radius:18px}
}

/* ==========================================================================
   24. HŰSÉGPROGRAM, ADAGKALKULÁTOR, AJÁNDÉKKÁRTYA
   ========================================================================== */

/* --- Hűségpont doboz a kosárban --- */
.nobo-points-box{background:#eef3f0;border:1px solid #d8e3dc;border-radius:16px;
  padding:22px 24px;margin:0 0 26px}
.nobo-points-box strong{display:block;font-family:'Spectral',Georgia,serif;font-size:19px;color:#183d3d;margin-bottom:6px}
.nobo-points-box p{margin:0 0 12px;font-size:15px;color:#3f544e}
.nobo-points-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nobo-points-form input[type=number]{width:130px;padding:11px 14px;border:1.5px solid #d8e3dc;border-radius:12px;background:#fff}
.nobo-points-form button,.nobo-points-remove,.nobo-points-login{background:#183d3d;color:#fff;border:none;border-radius:999px;
  padding:11px 22px;font-weight:600;font-size:14.5px;cursor:pointer;text-decoration:none;display:inline-block;transition:.18s}
.nobo-points-form button:hover,.nobo-points-remove:hover,.nobo-points-login:hover{background:#5d8374;color:#fff}
.nobo-points-remove{background:transparent;color:#183d3d;border:1.5px solid #183d3d}

/* --- Fiókom: hűségpontok --- */
.nobo-points-balance{font-family:'Spectral',Georgia,serif;font-size:20px;color:#183d3d;margin-bottom:4px}
.nobo-points-balance span{font-size:44px;font-weight:700;line-height:1;display:inline-block;margin-right:6px}
.nobo-points-account h3{font-size:20px;margin:26px 0 10px}
.nobo-points-rules{list-style:none;padding:0;display:grid;gap:10px}
.nobo-points-rules li{background:#fff;border:1px solid #e3e9e5;border-radius:12px;padding:12px 16px;font-size:15px;color:#3f544e}
.nobo-points-rules b{color:#183d3d}
.nobo-points-log{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3e9e5;border-radius:12px;overflow:hidden}
.nobo-points-log td{padding:11px 16px;border-bottom:1px solid #eef1ef;font-size:14.5px;color:#3f544e}
.nobo-points-log tr:last-child td{border-bottom:none}
.nobo-points-log td.plus{color:#2f6b4f;font-weight:700;text-align:right;white-space:nowrap}
.nobo-points-log td.minus{color:#a8542f;font-weight:700;text-align:right;white-space:nowrap}

/* --- Adagkalkulátor a termékoldalon --- */
.nobo-calc{background:#eef3f0;border:1px solid #d8e3dc;border-radius:20px;padding:26px 28px;margin:0 0 26px}
.nobo-calc__head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.nobo-calc__icon{flex:none;width:46px;height:46px;border-radius:14px;background:#fff;position:relative;
  box-shadow:inset 0 0 0 1px rgba(24,61,61,.08)}
.nobo-calc__icon::after{content:"";position:absolute;inset:0;background:#183d3d;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3Cpath d='M3 15h18a2 2 0 01-2 2H5a2 2 0 01-2-2z'/%3E%3C/svg%3E") center/24px no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3Cpath d='M3 15h18a2 2 0 01-2 2H5a2 2 0 01-2-2z'/%3E%3C/svg%3E") center/24px no-repeat}
.nobo-calc__head strong{display:block;font-family:'Spectral',Georgia,serif;font-size:19px;color:#183d3d;line-height:1.3}
.nobo-calc__head p{margin:4px 0 0;font-size:14.5px;color:#3f544e}
.nobo-calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nobo-calc__grid label{display:block}
.nobo-calc__grid span{display:block;font-size:13.5px;font-weight:600;color:#183d3d;margin-bottom:6px}
.nobo-calc__grid select,.nobo-calc__grid input{width:100%;padding:12px 14px;border:1.5px solid #d8e3dc;border-radius:12px;
  background:#fff;font-size:15px;color:#183d3d}
.nobo-calc__btn{margin-top:16px;background:#183d3d;color:#fff;border:none;border-radius:999px;padding:14px 30px;
  font-weight:700;font-size:15px;cursor:pointer;transition:.18s;width:100%}
.nobo-calc__btn:hover{background:#5d8374}
.nobo-calc__result{margin-top:20px;background:#fff;border:1px dashed #5d8374;border-radius:16px;padding:20px 22px;text-align:center}
.nobo-calc__daily{font-family:'Spectral',Georgia,serif;color:#183d3d;font-size:20px}
.nobo-calc__daily .nobo-calc__g{font-size:44px;font-weight:700;line-height:1}
.nobo-calc__week{margin:8px 0 0;font-size:16px;color:#3f544e}
.nobo-calc__note{margin:12px 0 0;font-size:13px;color:#6b7f79;line-height:1.6}
@media(max-width:767px){
  .nobo-calc{padding:22px 20px}
  .nobo-calc__grid{grid-template-columns:1fr}
}

/* ==========================================================================
   25. FEJLÉC: rugalmas elrendezés — több menüpont mellett sem csúszik össze
   ========================================================================== */
.nobo-header>.elementor-container{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:16px}
.nobo-header>.elementor-container>.elementor-column{width:auto!important;max-width:none!important;min-width:0}
.nobo-header>.elementor-container>.elementor-column:nth-child(1){flex:0 0 auto}   /* logó */
.nobo-header>.elementor-container>.elementor-column:nth-child(2){flex:1 1 auto}   /* menü, ez zsugorodik */
.nobo-header>.elementor-container>.elementor-column:nth-child(3){flex:0 0 auto}   /* kosár + gombok */
.nobo-header .elementor-nav-menu--main{flex-wrap:nowrap;justify-content:center}
.nobo-header .elementor-nav-menu--main .elementor-item{white-space:nowrap}
.nobo-header-actions>.elementor-widget-wrap{flex-wrap:nowrap!important;gap:10px}

/* a bejelentkezés diszkrét szöveges link, hogy ne foglaljon sok helyet */
.nobo-btn-login .elementor-button{border:none!important;background:transparent!important;padding:8px 10px!important;
  font-size:13px!important;letter-spacing:.04em;color:#183d3d!important;text-decoration:underline;text-underline-offset:4px;
  text-decoration-thickness:1px;text-decoration-color:rgba(24,61,61,.35)}
.nobo-btn-login .elementor-button:hover{background:transparent!important;color:#5d8374!important;
  text-decoration-color:#5d8374}

/* fokozatos szűkítés, hogy mindig kiférjen */
@media(max-width:1500px){
  .nobo-header .elementor-nav-menu--main .elementor-item{font-size:13px!important;padding:8px 10px!important}
  .nobo-header .nobo-btn-primary .elementor-button{padding:10px 18px;font-size:12.5px}
}
@media(max-width:1360px){
  .nobo-header .nobo-btn-primary{display:none}          /* a CTA elmarad, a menü marad olvasható */
  .nobo-header .elementor-nav-menu--main .elementor-item{font-size:13px!important;padding:8px 9px!important}
}
@media(max-width:1150px){
  .nobo-btn-login .elementor-button{font-size:12.5px!important;padding:8px 6px!important}
  .nobo-cart .elementor-menu-cart__toggle .elementor-button{padding:8px 11px;font-size:13px}
  .nobo-logo .elementor-heading-title a{width:70px!important;height:70px!important}
}
@media(max-width:767px){
  .nobo-header>.elementor-container{gap:10px}
  .nobo-header .nobo-btn-login{display:none}            /* mobilon a fiók a menüből érhető el */
}

/* ==========================================================================
   26. „5 érv" – ikonok külön rétegen (a korábbi háttér-megoldást felülírja)
   ========================================================================== */
.nobo-args .nobo-arg>.elementor-widget-wrap{
  background-image:none!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7faf8 100%)!important;
  border:1px solid var(--nobo-line)!important;border-radius:20px!important;
  border-top:6px solid #183d3d!important;
  padding:106px 26px 30px!important;position:relative!important;overflow:hidden}
/* ikonkeret */
.nobo-args .nobo-arg>.elementor-widget-wrap::before{
  content:""!important;position:absolute!important;top:30px!important;left:26px!important;right:auto!important;
  width:64px!important;height:64px!important;border-radius:20px!important;
  background:#eef3f0!important;display:block!important;
  -webkit-mask:none!important;mask:none!important;box-shadow:inset 0 0 0 1px rgba(24,61,61,.06)}
/* maga az ikon */
.nobo-args .nobo-arg>.elementor-widget-wrap::after{
  content:""!important;position:absolute!important;top:46px!important;left:42px!important;right:auto!important;
  width:32px!important;height:32px!important;background:#183d3d!important;
  -webkit-mask-size:32px!important;mask-size:32px!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important}
.nobo-args .nobo-arg:nth-child(1)>.elementor-widget-wrap{border-top-color:#183d3d!important}
.nobo-args .nobo-arg:nth-child(1)>.elementor-widget-wrap::before{background:#eef3f0!important}
.nobo-args .nobo-arg:nth-child(1)>.elementor-widget-wrap::after{background:#183d3d!important;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S4.5 15.6 4.5 10.3A3.9 3.9 0 0112 8a3.9 3.9 0 017.5 2.3c0 5.3-7.5 10.2-7.5 10.2z'/%3E%3Cpath d='M8.6 11.4h1.5l1-2.2 1.6 4.4 1-2.2h1.7'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5S4.5 15.6 4.5 10.3A3.9 3.9 0 0112 8a3.9 3.9 0 017.5 2.3c0 5.3-7.5 10.2-7.5 10.2z'/%3E%3Cpath d='M8.6 11.4h1.5l1-2.2 1.6 4.4 1-2.2h1.7'/%3E%3C/svg%3E")!important}
.nobo-args .nobo-arg:nth-child(2)>.elementor-widget-wrap{border-top-color:#5d8374!important}
.nobo-args .nobo-arg:nth-child(2)>.elementor-widget-wrap::before{background:#eaf1ec!important}
.nobo-args .nobo-arg:nth-child(2)>.elementor-widget-wrap::after{background:#5d8374!important;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 14.5c0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5'/%3E%3Cpath d='M3.2 14.5h17.6a2 2 0 01-2 2H5.2a2 2 0 01-2-2z'/%3E%3Cpath d='M9 10.6c.9-.7 1.9-1.1 3-1.1'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 14.5c0-4.1 3.4-7.5 7.5-7.5s7.5 3.4 7.5 7.5'/%3E%3Cpath d='M3.2 14.5h17.6a2 2 0 01-2 2H5.2a2 2 0 01-2-2z'/%3E%3Cpath d='M9 10.6c.9-.7 1.9-1.1 3-1.1'/%3E%3C/svg%3E")!important}
.nobo-args .nobo-arg:nth-child(3)>.elementor-widget-wrap{border-top-color:#183d3d!important}
.nobo-args .nobo-arg:nth-child(3)>.elementor-widget-wrap::before{background:#eef3f0!important}
.nobo-args .nobo-arg:nth-child(3)>.elementor-widget-wrap::after{background:#183d3d!important;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12.2a7.3 7.3 0 01-7.3 7.3H5.6L3.4 21.4V12.2A7.3 7.3 0 0110.7 5h2A7.3 7.3 0 0120 12.2z'/%3E%3Cpath d='M8.6 11.4h6M8.6 14.4h3.6'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12.2a7.3 7.3 0 01-7.3 7.3H5.6L3.4 21.4V12.2A7.3 7.3 0 0110.7 5h2A7.3 7.3 0 0120 12.2z'/%3E%3Cpath d='M8.6 11.4h6M8.6 14.4h3.6'/%3E%3C/svg%3E")!important}
.nobo-args .nobo-arg:nth-child(4)>.elementor-widget-wrap{border-top-color:#5d8374!important}
.nobo-args .nobo-arg:nth-child(4)>.elementor-widget-wrap::before{background:#eaf1ec!important}
.nobo-args .nobo-arg:nth-child(4)>.elementor-widget-wrap::after{background:#5d8374!important;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.8' y='3.2' width='14.4' height='17.6' rx='2.4'/%3E%3Cpath d='M8.2 8h7.6M8.2 12h7.6M8.2 16h4.6'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.8' y='3.2' width='14.4' height='17.6' rx='2.4'/%3E%3Cpath d='M8.2 8h7.6M8.2 12h7.6M8.2 16h4.6'/%3E%3C/svg%3E")!important}
.nobo-args .nobo-arg:nth-child(5)>.elementor-widget-wrap{border-top-color:#c98f2c!important}
.nobo-args .nobo-arg:nth-child(5)>.elementor-widget-wrap::before{background:#f8f0dd!important}
.nobo-args .nobo-arg:nth-child(5)>.elementor-widget-wrap::after{background:#c98f2c!important;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='7' cy='9' rx='2.1' ry='2.7'/%3E%3Cellipse cx='12' cy='7.2' rx='2.1' ry='2.8'/%3E%3Cellipse cx='17' cy='9' rx='2.1' ry='2.7'/%3E%3Cpath d='M12 12.2c-2.7 0-4.9 2.1-4.9 4.4 0 1.7 1.3 2.6 2.9 2.6.9 0 1.4-.4 2-.4s1.1.4 2 .4c1.6 0 2.9-.9 2.9-2.6 0-2.3-2.2-4.4-4.9-4.4z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='7' cy='9' rx='2.1' ry='2.7'/%3E%3Cellipse cx='12' cy='7.2' rx='2.1' ry='2.8'/%3E%3Cellipse cx='17' cy='9' rx='2.1' ry='2.7'/%3E%3Cpath d='M12 12.2c-2.7 0-4.9 2.1-4.9 4.4 0 1.7 1.3 2.6 2.9 2.6.9 0 1.4-.4 2-.4s1.1.4 2 .4c1.6 0 2.9-.9 2.9-2.6 0-2.3-2.2-4.4-4.9-4.4z'/%3E%3C/svg%3E")!important}

@media(max-width:767px){
  .nobo-args .nobo-arg>.elementor-widget-wrap{padding-top:110px!important;text-align:center}
  .nobo-args .nobo-arg>.elementor-widget-wrap::before{left:50%!important;transform:translateX(-50%);top:26px!important}
  .nobo-args .nobo-arg>.elementor-widget-wrap::after{left:50%!important;transform:translateX(-50%);top:42px!important}
}

/* ==========================================================================
   27. FEJLÉC: kompaktabb elrendezés — a logó és a menü kényelmesen elfér
   (a logó marad hangsúlyos, a menü és a jobb oldali sáv tömörödik)
   ========================================================================== */
.nobo-header>.elementor-container{gap:14px}
.nobo-logo .elementor-heading-title a{width:100px!important;height:100px!important}
.nobo-header .elementor-nav-menu--main .elementor-item{
  font-size:13px!important;letter-spacing:.035em;padding:8px 11px!important}
.nobo-cart .elementor-menu-cart__toggle .elementor-button{padding:8px 12px;font-size:13px}
.nobo-btn-login .elementor-button{padding:8px 8px!important;font-size:13px!important}
@media(max-width:1360px){
  .nobo-logo .elementor-heading-title a{width:88px!important;height:88px!important}
  .nobo-header .elementor-nav-menu--main .elementor-item{font-size:12.5px!important;padding:7px 8px!important;letter-spacing:.02em}
}
@media(max-width:1150px){
  .nobo-logo .elementor-heading-title a{width:80px!important;height:80px!important}
}
@media(max-width:767px){
  .nobo-logo .elementor-heading-title a{width:70px!important;height:70px!important}
}

/* --- 27/b. Fejléc: kevesebb függőleges hely alul-felül --- */
.nobo-header{padding:2px 0!important}
.nobo-logo .elementor-heading-title,
.nobo-logo .elementor-heading-title a{vertical-align:middle}
.nobo-logo .elementor-widget-container{line-height:0}
@media(max-width:767px){.nobo-header{padding:2px 0!important}}

/* --- 27/c. Adagkalkulátor: szebb legördülők és mezők --- */
.nobo-calc__grid select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183d3d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:15px;
  padding-right:42px;cursor:pointer;font-weight:600;color:#183d3d;
  transition:border-color .15s ease,box-shadow .15s ease}
.nobo-calc__grid input{background-color:#fff;font-weight:600;color:#183d3d;
  transition:border-color .15s ease,box-shadow .15s ease}
.nobo-calc__grid select:hover,.nobo-calc__grid input:hover{border-color:#5d8374}
.nobo-calc__grid select:focus,.nobo-calc__grid input:focus{
  outline:none;border-color:#5d8374;box-shadow:0 0 0 3px rgba(93,131,116,.18)}