/* Greenland Theme — Responsive CSS
 * Breakpointy: 1024px, 768px, 480px
 */

@media (max-width: 1024px){
  .hslide{height:auto;min-height:470px;padding:30px 0 54px;}
  .hwrap{width:min(92%,1200px);}
  .hero h1{font-size:34px;}
  .bs-tr .pcard{flex:0 0 calc((100% - 48px)/4);min-width:0;}
}
@media (max-width: 768px){
  /* GLOBAL overflow fix – clip instead of hidden to preserve sticky */
  html,body{overflow-x:clip;}

  /* Wrap – equal mobile padding */
  .wrap{width:auto;margin:0 12px;}

  /* TOPBAR */
  .tb-side{display:none;}
  .tb-center{flex:1;}
  .topbar{justify-content:center;}

  /* HEADER - sticky on mobile (topbar scrolls away, header sticks) */
  .header{position:sticky;top:0;z-index:200;border-bottom:1px solid var(--gray-300);box-shadow:var(--sh);}
  .hinner{display:flex;flex-wrap:wrap;gap:0;padding:8px 0;}
  .logo{order:1;flex-shrink:0;}
  .logo img{height:30px;}
  .sbar-wrap{order:3;width:100%;display:none;}
  .hacts{order:2;margin-left:auto;gap:0;}
  .hact{padding:4px 6px;font-size:0;}
  .hact svg{width:18px;height:18px;}
  .mobile-search-btn{display:flex!important;}
  .cn{top:0;right:2px;width:14px;height:14px;font-size:8px;}
  .burger-btn{display:block;order:3;}

  /* HIDE desktop nav, use burger */
  .nav{display:none;}

  /* HERO SLIDER – mobile: simple square image */
  .hslide{min-height:auto;padding:0;height:auto;}
  .hslide-bg{display:none;}
  .hwrap{display:none;} /* hide desktop content on mobile */
  .hslide-mobile-img{display:block;width:100%;}
  .hslide-mobile-img img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;}
  .harr{display:none;}
  .hdots{bottom:6px;}

  /* CATEGORY TILES – 2.75 visible on mobile */
  .catitem{width:110px;}
  .cat-circle{width:110px;height:110px;}
  .cat-name{font-size:10px;}
  .sarr{display:none;}
  .cats-ov{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .cats-ov::-webkit-scrollbar{display:none;}
  .cats-tr{transition:none!important;transform:none!important;}
  .catitem{scroll-snap-align:start;}

  /* BESTSELLERS - native scroll 1.5 visible + arrows visible */
  .bs-slider{position:relative;}
  .bs-ov{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .bs-ov::-webkit-scrollbar{display:none;}
  .pgrid.bs-tr{display:flex!important;grid-template-columns:unset!important;transition:none!important;transform:none!important;overflow:visible;flex-wrap:nowrap!important;}
  .pgrid.bs-tr>.pcard{min-width:0!important;width:calc(66.666% - 8px)!important;max-width:calc(66.666% - 8px)!important;flex:0 0 calc(66.666% - 8px)!important;scroll-snap-align:start;}
  .bs-arr{display:flex;width:30px;height:30px;top:40%;}
  .bs-arr.l{left:4px;}
  .bs-arr.r{right:4px;}

  /* CATEGORY TILES ROW */
  /* CTA buttons: 1 full width + 2 × 50% */
  .pcta{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .pcta .ctile:first-child{grid-column:1 / -1;}
  .ctile{font-size:11px;padding:10px 14px;white-space:nowrap;}

  /* EM WORLD - horizontal scroll 1.5 card */
  .em-lay{display:flex!important;grid-template-columns:unset!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:4px;}
  .em-lay::-webkit-scrollbar{display:none;}
  .em-hero{min-width:calc(66.666% - 6px)!important;flex:0 0 calc(66.666% - 6px)!important;min-height:260px;scroll-snap-align:start;}
  .em-post{min-width:calc(66.666% - 6px)!important;flex:0 0 calc(66.666% - 6px)!important;scroll-snap-align:start;}

  /* NEWS - horizontal scroll 1.5 card */
  .ngrid{display:flex!important;grid-template-columns:unset!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:4px;}
  .ngrid::-webkit-scrollbar{display:none;}
  .ncard{min-width:calc(66.666% - 6px)!important;flex:0 0 calc(66.666% - 6px)!important;scroll-snap-align:start;}

  /* REVIEWS - 1 per view */
  .rgrid{gap:12px;}
  .rcard{min-width:calc(100% - 2px)!important;flex:0 0 calc(100% - 2px)!important;}

  /* FOOTER - accordion */
  .fgrid{grid-template-columns:1fr;gap:0;}
  .fcol{border-bottom:1px solid var(--gray-300);}
  .fcol h4{margin-bottom:0;padding:16px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;}
  .fcol h4::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:11px;color:var(--gray-500);transition:transform .25s ease;}
  .fcol.open h4::after{transform:rotate(180deg);}
  .fcol ul{display:none;padding-bottom:16px;}
  .fcol.open ul{display:flex;}
  /* First footer column (logo/desc) stays visible */
  .fgrid>div:first-child{margin-bottom:16px;}
  /* Kontakt column */
  .fgrid>.fcol:last-child .fcon{display:none;}
  .fgrid>.fcol:last-child.open .fcon{display:flex;}

  /* SEO */
  .seo-content h2{font-size:18px;}
  .seo-content h3{font-size:18px;}
  .seo-content p{font-size:13px;}

  /* NEWSLETTER */
  .nl-sec{padding:36px 0;}
  .nl-form{flex-direction:column;max-width:100%;}
  .nl-form input{width:100%;}

  /* MEGA MENU - hide on mobile (use burger) */
  .mega-menu{display:none!important;}

  /* Prevent horizontal overflow */
  .hero,.soc-sec,.rev-sec,.seo-sec,.nl-sec,.footer{overflow-x:hidden;}
  .em-sec,.news-sec,.bs-sec,.cats-sec{overflow:hidden;}
  /* Allow inner scrollable containers to still scroll */
  .em-lay,.ngrid,.bs-ov,.cats-ov,.sgrid{overflow-x:auto!important;}
}
@media (max-width: 480px){
  .hero h1{font-size:19px;}
  .pgrid.bs-tr>.pcard{min-width:0!important;width:calc(72% - 8px)!important;max-width:calc(72% - 8px)!important;flex:0 0 calc(72% - 8px)!important;}
  .pname{font-size:12px;}
  .pprice{font-size:14px;}
  .pbody{padding:10px 10px 12px;}
  .bcart{padding:6px 8px;font-size:10px;}
  .em-hero{min-width:calc(75% - 6px)!important;flex:0 0 calc(75% - 6px)!important;}
  .em-post{min-width:calc(75% - 6px)!important;flex:0 0 calc(75% - 6px)!important;}
  .ncard{min-width:calc(75% - 6px)!important;flex:0 0 calc(75% - 6px)!important;}
}