/* FoodPrint Visual System v3.3 - integrated brand + simplified order form */
body.v33{--v33-font:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;--v33-display:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-family:var(--v33-font)}
body.v33 h1,body.v33 h2,body.v33 h3{font-family:var(--v33-display);font-weight:760;letter-spacing:-.035em}
body.v33 .brand{padding:5px 10px 5px 7px;border:1px solid rgba(74,167,199,.22);border-radius:18px;background:linear-gradient(135deg,rgba(33,212,244,.08),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 28px rgba(0,0,0,.18);transition:.2s ease}
body.v33 .brand:hover{border-color:rgba(33,212,244,.48);background:linear-gradient(135deg,rgba(33,212,244,.13),rgba(255,255,255,.028));transform:translateY(-1px)}
body.v33 .brand-logo{width:78px!important;height:58px!important;object-fit:contain!important;background:transparent!important;padding:0!important;border-radius:0!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))}
body.v33 .hero:before{background:radial-gradient(ellipse 52% 62% at 22% 18%,rgba(33,212,244,.23),transparent 68%),radial-gradient(ellipse 42% 48% at 82% 44%,rgba(31,158,204,.13),transparent 70%),radial-gradient(ellipse 28% 34% at 90% 70%,rgba(255,214,74,.07),transparent 74%),linear-gradient(120deg,transparent 0 47%,rgba(255,255,255,.018) 48% 49%,transparent 50% 100%)!important}
body.v33 .hero h1{font-weight:780;letter-spacing:-.052em}
body.v33 .showcase-badge{font-family:var(--v33-font);font-weight:700;letter-spacing:.045em;font-size:12.5px;padding:8px 12px;background:linear-gradient(135deg,#e7fbff,#f4fdff);box-shadow:0 8px 24px rgba(33,212,244,.08)}
body.v33 .hero-showcase h2{font-weight:740;letter-spacing:-.025em}
body.v33 #kontakt .info-grid{grid-template-columns:minmax(280px,.66fr) minmax(620px,1.34fr);gap:clamp(42px,5vw,92px);align-items:start}
body.v33 #kontakt .info-grid>div:first-child{max-width:600px;position:sticky;top:112px}
body.v33 #kontakt .order-box{max-width:1080px;width:100%;justify-self:end;padding:clamp(18px,2vw,28px);border-radius:24px;background:linear-gradient(155deg,rgba(12,28,41,.96),rgba(7,17,27,.98));border-color:rgba(72,139,171,.30)}
body.v33 #orderForm{gap:14px}.form-section{padding:18px;border:1px solid rgba(72,132,163,.24);border-radius:18px;background:rgba(8,21,32,.68)}
.form-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:15px}.form-section-no{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:#103247;color:#62e7fb;font-weight:900;font-size:12px}.form-section-head strong{display:block;color:#fff;font-size:17px}.form-section-head small{display:block;color:#8fa9b9;margin-top:2px;font-weight:500}
body.v33 .form-section .fields,body.v33 .form-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.v33 .form-field{display:grid;gap:6px;min-width:0;font-size:13px}.form-label-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:20px}.form-label-title{font-weight:750;color:#dbe9f0}.field-meta{flex:0 0 auto;padding:3px 7px;border-radius:999px;font-size:9px;line-height:1.2;font-weight:850;letter-spacing:.04em;text-transform:uppercase;background:#102d3e;color:#9edff0}.field-meta.optional{background:#111d28;color:#7f97a7}
body.v33 #orderForm input,body.v33 #orderForm select,body.v33 #orderForm textarea{min-height:48px;border-radius:11px;background:#06121c;border-color:#29465a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
body.v33 #orderForm textarea{min-height:78px}body.v33 #orderForm input:focus,body.v33 #orderForm select:focus,body.v33 #orderForm textarea:focus{border-color:#29d9f4;box-shadow:0 0 0 3px rgba(33,212,244,.11);background:#081925}
body.v33 .conditional-field[hidden]{display:none!important}.optional-details{border:1px solid rgba(72,132,163,.24);border-radius:16px;background:rgba(8,20,30,.55);overflow:hidden}.optional-details summary{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 17px;cursor:pointer;color:#dceaf1;font-weight:800}.optional-details summary::marker{color:#5cdff5}.optional-details[open] summary{border-bottom:1px solid rgba(72,132,163,.20)}.optional-details-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.optional-badge{font-size:10px;color:#8ca5b4;font-weight:700}.needs-attention .field-meta.optional{background:rgba(255,214,74,.15);color:#ffd64a}
body.v33 .file-box{padding:16px;border:1px dashed rgba(69,186,219,.44);border-radius:15px;background:linear-gradient(145deg,rgba(15,41,56,.64),rgba(7,19,29,.72))}.file-box input[type=file]{min-height:42px!important}.design-input-note{margin:0 0 10px;padding:10px 12px;border-left:3px solid var(--cyan);border-radius:7px;background:rgba(33,212,244,.055);color:#a8c0cd;font-size:12px}
body.v33 .form-actions{grid-template-columns:1.12fr .88fr;gap:10px}.form-primary{background:linear-gradient(135deg,#4ce4fb,#18badb)!important;color:#051018!important}.form-whatsapp{background:linear-gradient(135deg,#143724,#0e2b1c)!important;border:1px solid rgba(37,211,102,.46)!important;color:#c8f8d9!important}.form-whatsapp:hover{border-color:#25d366!important;box-shadow:0 12px 32px rgba(37,211,102,.16)!important}
body.v33 #kontakt .lead{max-width:560px}.order-easy-list{display:grid;gap:9px;margin:22px 0}.order-easy-item{display:flex;gap:10px;align-items:flex-start;color:#b8cdd8}.order-easy-item b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:#0d2a3a;color:#55e3f8;font-size:11px}.order-easy-item span{padding-top:1px}.order-required-note{margin-top:18px;color:#7f98a8;font-size:12px}
@media(max-width:1120px){body.v33 #kontakt .info-grid{grid-template-columns:1fr}body.v33 #kontakt .info-grid>div:first-child{position:static;max-width:780px}body.v33 #kontakt .order-box{max-width:none;justify-self:stretch}}
@media(max-width:700px){body.v33 .form-section .fields,body.v33 .form-order-grid,.optional-details-body{grid-template-columns:1fr}body.v33 .form-actions{grid-template-columns:1fr}body.v33 .brand{padding:4px 8px 4px 5px}body.v33 .brand-logo{width:68px!important;height:52px!important}}
