*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf7f0;color:#30221c;font:16px/1.5 "DM Sans",Arial,sans-serif}header,footer,.heading,.row{display:flex;align-items:center;gap:24px}header{padding:12px 6%;height:84px;border-bottom:1px solid #dfd7c7;background:#fffcf6}.logo{display:block;width:165px;height:60px;object-fit:contain}nav{display:flex;gap:28px;margin-left:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}nav a,.cta{text-decoration:none}button,.cta{border:0;background:#602c32;color:white;border-radius:5px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer}button:hover,.cta:hover{filter:brightness(1.13)}.hero{background:#2f1c16 url('/hero.jpg') center 55%/cover;color:#fff9ec;min-height:440px;display:flex;align-items:center;padding:5% 7%}.hero>div{width:min(490px,60%)}small{font-weight:700;letter-spacing:.18em;font-size:11px}.hero small{color:#f6d5a5}h1,h2,h3{font-family:"DM Serif Text",Georgia,serif;font-weight:400;line-height:1.05}h1{font-size:clamp(52px,6vw,94px);margin:17px 0}h1 i{color:#f3cf99}.hero p{max-width:390px;margin:0 0 27px}.cta{display:inline-block;background:#f3d2a1;color:#30221c}#katalog,.portal{padding:48px 6% 70px;max-width:1640px;margin:auto}h2{font-size:clamp(32px,4vw,52px);margin:6px 0 18px}.heading{justify-content:space-between;flex-wrap:wrap}.heading input{width:min(290px,100%)}input,textarea,select{padding:10px 12px;border:1px solid #c9bdad;border-radius:4px;background:#fffdf8;color:inherit;font:inherit;max-width:100%}#filters{display:flex;gap:7px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #dcd4c5}#filters button,.secondary{background:transparent;color:#493930;border:1px solid #ccbdaa}#filters button{font-size:14px;padding:6px 13px;border-radius:30px}#filters button[aria-pressed=true]{background:#443628;color:white}#count,.muted{font-size:14px;color:#685c50}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:22px}.product{display:flex;flex-direction:column;border:1px solid #dfd7ca;border-radius:8px;overflow:hidden;background:#fffcf6}.product img{width:100%;height:218px;object-fit:contain;background:#f2ede4}.info{padding:18px;display:flex;flex-direction:column;flex:1}.info small{color:#845440;letter-spacing:.09em}.info h3{font-size:26px;margin:9px 0}.info p{margin:0 0 18px}.info .row{margin-top:auto;justify-content:space-between;gap:5px}.info button{padding:7px 12px}footer{background:#31241f;color:#fff4de;padding:42px 6%;flex-wrap:wrap}footer h2{font-size:28px;margin:0 auto 0 0}dialog{width:min(600px,96vw);max-height:90dvh;overflow:auto;border:0;border-radius:9px;background:#faf7f0;color:inherit;padding:28px}dialog::backdrop{background:#241913a8}.close{float:right}.line,.adminrow{padding:12px 0;border-bottom:1px solid #ded6c8}.line input{width:76px}.row{flex-wrap:wrap;gap:9px}label{display:grid;gap:5px;margin:12px 0}form{max-width:650px}textarea{min-height:70px}.portal details{background:#fffcf6;border:1px solid #dacfc0;margin:9px 0;padding:14px;border-radius:5px}summary{cursor:pointer}.portal h2{font-size:36px;margin-top:30px}.portal pre{white-space:pre-wrap}button:disabled{opacity:.55}#feedback:not(:empty),#status:not(:empty){padding:10px;background:#efe5d1}button:focus-visible,a:focus-visible{outline:3px solid #ab7636;outline-offset:2px}@media(max-width:650px){header{gap:12px;padding:6px 4%;height:68px}.logo{width:110px}nav{gap:9px;font-size:14px}header button{padding:7px 10px}.hero{min-height:390px;background-position:64% center;background-image:linear-gradient(90deg,#291812c4,transparent),url('/hero.jpg')}.hero>div{width:85%}.hero p{max-width:245px}#katalog,.portal{padding:34px 4%}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product img{height:150px}.info{padding:11px}.info h3{font-size:20px}.info .row{align-items:start;flex-direction:column}footer{gap:15px;flex-direction:column;align-items:start}}
