/*
 * Agrobex Landing - style landingu.
 *
 * Przeniesione 1:1 z source/global.css prototypu. Zmiany świadome:
 *  - rodziny fontów nazwane agx-display / agx-text (prototyp aliasował pliki Silka),
 *  - checkbox zgody to natywny input (działa bez JS) stylowany na wygląd z prototypu,
 *  - selektory zależne od tekstu zastąpione atrybutami data-* (niezależność od języka),
 *  - dodane :focus-visible i [hidden] (wymagane w produkcji wg specyfikacji, §6).
 */

@font-face{font-family:'agx-display';src:url('../fonts/Silka-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'agx-display';src:url('../fonts/Silka-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'agx-display';src:url('../fonts/Silka-RegularItalic.woff2') format('woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'agx-text';src:url('../fonts/Silka-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'agx-text';src:url('../fonts/Silka-Medium.woff2') format('woff2');font-weight:500;font-display:swap}

html,body{margin:0;height:100%;background:#F4F1EB}
body{color:#353B66;font-family:'agx-text',system-ui,sans-serif;font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none;transition:color .4s}
a:hover{color:#86A0C6}
::selection{background:#353B66;color:#F4F1EB}
input,button{font:inherit;color:inherit}
input:focus{outline:none;border-bottom-color:#353B66 !important}
::placeholder{color:rgba(53,59,102,.4)}
[hidden]{display:none !important}
img{max-width:100%}

@keyframes kb{0%{transform:scale(1)}100%{transform:scale(1.07)}}
@keyframes galIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes softIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
@keyframes riseIn{0%{transform:translateY(112%)}100%{transform:none}}
@keyframes fade{0%{opacity:0}100%{opacity:1}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(157,180,168,.6)}70%{box-shadow:0 0 0 10px rgba(157,180,168,0)}}

[data-hov="cta"]:hover{background:#141833 !important}
[data-hov="link"]:hover{color:#353B66 !important;border-color:#353B66 !important}
[data-hov="thumb"]:hover{opacity:1 !important}

/* Hover przycisku galerii: podkreślenie + powiększenie miniatury (tylko urządzenia z hoverem). */
@media (hover:hover){
[data-ng-galbtn]:hover [data-ng-galtxt] > span{transform:scaleX(1) !important}
[data-ng-galbtn]:hover > span:first-child{transform:scale(1.08)}
[data-ng-galbtn] > span:first-child{transition:transform .45s cubic-bezier(.16,1,.3,1)}
}

/* Checkbox zgody - natywny input o wyglądzie z prototypu. */
[data-agx-consent]::after{content:'✓';font-size:11px;line-height:1;color:#F4F1EB;opacity:0;transition:opacity .2s}
[data-agx-consent]:checked{background:#353B66 !important;border-color:#353B66 !important}
[data-agx-consent]:checked::after{opacity:1}

/* Fokus klawiaturowy - wymóg produkcyjny, w prototypie nie występował. */
[data-ng-root] a:focus-visible,
[data-ng-root] button:focus-visible,
[data-ng-root] input:focus-visible,
[data-agx-gallery] button:focus-visible,
[data-ng-overlay] button:focus-visible{outline:2px solid #86A0C6;outline-offset:3px;border-radius:4px}

/* Stan wysyłania formularza. */
[data-agx-form][data-agx-busy] button[type=submit]{opacity:.7;cursor:progress}

@media (max-width:900px){
html,body{overflow:auto;overflow-x:hidden;-webkit-text-size-adjust:100%}
[data-ng-root]{grid-template-columns:1fr !important;height:auto !important;overflow:visible !important}
[data-ng-left]{height:auto !important;min-height:0 !important;grid-template-rows:auto auto auto !important}
[data-ng-left] img{animation-duration:60s !important}
[data-ng-top]{padding:18px 20px !important;flex-wrap:nowrap !important}
[data-ng-top] [data-agx-devlogo]{width:104px !important}
[data-ng-top] > span:first-child{gap:12px !important}
[data-ng-top] > span:first-child > span{height:20px !important}
[data-ng-mid]{padding:22px 20px 20px !important;gap:14px !important;align-content:start !important}
[data-ng-h1]{font-size:clamp(46px,14.5vw,72px) !important;margin-bottom:6px !important}
[data-ng-logo]{height:20px !important}
[data-ng-lead]{font-size:16.5px !important}
[data-ng-desc]{font-size:14.5px !important;line-height:1.55 !important}
[data-ng-hlwrap]{margin-right:-20px}
[data-ng-hl]{gap:8px !important;margin:0 !important;padding:8px 20px 4px 0 !important;scroll-padding-left:0}
[data-ng-hl] > div:first-child{scroll-snap-align:start}
[data-ng-left],[data-ng-mid]{overflow-x:clip}
[data-ng-hlfade]{display:none !important}
[data-ng-hl] > div{width:min(72vw,260px) !important}
[data-ng-bottom]{padding:0 20px 22px !important}
[data-ng-mcta]{display:flex !important;margin-bottom:22px !important}
[data-ng-bars]{gap:8px !important}
[data-ng-bars] button{padding-top:12px !important;min-height:44px}
[data-ng-bars] button > span:last-child{display:none !important}
[data-ng-bars] button{display:block !important;padding:12px 0 !important}
[data-ng-word]{display:flex !important}
[data-ng-right]{height:auto !important;overflow:visible !important;padding:26px 20px 24px !important;grid-template-rows:auto auto auto !important;gap:26px}
[data-ng-rhead]{flex-wrap:wrap;gap:12px 16px !important}
[data-ng-form]{padding:0 !important;gap:22px !important}
[data-ng-form] h2{font-size:clamp(30px,8.6vw,40px) !important}
[data-ng-form] button,[data-ng-form] a{min-height:44px}
[data-ng-form] button[type=submit]{padding:18px 24px !important;position:sticky;bottom:12px;box-shadow:0 12px 30px -14px rgba(11,15,34,.5)}
[data-ng-right] > div:last-child{padding-top:18px !important;gap:12px 18px !important}
[data-ng-overlay]{place-items:end center !important;padding:0 !important}
[data-ng-sheet] [data-agx-modal-close]{width:44px !important;height:44px !important}
[data-ng-right] > div:last-child button{min-height:44px}
[data-ng-form] label{min-height:44px}
[data-ng-form] [data-agx-consent]{width:18px !important;height:18px !important;min-height:0 !important;margin-top:2px !important}
[data-ng-form] label{min-height:0 !important}
[data-ng-mlink]{display:inline-flex !important;width:100%;justify-content:space-between}
[data-ng-right] > div:last-child{flex-direction:column;align-items:stretch !important}
[data-ng-right] > div:last-child > span:first-child{order:2}
[data-ng-right] > div:last-child > span:last-child{order:3}
[data-ng-top]{padding-left:max(20px,env(safe-area-inset-left)) !important;padding-right:max(20px,env(safe-area-inset-right)) !important}
[data-ng-mid],[data-ng-bottom],[data-ng-right]{padding-left:max(20px,env(safe-area-inset-left)) !important;padding-right:max(20px,env(safe-area-inset-right)) !important}
[data-ng-sheet]{width:100% !important;max-height:92svh !important;border-radius:18px 18px 0 0 !important;padding:22px 20px calc(24px + env(safe-area-inset-bottom)) !important}
[data-ng-hide]{display:none !important}
}
@media (max-width:900px) and (max-height:520px){
[data-ng-left]{min-height:auto !important}
}
@media (max-width:420px){
[data-ng-h1]{font-size:clamp(40px,13vw,56px) !important}
[data-ng-logo]{height:18px !important}
[data-ng-top] [data-agx-devlogo]{width:96px !important}
}
[data-ng-hl]::-webkit-scrollbar{display:none}
@media (max-height:720px) and (min-width:901px){[data-ng-short]{display:none !important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}}