/* CELUST: baza. Jasna paleta, jeden akcent #FF5B1A, jeden promień 6px. */
:root{
  --bg:#F3F4F5; --ink:#111315; --muted:#4A5158; --line:#C9CDD2; --line-strong:#8A929A;
  --p1:#E6E8EA; --p2:#DADDE0; --p3:#CFD3D7; --paper:#FFFFFF; --peach:#FBE3D8; --peach-ink:#7A3A1E;
  --accent:#FF5B1A; --accent-ink:#B83600; --r:6px;
  --f-head:'Space Grotesk',system-ui,sans-serif; --f-body:'Inter',system-ui,sans-serif;
  --gutter:clamp(16px,4vw,48px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.celust{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.6}
.celust a{color:var(--ink);text-decoration:none}
.celust a:hover{color:var(--accent-ink)}
.celust a:focus-visible,.celust button:focus-visible,.celust input:focus-visible,.celust select:focus-visible,.celust textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.celust img{max-width:100%;height:auto}
.celust h1,.celust h2,.celust h3,.celust h4{font-family:var(--f-head);color:var(--ink);font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.c-skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--bg)!important;padding:8px 14px;border-radius:var(--r);z-index:100}
.c-skip:focus{left:8px}

/* Obudowa i nagłówek */
.c-wrap{max-width:1280px;margin:0 auto;padding:16px var(--gutter) 96px}
.celust .col-full{max-width:none;padding:0;margin:0}
.c-header__in{max-width:1280px;margin:0 auto;padding:0 var(--gutter);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.c-logo{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 125;font-stretch:125%;font-weight:600;font-size:26px;letter-spacing:.02em;color:var(--ink)}
.c-logo--sm{font-size:22px}
.c-nav{display:flex;gap:28px;flex-wrap:wrap;align-items:center;font-family:var(--f-head);font-weight:500;font-size:16px}
.c-menu{display:flex;gap:28px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.c-menu li{margin:0}
.c-cart{border:1px solid var(--line-strong);border-radius:var(--r);padding:6px 14px;font-variant-numeric:tabular-nums}

/* Stopka */
.c-footer{border-top:1px solid var(--line)}
.c-footer__in{max-width:1280px;margin:0 auto;padding:40px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.c-menu--footer{gap:24px;font-size:15px}
.c-menu--footer a,.c-footer__copy{color:var(--muted)}
.c-footer__copy{font-size:14px}

/* Szkic: placeholdery i zdjęcia */
.slot{background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(17,19,21,.04) 14px 15px)}
.c-photo{position:relative;overflow:hidden;border-radius:var(--r);background:var(--p2)}
.c-photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Przyciski ogólne */
.btn-primary:hover{color:var(--ink)!important;filter:brightness(1.06)}
.btn-ghost:hover{color:var(--ink)!important;border-color:var(--ink)!important}
@media (prefers-reduced-motion:no-preference){.btn-primary,.btn-ghost,.celust .button{transition:filter .2s ease,border-color .2s ease}}
@media (max-width:720px){
  .bento{grid-template-columns:minmax(0,1fr)!important}
  .bento>*{grid-column:auto!important;grid-row:auto!important;min-height:260px}
}

/* Zwykłe strony i wpisy */
.celust .hentry{margin:0 0 48px}
.celust .entry-title,.celust .page-title{font-size:clamp(36px,4.4vw,56px);line-height:1.04;margin:0 0 32px}
.celust .entry-content,.celust .entry-summary{max-width:70ch}
.celust .content-area,.celust .site-main{width:100%;float:none;margin:0;padding:0}
.celust .widget-area{display:none}
.celust .storefront-breadcrumb{padding:0;margin:0 0 24px}
.celust .storefront-breadcrumb .col-full{padding:0}
.celust .woocommerce-breadcrumb{font-size:14px;color:var(--muted);margin:0;padding:0}
.celust .woocommerce-breadcrumb a{color:var(--muted)}

/* Formularze */
.celust input[type=text],.celust input[type=email],.celust input[type=tel],.celust input[type=password],.celust input[type=number],.celust input[type=search],.celust select,.celust textarea,.celust .select2-container--default .select2-selection--single{
  background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--r);color:var(--ink);font-family:var(--f-body);font-size:16px;min-height:48px;padding:0 14px;box-shadow:none}
.celust textarea{padding:12px 14px;min-height:120px}
.celust label{font-size:14px;color:var(--muted);font-weight:400}
.celust ::placeholder{color:#6B737B}

/* Przyciski WooCommerce / Storefront: jeden styl, akcent */
body.celust .button,body.celust button.button,body.celust input[type=submit],body.celust a.button,body.celust #respond input#submit,
body.celust .woocommerce a.button,body.celust .woocommerce button.button,body.celust .woocommerce input.button,
body.celust .woocommerce a.button.alt,body.celust .woocommerce button.button.alt,body.celust .woocommerce input.button.alt,
body.celust .wc-block-components-button:not(.is-link){
  background:var(--accent)!important;color:var(--ink)!important;border:0!important;border-radius:var(--r)!important;
  font-family:var(--f-head);font-weight:600;font-size:16px;line-height:1.2;padding:16px 28px;min-height:52px;text-shadow:none;box-shadow:none;cursor:pointer}
body.celust .button:hover,body.celust button.button:hover,body.celust input[type=submit]:hover,body.celust .woocommerce a.button:hover,body.celust .woocommerce button.button:hover,body.celust .woocommerce a.button.alt:hover,body.celust .woocommerce button.button.alt:hover{filter:brightness(1.06);color:var(--ink)!important}
body.celust .woocommerce button.button:disabled,body.celust .woocommerce button.button.disabled{opacity:.5}