/* Arunda — static site styles (menu, gallery, lightbox, buttons) */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper-1);color:var(--text-body);font-family:var(--font-body)}
a{color:inherit}
img{max-width:100%}

/* nav / links */
.ar-navlink:hover{color:var(--ink-9)!important}
.ar-ulink{color:var(--ink-7);text-decoration:none;transition:color .15s ease}
.ar-ulink:hover{color:var(--red-600)}
.ar-flink{font-size:14px;color:var(--grey-4);text-decoration:none;transition:color .15s ease,transform .15s ease;width:max-content}
.ar-flink:hover{color:#fff;transform:translateX(3px)}
.ar-doc{transition:background .15s ease}
.ar-doc:hover{background:var(--paper-1)}

/* buttons */
.ar-btn{transition:background .2s ease,box-shadow .2s ease,transform .12s ease}
.ar-btn-primary:hover{background:var(--red-600)!important}
.ar-btn-ghost:hover{color:var(--red-600)!important}
.ar-btn-stamp:hover{background:var(--ink-8)!important}
.ar-btn-stamp:active{transform:translate(2px,2px)}

/* gallery thumbs */
.ar-gthumb{cursor:zoom-in;border:1px solid var(--border-hair);overflow:hidden;background:var(--paper-2) center/cover no-repeat;padding:0;transition:transform .3s ease,box-shadow .3s ease}
.ar-gthumb:hover{transform:scale(1.03);z-index:1;box-shadow:var(--shadow-md)}

/* mobile menu */
.ar-burger{display:none}
.ar-mobile-overlay{display:none}
.ar-mobile-overlay.is-open{display:flex}
body.ar-noscroll{overflow:hidden}
@media (max-width:640px){
  .ar-util{display:none!important}
  .ar-desktop-nav{display:none!important}
  .ar-eshop{display:none!important}
  .ar-burger{display:inline-flex!important}
}

/* lightbox */
.ar-lb{position:fixed;inset:0;z-index:100;background:rgba(10,12,13,.94);display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,64px)}
.ar-lb[hidden]{display:none}
.ar-lb__img{max-width:min(1100px,90vw);max-height:82vh;object-fit:contain;border:1px solid rgba(255,255,255,.15);background:#000}
.ar-lb__btn{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ar-lb__prev,.ar-lb__next{top:50%;transform:translateY(-50%);width:52px;height:52px;font-size:26px}
.ar-lb__prev{left:clamp(8px,3vw,40px)}
.ar-lb__next{right:clamp(8px,3vw,40px)}
.ar-lb__close{top:clamp(12px,3vw,32px);right:clamp(12px,3vw,32px);width:44px;height:44px;font-size:20px}
.ar-lb__counter{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:#cfd1d2}

/* rich-prose: markdown body typography */
.rich-prose p{font-size:16px;line-height:1.68;margin:0 0 18px;color:var(--text-body)}
.rich-prose p:last-child{margin-bottom:0}
.rich-prose h2,.rich-prose h3{color:var(--text-strong)}
.rich-prose a{color:var(--red-600)}
.rich-prose ul,.rich-prose ol{font-size:16px;line-height:1.68;color:var(--text-body);margin:0 0 18px;padding-left:1.4em}

/* /system richtext: na mobile obrázky nad text, jeden stĺpec */
@media (max-width:640px){
  .rt-cols{grid-template-columns:1fr !important}
  .rt-media{order:-1}
}

/* /sablony product_spec: na mobile obrázok nad tabuľkou, jeden stĺpec */
@media (max-width:640px){
  .ps-cols{grid-template-columns:1fr !important}
  .ps-media{order:-1}
}

/* Galéria: na mobile vždy 2 obrázky vedľa seba */
@media (max-width:640px){
  .ar-gallery-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* Patent legal_info: na mobile certifikát nad textom, jeden stĺpec */
@media (max-width:640px){
  .li-cols{grid-template-columns:1fr !important}
  .li-media{order:-1}
}

/* System hero: na mobile celá fotka ako pásik, nadpis PREKRYTÝ cez fotku dole */
@media (max-width:640px){
  .ph-hero__img{position:static !important;width:100% !important;height:auto !important;opacity:1 !important;display:block}
  .ph-hero__overlay{display:block !important;background:linear-gradient(0deg, rgba(12,14,15,.78) 0%, rgba(12,14,15,.30) 45%, rgba(12,14,15,0) 100%) !important}
  .ph-hero__content{position:absolute !important;left:0;right:0;bottom:0;min-height:0 !important;justify-content:flex-end !important;padding:16px clamp(16px,4vw,40px) 18px !important}
}