:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-bg-soft:#f5f7fa;--color-text:#172233;--color-text-muted:#586477;--color-accent:#ff4b10;--color-border:#dce3ec;--font-sans:Arial, Helvetica, sans-serif;--container-max:1200px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--shadow-card:0 4px 18px #1722330f;--shadow-header:0 2px 12px #1722330d;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}a:focus-visible{outline-offset:4px;outline:3px solid}.container{width:min(100% - 2rem, var(--container-max));margin-inline:auto}.skip-link{z-index:10;background:#fff;padding:.75rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header,.site-footer{border-bottom:1px solid var(--color-border)}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.25rem;display:flex}.site-main{min-height:50vh;padding-block:3rem}h1{line-height:1.2}.site-main--home{width:100%;max-width:none;min-height:0;padding:0}.homepage{overflow:clip}.button{border-radius:var(--radius-sm);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:.75rem;min-height:48px;padding:.8rem 1.35rem;font-weight:700;line-height:1.25;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button--primary{background:var(--color-accent);color:#fff}.button--primary:hover{background:#db3b08}.button--secondary{border-color:var(--color-text);color:var(--color-text);background:#fff}.button--secondary:hover{background:var(--color-bg-soft)}.home-products,.home-about{max-width:var(--container-max);margin-inline:auto;padding:3.5rem 1rem}.home-section-heading{justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:1.5rem;display:flex}.home-section-heading h2{margin:0;padding-bottom:.75rem;font-size:clamp(1.65rem,2.5vw,2.1rem);line-height:1.2;position:relative}.home-section-heading h2:after{background:var(--color-accent);content:"";width:54px;height:3px;position:absolute;bottom:0;left:0}.home-section-heading>a{text-underline-offset:.25rem;padding-bottom:.5rem;font-size:.875rem;font-weight:700}.home-section-heading>p{max-width:380px;color:var(--color-text-muted);margin:0}@media (width<=640px){.header-inner,.footer-inner{flex-direction:column;align-items:flex-start}.site-main{padding-block:2rem}.site-main--home{padding:0}}@media (width<=720px){.home-products,.home-about{padding-block:2.5rem}.home-product-grid,.home-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section-heading{flex-direction:column;align-items:start}}.site-brand{flex-direction:column;flex-shrink:0;gap:.15rem;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.site-nav{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.site-nav a[aria-current=page]{text-underline-offset:.25rem;font-weight:700;text-decoration-thickness:2px}.site-topbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-soft);font-size:.8rem}.site-topbar__inner,.site-topbar__details{justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.site-topbar__inner{min-height:34px;padding-block:.35rem}.site-topbar__details{justify-content:flex-end;gap:.5rem 1.4rem;font-weight:600}.site-topbar__details a{text-decoration:none}.site-topbar__details a:hover{text-decoration:underline}.site-header .header-inner{gap:1.5rem;min-height:84px;padding-block:.8rem}.site-brand__name{letter-spacing:-.055em;font-size:clamp(1.55rem,2vw,2rem);font-weight:800}.site-brand__name>span{color:var(--color-accent);font-style:italic}.site-brand__tagline{color:var(--color-text-muted);letter-spacing:.035em;font-size:.57rem;font-weight:700}.site-header .site-nav{justify-content:center;align-items:center;gap:clamp(.8rem,2vw,1.8rem);margin-left:auto;display:flex}.site-header .site-nav a{white-space:nowrap;border-bottom:2px solid #0000;padding:.7rem 0 .5rem;font-size:.95rem;font-weight:600;text-decoration:none}.site-header .site-nav a:hover,.site-header .site-nav a[aria-current=page]{border-bottom-color:var(--color-accent)}.site-header__phone{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.site-header__phone:hover{background:#db3b08}.site-topbar__intro{color:var(--color-text)}.site-topbar__location,.site-topbar__phone{color:var(--color-text);font-weight:700;text-decoration:none}.site-topbar__location:hover,.site-topbar__phone:hover{color:var(--color-accent);text-underline-offset:.2rem;text-decoration:underline}.site-topbar__hours{color:var(--color-text);white-space:nowrap}.site-topbar__location>span,.site-topbar__hours>span,.site-topbar__phone>span{margin-right:.25rem;font-size:1rem}.site-topbar__details svg{vertical-align:-3px;width:15px;height:15px;margin-right:.3rem;display:inline-block}.site-topbar__hours .site-topbar__separator{font-size:inherit;margin-inline:.35rem;font-weight:400}.site-brand--image{flex-shrink:0;align-items:center;display:inline-flex}.site-brand__logo{object-fit:contain;width:240px;max-width:100%;height:auto;max-height:80px;display:block}@media (width<=640px){.site-nav{gap:.75rem 1rem}}@media (width<=1050px){.site-header__phone{display:none}.site-header .site-nav{margin-left:auto}}@media (width<=640px){.site-topbar__inner,.site-topbar__details{flex-wrap:wrap}.site-header .header-inner{align-items:flex-start;gap:1rem}.site-header .site-nav{justify-content:flex-start;gap:.5rem 1.1rem;margin-left:0}.site-header .site-nav a{padding-block:.35rem}}@media (width<=760px){.site-topbar__inner{flex-direction:column;align-items:flex-start;gap:.3rem}.site-topbar__details{flex-wrap:wrap;justify-content:flex-start;gap:.3rem 1rem}.site-topbar__location{white-space:normal}}.home-hero{min-height:430px;padding-inline:max(1rem, calc((100% - var(--container-max)) / 2));background:url(/images/srafko_hero.webp) 50%/cover no-repeat;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid;position:relative}.home-hero__content{z-index:1;padding-block:clamp(3rem,6vw,5rem);position:relative}.home-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#344155;margin:0 0 1rem;font-size:.75rem;font-weight:700}.home-hero h1{letter-spacing:-.045em;max-width:660px;margin:0 0 1rem;font-size:clamp(2.25rem,4.2vw,4rem);line-height:1.08}.home-hero__content>p:not(.home-eyebrow){color:#172233;max-width:520px;margin:0;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:500}.home-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.home-hero__media{text-align:left;background:0 0;border:0;border-radius:0;align-self:stretch;place-items:center;min-height:380px;margin:0;padding:0;display:block;position:relative}.home-hero__media span{border-radius:var(--radius-sm);max-width:250px;color:var(--color-text-muted);background:#ffffffd9;padding:1rem;font-size:.875rem}.home-hero__slogan{color:#fff;text-align:center;text-shadow:0 2px 8px #000000a6;font-family:Georgia,serif;font-size:clamp(1.4rem,2.1vw,2rem);font-style:italic;line-height:1.1;position:absolute;top:11%;right:0;transform:rotate(-9deg)}.home-hero__slogan:after{content:"";background:var(--color-accent);border-radius:3px;width:85%;height:4px;margin:.55rem auto 0;display:block;transform:rotate(-8deg)}.home-hero__tag{color:#fff;text-align:center;background:#14171be6;border-radius:4px;padding:.65rem .85rem;font-size:clamp(.65rem,.95vw,.85rem);font-weight:700;line-height:1.35;display:inline-block;position:absolute;box-shadow:0 4px 14px #00000029}.home-hero__tag:after{color:var(--color-accent);font-size:2rem;font-weight:400;line-height:1;position:absolute}.home-hero__tag--machine{top:34%;left:0;transform:rotate(-5deg)}.home-hero__tag--machine:after{content:"";bottom:-2rem;right:-1.35rem}.home-hero__tag--inox{top:37%;right:8%}.home-hero__tag--inox:after{content:"";bottom:-2rem;left:.6rem}.home-hero__media .home-hero__tag{color:#fff;background:#14171beb;border-radius:4px;max-width:none;padding:.65rem .85rem;font-size:clamp(.68rem,.9vw,.82rem)}.home-hero__media .home-hero__slogan{color:#fff;background:0 0;border-radius:0;max-width:none;padding:0;font-size:clamp(1.4rem,2.1vw,2rem)}.home-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffffe0 0%,#ffffff9e 58%,#0000 100%);width:62%;position:absolute;inset:0 auto 0 0}@media (width<=400px){.home-actions .button{width:100%}}@media (width<=720px){.home-hero__slogan{font-size:1.3rem;top:0;right:3%}.home-hero__tag{font-size:.6rem}}@media (width>=1101px){.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem}.home-hero h1{font-size:clamp(2.4rem,3.1vw,3.25rem)}}@media (width<=720px){.home-hero{background:0 0;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:0;display:block}.home-hero:before{display:none}.home-hero__content{padding-block:3rem 2rem;background:#f5f7fa;padding:2rem 1rem 1.5rem}.home-hero h1{margin-bottom:.85rem;font-size:clamp(2rem,8vw,2.5rem);line-height:1.12}.home-hero__content>p:not(.home-eyebrow){color:#172233;font-size:1rem;line-height:1.55}.home-actions{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.25rem;display:flex}.home-actions .button--primary{width:100%}.home-actions .button--secondary{text-underline-offset:.2rem;background:0 0;border:0;min-height:40px;padding:.5rem 0;text-decoration:underline}.home-hero__media{background:url(/images/srafko_hero.webp) 70%/cover no-repeat;min-height:245px;margin:0}.home-hero__media .home-hero__slogan{font-size:1.25rem;top:7%;right:5%}.home-hero__media .home-hero__tag{padding:.45rem .55rem;font-size:.59rem;line-height:1.25}.home-hero__tag--machine{top:49%;left:3%}.home-hero__tag--inox{top:70%;right:3%}}@media (width<=400px){.home-hero__media{min-height:220px}.home-hero__tag--machine{top:47%}.home-hero__tag--inox{top:70%}}.home-highlights{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#fff}.home-highlights__inner{max-width:var(--container-max);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;margin-inline:auto;padding:0 1rem;display:grid}.home-highlights__inner p{border-right:1px solid var(--color-border);align-items:center;min-height:40px;margin:0;padding:.35rem 1.25rem;font-weight:700;display:flex}.home-highlights__inner p:first-child{padding-left:0}.home-highlights__inner p:last-child{border-right:0}.home-highlights__inner p:before{content:"";background:var(--color-accent);border-radius:50%;flex:0 0 10px;height:10px;margin-right:.75rem}.home-highlight-item{align-items:center;gap:1rem;min-height:108px;padding:1.25rem 1.5rem;display:flex}.home-highlight-item+.home-highlight-item{border-left:1px solid var(--color-border)}.home-highlight-item__icon{width:52px;height:52px;color:var(--color-accent);background:#ff4b1014;border-radius:14px;flex:0 0 52px;justify-content:center;align-items:center;display:inline-flex}.home-highlight-item__icon svg{width:28px;height:28px}.home-highlight-item__title{margin:0 0 .25rem;font-size:1.05rem;line-height:1.2}.home-highlight-item__text{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.45}.home-highlights__inner .home-highlight-item{align-items:center;gap:.85rem;min-height:92px;padding:1rem 1.15rem}.home-highlights__inner .home-highlight-item__icon{width:42px;height:42px;color:var(--color-accent);background:0 0;border-radius:0;flex:0 0 42px;padding:0}.home-highlights__inner .home-highlight-item__icon svg{stroke-width:2px;width:40px;height:40px;display:block}.home-highlights__inner .home-highlight-item__content{min-width:0}.home-highlights__inner .home-highlight-item__title{color:var(--color-text);margin:0 0 .3rem;padding:0;font-size:.94rem;font-weight:700;line-height:1.3}.home-highlights__inner .home-highlight-item__text{min-height:0;color:var(--color-text-muted);border:0;margin:0;padding:0;font-size:.82rem;font-weight:400;line-height:1.4;display:block}.home-highlights__inner .home-highlight-item__text:before{content:none;display:none}@media (width<=1100px){.home-highlights__inner{gap:.75rem 0}.home-highlights__inner p:nth-child(2){border-right:0}}@media (width<=400px){.home-highlights__inner{grid-template-columns:minmax(0,1fr)}.home-highlights__inner p{border-right:0;border-bottom:1px solid var(--color-border);padding:.5rem 0}.home-highlights__inner p:last-child{border-bottom:0}}@media (width<=980px){.home-highlights__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.home-highlight-item{min-height:96px}.home-highlight-item+.home-highlight-item{border-left:0}.home-highlight-item:nth-child(2n){border-left:1px solid var(--color-border)}.home-highlight-item:nth-child(n+3){border-top:1px solid var(--color-border)}}@media (width<=640px){.home-highlight-item{align-items:flex-start;min-height:auto;padding:1rem}.home-highlight-item:nth-child(2n){border-left:0}.home-highlight-item+.home-highlight-item{border-top:1px solid var(--color-border)}.home-highlight-item__icon{border-radius:12px;flex-basis:46px;width:46px;height:46px}.home-highlight-item__icon svg{width:24px;height:24px}.home-highlight-item__title{font-size:1rem}.home-highlight-item__text{font-size:.92rem}.home-highlights__inner{grid-template-columns:1fr;padding:0 1rem}.home-highlights__inner .home-highlight-item{min-height:0;padding:.9rem 0}.home-highlights__inner .home-highlight-item__icon{flex-basis:38px;width:38px;height:38px}.home-highlights__inner .home-highlight-item__icon svg{width:36px;height:36px}}.home-product-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.home-product-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;color:var(--color-text);background:#fff;flex-direction:column;padding:.45rem;text-decoration:none;display:flex}.home-product-card:hover,.home-product-card:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-card)}.home-product-card__media{background:linear-gradient(145deg,#edf1f5,#dce4ec);border-radius:4px;place-items:center;min-height:125px;margin-bottom:.75rem;display:grid}.home-product-card__media:after{content:"Vizual u pripremi";max-width:90px;color:var(--color-text-muted);text-align:center;font-size:.7rem}.home-product-card__title{overflow-wrap:anywhere;flex:1;padding-inline:.25rem;font-size:.875rem;font-weight:700;line-height:1.3}.home-product-card__arrow{padding:.75rem .25rem .25rem;font-size:1.25rem}.home-product-card__media--sprite{aspect-ratio:1;background-image:url(/images/srafko_asortiman_sprite_v2.webp);background-repeat:no-repeat;background-size:400% 200%;width:100%;min-height:0;display:block}.home-product-card__media--sprite:after{content:none;display:none}.home-product-card__media--bolts{background-position:0 0}.home-product-card__media--latches{background-position:33.3333% 0}.home-product-card__media--brackets{background-position:66.6667% 0}.home-product-card__media--welding,.home-product-card__media--keycutting,.home-product-card__media--tags{background-size:300% 200%}.home-product-card__media--welding{background-position:0 100%}.home-product-card__media--keycutting{background-position:50% 100%}.home-product-card__media--tags{background-position:100% 100%}.home-product-card__media--pending{aspect-ratio:1;width:100%;min-height:0}.home-product-card__media--forged{background-position:100% 0}.home-products>.home-section-heading{text-align:center;justify-content:center}.home-products>.home-section-heading h2:after{left:50%;transform:translate(-50%)}@media (width<=1100px){.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.home-product-card__media{min-height:100px}.home-product-card__media--sprite{min-height:0}.home-product-card__title{font-size:.8rem}}@media (width<=480px){.home-product-grid{grid-template-columns:minmax(0,1fr)}.home-product-card__media--sprite{width:88%;max-width:320px;margin-inline:auto}.home-product-card__title{text-align:center;flex:none;padding:.85rem .5rem .75rem;font-size:1rem;line-height:1.35}}.home-intro{max-width:var(--container-max);margin:-1rem auto 0;padding:0 1rem 1rem;display:block}.home-intro__title{text-align:center;max-width:1050px;margin:0 auto 1.5rem;padding-bottom:.9rem;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.3;position:relative}.home-intro__title:after{background:var(--color-accent);content:"";width:54px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.home-intro__text{max-width:750px;margin-inline:auto}.home-intro__text p{color:#253247;margin:0 0 1rem;font-size:1rem;line-height:1.7}.home-intro__text p:last-child{margin-bottom:0}@media (width<=720px){.home-intro{margin-top:0;padding-bottom:0}.home-intro__title{margin-bottom:1.25rem}}.home-about{padding-top:2rem}.home-about-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.home-about-grid article{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:1.25rem}.home-about-grid h3{margin:0 0 .75rem;font-size:1rem}.home-about-grid p{color:var(--color-text-muted);margin:0;font-size:.875rem}.home-about-grid .home-about-card{background:#fff;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:1rem;min-height:138px;padding:1.35rem 1.1rem;display:grid}.home-about-card__icon{width:40px;height:40px;color:var(--color-accent);display:block}.home-about-card__content{min-width:0}.home-about-card__content h3{margin:.2rem 0 .65rem;font-size:.98rem;line-height:1.3}.home-about-card__content p{margin:0;font-size:.85rem;line-height:1.5}.home-about>.home-section-heading{text-align:center;justify-content:center}.home-about>.home-section-heading h2:after{left:50%;transform:translate(-50%)}.home-about-grid .home-about-card__icon{width:40px;height:40px;color:var(--color-accent);fill:currentColor;stroke:none;display:block}.home-about-grid .home-about-card:first-child .home-about-card__icon{fill:none;stroke:currentColor}@media (width<=720px){.home-about{padding-top:2.5rem}.home-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-about-grid .home-about-card{grid-template-columns:36px minmax(0,1fr);gap:.75rem;min-height:0;padding:1rem}.home-about-card__icon,.home-about-grid .home-about-card__icon{width:34px;height:34px}}@media (width<=480px){.home-about>.home-section-heading{align-items:center}.home-about-grid{grid-template-columns:minmax(0,1fr)}}.home-contact{padding:3rem max(1rem, calc((100% - var(--container-max)) / 2));color:#fff;background:linear-gradient(90deg,#101b29c2 0%,#101b297a 52%,#101b29c2 100%),url(/images/srafko_kontakt_pozadina.webp) 50%/cover no-repeat;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:2rem;padding-block:clamp(3rem,5vw,4.5rem);display:grid}.home-contact h2{margin:0 0 .75rem;font-size:clamp(1.75rem,3vw,2.25rem)}.home-contact__content p{color:#e2e8f0;max-width:450px;margin:0 0 1.5rem}.home-contact__details{background:0 0;border:0;border-radius:0;align-content:center;gap:.9rem;min-width:0;padding:0;display:grid}.home-contact__details a{overflow-wrap:anywhere;width:fit-content;max-width:100%;font-weight:700}.home-contact__details p{color:#e2e8f0;margin:0}.home-contact__eyebrow{letter-spacing:.1em;font-size:.72rem;font-weight:700;color:#ffad91!important;margin:0 0 .8rem!important}.home-contact__content h2{margin:0 0 1rem;font-size:clamp(2rem,3.2vw,2.8rem)}.home-contact__content>p:not(.home-contact__eyebrow){color:#e2e8f0;max-width:510px;line-height:1.65}.home-contact__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.home-contact__map-link{color:#fff;text-underline-offset:.3rem;font-weight:700;text-decoration-thickness:1px}.home-contact__map-link:hover{color:#ffad91}.home-contact__details h3{border-bottom:1px solid #ffffff2e;margin:0;padding-bottom:.8rem;font-size:1.05rem}.home-contact__detail{gap:.25rem;display:grid}.home-contact__detail>span{color:#b6c4d4;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.77rem;font-weight:700;display:flex}.home-contact__detail>a{overflow-wrap:anywhere;font-size:.9rem;font-weight:600;text-decoration:none}.home-contact__detail>a:hover{color:#ffad91;text-underline-offset:.2rem;text-decoration:underline}.home-contact__cta-icon{flex:0 0 19px;width:19px;height:19px;display:block}.home-contact__map{border-radius:var(--radius-md);color:#172233;background:#fff;border:1px solid #ffffff4d;align-self:center;min-width:0;text-decoration:none;display:block;overflow:hidden}.home-contact__map:hover,.home-contact__map:focus-visible{border-color:var(--color-accent)}.home-contact__map img{aspect-ratio:971/514;object-fit:cover;width:100%;height:auto;display:block}.home-contact__map-caption{justify-content:space-between;gap:.5rem;padding:.65rem .85rem;font-size:.82rem;font-weight:700;display:flex}.home-contact__label-icon{color:#ffad91;flex:0 0 17px;width:17px;height:17px;display:block}@media (width<=720px){.home-contact__actions .button{width:100%}}@media (width<=1050px){.home-contact{grid-template-columns:repeat(2,minmax(0,1fr))}.home-contact__content{grid-column:1/-1}}@media (width<=720px){.home-contact{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2.5rem}.home-contact__content{grid-column:auto}.home-contact__map{width:100%}}.site-footer{border-top:1px solid var(--color-border);background:#fff;border-bottom:0}.site-footer .footer-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem 2rem;min-height:108px;display:grid}.site-footer__brand{justify-self:start}.site-footer__brand .site-brand__logo{width:200px;height:auto;max-height:70px}.site-footer__nav{flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:.5rem 1.25rem;display:flex}.site-footer__nav a{color:var(--color-text-muted);white-space:nowrap;font-size:.9rem;font-weight:600;text-decoration:none}.site-footer__credit{color:var(--color-text-muted);white-space:nowrap;justify-self:end;font-size:.85rem}.site-footer__credit a{color:var(--color-text);font-weight:700;text-decoration:none}.site-footer__nav a:hover,.site-footer__credit a:hover{color:var(--color-accent);text-underline-offset:.2rem;text-decoration:underline}@media (width<=640px){.site-footer .footer-inner{grid-template-columns:minmax(0,1fr);gap:.85rem;padding-block:1.5rem}.site-footer__nav,.site-footer__credit{justify-self:start}}.site-main:has(.assortment-page){width:100%;max-width:none;padding-top:0}.assortment-page{color:var(--color-text)}.assortment-hero{min-height:430px;padding:clamp(2rem, 5vw, 4rem) max(1rem, calc((100% - var(--container-max)) / 2));background:linear-gradient(90deg,#fffffff5 0%,#ffffffe0 37%,#ffffff1f 76%),url(/images/srafko_hero.webp) 50%/cover no-repeat;border-radius:0;align-items:center;display:flex}.assortment-hero__content{max-width:570px}.assortment-hero__eyebrow{color:#344155;letter-spacing:.1em;margin:0 0 .6rem;font-size:.73rem;font-weight:700}.assortment-hero h1{letter-spacing:-.035em;margin:0 0 .85rem;font-size:clamp(2.1rem,3.6vw,3.3rem);line-height:1.13}.assortment-hero__content>p:last-child{max-width:530px;margin:0;font-size:1rem;font-weight:500;line-height:1.65}.assortment-page__inner{width:min(100% - 2rem, var(--container-max));margin-inline:auto}.assortment-intro{text-align:center;max-width:850px;margin:3rem auto 2rem}.assortment-intro h2{margin:0 0 .85rem;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25}.assortment-intro p{color:#344155;margin:0;font-size:1rem;line-height:1.7}.assortment-groups{gap:1rem;display:grid}.assortment-group{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3vw,2.25rem);min-width:0;padding:1.25rem;scroll-margin-top:1.5rem;display:grid}.assortment-group:nth-child(2n){background:#f8fafc}.assortment-group__media{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--color-bg-soft);width:100%;min-width:0;display:block}.assortment-group__body{min-width:0}.assortment-group h2{margin:0 0 1rem;padding-bottom:.7rem;font-size:clamp(1.3rem,1.8vw,1.65rem);line-height:1.25;position:relative}.assortment-group h2:after{background:var(--color-accent);content:"";width:44px;height:3px;position:absolute;bottom:0;left:0}.assortment-group p{color:#344155;margin:0 0 .65rem;font-size:.96rem;line-height:1.65}.assortment-group p:last-child{margin-bottom:0}.assortment-help{border-radius:var(--radius-md);background:var(--color-bg-soft);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.75rem 2rem;display:flex}.assortment-help>div:first-child{max-width:720px}.assortment-help h2{margin:0 0 .45rem;font-size:clamp(1.35rem,2vw,1.75rem)}.assortment-help p{color:#344155;margin:0;line-height:1.6}.assortment-help__actions{flex-shrink:0;justify-items:center;gap:.65rem;display:grid}.assortment-help__contact{font-weight:700;text-decoration:none}.assortment-help__contact:hover{color:var(--color-accent);text-underline-offset:.25rem;text-decoration:underline}@media (width<=760px){.assortment-hero{background-image:linear-gradient(90deg,#fffffff5,#ffffffd4),url(/images/srafko_hero.webp);background-position:65%;min-height:0;padding:2rem 1rem}.assortment-intro{margin:2.25rem auto 1.5rem}.assortment-group{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem}.assortment-group__media{width:min(100%,250px);margin-inline:auto}.assortment-help{flex-direction:column;align-items:stretch;padding:1.5rem}.assortment-help__actions{justify-items:stretch}}.site-main:has(.about-page){width:100%;max-width:none;min-height:0;padding-block:0}.about-page{color:var(--color-text)}.about-hero{min-height:430px;padding:clamp(2.25rem, 5vw, 4.5rem) max(1rem, calc((100% - var(--container-max)) / 2));background:linear-gradient(90deg,#fffffff7 0%,#ffffffe0 35%,#ffffff14 78%),url(/images/srafko_hero.webp) 50%/cover no-repeat;align-items:center;display:flex}.about-hero__content{max-width:600px}.about-hero__eyebrow,.about-section__eyebrow{color:#344155;letter-spacing:.1em;margin:0 0 .7rem;font-size:.74rem;font-weight:800}.about-hero h1{letter-spacing:-.035em;margin:0 0 .9rem;font-size:clamp(2.2rem,3.7vw,3.4rem);line-height:1.14}.about-hero__content>p:last-child{max-width:550px;margin:0;font-size:1rem;line-height:1.7}.about-page__inner{width:min(100% - 2rem, var(--container-max));margin-inline:auto;padding-block:clamp(2.25rem,5vw,4rem)}.about-section{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.75rem,4vw,4rem);padding-bottom:clamp(2.25rem,5vw,4rem);display:grid}.about-section--inside{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding-top:clamp(2.25rem,5vw,4rem)}.about-section__content{min-width:0}.about-section__content h2,.about-services h2{letter-spacing:-.025em;max-width:660px;margin:0 0 1rem;font-size:clamp(1.65rem,2.6vw,2.3rem);line-height:1.2}.about-section__content h2:after,.about-services h2:after{content:"";background:var(--color-accent);width:48px;height:3px;margin-top:.85rem;display:block}.about-section__content p:not(.about-section__eyebrow),.about-services__content>p:last-child{color:#344155;margin:0 0 1rem;font-size:1.03rem;line-height:1.75}.about-text-link{color:var(--color-text);border-bottom:2px solid var(--color-accent);align-items:center;gap:.45rem;margin-top:.35rem;padding-bottom:.25rem;font-weight:800;text-decoration:none;display:inline-flex}.about-text-link:hover{color:var(--color-accent)}.about-section__photo{min-width:0;margin:0}.about-section__photo img{border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-soft);width:100%;display:block}.about-section__photo--outside img,.about-section__photo--inside img{object-position:center 48%;height:340px}.about-section__photo figcaption{color:var(--color-text-muted);padding-top:.6rem;font-size:.83rem}.about-services{border-radius:var(--radius-md);background:var(--color-bg-soft);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,3vw,2.5rem);margin:0 auto;padding:clamp(1.5rem,3vw,2.25rem);display:grid}.about-services__content{min-width:0}.about-services__gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;min-width:0;display:grid}.about-services__tile{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;min-width:0;margin:0;padding:.45rem}.about-services__tile .home-product-card__media--sprite{aspect-ratio:1;width:100%;max-width:none;min-height:0;margin:0}.about-services__tile figcaption{color:var(--color-text);text-align:center;padding:.65rem .2rem .25rem;font-size:.9rem;font-weight:700}.about-services__content>p:last-child{margin-bottom:0}.about-help{border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.about-help>div:first-child{max-width:760px}.about-help h2{margin:0 0 .6rem;font-size:clamp(1.5rem,2.3vw,1.9rem)}.about-help p{color:#344155;margin:0;line-height:1.7}.about-help__actions{flex-shrink:0;justify-items:center;gap:.75rem;display:grid}@media (width<=760px){.about-hero{background-image:linear-gradient(90deg,#fffffff7,#ffffffd1),url(/images/srafko_hero.webp);background-position:65%;min-height:0;padding:2.25rem 1rem}.about-section,.about-section--inside{grid-template-columns:minmax(0,1fr);gap:1.25rem}.about-section--inside .about-section__photo{order:2}.about-section--inside .about-section__content{order:1}.about-section__photo--outside img{height:min(110vw,440px)}.about-section__photo--inside img{aspect-ratio:4/3;height:auto}.about-services{grid-template-columns:minmax(0,1fr)}.about-help{flex-direction:column;align-items:stretch;gap:1.25rem}.about-help__actions{justify-items:stretch}}.site-main:has(.contact-page){width:100%;max-width:none;min-height:0;padding-block:0}.contact-page{color:var(--color-text)}.contact-page__inner{width:min(100% - 2rem, var(--container-max));margin-inline:auto;padding-block:clamp(2.5rem,5vw,4.5rem)}.contact-section{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:clamp(1.5rem,4vw,4rem);display:grid}.contact-section__form-wrap{min-width:0}.contact-section__form-wrap h2{letter-spacing:-.025em;margin:0 0 .85rem;font-size:clamp(1.75rem,2.6vw,2.3rem);line-height:1.2}.contact-section__form-wrap h2:after{content:"";background:var(--color-accent);width:48px;height:3px;margin-top:.85rem;display:block}.contact-section__intro{color:#344155;max-width:570px;margin:0 0 1.5rem;line-height:1.7}.contact-form{gap:1.1rem;display:grid}.contact-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.contact-form__field{gap:.45rem;min-width:0;display:grid}.contact-form__field label{font-size:.94rem;font-weight:700}.contact-form__field label span{color:var(--color-accent)}.contact-form__field input,.contact-form__field textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--color-text);font:inherit;background:#fff;padding:.85rem 1rem;line-height:1.5;display:block}.contact-form__field textarea{resize:vertical;min-height:155px}.contact-form__field input:focus,.contact-form__field textarea:focus{outline:2px solid var(--color-accent);outline-offset:2px}.contact-form__note{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.5}.contact-form__submit{cursor:pointer;justify-self:start}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}.contact-section__photo{border-radius:var(--radius-md);background:var(--color-bg-soft);min-width:0;min-height:530px;margin:0;position:relative;overflow:hidden}.contact-section__photo img{object-fit:cover;object-position:center 46%;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=760px){.contact-section{grid-template-columns:minmax(0,1fr);gap:1.5rem}.contact-form__row{grid-template-columns:minmax(0,1fr)}.contact-section__photo{height:min(105vw,420px);min-height:0}}.contact-form__trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-form__feedback{border-radius:var(--radius-sm);border:1px solid;padding:1rem 1.15rem;font-size:.94rem;line-height:1.6}.contact-form__feedback--success{color:#174a2c;background:#eaf7ee;border-color:#91c5a1}.contact-form__feedback--error{color:#7b2818;background:#fff2ef;border-color:#e3aaa0}.contact-form__feedback p{margin:0 0 .4rem;font-weight:700}.contact-form__feedback ul{margin:0;padding-left:1.25rem}.site-main:has(.privacy-page){width:100%;max-width:none;min-height:0;padding-block:0}.privacy-page{color:var(--color-text)}.privacy-page__inner{width:min(100% - 2rem,860px);margin-inline:auto;padding-block:clamp(2rem,4vw,3.5rem)}.privacy-page__inner section{border-bottom:1px solid var(--color-border);padding:1.5rem 0}.privacy-page__inner section:first-child{padding-top:0}.privacy-page__inner section:last-child{border-bottom:0;padding-bottom:0}.privacy-page__inner h2{margin:0 0 .85rem;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.3}.privacy-page__inner p{color:#344155;margin:0 0 .9rem;line-height:1.75}.privacy-page__inner p:last-child{margin-bottom:0}.privacy-page__inner a,.contact-form__note a{color:var(--color-text);text-underline-offset:.2rem;font-weight:700;text-decoration-thickness:1px}.privacy-page__inner a:hover,.contact-form__note a:hover{color:var(--color-accent)}