/* v1.4 – approved photograph hero. All rules are scoped; catalogue/header/map are unchanged. */
.ser-hero-photo{isolation:isolate;background:#091d35!important}
.ser-hero-photo::before{display:none!important}
.ser-hero-photo::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,20,39,.94) 0%,rgba(6,25,46,.88) 25%,rgba(7,28,51,.61) 43%,rgba(8,28,50,.12) 67%,rgba(7,24,43,.03) 100%),linear-gradient(0deg,rgba(4,20,39,.72),transparent 38%)}
.ser-hero-photo>.ser-hero-media{position:absolute!important;inset:0;display:block!important;max-width:none!important;width:100%;height:100%;margin:0!important;z-index:-1;pointer-events:none}
.ser-hero-media .ser-hero-image{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:var(--ser-hero-x,62%) var(--ser-hero-y,50%);margin:0}
.ser-hero-photo .ser-home-hero-cols{display:block!important;position:relative;z-index:1;padding:88px 0 194px!important;min-height:710px;margin-top:0!important;margin-bottom:0!important}
.ser-hero-photo .ser-home-hero-cols>.wp-block-column:first-child{width:61%!important;max-width:710px;flex-basis:auto!important;margin:0!important}
.ser-hero-photo .ser-home-hero-cols>.wp-block-column:not(:first-child){display:none!important}
.ser-hero-photo .ser-home-h1{font-size:clamp(3.25rem,5.1vw,4.9rem)!important;line-height:1.075!important;font-weight:800;letter-spacing:-.05em!important;max-width:none;margin:0 0 23px!important;text-shadow:0 2px 18px #00132826}
.ser-hero-photo .ser-home-h1 span{color:#ff5264}
.ser-hero-photo .ser-kicker{font-size:.685rem!important;letter-spacing:.16em;color:#eef4fa;display:flex;align-items:center;gap:15px;max-width:600px;margin-bottom:23px!important}
.ser-hero-photo .ser-kicker::before{content:"";width:32px;height:3px;background:#f53d51;flex-shrink:0}
.ser-hero-photo .ser-home-subtitle{max-width:525px;color:#e3ebf6;font-size:1.04rem;line-height:1.8;margin:0 0 28px!important}
.ser-hero-photo .ser-home-actions,.ser-hero-photo .ser-home-actions .wp-block-buttons{display:flex;gap:13px;flex-wrap:wrap;align-items:stretch}
.ser-hero-photo .wp-block-button__link{gap:10px;min-height:54px;padding:16px 22px;font-size:.85rem;letter-spacing:0;font-weight:750;box-shadow:0 5px 22px #05182c12}
.ser-hero-photo .ser-btn-red .wp-block-button__link{background:#de2d42}
.ser-hero-photo .ser-btn-red .wp-block-button__link:hover{background:#bd2036}
.ser-hero-photo .ser-btn-hero-outline .wp-block-button__link{background:rgba(7,26,49,.66);border-color:#b0c4db;color:#fff;backdrop-filter:blur(5px)}
.ser-hero-photo .ser-btn-hero-outline .wp-block-button__link:hover{background:#143859;border-color:white}
.ser-wa-icon{height:23px;width:23px;flex:0 0 23px;display:inline-block;vertical-align:middle}
.ser-nav-desktop-cta .ser-wa-icon{width:20px;height:20px;flex-basis:20px}
.ser-hero-note{position:absolute;z-index:2;right:max(25px,calc((100% - 1190px)/2));top:22px;margin:0!important;padding:5px 10px;background:#0a1c34a6;border:1px solid #ffffff24;border-radius:3px;color:#eef4fa;font-size:10px;line-height:1.5;letter-spacing:.02em}
.ser-proof-photo{position:relative;z-index:3;background:transparent!important;border:0!important;margin-top:-156px!important;margin-bottom:0!important;padding:0 0 36px!important}
.ser-proof-photo .ser-proof-cols{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;min-height:120px;padding:24px 24px!important;border:1px solid #9cafc575;background:rgba(12,33,57,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:7px;box-shadow:0 20px 50px #00152d22;color:white}
.ser-proof-photo .ser-proof-cols>.wp-block-column{position:relative;min-width:0;display:flex;justify-content:center;flex-direction:column;gap:4px;padding:7px 13px 7px 84px!important;margin:0!important;border:0!important;border-left:1px solid #a2bad04d!important}
.ser-proof-photo .ser-proof-cols>.wp-block-column:first-child{border-left:0!important;padding-left:73px!important}
.ser-proof-photo .ser-proof-cols>.wp-block-column::before{content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid #91aec56b;border-radius:8px;background-color:#d6e6ff10;background-position:center;background-repeat:no-repeat;background-size:27px}
.ser-proof-photo .ser-proof-cols>.wp-block-column:first-child::before{left:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eef4ff' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4 6v6c0 4 4 7 8 9 4-2 8-5 8-9V6Z'/%3E%3Cpath d='m8.5 11.5 2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.ser-proof-photo .ser-proof-cols>.wp-block-column:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eef4ff' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M16 5a3 3 0 0 1 0 6M17 14a5 5 0 0 1 4 4v2'/%3E%3C/svg%3E")}
.ser-proof-photo .ser-proof-cols>.wp-block-column:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eef4ff' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17H2V5h12v12H7M14 9h4l4 5v3h-2M14 17h2M18 9v5h4'/%3E%3Ccircle cx='5' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
.ser-proof-photo .ser-proof-value{font-size:clamp(1.1rem,1.7vw,1.45rem)!important;line-height:1.25;letter-spacing:-.03em;color:#fff;margin:0!important}
.ser-proof-photo .ser-proof-label{font-size:.735rem;line-height:1.5;font-weight:450;letter-spacing:0;color:#d7e2f1;margin:0!important}
@media(min-width:1600px){.ser-hero-photo .ser-home-hero-cols{min-height:750px;padding-top:105px!important}.ser-hero-media .ser-hero-image{object-position:var(--ser-hero-x,62%) 52%}}
@media(min-width:681px) and (max-width:1040px){.ser-hero-photo .ser-home-hero-cols{min-height:704px;padding:75px 0 192px!important}.ser-hero-photo .ser-home-hero-cols>.wp-block-column:first-child{width:78%!important}.ser-hero-photo .ser-home-h1{font-size:clamp(3rem,6.1vw,4.4rem)!important}.ser-hero-photo::after{background:linear-gradient(90deg,#041427ee 0%,#061b32c9 39%,#0b234859 80%,#0b234830),linear-gradient(0deg,#041427b8,transparent 45%)}.ser-proof-photo .ser-proof-cols{padding:20px 14px!important}.ser-proof-photo .ser-proof-cols>.wp-block-column,.ser-proof-photo .ser-proof-cols>.wp-block-column:first-child{padding:2px 10px 2px 53px!important}.ser-proof-photo .ser-proof-cols>.wp-block-column::before{left:9px;width:34px;height:38px;background-size:23px}.ser-proof-photo .ser-proof-cols>.wp-block-column:first-child::before{left:8px}.ser-proof-photo .ser-proof-value{font-size:1.01rem!important}.ser-proof-photo .ser-proof-label{font-size:.67rem}}
@media(max-width:680px){
 .ser-hero-photo{background:#091d35!important}
 .ser-hero-photo>.ser-hero-media{height:330px;bottom:auto}
 .ser-hero-media .ser-hero-image{object-position:var(--ser-hero-mobile-x,65%) var(--ser-hero-mobile-y,44%)}
 .ser-hero-photo::after{background:linear-gradient(180deg,rgba(9,29,53,0) 0,rgba(9,29,53,.04) 175px,rgba(9,29,53,.68) 255px,#091d35 326px,#091d35 100%)}
 .ser-hero-photo .ser-home-hero-cols{min-height:0;padding:274px 0 269px!important}
 .ser-hero-photo .ser-home-hero-cols>.wp-block-column:first-child{width:100%!important;max-width:none}
 .ser-hero-photo .ser-kicker{font-size:.585rem!important;line-height:1.7;letter-spacing:.12em;gap:10px;margin-bottom:16px!important;max-width:330px}
 .ser-hero-photo .ser-kicker::before{width:21px}
 .ser-hero-photo .ser-home-h1{font-size:clamp(2.1rem,9.6vw,3.8rem)!important;line-height:1.08!important;letter-spacing:-.05em!important;margin-bottom:20px!important}
 .ser-hero-photo .ser-home-subtitle{font-size:.94rem;line-height:1.72;max-width:520px;margin-bottom:23px!important}
 .ser-hero-photo .ser-home-actions,.ser-hero-photo .ser-home-actions .wp-block-buttons{display:flex;flex-direction:column;gap:10px;width:100%}
 .ser-hero-photo .wp-block-button{width:100%;margin:0!important}
 .ser-hero-photo .wp-block-button__link{display:flex;width:100%;min-height:50px;padding:13px 18px;font-size:.85rem}
 .ser-hero-note{top:13px;right:15px;font-size:9px;background:#0a1c34b5;padding:4px 8px}
 .ser-proof-photo{margin-top:-236px!important;padding-bottom:34px!important}
 .ser-proof-photo .ser-proof-cols{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 10px!important;gap:12px 0!important;min-height:202px}
 .ser-proof-photo .ser-proof-cols>.wp-block-column,.ser-proof-photo .ser-proof-cols>.wp-block-column:first-child{padding:8px 5px 8px 47px!important;justify-content:center;border:0!important}
 .ser-proof-photo .ser-proof-cols>.wp-block-column:nth-child(2){border-left:1px solid #a2bad03f!important}
 .ser-proof-photo .ser-proof-cols>.wp-block-column:last-child{grid-column:1/-1;border-top:1px solid #a2bad03f!important;padding-top:17px!important}
 .ser-proof-photo .ser-proof-cols>.wp-block-column::before,.ser-proof-photo .ser-proof-cols>.wp-block-column:first-child::before{left:3px;width:36px;height:40px;background-size:23px}
 .ser-proof-photo .ser-proof-cols>.wp-block-column:last-child::before{top:calc(50% + 5px)}
 .ser-proof-photo .ser-proof-value{font-size:1rem!important;line-height:1.3;max-width:150px}
 .ser-proof-photo .ser-proof-label{font-size:.66rem;line-height:1.5}
}
@media(max-width:360px){.ser-hero-photo .ser-kicker{font-size:.545rem!important;letter-spacing:.06em}.ser-proof-photo .ser-proof-cols{padding-left:7px!important;padding-right:7px!important}.ser-proof-photo .ser-proof-cols>.wp-block-column{padding-left:43px!important}.ser-proof-photo .ser-proof-value{font-size:.91rem!important}}
@media(prefers-reduced-motion:reduce){.ser-hero-photo *{transition:none!important}}

/* Live hero actions: actual anchors, not text baked into the image. */
.ser-hero-photo>.ser-hero-media{z-index:0}
.ser-hero-photo::after{z-index:1}
.ser-hero-photo .ser-home-hero-cols{z-index:2}
.ser-hero-note{z-index:3}
.ser-hero-cta-live{display:flex;align-items:stretch;gap:17px;flex-wrap:wrap}
.ser-hero-cta-live .ser-btn{min-height:61px;padding:17px 24px;font-size:1rem;gap:13px;letter-spacing:0;font-weight:700;border-radius:5px}
.ser-hero-product-button{background:#e91e38;border:1px solid #f13b51;color:#fff!important}
.ser-hero-product-button:before{content:"";width:24px;height:24px;display:inline-block;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 7 9-5 9 5v10l-9 5-9-5Z M3 7l9 5 9-5 M12 12v10 M7.5 4.5l9 5V14'/%3E%3C/svg%3E")}
.ser-hero-product-button:hover{background:#c91f35;color:#fff!important}
.ser-hero-cta-live .ser-hero-whatsapp{background:#071b35b3;border:1px solid #bdcedf;color:#fff!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.ser-hero-cta-live .ser-hero-whatsapp:hover{background:#193855;border-color:#fff}
.ser-hero-cta-live .ser-wa-icon{width:27px;height:27px;flex-basis:27px}
.ser-hero-photo .ser-kicker.ser-on-dark{color:#e6eef9}
.ser-hero-photo .ser-home-h1{font-weight:800}
.ser-hero-photo .ser-home-h1 span{color:#ff4b5f}
.ser-primary-nav>a::after,.ser-products-trigger>a::after{background:#ee2940}
@media(min-width:1200px){
 .ser-header-bar-inner,.ser-site-head-inner{width:min(1520px,91%);max-width:1520px}
 .ser-header-bar{min-height:43px;font-size:.85rem}
 .ser-site-head-inner{min-height:118px;gap:28px}
 .ser-logo-plaque{flex:0 0 31%;padding:12px 35px 12px 0}
 .ser-logo-plaque::before{background:linear-gradient(135deg,#fff 0%,#f6f8fc 79%,#dfe8f2 99%)}
 .ser-logo-plaque .ser-logo-link{width:255px;max-width:255px}
 .ser-logo-plaque .ser-logo-link img{width:255px;max-height:94px}
 .ser-primary-nav{gap:27px}
 .ser-primary-nav>a,.ser-products-trigger>a{font-size:clamp(.86rem,1.025vw,1.06rem);padding:44px 0}
 .ser-nav-desktop-cta .ser-btn{min-height:59px;padding:15px 24px;min-width:170px;font-size:1rem;background:#e91e38;border-color:#f33950}
 .ser-hero-photo .alignwide{width:min(1520px,91%);max-width:1520px}
 .ser-hero-photo .ser-home-hero-cols{min-height:720px;padding-top:88px!important}
 .ser-hero-photo .ser-home-subtitle{font-size:1.13rem;line-height:1.77;max-width:550px}
 .ser-hero-photo .ser-kicker{font-size:.735rem!important;margin-bottom:27px!important}
 .ser-proof-photo{margin-top:-176px!important;padding-bottom:42px!important}
 .ser-proof-photo .ser-proof-cols{width:min(1325px,91%);max-width:1325px;margin-left:max(4.5%,calc((100% - 1520px)/2))!important;margin-right:auto!important;min-height:134px;padding:26px 26px!important}
 .ser-proof-photo .ser-proof-value{font-size:1.43rem!important}
 .ser-proof-photo .ser-proof-label{font-size:.81rem}
 .ser-hero-note{right:max(4.5%,calc((100% - 1520px)/2))}
}
@media(min-width:1600px){.ser-hero-photo .ser-home-hero-cols{min-height:780px;padding-top:103px!important}.ser-hero-photo .ser-home-h1{font-size:5.1rem!important}.ser-hero-photo .ser-home-subtitle{font-size:1.21rem;max-width:575px}.ser-hero-cta-live .ser-btn{min-height:66px;padding:19px 26px}}
@media(min-width:1041px) and (max-width:1330px){.ser-logo-plaque{flex-basis:25%}.ser-primary-nav{gap:18px}.ser-site-head-inner{gap:20px}.ser-nav-desktop-cta .ser-btn{min-width:120px;padding-left:17px;padding-right:17px}.ser-logo-plaque .ser-logo-link,.ser-logo-plaque .ser-logo-link img{width:220px}}
@media(max-width:680px){.ser-hero-cta-live{width:100%;flex-direction:column;gap:11px}.ser-hero-cta-live .ser-btn{width:100%;min-height:51px;padding:13px 19px;font-size:.9rem}.ser-hero-cta-live .ser-wa-icon{width:24px;height:24px;flex-basis:24px}.ser-hero-cta-live .ser-hero-product-button:before{width:22px;height:22px}}
/* The Gutenberg editor does not execute shortcodes; prevent overlap while editing. */
.editor-styles-wrapper .ser-hero-photo{padding-top:20px!important}
.editor-styles-wrapper .ser-hero-photo .ser-home-hero-cols{padding:25px 0!important;min-height:0}
.editor-styles-wrapper .ser-proof-photo{margin-top:0!important;padding:18px 0!important;background:#091d35!important}
.editor-styles-wrapper .ser-hero-photo .wp-block-shortcode{position:relative;z-index:3;color:#182c48;background:#fff;padding:8px;max-width:700px;margin:12px auto}
/* Desktop composition keeps the truck and product stacks above the proof cards. */
@media(min-width:1200px){
 .ser-hero-photo>.ser-hero-media{height:calc(100% - 62px)!important;mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)}
 .ser-hero-photo::after{background:linear-gradient(90deg,rgba(4,20,39,.91) 0%,rgba(6,25,46,.79) 25%,rgba(7,28,51,.44) 43%,rgba(8,28,50,.06) 67%,rgba(7,24,43,.01) 100%),linear-gradient(0deg,rgba(4,20,39,.45),transparent 30%)}
 .ser-proof-photo .ser-proof-cols{background:rgba(12,33,57,.70)}
}
