/* Modern scale on top of the untouched 2012 CSS: 962px -> ~1200px, 12px -> 15px text. Delete this file to see the original. */
body{zoom:1.25}
#left ul li .svc_desc{margin:2px 0 0;padding:0 0 10px;color:#777;font-size:12px;line-height:17px}
#left ul li h2{margin-bottom:0;padding-bottom:0}
#left ul li .svc_desc{margin-top:-6px;padding-bottom:16px}
.ul_social{background-position:0 -255px}
/* footer now has 3 columns: use the full width */
.ul_ft li{width:300px;margin:0 31px 0 0}
.ul_ft li.lst{width:300px;margin:0}
/* new logo (SVG, crisp at any scale) */
h1#logo{background-image:url(/images/logo.svg);background-size:219px 78px}

/* WhatsApp floating button (same pattern as Farmageddon) */
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:#900101;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}
.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(0,0,0,.32)}
.whatsapp-float .whatsapp-tooltip{position:absolute;right:68px;white-space:nowrap;background:#222;color:#fff;font:12px/1 'Lucida Grande',Arial,sans-serif;padding:8px 11px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s}
.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus .whatsapp-tooltip{opacity:1}

/* About: timeline lives in the wide main column */
#left dl.history dt{width:60px}
#left dl.history dd{width:590px}
#left dl.history:after{content:'';display:block;clear:both}

#left ul li .svc_desc{font-size:13px;line-height:20px;max-width:640px;margin-top:-4px;padding-bottom:22px}

/* language switcher (EN | PL) */
#header{position:relative}
#header #langswitch{position:absolute;top:0;left:0;right:auto;bottom:auto;width:auto;height:auto;z-index:5;margin:0;padding:0;list-style:none;display:flex;gap:4px;font:bold 11px/1 'Lucida Grande',Arial,sans-serif}
#header #langswitch li{float:none;margin:0;padding:0}
#header #langswitch a{display:block;padding:4px 8px;border-radius:4px;color:#555;background:#e6e6e6;text-decoration:none}
#header #langswitch li.act a,#header #langswitch a:hover{background:#900101;color:#fff}
.pager{margin:18px 0}
.contact_box ul.form{list-style:none;margin:0;padding:0}
.contact_box ul.form li{margin:0 0 10px}
.contact_box label{display:block;font-size:12px;margin-bottom:3px}
.contact_box .fld{width:360px;max-width:100%}
.error{color:#900101;font-size:12px}
.confirmation{color:#2d6a2d}

/* portfolio: sticky left column + independently scrolling grid on the right */
.folio_split{display:flex;gap:28px;align-items:flex-start}
.folio_side{flex:0 0 31%;max-width:31%;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:hidden}
.folio_side .folio_cat{margin:0 0 14px}
.folio_side .folio_cat p{font-size:12px;line-height:18px;margin:0 0 6px}
.folio_side .left_folio,.folio_side .textright{float:none;width:auto;text-align:left}
.folio_grid{flex:1;min-width:0;height:calc(100vh - 150px);min-height:420px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start;padding-right:6px}
.folio_grid .portfolio_item{float:none;margin:0;width:calc(33.333% - 8px);box-sizing:border-box}
.folio_grid .portfolio_item img{width:100%;height:auto;display:block}
@media (max-width:900px){.folio_split{display:block}.folio_side{position:static;max-width:none}.folio_grid{height:auto;overflow:visible}}

.map{margin:14px 0}.map iframe{display:block;width:100%;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.2)}

/* footer link columns */
.ft_links{display:flex;gap:40px;padding:6px 0 2px}
.ft_links .ft_col{flex:1;min-width:0}
.ft_links h5{margin:0 0 10px;color:#d0d0d0;font-size:15px}
.ft_links ul{list-style:none;margin:0;padding:0}
.ft_links li{margin:0 0 7px;line-height:17px}
.ft_links a{color:#9a9a9a;text-decoration:none}
.ft_links a:hover{color:#fff;text-decoration:underline}
.ft_links li span{display:block;color:#666;font-size:11px;margin-top:1px}

/* footer: keep bottom margin inside the dark block (no light strip under it) */
#footer_wr{display:flow-root;padding-bottom:22px}
.footer_b p{margin-bottom:0}