/* FoodPrint Visual System v3.1 - premium conversion and visual merchandising */
body.v31{--v31-wide:1360px;--v31-content:1160px}
body.v31 .hero>.wrap,body.v31 #jakosc>.wrap,body.v31 #motywy>.wrap,body.v31 #realizacje>.wrap{width:min(var(--v31-wide),calc(100% - 56px))}
body.v31 section{padding:54px 0}body.v31 .section-intro{margin-bottom:24px}
body.v31 .hero{min-height:690px}body.v31 .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:64px}
body.v31 .hero h1{font-size:clamp(48px,5.25vw,78px);letter-spacing:-.045em}
body.v31 .hero-showcase{border-radius:26px;padding:28px;background:linear-gradient(155deg,#0d2030,#08131e);border-color:rgba(33,212,244,.28)}
body.v31 .showcase-meta{display:grid;grid-template-columns:1fr;gap:8px}body.v31 .status-chip{justify-content:flex-start;white-space:normal;line-height:1.3;padding:10px 13px}
body.v31 .location-chip{white-space:normal;line-height:1.35}
body.v31 .trust-grid{max-width:1360px;margin:auto}.trust-strip{background:#06111a}
body.v31 .order-paths{background:linear-gradient(180deg,#07121d,#050b12);padding:46px 0 50px}
body.v31 .order-paths-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:22px}
body.v31 .order-paths-head>div{max-width:760px}body.v31 .order-paths-head p:last-child{margin-bottom:0}
body.v31 .order-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.v31 .order-path{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:250px;padding:28px;border:1px solid #21384b;border-radius:22px;background:linear-gradient(150deg,#0e1d2b,#09131e);box-shadow:0 18px 42px rgba(0,0,0,.2)}
body.v31 .order-path:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--path-a),var(--path-b))}
body.v31 .order-path:nth-child(1){--path-a:#21d4f4;--path-b:#72ecff}body.v31 .order-path:nth-child(2){--path-a:#ffd64a;--path-b:#ff9f43}body.v31 .order-path:nth-child(3){--path-a:#c27cff;--path-b:#21d4f4}
body.v31 .path-no{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#102638;color:var(--cyan);font-size:13px;font-weight:900;margin-bottom:24px}
body.v31 .order-path h3{font-size:25px;margin-bottom:10px}body.v31 .order-path p{color:var(--muted);margin:0 0 20px}body.v31 .order-path .btn{margin-top:auto;align-self:flex-start}
body.v31 .studio-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:32px;margin-top:30px;padding:24px;border:1px solid #21384b;border-radius:26px;background:linear-gradient(145deg,#0a1824,#07111b);box-shadow:0 26px 70px rgba(0,0,0,.28)}
body.v31 .studio-collage{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:12px;min-height:520px}
body.v31 .studio-shot{position:relative;overflow:hidden;border:1px solid #243b4d;border-radius:18px;background:#0c1a26;margin:0}
body.v31 .studio-shot:first-child{grid-row:1/3}body.v31 .studio-shot img{width:100%;height:100%;object-fit:cover;display:block}
body.v31 .studio-shot:first-child img{object-fit:contain;background:#eef4f7;padding:16px}
body.v31 .studio-shot figcaption{position:absolute;left:10px;bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(3,10,17,.86);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em}
body.v31 .studio-copy{align-self:center;padding:18px 12px}body.v31 .studio-copy h3{font-size:clamp(30px,3.1vw,46px)}body.v31 .studio-copy .lead{font-size:18px;color:#c9d9e2}
body.v31 .studio-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.studio-proof div{padding:13px;border-radius:14px;background:#0d2130;border:1px solid #20384b}.studio-proof strong{display:block;color:var(--yellow);font-size:20px}.studio-proof small{color:var(--muted)}
body.v31 .template-showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 20px}
body.v31 .template-case{padding:0;text-align:left;border:1px solid #21384b;border-radius:22px;overflow:hidden;background:#0b1824;color:#fff;cursor:pointer;box-shadow:0 20px 46px rgba(0,0,0,.23);transition:.2s ease}
body.v31 .template-case:hover,body.v31 .template-case.selected{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 26px 60px rgba(0,0,0,.35)}
body.v31 .template-media{display:grid;grid-template-columns:1fr 1fr;height:260px;background:#08131d}body.v31 .template-media img{width:100%;height:100%;object-fit:cover}.template-media img:first-child{object-position:center top}
body.v31 .template-copy{padding:20px}.template-code{display:inline-flex;padding:5px 8px;border-radius:999px;background:#102b3b;color:#7cecff;font-size:11px;font-weight:900;letter-spacing:.08em}.template-copy h3{font-size:24px;margin:10px 0 7px}.template-copy p{margin:0;color:var(--muted)}
body.v31 .theme-chip-grid{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.theme-chip{border:1px solid #29475b;border-radius:999px;background:#0a1823;color:#c9d9e2;padding:10px 14px;font-weight:800;cursor:pointer;transition:.2s}.theme-chip:hover,.theme-chip.selected{border-color:var(--yellow);color:#fff;background:#142638;transform:translateY(-1px)}
body.v31 .theme-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
body.v31 .portfolio-grid{gap:22px}.portfolio-card{box-shadow:0 20px 50px rgba(0,0,0,.25)}
body.v31 .portfolio-card img{transition:transform .35s ease}.portfolio-card:hover img{transform:scale(1.025)}
body.v31 .compact-proof-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.compact-proof-row a{display:inline-flex;padding:9px 12px;border:1px solid #29475b;border-radius:999px;color:#b9ced9;text-decoration:none;font-size:12px;font-weight:800}.compact-proof-row a:hover{border-color:var(--cyan);color:#fff}
body.v31 #kontakt .order-box{box-shadow:0 28px 80px rgba(0,0,0,.28)}body.v31 #kontakt{background:radial-gradient(circle at 86% 20%,rgba(33,212,244,.07),transparent 28%),linear-gradient(180deg,#07121d,#040910)}
@media(min-width:1800px){body.v31{--v31-wide:1480px}body.v31 .hero-grid{gap:82px}body.v31 .hero-showcase{padding:32px}}
@media(max-width:1120px){body.v31 .links{display:none!important}body.v31 .menu-toggle{display:flex!important}body.v31 .mobile-menu.open{display:grid;position:fixed;top:78px;left:12px;right:12px;z-index:30;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(4,9,16,.985);box-shadow:0 18px 50px rgba(0,0,0,.5)}body.v31 .mobile-menu a{padding:12px 14px;border-radius:8px;text-decoration:none;font-weight:800;color:#eaf5fa}body.v31 .hero-grid{grid-template-columns:1fr 1fr;gap:32px}body.v31 .hero h1{font-size:clamp(46px,5.8vw,64px)}body.v31 .studio-story{grid-template-columns:1fr}body.v31 .studio-copy{padding:8px 4px}}
@media(max-width:850px){body.v31 .hero>.wrap,body.v31 #jakosc>.wrap,body.v31 #motywy>.wrap,body.v31 #realizacje>.wrap{width:min(100% - 32px,var(--v31-wide))}body.v31 .hero-grid{grid-template-columns:1fr}body.v31 .order-path-grid{grid-template-columns:1fr}body.v31 .order-path{min-height:0}body.v31 .template-showcase{grid-template-columns:1fr}body.v31 .studio-collage{min-height:470px}}
@media(max-width:560px){body.v31 section{padding:44px 0}body.v31 .hero{padding:54px 0 66px}body.v31 .hero h1{font-size:42px}body.v31 .order-paths-head{display:block}body.v31 .order-path{padding:22px;border-radius:18px}body.v31 .studio-story{padding:12px;border-radius:20px}body.v31 .studio-collage{grid-template-columns:1fr 1fr;grid-template-rows:280px 150px;min-height:0}.studio-shot:first-child{grid-column:1/3;grid-row:auto}.studio-shot:first-child img{padding:8px}.studio-copy{padding:14px 6px 8px!important}.studio-proof{grid-template-columns:1fr}.template-media{height:210px!important}.template-copy{padding:17px!important}.theme-chip{padding:9px 12px;font-size:13px}body.v31 .proof{gap:10px 14px;font-size:14px}}

body.v31 .template-case{display:flex;flex-direction:column}body.v31 .template-media{display:grid;flex:0 0 auto;width:100%}body.v31 .template-copy{display:block;position:relative;width:100%;background:#0b1824;color:#fff}body.v31 .template-copy h3,body.v31 .template-copy p{position:relative;z-index:1}


body.v31 .catalog-main{width:min(1200px,calc(100% - 36px));margin:auto;padding:42px 0 80px}body.v31 .catalog-main>nav{margin-bottom:28px}body.v31 .catalog-featured,body.v31 .catalog-categories{padding:28px 0}body.v31 .catalog-main .template-case{text-decoration:none}body.v31 .catalog-main .theme-chip{text-decoration:none;display:inline-flex}