/* ============================================================
   Be Organic – header_lis__ta1333.css
   ============================================================ */

/* === FLEX WRAPPER – iba desktop ≥ 801px === */
@media(min-width:801px){
  .wrapper{display:flex!important;flex-direction:column!important}
  header.header{order:1!important;flex-shrink:0!important}
  #topPanel{order:2!important;flex-shrink:0!important}
  nav.mainPanel{order:3!important}
  .pageContent{order:4!important}
  #footer{order:5!important}
}

/* === HEADER === */
header.header{
  position:sticky!important;top:0!important;z-index:7500!important;
  background:#3d5c3a!important;height:36px!important;min-height:0!important;
  flex-basis:36px!important;width:100%!important;display:flex!important;
  align-items:center!important;padding:0 32px!important;
  box-sizing:border-box!important;clear:none!important;
}
#topPanel{
  position:sticky!important;top:36px!important;z-index:7400!important;
  flex-basis:66px!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;padding:0 32px 0 200px!important;
  min-height:66px!important;height:66px!important;background-color:#fff!important;
  background-image:url('/storage/be_organic.png')!important;
  background-repeat:no-repeat!important;background-position:left 28px center!important;
  background-size:auto 40px!important;border-bottom:1px solid #e8e4de!important;
  box-sizing:border-box!important;width:100%!important;
}
nav.mainPanel{
  position:sticky!important;top:102px!important;z-index:7300!important;
  background:#fff!important;border-bottom:1px solid #e8e4de!important;
}
#pageHeaderContent{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:0!important;margin:0!important}
.bo-top-left{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important}
.bo-top-right{display:flex!important;align-items:center!important;gap:20px!important;flex-shrink:0!important}
.bo-top-right span{display:flex!important;align-items:center!important;gap:5px!important}
.bo-top-left a,.bo-top-right a{color:#c8ddc8!important;font-size:12.5px!important;font-family:Arial,sans-serif!important;text-decoration:none!important;letter-spacing:.02em!important;display:inline!important}
.bo-top-left a:hover,.bo-top-right a:hover{color:#fff!important}
.bo-top-sep{color:rgba(255,255,255,.3)!important;font-size:11px!important}
.bo-top-right svg{width:13px!important;height:13px!important;fill:#b8d4b8!important;flex-shrink:0!important;display:block!important}
#bo-logo-link{position:absolute!important;left:0!important;top:0!important;width:190px!important;height:100%!important;display:block!important;z-index:10!important}
#topPanel #ce_menu{display:none!important}
#topPanel #res-menu_trg{display:none!important}

/* === RECENZIE === */
.bo-review-section{background:#f5f0eb!important;padding:60px 40px!important}
.bo-review-h2{text-align:center!important;margin-bottom:32px!important}
.bo-review-inner{max-width:1100px!important;margin:0 auto!important;padding:0 16px!important}
.bo-review-score-wrap{display:flex!important;justify-content:center!important;margin-bottom:28px!important}
.bo-review-score-link{display:flex!important;align-items:center!important;gap:14px!important;text-decoration:none!important;color:inherit!important;background:#fff!important;border:1px solid #e8e4de!important;border-radius:12px!important;padding:14px 24px!important}
.bo-review-google-logo{width:38px!important;height:38px!important;flex-shrink:0!important}
.bo-review-score-text{display:flex!important;flex-direction:column!important;gap:2px!important}
.bo-review-number{font-size:30px!important;font-weight:700!important;color:#2b2b2b!important;line-height:1!important}
.bo-review-stars{color:#f4b400!important;font-size:18px!important}
.bo-review-count{font-size:12px!important;color:#777!important}
.bo-review-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important;margin-bottom:20px!important}
.bo-review-card{background:#fff!important;border:1px solid #e8e4de!important;border-radius:12px!important;padding:18px!important}
.bo-rc-top{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important}
.bo-rc-avatar{width:38px!important;height:38px!important;border-radius:50%!important;background:#3d5c3a!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;font-size:15px!important;flex-shrink:0!important}
.bo-rc-meta{flex:1!important;display:flex!important;flex-direction:column!important;gap:1px!important}
.bo-rc-meta strong{font-size:13px!important;color:#2b2b2b!important;display:block!important}
.bo-rc-date{font-size:11px!important;color:#aaa!important}
.bo-rc-stars{color:#f4b400!important;font-size:13px!important;margin-left:auto!important;flex-shrink:0!important}
.bo-rc-text{font-size:13px!important;color:#555!important;line-height:1.6!important;margin:0!important}
.bo-review-more{display:block!important;text-align:center!important;color:#3d5c3a!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;padding:8px!important}

/* === NEWSLETTER === */
.bo-news-section{background:#f5f0eb!important;padding:80px 40px!important}
.bo-news-wrap{max-width:100%!important;padding:0 40px!important}
.bo-news-card{background:#fff!important;border-radius:24px!important;padding:60px 50px!important;text-align:center!important;max-width:820px!important;margin:0 auto!important;box-shadow:0 8px 40px rgba(0,0,0,.06)!important}
.bo-news-h2{font-size:2.4rem!important;font-weight:500!important;margin:0 0 14px!important;color:#2b2b2b!important}
.bo-news-p{font-size:1.05rem!important;color:#666!important;margin:0 0 30px!important;line-height:1.6!important}
.bo-news-form{display:block!important;background:none!important;border:none!important;border-radius:0!important;padding:0!important;gap:0!important}
.bo-news-form-wrap{display:flex!important;flex-direction:row!important;gap:12px!important;max-width:500px!important;margin:0 auto 14px!important;align-items:center!important}
.bo-news-input{flex:1!important;padding:15px 20px!important;border:1.5px solid #e0dbd5!important;border-radius:50px!important;font-size:15px!important;outline:none!important;background:#faf9f7!important;color:#2b2b2b!important;width:auto!important}
.bo-news-btn{padding:15px 28px!important;background:#3d5c3a!important;color:#fff!important;border:none!important;border-radius:50px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;white-space:nowrap!important;width:auto!important;flex-shrink:0!important}
.bo-news-btn:hover{background:#2d4a2b!important}
.bo-news-small{font-size:12px!important;color:#aaa!important;margin:0!important}

/* === FOOTER === */
.bo-footer-wrap{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:32px!important;padding:60px 80px!important;background:#f5f0eb!important;justify-content:space-between!important;align-items:flex-start!important;border-top:1px solid #e4ddd6!important}
.bo-footer-col{flex:1!important;min-width:0!important}
.bo-footer-h4{font-size:14px!important;font-weight:600!important;color:#2b2b2b!important;margin:0 0 18px!important;letter-spacing:.01em!important}
.bo-footer-list{list-style:none!important;margin:0 0 16px!important;padding:0!important}
.bo-footer-list li{margin-bottom:11px!important}
.bo-footer-list a{color:#6b6b6b!important;text-decoration:none!important;font-size:14px!important;transition:color .2s!important}
.bo-footer-list a:hover{color:#2b2b2b!important}
.bo-cert-badge{display:block!important;max-width:110px!important;width:100%!important;opacity:.85!important;margin-top:4px!important}
.bo-footer-bottom{background:#f5f0eb!important;padding:20px 80px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-top:1px solid #e4ddd6!important}
.bo-footer-bottom p{color:#9b9b9b!important;font-size:13px!important;margin:0!important}
.bo-footer-social{display:flex!important;align-items:center!important;gap:20px!important}
.bo-social-link img{width:20px!important;height:20px!important;opacity:.6!important;transition:opacity .2s!important;display:block!important}
.bo-social-link:hover img{opacity:1!important}
.bo-cert-img,.bo-pay-img,.bo-delivery-img{display:none!important}

/* ============================================================
   MOBILE ≤ 800px  – wrapper zostáva block (platforma)
   ============================================================ */
@media(max-width:800px){

  /* Header */
  header.header{display:none!important}
  #topPanel{
    top:0!important;flex-basis:60px!important;min-height:60px!important;height:60px!important;
    padding:0 16px!important;justify-content:space-between!important;
    background-position:center center!important;background-size:auto 34px!important;
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  }
  #topPanel #res-menu_trg{display:flex!important;align-items:center!important;order:-1!important;flex-shrink:0!important}
  #bo-logo-link{left:50%!important;transform:translateX(-50%)!important;width:180px!important}
  #topPanel .wishlist-link,#topPanel .search_trg,#topPanel .productSearchOut{display:none!important}
  #topPanel .divLogin,#topPanel .shoppingCart{order:3!important;flex-shrink:0!important}
  nav.mainPanel{top:60px!important}

  /* Recenzie – 1 stĺpec */
  .bo-review-section{padding:32px 16px!important;box-sizing:border-box!important}
  .bo-review-inner{padding:0!important;box-sizing:border-box!important}
  .bo-review-cards{grid-template-columns:1fr!important;gap:12px!important}
  .bo-review-score-link{padding:12px 16px!important;gap:10px!important}

  /* Newsletter – stacked */
  .bo-news-section{padding:32px 16px!important;box-sizing:border-box!important}
  .bo-news-wrap{padding:0!important;box-sizing:border-box!important}
  .bo-news-card{padding:28px 16px!important;border-radius:16px!important;max-width:100%!important;box-sizing:border-box!important}
  .bo-news-h2{font-size:1.5rem!important}
  .bo-news-p{font-size:0.88rem!important;margin-bottom:18px!important}
  .bo-news-form{display:block!important;background:none!important;border:none!important;border-radius:0!important;padding:0!important;flex-direction:unset!important}
  .bo-news-form-wrap{flex-direction:column!important;gap:10px!important;max-width:100%!important;width:100%!important;margin:0 0 12px!important;box-sizing:border-box!important}
  .bo-news-input{width:100%!important;box-sizing:border-box!important;padding:13px 16px!important;flex:none!important}
  .bo-news-btn{width:100%!important;box-sizing:border-box!important;text-align:center!important;padding:13px 20px!important;flex-shrink:0!important}

  /* Footer */
  .bo-footer-wrap{flex-direction:column!important;padding:32px 20px!important;gap:24px!important;box-sizing:border-box!important}
  .bo-footer-col{width:100%!important;flex:none!important}
  .bo-footer-bottom{padding:16px 20px!important;flex-direction:column!important;gap:16px!important;text-align:center!important;box-sizing:border-box!important}
  .bo-footer-social{justify-content:center!important}
  .bo-cert-badge{max-width:90px!important}
}

@media(max-width:480px){
  #bo-logo-link{width:150px!important}
  .bo-news-card{padding:22px 12px!important}
  .bo-review-score-link{flex-direction:column!important;text-align:center!important}
}