/* FILUM arculati kiegészítés az eredeti Business Casual sablonhoz */
:root { --filum-blue:#174b70; --filum-navy:#102e45; --filum-ice:#e9f1f6; }
body { background:linear-gradient(rgba(245,248,250,.89),rgba(245,248,250,.91)),url("../assets/img/filum-raklapok.jpg") center/cover fixed; color:#203b4c; }
.site-heading {margin-top:3rem;margin-bottom:2.4rem}
.site-heading .site-heading-upper {color:#34779c!important;letter-spacing:.18em}
.site-heading .site-heading-lower {color:#133e5b;font-weight:800;letter-spacing:.07em}
#mainNav {background:var(--filum-navy)!important}
#mainNav .navbar-nav .nav-item .nav-link {color:#fff}
#mainNav .navbar-nav .nav-item .nav-link:hover,#mainNav .navbar-nav .nav-item.active .nav-link {color:#9bd1f1}
.bg-faded {background:rgba(255,255,255,.97)}
.section-heading .section-heading-upper {color:#36789e}
.section-heading .section-heading-lower {color:#163c59;font-size:2.25rem}
.btn-primary {background:#145c8c;border-color:#145c8c}
.btn-primary:hover {background:#0c436a;border-color:#0c436a}
.cta {background:rgba(20,75,111,.90)}
.cta .cta-inner {background:#fff;border:0}
.footer {background:var(--filum-navy)!important}
.intro .intro-img {width:74%;max-height:540px;object-fit:cover;object-position:center}
.intro .intro-text {width:49%;left:0;top:3.4rem;position:absolute}
.product-item .product-item-img {max-height:560px;object-fit:cover}
.product-item .product-item-title {max-width:60%}
.product-item .product-item-description {max-width:60%}
.table-filum {width:100%;border-collapse:collapse;margin-top:1rem}
.table-filum td,.table-filum th {padding:.85rem;border-bottom:1px solid #d9e5ed;text-align:left}
.table-filum th {width:43%;color:#184b70}
.filum-photo {width:100%;height:400px;object-fit:cover;border-radius:5px}
.filum-pill {display:inline-block;padding:.45rem .9rem;margin:.3rem;border:1px solid #c7dce9;border-radius:50px;color:#174b70;background:#f3f8fb;font-weight:700}
.filum-contact a {color:#155d8b}
@media(max-width:991px){.intro .intro-img{width:100%;max-height:430px}.intro .intro-text{width:100%;position:relative;top:auto;margin-top:-1.5rem}.product-item .product-item-title,.product-item .product-item-description{max-width:100%}.site-heading .site-heading-lower{font-size:3rem}}
@media(max-width:600px){.section-heading .section-heading-lower{font-size:1.75rem}.filum-photo{height:260px}.site-heading{display:none}}

/* V4 – eredeti FILUM wordmark és függőleges termékfotó */
.filum-brand-logo{display:block;width:min(390px,65vw);max-height:145px;object-fit:contain;margin:0 auto 1.2rem;mix-blend-mode:multiply}
.intro .intro-img.filum-bag-portrait{height:600px;width:66%;object-fit:contain;object-position:right center;background:#f6f8fa;padding:1rem}
.filum-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#32739b;font-size:.8rem;font-weight:800}
.filum-article{padding:1.5rem 0;border-top:1px solid #d9e5ed}
.filum-article h3{font-size:1.3rem;font-weight:800;color:#173e5c;margin:.35rem 0 .7rem}
.filum-article-source{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#56778c;font-weight:700}
.filum-article p{max-width:850px}
.filum-article .btn{font-size:.85rem}
.filum-disclaimer{border-left:3px solid #2a6c98;padding:1rem;background:#f0f6f9}
@media(max-width:991px){.intro .intro-img.filum-bag-portrait{width:100%;height:430px;object-position:center}.filum-brand-logo{width:240px}}

/* V5 – readable buttons, cropped blue FILUM mark and variant table */
.btn-primary,.btn-primary:visited,.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
a.btn-primary,a.btn-primary:visited,a.btn-primary:hover,a.btn-primary:focus {color:#fff!important;text-shadow:none!important;}
.btn-primary {background-color:#07548a!important;border-color:#07548a!important;}
.btn-primary:hover,.btn-primary:focus {background-color:#063d66!important;border-color:#063d66!important;}
.filum-brand-logo {mix-blend-mode:normal;max-height:150px;width:min(390px,65vw);object-fit:contain;}
.filum-variants thead th {background:#07548a;color:#fff;border-color:#2e6e99;}
.filum-variants td,.filum-variants th {padding:.8rem;}

/* Letöltések */
.filum-download-item{padding:1.2rem 0;border-bottom:1px solid rgba(0,0,0,.14)}
.filum-download-item:last-of-type{border-bottom:0}
.filum-download-button{color:#fff!important;background-color:#075b93;border-color:#075b93}
.filum-download-button:hover,.filum-download-button:focus{color:#fff!important;background-color:#06466f;border-color:#06466f}

/* V7: betonfelület, FILUM és HABILETRADE logók, eredeti fotók */
body.filum-concrete-theme{background:#dadde0 url('../assets/img/beton-hatter.jpg') center top/cover fixed;color:#193047}
.filum-site-header{background:rgba(239,243,246,.92);border-bottom:1px solid #c5cbd0}
.filum-brandbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 0}
.filum-brandbar a{display:block;max-width:49%}.filum-brandbar img{display:block;max-width:100%;height:80px;object-fit:contain}
.filum-brandbar .brand-filum img{max-width:260px}.filum-brandbar .brand-ht img{max-width:380px}
#mainNav{background:rgba(17,43,63,.97)!important;padding-top:.75rem!important;padding-bottom:.75rem!important}
#mainNav .navbar-nav .nav-item{padding-left:.5rem!important;padding-right:.5rem!important}
#mainNav .nav-link{font-size:.85rem;white-space:nowrap}
.filum-concrete-theme .btn-primary{color:#fff!important;background:#075b9b!important;border-color:#075b9b!important}
.filum-concrete-theme .btn-primary:hover{background:#06477b!important}
.home-hero{display:grid;grid-template-columns:1.1fr .9fr .72fr;align-items:center;gap:1.3rem;background:linear-gradient(100deg,rgba(18,37,50,.95),rgba(45,60,68,.77)),url('../assets/img/beton-hatter.jpg') center/cover;border:8px solid rgba(255,255,255,.65);border-radius:8px;margin-top:2rem;margin-bottom:1.2rem;padding:2.2rem;color:#fff;min-height:440px}
.hero-copy h1{font-family:Raleway,Arial,sans-serif;font-size:clamp(2rem,3.1vw,3.4rem);font-weight:800;line-height:1.12;color:#fff}.hero-copy p{font-size:1.08rem;line-height:1.65;max-width:560px}.hero-product{text-align:center}.hero-product img{height:365px;max-width:100%;object-fit:contain;border-radius:5px}.hero-benefits{display:grid;gap:1.2rem;font-weight:700}.hero-benefits div{border-bottom:1px solid #a5b0b8;padding-bottom:.7rem}.hero-benefits strong{display:inline-block;border:2px solid #fff;border-radius:50%;padding:.55rem;margin-right:.5rem;font-size:.9rem}
.home-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.home-features article,.home-panel,.home-cta{background:rgba(255,255,255,.94);border:1px solid #c9d2d9;border-radius:6px;padding:1rem}.home-features img{width:100%;height:165px;object-fit:cover;border-radius:3px}.home-features h2{font-size:1.15rem;color:#07548a;margin-top:.7rem;font-weight:800}.home-features p{font-size:.92rem;margin:0}
.home-bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:1rem;margin-bottom:1rem}.home-panel h2,.home-cta h2{font-size:1.55rem;font-weight:800;color:#07548a}.home-panel table{font-size:.9rem;background:#fff}.home-panel table th,.home-panel table td{padding:.6rem}.home-panel table thead th{background:#07548a;color:#fff}.home-docs>a:not(.btn){display:block;color:#104f7b;padding:.8rem .2rem;border-bottom:1px solid #d1d9df;text-decoration:none;font-weight:700}.home-docs>a:hover{text-decoration:underline}.home-cta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.home-cta p{margin:0}
@media(max-width:991px){.home-hero{grid-template-columns:1fr 1fr}.hero-benefits{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.home-features{grid-template-columns:repeat(2,1fr)}.home-bottom{grid-template-columns:1fr}.filum-brandbar img{height:65px}}
@media(max-width:575px){.filum-brandbar{gap:.6rem}.filum-brandbar img{height:52px}.home-hero{grid-template-columns:1fr;padding:1.2rem}.hero-product img{height:310px}.hero-benefits{grid-column:auto;grid-template-columns:1fr 1fr;font-size:.85rem}.home-features{grid-template-columns:1fr 1fr}.home-features img{height:110px}.home-features article{padding:.6rem}.home-cta{flex-direction:column;align-items:flex-start}}

/* V8 – simított, enyhén pórusos úsztatott beton; a korábbi tartalom változatlan */
body.filum-concrete-theme {background:#d5d7d8 url('../assets/img/beton-hatter-sima.jpg') center top / 1100px auto repeat fixed;}
.filum-site-header {background:rgba(235,237,239,.94);}
.home-hero {background:linear-gradient(100deg,rgba(28,33,38,.80),rgba(40,46,51,.60)),url('../assets/img/beton-hatter-sima.jpg') center/cover;}
.home-features article,.home-panel,.home-cta {background:rgba(250,250,250,.91);}

/* V9: minden oldalon automatikus mobil / tablet / asztali elrendezés */
html {overflow-x:clip;scroll-behavior:smooth}
body {min-width:0;overflow-wrap:break-word}
img,svg,video {max-width:100%;height:auto}
.container {min-width:0}
.filum-brandbar {flex-wrap:wrap}
.filum-brandbar a {min-width:0}
#mainNav .navbar-toggler {border:1px solid rgba(255,255,255,.7);color:white}
#mainNav .navbar-toggler:focus-visible,.btn:focus-visible,a:focus-visible {outline:3px solid #ffce6a;outline-offset:3px}
.table-responsive {max-width:100%;-webkit-overflow-scrolling:touch}
.filum-variants {min-width:560px}
.home-hero > *, .home-bottom > *, .home-features > * {min-width:0}
.home-hero .hero-product img {max-width:100%;width:auto}
.filum-download-item {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.filum-download-item .btn {white-space:normal}
@media (max-width:991.98px) {
 #mainNav .navbar-collapse {padding:.65rem 0 0}
 #mainNav .navbar-nav {align-items:stretch}
 #mainNav .nav-link {display:block;padding:.85rem 1rem;white-space:normal;border-top:1px solid rgba(255,255,255,.15);font-size:1rem}
 .home-hero {padding:1.5rem;gap:1.25rem}
 .home-hero .hero-copy h1 {font-size:clamp(1.85rem,5vw,2.7rem)}
 .about-heading .about-heading-content {margin-top:0}
 .product-item .product-item-title,.product-item .product-item-description {max-width:100%;width:100%;margin-left:0;margin-right:0}
 .filum-photo {height:auto;max-height:420px;object-fit:contain}
}
@media (max-width:767.98px) {
 .filum-brandbar {justify-content:center;gap:.6rem;padding:.7rem .8rem}
 .filum-brandbar .brand-filum,.filum-brandbar .brand-ht {max-width:calc(50% - .4rem);flex:1 1 0}
 .filum-brandbar .brand-filum img,.filum-brandbar .brand-ht img {height:54px;max-width:100%;margin:auto}
 .home-hero {grid-template-columns:1fr;min-height:0;margin-top:1rem;padding:1.25rem;border-width:4px}
 .home-hero .hero-copy {order:1}
 .home-hero .hero-product {order:2}
 .home-hero .hero-product img {height:260px}
 .home-hero .hero-benefits {order:3;grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
 .hero-benefits div {font-size:.9rem}
 .home-features {grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
 .home-features img {height:135px}
 .home-bottom {grid-template-columns:minmax(0,1fr)}
 .home-cta {flex-direction:column;align-items:stretch}
 .home-cta .btn {align-self:flex-start}
 .bg-faded.p-5,.bg-faded.rounded.p-5,.cta-inner {padding:1.25rem!important}
 .section-heading .section-heading-lower {font-size:clamp(1.45rem,6vw,2rem)}
 .page-section {margin-top:2rem;margin-bottom:2rem}
 .intro .intro-text {margin-top:0}
 .filum-download-item .btn {width:100%}
}
@media (max-width:399.98px) {
 .filum-brandbar .brand-filum img,.filum-brandbar .brand-ht img {height:42px}
 .home-features {grid-template-columns:1fr}
 .home-features img {height:170px}
 .home-hero .hero-benefits {grid-template-columns:1fr}
 .hero-copy h1 {font-size:1.85rem}
 .home-panel,.home-cta {padding:.8rem}
 .btn {max-width:100%;white-space:normal}
}
@media (prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}

/* Impresszum */
.filum-impresszum{max-width:1000px;margin:auto;color:#202c3b}
.filum-impresszum h1{color:#07477d;margin-bottom:1rem}
.filum-impresszum dt,.filum-impresszum dd{padding:.45rem 0;border-bottom:1px solid #d7dce1}
.filum-impresszum-link{color:#fff;text-decoration:underline;text-underline-offset:3px}
.filum-impresszum-link:hover{color:#d6eaff}