/* Naslovnica HoneyBeediary.com - stil (izvorno iz dizajna, pretvoreno iz inline stilova u klase) */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/plus-jakarta-sans-cyrillic-ext.woff2") format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/plus-jakarta-sans-vietnamese.woff2") format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/plus-jakarta-sans-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/plus-jakarta-sans-latin.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
html,body{margin:0;background:#FFF7F4;color:#221A16;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:90px} button{font:inherit;cursor:pointer} img,svg{max-width:100%}
a{color:#A04F00;text-decoration:none} a:hover{color:#6E3500}

/* --- klase --- */
.page-box{min-height:100vh;background:#FFF7F4}
.header-bar{position:sticky;top:0;z-index:10;background:rgba(255,247,244,0.94);backdrop-filter:blur(8px);border-bottom:1px solid #F1E2DB}
.header-wrap{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.header-link{display:flex;align-items:center;gap:10px;color:#221A16}
.header-icon{flex:none}
.header-col{display:flex;flex-direction:column;line-height:1.1}
.header-label{font-weight:800;font-size:18px;color:#A04F00}
.header-label-2{font-size:11px;font-weight:700;letter-spacing:0.08em;color:#6B5A50}
.header-nav{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap;font-weight:600;font-size:16px}
.header-link-2{color:#3A2E28}
.header-row{display:flex;align-items:center;gap:10px}
.header-card{display:flex;background:#F4E6DF;border-radius:999px;padding:3px}
.lang-btn{min-height:40px;min-width:48px;border:0;border-radius:999px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.header-btn{min-height:44px;display:flex;align-items:center;padding:0 16px;border:1.5px solid #D9C3B8;border-radius:10px;font-weight:700;color:#221A16;background:#fff}
.header-btn-2{min-height:44px;display:flex;align-items:center;padding:0 18px;border-radius:10px;font-weight:700;color:#fff;background:#B35A00;box-shadow:0 3px 0 #7A3D00}
.top-section{max-width:1200px;margin:0 auto;padding:72px 24px 88px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:56px;align-items:center}
.top-col{display:flex;flex-direction:column;gap:24px}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:0.1em;color:#A04F00}
.top-title{margin:0;font-size:clamp(40px,5.4vw,64px);line-height:1.04;font-weight:800;letter-spacing:-0.02em;text-wrap:balance}
.top-text{margin:0;font-size:20px;line-height:1.55;color:#4A3D36;max-width:560px;text-wrap:pretty}
.top-row{display:flex;gap:12px;flex-wrap:wrap}
.top-btn{min-height:58px;display:flex;align-items:center;padding:0 28px;border-radius:12px;font-weight:800;font-size:19px;color:#fff;background:#B35A00;box-shadow:0 4px 0 #7A3D00}
.top-btn-2{min-height:58px;display:flex;align-items:center;padding:0 24px;border-radius:12px;font-weight:700;font-size:18px;color:#221A16;background:#fff;border:1.5px solid #D9C3B8}
.top-row-2{display:flex;gap:10px;flex-wrap:wrap}
.top-label{padding:7px 14px;border-radius:999px;background:#C9F5D2;color:#0E5A22;font-weight:700;font-size:14px}
.top-label-2{padding:7px 14px;border-radius:999px;background:#FFE3CC;color:#7A3D00;font-weight:700;font-size:14px}
.top-label-3{padding:7px 14px;border-radius:999px;background:#E3E8FB;color:#26357A;font-weight:700;font-size:14px}
.top-box{position:relative;min-height:520px}
.top-card{position:absolute;left:0;right:70px;top:20px;background:#fff;border:1px solid #EFDFD7;border-radius:18px;box-shadow:0 30px 60px -30px rgba(90,40,0,0.35);overflow:hidden}
.top-row-3{height:34px;background:#F7ECE7;display:flex;align-items:center;gap:6px;padding:0 14px}
.top-label-4{width:10px;height:10px;border-radius:50%;background:#E3C9BC}
.top-label-5{margin-left:12px;font-size:11px;color:#8A776C;font-weight:600}
.top-grid{display:grid;grid-template-columns:120px 1fr;min-height:400px}
.top-col-2{background:#FFF9F6;border-right:1px solid #F1E2DB;padding:14px 10px;display:flex;flex-direction:column;gap:6px}
.top-card-2{background:#B35A00;color:#fff;border-radius:8px;padding:8px;font-size:11px;font-weight:700}
.top-box-2{padding:8px;font-size:11px;font-weight:600;color:#4A3D36}
.top-col-3{padding:18px;display:flex;flex-direction:column;gap:12px}
.top-box-3{font-size:10px;font-weight:800;letter-spacing:0.08em;color:#A04F00}
.top-box-4{font-size:18px;font-weight:800}
.top-grid-2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.top-card-3{border:1px solid #F1E2DB;border-radius:10px;padding:10px}
.top-box-5{font-size:9px;font-weight:800;letter-spacing:0.06em;color:#6B5A50}
.top-box-6{font-size:24px;font-weight:800;margin-top:6px}
.top-card-4{flex:1;min-height:150px;border-radius:10px;border:1px solid #E8D8CF;background:repeating-linear-gradient(135deg,#F3EEE4 0 10px,#EBE5D8 10px 20px);position:relative}
.top-label-6{position:absolute;left:38%;top:36%;width:16px;height:16px;border-radius:50%;background:#B35A00;border:3px solid #fff}
.top-label-7{position:absolute;left:62%;top:58%;width:16px;height:16px;border-radius:50%;background:#B35A00;border:3px solid #fff}
.top-label-8{position:absolute;left:10px;bottom:8px;font-family:ui-monospace,monospace;font-size:10px;color:#8A776C}
.top-card-5{position:absolute;right:0;bottom:0;width:236px;background:#1E1612;border-radius:34px;padding:9px;box-shadow:0 30px 60px -20px rgba(60,25,0,0.5)}
.top-card-6{background:#FFF7F4;border-radius:26px;overflow:hidden;padding:18px 14px 16px;display:flex;flex-direction:column;gap:10px}
.top-card-7{width:60px;height:5px;border-radius:5px;background:#E6D5CC;align-self:center}
.top-row-4{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}
.top-box-7{font-size:12px;color:#6B5A50}
.top-label-9{font-size:10px;font-weight:800;padding:4px 8px;border-radius:999px;background:#FFD9D9;color:#A3001B}
.top-grid-3{background:#F8EDE8;border-radius:12px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.top-box-8{font-size:9px;font-weight:800;color:#6B5A50}
.top-box-9{font-size:13px;font-weight:600}
.top-row-5{display:flex;gap:6px;flex-wrap:wrap}
.top-label-10{font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px;background:#C9F5D2;color:#0E5A22}
.top-label-11{font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px;background:#FFE3CC;color:#7A3D00}
.top-card-8{min-height:52px;border-radius:12px;background:#B35A00;box-shadow:0 3px 0 #7A3D00;color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.top-card-9{min-height:46px;border-radius:12px;background:#fff;border:1.5px solid #D9C3B8;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.top-row-6{display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;font-weight:700;color:#0E5A22}
.top-label-12{width:8px;height:8px;border-radius:50%;background:#1FA544}
.kako-section{background:#fff;border-top:1px solid #F1E2DB;border-bottom:1px solid #F1E2DB}
.kako-wrap{max-width:1200px;margin:0 auto;padding:88px 24px;display:flex;flex-direction:column;gap:44px}
.kako-col{display:flex;flex-direction:column;gap:12px;max-width:720px}
.kako-heading{margin:0;font-size:clamp(32px,3.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-0.015em;text-wrap:balance}
.kako-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.kako-card{background:#FFF7F4;border:1px solid #F1E2DB;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px}
.kako-row{display:flex;align-items:center;gap:12px}
.kako-card-2{width:52px;height:52px;border-radius:14px;background:#FFE3CC;color:#A04F00;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}
.kako-label{font-size:12px;font-weight:800;letter-spacing:0.08em;color:#6B5A50}
.kako-subheading{margin:0;font-size:24px;font-weight:800}
.kako-text{margin:0;font-size:18px;line-height:1.55;color:#4A3D36;text-wrap:pretty}
.mogucnosti-heading{margin:0;font-size:clamp(32px,3.6vw,44px);line-height:1.1;font-weight:800;letter-spacing:-0.015em}
.mogucnosti-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.mogucnosti-card{background:#fff;border:1px solid #F1E2DB;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:18px}
.mogucnosti-box{font-size:13px;font-weight:800;letter-spacing:0.08em;color:#26357A}
.mogucnosti-subheading{margin:0;font-size:28px;font-weight:800}
.mogucnosti-col{display:flex;flex-direction:column;gap:12px}
.mogucnosti-row{display:flex;gap:12px;align-items:flex-start;font-size:18px;line-height:1.45}
.mogucnosti-label{flex:none;margin-top:8px;width:10px;height:10px;border-radius:3px;background:#B35A00}
.mogucnosti-box-2{font-size:13px;font-weight:800;letter-spacing:0.08em;color:#0E5A22}
.mogucnosti-label-2{flex:none;margin-top:8px;width:10px;height:10px;border-radius:3px;background:#1FA544}
.mogucnosti-card-2{background:#fff;border:1px solid #F1E2DB;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:16px}
.mogucnosti-subheading-2{margin:0;font-size:26px;font-weight:800}
.mogucnosti-grid-2{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:6px}
.cal-day{border-radius:10px;padding:10px 6px;min-height:84px;display:flex;flex-direction:column;gap:6px}
.mogucnosti-label-3{font-size:10px;font-weight:800;color:#6B5A50}
.mogucnosti-label-4{font-size:15px;font-weight:800}
.task{font-size:9px;font-weight:700;padding:3px 4px;border-radius:5px}
.mogucnosti-card-3{flex:1;min-height:150px;border-radius:12px;border:1px solid #E8D8CF;background:repeating-linear-gradient(135deg,#F3EEE4 0 10px,#EBE5D8 10px 20px);position:relative;margin-top:6px}
.mogucnosti-label-5{position:absolute;left:30%;top:40%;width:18px;height:18px;border-radius:50%;background:#B35A00;border:3px solid #fff}
.mogucnosti-label-6{position:absolute;left:58%;top:30%;width:18px;height:18px;border-radius:50%;background:#1FA544;border:3px solid #fff}
.mogucnosti-label-7{position:absolute;left:12px;bottom:10px;font-family:ui-monospace,monospace;font-size:11px;color:#8A776C}
.sve-wrap{max-width:1200px;margin:0 auto;padding:88px 24px;display:flex;flex-direction:column;gap:40px}
.sve-col{display:flex;flex-direction:column;gap:14px;max-width:760px}
.sve-text{margin:0;font-size:19px;line-height:1.6;color:#4A3D36;text-wrap:pretty}
.sve-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.sve-card{background:#FFF7F4;border:1px solid #F1E2DB;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.fdot{width:12px;height:12px;border-radius:4px;flex:none}
.sve-subheading{margin:0;font-size:19px;font-weight:800;color:#221A16}
.sve-text-2{margin:0;font-size:15.5px;line-height:1.55;color:#4A3D36}
.section-section{background:#2A1C14;color:#FFF7F4}
.section-grid{max-width:1200px;margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center}
.section-col{display:flex;flex-direction:column;gap:20px}
.section-box{font-size:13px;font-weight:800;letter-spacing:0.1em;color:#F2A64A}
.section-text{margin:0;font-size:19px;line-height:1.6;color:#E6D6CC;text-wrap:pretty}
.section-card{display:flex;align-items:center;gap:16px;background:#3A2A20;border:1px solid #4E3A2D;border-radius:16px;padding:20px 22px}
.dot{flex:none;width:14px;height:14px;border-radius:50%}
.section-col-2{display:flex;flex-direction:column;gap:4px}
.section-label{font-size:19px;font-weight:800}
.section-label-2{font-size:16px;color:#D7C5BA}
.inspekcija-col{display:flex;flex-direction:column;gap:10px}
.inspekcija-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #F1E2DB;border-radius:12px;padding:14px 18px;font-size:17px;font-weight:600}
.inspekcija-label{flex:none;font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:#FFE3CC;color:#7A3D00}
.section-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.section-col-3{display:flex;flex-direction:column;gap:10px;align-items:center}
.section-card-2{width:220px;background:#1E1612;border-radius:32px;padding:8px}
.section-card-3{background:#FFF7F4;border-radius:25px;padding:18px 14px;display:flex;flex-direction:column;gap:10px;min-height:340px}
.section-box-2{font-size:20px;font-weight:800}
.section-col-4{display:flex;flex-direction:column;gap:6px}
.section-card-4{min-height:44px;border-radius:10px;background:#C9F5D2;color:#0E5A22;font-weight:800;font-size:15px;display:flex;align-items:center;padding:0 12px}
.section-card-5{min-height:44px;border-radius:10px;background:#FFF0B8;color:#6A4B00;font-weight:800;font-size:15px;display:flex;align-items:center;padding:0 12px}
.section-card-6{min-height:44px;border-radius:10px;background:#FFD9D9;color:#A3001B;font-weight:800;font-size:15px;display:flex;align-items:center;padding:0 12px}
.section-card-7{margin-top:auto;min-height:52px;border-radius:12px;background:#B35A00;box-shadow:0 3px 0 #7A3D00;color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.section-label-3{font-size:14px;font-weight:700;color:#6B5A50}
.section-card-8{background:#000;border-radius:25px;padding:18px 14px;display:flex;flex-direction:column;gap:10px;min-height:340px;color:#fff}
.section-box-3{font-size:22px;font-weight:800}
.section-card-9{min-height:44px;border-radius:10px;background:#00C853;color:#000;font-weight:800;font-size:16px;display:flex;align-items:center;padding:0 12px}
.section-card-10{min-height:44px;border-radius:10px;background:#FFD600;color:#000;font-weight:800;font-size:16px;display:flex;align-items:center;padding:0 12px}
.section-card-11{min-height:44px;border-radius:10px;background:#FF3B3B;color:#000;font-weight:800;font-size:16px;display:flex;align-items:center;padding:0 12px}
.section-card-12{margin-top:auto;min-height:52px;border-radius:12px;background:#FFD600;color:#000;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.section-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.section-card-13{background:#FFF7F4;border:1px solid #F1E2DB;border-radius:12px;padding:14px 16px;font-size:17px;font-weight:700}
.cijene-section{max-width:1200px;margin:0 auto;padding:88px 24px 0}
.cijene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:stretch}
.cijene-card{background:#2A1C14;color:#FFF7F4;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:16px}
.cijene-label{font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.1;letter-spacing:-0.015em;text-wrap:balance}
.cijene-label-2{font-size:17px;line-height:1.6;color:#F1E2DB}
.cijene-label-3{align-self:flex-start;background:#3DDC6E;color:#0E3A1A;font-weight:800;padding:8px 16px;border-radius:999px;font-size:15px;margin-top:auto}
.cijene-card-2{background:#fff;border:1px solid #F1E2DB;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:14px}
.cijene-label-4{font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.15;color:#221A16;letter-spacing:-0.015em}
.cijene-label-5{font-size:17px;line-height:1.6;color:#4A3D36}
.cijene-col{display:flex;flex-direction:column;gap:0;margin-top:4px}
.cijene-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #F1E2DB;padding:10px 0;font-size:16px;color:#3A2E28}
.cijene-label-6{font-size:14.5px;line-height:1.5;color:#6B5B4E}
.section-section-2{max-width:1200px;margin:0 auto;padding:88px 24px}
.section-card-14{background:#B35A00;border-radius:24px;padding:56px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;color:#fff}
.section-heading{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:800;letter-spacing:-0.015em;text-wrap:balance}
.section-text-2{margin:0;font-size:19px;line-height:1.5;color:#FFE9D6;max-width:560px}
.section-btn{margin-top:8px;min-height:60px;display:flex;align-items:center;padding:0 32px;border-radius:12px;font-weight:800;font-size:19px;color:#3A1D00;background:#fff;box-shadow:0 4px 0 #7A3D00}
.footer-bar{border-top:1px solid #F1E2DB}
.footer-wrap{max-width:1200px;margin:0 auto;padding:28px 24px 36px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;font-size:15px;color:#6B5B4E}
.footer-row{display:flex;flex-wrap:wrap;gap:12px 20px}
.footer-link{color:#A04F00;font-weight:800}

/* --- boje ovisne o podacima --- */
.cal-day{background:#F8EDE8} .cal-day.is-today{background:#FFDCC0}
.dot--0{background:#F2A64A} .dot--1{background:#6FA8FF} .dot--2{background:#3DDC6E}
.task--feed{background:#FFE3CC;color:#7A3D00} .task--varroa{background:#FFD9D9;color:#A3001B} .task--visit{background:#C9F5D2;color:#0E5A22}
.fdot--0{background:#E08A1E} .fdot--1{background:#4E7A2E} .fdot--2{background:#2F6DB5} .fdot--3{background:#B35A00}
.lang-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#4A3D36} .lang-btn:hover{color:#221A16} .lang-btn.is-active{background:#B35A00;color:#fff}

/* --- uski zasloni: nista preko desnog ruba --- */
@media (max-width:640px){.header-nav{display:none}}
#top>div:last-child{max-width:100%;overflow:hidden;padding:4px 4px 24px}
.mogucnosti-grid-2{grid-template-columns:repeat(7,minmax(0,1fr))} .mogucnosti-grid-2>*{min-width:0;overflow:hidden} .mogucnosti-grid-2 span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:380px){header a[href*="signup"]{display:none}}

/* Izvjestaji: bez dokumenta (nakosenog boxa) tekst i popis ostaju citljive sirine */
#inspekcija>div{max-width:820px}

/* Na terenu: instalacija mobilne aplikacije na Android (zaseban box ispod "Registriraj se besplatno") */
.field{max-width:1200px;margin:0 auto;padding:0 24px 88px}
.field-card{background:#fff;border:1px solid #F1E2DB;border-radius:24px;padding:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:start}
.field-intro{display:flex;flex-direction:column;gap:14px;min-width:0}
.field-title{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.15;font-weight:800;letter-spacing:-0.015em;color:#221A16;text-wrap:balance}
.field-lead{margin:0;font-size:18px;line-height:1.6;color:#4A3D36}
.field-note{margin:0;font-size:15px;line-height:1.5;color:#6B5B4E;background:#FFF7F4;border:1px solid #F1E2DB;border-radius:12px;padding:12px 14px}
.field-btn{align-self:flex-start;min-height:54px;display:inline-flex;align-items:center;padding:0 26px;border-radius:12px;font-weight:800;font-size:17px;color:#fff;background:#B35A00;border-bottom:4px solid #7A3D00}
.field-btn:hover{color:#fff;background:#A04F00}
.field-steps{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:14px;min-width:0}
.field-steps li{counter-increment:step;display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.55;color:#221A16;background:#FFF7F4;border:1px solid #F1E2DB;border-radius:16px;padding:16px}
.field-steps li::before{content:counter(step);flex:none;width:32px;height:32px;border-radius:50%;background:#B35A00;color:#fff;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center}
.field-steps li span{min-width:0;overflow-wrap:anywhere}
.field-steps a{font-weight:800;color:#A04F00;text-decoration:underline;text-underline-offset:3px}
@media (max-width:480px){.field-card{padding:22px 16px;gap:24px}.field-btn{align-self:stretch;justify-content:center}}